@vireo-ai/trellis-ui 0.1.55 → 0.1.56

package/README.md

@@ -1,23 +1 @@
-# Trellis UI
-
-## Sortable programmatic API
-
-Sortable state belongs to the Alpine runtime that registered the capability. In Alpine expressions, use
-`$ui.sortable`. Application modules can use the same registered service through `ui.sortable` after the Sortable
-capability has loaded:
-
-```ts
-import {ui} from "@vireo-ai/trellis-ui";
-
-ui.sortable.moveBefore({
-    scope: "board",
-    sourceId: "a",
-    anchorId: "c",
-    destinationGroupId: "doing",
-});
-```
-
-The former named `sortable` export has been removed. Replace calls on that shared singleton with `$ui.sortable` or
-`ui.sortable`. If you manually register the directive, capture the registry returned by
-`registerSortableDirective(Alpine)`. `createSortableRegistry()` creates a standalone registry; it does not control
-groups registered by the directive.
+# Trellis UI

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vireo-ai/trellis-ui",
-  "version": "0.1.55",
+  "version": "0.1.56",
   "type": "module",
   "description": "Django-native UI toolkit for building realtime and interactive web apps.",
   "license": "MIT",
@@ -81,7 +81,8 @@
     "@types/alpinejs": "^3.13.11",
     "cally": "^0.9.2",
     "clsx": "^2.1.1",
-    "motion": "^12.43.0"
+    "motion": "^12.43.0",
+    "tabbable": "^6.5.0"
   },
   "peerDependencies": {
     "alpinejs": "^3.14.8"

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

@@ -11,7 +11,7 @@ declare const badgeSchema: {
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
     color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "danger" | "success" | "warning">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
     href: import("../../runtime/codecs").StringCodec;
     as: import("../../runtime/codecs").OneOfCodec<"button" | "span">;
     type: import("../../runtime/codecs").OneOfCodec<"button" | "reset" | "submit">;

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

@@ -15,10 +15,10 @@ declare const boxSchema: {
     align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
     justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
     class: import("../../runtime/codecs").StringCodec;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
+    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">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     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">;

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

@@ -11,7 +11,7 @@ declare const buttonSchema: {
     variant: import("../../runtime/codecs").OneOfCodec<"link" | "outline" | "solid" | "ghost" | "soft" | "surface">;
     color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "danger">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
     type: import("../../runtime/codecs").OneOfCodec<"button" | "reset" | "submit">;
     href: import("../../runtime/codecs").StringCodec;
     disabled: import("../../runtime/codecs").BoolCodec;

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

@@ -5,10 +5,10 @@ declare const CONTAINER_SIZES: readonly ["none", "3xs", "2xs", "xs", "sm", "md",
 declare const CONTAINER_ALIGNS: readonly ["left", "center", "right"];
 declare const containerSchema: {
     class: import("../../runtime/codecs").StringCodec;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
+    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">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     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">;

package/packages/client/types/components/date-picker/contract.d.ts

@@ -61,7 +61,7 @@ declare const datePickerSchema: {
     implementation: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
     color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
@@ -88,7 +88,7 @@ declare const datePickerPresetSchema: {
 };
 declare const datePickerTriggerSchema: {
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const datePickerPresetsSchema: {

package/packages/client/types/components/date-picker/machine.d.ts

@@ -96,7 +96,7 @@ declare const datePickerHooks: readonly [{
             implementation: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
             variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
             color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            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">;
             close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
@@ -170,7 +170,7 @@ declare const datePickerHooks: readonly [{
             implementation: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
             variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
             color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            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">;
             close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;

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

@@ -5,10 +5,10 @@ declare const FLEX_DIRECTIONS: readonly ["row", "column", "row-reverse", "column
 declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
 declare const flexSchema: {
     class: import("../../runtime/codecs").StringCodec;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
+    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">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     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">;

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

@@ -14,11 +14,11 @@ declare const FRAME_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "
 declare const FRAME_ALIGNS: readonly ["start", "center", "end", "stretch"];
 declare const FRAME_JUSTIFIES: readonly ["start", "center", "end", "between"];
 declare const frameSchema: {
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl" | "prose">;
     class: import("../../runtime/codecs").StringCodec;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    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">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     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">;

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

@@ -6,10 +6,10 @@ declare const GRID_CONTENT_ALIGNS: readonly ["start", "center", "end", "between"
 declare const GRID_ITEM_JUSTIFIES: readonly ["start", "center", "end", "stretch"];
 declare const gridSchema: {
     class: import("../../runtime/codecs").StringCodec;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
+    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">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     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">;

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

@@ -15,7 +15,7 @@ declare const inputSchema: {
     placeholder: import("../../runtime/codecs").StringCodec;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
     disabled: import("../../runtime/codecs").BoolCodec;
     readonly: import("../../runtime/codecs").BoolCodec;
     required: import("../../runtime/codecs").BoolCodec;
@@ -35,7 +35,7 @@ declare const inputSchema: {
 declare const inputGroupSchema: {
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
     label: import("../../runtime/codecs").StringCodec;
     description: import("../../runtime/codecs").StringCodec;
     descriptionTrailing: import("../../runtime/codecs").StringCodec;

package/packages/client/types/components/layout.d.ts

@@ -221,7 +221,7 @@ declare const explicitLayoutSurface: {
 };
 declare const layoutRadius: {
     readonly schema: {
-        readonly radius: import("../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+        readonly radius: import("../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
     };
     readonly details: {
         readonly radius: {
@@ -264,7 +264,7 @@ declare const explicitLayoutElevation: {
 };
 declare const layoutWidth: {
     readonly schema: {
-        readonly width: import("../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+        readonly width: import("../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
     };
     readonly details: {
         readonly width: {
@@ -291,7 +291,7 @@ declare const layoutWidth: {
 };
 declare const layoutHeight: {
     readonly schema: {
-        readonly height: import("../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
+        readonly height: import("../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
     };
     readonly details: {
         readonly height: {

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

@@ -17,13 +17,14 @@ declare const modalSchema: {
     open: import("../../runtime/codecs").BoolCodec;
     mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
     side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-    size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
+    size: import("../../runtime/codecs").OneOfCodec<"full" | "sm" | "md" | "lg" | "xl">;
     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">;
     dismissible: import("../../runtime/codecs").BoolCodec;
     closable: import("../../runtime/codecs").BoolCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
-    autofocusTitle: import("../../runtime/codecs").BoolCodec;
+    initialFocus: import("../../runtime/codecs").StringCodec;
+    finalFocus: import("../../runtime/codecs").StringCodec;
     label: import("../../runtime/codecs").StringCodec;
     descriptionId: import("../../runtime/codecs").StringCodec;
     panelClass: import("../../runtime/codecs").StringCodec;

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

@@ -51,7 +51,7 @@ type ModalTriggerData = UiModalTriggerApi & {
     init(): void;
     destroy(): void;
 };
-declare const UiModal: () => TrellisAlpineComponent<ModalData>;
+declare const UiModal: (AlpineInstance: Alpine.Alpine) => TrellisAlpineComponent<ModalData>;
 declare const UiModalTrigger: () => TrellisAlpineComponent<ModalTriggerData>;
 declare const registerModal: (AlpineInstance: Alpine.Alpine) => void;
 export { registerModal, UiModal, UiModalTrigger };

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

@@ -4,10 +4,10 @@ declare const SECTION_DISPLAYS: readonly ["block", "none"];
 declare const SECTION_SIZES: readonly ["0", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "4.5", "5", "5.5", "6", "6.5", "7", "7.5", "8", "8.5", "9", "9.5", "10", "10.5", "11", "11.5", "12"];
 declare const sectionSchema: {
     class: import("../../runtime/codecs").StringCodec;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
+    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">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     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">;

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

@@ -60,7 +60,7 @@ declare const selectSchema: {
     path: import("../../runtime/codecs").StringCodec;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;

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

@@ -99,7 +99,7 @@ declare const selectHooks: readonly [{
             path: import("../../runtime/codecs").StringCodec;
             size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
             variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            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">;
             side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
@@ -177,7 +177,7 @@ declare const selectHooks: readonly [{
             path: import("../../runtime/codecs").StringCodec;
             size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
             variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            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">;
             side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;

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

@@ -3,10 +3,10 @@ import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace }
 declare const STACK_DISPLAYS: readonly ["grid", "inline-grid", "none"];
 declare const stackSchema: {
     class: import("../../runtime/codecs").StringCodec;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
+    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">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     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">;

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

@@ -20,7 +20,7 @@ declare const tableSchema: {
     hover: import("../../runtime/codecs").BoolCodec;
     stickyHeader: import("../../runtime/codecs").BoolCodec;
     nowrap: import("../../runtime/codecs").BoolCodec;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "full">;
+    width: import("../../runtime/codecs").OneOfCodec<"full" | "auto">;
     class: import("../../runtime/codecs").StringCodec;
     tableClass: import("../../runtime/codecs").StringCodec;
 };

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

@@ -7,7 +7,7 @@ declare const textareaSchema: {
     placeholder: import("../../runtime/codecs").StringCodec;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    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">;
     disabled: import("../../runtime/codecs").BoolCodec;

package/packages/client/types/runtime/focus-scope.d.ts

@@ -1,7 +1,6 @@
-declare const FOCUSABLE_SELECTOR: string;
-declare const isFocusable: (el: HTMLElement) => boolean;
-declare const closestFocusable: (el: HTMLElement) => HTMLElement;
-declare const focusableElements: (scope: HTMLElement) => HTMLElement[];
-declare const focusFirst: (scope: HTMLElement) => void;
+import { type FocusElementOptions } from './focus';
+declare const tabbableElements: (scope: HTMLElement) => HTMLElement[];
+declare const closestTabbable: (el: HTMLElement) => HTMLElement;
+declare const focusFirst: (scope: HTMLElement, options?: FocusElementOptions) => void;
 declare const trapFocus: (event: KeyboardEvent, scope: HTMLElement) => void;
-export { FOCUSABLE_SELECTOR, closestFocusable, focusFirst, focusableElements, isFocusable, trapFocus };
+export { closestTabbable, focusFirst, tabbableElements, trapFocus };

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

@@ -0,0 +1,9 @@
+type FocusElementOptions = {
+    preventScroll?: boolean;
+    showIndicator?: boolean;
+};
+declare const isProgrammaticallyFocusable: (element: HTMLElement | null) => element is HTMLElement;
+declare const isFocusIndicatorSuppressed: (element: HTMLElement) => boolean;
+declare const focusElement: (element: HTMLElement | null, { preventScroll, showIndicator }?: FocusElementOptions) => boolean;
+export { focusElement, isFocusIndicatorSuppressed, isProgrammaticallyFocusable, };
+export type { FocusElementOptions };

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

@@ -12,7 +12,8 @@ export { createMachine, type Machine, type MachineConfig, type MachineEffect, ty
 export { addListener, asBool, dispatch, isRtl, removeAttribute, setAttribute, setPresence, type AddListenerOptions, type AttributeOptions, type BoolOptions, type DispatchOptions, type ElementOptions, type PresenceOptions, } from '../utils/dom';
 export { addDismissableLayer, type DismissableLayerOptions } from './dismissable-layer';
 export { dispatchNativeControlChange, syncControlPresence, syncNativeControl, syncRepeatedHiddenInputs, type ControlState, type DispatchNativeControlChangeOptions, type HiddenInputState, type NativeControlState, type SyncControlPresenceOptions, type SyncNativeControlOptions, type SyncRepeatedHiddenInputsOptions, } from './form-control';
-export { FOCUSABLE_SELECTOR, closestFocusable, focusFirst, focusableElements, isFocusable, trapFocus } from './focus-scope';
+export { closestTabbable, focusFirst, tabbableElements, trapFocus } from './focus-scope';
+export { focusElement, isFocusIndicatorSuppressed, isProgrammaticallyFocusable, type FocusElementOptions, } from './focus';
 export { getPathValue, normalizeOptionText, parseItemData, splitControlValues } from './option-data';
 export { observeSemanticChanges, type SemanticObserverOptions } from './semantic-observer';
 export { parseVirtualizerFragmentResponse, type VirtualizerFragmentOptions, type VirtualizerFragmentPayload, } from './virtualizer-fragment';