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

package/dist/material/MaterialFill.d.ts

@@ -0,0 +1,20 @@
+import { ScreenGradientSettings } from '../components/ScreenGradient';
+import * as THREE from "three";
+export type MaterialFillSource = "solid" | "gradient" | "texture";
+export type MaterialFillSettings = {
+    source: MaterialFillSource;
+    color: string;
+    opacity: number;
+    textureUrl?: string;
+    gradient?: ScreenGradientSettings;
+};
+export declare const TRANSPARENT_TEXTURE_DATA_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO2YpZcAAAAASUVORK5CYII=";
+export declare const DEFAULT_MATERIAL_FILL: MaterialFillSettings;
+export declare const createTwoStopGradient: (color: string) => ScreenGradientSettings;
+export declare const MaterialFill: ({ depthTest, depthWrite, settings, side, toneMapped, }: {
+    settings: MaterialFillSettings;
+    side?: THREE.Side;
+    depthTest?: boolean;
+    depthWrite?: boolean;
+    toneMapped?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/material/MeshMaterial.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export type MeshMaterialSettings = {
+    type: "standard" | "basic";
+    color: string;
+    opacity: number;
+    wireframe: boolean;
+    roughness: number;
+    metalness: number;
+};
+export type MeshMaterialProps = {
+    settings: MeshMaterialSettings;
+    materialProps: Record<string, unknown>;
+};
+export declare const MeshMaterial: ({ materialProps, settings }: MeshMaterialProps) => ReactNode;

package/dist/material/index.d.ts

@@ -0,0 +1,2 @@
+export { DEFAULT_MATERIAL_FILL, MaterialFill, TRANSPARENT_TEXTURE_DATA_URL, createTwoStopGradient, type MaterialFillSettings, type MaterialFillSource, } from './MaterialFill';
+export { MeshMaterial, type MeshMaterialProps, type MeshMaterialSettings } from './MeshMaterial';

package/dist/models/Body/index.d.ts

@@ -16,7 +16,7 @@ export declare class BodyTrackingModel extends BaseXRModel {
     dispose(): void;
     private getLandmarks2D;
     initialize(options?: BodyModelOptions): Promise<void>;
-    run({ sourceCanvas }: RunModelParams): Promise<void>;
+    run({ sourceCanvas, targetFps }: RunModelParams): Promise<void>;
     getModelNode(): XRModelNodeBodyTracking;
     getPerformanceData(): Promise<PerformanceData>;
 }

package/dist/models/Face/index.d.ts

@@ -25,6 +25,7 @@ export declare class FaceTrackingModel extends BaseXRModel {
     private extractAndUpdateFaceData;
     private processFaceTracking;
     resume(): void;
+    dispose(): void;
     private getFace;
     private getDetectionResults;
     private getRawFaceTrackingData;

package/dist/models/Face/rotation.d.ts

@@ -0,0 +1,3 @@
+import { Euler, Vector3 } from 'three';
+/** Writes the SDK convention: up/left positive, down/right negative. */
+export declare const writeFaceRotation: (euler: Euler, target: Vector3) => Vector3;

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/render/layerStack.d.ts

@@ -0,0 +1,29 @@
+export type LayerDomain = "group" | "screen2d" | "scene3d" | "webgl" | "shader" | "custom";
+export type LayerNode = {
+    id: string;
+    domain: LayerDomain;
+    type: string;
+    label: string;
+    enabled: boolean;
+    visible: boolean;
+    locked?: boolean;
+    expanded?: boolean;
+    renderOrder: number;
+    children?: LayerNode[];
+    meta?: Record<string, unknown>;
+};
+export declare const LAYER_STACK_BASE_RENDER_ORDER = 1000;
+export declare function normalizeLayerStack(layers: LayerNode[], baseRenderOrder?: number): {
+    renderOrder: number;
+    id: string;
+    domain: LayerDomain;
+    type: string;
+    label: string;
+    enabled: boolean;
+    visible: boolean;
+    locked?: boolean;
+    expanded?: boolean;
+    children?: LayerNode[];
+    meta?: Record<string, unknown>;
+}[];
+export declare function moveLayerNode(layers: LayerNode[], activeId: string, overId: string): LayerNode[];

package/dist/render/renderGroups.d.ts

@@ -0,0 +1,47 @@
+import { SceneComponent, SceneObject, SceneObjectId, SceneObjectStore } from '../scene-object';
+export type RenderGroupId = string;
+export type RenderGroupDomain = "background" | "scene3d" | "tracking" | "screen2d" | "post";
+export type RenderMode = "background" | "depth3d" | "tracking" | "screenOverlay" | "post";
+export type RenderGroup = {
+    id: RenderGroupId;
+    name: string;
+    domain: RenderGroupDomain;
+    enabled: boolean;
+    locked?: boolean;
+    objectIds: SceneObjectId[];
+};
+export type RenderGroupSceneObjectStore = SceneObjectStore & {
+    renderGroups: Record<RenderGroupId, RenderGroup>;
+    renderGroupOrder: RenderGroupId[];
+};
+export type RenderGroupPolicy = {
+    domain: RenderGroupDomain;
+    accepts: (components: SceneComponent[]) => boolean;
+    defaultFor: (components: SceneComponent[]) => boolean;
+    renderMode: RenderMode;
+};
+export type RenderPlanEntry = {
+    groupId: RenderGroupId;
+    groupIndex: number;
+    objectId: SceneObjectId;
+    objectIndex: number;
+    renderMode: RenderMode;
+    renderOrder: number;
+    renderLayer: number;
+};
+export declare const DEFAULT_RENDER_GROUP_IDS: {
+    readonly background: "background";
+    readonly scene3d: "general";
+    readonly tracking: "ar-tracking";
+    readonly screen2d: "2d-foreground";
+    readonly post: "post-effects";
+};
+export declare const RENDER_GROUP_POLICIES: Record<RenderGroupDomain, RenderGroupPolicy>;
+export declare const getObjectComponents: (store: SceneObjectStore, object: SceneObject) => SceneComponent[];
+export declare const getDefaultRenderGroupId: (components: SceneComponent[]) => RenderGroupId;
+export declare const validateGroupCompatibility: (store: RenderGroupSceneObjectStore, objectId: SceneObjectId, groupId: RenderGroupId) => boolean;
+export declare const reorderRenderGroup: <TStore extends RenderGroupSceneObjectStore>(store: TStore, groupId: RenderGroupId, nextIndex: number) => TStore;
+export declare const reorderObjectWithinGroup: <TStore extends RenderGroupSceneObjectStore>(store: TStore, groupId: RenderGroupId, objectId: SceneObjectId, nextIndex: number) => TStore;
+export declare const moveObjectToGroup: <TStore extends RenderGroupSceneObjectStore>(store: TStore, objectId: SceneObjectId, targetGroupId: RenderGroupId, nextIndex?: number) => TStore;
+export declare const migrateToRenderGroups: <TStore extends SceneObjectStore>(store: TStore, objectOrder?: SceneObjectId[]) => TStore & RenderGroupSceneObjectStore;
+export declare const createRenderPlan: (store: RenderGroupSceneObjectStore, bandSize?: number) => RenderPlanEntry[];

package/dist/render/renderPasses.d.ts

@@ -0,0 +1,18 @@
+import { Camera, Scene, WebGLRenderer } from 'three';
+export declare const MAX_RENDER_GROUP_PASSES = 30;
+/** Temporary layer for backgrounds not yet represented by a scene object. */
+export declare const EXTERNAL_BACKGROUND_RENDER_LAYER = 31;
+export declare const getRenderGroupLayer: (groupIndex: number, baseLayer?: number) => number;
+export type SequentialRenderOptions = {
+    renderer: WebGLRenderer;
+    scene: Scene;
+    camera: Camera;
+    layers: number[];
+    includeDefaultLayer?: boolean;
+};
+/**
+ * Composes isolated camera layers from first to last into the current target.
+ * Color is preserved between passes while depth is cleared, so a later group
+ * reliably draws over an earlier group regardless of opaque/transparent queues.
+ */
+export declare const renderSequentialPasses: ({ renderer, scene, camera, layers, includeDefaultLayer, }: SequentialRenderOptions) => void;

package/dist/renderGroups-C9QJrAXu.js

@@ -0,0 +1,152 @@
+import { M as D, B as I } from "./renderPasses-CjgG_6kQ.js";
+const p = {
+  background: "background",
+  scene3d: "general",
+  tracking: "ar-tracking",
+  screen2d: "2d-foreground",
+  post: "post-effects"
+}, u = (e, ...r) => {
+  const t = new Set(e.map((c) => c.type));
+  return r.every((c) => t.has(c));
+}, b = (e) => u(e, "ScreenTransform") && (u(e, "ScreenText") || u(e, "ScreenImage") || u(e, "ScreenShape") || e.every(
+  (r) => ["ScreenTransform", "TrackingAnchor"].includes(r.type)
+)), h = (e) => (u(e, "Transform") || u(e, "FaceMeshRenderer")) && !b(e), f = {
+  background: {
+    domain: "background",
+    accepts: () => !1,
+    defaultFor: () => !1,
+    renderMode: "background"
+  },
+  scene3d: {
+    domain: "scene3d",
+    accepts: h,
+    defaultFor: h,
+    renderMode: "depth3d"
+  },
+  tracking: {
+    domain: "tracking",
+    accepts: () => !1,
+    defaultFor: () => !1,
+    renderMode: "tracking"
+  },
+  screen2d: {
+    domain: "screen2d",
+    accepts: b,
+    defaultFor: b,
+    renderMode: "screenOverlay"
+  },
+  post: {
+    domain: "post",
+    accepts: () => !1,
+    defaultFor: () => !1,
+    renderMode: "post"
+  }
+}, y = {
+  background: "Background",
+  scene3d: "General / 3D Scene",
+  tracking: "AR Tracking",
+  screen2d: "2D Foreground",
+  post: "Post Effects"
+}, k = (e) => ({
+  id: p[e],
+  name: y[e],
+  domain: e,
+  enabled: !0,
+  objectIds: []
+}), G = (e, r) => r.componentIds.map((t) => e.components[t]).filter((t) => !!t), T = (e) => {
+  var r;
+  return p[((r = Object.values(f).find((t) => t.defaultFor(e))) == null ? void 0 : r.domain) ?? "scene3d"];
+}, v = (e, r, t) => {
+  const c = e.objects[r], n = e.renderGroups[t];
+  return !c || !n ? !1 : f[n.domain].accepts(G(e, c));
+}, M = (e, r, t) => {
+  if (r < 0 || r >= e.length) return e;
+  const c = Math.max(0, Math.min(t, e.length - 1));
+  if (r === c) return e;
+  const n = [...e], [s] = n.splice(r, 1);
+  return n.splice(c, 0, s), n;
+}, P = (e, r, t) => {
+  const c = e.renderGroupOrder.indexOf(r), n = M(e.renderGroupOrder, c, t);
+  return n === e.renderGroupOrder ? e : { ...e, renderGroupOrder: n };
+}, A = (e, r, t, c) => {
+  const n = e.renderGroups[r];
+  if (!n) return e;
+  const s = n.objectIds.indexOf(t), o = M(n.objectIds, s, c);
+  return o === n.objectIds ? e : {
+    ...e,
+    renderGroups: { ...e.renderGroups, [r]: { ...n, objectIds: o } }
+  };
+}, N = (e, r, t, c) => {
+  if (!v(e, r, t)) return e;
+  const n = Object.fromEntries(
+    Object.entries(e.renderGroups).map(([o, d]) => [
+      o,
+      { ...d, objectIds: d.objectIds.filter((a) => a !== r) }
+    ])
+  ), s = n[t].objectIds;
+  return s.splice(
+    Math.max(0, Math.min(c ?? s.length, s.length)),
+    0,
+    r
+  ), {
+    ...e,
+    objects: {
+      ...e.objects,
+      [r]: { ...e.objects[r], renderGroupId: t }
+    },
+    renderGroups: n
+  };
+}, U = (e, r = Object.keys(e.objects)) => {
+  const t = {}, c = [], n = { ...e.objects };
+  return [
+    ...r,
+    ...Object.keys(n).filter((o) => !r.includes(o))
+  ].forEach((o) => {
+    var m, R;
+    const d = n[o];
+    if (!d) return;
+    const a = d.renderGroupId ?? d.layerId, S = T(G(e, d)), E = (m = Object.entries(p).find(
+      ([, l]) => l === a
+    )) == null ? void 0 : m[0], O = (R = Object.entries(p).find(
+      ([, l]) => l === S
+    )) == null ? void 0 : R[0], j = k(E ?? O), g = f[j.domain].accepts(
+      G(e, d)
+    ) ? j : k(O), i = g.id;
+    t[i] || (t[i] = g, c.push(i)), t[i].objectIds.push(o), n[o] = { ...d, renderGroupId: i };
+  }), {
+    ...e,
+    objects: n,
+    renderGroups: t,
+    renderGroupOrder: c
+  };
+}, L = (e, r = 1e3) => e.renderGroupOrder.flatMap((t, c) => {
+  if (c >= D) return [];
+  const n = e.renderGroups[t];
+  if (!n || !n.enabled) return [];
+  const s = f[n.domain];
+  return n.objectIds.flatMap((o, d) => {
+    const a = e.objects[o];
+    return !a || !a.enabled ? [] : a.parentObjectId && e.objects[a.parentObjectId] ? [] : [
+      {
+        groupId: t,
+        groupIndex: c,
+        objectId: o,
+        objectIndex: d,
+        renderMode: s.renderMode,
+        renderOrder: c * r + d,
+        renderLayer: I(c)
+      }
+    ];
+  });
+});
+export {
+  p as D,
+  f as R,
+  N as a,
+  P as b,
+  L as c,
+  T as g,
+  U as m,
+  A as r,
+  v
+};

package/dist/renderGroups-Dvm1J4lW.cjs

@@ -0,0 +1 @@
+"use strict";const E=require("./renderPasses-CT5iBwtg.cjs"),p={background:"background",scene3d:"general",tracking:"ar-tracking",screen2d:"2d-foreground",post:"post-effects"},u=(e,...r)=>{const t=new Set(e.map(c=>c.type));return r.every(c=>t.has(c))},b=e=>u(e,"ScreenTransform")&&(u(e,"ScreenText")||u(e,"ScreenImage")||u(e,"ScreenShape")||e.every(r=>["ScreenTransform","TrackingAnchor"].includes(r.type))),h=e=>(u(e,"Transform")||u(e,"FaceMeshRenderer"))&&!b(e),l={background:{domain:"background",accepts:()=>!1,defaultFor:()=>!1,renderMode:"background"},scene3d:{domain:"scene3d",accepts:h,defaultFor:h,renderMode:"depth3d"},tracking:{domain:"tracking",accepts:()=>!1,defaultFor:()=>!1,renderMode:"tracking"},screen2d:{domain:"screen2d",accepts:b,defaultFor:b,renderMode:"screenOverlay"},post:{domain:"post",accepts:()=>!1,defaultFor:()=>!1,renderMode:"post"}},y={background:"Background",scene3d:"General / 3D Scene",tracking:"AR Tracking",screen2d:"2D Foreground",post:"Post Effects"},D=e=>({id:p[e],name:y[e],domain:e,enabled:!0,objectIds:[]}),G=(e,r)=>r.componentIds.map(t=>e.components[t]).filter(t=>!!t),I=e=>{var r;return p[((r=Object.values(l).find(t=>t.defaultFor(e)))==null?void 0:r.domain)??"scene3d"]},S=(e,r,t)=>{const c=e.objects[r],n=e.renderGroups[t];return!c||!n?!1:l[n.domain].accepts(G(e,c))},k=(e,r,t)=>{if(r<0||r>=e.length)return e;const c=Math.max(0,Math.min(t,e.length-1));if(r===c)return e;const n=[...e],[s]=n.splice(r,1);return n.splice(c,0,s),n},T=(e,r,t)=>{const c=e.renderGroupOrder.indexOf(r),n=k(e.renderGroupOrder,c,t);return n===e.renderGroupOrder?e:{...e,renderGroupOrder:n}},P=(e,r,t,c)=>{const n=e.renderGroups[r];if(!n)return e;const s=n.objectIds.indexOf(t),o=k(n.objectIds,s,c);return o===n.objectIds?e:{...e,renderGroups:{...e.renderGroups,[r]:{...n,objectIds:o}}}},v=(e,r,t,c)=>{if(!S(e,r,t))return e;const n=Object.fromEntries(Object.entries(e.renderGroups).map(([o,d])=>[o,{...d,objectIds:d.objectIds.filter(a=>a!==r)}])),s=n[t].objectIds;return s.splice(Math.max(0,Math.min(c??s.length,s.length)),0,r),{...e,objects:{...e.objects,[r]:{...e.objects[r],renderGroupId:t}},renderGroups:n}},F=(e,r=Object.keys(e.objects))=>{const t={},c=[],n={...e.objects};return[...r,...Object.keys(n).filter(o=>!r.includes(o))].forEach(o=>{var g,m;const d=n[o];if(!d)return;const a=d.renderGroupId??d.layerId,M=I(G(e,d)),_=(g=Object.entries(p).find(([,f])=>f===a))==null?void 0:g[0],O=(m=Object.entries(p).find(([,f])=>f===M))==null?void 0:m[0],R=D(_??O),j=l[R.domain].accepts(G(e,d))?R:D(O),i=j.id;t[i]||(t[i]=j,c.push(i)),t[i].objectIds.push(o),n[o]={...d,renderGroupId:i}}),{...e,objects:n,renderGroups:t,renderGroupOrder:c}},U=(e,r=1e3)=>e.renderGroupOrder.flatMap((t,c)=>{if(c>=E.MAX_RENDER_GROUP_PASSES)return[];const n=e.renderGroups[t];if(!n||!n.enabled)return[];const s=l[n.domain];return n.objectIds.flatMap((o,d)=>{const a=e.objects[o];return!a||!a.enabled?[]:a.parentObjectId&&e.objects[a.parentObjectId]?[]:[{groupId:t,groupIndex:c,objectId:o,objectIndex:d,renderMode:s.renderMode,renderOrder:c*r+d,renderLayer:E.getRenderGroupLayer(c)}]})});exports.DEFAULT_RENDER_GROUP_IDS=p;exports.RENDER_GROUP_POLICIES=l;exports.createRenderPlan=U;exports.getDefaultRenderGroupId=I;exports.migrateToRenderGroups=F;exports.moveObjectToGroup=v;exports.reorderObjectWithinGroup=P;exports.reorderRenderGroup=T;exports.validateGroupCompatibility=S;

package/dist/renderLayers-lDtL0_43.cjs

@@ -0,0 +1 @@
+"use strict";const R={BACKGROUND:-1e3,WORLD:0,TRACKED:100,SCREEN_UI:1e3};exports.RENDER_LAYERS=R;

package/dist/renderLayers-zrK2pv5O.js

@@ -0,0 +1,13 @@
+const R = {
+  /** Camera background and segmentation mask. `depthTest` disabled. */
+  BACKGROUND: -1e3,
+  /** Free world-space content. `depthTest` enabled. */
+  WORLD: 0,
+  /** Descendants of `FaceTracker` / `HandTracker` / `BodyTracker`. `depthTest` enabled. */
+  TRACKED: 100,
+  /** Descendants of `ScreenSpaceUI`. `depthTest` disabled. */
+  SCREEN_UI: 1e3
+};
+export {
+  R
+};

package/dist/renderPasses-CT5iBwtg.cjs

@@ -0,0 +1,21 @@
+"use strict";const $=require("./index-CEc1CAmB.cjs"),ae=require("@react-three/fiber"),m=require("react"),d=require("three"),ke=require("./index-D4bLzBr6.cjs"),Xe=require("./index-DSpzjuqd.cjs"),k=require("./FaceMeshRenderer-lQLhYIW-.cjs"),p=require("react/jsx-runtime"),Be=require("@react-three/drei");function Ye(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const ne=Ye(d),de={move:"grab",pivot:"all-scroll",rotateTopLeft:"alias",rotateTopRight:"alias",rotateBottomLeft:"alias",rotateBottomRight:"alias",top:"ns-resize",bottom:"ns-resize",left:"ew-resize",right:"ew-resize",topLeft:"nwse-resize",bottomRight:"nwse-resize",topRight:"nesw-resize",bottomLeft:"nesw-resize"},Ve=({color:e="#22d3ee",controlScale:t=[1,1,1],handleColor:o="#ffffff",onHandlePointerDown:n,opacity:s=.9,pivot:r=[.5,.5],pivotScale:a=t,renderOrder:i,showSideHandles:l=!0,thickness:f=.004})=>{const h=p.jsx("meshBasicMaterial",{color:e,transparent:!0,opacity:s,depthTest:!1,depthWrite:!1,toneMapped:!1}),g=p.jsx("meshBasicMaterial",{color:o,transparent:!0,opacity:1,depthTest:!1,depthWrite:!1,toneMapped:!1}),w=Math.max(f*7,.028),y=Math.max(f*7,.03),R=Math.max(f*8,.032),S=.04,c=.06,E=.08,T=.1,u=i??0,_=[["topLeft",-.5,.5],["topRight",.5,.5],["bottomLeft",-.5,-.5],["bottomRight",.5,-.5],...l?[["top",0,.5],["bottom",0,-.5],["left",-.5,0],["right",.5,0]]:[]],D=[["rotateTopLeft",-.56,.56,0],["rotateTopRight",.56,.56,-Math.PI/2],["rotateBottomRight",.56,-.56,Math.PI],["rotateBottomLeft",-.56,-.56,Math.PI/2]],b=x=>n?P=>{P.stopPropagation(),document.body.style.cursor=x==="move"?"grabbing":de[x],n(x,P)}:void 0,v=x=>{n&&(document.body.style.cursor=de[x])},O=()=>{n&&(document.body.style.cursor="")},M=[r[0]-.5,r[1]-.5,T];return p.jsxs("group",{renderOrder:u,children:[p.jsxs("mesh",{position:[0,.5,S],scale:[1,f,1],renderOrder:u,children:[p.jsx("planeGeometry",{args:[1,1]}),h]}),p.jsxs("mesh",{position:[0,-.5,S],scale:[1,f,1],renderOrder:u,children:[p.jsx("planeGeometry",{args:[1,1]}),h]}),p.jsxs("mesh",{position:[-.5,0,S],scale:[f,1,1],renderOrder:u,children:[p.jsx("planeGeometry",{args:[1,1]}),h]}),p.jsxs("mesh",{position:[.5,0,S],scale:[f,1,1],renderOrder:u,children:[p.jsx("planeGeometry",{args:[1,1]}),h]}),p.jsxs("mesh",{position:[0,0,c],renderOrder:u+1,onPointerDown:b("move"),onPointerOver:()=>v("move"),onPointerOut:O,children:[p.jsx("planeGeometry",{args:[1,1]}),p.jsx("meshBasicMaterial",{transparent:!0,opacity:0,depthTest:!1,depthWrite:!1})]}),_.map(([x,P,C])=>p.jsxs("mesh",{position:[P,C,E],scale:[w*t[0],w*t[1],t[2]],renderOrder:u+2,onPointerDown:b(x),onPointerOver:()=>v(x),onPointerOut:O,children:[p.jsx("planeGeometry",{args:[1,1]}),g]},x)),D.map(([x,P,C,B])=>p.jsx("group",{position:[P,C,E+.01],rotation:[0,0,B],scale:[R*t[0],R*t[1],t[2]],renderOrder:u+3,onPointerDown:b(x),onPointerOver:()=>v(x),onPointerOut:O,children:p.jsxs("mesh",{renderOrder:u+3,children:[p.jsx("planeGeometry",{args:[1.9,1.9]}),p.jsx("meshBasicMaterial",{transparent:!0,opacity:0,depthTest:!1,depthWrite:!1})]})},x)),p.jsx("group",{position:M,scale:[y*a[0],y*a[1],a[2]],renderOrder:u+5,onPointerDown:b("pivot"),onPointerOver:()=>v("pivot"),onPointerOut:O,children:p.jsxs("group",{rotation:[0,0,Math.PI/4],children:[p.jsxs("mesh",{scale:[1.8,1.8,1],renderOrder:u+5,children:[p.jsx("planeGeometry",{args:[1,1]}),p.jsx("meshBasicMaterial",{transparent:!0,opacity:0,depthTest:!1,depthWrite:!1})]}),p.jsxs("mesh",{position:[0,0,.002],renderOrder:u+6,children:[p.jsx("planeGeometry",{args:[1,1]}),g]}),p.jsxs("mesh",{scale:[.62,.62,1],position:[0,0,.004],renderOrder:u+7,children:[p.jsx("planeGeometry",{args:[1,1]}),p.jsx("meshBasicMaterial",{color:"#111827",transparent:!0,opacity:1,depthTest:!1,depthWrite:!1,toneMapped:!1})]})]})})]})},j={width:720,height:1280},G=32,Se=.5,F={enabled:!0,position:{x:0,y:0},size:{width:680,height:1230},pivot:[.5,.5],rotation:0,scale2D:{x:1,y:1},referencePixelsPerUnit:G,renderOrder:999,overlay:!0,visible:!0,showTransformGuides:!1},$e=Math.PI/180,fe=(e,t)=>t<=0?e:Math.round(e/t)*t,H=({transform:e,parentSize:t,root:o=j,snapIncrement:n=Se})=>{const r=Math.min(t.width/o.width,t.height/o.height)*(G/e.referencePixelsPerUnit),a=e.size.width*e.scale2D.x*r,i=e.size.height*e.scale2D.y*r,l=fe(e.position.x,n)*r,f=fe(e.position.y,n)*r,h=(e.pivot[0]-.5)*a,g=(e.pivot[1]-.5)*i;return{center:[l-h,f-g,0],size:[a,i,1],rotation:[0,0,e.rotation*$e],pivotOffset:[h/Math.max(a,1e-6),g/Math.max(i,1e-6),0],aspect:a>0&&i>0?Math.abs(a/i):1}},xe=e=>({...F,...e,position:{...F.position,...e==null?void 0:e.position},size:{...F.size,...e==null?void 0:e.size},scale2D:{...F.scale2D,...e==null?void 0:e.scale2D}}),L=e=>Math.round(e*2)/2,pe=e=>Math.min(1,Math.max(0,e)),Q={move:"grab",pivot:"all-scroll",rotateTopLeft:"alias",rotateTopRight:"alias",rotateBottomLeft:"alias",rotateBottomRight:"alias",top:"ns-resize",bottom:"ns-resize",left:"ew-resize",right:"ew-resize",topLeft:"nwse-resize",bottomRight:"nwse-resize",topRight:"nesw-resize",bottomLeft:"nesw-resize"},He=[["topLeft",0,0],["top",.5,0],["topRight",1,0],["right",1,.5],["bottomRight",1,1],["bottom",.5,1],["bottomLeft",0,1],["left",0,.5]],qe=[["rotateTopLeft",-.03,-.03],["rotateTopRight",1.03,-.03],["rotateBottomRight",1.03,1.03],["rotateBottomLeft",-.03,1.03]],Qe=(e,t)=>{const o=H({transform:t,parentSize:{width:e.width,height:e.height}}),n=Math.min(e.width/j.width,e.height/j.height)*(G/Math.max(t.referencePixelsPerUnit,1e-6))||1,s=j.width*n,r=j.height*n,a=e.left+(e.width-s)/2,i=e.top+(e.height-r)/2,l=a+s/2,f=i+r/2,h=o.size[0],g=o.size[1],w=l+o.center[0],y=f-o.center[1];return{centerX:w,centerY:y,height:g,left:w-h/2,scale:n,top:y-g/2,width:h}},Ke=(e,t,o,n)=>{const s=j.width*n,r=j.height*n,a=o.left+(o.width-s)/2,i=o.top+(o.height-r)/2;return{x:(e-(a+s/2))/n,y:(i+r/2-t)/n}},Ze=({color:e="#38bdf8",handleColor:t="#ffffff",onChange:o,transform:n})=>{const s=m.useRef(o);s.current=o;const{gl:r}=ae.useThree(),[a,i]=m.useState(null),l=m.useRef(null),f=m.useRef(null),h=m.useCallback(()=>{i(r.domElement.getBoundingClientRect())},[r.domElement]);m.useEffect(()=>(h(),window.addEventListener("resize",h),window.addEventListener("scroll",h,!0),()=>{window.removeEventListener("resize",h),window.removeEventListener("scroll",h,!0)}),[h]);const g=m.useMemo(()=>a?Qe(a,n):null,[a,n]),w=m.useCallback(S=>{const c=l.current,E=s.current;if(!c||!E)return;const T=(S.clientX-c.startX)/c.scale,u=-(S.clientY-c.startY)/c.scale,_={x:c.startPointerDesign.x+T,y:c.startPointerDesign.y+u},D={...c.startTransform,position:{...c.startTransform.position},size:{...c.startTransform.size},pivot:[...c.startTransform.pivot]};if(c.handle==="move")D.position={x:L(c.startTransform.position.x+T),y:L(c.startTransform.position.y+u)};else if(c.handle==="pivot"){const b=Math.max(1,c.startTransform.size.width*c.startTransform.scale2D.x),v=Math.max(1,c.startTransform.size.height*c.startTransform.scale2D.y),O=pe(c.startTransform.pivot[0]+T/b),M=pe(c.startTransform.pivot[1]+u/v);D.pivot=[L(O*1e3)/1e3,L(M*1e3)/1e3],D.position={x:L(c.startTransform.position.x+(D.pivot[0]-c.startTransform.pivot[0])*b),y:L(c.startTransform.position.y+(D.pivot[1]-c.startTransform.pivot[1])*v)}}else if(c.handle.startsWith("rotate")){const b=Math.atan2(c.startPointerDesign.y-c.startTransform.position.y,c.startPointerDesign.x-c.startTransform.position.x),v=Math.atan2(_.y-c.startTransform.position.y,_.x-c.startTransform.position.x);D.rotation=L(c.startTransform.rotation+(v-b)*180/Math.PI)}else{const b=c.handle==="left"||c.handle.endsWith("Left"),v=c.handle==="right"||c.handle.endsWith("Right"),O=c.handle==="top"||c.handle.startsWith("top"),M=c.handle==="bottom"||c.handle.startsWith("bottom"),x=v?T*2:b?-T*2:0,P=O?u*2:M?-u*2:0;D.size={width:Math.max(1,L(c.startTransform.size.width+x)),height:Math.max(1,L(c.startTransform.size.height+P))}}E(D)},[]),y=m.useCallback(()=>{l.current=null,document.body.style.cursor="",window.removeEventListener("pointermove",w),window.removeEventListener("pointerup",y)},[w]);m.useEffect(()=>y,[y]);const R=m.useCallback((S,c)=>{!a||!g||!o||(c.preventDefault(),document.body.style.cursor=S==="move"?"grabbing":Q[S],l.current={handle:S,startX:c.clientX,startY:c.clientY,startPointerDesign:Ke(c.clientX,c.clientY,a,g.scale),startTransform:n,scale:g.scale},window.addEventListener("pointermove",w),window.addEventListener("pointerup",y))},[a,g,o,y,n,w]);return m.useEffect(()=>{if(typeof document>"u")return;const S=document.createElement("div");return document.body.appendChild(S),f.current=S,()=>{S.remove(),f.current=null}},[]),m.useEffect(()=>{const S=f.current;if(!S||(S.replaceChildren(),!g))return;const c=12,E=12,T=document.createElement("div");Object.assign(T.style,{position:"fixed",inset:"0",zIndex:"19999",pointerEvents:"none"});const u=document.createElement("div");Object.assign(u.style,{position:"absolute",left:`${g.left}px`,top:`${g.top}px`,width:`${g.width}px`,height:`${g.height}px`,border:`1px solid ${e}`,boxSizing:"border-box",transform:`rotate(${-n.rotation}deg)`,transformOrigin:`${n.pivot[0]*100}% ${(1-n.pivot[1])*100}%`,pointerEvents:o?"auto":"none",cursor:Q.move}),u.addEventListener("pointerdown",b=>R("move",b));const _=(b,v,O,M,x="translate(-50%, -50%)")=>{const P=document.createElement("div");return Object.assign(P.style,{position:"absolute",left:`${v*100}%`,top:`${O*100}%`,width:`${M}px`,height:`${M}px`,cursor:Q[b],transform:x,pointerEvents:"auto"}),P.addEventListener("pointerdown",C=>{C.stopPropagation(),R(b,C)}),P};for(const[b,v,O]of He){const M=_(b,v,O,c);M.style.background=t,u.appendChild(M)}for(const[b,v,O]of qe)u.appendChild(_(b,v,O,26));const D=_("pivot",n.pivot[0],1-n.pivot[1],E,"translate(-50%, -50%) rotate(45deg)");return Object.assign(D.style,{border:"2px solid #ffffff",background:"#111827",boxSizing:"border-box"}),u.appendChild(D),T.appendChild(u),S.appendChild(T),()=>{S.replaceChildren()}},[e,t,g,o,R,n]),null},Y={enabled:!1,targetObjectId:null,orientation:"none",uv:{x:.5,y:.5},vertexNormal:!1,offsetSpace:"local",offsetPosition:{x:0,y:0,z:0},offsetRotation:{x:0,y:0,z:0}},Je=(e,t,o,n)=>{const s=o.clone().sub(t),r=n.clone().sub(t),a=e.clone().sub(t),i=s.x*r.y-r.x*s.y;if(Math.abs(i)<1e-8)return null;const l=(a.x*r.y-r.x*a.y)/i,f=(s.x*a.y-a.x*s.y)/i,h=1-l-f;return h>=-1e-5&&l>=-1e-5&&f>=-1e-5?[h,l,f]:null},et=(e,t,o=!1)=>{const n=new d.Vector2(t.x,t.y),s=new d.Vector2,r=new d.Vector2,a=new d.Vector2,i=new d.Vector3,l=new d.Vector3,f=new d.Vector3,h=new d.Vector3,g=new d.Vector3,w=new d.Vector3;let y=null;if(e.traverse(S=>{var v,O;if(y||!S.isMesh)return;const c=S,E=c.geometry,T=(v=E==null?void 0:E.attributes)==null?void 0:v.position,u=(O=E==null?void 0:E.attributes)==null?void 0:O.uv;if(!T||!u)return;const _=E.attributes.normal,D=E.index,b=M=>(D==null?void 0:D.getX(M))??M;for(let M=0;M<(D?D.count:T.count);M+=3){const x=[b(M),b(M+1),b(M+2)];s.set(u.getX(x[0]),u.getY(x[0])),r.set(u.getX(x[1]),u.getY(x[1])),a.set(u.getX(x[2]),u.getY(x[2]));const P=Je(n,s,r,a);if(P){i.set(0,0,0),l.set(0,0,0),x.forEach((C,B)=>{f.fromBufferAttribute(T,C),i.addScaledVector(f,P[B]),_&&o&&l.addScaledVector(f.fromBufferAttribute(_,C),P[B])}),o||(h.fromBufferAttribute(T,x[0]),g.fromBufferAttribute(T,x[1]),w.fromBufferAttribute(T,x[2]),l.copy(g.sub(h).cross(w.sub(h)).normalize())),y={mesh:c,localPosition:i.clone(),localNormal:l.clone().normalize()};break}}}),y)return y;const R=new d.Box3().setFromObject(e);return{mesh:e,localPosition:e.worldToLocal(R.getCenter(new d.Vector3)),localNormal:new d.Vector3(0,1,0)}},tt=e=>({position:e.mesh.localToWorld(e.localPosition.clone()),normal:e.localNormal.clone().transformDirection(e.mesh.matrixWorld).normalize()}),N=(e,t=0)=>Number.isFinite(e)?e:t,K=new d.Vector3,Z=new d.Vector3,ue=new d.Matrix4,J=new d.Quaternion,ee=new d.Quaternion,ot=new d.Vector3(0,1,0),nt=e=>{e.position.set(0,0,0),e.quaternion.identity()},rt=({settings:e,source:t,surface:o})=>{e.orientation==="positionAndDirection"?(ue.lookAt(o.position,o.position.clone().add(o.normal),ot),J.setFromRotationMatrix(ue)):J.identity(),t.quaternion.copy(J),Z.set(N(e.offsetPosition.x),N(e.offsetPosition.y),N(e.offsetPosition.z)),e.offsetSpace==="local"&&Z.applyQuaternion(t.quaternion),K.copy(o.position).add(Z),t.parent&&t.parent.worldToLocal(K),t.position.copy(K),ee.setFromEuler(new d.Euler(N(e.offsetRotation.x)*Math.PI/180,N(e.offsetRotation.y)*Math.PI/180,N(e.offsetRotation.z)*Math.PI/180)),e.offsetSpace==="local"?t.quaternion.multiply(ee):t.quaternion.premultiply(ee)},st=({target:e,settings:t,children:o})=>{const n=ke.useResolveRuntimeObject(),s=m.useRef(null),r=m.useRef(null),a=()=>{s.current&&nt(s.current)};return m.useEffect(()=>{r.current=null},[t.targetObjectId]),m.useEffect(()=>{t.enabled||a()},[t.enabled]),ae.useFrame(()=>{const i=e??n(t.targetObjectId);if(!t.enabled||!i||!s.current){(!t.enabled||!i)&&a();return}const l=`${t.uv.x}:${t.uv.y}:${t.vertexNormal?"vertex":"face"}`;(!r.current||r.current.target!==i||r.current.key!==l)&&(r.current={key:l,target:i,surface:et(i,t.uv,t.vertexNormal)}),i.updateWorldMatrix(!0,!0);const f=tt(r.current.surface);rt({source:s.current,surface:f,settings:t})}),m.createElement("group",{ref:s},o)},A=e=>Math.round(e*2)/2,he=e=>Math.min(1,Math.max(0,e));function it(e){return Math.min(e.width/j.width,e.height/j.height)||1}function at({resolved:e,transform:t}){return e.size[0]/Math.max(Math.abs(t.size.width*t.scale2D.x),1e-6)||1}function ct({parent:e,resolved:t,transform:o}){const r=16*((Math.min(e.width/j.width,e.height/j.height)||1)*(G/Math.max(o.referencePixelsPerUnit,1e-6))),a=.028;return[r/Math.max(Math.abs(t.size[0])*a,1e-6),r/Math.max(Math.abs(t.size[1])*a,1e-6),1]}function lt({drag:e,clientX:t,clientY:o,designScale:n}){const s=(t-e.startX)/n,r=-(o-e.startY)/n,a={x:e.startPointerDesign.x+s,y:e.startPointerDesign.y+r},i={...e.startTransform,position:{...e.startTransform.position},size:{...e.startTransform.size},pivot:[...e.startTransform.pivot]};if(e.handle==="move")return i.position={x:A(e.startTransform.position.x+s),y:A(e.startTransform.position.y+r)},i;if(e.handle==="pivot"){const R=Math.max(1,e.startTransform.size.width*e.startTransform.scale2D.x),S=Math.max(1,e.startTransform.size.height*e.startTransform.scale2D.y),c=he(e.startTransform.pivot[0]+s/R),E=he(e.startTransform.pivot[1]+r/S);return i.pivot=[A(c*1e3)/1e3,A(E*1e3)/1e3],i.position={x:A(e.startTransform.position.x+(i.pivot[0]-e.startTransform.pivot[0])*R),y:A(e.startTransform.position.y+(i.pivot[1]-e.startTransform.pivot[1])*S)},i}if(e.handle.startsWith("rotate")){const R=Math.atan2(e.startPointerDesign.y-e.startTransform.position.y,e.startPointerDesign.x-e.startTransform.position.x),S=Math.atan2(a.y-e.startTransform.position.y,a.x-e.startTransform.position.x);return i.rotation=A(e.startTransform.rotation+(S-R)*180/Math.PI),i}const l=e.handle==="left"||e.handle.endsWith("Left"),f=e.handle==="right"||e.handle.endsWith("Right"),h=e.handle==="top"||e.handle.startsWith("top"),g=e.handle==="bottom"||e.handle.startsWith("bottom"),w=f?s*2:l?-s*2:0,y=h?r*2:g?-r*2:0;return i.size={width:Math.max(1,A(e.startTransform.size.width+w)),height:Math.max(1,A(e.startTransform.size.height+y))},i}function ge({transform:e,guideLayer:t,guideColor:o,onChange:n,children:s}){const r=$.useScreenSpace(),{size:a}=ae.useThree(),i=m.useRef(n);i.current=n;const l=m.useRef(null),f=m.useMemo(()=>H({transform:e,parentSize:r}),[r,e]),h=it(a),g=m.useRef(h);g.current=h;const w=at({resolved:f,transform:e}),y=m.useCallback(E=>{const T=l.current,u=i.current;!T||!u||u(lt({drag:T,clientX:E.clientX,clientY:E.clientY,designScale:g.current}))},[]),R=m.useCallback(()=>{l.current=null,document.body.style.cursor="",window.removeEventListener("pointermove",y),window.removeEventListener("pointerup",R)},[y]);m.useEffect(()=>R,[R]);const S=m.useCallback((E,T)=>{n&&(l.current={handle:E,startX:T.nativeEvent.clientX,startY:T.nativeEvent.clientY,startPointerDesign:{x:T.point.x/w,y:T.point.y/w},startTransform:e},window.addEventListener("pointermove",y),window.addEventListener("pointerup",R))},[n,R,e,w,y]),c=m.useMemo(()=>ct({parent:r,resolved:f,transform:e}),[r,f,e]);return p.jsx("group",{position:[f.center[0]+(e.pivot[0]-.5)*f.size[0],f.center[1]+(e.pivot[1]-.5)*f.size[1],0],rotation:f.rotation,children:p.jsx("group",{position:[(.5-e.pivot[0])*f.size[0],(.5-e.pivot[1])*f.size[1],0],scale:f.size,children:p.jsxs($.ScreenRectAspectContext.Provider,{value:f.aspect,children:[s,e.showTransformGuides&&t==="scene"?p.jsx(Ve,{color:o,controlScale:c,onHandlePointerDown:n?S:void 0,pivot:e.pivot,pivotScale:c,renderOrder:e.renderOrder+1}):null,e.showTransformGuides&&t==="overlay"?p.jsx(Ze,{color:o,onChange:n,transform:e}):null]})})})}const U={tint:"#dff6ff",opacity:.28,frost:.35,highlight:.55},ce=e=>({...U,...e,opacity:d.MathUtils.clamp((e==null?void 0:e.opacity)??U.opacity,0,1),frost:d.MathUtils.clamp((e==null?void 0:e.frost)??U.frost,0,1),highlight:d.MathUtils.clamp((e==null?void 0:e.highlight)??U.highlight,0,1)}),dt=`
+  varying vec2 vPosition;
+  void main() {
+    vPosition = position.xy;
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  }
+`,ft=`
+  uniform vec3 tint;
+  uniform float opacity;
+  uniform float frost;
+  uniform float highlight;
+  varying vec2 vPosition;
+
+  void main() {
+    float grain = fract(sin(dot(vPosition * 997.0, vec2(12.9898, 78.233))) * 43758.5453);
+    float sheen = smoothstep(0.15, 0.85, 1.0 - (vPosition.x + vPosition.y + 1.0) * 0.5);
+    vec3 frosted = mix(tint, vec3(1.0), frost * (0.18 + grain * 0.08));
+    vec3 color = mix(frosted, vec3(1.0), sheen * highlight * 0.32);
+    gl_FragColor = vec4(color, opacity);
+  }
+`,Te=({opacity:e=1,value:t})=>{const o=m.useMemo(()=>{const n=ce(t);return{tint:{value:new d.Color(n.tint)},opacity:{value:n.opacity*e},frost:{value:n.frost},highlight:{value:n.highlight}}},[e,t]);return p.jsx("shaderMaterial",{uniforms:o,vertexShader:dt,fragmentShader:ft,transparent:!0,depthTest:!1,depthWrite:!1,toneMapped:!1})},te=(e,t=1)=>Array.from({length:e},(o,n)=>{const s=n%2?t*.5:.5,r=-Math.PI/2+n/e*Math.PI*2;return[Math.cos(r)*s,Math.sin(r)*s,0]}),pt=e=>{switch(e.kind){case"line":return[[e.lineStart.x-.5,.5-e.lineStart.y,0],[e.lineEnd.x-.5,.5-e.lineEnd.y,0]];case"polygon":return te(Math.max(3,Math.round(e.sides)));case"star":return te(Math.max(3,Math.round(e.sides))*2,ne.MathUtils.clamp(e.innerRadiusRatio,.05,.95));case"rectangle":return[[-.5,-.5,0],[.5,-.5,0],[.5,.5,0],[-.5,.5,0]];case"roundedRectangle":{const t=ne.MathUtils.clamp(e.cornerRadius,0,.5),o=[];return[[.5-t,.5-t,0],[-.5+t,.5-t,Math.PI/2],[-.5+t,-.5+t,Math.PI],[.5-t,-.5+t,Math.PI*1.5]].forEach(([s,r,a])=>{for(let i=0;i<=6;i+=1){const l=a+i/6*(Math.PI/2);o.push([s+Math.cos(l)*t,r+Math.sin(l)*t,0])}}),o}case"circle":case"ellipse":default:return te(64)}},ut=e=>{const t=new ne.Shape;return e.forEach(([o,n],s)=>s?t.lineTo(o,n):t.moveTo(o,n)),t.closePath(),t},W={kind:"rectangle",fillColor:"#38bdf8",fillOpacity:1,fillMode:"solid",gradient:k.DEFAULT_SCREEN_GRADIENT,glass:U,strokeColor:"#ffffff",strokeOpacity:1,strokeWidth:3,cornerRadius:.15,sides:5,innerRadiusRatio:.45,dashed:!1,lineStart:{x:.1,y:.5},lineEnd:{x:.9,y:.5}},be=e=>{const t={...W,...e,lineStart:{...W.lineStart,...e==null?void 0:e.lineStart},lineEnd:{...W.lineEnd,...e==null?void 0:e.lineEnd},gradient:k.normalizeScreenGradient(e==null?void 0:e.gradient),glass:ce(e==null?void 0:e.glass)},o=(n,s)=>Number.isFinite(n)?n:s;return{...t,fillOpacity:d.MathUtils.clamp(o(t.fillOpacity,1),0,1),strokeOpacity:d.MathUtils.clamp(o(t.strokeOpacity,1),0,1),strokeWidth:Math.max(0,o(t.strokeWidth,0)),cornerRadius:d.MathUtils.clamp(o(t.cornerRadius,0),0,.5),sides:d.MathUtils.clamp(Math.round(o(t.sides,5)),3,12),innerRadiusRatio:d.MathUtils.clamp(o(t.innerRadiusRatio,.45),.05,.95),lineStart:{x:d.MathUtils.clamp(o(t.lineStart.x,.1),0,1),y:d.MathUtils.clamp(o(t.lineStart.y,.5),0,1)},lineEnd:{x:d.MathUtils.clamp(o(t.lineEnd.x,.9),0,1),y:d.MathUtils.clamp(o(t.lineEnd.y,.5),0,1)}}},ht=({name:e,renderOrder:t,settings:o,visible:n})=>{const s=$.useScreenRectAspect(),r=m.useMemo(()=>pt(o),[o]),a=m.useMemo(()=>ut(r),[r]),l=["circle","polygon","star"].includes(o.kind)?[Math.min(1,1/s),Math.min(1,s),1]:[1,1,1],h=o.kind!=="line"?[...r,r[0]]:r;return p.jsxs("group",{name:e,visible:n,scale:l,children:[o.kind!=="line"&&o.fillOpacity>0?p.jsxs("mesh",{renderOrder:t,children:[p.jsx("shapeGeometry",{args:[a]}),o.fillMode==="glass"?p.jsx(Te,{value:o.glass,opacity:o.fillOpacity}):p.jsx(k.MaterialFill,{settings:{source:o.fillMode,color:o.fillColor,opacity:o.fillOpacity,gradient:o.gradient}})]}):null,o.strokeWidth>0&&o.strokeOpacity>0?p.jsx(Be.Line,{points:h,color:o.strokeColor,lineWidth:o.strokeWidth,opacity:o.strokeOpacity,transparent:o.strokeOpacity<1,dashed:o.dashed,dashSize:.05,gapSize:.03,depthTest:!1,depthWrite:!1,renderOrder:t+1}):null]})},mt=({name:e,onScreenTransformChange:t,renderOrder:o,settings:n,transform:s,transformGuideLayer:r="scene",visible:a=!0})=>{const i=m.useMemo(()=>be(n),[n]),l=m.useMemo(()=>xe(s??F),[s]);return l.enabled?p.jsx(ge,{transform:l,guideLayer:r,guideColor:"#38bdf8",onChange:t,children:p.jsx(ht,{name:e,settings:i,visible:a&&l.visible,renderOrder:o??l.renderOrder})}):null};function St(e){const{screenSpaceUI:t,screenImage:o}=e,{image:n,transformation:s}=o,r=n.src.trim();return{shouldRender:t.enabled&&o.enabled&&s.enabled,props:{source:n.sourceKind==="image"&&r.length>0?{kind:"image",src:r}:{kind:"default"},transform:o.screenTransform,coordinateSpace:s.coordinateSpace,canvasSize:s.canvasSize,position:[s.position.x,s.position.y],size:[s.size.width,s.size.height],rotation:s.rotation,pivot:s.pivot,stretchMode:n.stretchMode,materialType:n.materialType,blendMode:n.blendMode,opacity:n.opacity,color:n.color,flipX:n.flipX,flipY:n.flipY,renderOrder:s.renderOrder,transparent:n.transparent,alphaTest:n.alphaTest,overlay:s.overlay,visible:s.visible}}}const q={enabled:!0,preset:"placeholder",transformation:{enabled:!0,showFitGuides:!1,coordinateSpace:"canvas",canvasSize:{width:720,height:1280},position:{x:0,y:0},size:{width:680,height:1230},rotation:0,pivot:[.5,.5],renderOrder:999,overlay:!0,visible:!0},screenTransform:{...F,renderOrder:999},image:{sourceKind:"default",src:"",stretchMode:"fit",materialType:"unlit",blendMode:"normal",opacity:1,color:"#ffffff",flipX:!1,flipY:!1,transparent:!0,alphaTest:0}},xt={screenImage:q,screenSpaceUI:{enabled:!0}},gt=e=>e*Math.PI/180;function ye(e){if(!e)return;const t=e.offset??0,o=gt(e.angle??-45);return{color:e.color,opacity:e.opacity,blur:(e.feather??0)*100,offsetX:Math.cos(o)*t,offsetY:Math.sin(o)*t}}function Tt(e){const{screenSpaceUI:t,screenText:o}=e,{content:n,layout:s,style:r,transformation:a}=o,i=r.background;return{shouldRender:t.enabled&&o.enabled&&a.enabled,props:{text:n.text,screenTransform:o.screenTransform,coordinateSpace:a.coordinateSpace,canvasSize:a.canvasSize,position:[a.position.x,a.position.y],size:[a.size.width,a.size.height],rotation:a.rotation,pivot:a.pivot,renderOrder:a.renderOrder,overlay:a.overlay,visible:a.visible,showTransformGuides:a.showTransformGuides,fontSize:r.fontSize,fontFamily:r.fontFamily,fontWeight:r.fontWeight,fontStyle:r.fontStyle,underline:r.underline,strikethrough:r.strikethrough,letterSpacing:r.letterSpacing,lineSpacing:r.lineSpacing,color:r.color,opacity:r.opacity,outlineEnabled:r.outlineEnabled,strokeLayers:r.strokeLayers,shadowEnabled:r.shadowEnabled,shadowLayers:r.shadowLayers,innerShadow:r.innerShadowEnabled?ye(r.innerShadow):void 0,glow:r.glowEnabled?r.glow:void 0,bend:r.bendEnabled?r.bend:void 0,bgColor:i.enabled?i.color:"transparent",bgOpacity:i.opacity,bgFit:i.fit,bgAutoSize:i.autoSize,bgFillMode:i.fillMode,bgWidth:i.width,bgHeight:i.height,bgGradientStops:i.gradientStops,bgTextureUrl:i.textureUrl,bgTextureFit:i.textureFit,bgTextureFlipX:i.textureFlipX,bgTextureFlipY:i.textureFlipY,padding:i.padding,borderColor:i.borderEnabled?i.borderColor:void 0,borderWidth:i.borderEnabled?i.borderWidth:0,borderRadius:i.borderRadius,textAlign:s.textAlign,verticalAlign:s.verticalAlign,overflow:s.overflow,resizeToFit:s.resizeToFit,minFontSize:s.minFontSize}}}const Ee={color:"#000000",blur:0,offsetX:7.071,offsetY:-7.071,opacity:1,offset:10,angle:-45,feather:0},ve={screenText:{enabled:!0,content:{text:"Hello from Vincentt"},layout:{textAlign:"center",verticalAlign:"center",overflow:"clip",resizeToFit:!1,minFontSize:32},style:{fontSize:72,fontFamily:'"Space Grotesk", sans-serif',fontWeight:400,bold:!1,fontStyle:"normal",underline:!1,strikethrough:!1,letterSpacing:0,lineSpacing:.3,color:"#ffffff",opacity:1,aspect:3,outlineEnabled:!0,shadowEnabled:!1,innerShadowEnabled:!1,innerShadow:{color:"#000000",opacity:1,offset:10,angle:-45,feather:0},glowEnabled:!1,glow:{color:"#ffffff",style:"outward",intensity:.5,range:.5,horizontalAngle:0,verticalAngle:0},bendEnabled:!1,bend:{preset:"arc",strength:100},background:{enabled:!1,autoSize:!0,fit:"text",fillMode:"solid",color:"#14286e",opacity:1,borderRadius:32,padding:0,width:540,height:220,borderEnabled:!1,borderWidth:0,borderColor:"#ffffff",gradientStops:[{color:"#14286e",position:0},{color:"#3657d6",position:.5},{color:"#8ab4ff",position:1}],textureUrl:"",textureFit:"cover",textureFlipX:!1,textureFlipY:!1},strokeLayers:[{color:"#0f172a",width:12,opacity:1}],shadowLayers:[Ee]},screenTransform:{...F,renderOrder:1e3},transformation:{enabled:!0,showTransformGuides:!1,coordinateSpace:"canvas",canvasSize:{width:720,height:1280},position:{x:0,y:0},size:{width:680,height:1230},rotation:0,pivot:[.5,.5],renderOrder:1e3,overlay:!0,visible:!0},textArtPreset:"clean"},screenImage:q,screenSpaceUI:{enabled:!0}},le=e=>{const t=typeof crypto<"u"&&"randomUUID"in crypto?crypto.randomUUID():`${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;return`${e}_${t}`},Me=()=>le("obj"),we=()=>le("cmp"),I=e=>typeof structuredClone=="function"?structuredClone(e):JSON.parse(JSON.stringify(e)),Re=()=>I(k.DEFAULT_TRANSFORM_3D),De=()=>I(F),Oe=()=>I(q),Pe=()=>I(ve.screenText),ze=()=>I(W),je=()=>I($.DEFAULT_MESH_RENDERER),_e=()=>I(k.DEFAULT_FACE_MESH_RENDERER),Ce=()=>({type:"standard",color:"#ffffff",opacity:1,wireframe:!1,roughness:.42,metalness:.08}),Le=()=>({flipX:!1,flipY:!1}),bt=()=>({enabled:!0,type:"directional",color:"#ffffff",intensity:2.2,castShadow:!0,distance:10,angle:Math.PI/6,penumbra:.2,decay:2,showHelper:!1}),yt=()=>({enabled:!1,targetObjectId:null,mode:"point",inheritChildren:!1,offsetRotation:{x:0,y:0,z:0}}),Et=()=>({...Y,uv:{...Y.uv},offsetPosition:{...Y.offsetPosition},offsetRotation:{...Y.offsetRotation}}),vt=()=>I(Xe.DEFAULT_TRACKING_ANCHOR),Ae={Transform:Re,ScreenTransform:De,ScreenImage:Oe,ScreenText:Pe,ScreenShape:ze,MeshRenderer:je,FaceMeshRenderer:_e,Material:Ce,Texture:Le,Light:bt,LookAt:yt,PinToMesh:Et,TrackingAnchor:vt},Mt=({componentIds:e=[],enabled:t=!0,id:o=Me(),parentObjectId:n=null,childObjectIds:s=[],renderGroupId:r,layerId:a,name:i})=>({id:o,name:i,enabled:t,parentObjectId:n,childObjectIds:s,layerId:a,renderGroupId:r??a,componentIds:e}),wt=(e,t)=>({id:we(),objectId:t,type:e,enabled:!0,settings:Ae[e]()}),X=(e,t)=>{const o=e.objects[t];return o?o.componentIds.map(n=>e.components[n]).filter(n=>!!n):[]},Rt=()=>{let e=null,t=null,o=null,n=[];return(s,r)=>{const a=s.objects[r];if(!a)return e=s,t=r,o=null,n=[],n;const i=a.componentIds;return e===s&&t===r&&o===i&&n.length===i.length&&n.every(f=>s.components[f.id]===f)||(e=s,t=r,o=i,n=X(s,r)),n}},Dt=(e,t)=>{const o=e.objects[t.objectId];return o?{...e,objects:{...e.objects,[o.id]:{...o,componentIds:[...o.componentIds,t.id]}},components:{...e.components,[t.id]:t}}:e},Ot=(e,t,o,n)=>{const s=e.objects[t];if(!s||s.componentIds.indexOf(o)<0)return e;const a=s.componentIds.filter(i=>i!==o);return a.splice(Math.max(0,Math.min(n,a.length)),0,o),{...e,objects:{...e.objects,[t]:{...s,componentIds:a}}}},Pt=(e,t,o)=>{const n=e.objects[t];if(!n)return e;const s={...e.components};return delete s[o],{...e,objects:{...e.objects,[t]:{...n,componentIds:n.componentIds.filter(r=>r!==o)}},components:s}},re=(e,t)=>e.components[t.id]?{...e,components:{...e.components,[t.id]:t}}:e,Fe=(e,t)=>e.objects[t.id]?{...e,objects:{...e.objects,[t.id]:t}}:e,Ie=(e,t)=>{const o=e.objects[t],n=(o==null?void 0:o.childObjectIds)??[],s=Object.values(e.objects).filter(a=>a.parentObjectId===t).map(a=>a.id);return[...new Set([...n,...s])].map(a=>e.objects[a]).filter(a=>!!a)},zt=(e,t,o)=>{var r;let n=o;const s=new Set;for(;n;){if(n===t||s.has(n))return!0;s.add(n),n=((r=e.objects[n])==null?void 0:r.parentObjectId)??null}return!1},me=(e,t)=>{const o=new Set(X(e,t).map(n=>n.type));return o.has("Transform")?"3d":o.has("ScreenTransform")?"2d":null},Ne=(e,t,o,n)=>{const s=e.objects[t];if(!s||o!==null&&!e.objects[o])return e;if(o!==null){const i=me(e,t),l=me(e,o);if(i&&l&&i!==l)return e}if(zt(e,t,o))return e;const r=s.parentObjectId??null;if(r===o&&o===null)return e;const a={...e.objects};if(r&&a[r]){const i=a[r];a[r]={...i,childObjectIds:(i.childObjectIds??[]).filter(l=>l!==t)}}if(a[t]={...s,parentObjectId:o},o){const i=a[o],l=(i.childObjectIds??[]).filter(f=>f!==t);l.splice(Math.max(0,Math.min(n??l.length,l.length)),0,t),a[o]={...i,childObjectIds:l}}return{...e,objects:a}},oe=Math.PI/180,V=180/Math.PI,z=e=>Number(e.toFixed(4)),jt=e=>(e==null?void 0:e.type)==="Transform",Ue=(e,t)=>X(e,t).find(jt)??null,_t=e=>(e==null?void 0:e.type)==="ScreenTransform",Ge=(e,t)=>X(e,t).find(_t)??null,Ct=e=>new d.Matrix4().compose(new d.Vector3(e.position.x,e.position.y,e.position.z),new d.Quaternion().setFromEuler(new d.Euler(e.rotation.x*oe,e.rotation.y*oe,e.rotation.z*oe)),new d.Vector3(e.scale.x,e.scale.y,e.scale.z)),Lt=(e,t)=>{const o=Ue(e,t);return o?Ct(o.settings):new d.Matrix4},se=(e,t)=>{const o=e.objects[t],n=Lt(e,t);return!(o!=null&&o.parentObjectId)||!e.objects[o.parentObjectId]?n:se(e,o.parentObjectId).multiply(n)},At=e=>{const t=H({transform:e,parentSize:j,snapIncrement:0});return new d.Matrix4().compose(new d.Vector3(...t.center),new d.Quaternion().setFromEuler(new d.Euler(...t.rotation)),new d.Vector3(...t.size))},ie=(e,t)=>{var r;const o=Ge(e,t),n=o?At(o.settings):new d.Matrix4,s=(r=e.objects[t])==null?void 0:r.parentObjectId;return!s||!e.objects[s]?n:ie(e,s).multiply(n)},Ft=(e,t)=>{const o=new d.Vector3,n=new d.Quaternion,s=new d.Vector3;e.decompose(o,n,s);const r=new d.Euler().setFromQuaternion(n);return{...t,position:{x:z(o.x),y:z(o.y),z:z(o.z)},rotation:{x:z(r.x*V),y:z(r.y*V),z:z(r.z*V)},scale:{x:z(s.x),y:z(s.y),z:z(s.z)}}},It=(e,t)=>{const o=new d.Vector3,n=new d.Quaternion,s=new d.Vector3;e.decompose(o,n,s);const r=new d.Euler().setFromQuaternion(n),a=G/t.referencePixelsPerUnit,i=Math.abs(s.x),l=Math.abs(s.y),f=(t.pivot[0]-.5)*i,h=(t.pivot[1]-.5)*l;return{...t,position:{x:z((o.x+f)/a),y:z((o.y+h)/a)},rotation:z(r.z*V),scale2D:{x:z(i/(t.size.width*a)),y:z(l/(t.size.height*a))}}},Nt=(e,t,o,n)=>{const s=Ue(e,t),r=Ge(e,t),a=s?se(e,t):r?ie(e,t):null,i=Ne(e,t,o,n);if(i===e||!a)return i;const f=(o?s?se(i,o):ie(i,o):new d.Matrix4).clone().invert().multiply(a);return r?re(i,{...r,settings:It(f,r.settings)}):s?re(i,{...s,settings:Ft(f,s.settings)}):i},Ut=(e,t,o)=>{const n=e.objects[t];return n?Fe(e,{...n,enabled:o}):e},Gt=(e,t)=>{const o=e.objects[t];if(!o)return e;const n=Ie(e,t).map(i=>i.id),s={...e.objects};delete s[t];const r=Object.fromEntries(Object.entries(s).map(([i,l])=>[i,n.includes(i)||l.parentObjectId===t?{...l,parentObjectId:null}:{...l,childObjectIds:(l.childObjectIds??[]).filter(f=>f!==t)}])),a={...e.components};for(const i of o.componentIds)delete a[i];return{...e,objects:r,components:a}},We=30,Wt=31,kt=(e,t=1)=>{const o=t+e;if(o<1||o>We)throw new RangeError(`Render-group layer ${o} is outside the supported range 1-30.`);return o},Xt=({renderer:e,scene:t,camera:o,layers:n,includeDefaultLayer:s=!0})=>{const r=o.layers.mask,a=e.autoClear;try{if(e.autoClear=!1,e.clear(!0,!0,!0),n.length===0){o.layers.set(0),e.render(t,o);return}n.forEach((i,l)=>{o.layers.set(i),s&&i!==0&&o.layers.enable(0),l>0&&e.clearDepth(),e.render(t,o)})}finally{o.layers.mask=r,e.autoClear=a}};exports.DEFAULT_PIXEL_SNAP_INCREMENT=Se;exports.DEFAULT_REFERENCE_PIXELS_PER_UNIT=G;exports.DEFAULT_SCREEN_GLASS=U;exports.DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS=xt;exports.DEFAULT_SCREEN_IMAGE_SETTINGS=q;exports.DEFAULT_SCREEN_SHAPE_SETTINGS=W;exports.DEFAULT_SCREEN_TEXT_SCENE_SETTINGS=ve;exports.DEFAULT_SCREEN_TEXT_SHADOW_LAYER=Ee;exports.DEFAULT_SCREEN_TRANSFORM_2D=F;exports.DEFAULT_SCREEN_TRANSFORM_ROOT=j;exports.EXTERNAL_BACKGROUND_RENDER_LAYER=Wt;exports.MAX_RENDER_GROUP_PASSES=We;exports.PinToMesh=st;exports.ScreenGlassMaterial=Te;exports.ScreenShape=mt;exports.ScreenTransformFrame=ge;exports.addComponentToObject=Dt;exports.componentDefaults=Ae;exports.createDefaultComponent=wt;exports.createDefaultFaceMeshRendererSettings=_e;exports.createDefaultMaterialSettings=Ce;exports.createDefaultMeshRendererSettings=je;exports.createDefaultScreenImageSettings=Oe;exports.createDefaultScreenShapeSettings=ze;exports.createDefaultScreenTextSettings=Pe;exports.createDefaultScreenTransformSettings=De;exports.createDefaultTextureSettings=Le;exports.createDefaultTransformSettings=Re;exports.createOrderedComponentsSelector=Rt;exports.createSceneComponentId=we;exports.createSceneId=le;exports.createSceneObject=Mt;exports.createSceneObjectId=Me;exports.deleteSceneObject=Gt;exports.getOrderedComponents=X;exports.getRenderGroupLayer=kt;exports.getSceneObjectChildren=Ie;exports.mapScreenImageSettingsToProps=St;exports.mapScreenTextInnerShadowToProps=ye;exports.mapScreenTextSettingsToProps=Tt;exports.mergeScreenShapeSettings=be;exports.mergeScreenTransform2D=xe;exports.moveComponent=Ot;exports.normalizeScreenGlass=ce;exports.removeComponent=Pt;exports.renderSequentialPasses=Xt;exports.replaceSceneComponent=re;exports.replaceSceneObject=Fe;exports.resolveScreenTransform2D=H;exports.setSceneObjectParent=Ne;exports.setSceneObjectParentPreserveWorldTransform=Nt;exports.setSceneObjectVisible=Ut;