@vireo-ai/trellis-ui 0.1.54 → 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.54",
+  "version": "0.1.56",
   "type": "module",
   "description": "Django-native UI toolkit for building realtime and interactive web apps.",
   "license": "MIT",
@@ -74,32 +74,33 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "^2.0.1",
-    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
-    "@atlaskit/pragmatic-drag-and-drop-live-region": "^2.0.0",
-    "@floating-ui/dom": "^1.6.13",
+    "@atlaskit/pragmatic-drag-and-drop": "^2.0.2",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.2.0",
+    "@atlaskit/pragmatic-drag-and-drop-live-region": "^2.1.0",
+    "@floating-ui/dom": "^1.8.0",
     "@types/alpinejs": "^3.13.11",
     "cally": "^0.9.2",
     "clsx": "^2.1.1",
-    "motion": "^12.42.0"
+    "motion": "^12.43.0",
+    "tabbable": "^6.5.0"
   },
   "peerDependencies": {
     "alpinejs": "^3.14.8"
   },
   "devDependencies": {
-    "@axe-core/playwright": "^4.11.3",
-    "@microsoft/api-extractor": "^7.58.9",
-    "@microsoft/api-extractor-model": "^7.33.8",
-    "@playwright/test": "^1.61.0",
-    "@tailwindcss/cli": "^4.0.0",
-    "@tailwindcss/vite": "^4.3.2",
-    "alpinejs": "^3.14.8",
-    "@types/node": "^25.9.3",
+    "@axe-core/playwright": "^4.13.0",
+    "@microsoft/api-extractor": "^7.59.1",
+    "@microsoft/api-extractor-model": "^7.33.12",
+    "@playwright/test": "^1.63.0",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/node": "^25.9.8",
+    "alpinejs": "^3.17.4",
     "jsdom": "^29.1.1",
-    "tailwindcss": "^4.0.0",
+    "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
-    "vite": "^8.0.16",
-    "vitest": "^4.1.9"
+    "vite": "^8.3.0",
+    "vitest": "^4.1.11"
   },
   "scripts": {
     "generate:component-entries": "node scripts/generate_component_entries.mjs",
@@ -107,22 +108,22 @@
     "check:runtime-boundary": "node scripts/generate_asset_registry.mjs --check && node scripts/check_runtime_boundary.mjs",
     "verify:packed-consumer": "node scripts/verify_packed_consumer.mjs",
     "typecheck": "pnpm run generate:component-entries && tsc --noEmit",
-    "test:unit": "pnpm run generate:component-entries && vitest run --no-file-parallelism",
+    "test:unit": "pnpm run generate:component-entries && vitest run --configLoader runner --no-file-parallelism",
     "test:python": "uv run pytest tests/server",
     "test:browser": "playwright test",
     "test": "pnpm run test:unit && pnpm run test:python && pnpm run test:browser",
-    "test:watch": "pnpm run generate:component-entries && vitest",
+    "test:watch": "pnpm run generate:component-entries && vitest --configLoader runner",
     "trellis": "node packages/theme-engine/dist/cli.js",
     "prek": "uv run prek",
     "clean:types": "node -e \"require('node:fs').rmSync('packages/client/types', { recursive: true, force: true })\"",
     "build:theme": "pnpm --filter @vireo-ai/trellis-theme-engine run build && node packages/theme-engine/scripts/generate-default-css.mjs && node packages/theme-engine/scripts/generate-theme-knobs.mjs",
     "build:docs-theme": "pnpm trellis theme build docs/trellis/themes/default/theme.json",
     "build:sources": "pnpm run build:theme && pnpm run build:manifests",
-    "build:manifests": "vite build --config vite.manifests.config.ts && python3 scripts/generate_ui_events.py",
+    "build:manifests": "vite build --config vite.manifests.config.ts --configLoader runner && python3 scripts/generate_ui_events.py",
     "build:runtime-docs": "pnpm run build:manifests && pnpm run build:types && pnpm run generate:runtime-docs",
-    "generate:runtime-docs": "vite build --config vite.runtime-docs.config.ts && api-extractor run --local && node scripts/generate_component_runtime_docs.mjs",
+    "generate:runtime-docs": "vite build --config vite.runtime-docs.config.ts --configLoader runner && api-extractor run --local && node scripts/generate_component_runtime_docs.mjs",
     "build:types": "pnpm run generate:component-entries && pnpm run clean:types && tsc -p tsconfig.build.json && node scripts/rewrite_declaration_aliases.mjs",
-    "build:js": "pnpm run generate:component-entries && vite build && node scripts/copy_minified_js_alias.mjs && vite build --config vite.esm.config.ts && node scripts/generate_asset_registry.mjs && pnpm run analyze:runtime && pnpm run build:types",
+    "build:js": "pnpm run generate:component-entries && vite build --configLoader runner && node scripts/copy_minified_js_alias.mjs && vite build --config vite.esm.config.ts --configLoader runner && node scripts/generate_asset_registry.mjs && pnpm run analyze:runtime && pnpm run build:types",
     "build:css": "pnpm run build:sources && tailwindcss -i ./packages/client/src/styles/static.css -o ./packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css && tailwindcss -i ./packages/client/src/styles/static.css -o ./packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css --minify",
     "build:package": "pnpm run build:css && pnpm run build:js",
     "build:docs": "pnpm --dir docs run build",

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';