@vireo-ai/trellis-ui 0.1.42 → 0.1.46

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

@@ -10,7 +10,7 @@ declare const menuSchema: {
     keepOpen: import("../../runtime/codecs").BoolCodec;
     loop: import("../../runtime/codecs").BoolCodec;
     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">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const menuItemSchema: {
@@ -27,14 +27,21 @@ declare const menuItemSchema: {
     suffix: import("../../runtime/codecs").StringCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
+declare const menuSubmenuSchema: {
+    heading: import("../../runtime/codecs").StringCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    class: import("../../runtime/codecs").StringCodec;
+    panelClass: import("../../runtime/codecs").StringCodec;
+};
 type MenuProps = SchemaToProps<typeof menuSchema>;
 type MenuSurface = SurfaceReference;
 type MenuElevation = ElevationReference;
 type MenuItemProps = SchemaToProps<typeof menuItemSchema>;
+type MenuSubmenuProps = SchemaToProps<typeof menuSubmenuSchema>;
 type MenuItemAs = typeof MENU_ITEM_AS_VALUES[number];
 type MenuItemType = CommonButtonType;
 type MenuItemVariant = typeof MENU_ITEM_VARIANTS[number];
 type MenuItemColor = typeof MENU_ITEM_COLORS[number];
 type MenuIconVariant = IconVariant;
-export { MENU_ICON_VARIANTS, MENU_ITEM_AS_VALUES, MENU_ITEM_COLORS, MENU_ITEM_VARIANTS, MENU_ELEVATIONS, MENU_SURFACES, BUTTON_TYPES, menuItemSchema, menuSchema, };
-export type { MenuElevation, MenuIconVariant, MenuItemAs, MenuItemColor, MenuItemProps, MenuItemType, MenuItemVariant, MenuProps, MenuSurface, };
+export { MENU_ICON_VARIANTS, MENU_ITEM_AS_VALUES, MENU_ITEM_COLORS, MENU_ITEM_VARIANTS, MENU_ELEVATIONS, MENU_SURFACES, BUTTON_TYPES, menuItemSchema, menuSubmenuSchema, menuSchema, };
+export type { MenuElevation, MenuIconVariant, MenuItemAs, MenuItemColor, MenuItemProps, MenuItemType, MenuItemVariant, MenuProps, MenuSubmenuProps, MenuSurface, };

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

@@ -19,7 +19,7 @@ declare const modalSchema: {
     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">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
     dismissible: import("../../runtime/codecs").BoolCodec;
     closable: import("../../runtime/codecs").BoolCodec;
     disabled: import("../../runtime/codecs").BoolCodec;

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

@@ -1,10 +1,10 @@
 import { type SchemaToProps } from '../../runtime';
 import { type ControlSize, type IndicatorPlacement, type Orientation } from '../common';
 declare const RADIO_GROUP_ORIENTATIONS: readonly ["vertical", "horizontal"];
-declare const RADIO_GROUP_VARIANTS: readonly ["default", "cards", "pills"];
+declare const RADIO_GROUP_VARIANTS: readonly ["default", "cards", "pills", "menu"];
 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_VARIANTS: readonly ["default", "cards", "pills", "menu"];
 declare const RADIO_COLORS: readonly ["neutral", "accent"];
 declare const RADIO_INTERACTIONS: readonly ["tonal", "edge", "combined"];
 type RadioGroupOrientation = Orientation;
@@ -18,7 +18,7 @@ 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" | "cards" | "pills">;
+    variant: import("../../runtime/codecs").OneOfCodec<"menu" | "default" | "cards" | "pills">;
     color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
     interaction: import("../../runtime/codecs").OneOfCodec<"tonal" | "edge" | "combined">;
     indicator: import("../../runtime/codecs").BoolCodec;
@@ -41,7 +41,7 @@ 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" | "cards" | "pills">;
+    variant: import("../../runtime/codecs").OneOfCodec<"menu" | "default" | "cards" | "pills">;
     color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
     interaction: import("../../runtime/codecs").OneOfCodec<"tonal" | "edge" | "combined">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;

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

@@ -11,7 +11,7 @@ declare const sectionSchema: {
     marginY: 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">;
     surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
     radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
     width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
     height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
     class: import("../../runtime/codecs").StringCodec;

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

@@ -2,7 +2,7 @@ import { type SchemaToProps } from '../../runtime';
 import { type Alignment, type ComponentRadius, type ControlSize, type ControlVariant, type ElevationReference, type IconVariant, type Position, type SurfaceReference } from '../common';
 import { BADGE_COLORS, BADGE_VARIANTS, type BadgeColor, type BadgeVariant } from '../badge/contract';
 declare const SELECT_MODES: readonly ["listbox", "combobox", "pillbox", "native"];
-declare const SELECT_VARIANTS: readonly ["outline", "filled"];
+declare const SELECT_VARIANTS: readonly ["outline", "filled", "plain"];
 declare const SELECT_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
 declare const SELECT_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
 declare const SELECT_SIDES: readonly ["bottom", "top", "left", "right"];
@@ -48,7 +48,7 @@ declare const selectSchema: {
     clearable: import("../../runtime/codecs").BoolCodec;
     clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
     suffix: import("../../runtime/codecs").StringCodec;
-    mark: import("../../runtime/codecs").OneOfCodec<"none" | "check" | "checkbox">;
+    mark: import("../../runtime/codecs").OneOfCodec<"none" | "checkbox" | "check">;
     open: import("../../runtime/codecs").BoolCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
     readonly: import("../../runtime/codecs").BoolCodec;
@@ -58,10 +58,10 @@ declare const selectSchema: {
     loop: import("../../runtime/codecs").BoolCodec;
     path: import("../../runtime/codecs").StringCodec;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
     radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
     surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
     side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
     align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
     offset: import("../../runtime/codecs").NumberCodec;

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

@@ -85,7 +85,7 @@ declare const selectHooks: readonly [{
             clearable: import("../../runtime/codecs").BoolCodec;
             clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
             suffix: import("../../runtime/codecs").StringCodec;
-            mark: import("../../runtime/codecs").OneOfCodec<"none" | "check" | "checkbox">;
+            mark: import("../../runtime/codecs").OneOfCodec<"none" | "checkbox" | "check">;
             open: import("../../runtime/codecs").BoolCodec;
             disabled: import("../../runtime/codecs").BoolCodec;
             readonly: import("../../runtime/codecs").BoolCodec;
@@ -95,10 +95,10 @@ declare const selectHooks: readonly [{
             loop: import("../../runtime/codecs").BoolCodec;
             path: import("../../runtime/codecs").StringCodec;
             size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
+            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
             radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
             surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
             side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
             align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
             offset: import("../../runtime/codecs").NumberCodec;
@@ -162,7 +162,7 @@ declare const selectHooks: readonly [{
             clearable: import("../../runtime/codecs").BoolCodec;
             clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
             suffix: import("../../runtime/codecs").StringCodec;
-            mark: import("../../runtime/codecs").OneOfCodec<"none" | "check" | "checkbox">;
+            mark: import("../../runtime/codecs").OneOfCodec<"none" | "checkbox" | "check">;
             open: import("../../runtime/codecs").BoolCodec;
             disabled: import("../../runtime/codecs").BoolCodec;
             readonly: import("../../runtime/codecs").BoolCodec;
@@ -172,10 +172,10 @@ declare const selectHooks: readonly [{
             loop: import("../../runtime/codecs").BoolCodec;
             path: import("../../runtime/codecs").StringCodec;
             size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
+            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
             radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
             surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
             side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
             align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
             offset: import("../../runtime/codecs").NumberCodec;

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

@@ -14,8 +14,8 @@ declare const sidebarSchema: {
     placement: import("../../runtime/codecs").OneOfCodec<"top" | "side">;
     side: import("../../runtime/codecs").OneOfCodec<"left" | "right">;
     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">;
-    drawerElevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
+    drawerElevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
     divider: import("../../runtime/codecs").BoolCodec;
     sticky: import("../../runtime/codecs").BoolCodec;
     collapse: import("../../runtime/codecs").OneOfCodec<"none" | "mobile" | "both" | "desktop">;

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

@@ -10,11 +10,11 @@ declare const stackSchema: {
     marginY: 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">;
     surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
     radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
     width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
     height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
     class: import("../../runtime/codecs").StringCodec;
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "baseline" | "stretch">;
+    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">;
     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">;

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

@@ -6,7 +6,7 @@ declare const textareaSchema: {
     value: import("../../runtime/codecs").StringCodec;
     placeholder: import("../../runtime/codecs").StringCodec;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
     radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
     rows: import("../../runtime/codecs").NumberCodec;
     resize: import("../../runtime/codecs").OneOfCodec<"none" | "vertical" | "horizontal" | "both">;

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

@@ -11,7 +11,7 @@ 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<"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">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
     disabled: import("../../runtime/codecs").BoolCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
@@ -25,7 +25,7 @@ declare const tooltipDirectiveSchema: {
     color: import("../..").CodecFn<"neutral" | "accent" | "danger" | "success" | "warning">;
     variant: import("../..").CodecFn<"solid" | "soft" | "surface">;
     surface: import("../..").CodecFn<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    elevation: import("../..").CodecFn<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
+    elevation: import("../..").CodecFn<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
     disabled: import("../..").CodecFn<boolean>;
 };
 type TooltipProps = SchemaToProps<typeof tooltipSchema>;

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

@@ -0,0 +1,4 @@
+import type Alpine from 'alpinejs';
+declare const BOUNDS_ATTR = "data-ui-bounds";
+declare const registerBoundsDirective: (Alpine: Alpine.Alpine) => void;
+export { BOUNDS_ATTR, registerBoundsDirective };

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

@@ -1,3 +1,4 @@
+export { registerBoundsDirective } from './bounds';
 export { registerLayoutDirective } from './layout';
 export { registerRequestDirective } from './request';
 export { registerTransitionDirective } from './transition';

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

@@ -0,0 +1,20 @@
+import type { MotionHandle } from './animate';
+import { type MotionRoleName } from './recipe';
+type BoundsProperty = 'height' | 'width' | 'maxHeight' | 'maxWidth';
+type BoundsMotionOptions = Readonly<{
+    properties?: readonly BoundsProperty[];
+    role?: MotionRoleName;
+}>;
+type BoundsUpdateOptions = Readonly<{
+    animate?: boolean;
+    /** Stable identity for an animated destination, used to coalesce duplicate syncs. */
+    key?: string;
+}>;
+type BoundsMotion = Readonly<{
+    update(mutate?: () => void, options?: BoundsUpdateOptions): MotionHandle | null;
+    refresh(options?: BoundsUpdateOptions): MotionHandle | null;
+    destroy(): void;
+}>;
+declare const createBoundsMotion: (element: HTMLElement, options?: BoundsMotionOptions) => BoundsMotion;
+export { createBoundsMotion };
+export type { BoundsMotion, BoundsMotionOptions, BoundsProperty, BoundsUpdateOptions };

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

@@ -16,19 +16,72 @@ declare const motion: ((subject: import("./subject").MotionSubject) => import(".
             in: import("./recipe").MotionKeyframePreset;
             out: import("./recipe").MotionKeyframePreset;
         }>;
+        sheet: Readonly<{
+            left: Readonly<{
+                in: import("./recipe").MotionKeyframePreset;
+                out: import("./recipe").MotionKeyframePreset;
+            }>;
+            right: Readonly<{
+                in: import("./recipe").MotionKeyframePreset;
+                out: import("./recipe").MotionKeyframePreset;
+            }>;
+            top: Readonly<{
+                in: import("./recipe").MotionKeyframePreset;
+                out: import("./recipe").MotionKeyframePreset;
+            }>;
+            bottom: Readonly<{
+                in: import("./recipe").MotionKeyframePreset;
+                out: import("./recipe").MotionKeyframePreset;
+            }>;
+        }>;
+    }>;
+    readonly roles: Readonly<{
+        feedback: Readonly<{
+            duration: 0.08;
+            ease: readonly [0.23, 1, 0.32, 1];
+        }>;
+        presence: Readonly<{
+            duration: 0.16;
+            ease: readonly [0.23, 1, 0.32, 1];
+        }>;
+        presenceEmphasized: Readonly<{
+            duration: 0.24;
+            ease: readonly [0.23, 1, 0.32, 1];
+        }>;
+        layout: Readonly<{
+            duration: 0.16;
+            ease: readonly [0.77, 0, 0.175, 1];
+        }>;
+        layoutQuick: Readonly<{
+            duration: 0.08;
+            ease: readonly [0.77, 0, 0.175, 1];
+        }>;
+        layoutSpring: Readonly<{
+            visualDuration: 0.16;
+            bounce: 0;
+        }>;
+        resize: Readonly<{
+            visualDuration: 0.16;
+            bounce: 0;
+        }>;
+        gestureExit: Readonly<{
+            duration: 0.16;
+            ease: readonly [0.23, 1, 0.32, 1];
+        }>;
+        gestureSettle: Readonly<{
+            visualDuration: 0.24;
+            bounce: 0;
+        }>;
     }>;
     readonly speeds: Readonly<{
         fast: Readonly<{
             duration: 0.08;
-            bounce: 0;
         }>;
         moderate: Readonly<{
             duration: 0.16;
-            bounce: 0;
         }>;
         slow: Readonly<{
             duration: 0.24;
-            bounce: 0;
         }>;
     }>;
     readonly easings: {
@@ -41,10 +94,11 @@ declare const motion: ((subject: import("./subject").MotionSubject) => import(".
 };
 export { motion };
 export { type MotionHandle } from './animate';
+export { createBoundsMotion, type BoundsMotion, type BoundsMotionOptions, type BoundsProperty, type BoundsUpdateOptions, } from './bounds';
 export { createController, type Controller, type ControllerDefinitions, type ControllerOptions, type ControllerScalar, type ControllerState, type ControllerValueDefinition, type ControllerValues, type StyleProjection, } from './controller';
 export { prefersReducedMotion, reducedMotionQuery, shouldReduceMotion, withReducedMotion, type MotionPreference, } from './reduced-motion';
 export { createMotionPlan, MotionPlan, type MotionDefaults, type MotionPlanOptions, type MotionSegment, type MotionStage, } from './plan';
-export { presets, easings, speeds, type DurationSpeed, type MotionKeyframePreset, type MotionKeyframes, type MotionSpeed, type MotionSpeedName, type MotionTransition, type PhysicsSpeed, } from './recipe';
+export { presets, isSpringRole, resolveMiniMotionRole, resolveMotionRole, roles, easings, speeds, type DurationSpeed, type MotionKeyframePreset, type MotionKeyframes, type MotionRoleName, type MotionSpeed, type MotionSpeedName, type MotionTransition, type PhysicsSpeed, } from './recipe';
 export { resize, type ResizeDestination, type ResizeOptions } from './resize';
 export { type MotionSubject, type MotionTransitionSubject } from './subject';
 export type { MotionTarget, ViewScope } from './targets';

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

@@ -1,6 +1,6 @@
 import { type DOMKeyframesDefinition } from 'motion';
 import { type MotionHandle } from './animate';
-import { type MotionSpeed, type MotionTransition } from './recipe';
+import { type MotionRoleName, type MotionSpeed, type MotionTransition } from './recipe';
 import { type ResizeOptions } from './resize';
 import { type MotionSubject } from './subject';
 type MotionTarget = Element | string;
@@ -9,21 +9,26 @@ type AnimateSegment = Readonly<{
     target?: MotionTarget;
     keyframes: Readonly<DOMKeyframesDefinition>;
     speed?: MotionSpeed;
+    role?: MotionRoleName;
     transition?: MotionTransition;
 }>;
 type ResizeSegment = Readonly<{
     kind: 'resize';
     options: ResizeOptions;
     speed?: MotionSpeed;
+    role?: MotionRoleName;
+    transition?: MotionTransition;
 }>;
 type MotionSegment = AnimateSegment | ResizeSegment;
 type MotionStage = readonly MotionSegment[];
 type MotionDefaults = Readonly<{
     speed?: MotionSpeed;
+    role?: MotionRoleName;
     transition?: MotionTransition;
 }>;
 type MotionPlanOptions = Readonly<{
     speed?: MotionSpeed;
+    role?: MotionRoleName;
     transition?: MotionTransition;
 }>;
 declare class MotionPlan {
@@ -37,6 +42,7 @@ declare class MotionPlan {
     then(target: MotionTarget, keyframes: Readonly<DOMKeyframesDefinition>): MotionPlan;
     resize(options: ResizeOptions): MotionPlan;
     speed(speed: MotionSpeed): MotionPlan;
+    role(role: MotionRoleName): MotionPlan;
     transition(transition: MotionTransition): MotionPlan;
     defaults(options: MotionPlanOptions): MotionPlan;
     play(): MotionHandle;

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

@@ -1,8 +1,8 @@
 import type { AnimationOptions, DOMKeyframesDefinition } from 'motion';
 type MotionSpeedName = 'fast' | 'moderate' | 'slow';
+type MotionRoleName = 'feedback' | 'presence' | 'presenceEmphasized' | 'layout' | 'layoutQuick' | 'layoutSpring' | 'resize' | 'gestureExit' | 'gestureSettle';
 type DurationSpeed = Readonly<{
     duration: number;
-    bounce?: number;
 }>;
 type PhysicsSpeed = Readonly<{
     stiffness: number;
@@ -16,21 +16,60 @@ type MotionTransition = Readonly<AnimationOptions>;
 declare const speeds: Readonly<{
     fast: Readonly<{
         duration: 0.08;
-        bounce: 0;
     }>;
     moderate: Readonly<{
         duration: 0.16;
-        bounce: 0;
     }>;
     slow: Readonly<{
         duration: 0.24;
-        bounce: 0;
     }>;
 }>;
 declare const easings: {
     readonly out: readonly [0.23, 1, 0.32, 1];
     readonly inOut: readonly [0.77, 0, 0.175, 1];
 };
+declare const roles: Readonly<{
+    feedback: Readonly<{
+        duration: 0.08;
+        ease: readonly [0.23, 1, 0.32, 1];
+    }>;
+    presence: Readonly<{
+        duration: 0.16;
+        ease: readonly [0.23, 1, 0.32, 1];
+    }>;
+    presenceEmphasized: Readonly<{
+        duration: 0.24;
+        ease: readonly [0.23, 1, 0.32, 1];
+    }>;
+    layout: Readonly<{
+        duration: 0.16;
+        ease: readonly [0.77, 0, 0.175, 1];
+    }>;
+    layoutQuick: Readonly<{
+        duration: 0.08;
+        ease: readonly [0.77, 0, 0.175, 1];
+    }>;
+    layoutSpring: Readonly<{
+        visualDuration: 0.16;
+        bounce: 0;
+    }>;
+    resize: Readonly<{
+        visualDuration: 0.16;
+        bounce: 0;
+    }>;
+    gestureExit: Readonly<{
+        duration: 0.16;
+        ease: readonly [0.23, 1, 0.32, 1];
+    }>;
+    gestureSettle: Readonly<{
+        visualDuration: 0.24;
+        bounce: 0;
+    }>;
+}>;
+declare const resolveMotionRole: (target: Element, role: MotionRoleName) => MotionTransition;
+declare const isSpringRole: (role: MotionRoleName, target?: Element) => boolean;
+/** Resolve semantic timing for Motion's WAAPI-backed mini animator. */
+declare const resolveMiniMotionRole: (target: Element, role: MotionRoleName) => MotionTransition;
 declare const presets: Readonly<{
     opacity: Readonly<{
         in: MotionKeyframePreset;
@@ -48,9 +87,27 @@ declare const presets: Readonly<{
         in: MotionKeyframePreset;
         out: MotionKeyframePreset;
     }>;
+    sheet: Readonly<{
+        left: Readonly<{
+            in: MotionKeyframePreset;
+            out: MotionKeyframePreset;
+        }>;
+        right: Readonly<{
+            in: MotionKeyframePreset;
+            out: MotionKeyframePreset;
+        }>;
+        top: Readonly<{
+            in: MotionKeyframePreset;
+            out: MotionKeyframePreset;
+        }>;
+        bottom: Readonly<{
+            in: MotionKeyframePreset;
+            out: MotionKeyframePreset;
+        }>;
+    }>;
 }>;
-declare const speedOptions: (speed?: MotionSpeed) => DurationSpeed | PhysicsSpeed;
+declare const speedOptions: (speed?: MotionSpeed, target?: Element) => DurationSpeed | PhysicsSpeed;
 declare const finalKeyframe: <T>(keyframes: MotionKeyframes<T>) => T;
 declare const mutableKeyframes: <T>(keyframes: MotionKeyframes<T>) => T | T[];
-export { easings, finalKeyframe, mutableKeyframes, presets, speedOptions, speeds };
-export type { DurationSpeed, MotionKeyframePreset, MotionKeyframes, MotionSpeed, MotionSpeedName, MotionTransition, PhysicsSpeed, };
+export { easings, finalKeyframe, isSpringRole, mutableKeyframes, presets, resolveMiniMotionRole, resolveMotionRole, roles, speedOptions, speeds, };
+export type { DurationSpeed, MotionKeyframePreset, MotionKeyframes, MotionRoleName, MotionSpeed, MotionSpeedName, MotionTransition, PhysicsSpeed, };

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

@@ -1,14 +1,16 @@
 import { type MotionHandle } from './animate';
-import { type MotionKeyframes, type MotionSpeed } from './recipe';
+import { type MotionRoleName, type MotionKeyframes, type MotionSpeed, type MotionTransition } from './recipe';
 import { type MotionSubject } from './subject';
 type ResizeDestination = 'content' | 'collapsed';
 type ResizeOptions = Readonly<{
     from: ResizeDestination;
     measure?: Element | string;
     opacity?: MotionKeyframes<number>;
+    role?: MotionRoleName;
     speed?: MotionSpeed;
     target?: Element | string;
     to: ResizeDestination;
+    transition?: MotionTransition;
 }>;
 declare const resize: (subject: MotionSubject, options: ResizeOptions) => MotionHandle;
 export { resize };

package/packages/client/types/runtime/collection-navigation.d.ts

@@ -2,6 +2,7 @@ type CollectionRoot = HTMLElement | null;
 type CollectionNavigationOptions = {
     root: () => CollectionRoot;
     itemSelector: string;
+    ownsItem?: (el: HTMLElement) => boolean;
     activeAttribute?: string;
     isDisabled?: (el: HTMLElement) => boolean;
     loop?: boolean | (() => boolean);
@@ -28,6 +29,6 @@ type CollectionNavigation = {
     focusLast(): void;
     handleKeydown(options: CollectionKeydownOptions): boolean;
 };
-declare const createCollectionNavigation: ({ root: getRoot, itemSelector, activeAttribute, isDisabled, loop, }: CollectionNavigationOptions) => CollectionNavigation;
+declare const createCollectionNavigation: ({ root: getRoot, itemSelector, ownsItem, activeAttribute, isDisabled, loop, }: CollectionNavigationOptions) => CollectionNavigation;
 export { createCollectionNavigation };
 export type { CollectionElementOptions, CollectionItemsOptions, CollectionKeydownOptions, CollectionNavigation, CollectionNavigationOptions, };

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

@@ -1,3 +1,4 @@
 declare const STABLE_KEY_ATTR = "data-ui-key";
+declare const STABLE_KEY_SCOPE_ATTR = "data-ui-key-scope";
 declare const stableIdentity: (element: Element, explicit?: unknown) => string | null;
-export { STABLE_KEY_ATTR, stableIdentity };
+export { STABLE_KEY_ATTR, STABLE_KEY_SCOPE_ATTR, stableIdentity };