@vireo-ai/trellis-ui 0.1.61 → 0.1.62

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

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

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

@@ -0,0 +1,88 @@
+/* Containers establish one content-edge owner; children inherit its resolved inset. */
+@layer components {
+  .ui-content-edge {
+      --ui-content-padding: 0px;
+      --ui-content-padding-x: initial;
+      --ui-content-padding-y: initial;
+  }
+}
+.ui-bleed {
+    width: calc(100% + 2 * var(--ui-content-padding-x, var(--ui-content-padding, 0px)));
+    margin-inline: calc(-1 * var(--ui-content-padding-x, var(--ui-content-padding, 0px)));
+}
+.ui-bleed[data-ui-option-recipe],
+.ui-bleed[data-ui-action-recipe] {
+    padding-inline: var(--ui-content-padding-x, var(--ui-content-padding, 0px));
+}
+
+.ui-bleed[data-ui-table-root] :is(th, td):first-child,
+.ui-bleed[data-ui-data-grid] :is([data-ui-data-grid-cell], [data-ui-data-grid-column-header]):first-child {
+    padding-inline-start: var(--ui-content-padding-x, var(--ui-content-padding, 0px));
+}
+.ui-bleed[data-ui-table-root] :is(th, td):last-child,
+.ui-bleed[data-ui-data-grid] :is([data-ui-data-grid-cell], [data-ui-data-grid-column-header]):last-child {
+    padding-inline-end: var(--ui-content-padding-x, var(--ui-content-padding, 0px));
+}
+
+
+/* Each reading owner resets the inherited override before its own gap utility applies. */
+@layer components {
+  :is([data-ui-stack], [data-ui-box], [data-ui-flex])[data-flow] {
+    --ui-layout-gap: initial;
+  }
+}
+
+/* Reading follows document order, never a grid or a horizontal/reversed/wrapping flex. */
+:is([data-ui-stack], [data-ui-box][data-ui-layout-mode="stack"], [data-ui-flex][data-direction="column"][data-wrap="nowrap"])[data-flow="reading"] {
+  gap: 0;
+
+  > * {
+    margin-block: 0;
+  }
+
+  > :not([hidden], template) ~ :not([hidden], template) {
+    margin-block-start: var(--ui-layout-gap, var(--spacing-3));
+  }
+
+  > :not([hidden], template) ~ :is(h1, h2, section, article, [data-ui-heading]) {
+    margin-block-start: var(--spacing-6);
+  }
+
+  > :not([hidden], template) ~ :is(h3, h4, h5, h6, [data-ui-heading][data-size="3"]) {
+    margin-block-start: var(--spacing-5);
+  }
+
+  > :is(h1, h2, h3, h4, h5, h6, [data-ui-heading]):not([hidden]) + :not([hidden], template) {
+    margin-block-start: var(--spacing-2);
+  }
+
+  > :not([hidden], template) ~ [data-ui-text][data-size="1"] {
+    margin-block-start: var(--spacing-2);
+  }
+
+  > :not([hidden], template) ~ :is(hr, [data-ui-separator]),
+  > :is(hr, [data-ui-separator]):not([hidden]) + :not([hidden], template) {
+    margin-block-start: var(--spacing-6);
+  }
+
+  > :is(ul, ol) > li + li,
+  &:is(ul, ol) > li + li {
+    margin-block-start: var(--spacing-1);
+  }
+}
+
+@utility ui-flow-gap-* {
+  --ui-layout-gap: --value(--spacing-*);
+}
+
+@utility ui-content-padding-* {
+  --ui-content-padding: --value(--spacing-*);
+}
+
+@utility ui-content-padding-x-* {
+  --ui-content-padding-x: --value(--spacing-*);
+}
+
+@utility ui-content-padding-y-* {
+  --ui-content-padding-y: --value(--spacing-*);
+}

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

@@ -12,11 +12,6 @@
     box-shadow: none;
   }
 
-  /* Selected values need one more step of separation from their control surface than informational badges. */
-  [data-ui-select-chip][data-variant="soft"] {
-    background-color: var(--ui-intent-soft-hover);
-  }
-
   [data-ui-action-recipe][data-variant="surface"] {
     color: var(--ui-intent-text);
     background-color: var(--color-interaction-hover);
@@ -35,8 +30,10 @@
     box-shadow: var(--shadow-elevation-1);
   }
 
-  :is([data-ui-button], [data-ui-badge][data-interactive]):focus-visible {
-    box-shadow: 0 0 0 var(--ui-intent-focus-width) var(--ui-intent-focus);
+  :is([data-ui-button], [data-ui-badge][data-interactive]) {
+    @variant focus-visible {
+      box-shadow: 0 0 0 var(--ui-intent-focus-width) var(--ui-intent-focus);
+    }
   }
 
   :is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="surface"], [data-variant="outline"]):hover:not(:disabled):not([aria-disabled="true"]) {
@@ -73,13 +70,4 @@
   :is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="ghost"], [data-variant="surface"], [data-variant="outline"]):active:not(:disabled):not([aria-disabled="true"]) {
     background-color: var(--color-interaction-pressed);
   }
-
-  [data-ui-badge-close]:hover,
-  [data-ui-badge-close]:focus-visible {
-    background-color: color-mix(in srgb, currentColor 12%, transparent);
-  }
-
-  [data-ui-badge-close]:focus-visible {
-    box-shadow: 0 0 0 1px currentColor;
-  }
 }

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

@@ -12,5 +12,13 @@
   ) {
     pointer-events: none;
     opacity: var(--opacity-interaction-disabled);
+
+    &[data-ui-control][data-ui-control-recipe="field"] {
+      box-shadow: none;
+
+      &[data-variant="outline"] {
+        box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
+      }
+    }
   }
 }

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

@@ -66,10 +66,6 @@
     background-color: var(--ui-option-active);
   }
 
-  [data-ui-sortable][data-ui-menu] [data-ui-menu-item]:not([data-active="true"]):not([data-disabled]) {
-    background-color: transparent;
-  }
-
   [data-ui-option-recipe]:is([data-selected], [data-current], [aria-current]:not([aria-current="false"])):not([data-ui-option-selection="mark"]):not([data-disabled]),
   [data-ui-select][data-mark="none"] [data-ui-option-recipe][data-ui-option-selection="mark"][data-selected]:not([data-disabled]) {
     color: var(--ui-option-selected-ink);
@@ -86,44 +82,4 @@
     color: var(--color-interaction-disabled-ink);
     background-color: transparent;
   }
-
-  [data-ui-select-option-indicator] {
-    color: var(--color-intent-accent-text);
-  }
-
-  :is([data-ui-menu-label], [data-ui-select-label]) {
-    color: var(--ui-surface-ink-muted);
-  }
-
-  [data-ui-select-search] {
-    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(--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(--ui-surface-separator);
-    }
-
-    [data-ui-date-picker-presets][data-position="right"] {
-      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(--ui-surface-separator);
-  }
-
-  [data-ui-date-picker-presets][data-position="bottom"] {
-    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(--ui-surface-separator);
-  }
 }

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

@@ -1,6 +1,10 @@
 @layer components {
   /* Native selection treatment: Checkbox, Radio, Switch, and Slider. */
   [data-ui-selection-root] {
+    --ui-selection-solid: var(--color-intent-accent-solid);
+    --ui-selection-solid-ink: var(--color-intent-accent-solid-ink);
+    --ui-interaction-selected-edge: var(--color-intent-accent-edge);
+    --ui-interaction-selected-edge-strong: var(--color-intent-accent-edge-strong);
     color: inherit;
   }
 
@@ -9,7 +13,12 @@
     --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);
+  }
+
+  [data-ui-selection-recipe="indicator"] {
+    --ui-selection-edge: var(--ui-surface-edge-strong);
+    background-color: transparent;
+    box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-selection-edge);
   }
 
   [data-ui-selection-recipe="indicator"]:is([data-checked], [data-indeterminate]),
@@ -19,7 +28,11 @@
   }
 
   [data-ui-selection-recipe="indicator"]:is([data-checked], [data-indeterminate]) {
-    --ui-selection-edge: var(--ui-interaction-selected-edge, var(--color-intent-accent-edge));
+    --ui-selection-edge: var(--ui-selection-solid, var(--color-intent-accent-solid));
+  }
+
+  :where([data-ui-selection-root]:has(input:focus-visible:not([data-ui-focus-indicator="suppressed"]))) [data-ui-selection-recipe="indicator"]:is([data-checked], [data-indeterminate]) {
+    --ui-selection-edge: var(--ui-interaction-selected-edge-strong, var(--color-intent-accent-edge-strong));
   }
 
   [data-ui-selection-recipe="slider-thumb"] {
@@ -28,21 +41,17 @@
 
   [data-ui-selection-recipe="slider-track"] {
     background-color: var(--color-intent-neutral-soft);
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-selection-edge);
   }
 
   [data-ui-selection-recipe="switch-track"] {
     color: var(--color-intent-accent-solid-ink);
     background-color: light-dark(var(--color-neutral-4), var(--color-neutral-8));
-    transition: background-color var(--motion-duration-fast) cubic-bezier(0.23, 1, 0.32, 1);
   }
 
   [data-ui-selection-recipe="switch-thumb"] {
     background-color: light-dark(var(--color-neutral-1), var(--color-neutral-12));
     transform-origin: left center;
-    transition:
-      translate var(--motion-duration-moderate) cubic-bezier(0.77, 0, 0.175, 1),
-      scale var(--motion-duration-fast) cubic-bezier(0.23, 1, 0.32, 1),
-      background-color var(--motion-duration-fast) cubic-bezier(0.23, 1, 0.32, 1);
   }
 
   [data-ui-selection-recipe="switch-thumb"][data-checked] {
@@ -51,6 +60,10 @@
   }
 
   @media (hover: hover) and (pointer: fine) {
+    :where([data-ui-selection-root]:hover:has(input:enabled)) [data-ui-selection-recipe="indicator"]:is([data-checked], [data-indeterminate]) {
+      --ui-selection-edge: var(--ui-interaction-selected-edge-strong, var(--color-intent-accent-edge-strong));
+    }
+
     [data-ui-switch]:not([data-disabled]):hover [data-ui-selection-recipe="switch-track"]:not([data-checked]) {
       background-color: color-mix(
         in oklab,
@@ -63,28 +76,6 @@
       background-color: var(--color-intent-accent-solid-hover);
     }
 
-    [data-ui-switch]:not([data-disabled]):hover [data-ui-selection-recipe="switch-thumb"] {
-      scale: 1.06;
-    }
-
-    [data-ui-switch]:not([data-disabled]):has([data-ui-switch-input]:active) [data-ui-selection-recipe="switch-thumb"] {
-      scale: 1.04 1;
-    }
-  }
-
-  [data-ui-switch]:has([data-ui-switch-input]:focus-visible) [data-ui-selection-recipe="switch-thumb"] {
-    transition-duration: 0ms, var(--motion-duration-fast), var(--motion-duration-fast);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    [data-ui-selection-recipe="switch-thumb"] {
-      transition-duration: 0ms, 0ms, var(--motion-duration-fast);
-    }
-
-    [data-ui-switch]:not([data-disabled]):hover [data-ui-selection-recipe="switch-thumb"],
-    [data-ui-switch]:not([data-disabled]):has([data-ui-switch-input]:active) [data-ui-selection-recipe="switch-thumb"] {
-      scale: 1;
-    }
   }
 
   [data-ui-selection-recipe="slider-range"] {
@@ -95,35 +86,33 @@
     --ui-selection-edge: var(--color-intent-danger-edge-strong);
   }
 
-  [data-ui-selection-root]:has(input:focus-visible) [data-ui-selection-recipe="indicator"],
-  [data-ui-selection-recipe="slider-thumb"][data-focus] {
+  [data-ui-selection-root]:has(input:focus-visible:not([data-ui-focus-indicator="suppressed"])) [data-ui-selection-recipe="indicator"] {
     box-shadow:
-      0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--ui-surface-edge)),
+      inset 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);
   }
 
-  [data-ui-selection-root]:has(input:focus-visible) [data-ui-selection-recipe="switch-track"] {
+  [data-ui-selection-root]:has(input:focus-visible:not([data-ui-focus-indicator="suppressed"])) [data-ui-selection-recipe="switch-track"] {
     box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
   }
 
-  [data-ui-selection-recipe="slider-thumb"][data-focus] {
+  [data-ui-selection-recipe="slider-thumb"][data-focus]:not([data-ui-focus-indicator="suppressed"]) {
     box-shadow:
       0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus),
       var(--shadow-elevation-1);
   }
 
-  [data-ui-selection-root][data-invalid]:has(input:focus-visible) [data-ui-selection-recipe="indicator"],
-  [data-ui-selection-recipe="slider-thumb"][data-invalid][data-focus] {
+  [data-ui-selection-root][data-invalid]:has(input:focus-visible:not([data-ui-focus-indicator="suppressed"])) [data-ui-selection-recipe="indicator"] {
     box-shadow:
-      0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--color-intent-danger-edge-strong)),
+      inset 0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--color-intent-danger-edge-strong)),
       0 0 0 var(--color-intent-danger-focus-width) var(--color-intent-danger-focus);
   }
 
-  [data-ui-selection-root][data-invalid]:has(input:focus-visible) [data-ui-selection-recipe="switch-track"] {
+  [data-ui-selection-root][data-invalid]:has(input:focus-visible:not([data-ui-focus-indicator="suppressed"])) [data-ui-selection-recipe="switch-track"] {
     box-shadow: 0 0 0 var(--color-intent-danger-focus-width) var(--color-intent-danger-focus);
   }
 
-  [data-ui-selection-recipe="slider-thumb"][data-invalid][data-focus] {
+  [data-ui-selection-recipe="slider-thumb"][data-invalid][data-focus]:not([data-ui-focus-indicator="suppressed"]) {
     box-shadow:
       0 0 0 var(--color-intent-danger-focus-width) var(--color-intent-danger-focus),
       var(--shadow-elevation-1);

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

@@ -1,31 +1,16 @@
-@custom-variant dark (&:where(.dark, .dark *):not(:where(.light, .light *)));
+@custom-variant dark {
+  &:where(.dark, .dark *):not(:where(.light, .light *)) { @slot; }
+  @media (prefers-color-scheme: dark) {
+    &:where(:root[data-theme="system"], :root[data-theme="system"] *):not(:where(.light, .light *)) { @slot; }
+  }
+}
+@custom-variant focus-visible (&:focus-visible:not([data-ui-focus-indicator="suppressed"]));
 @custom-variant ui-interactive (&:is([data-ui-interactive]));
 @custom-variant ui-active (&:is(:active, :focus-visible, [data-active], [data-highlighted]));
 @custom-variant ui-selected (&: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"]));
 
-/* Keep authored palette families available to custom components in the precompiled package. */
-@source inline("{bg,text,border,ring,fill,stroke}-{neutral,accent}-{1..12}");
-@source inline("{bg,text,border,ring,fill,stroke}-{neutral,accent}-a{1..12}");
-@source inline("{bg,text,border,ring,fill,stroke}-status-{information,success,warning,danger}-{1..12}");
-@source inline("{bg,text,border,ring,fill,stroke}-status-{information,success,warning,danger}-a{1..12}");
-@source inline("bg-canvas {bg,border,ring,fill,stroke}-surface-{0..8}");
-@source inline("text-surface-{0..8}-{ink,ink-muted} shadow-elevation-{0..8}");
-@source inline("rounded-{1..6} rounded-{control,surface,overlay} rounded-{control,surface,overlay}-{xs,sm,md,lg}");
-@source inline("{rounded-t,rounded-r,rounded-b,rounded-l}-{control,surface,overlay}-{xs,sm,md,lg}");
-@source inline("rounded-{none,full,circle}");
-@source inline("gap-control-gap px-control-padding-{xs,sm,md,lg,xlg} px-badge-padding-{xs,sm,md,lg,xlg}");
-@source inline("p-popover-padding px-menu-item-padding-inline");
-@source inline("text-{1..13} text-{body,heading,code,label,description,metadata,menu-item}");
-@source inline("text-{control,badge}-{xs,sm,md,lg,xlg}");
-@source inline("font-{body,heading,code,control,badge,label,description,metadata,menu-item}");
-@source inline("min-h-control-multiline-{xs,sm,md,lg,xlg}");
-@source inline("size-{brand-logo,badge-close,checkbox-indicator,radio-indicator,radio-dot,slider-thumb}-{xs,sm,md,lg,xlg}");
-@source inline("h-switch-track-height-{xs,sm,md,lg,xlg} w-switch-track-width-{xs,sm,md,lg,xlg} size-switch-thumb-{xs,sm,md,lg,xlg}");
-@source inline("p-switch-inset data-checked:translate-x-switch-travel-{xs,sm,md,lg,xlg}");
-@source inline("{h,w}-slider-track-{xs,sm,md,lg,xlg} max-w-modal-{sm,md,lg,xl}");
-@source inline("border-{0..3} border-edge-{perimeter,control,separator,divider}");
-@source inline("{border-t,border-r,border-b,border-l}-edge-{perimeter,control,separator,divider}");
-@source inline("layout-{shrink,fill} flex-none");
+/* Bundled SVG icon templates use a shared transparent-shape utility. */
+@source inline("fill-none");
 
 @media (hover: hover) {
   [data-ui-elevation][data-ui-interactive="surface"]:hover {
@@ -46,7 +31,7 @@
   --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--color-intent-accent-edge);
 }
 
-[data-ui-elevation][data-ui-interactive="surface"]:is(:focus-visible, :has(:focus-visible)) {
+[data-ui-elevation][data-ui-interactive="surface"]:is(:focus-visible:not([data-ui-focus-indicator="suppressed"]), :has(:focus-visible:not([data-ui-focus-indicator="suppressed"]))) {
   --ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
 }
 
@@ -151,11 +136,11 @@
   }
 }
 
-[data-ui-interaction]:is(:focus-visible, :has(:focus-visible)):not(
+[data-ui-interaction]:is(:focus-visible:not([data-ui-focus-indicator="suppressed"]), :has(:focus-visible:not([data-ui-focus-indicator="suppressed"]))):not(
   [data-ui-card]:has(> [data-ui-card-link][data-ui-overlay-link])
 ),
 [data-ui-card][data-ui-interaction]:has(
-  > [data-ui-card-link][data-ui-overlay-link]:focus-visible
+  > [data-ui-card-link][data-ui-overlay-link]:focus-visible:not([data-ui-focus-indicator="suppressed"])
 ) {
   --ui-state-shadow-layers:
     0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
@@ -174,7 +159,7 @@
 
   CSS ownership:
   - TypeScript style recipes own class composition, variants, sizes, and parts.
-  - This file owns imports, Tailwind source hints and variants, tokens, utilities,
+  - Theme support owns Tailwind source hints and variants, tokens, utilities,
     global theme rules, and generic reusable behavior.
   - Colocated component CSS owns selector-only styling that recipes cannot
     express cleanly, such as pseudo-elements, ::part(...), :has(...), native
@@ -199,7 +184,6 @@
   --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,
@@ -213,18 +197,9 @@
     var(--ui-surface-ink) var(--label-ink-emphasis)
   );
 
-  --ui-control-height-xs: var(--spacing-control-xs);
-  --ui-control-height-sm: var(--spacing-control-sm);
   --ui-control-height-md: var(--spacing-control-md);
-  --ui-control-height-lg: var(--spacing-control-lg);
-  --ui-control-height-xlg: var(--spacing-control-xlg);
-  --ui-popover-radius: var(--radius-overlay-sm);
   --ui-popover-padding: var(--spacing-popover-padding);
 
-  --ui-icon-size-xs: var(--spacing-icon-xs);
-  --ui-icon-size-sm: var(--spacing-icon-sm);
-  --ui-icon-size: var(--spacing-icon);
-  --ui-icon-size-lg: var(--spacing-icon-lg);
   --ui-scrollbar-size: var(--spacing-scrollbar);
   --ui-scrollbar-inset: var(--spacing-scrollbar-inset);
   --ui-scrollbar-thumb-radius: var(--radius-full);
@@ -258,10 +233,6 @@
   max-height: 65ch;
 }
 
-@utility ui-edge {
-  box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
-}
-
 @utility layout-shrink {
   flex: 0 1 auto;
   min-block-size: 0;
@@ -286,3 +257,9 @@
 .dark {
   color-scheme: dark;
 }
+
+@media (prefers-color-scheme: dark) {
+  :root[data-theme="system"] {
+    color-scheme: dark;
+  }
+}

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

@@ -0,0 +1,26 @@
+/* The focused-field zoom threshold is a browser constraint, independent of theme sizing.
+   Change only font size: retain each role's leading and the control's geometry. */
+@utility ui-field-text {
+  @media (pointer: coarse) {
+    font-size: max(16px, var(--ui-field-font-size, 1em));
+  }
+}
+
+@layer components {
+  :where([data-ui-heading], [data-flow="reading"] > :is(h1, h2, h3, h4, h5, h6)) {
+    text-wrap: balance;
+  }
+
+  :where([data-ui-text], [data-flow="reading"] > p) {
+    text-wrap: pretty;
+  }
+
+  /* Checkbox and Radio labels retain first-line leading to align with their indicators. */
+  :where(
+    [data-ui-field-label] > span:first-child,
+    [data-ui-fieldset-legend] > span:first-child,
+    [data-ui-switch-label]
+  ) {
+    text-box: trim-both cap alphabetic;
+  }
+}

package/packages/client/types/assets/bridge.d.ts

@@ -21,8 +21,7 @@ type AssetImporter = (src: string) => Promise<AssetModule>;
 declare const parseAssetDescriptors: (value: unknown) => AssetDescriptor[];
 declare const loadAssets: (descriptors: AssetDescriptor[], AlpineInstance: Alpine.Alpine) => Promise<void>;
 declare const prepareInitialAssets: (descriptors: AssetDescriptor[], registrars: AssetRegistrar[]) => void;
-declare const markAssetsRegistered: (logicalIds: readonly string[], AlpineInstance: Alpine.Alpine) => void;
 declare const setAssetImporter: (next: AssetImporter) => void;
 declare const resetLoadedAssets: () => void;
-export { loadAssets, markAssetsRegistered, parseAssetDescriptors, prepareInitialAssets, resetLoadedAssets, setAssetImporter, };
+export { loadAssets, parseAssetDescriptors, prepareInitialAssets, resetLoadedAssets, setAssetImporter, };
 export type { AssetDescriptor, AssetErrorDetail, AssetImporter, AssetRegistrar };

package/packages/client/types/capabilities/collection.d.ts

@@ -0,0 +1,7 @@
+import type { Alpine as AlpineType } from 'alpinejs';
+import { registerCollectionDirective } from '../directives/collection';
+declare const registerCollectionCapability: (alpine: AlpineType) => void;
+export { registerCollectionCapability, registerCollectionDirective };
+export { createCollectionNavigation } from '../runtime/collection-navigation';
+export type { CollectionNavigation, CollectionNavigationOptions } from '../runtime/collection-navigation';
+export type { UiCollectionApi } from '../directives/collection';

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

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