{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/tC4T5XLIzoIOutkIjEit/L5N3Fv6F0Gw4eqjSHLml/UL8hJ7ZiO.js"], "sourcesContent": ["// Generated by Framer (f0205c2)\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 = [\"I69:49398;3288:570947\", \"CDOHfNRMm\", \"eUt8aYb96\", \"M_NgTYa27\"];\nconst variantClassNames = {\n \"I69:49398;3288:570947\": \"framer-v-s6u54j\",\n CDOHfNRMm: \"framer-v-1qx76oz\",\n eUt8aYb96: \"framer-v-1qgjonj\",\n M_NgTYa27: \"framer-v-1tyqwqd\"\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 Border: \"M_NgTYa27\",\n Hided: \"CDOHfNRMm\",\n Medium: \"eUt8aYb96\",\n Visible: \"I69:49398;3288:570947\"\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 BASE62 = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nfunction useRandomID() {\n const ref = React.useRef(null);\n if (ref.current === null) {\n ref.current = Array(5).fill(0).map(() => BASE62[Math.floor(Math.random() * BASE62.length)]).join(\"\");\n }\n return ref.current;\n}\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style: externalStyle = {},\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"I69:49398;3288:570947\",\n badgeText: dtwhdOlB_ = \"Text\",\n textColor: sr3RARmCP = \"rgb(2, 121, 71)\",\n background: JMPHXEWlB = \"rgb(235, 253, 242)\",\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: \"I69:49398;3288:570947\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const isDisplayed1 = () => {\n if (baseVariant === \"CDOHfNRMm\") return false;\n return true;\n };\n const defaultLayoutId = useRandomID();\n const {\n pointerEvents,\n ...style\n } = externalStyle;\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n \"data-framer-generated\": true,\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-j9jqE\", classNames),\n style: {\n display: \"contents\",\n pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : undefined\n },\n children: /*#__PURE__*/_jsx(motion.div, {\n ...restProps,\n className: cx(\"framer-s6u54j\", className),\n \"data-framer-name\": \"Visible\",\n layoutDependency: layoutDependency,\n layoutId: \"I69:49398;3288:570947\",\n ref: ref,\n style: {\n ...style\n },\n transition: transition,\n ...addPropertyOverrides({\n CDOHfNRMm: {\n \"data-framer-name\": \"Hided\"\n },\n eUt8aYb96: {\n \"data-framer-name\": \"Medium\"\n },\n M_NgTYa27: {\n \"data-framer-name\": \"Border\"\n }\n }, baseVariant, gestureVariant),\n children: isDisplayed1() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-yb4c2x\",\n \"data-framer-name\": \"_Badge base\",\n layoutDependency: layoutDependency,\n layoutId: \"I69:49398;3288:570947;1046:4848\",\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: JMPHXEWlB,\n borderBottomLeftRadius: 16,\n borderBottomRightRadius: 16,\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16\n },\n transition: transition,\n variants: {\n M_NgTYa27: {\n \"--border-bottom-width\": \"1px\",\n \"--border-color\": \"rgb(2, 121, 71)\",\n \"--border-left-width\": \"1px\",\n \"--border-right-width\": \"1px\",\n \"--border-style\": \"solid\",\n \"--border-top-width\": \"1px\"\n }\n },\n ...addPropertyOverrides({\n M_NgTYa27: {\n \"data-border\": true\n }\n }, baseVariant, gestureVariant),\n children: /*#__PURE__*/_jsx(Text, {\n __fromCanvasComponent: true,\n alignment: \"center\",\n className: \"framer-h2xvrq\",\n \"data-framer-name\": \"Text\",\n fonts: [\"GF;Inter-500\"],\n layoutDependency: layoutDependency,\n layoutId: \"I69:49398;3288:570947;1046:4848;1046:26\",\n rawHTML: \"Text
\",\n style: {\n \"--framer-font-family\": '\"Inter\", sans-serif',\n \"--framer-font-size\": \"12px\",\n \"--framer-font-style\": \"normal\",\n \"--framer-font-weight\": 500,\n \"--framer-letter-spacing\": \"0px\",\n \"--framer-line-height\": \"18px\",\n \"--framer-text-alignment\": \"center\",\n \"--framer-text-color\": sr3RARmCP,\n \"--framer-text-decoration\": \"none\",\n \"--framer-text-transform\": \"none\"\n },\n text: dtwhdOlB_,\n transition: transition,\n variants: {\n eUt8aYb96: {\n \"--framer-font-size\": \"13px\"\n },\n M_NgTYa27: {\n \"--framer-font-size\": \"13px\"\n }\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n })\n })\n })\n });\n});\nconst css = ['.framer-j9jqE [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-j9jqE * { box-sizing: border-box; }\", \".framer-j9jqE .framer-s6u54j { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; mix-blend-mode: multiply; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\", \".framer-j9jqE .framer-yb4c2x { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 2px 8px 2px 8px; position: relative; width: min-content; }\", \".framer-j9jqE .framer-h2xvrq { 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-j9jqE .framer-s6u54j, .framer-j9jqE .framer-yb4c2x { gap: 0px; } .framer-j9jqE .framer-s6u54j > *, .framer-j9jqE .framer-yb4c2x > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-j9jqE .framer-s6u54j > :first-child, .framer-j9jqE .framer-yb4c2x > :first-child { margin-left: 0px; } .framer-j9jqE .framer-s6u54j > :last-child, .framer-j9jqE .framer-yb4c2x > :last-child { margin-right: 0px; } }\", \".framer-j9jqE.framer-v-1qx76oz .framer-s6u54j { min-height: 22px; width: 50px; }\", \".framer-j9jqE.framer-v-1qgjonj .framer-yb4c2x, .framer-j9jqE.framer-v-1tyqwqd .framer-yb4c2x { padding: 6px 14px 6px 14px; }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 22\n * @framerIntrinsicWidth 41\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"CDOHfNRMm\":{\"layout\":[\"fixed\",\"auto\"]},\"eUt8aYb96\":{\"layout\":[\"auto\",\"auto\"]},\"M_NgTYa27\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"dtwhdOlB_\":\"badgeText\",\"sr3RARmCP\":\"textColor\",\"JMPHXEWlB\":\"background\"}\n */\nconst FramerUL8hJ7ZiO = withCSS(Component, css);\nexport default FramerUL8hJ7ZiO;\nFramerUL8hJ7ZiO.displayName = \"Elements/Badge\";\nFramerUL8hJ7ZiO.defaultProps = {\n height: 22,\n width: 41\n};\naddPropertyControls(FramerUL8hJ7ZiO, {\n variant: {\n options: [\"I69:49398;3288:570947\", \"CDOHfNRMm\", \"eUt8aYb96\", \"M_NgTYa27\"],\n optionTitles: [\"Visible\", \"Hided\", \"Medium\", \"Border\"],\n title: \"Variant\",\n type: ControlType.Enum\n },\n dtwhdOlB_: {\n defaultValue: \"Text\",\n displayTextArea: false,\n title: \"Badge Text\",\n type: ControlType.String\n },\n sr3RARmCP: {\n defaultValue: \"rgb(2, 121, 71)\",\n title: \"Text Color\",\n type: ControlType.Color\n },\n JMPHXEWlB: {\n defaultValue: \"rgb(235, 253, 242)\",\n title: \"Background\",\n type: ControlType.Color\n }\n});\naddFonts(FramerUL8hJ7ZiO, [{\n family: \"Inter\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:canvasComponent/UL8hJ7ZiO:default\",\n url: \"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf\"\n },\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf\",\n weight: \"500\"\n}]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerUL8hJ7ZiO\",\n \"slots\": [],\n \"annotations\": {\n \"framerContractVersion\": \"1\",\n \"framerIntrinsicWidth\": \"41\",\n \"framerIntrinsicHeight\": \"22\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"CDOHfNRMm\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"eUt8aYb96\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"M_NgTYa27\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\n \"framerVariables\": \"{\\\"dtwhdOlB_\\\":\\\"badgeText\\\",\\\"sr3RARmCP\\\":\\\"textColor\\\",\\\"JMPHXEWlB\\\":\\\"background\\\"}\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./UL8hJ7ZiO.map"], "mappings": "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", "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "dtwhdOlB_", "sr3RARmCP", "JMPHXEWlB", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "isDisplayed1", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "Text", "css", "FramerUL8hJ7ZiO", "withCSS", "UL8hJ7ZiO_default", "addPropertyControls", "ControlType", "addFonts"] }