@vireo-ai/trellis-ui 0.1.27 → 0.1.29

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

@@ -13,81 +13,19 @@ type CreateDropdownMachineOptions = {
     props: DropdownProps;
     effects: DropdownMachineEffects;
 };
-declare const dropdownHooks: readonly [Readonly<{
+declare const dropdownHooks: 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<DropdownContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            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;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => Record<string, never>;
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<DropdownContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            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;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            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<DropdownContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            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;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => Record<string, never>;
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<DropdownContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            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;
-            open: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly Record<string, never>[];
-}>];
+}];
 declare const createDropdownMachine: ({ props, effects, }: CreateDropdownMachineOptions) => Machine<DropdownContext, DropdownProps>;
 export { createDropdownMachine, dropdownHooks };
 export type { CreateDropdownMachineOptions, DropdownContext, DropdownFocus, DropdownMachineEffects, };

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

@@ -1,4 +1,3 @@
-import type Alpine from 'alpinejs';
 import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
 import { type FieldRuntimeProps } from './contract';
 import { fieldHooks, type FieldContext } from './machine';
@@ -7,5 +6,5 @@ type FieldData = AlpineMachine<FieldContext, FieldRuntimeProps, typeof fieldHook
     destroy(): void;
 };
 declare const UiField: () => TrellisAlpineComponent<FieldData>;
-declare const registerField: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerField: import("../../runtime").AlpineDataRegistrar;
 export { registerField, UiField };

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

@@ -1,7 +1,10 @@
-import type Alpine from 'alpinejs';
-import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
+import { type AlpineMachine, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
 import { type FileUploadProps } from './contract';
 import { fileUploadHooks, type FileTransferStatus, type FileUploadContext, type FileUploadMetadata, type FileUploadRecord } from './machine';
+type FileUploadTransitionName = (typeof fileUploadHooks)[number]['name'];
+type FileUploadTransition<TName extends FileUploadTransitionName = FileUploadTransitionName> = TransitionForHook<Extract<(typeof fileUploadHooks)[number], {
+    name: TName;
+}>, HTMLElement>;
 /**
  * Public Alpine API for `ui.file-upload`.
  *
@@ -34,6 +37,6 @@ type FileUploadData = AlpineMachine<FileUploadContext, FileUploadProps, typeof f
     destroy(): void;
 };
 declare const UiFileUpload: () => TrellisAlpineComponent<FileUploadData>;
-declare const registerFileUpload: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerFileUpload: import("../../runtime").AlpineDataRegistrar;
 export { registerFileUpload, UiFileUpload };
-export type { FileTransferStatus, FileUploadData, FileUploadMetadata, FileUploadRecord, UiFileUploadApi };
+export type { FileTransferStatus, FileUploadData, FileUploadMetadata, FileUploadRecord, FileUploadTransition, UiFileUploadApi, };

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