@vireo-ai/trellis-ui 0.1.48 → 0.1.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vireo-ai/trellis-ui",
-  "version": "0.1.48",
+  "version": "0.1.50",
   "type": "module",
   "description": "Django-native UI toolkit for building realtime and interactive web apps.",
   "license": "MIT",
@@ -105,8 +105,8 @@
     "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:python": "uv run pytest tests/server || test $? -eq 5",
-    "test:browser": "playwright test --pass-with-no-tests",
+    "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",
     "prek": "uv run prek",
@@ -126,9 +126,9 @@
     "check:packages": "pnpm run check:runtime-boundary && pnpm run verify:packed-consumer && uv build --sdist --wheel",
     "check:release": "pnpm run check && pnpm run check:packages",
     "release": "node scripts/release.mjs",
-    "publish:npm": "pnpm run check:release && pnpm publish --access public",
+    "publish:npm": "pnpm run check:release && pnpm publish dist/trellis-ui.tgz --access public --ignore-scripts",
     "publish:pypi": "pnpm run build:package && uv build --sdist --wheel && uv publish dist/django_trellis-${npm_package_version}.tar.gz dist/django_trellis-${npm_package_version}-py3-none-any.whl",
-    "publish:all": "pnpm run check:release && pnpm publish --access public && uv publish dist/django_trellis-${npm_package_version}.tar.gz dist/django_trellis-${npm_package_version}-py3-none-any.whl",
+    "publish:all": "pnpm run check:release && pnpm publish dist/trellis-ui.tgz --access public --ignore-scripts && uv publish dist/django_trellis-${npm_package_version}.tar.gz dist/django_trellis-${npm_package_version}-py3-none-any.whl",
     "dev:css": "pnpm run build:sources && tailwindcss -i ./packages/client/src/styles/static.css -o ./packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css --minify --watch"
   }
 }

package/packages/client/src/components/data-grid/styles.css

@@ -51,9 +51,27 @@
     background: var(--ui-surface-color);
   }
 
-  [data-ui-data-grid][data-border="row"] [data-ui-data-grid-column-header],
+  [data-ui-data-grid-cell][data-align="start"] {
+    justify-content: flex-start;
+    text-align: left;
+  }
+
+  [data-ui-data-grid-cell][data-align="center"] {
+    justify-content: center;
+    text-align: center;
+  }
+
+  [data-ui-data-grid-cell][data-align="end"] {
+    justify-content: flex-end;
+    text-align: right;
+  }
+
+  [data-ui-data-grid][data-border="row"] [data-ui-data-grid-header],
+  [data-ui-data-grid][data-border="grid"] [data-ui-data-grid-header] {
+    box-shadow: inset 0 -1px var(--color-separator);
+  }
+
   [data-ui-data-grid][data-border="row"] [data-ui-data-grid-cell],
-  [data-ui-data-grid][data-border="grid"] [data-ui-data-grid-column-header],
   [data-ui-data-grid][data-border="grid"] [data-ui-data-grid-cell] {
     border-bottom: 1px solid var(--color-separator);
   }

package/packages/client/src/components/field/styles.css

@@ -36,20 +36,38 @@
     box-shadow: none;
   }
 
-  [data-ui-control][data-ui-control-recipe="field"][data-variant="filled"]:is(:hover, :active, :focus-within, [data-state="open"]):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
+  [data-ui-control][data-ui-control-recipe="field"][data-variant="filled"]:is(:hover, :active, :focus-within):not([data-ui-control-interaction="disclosure"]):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]),
+  [data-ui-control][data-ui-control-recipe="field"][data-variant="filled"][data-ui-control-interaction="disclosure"]:is(:focus-visible:not([data-ui-focus-indicator="suppressed"]), :has(:focus-visible:not([data-ui-focus-indicator="suppressed"]))):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
     background-color: var(--color-interaction-pressed);
   }
 
+  [data-ui-control][data-ui-control-recipe="field"][data-variant="filled"][data-ui-control-interaction="disclosure"][data-state="open"]:not(:is(:focus-visible:not([data-ui-focus-indicator="suppressed"]), :has(:focus-visible:not([data-ui-focus-indicator="suppressed"])))):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
+    background-color: color-mix(
+      in oklch,
+      var(--color-interaction-hover),
+      var(--color-interaction-pressed) var(--interaction-disclosure-expanded-emphasis-mix)
+    );
+  }
+
   [data-ui-control][data-ui-control-recipe="field"][data-variant="outline"]:is(:hover, :active):not(:focus-within):not([data-state="open"]):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
     box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-hover);
   }
 
-  [data-ui-control][data-ui-control-recipe="field"][data-variant="outline"]:is(:focus-within, [data-state="open"]):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
+  [data-ui-control][data-ui-control-recipe="field"][data-variant="outline"]:focus-within:not([data-ui-control-interaction="disclosure"]):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]),
+  [data-ui-control][data-ui-control-recipe="field"][data-variant="outline"][data-ui-control-interaction="disclosure"]:is(:focus-visible:not([data-ui-focus-indicator="suppressed"]), :has(:focus-visible:not([data-ui-focus-indicator="suppressed"]))):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
     box-shadow:
       0 0 0 var(--border-width-edge-control) var(--color-intent-accent-edge-strong),
       0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
   }
 
+  [data-ui-control][data-ui-control-recipe="field"][data-variant="outline"][data-ui-control-interaction="disclosure"][data-state="open"]:not(:is(:focus-visible:not([data-ui-focus-indicator="suppressed"]), :has(:focus-visible:not([data-ui-focus-indicator="suppressed"])))):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
+    box-shadow:
+      0 0 0 var(--interaction-disclosure-expanded-focus-edge-width) var(--color-intent-accent-edge-strong),
+      0 0 0 var(--interaction-disclosure-expanded-emphasis-edge-width) var(--ui-surface-edge-strong),
+      0 0 0 var(--border-width-edge-control) var(--ui-surface-edge),
+      0 0 0 var(--interaction-disclosure-expanded-accent-focus-width) var(--color-intent-accent-focus);
+  }
+
   [data-ui-control][data-ui-control-recipe="field"]:is([data-invalid], [aria-invalid="true"]) {
     box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge, var(--ui-surface-edge-strong));
   }
@@ -58,12 +76,20 @@
     box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover, var(--ui-surface-edge-strong));
   }
 
-  [data-ui-control][data-ui-control-recipe="field"]:is([data-invalid], [aria-invalid="true"]):is(:focus-within, [data-state="open"]):not([data-disabled]):not(:disabled) {
+  [data-ui-control][data-ui-control-recipe="field"]:is([data-invalid], [aria-invalid="true"]):focus-within:not([data-ui-control-interaction="disclosure"]):not([data-disabled]):not(:disabled),
+  [data-ui-control][data-ui-control-recipe="field"][data-ui-control-interaction="disclosure"]:is([data-invalid], [aria-invalid="true"]):is(:focus-visible:not([data-ui-focus-indicator="suppressed"]), :has(:focus-visible:not([data-ui-focus-indicator="suppressed"]))):not([data-disabled]):not(:disabled) {
     box-shadow:
       0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-strong, var(--ui-surface-edge-strong)),
       0 0 0 var(--color-intent-danger-focus-width, var(--color-intent-accent-focus-width)) var(--color-intent-danger-focus, var(--color-intent-accent-focus));
   }
 
+  [data-ui-control][data-ui-control-recipe="field"][data-ui-control-interaction="disclosure"][data-state="open"]:is([data-invalid], [aria-invalid="true"]):not(:is(:focus-visible:not([data-ui-focus-indicator="suppressed"]), :has(:focus-visible:not([data-ui-focus-indicator="suppressed"])))):not([data-disabled]):not(:disabled) {
+    box-shadow:
+      0 0 0 var(--interaction-disclosure-expanded-emphasis-edge-width) var(--color-intent-danger-edge-strong, var(--ui-surface-edge-strong)),
+      0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge, var(--ui-surface-edge-strong)),
+      0 0 0 var(--interaction-disclosure-expanded-danger-focus-width, var(--interaction-disclosure-expanded-accent-focus-width)) var(--color-intent-danger-focus, var(--color-intent-accent-focus));
+  }
+
   [data-ui-control][data-ui-control-recipe="field"] :is(input, textarea)::placeholder {
     color: var(--ui-surface-ink-muted);
     opacity: 1;

package/packages/client/src/components/tabs/styles.css

@@ -176,7 +176,7 @@
     width: var(--ui-tabs-line-indicator-width);
     height: var(--ui-tabs-line-indicator-height);
     border-radius: 0;
-    background-color: var(--color-intent-accent-solid);
+    background-color: var(--ui-selection-solid);
   }
 
   [data-ui-tabs-list][data-variant="segmented"]:not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {

package/packages/client/src/styles/generated/theme-fonts.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme 77478918fc2bdc5b; CSS 9bd56c40eb5861dd. */
+/* Theme 5ae1b8bd284cb4e9; CSS 9bd56c40eb5861dd. */
 @import url("https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap");
 
 @import url("https://fonts.bunny.net/css?family=fira-code:400,500,600,700&display=swap");

package/packages/client/src/styles/generated/theme-palette.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme 77478918fc2bdc5b; CSS c3362e588265232d. */
+/* Theme 5ae1b8bd284cb4e9; CSS 5842c409a9e15f9e. */
 @theme {
   --color-canvas: transparent;
   --color-accent-1: transparent;
@@ -301,6 +301,13 @@
 }
 
 @theme {
+  --interaction-disclosure-expanded-emphasis: 0;
+  --interaction-disclosure-expanded-focus: 0;
+  --interaction-disclosure-expanded-emphasis-mix: 0%;
+  --interaction-disclosure-expanded-emphasis-edge-width: 0px;
+  --interaction-disclosure-expanded-focus-edge-width: 0px;
+  --interaction-disclosure-expanded-accent-focus-width: 0px;
+  --interaction-disclosure-expanded-danger-focus-width: 0px;
   --border-width-0: 0px;
   --border-width-1: 1px;
   --border-width-2: 2px;

package/packages/client/src/styles/generated/theme-runtime.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme 77478918fc2bdc5b; CSS ff0d2cfb40f8567e. */
+/* Theme 5ae1b8bd284cb4e9; CSS b7ac22be3a42e190. */
 @theme {
   --color-separator: transparent;
   --color-separator-muted: transparent;
@@ -551,12 +551,12 @@
   --color-surface-8: oklch(100% 0 none / 1);
   --color-surface-8-ink: oklch(22.74366% 0 none / 1);
   --color-surface-8-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-intent-accent-focus-width: 2px;
-  --color-intent-danger-focus-width: 3px;
-  --color-intent-information-focus-width: 3px;
-  --color-intent-neutral-focus-width: 3px;
-  --color-intent-success-focus-width: 3px;
-  --color-intent-warning-focus-width: 3px;
+  --color-intent-accent-focus-width: 1px;
+  --color-intent-danger-focus-width: 1px;
+  --color-intent-information-focus-width: 1px;
+  --color-intent-neutral-focus-width: 1px;
+  --color-intent-success-focus-width: 1px;
+  --color-intent-warning-focus-width: 1px;
   --background-interaction-selection-accent: oklch(50.756307% 0.185449 257.696372 / 0.118811);
   --background-interaction-selection-accent-hover: oklch(50.756307% 0.185449 257.696372 / 0.167052);
   --background-interaction-selection-danger: oklch(50.734487% 0.20819 29.23388 / 0.120444);
@@ -851,12 +851,12 @@
   --color-surface-8: oklch(45.262653% 0.002896 251.779887 / 1);
   --color-surface-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
   --color-surface-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
-  --color-intent-accent-focus-width: 2px;
-  --color-intent-danger-focus-width: 3px;
-  --color-intent-information-focus-width: 3px;
-  --color-intent-neutral-focus-width: 3px;
-  --color-intent-success-focus-width: 3px;
-  --color-intent-warning-focus-width: 3px;
+  --color-intent-accent-focus-width: 1px;
+  --color-intent-danger-focus-width: 1px;
+  --color-intent-information-focus-width: 1px;
+  --color-intent-neutral-focus-width: 1px;
+  --color-intent-success-focus-width: 1px;
+  --color-intent-warning-focus-width: 1px;
   --background-interaction-selection-accent: oklch(77.631661% 0.121666 245.605952 / 0.058873);
   --background-interaction-selection-accent-hover: oklch(77.631661% 0.121666 245.605952 / 0.087255);
   --background-interaction-selection-danger: oklch(78.425088% 0.125337 22.763785 / 0.056177);

package/packages/client/src/styles/generated-sources.css

@@ -1,3 +1,3 @@
 /* Generated by `pnpm run build:manifests`. Do not edit. */
 /* Tailwind source hints derived from Trellis defineStyles. */
-@source inline("!items-center !mt-0 !pl-1.5 -mb-1 -ml-1.5 -ml-2 -ml-2.5 -ml-3 -ml-4 -mr-1 -mr-1.5 -mr-2 -mr-2.5 -mr-3 -mr-4 -mt-1 -mt-3 -mx-popover -translate-x-1/2 -translate-y-1/2 [&::-webkit-details-marker]:hidden [&:has(+[data-ui-text])]:mb-2 [&:has([data-ui-select-option-label]>*+*)]:h-auto [&:has([data-ui-select-option-label]>*+*)]:items-start [&:has([data-ui-select-option-label]>*+*)]:py-2 [&>*]:bg-interaction-selected [&>[data-ui-modal-body]]:-mx-1 [&>[data-ui-modal-body]]:content-start [&>[data-ui-modal-body]]:min-h-0 [&>[data-ui-modal-body]]:overflow-x-hidden [&>[data-ui-modal-body]]:overflow-y-auto [&>[data-ui-modal-body]]:px-1 [&>[data-ui-modal-footer]]:self-end [&>[data-ui-separator]]:-mx-sidebar-content-padding-inline [&>[data-ui-separator]]:w-auto [&_[data-ui-checkbox-indicator]]:hidden [&_[data-ui-table-cell]]:min-w-0 [&_[data-ui-table-cell]]:px-2 [&_[data-ui-table-cell]]:px-3 [&_[data-ui-table-cell]]:px-4 [&_[data-ui-table-cell]]:py-1.5 [&_[data-ui-table-cell]]:py-2 [&_[data-ui-table-cell]]:py-3 [&_[data-ui-table-cell]]:text-surface-ink [&_[data-ui-table-cell]]:whitespace-nowrap [&_[data-ui-table-column]]:font-medium [&_[data-ui-table-column]]:min-w-0 [&_[data-ui-table-column]]:px-2 [&_[data-ui-table-column]]:px-3 [&_[data-ui-table-column]]:px-4 [&_[data-ui-table-column]]:py-1.5 [&_[data-ui-table-column]]:py-2 [&_[data-ui-table-column]]:py-3 [&_[data-ui-table-column]]:text-xs [&_[data-ui-table-column]]:whitespace-nowrap [&_[data-ui-table-header]]:bg-surface [&_[data-ui-table-header]]:sticky [&_[data-ui-table-header]]:top-0 [&_[data-ui-table-header]]:z-10 [&_[data-ui-table-row-header]]:font-medium [&_[data-ui-table-row-header]]:min-w-0 [&_[data-ui-table-row-header]]:px-2 [&_[data-ui-table-row-header]]:px-3 [&_[data-ui-table-row-header]]:px-4 [&_[data-ui-table-row-header]]:py-1.5 [&_[data-ui-table-row-header]]:py-2 [&_[data-ui-table-row-header]]:py-3 [&_[data-ui-table-row-header]]:text-surface-ink [&_[data-ui-table-row-header]]:whitespace-nowrap [&_[data-ui-table-row]>*+*]:border-l-edge-separator [&_[data-ui-table-row]>*:first-child]:ps-0 [&_[data-ui-table-row]>*:last-child]:pe-0 [&_[data-ui-table-row]>*]:border-separator [&_[data-ui-table-row][data-disabled]]:opacity-disabled [&_tbody_[data-ui-table-row]:not(:last-child)>*]:border-b-edge-separator [&_tbody_[data-ui-table-row]:not([data-disabled]):not([data-selected]):not([data-current]):hover>*]:bg-interaction-hover [&_tbody_[data-ui-table-row]:nth-child(even)>*]:bg-interaction-hover [&_tfoot]:text-surface-ink-muted [&_tfoot_[data-ui-table-row]>*]:border-t-edge-separator [&_thead]:text-surface-ink-muted [&_thead_[data-ui-table-row]>*]:border-b-edge-separator [--ui-interaction-rest-edge:var(--ui-surface-edge)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-0)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-1)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-2)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-3)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-4)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-5)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-6)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-7)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-8)] [--ui-sidebar-drawer-elevation:var(--ui-matched-elevation)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-0)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-1)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-2)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-3)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-4)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-5)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-6)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-7)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-8)] [--ui-sidebar-resting-elevation:var(--ui-matched-elevation)] [[data-ui-text]+&]:mt-2 [font-weight:var(--font-weight-badge-lg)] [font-weight:var(--font-weight-badge-md)] [font-weight:var(--font-weight-badge-sm)] [font-weight:var(--font-weight-badge-xlg)] [font-weight:var(--font-weight-badge-xs)] [font-weight:var(--font-weight-control-lg)] [font-weight:var(--font-weight-control-md)] [font-weight:var(--font-weight-control-sm)] [font-weight:var(--font-weight-control-xlg)] [font-weight:var(--font-weight-control-xs)] [font-weight:var(--font-weight-description)] [font-weight:var(--font-weight-heading)] [font-weight:var(--font-weight-label)] [font-weight:var(--font-weight-menu-item)] [font-weight:var(--font-weight-metadata)] [font-weight:var(--font-weight-normal)] [grid-area:aside] [grid-area:footer] [grid-area:header] [grid-area:main] [grid-area:sidebar] [print-color-adjust:exact] absolute active:bg-interaction-pressed align-baseline align-bottom align-middle align-top appearance-none auto-cols-max auto-rows-min backdrop:bg-transparent basis-0 basis-full bg-current bg-interaction-hover bg-scrim bg-scrollbar-thumb bg-separator bg-separator-muted bg-surface bg-transparent block border border-0 border-b-edge-divider border-b-edge-separator border-l-edge-divider border-r-edge-divider border-separate border-separator border-spacing-0 border-t-edge-divider border-transparent bottom-0 bottom-4 bottom-scrollbar-inset caption-bottom caption-top col-start-1 col-start-2 contain-strict content-between content-center content-end content-start content-stretch contents cursor-col-resize cursor-default cursor-row-resize dark:block dark:hidden dark:inline data-[drawer-state=open]:bg-surface data-[mobile-state=closed]:-translate-x-full data-[mobile-state=closed]:translate-x-full data-[mobile-state=open]:translate-x-0 data-[placement=side][data-side=left]:border-r-edge-divider data-[placement=side][data-side=right]:border-l-edge-divider data-[placement=top]:border-b-edge-divider data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]>[data-ui-scroll-area]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:flex-1 data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-item]]:w-auto data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:flex-row data-[placement=top]:data-[responsive-mode=desktop]:h-[var(--ui-sidebar-height,auto)] data-[placement=top]:data-[responsive-mode=desktop]:inset-auto data-[placement=top]:data-[responsive-mode=desktop]:max-w-none data-[placement=top]:data-[responsive-mode=desktop]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:relative data-[placement=top]:data-[responsive-mode=desktop]:translate-x-0 data-[placement=top]:data-[responsive-mode=desktop]:w-full data-[placement=top]:data-[responsive-mode=desktop]:z-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:inset-y-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:left-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:right-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:rounded-none data-[responsive-mode=desktop]:data-[desktop-state=expanded]:w-full data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=closed]:data-[sidebar-exiting=false]:hidden data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:fixed data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:h-auto data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:z-dialog data-[responsive-mode=desktop]:data-[mobile-state=closed]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=open]:translate-x-0 data-[responsive-mode=desktop]:data-[sticky=False]:h-auto data-[responsive-mode=desktop]:data-[sticky=False]:relative data-[responsive-mode=desktop]:data-[sticky=false]:h-auto data-[responsive-mode=desktop]:data-[sticky=false]:relative data-[responsive-mode=desktop]:h-auto data-[responsive-mode=desktop]:h-screen data-[responsive-mode=desktop]:relative data-[responsive-mode=desktop]:sticky data-[responsive-mode=desktop]:translate-x-0 data-[responsive-mode=desktop]:w-[var(--ui-sidebar-width,var(--spacing-sidebar-width))] data-[responsive-mode=desktop]:z-auto data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none data-[state=hidden]:hidden data-[state=visible]:block data-checked:opacity-100 data-checked:translate-x-switch-travel-lg data-checked:translate-x-switch-travel-md data-checked:translate-x-switch-travel-sm data-checked:translate-x-switch-travel-xlg data-checked:translate-x-switch-travel-xs data-current:border-transparent data-current:shadow-none data-disabled:hidden data-disabled:opacity-50 data-disabled:opacity-60 data-disabled:pointer-events-none data-dragging:bg-scrollbar-thumb-hover data-indeterminate:opacity-100 data-invalid:has-[:focus-visible]:ui-focus-ring-danger data-invalid:hover:shadow-[0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge-hover)] data-invalid:shadow-[0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge)] data-resizing:bg-intent-neutral-edge-hover data-resizing:border-intent-neutral-edge-strong data-selected:bg-interaction-selected data-selected:opacity-100 data-visible:opacity-100 data-visible:pointer-events-auto file:bg-transparent file:border-0 file:font-normal file:h-full file:mr-3 file:text-inherit file:text-sm fill-current fixed flex flex-1 flex-col flex-col-reverse flex-none flex-nowrap flex-row flex-row-reverse flex-wrap flex-wrap-reverse focus-visible:bg-intent-neutral-edge-hover focus-visible:ring-2 focus-visible:ring-focus focus-visible:ui-focus-ring focus-visible:ui-focus-ring-inset font-badge font-body font-bold font-control font-description font-heading font-label font-medium font-menu-item font-metadata font-normal font-sans font-semibold gap-0 gap-0.5 gap-1 gap-1.5 gap-10 gap-10.5 gap-11 gap-11.5 gap-12 gap-2 gap-2.5 gap-3 gap-3.5 gap-4 gap-4.5 gap-5 gap-5.5 gap-6 gap-6.5 gap-7 gap-7.5 gap-8 gap-8.5 gap-9 gap-9.5 gap-app-region-gap gap-control-gap gap-sidebar-content-gap gap-sidebar-header-gap gap-x-0.5 gap-x-1 gap-x-1.5 gap-x-10 gap-x-10.5 gap-x-11 gap-x-11.5 gap-x-12 gap-x-2 gap-x-2.5 gap-x-3 gap-x-3.5 gap-x-4 gap-x-4.5 gap-x-5 gap-x-5.5 gap-x-6 gap-x-6.5 gap-x-7 gap-x-7.5 gap-x-8 gap-x-8.5 gap-x-9 gap-x-9.5 gap-y-0.5 gap-y-1 gap-y-1.5 gap-y-10 gap-y-10.5 gap-y-11 gap-y-11.5 gap-y-12 gap-y-2 gap-y-2.5 gap-y-3 gap-y-3.5 gap-y-4 gap-y-4.5 gap-y-5 gap-y-5.5 gap-y-6 gap-y-6.5 gap-y-7 gap-y-7.5 gap-y-8 gap-y-8.5 gap-y-9 gap-y-9.5 grid grid-cols-[auto_minmax(0,1fr)] grid-cols-[auto_minmax(0,1fr)_auto] grid-cols-[minmax(0,1fr)] grid-cols-[minmax(0,1fr)_auto] grid-flow-col grid-flow-col-dense grid-flow-dense grid-flow-row grid-flow-row-dense grid-rows-1 grid-rows-2 grid-rows-3 grid-rows-4 grid-rows-5 grid-rows-6 grid-rows-[auto_auto_minmax(0,1fr)_auto] grid-rows-[auto_minmax(0,1fr)_auto] group-data-[placement=top]/sidebar:border-b-edge-divider group-data-[placement=top]/sidebar:border-l-0 group-data-[placement=top]/sidebar:border-r-0 group-data-[placement=top]/sidebar:bottom-0 group-data-[placement=top]/sidebar:cursor-row-resize group-data-[placement=top]/sidebar:h-3 group-data-[placement=top]/sidebar:inset-x-0 group-data-[placement=top]/sidebar:top-auto group-data-[placement=top]/sidebar:w-auto group-data-[responsive-mode=desktop]/sidebar:block group-open/sidebar-group:rotate-90 group/sidebar-item group/sidebar-item-row group/tabs-tab group/toast h-1.5 h-4.5 h-40 h-5 h-[var(--border-width-edge-separator)] h-auto h-control-lg h-control-md h-control-sm h-control-xlg h-control-xs h-dvh h-full h-menu-item h-panel-resize-handle h-px h-scrollbar h-slider-track-lg h-slider-track-md h-slider-track-sm h-slider-track-xlg h-slider-track-xs h-switch-track-height-lg h-switch-track-height-md h-switch-track-height-sm h-switch-track-height-xlg h-switch-track-height-xs has-[:focus-visible]:ui-focus-ring hidden hover:bg-intent-neutral-edge-hover hover:bg-interaction-hover hover:bg-scrollbar-thumb-hover hover:border-intent-neutral-edge-hover hover:text-surface-ink inline-block inline-flex inline-grid inset-0 inset-x-0 inset-y-0 inset-y-2 isolate items-baseline items-center items-end items-start items-stretch justify-between justify-center justify-end justify-items-baseline justify-items-center justify-items-end justify-items-start justify-items-stretch justify-self-end justify-start last:border-b-0 leading-5 leading-none left-0 left-1/2 left-2 left-4 left-full left-scrollbar-inset list-none m-0 m-0.5 m-1 m-1.5 m-10 m-10.5 m-11 m-11.5 m-12 m-2 m-2.5 m-3 m-3.5 m-4 m-4.5 m-5 m-5.5 m-6 m-6.5 m-7 m-7.5 m-8 m-8.5 m-9 m-9.5 max-h-full max-h-lg max-h-md max-h-none max-h-prose max-h-sm max-h-xl max-h-xs max-w-2xl max-w-3xl max-w-4xl max-w-56 max-w-5xl max-w-64 max-w-6xl max-w-72 max-w-7xl max-w-[calc(100vw-2rem)] max-w-full max-w-lg max-w-md max-w-modal-lg max-w-modal-md max-w-modal-sm max-w-modal-xl max-w-none max-w-prose max-w-sm max-w-xl max-w-xs md:auto-cols-fr md:gap-x-4 md:grid-cols-[minmax(10rem,14rem)_minmax(0,1fr)] md:grid-flow-col md:items-start min-h-0 min-h-control-lg min-h-control-md min-h-control-multiline-lg min-h-control-multiline-md min-h-control-multiline-sm min-h-control-multiline-xlg min-h-control-multiline-xs min-h-control-sm min-h-control-xlg min-h-control-xs min-h-dvh min-w-0 min-w-16 min-w-28 min-w-4.5 min-w-48 min-w-72 min-w-control-lg min-w-full min-w-max ml-0 ml-1 ml-2 ml-auto mr-0 mr-auto mt-0.5 mx-0.5 mx-1 mx-1.5 mx-10 mx-10.5 mx-11 mx-11.5 mx-12 mx-2 mx-2.5 mx-3 mx-3.5 mx-4 mx-4.5 mx-5 mx-5.5 mx-6 mx-6.5 mx-7 mx-7.5 mx-8 mx-8.5 mx-9 mx-9.5 mx-auto my-0.5 my-1 my-1.5 my-10 my-10.5 my-11 my-11.5 my-12 my-2 my-2.5 my-3 my-3.5 my-4 my-4.5 my-5 my-5.5 my-6 my-6.5 my-7 my-7.5 my-8 my-8.5 my-9 my-9.5 my-popover no-underline object-contain object-cover object-fill object-none object-scale-down opacity-0 opacity-25 opacity-70 opacity-75 order-10 outline-none overflow-auto overflow-hidden overflow-visible overflow-x-auto overflow-x-hidden overflow-y-auto overflow-y-hidden p-0 p-0.5 p-1 p-1.5 p-10 p-10.5 p-11 p-11.5 p-12 p-2 p-2.5 p-3 p-3.5 p-4 p-4.5 p-5 p-5.5 p-6 p-6.5 p-7 p-7.5 p-8 p-8.5 p-9 p-9.5 p-popover-padding p-switch-inset pb-2 pb-3 pe-10 peer place-items-center pointer-events-auto pointer-events-none pr-2 pr-8 pr-9 pt-1 pt-2 pt-4 px-0 px-0.5 px-1 px-1.5 px-10 px-10.5 px-11 px-11.5 px-12 px-2 px-2.5 px-3 px-3.5 px-4 px-4.5 px-5 px-5.5 px-6 px-6.5 px-7 px-7.5 px-8 px-8.5 px-9 px-9.5 px-app-region-padding-inline px-badge-padding-lg px-badge-padding-md px-badge-padding-sm px-badge-padding-xlg px-badge-padding-xs px-control-padding-lg px-control-padding-md px-control-padding-sm px-control-padding-xlg px-control-padding-xs px-menu-item-padding-inline px-popover-padding px-sidebar-content-padding-inline px-sidebar-header-padding-inline py-0.5 py-1 py-1.5 py-10 py-10.5 py-11 py-11.5 py-12 py-2 py-2.5 py-3 py-3.5 py-4 py-4.5 py-5 py-5.5 py-6 py-6.5 py-7 py-7.5 py-8 py-8.5 py-9 py-9.5 py-app-region-padding-block py-sidebar-content-padding-block py-sidebar-header-padding-block relative resize resize-none resize-x resize-y right-0 right-1 right-2 right-3 right-4 right-scrollbar-inset rotate-180 rounded-b-overlay-md rounded-control-lg rounded-control-md rounded-control-sm rounded-control-xs rounded-full rounded-l-overlay-md rounded-overlay-md rounded-overlay-sm rounded-r-overlay-md rounded-scrollbar-thumb rounded-surface-lg rounded-surface-md rounded-surface-sm rounded-surface-xs rounded-t-overlay-md row-span-2 row-start-1 select-none self-center self-start self-stretch shadow-[0_0_0_var(--border-width-edge-control)_var(--ui-surface-edge)] shrink-0 size-2 size-9 size-badge-close-lg size-badge-close-md size-badge-close-sm size-badge-close-xlg size-badge-close-xs size-brand-logo-lg size-brand-logo-md size-brand-logo-sm size-brand-logo-xlg size-brand-logo-xs size-checkbox-indicator-lg size-checkbox-indicator-md size-checkbox-indicator-sm size-checkbox-indicator-xlg size-checkbox-indicator-xs size-control-md size-control-sm size-control-xs size-full size-icon size-icon-lg size-icon-md size-icon-sm size-icon-xs size-radio-dot-lg size-radio-dot-md size-radio-dot-sm size-radio-dot-xlg size-radio-dot-xs size-radio-indicator-lg size-radio-indicator-md size-radio-indicator-sm size-radio-indicator-xlg size-radio-indicator-xs size-scrollbar size-slider-thumb-lg size-slider-thumb-md size-slider-thumb-sm size-slider-thumb-xlg size-slider-thumb-xs size-switch-thumb-lg size-switch-thumb-md size-switch-thumb-sm size-switch-thumb-xlg size-switch-thumb-xs sm:grid-cols-2 sm:grid-cols-[auto_minmax(9rem,11rem)] sm:grid-cols-[minmax(9rem,11rem)_auto] sr-only sticky table-auto table-fixed tabular-nums text-1 text-10 text-11 text-12 text-13 text-2 text-3 text-4 text-5 text-6 text-7 text-8 text-9 text-[var(--ui-semantic-surface-ink-muted)] text-badge-lg text-badge-md text-badge-sm text-badge-xlg text-badge-xs text-base text-center text-control-lg text-control-md text-control-sm text-control-xlg text-control-xs text-current text-description text-icon text-inherit text-intent-accent-text text-intent-danger-text text-label text-label-ink text-left text-menu-item text-metadata text-right text-sm text-surface-ink text-surface-ink-muted text-xs top-0 top-1/2 top-3 top-4 top-scrollbar-inset touch-none translate-y-1/2 truncate ui-edge ui-image-outline ui-interactive:hover:bg-interaction-hover ui-interactive:ui-active:bg-interaction-pressed ui-interactive:ui-selected:bg-interaction-selected ui-interactive:ui-selected:hover:bg-interaction-selected-hover ui-motion-progress w-1.5 w-10 w-2 w-3 w-4 w-[min(24rem,calc(100vw-2rem))] w-[var(--border-width-edge-separator)] w-[var(--spacing-sidebar-drawer-width)] w-auto w-control-lg w-control-md w-control-sm w-control-xlg w-control-xs w-full w-max w-panel-resize-handle w-px w-scrollbar w-slider-track-lg w-slider-track-md w-slider-track-sm w-slider-track-xlg w-slider-track-xs w-switch-track-width-lg w-switch-track-width-md w-switch-track-width-sm w-switch-track-width-xlg w-switch-track-width-xs whitespace-nowrap z-0 z-10 z-20 z-30 z-40 z-dialog z-popover z-toast");
+@source inline("!items-center !mt-0 !pl-1.5 -mb-1 -ml-1.5 -ml-2 -ml-2.5 -ml-3 -ml-4 -mr-1 -mr-1.5 -mr-2 -mr-2.5 -mr-3 -mr-4 -mt-1 -mt-3 -mx-popover -translate-x-1/2 -translate-y-1/2 [&::-webkit-details-marker]:hidden [&:has(+[data-ui-text])]:mb-2 [&:has([data-ui-select-option-label]>*+*)]:h-auto [&:has([data-ui-select-option-label]>*+*)]:items-start [&:has([data-ui-select-option-label]>*+*)]:py-2 [&:not([data-responsive-mode=desktop])]:border-0 [&:not([data-responsive-mode=desktop])]:h-dvh [&:not([data-responsive-mode=desktop])]:inset-0 [&:not([data-responsive-mode=desktop])]:max-w-none [&:not([data-responsive-mode=desktop])]:rounded-none [&:not([data-responsive-mode=desktop])]:w-full [&>*]:bg-interaction-selected [&>[data-ui-modal-body]]:-mx-1 [&>[data-ui-modal-body]]:content-start [&>[data-ui-modal-body]]:min-h-0 [&>[data-ui-modal-body]]:overflow-x-hidden [&>[data-ui-modal-body]]:overflow-y-auto [&>[data-ui-modal-body]]:px-1 [&>[data-ui-modal-footer]]:self-end [&>[data-ui-separator]]:-mx-sidebar-content-padding-inline [&>[data-ui-separator]]:w-auto [&_[data-ui-checkbox-indicator]]:hidden [&_[data-ui-table-cell]]:min-w-0 [&_[data-ui-table-cell]]:px-2 [&_[data-ui-table-cell]]:px-3 [&_[data-ui-table-cell]]:px-4 [&_[data-ui-table-cell]]:py-1.5 [&_[data-ui-table-cell]]:py-2 [&_[data-ui-table-cell]]:py-3 [&_[data-ui-table-cell]]:text-surface-ink [&_[data-ui-table-cell]]:whitespace-nowrap [&_[data-ui-table-column]]:font-medium [&_[data-ui-table-column]]:min-w-0 [&_[data-ui-table-column]]:px-2 [&_[data-ui-table-column]]:px-3 [&_[data-ui-table-column]]:px-4 [&_[data-ui-table-column]]:py-1.5 [&_[data-ui-table-column]]:py-2 [&_[data-ui-table-column]]:py-3 [&_[data-ui-table-column]]:text-xs [&_[data-ui-table-column]]:whitespace-nowrap [&_[data-ui-table-header]]:bg-surface [&_[data-ui-table-header]]:sticky [&_[data-ui-table-header]]:top-0 [&_[data-ui-table-header]]:z-10 [&_[data-ui-table-row-header]]:font-medium [&_[data-ui-table-row-header]]:min-w-0 [&_[data-ui-table-row-header]]:px-2 [&_[data-ui-table-row-header]]:px-3 [&_[data-ui-table-row-header]]:px-4 [&_[data-ui-table-row-header]]:py-1.5 [&_[data-ui-table-row-header]]:py-2 [&_[data-ui-table-row-header]]:py-3 [&_[data-ui-table-row-header]]:text-surface-ink [&_[data-ui-table-row-header]]:whitespace-nowrap [&_[data-ui-table-row]>*+*]:border-l-edge-separator [&_[data-ui-table-row]>*:first-child]:ps-0 [&_[data-ui-table-row]>*:last-child]:pe-0 [&_[data-ui-table-row]>*]:border-separator [&_[data-ui-table-row][data-disabled]]:opacity-disabled [&_tbody_[data-ui-table-row]:not(:last-child)>*]:border-b-edge-separator [&_tbody_[data-ui-table-row]:not([data-disabled]):not([data-selected]):not([data-current]):hover>*]:bg-interaction-hover [&_tbody_[data-ui-table-row]:nth-child(even)>*]:bg-interaction-hover [&_tfoot]:text-surface-ink-muted [&_tfoot_[data-ui-table-row]>*]:border-t-edge-separator [&_thead]:text-surface-ink-muted [&_thead_[data-ui-table-row]>*]:border-b-edge-separator [--ui-interaction-rest-edge:var(--ui-surface-edge)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-0)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-1)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-2)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-3)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-4)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-5)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-6)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-7)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-8)] [--ui-sidebar-drawer-elevation:var(--ui-matched-elevation)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-0)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-1)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-2)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-3)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-4)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-5)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-6)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-7)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-8)] [--ui-sidebar-resting-elevation:var(--ui-matched-elevation)] [[data-ui-text]+&]:mt-2 [font-weight:var(--font-weight-badge-lg)] [font-weight:var(--font-weight-badge-md)] [font-weight:var(--font-weight-badge-sm)] [font-weight:var(--font-weight-badge-xlg)] [font-weight:var(--font-weight-badge-xs)] [font-weight:var(--font-weight-control-lg)] [font-weight:var(--font-weight-control-md)] [font-weight:var(--font-weight-control-sm)] [font-weight:var(--font-weight-control-xlg)] [font-weight:var(--font-weight-control-xs)] [font-weight:var(--font-weight-description)] [font-weight:var(--font-weight-heading)] [font-weight:var(--font-weight-label)] [font-weight:var(--font-weight-menu-item)] [font-weight:var(--font-weight-metadata)] [font-weight:var(--font-weight-normal)] [grid-area:aside] [grid-area:footer] [grid-area:header] [grid-area:main] [grid-area:sidebar] [print-color-adjust:exact] absolute active:bg-interaction-pressed align-baseline align-bottom align-middle align-top appearance-none auto-cols-max auto-rows-min backdrop:bg-transparent basis-0 basis-full bg-current bg-interaction-hover bg-scrim bg-scrollbar-thumb bg-separator bg-separator-muted bg-surface bg-transparent block border border-0 border-b-edge-divider border-b-edge-separator border-l-edge-divider border-r-edge-divider border-separate border-separator border-spacing-0 border-t-edge-divider border-transparent bottom-0 bottom-4 bottom-scrollbar-inset caption-bottom caption-top col-start-1 col-start-2 contain-strict content-between content-center content-end content-start content-stretch contents cursor-col-resize cursor-default cursor-row-resize dark:block dark:hidden dark:inline data-[drawer-state=open]:bg-surface data-[mobile-state=closed]:-translate-x-full data-[mobile-state=closed]:translate-x-full data-[mobile-state=open]:translate-x-0 data-[placement=side][data-side=left]:border-r-edge-divider data-[placement=side][data-side=right]:border-l-edge-divider data-[placement=top]:border-b-edge-divider data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]>[data-ui-scroll-area]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:flex-1 data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-item]]:w-auto data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:flex-row data-[placement=top]:data-[responsive-mode=desktop]:h-[var(--ui-sidebar-height,auto)] data-[placement=top]:data-[responsive-mode=desktop]:inset-auto data-[placement=top]:data-[responsive-mode=desktop]:max-w-none data-[placement=top]:data-[responsive-mode=desktop]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:relative data-[placement=top]:data-[responsive-mode=desktop]:translate-x-0 data-[placement=top]:data-[responsive-mode=desktop]:w-full data-[placement=top]:data-[responsive-mode=desktop]:z-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:inset-y-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:left-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:right-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:rounded-none data-[responsive-mode=desktop]:data-[desktop-state=expanded]:w-full data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=closed]:data-[sidebar-exiting=false]:hidden data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:fixed data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:h-auto data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:z-dialog data-[responsive-mode=desktop]:data-[mobile-state=closed]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=open]:translate-x-0 data-[responsive-mode=desktop]:data-[sticky=False]:h-auto data-[responsive-mode=desktop]:data-[sticky=False]:relative data-[responsive-mode=desktop]:data-[sticky=false]:h-auto data-[responsive-mode=desktop]:data-[sticky=false]:relative data-[responsive-mode=desktop]:h-auto data-[responsive-mode=desktop]:h-screen data-[responsive-mode=desktop]:relative data-[responsive-mode=desktop]:sticky data-[responsive-mode=desktop]:translate-x-0 data-[responsive-mode=desktop]:w-[var(--ui-sidebar-width,var(--spacing-sidebar-width))] data-[responsive-mode=desktop]:z-auto data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none data-[state=hidden]:hidden data-[state=visible]:block data-checked:opacity-100 data-checked:translate-x-switch-travel-lg data-checked:translate-x-switch-travel-md data-checked:translate-x-switch-travel-sm data-checked:translate-x-switch-travel-xlg data-checked:translate-x-switch-travel-xs data-current:border-transparent data-current:shadow-none data-disabled:hidden data-disabled:opacity-50 data-disabled:opacity-60 data-disabled:pointer-events-none data-dragging:bg-scrollbar-thumb-hover data-indeterminate:opacity-100 data-invalid:has-[:focus-visible]:ui-focus-ring-danger data-invalid:hover:shadow-[0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge-hover)] data-invalid:shadow-[0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge)] data-resizing:bg-intent-neutral-edge-hover data-resizing:border-intent-neutral-edge-strong data-selected:bg-interaction-selected data-selected:opacity-100 data-visible:opacity-100 data-visible:pointer-events-auto file:bg-transparent file:border-0 file:font-normal file:h-full file:mr-3 file:text-inherit file:text-sm fill-current fixed flex flex-1 flex-col flex-col-reverse flex-none flex-nowrap flex-row flex-row-reverse flex-wrap flex-wrap-reverse focus-visible:bg-intent-neutral-edge-hover focus-visible:ring-2 focus-visible:ring-focus focus-visible:ui-focus-ring focus-visible:ui-focus-ring-inset font-badge font-body font-bold font-control font-description font-heading font-label font-medium font-menu-item font-metadata font-normal font-sans font-semibold gap-0 gap-0.5 gap-1 gap-1.5 gap-10 gap-10.5 gap-11 gap-11.5 gap-12 gap-2 gap-2.5 gap-3 gap-3.5 gap-4 gap-4.5 gap-5 gap-5.5 gap-6 gap-6.5 gap-7 gap-7.5 gap-8 gap-8.5 gap-9 gap-9.5 gap-app-region-gap gap-control-gap gap-sidebar-content-gap gap-sidebar-header-gap gap-x-0.5 gap-x-1 gap-x-1.5 gap-x-10 gap-x-10.5 gap-x-11 gap-x-11.5 gap-x-12 gap-x-2 gap-x-2.5 gap-x-3 gap-x-3.5 gap-x-4 gap-x-4.5 gap-x-5 gap-x-5.5 gap-x-6 gap-x-6.5 gap-x-7 gap-x-7.5 gap-x-8 gap-x-8.5 gap-x-9 gap-x-9.5 gap-y-0.5 gap-y-1 gap-y-1.5 gap-y-10 gap-y-10.5 gap-y-11 gap-y-11.5 gap-y-12 gap-y-2 gap-y-2.5 gap-y-3 gap-y-3.5 gap-y-4 gap-y-4.5 gap-y-5 gap-y-5.5 gap-y-6 gap-y-6.5 gap-y-7 gap-y-7.5 gap-y-8 gap-y-8.5 gap-y-9 gap-y-9.5 grid grid-cols-[auto_minmax(0,1fr)] grid-cols-[auto_minmax(0,1fr)_auto] grid-cols-[minmax(0,1fr)] grid-cols-[minmax(0,1fr)_auto] grid-flow-col grid-flow-col-dense grid-flow-dense grid-flow-row grid-flow-row-dense grid-rows-1 grid-rows-2 grid-rows-3 grid-rows-4 grid-rows-5 grid-rows-6 grid-rows-[auto_auto_minmax(0,1fr)_auto] grid-rows-[auto_minmax(0,1fr)_auto] group-data-[placement=top]/sidebar:border-b-edge-divider group-data-[placement=top]/sidebar:border-l-0 group-data-[placement=top]/sidebar:border-r-0 group-data-[placement=top]/sidebar:bottom-0 group-data-[placement=top]/sidebar:cursor-row-resize group-data-[placement=top]/sidebar:h-3 group-data-[placement=top]/sidebar:inset-x-0 group-data-[placement=top]/sidebar:top-auto group-data-[placement=top]/sidebar:w-auto group-data-[responsive-mode=desktop]/sidebar:block group-open/sidebar-group:rotate-90 group/sidebar-item group/sidebar-item-row group/tabs-tab group/toast h-1.5 h-4.5 h-40 h-5 h-[var(--border-width-edge-separator)] h-auto h-control-lg h-control-md h-control-sm h-control-xlg h-control-xs h-dvh h-full h-menu-item h-panel-resize-handle h-px h-scrollbar h-slider-track-lg h-slider-track-md h-slider-track-sm h-slider-track-xlg h-slider-track-xs h-switch-track-height-lg h-switch-track-height-md h-switch-track-height-sm h-switch-track-height-xlg h-switch-track-height-xs has-[:focus-visible]:ui-focus-ring hidden hover:bg-intent-neutral-edge-hover hover:bg-interaction-hover hover:bg-scrollbar-thumb-hover hover:border-intent-neutral-edge-hover hover:text-surface-ink inline-block inline-flex inline-grid inset-0 inset-x-0 inset-y-0 inset-y-2 isolate items-baseline items-center items-end items-start items-stretch justify-between justify-center justify-end justify-items-baseline justify-items-center justify-items-end justify-items-start justify-items-stretch justify-self-end justify-start last:border-b-0 leading-5 leading-none left-0 left-1/2 left-2 left-4 left-full left-scrollbar-inset list-none m-0 m-0.5 m-1 m-1.5 m-10 m-10.5 m-11 m-11.5 m-12 m-2 m-2.5 m-3 m-3.5 m-4 m-4.5 m-5 m-5.5 m-6 m-6.5 m-7 m-7.5 m-8 m-8.5 m-9 m-9.5 max-h-full max-h-lg max-h-md max-h-none max-h-prose max-h-sm max-h-xl max-h-xs max-w-2xl max-w-3xl max-w-4xl max-w-56 max-w-5xl max-w-64 max-w-6xl max-w-72 max-w-7xl max-w-[calc(100vw-2rem)] max-w-full max-w-lg max-w-md max-w-modal-lg max-w-modal-md max-w-modal-sm max-w-modal-xl max-w-none max-w-prose max-w-sm max-w-xl max-w-xs md:auto-cols-fr md:gap-x-4 md:grid-cols-[minmax(10rem,14rem)_minmax(0,1fr)] md:grid-flow-col md:items-start min-h-0 min-h-control-lg min-h-control-md min-h-control-multiline-lg min-h-control-multiline-md min-h-control-multiline-sm min-h-control-multiline-xlg min-h-control-multiline-xs min-h-control-sm min-h-control-xlg min-h-control-xs min-h-dvh min-w-0 min-w-16 min-w-28 min-w-4.5 min-w-48 min-w-72 min-w-control-lg min-w-full min-w-max ml-0 ml-1 ml-2 ml-auto mr-0 mr-auto mt-0.5 mx-0.5 mx-1 mx-1.5 mx-10 mx-10.5 mx-11 mx-11.5 mx-12 mx-2 mx-2.5 mx-3 mx-3.5 mx-4 mx-4.5 mx-5 mx-5.5 mx-6 mx-6.5 mx-7 mx-7.5 mx-8 mx-8.5 mx-9 mx-9.5 mx-auto my-0.5 my-1 my-1.5 my-10 my-10.5 my-11 my-11.5 my-12 my-2 my-2.5 my-3 my-3.5 my-4 my-4.5 my-5 my-5.5 my-6 my-6.5 my-7 my-7.5 my-8 my-8.5 my-9 my-9.5 my-popover no-underline object-contain object-cover object-fill object-none object-scale-down opacity-0 opacity-25 opacity-70 opacity-75 order-10 outline-none overflow-auto overflow-hidden overflow-visible overflow-x-auto overflow-x-hidden overflow-y-auto overflow-y-hidden p-0 p-0.5 p-1 p-1.5 p-10 p-10.5 p-11 p-11.5 p-12 p-2 p-2.5 p-3 p-3.5 p-4 p-4.5 p-5 p-5.5 p-6 p-6.5 p-7 p-7.5 p-8 p-8.5 p-9 p-9.5 p-popover-padding p-switch-inset pb-2 pb-3 pe-10 peer place-items-center pointer-events-auto pointer-events-none pr-2 pr-8 pr-9 pt-1 pt-2 pt-4 px-0 px-0.5 px-1 px-1.5 px-10 px-10.5 px-11 px-11.5 px-12 px-2 px-2.5 px-3 px-3.5 px-4 px-4.5 px-5 px-5.5 px-6 px-6.5 px-7 px-7.5 px-8 px-8.5 px-9 px-9.5 px-app-region-padding-inline px-badge-padding-lg px-badge-padding-md px-badge-padding-sm px-badge-padding-xlg px-badge-padding-xs px-control-padding-lg px-control-padding-md px-control-padding-sm px-control-padding-xlg px-control-padding-xs px-menu-item-padding-inline px-popover-padding px-sidebar-content-padding-inline px-sidebar-header-padding-inline py-0.5 py-1 py-1.5 py-10 py-10.5 py-11 py-11.5 py-12 py-2 py-2.5 py-3 py-3.5 py-4 py-4.5 py-5 py-5.5 py-6 py-6.5 py-7 py-7.5 py-8 py-8.5 py-9 py-9.5 py-app-region-padding-block py-sidebar-content-padding-block py-sidebar-header-padding-block relative resize resize-none resize-x resize-y right-0 right-1 right-2 right-3 right-4 right-scrollbar-inset rotate-180 rounded-b-overlay-md rounded-control-lg rounded-control-md rounded-control-sm rounded-control-xs rounded-full rounded-l-overlay-md rounded-overlay-md rounded-overlay-sm rounded-r-overlay-md rounded-scrollbar-thumb rounded-surface-lg rounded-surface-md rounded-surface-sm rounded-surface-xs rounded-t-overlay-md row-span-2 row-start-1 select-none self-center self-start self-stretch shadow-[0_0_0_var(--border-width-edge-control)_var(--ui-surface-edge)] shrink-0 size-2 size-9 size-badge-close-lg size-badge-close-md size-badge-close-sm size-badge-close-xlg size-badge-close-xs size-brand-logo-lg size-brand-logo-md size-brand-logo-sm size-brand-logo-xlg size-brand-logo-xs size-checkbox-indicator-lg size-checkbox-indicator-md size-checkbox-indicator-sm size-checkbox-indicator-xlg size-checkbox-indicator-xs size-control-md size-control-sm size-control-xs size-full size-icon size-icon-lg size-icon-md size-icon-sm size-icon-xs size-radio-dot-lg size-radio-dot-md size-radio-dot-sm size-radio-dot-xlg size-radio-dot-xs size-radio-indicator-lg size-radio-indicator-md size-radio-indicator-sm size-radio-indicator-xlg size-radio-indicator-xs size-scrollbar size-slider-thumb-lg size-slider-thumb-md size-slider-thumb-sm size-slider-thumb-xlg size-slider-thumb-xs size-switch-thumb-lg size-switch-thumb-md size-switch-thumb-sm size-switch-thumb-xlg size-switch-thumb-xs sm:grid-cols-2 sm:grid-cols-[auto_minmax(9rem,11rem)] sm:grid-cols-[minmax(9rem,11rem)_auto] sr-only sticky table-auto table-fixed tabular-nums text-1 text-10 text-11 text-12 text-13 text-2 text-3 text-4 text-5 text-6 text-7 text-8 text-9 text-[var(--ui-semantic-surface-ink-muted)] text-badge-lg text-badge-md text-badge-sm text-badge-xlg text-badge-xs text-base text-center text-control-lg text-control-md text-control-sm text-control-xlg text-control-xs text-current text-description text-icon text-inherit text-intent-accent-text text-intent-danger-text text-label text-label-ink text-left text-menu-item text-metadata text-right text-sm text-surface-ink text-surface-ink-muted text-xs top-0 top-1/2 top-3 top-4 top-scrollbar-inset touch-none translate-y-1/2 truncate ui-edge ui-image-outline ui-interactive:hover:bg-interaction-hover ui-interactive:ui-active:bg-interaction-pressed ui-interactive:ui-selected:bg-interaction-selected ui-interactive:ui-selected:hover:bg-interaction-selected-hover ui-motion-progress w-1.5 w-10 w-2 w-3 w-4 w-[min(24rem,calc(100vw-2rem))] w-[var(--border-width-edge-separator)] w-[var(--spacing-sidebar-drawer-width)] w-auto w-control-lg w-control-md w-control-sm w-control-xlg w-control-xs w-full w-max w-panel-resize-handle w-px w-scrollbar w-slider-track-lg w-slider-track-md w-slider-track-sm w-slider-track-xlg w-slider-track-xs w-switch-track-width-lg w-switch-track-width-md w-switch-track-width-sm w-switch-track-width-xlg w-switch-track-width-xs whitespace-nowrap z-0 z-10 z-20 z-30 z-40 z-dialog z-popover z-toast");

package/packages/client/src/styles/recipes/option.css

@@ -66,6 +66,10 @@
     background-color: var(--ui-option-active);
   }
 
+  [data-ui-sortable][data-ui-menu] [data-ui-menu-item]:not([data-active="true"]):not([data-disabled]) {
+    background-color: transparent;
+  }
+
   [data-ui-option-recipe]:is([data-selected], [data-current], [aria-current]:not([aria-current="false"])):not([data-ui-option-selection="mark"]):not([data-disabled]),
   [data-ui-select][data-mark="none"] [data-ui-option-recipe][data-ui-option-selection="mark"][data-selected]:not([data-disabled]) {
     color: var(--ui-option-selected-ink);

package/packages/client/types/component-api.d.ts

@@ -6,6 +6,8 @@
 export type { AccordionTransition, UiAccordionApi } from './components/accordion';
 export type { CheckboxState, UiCheckboxApi } from './components/checkbox';
 export type { DatePickerTransition, UiDatePickerApi } from './components/date-picker';
+export type { DataGridResetOptions, DataGridSetUrlOptions, UiDataGridApi, } from './components/data-grid';
+export type { DataGridSelectionValue } from './components/data-grid/contract';
 export type { ModalTransition, UiModalApi, UiModalTriggerApi } from './components/modal';
 export type { PanelsTransition, UiPanelsApi } from './components/panels';
 export type { UiRadioGroupApi } from './components/radio';
@@ -19,4 +21,4 @@ export type { UiSliderApi } from './components/slider';
 export type { UiSwitchApi } from './components/switch';
 export type { TabsTransition, UiTabsApi } from './components/tabs';
 export type { ToastDetail, ToastTransition, UiToastApi, UiToastOutletApi } from './components/toast';
-export type { ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualScrollAlign, } from './components/virtualizer';
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerOptions, VirtualScrollAlign, } from './components/virtualizer';

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

@@ -17,6 +17,8 @@ type DataGridSelectionValue = {
 };
 declare const dataGridSchema: {
     fetchUrl: import("../../runtime/codecs").StringCodec;
+    cursor: import("../../runtime/codecs").BoolCodec;
+    query: import("../../runtime/codecs").JsonCodec<unknown>;
     totalRows: import("../../runtime/codecs").NumberCodec;
     rowHeight: import("../../runtime/codecs").NumberCodec;
     bufferSize: import("../../runtime/codecs").NumberCodec;

package/packages/client/types/components/data-grid/index.d.ts

@@ -1,26 +1,50 @@
 import type Alpine from 'alpinejs';
 import { type PropState, type TrellisAlpineComponent, type VirtualScrollAlign } from '../../runtime';
+import { type CursorVirtualizerOptions } from '../../runtime/virtualizer';
 import { dataGridSchema, type DataGridSelectionValue } from './contract';
-type DataGridResetOptions = {
+/** Options for resetting an indexed or cursor-backed Data Grid. @public */
+interface DataGridResetOptions {
+    /** Scroll offset restored after the first page loads. */
     scrollTop?: number;
-};
-type DataGridSetUrlOptions = {
+}
+/** Options for replacing an indexed Data Grid endpoint. @public */
+interface DataGridSetUrlOptions {
+    /** Whether to discard loaded rows and reload immediately. */
     reset?: boolean;
-};
+}
 /** Public Alpine API for `ui.data-grid`. @public */
 interface UiDataGridApi {
+    /** Whether the active cursor data source supports server-side index seeking. */
+    readonly supportsSeek: boolean;
+    /** Discard loaded rows and request the current indexed range or first cursor page again. */
     reload(options?: DataGridResetOptions): void;
+    /** Return the grid to its initial indexed range or first cursor page. */
     reset(options?: DataGridResetOptions): void;
+    /** Scroll to a row and seek through the server when its cursor page is not loaded. */
     scrollToIndex(index: number, align?: VirtualScrollAlign): void;
+    /** Replace the indexed endpoint, optionally resetting loaded rows. */
     setUrl(url: string, options?: DataGridSetUrlOptions): void;
+    /** Reflect the authoritative total-row attribute without requesting or replacing rows. */
     setTotalRows(count: number): void;
+    /** Reflect the authoritative query attribute; meaningful cursor-query changes reset to the first page. */
+    setQuery<Query>(query: Query): void;
+    /** Activate cursor mode; a rendered query attribute takes precedence over the option query. */
+    useCursor<Query, Content>(options: CursorVirtualizerOptions<Query, Content>): void;
+    /** Resize a column to a pixel width. */
     resizeColumn(key: string, width: number): void;
+    /** Move a column to a new zero-based position. */
     reorderColumn(key: string, toIndex: number): void;
+    /** Add a row key to the explicit selection. */
     selectRow(key: string): void;
+    /** Remove a row key from the explicit selection. */
     deselectRow(key: string): void;
+    /** Toggle a row key in the current selection. */
     toggleRow(key: string): void;
+    /** Replace the complete row selection value. */
     setSelection(value: DataGridSelectionValue): void;
+    /** Select all rows represented by a server-owned query token. */
     selectQuery(token: string, total: number, except?: string[]): void;
+    /** Clear explicit and query-backed row selection. */
     clearSelection(): void;
 }
 type DataGridData = UiDataGridApi & {

package/packages/client/types/components/data-grid/model.d.ts

@@ -22,6 +22,7 @@ type DataGridColumnDefaults = {
     resizable: boolean;
     reorderable: boolean;
 };
+type DataGridColumnSnapshot = Omit<DataGridColumn, 'element'>;
 type DataGridPinnedOffsets = {
     left: Map<string, number>;
     right: Map<string, number>;
@@ -33,11 +34,12 @@ type SelectionChange = {
 };
 declare const normalizeDataGridColumns: (elements: readonly HTMLElement[], defaults: DataGridColumnDefaults) => DataGridColumn[];
 declare const columnTemplate: (columns: readonly DataGridColumn[]) => string;
+declare const dataGridColumnSnapshots: (columns: readonly DataGridColumn[]) => DataGridColumnSnapshot[];
 declare const pinnedOffsets: (columns: readonly DataGridColumn[]) => DataGridPinnedOffsets;
 declare const dataGridLayoutCss: (scope: string, columns: readonly DataGridColumn[]) => string;
 declare const normalizeSelection: (value: unknown, mode: DataGridSelection) => DataGridSelectionValue;
 declare const isRowSelected: (selection: DataGridSelectionValue, key: string) => boolean;
 declare const toggleSelection: (current: DataGridSelectionValue, key: string, mode: DataGridSelection, selected?: boolean) => SelectionChange;
 declare const reorderColumns: (columns: readonly DataGridColumn[], key: string, toIndex: number) => DataGridColumn[] | null;
-export { columnTemplate, dataGridLayoutCss, isRowSelected, normalizeDataGridColumns, normalizeSelection, pinnedOffsets, reorderColumns, toggleSelection, };
-export type { DataGridColumn, DataGridColumnDefaults, DataGridPinnedOffsets, SelectionChange };
+export { columnTemplate, dataGridColumnSnapshots, dataGridLayoutCss, isRowSelected, normalizeDataGridColumns, normalizeSelection, pinnedOffsets, reorderColumns, toggleSelection, };
+export type { DataGridColumn, DataGridColumnDefaults, DataGridColumnSnapshot, DataGridPinnedOffsets, SelectionChange };

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

@@ -2,7 +2,7 @@ import { type SchemaToProps } from '../../runtime';
 import { BUTTON_TYPES, type CommonButtonType, type ElevationReference, type IconVariant, type SurfaceReference } from '../common';
 declare const MENU_ITEM_VARIANTS: readonly ["default", "subtle", "filled", "ghost"];
 declare const MENU_ITEM_COLORS: readonly ["neutral", "accent", "success", "warning", "danger"];
-declare const MENU_ITEM_AS_VALUES: readonly ["button", "a"];
+declare const MENU_ITEM_AS_VALUES: readonly ["button", "a", "div"];
 declare const MENU_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
 declare const MENU_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
 declare const MENU_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
@@ -14,7 +14,7 @@ declare const menuSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const menuItemSchema: {
-    as: import("../../runtime/codecs").OneOfCodec<"a" | "button">;
+    as: import("../../runtime/codecs").OneOfCodec<"a" | "button" | "div">;
     variant: import("../../runtime/codecs").OneOfCodec<"default" | "filled" | "subtle" | "ghost">;
     color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "danger" | "success" | "warning">;
     type: import("../../runtime/codecs").OneOfCodec<"button" | "reset" | "submit">;

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

@@ -40,4 +40,4 @@ export type { ToastData, ToastDetail, ToastOutletData, ToastTransition } from '.
 export { registerTooltip, registerTooltipDirective, UiTooltip } from './tooltip';
 export type { TooltipData, TooltipTransition } from './tooltip';
 export { registerVirtualizer, UiVirtualizer } from './virtualizer';
-export type { ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerData, } from './virtualizer';
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerOptions, VirtualizerData, } from './virtualizer';

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

@@ -2,6 +2,8 @@ import { type SchemaToProps } from '../../runtime';
 import { type ElevationReference, type SurfaceReference } from '../common';
 declare const SIDEBAR_SIDES: readonly ["left", "right"];
 declare const SIDEBAR_PLACEMENTS: readonly ["side", "top"];
+declare const SIDEBAR_MOBILE_PRESENTATIONS: readonly ["drawer", "fullscreen"];
+declare const SIDEBAR_AS: readonly ["div", "aside", "header"];
 declare const SIDEBAR_COLLAPSES: readonly ["none", "mobile", "desktop", "both"];
 declare const SIDEBAR_TOGGLE_ACTIONS: readonly ["toggle", "open", "close", "stash", "expand"];
 declare const SIDEBAR_ITEM_AS: readonly ["a", "button"];
@@ -10,8 +12,10 @@ declare const SIDEBAR_ITEM_COLORS: readonly ["neutral", "accent"];
 declare const SIDEBAR_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
 declare const SIDEBAR_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
 declare const sidebarSchema: {
+    as: import("../../runtime/codecs").OneOfCodec<"aside" | "div" | "header">;
     id: import("../../runtime/codecs").StringCodec;
     placement: import("../../runtime/codecs").OneOfCodec<"top" | "side">;
+    mobilePresentation: import("../../runtime/codecs").OneOfCodec<"fullscreen" | "drawer">;
     side: import("../../runtime/codecs").OneOfCodec<"left" | "right">;
     surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
     elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
@@ -61,13 +65,15 @@ declare const sidebarNavSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 type SidebarProps = SchemaToProps<typeof sidebarSchema>;
+type SidebarAs = typeof SIDEBAR_AS[number];
 type SidebarToggleAction = typeof SIDEBAR_TOGGLE_ACTIONS[number];
 type SidebarCollapse = typeof SIDEBAR_COLLAPSES[number];
 type SidebarItemColor = typeof SIDEBAR_ITEM_COLORS[number];
 type SidebarItemVariant = typeof SIDEBAR_ITEM_VARIANTS[number];
 type SidebarSide = typeof SIDEBAR_SIDES[number];
 type SidebarPlacement = typeof SIDEBAR_PLACEMENTS[number];
+type SidebarMobilePresentation = typeof SIDEBAR_MOBILE_PRESENTATIONS[number];
 type SidebarSurface = SurfaceReference;
 type SidebarElevation = ElevationReference;
-export { SIDEBAR_COLLAPSES, SIDEBAR_ITEM_AS, SIDEBAR_ITEM_COLORS, SIDEBAR_ITEM_VARIANTS, SIDEBAR_ELEVATIONS, SIDEBAR_SIDES, SIDEBAR_PLACEMENTS, SIDEBAR_TOGGLE_ACTIONS, SIDEBAR_SURFACES, sidebarGroupSchema, sidebarItemSchema, sidebarNavSchema, sidebarPanelSchema, sidebarSchema, sidebarToggleSchema, };
-export type { SidebarCollapse, SidebarElevation, SidebarItemColor, SidebarItemVariant, SidebarPlacement, SidebarProps, SidebarSide, SidebarSurface, SidebarToggleAction, };
+export { SIDEBAR_AS, SIDEBAR_COLLAPSES, SIDEBAR_ITEM_AS, SIDEBAR_ITEM_COLORS, SIDEBAR_ITEM_VARIANTS, SIDEBAR_ELEVATIONS, SIDEBAR_SIDES, SIDEBAR_PLACEMENTS, SIDEBAR_MOBILE_PRESENTATIONS, SIDEBAR_TOGGLE_ACTIONS, SIDEBAR_SURFACES, sidebarGroupSchema, sidebarItemSchema, sidebarNavSchema, sidebarPanelSchema, sidebarSchema, sidebarToggleSchema, };
+export type { SidebarAs, SidebarCollapse, SidebarElevation, SidebarItemColor, SidebarItemVariant, SidebarMobilePresentation, SidebarPlacement, SidebarProps, SidebarSide, SidebarSurface, SidebarToggleAction, };

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

@@ -1,29 +1 @@
-import { type SchemaToProps } from '../../runtime';
-declare const VIRTUALIZER_AXES: readonly ["vertical"];
-type VirtualizerAxis = typeof VIRTUALIZER_AXES[number];
-declare const virtualizerSchema: {
-    fetchUrl: import("../../runtime/codecs").StringCodec;
-    totalItems: import("../../runtime/codecs").NumberCodec;
-    itemSize: import("../../runtime/codecs").NumberCodec;
-    bufferSize: import("../../runtime/codecs").NumberCodec;
-    overscan: import("../../runtime/codecs").NumberCodec;
-    axis: import("../../runtime/codecs").OneOfCodec<"vertical">;
-    initialIndex: import("../../runtime/codecs").NumberCodec;
-    startParam: import("../../runtime/codecs").StringCodec;
-    countParam: import("../../runtime/codecs").StringCodec;
-    totalParam: import("../../runtime/codecs").StringCodec;
-    windowParam: import("../../runtime/codecs").StringCodec;
-    totalHeader: import("../../runtime/codecs").StringCodec;
-    assetsHeader: import("../../runtime/codecs").StringCodec;
-    metaSelector: import("../../runtime/codecs").StringCodec;
-    scrollArea: import("../../runtime/codecs").BoolCodec;
-    fill: import("../../runtime/codecs").BoolCodec;
-    class: import("../../runtime/codecs").StringCodec;
-    scrollAreaClass: import("../../runtime/codecs").StringCodec;
-    viewportClass: import("../../runtime/codecs").StringCodec;
-    spacerClass: import("../../runtime/codecs").StringCodec;
-    blockClass: import("../../runtime/codecs").StringCodec;
-};
-type VirtualizerProps = SchemaToProps<typeof virtualizerSchema>;
-export { VIRTUALIZER_AXES, virtualizerSchema };
-export type { VirtualizerAxis, VirtualizerProps };
+export { VIRTUALIZER_AXES, virtualizerSchema, type VirtualizerAxis, type VirtualizerProps, } from '../../runtime/virtualizer-schema';

package/packages/client/types/components/virtualizer/cursor.d.ts

@@ -0,0 +1 @@
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, } from '../../runtime/cursor-data-source';

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

@@ -1,31 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type PropState, type TrellisAlpineComponent, type VirtualScrollAlign } from '../../runtime';
-import { virtualizerSchema } from './contract';
-type ResetOptions = {
-    scrollTop?: number;
-};
-type SetUrlOptions = {
-    reset?: boolean;
-};
-/** Public Alpine API for `ui.virtualizer`. @public */
-interface UiVirtualizerApi {
-    /** Scrolls a logical item into the requested vertical alignment. */
-    scrollToIndex(index: number, align?: VirtualScrollAlign): void;
-    /** Replaces the known logical item count and reloads mounted ranges. */
-    setTotalItems(count: number): void;
-    /** Replaces the fragment endpoint and optionally resets to the top. */
-    setUrl(url: string, options?: SetUrlOptions): void;
-    /** Invalidates all blocks and reloads them around a scroll position. */
-    reset(options?: ResetOptions): void;
-    /** Reloads all blocks without changing the fragment endpoint. */
-    reload(options?: ResetOptions): void;
-}
-type VirtualizerData = UiVirtualizerApi & {
-    props: PropState<typeof virtualizerSchema>;
-    init(): void;
-    destroy(): void;
-};
-declare const UiVirtualizer: (AlpineInstance: Alpine.Alpine) => TrellisAlpineComponent<VirtualizerData>;
+import { UiVirtualizer } from '../../runtime/virtualizer';
 declare const registerVirtualizer: (AlpineInstance: Alpine.Alpine) => void;
 export { registerVirtualizer, UiVirtualizer };
-export type { ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerData, VirtualScrollAlign, };
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerOptions, VirtualizerData, VirtualScrollAlign, } from '../../runtime/virtualizer';

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

@@ -89,6 +89,7 @@ declare const motion: ((subject: import("./subject").MotionSubject) => import(".
         readonly inOut: readonly [0.77, 0, 0.175, 1];
     };
     readonly createController: <T extends import("./controller").ControllerDefinitions>(options: import("./controller").ControllerOptions<T>) => import("./controller").Controller<import("./controller").ControllerState<T>>;
+    readonly stop: (element: Element) => void;
     readonly withReducedMotion: <T extends import("motion").AnimationOptions>(options: T, reducedOptions?: Partial<T>, preference?: import("./reduced-motion").MotionPreference) => T;
     readonly view: (update: () => void | Promise<void>, options?: import("./view").ViewOptions) => import("./animate").MotionHandle;
 };

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

@@ -6,7 +6,8 @@ type ActiveMotion = Readonly<{
 }>;
 declare const activeMotion: (element: Element) => ActiveMotion | undefined;
 declare const replaceMotion: (element: Element) => ActiveMotion | undefined;
+declare const stopMotion: (element: Element) => void;
 declare const registerMotion: (element: Element, motion: ActiveMotion) => void;
 declare const releaseMotion: (element: Element, handle: MotionHandle) => void;
-export { activeMotion, registerMotion, releaseMotion, replaceMotion };
+export { activeMotion, registerMotion, releaseMotion, replaceMotion, stopMotion };
 export type { ActiveMotion, MotionProperty };