{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Q1WKzJrMC2lHFZdBVxhl/s5TsYw9aNb9ZUqbD9zOn/Xuj3kbhlG.js"],
  "sourcesContent": ["// Generated by Framer (f866232)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, Text, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"X9v0hu58N\", \"XfYEhoED4\", \"CrSU4GKKn\", \"jywQdcQQ0\", \"n39pTmG_q\"];\nconst variantClassNames = {\n  CrSU4GKKn: \"framer-v-1yd35yr\",\n  jywQdcQQ0: \"framer-v-1lxxrtc\",\n  n39pTmG_q: \"framer-v-1o2cayl\",\n  X9v0hu58N: \"framer-v-a48rgf\",\n  XfYEhoED4: \"framer-v-lgmcuc\"\n};\nfunction addPropertyOverrides(overrides, ...variants) {\n  const nextOverrides = {};\n  variants === null || variants === void 0 ? void 0 : variants.forEach(variant => variant && Object.assign(nextOverrides, overrides[variant]));\n  return nextOverrides;\n}\nconst humanReadableVariantMap = {\n  Danger: \"jywQdcQQ0\",\n  Info: \"n39pTmG_q\",\n  Neutral: \"X9v0hu58N\",\n  Positive: \"XfYEhoED4\",\n  Warning: \"CrSU4GKKn\"\n};\nconst transitions = {\n  default: {\n    damping: 60,\n    delay: 0,\n    duration: .3,\n    ease: [.44, 0, .56, 1],\n    mass: 1,\n    stiffness: 500,\n    type: \"spring\"\n  }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style,\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"X9v0hu58N\",\n  title: AnrZrmyjr = \"Label\",\n  ...restProps\n}, ref) {\n  const outerVariantId = humanReadableVariantMap[outerVariant];\n  const variant = outerVariantId || outerVariant;\n  const {\n    baseVariant,\n    classNames,\n    gestureVariant,\n    setGestureState,\n    setVariant,\n    transition,\n    variants\n  } = useVariantState({\n    cycleOrder,\n    defaultVariant: \"X9v0hu58N\",\n    transitions,\n    variant,\n    variantClassNames\n  });\n  const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n  const defaultLayoutId = React.useId();\n  return /*#__PURE__*/_jsx(LayoutGroup, {\n    id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n    children: /*#__PURE__*/_jsx(motion.div, {\n      initial: variant,\n      animate: variants,\n      onHoverStart: () => setGestureState({\n        isHovered: true\n      }),\n      onHoverEnd: () => setGestureState({\n        isHovered: false\n      }),\n      onTapStart: () => setGestureState({\n        isPressed: true\n      }),\n      onTap: () => setGestureState({\n        isPressed: false\n      }),\n      onTapCancel: () => setGestureState({\n        isPressed: false\n      }),\n      className: cx(\"framer-WoJu3\", classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsx(motion.div, {\n        ...restProps,\n        className: cx(\"framer-a48rgf\", className),\n        \"data-framer-name\": \"Neutral\",\n        layoutDependency: layoutDependency,\n        layoutId: \"X9v0hu58N\",\n        ref: ref,\n        style: {\n          \"--border-bottom-width\": \"0px\",\n          \"--border-color\": \"rgba(0, 0, 0, 0)\",\n          \"--border-left-width\": \"0px\",\n          \"--border-right-width\": \"0px\",\n          \"--border-style\": \"solid\",\n          \"--border-top-width\": \"0px\",\n          backgroundColor: \"rgba(70, 65, 104, 0.1)\",\n          borderBottomLeftRadius: 4,\n          borderBottomRightRadius: 4,\n          borderTopLeftRadius: 4,\n          borderTopRightRadius: 4,\n          ...style\n        },\n        transition: transition,\n        variants: {\n          CrSU4GKKn: {\n            backgroundColor: \"rgba(255, 119, 0, 0.1)\"\n          },\n          jywQdcQQ0: {\n            backgroundColor: \"rgba(255, 68, 0, 0.1)\"\n          },\n          n39pTmG_q: {\n            \"--border-bottom-width\": \"2px\",\n            \"--border-color\": \"rgb(51, 51, 51)\",\n            \"--border-left-width\": \"2px\",\n            \"--border-right-width\": \"2px\",\n            \"--border-style\": \"solid\",\n            \"--border-top-width\": \"2px\",\n            backgroundColor: \"rgba(255, 255, 255, 0)\",\n            borderBottomLeftRadius: 10,\n            borderBottomRightRadius: 10,\n            borderTopLeftRadius: 10,\n            borderTopRightRadius: 10\n          },\n          XfYEhoED4: {\n            backgroundColor: \"rgba(42, 209, 0, 0.1)\"\n          }\n        },\n        ...addPropertyOverrides({\n          CrSU4GKKn: {\n            \"data-framer-name\": \"Warning\"\n          },\n          jywQdcQQ0: {\n            \"data-framer-name\": \"Danger\"\n          },\n          n39pTmG_q: {\n            \"data-border\": true,\n            \"data-framer-name\": \"Info\"\n          },\n          XfYEhoED4: {\n            \"data-framer-name\": \"Positive\"\n          }\n        }, baseVariant, gestureVariant),\n        children: /*#__PURE__*/_jsx(Text, {\n          __fromCanvasComponent: true,\n          alignment: \"center\",\n          className: \"framer-1wwomiu\",\n          fonts: [\"Inter-Bold\"],\n          layoutDependency: layoutDependency,\n          layoutId: \"dfoFFilIT\",\n          rawHTML: \"<span style='font-size: 0; line-height: 0; tab-size: 4; white-space: inherit; word-wrap: inherit'><span style='direction: ltr; font-size: 0'><span style=''>Label</span><br></span></span>\",\n          style: {\n            \"--framer-font-family\": '\"Inter-Bold\", \"Inter\", \"Inter Placeholder\", sans-serif',\n            \"--framer-font-size\": \"11px\",\n            \"--framer-font-style\": \"normal\",\n            \"--framer-font-weight\": 700,\n            \"--framer-letter-spacing\": \"0px\",\n            \"--framer-line-height\": \"1.2em\",\n            \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n            \"--framer-link-text-decoration\": \"underline\",\n            \"--framer-text-alignment\": \"center\",\n            \"--framer-text-color\": \"var(--token-f7f944b6-771e-4dd6-b5f0-4fc5fd43b7e3, rgb(25, 20, 57))\",\n            \"--framer-text-decoration\": \"none\",\n            \"--framer-text-transform\": \"none\"\n          },\n          text: AnrZrmyjr,\n          transition: transition,\n          variants: {\n            CrSU4GKKn: {\n              \"--framer-text-color\": \"var(--token-346232c0-c1ec-4225-be91-a68782d120c1, rgb(255, 119, 0))\"\n            },\n            jywQdcQQ0: {\n              \"--framer-text-color\": \"var(--token-138f4045-59d9-4bdc-a43e-8f389e6c8735, rgb(255, 68, 0))\"\n            },\n            n39pTmG_q: {\n              \"--framer-font-size\": \"16px\",\n              \"--framer-text-color\": \"rgb(51, 51, 51)\"\n            },\n            XfYEhoED4: {\n              \"--framer-text-color\": \"var(--token-3265bf2d-ecea-4f80-9de6-89478157ad22, rgb(42, 209, 0))\"\n            }\n          },\n          verticalAlignment: \"top\",\n          withExternalLayout: true\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-WoJu3 [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }', \"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\", \".framer-WoJu3 .framer-1jhjah3 { display: block; }\", \".framer-WoJu3 .framer-a48rgf { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 4px 6px 4px 6px; position: relative; width: min-content; will-change: transform; }\", \".framer-WoJu3 .framer-1wwomiu { flex: none; height: auto; overflow: visible; position: relative; white-space: pre; width: auto; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-WoJu3 .framer-a48rgf { gap: 0px; } .framer-WoJu3 .framer-a48rgf > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-WoJu3 .framer-a48rgf > :first-child { margin-left: 0px; } .framer-WoJu3 .framer-a48rgf > :last-child { margin-right: 0px; } }\", \".framer-WoJu3.framer-v-1o2cayl .framer-a48rgf { padding: 6px 12px 6px 12px; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerIntrinsicHeight 21\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerIntrinsicWidth 41\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"XfYEhoED4\":{\"layout\":[\"auto\",\"auto\"]},\"CrSU4GKKn\":{\"layout\":[\"auto\",\"auto\"]},\"jywQdcQQ0\":{\"layout\":[\"auto\",\"auto\"]},\"n39pTmG_q\":{\"layout\":[\"auto\",\"auto\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerVariables {\"AnrZrmyjr\":\"title\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   */\nconst FramerXuj3kbhlG = withCSS(Component, css, \"framer-WoJu3\");\nexport default FramerXuj3kbhlG;\nFramerXuj3kbhlG.displayName = \"Elements/Badge\";\nFramerXuj3kbhlG.defaultProps = {\n  height: 21,\n  width: 41\n};\naddPropertyControls(FramerXuj3kbhlG, {\n  variant: {\n    options: [\"X9v0hu58N\", \"XfYEhoED4\", \"CrSU4GKKn\", \"jywQdcQQ0\", \"n39pTmG_q\"],\n    optionTitles: [\"Neutral\", \"Positive\", \"Warning\", \"Danger\", \"Info\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  },\n  AnrZrmyjr: {\n    defaultValue: \"Label\",\n    displayTextArea: false,\n    title: \"Title\",\n    type: ControlType.String\n  }\n});\naddFonts(FramerXuj3kbhlG, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerXuj3kbhlG\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"XfYEhoED4\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"CrSU4GKKn\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"jywQdcQQ0\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"n39pTmG_q\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\n        \"framerIntrinsicHeight\": \"21\",\n        \"framerVariables\": \"{\\\"AnrZrmyjr\\\":\\\"title\\\"}\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicWidth\": \"41\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Xuj3kbhlG.map"],
  "mappings": "wJAKA,IAAMA,EAAa,CAAC,YAAa,YAAa,YAAa,YAAa,WAAW,EAC7EC,EAAoB,CACxB,UAAW,mBACX,UAAW,mBACX,UAAW,mBACX,UAAW,kBACX,UAAW,iBACb,EACA,SAASC,EAAqBC,KAAcC,EAAU,CACpD,IAAMC,EAAgB,CAAC,EACvB,OAAoDD,GAAS,QAAQE,GAAWA,GAAW,OAAO,OAAOD,EAAeF,EAAUG,CAAO,CAAC,CAAC,EACpID,CACT,CACA,IAAME,EAA0B,CAC9B,OAAQ,YACR,KAAM,YACN,QAAS,YACT,SAAU,YACV,QAAS,WACX,EACMC,EAAc,CAClB,QAAS,CACP,QAAS,GACT,MAAO,EACP,SAAU,GACV,KAAM,CAAC,IAAK,EAAG,IAAK,CAAC,EACrB,KAAM,EACN,UAAW,IACX,KAAM,QACR,CACF,EACMC,EAA+BC,EAAW,SAAU,CACxD,GAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAASC,EAAe,YACxB,MAAOC,EAAY,QACnB,GAAGC,CACL,EAAGC,EAAK,CAEN,IAAMd,EADiBC,EAAwBU,CAAY,GACzBA,EAC5B,CACJ,YAAAI,EACA,WAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAtB,CACF,EAAIuB,EAAgB,CAClB,WAAA3B,EACA,eAAgB,YAChB,YAAAQ,EACA,QAAAF,EACA,kBAAAL,CACF,CAAC,EACK2B,EAAmBxB,EAAS,KAAK,GAAG,EAAIe,EAAU,iBAClDU,EAAwBC,EAAM,EACpC,OAAoBC,EAAKC,EAAa,CACpC,GAAIhB,GAAsDa,EAC1D,SAAuBE,EAAKE,EAAO,IAAK,CACtC,QAAS3B,EACT,QAASF,EACT,aAAc,IAAMoB,EAAgB,CAClC,UAAW,EACb,CAAC,EACD,WAAY,IAAMA,EAAgB,CAChC,UAAW,EACb,CAAC,EACD,WAAY,IAAMA,EAAgB,CAChC,UAAW,EACb,CAAC,EACD,MAAO,IAAMA,EAAgB,CAC3B,UAAW,EACb,CAAC,EACD,YAAa,IAAMA,EAAgB,CACjC,UAAW,EACb,CAAC,EACD,UAAWU,EAAG,eAAgBZ,CAAU,EACxC,MAAO,CACL,QAAS,UACX,EACA,SAAuBS,EAAKE,EAAO,IAAK,CACtC,GAAGd,EACH,UAAWe,EAAG,gBAAiBrB,CAAS,EACxC,mBAAoB,UACpB,iBAAkBe,EAClB,SAAU,YACV,IAAKR,EACL,MAAO,CACL,wBAAyB,MACzB,iBAAkB,mBAClB,sBAAuB,MACvB,uBAAwB,MACxB,iBAAkB,QAClB,qBAAsB,MACtB,gBAAiB,yBACjB,uBAAwB,EACxB,wBAAyB,EACzB,oBAAqB,EACrB,qBAAsB,EACtB,GAAGR,CACL,EACA,WAAYc,EACZ,SAAU,CACR,UAAW,CACT,gBAAiB,wBACnB,EACA,UAAW,CACT,gBAAiB,uBACnB,EACA,UAAW,CACT,wBAAyB,MACzB,iBAAkB,kBAClB,sBAAuB,MACvB,uBAAwB,MACxB,iBAAkB,QAClB,qBAAsB,MACtB,gBAAiB,yBACjB,uBAAwB,GACxB,wBAAyB,GACzB,oBAAqB,GACrB,qBAAsB,EACxB,EACA,UAAW,CACT,gBAAiB,uBACnB,CACF,EACA,GAAGxB,EAAqB,CACtB,UAAW,CACT,mBAAoB,SACtB,EACA,UAAW,CACT,mBAAoB,QACtB,EACA,UAAW,CACT,cAAe,GACf,mBAAoB,MACtB,EACA,UAAW,CACT,mBAAoB,UACtB,CACF,EAAGmB,EAAaE,CAAc,EAC9B,SAAuBQ,EAAKI,EAAM,CAChC,sBAAuB,GACvB,UAAW,SACX,UAAW,iBACX,MAAO,CAAC,YAAY,EACpB,iBAAkBP,EAClB,SAAU,YACV,QAAS,6LACT,MAAO,CACL,uBAAwB,yDACxB,qBAAsB,OACtB,sBAAuB,SACvB,uBAAwB,IACxB,0BAA2B,MAC3B,uBAAwB,QACxB,2BAA4B,mBAC5B,gCAAiC,YACjC,0BAA2B,SAC3B,sBAAuB,qEACvB,2BAA4B,OAC5B,0BAA2B,MAC7B,EACA,KAAMV,EACN,WAAYQ,EACZ,SAAU,CACR,UAAW,CACT,sBAAuB,qEACzB,EACA,UAAW,CACT,sBAAuB,oEACzB,EACA,UAAW,CACT,qBAAsB,OACtB,sBAAuB,iBACzB,EACA,UAAW,CACT,sBAAuB,oEACzB,CACF,EACA,kBAAmB,MACnB,mBAAoB,EACtB,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,EACKU,EAAM,CAAC,sZAAuZ,kFAAmF,oDAAqD,+SAAgT,oIAAqI,+WAAgX,+EAA+E,EAO15CC,EAAkBC,EAAQ7B,EAAW2B,EAAK,cAAc,EACvDG,EAAQF,EACfA,EAAgB,YAAc,iBAC9BA,EAAgB,aAAe,CAC7B,OAAQ,GACR,MAAO,EACT,EACAG,EAAoBH,EAAiB,CACnC,QAAS,CACP,QAAS,CAAC,YAAa,YAAa,YAAa,YAAa,WAAW,EACzE,aAAc,CAAC,UAAW,WAAY,UAAW,SAAU,MAAM,EACjE,MAAO,UACP,KAAMI,EAAY,IACpB,EACA,UAAW,CACT,aAAc,QACd,gBAAiB,GACjB,MAAO,QACP,KAAMA,EAAY,MACpB,CACF,CAAC,EACDC,EAASL,EAAiB,CAAC,CAAC",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "AnrZrmyjr", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "Text", "css", "FramerXuj3kbhlG", "withCSS", "Xuj3kbhlG_default", "addPropertyControls", "ControlType", "addFonts"]
}