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

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

@@ -1,4 +1,4 @@
-import { LayerDomain, LayerNode } from '../../layerStack';
+import { LayerDomain, LayerNode } from '../../render/layerStack';
 export type { LayerDomain, LayerNode };
 export type LayerPanelProps = {
     layers: LayerNode[];
@@ -13,5 +13,6 @@ export type LayerPanelProps = {
         x: number;
         y: number;
     };
+    title?: string;
 };
-export declare const LayerPanel: ({ layers, selectedLayerId, onSelectLayer, onToggleVisible, onToggleEnabled, onReorder, onToggleLocked, initialPosition, }: LayerPanelProps) => import('react').ReactPortal | null;
+export declare const LayerPanel: ({ layers, selectedLayerId, onSelectLayer, onToggleVisible, onToggleEnabled, onReorder, onToggleLocked, initialPosition, title, }: LayerPanelProps) => import('react').ReactPortal | null;

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

@@ -2,3 +2,5 @@ export { defaultMediaSources, sdkImageMediaSources, sdkVideoMediaSources } from
 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/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

@@ -1 +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;
+"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

@@ -1,7 +1,9 @@
-import { M as s, d, s as o, a as r } from "../MediaSourceSwitcher-C-xYg0nQ.js";
+import { M as a, d, s as i, a as o, u as r, b as u } from "../session-C1StwN0f.js";
 export {
-  s as MediaSourceSwitcher,
+  a as MediaSourceSwitcher,
   d as defaultMediaSources,
-  o as sdkImageMediaSources,
-  r as sdkVideoMediaSources
+  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

@@ -1,7 +1,9 @@
-import { ScreenImageSceneSettings } from '../../screenImageSettings';
+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, }: ScreenImageSettingsPanelProps) => import('react').ReactPortal | null;
+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

@@ -1,122 +1,2 @@
-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;
+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"]>;