{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/ny1s9HyZ8lX73gESUNSj/7uhZRfa9YS2IEZKCmUGf/bFDF1U5RH.js", "ssg:https://framerusercontent.com/modules/9S1sfH7fHh5nH6G5YaeP/NYwjD13Bhv0jwjjtXJtO/BqzfADEGn.js"], "sourcesContent": ["// Generated by Framer (f6c392a)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, RichText, useActiveVariantCallback, useOnVariantChange, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/muNm7z0J9EejPn2GxMrL/uS0oPB9DvqHCDwjvdOFf/xZndidUCt.js\";\nconst cycleOrder = [\"ikasU5rnW\", \"AzyBxnwAn\", \"zvaapm1JC\"];\nconst variantClassNames = {\n AzyBxnwAn: \"framer-v-478a7o\",\n ikasU5rnW: \"framer-v-bonjef\",\n zvaapm1JC: \"framer-v-1ep1dui\"\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 \"Variant 1\": \"ikasU5rnW\",\n \"Variant 2\": \"AzyBxnwAn\",\n \"Variant 3\": \"zvaapm1JC\"\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: 200,\n type: \"spring\"\n },\n zvaapm1JC: {\n damping: 15,\n delay: 0,\n duration: .3,\n ease: [.44, 0, .56, 1],\n mass: 1,\n stiffness: 45,\n type: \"tween\"\n }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style,\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"ikasU5rnW\",\n caseTitle: jJt_Xv_T8 = \"PUBLIC PROSECUTOR \",\n authorName: xpFMM4Tkz = \"Takashi\",\n date: dNdblVcGJ = \"13, June 2023\",\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: \"ikasU5rnW\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const {\n activeVariantCallback,\n delay\n } = useActiveVariantCallback(baseVariant);\n const onMouseEnter2051o9 = activeVariantCallback(async (...args) => {\n setVariant(\"AzyBxnwAn\");\n });\n const onMouseLeavejc2ym4 = activeVariantCallback(async (...args) => {\n setVariant(\"zvaapm1JC\");\n });\n const onAppearoh1tgu = activeVariantCallback(async (...args) => {\n await delay(() => setVariant(\"ikasU5rnW\"), 200);\n });\n useOnVariantChange(baseVariant, {\n zvaapm1JC: onAppearoh1tgu\n });\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-6cCzw\", sharedStyle.className, classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-bonjef\", className),\n \"data-framer-name\": \"Variant 1\",\n \"data-highlight\": true,\n layoutDependency: layoutDependency,\n layoutId: \"ikasU5rnW\",\n onMouseEnter: onMouseEnter2051o9,\n ref: ref,\n style: {\n backgroundColor: \"rgb(250, 250, 250)\",\n ...style\n },\n transition: transition,\n ...addPropertyOverrides({\n AzyBxnwAn: {\n \"data-framer-name\": \"Variant 2\",\n onMouseLeave: onMouseLeavejc2ym4\n },\n zvaapm1JC: {\n \"data-framer-name\": \"Variant 3\",\n onMouseEnter: undefined\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-g047w\",\n \"data-framer-name\": \"Cover\",\n layoutDependency: layoutDependency,\n layoutId: \"YUtJ_0ifQ\",\n style: {\n backgroundColor: \"rgba(7, 74, 150, 0.06)\",\n opacity: 0\n },\n transition: transition,\n variants: {\n AzyBxnwAn: {\n opacity: 1\n }\n }\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1lniiid\",\n layoutDependency: layoutDependency,\n layoutId: \"vs8XK16x7\",\n transition: transition,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-8etjjr\",\n layoutDependency: layoutDependency,\n layoutId: \"k4rAYIlSN\",\n transition: transition,\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: \"PUBLIC PROSECUTOR \"\n })\n }),\n className: \"framer-1a1jpxj\",\n layoutDependency: layoutDependency,\n layoutId: \"CXuDZ1GzT\",\n style: {\n \"--extracted-r6o4lv\": \"var(--token-94762413-5c66-465c-880b-96a1543e42d6, rgb(7, 74, 150))\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: jJt_Xv_T8,\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1j4yyrk\",\n layoutDependency: layoutDependency,\n layoutId: \"HI8IS7K0g\",\n transition: transition,\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-p1206s\",\n layoutDependency: layoutDependency,\n layoutId: \"i49AFttK8\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-fcfatk\",\n layoutDependency: layoutDependency,\n layoutId: \"gfBLSaXWb\",\n style: {\n backgroundColor: \"rgb(220, 24, 34)\"\n },\n transition: transition\n }), /*#__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: \"Takashi\"\n })\n }),\n className: \"framer-t9cwla\",\n layoutDependency: layoutDependency,\n layoutId: \"aLgkur9OW\",\n style: {\n \"--extracted-r6o4lv\": \"var(--token-ced30273-cefd-4bbb-be1d-23598ec88e5f, rgb(48, 48, 48))\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: xpFMM4Tkz,\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-ul2bam\",\n layoutDependency: layoutDependency,\n layoutId: \"rmZnKRIKN\",\n style: {\n backgroundColor: \"rgba(0, 0, 0, 0.2)\"\n },\n transition: transition\n })]\n }), /*#__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: \"13, June 2023\"\n })\n }),\n className: \"framer-tv8xpq\",\n layoutDependency: layoutDependency,\n layoutId: \"zgJwMM5Gr\",\n style: {\n \"--extracted-r6o4lv\": \"rgb(77, 77, 77)\",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: dNdblVcGJ,\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n })\n })]\n })\n })\n });\n});\nconst css = ['.framer-6cCzw [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-6cCzw .framer-6ivixp { display: block; }\", \".framer-6cCzw .framer-bonjef { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 30px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 32px 32px 32px 32px; position: relative; width: 960px; }\", \".framer-6cCzw .framer-g047w { bottom: 0px; flex: none; left: 0px; overflow: visible; position: absolute; right: 959px; top: 0px; z-index: 0; }\", \".framer-6cCzw .framer-1lniiid { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-6cCzw .framer-8etjjr { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-6cCzw .framer-1a1jpxj, .framer-6cCzw .framer-tv8xpq { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\", \".framer-6cCzw .framer-1j4yyrk { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-6cCzw .framer-p1206s { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-6cCzw .framer-fcfatk { flex: none; height: 4px; overflow: hidden; position: relative; width: 18px; }\", \".framer-6cCzw .framer-t9cwla { flex: 1 0 0px; height: auto; overflow: visible; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\", \".framer-6cCzw .framer-ul2bam { flex: none; height: 1px; overflow: visible; position: relative; width: 100%; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-6cCzw .framer-bonjef, .framer-6cCzw .framer-1lniiid, .framer-6cCzw .framer-8etjjr, .framer-6cCzw .framer-1j4yyrk, .framer-6cCzw .framer-p1206s { gap: 0px; } .framer-6cCzw .framer-bonjef > * { margin: 0px; margin-bottom: calc(30px / 2); margin-top: calc(30px / 2); } .framer-6cCzw .framer-bonjef > :first-child, .framer-6cCzw .framer-1lniiid > :first-child, .framer-6cCzw .framer-8etjjr > :first-child, .framer-6cCzw .framer-1j4yyrk > :first-child { margin-top: 0px; } .framer-6cCzw .framer-bonjef > :last-child, .framer-6cCzw .framer-1lniiid > :last-child, .framer-6cCzw .framer-8etjjr > :last-child, .framer-6cCzw .framer-1j4yyrk > :last-child { margin-bottom: 0px; } .framer-6cCzw .framer-1lniiid > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-6cCzw .framer-8etjjr > *, .framer-6cCzw .framer-1j4yyrk > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-6cCzw .framer-p1206s > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-6cCzw .framer-p1206s > :first-child { margin-left: 0px; } .framer-6cCzw .framer-p1206s > :last-child { margin-right: 0px; } }\", \".framer-6cCzw.framer-v-478a7o .framer-g047w { right: 0px; }\", \".framer-6cCzw.framer-v-1ep1dui .framer-g047w { left: 959px; right: 0px; }\", ...sharedStyle.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 191\n * @framerIntrinsicWidth 960\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"AzyBxnwAn\":{\"layout\":[\"fixed\",\"auto\"]},\"zvaapm1JC\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"jJt_Xv_T8\":\"caseTitle\",\"xpFMM4Tkz\":\"authorName\",\"dNdblVcGJ\":\"date\"}\n */\nconst FramerbFDF1U5RH = withCSS(Component, css, \"framer-6cCzw\");\nexport default FramerbFDF1U5RH;\nFramerbFDF1U5RH.displayName = \"Reported Case Item\";\nFramerbFDF1U5RH.defaultProps = {\n height: 191,\n width: 960\n};\naddPropertyControls(FramerbFDF1U5RH, {\n variant: {\n options: [\"ikasU5rnW\", \"AzyBxnwAn\", \"zvaapm1JC\"],\n optionTitles: [\"Variant 1\", \"Variant 2\", \"Variant 3\"],\n title: \"Variant\",\n type: ControlType.Enum\n },\n jJt_Xv_T8: {\n defaultValue: \"PUBLIC PROSECUTOR \",\n displayTextArea: false,\n title: \"Case Title\",\n type: ControlType.String\n },\n xpFMM4Tkz: {\n defaultValue: \"Takashi\",\n displayTextArea: false,\n title: \"Author Name\",\n type: ControlType.String\n },\n dNdblVcGJ: {\n defaultValue: \"13, June 2023\",\n displayTextArea: false,\n title: \"Date\",\n type: ControlType.String\n }\n});\naddFonts(FramerbFDF1U5RH, [...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerbFDF1U5RH\",\n \"slots\": [],\n \"annotations\": {\n \"framerContractVersion\": \"1\",\n \"framerVariables\": \"{\\\"jJt_Xv_T8\\\":\\\"caseTitle\\\",\\\"xpFMM4Tkz\\\":\\\"authorName\\\",\\\"dNdblVcGJ\\\":\\\"date\\\"}\",\n \"framerIntrinsicHeight\": \"191\",\n \"framerIntrinsicWidth\": \"960\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"AzyBxnwAn\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"zvaapm1JC\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./bFDF1U5RH.map", "// Generated by Framer (b2eeca0)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, RichText, useActiveVariantCallback, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/muNm7z0J9EejPn2GxMrL/uS0oPB9DvqHCDwjvdOFf/xZndidUCt.js\";\nconst cycleOrder = [\"j4L_Spcu4\", \"sdIY4_1qq\"];\nconst variantClassNames = {\n j4L_Spcu4: \"framer-v-51wo5r\",\n sdIY4_1qq: \"framer-v-ioae1a\"\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 Selected: \"j4L_Spcu4\",\n Unselect: \"sdIY4_1qq\"\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 = \"j4L_Spcu4\",\n amount: VDSX9Mew_ = \"1\",\n tap: lrfn6rXYU,\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: \"j4L_Spcu4\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const {\n activeVariantCallback,\n delay\n } = useActiveVariantCallback(baseVariant);\n const onTapen58su = activeVariantCallback(async (...args) => {\n if (lrfn6rXYU) {\n const res = await lrfn6rXYU(...args);\n if (res === false) return false;\n }\n });\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-mc1Im\", sharedStyle.className, classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsx(motion.div, {\n ...restProps,\n className: cx(\"framer-51wo5r\", className),\n \"data-framer-name\": \"Selected\",\n \"data-highlight\": true,\n layoutDependency: layoutDependency,\n layoutId: \"j4L_Spcu4\",\n onTap: onTapen58su,\n ref: ref,\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: \"var(--token-94762413-5c66-465c-880b-96a1543e42d6, rgb(7, 74, 150))\",\n ...style\n },\n transition: transition,\n variants: {\n sdIY4_1qq: {\n \"--border-bottom-width\": \"1px\",\n \"--border-color\": 'var(--token-94762413-5c66-465c-880b-96a1543e42d6, rgb(7, 74, 150)) /* {\"name\":\"Primary 01\"} */',\n \"--border-left-width\": \"1px\",\n \"--border-right-width\": \"1px\",\n \"--border-style\": \"solid\",\n \"--border-top-width\": \"1px\",\n backgroundColor: \"var(--token-5f746c63-a9da-4903-8105-817e56af1c9b, rgb(255, 255, 255))\"\n }\n },\n ...addPropertyOverrides({\n sdIY4_1qq: {\n \"data-border\": true,\n \"data-framer-name\": \"Unselect\"\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 children: \"1\"\n })\n }),\n className: \"framer-due5oj\",\n layoutDependency: layoutDependency,\n layoutId: \"QISjXo52C\",\n style: {\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: VDSX9Mew_,\n transition: transition,\n variants: {\n sdIY4_1qq: {\n \"--extracted-r6o4lv\": \"var(--token-94762413-5c66-465c-880b-96a1543e42d6, rgb(7, 74, 150)) \"\n }\n },\n verticalAlignment: \"top\",\n withExternalLayout: true,\n ...addPropertyOverrides({\n sdIY4_1qq: {\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: \"1\"\n })\n })\n }\n }, baseVariant, gestureVariant)\n })\n })\n })\n });\n});\nconst css = ['.framer-mc1Im [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-mc1Im .framer-fku2j7 { display: block; }\", \".framer-mc1Im .framer-51wo5r { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 40px; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 40px; }\", \".framer-mc1Im .framer-due5oj { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-mc1Im .framer-51wo5r { gap: 0px; } .framer-mc1Im .framer-51wo5r > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-mc1Im .framer-51wo5r > :first-child { margin-left: 0px; } .framer-mc1Im .framer-51wo5r > :last-child { margin-right: 0px; } }\", ...sharedStyle.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 40\n * @framerIntrinsicWidth 40\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"sdIY4_1qq\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"VDSX9Mew_\":\"amount\",\"lrfn6rXYU\":\"tap\"}\n */\nconst FramerBqzfADEGn = withCSS(Component, css, \"framer-mc1Im\");\nexport default FramerBqzfADEGn;\nFramerBqzfADEGn.displayName = \"Page Number\";\nFramerBqzfADEGn.defaultProps = {\n height: 40,\n width: 40\n};\naddPropertyControls(FramerBqzfADEGn, {\n variant: {\n options: [\"j4L_Spcu4\", \"sdIY4_1qq\"],\n optionTitles: [\"Selected\", \"Unselect\"],\n title: \"Variant\",\n type: ControlType.Enum\n },\n VDSX9Mew_: {\n defaultValue: \"1\",\n displayTextArea: false,\n title: \"Amount\",\n type: ControlType.String\n },\n lrfn6rXYU: {\n title: \"Tap\",\n type: ControlType.EventHandler\n }\n});\naddFonts(FramerBqzfADEGn, [...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerBqzfADEGn\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicWidth\": \"40\",\n \"framerVariables\": \"{\\\"VDSX9Mew_\\\":\\\"amount\\\",\\\"lrfn6rXYU\\\":\\\"tap\\\"}\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"sdIY4_1qq\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n \"framerIntrinsicHeight\": \"40\",\n \"framerContractVersion\": \"1\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./BqzfADEGn.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", "jJt_Xv_T8", "xpFMM4Tkz", "dNdblVcGJ", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onMouseEnter2051o9", "args", "onMouseLeavejc2ym4", "onAppearoh1tgu", "useOnVariantChange", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "u", "RichText", "x", "css", "FramerbFDF1U5RH", "withCSS", "bFDF1U5RH_default", "addPropertyControls", "ControlType", "addFonts", "fonts", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "VDSX9Mew_", "lrfn6rXYU", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTapen58su", "args", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "RichText", "x", "css", "FramerBqzfADEGn", "withCSS", "BqzfADEGn_default", "addPropertyControls", "ControlType", "addFonts", "fonts"] }