@vireo-ai/trellis-ui 0.1.27 → 0.1.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vireo-ai/trellis-ui",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "type": "module",
   "description": "Django-native UI toolkit for building realtime and interactive web apps.",
   "license": "MIT",
@@ -54,6 +54,11 @@
       "import": "./packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/*.js",
       "default": "./packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/*.js"
     },
+    "./capabilities/*": {
+      "types": "./packages/client/types/capabilities/*.entry.generated.d.ts",
+      "import": "./packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/*.js",
+      "default": "./packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/*.js"
+    },
     "./cdn": "./packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js",
     "./cdn.min": "./packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js",
     "./cdn.js": "./packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js",

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

@@ -0,0 +1,7 @@
+[data-ui-checkbox][data-variant="pills"]:is(
+  [data-ui-interaction="tonal"],
+  [data-ui-interaction="combined"]
+) {
+  background-color: var(--ui-interaction-fill);
+  background-image: none;
+}

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

@@ -33,14 +33,8 @@
   }
 
   [data-ui-radio][data-variant="pills"][data-checked] {
-    background-color: var(--color-intent-accent-solid);
-    color: var(--color-intent-accent-solid-ink) !important;
-    box-shadow: var(--shadow-elevation-1);
-  }
-
-  [data-ui-radio][data-variant="pills"][data-checked]:hover:not([data-disabled]) {
-    background-color: var(--color-intent-accent-solid-hover);
-    box-shadow: var(--shadow-elevation-1);
+    background-color: transparent;
+    color: var(--ui-surface-ink);
   }
 
   [data-ui-radio][data-variant="pills"] [data-ui-radio-indicator] {

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

@@ -12,6 +12,7 @@
 @import "../components/select/styles.css";
 @import "../components/field/styles.css";
 @import "../components/radio/styles.css";
+@import "../components/checkbox/styles.css";
 @import "../components/date-picker/styles.css";
 @import "../components/file-upload/styles.css";
 @import "../components/button/styles.css";

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

package/packages/client/src/styles/theme.css

@@ -57,9 +57,32 @@
   Tonal layers are painted over the element's existing surface with a background
   image, while edge layers join the composable state/elevation shadow stack.
 */
+[data-ui-selection-color],
+[data-ui-interaction] {
+  --ui-interaction-selected-fill: var(--background-interaction-selection-neutral);
+  --ui-interaction-selected-fill-hover: var(--background-interaction-selection-neutral-hover);
+  --ui-interaction-selected-ink: var(--color-interaction-selection-neutral-ink);
+  --ui-interaction-selected-edge: var(--color-intent-neutral-edge);
+  --ui-interaction-selected-edge-hover: var(--color-intent-neutral-edge-hover);
+  --ui-interaction-selected-edge-strong: var(--color-intent-neutral-edge-strong);
+  --ui-selection-solid: var(--color-intent-neutral-solid);
+  --ui-selection-solid-ink: var(--color-intent-neutral-solid-ink);
+}
+
+:is([data-ui-selection-color], [data-ui-interaction])[data-color="accent"] {
+  --ui-interaction-selected-fill: var(--background-interaction-selection-accent);
+  --ui-interaction-selected-fill-hover: var(--background-interaction-selection-accent-hover);
+  --ui-interaction-selected-ink: var(--color-interaction-selection-accent-ink);
+  --ui-interaction-selected-edge: var(--color-intent-accent-edge);
+  --ui-interaction-selected-edge-hover: var(--color-intent-accent-edge-hover);
+  --ui-interaction-selected-edge-strong: var(--color-intent-accent-edge-strong);
+  --ui-selection-solid: var(--color-intent-accent-solid);
+  --ui-selection-solid-ink: var(--color-intent-accent-solid-ink);
+}
+
 [data-ui-interaction] {
   --ui-interaction-fill: transparent;
-  --ui-interaction-edge: transparent;
+  --ui-interaction-edge: var(--ui-interaction-rest-edge, transparent);
 }
 
 :is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]) {
@@ -71,6 +94,10 @@
     0 0 0 var(--border-width-edge-perimeter) var(--ui-interaction-edge);
 }
 
+:is([data-ui-interaction="edge"], [data-ui-interaction="combined"]):not([data-ui-elevation]) {
+  box-shadow: var(--ui-state-shadow-layers);
+}
+
 @media (hover: hover) {
   [data-ui-interaction]:hover {
     --ui-interaction-fill: var(--color-interaction-hover);
@@ -93,8 +120,21 @@
   [data-pressed],
   [aria-pressed="true"]
 ) {
-  --ui-interaction-fill: var(--color-interaction-selected);
-  --ui-interaction-edge: var(--color-interaction-edge-selected);
+  --ui-interaction-fill: var(--ui-interaction-selected-fill);
+  --ui-interaction-edge: var(--ui-interaction-selected-edge);
+}
+
+:is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]):is(
+  [data-selected="true"],
+  [aria-selected="true"],
+  [data-current],
+  [aria-current]:not([aria-current="false"]),
+  [data-checked],
+  [aria-checked="true"],
+  [data-pressed],
+  [aria-pressed="true"]
+) {
+  color: var(--ui-interaction-selected-ink);
 }
 
 @media (hover: hover) {
@@ -108,8 +148,8 @@
     [data-pressed],
     [aria-pressed="true"]
   ):hover {
-    --ui-interaction-fill: var(--color-interaction-selected-hover);
-    --ui-interaction-edge: var(--color-interaction-edge-selected-hover);
+    --ui-interaction-fill: var(--ui-interaction-selected-fill-hover);
+    --ui-interaction-edge: var(--ui-interaction-selected-edge-hover);
   }
 }
 
@@ -579,6 +619,10 @@
     color: var(--ui-surface-ink);
   }
 
+  [data-ui-tabs-list]:where([data-variant="subtle"], [data-variant="pills"]) [data-ui-tabs-tab][data-selected] {
+    color: var(--ui-interaction-selected-ink);
+  }
+
   [data-ui-tabs-tab]:focus-visible {
     box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
   }
@@ -589,11 +633,11 @@
 
   [data-ui-tabs-list][data-variant="subtle"] [data-ui-tabs-indicator],
   [data-ui-tabs-list][data-variant="pills"] [data-ui-tabs-indicator] {
-    background-color: var(--color-interaction-selected);
+    background-color: transparent;
   }
 
   [data-ui-tabs-list][data-variant="line"] [data-ui-tabs-indicator] {
-    background-color: var(--color-intent-accent-solid);
+    background-color: var(--ui-selection-solid);
   }
 
   [data-ui-tabs-list][data-variant="segmented"] [data-ui-tabs-indicator] {
@@ -889,9 +933,9 @@
 
   [data-ui-selection-recipe="indicator"]:is([data-checked], [data-indeterminate]),
   [data-ui-selection-recipe="switch-track"][data-checked] {
-    --ui-selection-edge: var(--color-intent-accent-edge);
-    color: var(--color-intent-accent-solid-ink);
-    background-color: var(--color-intent-accent-solid);
+    --ui-selection-edge: var(--ui-interaction-selected-edge, var(--color-intent-accent-edge));
+    color: var(--ui-selection-solid-ink, var(--color-intent-accent-solid-ink));
+    background-color: var(--ui-selection-solid, var(--color-intent-accent-solid));
   }
 
   [data-ui-selection-recipe="switch-thumb"],

package/packages/client/types/assets/full-runtime.generated.d.ts

@@ -1,2 +1,2 @@
-declare const fullRuntimeAssetIds: readonly ["trellis:core", "trellis:accordion", "trellis:button", "trellis:checkbox", "trellis:date-picker", "trellis:dropdown", "trellis:field", "trellis:file-upload", "trellis:input", "trellis:modal", "trellis:panels", "trellis:radio", "trellis:scroll-area", "trellis:select", "trellis:sidebar", "trellis:slider", "trellis:switch", "trellis:tabs", "trellis:toast", "trellis:table"];
+declare const fullRuntimeAssetIds: readonly ["trellis:core", "trellis:motion", "trellis:resizable", "trellis:sortable", "trellis:accordion", "trellis:button", "trellis:checkbox", "trellis:date-picker", "trellis:dropdown", "trellis:field", "trellis:file-upload", "trellis:input", "trellis:modal", "trellis:panels", "trellis:radio", "trellis:scroll-area", "trellis:select", "trellis:sidebar", "trellis:slider", "trellis:switch", "trellis:tabs", "trellis:toast", "trellis:table"];
 export { fullRuntimeAssetIds };

package/packages/client/types/capabilities/motion.entry.generated.d.ts

@@ -0,0 +1,3 @@
+import { registerMotionCapability } from './motion';
+export default registerMotionCapability;
+export * from './motion';

package/packages/client/types/capabilities/resizable.entry.generated.d.ts

@@ -0,0 +1,3 @@
+import { registerResizableCapability } from './resizable';
+export default registerResizableCapability;
+export * from './resizable';

package/packages/client/types/capabilities/sortable.entry.generated.d.ts

@@ -0,0 +1,3 @@
+import { registerSortableCapability } from './sortable';
+export default registerSortableCapability;
+export * from './sortable';

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

@@ -3,19 +3,19 @@
  *
  * @packageDocumentation
  */
-export type { UiAccordionApi } from './components/accordion';
+export type { AccordionTransition, UiAccordionApi } from './components/accordion';
 export type { CheckboxState, UiCheckboxApi } from './components/checkbox';
-export type { UiDatePickerApi } from './components/date-picker';
-export type { UiModalApi, UiModalTriggerApi } from './components/modal';
-export type { UiPanelsApi } from './components/panels';
+export type { DatePickerTransition, UiDatePickerApi } from './components/date-picker';
+export type { ModalTransition, UiModalApi, UiModalTriggerApi } from './components/modal';
+export type { PanelsTransition, UiPanelsApi } from './components/panels';
 export type { UiRadioGroupApi } from './components/radio';
-export type { UiDropdownApi } from './components/dropdown';
-export type { FileTransferStatus, FileUploadMetadata, FileUploadRecord, UiFileUploadApi } from './components/file-upload';
+export type { DropdownTransition, UiDropdownApi } from './components/dropdown';
+export type { FileTransferStatus, FileUploadMetadata, FileUploadRecord, FileUploadTransition, UiFileUploadApi, } from './components/file-upload';
 export type { UiInputApi } from './components/input';
-export type { UiSelectApi } from './components/select';
+export type { SelectTransition, UiSelectApi } from './components/select';
 export type { UiScrollAreaApi } from './components/scroll-area';
-export type { UiSidebarApi } from './components/sidebar';
+export type { SidebarTransition, UiSidebarApi } from './components/sidebar';
 export type { UiSliderApi } from './components/slider';
 export type { UiSwitchApi } from './components/switch';
-export type { UiTabsApi } from './components/tabs';
-export type { ToastDetail, UiToastApi, UiToastOutletApi } from './components/toast';
+export type { TabsTransition, UiTabsApi } from './components/tabs';
+export type { ToastDetail, ToastTransition, UiToastApi, UiToastOutletApi } from './components/toast';

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

@@ -1,7 +1,10 @@
-import type Alpine from 'alpinejs';
-import { type AlpineMachine, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
+import { type AlpineMachine, type BindingObject, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
 import { type AccordionMode, type AccordionProps } from './contract';
 import { accordionHooks, type AccordionContext } from './machine';
+type AccordionTransitionName = (typeof accordionHooks)[number]['name'];
+type AccordionTransition<TName extends AccordionTransitionName = AccordionTransitionName> = TransitionForHook<Extract<(typeof accordionHooks)[number], {
+    name: TName;
+}>, HTMLElement>;
 /**
  * Public Alpine API for `ui.accordion`.
  *
@@ -27,6 +30,6 @@ type AccordionData = AlpineMachine<AccordionContext, AccordionProps, typeof acco
     destroy(): void;
 };
 declare const UiAccordion: () => TrellisAlpineComponent<AccordionData>;
-declare const registerAccordion: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerAccordion: import("../../runtime").AlpineDataRegistrar;
 export { registerAccordion, UiAccordion };
-export type { AccordionData, AccordionMode, UiAccordionApi };
+export type { AccordionData, AccordionMode, AccordionTransition, UiAccordionApi };

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

@@ -27,35 +27,10 @@ type CreateAccordionMachineOptions = {
     context: AccordionContext;
     effects: AccordionMachineEffects;
 };
-declare const accordionHooks: readonly [Readonly<{
+declare const accordionHooks: readonly [{
     name: "opening";
     state: string;
-    onDone: string;
-    onError: string;
-    required?: boolean;
-    sends?: Record<string, import("../..").TransitionEventCreator>;
-    project?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<AccordionContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            mode: import("../../runtime/codecs").OneOfCodec<"single" | "multiple">;
-            animate: import("../../runtime/codecs").BoolCodec;
-            collapsible: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
-            defaultValue: import("../../runtime/codecs").StringCodec;
-            defaultValues: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            values: import("../../runtime/codecs").StringCodec;
-            loop: import("../../runtime/codecs").BoolCodec;
-            iconPosition: import("../../runtime/codecs").OneOfCodec<"leading" | "trailing">;
-            headingAs: import("../../runtime/codecs").OneOfCodec<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => AccordionTransitionData;
-    projectEach?: (snapshot: Readonly<{
+    projectEach: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<AccordionContext>;
@@ -75,36 +50,33 @@ declare const accordionHooks: readonly [Readonly<{
             class: import("../../runtime/codecs").StringCodec;
         }>>;
         generations: Readonly<Record<string, number>>;
-    }>) => readonly AccordionTransitionData[];
-}>, Readonly<{
-    name: "closing";
-    state: string;
+    }>) => {
+        value: string;
+    }[];
     onDone: string;
     onError: string;
-    required?: boolean;
-    sends?: Record<string, import("../..").TransitionEventCreator>;
-    project?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<AccordionContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            mode: import("../../runtime/codecs").OneOfCodec<"single" | "multiple">;
-            animate: import("../../runtime/codecs").BoolCodec;
-            collapsible: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
-            defaultValue: import("../../runtime/codecs").StringCodec;
-            defaultValues: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            values: import("../../runtime/codecs").StringCodec;
-            loop: import("../../runtime/codecs").BoolCodec;
-            iconPosition: import("../../runtime/codecs").OneOfCodec<"leading" | "trailing">;
-            headingAs: import("../../runtime/codecs").OneOfCodec<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
-            class: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => AccordionTransitionData;
-    projectEach?: (snapshot: Readonly<{
+    sends: {
+        open: (value: string) => {
+            type: string;
+            value: string;
+        };
+        close: (value: string) => {
+            type: string;
+            value: string;
+        };
+        toggle: (value: string) => {
+            type: string;
+            value: string;
+        };
+        setValues: (values: string[]) => {
+            type: string;
+            values: string[];
+        };
+    };
+}, {
+    name: "closing";
+    state: string;
+    projectEach: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<AccordionContext>;
@@ -124,8 +96,30 @@ declare const accordionHooks: readonly [Readonly<{
             class: import("../../runtime/codecs").StringCodec;
         }>>;
         generations: Readonly<Record<string, number>>;
-    }>) => readonly AccordionTransitionData[];
-}>];
+    }>) => {
+        value: string;
+    }[];
+    onDone: string;
+    onError: string;
+    sends: {
+        open: (value: string) => {
+            type: string;
+            value: string;
+        };
+        close: (value: string) => {
+            type: string;
+            value: string;
+        };
+        toggle: (value: string) => {
+            type: string;
+            value: string;
+        };
+        setValues: (values: string[]) => {
+            type: string;
+            values: string[];
+        };
+    };
+}];
 declare const createAccordionMachine: ({ props, context, effects, }: CreateAccordionMachineOptions) => Machine<AccordionContext, AccordionProps>;
 export { accordionHooks, createAccordionMachine };
 export type { AccordionContext, AccordionMachineEffects, AccordionTransitionData, CreateAccordionMachineOptions, };

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

@@ -2,6 +2,7 @@ import { type SchemaToProps } from '../../runtime';
 import { type ElevationReference, type LayoutSpace, type SurfaceReference } from '../common';
 declare const CARD_AS_VALUES: readonly ["div", "section", "article", "aside", "label"];
 declare const CARD_INTERACTIONS: readonly ["none", "tonal", "edge", "combined"];
+declare const CARD_COLORS: readonly ["neutral", "accent"];
 declare const CARD_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
 declare const CARD_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
 declare const CARD_SIZES: readonly ["sm", "md"];
@@ -13,6 +14,7 @@ declare const cardSchema: {
     as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "label" | "section">;
     href: import("../../runtime/codecs").StringCodec;
     label: import("../../runtime/codecs").StringCodec;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
     interaction: import("../../runtime/codecs").OneOfCodec<"none" | "edge" | "tonal" | "combined">;
     selected: import("../../runtime/codecs").BoolCodec;
     surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
@@ -52,6 +54,7 @@ declare const cardFooterSchema: {
 };
 type CardAs = typeof CARD_AS_VALUES[number];
 type CardInteraction = typeof CARD_INTERACTIONS[number];
+type CardColor = typeof CARD_COLORS[number];
 type CardSurface = SurfaceReference;
 type CardElevation = ElevationReference;
 type CardSize = typeof CARD_SIZES[number];
@@ -66,5 +69,5 @@ type CardDescriptionProps = SchemaToProps<typeof cardDescriptionSchema>;
 type CardActionProps = SchemaToProps<typeof cardActionSchema>;
 type CardContentProps = SchemaToProps<typeof cardContentSchema>;
 type CardFooterProps = SchemaToProps<typeof cardFooterSchema>;
-export { CARD_AS_VALUES, CARD_ELEVATIONS, CARD_FOOTER_ALIGNS, CARD_FOOTER_LAYOUTS, CARD_INTERACTIONS, CARD_SIZES, CARD_SPACES, CARD_SURFACES, CARD_TITLE_AS_VALUES, cardActionSchema, cardContentSchema, cardDescriptionSchema, cardFooterSchema, cardHeaderSchema, cardSchema, cardTitleSchema, };
-export type { CardActionProps, CardAs, CardContentProps, CardDescriptionProps, CardElevation, CardFooterAlign, CardFooterLayout, CardFooterProps, CardHeaderProps, CardInteraction, CardProps, CardSize, CardSpace, CardSurface, CardTitleAs, CardTitleProps, };
+export { CARD_AS_VALUES, CARD_COLORS, CARD_ELEVATIONS, CARD_FOOTER_ALIGNS, CARD_FOOTER_LAYOUTS, CARD_INTERACTIONS, CARD_SIZES, CARD_SPACES, CARD_SURFACES, CARD_TITLE_AS_VALUES, cardActionSchema, cardContentSchema, cardDescriptionSchema, cardFooterSchema, cardHeaderSchema, cardSchema, cardTitleSchema, };
+export type { CardActionProps, CardAs, CardColor, CardContentProps, CardDescriptionProps, CardElevation, CardFooterAlign, CardFooterLayout, CardFooterProps, CardHeaderProps, CardInteraction, CardProps, CardSize, CardSpace, CardSurface, CardTitleAs, CardTitleProps, };