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

package/dist/debug-ui/face-warp-3d/index.d.ts

@@ -0,0 +1,6 @@
+import { FaceWarp3DSettings } from '../../components/FaceWarp3D';
+export type FaceWarp3DSettingsPanelProps = {
+    value: FaceWarp3DSettings;
+    onChange: (next: FaceWarp3DSettings) => void;
+};
+export declare const FaceWarp3DSettingsPanel: ({ value, onChange }: FaceWarp3DSettingsPanelProps) => null;

package/dist/debug-ui/hand-joints-2d/index.d.ts

@@ -0,0 +1,6 @@
+import { HandJoints2DSettings } from '../../handJoints2d';
+export type HandJoints2DSettingsPanelProps = {
+    value: HandJoints2DSettings;
+    onChange: (next: HandJoints2DSettings) => void;
+};
+export declare const HandJoints2DSettingsPanel: ({ value, onChange }: HandJoints2DSettingsPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/hand-tracking-2d/index.d.ts

@@ -0,0 +1,6 @@
+import { HandTracking2DSettings } from '../../handTracking2d';
+export type HandTracking2DSettingsPanelProps = {
+    value: HandTracking2DSettings;
+    onChange: (next: HandTracking2DSettings) => void;
+};
+export declare const HandTracking2DSettingsPanel: ({ value, onChange, }: HandTracking2DSettingsPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/hand-tracking-2d-controller/index.d.ts

@@ -0,0 +1,6 @@
+import { HandTracking2DControllerSettings } from '../../handTracking2dController';
+export type HandTracking2DControllerSettingsPanelProps = {
+    value: HandTracking2DControllerSettings;
+    onChange: (next: HandTracking2DControllerSettings) => void;
+};
+export declare const HandTracking2DControllerSettingsPanel: ({ value, onChange, }: HandTracking2DControllerSettingsPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/hand-tracking-3d/index.d.ts

@@ -0,0 +1,6 @@
+import { HandTracking3DSettings } from '../../handTracking3d';
+export type HandTracking3DSettingsPanelProps = {
+    value: HandTracking3DSettings;
+    onChange: (next: HandTracking3DSettings) => void;
+};
+export declare const HandTracking3DSettingsPanel: ({ value, onChange, }: HandTracking3DSettingsPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/index.d.ts

@@ -0,0 +1,23 @@
+export { defaultMediaSources, sdkImageMediaSources, sdkVideoMediaSources } from './media-source';
+export type { MediaSourcePreset, MediaSourceSwitcherProps } from './media-source';
+export { MediaSourceSwitcher } from './media-source';
+export type { DefaultSettingPanelProps } from './default-setting';
+export { DefaultSettingPanel } from './default-setting';
+export type { ScreenTextArtPreset, ScreenTextSettings, ScreenTextSceneSettings, ScreenTextSettingsPanelProps, } from './screen-text-settings';
+export { ScreenTextSettingsPanel } from './screen-text-settings';
+export type { ScreenImageSettingsPanelProps } from './screen-image-settings';
+export { ScreenImageSettingsPanel } from './screen-image-settings';
+export type { HandTracking2DSettingsPanelProps } from './hand-tracking-2d';
+export { HandTracking2DSettingsPanel } from './hand-tracking-2d';
+export type { HandTracking2DControllerSettingsPanelProps } from './hand-tracking-2d-controller';
+export { HandTracking2DControllerSettingsPanel } from './hand-tracking-2d-controller';
+export type { HandJoints2DSettingsPanelProps } from './hand-joints-2d';
+export { HandJoints2DSettingsPanel } from './hand-joints-2d';
+export type { HandTracking3DSettingsPanelProps } from './hand-tracking-3d';
+export { HandTracking3DSettingsPanel } from './hand-tracking-3d';
+export type { LayerDomain, LayerNode, LayerPanelProps } from './layer-panel';
+export { LayerPanel } from './layer-panel';
+export type { SettingsPanelField, SettingsPanelOption, SettingsPanelProps, SettingsPanelValue, } from './settings-panel';
+export { SettingsPanel } from './settings-panel';
+export type { FaceWarp3DSettingsPanelProps } from './face-warp-3d';
+export { FaceWarp3DSettingsPanel } from './face-warp-3d';

package/dist/debug-ui/layer-panel/index.d.ts

@@ -0,0 +1,17 @@
+import { LayerDomain, LayerNode } from '../../layerStack';
+export type { LayerDomain, LayerNode };
+export type LayerPanelProps = {
+    layers: LayerNode[];
+    selectedLayerId: string;
+    onSelectLayer: (id: string) => void;
+    onToggleVisible: (id: string, visible: boolean) => void;
+    onToggleEnabled: (id: string, enabled: boolean) => void;
+    onReorder: (nextLayers: LayerNode[]) => void;
+    onRename?: (id: string, label: string) => void;
+    onToggleLocked?: (id: string, locked: boolean) => void;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+};
+export declare const LayerPanel: ({ layers, selectedLayerId, onSelectLayer, onToggleVisible, onToggleEnabled, onReorder, onToggleLocked, initialPosition, }: LayerPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/media-source/MediaSourceSwitcher.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+import { MediaSourcePreset } from './media-preset';
+export type { MediaSourcePreset } from './media-preset';
+export type MediaSourceSwitcherProps = {
+    value: MediaSourcePreset;
+    onChange: (value: MediaSourcePreset) => void;
+    sources: MediaSourcePreset[];
+    style?: CSSProperties;
+};
+export declare const MediaSourceSwitcher: ({ value, onChange, sources, style, }: MediaSourceSwitcherProps) => import('react').ReactPortal | null;

package/dist/debug-ui/media-source/index.d.ts

@@ -0,0 +1,4 @@
+export { defaultMediaSources, sdkImageMediaSources, sdkVideoMediaSources } from './media-preset';
+export type { MediaSourcePreset } from './media-preset';
+export { MediaSourceSwitcher } from './MediaSourceSwitcher';
+export type { MediaSourceSwitcherProps } from './MediaSourceSwitcher';

package/dist/debug-ui/media-source/media-preset.d.ts

@@ -0,0 +1,9 @@
+export type MediaSourcePreset = {
+    id: string;
+    kind: "webcam" | "image" | "video";
+    label: string;
+    url?: string;
+};
+export declare const sdkVideoMediaSources: MediaSourcePreset[];
+export declare const sdkImageMediaSources: MediaSourcePreset[];
+export declare const defaultMediaSources: MediaSourcePreset[];

package/dist/debug-ui/media-source.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../MediaSourceSwitcher-Cq3g4IKw.cjs");exports.MediaSourceSwitcher=e.MediaSourceSwitcher;exports.defaultMediaSources=e.defaultMediaSources;exports.sdkImageMediaSources=e.sdkImageMediaSources;exports.sdkVideoMediaSources=e.sdkVideoMediaSources;

package/dist/debug-ui/media-source.js

@@ -0,0 +1,7 @@
+import { M as s, d, s as o, a as r } from "../MediaSourceSwitcher-C-xYg0nQ.js";
+export {
+  s as MediaSourceSwitcher,
+  d as defaultMediaSources,
+  o as sdkImageMediaSources,
+  r as sdkVideoMediaSources
+};

package/dist/debug-ui/screen-image-settings/index.d.ts

@@ -0,0 +1,7 @@
+import { ScreenImageSceneSettings } from '../../screenImageSettings';
+export type ScreenImageSettingsPanelProps = {
+    value: ScreenImageSceneSettings;
+    onChange: (next: ScreenImageSceneSettings) => void;
+    copyLabel?: string;
+};
+export declare const ScreenImageSettingsPanel: ({ value, onChange, copyLabel, }: ScreenImageSettingsPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/screen-text-settings/index.d.ts

@@ -0,0 +1,122 @@
+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 ScreenTextSettings = {
+    enabled: boolean;
+    content: {
+        text: string;
+    };
+    layout: {
+        textAlign?: "left" | "center" | "right";
+        verticalAlign?: "top" | "center" | "bottom";
+        overflow?: "clip" | "ellipsis" | "clamp" | "shrink";
+        resizeToFit?: boolean;
+        minFontSize?: number;
+    };
+    style: {
+        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?: {
+            color: string;
+            opacity?: number;
+            offset?: number;
+            angle?: number;
+            feather?: number;
+        };
+        glowEnabled?: boolean;
+        glow?: {
+            color: string;
+            style: "outward" | "contoured";
+            intensity?: number;
+            range?: number;
+            horizontalAngle?: number;
+            verticalAngle?: number;
+        };
+        bendEnabled?: boolean;
+        bend?: {
+            preset: "arc" | "arc-lower" | "arc-upper" | "arch" | "bulge" | "shell-lower" | "shell-upper" | "flag" | "wave" | "fish" | "rise" | "fisheye" | "inflate" | "squeeze" | "twist";
+            strength: number;
+        };
+        strokeLayers?: Array<{
+            color: string;
+            width: number;
+            opacity?: number;
+        }>;
+        shadowLayers?: Array<{
+            color: string;
+            blur: number;
+            offsetX?: number;
+            offsetY?: number;
+            opacity?: number;
+            offset?: number;
+            angle?: number;
+            feather?: number;
+        }>;
+        background: {
+            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;
+        };
+    };
+    transformation: {
+        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;
+    };
+    textArtPreset: ScreenTextArtPreset;
+};
+export type ScreenTextSceneSettings = {
+    screenText: ScreenTextSettings;
+    screenSpaceUI: {
+        enabled: boolean;
+    };
+};
+export type ScreenTextSettingsPanelProps = {
+    value: ScreenTextSceneSettings;
+    onChange: (next: ScreenTextSceneSettings) => void;
+    copyLabel?: string;
+};
+export declare const ScreenTextSettingsPanel: ({ value, onChange, copyLabel, }: ScreenTextSettingsPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/settings-panel/index.d.ts

@@ -0,0 +1,38 @@
+export type SettingsPanelValue = string | number | boolean;
+export type SettingsPanelOption = {
+    label: string;
+    value: SettingsPanelValue;
+};
+type SettingsPanelFieldBase<T extends object> = {
+    key: Extract<keyof T, string>;
+    label: string;
+};
+export type SettingsPanelField<T extends object> = (SettingsPanelFieldBase<T> & {
+    type: "number";
+    min?: number;
+    max?: number;
+    step?: number;
+}) | (SettingsPanelFieldBase<T> & {
+    type: "boolean";
+}) | (SettingsPanelFieldBase<T> & {
+    type: "color";
+}) | (SettingsPanelFieldBase<T> & {
+    type: "text";
+}) | (SettingsPanelFieldBase<T> & {
+    type: "select";
+    options: SettingsPanelOption[];
+});
+export type SettingsPanelProps<T extends object> = {
+    title: string;
+    value: T;
+    fields: SettingsPanelField<T>[];
+    onChange: (next: T) => void;
+    copyLabel?: string;
+    copyPayload?: (value: T) => unknown;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+};
+export declare function SettingsPanel<T extends object>({ title, value, fields, onChange, copyLabel, copyPayload, initialPosition, }: SettingsPanelProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/debug-ui/shared/MaterialSection.d.ts

@@ -0,0 +1,13 @@
+import { ScreenImageBlendMode, ScreenImageMaterialType } from '../../components/ScreenImage';
+export type MaterialSectionValue = {
+    materialType: ScreenImageMaterialType;
+    blendMode: ScreenImageBlendMode;
+    opacity: number;
+    color: string;
+    alphaTest: number;
+};
+export type MaterialSectionProps = {
+    value: MaterialSectionValue;
+    onChange: (next: MaterialSectionValue) => void;
+};
+export declare const MaterialSection: ({ value, onChange }: MaterialSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/shared/ScreenTransformSection.d.ts

@@ -0,0 +1,29 @@
+import { ScreenCanvasSize, ScreenCoordinateSpace } from '../../screen2d';
+export type ScreenTransformSectionValue = {
+    enabled: boolean;
+    showGuides: 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 ScreenTransformSectionProps = {
+    value: ScreenTransformSectionValue;
+    onChange: (next: ScreenTransformSectionValue) => void;
+    guideLabel: string;
+    copyLabel?: string;
+    copyValue?: unknown;
+    showRenderOrder?: boolean;
+};
+export declare const ScreenTransformSection: ({ value, onChange, guideLabel, copyLabel, copyValue, showRenderOrder, }: ScreenTransformSectionProps) => import("react/jsx-runtime").JSX.Element;