{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/pTctxrqXUwFDTwoFaJ3b/leyxVN01bavKGQ1kXtUM/hmbKxHmNR.js", "ssg:https://framerusercontent.com/modules/i3912PBxPozJWt6xrXKv/lZSxJS1v0Zb4kC0b7wkz/QiyueVLwV.js"],
  "sourcesContent": ["import { fontStore } from \"framer\";\nfontStore.loadWebFontsFromSelectors([\"GF;IBM Plex Sans-600\"]);\nexport const fonts = [{\n  family: \"IBM Plex Sans\",\n  moduleAsset: {\n    localModuleIdentifier: \"local-module:css/hmbKxHmNR:default\",\n    url: \"https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76MIZmdd_qFmo.ttf\"\n  },\n  style: \"normal\",\n  url: \"https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76MIZmdd_qFmo.ttf\",\n  weight: \"600\"\n}];\nexport const css = ['.framer-2IGah .framer-styles-preset-10tmmjn:not(.rich-text-wrapper), .framer-2IGah .framer-styles-preset-10tmmjn.rich-text-wrapper p { --framer-font-family: \"IBM Plex Sans\", sans-serif; --framer-font-size: 18px; --framer-font-style: normal; --framer-font-weight: 600; --framer-letter-spacing: 0px; --framer-line-height: 28px; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: #1e1a1c; --framer-text-decoration: none; --framer-text-transform: none; }'];\nexport const className = \"framer-2IGah\";\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"css\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"className\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"fonts\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};", "// Generated by Framer (58a021c)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, RichText, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion, MotionConfigContext } from \"framer-motion\";\nimport * as React from \"react\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/pTctxrqXUwFDTwoFaJ3b/leyxVN01bavKGQ1kXtUM/hmbKxHmNR.js\";\nconst cycleOrder = [\"bywrjTwtG\", \"CuU6tP8cq\"];\nconst variantClassNames = {\n  bywrjTwtG: \"framer-v-2p4o1e\",\n  CuU6tP8cq: \"framer-v-1v0dj9v\"\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  \"Sub-Title 2 Center\": \"CuU6tP8cq\",\n  \"Sub-Title 2\": \"bywrjTwtG\"\n};\nconst transitions = {\n  default: {\n    damping: 60,\n    delay: 0,\n    mass: 1,\n    stiffness: 500,\n    type: \"spring\"\n  }\n};\nconst Transition = ({\n  value,\n  children\n}) => {\n  const config = React.useContext(MotionConfigContext);\n  const transition = value !== null && value !== void 0 ? value : config.transition;\n  const contextValue = React.useMemo(() => ({\n    ...config,\n    transition\n  }), [JSON.stringify(transition)]);\n  return /*#__PURE__*/_jsx(MotionConfigContext.Provider, {\n    value: contextValue,\n    children: children\n  });\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style,\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"bywrjTwtG\",\n  text: SN5uSK2_6 = \"The best UI Kit in town\",\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: \"bywrjTwtG\",\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-73Q7T\", sharedStyle.className, classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsx(Transition, {\n        value: transition,\n        children: /*#__PURE__*/_jsx(motion.div, {\n          ...restProps,\n          className: cx(\"framer-2p4o1e\", className),\n          \"data-framer-name\": \"Sub-Title 2\",\n          layoutDependency: layoutDependency,\n          layoutId: \"bywrjTwtG\",\n          ref: ref,\n          style: {\n            ...style\n          },\n          ...addPropertyOverrides({\n            CuU6tP8cq: {\n              \"data-framer-name\": \"Sub-Title 2 Center\"\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-10tmmjn\",\n                \"data-styles-preset\": \"hmbKxHmNR\",\n                style: {\n                  \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n                },\n                children: \"The best UI Kit in town\"\n              })\n            }),\n            className: \"framer-1nmhwj1\",\n            \"data-framer-name\": \"Text\",\n            layoutDependency: layoutDependency,\n            layoutId: \"nQeBnmlLS\",\n            style: {\n              \"--extracted-r6o4lv\": \"var(--token-c721930d-90fd-4ec8-ab0b-0c4e32b46ef0, rgb(67, 63, 255))\",\n              \"--framer-paragraph-spacing\": \"0px\"\n            },\n            text: SN5uSK2_6,\n            verticalAlignment: \"top\",\n            withExternalLayout: true,\n            ...addPropertyOverrides({\n              CuU6tP8cq: {\n                children: /*#__PURE__*/_jsx(React.Fragment, {\n                  children: /*#__PURE__*/_jsx(motion.p, {\n                    className: \"framer-styles-preset-10tmmjn\",\n                    \"data-styles-preset\": \"hmbKxHmNR\",\n                    style: {\n                      \"--framer-text-alignment\": \"center\",\n                      \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n                    },\n                    children: \"The best UI Kit in town\"\n                  })\n                })\n              }\n            }, baseVariant, gestureVariant)\n          })\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-73Q7T [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-73Q7T .framer-1tnjwbv { display: block; }\", \".framer-73Q7T .framer-2p4o1e { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 195px; }\", \".framer-73Q7T .framer-1nmhwj1 { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-73Q7T .framer-2p4o1e { gap: 0px; } .framer-73Q7T .framer-2p4o1e > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-73Q7T .framer-2p4o1e > :first-child { margin-left: 0px; } .framer-73Q7T .framer-2p4o1e > :last-child { margin-right: 0px; } }\", ...sharedStyle.css]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerIntrinsicHeight 28\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerIntrinsicWidth 195\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"CuU6tP8cq\":{\"layout\":[\"fixed\",\"auto\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerVariables {\"SN5uSK2_6\":\"text\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       */\nconst FramerQiyueVLwV = withCSS(Component, css, \"framer-73Q7T\");\nexport default FramerQiyueVLwV;\nFramerQiyueVLwV.displayName = \"Sub-Title 2\";\nFramerQiyueVLwV.defaultProps = {\n  height: 28,\n  width: 195\n};\naddPropertyControls(FramerQiyueVLwV, {\n  variant: {\n    options: [\"bywrjTwtG\", \"CuU6tP8cq\"],\n    optionTitles: [\"Sub-Title 2\", \"Sub-Title 2 Center\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  },\n  SN5uSK2_6: {\n    defaultValue: \"The best UI Kit in town\",\n    displayTextArea: false,\n    title: \"Text\",\n    type: ControlType.String\n  }\n});\naddFonts(FramerQiyueVLwV, [...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerQiyueVLwV\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"CuU6tP8cq\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicWidth\": \"195\",\n        \"framerVariables\": \"{\\\"SN5uSK2_6\\\":\\\"text\\\"}\",\n        \"framerIntrinsicHeight\": \"28\"\n      }\n    },\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./QiyueVLwV.map"],
  "mappings": "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",
  "names": ["fontStore", "fonts", "css", "className", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "SN5uSK2_6", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "LayoutGroup", "motion", "cx", "RichText", "x", "css", "FramerQiyueVLwV", "withCSS", "QiyueVLwV_default", "addPropertyControls", "ControlType", "addFonts", "fonts"]
}