@vincentt-xr/sdk 2.0.0-alpha.0 → 2.0.0-alpha.1

package/dist/models/Hand/HandTracking.d.ts

@@ -5,8 +5,10 @@ import { BaseXRModel } from '../Base';
 export declare class HandTrackingModel extends BaseXRModel {
     private landmarker;
     private processingTime;
+    private hands;
     private coordinates;
     private gesture;
+    private handedness;
     private sourceCanvas;
     private readonly downscaler;
     constructor();

package/dist/screen2d/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './material-runtime';
+export * from './texture';
+export * from './transform';

package/dist/screen2d/material-runtime.d.ts

@@ -0,0 +1,32 @@
+import { Material } from './types';
+export type MaterialDepthFunction = "never" | "always" | "less" | "lessEqual" | "equal" | "greaterEqual" | "greater" | "notEqual";
+export type MaterialCullMode = "none" | "front" | "back" | "double";
+export type MaterialColorMask = {
+    red: boolean;
+    green: boolean;
+    blue: boolean;
+    alpha: boolean;
+};
+export type MaterialStencilState = {
+    enabled: boolean;
+    reference?: number;
+    mask?: number;
+    writeMask?: number;
+};
+export type MaterialPass = {
+    name?: string;
+    depthTest: boolean;
+    depthWrite: boolean;
+    depthFunction: MaterialDepthFunction;
+    cullMode: MaterialCullMode;
+    colorMask: MaterialColorMask;
+    stencil: MaterialStencilState;
+    renderQueue: number;
+};
+export type MaterialRuntime = {
+    material: Material;
+    passes: MaterialPass[];
+};
+export declare const DEFAULT_MATERIAL_COLOR_MASK: MaterialColorMask;
+export declare const createDefaultMaterialPass: (material: Material, overrides?: Partial<MaterialPass>) => MaterialPass;
+export declare const createMaterialRuntime: (material: Material, passOverrides?: Partial<MaterialPass>) => MaterialRuntime;

package/dist/screen2d/texture.d.ts

@@ -0,0 +1,10 @@
+import { TextureSource } from './types';
+import type * as THREE from "three";
+export type TextureDimensions = {
+    width: number;
+    height: number;
+};
+export declare const getTextureDimensions: (texture: THREE.Texture | null | undefined) => TextureDimensions | null;
+export declare const getTextureAspect: (texture: THREE.Texture | null | undefined) => number;
+export declare const getTextureSourceDimensions: (source: TextureSource) => TextureDimensions | null;
+export declare const resolveTextureSource: (source: TextureSource | string | THREE.Texture | null | undefined) => TextureSource;

package/dist/screen2d/transform.d.ts

@@ -0,0 +1,25 @@
+import { ScreenAnchorEdges } from '../components/ScreenSpaceUI/ScreenTransform';
+import { ScreenCanvasSize, ScreenCoordinateSpace, ScreenTransform2D } from './types';
+export declare const DEFAULT_SCREEN_CANVAS_SIZE: ScreenCanvasSize;
+export type ResolveScreenRectInput = {
+    coordinateSpace?: ScreenCoordinateSpace;
+    canvasSize?: ScreenCanvasSize;
+    position?: [number, number];
+    size?: [number, number];
+    fallbackAnchors?: ScreenAnchorEdges;
+};
+export declare const pivot01ToSignedPivot: (pivot?: [number, number]) => [number, number];
+export declare const basicTransformToAnchoredRect: ({ position, size, }: Pick<ScreenTransform2D, "position" | "size">) => {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare const canvasTransformToAnchoredRect: ({ position, size, canvasSize, }: Pick<ScreenTransform2D, "position" | "size" | "canvasSize">) => {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare const resolveScreenRectAnchors: ({ coordinateSpace, canvasSize, position, size, fallbackAnchors, }: ResolveScreenRectInput) => ScreenAnchorEdges;
+export declare const screenTransform2DToAnchors: (transform: ScreenTransform2D) => ScreenAnchorEdges;

package/dist/screen2d/types.d.ts

@@ -0,0 +1,90 @@
+import type * as THREE from "three";
+export type ScreenTransformMode = "basic" | "advanced";
+export type ScreenCoordinateSpace = "normalized" | "canvas";
+export type ScreenCanvasSize = {
+    width: number;
+    height: number;
+};
+export type ScreenTransform2D = {
+    mode?: ScreenTransformMode;
+    coordinateSpace?: ScreenCoordinateSpace;
+    canvasSize?: ScreenCanvasSize;
+    position?: [number, number];
+    size?: [number, number];
+    rotation?: number;
+    pivot?: [number, number];
+    anchors?: {
+        left?: number;
+        right?: number;
+        top?: number;
+        bottom?: number;
+    };
+    offsets?: {
+        left?: number;
+        right?: number;
+        top?: number;
+        bottom?: number;
+    };
+};
+export type MaterialKind = "image" | "surface" | "text";
+export type MaterialType = "unlit" | "standardPBR" | "matcap";
+export type BlendMode = "normal" | "add" | "subtract" | "multiply" | "screen" | "lighten" | "darken";
+export type TextureSource = {
+    kind: "none";
+} | {
+    kind: "asset";
+    id: string;
+    url?: string;
+    width?: number;
+    height?: number;
+} | {
+    kind: "image";
+    src: string;
+    width?: number;
+    height?: number;
+} | {
+    kind: "texture";
+    texture: THREE.Texture;
+    width?: number;
+    height?: number;
+} | {
+    kind: "video";
+    src: string;
+    width?: number;
+    height?: number;
+} | {
+    kind: "camera";
+    width?: number;
+    height?: number;
+} | {
+    kind: "renderTexture";
+    id: string;
+    texture?: THREE.Texture;
+    width?: number;
+    height?: number;
+} | {
+    kind: "depthTexture";
+    id: string;
+    texture?: THREE.Texture;
+    width?: number;
+    height?: number;
+};
+export type Material = {
+    kind: MaterialKind;
+    type?: MaterialType;
+    texture?: TextureSource;
+    color?: THREE.ColorRepresentation;
+    opacity?: number;
+    blendMode?: BlendMode;
+    alphaTest?: number;
+    flipX?: boolean;
+    flipY?: boolean;
+};
+export type ImageStretchMode = "fit" | "fitWidth" | "fitHeight" | "stretch" | "fill" | "fillAndCut";
+export type RenderOutputKind = "mediaColor" | "sceneColor" | "finalColor" | "sceneDepth" | "estimatedDepth";
+export type RenderTextureSource = Extract<TextureSource, {
+    kind: "renderTexture";
+}>;
+export type DepthTextureSource = Extract<TextureSource, {
+    kind: "depthTexture";
+}>;

package/dist/screenImagePresets.d.ts

@@ -0,0 +1,13 @@
+import { ScreenImageSettings } from './screenImageSettings';
+export type ScreenImagePreset = "placeholder" | "hero-image" | "photo-frame";
+export type ScreenImagePresetPatch = Partial<Omit<ScreenImageSettings, "image" | "transformation">> & {
+    transformation?: Partial<ScreenImageSettings["transformation"]>;
+    image?: Partial<ScreenImageSettings["image"]>;
+};
+export declare const SCREEN_IMAGE_PRESET_LABELS: Record<ScreenImagePreset, string>;
+export declare const SCREEN_IMAGE_PRESET_OPTIONS: {
+    value: ScreenImagePreset;
+    label: string;
+}[];
+export declare const SCREEN_IMAGE_PRESETS: Record<ScreenImagePreset, ScreenImagePresetPatch>;
+export declare const applyScreenImagePreset: (settings: ScreenImageSettings, preset: ScreenImagePreset) => ScreenImageSettings;

package/dist/screenImageSettings-6NRg4cx9.js

@@ -0,0 +1,39 @@
+const e = {
+  enabled: !0,
+  preset: "placeholder",
+  transformation: {
+    enabled: !0,
+    showFitGuides: !1,
+    coordinateSpace: "normalized",
+    canvasSize: { width: 720, height: 1280 },
+    position: { x: 0, y: -0.15 },
+    size: { width: 0.7, height: 0.7 },
+    rotation: 0,
+    pivot: [0.5, 0.5],
+    renderOrder: 999,
+    overlay: !0,
+    visible: !0
+  },
+  image: {
+    sourceKind: "default",
+    src: "",
+    stretchMode: "fit",
+    materialType: "unlit",
+    blendMode: "normal",
+    opacity: 1,
+    color: "#ffffff",
+    flipX: !1,
+    flipY: !1,
+    transparent: !0,
+    alphaTest: 0
+  }
+}, t = {
+  screenImage: e,
+  screenSpaceUI: {
+    enabled: !0
+  }
+};
+export {
+  e as D,
+  t as a
+};

package/dist/screenImageSettings-y_B4_767.cjs

@@ -0,0 +1 @@
+"use strict";const e={enabled:!0,preset:"placeholder",transformation:{enabled:!0,showFitGuides:!1,coordinateSpace:"normalized",canvasSize:{width:720,height:1280},position:{x:0,y:-.15},size:{width:.7,height:.7},rotation:0,pivot:[.5,.5],renderOrder:999,overlay:!0,visible:!0},image:{sourceKind:"default",src:"",stretchMode:"fit",materialType:"unlit",blendMode:"normal",opacity:1,color:"#ffffff",flipX:!1,flipY:!1,transparent:!0,alphaTest:0}},t={screenImage:e,screenSpaceUI:{enabled:!0}};exports.DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS=t;exports.DEFAULT_SCREEN_IMAGE_SETTINGS=e;

package/dist/screenImageSettings.d.ts

@@ -0,0 +1,50 @@
+import { ScreenImageBlendMode, ScreenImageMaterialType, ScreenImageStretchMode } from './components/ScreenImage';
+import { ScreenCanvasSize, ScreenCoordinateSpace } from './screen2d';
+import { ScreenImagePreset } from './screenImagePresets';
+export type ScreenImageSourceKind = "default" | "image" | "texture" | "video" | "sequence" | "gif";
+export type ScreenImageTransformationSettings = {
+    enabled: boolean;
+    showFitGuides: boolean;
+    coordinateSpace?: ScreenCoordinateSpace;
+    canvasSize?: ScreenCanvasSize;
+    position: {
+        x: number;
+        y: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+    rotation: number;
+    pivot: [number, number];
+    renderOrder: number;
+    overlay: boolean;
+    visible: boolean;
+};
+export type ScreenImageImageSettings = {
+    sourceKind: ScreenImageSourceKind;
+    src: string;
+    stretchMode: ScreenImageStretchMode;
+    materialType: ScreenImageMaterialType;
+    blendMode: ScreenImageBlendMode;
+    opacity: number;
+    color: string;
+    flipX: boolean;
+    flipY: boolean;
+    transparent: boolean;
+    alphaTest: number;
+};
+export type ScreenImageSettings = {
+    enabled: boolean;
+    preset: ScreenImagePreset;
+    transformation: ScreenImageTransformationSettings;
+    image: ScreenImageImageSettings;
+};
+export type ScreenImageSceneSettings = {
+    screenImage: ScreenImageSettings;
+    screenSpaceUI: {
+        enabled: boolean;
+    };
+};
+export declare const DEFAULT_SCREEN_IMAGE_SETTINGS: ScreenImageSettings;
+export declare const DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS: ScreenImageSceneSettings;

package/dist/screenTextPresets.d.ts

@@ -0,0 +1,6 @@
+import { ScreenTextArtPreset, ScreenTextStyle } from './screenTextSettings';
+export type ScreenTextStylePatch = Partial<Omit<ScreenTextStyle, "background">> & {
+    background?: Partial<ScreenTextStyle["background"]>;
+};
+export declare const SCREEN_TEXT_ART_PRESETS: Record<ScreenTextArtPreset, ScreenTextStylePatch>;
+export declare const applyScreenTextArtPreset: (style: ScreenTextStyle, textArtPreset: ScreenTextArtPreset) => ScreenTextStyle;

package/dist/screenTextSettings.d.ts

@@ -0,0 +1,131 @@
+import { ScreenImageSettings } from './screenImageSettings';
+import { ScreenCanvasSize, ScreenCoordinateSpace } from './screen2d';
+export type ScreenTextArtPreset = "clean" | "sticker" | "shadow-pop" | "neon" | "editorial" | "comic-burst" | "ice-outline" | "sunset-glow" | "cutout" | "badge-arc" | "chrome-bulge" | "retro-wave" | "flag-pop" | "fisheye-poster";
+export type ScreenTextContent = {
+    text: string;
+};
+export type ScreenTextLayout = {
+    textAlign?: "left" | "center" | "right";
+    verticalAlign?: "top" | "center" | "bottom";
+    overflow?: "clip" | "ellipsis" | "clamp" | "shrink";
+    resizeToFit?: boolean;
+    minFontSize?: number;
+};
+export type ScreenTextBackground = {
+    enabled: boolean;
+    autoSize: boolean;
+    fit: "full" | "text";
+    fillMode: "solid" | "gradient";
+    color: string;
+    opacity: number;
+    borderRadius: number;
+    padding: number;
+    width: number;
+    height: number;
+    borderEnabled: boolean;
+    borderWidth: number;
+    borderColor: string;
+    gradientStops: Array<{
+        color: string;
+        position: number;
+    }>;
+    textureUrl?: string;
+    textureFit: "cover" | "contain" | "stretch";
+    textureFlipX: boolean;
+    textureFlipY: boolean;
+};
+export type ScreenTextStrokeLayer = {
+    color: string;
+    width: number;
+    opacity?: number;
+};
+export type ScreenTextShadowLayer = {
+    color: string;
+    blur: number;
+    offsetX?: number;
+    offsetY?: number;
+    opacity?: number;
+    offset?: number;
+    angle?: number;
+    feather?: number;
+};
+export type ScreenTextInnerShadow = {
+    color: string;
+    opacity?: number;
+    offset?: number;
+    angle?: number;
+    feather?: number;
+};
+export type ScreenTextGlow = {
+    color: string;
+    style: "outward" | "contoured";
+    intensity?: number;
+    range?: number;
+    horizontalAngle?: number;
+    verticalAngle?: number;
+};
+export type ScreenTextBendPreset = "arc" | "arc-lower" | "arc-upper" | "arch" | "bulge" | "shell-lower" | "shell-upper" | "flag" | "wave" | "fish" | "rise" | "fisheye" | "inflate" | "squeeze" | "twist";
+export type ScreenTextBend = {
+    preset: ScreenTextBendPreset;
+    strength: number;
+};
+export type ScreenTextStyle = {
+    fontSize: number;
+    fontFamily?: string;
+    fontWeight?: number | "normal" | "bold";
+    bold?: boolean;
+    fontStyle?: "normal" | "italic";
+    underline?: boolean;
+    letterSpacing: number;
+    lineSpacing: number;
+    color: string;
+    opacity: number;
+    aspect: number;
+    outlineEnabled?: boolean;
+    shadowEnabled?: boolean;
+    innerShadowEnabled?: boolean;
+    innerShadow?: ScreenTextInnerShadow;
+    glowEnabled?: boolean;
+    glow?: ScreenTextGlow;
+    bendEnabled?: boolean;
+    bend?: ScreenTextBend;
+    background: ScreenTextBackground;
+    strokeLayers?: ScreenTextStrokeLayer[];
+    shadowLayers?: ScreenTextShadowLayer[];
+};
+export type ScreenTextSettings = {
+    enabled: boolean;
+    content: ScreenTextContent;
+    layout: ScreenTextLayout;
+    style: ScreenTextStyle;
+    transformation: ScreenTextTransformationSettings;
+    textArtPreset: ScreenTextArtPreset;
+};
+export type ScreenTextTransformationSettings = {
+    enabled: boolean;
+    showTransformGuides: boolean;
+    coordinateSpace?: ScreenCoordinateSpace;
+    canvasSize?: ScreenCanvasSize;
+    position: {
+        x: number;
+        y: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+    rotation: number;
+    pivot: [number, number];
+    renderOrder: number;
+    overlay: boolean;
+    visible: boolean;
+};
+export type ScreenTextSceneSettings = {
+    screenText: ScreenTextSettings;
+    screenImage: ScreenImageSettings;
+    screenSpaceUI: {
+        enabled: boolean;
+    };
+};
+export declare const DEFAULT_SCREEN_TEXT_SHADOW_LAYER: ScreenTextShadowLayer;
+export declare const DEFAULT_SCREEN_TEXT_SCENE_SETTINGS: ScreenTextSceneSettings;

package/dist/{selectors-Bub0o3qy.cjs → selectors-BLl2JUWW.cjs}

@@ -1 +1 @@
-"use strict";const s=require("react"),u=require("./index-PtFmD6B8.cjs"),o=()=>u.useXRContext().session.store,n=e=>t=>e.subscribe(t),c=()=>{const e=o();return s.useSyncExternalStore(n(e),()=>e.getSnapshot().ready,()=>!1)},a=()=>{const e=o();return s.useSyncExternalStore(n(e),()=>e.getSnapshot().error,()=>{})},i=()=>{const e=o();return s.useSyncExternalStore(n(e),()=>e.getSnapshot().cameraTexture,()=>{})},S=()=>{const e=o(),t=s.useSyncExternalStore(n(e),()=>e.getSnapshot().renderWidth,()=>0),r=s.useSyncExternalStore(n(e),()=>e.getSnapshot().renderHeight,()=>0);return s.useMemo(()=>({width:t,height:r}),[t,r])},l=e=>{const t=o(),r=s.useSyncExternalStore(n(t),()=>t.getSnapshot().pipeline.get(e)??null,()=>null);return s.useMemo(()=>r?r.getModelNode():null,[r])},p=()=>{const e=o(),t=s.useSyncExternalStore(n(e),()=>e.getSnapshot().pipeline,()=>e.getSnapshot().pipeline);return s.useMemo(()=>Array.from(t.keys()),[t])};exports.useXRCameraTexture=i;exports.useXRError=a;exports.useXRModelNode=l;exports.useXRPipelineSnapshot=p;exports.useXRReady=c;exports.useXRRenderSize=S;
+"use strict";const s=require("react"),u=require("./index-DxshgBu0.cjs"),o=()=>u.useXRContext().session.store,n=e=>t=>e.subscribe(t),c=()=>{const e=o();return s.useSyncExternalStore(n(e),()=>e.getSnapshot().ready,()=>!1)},a=()=>{const e=o();return s.useSyncExternalStore(n(e),()=>e.getSnapshot().error,()=>{})},i=()=>{const e=o();return s.useSyncExternalStore(n(e),()=>e.getSnapshot().cameraTexture,()=>{})},S=()=>{const e=o(),t=s.useSyncExternalStore(n(e),()=>e.getSnapshot().renderWidth,()=>0),r=s.useSyncExternalStore(n(e),()=>e.getSnapshot().renderHeight,()=>0);return s.useMemo(()=>({width:t,height:r}),[t,r])},l=e=>{const t=o(),r=s.useSyncExternalStore(n(t),()=>t.getSnapshot().pipeline.get(e)??null,()=>null);return s.useMemo(()=>r?r.getModelNode():null,[r])},p=()=>{const e=o(),t=s.useSyncExternalStore(n(e),()=>e.getSnapshot().pipeline,()=>e.getSnapshot().pipeline);return s.useMemo(()=>Array.from(t.keys()),[t])};exports.useXRCameraTexture=i;exports.useXRError=a;exports.useXRModelNode=l;exports.useXRPipelineSnapshot=p;exports.useXRReady=c;exports.useXRRenderSize=S;

package/dist/{selectors-BHO6TnoC.js → selectors-CXd_x-6t.js}

@@ -1,5 +1,5 @@
 import { useSyncExternalStore as s, useMemo as a } from "react";
-import { u } from "./index-CYMj26Ej.js";
+import { u } from "./index-safCs_af.js";
 const r = () => u().session.store, o = (e) => (t) => e.subscribe(t), p = () => {
   const e = r();
   return s(
@@ -50,10 +50,10 @@ const r = () => u().session.store, o = (e) => (t) => e.subscribe(t), p = () => {
   return a(() => Array.from(t.keys()), [t]);
 };
 export {
-  S as a,
-  p as b,
-  l as c,
-  h as d,
+  l as a,
+  d as b,
+  h as c,
+  S as d,
   g as e,
-  d as u
+  p as u
 };

package/dist/tracking.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./useFaceResults-hVUJYSEY.cjs"),b=require("./index-B5J4gzn2.cjs"),E=require("react/jsx-runtime"),S=require("@react-three/fiber"),i=require("react"),z=require("three"),m=require("./index-PtFmD6B8.cjs");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const g=O(z),j={"body.head":0,"body.leftShoulder":11,"body.rightShoulder":12,"body.leftElbow":13,"body.rightElbow":14,"body.leftWrist":15,"body.rightWrist":16,"body.leftHip":23,"body.rightHip":24,"body.leftKnee":25,"body.rightKnee":26,"body.leftAnkle":27,"body.rightAnkle":28},B=({bodyIndex:e=0,active:r=!0,children:t})=>{const n=i.useRef(null),{ready:o,node:d}=b.useXRModel(m.XRModel.BODY_TRACKER,void 0,r),{camera:u}=S.useThree(),l=i.useRef(u);l.current!==u&&(l.current=u);const c=i.useRef(null);S.useFrame(()=>{if(!o||!d||!n.current)return;const p=d;c.current=p;const s=p.getLandmarks2D(e),a=s==null?void 0:s[0];if(!a){n.current.visible=!1;return}const h=x(a,l.current);n.current.visible=!0,n.current.position.copy(h)});const f=i.useCallback(p=>{const s=c.current;if(!s)return null;const a=s.getLandmarks2D(e);if(!a)return null;if(p==="body.neck"){const R=a[11],A=a[12];if(!R||!A)return null;const k={x:(R.x+A.x)/2,y:(R.y+A.y)/2,z:(R.z+A.z)/2};return{position:x(k,l.current)}}const h=j[p];if(h===void 0)return null;const T=a[h];return T?{position:x(T,l.current)}:null},[e]),y=i.useMemo(()=>({type:"body",resolveLandmark:f}),[f]);return E.jsx(b.TrackerContext.Provider,{value:y,children:E.jsx("group",{ref:n,renderOrder:m.RENDER_LAYERS.TRACKED,children:t})})},x=(e,r)=>{const t=new g.Vector3(e.x,e.y,e.z);t.unproject(r);const n=t.sub(r.position).normalize(),o=-r.position.z/n.z;return r.position.clone().add(n.multiplyScalar(o))},H={"hand.wrist":0,"hand.thumbTip":4,"hand.indexTip":8,"hand.middleTip":12,"hand.ringTip":16,"hand.pinkyTip":20,"hand.indexBase":5,"hand.middleBase":9,"hand.ringBase":13,"hand.pinkyBase":17},G=({children:e,targetFps:r,active:t=!0})=>{const n=i.useRef(null),o=i.useMemo(()=>r===void 0?void 0:{targetFps:r},[r]),{ready:d,node:u}=b.useXRModel(m.XRModel.GESTURE_TRACKER,o,t),{camera:l}=S.useThree(),c=i.useRef(l);c.current!==l&&(c.current=l);const f=i.useRef(null);S.useFrame(()=>{var h;if(!d||!u||!n.current)return;f.current=u;const s=(h=u==null?void 0:u.coordinates)==null?void 0:h[0];if(!s){n.current.visible=!1;return}const a=D(s,c.current);n.current.visible=!0,n.current.position.copy(a)});const y=i.useCallback(s=>{var T,R;const a=H[s];if(a===void 0)return null;const h=(R=(T=f.current)==null?void 0:T.coordinates)==null?void 0:R[a];return h?{position:D(h,c.current)}:null},[]),p=i.useMemo(()=>({type:"hand",resolveLandmark:y}),[y]);return E.jsx(b.TrackerContext.Provider,{value:p,children:E.jsx("group",{ref:n,renderOrder:m.RENDER_LAYERS.TRACKED,children:e})})},D=(e,r)=>{const t=new g.Vector3(e.x,e.y,e.z);t.unproject(r);const n=t.sub(r.position).normalize(),o=-r.position.z/n.z;return r.position.clone().add(n.multiplyScalar(o))},K=800,L=200,F=()=>({armed:!1,armStart:null,holdStart:null,fired:!1}),P=(e,{isTrigger:r,gesture:t,now:n,mode:o,debounceMs:d,holdMs:u})=>{if(e.fired)return null;if(o==="hold"){if(r&&t){if(e.holdStart===null&&(e.holdStart=n),n-e.holdStart>=u)return e.fired=!0,t}else e.holdStart=null;return null}return e.armed?r&&t?(e.fired=!0,t):null:(r?e.armStart=null:(e.armStart===null&&(e.armStart=n),n-e.armStart>=d&&(e.armed=!0)),null)};function q({gestures:e,mode:r="arm",debounceMs:t=K,holdMs:n=L,onTrigger:o,enabled:d=!0}){const{ready:u,node:l}=b.useXRModel(m.XRModel.GESTURE_TRACKER),c=i.useRef(o);i.useEffect(()=>{c.current=o},[o]);const f=i.useRef(new Set);i.useEffect(()=>{f.current=new Set(Array.isArray(e)?e:[e])},[e]);const y=i.useRef(F());S.useFrame(()=>{if(!d||!u||!l)return;const p=l.gesture,s=!!(p&&f.current.has(p)),a=P(y.current,{isTrigger:s,gesture:p,now:performance.now(),mode:r,debounceMs:t,holdMs:n});a&&c.current(a)})}const X=e=>(q(e),null),W={"hand.wrist":0,"hand.thumbTip":4,"hand.indexTip":8,"hand.middleTip":12,"hand.ringTip":16,"hand.pinkyTip":20,"hand.indexBase":5,"hand.middleBase":9,"hand.ringBase":13,"hand.pinkyBase":17},V=({children:e,targetFps:r,active:t=!0})=>{const n=i.useRef(null),o=i.useMemo(()=>r===void 0?void 0:{targetFps:r},[r]),{ready:d,node:u}=b.useXRModel(m.XRModel.HAND_TRACKER,o,t),{camera:l}=S.useThree(),c=i.useRef(l);c.current!==l&&(c.current=l);const f=i.useRef(null);S.useFrame(()=>{var T;if(!d||!u||!n.current)return;const s=u;f.current=s;const a=(T=s==null?void 0:s.coordinates)==null?void 0:T[0];if(!a){n.current.visible=!1;return}const h=M(a,c.current);n.current.visible=!0,n.current.position.copy(h)});const y=i.useCallback(s=>{var T,R;const a=W[s];if(a===void 0)return null;const h=(R=(T=f.current)==null?void 0:T.coordinates)==null?void 0:R[a];return h?{position:M(h,c.current)}:null},[]),p=i.useMemo(()=>({type:"hand",resolveLandmark:y}),[y]);return E.jsx(b.TrackerContext.Provider,{value:p,children:E.jsx("group",{ref:n,renderOrder:m.RENDER_LAYERS.TRACKED,children:e})})},M=(e,r)=>{const t=new g.Vector3(e.x,e.y,e.z);t.unproject(r);const n=t.sub(r.position).normalize(),o=-r.position.z/n.z;return r.position.clone().add(n.multiplyScalar(o))},v=["portrait"],Y=({type:e,active:r=!0,children:t})=>(b.useXRModel(m.XRModel.BACKGROUND_SEGMENTATION,{type:e},r),i.useEffect(()=>{v.includes(e)||console.warn(`[Segmentation] unsupported type "${e}"; valid values: ${v.join(", ")}`)},[e]),E.jsx(E.Fragment,{children:t})),$=["face.forehead","face.noseTip","face.chin","face.leftEyeOuter","face.rightEyeOuter","face.leftCheek","face.rightCheek","face.mouthCenter"],U=["hand.wrist","hand.thumbTip","hand.indexTip","hand.middleTip","hand.ringTip","hand.pinkyTip","hand.indexBase","hand.middleBase","hand.ringBase","hand.pinkyBase"],I=["body.head","body.neck","body.leftShoulder","body.rightShoulder","body.leftElbow","body.rightElbow","body.leftWrist","body.rightWrist","body.leftHip","body.rightHip","body.leftKnee","body.rightKnee","body.leftAnkle","body.rightAnkle"],_=e=>e.startsWith("face.")?"face":e.startsWith("hand.")?"hand":e.startsWith("body.")?"body":null,N=(e,r,t)=>r+t*(e-r),w=(e,r)=>1/(1+1/(2*Math.PI*e)/r),J=(e,r,t,n,o,d)=>{if(!e.initialized||t<=0)return e.pos.copy(r),e.prevRaw.copy(r),e.dxHat.set(0,0,0),e.initialized=!0,e;const u=w(d,t),l=["x","y","z"];for(const c of l){const f=(r[c]-e.prevRaw[c])/t,y=N(f,e.dxHat[c],u);e.dxHat[c]=y;const p=n+o*Math.abs(y),s=w(p,t);e.pos[c]=N(r[c],e.pos[c],s),e.prevRaw[c]=r[c]}return e},Q=({target:e,offset:r,smoothing:t=0,children:n})=>{const o=b.useTrackerContext(),d=i.useRef(null),u=i.useRef(!1),l=i.useRef(new g.Vector3),c=i.useRef({pos:new g.Vector3,prevRaw:new g.Vector3,dxHat:new g.Vector3,initialized:!1}),f=_(e),y=o!==null&&f!==null&&o.type!==f,p=o===null,s=p||y||f===null;return i.useEffect(()=>{p?console.warn(`[TrackingAnchor] target "${e}" requires a FaceTracker / HandTracker / BodyTracker ancestor; rendering null.`):y?console.warn(`[TrackingAnchor] target "${e}" namespace does not match parent tracker type "${o==null?void 0:o.type}"; rendering null.`):f===null&&console.warn(`[TrackingAnchor] target "${e}" is not a recognized face/hand/body landmark; rendering null.`)},[e,f,p,y,o==null?void 0:o.type]),S.useFrame((a,h)=>{if(s||!d.current||!o)return;const T=o.resolveLandmark(e);if(!T){d.current.visible=!1,u.current=!1,c.current.initialized=!1;return}d.current.visible=!0;const R=l.current.copy(T.position),A=d.current.parent;if(A){A.updateMatrixWorld();const k=new g.Matrix4().copy(A.matrixWorld).invert();R.applyMatrix4(k)}if(r&&(R.x+=r[0],R.y+=r[1],R.z+=r[2]),t>0){const k=t*.1;J(c.current,R,u.current?h:0,k,.5,1),d.current.position.copy(c.current.pos)}else d.current.position.copy(R);u.current=!0,T.quaternion&&d.current.quaternion.copy(T.quaternion)}),s?null:E.jsx("group",{ref:d,renderOrder:m.RENDER_LAYERS.TRACKED,children:n})};exports.useFaceResults=C.useFaceResults;exports.FaceMesh=b.FaceMesh;exports.FaceTracker=b.FaceTracker;exports.BODY_TARGETS=I;exports.BodyTracker=B;exports.FACE_TARGETS=$;exports.GestureTracker=G;exports.GestureTrigger=X;exports.HAND_TARGETS=U;exports.HandTracker=V;exports.SEGMENTATION_TYPES=v;exports.Segmentation=Y;exports.TrackingAnchor=Q;exports.getTargetNamespace=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("./useFaceResults-hVUJYSEY.cjs"),k=require("./index-BXyObVHF.cjs"),E=require("react/jsx-runtime"),S=require("@react-three/fiber"),i=require("react"),O=require("three"),m=require("./index-DxshgBu0.cjs"),x=require("./useXRModel-3DcUa28n.cjs");function j(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const A=j(O),B={"body.head":0,"body.leftShoulder":11,"body.rightShoulder":12,"body.leftElbow":13,"body.rightElbow":14,"body.leftWrist":15,"body.rightWrist":16,"body.leftHip":23,"body.rightHip":24,"body.leftKnee":25,"body.rightKnee":26,"body.leftAnkle":27,"body.rightAnkle":28},H=({bodyIndex:e=0,active:r=!0,children:t})=>{const n=i.useRef(null),{ready:o,node:c}=x.useXRModel(m.XRModel.BODY_TRACKER,void 0,r),{camera:u}=S.useThree(),h=i.useRef(u);h.current!==u&&(h.current=u);const s=i.useRef(null);S.useFrame(()=>{if(!o||!c||!n.current)return;const l=c;s.current=l;const a=l.getLandmarks2D(e),y=a==null?void 0:a[0];if(!y){n.current.visible=!1;return}const f=v(y,h.current);n.current.visible=!0,n.current.position.copy(f)});const d=i.useCallback(l=>{const a=s.current;if(!a)return null;const y=a.getLandmarks2D(e);if(!y)return null;if(l==="body.neck"){const p=y[11],b=y[12];if(!p||!b)return null;const g={x:(p.x+b.x)/2,y:(p.y+b.y)/2,z:(p.z+b.z)/2};return{position:v(g,h.current)}}const f=B[l];if(f===void 0)return null;const T=y[f];return T?{position:v(T,h.current)}:null},[e]),R=i.useMemo(()=>({type:"body",resolveLandmark:d}),[d]);return E.jsx(k.TrackerContext.Provider,{value:R,children:E.jsx("group",{ref:n,renderOrder:m.RENDER_LAYERS.TRACKED,children:t})})},v=(e,r)=>{const t=new A.Vector3(e.x,e.y,e.z);t.unproject(r);const n=t.sub(r.position).normalize(),o=-r.position.z/n.z;return r.position.clone().add(n.multiplyScalar(o))},G={"hand.wrist":0,"hand.thumbTip":4,"hand.indexTip":8,"hand.middleTip":12,"hand.ringTip":16,"hand.pinkyTip":20,"hand.indexBase":5,"hand.middleBase":9,"hand.ringBase":13,"hand.pinkyBase":17},K=({children:e,targetFps:r,active:t=!0})=>{const n=i.useRef(null),o=i.useMemo(()=>r===void 0?void 0:{targetFps:r},[r]),{ready:c,node:u}=x.useXRModel(m.XRModel.GESTURE_TRACKER,o,t),{camera:h}=S.useThree(),s=i.useRef(h);s.current!==h&&(s.current=h);const d=i.useRef(null);S.useFrame(()=>{var f;if(!c||!u||!n.current)return;d.current=u;const a=(f=u==null?void 0:u.coordinates)==null?void 0:f[0];if(!a){n.current.visible=!1;return}const y=D(a,s.current);n.current.visible=!0,n.current.position.copy(y)});const R=i.useCallback(a=>{var T,p;const y=G[a];if(y===void 0)return null;const f=(p=(T=d.current)==null?void 0:T.coordinates)==null?void 0:p[y];return f?{position:D(f,s.current)}:null},[]),l=i.useMemo(()=>({type:"hand",resolveLandmark:R}),[R]);return E.jsx(k.TrackerContext.Provider,{value:l,children:E.jsx("group",{ref:n,renderOrder:m.RENDER_LAYERS.TRACKED,children:e})})},D=(e,r)=>{const t=new A.Vector3(e.x,e.y,e.z);t.unproject(r);const n=t.sub(r.position).normalize(),o=-r.position.z/n.z;return r.position.clone().add(n.multiplyScalar(o))},L=800,F=200,P=()=>({armed:!1,armStart:null,holdStart:null,fired:!1}),q=(e,{isTrigger:r,gesture:t,now:n,mode:o,debounceMs:c,holdMs:u})=>{if(e.fired)return null;if(o==="hold"){if(r&&t){if(e.holdStart===null&&(e.holdStart=n),n-e.holdStart>=u)return e.fired=!0,t}else e.holdStart=null;return null}return e.armed?r&&t?(e.fired=!0,t):null:(r?e.armStart=null:(e.armStart===null&&(e.armStart=n),n-e.armStart>=c&&(e.armed=!0)),null)};function X({gestures:e,mode:r="arm",debounceMs:t=L,holdMs:n=F,onTrigger:o,enabled:c=!0}){const{ready:u,node:h}=x.useXRModel(m.XRModel.GESTURE_TRACKER),s=i.useRef(o);i.useEffect(()=>{s.current=o},[o]);const d=i.useRef(new Set);i.useEffect(()=>{d.current=new Set(Array.isArray(e)?e:[e])},[e]);const R=i.useRef(P());S.useFrame(()=>{if(!c||!u||!h)return;const l=h.gesture,a=!!(l&&d.current.has(l)),y=q(R.current,{isTrigger:a,gesture:l,now:performance.now(),mode:r,debounceMs:t,holdMs:n});y&&s.current(y)})}const W=e=>(X(e),null),V={"hand.wrist":0,"hand.thumbTip":4,"hand.indexTip":8,"hand.middleTip":12,"hand.ringTip":16,"hand.pinkyTip":20,"hand.indexBase":5,"hand.middleBase":9,"hand.ringBase":13,"hand.pinkyBase":17};function Y(e,r,t=0){var o;const n=(o=e==null?void 0:e.hands)!=null&&o.length?e.hands:e!=null&&e.coordinates?[{coordinates:e.coordinates,gesture:e.gesture,handedness:e.handedness}]:[];if(n.length){if(r){const c=n.find(u=>u.handedness===r);if(c)return c}return n[t]??n[0]}}const $=({children:e,hand:r,handIndex:t=0,targetFps:n,active:o=!0})=>{const c=i.useRef(null),u=i.useMemo(()=>n===void 0?void 0:{targetFps:n},[n]),{ready:h,node:s}=x.useXRModel(m.XRModel.HAND_TRACKER,u,o),{camera:d}=S.useThree(),R=i.useRef(d);R.current!==d&&(R.current=d);const l=i.useRef(null);S.useFrame(()=>{var b;if(!h||!s||!c.current)return;const f=Y(s,r,t);l.current=f??null;const T=(b=f==null?void 0:f.coordinates)==null?void 0:b[0];if(!T){c.current.visible=!1;return}const p=N(T,R.current);c.current.visible=!0,c.current.position.copy(p)});const a=i.useCallback(f=>{var b,g;const T=V[f];if(T===void 0)return null;const p=(g=(b=l.current)==null?void 0:b.coordinates)==null?void 0:g[T];return p?{position:N(p,R.current)}:null},[]),y=i.useMemo(()=>({type:"hand",resolveLandmark:a}),[a]);return E.jsx(k.TrackerContext.Provider,{value:y,children:E.jsx("group",{ref:c,renderOrder:m.RENDER_LAYERS.TRACKED,children:e})})},N=(e,r)=>{const t=new A.Vector3(e.x,e.y,e.z);t.unproject(r);const n=t.sub(r.position).normalize(),o=-r.position.z/n.z;return r.position.clone().add(n.multiplyScalar(o))},M=["portrait"],U=({type:e,active:r=!0,children:t})=>(x.useXRModel(m.XRModel.BACKGROUND_SEGMENTATION,{type:e},r),i.useEffect(()=>{M.includes(e)||console.warn(`[Segmentation] unsupported type "${e}"; valid values: ${M.join(", ")}`)},[e]),E.jsx(E.Fragment,{children:t})),I=["face.forehead","face.noseTip","face.chin","face.leftEyeOuter","face.rightEyeOuter","face.leftCheek","face.rightCheek","face.mouthCenter"],J=["hand.wrist","hand.thumbTip","hand.indexTip","hand.middleTip","hand.ringTip","hand.pinkyTip","hand.indexBase","hand.middleBase","hand.ringBase","hand.pinkyBase"],Q=["body.head","body.neck","body.leftShoulder","body.rightShoulder","body.leftElbow","body.rightElbow","body.leftWrist","body.rightWrist","body.leftHip","body.rightHip","body.leftKnee","body.rightKnee","body.leftAnkle","body.rightAnkle"],C=e=>e.startsWith("face.")?"face":e.startsWith("hand.")?"hand":e.startsWith("body.")?"body":null,w=(e,r,t)=>r+t*(e-r),_=(e,r)=>1/(1+1/(2*Math.PI*e)/r),Z=(e,r,t,n,o,c)=>{if(!e.initialized||t<=0)return e.pos.copy(r),e.prevRaw.copy(r),e.dxHat.set(0,0,0),e.initialized=!0,e;const u=_(c,t),h=["x","y","z"];for(const s of h){const d=(r[s]-e.prevRaw[s])/t,R=w(d,e.dxHat[s],u);e.dxHat[s]=R;const l=n+o*Math.abs(R),a=_(l,t);e.pos[s]=w(r[s],e.pos[s],a),e.prevRaw[s]=r[s]}return e},ee=({target:e,offset:r,smoothing:t=0,children:n})=>{const o=k.useTrackerContext(),c=i.useRef(null),u=i.useRef(!1),h=i.useRef(new A.Vector3),s=i.useRef({pos:new A.Vector3,prevRaw:new A.Vector3,dxHat:new A.Vector3,initialized:!1}),d=C(e),R=o!==null&&d!==null&&o.type!==d,l=o===null,a=l||R||d===null;return i.useEffect(()=>{l?console.warn(`[TrackingAnchor] target "${e}" requires a FaceTracker / HandTracker / BodyTracker ancestor; rendering null.`):R?console.warn(`[TrackingAnchor] target "${e}" namespace does not match parent tracker type "${o==null?void 0:o.type}"; rendering null.`):d===null&&console.warn(`[TrackingAnchor] target "${e}" is not a recognized face/hand/body landmark; rendering null.`)},[e,d,l,R,o==null?void 0:o.type]),S.useFrame((y,f)=>{if(a||!c.current||!o)return;const T=o.resolveLandmark(e);if(!T){c.current.visible=!1,u.current=!1,s.current.initialized=!1;return}c.current.visible=!0;const p=h.current.copy(T.position),b=c.current.parent;if(b){b.updateMatrixWorld();const g=new A.Matrix4().copy(b.matrixWorld).invert();p.applyMatrix4(g)}if(r&&(p.x+=r[0],p.y+=r[1],p.z+=r[2]),t>0){const g=t*.1;Z(s.current,p,u.current?f:0,g,.5,1),c.current.position.copy(s.current.pos)}else c.current.position.copy(p);u.current=!0,T.quaternion&&c.current.quaternion.copy(T.quaternion)}),a?null:E.jsx("group",{ref:c,renderOrder:m.RENDER_LAYERS.TRACKED,children:n})};exports.useFaceResults=z.useFaceResults;exports.FaceMesh=k.FaceMesh;exports.FaceTracker=k.FaceTracker;exports.BODY_TARGETS=Q;exports.BodyTracker=H;exports.FACE_TARGETS=I;exports.GestureTracker=K;exports.GestureTrigger=W;exports.HAND_TARGETS=J;exports.HandTracker=$;exports.SEGMENTATION_TYPES=M;exports.Segmentation=U;exports.TrackingAnchor=ee;exports.getTargetNamespace=C;