{"version":3,"file":"al0FJXncP.jwdO2GyK.mjs","names":["React.useRef","Phosphor","sharedStyle.className","sharedStyle1.className","className","React.Fragment","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts"],"sources":["https:/framerusercontent.com/modules/k6WytVrnQgEp24C7f31y/MG2C1TvCBhCiNhy9KRvJ/al0FJXncP.js"],"sourcesContent":["// Generated by Framer (58c7c96)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,getPropertyControls,RichText,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";import{Icon as Phosphor}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/xUCuNdICT7LqG93nhqbM/Phosphor.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/7Fp1wl2mUDGV03SpORNk/oFmgXBy9RIPUri8oxUOw/KfdEFPFFe.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/hpXOh0NmxlcG5wSnO2kU/CzCc1YG9h7mKFuNVoqhR/l6qNW1TBq.js\";const PhosphorFonts=getFonts(Phosphor);const PhosphorControls=getPropertyControls(Phosphor);const cycleOrder=[\"nLdJz1Iux\"];const variantClassNames={nLdJz1Iux:\"framer-v-1tp8pp3\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const humanReadableVariantMap={};const transitions={default:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:500,type:\"spring\"}};const BASE62=\"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";function useRandomID(){const ref=React.useRef(null);if(ref.current===null){ref.current=Array(5).fill(0).map(()=>BASE62[Math.floor(Math.random()*BASE62.length)]).join(\"\");}return ref.current;}const Component=/*#__PURE__*/ React.forwardRef(function({id,style:externalStyle={},className,width,height,layoutId,variant:outerVariant=\"nLdJz1Iux\",icon:ESvgTzZTF=\"Package\",title:HChB_DNQ1=\"Visual Editor in Xcode\",text:W6sYPwvXx=\"Design your layout using the inspector, insert menu and modifiers\",...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"nLdJz1Iux\",transitions,variant,variantClassNames});const layoutDependency=variants.join(\"-\")+restProps.layoutDependency;const defaultLayoutId=useRandomID();const{pointerEvents,...style}=externalStyle;return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{\"data-framer-generated\":true,initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-DBAli\",sharedStyle.className,sharedStyle1.className,classNames),style:{display:\"contents\",pointerEvents:pointerEvents!==null&&pointerEvents!==void 0?pointerEvents:undefined},children:/*#__PURE__*/ _jsxs(motion.div,{...restProps,className:cx(\"framer-1tp8pp3\",className),\"data-border\":true,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"nLdJz1Iux\",ref:ref,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(255, 255, 255, 0.1)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"rgba(0, 0, 0, 0.2)\",borderBottomLeftRadius:25,borderBottomRightRadius:25,borderTopLeftRadius:25,borderTopRightRadius:25,...style},transition:transition,children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-5nz4oj-container\",layoutDependency:layoutDependency,layoutId:\"p6cr4D0LT-container\",transition:transition,children:/*#__PURE__*/ _jsx(Phosphor,{color:\"rgb(255, 133, 133)\",height:\"100%\",iconSearch:\"House\",iconSelection:ESvgTzZTF,id:\"p6cr4D0LT\",layoutId:\"p6cr4D0LT\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:\"duotone\",width:\"100%\"})}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{className:\"framer-styles-preset-kqguaa\",\"data-styles-preset\":\"KfdEFPFFe\",children:/*#__PURE__*/ _jsx(motion.span,{style:{\"--framer-text-color\":\"var(--extracted-1w3ko1f)\"},children:\"Overlays in prototypes\"})})}),className:\"framer-1biqzq5\",layoutDependency:layoutDependency,layoutId:\"Ut8hpgXlI\",style:{\"--extracted-1w3ko1f\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:HChB_DNQ1,transition:transition,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{className:\"framer-styles-preset-605wog\",\"data-styles-preset\":\"l6qNW1TBq\",style:{\"--framer-text-alignment\":\"left\"},children:/*#__PURE__*/ _jsx(motion.span,{style:{\"--framer-text-color\":\"var(--extracted-1w3ko1f)\"},children:\"You can now drag images into Sketch and drop them onto existing image layers, or layers with image fills, to replace them.\"})})}),className:\"framer-2nhbcy\",layoutDependency:layoutDependency,layoutId:\"iLNyWcyR9\",style:{\"--extracted-1w3ko1f\":\"rgba(255, 255, 255, 0.7)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:W6sYPwvXx,transition:transition,verticalAlignment:\"top\",withExternalLayout:true})]})})});});const css=['.framer-DBAli [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-DBAli * { box-sizing: border-box; }\",\".framer-DBAli .framer-1qtv5p0 { display: block; }\",\".framer-DBAli .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-DBAli .framer-5nz4oj-container { flex: none; height: 32px; position: relative; width: 32px; }\",\".framer-DBAli .framer-1biqzq5, .framer-DBAli .framer-2nhbcy { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-DBAli .framer-1tp8pp3 { gap: 0px; } .framer-DBAli .framer-1tp8pp3 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-DBAli .framer-1tp8pp3 > :first-child { margin-top: 0px; } .framer-DBAli .framer-1tp8pp3 > :last-child { margin-bottom: 0px; } }\",...sharedStyle.css,...sharedStyle1.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 143.5\n * @framerIntrinsicWidth 355\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"ESvgTzZTF\":\"icon\",\"HChB_DNQ1\":\"title\",\"W6sYPwvXx\":\"text\"}\n */ const Frameral0FJXncP=withCSS(Component,css);export default Frameral0FJXncP;Frameral0FJXncP.displayName=\"Update\";Frameral0FJXncP.defaultProps={height:143.5,width:355};addPropertyControls(Frameral0FJXncP,{ESvgTzZTF:(PhosphorControls===null||PhosphorControls===void 0?void 0:PhosphorControls[\"iconSelection\"])&&{...PhosphorControls[\"iconSelection\"],defaultValue:\"Package\",hidden:undefined,title:\"Icon\"},HChB_DNQ1:{defaultValue:\"Visual Editor in Xcode\",displayTextArea:false,title:\"Title\",type:ControlType.String},W6sYPwvXx:{defaultValue:\"Design your layout using the inspector, insert menu and modifiers\",displayTextArea:false,title:\"Text\",type:ControlType.String}});addFonts(Frameral0FJXncP,[...PhosphorFonts,...sharedStyle.fonts,...sharedStyle1.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Frameral0FJXncP\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"ESvgTzZTF\\\":\\\"icon\\\",\\\"HChB_DNQ1\\\":\\\"title\\\",\\\"W6sYPwvXx\\\":\\\"text\\\"}\",\"framerIntrinsicWidth\":\"355\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"143.5\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}