https://appmaker.xyz/assets/Frames-_IGjVcJl.js

1import{r as j,j as i}from"./chunk-PVWAREVJ-CqvGYwNx.js";import{G as A}from"./iconBase-CyrGZpny.js";import{F as Q}from"./index-CYP5GghM.js";import{c as tt}from"./utils-D-KgF5mV.js";import{u as w}from"./use-motion-value-ByuX9Oy-.js";import{e as et,f as V,g as L,J as nt,d as st,j as rt,k as S,u as ot,M as at,m as N}from"./proxy-DMwDdoCg.js";function it(...t){const e=!Array.isArray(t[0]),r=e?0:-1,s=t[0+r],n=t[1+r],l=t[2+r],c=t[3+r],h=et(n,l,c);return e?h(s):h}function ct(t,e,r){const s=t.get();let n=null,l=s,c;const h=typeof s=="string"?s.replace(/[\d.-]/g,""):void 0,f=()=>{n&&(n.stop(),n=null)},g=()=>{f(),n=new nt({keyframes:[k(t.get()),k(l)],velocity:t.getVelocity(),type:"spring",restDelta:.001,restSpeed:.01,...r,onUpdate:c})};if(t.attach((m,x)=>(l=m,c=y=>x(M(y,h)),V.postRender(g),t.get()),f),L(e)){const m=e.on("change",y=>t.set(M(y,h))),x=t.on("destroy",m);return()=>{m(),x()}}return f}function M(t,e){return e?t+e:t}function k(t){return typeof t=="number"?t:parseFloat(t)}function Y(t,e){const r=w(e()),s=()=>r.set(e());return s(),st(()=>{const n=()=>V.preRender(s,!1,!0),l=t.map(c=>c.on("change",n));return()=>{l.forEach(c=>c()),rt(s)}}),r}function lt(t){S.current=[],t();const e=Y(S.current,t);return S.current=void 0,e}function u(t,e,r,s){if(typeof t=="function")return lt(t);const n=typeof e=="function"?e:it(e,r,s);return Array.isArray(t)?C(t,n):C([t],([l])=>n(l))}function C(t,e){const r=ot(()=>[]);return Y(t,()=>{r.length=0;const s=t.length;for(let n=0;n<s;n++)r[n]=t[n].get();return e(r)})}function p(t,e={}){const{isStatic:r}=j.useContext(at),s=()=>L(t)?t.get():t;if(r)return u(s);const n=w(s());return j.useInsertionEffect(()=>ct(n,t,e),[n,JSON.stringify(e)]),n}function dt(t){return A({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0V0zm0 0h24v24H0V0z"},child:[]},{tag:"path",attr:{d:"m1 9 2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8 3 3 3-3a4.237 4.237 0 0 0-6 0zm-4-4 2 2a7.074 7.074 0 0 1 10 0l2-2C15.14 9.14 8.87 9.14 5 13z"},child:[]}]})(t)}function ut(t){return A({attr:{viewBox:"0 0 512 512"},child:[{tag:"rect",attr:{width:"400",height:"224",x:"32",y:"144",fill:"none",strokeLinecap:"square",strokeMiterlimit:"10",strokeWidth:"32",rx:"45.7",ry:"45.7"},child:[]},{tag:"rect",attr:{width:"154.31",height:"114.13",x:"85.69",y:"198.93",strokeLinecap:"square",strokeMiterlimit:"10",strokeWidth:"32",rx:"4",ry:"4"},child:[]},{tag:"path",attr:{fill:"none",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"32",d:"M480 218.67v74.66"},child:[]}]})(t)}const B=248,o=t=>`calc(var(--phone-w) * ${(t/B).toFixed(6)})`,E=t=>`calc(var(--phone-w) * ${t.toFixed(6)})`,ft=o(518),b="calc(var(--phone-w) * 0.18)",ht=o(42),gt=o(6),mt=o(1e3),pt=18,R=pt/B,$=20,I=[55,65,81],xt=[107,114,128];function yt(t){const e=1-.6*t,r=s=>`rgb(${s.map(n=>Math.round(n*e)).join(", ")})`;return`linear-gradient(to bottom, ${r(I)}, ${r(xt)} 45%, ${r(I)})`}function jt({children:t,hideTimeAndStatus:e=!1,hideNotch:r=!1,enableTilt:s=!1,tiltIntensity:n=15,spinY:l,width:c,className:h}){const f=w(0),g=w(0),m=u(g,[-.5,.5],[n,-n]),x=u(f,[-.5,.5],[-n,n]),y=p(m,{stiffness:300,damping:30}),_=p(x,{stiffness:300,damping:30}),D=w(0),F=u([_,l??D],([d,a])=>(s?d:0)+a),H=u(f,[-.5,.5],[20,-20]),X=u(g,[-.5,.5],[-20,20]),z=p(H,{stiffness:300,damping:30}),G=p(X,{stiffness:300,damping:30}),O=u(f,[-.5,.5],[100,0]),Z=u(g,[-.5,.5],[100,0]),W=p(O,{stiffness:300,damping:30}),U=p(Z,{stiffness:300,damping:30}),J=u([z,G],([d,a])=>`${d}px ${a}px 40px rgba(158, 173, 244, 0.3), 0px 10px 20px rgba(229, 83, 80, 0.2)`),K=u([W,U],([d,a])=>`radial-gradient(circle at ${d}% ${a}%, rgba(255,255,255,0.25) 0%, transparent 50%)`);function P(d){if(!s)return;const a=d.currentTarget.getBoundingClientRect(),v=a.left+a.width/2,T=a.top+a.height/2;f.set((d.clientX-v)/a.width),g.set((d.clientY-T)/a.height)}function q(){s&&(f.set(0),g.set(0))}return i.jsx("div",{className:tt("[--phone-w:248px]",h),style:{perspective:mt,...c?{"--phone-w":`${c}px`}:null},onMouseMove:P,onMouseLeave:q,children:i.jsxs(N.div,{style:{width:"var(--phone-w)",height:ft,borderRadius:b,padding:o(2),rotateX:s?y:0,rotateY:F,transformStyle:"preserve-3d",boxShadow:s?J:"0px 10px 30px rgba(0, 0, 0, 0.1)"},className:"relative bg-linear-to-b from-gray-700 via-gray-500 to-gray-700",children:[Array.from({length:$},(d,a)=>{const v=(a+1)/($+1);

1return i.jsx("div",{"aria-hidden":!0,className:"absolute inset-0",style:{borderRadius:b,transform:`translateZ(${E((.5-v)*R)})`,background:yt(v)}},a)}),i.jsx("div",{className:"absolute inset-0",style:{borderRadius:b,transform:`translateZ(${E(-R/2)})`,background:"linear-gradient(to bottom, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%)",boxShadow:"inset 0 0 20px rgba(0,0,0,0.5)"}}),i.jsxs("div",{className:"relative h-full w-full bg-linear-to-b from-gray-700 via-gray-500 to-gray-700",style:{borderRadius:b,transform:`translateZ(${E(R/2)})`},children:[i.jsxs("div",{className:"absolute flex w-full items-center justify-center z-10",style:{top:o(12),gap:o(16),paddingInline:o(32)},children:[!e&&i.jsx("div",{className:"font-medium text-white",style:{fontSize:o(12)},children:"9:16"}),!r&&i.jsx("div",{className:"flex items-center justify-end rounded-full bg-black",style:{height:o(20),width:o(72)},children:i.jsx("div",{className:"rounded-full bg-linear-to-b from-gray-800 via-slate-600 to-gray-800",style:{height:o(12),width:o(12),marginRight:o(4)}})}),!e&&i.jsxs("div",{className:"flex items-center justify-center",style:{gap:o(2),fontSize:o(12)},children:[i.jsx(Q,{className:"text-white"}),i.jsx(dt,{className:"text-white"}),i.jsx(ut,{className:"text-white"})]})]}),i.jsx("div",{className:"h-full w-full border-black bg-white overflow-hidden",style:{borderRadius:ht,borderWidth:gt,transform:`translateZ(${o(2)})`},children:t}),s&&i.jsx(N.div,{className:"pointer-events-none absolute inset-0 overflow-hidden",style:{borderRadius:b,background:K,transform:`translateZ(${o(4)})`}})]})]})})}export{jt as I,u};