{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/u1w66Rl4QPkbMtJ3i7m5/3aI7LW6dxLixPy1i3474/mHDqHoAu0.js"],
  "sourcesContent": ["// Generated by Framer (b12dec4)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, RichText, useLocaleInfo, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion, MotionConfigContext } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"fgFAYBWMH\"];\nconst variantClassNames = {\n  fgFAYBWMH: \"framer-v-xfek50\"\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 transitions = {\n  default: {\n    damping: 60,\n    delay: 0,\n    mass: 1,\n    stiffness: 500,\n    type: \"spring\"\n  }\n};\nconst transformTemplate = (_, t) => `translate(-50%, -50%) ${t}`;\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 getProps = ({\n  height,\n  id,\n  title,\n  width,\n  ...props\n}) => {\n  var ref;\n  return {\n    ...props,\n    XvALXeiPR: (ref = title !== null && title !== void 0 ? title : props.XvALXeiPR) !== null && ref !== void 0 ? ref : \"Design Systems\"\n  };\n};\nconst createLayoutDependency = (props, variants) => variants.join(\"-\") + props.layoutDependency;\nconst Component = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  const {\n    activeLocale\n  } = useLocaleInfo();\n  const {\n    style,\n    className,\n    layoutId,\n    variant,\n    XvALXeiPR,\n    ...restProps\n  } = getProps(props);\n  const {\n    baseVariant,\n    classNames,\n    gestureVariant,\n    setGestureState,\n    setVariant,\n    transition,\n    variants\n  } = useVariantState({\n    cycleOrder,\n    defaultVariant: \"fgFAYBWMH\",\n    transitions,\n    variant,\n    variantClassNames\n  });\n  const layoutDependency = createLayoutDependency(props, variants);\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-p2til\", 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-xfek50\", className),\n          \"data-framer-name\": \"Variant 1\",\n          layoutDependency: layoutDependency,\n          layoutId: \"fgFAYBWMH\",\n          ref: ref,\n          style: {\n            ...style\n          },\n          children: /*#__PURE__*/_jsx(RichText, {\n            __fromCanvasComponent: true,\n            children: /*#__PURE__*/_jsx(React.Fragment, {\n              children: /*#__PURE__*/_jsx(motion.p, {\n                style: {\n                  \"--framer-font-size\": \"40px\",\n                  \"--framer-line-height\": \"48px\",\n                  \"--framer-text-alignment\": \"center\"\n                },\n                children: /*#__PURE__*/_jsx(motion.span, {\n                  style: {\n                    \"--font-selector\": \"R0Y7SW5zdHJ1bWVudCBTZXJpZi1yZWd1bGFy\",\n                    \"--framer-font-family\": '\"Instrument Serif\"',\n                    \"--framer-font-size\": \"40px\",\n                    \"--framer-letter-spacing\": \"-0.03em\",\n                    \"--framer-text-color\": \"var(--extracted-1w3ko1f)\"\n                  },\n                  children: \"Design Systems\"\n                })\n              })\n            }),\n            className: \"framer-1b53gca\",\n            \"data-framer-name\": \"Design Systems\",\n            fonts: [\"GF;Instrument Serif-regular\"],\n            layoutDependency: layoutDependency,\n            layoutId: \"X1fH8K28h\",\n            style: {\n              \"--extracted-1w3ko1f\": \" rgba(255, 247, 238, 1)\",\n              \"--framer-paragraph-spacing\": \"0px\"\n            },\n            text: XvALXeiPR,\n            transformTemplate: transformTemplate,\n            verticalAlignment: \"top\",\n            withExternalLayout: true\n          })\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-p2til [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-p2til .framer-14mkvwd { display: block; }\", \".framer-p2til .framer-xfek50 { height: 49px; overflow: hidden; position: relative; width: 190px; }\", \".framer-p2til .framer-1b53gca { flex: none; height: auto; left: 50%; position: absolute; top: 49%; white-space: pre; width: auto; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerIntrinsicHeight 49\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerIntrinsicWidth 190\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerVariables {\"XvALXeiPR\":\"title\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerImmutableVariables false\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */\nconst FramermHDqHoAu0 = withCSS(Component, css, \"framer-p2til\");\nexport default FramermHDqHoAu0;\nFramermHDqHoAu0.displayName = \"Design Systems\";\nFramermHDqHoAu0.defaultProps = {\n  height: 49,\n  width: 190\n};\naddPropertyControls(FramermHDqHoAu0, {\n  XvALXeiPR: {\n    defaultValue: \"Design Systems\",\n    displayTextArea: false,\n    title: \"Title\",\n    type: ControlType.String\n  }\n});\naddFonts(FramermHDqHoAu0, [{\n  family: \"Instrument Serif\",\n  moduleAsset: {\n    localModuleIdentifier: \"local-module:canvasComponent/mHDqHoAu0:default\",\n    url: \"https://fonts.gstatic.com/s/instrumentserif/v4/jizBRFtNs2ka5fXjeivQ4LroWlx-2zIZj1bIkNo.ttf\"\n  },\n  style: \"normal\",\n  url: \"https://fonts.gstatic.com/s/instrumentserif/v4/jizBRFtNs2ka5fXjeivQ4LroWlx-2zIZj1bIkNo.ttf\",\n  weight: \"400\"\n}]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramermHDqHoAu0\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerIntrinsicHeight\": \"49\",\n        \"framerImmutableVariables\": \"false\",\n        \"framerIntrinsicWidth\": \"190\",\n        \"framerContractVersion\": \"1\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerVariables\": \"{\\\"XvALXeiPR\\\":\\\"title\\\"}\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./mHDqHoAu0.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "transitions", "transformTemplate", "_", "t", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "getProps", "height", "id", "title", "width", "props", "ref", "createLayoutDependency", "variants", "Component", "Y", "activeLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "XvALXeiPR", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "defaultLayoutId", "ae", "LayoutGroup", "motion", "cx", "RichText", "x", "css", "FramermHDqHoAu0", "withCSS", "mHDqHoAu0_default", "addPropertyControls", "ControlType", "addFonts"]
}