@vireo-ai/trellis-ui 0.1.9 → 0.1.11

package/packages/client/types/components/modal/machine.d.ts

@@ -0,0 +1,129 @@
+import { type Machine } from '../../runtime/state-machine';
+import type { ModalProps } from './contract';
+type ModalContext = Record<string, never>;
+type ModalMachineEffects = {
+    prepareOpen(): void;
+    finishOpen(): void;
+    prepareClose(): void;
+    finishClose(): void;
+    syncProps(): void;
+    emitCancel(reason: 'escape' | 'outside'): void;
+};
+type CreateModalMachineOptions = {
+    props: ModalProps;
+    effects: ModalMachineEffects;
+};
+declare const modalHooks: readonly [Readonly<{
+    name: "opening";
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, import("../..").TransitionEventCreator>;
+    project?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<ModalContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            open: import("../../runtime/codecs").BoolCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            dismissible: import("../../runtime/codecs").BoolCodec;
+            closable: import("../../runtime/codecs").BoolCodec;
+            disabled: import("../../runtime/codecs").BoolCodec;
+            autofocusTitle: import("../../runtime/codecs").BoolCodec;
+            label: import("../../runtime/codecs").StringCodec;
+            descriptionId: import("../../runtime/codecs").StringCodec;
+            panelClass: import("../../runtime/codecs").StringCodec;
+            overlayClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => Record<string, never>;
+    projectEach?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<ModalContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            open: import("../../runtime/codecs").BoolCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            dismissible: import("../../runtime/codecs").BoolCodec;
+            closable: import("../../runtime/codecs").BoolCodec;
+            disabled: import("../../runtime/codecs").BoolCodec;
+            autofocusTitle: import("../../runtime/codecs").BoolCodec;
+            label: import("../../runtime/codecs").StringCodec;
+            descriptionId: import("../../runtime/codecs").StringCodec;
+            panelClass: import("../../runtime/codecs").StringCodec;
+            overlayClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => readonly Record<string, never>[];
+}>, Readonly<{
+    name: "closing";
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, import("../..").TransitionEventCreator>;
+    project?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<ModalContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            open: import("../../runtime/codecs").BoolCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            dismissible: import("../../runtime/codecs").BoolCodec;
+            closable: import("../../runtime/codecs").BoolCodec;
+            disabled: import("../../runtime/codecs").BoolCodec;
+            autofocusTitle: import("../../runtime/codecs").BoolCodec;
+            label: import("../../runtime/codecs").StringCodec;
+            descriptionId: import("../../runtime/codecs").StringCodec;
+            panelClass: import("../../runtime/codecs").StringCodec;
+            overlayClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => Record<string, never>;
+    projectEach?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<ModalContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            open: import("../../runtime/codecs").BoolCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            dismissible: import("../../runtime/codecs").BoolCodec;
+            closable: import("../../runtime/codecs").BoolCodec;
+            disabled: import("../../runtime/codecs").BoolCodec;
+            autofocusTitle: import("../../runtime/codecs").BoolCodec;
+            label: import("../../runtime/codecs").StringCodec;
+            descriptionId: import("../../runtime/codecs").StringCodec;
+            panelClass: import("../../runtime/codecs").StringCodec;
+            overlayClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => readonly Record<string, never>[];
+}>];
+declare const createModalMachine: ({ props, effects, }: CreateModalMachineOptions) => Machine<ModalContext, ModalProps>;
+export { createModalMachine, modalHooks };
+export type { CreateModalMachineOptions, ModalContext, ModalMachineEffects };

package/packages/client/types/components/modal/runtime-docs.d.ts

@@ -0,0 +1,2 @@
+declare const modalRuntimeDocs: import("../../docs/transition-docs").ComponentTransitionDocs;
+export { modalRuntimeDocs };

package/packages/client/types/components/overlay/contract.d.ts

@@ -1,4 +1,4 @@
-import { type PropState } from '../../runtime';
+import { type SchemaToProps } from '../../runtime';
 declare const overlaySchema: {
     href: import("../../runtime/codecs").StringCodec;
     label: import("../../runtime/codecs").StringCodec;
@@ -7,7 +7,7 @@ declare const overlaySchema: {
 declare const overlayAboveSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
-type OverlayProps = PropState<typeof overlaySchema>;
-type OverlayAboveProps = PropState<typeof overlayAboveSchema>;
+type OverlayProps = SchemaToProps<typeof overlaySchema>;
+type OverlayAboveProps = SchemaToProps<typeof overlayAboveSchema>;
 export { overlayAboveSchema, overlaySchema, };
 export type { OverlayAboveProps, OverlayProps, };

package/packages/client/types/components/panels/contract.d.ts

@@ -0,0 +1,39 @@
+import { type SchemaToProps } from '../../runtime';
+declare const PANELS_ORIENTATIONS: readonly ["horizontal", "vertical"];
+declare const PANEL_AS_VALUES: readonly ["div", "section", "aside", "main", "nav"];
+declare const PANEL_SIZES: readonly ["1", "2", "3", "4", "5", "6", "fill"];
+declare const PANEL_RESIZE_EDGES: readonly ["none", "start", "end"];
+declare const PANEL_TOGGLE_ACTIONS: readonly ["toggle", "expand", "collapse"];
+declare const panelsSchema: {
+    id: import("../../runtime/codecs").StringCodec;
+    orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+    persist: import("../../runtime/codecs").BoolCodec;
+    divider: import("../../runtime/codecs").BoolCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const panelSchema: {
+    id: import("../../runtime/codecs").StringCodec;
+    as: import("../../runtime/codecs").OneOfCodec<"aside" | "div" | "main" | "nav" | "section">;
+    size: import("../../runtime/codecs").OneOfCodec<"1" | "fill" | "2" | "3" | "4" | "5" | "6">;
+    resize: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "none">;
+    collapsible: import("../../runtime/codecs").BoolCodec;
+    defaultCollapsed: import("../../runtime/codecs").BoolCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const panelToggleSchema: {
+    target: import("../../runtime/codecs").StringCodec;
+    action: import("../../runtime/codecs").OneOfCodec<"toggle" | "expand" | "collapse">;
+    icon: import("../../runtime/codecs").StringCodec;
+    label: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type PanelsOrientation = typeof PANELS_ORIENTATIONS[number];
+type PanelAs = typeof PANEL_AS_VALUES[number];
+type PanelSize = typeof PANEL_SIZES[number];
+type PanelResizeEdge = typeof PANEL_RESIZE_EDGES[number];
+type PanelToggleAction = typeof PANEL_TOGGLE_ACTIONS[number];
+type PanelsProps = SchemaToProps<typeof panelsSchema>;
+type PanelProps = SchemaToProps<typeof panelSchema>;
+type PanelToggleProps = SchemaToProps<typeof panelToggleSchema>;
+export { PANEL_AS_VALUES, PANEL_RESIZE_EDGES, PANEL_SIZES, PANEL_TOGGLE_ACTIONS, PANELS_ORIENTATIONS, panelSchema, panelToggleSchema, panelsSchema, };
+export type { PanelAs, PanelProps, PanelResizeEdge, PanelSize, PanelToggleAction, PanelToggleProps, PanelsOrientation, PanelsProps, };

package/packages/client/types/components/panels/index.d.ts

@@ -0,0 +1,54 @@
+import type Alpine from 'alpinejs';
+import { type AlpineMachine, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
+import { type MotionHandle, type MotionTransitionSubject } from '../../motion';
+import { type PanelToggleAction, type PanelToggleProps, type PanelsProps } from './contract';
+import { panelsHooks, type PanelsContext, type PanelsPersistTransitionData, type PanelTransitionData } from './machine';
+type PanelEventDetail = {
+    panelId?: string;
+    groupId?: string;
+    action?: PanelToggleAction;
+    trigger?: HTMLElement | null;
+    __panelsNotification?: boolean;
+};
+type PanelMotionTransition = MotionTransitionSubject & Readonly<{
+    data: PanelTransitionData;
+}>;
+/** Public Alpine API for `ui.panels`. @public */
+interface UiPanelsApi {
+    /** Stable group id used by explicit controls, named events, and persistence. */
+    readonly id: string;
+    /** Current main axis along which direct panels negotiate space. */
+    readonly orientation: 'horizontal' | 'vertical';
+    /** Stable ids of panels whose collapsed representation is active. */
+    readonly collapsed: readonly string[];
+    /** User-committed pixel measures keyed by stable panel id. */
+    readonly sizes: Readonly<Record<string, number>>;
+    /** Returns whether a named panel is currently collapsed. */
+    isCollapsed(id: string): boolean;
+    /** Collapses a named collapsible panel. */
+    collapse(id: string): void;
+    /** Expands a named collapsed panel. */
+    expand(id: string): void;
+    /** Reverses the collapsed state of a named collapsible panel. */
+    toggle(id: string): void;
+    /** Restores one panel or the whole group to its authored layout. */
+    reset(id?: string): void;
+}
+type PanelsData = AlpineMachine<PanelsContext, PanelsProps, typeof panelsHooks> & UiPanelsApi & {
+    readonly root: BindingObject;
+    init(): void;
+    destroy(): void;
+    perform(action: PanelToggleAction, panelId: string, trigger?: HTMLElement | null): void;
+    syncToggles(): void;
+    hasPanel(panelId: string): boolean;
+    transitionPanel(transition: PanelMotionTransition): MotionHandle;
+};
+declare const UiPanels: () => TrellisAlpineComponent<PanelsData>;
+declare const UiPanelToggle: () => TrellisAlpineComponent<{
+    props: PanelToggleProps;
+    readonly root: BindingObject;
+    trigger(event?: Event): void;
+}>;
+declare const registerPanels: (AlpineInstance: Alpine.Alpine) => void;
+export { registerPanels, UiPanels, UiPanelToggle };
+export type { PanelEventDetail, PanelsData, PanelsPersistTransitionData, UiPanelsApi, };

package/packages/client/types/components/panels/machine.d.ts

@@ -0,0 +1,151 @@
+import { type Machine, type MachineScope } from '../../runtime/state-machine';
+import type { PanelsProps } from './contract';
+type PanelsContext = {
+    collection: {
+        ids: string[];
+        collapsibleIds: string[];
+        resizableIds: string[];
+    };
+    layout: {
+        collapsedIds: string[];
+        committedSizes: Record<string, number>;
+    };
+    authored: {
+        collapsedIds: string[];
+    };
+    change: {
+        openingIds: string[];
+        closingIds: string[];
+    };
+    resize: {
+        activeId: string;
+        initialSize: number | null;
+        previewSize: number | null;
+    };
+};
+type PanelTransitionData = {
+    panelId: string;
+};
+type PanelsPersistTransitionData = {
+    groupId: string;
+    collapsed: string[];
+    sizes: Record<string, number>;
+};
+type PanelsMachineEffects = {
+    prepareChange(scope: MachineScope<PanelsContext, PanelsProps>): void;
+    finishChange(scope: MachineScope<PanelsContext, PanelsProps>): void;
+    sync(scope: MachineScope<PanelsContext, PanelsProps>): void;
+    beginResize(scope: MachineScope<PanelsContext, PanelsProps>): void;
+    previewResize(scope: MachineScope<PanelsContext, PanelsProps>): void;
+    commitResize(scope: MachineScope<PanelsContext, PanelsProps>): void;
+    cancelResize(scope: MachineScope<PanelsContext, PanelsProps>): void;
+    persist(scope: MachineScope<PanelsContext, PanelsProps>): void;
+};
+type CreatePanelsMachineOptions = {
+    props: PanelsProps;
+    context: PanelsContext;
+    effects: PanelsMachineEffects;
+};
+declare const panelsHooks: readonly [Readonly<{
+    name: "opening";
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, import("../..").TransitionEventCreator>;
+    project?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<PanelsContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            id: import("../../runtime/codecs").StringCodec;
+            orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+            persist: import("../../runtime/codecs").BoolCodec;
+            divider: import("../../runtime/codecs").BoolCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => PanelTransitionData;
+    projectEach?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<PanelsContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            id: import("../../runtime/codecs").StringCodec;
+            orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+            persist: import("../../runtime/codecs").BoolCodec;
+            divider: import("../../runtime/codecs").BoolCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => readonly PanelTransitionData[];
+}>, Readonly<{
+    name: "closing";
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, import("../..").TransitionEventCreator>;
+    project?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<PanelsContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            id: import("../../runtime/codecs").StringCodec;
+            orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+            persist: import("../../runtime/codecs").BoolCodec;
+            divider: import("../../runtime/codecs").BoolCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => PanelTransitionData;
+    projectEach?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<PanelsContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            id: import("../../runtime/codecs").StringCodec;
+            orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+            persist: import("../../runtime/codecs").BoolCodec;
+            divider: import("../../runtime/codecs").BoolCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => readonly PanelTransitionData[];
+}>, Readonly<{
+    name: "persisting";
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, import("../..").TransitionEventCreator>;
+    project?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<PanelsContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            id: import("../../runtime/codecs").StringCodec;
+            orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+            persist: import("../../runtime/codecs").BoolCodec;
+            divider: import("../../runtime/codecs").BoolCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => PanelsPersistTransitionData;
+    projectEach?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<PanelsContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            id: import("../../runtime/codecs").StringCodec;
+            orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+            persist: import("../../runtime/codecs").BoolCodec;
+            divider: import("../../runtime/codecs").BoolCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => readonly PanelsPersistTransitionData[];
+}>];
+declare const createPanelsMachine: ({ props, context, effects, }: CreatePanelsMachineOptions) => Machine<PanelsContext, PanelsProps>;
+export { createPanelsMachine, panelsHooks };
+export type { CreatePanelsMachineOptions, PanelsContext, PanelsMachineEffects, PanelsPersistTransitionData, PanelTransitionData, };

package/packages/client/types/components/panels/runtime-docs.d.ts

@@ -0,0 +1,2 @@
+declare const panelsRuntimeDocs: import("../../docs/transition-docs").ComponentTransitionDocs;
+export { panelsRuntimeDocs };

package/packages/client/types/components/radio/contract.d.ts

@@ -1,4 +1,4 @@
-import { type PropState } from '../../runtime';
+import { type SchemaToProps } from '../../runtime';
 import { type ControlSize, type IndicatorPlacement, type Orientation } from '../common';
 declare const RADIO_GROUP_ORIENTATIONS: readonly ["vertical", "horizontal"];
 declare const RADIO_GROUP_VARIANTS: readonly ["default", "cards", "pills"];
@@ -12,14 +12,14 @@ type RadioSize = ControlSize;
 type RadioVariant = typeof RADIO_VARIANTS[number];
 declare const radioGroupSchema: {
     name: import("../../runtime/codecs").StringCodec;
-    value: import("../../runtime/codecs").StringCodec;
+    value: import("../..").CodecFn<string>;
     orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
     variant: import("../../runtime/codecs").OneOfCodec<"default" | "cards" | "pills">;
     indicator: import("../../runtime/codecs").BoolCodec;
     placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
-    disabled: import("../../runtime/codecs").BoolCodec;
-    required: import("../../runtime/codecs").BoolCodec;
-    invalid: import("../../runtime/codecs").BoolCodec;
+    disabled: import("../..").CodecFn<boolean>;
+    required: import("../..").CodecFn<boolean>;
+    invalid: import("../..").CodecFn<boolean>;
     loop: import("../../runtime/codecs").BoolCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
@@ -28,10 +28,10 @@ declare const radioSchema: {
     name: import("../../runtime/codecs").StringCodec;
     label: import("../../runtime/codecs").StringCodec;
     description: import("../../runtime/codecs").StringCodec;
-    checked: import("../../runtime/codecs").BoolCodec;
-    disabled: import("../../runtime/codecs").BoolCodec;
-    required: import("../../runtime/codecs").BoolCodec;
-    invalid: import("../../runtime/codecs").BoolCodec;
+    checked: import("../..").CodecFn<boolean>;
+    disabled: import("../..").CodecFn<boolean>;
+    required: import("../..").CodecFn<boolean>;
+    invalid: import("../..").CodecFn<boolean>;
     indicator: import("../../runtime/codecs").BoolCodec;
     placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
     icon: import("../../runtime/codecs").StringCodec;
@@ -49,7 +49,7 @@ declare const radioIndicatorSchema: {
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     class: import("../../runtime/codecs").StringCodec;
 };
-type RadioGroupProps = PropState<typeof radioGroupSchema>;
-type RadioProps = PropState<typeof radioSchema>;
+type RadioGroupProps = SchemaToProps<typeof radioGroupSchema>;
+type RadioProps = SchemaToProps<typeof radioSchema>;
 export { RADIO_GROUP_ORIENTATIONS, RADIO_GROUP_VARIANTS, RADIO_PLACEMENTS, RADIO_SIZES, RADIO_VARIANTS, radioGroupSchema, radioIndicatorSchema, radioSchema, };
 export type { RadioGroupOrientation, RadioGroupProps, RadioGroupVariant, RadioPlacement, RadioProps, RadioSize, RadioVariant };

package/packages/client/types/components/radio/index.d.ts

@@ -1,28 +1,24 @@
 import type Alpine from 'alpinejs';
-import { type CleanupStack, type TrellisAlpineComponent } from '../../runtime';
-import { type RadioGroupProps } from './contract';
-type RadioItem = {
-    root: HTMLElement;
-    input: HTMLInputElement;
-    indicator: HTMLElement | null;
-    dot: HTMLElement | null;
-    value: string;
-    disabled: boolean;
+import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
+import { type RadioGroupProps, type RadioProps } from './contract';
+import { radioGroupHooks, radioItemHooks, type RadioGroupContext, type RadioItemContext } from './machine';
+/** Public Alpine API for `ui.radio.group`. @public */
+interface UiRadioGroupApi {
+    /** Current selected value, or an empty string when the group has no selection. */
+    readonly value: string;
+    /** Select a registered enabled value, or clear an optional group with an empty string. */
+    setValue(value: string): void;
+}
+type RadioGroupData = AlpineMachine<RadioGroupContext, RadioGroupProps, typeof radioGroupHooks> & UiRadioGroupApi & {
+    init(): void;
+    destroy(): void;
 };
-type RadioGroupData = {
-    props: RadioGroupProps;
-    value: string;
-    listeners: CleanupStack;
-    observer: MutationObserver | null;
-    items(): RadioItem[];
-    enabledItems(): RadioItem[];
-    select(item: RadioItem, event?: Event): void;
-    move(from: RadioItem, delta: 1 | -1): void;
-    sync(): void;
-    syncItem(item: RadioItem): void;
-    handleKeydown(item: RadioItem, event: KeyboardEvent): void;
+type RadioData = AlpineMachine<RadioItemContext, RadioProps, typeof radioItemHooks> & {
+    init(): void;
+    destroy(): void;
 };
+declare const UiRadio: () => TrellisAlpineComponent<RadioData>;
 declare const UiRadioGroup: () => TrellisAlpineComponent<RadioGroupData>;
 declare const registerRadio: (AlpineInstance: Alpine.Alpine) => void;
-export { registerRadio, UiRadioGroup };
-export type { RadioGroupData, RadioItem };
+export { registerRadio, UiRadio, UiRadioGroup };
+export type { RadioData, RadioGroupData, UiRadioGroupApi };

package/packages/client/types/components/radio/machine.d.ts

@@ -0,0 +1,40 @@
+import { type Machine, type MachineScope } from '../../runtime/state-machine';
+import type { RadioGroupProps, RadioProps } from './contract';
+type RadioItemRecord = {
+    id: string;
+    value: string;
+    disabled: boolean;
+    checked: boolean;
+};
+type RadioGroupContext = {
+    selection: {
+        value: string;
+    };
+    collection: {
+        items: RadioItemRecord[];
+    };
+};
+type RadioItemContext = {
+    checked: boolean;
+};
+type RadioGroupEffects = {
+    sync(scope: MachineScope<RadioGroupContext, RadioGroupProps>): void;
+    emitInput(scope: MachineScope<RadioGroupContext, RadioGroupProps>): void;
+    emitChange(scope: MachineScope<RadioGroupContext, RadioGroupProps>): void;
+    focus(scope: MachineScope<RadioGroupContext, RadioGroupProps>): void;
+};
+type RadioItemEffects = {
+    sync(scope: MachineScope<RadioItemContext, RadioProps>): void;
+};
+declare const radioGroupHooks: readonly [];
+declare const radioItemHooks: readonly [];
+declare const createRadioGroupMachine: ({ props, effects }: {
+    props: RadioGroupProps;
+    effects: RadioGroupEffects;
+}) => Machine<RadioGroupContext, RadioGroupProps>;
+declare const createRadioItemMachine: ({ props, effects }: {
+    props: RadioProps;
+    effects: RadioItemEffects;
+}) => Machine<RadioItemContext, RadioProps>;
+export { createRadioGroupMachine, createRadioItemMachine, radioGroupHooks, radioItemHooks };
+export type { RadioGroupContext, RadioGroupEffects, RadioItemContext, RadioItemEffects, RadioItemRecord };

package/packages/client/types/components/radio/runtime-docs.d.ts

@@ -0,0 +1,2 @@
+declare const radioRuntimeDocs: import("../../docs/transition-docs").ComponentTransitionDocs;
+export { radioRuntimeDocs };

package/packages/client/types/components/runtime-docs.d.ts

@@ -0,0 +1,2 @@
+declare const componentRuntimeDocs: import("../docs/transition-docs").ComponentTransitionDocs[];
+export { componentRuntimeDocs };

package/packages/client/types/components/runtime.d.ts

@@ -1,37 +1,34 @@
 export { registerAccordion, UiAccordion } from './accordion';
-export type { AccordionData, AccordionItem } from './accordion';
+export type { AccordionData, UiAccordionApi } from './accordion';
 export { registerButton, unregisterButton } from './button';
 export { registerCheckbox, UiCheckbox, UiCheckboxGroup, } from './checkbox';
-export type { CheckboxData, CheckboxGroupData, CheckboxItem } from './checkbox';
-export { registerCombobox, UiCombobox } from './combobox';
-export type { ComboboxData, ComboboxOption } from './combobox';
+export type { CheckboxData, CheckboxGroupData, CheckboxState, UiCheckboxApi } from './checkbox';
 export { registerDatePicker, UiDatePicker } from './date-picker';
 export type { DatePickerData } from './date-picker';
 export { registerDropdown, UiDropdown } from './dropdown';
-export type { DropdownData } from './dropdown';
+export type { DropdownData, UiDropdownApi } from './dropdown';
 export { registerField, UiField } from './field';
-export type { FieldData } from './field';
 export { registerFileUpload, UiFileUpload } from './file-upload';
-export type { FileUploadData, PendingFile } from './file-upload';
+export type { FileTransferStatus, FileUploadData, FileUploadMetadata, FileUploadRecord, UiFileUploadApi } from './file-upload';
 export { registerInput, UiInput } from './input';
-export type { InputData } from './input';
+export type { InputData, UiInputApi } from './input';
 export { registerModal, UiModal, UiModalTrigger, } from './modal';
-export type { ModalCancelDetail, ModalData, ModalTriggerData } from './modal';
-export { registerRadio, UiRadioGroup } from './radio';
-export type { RadioGroupData, RadioItem } from './radio';
+export type { ModalCancelDetail, UiModalApi, UiModalTriggerApi } from './modal';
+export { registerPanels, UiPanels, UiPanelToggle } from './panels';
+export type { PanelsData, UiPanelsApi } from './panels';
+export { registerRadio, UiRadio, UiRadioGroup } from './radio';
+export type { RadioData, RadioGroupData, UiRadioGroupApi } from './radio';
 export { registerScrollArea, UiScrollArea } from './scroll-area';
-export type { ScrollAreaData, ScrollAreaElements } from './scroll-area';
+export type { ScrollAreaData, ScrollAreaElements, UiScrollAreaApi } from './scroll-area';
 export { registerSelect, UiSelect } from './select';
-export type { SelectData, SelectOption } from './select';
+export type { SelectData, UiSelectApi } from './select';
 export { registerSidebar, UiSidebar, UiSidebarToggle, } from './sidebar';
 export type { SidebarController, SidebarData } from './sidebar';
 export { registerSlider, UiSlider } from './slider';
-export type { SliderData, SliderElements, SliderThumbName, SliderValues } from './slider';
+export type { SliderData, SliderElements, SliderThumbName, SliderValues, UiSliderApi } from './slider';
 export { registerSwitch, UiSwitch } from './switch';
-export type { SwitchData, SwitchItem } from './switch';
-export { registerTabs, UiTabs } from './tabs';
-export type { TabsActivateDetail, TabsChangeDetail, TabsData, TabsItem } from './tabs';
-export { registerTextarea, UiTextarea } from './textarea';
-export type { TextareaData } from './textarea';
+export type { SwitchData, UiSwitchApi } from './switch';
+export { registerTabs, UiTabs, type UiTabsApi } from './tabs';
+export type { TabsActivateDetail, TabsChangeDetail } from './tabs';
 export { registerToast, UiToast, UiToastOutlet, } from './toast';
 export type { ToastData, ToastDetail, ToastOutletData } from './toast';

package/packages/client/types/components/scroll-area/contract.d.ts

@@ -1,11 +1,9 @@
-import { type PropState } from '../../runtime';
+import { type SchemaToProps } from '../../runtime';
 declare const SCROLL_AREA_ORIENTATIONS: readonly ["vertical", "horizontal", "both"];
 declare const SCROLL_AREA_TYPES: readonly ["hover", "always", "scroll"];
-declare const SCROLL_AREA_SIZES: readonly ["sm", "md"];
 declare const scrollAreaSchema: {
     orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal" | "both">;
     type: import("../../runtime/codecs").OneOfCodec<"scroll" | "always" | "hover">;
-    size: import("../../runtime/codecs").OneOfCodec<"sm" | "md">;
     fill: import("../../runtime/codecs").BoolCodec;
     hideNative: import("../../runtime/codecs").BoolCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
@@ -17,7 +15,6 @@ declare const scrollAreaSchema: {
 };
 type ScrollAreaOrientation = typeof SCROLL_AREA_ORIENTATIONS[number];
 type ScrollAreaType = typeof SCROLL_AREA_TYPES[number];
-type ScrollAreaSize = typeof SCROLL_AREA_SIZES[number];
-type ScrollAreaProps = PropState<typeof scrollAreaSchema>;
-export { SCROLL_AREA_ORIENTATIONS, SCROLL_AREA_SIZES, SCROLL_AREA_TYPES, scrollAreaSchema, };
-export type { ScrollAreaOrientation, ScrollAreaProps, ScrollAreaSize, ScrollAreaType, };
+type ScrollAreaProps = SchemaToProps<typeof scrollAreaSchema>;
+export { SCROLL_AREA_ORIENTATIONS, SCROLL_AREA_TYPES, scrollAreaSchema, };
+export type { ScrollAreaOrientation, ScrollAreaProps, ScrollAreaType, };