@vireo-ai/trellis-ui 0.1.25 → 0.1.29

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

@@ -28,14 +28,10 @@ type CreateTabsMachineOptions = {
     context: TabsContext;
     effects: TabsMachineEffects;
 };
-declare const tabsHooks: readonly [Readonly<{
+declare const tabsHooks: readonly [{
     name: "switching";
     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<TabsContext>;
@@ -57,29 +53,15 @@ declare const tabsHooks: readonly [Readonly<{
         value: string;
         panelId: string;
     };
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<TabsContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            id: import("../../runtime/codecs").StringCodec;
-            animate: import("../../runtime/codecs").BoolCodec;
-            defaultValue: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            activation: import("../../runtime/codecs").OneOfCodec<"manual" | "automatic">;
-            orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
-            gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
-            loop: import("../../runtime/codecs").BoolCodec;
-            panels: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly {
-        previousValue: string;
-        value: string;
-        panelId: string;
-    }[];
-}>];
+    onDone: string;
+    onError: string;
+    sends: {
+        select: (value: string) => {
+            type: string;
+            value: string;
+        };
+    };
+}];
 declare const createTabsMachine: ({ props, context, effects, }: CreateTabsMachineOptions) => Machine<TabsContext, TabsProps>;
 export { createTabsMachine, tabsHooks };
 export type { CreateTabsMachineOptions, TabsContext, TabsMachineEffects, TabsTransitionData, };

package/packages/client/types/components/toast/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 CleanupStack } from '../../utils';
 import { type ToastOutletProps, type ToastProps } from './contract';
 import { toastHooks, type ToastContext } from './machine';
+type ToastTransitionName = (typeof toastHooks)[number]['name'];
+type ToastTransition<TName extends ToastTransitionName = ToastTransitionName> = TransitionForHook<Extract<(typeof toastHooks)[number], {
+    name: TName;
+}>, HTMLElement>;
 type ToastDetail = {
     description?: unknown;
     title?: unknown;
@@ -55,4 +59,4 @@ declare const UiToast: () => TrellisAlpineComponent<ToastData>;
 declare const UiToastOutlet: (AlpineInstance: Alpine.Alpine) => TrellisAlpineComponent<ToastOutletData>;
 declare const registerToast: (AlpineInstance: Alpine.Alpine) => void;
 export { registerToast, UiToast, UiToastOutlet };
-export type { ToastData, ToastDetail, ToastOutletData, UiToastApi, UiToastOutletApi };
+export type { ToastData, ToastDetail, ToastOutletData, ToastTransition, UiToastApi, UiToastOutletApi };

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

@@ -19,57 +19,16 @@ type ToastMachineEffects = {
     finishClose(reason: ToastDismissReason): void;
     syncProps(): void;
 };
-declare const toastHooks: readonly [Readonly<{
+declare const toastHooks: 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<ToastContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            level: import("../../runtime/codecs").OneOfCodec<"danger" | "success" | "warning" | "info" | "debug">;
-            color: import("../../runtime/codecs").OneOfCodec<"auto" | "accent" | "danger" | "neutral" | "success" | "warning">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "default" | "solid" | "soft" | "surface">;
-            title: import("../../runtime/codecs").StringCodec;
-            description: import("../../runtime/codecs").StringCodec;
-            duration: import("../../runtime/codecs").NumberCodec;
-            dismissible: import("../../runtime/codecs").BoolCodec;
-            class: import("../../runtime/codecs").StringCodec;
-            contentClass: import("../../runtime/codecs").StringCodec;
-            closeClass: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => Record<string, never>;
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<ToastContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            level: import("../../runtime/codecs").OneOfCodec<"danger" | "success" | "warning" | "info" | "debug">;
-            color: import("../../runtime/codecs").OneOfCodec<"auto" | "accent" | "danger" | "neutral" | "success" | "warning">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "default" | "solid" | "soft" | "surface">;
-            title: import("../../runtime/codecs").StringCodec;
-            description: import("../../runtime/codecs").StringCodec;
-            duration: import("../../runtime/codecs").NumberCodec;
-            dismissible: import("../../runtime/codecs").BoolCodec;
-            class: import("../../runtime/codecs").StringCodec;
-            contentClass: import("../../runtime/codecs").StringCodec;
-            closeClass: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly Record<string, never>[];
-}>, Readonly<{
+}, {
     name: "closing";
     state: string;
-    onDone: string;
-    onError: string;
-    required?: boolean;
-    sends?: Record<string, import("../..").TransitionEventCreator>;
-    project?: (snapshot: Readonly<{
+    project: ({ context }: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<ToastContext>;
@@ -89,27 +48,9 @@ declare const toastHooks: readonly [Readonly<{
     }>) => {
         reason: ToastDismissReason;
     };
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<ToastContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            level: import("../../runtime/codecs").OneOfCodec<"danger" | "success" | "warning" | "info" | "debug">;
-            color: import("../../runtime/codecs").OneOfCodec<"auto" | "accent" | "danger" | "neutral" | "success" | "warning">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "default" | "solid" | "soft" | "surface">;
-            title: import("../../runtime/codecs").StringCodec;
-            description: import("../../runtime/codecs").StringCodec;
-            duration: import("../../runtime/codecs").NumberCodec;
-            dismissible: import("../../runtime/codecs").BoolCodec;
-            class: import("../../runtime/codecs").StringCodec;
-            contentClass: import("../../runtime/codecs").StringCodec;
-            closeClass: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly {
-        reason: ToastDismissReason;
-    }[];
-}>];
+    onDone: string;
+    onError: string;
+}];
 declare const createToastMachine: (props: ToastProps, effects: ToastMachineEffects) => Machine<ToastContext, ToastProps>;
 export { createToastMachine, toastHooks };
 export type { ToastContext, ToastDismissReason, ToastMachineEffects };

package/packages/client/types/core.d.ts

@@ -5,6 +5,6 @@ declare const coreRuntime: CoreRuntimePlugin;
 export { coreRuntime, ui };
 export default coreRuntime;
 export type { CoreRuntimePlugin };
-export { bool, createAlpineMachine, createMachine, decodeProps, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, createTransitionCoordinator, defineHook, } from './runtime';
-export type { AlpineMachine, AlpineMachineOwner, AlpinePropsChangedEvent, CodecFn, ComponentManifest, CreateAlpineMachineOptions, DecodePropsOptions, Machine, MachineConfig, MachineEffect, MachineEffectList, MachineEffectRef, MachineEntry, MachineEvent, MachineEventObject, MachineGuard, MachineOptions, MachineReducer, MachineReducerList, MachineReducerRef, MachineScope, MachineSnapshot, MachineStateConfig, MachineStateValue, MachineTransition, MachineTransitionDefinition, MachineUpdate, DefineManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, MachineFactoryScope, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResolveStyleOptions, SchemaPropDetails, SchemaToProps, StyleDefinition, StylePart, StyleProps, TrellisAlpineComponent, AnyTransitionHook, TransitionCallback, TransitionContext, TransitionCoordinator, TransitionCoordinatorOptions, TransitionEventCreator, TransitionHookDefinition, UiRuntime, } from './runtime';
+export { bool, createAlpineMachine, createMachine, decodeProps, defineAlpineData, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, createTransitionCoordinator, defineHook, } from './runtime';
+export type { AlpineMachine, AlpineMachineOwner, AlpinePropsChangedEvent, AlpineDataFactory, AlpineDataRegistrar, CodecFn, ComponentManifest, CreateAlpineMachineOptions, DecodePropsOptions, Machine, MachineConfig, MachineEffect, MachineEffectList, MachineEffectRef, MachineEntry, MachineEvent, MachineEventObject, MachineGuard, MachineOptions, MachineReducer, MachineReducerList, MachineReducerRef, MachineScope, MachineSnapshot, MachineStateConfig, MachineStateValue, MachineTransition, MachineTransitionDefinition, MachineUpdate, DefineManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, MachineFactoryScope, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResolveStyleOptions, SchemaPropDetails, SchemaToProps, StyleDefinition, StylePart, StyleProps, TrellisAlpineComponent, AnyTransitionHook, TransitionCallback, TransitionContext, TransitionCoordinator, TransitionCoordinatorOptions, TransitionEventCreator, TransitionForHook, TransitionHookDefinition, UiRuntime, } from './runtime';
 export { registerTransitionDirective } from './directives/transition';

package/packages/client/types/runtime/alpine-data.d.ts

@@ -0,0 +1,6 @@
+import type Alpine from 'alpinejs';
+type AlpineDataFactory<T, TArgs extends unknown[] = []> = (...args: TArgs) => Alpine.AlpineComponent<T>;
+type AlpineDataRegistrar = (AlpineInstance: Alpine.Alpine) => void;
+declare const defineAlpineData: <T, TArgs extends unknown[] = []>(name: string, factory: AlpineDataFactory<T, TArgs>) => AlpineDataRegistrar;
+export { defineAlpineData };
+export type { AlpineDataFactory, AlpineDataRegistrar };

package/packages/client/types/runtime/alpine-machine.d.ts

@@ -1,6 +1,6 @@
 import type Alpine from 'alpinejs';
 import { type CodecFn, type PropChange, type SchemaToProps } from './codecs';
-import { type TransitionCallback } from './transition-coordinator';
+import { type TransitionCallback, type TransitionForHook } from './transition-coordinator';
 import type { Machine, MachineEvent, MachineSnapshot } from './state-machine';
 type MachineElement = HTMLElement & Alpine.ElementWithXAttributes;
 type MachineSchema = Record<string, CodecFn<unknown>>;
@@ -16,11 +16,6 @@ type TransitionHookLike = {
 type HookName<THooks extends readonly {
     name: string;
 }[]> = THooks[number]['name'];
-type HookData<THook> = THook extends {
-    project: (...args: never[]) => infer TData;
-} ? TData : THook extends {
-    projectEach: (...args: never[]) => readonly (infer TData)[];
-} ? TData : never;
 type HookForName<THooks, TName> = Extract<THooks extends readonly unknown[] ? THooks[number] : never, {
     name: TName;
 }>;
@@ -48,7 +43,7 @@ type AlpineMachineOwner<TProps = unknown> = {
     invalidateDom(): void;
     onTransition<TData>(name: string, callback: TransitionCallback<TProps, TData, MachineElement>, el?: MachineElement): () => void;
 };
-type AlpineMachine<TContext, TProps, THooks extends readonly TransitionHookLike[]> = AlpineMachineOwner<TProps> & {
+type AlpineMachine<TContext, TProps, THooks extends readonly TransitionHookLike[]> = Omit<AlpineMachineOwner<TProps>, 'onTransition'> & {
     snapshot: {
         current: MachineSnapshot<TContext, TProps> | null;
     };
@@ -61,7 +56,7 @@ type AlpineMachine<TContext, TProps, THooks extends readonly TransitionHookLike[
     send(event: MachineEvent): void;
     matches(state: string): boolean;
     hasTag(tag: string): boolean;
-    onTransition<TName extends HookName<THooks>, TData = HookData<HookForName<THooks, TName>>>(name: TName, callback: TransitionCallback<TProps, TData, MachineElement>, el?: MachineElement): () => void;
+    onTransition<TName extends HookName<THooks>>(name: TName, callback: (transition: TransitionForHook<HookForName<THooks, TName>, MachineElement>) => unknown | Promise<unknown>, el?: MachineElement): () => void;
 };
 declare const findAlpineMachineOwner: (AlpineInstance: Alpine.Alpine, el: Element) => AlpineMachineOwner | undefined;
 declare const createAlpineMachine: <TContext, TSchema extends MachineSchema, const THooks extends readonly TransitionHookLike[]>({ schema, hooks, createMachine: machineFactory, resolveTransitionElement, }: CreateAlpineMachineOptions<TContext, TSchema, THooks>) => AlpineMachine<TContext, MachineProps<TSchema>, THooks>;

package/packages/client/types/runtime/engine/request.d.ts

@@ -6,6 +6,7 @@ type RequestExtra = Record<string, unknown> | FormData | URLSearchParams;
 type RequestSource = Element;
 type RequestOptions = {
     method?: RequestMethod | Lowercase<RequestMethod>;
+    cache?: RequestCache;
     data?: RequestData;
     extra?: RequestExtra;
     headers?: HeadersInit;

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

@@ -1,4 +1,6 @@
 import type Alpine from 'alpinejs';
+import type { UiRuntime } from './ui';
+export { defineAlpineData, type AlpineDataFactory, type AlpineDataRegistrar, } from './alpine-data';
 export { createAlpineMachine, findAlpineMachineOwner, type AlpineMachine, type AlpineMachineOwner, type AlpinePropsChangedEvent, type CreateAlpineMachineOptions, type MachineFactoryScope, } from './alpine-machine';
 export { createAnchoredPopover, createAnchoredPopoverSurface, type AnchoredPopover, type AnchoredPopoverOptions, type AnchoredPopoverSurface, type PopoverAlign, type PopoverSide, } from './anchored-popover';
 export { createCollectionNavigation, type CollectionElementOptions, type CollectionItemsOptions, type CollectionKeydownOptions, type CollectionNavigation, type CollectionNavigationOptions, } from './collection-navigation';
@@ -21,9 +23,11 @@ export { applyStreamPatch, applyStreamPatches, applyUiEffect, applyUiEffects, co
 export { applyThemeMode, createThemeStore, registerThemeStore, type ResolvedThemeMode, type ThemeChangeDetail, type ThemeStore, type ThemeMode, } from './theme';
 export { lockDocumentScroll, unlockDocumentScroll } from './scroll-lock';
 export { registerUiMagic, ui, type UiRuntime } from './ui';
-export { createTransitionCoordinator, defineHook, type AnyTransitionHook, type TransitionCallback, type TransitionContext, type TransitionCoordinator, type TransitionCoordinatorOptions, type TransitionEventCreator, type TransitionElementResolver, type TransitionHookDefinition, } from './transition-coordinator';
-type TrellisAlpineComponent<T> = Alpine.AlpineComponent<T> & {
+export { createTransitionCoordinator, defineHook, type AnyTransitionHook, type TransitionCallback, type TransitionContext, type TransitionCoordinator, type TransitionCoordinatorOptions, type TransitionEventCreator, type TransitionElementResolver, type TransitionForHook, type TransitionHookDefinition, } from './transition-coordinator';
+type TrellisAlpineComponent<T> = T & Alpine.XDataContext & {
     init(): void;
     destroy(): void;
-};
+} & ThisType<Alpine.InferInterceptors<T> & Alpine.XDataContext & Alpine.Magics<T> & {
+    readonly $ui: UiRuntime;
+}>;
 export type { TrellisAlpineComponent };

package/packages/client/types/runtime/transition-coordinator.d.ts

@@ -1,8 +1,10 @@
 import type { Machine, MachineEvent, MachineEventObject, MachineSnapshot } from './state-machine';
 type TransitionEventCreator = (...args: never[]) => MachineEvent;
-type TransitionSend = ((event: MachineEvent) => void) & {
+type TransitionSend<TSends extends Record<string, TransitionEventCreator> = Record<string, TransitionEventCreator>> = ((event: MachineEvent) => void) & (string extends keyof TSends ? {
     [name: string]: ((...args: unknown[]) => void) | undefined;
-};
+} : {
+    [TName in keyof TSends]: (...args: Parameters<TSends[TName]>) => void;
+});
 type TransitionHookDefinition<TContext, TProps, TData, TName extends string = string, TSends extends Record<string, TransitionEventCreator> = Record<string, TransitionEventCreator>> = Readonly<{
     name: TName;
     state: string;
@@ -14,7 +16,17 @@ type TransitionHookDefinition<TContext, TProps, TData, TName extends string = st
     projectEach?: (snapshot: MachineSnapshot<TContext, TProps>) => readonly TData[];
 }>;
 type AnyTransitionHook<TContext, TProps> = TransitionHookDefinition<TContext, TProps, unknown>;
-type TransitionContext<TProps, TData, TElement = unknown> = Readonly<{
+type TransitionHookShape = Readonly<{
+    name: string;
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, TransitionEventCreator>;
+    project?: (...args: never[]) => unknown;
+    projectEach?: (...args: never[]) => readonly unknown[];
+}>;
+type TransitionContext<TProps, TData, TElement = unknown, TSends extends Record<string, TransitionEventCreator> = Record<string, TransitionEventCreator>> = Readonly<{
     el: TElement;
     root: TElement;
     from: string;
@@ -22,10 +34,28 @@ type TransitionContext<TProps, TData, TElement = unknown> = Readonly<{
     event: MachineEventObject;
     props: TProps;
     data: TData;
-    send: TransitionSend;
+    send: TransitionSend<TSends>;
     signal: AbortSignal;
 }>;
-type TransitionCallback<TProps, TData, TElement = unknown> = (transition: TransitionContext<TProps, TData, TElement>) => unknown | Promise<unknown>;
+type TransitionCallback<TProps, TData, TElement = unknown, TSends extends Record<string, TransitionEventCreator> = Record<string, TransitionEventCreator>> = (transition: TransitionContext<TProps, TData, TElement, TSends>) => unknown | Promise<unknown>;
+type HookProjection<THook> = THook extends {
+    project: (snapshot: infer TSnapshot) => infer TData;
+} ? {
+    snapshot: TSnapshot;
+    data: TData;
+} : THook extends {
+    projectEach: (snapshot: infer TSnapshot) => readonly (infer TData)[];
+} ? {
+    snapshot: TSnapshot;
+    data: TData;
+} : never;
+type HookSends<THook> = THook extends {
+    sends: infer TSends extends Record<string, TransitionEventCreator>;
+} ? TSends : Record<never, TransitionEventCreator>;
+type TransitionForHook<THook, TElement = unknown> = THook extends unknown ? HookProjection<THook> extends {
+    snapshot: MachineSnapshot<infer _TContext, infer TProps>;
+    data: infer TData;
+} ? TransitionContext<TProps, TData, TElement, HookSends<THook>> : never : never;
 type TransitionCoordinatorOptions<TContext, TProps, TElement> = {
     machine: Machine<TContext, TProps>;
     hooks: readonly AnyTransitionHook<TContext, TProps>[];
@@ -46,7 +76,11 @@ type TransitionCoordinator<TProps, TElement = unknown> = {
     }): () => void;
     destroy(): void;
 };
-declare const defineHook: <TContext, TProps, TData, const TName extends string, const TSends extends Record<string, TransitionEventCreator> = Record<string, TransitionEventCreator>>(definition: TransitionHookDefinition<TContext, TProps, TData, TName, TSends>) => typeof definition;
+type DefineHook = {
+    <const TDefinition extends TransitionHookShape>(definition: TDefinition): TDefinition;
+    <TContext, TProps, TData, const TName extends string, const TSends extends Record<string, TransitionEventCreator> = Record<string, TransitionEventCreator>>(definition: TransitionHookDefinition<TContext, TProps, TData, TName, TSends>): typeof definition;
+};
+declare const defineHook: DefineHook;
 declare const createTransitionCoordinator: <TContext, TProps, TElement = unknown>({ machine, hooks, root: ownerRoot, resolveElement, }: TransitionCoordinatorOptions<TContext, TProps, TElement>) => TransitionCoordinator<TProps, TElement>;
 export { createTransitionCoordinator, defineHook };
-export type { AnyTransitionHook, TransitionCallback, TransitionContext, TransitionCoordinator, TransitionCoordinatorOptions, TransitionEventCreator, TransitionSend, TransitionElementResolver, TransitionHookDefinition, };
+export type { AnyTransitionHook, TransitionCallback, TransitionContext, TransitionCoordinator, TransitionCoordinatorOptions, TransitionEventCreator, TransitionForHook, TransitionSend, TransitionElementResolver, TransitionHookDefinition, };