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

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/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,32 @@
+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;
+    scale2D?: {
+        x: number;
+        y: number;
+    };
+    referencePixelsPerUnit?: number;
+    pivot: [number, number];
+    renderOrder: number;
+    overlay: boolean;
+    visible: boolean;
+};
+export type ScreenTransformSectionProps = {
+    value: ScreenTransformSectionValue;
+    onChange: (next: ScreenTransformSectionValue) => void;
+    guideLabel: string;
+    showRenderOrder?: boolean;
+};
+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;