{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/y1VyUyWsVpq56UiWPBpo/vmlcqsNGJmct3trTxUWV/KfdEFPFFe.js", "ssg:https://framerusercontent.com/modules/ilskq5q1lh27MO9yuKbR/uUCxuFf59Ds18Gv6jMfs/OSuXnbF4r.js", "ssg:https://framerusercontent.com/modules/nSaq4rVg3OmeuPcvsf39/dZG0JaSaVQerrwUpY72R/al0FJXncP.js"], "sourcesContent": ["import { fontStore } from \"framer\";\nfontStore.loadWebFontsFromSelectors([\"GF;Poppins-500\"]);\nexport const fonts = [{\n family: \"Poppins\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:css/KfdEFPFFe:default\",\n url: \"https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf\"\n },\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf\",\n weight: \"500\"\n}];\nexport const css = ['.framer-s6xav .framer-styles-preset-kqguaa:not(.rich-text-wrapper), .framer-s6xav .framer-styles-preset-kqguaa.rich-text-wrapper p, .framer-s6xav .framer-styles-preset-kqguaa.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Poppins\", serif; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-weight: 500; --framer-letter-spacing: 0px; --framer-line-height: 150%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: #ffffff; --framer-text-decoration: none; --framer-text-transform: none; }', '@media (max-width: 1199px) and (min-width: 810px) { .framer-s6xav .framer-styles-preset-kqguaa:not(.rich-text-wrapper), .framer-s6xav .framer-styles-preset-kqguaa.rich-text-wrapper p, .framer-s6xav .framer-styles-preset-kqguaa.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Poppins\", serif; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-weight: 500; --framer-letter-spacing: 0px; --framer-line-height: 150%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: #ffffff; --framer-text-decoration: none; --framer-text-transform: none; } }', '@media (max-width: 809px) and (min-width: 0px) { .framer-s6xav .framer-styles-preset-kqguaa:not(.rich-text-wrapper), .framer-s6xav .framer-styles-preset-kqguaa.rich-text-wrapper p, .framer-s6xav .framer-styles-preset-kqguaa.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Poppins\", serif; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-weight: 500; --framer-letter-spacing: 0px; --framer-line-height: 150%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: #ffffff; --framer-text-decoration: none; --framer-text-transform: none; } }'];\nexport const className = \"framer-s6xav\";\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 (596b9d9)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, Link, RichText, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Icon as Phosphor } from \"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/H4OHcdXxZyPVKySUy1y2/Phosphor.js\";\nconst PhosphorFonts = getFonts(Phosphor);\nconst enabledGestures = {\n spcMtn0zB: {\n hover: true\n }\n};\nconst cycleOrder = [\"spcMtn0zB\"];\nconst variantClassNames = {\n spcMtn0zB: \"framer-v-1uzjql0\"\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 = {};\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: externalStyle = {},\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"spcMtn0zB\",\n title: umL4qanrk = \"Buy UFO\",\n link: SqFElpLxb,\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: \"spcMtn0zB\",\n enabledGestures,\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const defaultLayoutId = React.useId();\n const {\n pointerEvents,\n ...style\n } = externalStyle;\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n \"data-framer-generated\": true,\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-5uKGh\", classNames),\n style: {\n display: \"contents\",\n pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : \"auto\"\n },\n children: /*#__PURE__*/_jsx(Link, {\n href: SqFElpLxb,\n openInNewTab: false,\n children: /*#__PURE__*/_jsxs(motion.a, {\n ...restProps,\n className: `${cx(\"framer-1uzjql0\", className)} framer-1f8s2k4`,\n \"data-border\": true,\n \"data-framer-name\": \"Variant 1\",\n layoutDependency: layoutDependency,\n layoutId: \"spcMtn0zB\",\n ref: ref,\n style: {\n \"--border-bottom-width\": \"1px\",\n \"--border-color\": \"rgba(226, 224, 242, 0.2)\",\n \"--border-left-width\": \"1px\",\n \"--border-right-width\": \"1px\",\n \"--border-style\": \"solid\",\n \"--border-top-width\": \"1px\",\n backdropFilter: \"blur(0px)\",\n background: \"linear-gradient(115deg, hsl(266, 100%, 73%) 0%, hsl(242, 100%, 54%) 100%)\",\n borderBottomLeftRadius: 20,\n borderBottomRightRadius: 20,\n borderTopLeftRadius: 20,\n borderTopRightRadius: 20,\n WebkitBackdropFilter: \"blur(0px)\",\n ...style\n },\n transition: transition,\n variants: {\n \"spcMtn0zB-hover\": {\n background: \"linear-gradient(115deg, rgba(177, 117, 255, 0.2) 0%, rgba(28, 20, 255, 0.5) 100%)\"\n }\n },\n ...addPropertyOverrides({\n \"spcMtn0zB-hover\": {\n \"data-framer-name\": undefined\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 style: {\n \"--font-selector\": \"R0Y7UG9wcGlucy02MDA=\",\n \"--framer-font-family\": '\"Poppins\", serif',\n \"--framer-font-size\": \"15px\",\n \"--framer-font-weight\": \"600\",\n \"--framer-line-height\": \"12px\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\",\n \"--framer-text-transform\": \"capitalize\"\n },\n children: \"Buy UFO\"\n })\n }),\n className: \"framer-dpvlpf\",\n fonts: [\"GF;Poppins-600\"],\n layoutDependency: layoutDependency,\n layoutId: \"k7NYP3xhH\",\n style: {\n \"--extracted-r6o4lv\": \"rgb(255, 255, 255)\",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: umL4qanrk,\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-10ujsir-container\",\n layoutDependency: layoutDependency,\n layoutId: \"R4z852vHr-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Phosphor, {\n color: \"rgb(255, 255, 255)\",\n height: \"100%\",\n iconSearch: \"arrow right\",\n iconSelection: \"ArrowSquareUpRight\",\n id: \"R4z852vHr\",\n layoutId: \"R4z852vHr\",\n mirrored: false,\n selectByList: true,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n weight: \"regular\",\n width: \"100%\"\n })\n })]\n })\n })\n })\n });\n});\nconst css = ['.framer-5uKGh [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-5uKGh * { box-sizing: border-box; }\", \".framer-5uKGh .framer-1f8s2k4 { display: block; }\", \".framer-5uKGh .framer-1uzjql0 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: center; mix-blend-mode: overlay; overflow: visible; padding: 10px 14px 10px 18px; position: relative; text-decoration: none; width: min-content; }\", \".framer-5uKGh .framer-dpvlpf { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \".framer-5uKGh .framer-10ujsir-container { flex: none; height: 22px; position: relative; width: 22px; }\", \".framer-5uKGh .framer-v-1uzjql0 .framer-1uzjql0 { cursor: pointer; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-5uKGh .framer-1uzjql0 { gap: 0px; } .framer-5uKGh .framer-1uzjql0 > * { margin: 0px; margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .framer-5uKGh .framer-1uzjql0 > :first-child { margin-left: 0px; } .framer-5uKGh .framer-1uzjql0 > :last-child { margin-right: 0px; } }\", \".framer-5uKGh.framer-v-1uzjql0.hover .framer-1uzjql0 { gap: 10px; padding: 10px 22px 10px 28px; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-5uKGh.framer-v-1uzjql0.hover .framer-1uzjql0 { gap: 0px; } .framer-5uKGh.framer-v-1uzjql0.hover .framer-1uzjql0 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-5uKGh.framer-v-1uzjql0.hover .framer-1uzjql0 > :first-child { margin-left: 0px; } .framer-5uKGh.framer-v-1uzjql0.hover .framer-1uzjql0 > :last-child { margin-right: 0px; } }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 42\n * @framerIntrinsicWidth 120.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"THtEHd5BO\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"umL4qanrk\":\"title\",\"SqFElpLxb\":\"link\"}\n */\nconst FramerOSuXnbF4r = withCSS(Component, css);\nexport default FramerOSuXnbF4r;\nFramerOSuXnbF4r.displayName = \"buy button\";\nFramerOSuXnbF4r.defaultProps = {\n height: 42,\n width: 120.5\n};\naddPropertyControls(FramerOSuXnbF4r, {\n umL4qanrk: {\n defaultValue: \"Buy UFO\",\n displayTextArea: false,\n title: \"Title\",\n type: ControlType.String\n },\n SqFElpLxb: {\n title: \"Link\",\n type: ControlType.Link\n }\n});\naddFonts(FramerOSuXnbF4r, [{\n family: \"Poppins\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:canvasComponent/OSuXnbF4r:default\",\n url: \"https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf\"\n },\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf\",\n weight: \"600\"\n}, ...PhosphorFonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerOSuXnbF4r\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicWidth\": \"120.5\",\n \"framerIntrinsicHeight\": \"42\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"THtEHd5BO\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\n \"framerVariables\": \"{\\\"umL4qanrk\\\":\\\"title\\\",\\\"SqFElpLxb\\\":\\\"link\\\"}\",\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=./OSuXnbF4r.map", "// Generated by Framer (596b9d9)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, getPropertyControls, resolveLink, RichText, useRouter, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Icon as Phosphor } from \"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/1Ug7Oa5QuxbjTOPEhCOW/Phosphor.js\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/y1VyUyWsVpq56UiWPBpo/vmlcqsNGJmct3trTxUWV/KfdEFPFFe.js\";\nimport * as sharedStyle1 from \"https://framerusercontent.com/modules/5qymjQ18G4vWBHOl4zcu/tiYPSoIOlXeBzgkp4LCm/l6qNW1TBq.js\";\nimport BuyButton from \"https://framerusercontent.com/modules/ilskq5q1lh27MO9yuKbR/uUCxuFf59Ds18Gv6jMfs/OSuXnbF4r.js\";\nconst PhosphorFonts = getFonts(Phosphor);\nconst BuyButtonFonts = getFonts(BuyButton);\nconst PhosphorControls = getPropertyControls(Phosphor);\nconst enabledGestures = {\n nLdJz1Iux: {\n hover: true\n }\n};\nconst cycleOrder = [\"nLdJz1Iux\"];\nconst variantClassNames = {\n nLdJz1Iux: \"framer-v-1tp8pp3\"\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 = {};\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: externalStyle = {},\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"nLdJz1Iux\",\n icon: ESvgTzZTF = \"Package\",\n title: HChB_DNQ1 = \"Visual Editor in Xcode\",\n text: W6sYPwvXx = \"Design your layout using the inspector, insert menu and modifiers\",\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: \"nLdJz1Iux\",\n enabledGestures,\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const router = useRouter();\n const defaultLayoutId = React.useId();\n const {\n pointerEvents,\n ...style\n } = externalStyle;\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n \"data-framer-generated\": true,\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-mHSXP\", sharedStyle.className, sharedStyle1.className, classNames),\n style: {\n display: \"contents\",\n pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : \"auto\"\n },\n children: /*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-1tp8pp3\", className),\n \"data-border\": true,\n \"data-framer-name\": \"Variant 1\",\n layoutDependency: layoutDependency,\n layoutId: \"nLdJz1Iux\",\n ref: ref,\n style: {\n \"--border-bottom-width\": \"1px\",\n \"--border-color\": \"rgba(255, 255, 255, 0.3)\",\n \"--border-left-width\": \"1px\",\n \"--border-right-width\": \"1px\",\n \"--border-style\": \"solid\",\n \"--border-top-width\": \"1px\",\n backgroundColor: \"rgba(0, 0, 0, 0.2)\",\n borderBottomLeftRadius: 25,\n borderBottomRightRadius: 25,\n borderTopLeftRadius: 25,\n borderTopRightRadius: 25,\n ...style\n },\n transition: transition,\n ...addPropertyOverrides({\n \"nLdJz1Iux-hover\": {\n \"data-framer-name\": undefined\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-14usnd1\",\n layoutDependency: layoutDependency,\n layoutId: \"md0TeuPsk\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-5nz4oj-container\",\n layoutDependency: layoutDependency,\n layoutId: \"p6cr4D0LT-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Phosphor, {\n color: \"rgb(255, 133, 133)\",\n height: \"100%\",\n iconSearch: \"House\",\n iconSelection: ESvgTzZTF,\n id: \"p6cr4D0LT\",\n layoutId: \"p6cr4D0LT\",\n mirrored: false,\n selectByList: true,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n weight: \"duotone\",\n width: \"100%\",\n ...addPropertyOverrides({\n \"nLdJz1Iux-hover\": {\n color: \"rgb(135, 92, 249)\"\n }\n }, baseVariant, gestureVariant)\n })\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-14hiy5t-container\",\n layoutDependency: layoutDependency,\n layoutId: \"I0JYA1j0k-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(BuyButton, {\n height: \"100%\",\n id: \"I0JYA1j0k\",\n layoutId: \"I0JYA1j0k\",\n link: resolveLink(\"data:framer/page-link,mitbbaKl7\", router),\n title: \"Buy UFO\",\n width: \"100%\"\n })\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-kqguaa\",\n \"data-styles-preset\": \"KfdEFPFFe\",\n children: /*#__PURE__*/_jsx(motion.span, {\n style: {\n \"--framer-text-color\": \"var(--extracted-1w3ko1f)\"\n },\n children: \"Overlays in prototypes\"\n })\n })\n }),\n className: \"framer-1biqzq5\",\n layoutDependency: layoutDependency,\n layoutId: \"Ut8hpgXlI\",\n style: {\n \"--extracted-1w3ko1f\": \"rgb(255, 255, 255)\",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\",\n opacity: 1\n },\n text: HChB_DNQ1,\n transition: transition,\n variants: {\n \"nLdJz1Iux-hover\": {\n opacity: .5\n }\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n className: \"framer-styles-preset-605wog\",\n \"data-styles-preset\": \"l6qNW1TBq\",\n style: {\n \"--framer-text-alignment\": \"left\"\n },\n children: /*#__PURE__*/_jsx(motion.span, {\n style: {\n \"--framer-text-color\": \"var(--extracted-1w3ko1f)\"\n },\n children: \"You can now drag images into Sketch and drop them onto existing image layers, or layers with image fills, to replace them.\"\n })\n })\n }),\n className: \"framer-2nhbcy\",\n layoutDependency: layoutDependency,\n layoutId: \"iLNyWcyR9\",\n style: {\n \"--extracted-1w3ko1f\": \"rgba(255, 255, 255, 0.7)\",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\",\n opacity: 1\n },\n text: W6sYPwvXx,\n transition: transition,\n variants: {\n \"nLdJz1Iux-hover\": {\n opacity: .5\n }\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n })\n })\n });\n});\nconst css = ['.framer-mHSXP [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-mHSXP * { box-sizing: border-box; }\", \".framer-mHSXP .framer-1qtv5p0 { display: block; }\", \".framer-mHSXP .framer-1tp8pp3 { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: visible; padding: 30px 20px 30px 20px; position: relative; width: 355px; }\", \".framer-mHSXP .framer-14usnd1 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-mHSXP .framer-5nz4oj-container { flex: none; height: 52px; position: relative; width: 52px; }\", \".framer-mHSXP .framer-14hiy5t-container { flex: none; height: auto; position: relative; width: auto; }\", \".framer-mHSXP .framer-1biqzq5, .framer-mHSXP .framer-2nhbcy { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\", \".framer-mHSXP .framer-v-1tp8pp3 .framer-1tp8pp3 { cursor: pointer; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-mHSXP .framer-1tp8pp3 { gap: 0px; } .framer-mHSXP .framer-1tp8pp3 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-mHSXP .framer-1tp8pp3 > :first-child { margin-top: 0px; } .framer-mHSXP .framer-1tp8pp3 > :last-child { margin-bottom: 0px; } }\", ...sharedStyle.css, ...sharedStyle1.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 208\n * @framerIntrinsicWidth 355\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"z2JlhfkId\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"ESvgTzZTF\":\"icon\",\"HChB_DNQ1\":\"title\",\"W6sYPwvXx\":\"text\"}\n */\nconst Frameral0FJXncP = withCSS(Component, css);\nexport default Frameral0FJXncP;\nFrameral0FJXncP.displayName = \"Update\";\nFrameral0FJXncP.defaultProps = {\n height: 208,\n width: 355\n};\naddPropertyControls(Frameral0FJXncP, {\n ESvgTzZTF: (PhosphorControls === null || PhosphorControls === void 0 ? void 0 : PhosphorControls[\"iconSelection\"]) && {\n ...PhosphorControls[\"iconSelection\"],\n defaultValue: \"Package\",\n hidden: undefined,\n title: \"Icon\"\n },\n HChB_DNQ1: {\n defaultValue: \"Visual Editor in Xcode\",\n displayTextArea: false,\n title: \"Title\",\n type: ControlType.String\n },\n W6sYPwvXx: {\n defaultValue: \"Design your layout using the inspector, insert menu and modifiers\",\n displayTextArea: false,\n title: \"Text\",\n type: ControlType.String\n }\n});\naddFonts(Frameral0FJXncP, [...PhosphorFonts, ...BuyButtonFonts, ...sharedStyle.fonts, ...sharedStyle1.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\": \"Frameral0FJXncP\",\n \"slots\": [],\n \"annotations\": {\n \"framerVariables\": \"{\\\"ESvgTzZTF\\\":\\\"icon\\\",\\\"HChB_DNQ1\\\":\\\"title\\\",\\\"W6sYPwvXx\\\":\\\"text\\\"}\",\n \"framerIntrinsicHeight\": \"208\",\n \"framerContractVersion\": \"1\",\n \"framerIntrinsicWidth\": \"355\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"z2JlhfkId\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./al0FJXncP.map"], "mappings": "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", "names": ["fontStore", "fonts", "css", "className", "PhosphorFonts", "getFonts", "Icon", "enabledGestures", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "umL4qanrk", "SqFElpLxb", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "Link", "u", "RichText", "css", "FramerOSuXnbF4r", "withCSS", "OSuXnbF4r_default", "addPropertyControls", "ControlType", "addFonts", "PhosphorFonts", "getFonts", "Icon", "BuyButtonFonts", "OSuXnbF4r_default", "PhosphorControls", "getPropertyControls", "enabledGestures", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "ESvgTzZTF", "HChB_DNQ1", "W6sYPwvXx", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "router", "useRouter", "defaultLayoutId", "ae", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "u", "resolveLink", "RichText", "css", "Frameral0FJXncP", "withCSS", "al0FJXncP_default", "addPropertyControls", "ControlType", "addFonts", "fonts"] }