{"version":3,"file":"InstallCommand.Aw0_92qB.mjs","names":["React.useState","React.useRef"],"sources":["https:/framerusercontent.com/modules/GXmGEA2D9mFwA3H6eZM1/XOGNis0D86Us26lXROSo/InstallCommand.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const MONO=\"ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace\";const SANS=\"Inter, system-ui, -apple-system, sans-serif\";export default function InstallCommand(props){const{command=\"curl -fsSL https://install.loops.so/wizard | bash\",label=\"\",hoverExpand=true,variant=\"dark\",size=\"md\",accent=\"#FC5200\",style}=props;const[copied,setCopied]=React.useState(false);const[hover,setHover]=React.useState(false);const[focus,setFocus]=React.useState(false);const[press,setPress]=React.useState(false);const[cw,setCw]=React.useState(0);const[ww,setWw]=React.useState({pre:0,post:0,label:0});const timer=React.useRef(null);const btnRef=React.useRef(null);const preRef=React.useRef(null);const postRef=React.useRef(null);const labelRef=React.useRef(null);React.useEffect(()=>{return()=>{if(timer.current)window.clearTimeout(timer.current);};},[]);const narrow=cw>0&&cw<460;const canExpand=cw===0||cw>=625;React.useLayoutEffect(()=>{setWw({pre:preRef.current?preRef.current.offsetWidth:0,post:postRef.current?postRef.current.offsetWidth:0,label:labelRef.current?labelRef.current.offsetWidth:0});},[command,size,label,narrow]);React.useEffect(()=>{const el=btnRef.current;if(!el||typeof ResizeObserver===\"undefined\")return;const ro=new ResizeObserver(()=>{setCw(el.offsetWidth);});ro.observe(el);return()=>ro.disconnect();},[]);const onCopy=()=>{try{navigator.clipboard?.writeText(command);}catch(e){}setCopied(true);if(timer.current)window.clearTimeout(timer.current);timer.current=window.setTimeout(()=>setCopied(false),1800);};const dark=variant===\"dark\";const xl=size===\"xl\";const lg=size===\"lg\"||xl;const height=xl?68:lg?52:44;const radius=xl?16:lg?14:12;const monoSize=xl?16:lg?14:13;const labelSize=xl?14:12.5;const iconBox=xl?38:lg?32:30;const iconGlyph=xl?17:15;const rowGap=xl?14:lg?12:10;const pad=xl?\"0 15px 0 24px\":lg?\"0 10px 0 18px\":\"0 8px 0 15px\";const open=!hoverExpand||(hover||focus)&&canExpand;const showLabel=label&&!narrow;const m=command.match(/(https?:\\/\\/)(\\S+)/);const pre=m?command.slice(0,m.index)+m[1]:\"\";const core=m?m[2]:command;const post=m?command.slice((m.index||0)+m[0].length):\"\";const dim=\"#8a8a8a\";const bright=dark?\"#fafafa\":\"#1c1917\";const measurer=(text,ref)=>text?/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",ref:ref,style:{position:\"absolute\",visibility:\"hidden\",whiteSpace:\"pre\",pointerEvents:\"none\"},children:text}):null;// characters materialize spreading outward from the URL: the wing\n// nearest the URL cascades from its inner edge, so the command looks\n// like the terminal is typing it around the address\nconst wing=(text,w,alignEnd)=>{if(!text)return null;const n=text.length;return /*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{display:\"inline-block\",verticalAlign:\"bottom\",overflow:\"hidden\",width:open?w:0,whiteSpace:\"pre\",textAlign:alignEnd?\"right\":\"left\",transition:\"width 340ms cubic-bezier(0.4, 0, 0.2, 1)\"},children:text.split(\"\").map((ch,i)=>{const d=open?(alignEnd?(n-1-i)*12:i*16)+40:0;return /*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",whiteSpace:\"pre\",color:dim,opacity:open?1:0,transform:open?\"translateY(0)\":\"translateY(5px)\",filter:open?\"blur(0px)\":\"blur(3px)\",transition:`opacity 180ms ease ${d}ms, transform 280ms cubic-bezier(0.22, 1, 0.36, 1) ${d}ms, filter 220ms ease ${d}ms`},children:ch},i);})});};return /*#__PURE__*/_jsxs(\"button\",{ref:btnRef,type:\"button\",\"aria-label\":`Copy install command: ${command}`,onClick:onCopy,onMouseEnter:()=>setHover(true),onMouseLeave:()=>{setHover(false);setPress(false);},onFocus:()=>setFocus(true),onBlur:()=>setFocus(false),onMouseDown:()=>setPress(true),onMouseUp:()=>setPress(false),style:{position:\"relative\",minWidth:0,maxWidth:\"100%\",overflow:\"hidden\",display:\"inline-flex\",alignItems:\"center\",gap:rowGap,height,padding:pad,background:dark?hover?\"#292524\":\"#1c1917\":hover?\"#fafafa\":\"#ffffff\",border:dark?`1px solid rgba(255, 255, 255, ${hover?.16:.08})`:`1px solid ${hover?\"#d6d6d6\":\"#e6e6e6\"}`,borderRadius:radius,boxShadow:dark?\"0 1px 2px rgba(28, 25, 23, 0.2), 0 8px 24px -12px rgba(28, 25, 23, 0.35)\":\"0 1px 2px rgba(28, 25, 23, 0.05)\",cursor:\"pointer\",transform:press?\"scale(0.995)\":\"scale(1)\",transition:\"background 160ms ease, border-color 200ms ease, transform 120ms ease\",...style},children:[showLabel?/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{display:\"inline-flex\",overflow:\"hidden\",flexShrink:0,width:open&&hoverExpand?0:ww.label,opacity:open&&hoverExpand?0:1,transition:\"width 340ms cubic-bezier(0.4, 0, 0.2, 1), opacity 240ms ease\"},children:/*#__PURE__*/_jsxs(\"span\",{ref:labelRef,style:{display:\"inline-flex\",alignItems:\"center\",gap:rowGap,flexShrink:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:SANS,fontSize:labelSize,fontWeight:500,lineHeight:1,color:dark?\"#8a8a8a\":\"#8a8a8a\",whiteSpace:\"nowrap\"},children:label}),/*#__PURE__*/_jsx(\"span\",{style:{width:1,height:xl?22:18,background:dark?\"rgba(255, 255, 255, 0.12)\":\"#e6e6e6\",flexShrink:0}})]})}):null,/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{fontFamily:MONO,fontSize:monoSize,lineHeight:1,color:accent,fontWeight:600,flexShrink:0,display:\"inline-block\",transform:open&&hoverExpand?\"scale(1.22)\":\"scale(1)\",textShadow:open&&hoverExpand?`0 0 14px ${accent}66`:\"0 0 0 rgba(0,0,0,0)\",transition:\"transform 320ms cubic-bezier(0.34, 1.4, 0.5, 1), text-shadow 320ms ease\"},children:\"$\"}),/*#__PURE__*/_jsxs(\"span\",{style:{fontFamily:MONO,fontSize:monoSize,lineHeight:1.4,color:bright,whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\",minWidth:0,flexShrink:1},children:[measurer(pre,preRef),measurer(post,postRef),wing(pre,ww.pre,true),/*#__PURE__*/_jsx(\"span\",{children:core}),wing(post,ww.post,false)]}),/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{flex:1}}),/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",width:iconBox,height:iconBox,borderRadius:xl?10:8,flexShrink:0,color:copied?\"#16a34a\":hover?bright:dim,background:hover&&!copied?dark?\"rgba(255, 255, 255, 0.08)\":\"#f0f0f0\":\"transparent\",transition:\"color 160ms ease, background 160ms ease\"},children:copied?/*#__PURE__*/_jsx(\"svg\",{width:iconGlyph,height:iconGlyph,viewBox:\"0 0 24 24\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M20 6L9 17l-5-5\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})}):/*#__PURE__*/_jsxs(\"svg\",{width:iconGlyph,height:iconGlyph,viewBox:\"0 0 24 24\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"rect\",{x:\"9\",y:\"9\",width:\"11\",height:\"11\",rx:\"2.5\",stroke:\"currentColor\",strokeWidth:\"1.8\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M5 15V6.5A2.5 2.5 0 0 1 7.5 4H15\",stroke:\"currentColor\",strokeWidth:\"1.8\",strokeLinecap:\"round\"})]})}),/*#__PURE__*/_jsx(\"span\",{role:\"status\",\"aria-live\":\"polite\",style:{position:\"absolute\",width:1,height:1,overflow:\"hidden\",clip:\"rect(0 0 0 0)\"},children:copied?\"Copied to clipboard\":\"\"})]});}addPropertyControls(InstallCommand,{command:{type:ControlType.String,title:\"Command\",defaultValue:\"curl -fsSL https://install.loops.so/wizard | bash\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"\"},hoverExpand:{type:ControlType.Boolean,title:\"Hover expand\",defaultValue:true},variant:{type:ControlType.Enum,title:\"Variant\",options:[\"dark\",\"light\"],optionTitles:[\"Dark\",\"Light\"],defaultValue:\"dark\"},size:{type:ControlType.Enum,title:\"Size\",options:[\"md\",\"lg\",\"xl\"],optionTitles:[\"Medium\",\"Large\",\"XL\"],defaultValue:\"md\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#FC5200\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"InstallCommand\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./InstallCommand.map"],"mappings":"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"}