@vireo-ai/trellis-ui 0.1.27 → 0.1.29

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 };

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

@@ -33,232 +33,32 @@ type CreateSelectMachineOptions = {
     context: SelectContext;
     effects: SelectMachineEffects;
 };
-declare const selectHooks: readonly [Readonly<{
+declare const selectHooks: 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<SelectContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            optionsId: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            values: import("../../runtime/codecs").JsonCodec<string[]>;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
-            multiple: import("../../runtime/codecs").BoolCodec;
-            searchable: import("../../runtime/codecs").BoolCodec;
-            creatable: import("../../runtime/codecs").BoolCodec;
-            filter: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
-            suffix: import("../../runtime/codecs").StringCodec;
-            mark: import("../../runtime/codecs").OneOfCodec<"none" | "check" | "checkbox">;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            autoHighlight: import("../../runtime/codecs").BoolCodec;
-            loop: import("../../runtime/codecs").BoolCodec;
-            path: import("../../runtime/codecs").StringCodec;
-            size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            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">;
-            side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
-            offset: import("../../runtime/codecs").NumberCodec;
-            gap: import("../../runtime/codecs").NumberCodec;
-            empty: import("../../runtime/codecs").StringCodec;
-            icon: import("../../runtime/codecs").StringCodec;
-            iconTrailing: import("../../runtime/codecs").StringCodec;
-            iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
-            buttonClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            listboxClass: import("../../runtime/codecs").StringCodec;
-            optionClass: import("../../runtime/codecs").StringCodec;
-            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
-            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
-            chipClass: 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<SelectContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            optionsId: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            values: import("../../runtime/codecs").JsonCodec<string[]>;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
-            multiple: import("../../runtime/codecs").BoolCodec;
-            searchable: import("../../runtime/codecs").BoolCodec;
-            creatable: import("../../runtime/codecs").BoolCodec;
-            filter: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
-            suffix: import("../../runtime/codecs").StringCodec;
-            mark: import("../../runtime/codecs").OneOfCodec<"none" | "check" | "checkbox">;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            autoHighlight: import("../../runtime/codecs").BoolCodec;
-            loop: import("../../runtime/codecs").BoolCodec;
-            path: import("../../runtime/codecs").StringCodec;
-            size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            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">;
-            side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
-            offset: import("../../runtime/codecs").NumberCodec;
-            gap: import("../../runtime/codecs").NumberCodec;
-            empty: import("../../runtime/codecs").StringCodec;
-            icon: import("../../runtime/codecs").StringCodec;
-            iconTrailing: import("../../runtime/codecs").StringCodec;
-            iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
-            buttonClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            listboxClass: import("../../runtime/codecs").StringCodec;
-            optionClass: import("../../runtime/codecs").StringCodec;
-            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
-            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
-            chipClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly Record<string, never>[];
-}>, Readonly<{
+    sends: {
+        close: () => {
+            type: string;
+        };
+    };
+}, {
     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<SelectContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            optionsId: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            values: import("../../runtime/codecs").JsonCodec<string[]>;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
-            multiple: import("../../runtime/codecs").BoolCodec;
-            searchable: import("../../runtime/codecs").BoolCodec;
-            creatable: import("../../runtime/codecs").BoolCodec;
-            filter: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
-            suffix: import("../../runtime/codecs").StringCodec;
-            mark: import("../../runtime/codecs").OneOfCodec<"none" | "check" | "checkbox">;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            autoHighlight: import("../../runtime/codecs").BoolCodec;
-            loop: import("../../runtime/codecs").BoolCodec;
-            path: import("../../runtime/codecs").StringCodec;
-            size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            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">;
-            side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
-            offset: import("../../runtime/codecs").NumberCodec;
-            gap: import("../../runtime/codecs").NumberCodec;
-            empty: import("../../runtime/codecs").StringCodec;
-            icon: import("../../runtime/codecs").StringCodec;
-            iconTrailing: import("../../runtime/codecs").StringCodec;
-            iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
-            buttonClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            listboxClass: import("../../runtime/codecs").StringCodec;
-            optionClass: import("../../runtime/codecs").StringCodec;
-            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
-            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
-            chipClass: 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<SelectContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            optionsId: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            values: import("../../runtime/codecs").JsonCodec<string[]>;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
-            multiple: import("../../runtime/codecs").BoolCodec;
-            searchable: import("../../runtime/codecs").BoolCodec;
-            creatable: import("../../runtime/codecs").BoolCodec;
-            filter: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
-            suffix: import("../../runtime/codecs").StringCodec;
-            mark: import("../../runtime/codecs").OneOfCodec<"none" | "check" | "checkbox">;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            autoHighlight: import("../../runtime/codecs").BoolCodec;
-            loop: import("../../runtime/codecs").BoolCodec;
-            path: import("../../runtime/codecs").StringCodec;
-            size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            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">;
-            side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
-            offset: import("../../runtime/codecs").NumberCodec;
-            gap: import("../../runtime/codecs").NumberCodec;
-            empty: import("../../runtime/codecs").StringCodec;
-            icon: import("../../runtime/codecs").StringCodec;
-            iconTrailing: import("../../runtime/codecs").StringCodec;
-            iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
-            buttonClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            listboxClass: import("../../runtime/codecs").StringCodec;
-            optionClass: import("../../runtime/codecs").StringCodec;
-            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
-            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
-            chipClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly Record<string, never>[];
-}>, Readonly<{
+    sends: {
+        open: () => {
+            type: string;
+        };
+    };
+}, {
     name: "searching";
     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<SelectContext>;
@@ -312,68 +112,21 @@ declare const selectHooks: readonly [Readonly<{
         query: string;
         optionsId: string;
     };
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<SelectContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            optionsId: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            values: import("../../runtime/codecs").JsonCodec<string[]>;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
-            multiple: import("../../runtime/codecs").BoolCodec;
-            searchable: import("../../runtime/codecs").BoolCodec;
-            creatable: import("../../runtime/codecs").BoolCodec;
-            filter: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
-            suffix: import("../../runtime/codecs").StringCodec;
-            mark: import("../../runtime/codecs").OneOfCodec<"none" | "check" | "checkbox">;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            autoHighlight: import("../../runtime/codecs").BoolCodec;
-            loop: import("../../runtime/codecs").BoolCodec;
-            path: import("../../runtime/codecs").StringCodec;
-            size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            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">;
-            side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
-            offset: import("../../runtime/codecs").NumberCodec;
-            gap: import("../../runtime/codecs").NumberCodec;
-            empty: import("../../runtime/codecs").StringCodec;
-            icon: import("../../runtime/codecs").StringCodec;
-            iconTrailing: import("../../runtime/codecs").StringCodec;
-            iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
-            buttonClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            listboxClass: import("../../runtime/codecs").StringCodec;
-            optionClass: import("../../runtime/codecs").StringCodec;
-            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
-            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
-            chipClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly {
-        query: string;
-        optionsId: string;
-    }[];
-}>, Readonly<{
-    name: "creating";
-    state: string;
     onDone: string;
     onError: string;
-    required?: boolean;
-    sends?: Record<string, import("../..").TransitionEventCreator>;
-    project?: (snapshot: Readonly<{
+    sends: {
+        search: (query: string) => {
+            type: string;
+            query: string;
+        };
+        close: () => {
+            type: string;
+        };
+    };
+}, {
+    name: "creating";
+    state: string;
+    project: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<SelectContext>;
@@ -427,61 +180,14 @@ declare const selectHooks: readonly [Readonly<{
         query: string;
         value: string;
     };
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<SelectContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            optionsId: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            values: import("../../runtime/codecs").JsonCodec<string[]>;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
-            multiple: import("../../runtime/codecs").BoolCodec;
-            searchable: import("../../runtime/codecs").BoolCodec;
-            creatable: import("../../runtime/codecs").BoolCodec;
-            filter: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
-            suffix: import("../../runtime/codecs").StringCodec;
-            mark: import("../../runtime/codecs").OneOfCodec<"none" | "check" | "checkbox">;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            autoHighlight: import("../../runtime/codecs").BoolCodec;
-            loop: import("../../runtime/codecs").BoolCodec;
-            path: import("../../runtime/codecs").StringCodec;
-            size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            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">;
-            side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
-            offset: import("../../runtime/codecs").NumberCodec;
-            gap: import("../../runtime/codecs").NumberCodec;
-            empty: import("../../runtime/codecs").StringCodec;
-            icon: import("../../runtime/codecs").StringCodec;
-            iconTrailing: import("../../runtime/codecs").StringCodec;
-            iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
-            buttonClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            listboxClass: import("../../runtime/codecs").StringCodec;
-            optionClass: import("../../runtime/codecs").StringCodec;
-            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
-            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
-            chipClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly {
-        query: string;
-        value: string;
-    }[];
-}>];
+    onDone: string;
+    onError: string;
+    sends: {
+        close: () => {
+            type: string;
+        };
+    };
+}];
 declare const createSelectMachine: ({ props, context, effects, }: CreateSelectMachineOptions) => Machine<SelectContext, SelectProps>;
 export { createSelectMachine, selectHooks };
 export type { CreateSelectMachineOptions, SelectContext, SelectMachineEffects, };

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

@@ -1,10 +1,14 @@
 import type Alpine from 'alpinejs';
-import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
+import { type AlpineMachine, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
 import { type SchemaToProps } from '../../runtime/codecs';
 import { type BindingObject } from '../../runtime/merge-bindings';
 import { type MotionHandle, type MotionTransitionSubject } from '../../motion';
 import { type SidebarProps, type SidebarToggleAction } from './contract';
 import { sidebarHooks, type SidebarContext, type SidebarMode } from './machine';
+type SidebarTransitionName = (typeof sidebarHooks)[number]['name'];
+type SidebarTransition<TName extends SidebarTransitionName = SidebarTransitionName> = TransitionForHook<Extract<(typeof sidebarHooks)[number], {
+    name: TName;
+}>, HTMLElement>;
 type SidebarController = {
     readonly id: string;
     isExpanded(): boolean;
@@ -73,4 +77,4 @@ declare const UiSidebarEdge: () => TrellisAlpineComponent<{
 }>;
 declare const registerSidebar: (AlpineInstance: Alpine.Alpine) => void;
 export { registerSidebar, UiSidebar, UiSidebarEdge, UiSidebarToggle };
-export type { SidebarController, SidebarData, UiSidebarApi };
+export type { SidebarController, SidebarData, SidebarTransition, UiSidebarApi };

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

@@ -32,69 +32,33 @@ type CreateSidebarMachineOptions = {
     desktopStashed: boolean;
     effects: SidebarMachineEffects;
 };
-declare const sidebarHooks: readonly [Readonly<{
+declare const sidebarHooks: 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[];
+    project: ({ context }: {
         context: Readonly<SidebarContext>;
-        props: Readonly<unknown>;
-        generations: Readonly<Record<string, number>>;
-    }>) => {
+    }) => {
         mode: SidebarMode;
         presentation: SidebarPresentation;
         width: string;
         height: string;
     };
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<SidebarContext>;
-        props: Readonly<unknown>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly {
-        mode: SidebarMode;
-        presentation: SidebarPresentation;
-        width: string;
-        height: string;
-    }[];
-}>, 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[];
+}, {
+    name: "closing";
+    state: string;
+    project: ({ context }: {
         context: Readonly<SidebarContext>;
-        props: Readonly<unknown>;
-        generations: Readonly<Record<string, number>>;
-    }>) => {
+    }) => {
         mode: SidebarMode;
         presentation: SidebarPresentation;
         width: string;
         height: string;
     };
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<SidebarContext>;
-        props: Readonly<unknown>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly {
-        mode: SidebarMode;
-        presentation: SidebarPresentation;
-        width: string;
-        height: string;
-    }[];
-}>];
+    onDone: string;
+    onError: string;
+}];
 declare const createSidebarMachine: ({ props, mode, desktopStashed, effects }: CreateSidebarMachineOptions) => Machine<SidebarContext, SidebarProps>;
 export { createSidebarMachine, sidebarHooks };
 export type { CreateSidebarMachineOptions, SidebarContext, SidebarMachineEffects, SidebarMode, SidebarPresentation, SidebarTarget };

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

@@ -1,4 +1,3 @@
-import type Alpine from 'alpinejs';
 import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
 import { type SliderProps } from './contract';
 import { type SliderContext, sliderHooks, type SliderThumbName, type SliderValues } from './machine';
@@ -32,6 +31,6 @@ type SliderData = AlpineMachine<SliderContext, SliderProps, typeof sliderHooks>
     destroy(): void;
 };
 declare const UiSlider: () => TrellisAlpineComponent<SliderData>;
-declare const registerSlider: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerSlider: import("../../runtime").AlpineDataRegistrar;
 export { registerSlider, UiSlider };
 export type { SliderData, SliderElements, SliderThumbName, SliderValues, UiSliderApi };

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

@@ -1,4 +1,3 @@
-import type Alpine from 'alpinejs';
 import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
 import { type SwitchControlProps } from './contract';
 import { switchHooks, type SwitchContext } from './machine';
@@ -14,6 +13,6 @@ type SwitchData = AlpineMachine<SwitchContext, SwitchControlProps, typeof switch
     destroy(): void;
 };
 declare const UiSwitch: () => TrellisAlpineComponent<SwitchData>;
-declare const registerSwitch: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerSwitch: import("../../runtime").AlpineDataRegistrar;
 export { registerSwitch, UiSwitch };
 export type { SwitchData, UiSwitchApi };