{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/QCB6hDhKskXENklzTGl6/Ue2KElLeBbMeLCeKycKm/KgaKcMvSg.js"],
  "sourcesContent": ["// Generated by Framer (25dafa9)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, RichText, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport * as sharedStyle1 from \"https://framerusercontent.com/modules/7mX7stPVr5AAP8aS6pkh/9oInPUEvV1HtmHmGYMaX/sihgVLdvb.js\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/5JiDv0Q6pFooicLr9kW5/lsqkqlIPKZVP7VsDecRk/xZndidUCt.js\";\nconst cycleOrder = [\"hdOnHD8kS\", \"lEXouOanm\"];\nconst variantClassNames = {\n  hdOnHD8kS: \"framer-v-15pbdks\",\n  lEXouOanm: \"framer-v-13rtath\"\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  \"Extra Small\": \"lEXouOanm\",\n  Medium: \"hdOnHD8kS\"\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 = \"hdOnHD8kS\",\n  title: nAQ6cjOBL = \"Wireframing\",\n  background: k4nFf5dg1 = \"rgba(255, 255, 255, 0.2)\",\n  color: QHwk_61JC = \"var(--token-cffeb406-3897-456f-8a6a-c9c2aa20cb81, rgb(255, 255, 255))\",\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: \"hdOnHD8kS\",\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-aZq1o\", sharedStyle.className, sharedStyle1.className, classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsx(motion.button, {\n        ...restProps,\n        className: cx(\"framer-15pbdks\", className),\n        \"data-framer-name\": \"Medium\",\n        \"data-reset\": \"button\",\n        layoutDependency: layoutDependency,\n        layoutId: \"hdOnHD8kS\",\n        ref: ref,\n        style: {\n          backgroundColor: k4nFf5dg1,\n          borderBottomLeftRadius: 8,\n          borderBottomRightRadius: 8,\n          borderTopLeftRadius: 8,\n          borderTopRightRadius: 8,\n          ...style\n        },\n        transition: transition,\n        ...addPropertyOverrides({\n          lEXouOanm: {\n            \"data-framer-name\": \"Extra Small\"\n          }\n        }, baseVariant, gestureVariant),\n        children: /*#__PURE__*/_jsx(RichText, {\n          __fromCanvasComponent: true,\n          children: /*#__PURE__*/_jsx(React.Fragment, {\n            children: /*#__PURE__*/_jsx(motion.p, {\n              className: \"framer-styles-preset-21ogod\",\n              \"data-styles-preset\": \"xZndidUCt\",\n              style: {\n                \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n              },\n              children: \"Wireframing\"\n            })\n          }),\n          className: \"framer-nepg3t\",\n          layoutDependency: layoutDependency,\n          layoutId: \"ntZT3S1Q9\",\n          style: {\n            \"--extracted-r6o4lv\": \"var(--variable-reference-QHwk_61JC-KgaKcMvSg)\",\n            \"--framer-paragraph-spacing\": \"0px\",\n            \"--variable-reference-QHwk_61JC-KgaKcMvSg\": QHwk_61JC\n          },\n          text: nAQ6cjOBL,\n          transition: transition,\n          verticalAlignment: \"top\",\n          withExternalLayout: true,\n          ...addPropertyOverrides({\n            lEXouOanm: {\n              children: /*#__PURE__*/_jsx(React.Fragment, {\n                children: /*#__PURE__*/_jsx(motion.p, {\n                  className: \"framer-styles-preset-2odt22\",\n                  \"data-styles-preset\": \"sihgVLdvb\",\n                  style: {\n                    \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n                  },\n                  children: \"Wireframing\"\n                })\n              })\n            }\n          }, baseVariant, gestureVariant)\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-aZq1o [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-aZq1o .framer-1g6p00m { display: block; }\", \".framer-aZq1o .framer-15pbdks { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; padding: 12px 20px 12px 20px; position: relative; width: min-content; }\", \".framer-aZq1o .framer-nepg3t { 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-aZq1o .framer-15pbdks { gap: 0px; } .framer-aZq1o .framer-15pbdks > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-aZq1o .framer-15pbdks > :first-child { margin-left: 0px; } .framer-aZq1o .framer-15pbdks > :last-child { margin-right: 0px; } }\", \".framer-aZq1o.framer-v-13rtath .framer-15pbdks { padding: 8px 16px 8px 16px; }\", ...sharedStyle.css, ...sharedStyle1.css]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerIntrinsicHeight 56\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerIntrinsicWidth 154.5\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"lEXouOanm\":{\"layout\":[\"auto\",\"auto\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerVariables {\"nAQ6cjOBL\":\"title\",\"k4nFf5dg1\":\"background\",\"QHwk_61JC\":\"color\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    */\nconst FramerKgaKcMvSg = withCSS(Component, css, \"framer-aZq1o\");\nexport default FramerKgaKcMvSg;\nFramerKgaKcMvSg.displayName = \"Tag\";\nFramerKgaKcMvSg.defaultProps = {\n  height: 56,\n  width: 154.5\n};\naddPropertyControls(FramerKgaKcMvSg, {\n  variant: {\n    options: [\"hdOnHD8kS\", \"lEXouOanm\"],\n    optionTitles: [\"Medium\", \"Extra Small\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  },\n  nAQ6cjOBL: {\n    defaultValue: \"Wireframing\",\n    displayTextArea: false,\n    title: \"Title\",\n    type: ControlType.String\n  },\n  k4nFf5dg1: {\n    defaultValue: \"rgba(255, 255, 255, 0.2)\",\n    title: \"Background\",\n    type: ControlType.Color\n  },\n  QHwk_61JC: {\n    defaultValue: \"var(--token-cffeb406-3897-456f-8a6a-c9c2aa20cb81, rgb(255, 255, 255))\",\n    title: \"Color\",\n    type: ControlType.Color\n  }\n});\naddFonts(FramerKgaKcMvSg, [...sharedStyle.fonts, ...sharedStyle1.fonts]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerKgaKcMvSg\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicHeight\": \"56\",\n        \"framerIntrinsicWidth\": \"154.5\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"lEXouOanm\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\n        \"framerVariables\": \"{\\\"nAQ6cjOBL\\\":\\\"title\\\",\\\"k4nFf5dg1\\\":\\\"background\\\",\\\"QHwk_61JC\\\":\\\"color\\\"}\"\n      }\n    },\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./KgaKcMvSg.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "nAQ6cjOBL", "k4nFf5dg1", "QHwk_61JC", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "RichText", "x", "css", "FramerKgaKcMvSg", "withCSS", "KgaKcMvSg_default", "addPropertyControls", "ControlType", "addFonts", "fonts"]
}