@vireo-ai/trellis-ui 0.1.61 → 0.1.63

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

@@ -1,4 +1,4 @@
-import { type Machine, type MachineScope } from '../../runtime/state-machine';
+import { type Machine, type MachineScope, type MachineSnapshot } from '../../runtime/state-machine';
 import type { SelectProps } from './contract';
 type SelectedOption = {
     value: string;
@@ -38,7 +38,7 @@ type CreateSelectMachineOptions = {
 declare const selectHooks: readonly [{
     name: "opening";
     state: string;
-    project: () => {};
+    project: (_snapshot: MachineSnapshot<SelectContext, SelectProps>) => Record<string, never>;
     onDone: string;
     onError: string;
     sends: {
@@ -49,7 +49,7 @@ declare const selectHooks: readonly [{
 }, {
     name: "closing";
     state: string;
-    project: () => {};
+    project: (_snapshot: MachineSnapshot<SelectContext, SelectProps>) => Record<string, never>;
     onDone: string;
     onError: string;
     sends: {
@@ -61,10 +61,10 @@ declare const selectHooks: readonly [{
     name: "searching";
     state: string;
     project: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
+        value: import("../../runtime").MachineStateValue;
         tags: readonly string[];
         context: Readonly<SelectContext>;
-        props: Readonly<import("../..").SchemaToProps<{
+        props: Readonly<import("../../runtime").SchemaToProps<{
             name: import("../../runtime/codecs").StringCodec;
             optionsId: import("../../runtime/codecs").StringCodec;
             value: import("../../runtime/codecs").StringCodec;
@@ -77,7 +77,7 @@ declare const selectHooks: readonly [{
             virtualized: import("../../runtime/codecs").BoolCodec;
             optionsFetchUrl: import("../../runtime/codecs").StringCodec;
             optionsTotalItems: import("../../runtime/codecs").NumberCodec;
-            optionItemSize: import("../../runtime/codecs").NumberCodec;
+            optionItemSize: import("../../runtime").CodecFn<import("../../runtime/virtualizer-size").VirtualizerItemSize>;
             optionBufferSize: import("../../runtime/codecs").NumberCodec;
             optionOverscan: import("../../runtime/codecs").NumberCodec;
             optionSearchParam: import("../../runtime/codecs").StringCodec;
@@ -101,9 +101,9 @@ declare const selectHooks: readonly [{
             variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
             radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
             surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
             side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center">;
             offset: import("../../runtime/codecs").NumberCodec;
             gap: import("../../runtime/codecs").NumberCodec;
             empty: import("../../runtime/codecs").StringCodec;
@@ -139,10 +139,10 @@ declare const selectHooks: readonly [{
     name: "creating";
     state: string;
     project: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
+        value: import("../../runtime").MachineStateValue;
         tags: readonly string[];
         context: Readonly<SelectContext>;
-        props: Readonly<import("../..").SchemaToProps<{
+        props: Readonly<import("../../runtime").SchemaToProps<{
             name: import("../../runtime/codecs").StringCodec;
             optionsId: import("../../runtime/codecs").StringCodec;
             value: import("../../runtime/codecs").StringCodec;
@@ -155,7 +155,7 @@ declare const selectHooks: readonly [{
             virtualized: import("../../runtime/codecs").BoolCodec;
             optionsFetchUrl: import("../../runtime/codecs").StringCodec;
             optionsTotalItems: import("../../runtime/codecs").NumberCodec;
-            optionItemSize: import("../../runtime/codecs").NumberCodec;
+            optionItemSize: import("../../runtime").CodecFn<import("../../runtime/virtualizer-size").VirtualizerItemSize>;
             optionBufferSize: import("../../runtime/codecs").NumberCodec;
             optionOverscan: import("../../runtime/codecs").NumberCodec;
             optionSearchParam: import("../../runtime/codecs").StringCodec;
@@ -179,9 +179,9 @@ declare const selectHooks: readonly [{
             variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
             radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
             surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
             side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center">;
             offset: import("../../runtime/codecs").NumberCodec;
             gap: import("../../runtime/codecs").NumberCodec;
             empty: import("../../runtime/codecs").StringCodec;

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

@@ -18,6 +18,7 @@ type SelectSurface = {
     sync(): void;
     destroy(): void;
     presentation(): SelectPresentation;
+    positioned(): Promise<void> | null;
 };
 declare const resolveSelectPresentation: ({ viewportWidth, viewportHeight, layoutViewportHeight, referenceTop, referenceBottom, touch, }: SelectPresentationMetrics) => SelectPresentation;
 declare const createSelectSurface: (options: SelectSurfaceOptions) => SelectSurface;

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

@@ -18,11 +18,11 @@ declare const sidebarSchema: {
     mobilePresentation: import("../../runtime/codecs").OneOfCodec<"fullscreen" | "drawer">;
     side: import("../../runtime/codecs").OneOfCodec<"left" | "right">;
     surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    drawerElevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    drawerElevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
     divider: import("../../runtime/codecs").BoolCodec;
     sticky: import("../../runtime/codecs").BoolCodec;
-    collapse: import("../../runtime/codecs").OneOfCodec<"none" | "mobile" | "both" | "desktop">;
+    collapse: import("../../runtime/codecs").OneOfCodec<"both" | "none" | "mobile" | "desktop">;
     open: import("../../runtime/codecs").BoolCodec;
     stashed: import("../../runtime/codecs").BoolCodec;
     persist: import("../../runtime/codecs").BoolCodec;
@@ -32,23 +32,34 @@ declare const sidebarSchema: {
 };
 declare const sidebarItemSchema: {
     as: import("../../runtime/codecs").OneOfCodec<"a" | "button">;
-    variant: import("../../runtime/codecs").OneOfCodec<"ghost" | "surface">;
+    variant: import("../../runtime/codecs").OneOfCodec<"surface" | "ghost">;
     color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
     href: import("../../runtime/codecs").StringCodec;
     current: import("../../runtime/codecs").BoolCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
     icon: import("../../runtime/codecs").StringCodec;
-    iconTrailing: import("../../runtime/codecs").StringCodec;
-    badge: import("../../runtime/codecs").StringCodec;
+    actionsVisibility: import("../../runtime/codecs").OneOfCodec<"hover" | "always">;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const sidebarGroupSchema: {
+    id: import("../../runtime/codecs").StringCodec;
     heading: import("../../runtime/codecs").StringCodec;
+    variant: import("../../runtime/codecs").OneOfCodec<"item" | "heading">;
+    headingSize: import("../../runtime/codecs").OneOfCodec<"1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13">;
+    headingAs: import("../../runtime/codecs").OneOfCodec<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+    actionsVisibility: import("../../runtime/codecs").OneOfCodec<"hover" | "always">;
     expandable: import("../../runtime/codecs").BoolCodec;
     expanded: import("../../runtime/codecs").BoolCodec;
     icon: import("../../runtime/codecs").StringCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
+declare const sidebarListSchema: {
+    indent: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "label" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
+    guide: import("../../runtime/codecs").OneOfCodec<"line" | "none">;
+    size: import("../../runtime/codecs").OneOfCodec<"inherit" | "xs" | "sm" | "md" | "lg" | "xlg">;
+    leading: import("../../runtime/codecs").OneOfCodec<"inherit" | "auto" | "reserve">;
+    class: import("../../runtime/codecs").StringCodec;
+};
 declare const sidebarToggleSchema: {
     target: import("../../runtime/codecs").StringCodec;
     icon: import("../../runtime/codecs").StringCodec;
@@ -59,11 +70,18 @@ declare const sidebarToggleSchema: {
 declare const sidebarPanelSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
+declare const sidebarContentSchema: {
+    fade: import("../../runtime/codecs").BoolCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
 declare const sidebarNavSchema: {
     label: import("../../runtime/codecs").StringCodec;
     labelled: import("../../runtime/codecs").StringCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
+type SidebarGroupProps = SchemaToProps<typeof sidebarGroupSchema>;
+type SidebarItemProps = SchemaToProps<typeof sidebarItemSchema>;
+type SidebarListProps = SchemaToProps<typeof sidebarListSchema>;
 type SidebarProps = SchemaToProps<typeof sidebarSchema>;
 type SidebarAs = typeof SIDEBAR_AS[number];
 type SidebarToggleAction = typeof SIDEBAR_TOGGLE_ACTIONS[number];
@@ -75,5 +93,5 @@ type SidebarPlacement = typeof SIDEBAR_PLACEMENTS[number];
 type SidebarMobilePresentation = typeof SIDEBAR_MOBILE_PRESENTATIONS[number];
 type SidebarSurface = SurfaceReference;
 type SidebarElevation = ElevationReference;
-export { SIDEBAR_AS, SIDEBAR_COLLAPSES, SIDEBAR_ITEM_AS, SIDEBAR_ITEM_COLORS, SIDEBAR_ITEM_VARIANTS, SIDEBAR_ELEVATIONS, SIDEBAR_SIDES, SIDEBAR_PLACEMENTS, SIDEBAR_MOBILE_PRESENTATIONS, SIDEBAR_TOGGLE_ACTIONS, SIDEBAR_SURFACES, sidebarGroupSchema, sidebarItemSchema, sidebarNavSchema, sidebarPanelSchema, sidebarSchema, sidebarToggleSchema, };
-export type { SidebarAs, SidebarCollapse, SidebarElevation, SidebarItemColor, SidebarItemVariant, SidebarMobilePresentation, SidebarPlacement, SidebarProps, SidebarSide, SidebarSurface, SidebarToggleAction, };
+export { SIDEBAR_AS, SIDEBAR_COLLAPSES, SIDEBAR_ITEM_AS, SIDEBAR_ITEM_COLORS, SIDEBAR_ITEM_VARIANTS, SIDEBAR_ELEVATIONS, SIDEBAR_SIDES, SIDEBAR_PLACEMENTS, SIDEBAR_MOBILE_PRESENTATIONS, SIDEBAR_TOGGLE_ACTIONS, SIDEBAR_SURFACES, sidebarContentSchema, sidebarGroupSchema, sidebarItemSchema, sidebarListSchema, sidebarNavSchema, sidebarPanelSchema, sidebarSchema, sidebarToggleSchema, };
+export type { SidebarGroupProps, SidebarItemProps, SidebarListProps, SidebarAs, SidebarCollapse, SidebarElevation, SidebarItemColor, SidebarItemVariant, SidebarMobilePresentation, SidebarPlacement, SidebarProps, SidebarSide, SidebarSurface, SidebarToggleAction, };

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

@@ -0,0 +1,4 @@
+import type { CleanupManager } from '../../runtime/cleanup-manager';
+/** Disclosure ownership remains lexical; actions are siblings of the trigger. */
+declare const initializeGroups: (root: HTMLElement, cleanup: CleanupManager) => void;
+export { initializeGroups };

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

@@ -2,7 +2,8 @@ import type Alpine from 'alpinejs';
 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 MotionHandle } from '../../motion/animate';
+import type { MotionTransitionSubject } from '../../motion/subject';
 import { type SidebarProps, type SidebarToggleAction } from './contract';
 import { sidebarHooks, type SidebarContext, type SidebarMode } from './machine';
 type SidebarTransitionName = (typeof sidebarHooks)[number]['name'];
@@ -12,7 +13,7 @@ type SidebarTransition<TName extends SidebarTransitionName = SidebarTransitionNa
 type SidebarController = {
     readonly id: string;
     isExpanded(): boolean;
-    perform(action: SidebarToggleAction, trigger?: HTMLElement | null): void;
+    perform(action: SidebarToggleAction, trigger?: HTMLElement | null, event?: Event): void;
     syncToggles(): void;
 };
 declare const togglePropsSchema: {
@@ -40,7 +41,7 @@ interface UiSidebarApi {
     open(event?: Event): void;
     /** Closes the responsive drawer or stashes an expanded desktop sidebar. */
     close(event?: Event): void;
-    /** Reverses the current visibility intent, including an in-flight transition. */
+    /** Toggles desktop stashing or mobile drawer visibility, including an in-flight transition. */
     toggle(event?: Event): void;
     /** Permanently removes side placement from the desktop layout track. */
     stash(event?: Event): void;
@@ -51,7 +52,7 @@ type SidebarData = AlpineMachine<SidebarContext, SidebarProps, typeof sidebarHoo
     readonly root: BindingObject;
     init(): void;
     destroy(): void;
-    perform(action: SidebarToggleAction, trigger?: HTMLElement | null): void;
+    perform(action: SidebarToggleAction, trigger?: HTMLElement | null, event?: Event): void;
     syncToggles(): void;
     isExpanded(): boolean;
     transitionSidebar(transition: SidebarMotionTransition): MotionHandle;

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

@@ -15,6 +15,7 @@ declare const sliderSchema: {
     min: import("../../runtime/codecs").NumberCodec;
     max: import("../../runtime/codecs").NumberCodec;
     step: import("../../runtime/codecs").NumberCodec;
+    steps: import("../../runtime/codecs").JsonCodec<readonly number[] | null>;
     bigStep: import("../../runtime/codecs").NumberCodec;
     minStepsBetween: import("../../runtime/codecs").NumberCodec;
     range: import("../../runtime/codecs").BoolCodec;

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

@@ -24,14 +24,19 @@ type CreateSliderMachineOptions = {
     effects: SliderMachineEffects;
 };
 declare const sliderHooks: readonly [];
-declare const sliderBounds: (props: SliderProps) => {
-    min: number;
-    max: number;
-    step: number;
+declare const sliderScale: (props: SliderProps) => {
+    min: any;
+    max: any;
+    lastIndex: number;
+    indexFor: (value: number) => number;
+    valueAt: (index: number) => number;
+    separation: number;
+    step: string;
     bigStep: number;
+    advance(value: number, direction: number, distance?: number): number;
 };
 declare const normalizeSliderValues: (props: SliderProps, values: SliderValues, changedThumb?: SliderThumbName | null) => SliderValues;
 declare const initialSliderValues: (props: SliderProps) => SliderValues;
 declare const createSliderMachine: ({ props, context, effects }: CreateSliderMachineOptions) => Machine<SliderContext, SliderProps>;
-export { createSliderMachine, initialSliderValues, normalizeSliderValues, sliderBounds, sliderHooks, };
+export { createSliderMachine, initialSliderValues, normalizeSliderValues, sliderScale, sliderHooks, };
 export type { CreateSliderMachineOptions, SliderContext, SliderMachineEffects, SliderThumbName, SliderValues, };

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

@@ -1,12 +1,13 @@
 import { type SchemaToProps } from '../../runtime';
-import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace } from '../layout';
+import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace, type FlowSpace, type LayoutFlow } from '../layout';
 declare const STACK_DISPLAYS: readonly ["grid", "inline-grid", "none"];
 declare const stackSchema: {
     class: import("../../runtime/codecs").StringCodec;
-    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
+    maxHeight: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
     width: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg" | "concentric">;
     surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
     margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
@@ -14,9 +15,10 @@ declare const stackSchema: {
     padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
-    justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
-    gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "stretch" | "baseline">;
+    justify: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "between">;
+    flow: import("../../runtime/codecs").OneOfCodec<"default" | "reading">;
+    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">;
     gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
@@ -25,4 +27,4 @@ declare const stackSchema: {
 type StackDisplay = typeof STACK_DISPLAYS[number];
 type StackProps = SchemaToProps<typeof stackSchema>;
 export { STACK_DISPLAYS, stackSchema, };
-export type { LayoutAlign as StackAlign, LayoutAs as StackAs, LayoutJustify as StackJustify, LayoutSpace as StackSpace, StackDisplay, StackProps, };
+export type { LayoutAlign as StackAlign, LayoutAs as StackAs, LayoutJustify as StackJustify, LayoutSpace as StackSpace, FlowSpace as StackGap, LayoutFlow as StackFlow, StackDisplay, StackProps, };

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

@@ -11,10 +11,10 @@ declare const switchControlSchema: {
     name: import("../../runtime/codecs").StringCodec;
     label: import("../../runtime/codecs").StringCodec;
     description: import("../../runtime/codecs").StringCodec;
-    checked: import("../..").CodecFn<boolean>;
-    disabled: import("../..").CodecFn<boolean>;
-    required: import("../..").CodecFn<boolean>;
-    invalid: import("../..").CodecFn<boolean>;
+    checked: import("../../runtime").CodecFn<boolean>;
+    disabled: import("../../runtime").CodecFn<boolean>;
+    required: import("../../runtime").CodecFn<boolean>;
+    invalid: import("../../runtime").CodecFn<boolean>;
     placement: import("../../runtime/codecs").OneOfCodec<"leading" | "trailing">;
     variant: import("../../runtime/codecs").OneOfCodec<"default">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
@@ -36,10 +36,10 @@ declare const switchSchema: {
     fieldClass: import("../../runtime/codecs").StringCodec;
     value: import("../../runtime/codecs").StringCodec;
     name: import("../../runtime/codecs").StringCodec;
-    checked: import("../..").CodecFn<boolean>;
-    disabled: import("../..").CodecFn<boolean>;
-    required: import("../..").CodecFn<boolean>;
-    invalid: import("../..").CodecFn<boolean>;
+    checked: import("../../runtime").CodecFn<boolean>;
+    disabled: import("../../runtime").CodecFn<boolean>;
+    required: import("../../runtime").CodecFn<boolean>;
+    invalid: import("../../runtime").CodecFn<boolean>;
     placement: import("../../runtime/codecs").OneOfCodec<"leading" | "trailing">;
     variant: import("../../runtime/codecs").OneOfCodec<"default">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;

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

@@ -11,9 +11,9 @@ declare const TABLE_COLUMN_SCOPES: readonly ["col", "colgroup"];
 declare const TABLE_ROW_HEADER_SCOPES: readonly ["row", "rowgroup"];
 declare const TABLE_FILTER_AS_VALUES: readonly ["div", "form"];
 declare const tableSchema: {
-    layout: import("../../runtime/codecs").OneOfCodec<"fixed" | "auto">;
+    layout: import("../../runtime").CodecFn<"fixed" | "auto">;
     density: import("../../runtime/codecs").OneOfCodec<"default" | "compact" | "comfortable">;
-    variant: import("../../runtime/codecs").OneOfCodec<"ghost" | "surface">;
+    variant: import("../../runtime/codecs").OneOfCodec<"surface" | "ghost">;
     border: import("../../runtime/codecs").OneOfCodec<"grid" | "none" | "row">;
     flush: import("../../runtime/codecs").BoolCodec;
     zebra: import("../../runtime/codecs").BoolCodec;
@@ -23,6 +23,7 @@ declare const tableSchema: {
     width: import("../../runtime/codecs").OneOfCodec<"full" | "auto">;
     class: import("../../runtime/codecs").StringCodec;
     tableClass: import("../../runtime/codecs").StringCodec;
+    bleed: import("../../runtime/codecs").BoolCodec;
 };
 declare const tableCaptionSchema: {
     side: import("../../runtime/codecs").OneOfCodec<"bottom" | "top">;
@@ -39,7 +40,7 @@ declare const tableRowSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const tableColumnSchema: {
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center">;
     valign: import("../../runtime/codecs").OneOfCodec<"bottom" | "top" | "baseline" | "middle">;
     key: import("../../runtime/codecs").StringCodec;
     target: import("../../runtime/codecs").StringCodec;
@@ -61,13 +62,13 @@ declare const tableColumnFilterSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const tableRowHeaderSchema: {
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center">;
     valign: import("../../runtime/codecs").OneOfCodec<"bottom" | "top" | "baseline" | "middle">;
     scope: import("../../runtime/codecs").OneOfCodec<"row" | "rowgroup">;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const tableCellSchema: {
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center">;
     valign: import("../../runtime/codecs").OneOfCodec<"bottom" | "top" | "baseline" | "middle">;
     class: import("../../runtime/codecs").StringCodec;
 };

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

@@ -1,5 +1,6 @@
 import { type AlpineMachine, type BindingObject, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
-import { type MotionHandle, type MotionTransitionSubject } from '../../motion';
+import type { MotionHandle } from '../../motion/animate';
+import type { MotionTransitionSubject } from '../../motion/subject';
 import { type TabsProps } from './contract';
 import { type TabsContext, tabsHooks } from './machine';
 type TabsTransitionName = (typeof tabsHooks)[number]['name'];

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

@@ -32,10 +32,10 @@ declare const tabsHooks: readonly [{
     name: "switching";
     state: string;
     project: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
+        value: import("../../runtime").MachineStateValue;
         tags: readonly string[];
         context: Readonly<TabsContext>;
-        props: Readonly<import("../..").SchemaToProps<{
+        props: Readonly<import("../../runtime").SchemaToProps<{
             id: import("../../runtime/codecs").StringCodec;
             animate: import("../../runtime/codecs").BoolCodec;
             defaultValue: import("../../runtime/codecs").StringCodec;

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

@@ -9,7 +9,7 @@ declare const textareaSchema: {
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
     radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
     rows: import("../../runtime/codecs").NumberCodec;
-    resize: import("../../runtime/codecs").OneOfCodec<"none" | "vertical" | "horizontal" | "both">;
+    resize: import("../../runtime/codecs").OneOfCodec<"both" | "none" | "vertical" | "horizontal">;
     disabled: import("../../runtime/codecs").BoolCodec;
     readonly: import("../../runtime/codecs").BoolCodec;
     required: import("../../runtime/codecs").BoolCodec;

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

@@ -30,10 +30,10 @@ declare const toastHooks: readonly [{
     name: "closing";
     state: string;
     project: ({ context }: Readonly<{
-        value: import("../..").MachineStateValue;
+        value: import("../../runtime").MachineStateValue;
         tags: readonly string[];
         context: Readonly<ToastContext>;
-        props: Readonly<import("../..").SchemaToProps<{
+        props: Readonly<import("../../runtime").SchemaToProps<{
             level: import("../../runtime/codecs").OneOfCodec<"danger" | "success" | "warning" | "info" | "debug">;
             color: import("../../runtime/codecs").OneOfCodec<"auto" | "neutral" | "accent" | "danger" | "success" | "warning">;
             variant: import("../../runtime/codecs").OneOfCodec<"outline" | "default" | "solid" | "soft" | "surface">;

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

@@ -3,7 +3,7 @@ declare const TOOLTIP_COLORS: readonly ["neutral", "accent", "success", "warning
 declare const TOOLTIP_VARIANTS: readonly ["surface", "soft", "solid"];
 declare const tooltipSchema: {
     side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center">;
     offset: import("../../runtime/codecs").NumberCodec;
     gap: import("../../runtime/codecs").NumberCodec;
     openDelay: import("../../runtime/codecs").NumberCodec;
@@ -11,22 +11,22 @@ declare const tooltipSchema: {
     color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "danger" | "success" | "warning">;
     variant: import("../../runtime/codecs").OneOfCodec<"solid" | "soft" | "surface">;
     surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
     disabled: import("../../runtime/codecs").BoolCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const tooltipDirectiveSchema: {
-    side: import("../..").CodecFn<"bottom" | "left" | "right" | "top">;
-    align: import("../..").CodecFn<"end" | "center" | "start">;
-    offset: import("../..").CodecFn<number>;
-    gap: import("../..").CodecFn<number>;
-    openDelay: import("../..").CodecFn<number>;
-    closeDelay: import("../..").CodecFn<number>;
-    color: import("../..").CodecFn<"neutral" | "accent" | "danger" | "success" | "warning">;
-    variant: import("../..").CodecFn<"solid" | "soft" | "surface">;
-    surface: import("../..").CodecFn<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    elevation: import("../..").CodecFn<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    disabled: import("../..").CodecFn<boolean>;
+    side: import("../../runtime").CodecFn<"bottom" | "left" | "right" | "top">;
+    align: import("../../runtime").CodecFn<"start" | "end" | "center">;
+    offset: import("../../runtime").CodecFn<number>;
+    gap: import("../../runtime").CodecFn<number>;
+    openDelay: import("../../runtime").CodecFn<number>;
+    closeDelay: import("../../runtime").CodecFn<number>;
+    color: import("../../runtime").CodecFn<"neutral" | "accent" | "danger" | "success" | "warning">;
+    variant: import("../../runtime").CodecFn<"solid" | "soft" | "surface">;
+    surface: import("../../runtime").CodecFn<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    elevation: import("../../runtime").CodecFn<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    disabled: import("../../runtime").CodecFn<boolean>;
 };
 type TooltipProps = SchemaToProps<typeof tooltipSchema>;
 type TooltipDirectiveProps = SchemaToProps<typeof tooltipDirectiveSchema>;

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

@@ -1,4 +1,4 @@
-import { type Machine } from '../../runtime/state-machine';
+import { type Machine, type MachineSnapshot } from '../../runtime/state-machine';
 import type { TooltipProps } from './contract';
 type TooltipReason = 'pointer' | 'focus' | 'escape' | 'activation' | 'scroll' | 'blur' | 'disabled' | 'replacement';
 type TooltipContext = {
@@ -21,17 +21,13 @@ type TooltipMachineEffects = {
 declare const tooltipHooks: readonly [{
     name: "opening";
     state: string;
-    project: ({ context }: {
-        context: TooltipContext;
-    }) => TooltipTransitionData;
+    project: ({ context }: MachineSnapshot<TooltipContext, TooltipProps>) => TooltipTransitionData;
     onDone: string;
     onError: string;
 }, {
     name: "closing";
     state: string;
-    project: ({ context }: {
-        context: TooltipContext;
-    }) => TooltipTransitionData;
+    project: ({ context }: MachineSnapshot<TooltipContext, TooltipProps>) => TooltipTransitionData;
     onDone: string;
     onError: string;
 }];

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

@@ -6,5 +6,7 @@ export { coreRuntime, ui };
 export default coreRuntime;
 export type { CoreRuntimePlugin };
 export { bool, createAlpineMachine, createMachine, decodeProps, defineAlpineData, defineManifest, defineSchemaManifest, 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, DefineSchemaManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, ManualComponentManifest, MachineFactoryScope, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResolveStyleOptions, SchemaPropDetails, SchemaComponentManifest, SchemaToProps, StyleDefinition, StylePart, StyleProps, TrellisAlpineComponent, AnyTransitionHook, TransitionCallback, TransitionContext, TransitionCoordinator, TransitionCoordinatorOptions, TransitionEventCreator, TransitionForHook, TransitionHookDefinition, UiGetOptions, UiRequestOptions, UiRuntime, } 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, DefineSchemaManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, ManualComponentManifest, MachineFactoryScope, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResolveStyleOptions, SchemaPropDetails, SchemaComponentManifest, SchemaToProps, StyleDefinition, StylePart, StyleProps, TrellisAlpineComponent, AnyTransitionHook, TransitionCallback, TransitionContext, TransitionCoordinator, TransitionCoordinatorOptions, TransitionEventCreator, TransitionForHook, TransitionHookDefinition, UiGetOptions, UiRequestOptions, UiRuntime, UiTheme, ThemeMode, ResolvedThemeMode, } from './runtime';
 export { registerTransitionDirective } from './directives/transition';
+export type { AnimationRecipe, AnimationPhase, AnimationContext } from './motion/registry';
+export type { MotionConfiguration } from './motion/config';

package/packages/client/types/directives/anchor.d.ts

@@ -14,6 +14,7 @@ type AnchorTarget = Element | AnchorRectangle | null;
  * Defaults: bottom-center, 8px gap, 0px cross-axis offset. Uses fixed positioning
  * and Trellis's shared flip, shift (5px padding), size, and placement metadata.
  *
+ * Initial placement temporarily holds visibility until the surface is positioned.
  * x-show, hidden, and native popover visibility remain application-owned. Hidden
  * surfaces pause positioning; null detaches without hiding or clearing the last
  * position. Rectangle replacements and field edits are reactive. Scroll/resize

package/packages/client/types/directives/animate.d.ts

@@ -0,0 +1,3 @@
+import type Alpine from 'alpinejs';
+declare const registerAnimateDirective: (AlpineInstance: Alpine.Alpine) => void;
+export { registerAnimateDirective };

package/packages/client/types/directives/collection.d.ts

@@ -0,0 +1,9 @@
+import type Alpine from 'alpinejs';
+type UiCollectionApi = {
+    readonly active: string | null;
+    readonly isActive: boolean;
+    setActive(element: Element): void;
+};
+declare const registerCollectionDirective: (AlpineInstance: Alpine.Alpine) => void;
+export { registerCollectionDirective };
+export type { UiCollectionApi };

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

@@ -1,6 +1,6 @@
 export { registerAnchorDirective, type AnchorRectangle, type AnchorTarget } from './anchor';
-export { registerBoundsDirective } from './bounds';
-export { registerLayoutDirective } from './layout';
 export { registerRequestDirective } from './request';
 export { registerTransitionDirective } from './transition';
 export { registerSortableDirective } from './sortable';
+export { registerCollectionDirective } from './collection';
+export { registerAnimateDirective } from './animate';

package/packages/client/types/docs/transition-docs.d.ts

@@ -5,7 +5,6 @@ type TransitionHookLike = {
 };
 type TransitionDocDetails = {
     description: string;
-    default?: string;
 };
 type TransitionDetails<THooks extends readonly TransitionHookLike[]> = {
     [THook in THooks[number] as THook['name']]: TransitionDocDetails;
@@ -21,7 +20,6 @@ type ComponentTransitionDocs = {
         name: string;
         state: string;
         description: string;
-        default?: string;
         sends: string[];
     }>;
 };

package/packages/client/types/motion/animate.d.ts

@@ -6,9 +6,14 @@ type MotionHandle = PromiseLike<void> & {
     complete(): void;
 };
 declare const motionHandle: (finished: Promise<void>, controls: Pick<MotionHandle, "cancel" | "stop" | "complete">) => MotionHandle;
+/** Measure together, then let Motion start playback in the shared write phase. */
+declare const measureMotion: <T>({ measure, start, signal }: {
+    measure(): T;
+    start(measurement: T): MotionHandle;
+    signal?: AbortSignal | null;
+}) => MotionHandle;
 declare const noopHandle: (run?: () => void | Promise<void>) => MotionHandle;
 declare const toMotionHandle: (controls: Pick<AnimationPlaybackControls, "finished" | "cancel" | "stop" | "complete">, cleanup?: () => void) => MotionHandle;
 declare const parallel: (...handles: MotionHandle[]) => MotionHandle;
-declare const sequential: (...steps: Array<() => MotionHandle>) => MotionHandle;
-export { motionHandle, noopHandle, parallel, sequential, toMotionHandle, };
+export { motionHandle, measureMotion, noopHandle, parallel, toMotionHandle, };
 export type { MotionHandle };