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

package/dist/debug-ui/face-mesh-renderer-settings/index.d.ts

@@ -0,0 +1,8 @@
+import { FaceMeshRendererSettings } from '../../components/FaceMesh';
+import { ComponentEditorProps } from '../component-editor';
+export type FaceMeshRendererSettingsPanelProps = {
+    value: FaceMeshRendererSettings;
+    onChange: (next: FaceMeshRendererSettings) => void;
+};
+export declare const FaceMeshRendererSettingsPanel: ({ onChange, value, }: FaceMeshRendererSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FaceMeshRendererComponentEditor: ({ component, onChange, }: ComponentEditorProps<"FaceMeshRenderer">) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { FaceRetouchControls } from '../../components/FaceRetouch';
+export type FaceRetouchSettingsPanelProps = {
+    title?: string;
+    value: Partial<FaceRetouchControls>;
+    onChange: (next: FaceRetouchControls) => void;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+};
+export declare const FaceRetouchSettingsPanel: ({ title, value, onChange, initialPosition, }: FaceRetouchSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

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 '../../hand/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 '../../hand/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 '../../hand/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 '../../hand/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/hierarchy-panel/index.d.ts

@@ -0,0 +1,29 @@
+import { RenderGroup, RenderGroupId } from '../../render/renderGroups';
+import { SceneObject, SceneObjectId, SceneObjectStore } from '../../scene-object';
+export type HierarchyPanelProps = {
+    groups: RenderGroup[];
+    objects: Record<SceneObjectId, SceneObject>;
+    selectedObjectId?: SceneObjectId;
+    onSelectObject: (objectId: SceneObjectId) => void;
+    onReorderGroup: (groupId: RenderGroupId, nextIndex: number) => void;
+    onReorderObject: (groupId: RenderGroupId, objectId: SceneObjectId, nextIndex: number) => void;
+    onMoveObject: (objectId: SceneObjectId, targetGroupId: RenderGroupId, nextIndex: number) => boolean;
+    onSetObjectParent?: (objectId: SceneObjectId, parentObjectId: SceneObjectId | null, nextIndex?: number, targetGroupId?: RenderGroupId) => boolean;
+    onToggleGroupEnabled: (groupId: RenderGroupId, enabled: boolean) => void;
+    onToggleObjectVisible?: (objectId: SceneObjectId, visible: boolean) => void;
+    copyConfig?: HierarchyPanelCopyConfig;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+    title?: string;
+};
+export type HierarchyPanelCopyConfig = {
+    kind: "scene";
+    version: 1;
+    renderGroupOrder: RenderGroupId[];
+    renderGroups: Record<RenderGroupId, RenderGroup>;
+    objects: Record<SceneObjectId, SceneObject>;
+    components: SceneObjectStore["components"];
+};
+export declare const HierarchyPanel: ({ groups, objects, selectedObjectId, onSelectObject, onReorderGroup, onReorderObject, onMoveObject, onSetObjectParent, onToggleGroupEnabled, onToggleObjectVisible, copyConfig, initialPosition, title, }: HierarchyPanelProps) => import('react').ReactPortal | null;

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

@@ -0,0 +1,46 @@
+export { defaultMediaSources, sdkImageMediaSources, sdkVideoMediaSources } from './media-source';
+export type { MediaSourcePreset, MediaSourceSessionPipeline, MediaSourceSwitcherProps, UseMediaSourceSessionOptions, } from './media-source';
+export { MediaSourceSwitcher, useFaceTrackingMediaSourceSession, useMediaSourceSession, } 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 { ScreenGradientSettingsPanelProps } from './screen-gradient-settings';
+export { ScreenGradientSettingsPanel } from './screen-gradient-settings';
+export type { ScreenGlassSettingsPanelProps } from './screen-glass-settings';
+export { ScreenGlassSettingsPanel } from './screen-glass-settings';
+export type { ScreenShapeSettingsPanelProps } from './screen-shape-settings';
+export { ScreenShapeSettingsPanel } from './screen-shape-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 { HierarchyPanelCopyConfig, HierarchyPanelProps } from './hierarchy-panel';
+export { HierarchyPanel } from './hierarchy-panel';
+export { PinToMeshSettingsPanel } from './pin-to-mesh-settings';
+export type { PinToMeshSettingsPanelProps } from './pin-to-mesh-settings';
+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';
+export type { FaceRetouchSettingsPanelProps } from './face-retouch';
+export { FaceRetouchSettingsPanel } from './face-retouch';
+export type { Transform3DSettingsPanelProps } from './transform-3d-settings';
+export { Transform3DSettingsPanel, Transform3DSettingsSection } from './transform-3d-settings';
+export type { MeshRendererSettingsPanelProps } from './mesh-renderer-settings';
+export { MeshRendererSettingsPanel } from './mesh-renderer-settings';
+export type { FaceMeshRendererSettingsPanelProps } from './face-mesh-renderer-settings';
+export { FaceMeshRendererComponentEditor, FaceMeshRendererSettingsPanel, } from './face-mesh-renderer-settings';
+export type { ObjectInspectorPanelProps } from './object-inspector-panel';
+export { ObjectInspectorPanel } from './object-inspector-panel';
+export * from './scene-editor';
+export type { ComponentEditorProps, ComponentEditorPropsForLookup, ComponentEditorRegistry, } from './component-editor';
+export { ComponentEditor, ComponentEditorFallback, createComponentIdLabel, } from './component-editor';

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

@@ -0,0 +1,18 @@
+import { LayerDomain, LayerNode } from '../../render/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;
+    };
+    title?: string;
+};
+export declare const LayerPanel: ({ layers, selectedLayerId, onSelectLayer, onToggleVisible, onToggleEnabled, onReorder, onToggleLocked, initialPosition, title, }: 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,6 @@
+export { defaultMediaSources, sdkImageMediaSources, sdkVideoMediaSources } from './media-preset';
+export type { MediaSourcePreset } from './media-preset';
+export { MediaSourceSwitcher } from './MediaSourceSwitcher';
+export type { MediaSourceSwitcherProps } from './MediaSourceSwitcher';
+export { useFaceTrackingMediaSourceSession, useMediaSourceSession } from './session';
+export type { MediaSourceSessionPipeline, UseMediaSourceSessionOptions } from './session';

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

@@ -0,0 +1,12 @@
+import { XRModel } from '../../constants';
+import { MediaSourcePreset } from './media-preset';
+export type MediaSourceSessionPipeline = {
+    model: XRModel;
+    options?: Record<string, unknown>;
+};
+export type UseMediaSourceSessionOptions = {
+    numFaces?: number;
+    pipeline?: MediaSourceSessionPipeline[];
+};
+export declare const useMediaSourceSession: (mediaSource: MediaSourcePreset, options?: UseMediaSourceSessionOptions) => void;
+export declare const useFaceTrackingMediaSourceSession: (mediaSource: MediaSourcePreset, options?: UseMediaSourceSessionOptions) => void;

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

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

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

@@ -0,0 +1,9 @@
+import { M as a, d, s as i, a as o, u as r, b as u } from "../session-C1StwN0f.js";
+export {
+  a as MediaSourceSwitcher,
+  d as defaultMediaSources,
+  i as sdkImageMediaSources,
+  o as sdkVideoMediaSources,
+  r as useFaceTrackingMediaSourceSession,
+  u as useMediaSourceSession
+};

package/dist/debug-ui/mesh-renderer-settings/index.d.ts

@@ -0,0 +1,6 @@
+import { MeshRendererSettings } from '../../components/MeshRenderer';
+export type MeshRendererSettingsPanelProps = {
+    value: MeshRendererSettings;
+    onChange: (next: MeshRendererSettings) => void;
+};
+export declare const MeshRendererSettingsPanel: ({ value, onChange }: MeshRendererSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/object-inspector-panel/index.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export type ObjectInspectorPanelProps = {
+    children: ReactNode;
+    copyConfig: unknown;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+    position?: {
+        x: number;
+        y: number;
+    };
+    onPositionChange?: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    layer?: string;
+    objectId?: string;
+    objectName?: string;
+    onObjectNameChange?: (name: string) => void;
+    title?: string;
+    visible: boolean;
+    onVisibleChange: (visible: boolean) => void;
+};
+export declare const ObjectInspectorPanel: ({ children, copyConfig, initialPosition, layer, objectId, objectName, onObjectNameChange, onPositionChange, onVisibleChange, position: controlledPosition, title, visible, }: ObjectInspectorPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/pin-to-mesh-settings/index.d.ts

@@ -0,0 +1,10 @@
+import { PinToMeshSettings } from '../../components/PinToMesh';
+export type PinToMeshSettingsPanelProps = {
+    value: PinToMeshSettings;
+    onChange: (next: PinToMeshSettings) => void;
+    targets?: Array<{
+        id: string;
+        name: string;
+    }>;
+};
+export declare const PinToMeshSettingsPanel: ({ value, onChange, targets, }: PinToMeshSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/scene-editor/context.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { RenderGroupSceneObjectStore } from '../../render/renderGroups';
+import { SceneComponent, SceneObject, SceneObjectId } from '../../scene-object';
+export type XRSceneEditorContextValue = {
+    store: RenderGroupSceneObjectStore;
+    selectedObjectId: SceneObjectId | null;
+    orbitEnabled: boolean;
+    showGrid: boolean;
+    showVideoBackground: boolean;
+    onStoreChange: (store: RenderGroupSceneObjectStore) => void;
+    onSelectObject: (objectId: SceneObjectId | null) => void;
+    onComponentChange: (component: SceneComponent) => void;
+    onObjectChange: (object: SceneObject) => void;
+    onOrbitEnabledChange: (enabled: boolean) => void;
+    onShowGridChange: (visible: boolean) => void;
+    onShowVideoBackgroundChange: (visible: boolean) => void;
+};
+export type XRSceneEditorProviderProps = {
+    children: ReactNode;
+    store: RenderGroupSceneObjectStore;
+    selectedObjectId?: SceneObjectId | null;
+    defaultSelectedObjectId?: SceneObjectId | null;
+    orbitEnabled?: boolean;
+    defaultOrbitEnabled?: boolean;
+    showGrid?: boolean;
+    defaultShowGrid?: boolean;
+    showVideoBackground?: boolean;
+    defaultShowVideoBackground?: boolean;
+    onStoreChange: (store: RenderGroupSceneObjectStore) => void;
+    onSelectObject?: (objectId: SceneObjectId | null) => void;
+    onComponentChange?: (component: SceneComponent) => void;
+    onObjectChange?: (object: SceneObject) => void;
+    onOrbitEnabledChange?: (enabled: boolean) => void;
+    onShowGridChange?: (visible: boolean) => void;
+    onShowVideoBackgroundChange?: (visible: boolean) => void;
+};
+export declare const XRSceneEditorProvider: ({ children, defaultOrbitEnabled, defaultSelectedObjectId, defaultShowGrid, defaultShowVideoBackground, onComponentChange, onObjectChange, onOrbitEnabledChange, onSelectObject, onShowGridChange, onShowVideoBackgroundChange, onStoreChange, orbitEnabled: controlledOrbitEnabled, selectedObjectId: controlledSelectedObjectId, showGrid: controlledShowGrid, showVideoBackground: controlledShowVideoBackground, store, }: XRSceneEditorProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useXRSceneEditor: () => XRSceneEditorContextValue;

package/dist/debug-ui/scene-editor/hierarchy-panel.d.ts

@@ -0,0 +1,9 @@
+export type SceneHierarchyPanelProps = {
+    title?: string;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+    rootOnly?: boolean;
+};
+export declare const SceneHierarchyPanel: ({ initialPosition, rootOnly, title, }: SceneHierarchyPanelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export type { XRSceneEditorContextValue, XRSceneEditorProviderProps } from './context';
+export { useXRSceneEditor, XRSceneEditorProvider } from './context';
+export type { SceneHierarchyPanelProps } from './hierarchy-panel';
+export { SceneHierarchyPanel } from './hierarchy-panel';
+export type { SceneInspectorPanelProps } from './inspector-panel';
+export { SceneInspectorPanel } from './inspector-panel';
+export type { XRSceneViewportProps } from './viewport';
+export { XRSceneViewport } from './viewport';
+export type { ViewportToolbarProps } from './viewport-toolbar';
+export { ViewportToolbar } from './viewport-toolbar';
+export { getSceneEditorGroups } from './store-utils';

package/dist/debug-ui/scene-editor/inspector-panel.d.ts

@@ -0,0 +1,7 @@
+export type SceneInspectorPanelProps = {
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+};
+export declare const SceneInspectorPanel: ({ initialPosition }: SceneInspectorPanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/debug-ui/scene-editor/store-utils.d.ts

@@ -0,0 +1,2 @@
+import { RenderGroupSceneObjectStore } from '../../render/renderGroups';
+export declare const getSceneEditorGroups: (store: RenderGroupSceneObjectStore) => import('../../render/renderGroups').RenderGroup[];

package/dist/debug-ui/scene-editor/viewport-toolbar.d.ts

@@ -0,0 +1,4 @@
+export type ViewportToolbarProps = {
+    position?: "top-center" | "top-left" | "top-right";
+};
+export declare const ViewportToolbar: ({ position }: ViewportToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/scene-editor/viewport.d.ts

@@ -0,0 +1,21 @@
+export type XRSceneViewportProps = {
+    camera?: {
+        position?: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        fov?: number;
+    };
+    grid?: {
+        size?: number;
+        divisions?: number;
+        position?: {
+            x: number;
+            y: number;
+            z: number;
+        };
+    };
+    style?: React.CSSProperties;
+};
+export declare const XRSceneViewport: ({ camera, grid, style, }: XRSceneViewportProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ScreenGlassSettings } from '../../components/ScreenGlass';
+export type ScreenGlassSettingsPanelProps = {
+    value: ScreenGlassSettings;
+    onChange: (value: ScreenGlassSettings) => void;
+};
+export declare const ScreenGlassSettingsPanel: ({ value, onChange }: ScreenGlassSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-gradient-settings/GradientStopsEditor.d.ts

@@ -0,0 +1,5 @@
+import { ScreenGradientStop } from '../../components/ScreenGradient';
+export declare const GradientStopsEditor: ({ onChange, value, }: {
+    value: ScreenGradientStop[];
+    onChange: (value: ScreenGradientStop[]) => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ScreenGradientSettings } from '../../components/ScreenGradient';
+export type ScreenGradientSettingsPanelProps = {
+    value: ScreenGradientSettings;
+    onChange: (value: ScreenGradientSettings) => void;
+};
+export declare const ScreenGradientSettingsPanel: ({ onChange, value, }: ScreenGradientSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-gradient-settings/styles.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+export declare const gradientRowStyle: CSSProperties;
+export declare const gradientInputStyle: CSSProperties;

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

@@ -0,0 +1,9 @@
+import { ScreenImageSceneSettings } from '../../screen-image/screenImageSettings';
+import { ObjectInspectorPanelProps } from '../object-inspector-panel';
+export type ScreenImageSettingsPanelProps = {
+    value: ScreenImageSceneSettings;
+    onChange: (next: ScreenImageSceneSettings) => void;
+    copyLabel?: string;
+    inspector?: Omit<ObjectInspectorPanelProps, "children">;
+};
+export declare const ScreenImageSettingsPanel: ({ value, onChange, copyLabel, inspector, }: ScreenImageSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ScreenShapeSettings } from '../../components/ScreenShape';
+export type ScreenShapeSettingsPanelProps = {
+    value: ScreenShapeSettings;
+    onChange: (value: ScreenShapeSettings) => void;
+};
+export declare const ScreenShapeSettingsPanel: ({ value, onChange }: ScreenShapeSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+export type NumberFieldProps = {
+    value: number;
+    onChange: (next: number) => void;
+    step?: number;
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+};
+export declare const NumberField: ({ value, onChange, step, min, max, disabled, }: NumberFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { ScreenTextSettingsPanelProps } from './types';
+export type * from './types';
+export declare const ScreenTextSettingsPanel: ({ value, onChange, copyLabel, inspector, }: ScreenTextSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare function NestedSection({ label, open, onToggle, children, }: {
+    label: string;
+    open: boolean;
+    onToggle: () => void;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare function Section({ label, icon, open, onToggle, children, }: {
+    label: string;
+    icon: ReactNode;
+    open: boolean;
+    onToggle: () => void;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare const TextIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaletteIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const TransformIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const NestedIcon: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { ScreenTextSettingsPanel } from './ScreenTextSettingsPanel';
+export type { ScreenTextArtPreset, ScreenTextSceneSettings, ScreenTextSettings, ScreenTextSettingsPanelProps, } from './types';

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

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ScreenTextSettings } from '../types';
+export declare function BackgroundSection({ value, onChange, open, setOpen, }: {
+    value: ScreenTextSettings;
+    onChange: (updater: (current: ScreenTextSettings) => ScreenTextSettings) => void;
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { ScreenTextSettings } from '../types';
+export declare function ContentSection({ value, onChange, }: {
+    value: ScreenTextSettings;
+    onChange: (updater: (current: ScreenTextSettings) => ScreenTextSettings) => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ScreenTextSettings } from '../types';
+type EffectsSectionProps = {
+    value: ScreenTextSettings;
+    onChange: (updater: (current: ScreenTextSettings) => ScreenTextSettings) => void;
+    outlineLayers: NonNullable<ScreenTextSettings["style"]["strokeLayers"]>;
+    shadowLayers: NonNullable<ScreenTextSettings["style"]["shadowLayers"]>;
+    innerShadow: NonNullable<ScreenTextSettings["style"]["innerShadow"]>;
+    glow: NonNullable<ScreenTextSettings["style"]["glow"]>;
+    bend: NonNullable<ScreenTextSettings["style"]["bend"]>;
+    outlineSettingsOpen: boolean;
+    setOutlineSettingsOpen: Dispatch<SetStateAction<boolean>>;
+    shadowSettingsOpen: boolean;
+    setShadowSettingsOpen: Dispatch<SetStateAction<boolean>>;
+    innerShadowSettingsOpen: boolean;
+    setInnerShadowSettingsOpen: Dispatch<SetStateAction<boolean>>;
+    glowSettingsOpen: boolean;
+    setGlowSettingsOpen: Dispatch<SetStateAction<boolean>>;
+    bendSettingsOpen: boolean;
+    setBendSettingsOpen: Dispatch<SetStateAction<boolean>>;
+    backgroundSettingsOpen: boolean;
+    setBackgroundSettingsOpen: Dispatch<SetStateAction<boolean>>;
+};
+export declare function EffectsSection({ backgroundSettingsOpen, bend, bendSettingsOpen, glow, glowSettingsOpen, innerShadow, innerShadowSettingsOpen, onChange, outlineLayers, outlineSettingsOpen, setBackgroundSettingsOpen, setBendSettingsOpen, setGlowSettingsOpen, setInnerShadowSettingsOpen, setOutlineSettingsOpen, setShadowSettingsOpen, shadowLayers, shadowSettingsOpen, value, }: EffectsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import { ScreenTextSettings } from '../types';
+export declare function StyleSection({ value, onChange, }: {
+    value: ScreenTextSettings;
+    onChange: (updater: (current: ScreenTextSettings) => ScreenTextSettings) => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { ScreenTextSettings } from '../types';
+export declare function TransformSection({ value, onChange, }: {
+    value: ScreenTextSettings;
+    onChange: (updater: (current: ScreenTextSettings) => ScreenTextSettings) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/background/BackgroundFillControls.d.ts

@@ -0,0 +1,2 @@
+import { BackgroundControlsProps } from './types';
+export declare function BackgroundFillControls({ background, onChange }: BackgroundControlsProps): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/background/BackgroundSizeControls.d.ts

@@ -0,0 +1,2 @@
+import { BackgroundControlsProps } from './types';
+export declare function BackgroundSizeControls({ background, onChange }: BackgroundControlsProps): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/background/BackgroundStrokeControls.d.ts

@@ -0,0 +1,2 @@
+import { BackgroundControlsProps } from './types';
+export declare function BackgroundStrokeControls({ background, onChange }: BackgroundControlsProps): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/background/types.d.ts

@@ -0,0 +1,7 @@
+import { ScreenTextSettings } from '../../types';
+export type BackgroundSettings = ScreenTextSettings["style"]["background"];
+export type BackgroundControlsProps = {
+    background: BackgroundSettings;
+    onChange: (updater: (current: ScreenTextSettings) => ScreenTextSettings) => void;
+};
+export declare const updateBackground: (onChange: BackgroundControlsProps["onChange"], patcher: (background: BackgroundSettings) => Partial<BackgroundSettings>) => () => void;

package/dist/debug-ui/screen-text-settings/sections/effects/BendEffectSection.d.ts

@@ -0,0 +1,4 @@
+import { BendSettings, CollapsibleEffectProps } from './types';
+export declare function BendEffectSection({ bend, open, onChange, setOpen, value, }: CollapsibleEffectProps & {
+    bend: BendSettings;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/effects/EffectChrome.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export declare const effectLayerCardStyle: {
+    gridColumn: string;
+    display: string;
+    gap: number;
+    padding: string;
+    borderRadius: number;
+    border: string;
+    background: string;
+};
+export declare function EffectToggle({ checked, label, onChange, }: {
+    checked: boolean;
+    label: string;
+    onChange: (checked: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CollapsibleEffectGroup({ children, label, open, setOpen, }: {
+    children: ReactNode;
+    label: string;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/effects/GlowEffectSection.d.ts

@@ -0,0 +1,4 @@
+import { CollapsibleEffectProps, GlowSettings } from './types';
+export declare function GlowEffectSection({ glow, open, onChange, setOpen, value, }: CollapsibleEffectProps & {
+    glow: GlowSettings;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/effects/InnerShadowEffectSection.d.ts

@@ -0,0 +1,4 @@
+import { CollapsibleEffectProps, InnerShadowSettings } from './types';
+export declare function InnerShadowEffectSection({ innerShadow, open, onChange, setOpen, value, }: CollapsibleEffectProps & {
+    innerShadow: InnerShadowSettings;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/effects/OutlineEffectSection.d.ts

@@ -0,0 +1,4 @@
+import { CollapsibleEffectProps, OutlineLayer } from './types';
+export declare function OutlineEffectSection({ layers, open, onChange, setOpen, value, }: CollapsibleEffectProps & {
+    layers: OutlineLayer[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/effects/ShadowEffectSection.d.ts

@@ -0,0 +1,4 @@
+import { CollapsibleEffectProps, ShadowLayer } from './types';
+export declare function ShadowEffectSection({ layers, open, onChange, setOpen, value, }: CollapsibleEffectProps & {
+    layers: ShadowLayer[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/sections/effects/types.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ScreenTextSettings } from '../../types';
+export type ScreenTextSettingsUpdater = (updater: (current: ScreenTextSettings) => ScreenTextSettings) => void;
+export type CollapsibleEffectProps = {
+    value: ScreenTextSettings;
+    onChange: ScreenTextSettingsUpdater;
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+};
+export type OutlineLayer = NonNullable<ScreenTextSettings["style"]["strokeLayers"]>[number];
+export type ShadowLayer = NonNullable<ScreenTextSettings["style"]["shadowLayers"]>[number];
+export type InnerShadowSettings = NonNullable<ScreenTextSettings["style"]["innerShadow"]>;
+export type GlowSettings = NonNullable<ScreenTextSettings["style"]["glow"]>;
+export type BendSettings = NonNullable<ScreenTextSettings["style"]["bend"]>;