@vincentt-xr/sdk 2.0.0-alpha.8 → 2.0.0-alpha.9

package/dist/product.cjs

@@ -1 +1 @@
-"use strict";var ae=Object.create;var X=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var ue=Object.getPrototypeOf,le=Object.prototype.hasOwnProperty;var de=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of ce(r))!le.call(e,s)&&s!==t&&X(e,s,{get:()=>r[s],enumerable:!(a=ie(r,s))||a.enumerable});return e};var fe=(e,r,t)=>(t=e!=null?ae(ue(e)):{},de(r||!e||!e.__esModule?X(t,"default",{value:e,enumerable:!0}):t,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),o=require("react"),N=require("./index-CeVkgsag.cjs"),pe=require("./useXRCapabilities-B1R2ghy-.cjs");let j=null;const B=()=>typeof customElements<"u"&&customElements.get("model-viewer")!==void 0,U=()=>B()?Promise.resolve():(j||(j=import("@google/model-viewer").then(()=>{}).catch(e=>{throw j=null,new Error(`@google/model-viewer could not be loaded (install it as a dependency to use <ProductViewer>): ${e instanceof Error?e.message:String(e)}`)})),j),O=["webxr","scene-viewer","quick-look"],W=o.forwardRef(({src:e,iosSrc:r,alt:t="3D product",poster:a,arModes:s=O,ar:n=!0,placement:i="floor",scale:d="auto",cameraControls:f=!0,autoRotate:A=!1,loading:v="auto",environmentImage:x,shadowIntensity:l=1,exposure:c,attributes:p,className:m,style:y,children:h,onLoad:g,onError:P,onArStatus:F,onReady:M},u)=>{const E=o.useRef(null),[R,re]=o.useState(!1),L=o.useRef({onLoad:g,onError:P,onArStatus:F,onReady:M});L.current={onLoad:g,onError:P,onArStatus:F,onReady:M};const ne=o.useCallback(b=>{E.current=b,typeof u=="function"?u(b):u&&(u.current=b)},[u]);o.useEffect(()=>{let b=!0;return U().then(()=>{b&&re(!0)}).catch($=>{var D,z;b&&((z=(D=L.current).onError)==null||z.call(D,$))}),()=>{b=!1}},[]),o.useEffect(()=>{var q,I;const b=E.current;if(!R||!b)return;const $=()=>{var k,w;return(w=(k=L.current).onLoad)==null?void 0:w.call(k)},D=k=>{var V,T;const w=k.detail;(T=(V=L.current).onError)==null||T.call(V,(w==null?void 0:w.sourceError)??new Error(`model-viewer ${(w==null?void 0:w.type)??"error"} for ${e}`))},z=k=>{var w,V;return(V=(w=L.current).onArStatus)==null?void 0:V.call(w,k.detail.status)};return b.addEventListener("load",$),b.addEventListener("error",D),b.addEventListener("ar-status",z),(I=(q=L.current).onReady)==null||I.call(q,b),()=>{b.removeEventListener("load",$),b.removeEventListener("error",D),b.removeEventListener("ar-status",z)}},[R,e]);const oe={src:e,alt:t,...r?{"ios-src":r}:{},...a?{poster:a}:{},...n?{ar:"","ar-modes":s.join(" "),"ar-placement":i,"ar-scale":d}:{},...f?{"camera-controls":""}:{},...A?{"auto-rotate":""}:{},loading:v,...x?{"environment-image":x}:{},"shadow-intensity":String(l),...c!==void 0?{exposure:String(c)}:{},...p??{},class:m,style:y,ref:ne};return o.createElement("model-viewer",oe,h)});W.displayName="ProductViewer";const J=(e,r)=>{if(!e)return[];const t={webxr:e.webxr,"scene-viewer":e.sceneViewer,"quick-look":e.quickLook};return r.filter(a=>t[a])},G=async(e,r="webxr")=>{if(!e||r!=="webxr")return async()=>{};const t=e.store.getSnapshot(),a=t.lifecycle==="paused";if(t.lifecycle!=="running"&&!a)return async()=>{};if(t.source!==N.XRMediaSource.WEBCAM)return async()=>{};const s=t.cameraFacing??"user";return await e.stop(),async()=>{await e.switchCamera({facingMode:s}),a&&e.pause()}},me=(e={})=>{var M;const{handoffCamera:r=!0}=e,t=(e.modes??O).join(","),a=o.useMemo(()=>t.split(","),[t]),s=pe.useXRCapabilities({queryPermission:!1}),n=N.useOptionalXRContext(),[i,d]=o.useState(null),[f,A]=o.useState("not-presenting"),[v,x]=o.useState(!1),[l,c]=o.useState(null),p=o.useRef(null),m=o.useRef(e.onStatus);m.current=e.onStatus;const y=o.useMemo(()=>{var u;return J(((u=s.capabilities)==null?void 0:u.placement)??null,a)},[s.capabilities,a]),h=s.status==="ready"&&y.length===0?((M=s.capabilities)==null?void 0:M.placement.reason)??N.createFallbackReason("placement-unsupported"):null,g=o.useCallback(u=>{var E;if(A(u),(E=m.current)==null||E.call(m,u),u==="not-presenting"||u==="failed"){const R=p.current;p.current=null,R&&R().catch(()=>{})}},[]),P=o.useCallback(u=>{d(u)},[]);o.useEffect(()=>{if(!i)return;const u=R=>g(R.detail.status),E=()=>x(!!i.canActivateAR);return i.addEventListener("ar-status",u),i.addEventListener("load",E),x(!!i.canActivateAR),()=>{i.removeEventListener("ar-status",u),i.removeEventListener("load",E)}},[i,g]);const F=o.useCallback(async()=>{if(!i)throw new Error("useProductAr: bind the <ProductViewer> first");c(null);try{r&&(p.current=await G((n==null?void 0:n.session)??null,y[0]??null)),await i.activateAR()}catch(u){const E=u instanceof Error?u:new Error(String(u));throw c(E),g("failed"),E}},[i,r,n,g,y]);return o.useMemo(()=>({status:h?"unavailable":f,supportedModes:y,canActivate:v,reason:h,loading:s.status==="checking"||s.status==="idle",error:l,bind:P,activate:F,handleStatus:g}),[h,f,y,v,s.status,l,P,F,g])},H=(e,r=4)=>e.map(t=>Number(t.toFixed(r))).join(" "),K=e=>({slot:`hotspot-${e.id}`,"data-position":H(e.position),"data-normal":H(e.normal)}),be=/[^a-z0-9-]+/g,Q=(e,r)=>{let t=(r??"").toLowerCase().replace(be,"-").replace(/^-+|-+$/g,"")||"hotspot";t.startsWith("__")&&(t=t.replace(/^_+/,"")||"hotspot");const a=new Set(e.map(n=>n.id));if(!a.has(t))return t;let s=2;for(;a.has(`${t}-${s}`);)s+=1;return`${t}-${s}`},_=e=>{if(!Array.isArray(e))return[];const r=[],t=new Set;for(const a of e){if(!a||typeof a!="object")continue;const s=a,n=Array.isArray(s.position)?s.position:null,i=Array.isArray(s.normal)?s.normal:[0,0,1];typeof s.id!="string"||!s.id||t.has(s.id)||s.id.startsWith("__")||!n||n.length!==3||n.some(d=>typeof d!="number"||!Number.isFinite(d))||i.length!==3||i.some(d=>typeof d!="number"||!Number.isFinite(d))||(t.add(s.id),r.push({id:s.id,position:[n[0],n[1],n[2]],normal:[i[0],i[1],i[2]],...typeof s.label=="string"?{label:s.label}:{},...typeof s.description=="string"?{description:s.description}:{}}))}return r},Y=e=>JSON.stringify(_(e),null,2),Z=(e,r="metric")=>{if(!Number.isFinite(e))return"–";if(r==="imperial"){const t=e/.0254;return t>=12?`${(t/12).toFixed(2)} ft`:`${t.toFixed(1)} in`}return e>=1?`${e.toFixed(2)} m`:`${(e*100).toFixed(1)} cm`},ee=({size:e,center:r})=>{const[t,a,s]=e,[n,i,d]=r,f=n-t/2,A=n+t/2,v=i-a/2,x=i+a/2,l=d-s/2,c=d+s/2,p=(m,y,h,g)=>({axis:m,start:y,end:h,mid:[(y[0]+h[0])/2,(y[1]+h[1])/2,(y[2]+h[2])/2],length:g});return[p("x",[f,v,c],[A,v,c],t),p("y",[f,v,c],[f,x,c],a),p("z",[f,v,l],[f,v,c],s)]},C=e=>e,te=(e,r)=>(e.loaded&&r(),e.addEventListener("load",r),()=>e.removeEventListener("load",r)),ye=e=>{const[r,t]=o.useState([]),[a,s]=o.useState(null);o.useEffect(()=>{if(e)return te(e,()=>{t([...C(e).availableVariants??[]]),s(C(e).variantName??null)})},[e]);const n=o.useCallback(i=>{e&&(C(e).variantName=i,s(i))},[e]);return o.useMemo(()=>({variants:r,variant:a,setVariant:n}),[r,a,n])},ge=e=>{const[r,t]=o.useState(null);return o.useEffect(()=>{if(e)return te(e,()=>{var n,i,d,f;const a=(i=(n=C(e)).getDimensions)==null?void 0:i.call(n),s=(f=(d=C(e)).getBoundingBoxCenter)==null?void 0:f.call(d);!a||!s||t({size:[a.x,a.y,a.z],center:[s.x,s.y,s.z]})})},[e]),r},ve=(e,r={})=>{const[t,a]=o.useState(()=>_(r.initial??[])),s=o.useRef(r.initial);o.useEffect(()=>{r.initial!==s.current&&(s.current=r.initial,a(_(r.initial??[])))},[r.initial]);const n=o.useCallback(l=>{var c;a(l),(c=r.onChange)==null||c.call(r,l)},[r.onChange]),i=o.useCallback(l=>{const c={...l,id:l.id??Q(t,l.label)};return n([...t,c]),c},[t,n]),d=o.useCallback((l,c,p)=>{var g,P;const m=e?(P=(g=C(e)).positionAndNormalFromPoint)==null?void 0:P.call(g,l,c):null;if(!m)return null;const y=[m.position.x,m.position.y,m.position.z],h=[m.normal.x,m.normal.y,m.normal.z];return i({position:y,normal:h,...p?{label:p}:{}})},[e,i]),f=o.useCallback((l,c)=>n(t.map(p=>p.id===l?{...p,...c}:p)),[t,n]),A=o.useCallback(l=>n(t.filter(c=>c.id!==l)),[t,n]),v=o.useCallback(()=>n([]),[n]),x=o.useCallback(l=>{try{n(_(JSON.parse(l)))}catch{}},[n]);return o.useMemo(()=>({hotspots:t,placeFromPointer:d,add:i,update:f,remove:A,clear:v,json:Y(t),importJson:x}),[t,d,i,f,A,v,x])},se=e=>o.useMemo(()=>e?ee(e):[],[e]),he={display:"flex",alignItems:"center",gap:6,padding:"4px 8px",borderRadius:999,background:"rgba(8, 15, 28, 0.85)",color:"#f8fafc",border:"1px solid rgba(255,255,255,0.3)",fontSize:12,fontFamily:"system-ui, sans-serif",whiteSpace:"nowrap",cursor:"pointer"},we={display:"inline-flex",alignItems:"center",gap:6,transform:"translate(-50%, -50%)"},Ee={background:"none",border:0,padding:0,margin:0},xe=({hotspot:e,children:r,onClick:t,style:a,className:s})=>S.jsx("button",{type:"button",...K(e),className:s,style:Ee,onClick:n=>{n.stopPropagation(),t==null||t(e)},"aria-label":e.label??e.id,"data-visibility-attribute":"visible",children:S.jsx("span",{style:{...he,...we,...a},children:r??S.jsxs(S.Fragment,{children:[S.jsx("span",{style:{width:8,height:8,borderRadius:4,background:"#22d3ee"}}),e.label]})})}),Se={padding:"2px 6px",borderRadius:4,background:"rgba(8, 15, 28, 0.85)",color:"#f8fafc",border:"1px solid rgba(255,255,255,0.3)",fontSize:11,fontFamily:"ui-monospace, monospace",whiteSpace:"nowrap",transform:"translate(-50%, -50%)"},Ae="hotspot-__dim-",Pe={x:"W",y:"H",z:"D"},Re=({dimensions:e,unit:r="metric",axes:t=["x","y","z"],style:a})=>{const s=se(e);return S.jsx(S.Fragment,{children:s.filter(n=>t.includes(n.axis)).map(n=>S.jsx("div",{slot:`${Ae}${n.axis}`,"data-position":H(n.mid),"data-normal":n.axis==="y"?"-1 0 0":"0 0 1",children:S.jsxs("span",{style:{...Se,...a},children:[Pe[n.axis]," ",Z(n.length,r)]})},n.axis))})};exports.DEFAULT_PRODUCT_AR_MODES=O;exports.ProductDimensions=Re;exports.ProductHotspot=xe;exports.ProductViewer=W;exports.dimensionLines=ee;exports.formatLength=Z;exports.hotspotAttributes=K;exports.isModelViewerDefined=B;exports.loadModelViewer=U;exports.nextHotspotId=Q;exports.parseHotspots=_;exports.releaseSessionForAr=G;exports.serializeHotspots=Y;exports.supportedProductArModes=J;exports.useDimensionLines=se;exports.useProductAr=me;exports.useProductDimensions=ge;exports.useProductHotspots=ve;exports.useProductVariants=ye;
+"use strict";var ae=Object.create;var X=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var ue=Object.getPrototypeOf,le=Object.prototype.hasOwnProperty;var de=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of ce(r))!le.call(e,s)&&s!==t&&X(e,s,{get:()=>r[s],enumerable:!(a=ie(r,s))||a.enumerable});return e};var fe=(e,r,t)=>(t=e!=null?ae(ue(e)):{},de(r||!e||!e.__esModule?X(t,"default",{value:e,enumerable:!0}):t,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),o=require("react"),N=require("./index-CfSF8LXa.cjs"),pe=require("./useXRCapabilities-Cr3RzuAW.cjs");let j=null;const B=()=>typeof customElements<"u"&&customElements.get("model-viewer")!==void 0,U=()=>B()?Promise.resolve():(j||(j=import("@google/model-viewer").then(()=>{}).catch(e=>{throw j=null,new Error(`@google/model-viewer could not be loaded (install it as a dependency to use <ProductViewer>): ${e instanceof Error?e.message:String(e)}`)})),j),O=["webxr","scene-viewer","quick-look"],W=o.forwardRef(({src:e,iosSrc:r,alt:t="3D product",poster:a,arModes:s=O,ar:n=!0,placement:i="floor",scale:d="auto",cameraControls:f=!0,autoRotate:A=!1,loading:v="auto",environmentImage:x,shadowIntensity:l=1,exposure:c,attributes:p,className:m,style:y,children:h,onLoad:g,onError:P,onArStatus:F,onReady:M},u)=>{const E=o.useRef(null),[R,re]=o.useState(!1),L=o.useRef({onLoad:g,onError:P,onArStatus:F,onReady:M});L.current={onLoad:g,onError:P,onArStatus:F,onReady:M};const ne=o.useCallback(b=>{E.current=b,typeof u=="function"?u(b):u&&(u.current=b)},[u]);o.useEffect(()=>{let b=!0;return U().then(()=>{b&&re(!0)}).catch($=>{var D,z;b&&((z=(D=L.current).onError)==null||z.call(D,$))}),()=>{b=!1}},[]),o.useEffect(()=>{var q,I;const b=E.current;if(!R||!b)return;const $=()=>{var k,w;return(w=(k=L.current).onLoad)==null?void 0:w.call(k)},D=k=>{var V,T;const w=k.detail;(T=(V=L.current).onError)==null||T.call(V,(w==null?void 0:w.sourceError)??new Error(`model-viewer ${(w==null?void 0:w.type)??"error"} for ${e}`))},z=k=>{var w,V;return(V=(w=L.current).onArStatus)==null?void 0:V.call(w,k.detail.status)};return b.addEventListener("load",$),b.addEventListener("error",D),b.addEventListener("ar-status",z),(I=(q=L.current).onReady)==null||I.call(q,b),()=>{b.removeEventListener("load",$),b.removeEventListener("error",D),b.removeEventListener("ar-status",z)}},[R,e]);const oe={src:e,alt:t,...r?{"ios-src":r}:{},...a?{poster:a}:{},...n?{ar:"","ar-modes":s.join(" "),"ar-placement":i,"ar-scale":d}:{},...f?{"camera-controls":""}:{},...A?{"auto-rotate":""}:{},loading:v,...x?{"environment-image":x}:{},"shadow-intensity":String(l),...c!==void 0?{exposure:String(c)}:{},...p??{},class:m,style:y,ref:ne};return o.createElement("model-viewer",oe,h)});W.displayName="ProductViewer";const J=(e,r)=>{if(!e)return[];const t={webxr:e.webxr,"scene-viewer":e.sceneViewer,"quick-look":e.quickLook};return r.filter(a=>t[a])},G=async(e,r="webxr")=>{if(!e||r!=="webxr")return async()=>{};const t=e.store.getSnapshot(),a=t.lifecycle==="paused";if(t.lifecycle!=="running"&&!a)return async()=>{};if(t.source!==N.XRMediaSource.WEBCAM)return async()=>{};const s=t.cameraFacing??"user";return await e.stop(),async()=>{await e.switchCamera({facingMode:s}),a&&e.pause()}},me=(e={})=>{var M;const{handoffCamera:r=!0}=e,t=(e.modes??O).join(","),a=o.useMemo(()=>t.split(","),[t]),s=pe.useXRCapabilities({queryPermission:!1}),n=N.useOptionalXRContext(),[i,d]=o.useState(null),[f,A]=o.useState("not-presenting"),[v,x]=o.useState(!1),[l,c]=o.useState(null),p=o.useRef(null),m=o.useRef(e.onStatus);m.current=e.onStatus;const y=o.useMemo(()=>{var u;return J(((u=s.capabilities)==null?void 0:u.placement)??null,a)},[s.capabilities,a]),h=s.status==="ready"&&y.length===0?((M=s.capabilities)==null?void 0:M.placement.reason)??N.createFallbackReason("placement-unsupported"):null,g=o.useCallback(u=>{var E;if(A(u),(E=m.current)==null||E.call(m,u),u==="not-presenting"||u==="failed"){const R=p.current;p.current=null,R&&R().catch(()=>{})}},[]),P=o.useCallback(u=>{d(u)},[]);o.useEffect(()=>{if(!i)return;const u=R=>g(R.detail.status),E=()=>x(!!i.canActivateAR);return i.addEventListener("ar-status",u),i.addEventListener("load",E),x(!!i.canActivateAR),()=>{i.removeEventListener("ar-status",u),i.removeEventListener("load",E)}},[i,g]);const F=o.useCallback(async()=>{if(!i)throw new Error("useProductAr: bind the <ProductViewer> first");c(null);try{r&&(p.current=await G((n==null?void 0:n.session)??null,y[0]??null)),await i.activateAR()}catch(u){const E=u instanceof Error?u:new Error(String(u));throw c(E),g("failed"),E}},[i,r,n,g,y]);return o.useMemo(()=>({status:h?"unavailable":f,supportedModes:y,canActivate:v,reason:h,loading:s.status==="checking"||s.status==="idle",error:l,bind:P,activate:F,handleStatus:g}),[h,f,y,v,s.status,l,P,F,g])},H=(e,r=4)=>e.map(t=>Number(t.toFixed(r))).join(" "),K=e=>({slot:`hotspot-${e.id}`,"data-position":H(e.position),"data-normal":H(e.normal)}),be=/[^a-z0-9-]+/g,Q=(e,r)=>{let t=(r??"").toLowerCase().replace(be,"-").replace(/^-+|-+$/g,"")||"hotspot";t.startsWith("__")&&(t=t.replace(/^_+/,"")||"hotspot");const a=new Set(e.map(n=>n.id));if(!a.has(t))return t;let s=2;for(;a.has(`${t}-${s}`);)s+=1;return`${t}-${s}`},_=e=>{if(!Array.isArray(e))return[];const r=[],t=new Set;for(const a of e){if(!a||typeof a!="object")continue;const s=a,n=Array.isArray(s.position)?s.position:null,i=Array.isArray(s.normal)?s.normal:[0,0,1];typeof s.id!="string"||!s.id||t.has(s.id)||s.id.startsWith("__")||!n||n.length!==3||n.some(d=>typeof d!="number"||!Number.isFinite(d))||i.length!==3||i.some(d=>typeof d!="number"||!Number.isFinite(d))||(t.add(s.id),r.push({id:s.id,position:[n[0],n[1],n[2]],normal:[i[0],i[1],i[2]],...typeof s.label=="string"?{label:s.label}:{},...typeof s.description=="string"?{description:s.description}:{}}))}return r},Y=e=>JSON.stringify(_(e),null,2),Z=(e,r="metric")=>{if(!Number.isFinite(e))return"–";if(r==="imperial"){const t=e/.0254;return t>=12?`${(t/12).toFixed(2)} ft`:`${t.toFixed(1)} in`}return e>=1?`${e.toFixed(2)} m`:`${(e*100).toFixed(1)} cm`},ee=({size:e,center:r})=>{const[t,a,s]=e,[n,i,d]=r,f=n-t/2,A=n+t/2,v=i-a/2,x=i+a/2,l=d-s/2,c=d+s/2,p=(m,y,h,g)=>({axis:m,start:y,end:h,mid:[(y[0]+h[0])/2,(y[1]+h[1])/2,(y[2]+h[2])/2],length:g});return[p("x",[f,v,c],[A,v,c],t),p("y",[f,v,c],[f,x,c],a),p("z",[f,v,l],[f,v,c],s)]},C=e=>e,te=(e,r)=>(e.loaded&&r(),e.addEventListener("load",r),()=>e.removeEventListener("load",r)),ye=e=>{const[r,t]=o.useState([]),[a,s]=o.useState(null);o.useEffect(()=>{if(e)return te(e,()=>{t([...C(e).availableVariants??[]]),s(C(e).variantName??null)})},[e]);const n=o.useCallback(i=>{e&&(C(e).variantName=i,s(i))},[e]);return o.useMemo(()=>({variants:r,variant:a,setVariant:n}),[r,a,n])},ge=e=>{const[r,t]=o.useState(null);return o.useEffect(()=>{if(e)return te(e,()=>{var n,i,d,f;const a=(i=(n=C(e)).getDimensions)==null?void 0:i.call(n),s=(f=(d=C(e)).getBoundingBoxCenter)==null?void 0:f.call(d);!a||!s||t({size:[a.x,a.y,a.z],center:[s.x,s.y,s.z]})})},[e]),r},ve=(e,r={})=>{const[t,a]=o.useState(()=>_(r.initial??[])),s=o.useRef(r.initial);o.useEffect(()=>{r.initial!==s.current&&(s.current=r.initial,a(_(r.initial??[])))},[r.initial]);const n=o.useCallback(l=>{var c;a(l),(c=r.onChange)==null||c.call(r,l)},[r.onChange]),i=o.useCallback(l=>{const c={...l,id:l.id??Q(t,l.label)};return n([...t,c]),c},[t,n]),d=o.useCallback((l,c,p)=>{var g,P;const m=e?(P=(g=C(e)).positionAndNormalFromPoint)==null?void 0:P.call(g,l,c):null;if(!m)return null;const y=[m.position.x,m.position.y,m.position.z],h=[m.normal.x,m.normal.y,m.normal.z];return i({position:y,normal:h,...p?{label:p}:{}})},[e,i]),f=o.useCallback((l,c)=>n(t.map(p=>p.id===l?{...p,...c}:p)),[t,n]),A=o.useCallback(l=>n(t.filter(c=>c.id!==l)),[t,n]),v=o.useCallback(()=>n([]),[n]),x=o.useCallback(l=>{try{n(_(JSON.parse(l)))}catch{}},[n]);return o.useMemo(()=>({hotspots:t,placeFromPointer:d,add:i,update:f,remove:A,clear:v,json:Y(t),importJson:x}),[t,d,i,f,A,v,x])},se=e=>o.useMemo(()=>e?ee(e):[],[e]),he={display:"flex",alignItems:"center",gap:6,padding:"4px 8px",borderRadius:999,background:"rgba(8, 15, 28, 0.85)",color:"#f8fafc",border:"1px solid rgba(255,255,255,0.3)",fontSize:12,fontFamily:"system-ui, sans-serif",whiteSpace:"nowrap",cursor:"pointer"},we={display:"inline-flex",alignItems:"center",gap:6,transform:"translate(-50%, -50%)"},Ee={background:"none",border:0,padding:0,margin:0},xe=({hotspot:e,children:r,onClick:t,style:a,className:s})=>S.jsx("button",{type:"button",...K(e),className:s,style:Ee,onClick:n=>{n.stopPropagation(),t==null||t(e)},"aria-label":e.label??e.id,"data-visibility-attribute":"visible",children:S.jsx("span",{style:{...he,...we,...a},children:r??S.jsxs(S.Fragment,{children:[S.jsx("span",{style:{width:8,height:8,borderRadius:4,background:"#22d3ee"}}),e.label]})})}),Se={padding:"2px 6px",borderRadius:4,background:"rgba(8, 15, 28, 0.85)",color:"#f8fafc",border:"1px solid rgba(255,255,255,0.3)",fontSize:11,fontFamily:"ui-monospace, monospace",whiteSpace:"nowrap",transform:"translate(-50%, -50%)"},Ae="hotspot-__dim-",Pe={x:"W",y:"H",z:"D"},Re=({dimensions:e,unit:r="metric",axes:t=["x","y","z"],style:a})=>{const s=se(e);return S.jsx(S.Fragment,{children:s.filter(n=>t.includes(n.axis)).map(n=>S.jsx("div",{slot:`${Ae}${n.axis}`,"data-position":H(n.mid),"data-normal":n.axis==="y"?"-1 0 0":"0 0 1",children:S.jsxs("span",{style:{...Se,...a},children:[Pe[n.axis]," ",Z(n.length,r)]})},n.axis))})};exports.DEFAULT_PRODUCT_AR_MODES=O;exports.ProductDimensions=Re;exports.ProductHotspot=xe;exports.ProductViewer=W;exports.dimensionLines=ee;exports.formatLength=Z;exports.hotspotAttributes=K;exports.isModelViewerDefined=B;exports.loadModelViewer=U;exports.nextHotspotId=Q;exports.parseHotspots=_;exports.releaseSessionForAr=G;exports.serializeHotspots=Y;exports.supportedProductArModes=J;exports.useDimensionLines=se;exports.useProductAr=me;exports.useProductDimensions=ge;exports.useProductHotspots=ve;exports.useProductVariants=ye;

package/dist/product.js

@@ -1,7 +1,7 @@
 import { jsx as C, jsxs as J, Fragment as T } from "react/jsx-runtime";
-import { forwardRef as Z, useRef as j, useState as S, useCallback as w, useEffect as N, createElement as tt, useMemo as z } from "react";
-import { g as et, h as rt, j as nt } from "./index-CnGox6Xr.js";
-import { u as ot } from "./useXRCapabilities-C68v__wB.js";
+import { forwardRef as Z, useRef as j, useState as S, useCallback as w, useEffect as N, createElement as tt, useMemo as F } from "react";
+import { z as et, A as rt, B as nt } from "./index-CIe7eCMH.js";
+import { u as ot } from "./useXRCapabilities-Cxmlmpbd.js";
 let O = null;
 const st = () => typeof customElements < "u" && customElements.get("model-viewer") !== void 0, it = () => st() ? Promise.resolve() : (O || (O = import("@google/model-viewer").then(() => {
 }).catch((t) => {
@@ -60,20 +60,20 @@ const st = () => typeof customElements < "u" && customElements.get("model-viewer
       const m = E.current;
       if (!P || !m) return;
       const H = () => {
-        var F, h;
-        return (h = (F = R.current).onLoad) == null ? void 0 : h.call(F);
-      }, k = (F) => {
+        var z, h;
+        return (h = (z = R.current).onLoad) == null ? void 0 : h.call(z);
+      }, k = (z) => {
         var M, W;
-        const h = F.detail;
+        const h = z.detail;
         (W = (M = R.current).onError) == null || W.call(
           M,
           (h == null ? void 0 : h.sourceError) ?? new Error(`model-viewer ${(h == null ? void 0 : h.type) ?? "error"} for ${t}`)
         );
-      }, D = (F) => {
+      }, D = (z) => {
         var h, M;
         return (M = (h = R.current).onArStatus) == null ? void 0 : M.call(
           h,
-          F.detail.status
+          z.detail.status
         );
       };
       return m.addEventListener("load", H), m.addEventListener("error", k), m.addEventListener("ar-status", D), (q = (X = R.current).onReady) == null || q.call(X, m), () => {
@@ -123,9 +123,9 @@ const ct = (t, o) => {
   };
 }, Rt = (t = {}) => {
   var _;
-  const { handoffCamera: o = !0 } = t, e = (t.modes ?? U).join(","), s = z(() => e.split(","), [e]), r = ot({ queryPermission: !1 }), n = rt(), [i, l] = S(null), [d, A] = S("not-presenting"), [g, x] = S(!1), [u, a] = S(null), f = j(null), p = j(t.onStatus);
+  const { handoffCamera: o = !0 } = t, e = (t.modes ?? U).join(","), s = F(() => e.split(","), [e]), r = ot({ queryPermission: !1 }), n = rt(), [i, l] = S(null), [d, A] = S("not-presenting"), [g, x] = S(!1), [u, a] = S(null), f = j(null), p = j(t.onStatus);
   p.current = t.onStatus;
-  const y = z(
+  const y = F(
     () => {
       var c;
       return ct(((c = r.capabilities) == null ? void 0 : c.placement) ?? null, s);
@@ -161,7 +161,7 @@ const ct = (t, o) => {
       throw a(E), b("failed"), E;
     }
   }, [i, o, n, b, y]);
-  return z(
+  return F(
     () => ({
       status: v ? "unavailable" : d,
       supportedModes: y,
@@ -185,10 +185,10 @@ const ct = (t, o) => {
       b
     ]
   );
-}, B = (t, o = 4) => t.map((e) => Number(e.toFixed(o))).join(" "), lt = (t) => ({
+}, I = (t, o = 4) => t.map((e) => Number(e.toFixed(o))).join(" "), lt = (t) => ({
   slot: `hotspot-${t.id}`,
-  "data-position": B(t.position),
-  "data-normal": B(t.normal)
+  "data-position": I(t.position),
+  "data-normal": I(t.normal)
 }), dt = /[^a-z0-9-]+/g, ft = (t, o) => {
   let e = (o ?? "").toLowerCase().replace(dt, "-").replace(/^-+|-+$/g, "") || "hotspot";
   e.startsWith("__") && (e = e.replace(/^_+/, "") || "hotspot");
@@ -197,7 +197,7 @@ const ct = (t, o) => {
   let r = 2;
   for (; s.has(`${e}-${r}`); ) r += 1;
   return `${e}-${r}`;
-}, I = (t) => {
+}, B = (t) => {
   if (!Array.isArray(t)) return [];
   const o = [], e = /* @__PURE__ */ new Set();
   for (const s of t) {
@@ -212,7 +212,7 @@ const ct = (t, o) => {
     }));
   }
   return o;
-}, pt = (t) => JSON.stringify(I(t), null, 2), mt = (t, o = "metric") => {
+}, pt = (t) => JSON.stringify(B(t), null, 2), mt = (t, o = "metric") => {
   if (!Number.isFinite(t)) return "–";
   if (o === "imperial") {
     const e = t / 0.0254;
@@ -232,7 +232,7 @@ const ct = (t, o) => {
     f("y", [d, g, a], [d, x, a], s),
     f("z", [d, g, u], [d, g, a], r)
   ];
-}, $ = (t) => t, G = (t, o) => (t.loaded && o(), t.addEventListener("load", o), () => t.removeEventListener("load", o)), Ft = (t) => {
+}, $ = (t) => t, G = (t, o) => (t.loaded && o(), t.addEventListener("load", o), () => t.removeEventListener("load", o)), zt = (t) => {
   const [o, e] = S([]), [s, r] = S(null);
   N(() => {
     if (t)
@@ -246,8 +246,8 @@ const ct = (t, o) => {
     },
     [t]
   );
-  return z(() => ({ variants: o, variant: s, setVariant: n }), [o, s, n]);
-}, zt = (t) => {
+  return F(() => ({ variants: o, variant: s, setVariant: n }), [o, s, n]);
+}, Ft = (t) => {
   const [o, e] = S(null);
   return N(() => {
     if (t)
@@ -259,10 +259,10 @@ const ct = (t, o) => {
   }, [t]), o;
 }, $t = (t, o = {}) => {
   const [e, s] = S(
-    () => I(o.initial ?? [])
+    () => B(o.initial ?? [])
   ), r = j(o.initial);
   N(() => {
-    o.initial !== r.current && (r.current = o.initial, s(I(o.initial ?? [])));
+    o.initial !== r.current && (r.current = o.initial, s(B(o.initial ?? [])));
   }, [o.initial]);
   const n = w(
     (u) => {
@@ -299,13 +299,13 @@ const ct = (t, o) => {
   ), g = w(() => n([]), [n]), x = w(
     (u) => {
       try {
-        n(I(JSON.parse(u)));
+        n(B(JSON.parse(u)));
       } catch {
       }
     },
     [n]
   );
-  return z(
+  return F(
     () => ({
       hotspots: e,
       placeFromPointer: l,
@@ -318,7 +318,7 @@ const ct = (t, o) => {
     }),
     [e, l, i, d, A, g, x]
   );
-}, bt = (t) => z(() => t ? yt(t) : [], [t]), gt = {
+}, bt = (t) => F(() => t ? yt(t) : [], [t]), gt = {
   display: "flex",
   alignItems: "center",
   gap: 6,
@@ -380,7 +380,7 @@ const ct = (t, o) => {
     "div",
     {
       slot: `${Et}${n.axis}`,
-      "data-position": B(n.mid),
+      "data-position": I(n.mid),
       "data-normal": n.axis === "y" ? "-1 0 0" : "0 0 1",
       children: /* @__PURE__ */ J("span", { style: { ...wt, ...s }, children: [
         xt[n.axis],
@@ -402,13 +402,13 @@ export {
   st as isModelViewerDefined,
   it as loadModelViewer,
   ft as nextHotspotId,
-  I as parseHotspots,
+  B as parseHotspots,
   ut as releaseSessionForAr,
   pt as serializeHotspots,
   ct as supportedProductArModes,
   bt as useDimensionLines,
   Rt as useProductAr,
-  zt as useProductDimensions,
+  Ft as useProductDimensions,
   $t as useProductHotspots,
-  Ft as useProductVariants
+  zt as useProductVariants
 };

package/dist/{providers-C0Dlhh9Z.js → providers-C8rE26Uf.js}

@@ -1,14 +1,15 @@
 var W = Object.defineProperty;
 var Y = (e, r, t) => r in e ? W(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var y = (e, r, t) => Y(e, typeof r != "symbol" ? r + "" : r, t);
-import { n as B, a as V, b as N, f as H, X as x, e as b, S as X, F as K } from "./index-CnGox6Xr.js";
+var E = (e, r, t) => Y(e, typeof r != "symbol" ? r + "" : r, t);
+import { q as B, n as V, v as H, w as N, x as X, X as x, y as b, S as K, F as q } from "./index-CIe7eCMH.js";
 import { useMemo as g, useEffect as L, useState as j, useRef as T } from "react";
 import * as d from "three";
-import { p as q, S as J, a as Q, L as Z, R as $, b as ee, c as te, O as re, I as ae } from "./landmarkMask-CbTFzBYG.js";
+import { p as J, S as Q, F as Z, L as $, R as ee, a as te, b as re, O as se, I as ae } from "./landmarkMask-BFDyBnKM.js";
 import { useFrame as S } from "@react-three/fiber";
-import { a as w, u as se } from "./selectors-C5G1PMYL.js";
-import { u as U, s as z } from "./index-CsUdQ-pn.js";
-const ne = {
+import { b as w, c as ne } from "./selectors-DmNaKIwE.js";
+import { u as U } from "./landmarks-bftdwq6Z.js";
+import { s as z } from "./updateThrottle-BseecYag.js";
+const oe = {
   left: {
     /** Iris center. */
     center: 473,
@@ -27,7 +28,7 @@ const ne = {
     upperLid: 159,
     lowerLid: 145
   }
-}, oe = 478, ie = 0.2, p = () => ({ x: 0, y: 0, z: 0 }), A = (e) => ({
+}, ie = 478, ce = 0.2, p = () => ({ x: 0, y: 0, z: 0 }), A = (e) => ({
   side: e,
   detected: !1,
   center: p(),
@@ -39,7 +40,7 @@ const ne = {
   openness: 0,
   offset: { x: 0, y: 0 },
   confidence: 0
-}), Ne = (e = 0) => ({
+}), Ue = (e = 0) => ({
   version: 0,
   timestampMs: 0,
   faceIndex: e,
@@ -50,46 +51,46 @@ const ne = {
   right: A("right")
 }), C = (e, r) => {
   e.x = r.x, e.y = r.y, e.z = r.z;
-}, I = (e) => Math.max(-1, Math.min(1, e)), O = (e, r, t, s = 1, a = !1) => {
-  const n = ne[r];
-  if (!e || e.length < oe)
+}, I = (e) => Math.max(-1, Math.min(1, e)), O = (e, r, t, a = 1, s = !1) => {
+  const n = oe[B(r, s)];
+  if (!e || e.length < ie)
     return t.detected = !1, t.confidence = 0, !1;
   const o = e[n.center];
-  C(t.center, o), B(o, t.trackerCenter);
+  C(t.center, o), V(o, t.trackerCenter);
   for (let f = 0; f < 4; f += 1) C(t.ring[f], e[n.ring[f]]);
   t.radius = Math.abs(t.ring[0].x - t.ring[2].x) / 2;
   const c = e[n.innerCorner], i = e[n.outerCorner];
   t.eyeCenter.x = (c.x + i.x) / 2, t.eyeCenter.y = (c.y + i.y) / 2, t.eyeCenter.z = (c.z + i.z) / 2, t.eyeWidth = Math.hypot(c.x - i.x, c.y - i.y);
   const u = Math.abs(e[n.lowerLid].y - e[n.upperLid].y);
   t.openness = t.eyeWidth > 0 ? u / t.eyeWidth : 0;
-  const l = t.eyeWidth / 2, h = a ? -1 : 1;
-  return t.offset.x = l > 0 ? I(h * (o.x - t.eyeCenter.x) / l) : 0, t.offset.y = l > 0 ? I((t.eyeCenter.y - o.y) / l) : 0, t.detected = !0, t.confidence = Math.max(0, Math.min(1, t.openness / ie)) * s, !0;
-}, Le = (e, r, t, s = {}) => {
-  const a = s.held ?? !1, n = s.faceConfidence ?? (a ? 0 : 1), o = s.mirrored ?? !1;
-  e.faceIndex = s.faceIndex ?? e.faceIndex;
+  const l = t.eyeWidth / 2, h = s ? -1 : 1;
+  return t.offset.x = l > 0 ? I(h * (o.x - t.eyeCenter.x) / l) : 0, t.offset.y = l > 0 ? I((t.eyeCenter.y - o.y) / l) : 0, t.detected = !0, t.confidence = Math.max(0, Math.min(1, t.openness / ce)) * a, !0;
+}, ze = (e, r, t, a = {}) => {
+  const s = a.held ?? !1, n = a.faceConfidence ?? (s ? 0 : 1), o = a.mirrored ?? !1;
+  e.faceIndex = a.faceIndex ?? e.faceIndex;
   const c = O(r, "left", e.left, n, o), i = O(r, "right", e.right, n, o);
-  return e.detected = c && i, e.held = e.detected && a, e.confidence = e.detected ? n : 0, e.timestampMs = t, e.version += 1, e;
-}, ce = () => ({ x: 0, y: 0, z: 0, vx: 0, vy: 0, vz: 0, sampleMs: 0, seen: !1 });
-class Ue {
+  return e.detected = c && i, e.held = e.detected && s, e.confidence = e.detected ? n : 0, e.timestampMs = t, e.version += 1, e;
+}, le = () => ({ x: 0, y: 0, z: 0, vx: 0, vy: 0, vz: 0, sampleMs: 0, seen: !1 });
+class De {
   constructor(r = 250) {
-    y(this, "slots", {});
-    y(this, "maxGapMs");
+    E(this, "slots", {});
+    E(this, "maxGapMs");
     this.maxGapMs = r;
   }
   reset() {
     this.slots = {};
   }
   /** Record a fresh inference sample for `key` (e.g. "left"). */
-  observe(r, t, s) {
-    const a = this.slots[r] ?? (this.slots[r] = ce()), n = (s - a.sampleMs) / 1e3;
-    a.seen && n > 0 && n * 1e3 <= this.maxGapMs ? (a.vx = 0.5 * a.vx + 0.5 * ((t.x - a.x) / n), a.vy = 0.5 * a.vy + 0.5 * ((t.y - a.y) / n), a.vz = 0.5 * a.vz + 0.5 * ((t.z - a.z) / n)) : (a.vx = 0, a.vy = 0, a.vz = 0), a.x = t.x, a.y = t.y, a.z = t.z, a.sampleMs = s, a.seen = !0;
+  observe(r, t, a) {
+    const s = this.slots[r] ?? (this.slots[r] = le()), n = (a - s.sampleMs) / 1e3;
+    s.seen && n > 0 && n * 1e3 <= this.maxGapMs ? (s.vx = 0.5 * s.vx + 0.5 * ((t.x - s.x) / n), s.vy = 0.5 * s.vy + 0.5 * ((t.y - s.y) / n), s.vz = 0.5 * s.vz + 0.5 * ((t.z - s.z) / n)) : (s.vx = 0, s.vy = 0, s.vz = 0), s.x = t.x, s.y = t.y, s.z = t.z, s.sampleMs = a, s.seen = !0;
   }
   /** Write the extrapolated position of `key` into `out`; a no-op before the first sample. */
-  apply(r, t, s, a) {
+  apply(r, t, a, s) {
     const n = this.slots[r];
-    if (!n || !n.seen || s <= 0) return a;
-    const o = Math.max(0, Math.min(t - n.sampleMs, s)) / 1e3;
-    return a.x = n.x + n.vx * o, a.y = n.y + n.vy * o, a.z = n.z + n.vz * o, a;
+    if (!n || !n.seen || a <= 0) return s;
+    const o = Math.max(0, Math.min(t - n.sampleMs, a)) / 1e3;
+    return s.x = n.x + n.vx * o, s.y = n.y + n.vy * o, s.z = n.z + n.vz * o, s;
   }
 }
 const D = (e = 1, r = 1) => {
@@ -101,47 +102,47 @@ const D = (e = 1, r = 1) => {
     d.UnsignedByteType
   );
   return t.minFilter = d.NearestFilter, t.magFilter = d.NearestFilter, t.generateMipmaps = !1, t.flipY = !1, t.unpackAlignment = 1, t.needsUpdate = !0, t;
-}, le = (e, r) => {
+}, ue = (e, r) => {
   const t = e.image;
   if (t.width !== r.width || t.height !== r.height) {
     e.dispose();
-    const s = D(r.width, r.height);
-    return s.image.data.set(r.indices), s.needsUpdate = !0, s;
+    const a = D(r.width, r.height);
+    return a.image.data.set(r.indices), a.needsUpdate = !0, a;
   }
   return t.data.set(r.indices), e.needsUpdate = !0, e;
-}, ze = (e) => {
+}, Fe = (e) => {
   const r = g(
     () => ({ texture: D(), version: -1, mask: null }),
     []
   );
-  return L(() => () => r.texture.dispose(), [r]), { holder: r, sync: () => (e && (r.mask !== e || r.version !== e.version) && (r.texture = le(r.texture, e), r.mask = e, r.version = e.version), r.texture) };
-}, ue = ({
+  return L(() => () => r.texture.dispose(), [r]), { holder: r, sync: () => (e && (r.mask !== e || r.version !== e.version) && (r.texture = ue(r.texture, e), r.mask = e, r.version = e.version), r.texture) };
+}, de = ({
   space: e = "feed",
   mirrored: r = !1,
   maskWidth: t,
-  maskHeight: s,
-  feedWidth: a,
+  maskHeight: a,
+  feedWidth: s,
   feedHeight: n,
   zoom: o = 1
 }, c = new d.Matrix3()) => {
   let i = 1, u = 1;
   if (e === "source") {
-    const m = V(
-      { width: t, height: s },
-      { width: a, height: n },
+    const v = H(
+      { width: t, height: a },
+      { width: s, height: n },
       "cover",
       o
     );
-    m && (i = a / m.drawWidth, u = n / m.drawHeight);
+    v && (i = s / v.drawWidth, u = n / v.drawHeight);
   }
-  const l = r ? -i : i, h = 0.5 - 0.5 * l, f = -u, v = 0.5 + 0.5 * u;
-  return c.set(l, 0, h, 0, f, v, 0, 0, 1);
-}, de = 4, fe = `
+  const l = r ? -i : i, h = 0.5 - 0.5 * l, f = -u, m = 0.5 + 0.5 * u;
+  return c.set(l, 0, h, 0, f, m, 0, 0, 1);
+}, fe = 4, he = `
 varying vec2 vUv;
 void main() {
   vUv = uv;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-}`, he = `
+}`, me = `
 uniform sampler2D cameraTexture;
 uniform sampler2D maskTexture;
 uniform sampler2D designTexture;
@@ -217,30 +218,30 @@ const F = () => (M || (M = new d.DataTexture(new Uint8Array([255, 255, 255, 255]
   };
   return new d.ShaderMaterial({
     uniforms: e,
-    vertexShader: fe,
-    fragmentShader: he,
+    vertexShader: he,
+    fragmentShader: me,
     transparent: !0,
     depthTest: !1,
     depthWrite: !1,
     toneMapped: !1,
     side: d.DoubleSide
   });
-}, me = (e, r) => q(r).map((t) => e ? e.labels.indexOf(t) : -1).filter((t) => t >= 0).slice(0, de), pe = (e, r) => e && e.version > 0 ? me(e, r) : [], xe = (e, {
+}, pe = (e, r) => J(r).map((t) => e ? e.labels.indexOf(t) : -1).filter((t) => t >= 0).slice(0, fe), xe = (e, r) => e && e.version > 0 ? pe(e, r) : [], ge = (e, {
   cameraTexture: r,
   maskTexture: t,
-  mask: s,
-  settings: a,
+  mask: a,
+  settings: s,
   designTexture: n = null,
   feedWidth: o = 0,
   feedHeight: c = 0
 }) => {
-  const i = e.uniforms, u = pe(s, a.label);
-  i.cameraTexture.value = r, i.maskTexture.value = t, i.designTexture.value = n ?? F(), i.useDesign.value = n ? 1 : 0, i.labels.value.set(u[0] ?? -1, u[1] ?? -1, u[2] ?? -1, u[3] ?? -1), i.labelCount.value = u.length, i.invert.value = a.invert ? 1 : 0, i.tint.value.set(a.color), i.opacity.value = a.opacity, i.blendMode.value = J.indexOf(a.blendMode), i.feather.value = a.feather;
-  const l = (s == null ? void 0 : s.width) ?? 1, h = (s == null ? void 0 : s.height) ?? 1;
-  return i.maskTexel.value.set(1 / l, 1 / h), ue(
+  const i = e.uniforms, u = xe(a, s.label);
+  i.cameraTexture.value = r, i.maskTexture.value = t, i.designTexture.value = n ?? F(), i.useDesign.value = n ? 1 : 0, i.labels.value.set(u[0] ?? -1, u[1] ?? -1, u[2] ?? -1, u[3] ?? -1), i.labelCount.value = u.length, i.invert.value = s.invert ? 1 : 0, i.tint.value.set(s.color), i.opacity.value = s.opacity, i.blendMode.value = Q.indexOf(s.blendMode), i.feather.value = s.feather;
+  const l = (a == null ? void 0 : a.width) ?? 1, h = (a == null ? void 0 : a.height) ?? 1;
+  return i.maskTexel.value.set(1 / l, 1 / h), de(
     {
-      space: (s == null ? void 0 : s.space) ?? "feed",
-      mirrored: a.mirrored,
+      space: (a == null ? void 0 : a.space) ?? "feed",
+      mirrored: s.mirrored,
       maskWidth: l,
       maskHeight: h,
       feedWidth: o,
@@ -248,118 +249,118 @@ const F = () => (M || (M = new d.DataTexture(new Uint8Array([255, 255, 255, 255]
     },
     i.maskTransform.value
   ), e;
-}, De = (e) => {
+}, Ge = (e) => {
   const r = g(ve, []);
-  return L(() => () => r.dispose(), [r]), xe(r, e), r;
-}, ge = ["bg", "face_skin", "brows", "eyes", "lips", "mouth"], Me = [
-  { label: "face_skin", polygons: [Q] },
-  { label: "brows", polygons: [Z, $] },
-  { label: "eyes", polygons: [ee, te] },
-  { label: "lips", polygons: [re] },
+  return L(() => () => r.dispose(), [r]), ge(r, e), r;
+}, Me = ["bg", "face_skin", "brows", "eyes", "lips", "mouth"], Te = [
+  { label: "face_skin", polygons: [Z] },
+  { label: "brows", polygons: [$, ee] },
+  { label: "eyes", polygons: [te, re] },
+  { label: "lips", polygons: [se] },
   { label: "mouth", polygons: [ae] }
-], Te = (e, r, { regions: t, clear: s = !0 } = {}, a = []) => {
-  s && N(e), Me.forEach(({ label: n, polygons: o }) => {
+], ye = (e, r, { regions: t, clear: a = !0 } = {}, s = []) => {
+  a && N(e), Te.forEach(({ label: n, polygons: o }) => {
     if (t && !t.includes(n)) return;
     const c = e.labels.indexOf(n);
     c < 0 || o.forEach(
-      (i) => H(e, r, i, c, a)
+      (i) => X(e, r, i, c, s)
     );
   });
 }, Ee = (e) => {
-  const r = e == null ? void 0 : e.image, t = (r == null ? void 0 : r.width) ?? 0, s = (r == null ? void 0 : r.height) ?? 0;
-  return t > 0 && s > 0 ? { width: t, height: s } : { width: 1, height: 1 };
-}, ye = (e, r) => {
+  const r = e == null ? void 0 : e.image, t = (r == null ? void 0 : r.width) ?? 0, a = (r == null ? void 0 : r.height) ?? 0;
+  return t > 0 && a > 0 ? { width: t, height: a } : { width: 1, height: 1 };
+}, be = (e, r) => {
   const t = r / Math.max(e.width, e.height, 1);
   return {
     width: Math.max(1, Math.round(e.width * t)),
     height: Math.max(1, Math.round(e.height * t))
   };
-}, Fe = ({
+}, ke = ({
   faceIndex: e = "all",
   regions: r,
   resolution: t = 256,
-  maxUpdateFps: s,
-  holdMs: a = 250,
+  maxUpdateFps: a,
+  holdMs: s = 250,
   predictMs: n = 0
 } = {}) => {
-  const o = w(x.FACE_TRACKER), c = se(), i = Ee(c), u = ye(i, t), l = g(
-    () => b(u.width, u.height, ge),
+  const o = w(x.FACE_TRACKER), c = ne(), i = Ee(c), u = be(i, t), l = g(
+    () => b(u.width, u.height, Me),
     [u.width, u.height]
-  ), h = T([]), f = T(-1 / 0), v = T(null);
-  v.current || (v.current = new K({ holdMs: a, predictMs: n }));
-  const m = v.current;
-  return m.setOptions({ holdMs: a, predictMs: n }), S((E) => {
+  ), h = T([]), f = T(-1 / 0), m = T(null);
+  m.current || (m.current = new q({ holdMs: s, predictMs: n }));
+  const v = m.current;
+  return v.setOptions({ holdMs: s, predictMs: n }), S((y) => {
     var _;
-    if (z(E.clock.elapsedTime, f.current, s)) return;
-    f.current = E.clock.elapsedTime;
-    const R = ((_ = o == null ? void 0 : o.detectionResults) == null ? void 0 : _.faceLandmarks) ?? [], G = e === "all" ? R : [R[e] ?? []], k = m.update(G, E.clock.elapsedTime * 1e3);
+    if (z(y.clock.elapsedTime, f.current, a)) return;
+    f.current = y.clock.elapsedTime;
+    const R = ((_ = o == null ? void 0 : o.detectionResults) == null ? void 0 : _.faceLandmarks) ?? [], G = e === "all" ? R : [R[e] ?? []], k = v.update(G, y.clock.elapsedTime * 1e3);
     N(l), k.forEach(
-      (P) => Te(l, P, { regions: r, clear: !1 }, h.current)
+      (P) => ye(l, P, { regions: r, clear: !1 }, h.current)
     ), l.version += 1;
   }), l;
-}, be = ["bg", "person"], Ge = ({
+}, Se = ["bg", "person"], Pe = ({
   maxUpdateFps: e = 15,
   active: r = !0
 } = {}) => {
   U(x.BACKGROUND_SEGMENTATION, { type: "portrait" }, r);
-  const t = w(x.BACKGROUND_SEGMENTATION), s = g(() => b(1, 1, be), []), a = T(-1 / 0);
+  const t = w(x.BACKGROUND_SEGMENTATION), a = g(() => b(1, 1, Se), []), s = T(-1 / 0);
   return S((n) => {
     var u;
-    if (z(n.clock.elapsedTime, a.current, e)) return;
+    if (z(n.clock.elapsedTime, s.current, e)) return;
     const o = (u = t == null ? void 0 : t.getRawSegmentationData) == null ? void 0 : u.call(t);
     if (!(o != null && o.maskData) || o.width <= 0 || o.height <= 0) return;
-    a.current = n.clock.elapsedTime, (s.width !== o.width || s.height !== o.height) && (s.width = o.width, s.height = o.height, s.indices = new Uint8Array(o.width * o.height));
-    const c = o.maskData, i = s.indices;
+    s.current = n.clock.elapsedTime, (a.width !== o.width || a.height !== o.height) && (a.width = o.width, a.height = o.height, a.indices = new Uint8Array(o.width * o.height));
+    const c = o.maskData, i = a.indices;
     for (let l = 0; l < i.length; l += 1) i[l] = c[l] > 127 ? 0 : 1;
-    s.version += 1;
-  }), s;
-}, Se = ({
+    a.version += 1, a.timestampMs = o.timestampMs;
+  }), a;
+}, we = ({
   active: e = !0,
   ...r
 } = {}) => {
-  const { ready: t, error: s } = U(
+  const { ready: t, error: a } = U(
     x.SEMANTIC_SEGMENTATION,
     r,
     e
-  ), a = w(x.SEMANTIC_SEGMENTATION), n = r.preset ?? "hair", o = g(
-    () => b(1, 1, X[n].labels),
+  ), s = w(x.SEMANTIC_SEGMENTATION), n = r.preset ?? "hair", o = g(
+    () => b(1, 1, K[n].labels),
     [n]
   ), [c, i] = j({ status: "loading", error: null });
   S(() => {
-    const f = (a == null ? void 0 : a.getStatus()) ?? "loading", v = (a == null ? void 0 : a.getError()) ?? null;
-    (f !== c.status || v !== c.error) && i({ status: f, error: v });
+    const f = (s == null ? void 0 : s.getStatus()) ?? "loading", m = (s == null ? void 0 : s.getError()) ?? null;
+    (f !== c.status || m !== c.error) && i({ status: f, error: m });
   });
-  const u = (a == null ? void 0 : a.getMask()) ?? o, l = s ?? c.error, h = l ? "error" : t ? c.status : "loading";
+  const u = (s == null ? void 0 : s.getMask()) ?? o, l = a ?? c.error, h = l ? "error" : t ? c.status : "loading";
   return { mask: u, status: h, error: l, labels: u.labels };
-}, ke = (e = {}) => Se({ ...e, preset: "hair" });
+}, We = (e = {}) => we({ ...e, preset: "hair" });
 export {
-  ge as F,
-  Ue as I,
-  de as M,
-  be as P,
-  he as S,
-  ze as a,
-  De as b,
-  Ne as c,
-  Fe as d,
-  ke as e,
-  Ge as f,
-  Se as g,
-  ne as h,
-  oe as i,
-  ie as j,
-  O as k,
-  A as l,
-  fe as m,
-  ve as n,
-  me as o,
-  xe as p,
-  D as q,
-  pe as r,
-  le as s,
-  ye as t,
-  Le as u,
-  Me as v,
-  ue as w,
-  Te as x
+  Te as F,
+  De as I,
+  fe as M,
+  Se as P,
+  me as S,
+  Fe as a,
+  Ge as b,
+  Ue as c,
+  oe as d,
+  ie as e,
+  We as f,
+  Pe as g,
+  we as h,
+  ce as i,
+  O as j,
+  A as k,
+  he as l,
+  ve as m,
+  pe as n,
+  ge as o,
+  D as p,
+  ue as q,
+  xe as r,
+  be as s,
+  de as t,
+  ze as u,
+  ye as v,
+  ke as w,
+  Me as x
 };