https://steel.dev/assets/framerusercontent.com/sites/5DY3c5cy17hV44JRxRikGF/q4QTd3TKH.BQMWl78v.mjs

1import{t as e}from"./rolldown-runtime.Dh6celcD.mjs";import{F as t,M as n,c as r,h as i,j as a,k as o,l as s,o as c,v as l,w as u}from"./react.BXLtZsiS.mjs";import{S as d,a as f,r as p,t as m}from"./motion.CWI8GhQ8.mjs";import{Ct as h,E as g,N as _,O as v,T as ee,V as y,Y as b,c as x,ht as S,k as C,l as w,o as T,ot as E,st as D,vt as te,wt as O}from"./framer.tfOXNT4F.mjs";function k(e,...t){let n={};return t?.forEach(t=>t&&Object.assign(n,e[t])),n}var A,j,M,N,P,F,I,L,R,z,B=e((()=>{c(),b(),m(),u(),A=[`D06dXJsGr`,`h13X7iU9K`,`hk54U44sA`],j=`framer-sAro7`,M={D06dXJsGr:`framer-v-1b9frh4`,h13X7iU9K:`framer-v-krmug7`,hk54U44sA:`framer-v-wwkpl5`},N={bounce:.2,delay:0,duration:.4,type:`spring`},P=({value:e,children:t})=>{let i=a(f),o=e??i.transition,s=n(()=>({...i,transition:o}),[JSON.stringify(o)]);return r(f.Provider,{value:s,children:t})},F=d.create(t),I={"Variant 1":`D06dXJsGr`,"Variant 2":`h13X7iU9K`,"Variant 3":`hk54U44sA`},L=({height:e,id:t,width:n,...r})=>({...r,variant:I[r.variant]??r.variant??`D06dXJsGr`}),R=(e,t)=>e.layoutDependency?t.join(`-`)+e.layoutDependency:t.join(`-`),z=O(i(function(e,t){let{activeLocale:n,setLocale:i}=S(),{style:a,className:s,layoutId:c,variant:u,...f}=L(e),{baseVariant:m,classNames:v,clearLoadingGesture:ee,gestureHandlers:y,gestureVariant:b,isLoading:x,setGestureState:C,setVariant:T,variants:O}=h({cycleOrder:A,defaultVariant:`D06dXJsGr`,variant:u,variantClassNames:M}),I=R(e,O),{activeVariantCallback:z,delay:B}=E(m),V=z(async(...e)=>{await B(()=>T(w),1e3)}),H=z(async(...e)=>{C({isPressed:!1}),await B(()=>T(`hk54U44sA`),1e3)});te(m,{default:V});let U=o(null),W=l(),G=[];return D(),r(p,{id:c??W,children:r(F,{animate:O,initial:!1,children:r(P,{value:N,children:r(d.div,{...f,...y,className:_(j,...G,`framer-1b9frh4`,s,v),"data-framer-name":`Variant 1`,"data-highlight":!0,layoutDependency:I,layoutId:`D06dXJsGr`,ref:t??U,style:{rotate:0,...a},variants:{h13X7iU9K:{rotate:-45},hk54U44sA:{rotate:-90}},...k({h13X7iU9K:{"data-framer-name":`Variant 2`,onTap:H},hk54U44sA:{"data-framer-name":`Variant 3`}},m,b),children:r(g,{className:`framer-7mlt3v`,"data-framer-name":`Graphic`,fill:`black`,intrinsicHeight:19,intrinsicWidth:19,layoutDependency:I,layoutId:`a8dnRc47d`,svg:`<svg width="19" height="19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#7DD3FC" d="M5.471 13.944h4.5v4.5h-4.5zm0-13.5h4.5v4.5h-4.5zm13.499 4.5v4.5h-4.5v-4.5zm-8.999 9h4.5v4.5h-4.5z"/><path fill="#7DD3FC" d="M9.97.444h4.5v4.5h-4.5zm-8.999 9h4.5v4.5h-4.5zm0-4.5h4.5v4.5h-4.5zM18.97 9.445v4.5h-4.5v-4.5z"/></svg>`,withExternalLayout:!0})})})})})}),[`@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`,`.framer-sAro7.framer-hb7i4z, .framer-sAro7 .framer-hb7i4z { display: block; }`,`.framer-sAro7.framer-1b9frh4 { height: 20px; overflow: hidden; position: relative; width: 20px; }`,`.framer-sAro7 .framer-7mlt3v { aspect-ratio: 1 / 1; bottom: 0px; flex: none; height: var(--framer-aspect-ratio-supported, 20px); left: 0px; position: absolute; right: 0px; }`,`.framer-sAro7.framer-v-krmug7.framer-1b9frh4 { aspect-ratio: 1 / 1; cursor: pointer; height: var(--framer-aspect-ratio-supported, 20px); }`,`.framer-sAro7.framer-v-krmug7 .framer-7mlt3v, .framer-sAro7.framer-v-wwkpl5 .framer-7mlt3v { height: var(--framer-aspect-ratio-supported, 19px); }`,`.framer-sAro7.framer-v-wwkpl5.framer-1b9frh4 { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 20px); }`],`framer-sAro7`),z.displayName=`Spinner`,z.defaultProps={height:20,width:20},C(z,{variant:{options:[`D06dXJsGr`,`h13X7iU9K`,`hk54U44sA`],optionTitles:[`Variant 1`,`Variant 2`,`Variant 3`],title:`Variant`,type:x.Enum}}),v(z,[{explicitInter:!0,fonts:[]}],{supportsExplicitInterCodegen:!0})}));function V(e,...t){let n={};return t?.forEach(t=>t&&Object.assign(n,e[t])),n}var H,U,W,G,K,q,J,Y,X,Z,Q,$,ne=e((()=>{c(),b(),m(),u(),B(),H=y(z),U={h6UC2DCvG:{hover:!0}},W=[`h6UC2DCvG`,`QInmHk4Xp`],G=`framer-6k7wJ`,K={h6UC2DCvG:`framer-v-1nwweau`,QInmHk4Xp:`framer-v-cdtxhu`},q={bounce:.2,delay:0,duration:.4,type:`spring`},J=({value:e,children:t})=>{let i=a(f),o=e??i.transition,s=n(()=>({...i,transition:o}),[JSON.stringify(o)]);return r(f.Provider,{value:s,children:t})},Y=d.create(t),X={"Variant 1":`h6UC2DCvG`,Mobile:`QInmHk4Xp`},Z=({height:e,id:t,width:n,...r})=>({...r,variant:X[r.variant]??r.variant??`h6UC2DCvG`}),Q=(e,t)=>e.layoutDependency?t.join(`-`)+e.layoutDependency:t.join(`-`),$=O(i(function(e,n){let{activeLocale:i,setLocale:a}=S(),{style:c,className:u,layoutId:f,variant:m,...v}=Z(e),{baseVariant:y,classNames:b,clearLoadingGesture:x,gestureHandlers:C,gestureVariant:w,isLoading:E,setGestureState:te,setVariant:O,variants:k}=h({cycleOrder:W,defaultVariant:`h6UC2DCvG`,enabledGestures:U,variant:m,variantClassNames:K}),A=Q(e,k),j=o(null),M=l(),N=[],P=D();return r(p,{id:f??M,children:r(Y,{animate:k,initial:!1,children:r(J,{value:q,children:s(d.div,{...v,...C,className:_(G,...N,`framer-1nwweau`,u,b),"data-framer-name":`Variant 1`,layoutDependency:A,layoutId:`h6UC2DCvG`,ref:n??j,style:{borderBottomLeftRadius:1e4,borderBottomRightRadius:1e4,borderTopLeftRadius:1e4,borderTopRightRadius:1e4,opacity:1,...c},variants:{"h6UC2DCvG-hover":{opacity:.8}},...V({"h6UC2DCvG-hover":{"data-framer-name":void 0},QInmHk4Xp:{"data-framer-name":`Mobile`}},y,w),children:[r(T,{height:18,width:`18px`,y:(P?.y||0)+(0+((P?.height||24)-0-18)/2),...V({QInmHk4Xp:{height:16,width:`16px`,y:(P?.y||0)+(0+((P?.height||24)-0-16)/2)}},y,w),children:r(d.div,{className:`framer-zehnh0-container`,layoutDependency:A,layoutId:`sKl3r2cRv-container`,children:r(z,{height:`100%`,id:`sKl3r2cRv`,layoutId:`sKl3r2cRv`,style:{height:`100%`,width:`100%`},variant:`D06dXJsGr`,width:`100%`})})}),r(d.div,{className:`framer-r9vr1u`,"data-framer-name":`Frame 2147226875`,layoutDependency:A,layoutId:`mPQZmEIRJ`,children:r(ee,{__fromCanvasComponent:!0,children:r(t,{children:r(d.p,{style:{"--font-selector":`R0Y7R2Vpc3QgTW9uby01MDA=`,"--framer-font-family":`"Geist Mono", monospace`,"--framer-font-we

1ight":`500`,"--framer-letter-spacing":`-0.01em`,"--framer-line-height":`24px`,"--framer-text-color":`var(--extracted-r6o4lv, var(--token-d8039237-12f3-459b-9965-ce376641375a, rgb(46, 200, 238)))`},children:`Introducing Browser APIs`})}),className:`framer-h96cxt`,"data-framer-name":`Introducing Browser APIs`,fonts:[`GF;Geist Mono-500`],layoutDependency:A,layoutId:`esCtw4b76`,style:{"--extracted-r6o4lv":`var(--token-d8039237-12f3-459b-9965-ce376641375a, rgb(46, 200, 238))`,"--framer-paragraph-spacing":`0px`},verticalAlignment:`top`,withExternalLayout:!0,...V({QInmHk4Xp:{children:r(t,{children:r(d.p,{style:{"--font-selector":`R0Y7R2Vpc3QgTW9uby01MDA=`,"--framer-font-family":`"Geist Mono", monospace`,"--framer-font-size":`14px`,"--framer-font-weight":`500`,"--framer-letter-spacing":`-0.01em`,"--framer-line-height":`24px`,"--framer-text-color":`var(--extracted-r6o4lv, var(--token-d8039237-12f3-459b-9965-ce376641375a, rgb(46, 200, 238)))`},children:`Introducing Browser APIs`})})}},y,w)})}),r(g,{className:`framer-1u13y3`,"data-framer-name":`Frame`,layout:`position`,layoutDependency:A,layoutId:`I1GUKV9Qo`,opacity:1,svg:`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><path d="M 10 7 L 0 7 L 0 9 L 10 9 Z" fill="rgb(46,200,238)"></path><path d="M 16 7 L 14 7 L 14 9 L 16 9 Z" fill="rgb(46,200,238)"></path><path d="M 14 9 L 12 9 L 12 11 L 14 11 Z" fill="rgb(46,200,238)"></path><path d="M 12 11 L 10 11 L 10 13 L 12 13 Z" fill="rgb(46,200,238)"></path><path d="M 10 13 L 8 13 L 8 15 L 10 15 Z" fill="rgb(46,200,238)"></path><path d="M 14 5 L 12 5 L 12 7 L 14 7 Z" fill="rgb(46,200,238)"></path><path d="M 12 3 L 10 3 L 10 5 L 12 5 Z" fill="rgb(46,200,238)"></path><path d="M 10 1 L 8 1 L 8 3 L 10 3 Z" fill="rgb(46,200,238)"></path></svg>`,svgContentId:9242272362,withExternalLayout:!0,...V({QInmHk4Xp:{svg:`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 14 14"><path d="M 8.75 6.125 L 0 6.125 L 0 7.875 L 8.75 7.875 Z" fill="rgb(46,200,238)"></path><path d="M 14 6.125 L 12.25 6.125 L 12.25 7.875 L 14 7.875 Z" fill="rgb(46,200,238)"></path><path d="M 12.25 7.875 L 10.5 7.875 L 10.5 9.625 L 12.25 9.625 Z" fill="rgb(46,200,238)"></path><path d="M 10.5 9.625 L 8.75 9.625 L 8.75 11.375 L 10.5 11.375 Z" fill="rgb(46,200,238)"></path><path d="M 8.75 11.375 L 7 11.375 L 7 13.125 L 8.75 13.125 Z" fill="rgb(46,200,238)"></path><path d="M 12.25 4.375 L 10.5 4.375 L 10.5 6.125 L 12.25 6.125 Z" fill="rgb(46,200,238)"></path><path d="M 10.5 2.625 L 8.75 2.625 L 8.75 4.375 L 10.5 4.375 Z" fill="rgb(46,200,238)"></path><path d="M 8.75 0.875 L 7 0.875 L 7 2.625 L 8.75 2.625 Z" fill="rgb(46,200,238)"></path></svg>`,svgContentId:8762723074}},y,w)})]})})})})}),[`@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`,`.framer-6k7wJ.framer-19vb7op, .framer-6k7wJ .framer-19vb7op { display: block; }`,`.framer-6k7wJ.framer-1nwweau { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }`,`.framer-6k7wJ .framer-zehnh0-container { flex: none; height: 18px; position: relative; width: 18px; }`,`.framer-6k7wJ .framer-r9vr1u { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: min-content; }`,`.framer-6k7wJ .framer-h96cxt { flex: none; height: auto; position: relative; white-space: pre; width: auto; }`,`.framer-6k7wJ .framer-1u13y3 { flex: none; height: 16px; position: relative; width: 16px; }`,`@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-6k7wJ.framer-1nwweau, .framer-6k7wJ .framer-r9vr1u { gap: 0px; } .framer-6k7wJ.framer-1nwweau > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-6k7wJ.framer-1nwweau > :first-child, .framer-6k7wJ .framer-r9vr1u > :first-child { margin-left: 0px; } .framer-6k7wJ.framer-1nwweau > :last-child, .framer-6k7wJ .framer-r9vr1u > :last-child { margin-right: 0px; } .framer-6k7wJ .framer-r9vr1u > * { margin: 0px; margin-left: calc(4px / 2); margin-right: calc(4px / 2); } }`,`.framer-6k7wJ.framer-v-cdtxhu.framer-1nwweau { cursor: unset; }`,`.framer-6k7wJ.framer-v-cdtxhu .framer-zehnh0-container { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 16px); width: 16px; }`,`.framer-6k7wJ.framer-v-cdtxhu .framer-1u13y3 { height: 14px; width: 14px; }`],`framer-6k7wJ`),$.displayName=`Tagline`,$.defaultProps={height:24,width:276.5},C($,{variant:{options:[`h6UC2DCvG`,`QInmHk4Xp`],optionTitles:[`Variant 1`,`Mobile`],title:`Variant`,type:x.Enum}}),v($,[{explicitInter:!0,fonts:[{family:`Geist Mono`,source:`google`,style:`normal`,url:`https://fonts.gstatic.

1com/s/geistmono/v1/or3yQ6H-1_WfwkMZI_qYPLs1a-t7PU0AbeEPKJ5W7ihaO_CS.woff2`,weight:`500`}]},...H],{supportsExplicitInterCodegen:!0})}));export{ne as n,$ as t};
2//# sourceMappingURL=q4QTd3TKH.BQMWl78v.mjs.map