@vireo-ai/trellis-ui 0.1.27 → 0.1.30

package/packages/client/types/components/file-upload/machine.d.ts

@@ -49,14 +49,10 @@ type CreateFileUploadMachineOptions = {
     context: FileUploadContext;
     effects: FileUploadMachineEffects;
 };
-declare const fileUploadHooks: readonly [Readonly<{
+declare const fileUploadHooks: readonly [{
     name: "uploading";
     state: string;
-    onDone: string;
-    onError: string;
-    required?: boolean;
-    sends?: Record<string, import("../..").TransitionEventCreator>;
-    project?: (snapshot: Readonly<{
+    project: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<FileUploadContext>;
@@ -88,39 +84,21 @@ declare const fileUploadHooks: readonly [Readonly<{
     }>) => {
         files: FileUploadMetadata[];
     };
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<FileUploadContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            accept: import("../../runtime/codecs").StringCodec;
-            capture: import("../../runtime/codecs").StringCodec;
-            multiple: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            preview: import("../../runtime/codecs").OneOfCodec<"image" | "auto" | "none">;
-            layout: import("../../runtime/codecs").OneOfCodec<"stack" | "inline">;
-            size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg">;
-            heading: import("../../runtime/codecs").StringCodec;
-            text: import("../../runtime/codecs").StringCodec;
-            browseLabel: import("../../runtime/codecs").StringCodec;
-            empty: import("../../runtime/codecs").StringCodec;
-            maxItems: import("../../runtime/codecs").NumberCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            transport: import("../../runtime/codecs").OneOfCodec<"native" | "direct">;
-            rootClass: import("../../runtime/codecs").StringCodec;
-            dropzoneClass: import("../../runtime/codecs").StringCodec;
-            listClass: import("../../runtime/codecs").StringCodec;
-            itemClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly {
-        files: FileUploadMetadata[];
-    }[];
-}>];
+    onDone: string;
+    onError: string;
+    required: true;
+    sends: {
+        progress: (id: string, loaded: number, total: number) => {
+            type: string;
+            id: string;
+            loaded: number;
+            total: number;
+        };
+        cancel: () => {
+            type: string;
+        };
+    };
+}];
 declare const createFileUploadMachine: ({ props, context, effects }: CreateFileUploadMachineOptions) => Machine<FileUploadContext, FileUploadProps>;
 declare const recordsFromSnapshot: (context: Readonly<FileUploadContext>) => FileUploadRecord[];
 export { createFileUploadMachine, fileUploadHooks, recordsFromSnapshot };

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

@@ -1,4 +1,3 @@
-import type Alpine from 'alpinejs';
 import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
 import { type InputProps } from './contract';
 import { inputHooks, type InputContext } from './machine';
@@ -16,6 +15,6 @@ type InputData = AlpineMachine<InputContext, InputProps, typeof inputHooks> & Ui
     destroy(): void;
 };
 declare const UiInput: () => TrellisAlpineComponent<InputData>;
-declare const registerInput: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerInput: import("../../runtime").AlpineDataRegistrar;
 export { registerInput, UiInput };
 export type { InputData, UiInputApi };

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

@@ -1,8 +1,12 @@
 import type Alpine from 'alpinejs';
-import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
+import { type AlpineMachine, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
 import { type BindingObject } from '../../runtime/merge-bindings';
 import { type ModalProps } from './contract';
 import { modalHooks, type ModalContext } from './machine';
+type ModalTransitionName = (typeof modalHooks)[number]['name'];
+type ModalTransition<TName extends ModalTransitionName = ModalTransitionName> = TransitionForHook<Extract<(typeof modalHooks)[number], {
+    name: TName;
+}>, HTMLElement>;
 type CancelReason = 'escape' | 'outside';
 type ModalCancelDetail = {
     reason: CancelReason;
@@ -51,4 +55,4 @@ declare const UiModal: () => TrellisAlpineComponent<ModalData>;
 declare const UiModalTrigger: () => TrellisAlpineComponent<ModalTriggerData>;
 declare const registerModal: (AlpineInstance: Alpine.Alpine) => void;
 export { registerModal, UiModal, UiModalTrigger };
-export type { ModalCancelDetail, UiModalApi, UiModalTriggerApi };
+export type { ModalCancelDetail, ModalTransition, UiModalApi, UiModalTriggerApi };

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

@@ -13,117 +13,19 @@ type CreateModalMachineOptions = {
     props: ModalProps;
     effects: ModalMachineEffects;
 };
-declare const modalHooks: readonly [Readonly<{
+declare const modalHooks: readonly [{
     name: "opening";
     state: string;
+    project: () => {};
     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<"bottom" | "left" | "right" | "top">;
-            size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            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<"bottom" | "left" | "right" | "top">;
-            size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            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;
+    project: () => {};
     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<"bottom" | "left" | "right" | "top">;
-            size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            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<"bottom" | "left" | "right" | "top">;
-            size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            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/panels/index.d.ts

@@ -1,8 +1,12 @@
 import type Alpine from 'alpinejs';
-import { type AlpineMachine, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
+import { type AlpineMachine, type BindingObject, type TransitionForHook, 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 PanelSizingTransitionData, type PanelTransitionData } from './machine';
+type PanelsTransitionName = (typeof panelsHooks)[number]['name'];
+type PanelsTransition<TName extends PanelsTransitionName = PanelsTransitionName> = TransitionForHook<Extract<(typeof panelsHooks)[number], {
+    name: TName;
+}>, HTMLElement>;
 type PanelEventDetail = {
     panelId?: string;
     groupId?: string;
@@ -58,4 +62,4 @@ declare const UiPanelToggle: () => TrellisAlpineComponent<{
 }>;
 declare const registerPanels: (AlpineInstance: Alpine.Alpine) => void;
 export { registerPanels, UiPanels, UiPanelToggle };
-export type { PanelEventDetail, PanelsData, PanelsPersistTransitionData, PanelSizingTransitionData, UiPanelsApi, };
+export type { PanelEventDetail, PanelsData, PanelsPersistTransitionData, PanelSizingTransitionData, PanelsTransition, UiPanelsApi, };

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

@@ -58,27 +58,10 @@ type CreatePanelsMachineOptions = {
     context: PanelsContext;
     effects: PanelsMachineEffects;
 };
-declare const panelsHooks: readonly [Readonly<{
+declare const panelsHooks: 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<{
+    projectEach: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<PanelsContext>;
@@ -90,28 +73,29 @@ declare const panelsHooks: readonly [Readonly<{
             class: import("../../runtime/codecs").StringCodec;
         }>>;
         generations: Readonly<Record<string, number>>;
-    }>) => readonly PanelTransitionData[];
-}>, Readonly<{
-    name: "closing";
-    state: string;
+    }>) => {
+        panelId: 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<{
+    sends: {
+        expand: (panelId: string) => {
+            type: string;
+            panelId: string;
+        };
+        collapse: (panelId: string) => {
+            type: string;
+            panelId: string;
+        };
+        toggle: (panelId: string) => {
+            type: string;
+            panelId: string;
+        };
+    };
+}, {
+    name: "closing";
+    state: string;
+    projectEach: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<PanelsContext>;
@@ -123,28 +107,29 @@ declare const panelsHooks: readonly [Readonly<{
             class: import("../../runtime/codecs").StringCodec;
         }>>;
         generations: Readonly<Record<string, number>>;
-    }>) => readonly PanelTransitionData[];
-}>, Readonly<{
-    name: "sizing";
-    state: string;
+    }>) => {
+        panelId: 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>>;
-    }>) => PanelSizingTransitionData;
-    projectEach?: (snapshot: Readonly<{
+    sends: {
+        expand: (panelId: string) => {
+            type: string;
+            panelId: string;
+        };
+        collapse: (panelId: string) => {
+            type: string;
+            panelId: string;
+        };
+        toggle: (panelId: string) => {
+            type: string;
+            panelId: string;
+        };
+    };
+}, {
+    name: "sizing";
+    state: string;
+    projectEach: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<PanelsContext>;
@@ -156,28 +141,13 @@ declare const panelsHooks: readonly [Readonly<{
             class: import("../../runtime/codecs").StringCodec;
         }>>;
         generations: Readonly<Record<string, number>>;
-    }>) => readonly PanelSizingTransitionData[];
-}>, Readonly<{
-    name: "persisting";
-    state: string;
+    }>) => PanelSizingTransitionData[];
     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<{
+}, {
+    name: "persisting";
+    state: string;
+    project: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<PanelsContext>;
@@ -189,8 +159,16 @@ declare const panelsHooks: readonly [Readonly<{
             class: import("../../runtime/codecs").StringCodec;
         }>>;
         generations: Readonly<Record<string, number>>;
-    }>) => readonly PanelsPersistTransitionData[];
-}>];
+    }>) => {
+        groupId: string;
+        collapsed: string[];
+        sizes: {
+            [x: string]: number;
+        };
+    };
+    onDone: string;
+    onError: string;
+}];
 declare const createPanelsMachine: ({ props, context, effects, }: CreatePanelsMachineOptions) => Machine<PanelsContext, PanelsProps>;
 export { createPanelsMachine, panelsHooks };
 export type { CreatePanelsMachineOptions, PanelsContext, PanelsMachineEffects, PanelsPersistTransitionData, PanelSizingTransitionData, PanelTransitionData, };

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

@@ -5,16 +5,22 @@ declare const RADIO_GROUP_VARIANTS: readonly ["default", "cards", "pills"];
 declare const RADIO_PLACEMENTS: readonly ["leading", "trailing", "center", "top-leading", "top-trailing", "bottom-leading", "bottom-trailing"];
 declare const RADIO_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
 declare const RADIO_VARIANTS: readonly ["default", "cards", "pills"];
+declare const RADIO_COLORS: readonly ["neutral", "accent"];
+declare const RADIO_INTERACTIONS: readonly ["tonal", "edge", "combined"];
 type RadioGroupOrientation = Orientation;
 type RadioGroupVariant = typeof RADIO_GROUP_VARIANTS[number];
 type RadioPlacement = IndicatorPlacement;
 type RadioSize = ControlSize;
 type RadioVariant = typeof RADIO_VARIANTS[number];
+type RadioColor = typeof RADIO_COLORS[number];
+type RadioInteraction = typeof RADIO_INTERACTIONS[number];
 declare const radioGroupSchema: {
     name: import("../../runtime/codecs").StringCodec;
     value: import("../..").CodecFn<string>;
     orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
-    variant: import("../../runtime/codecs").OneOfCodec<"default" | "pills" | "cards">;
+    variant: import("../../runtime/codecs").OneOfCodec<"default" | "cards" | "pills">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
+    interaction: import("../../runtime/codecs").OneOfCodec<"edge" | "tonal" | "combined">;
     indicator: import("../../runtime/codecs").BoolCodec;
     placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
     disabled: import("../..").CodecFn<boolean>;
@@ -35,7 +41,9 @@ declare const radioSchema: {
     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;
-    variant: import("../../runtime/codecs").OneOfCodec<"default" | "pills" | "cards">;
+    variant: import("../../runtime/codecs").OneOfCodec<"default" | "cards" | "pills">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
+    interaction: import("../../runtime/codecs").OneOfCodec<"edge" | "tonal" | "combined">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     inputClass: import("../../runtime/codecs").StringCodec;
     indicatorClass: import("../../runtime/codecs").StringCodec;
@@ -51,5 +59,5 @@ declare const radioIndicatorSchema: {
 };
 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 };
+export { RADIO_GROUP_ORIENTATIONS, RADIO_GROUP_VARIANTS, RADIO_COLORS, RADIO_INTERACTIONS, RADIO_PLACEMENTS, RADIO_SIZES, RADIO_VARIANTS, radioGroupSchema, radioIndicatorSchema, radioSchema, };
+export type { RadioColor, RadioGroupOrientation, RadioGroupProps, RadioGroupVariant, RadioInteraction, RadioPlacement, RadioProps, RadioSize, RadioVariant, };

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

@@ -1,34 +1,34 @@
 export { registerAccordion, UiAccordion } from './accordion';
-export type { AccordionData, UiAccordionApi } from './accordion';
+export type { AccordionData, AccordionTransition, UiAccordionApi } from './accordion';
 export { registerButton, unregisterButton } from './button';
 export { registerCheckbox, UiCheckbox, UiCheckboxGroup, } from './checkbox';
 export type { CheckboxData, CheckboxGroupData, CheckboxState, UiCheckboxApi } from './checkbox';
 export { registerDatePicker, UiDatePicker } from './date-picker';
-export type { DatePickerData } from './date-picker';
+export type { DatePickerData, DatePickerTransition } from './date-picker';
 export { registerDropdown, UiDropdown } from './dropdown';
-export type { DropdownData, UiDropdownApi } from './dropdown';
+export type { DropdownData, DropdownTransition, UiDropdownApi } from './dropdown';
 export { registerField, UiField } from './field';
 export { registerFileUpload, UiFileUpload } from './file-upload';
-export type { FileTransferStatus, FileUploadData, FileUploadMetadata, FileUploadRecord, UiFileUploadApi } from './file-upload';
+export type { FileTransferStatus, FileUploadData, FileUploadMetadata, FileUploadRecord, FileUploadTransition, UiFileUploadApi, } from './file-upload';
 export { registerInput, UiInput } from './input';
 export type { InputData, UiInputApi } from './input';
 export { registerModal, UiModal, UiModalTrigger, } from './modal';
-export type { ModalCancelDetail, UiModalApi, UiModalTriggerApi } from './modal';
+export type { ModalCancelDetail, ModalTransition, UiModalApi, UiModalTriggerApi } from './modal';
 export { registerPanels, UiPanels, UiPanelToggle } from './panels';
-export type { PanelsData, UiPanelsApi } from './panels';
+export type { PanelsData, PanelsTransition, 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, UiScrollAreaApi } from './scroll-area';
 export { registerSelect, UiSelect } from './select';
-export type { SelectData, UiSelectApi } from './select';
+export type { SelectData, SelectTransition, UiSelectApi } from './select';
 export { registerSidebar, UiSidebar, UiSidebarToggle, } from './sidebar';
-export type { SidebarController, SidebarData } from './sidebar';
+export type { SidebarController, SidebarData, SidebarTransition } from './sidebar';
 export { registerSlider, UiSlider } from './slider';
 export type { SliderData, SliderElements, SliderThumbName, SliderValues, UiSliderApi } from './slider';
 export { registerSwitch, UiSwitch } from './switch';
 export type { SwitchData, UiSwitchApi } from './switch';
 export { registerTabs, UiTabs, type UiTabsApi } from './tabs';
-export type { TabsActivateDetail, TabsChangeDetail } from './tabs';
+export type { TabsActivateDetail, TabsChangeDetail, TabsTransition } from './tabs';
 export { registerToast, UiToast, UiToastOutlet, } from './toast';
-export type { ToastData, ToastDetail, ToastOutletData } from './toast';
+export type { ToastData, ToastDetail, ToastOutletData, ToastTransition } from './toast';

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

@@ -1,4 +1,3 @@
-import type Alpine from 'alpinejs';
 import { type AlpineMachine, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
 import { type ScrollAreaProps } from './contract';
 import { type ScrollAreaContext, scrollAreaHooks } from './machine';
@@ -37,6 +36,6 @@ type ScrollAreaData = AlpineMachine<ScrollAreaContext, ScrollAreaProps, typeof s
     corner(el: HTMLElement): BindingObject;
 };
 declare const UiScrollArea: () => TrellisAlpineComponent<ScrollAreaData>;
-declare const registerScrollArea: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerScrollArea: import("../../runtime").AlpineDataRegistrar;
 export { registerScrollArea, UiScrollArea };
 export type { ScrollAreaData, ScrollAreaElements, UiScrollAreaApi };

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

@@ -1,8 +1,11 @@
-import type Alpine from 'alpinejs';
-import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
+import { type AlpineMachine, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
 import { type BindingObject } from '../../runtime/merge-bindings';
 import { type SelectProps } from './contract';
 import { type SelectContext, selectHooks } from './machine';
+type SelectTransitionName = (typeof selectHooks)[number]['name'];
+type SelectTransition<TName extends SelectTransitionName = SelectTransitionName> = TransitionForHook<Extract<(typeof selectHooks)[number], {
+    name: TName;
+}>, HTMLElement>;
 /**
  * Public Alpine API for `ui.select`.
  *
@@ -46,6 +49,6 @@ type SelectData = AlpineMachine<SelectContext, SelectProps, typeof selectHooks>
     destroy(): void;
 };
 declare const UiSelect: () => TrellisAlpineComponent<SelectData>;
-declare const registerSelect: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerSelect: import("../../runtime").AlpineDataRegistrar;
 export { registerSelect, UiSelect };
-export type { SelectData, UiSelectApi };
+export type { SelectData, SelectTransition, UiSelectApi };