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

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"]>;

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

@@ -0,0 +1,90 @@
+import { ScreenTextArtPreset, ScreenTextSettings } from './types';
+export declare const SCREEN_TEXT_FONT_OPTIONS: readonly [{
+    readonly label: "Space Grotesk";
+    readonly value: "\"Space Grotesk\", sans-serif";
+}, {
+    readonly label: "Bebas Neue";
+    readonly value: "\"Bebas Neue\", sans-serif";
+}, {
+    readonly label: "DM Serif Display";
+    readonly value: "\"DM Serif Display\", serif";
+}, {
+    readonly label: "Caveat";
+    readonly value: "\"Caveat\", cursive";
+}];
+export declare const SCREEN_TEXT_ART_OPTIONS: ScreenTextArtPreset[];
+export declare const SCREEN_TEXT_ART_LABELS: Record<ScreenTextArtPreset, string>;
+export declare const createDefaultOutlineLayer: () => {
+    color: string;
+    opacity: number;
+    width: number;
+};
+export declare const createDefaultShadowLayer: () => {
+    color: string;
+    opacity: number;
+    offset: number;
+    angle: number;
+    feather: number;
+    blur: number;
+    offsetX: number;
+    offsetY: number;
+};
+export declare const createDefaultGlow: () => {
+    color: string;
+    style: "outward";
+    intensity: number;
+    range: number;
+    horizontalAngle: number;
+    verticalAngle: number;
+};
+export declare const createDefaultBend: () => {
+    preset: "arc";
+    strength: number;
+};
+export declare const BEND_PRESET_OPTIONS: readonly [{
+    readonly label: "Arc";
+    readonly value: "arc";
+}, {
+    readonly label: "Arc Lower";
+    readonly value: "arc-lower";
+}, {
+    readonly label: "Arc Upper";
+    readonly value: "arc-upper";
+}, {
+    readonly label: "Arch";
+    readonly value: "arch";
+}, {
+    readonly label: "Bulge";
+    readonly value: "bulge";
+}, {
+    readonly label: "Shell Lower";
+    readonly value: "shell-lower";
+}, {
+    readonly label: "Shell Upper";
+    readonly value: "shell-upper";
+}, {
+    readonly label: "Flag";
+    readonly value: "flag";
+}, {
+    readonly label: "Wave";
+    readonly value: "wave";
+}, {
+    readonly label: "Fish";
+    readonly value: "fish";
+}, {
+    readonly label: "Rise";
+    readonly value: "rise";
+}, {
+    readonly label: "Fisheye";
+    readonly value: "fisheye";
+}, {
+    readonly label: "Inflate";
+    readonly value: "inflate";
+}, {
+    readonly label: "Squeeze";
+    readonly value: "squeeze";
+}, {
+    readonly label: "Twist";
+    readonly value: "twist";
+}];
+export declare const applyTextArtPresetToSettings: (current: ScreenTextSettings, textArtPreset: ScreenTextArtPreset) => ScreenTextSettings;

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

@@ -0,0 +1,26 @@
+import { CSSProperties } from 'react';
+export declare const badgeStyle: CSSProperties;
+export declare const sectionStyle: CSSProperties;
+export declare const sectionHeaderStyle: CSSProperties;
+export declare const sectionTitleStyle: CSSProperties;
+export declare const sectionToggleStyle: CSSProperties;
+export declare const sectionToggleKnobStyle: (enabled: boolean) => CSSProperties;
+export declare const sectionBodyStyle: CSSProperties;
+export declare const fieldGridStyle: CSSProperties;
+export declare const fieldStyle: CSSProperties;
+export declare const fullWidthFieldStyle: CSSProperties;
+export declare const nestedGroupStyle: CSSProperties;
+export declare const nestedHeaderButtonStyle: CSSProperties;
+export declare const nestedHeaderLabelStyle: CSSProperties;
+export declare const nestedHeaderStateStyle: CSSProperties;
+export declare const labelStyle: CSSProperties;
+export declare const inputStyle: CSSProperties;
+export declare const textAreaStyle: CSSProperties;
+export declare const colorInputStyle: CSSProperties;
+export declare const selectStyle: CSSProperties;
+export declare const disabledInputStyle: CSSProperties;
+export declare const checkboxRowStyle: CSSProperties;
+export declare const checkboxStyle: CSSProperties;
+export declare const textFormatControlStyle: CSSProperties;
+export declare const textFormatButtonStyle: (active: boolean) => CSSProperties;
+export declare const buttonStyle: CSSProperties;

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

@@ -0,0 +1,6 @@
+import { ScreenTransform2DSettings } from '../../screen2d';
+import { ScreenTransformSectionValue } from '../shared/ScreenTransformSection';
+import { ScreenTextSettings } from './types';
+export declare const toTransformSectionValue: (transformation: ScreenTextSettings["transformation"], screenTransform?: ScreenTextSettings["screenTransform"]) => ScreenTransformSectionValue;
+export declare const fromTransformSectionValue: (next: ScreenTransformSectionValue, current: ScreenTextSettings["transformation"]) => ScreenTextSettings["transformation"];
+export declare const toScreenTransformSettings: (next: ScreenTransformSectionValue, current?: ScreenTransform2DSettings) => ScreenTransform2DSettings;

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

@@ -0,0 +1,9 @@
+import { ObjectInspectorPanelProps } from '../object-inspector-panel';
+import { ScreenTextSceneSettings } from '../../screen-text/screenTextSettings';
+export type { ScreenTextArtPreset, ScreenTextSceneSettings, ScreenTextSettings, } from '../../screen-text/screenTextSettings';
+export type ScreenTextSettingsPanelProps = {
+    value: ScreenTextSceneSettings;
+    onChange: (next: ScreenTextSceneSettings) => void;
+    copyLabel?: string;
+    inspector?: Omit<ObjectInspectorPanelProps, "children">;
+};

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

@@ -13,6 +13,11 @@ export type ScreenTransformSectionValue = {
         height: number;
     };
     rotation: number;
+    scale2D?: {
+        x: number;
+        y: number;
+    };
+    referencePixelsPerUnit?: number;
     pivot: [number, number];
     renderOrder: number;
     overlay: boolean;
@@ -22,8 +27,6 @@ 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;
+export declare const ScreenTransformSection: ({ value, onChange, guideLabel, showRenderOrder, }: ScreenTransformSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/transform-3d-settings/index.d.ts

@@ -0,0 +1,11 @@
+import { Transform3DSettings } from '../../components/Transform3D';
+export type Transform3DSettingsPanelProps = {
+    value: Transform3DSettings;
+    onChange: (next: Transform3DSettings) => void;
+    copyLabel?: string;
+};
+export declare const Transform3DSettingsSection: ({ value, onChange, }: {
+    value: Transform3DSettings;
+    onChange: (next: Transform3DSettings) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Transform3DSettingsPanel: ({ value, onChange, copyLabel, }: Transform3DSettingsPanelProps) => import('react').ReactPortal | null;