npm - @vireo-ai/trellis-ui - Versions diffs - 0.1.25 → 0.1.29 - Mend

@vireo-ai/trellis-ui 0.1.25 → 0.1.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (195) hide show

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

@@ -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 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 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 relative flex w-full min-w-0 cursor-pointer items-start gap-2 rounded-control-md outline-none py-0.5 text-inherit 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-inherit inline-flex min-w-0 items-center gap-2 p-0 font-label text-label [font-weight:var(--font-weight-label)] text-inherit 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 flex flex-wrap items-center gap-2 relative flex min-w-0 cursor-pointer items-start gap-2 rounded-control-md outline-none 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 CHANGED Viewed

@@ -31,7 +31,7 @@
 @media (hover: hover) {
   [data-ui-elevation][data-ui-interactive="surface"]:hover {
-    --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--color-intent-neutral-edge-hover);
+    --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
   }
 }
@@ -52,6 +52,112 @@
   --ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
 }
+/*
+  Shared interaction treatments keep state independent from its visual channels.
+  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: var(--ui-interaction-rest-edge, transparent);
+}
+:is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]) {
+  background-image: linear-gradient(var(--ui-interaction-fill), var(--ui-interaction-fill));
+}
+:is([data-ui-interaction="edge"], [data-ui-interaction="combined"]) {
+  --ui-state-shadow-layers:
+    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);
+    --ui-interaction-edge: var(--ui-surface-edge-hover);
+  }
+}
+[data-ui-interaction]:active {
+  --ui-interaction-fill: var(--color-interaction-pressed);
+  --ui-interaction-edge: var(--ui-surface-edge-strong);
+}
+[data-ui-interaction]: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"]
+) {
+  --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) {
+  [data-ui-interaction]: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"]
+  ):hover {
+    --ui-interaction-fill: var(--ui-interaction-selected-fill-hover);
+    --ui-interaction-edge: var(--ui-interaction-selected-edge-hover);
+  }
+}
+[data-ui-interaction]:is(:focus-visible, :has(:focus-visible)) {
+  --ui-state-shadow-layers:
+    0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
+}
 /*
   Root theme for the Trellis UI component system.
@@ -84,9 +190,12 @@
   --color-surface: var(--ui-surface-color);
   --color-surface-ink: var(--ui-surface-ink);
   --color-surface-ink-muted: var(--ui-surface-ink-muted);
+  --color-label-ink: var(--ui-label-ink);
   --color-icon: var(--ui-surface-ink-muted);
-  --color-scrollbar-thumb: var(--color-intent-neutral-edge);
-  --color-scrollbar-thumb-hover: var(--color-intent-neutral-edge-hover);
+  --color-separator: var(--ui-surface-separator);
+  --color-separator-muted: var(--ui-surface-separator-muted);
+  --color-scrollbar-thumb: var(--ui-surface-edge);
+  --color-scrollbar-thumb-hover: var(--ui-surface-edge-hover);
 }
 :root,
@@ -98,6 +207,11 @@
   --ui-font-weight-medium: var(--font-weight-medium);
   --ui-font-weight-semibold: var(--font-weight-semibold);
   --ui-letter-spacing: 0;
+  --ui-label-ink: color-mix(
+    in oklab,
+    var(--ui-surface-ink-muted),
+    var(--ui-surface-ink) var(--label-ink-emphasis)
+  );
   --ui-control-height-xs: var(--spacing-control-xs);
   --ui-control-height-sm: var(--spacing-control-sm);
@@ -152,7 +266,7 @@
 }
 @utility ui-edge {
-  box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
+  box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
 }
 @utility ui-focus-ring {
@@ -181,8 +295,8 @@
   /* Shared action treatment: Button and interactive Badge. */
   [data-ui-action-recipe] {
-    --ui-action-text: var(--color-intent-neutral-text);
-    --ui-action-text-hover: var(--color-intent-neutral-text-hover);
+    --ui-action-text: var(--ui-surface-ink);
+    --ui-action-text-hover: var(--ui-surface-ink);
     --ui-action-soft: var(--color-intent-neutral-soft);
     --ui-action-soft-hover: var(--color-intent-neutral-soft-hover);
     --ui-action-soft-pressed: var(--color-intent-neutral-soft-pressed);
@@ -191,9 +305,9 @@
     --ui-action-solid-hover: var(--color-intent-neutral-solid-hover);
     --ui-action-solid-pressed: var(--color-intent-neutral-solid-pressed);
     --ui-action-solid-ink: var(--color-intent-neutral-solid-ink);
-    --ui-action-edge: var(--color-intent-neutral-edge);
-    --ui-action-edge-hover: var(--color-intent-neutral-edge-hover);
-    --ui-action-edge-strong: var(--color-intent-neutral-edge-strong);
+    --ui-action-edge: var(--ui-surface-edge);
+    --ui-action-edge-hover: var(--ui-surface-edge-hover);
+    --ui-action-edge-strong: var(--ui-surface-edge-strong);
     --ui-action-focus: var(--color-intent-neutral-focus);
     --ui-action-focus-width: var(--color-intent-neutral-focus-width);
   }
@@ -355,14 +469,14 @@
   /* Feedback surface treatment: Toast. */
   [data-ui-toast-recipe] {
-    --ui-toast-text: var(--color-intent-neutral-text);
+    --ui-toast-text: var(--ui-surface-ink);
     --ui-toast-soft: var(--color-intent-neutral-soft);
     --ui-toast-soft-ink: var(--color-intent-neutral-soft-ink);
     --ui-toast-soft-ink-muted: var(--color-intent-neutral-soft-ink-muted);
     --ui-toast-solid: var(--color-intent-neutral-solid);
     --ui-toast-solid-ink: var(--color-intent-neutral-solid-ink);
-    --ui-toast-edge: var(--color-intent-neutral-edge);
-    --ui-toast-edge-strong: var(--color-intent-neutral-edge-strong);
+    --ui-toast-edge: var(--ui-surface-edge);
+    --ui-toast-edge-strong: var(--ui-surface-edge-strong);
     --ui-toast-focus: var(--color-intent-neutral-focus);
     --ui-toast-focus-width: var(--color-intent-neutral-focus-width);
     --ui-toast-ink: var(--ui-surface-ink);
@@ -481,16 +595,16 @@
   }
   [data-ui-tabs-list][data-variant="line"] {
-    box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--color-separator);
+    box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
   }
   [data-ui-tabs-list][data-variant="line"][data-orientation="vertical"] {
-    box-shadow: inset var(--border-width-edge-separator) 0 0 var(--color-separator);
+    box-shadow: inset var(--border-width-edge-separator) 0 0 var(--ui-surface-separator);
   }
   [data-ui-tabs-list][data-variant="segmented"] {
     background-color: var(--color-interaction-hover);
-    box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
+    box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
   }
   [data-ui-tabs-tab] {
@@ -505,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);
   }
@@ -515,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] {
@@ -531,7 +649,7 @@
     inset: var(--border-width-edge-control);
     border-radius: inherit;
     background-color: var(--ui-surface-color);
-    box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
+    box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
     content: "";
   }
@@ -550,7 +668,7 @@
     --ui-option-active: var(--color-interaction-pressed);
     --ui-option-selected-background: var(--background-interaction-selection-neutral);
     --ui-option-selected-background-hover: var(--background-interaction-selection-neutral-hover);
-    --ui-option-selected-ink: var(--color-interaction-selection-neutral-ink);
+    --ui-option-selected-ink: var(--ui-surface-ink);
     color: var(--ui-option-text);
     background-color: transparent;
   }
@@ -584,8 +702,8 @@
   [data-ui-option-recipe][data-color="danger"] {
     --ui-option-text: var(--color-intent-danger-text);
-    --ui-option-hover: var(--color-intent-danger-soft);
-    --ui-option-active: var(--color-intent-danger-soft-pressed);
+    --ui-option-hover: var(--background-interaction-selection-danger);
+    --ui-option-active: var(--background-interaction-selection-danger-hover);
     --ui-option-selected-background: var(--background-interaction-selection-danger);
     --ui-option-selected-background-hover: var(--background-interaction-selection-danger-hover);
     --ui-option-selected-ink: var(--color-interaction-selection-danger-ink);
@@ -634,42 +752,42 @@
   }
   [data-ui-select-search] {
-    box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--color-separator);
+    box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
   }
   [data-ui-select-create],
   [data-ui-date-picker-footer] {
-    box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--color-separator);
+    box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--ui-surface-separator);
   }
   @media (min-width: 40rem) {
     [data-ui-date-picker-presets][data-position="left"] {
-      box-shadow: inset calc(var(--border-width-edge-separator) * -1) 0 0 var(--color-separator);
+      box-shadow: inset calc(var(--border-width-edge-separator) * -1) 0 0 var(--ui-surface-separator);
     }
     [data-ui-date-picker-presets][data-position="right"] {
-      box-shadow: inset var(--border-width-edge-separator) 0 0 var(--color-separator);
+      box-shadow: inset var(--border-width-edge-separator) 0 0 var(--ui-surface-separator);
     }
   }
   [data-ui-date-picker-presets][data-position="top"] {
-    box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--color-separator);
+    box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
   }
   [data-ui-date-picker-presets][data-position="bottom"] {
-    box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--color-separator);
+    box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--ui-surface-separator);
   }
   :is([data-ui-menu-separator], [data-ui-select-separator]) > [role="separator"],
   [data-ui-select-separator] > div {
-    background-color: var(--color-separator);
+    background-color: var(--ui-surface-separator);
   }
   /* Field and dropzone control treatments. */
   [data-ui-control][data-ui-control-recipe="field"] {
     color: inherit;
     background-color: transparent;
-    box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
   }
   [data-ui-control][data-ui-control-recipe="field"][data-variant="filled"] {
@@ -682,7 +800,7 @@
   }
   [data-ui-control][data-ui-control-recipe="field"]: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(--color-intent-neutral-edge-hover);
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-hover);
   }
   [data-ui-control][data-ui-control-recipe="field"]:is(:focus-within, [data-state="open"]):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
@@ -692,16 +810,16 @@
   }
   [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(--color-intent-neutral-edge-strong));
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge, var(--ui-surface-edge-strong));
   }
   [data-ui-control][data-ui-control-recipe="field"]:is([data-invalid], [aria-invalid="true"]):is(:hover, :active):not(:focus-within):not([data-state="open"]):not([data-disabled]):not(:disabled) {
-    box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover, var(--color-intent-neutral-edge-strong));
+    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) {
     box-shadow:
-      0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-strong, var(--color-intent-neutral-edge-strong)),
+      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));
   }
@@ -738,12 +856,12 @@
   [data-ui-control][data-ui-control-recipe="dropzone"] {
     color: inherit;
     background-color: transparent;
-    box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
   }
   [data-ui-control][data-ui-control-recipe="dropzone"]:is(:hover, :active):not(:focus-within):not([data-dragging]):not([data-disabled]):not([data-invalid]) {
     background-color: var(--color-interaction-hover);
-    box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge-hover);
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-hover);
   }
   [data-ui-control][data-ui-control-recipe="dropzone"]:is(:focus-within, [data-dragging]):not([data-disabled]):not([data-invalid]) {
@@ -772,17 +890,17 @@
   [data-ui-control][data-ui-control-recipe="dropzone"] [data-ui-file-upload-browse] {
     color: var(--color-intent-neutral-soft-ink);
     background-color: var(--color-intent-neutral-soft);
-    box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
   }
   [data-ui-file-upload-item] {
     color: inherit;
     background-color: transparent;
-    box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--color-intent-neutral-edge);
+    box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge);
   }
   [data-ui-file-upload-item]:hover {
-    box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--color-intent-neutral-edge-hover);
+    box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
   }
   [data-ui-file-upload-item][data-invalid] {
@@ -807,7 +925,7 @@
   [data-ui-selection-recipe="indicator"],
   [data-ui-selection-recipe="switch-track"],
   [data-ui-selection-recipe="slider-track"] {
-    --ui-selection-edge: var(--color-intent-neutral-edge);
+    --ui-selection-edge: var(--ui-surface-edge);
     color: var(--color-intent-accent-solid-ink);
     background-color: var(--ui-surface-color);
     box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-selection-edge);
@@ -815,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"],
@@ -852,7 +970,7 @@
   [data-ui-selection-root]:has(input:focus-visible) [data-ui-selection-recipe="switch-track"],
   [data-ui-selection-recipe="slider-thumb"][data-focus] {
     box-shadow:
-      0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--color-intent-neutral-edge)),
+      0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--ui-surface-edge)),
       0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
   }

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

@@ -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 ADDED Viewed

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

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

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

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

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

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

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