{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/cuGyDFQjx7Wha0MytWxj/Ip1cQbhr0UBEuxXeB1kx/RRA3AgReF.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\"; // Generated by Framer (94d090c)\nimport * as React from \"react\";\nimport { motion, LayoutGroup } from \"framer-motion\";\nimport { addFonts, withCSS, cx, useAddVariantProps, useVariantState, Text, Stack } from \"framer\";\nimport { useRandomID } from \"https://framer.com/m/framer/randomID.js@^2.0.0\";\nconst cycleOrder = [\"T4ScSjqsv\"];\nconst variantClassNames = {\n  \"T4ScSjqsv\": \"framer-v-15di6bb\"\n};\nconst humanReadableVariantMap = {};\nconst transitions = {\n  \"default\": {\n    \"type\": \"spring\",\n    \"ease\": [0.44, 0, 0.56, 1],\n    \"duration\": 0.3,\n    \"delay\": 0,\n    \"stiffness\": 500,\n    \"damping\": 60,\n    \"mass\": 1\n  }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  style,\n  className,\n  layoutId,\n  width,\n  height,\n  variant: outerVariant = \"T4ScSjqsv\",\n  ...restProps\n}, ref) {\n  const outerVariantId = humanReadableVariantMap[outerVariant];\n  const variant = outerVariantId || outerVariant;\n  const {\n    variants,\n    baseVariant,\n    gestureVariant,\n    classNames,\n    transition,\n    setVariant,\n    setGestureState\n  } = useVariantState({\n    defaultVariant: \"T4ScSjqsv\",\n    variant,\n    transitions,\n    variantClassNames,\n    cycleOrder\n  });\n  const variantProps = React.useMemo(() => ({}), []);\n  const addVariantProps = useAddVariantProps(baseVariant, gestureVariant, variantProps);\n  const defaultLayoutId = useRandomID();\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-2Hw18\", classNames),\n      style: {\n        \"display\": \"contents\"\n      },\n      children: /*#__PURE__*/_jsxs(Stack, {\n        ...restProps,\n        layoutId: \"T4ScSjqsv\",\n        className: cx(\"framer-15di6bb\", className),\n        style: {\n          ...style\n        },\n        background: null,\n        direction: \"vertical\",\n        distribution: \"start\",\n        alignment: \"start\",\n        gap: 4,\n        __fromCanvasComponent: true,\n        __contentWrapperStyle: {\n          \"width\": \"100%\",\n          \"height\": \"auto\",\n          \"padding\": \"0px 0px 0px 0px\"\n        },\n        center: false,\n        \"data-framer-name\": \"Variant 1\",\n        transition: transition,\n        ref: ref,\n        ...addVariantProps(\"T4ScSjqsv\"),\n        children: [/*#__PURE__*/_jsx(Stack, {\n          layoutId: \"YNnh0FH06\",\n          className: \"framer-lfd6dw\",\n          style: {\n            \"borderBottomLeftRadius\": 12,\n            \"borderBottomRightRadius\": 12,\n            \"borderTopRightRadius\": 12,\n            \"borderTopLeftRadius\": 12\n          },\n          background: null,\n          direction: \"horizontal\",\n          distribution: \"start\",\n          alignment: \"center\",\n          gap: 0,\n          __fromCanvasComponent: true,\n          __contentWrapperStyle: {\n            \"width\": \"100%\",\n            \"height\": \"auto\",\n            \"padding\": \"16px 16px 16px 16px\"\n          },\n          center: false,\n          transition: transition,\n          ...addVariantProps(\"YNnh0FH06\"),\n          children: /*#__PURE__*/_jsx(Text, {\n            style: {\n              \"--framer-font-family\": \"\\\"Inter-SemiBold\\\", \\\"Inter\\\", sans-serif\",\n              \"--framer-font-weight\": 600,\n              \"--framer-text-color\": \"var(--token-26444142-8ce9-44e5-934a-21ee2c38f77b, rgb(25, 20, 57))\",\n              \"--framer-font-size\": \"14px\",\n              \"--framer-letter-spacing\": \"-0.2px\",\n              \"--framer-text-transform\": \"none\",\n              \"--framer-text-decoration\": \"none\",\n              \"--framer-line-height\": \"1em\",\n              \"--framer-text-alignment\": \"center\",\n              \"--framer-link-text-color\": \"var(--token-26444142-8ce9-44e5-934a-21ee2c38f77b, rgb(25, 20, 57))\",\n              \"--framer-link-text-decoration\": \"none\",\n              \"--framer-link-hover-text-color\": \"var(--token-797ef18e-f527-41d0-aadb-3551de64ffca, rgb(34, 0, 255)) /* {\\\"name\\\":\\\"Blue\\\"} */\",\n              \"--framer-link-current-text-color\": \"var(--token-797ef18e-f527-41d0-aadb-3551de64ffca, rgb(34, 0, 255)) /* {\\\"name\\\":\\\"Blue\\\"} */\"\n            },\n            withExternalLayout: true,\n            verticalAlignment: \"top\",\n            __fromCanvasComponent: true,\n            __link: \"data:framer/page-link,WrbpkB4id\",\n            alignment: \"center\",\n            fonts: [\"Inter-SemiBold\"],\n            layoutId: \"b5wUKUY2D\",\n            className: \"framer-zb6msl\",\n            preload: [\"WrbpkB4id\"],\n            rawHTML: \"<a style='font-size: 0; line-height: 0; tab-size: 4; white-space: inherit; word-wrap: inherit' href=\\\"data:framer/page-link,WrbpkB4id\\\"><div style='direction: ltr; font-size: 0'><span style=''>Colors</span><br></div></a>\",\n            transition: transition,\n            ...addVariantProps(\"b5wUKUY2D\")\n          })\n        }), /*#__PURE__*/_jsx(Stack, {\n          layoutId: \"ybs6o2pX5\",\n          className: \"framer-v54klb\",\n          style: {\n            \"borderBottomLeftRadius\": 10,\n            \"borderBottomRightRadius\": 10,\n            \"borderTopRightRadius\": 10,\n            \"borderTopLeftRadius\": 10\n          },\n          background: null,\n          direction: \"horizontal\",\n          distribution: \"start\",\n          alignment: \"center\",\n          gap: 0,\n          __fromCanvasComponent: true,\n          __contentWrapperStyle: {\n            \"width\": \"100%\",\n            \"height\": \"auto\",\n            \"padding\": \"16px 16px 16px 16px\"\n          },\n          center: false,\n          transition: transition,\n          ...addVariantProps(\"ybs6o2pX5\"),\n          children: /*#__PURE__*/_jsx(Text, {\n            style: {\n              \"--framer-font-family\": \"\\\"Inter-SemiBold\\\", \\\"Inter\\\", sans-serif\",\n              \"--framer-font-weight\": 600,\n              \"--framer-text-color\": \"var(--token-26444142-8ce9-44e5-934a-21ee2c38f77b, rgb(25, 20, 57))\",\n              \"--framer-font-size\": \"14px\",\n              \"--framer-letter-spacing\": \"-0.2px\",\n              \"--framer-text-transform\": \"none\",\n              \"--framer-text-decoration\": \"none\",\n              \"--framer-line-height\": \"1em\",\n              \"--framer-text-alignment\": \"center\",\n              \"--framer-link-text-color\": \"var(--token-26444142-8ce9-44e5-934a-21ee2c38f77b, rgb(25, 20, 57))\",\n              \"--framer-link-text-decoration\": \"none\",\n              \"--framer-link-hover-text-color\": \"var(--token-797ef18e-f527-41d0-aadb-3551de64ffca, rgb(34, 0, 255)) /* {\\\"name\\\":\\\"Blue\\\"} */\",\n              \"--framer-link-current-text-color\": \"var(--token-797ef18e-f527-41d0-aadb-3551de64ffca, rgb(34, 0, 255)) /* {\\\"name\\\":\\\"Blue\\\"} */\"\n            },\n            withExternalLayout: true,\n            verticalAlignment: \"top\",\n            __fromCanvasComponent: true,\n            __link: \"data:framer/page-link,hrccvm23k\",\n            alignment: \"center\",\n            fonts: [\"Inter-SemiBold\"],\n            layoutId: \"tP3nxY1hV\",\n            className: \"framer-vuv0hy\",\n            preload: [\"hrccvm23k\"],\n            rawHTML: \"<a style='font-size: 0; line-height: 0; tab-size: 4; white-space: inherit; word-wrap: inherit' href=\\\"data:framer/page-link,hrccvm23k\\\"><div style='direction: ltr; font-size: 0'><span style=''>Typography</span><br></div></a>\",\n            transition: transition,\n            ...addVariantProps(\"tP3nxY1hV\")\n          })\n        }), /*#__PURE__*/_jsx(Stack, {\n          layoutId: \"uf8tcvUSM\",\n          className: \"framer-jgnn3s\",\n          style: {\n            \"borderBottomLeftRadius\": 12,\n            \"borderBottomRightRadius\": 12,\n            \"borderTopRightRadius\": 12,\n            \"borderTopLeftRadius\": 12\n          },\n          background: null,\n          direction: \"horizontal\",\n          distribution: \"start\",\n          alignment: \"center\",\n          gap: 0,\n          __fromCanvasComponent: true,\n          __contentWrapperStyle: {\n            \"width\": \"100%\",\n            \"height\": \"auto\",\n            \"padding\": \"16px 16px 16px 16px\"\n          },\n          center: false,\n          transition: transition,\n          ...addVariantProps(\"uf8tcvUSM\"),\n          children: /*#__PURE__*/_jsx(Text, {\n            style: {\n              \"--framer-font-family\": \"\\\"Inter-SemiBold\\\", \\\"Inter\\\", sans-serif\",\n              \"--framer-font-weight\": 600,\n              \"--framer-text-color\": \"var(--token-26444142-8ce9-44e5-934a-21ee2c38f77b, rgb(25, 20, 57))\",\n              \"--framer-font-size\": \"14px\",\n              \"--framer-letter-spacing\": \"-0.2px\",\n              \"--framer-text-transform\": \"none\",\n              \"--framer-text-decoration\": \"none\",\n              \"--framer-line-height\": \"1em\",\n              \"--framer-text-alignment\": \"center\",\n              \"--framer-link-text-color\": \"var(--token-26444142-8ce9-44e5-934a-21ee2c38f77b, rgb(25, 20, 57))\",\n              \"--framer-link-text-decoration\": \"none\",\n              \"--framer-link-hover-text-color\": \"var(--token-797ef18e-f527-41d0-aadb-3551de64ffca, rgb(34, 0, 255)) /* {\\\"name\\\":\\\"Blue\\\"} */\",\n              \"--framer-link-current-text-color\": \"var(--token-797ef18e-f527-41d0-aadb-3551de64ffca, rgb(34, 0, 255)) /* {\\\"name\\\":\\\"Blue\\\"} */\"\n            },\n            withExternalLayout: true,\n            verticalAlignment: \"top\",\n            __fromCanvasComponent: true,\n            __link: \"data:framer/page-link,Q9CcoSXUj\",\n            alignment: \"center\",\n            fonts: [\"Inter-SemiBold\"],\n            layoutId: \"xt1TEcpiO\",\n            className: \"framer-1lt20au\",\n            preload: [\"Q9CcoSXUj\"],\n            rawHTML: \"<a style='font-size: 0; line-height: 0; tab-size: 4; white-space: inherit; word-wrap: inherit' href=\\\"data:framer/page-link,Q9CcoSXUj\\\"><div style='direction: ltr; font-size: 0'><span style=''>Icons</span><br></div></a>\",\n            transition: transition,\n            ...addVariantProps(\"xt1TEcpiO\")\n          })\n        })]\n      })\n    })\n  });\n});\nconst css = [\".framer-2Hw18 [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;}\", \".framer-2Hw18 * { box-sizing: border-box; }\", \".framer-2Hw18 .framer-15di6bb { position: relative; overflow: visible; width: 200px; height: min-content; }\", \".framer-2Hw18 .framer-lfd6dw, .framer-2Hw18 .framer-v54klb, .framer-2Hw18 .framer-jgnn3s { position: relative; overflow: visible; width: 100%; height: min-content; flex: none; }\", \".framer-2Hw18 .framer-zb6msl, .framer-2Hw18 .framer-vuv0hy, .framer-2Hw18 .framer-1lt20au { position: relative; overflow: visible; width: auto; height: auto; flex: none; white-space: pre; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            * @framerIntrinsicHeight 146\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            * @framerIntrinsicWidth 200\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            * @framerCanvasComponentVariantDetails {\"propertyName\": \"variant\", \"data\": {\"default\": {\"layout\": [\"fixed\", \"auto\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            */\nconst FramerRRA3AgReF = withCSS(Component, css);\nexport default FramerRRA3AgReF;\nFramerRRA3AgReF.displayName = \"UI/Sidebar Design\";\nFramerRRA3AgReF.defaultProps = {\n  \"width\": 200,\n  \"height\": 146\n};\naddFonts(FramerRRA3AgReF, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerRRA3AgReF\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\": \\\"variant\\\", \\\"data\\\": {\\\"default\\\": {\\\"layout\\\": [\\\"fixed\\\", \\\"auto\\\"]}}}\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicHeight\": \"146\",\n        \"framerIntrinsicWidth\": \"200\"\n      }\n    },\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./RRA3AgReF.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "Component", "Y", "style", "className", "layoutId", "width", "height", "outerVariant", "restProps", "ref", "variant", "variants", "baseVariant", "gestureVariant", "classNames", "transition", "setVariant", "setGestureState", "useVariantState", "variantProps", "se", "addVariantProps", "useAddVariantProps", "defaultLayoutId", "useRandomID", "p", "LayoutGroup", "motion", "cx", "u", "Stack", "Text", "css", "FramerRRA3AgReF", "withCSS", "RRA3AgReF_default", "addFonts"]
}