@vireo-ai/trellis-ui 0.1.25 → 0.1.27
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.
- package/package.json +1 -1
- package/packages/client/src/styles/generated/theme-fonts.css +1 -1
- package/packages/client/src/styles/generated/theme-palette.css +7 -4
- package/packages/client/src/styles/generated/theme-runtime.css +1791 -452
- package/packages/client/src/styles/generated-sources.css +1 -1
- package/packages/client/src/styles/theme.css +112 -38
- package/packages/client/types/components/card/contract.d.ts +6 -3
- package/packages/client/types/components/checkbox/contract.d.ts +8 -8
- package/packages/client/types/components/radio/contract.d.ts +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +2267 -500
- package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/build-metadata.json +95 -95
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-De12QrT5.js → entry.generated-DzG9Lai4.js} +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-De12QrT5.js.map → entry.generated-DzG9Lai4.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-wHjTggCn.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-wHjTggCn.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/checkbox.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/logical-entry-manifest.json +5 -5
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Dn6MRCe0.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Dn6MRCe0.js.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* Generated by `pnpm run build:manifests`. Do not edit. */
|
|
2
2
|
/* Tailwind source hints derived from Trellis defineStyles. */
|
|
3
|
-
@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");
|
|
3
|
+
@source inline("font-body text-1 text-2 text-3 text-4 text-5 text-6 text-7 text-8 text-9 text-10 text-11 text-12 text-13 font-normal font-medium font-semibold font-bold text-inherit text-surface-ink-muted text-intent-accent-text text-intent-danger-text truncate block font-heading [font-weight:var(--font-weight-heading)] [&:has(+[data-ui-text])]:mb-2 [[data-ui-text]+&]:mt-2 relative block overflow-hidden ui-image-outline block size-full object-cover object-contain object-fill object-none object-scale-down grid w-full overflow-hidden grid-cols-[minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)_auto] h-dvh min-h-dvh min-h-0 fixed inset-0 z-40 bg-scrim z-10 flex min-w-0 items-center gap-app-region-gap px-app-region-padding-inline py-app-region-padding-block [grid-area:header] sticky top-0 border-b-edge-divider border-separator min-h-0 min-w-0 [grid-area:main] overflow-y-auto overflow-hidden min-w-0 border-t-edge-divider border-separator px-app-region-padding-inline py-app-region-padding-block [grid-area:footer] min-h-0 min-w-0 border-l-edge-divider border-separator [grid-area:aside] grid w-full min-w-0 gap-0 gap-2 md:grid-flow-col md:auto-cols-fr min-w-0 border-b-edge-separator border-separator last:border-b-0 data-disabled:opacity-50 block text-surface-ink flex min-h-control-xlg w-full min-w-0 items-center gap-2 rounded-control-sm border border-transparent px-3 py-2 text-left text-sm font-medium text-surface-ink outline-none focus-visible:ui-focus-ring data-disabled:pointer-events-none data-disabled:opacity-50 min-w-0 flex-1 size-icon shrink-0 fill-current text-icon overflow-hidden text-sm text-surface-ink-muted min-w-0 px-3 pb-3 pt-1 contents m-0 border-0 bg-transparent p-0 inline-flex min-w-0 shrink-0 select-none items-center justify-center gap-1 whitespace-nowrap font-badge outline-none data-disabled:pointer-events-none min-h-control-xs px-badge-padding-xs text-badge-xs [font-weight:var(--font-weight-badge-xs)] min-h-control-sm px-badge-padding-sm text-badge-sm [font-weight:var(--font-weight-badge-sm)] min-h-control-md px-badge-padding-md text-badge-md [font-weight:var(--font-weight-badge-md)] min-h-control-lg px-badge-padding-lg text-badge-lg [font-weight:var(--font-weight-badge-lg)] min-h-control-xlg px-badge-padding-xlg text-badge-xlg [font-weight:var(--font-weight-badge-xlg)] rounded-control-xs rounded-control-sm rounded-control-md rounded-control-lg rounded-full -mt-1 -mb-1 -ml-1.5 -ml-2 -ml-2.5 -mr-1.5 -mr-2 -mr-2.5 contents shrink-0 fill-current text-current size-icon-xs size-icon-sm size-icon -mr-1 inline-flex shrink-0 items-center justify-center rounded-full text-current outline-none size-badge-close-xs size-badge-close-sm size-badge-close-md size-badge-close-lg size-badge-close-xlg size-icon-xs shrink-0 fill-current text-current min-w-0 block grid flex items-center flex flex-wrap items-center grid place-items-center gap-1 gap-2 gap-3 gap-4 gap-5 gap-6 gap-7 gap-8 gap-9 gap-10 gap-11 gap-12 gap-0.5 gap-1.5 gap-2.5 gap-3.5 gap-4.5 gap-5.5 gap-6.5 gap-7.5 gap-8.5 gap-9.5 gap-10.5 gap-11.5 gap-x-1 gap-x-2 gap-x-3 gap-x-4 gap-x-5 gap-x-6 gap-x-7 gap-x-8 gap-x-9 gap-x-10 gap-x-11 gap-x-12 gap-x-0.5 gap-x-1.5 gap-x-2.5 gap-x-3.5 gap-x-4.5 gap-x-5.5 gap-x-6.5 gap-x-7.5 gap-x-8.5 gap-x-9.5 gap-x-10.5 gap-x-11.5 gap-y-1 gap-y-2 gap-y-3 gap-y-4 gap-y-5 gap-y-6 gap-y-7 gap-y-8 gap-y-9 gap-y-10 gap-y-11 gap-y-12 gap-y-0.5 gap-y-1.5 gap-y-2.5 gap-y-3.5 gap-y-4.5 gap-y-5.5 gap-y-6.5 gap-y-7.5 gap-y-8.5 gap-y-9.5 gap-y-10.5 gap-y-11.5 p-1 p-2 p-3 p-4 p-5 p-6 p-7 p-8 p-9 p-10 p-11 p-12 p-0.5 p-1.5 p-2.5 p-3.5 p-4.5 p-5.5 p-6.5 p-7.5 p-8.5 p-9.5 p-10.5 p-11.5 px-1 px-2 px-3 px-4 px-5 px-6 px-7 px-8 px-9 px-10 px-11 px-12 px-0.5 px-1.5 px-2.5 px-3.5 px-4.5 px-5.5 px-6.5 px-7.5 px-8.5 px-9.5 px-10.5 px-11.5 py-1 py-2 py-3 py-4 py-5 py-6 py-7 py-8 py-9 py-10 py-11 py-12 py-0.5 py-1.5 py-2.5 py-3.5 py-4.5 py-5.5 py-6.5 py-7.5 py-8.5 py-9.5 py-10.5 py-11.5 m-1 m-2 m-3 m-4 m-5 m-6 m-7 m-8 m-9 m-10 m-11 m-12 m-0.5 m-1.5 m-2.5 m-3.5 m-4.5 m-5.5 m-6.5 m-7.5 m-8.5 m-9.5 m-10.5 m-11.5 mx-1 mx-2 mx-3 mx-4 mx-5 mx-6 mx-7 mx-8 mx-9 mx-10 mx-11 mx-12 mx-0.5 mx-1.5 mx-2.5 mx-3.5 mx-4.5 mx-5.5 mx-6.5 mx-7.5 mx-8.5 mx-9.5 mx-10.5 mx-11.5 my-1 my-2 my-3 my-4 my-5 my-6 my-7 my-8 my-9 my-10 my-11 my-12 my-0.5 my-1.5 my-2.5 my-3.5 my-4.5 my-5.5 my-6.5 my-7.5 my-8.5 my-9.5 my-10.5 my-11.5 rounded-surface-xs rounded-surface-sm rounded-surface-md rounded-surface-lg w-full mx-auto w-full max-w-xs mx-auto w-full max-w-sm mx-auto w-full max-w-md mx-auto w-full max-w-lg mx-auto w-full max-w-xl mx-auto w-full max-w-prose h-full h-full max-h-xs h-full max-h-sm h-full max-h-md h-full max-h-lg h-full max-h-xl items-start items-center items-end justify-center justify-end justify-between cursor-default select-none inline-flex min-w-0 shrink-0 items-center align-middle text-surface-ink no-underline outline-none inline-flex shrink-0 items-center justify-center text-current size-brand-logo-xs size-brand-logo-sm size-brand-logo-md size-brand-logo-lg size-brand-logo-xlg size-full relative inline-flex min-w-0 shrink-0 select-none items-center gap-2 whitespace-nowrap outline-none justify-start h-control-xs font-control text-control-xs [font-weight:var(--font-weight-control-xs)] h-control-sm font-control text-control-sm [font-weight:var(--font-weight-control-sm)] h-control-md font-control text-control-md [font-weight:var(--font-weight-control-md)] h-control-lg font-control text-control-lg [font-weight:var(--font-weight-control-lg)] h-control-xlg font-control text-control-xlg [font-weight:var(--font-weight-control-xlg)] px-0 px-control-padding-xs px-control-padding-sm px-control-padding-md px-control-padding-lg px-control-padding-xlg w-control-xs px-0 w-control-sm px-0 w-control-md px-0 w-control-lg px-0 w-control-xlg px-0 -ml-3 -ml-4 -mr-3 -mr-4 inline-flex items-center isolate flex min-w-0 flex-1 items-center gap-2 pointer-events-none absolute inset-0 flex items-center justify-center size-icon shrink-0 fill-current text-current ml-auto relative isolate min-w-0 overflow-hidden rounded-surface-md text-xs text-sm grid min-w-0 grid-cols-[minmax(0,1fr)_auto] gap-x-3 gap-y-1 col-start-1 block min-w-0 pr-2 col-start-1 min-w-0 pr-2 text-surface-ink-muted col-start-2 row-span-2 row-start-1 -mr-1 -mt-1 justify-self-end self-start min-w-0 text-inherit min-w-0 gap-2 justify-items-start justify-items-end justify-items-stretch grid w-full min-w-0 flex flex-wrap items-start gap-3 inline-grid w-auto gap-2 flex flex-wrap items-center gap-2 relative flex w-full min-w-0 cursor-pointer items-start gap-2 rounded-control-md outline-none py-0.5 text-inherit inline-flex w-auto items-center rounded-full px-control-x-md py-0 text-surface-ink shadow-[inset_0_0_0_var(--border-width-edge-control)_var(--ui-surface-edge)] [&_[data-ui-checkbox-indicator]]:hidden [&_[data-ui-checkbox-icon]]:mt-0 hover:bg-interaction-hover hover:shadow-[inset_0_0_0_var(--border-width-edge-control)_var(--ui-surface-edge-hover)] active:bg-interaction-pressed active:shadow-[inset_0_0_0_var(--border-width-edge-control)_var(--ui-surface-edge-strong)] data-checked:bg-interaction-selected data-checked:shadow-[inset_0_0_0_var(--border-width-edge-control)_var(--color-interaction-edge-selected)] data-checked:hover:bg-interaction-selected-hover data-checked:hover:shadow-[inset_0_0_0_var(--border-width-edge-control)_var(--color-interaction-edge-selected-hover)] data-indeterminate:bg-interaction-selected data-indeterminate:shadow-[inset_0_0_0_var(--border-width-edge-control)_var(--color-interaction-edge-selected)] data-indeterminate:hover:bg-interaction-selected-hover data-indeterminate:hover:shadow-[inset_0_0_0_var(--border-width-edge-control)_var(--color-interaction-edge-selected-hover)] has-[:focus-visible]:ui-focus-ring data-invalid:shadow-[inset_0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge)] data-invalid:hover:shadow-[inset_0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge-hover)] data-invalid:has-[:focus-visible]:ui-focus-ring-danger min-h-control-xs px-control-x-xs min-h-control-sm px-control-x-sm min-h-control-md px-control-x-md min-h-control-lg px-control-x-lg min-h-control-xlg px-control-x-xlg peer sr-only relative mt-0.5 flex shrink-0 items-center justify-center rounded-control-sm border-0 size-checkbox-indicator-xs size-checkbox-indicator-sm size-checkbox-indicator-md size-checkbox-indicator-lg size-checkbox-indicator-xlg pointer-events-none absolute left-1/2 top-1/2 size-icon-xs -translate-x-1/2 -translate-y-1/2 shrink-0 fill-current opacity-0 data-checked:opacity-100 data-indeterminate:opacity-100 grid min-w-0 gap-0.5 mt-0.5 size-icon shrink-0 fill-current text-current opacity-75 bg-surface font-sans text-surface-ink bg-surface text-surface-ink sr-only fill-current inline-block size-icon shrink-0 relative inline-block size-icon shrink-0 absolute inset-0 size-full size-icon shrink-0 animate-spin opacity-25 opacity-75 size-full dark:hidden hidden size-full dark:block size-icon-xs fill-current size-icon fill-current size-icon fill-current rotate-180 dark:hidden hidden dark:inline min-w-0 w-full inline-block hidden ml-0 mr-auto mx-auto ml-auto mr-0 w-full max-w-xs w-full max-w-sm w-full max-w-md w-full max-w-lg w-full max-w-xl w-full max-w-prose max-w-none max-w-xs max-w-sm max-w-md max-w-lg max-w-xl max-w-2xl max-w-3xl max-w-4xl max-w-5xl max-w-6xl max-w-7xl max-w-prose relative inline-grid w-full min-w-0 flex w-full min-w-0 items-center gap-control-gap outline-none min-h-control-lg px-control-padding-lg font-control text-control-lg [font-weight:var(--font-weight-control-lg)] text-left inline-flex min-h-control-lg min-w-control-lg shrink-0 items-center justify-center gap-control-gap px-2 text-sm outline-none min-w-0 flex-1 text-sm border-0 bg-transparent p-0 text-inherit outline-none size-icon shrink-0 fill-current text-surface-ink-muted inline-flex size-control-xs shrink-0 items-center justify-center rounded-control-sm border-0 bg-transparent text-current outline-none absolute left-0 top-0 z-popover m-0 grid h-auto outline-none max-h-lg overflow-hidden rounded-overlay-sm grid min-w-72 max-w-[calc(100vw-2rem)] gap-0 overflow-hidden sm:grid-cols-[minmax(9rem,11rem)_auto] sm:grid-cols-[auto_minmax(9rem,11rem)] relative grid size-full place-items-center overflow-x-auto overflow-y-auto p-popover-padding grid max-w-full gap-2 text-sm grid content-start gap-1 p-popover-padding flex h-menu-item w-full cursor-default select-none items-center gap-2 rounded-control-sm px-menu-item-padding-inline text-left font-menu-item text-menu-item [font-weight:var(--font-weight-menu-item)] outline-none flex items-center justify-end gap-2 p-popover-padding relative w-full min-w-0 w-full border-0 bg-transparent text-inherit outline-none grid min-w-0 gap-2 md:grid-cols-[minmax(10rem,14rem)_minmax(0,1fr)] md:items-start md:gap-x-4 grid-cols-[auto_minmax(0,1fr)] items-start gap-x-3 gap-y-1 grid min-w-0 gap-4 flex flex-wrap items-start gap-4 sm:grid-cols-2 grid min-w-0 gap-3 border-0 p-0 inline-flex min-w-0 items-center gap-2 font-label text-label [font-weight:var(--font-weight-label)] text-label-ink inline-flex min-w-0 items-center gap-2 p-0 font-label text-label [font-weight:var(--font-weight-label)] text-label-ink inline-flex h-control-xs items-center rounded-control-sm border-0 px-1.5 font-badge text-badge-xs [font-weight:var(--font-weight-badge-xs)] font-description text-description [font-weight:var(--font-weight-description)] text-surface-ink-muted font-description text-description [font-weight:var(--font-weight-description)] grid gap-1 grid w-full min-w-0 gap-3 relative grid min-w-0 gap-3 relative grid min-w-0 overflow-hidden rounded-surface-md text-inherit outline-none justify-items-center text-center grid-cols-[auto_minmax(0,1fr)_auto] items-center text-left gap-2 p-3 gap-3 p-4 gap-3 p-5 size-icon-lg shrink-0 fill-current text-surface-ink-muted grid min-w-0 gap-1 text-sm font-medium text-inherit text-xs font-normal text-surface-ink-muted inline-flex min-w-0 items-center justify-center rounded-control-md px-2 py-1 text-xs font-medium text-xs text-surface-ink-muted grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 rounded-surface-sm px-3 py-2 flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-surface-xs bg-interaction-hover text-surface-ink-muted truncate text-sm font-medium text-inherit truncate text-xs font-normal text-surface-ink-muted truncate text-xs font-normal text-intent-danger-text relative z-20 inline-flex size-control-sm shrink-0 items-center justify-center rounded-control-md border-0 bg-transparent text-surface-ink-muted outline-none size-icon-xs fill-current leading-none flex inline-flex flex-row flex-col flex-row-reverse flex-col-reverse flex-nowrap flex-wrap flex-wrap-reverse items-stretch items-baseline flex min-h-0 flex-col overflow-hidden h-full max-h-prose min-w-0 shrink-0 min-h-0 min-w-0 flex-1 basis-0 overflow-hidden inline-grid grid-rows-1 grid-rows-2 grid-rows-3 grid-rows-4 grid-rows-5 grid-rows-6 grid-flow-row grid-flow-col grid-flow-dense grid-flow-row-dense grid-flow-col-dense content-start content-center content-end content-between content-stretch justify-items-center auto-rows-min content-start min-w-48 gap-1 overflow-hidden rounded-overlay-sm p-popover-padding ml-auto font-metadata text-metadata [font-weight:var(--font-weight-metadata)] text-current opacity-70 size-icon shrink-0 fill-current text-current opacity-70 grid auto-rows-min content-start gap-1 px-menu-item-padding-inline py-1 font-label text-label [font-weight:var(--font-weight-label)] self-stretch self-center -mx-popover my-popover h-[var(--border-width-edge-separator)] h-full w-[var(--border-width-edge-separator)] border-0 h-[var(--border-width-edge-separator)] w-full border-0 fixed inset-0 z-dialog m-0 h-auto max-h-none w-auto max-w-none overflow-visible border-0 bg-transparent p-0 text-surface-ink backdrop:bg-transparent fixed inset-0 z-dialog flex min-h-dvh items-center justify-center overflow-y-auto p-4 items-start justify-center items-center justify-end overflow-hidden items-end justify-center items-center justify-start overflow-hidden fixed inset-0 bg-scrim relative z-dialog grid w-full min-w-0 gap-4 overflow-auto p-5 outline-none max-h-full rounded-overlay-md max-w-modal-sm max-w-modal-md max-w-modal-lg max-w-modal-xl max-w-full min-h-dvh max-w-modal-md rounded-l-overlay-md grid-rows-[auto_auto_minmax(0,1fr)_auto] [&>[data-ui-modal-body]]:-mx-1 [&>[data-ui-modal-body]]:min-h-0 [&>[data-ui-modal-body]]:content-start [&>[data-ui-modal-body]]:overflow-x-hidden [&>[data-ui-modal-body]]:overflow-y-auto [&>[data-ui-modal-body]]:px-1 [&>[data-ui-modal-footer]]:self-end min-h-dvh max-w-modal-md rounded-r-overlay-md max-w-full rounded-b-overlay-md max-w-full rounded-t-overlay-md pr-8 -mt-3 pr-8 text-surface-ink-muted grid min-w-0 gap-3 text-sm flex min-w-0 items-center justify-end gap-2 pt-1 absolute right-3 top-3 inline-flex size-control-md items-center justify-center rounded-control-sm border border-transparent text-surface-ink-muted outline-none hover:bg-interaction-hover focus-visible:ui-focus-ring relative isolate min-w-0 absolute inset-0 z-10 cursor-pointer outline-none focus-visible:ui-focus-ring-inset relative z-20 relative flex h-full min-h-0 w-full min-w-0 relative min-w-0 overflow-hidden h-full min-h-0 w-full min-w-0 flex h-full min-h-0 w-full min-w-0 items-center justify-center overflow-hidden absolute z-20 touch-none border-transparent outline-none hover:border-intent-neutral-edge-hover focus-visible:ui-focus-ring-inset data-resizing:border-intent-neutral-edge-strong inset-y-0 w-panel-resize-handle cursor-col-resize inset-x-0 h-panel-resize-handle cursor-row-resize inline-flex size-control-md items-center justify-center outline-none focus-visible:ui-focus-ring-inset size-icon-md shrink-0 inline-grid w-full min-w-0 h-control-xs px-control-padding-xs font-control text-control-xs [font-weight:var(--font-weight-control-xs)] h-control-sm px-control-padding-sm font-control text-control-sm [font-weight:var(--font-weight-control-sm)] h-control-md px-control-padding-md font-control text-control-md [font-weight:var(--font-weight-control-md)] h-control-lg px-control-padding-lg font-control text-control-lg [font-weight:var(--font-weight-control-lg)] h-control-xlg px-control-padding-xlg font-control text-control-xlg [font-weight:var(--font-weight-control-xlg)] w-full min-w-0 flex-1 file:mr-3 file:h-full file:border-0 file:bg-transparent file:text-sm file:font-normal file:text-inherit inline-flex h-control-xs shrink-0 cursor-default select-none items-center rounded-control-sm border-0 bg-interaction-hover px-1.5 text-xs font-normal text-surface-ink-muted ui-edge shrink-0 cursor-default select-none text-sm font-normal text-surface-ink-muted w-full min-w-0 grid gap-2 grid gap-3 flex flex-wrap items-stretch gap-3 inline-grid gap-2 relative flex min-w-0 cursor-pointer items-start gap-2 rounded-control-md outline-none ui-interactive:hover:bg-interaction-hover ui-interactive:ui-active:bg-interaction-pressed ui-interactive:ui-selected:bg-interaction-selected ui-interactive:ui-selected:hover:bg-interaction-selected-hover w-full py-0.5 w-auto flex-1 cursor-pointer items-start gap-3 w-auto flex-none rounded-full mt-0.5 flex shrink-0 items-center justify-center rounded-full border-0 size-radio-indicator-xs size-radio-indicator-sm size-radio-indicator-md size-radio-indicator-lg size-radio-indicator-xlg rounded-full bg-current opacity-0 data-checked:opacity-100 size-radio-dot-xs size-radio-dot-sm size-radio-dot-md size-radio-dot-lg size-radio-dot-xlg shrink-0 border-0 [print-color-adjust:exact] self-stretch self-center w-[var(--border-width-edge-separator)] flex h-auto items-center gap-3 bg-transparent h-[var(--border-width-edge-separator)] bg-separator h-[var(--border-width-edge-separator)] bg-separator-muted bg-separator bg-separator-muted h-[var(--border-width-edge-separator)] min-w-0 flex-1 border-0 [print-color-adjust:exact] shrink-0 min-h-control-xs px-control-padding-xs font-control text-control-xs [font-weight:var(--font-weight-control-xs)] min-h-control-sm px-control-padding-sm font-control text-control-sm [font-weight:var(--font-weight-control-sm)] min-h-control-md px-control-padding-md font-control text-control-md [font-weight:var(--font-weight-control-md)] min-h-control-xlg px-control-padding-xlg font-control text-control-xlg [font-weight:var(--font-weight-control-xlg)] flex-wrap gap-1 py-0.5 !pl-1.5 flex min-w-0 flex-1 items-center gap-2 border-0 bg-transparent p-0 text-left text-inherit outline-none min-w-16 self-stretch min-w-0 flex-1 text-surface-ink-muted w-full min-w-16 flex-1 flex min-h-control-xlg shrink-0 items-center gap-2 px-3 min-w-0 items-center gap-3 px-4 pt-4 min-w-0 flex-1 truncate text-base font-medium inline-flex size-control-md shrink-0 items-center justify-center rounded-control-sm border-0 bg-transparent text-surface-ink-muted outline-none focus-visible:ui-focus-ring flex min-w-0 flex-wrap items-center gap-1 max-w-64 block min-w-0 flex-1 truncate overflow-hidden rounded-overlay-sm min-h-0 outline-none min-h-0 max-h-select-listbox grid auto-rows-min content-start gap-1 p-popover-padding shrink-0 p-popover-padding [&:has([data-ui-select-option-label]>*+*)]:h-auto [&:has([data-ui-select-option-label]>*+*)]:items-start [&:has([data-ui-select-option-label]>*+*)]:py-2 min-w-0 flex-1 truncate ml-auto text-current opacity-70 ml-auto size-icon shrink-0 fill-current text-current opacity-0 data-selected:opacity-100 px-menu-item-padding-inline py-1 px-menu-item-padding-inline py-2 text-sm text-surface-ink-muted appearance-none pe-10 pointer-events-none absolute right-3 top-1/2 size-icon -translate-y-1/2 fill-current text-icon fixed inset-y-2 z-dialog flex min-h-0 w-[var(--spacing-sidebar-drawer-width)] flex-col overflow-hidden rounded-overlay-md border-separator outline-none data-[drawer-state=open]:bg-surface data-[mobile-state=closed]:-translate-x-full data-[mobile-state=open]:translate-x-0 data-[responsive-mode=desktop]:z-auto data-[responsive-mode=desktop]:w-[var(--ui-sidebar-width,var(--spacing-sidebar-width))] data-[responsive-mode=desktop]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=closed]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=open]:translate-x-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:inset-y-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:w-full data-[responsive-mode=desktop]:data-[desktop-state=expanded]:rounded-none data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=closed]:data-[sidebar-exiting=false]:hidden data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:fixed data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:z-dialog data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:h-auto [grid-area:sidebar] data-[placement=top]:data-[responsive-mode=desktop]:relative data-[placement=top]:data-[responsive-mode=desktop]:inset-auto data-[placement=top]:data-[responsive-mode=desktop]:z-auto data-[placement=top]:data-[responsive-mode=desktop]:h-[var(--ui-sidebar-height,auto)] data-[placement=top]:data-[responsive-mode=desktop]:w-full data-[placement=top]:data-[responsive-mode=desktop]:max-w-none data-[placement=top]:data-[responsive-mode=desktop]:translate-x-0 data-[placement=top]:data-[responsive-mode=desktop]:flex-row data-[placement=top]:data-[responsive-mode=desktop]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:flex-1 data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]>[data-ui-scroll-area]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-item]]:w-auto data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:items-center [--ui-sidebar-resting-elevation:var(--shadow-elevation-1)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-2)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-3)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-4)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-5)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-6)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-7)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-8)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-0)] [--ui-sidebar-resting-elevation:var(--ui-matched-elevation)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-1)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-2)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-3)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-4)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-5)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-6)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-7)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-8)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-0)] [--ui-sidebar-drawer-elevation:var(--ui-matched-elevation)] data-[placement=side][data-side=left]:border-r-edge-divider data-[placement=side][data-side=right]:border-l-edge-divider data-[placement=top]:border-b-edge-divider left-2 border-r-edge-divider data-[responsive-mode=desktop]:data-[desktop-state=expanded]:left-auto right-2 border-l-edge-divider data-[mobile-state=closed]:translate-x-full data-[mobile-state=open]:translate-x-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:right-auto data-[responsive-mode=desktop]:sticky data-[responsive-mode=desktop]:h-screen data-[responsive-mode=desktop]:relative data-[responsive-mode=desktop]:h-auto data-[responsive-mode=desktop]:data-[sticky=false]:relative data-[responsive-mode=desktop]:data-[sticky=False]:relative data-[responsive-mode=desktop]:data-[sticky=false]:h-auto data-[responsive-mode=desktop]:data-[sticky=False]:h-auto flex min-h-control-xlg shrink-0 items-center gap-sidebar-header-gap px-sidebar-header-padding-inline py-sidebar-header-padding-block min-h-0 flex-1 overflow-hidden grid min-w-0 content-start gap-sidebar-content-gap px-sidebar-content-padding-inline py-sidebar-content-padding-block [&>[data-ui-separator]]:-mx-sidebar-content-padding-inline [&>[data-ui-separator]]:w-auto grid shrink-0 gap-sidebar-content-gap px-sidebar-content-padding-inline py-sidebar-content-padding-block grid gap-sidebar-content-gap group/sidebar-item flex h-control-md w-full min-w-0 select-none items-center gap-2 rounded-control-md px-2 border border-transparent text-left text-sm font-medium outline-none cursor-default data-current:border-transparent data-current:shadow-none pr-9 group/sidebar-item-row relative min-w-0 size-icon-xs shrink-0 fill-current text-icon ml-auto shrink-0 rounded-control-sm bg-interaction-hover px-1.5 py-0.5 text-xs text-surface-ink-muted absolute right-1 top-1/2 z-10 flex -translate-y-1/2 items-center gap-1 relative grid gap-sidebar-content-gap block h-control-md cursor-default select-none list-none rounded-control-md text-xs font-medium text-surface-ink-muted outline-none hover:bg-interaction-hover hover:text-surface-ink focus-visible:ui-focus-ring [&::-webkit-details-marker]:hidden flex h-full min-w-0 items-center gap-2 px-2 flex min-h-control-md min-w-0 select-none items-center gap-2 px-2 py-1 cursor-default size-icon-xs shrink-0 fill-current text-icon group-open/sidebar-group:rotate-90 ml-auto flex shrink-0 items-center gap-1 inline-flex h-control-md w-control-md shrink-0 items-center justify-center rounded-control-md text-surface-ink-muted outline-none size-icon fill-current text-current fixed inset-y-0 z-30 hidden w-4 bg-transparent outline-none data-[state=visible]:block focus-visible:ui-focus-ring-inset data-[state=hidden]:hidden left-0 right-0 absolute inset-y-0 z-10 hidden w-3 cursor-col-resize touch-none border-transparent outline-none group-data-[responsive-mode=desktop]/sidebar:block hover:border-intent-neutral-edge-hover data-disabled:hidden group-data-[placement=top]/sidebar:inset-x-0 group-data-[placement=top]/sidebar:bottom-0 group-data-[placement=top]/sidebar:top-auto group-data-[placement=top]/sidebar:h-3 group-data-[placement=top]/sidebar:w-auto group-data-[placement=top]/sidebar:cursor-row-resize group-data-[placement=top]/sidebar:border-b-edge-divider group-data-[placement=top]/sidebar:border-r-0 group-data-[placement=top]/sidebar:border-l-0 right-0 border-r-edge-divider left-0 border-l-edge-divider grid w-full min-w-0 gap-1.5 text-inherit relative isolate min-w-0 touch-none select-none outline-none h-control-lg w-full min-w-28 h-40 w-control-lg absolute rounded-full border-0 left-0 right-0 top-1/2 -translate-y-1/2 bottom-0 left-1/2 top-0 -translate-x-1/2 h-slider-track-xs h-slider-track-sm h-slider-track-md h-slider-track-lg h-slider-track-xlg w-slider-track-xs w-slider-track-sm w-slider-track-md w-slider-track-lg w-slider-track-xlg absolute rounded-full top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2 pointer-events-none absolute inset-0 z-10 m-0 size-full cursor-pointer opacity-0 pointer-events-none absolute z-20 block rounded-full border-0 outline-none top-1/2 -translate-x-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2 translate-y-1/2 size-slider-thumb-xs size-slider-thumb-sm size-slider-thumb-md size-slider-thumb-lg size-slider-thumb-xlg tabular-nums text-surface-ink-muted relative min-w-0 h-5 absolute bottom-0 left-full top-0 ml-2 w-10 absolute grid justify-items-center gap-1 text-surface-ink-muted top-0 -translate-x-1/2 left-0 translate-y-1/2 block rounded-full bg-separator h-1.5 w-px h-px w-1.5 relative min-w-0 overflow-hidden text-surface-ink data-disabled:opacity-60 flex min-h-0 flex-1 flex-col min-h-0 min-w-0 outline-none h-full w-full overflow-x-hidden overflow-y-auto h-full w-full overflow-x-auto overflow-y-hidden size-full overflow-auto flex-1 w-max min-w-full min-w-full pointer-events-none absolute z-10 rounded-scrollbar-thumb opacity-0 data-visible:pointer-events-auto data-visible:opacity-100 data-disabled:pointer-events-none bottom-scrollbar-inset right-scrollbar-inset top-scrollbar-inset w-scrollbar bottom-scrollbar-inset left-scrollbar-inset right-scrollbar-inset h-scrollbar absolute rounded-scrollbar-thumb bg-scrollbar-thumb hover:bg-scrollbar-thumb-hover data-dragging:bg-scrollbar-thumb-hover left-0 top-0 w-full left-0 top-0 h-full pointer-events-none absolute bottom-scrollbar-inset right-scrollbar-inset z-10 size-scrollbar rounded-scrollbar-thumb bg-transparent opacity-0 data-visible:opacity-100 justify-items-baseline relative flex w-full min-w-0 cursor-pointer items-start gap-2 rounded-control-md text-inherit outline-none flex-row-reverse justify-end peer absolute inset-0 z-10 m-0 cursor-pointer opacity-0 relative mt-0.5 shrink-0 h-switch-track-height-xs w-switch-track-width-xs h-switch-track-height-sm w-switch-track-width-sm h-switch-track-height-md w-switch-track-width-md h-switch-track-height-lg w-switch-track-width-lg h-switch-track-height-xlg w-switch-track-width-xlg pointer-events-none relative flex size-full items-center rounded-full border-0 p-switch-inset pointer-events-none relative block rounded-full border-0 size-switch-thumb-xs data-checked:translate-x-switch-travel-xs size-switch-thumb-sm data-checked:translate-x-switch-travel-sm size-switch-thumb-md data-checked:translate-x-switch-travel-md size-switch-thumb-lg data-checked:translate-x-switch-travel-lg size-switch-thumb-xlg data-checked:translate-x-switch-travel-xlg grid min-w-0 flex-1 gap-0.5 py-0.5 grid min-w-0 relative flex min-w-0 group/tabs-tab relative z-10 inline-flex min-w-0 shrink-0 select-none items-center gap-2 whitespace-nowrap pointer-events-none absolute left-0 top-0 z-0 min-w-0 text-sm outline-none min-w-0 text-surface-ink inline-block max-w-full min-w-0 max-w-full overflow-x-auto caption-bottom border-separate border-spacing-0 text-left text-sm leading-5 text-surface-ink [&_thead]:text-surface-ink-muted [&_tfoot]:text-surface-ink-muted [&_[data-ui-table-cell]]:min-w-0 [&_[data-ui-table-column]]:min-w-0 [&_[data-ui-table-row-header]]:min-w-0 [&_[data-ui-table-column]]:text-xs [&_[data-ui-table-column]]:font-medium [&_[data-ui-table-row-header]]:font-medium [&_[data-ui-table-cell]]:text-surface-ink [&_[data-ui-table-row-header]]:text-surface-ink [&_[data-ui-table-row][data-disabled]]:opacity-disabled table-auto table-fixed [&_[data-ui-table-cell]]:px-2 [&_[data-ui-table-cell]]:py-1.5 [&_[data-ui-table-column]]:px-2 [&_[data-ui-table-column]]:py-1.5 [&_[data-ui-table-row-header]]:px-2 [&_[data-ui-table-row-header]]:py-1.5 [&_[data-ui-table-cell]]:px-3 [&_[data-ui-table-cell]]:py-2 [&_[data-ui-table-column]]:px-3 [&_[data-ui-table-column]]:py-2 [&_[data-ui-table-row-header]]:px-3 [&_[data-ui-table-row-header]]:py-2 [&_[data-ui-table-cell]]:px-4 [&_[data-ui-table-cell]]:py-3 [&_[data-ui-table-column]]:px-4 [&_[data-ui-table-column]]:py-3 [&_[data-ui-table-row-header]]:px-4 [&_[data-ui-table-row-header]]:py-3 bg-transparent bg-interaction-hover [&_[data-ui-table-row]>*]:border-separator [&_tbody_[data-ui-table-row]:not(:last-child)>*]:border-b-edge-separator [&_thead_[data-ui-table-row]>*]:border-b-edge-separator [&_tfoot_[data-ui-table-row]>*]:border-t-edge-separator [&_[data-ui-table-row]>*]:border-separator [&_[data-ui-table-row]>*+*]:border-l-edge-separator [&_tbody_[data-ui-table-row]:not(:last-child)>*]:border-b-edge-separator [&_thead_[data-ui-table-row]>*]:border-b-edge-separator [&_tfoot_[data-ui-table-row]>*]:border-t-edge-separator [&_[data-ui-table-row]>*:first-child]:ps-0 [&_[data-ui-table-row]>*:last-child]:pe-0 [&_tbody_[data-ui-table-row]:nth-child(even)>*]:bg-interaction-hover [&_tbody_[data-ui-table-row]:not([data-disabled]):not([data-selected]):not([data-current]):hover>*]:bg-interaction-hover [&_[data-ui-table-header]]:sticky [&_[data-ui-table-header]]:top-0 [&_[data-ui-table-header]]:z-10 [&_[data-ui-table-header]]:bg-surface [&_[data-ui-table-cell]]:whitespace-nowrap [&_[data-ui-table-column]]:whitespace-nowrap [&_[data-ui-table-row-header]]:whitespace-nowrap w-auto text-sm text-surface-ink-muted caption-top pb-2 text-left caption-bottom pt-2 text-left [&>*]:bg-interaction-selected relative align-middle text-left text-surface-ink-muted text-center text-right align-top align-middle align-bottom align-baseline flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-2 basis-full min-w-0 text-xs leading-none text-surface-ink-muted absolute inset-y-0 right-0 z-10 w-2 cursor-col-resize touch-none outline-none hover:bg-intent-neutral-edge-hover focus-visible:bg-intent-neutral-edge-hover data-resizing:bg-intent-neutral-edge-hover align-middle text-left font-medium text-surface-ink align-middle text-left py-8 text-center text-sm text-surface-ink-muted flex w-full min-w-0 gap-control-gap outline-none min-h-control-multiline-xs px-control-padding-xs py-1 font-control text-control-xs [font-weight:var(--font-weight-control-xs)] min-h-control-multiline-sm px-control-padding-sm py-1.5 font-control text-control-sm [font-weight:var(--font-weight-control-sm)] min-h-control-multiline-md px-control-padding-md py-2 font-control text-control-md [font-weight:var(--font-weight-control-md)] min-h-control-multiline-lg px-control-padding-lg py-2 font-control text-control-lg [font-weight:var(--font-weight-control-lg)] min-h-control-multiline-xlg px-control-padding-xlg py-2 font-control text-control-xlg [font-weight:var(--font-weight-control-xlg)] min-h-0 w-full min-w-0 resize-y resize-x resize resize-none group/toast pointer-events-auto relative grid w-full min-w-0 items-center gap-x-3 gap-y-1 overflow-hidden rounded-overlay-md px-3 py-2.5 outline-none data-[state=closed]:pointer-events-none data-[state=closed]:opacity-0 grid-cols-[auto_minmax(0,1fr)_auto] grid-cols-[minmax(0,1fr)_auto] size-2 self-center rounded-full grid min-w-0 gap-0.5 self-center -mr-1 inline-flex size-control-md shrink-0 items-center justify-center self-center rounded-control-sm outline-none pointer-events-none fixed z-toast flex w-[min(24rem,calc(100vw-2rem))] flex-col gap-2 right-4 top-4 justify-items-end left-4 top-4 justify-items-start left-1/2 top-4 -translate-x-1/2 justify-items-center bottom-4 right-4 justify-items-end bottom-4 left-4 justify-items-start bottom-4 left-1/2 -translate-x-1/2 justify-items-center");
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
@media (hover: hover) {
|
|
33
33
|
[data-ui-elevation][data-ui-interactive="surface"]:hover {
|
|
34
|
-
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--
|
|
34
|
+
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -52,6 +52,72 @@
|
|
|
52
52
|
--ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
+
/*
|
|
56
|
+
Shared interaction treatments keep state independent from its visual channels.
|
|
57
|
+
Tonal layers are painted over the element's existing surface with a background
|
|
58
|
+
image, while edge layers join the composable state/elevation shadow stack.
|
|
59
|
+
*/
|
|
60
|
+
[data-ui-interaction] {
|
|
61
|
+
--ui-interaction-fill: transparent;
|
|
62
|
+
--ui-interaction-edge: transparent;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
:is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]) {
|
|
66
|
+
background-image: linear-gradient(var(--ui-interaction-fill), var(--ui-interaction-fill));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
:is([data-ui-interaction="edge"], [data-ui-interaction="combined"]) {
|
|
70
|
+
--ui-state-shadow-layers:
|
|
71
|
+
0 0 0 var(--border-width-edge-perimeter) var(--ui-interaction-edge);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@media (hover: hover) {
|
|
75
|
+
[data-ui-interaction]:hover {
|
|
76
|
+
--ui-interaction-fill: var(--color-interaction-hover);
|
|
77
|
+
--ui-interaction-edge: var(--ui-surface-edge-hover);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
[data-ui-interaction]:active {
|
|
82
|
+
--ui-interaction-fill: var(--color-interaction-pressed);
|
|
83
|
+
--ui-interaction-edge: var(--ui-surface-edge-strong);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
[data-ui-interaction]:is(
|
|
87
|
+
[data-selected="true"],
|
|
88
|
+
[aria-selected="true"],
|
|
89
|
+
[data-current],
|
|
90
|
+
[aria-current]:not([aria-current="false"]),
|
|
91
|
+
[data-checked],
|
|
92
|
+
[aria-checked="true"],
|
|
93
|
+
[data-pressed],
|
|
94
|
+
[aria-pressed="true"]
|
|
95
|
+
) {
|
|
96
|
+
--ui-interaction-fill: var(--color-interaction-selected);
|
|
97
|
+
--ui-interaction-edge: var(--color-interaction-edge-selected);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
@media (hover: hover) {
|
|
101
|
+
[data-ui-interaction]:is(
|
|
102
|
+
[data-selected="true"],
|
|
103
|
+
[aria-selected="true"],
|
|
104
|
+
[data-current],
|
|
105
|
+
[aria-current]:not([aria-current="false"]),
|
|
106
|
+
[data-checked],
|
|
107
|
+
[aria-checked="true"],
|
|
108
|
+
[data-pressed],
|
|
109
|
+
[aria-pressed="true"]
|
|
110
|
+
):hover {
|
|
111
|
+
--ui-interaction-fill: var(--color-interaction-selected-hover);
|
|
112
|
+
--ui-interaction-edge: var(--color-interaction-edge-selected-hover);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
[data-ui-interaction]:is(:focus-visible, :has(:focus-visible)) {
|
|
117
|
+
--ui-state-shadow-layers:
|
|
118
|
+
0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
119
|
+
}
|
|
120
|
+
|
|
55
121
|
/*
|
|
56
122
|
Root theme for the Trellis UI component system.
|
|
57
123
|
|
|
@@ -84,9 +150,12 @@
|
|
|
84
150
|
--color-surface: var(--ui-surface-color);
|
|
85
151
|
--color-surface-ink: var(--ui-surface-ink);
|
|
86
152
|
--color-surface-ink-muted: var(--ui-surface-ink-muted);
|
|
153
|
+
--color-label-ink: var(--ui-label-ink);
|
|
87
154
|
--color-icon: var(--ui-surface-ink-muted);
|
|
88
|
-
--color-
|
|
89
|
-
--color-
|
|
155
|
+
--color-separator: var(--ui-surface-separator);
|
|
156
|
+
--color-separator-muted: var(--ui-surface-separator-muted);
|
|
157
|
+
--color-scrollbar-thumb: var(--ui-surface-edge);
|
|
158
|
+
--color-scrollbar-thumb-hover: var(--ui-surface-edge-hover);
|
|
90
159
|
}
|
|
91
160
|
|
|
92
161
|
:root,
|
|
@@ -98,6 +167,11 @@
|
|
|
98
167
|
--ui-font-weight-medium: var(--font-weight-medium);
|
|
99
168
|
--ui-font-weight-semibold: var(--font-weight-semibold);
|
|
100
169
|
--ui-letter-spacing: 0;
|
|
170
|
+
--ui-label-ink: color-mix(
|
|
171
|
+
in oklab,
|
|
172
|
+
var(--ui-surface-ink-muted),
|
|
173
|
+
var(--ui-surface-ink) var(--label-ink-emphasis)
|
|
174
|
+
);
|
|
101
175
|
|
|
102
176
|
--ui-control-height-xs: var(--spacing-control-xs);
|
|
103
177
|
--ui-control-height-sm: var(--spacing-control-sm);
|
|
@@ -152,7 +226,7 @@
|
|
|
152
226
|
}
|
|
153
227
|
|
|
154
228
|
@utility ui-edge {
|
|
155
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
229
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
156
230
|
}
|
|
157
231
|
|
|
158
232
|
@utility ui-focus-ring {
|
|
@@ -181,8 +255,8 @@
|
|
|
181
255
|
|
|
182
256
|
/* Shared action treatment: Button and interactive Badge. */
|
|
183
257
|
[data-ui-action-recipe] {
|
|
184
|
-
--ui-action-text: var(--
|
|
185
|
-
--ui-action-text-hover: var(--
|
|
258
|
+
--ui-action-text: var(--ui-surface-ink);
|
|
259
|
+
--ui-action-text-hover: var(--ui-surface-ink);
|
|
186
260
|
--ui-action-soft: var(--color-intent-neutral-soft);
|
|
187
261
|
--ui-action-soft-hover: var(--color-intent-neutral-soft-hover);
|
|
188
262
|
--ui-action-soft-pressed: var(--color-intent-neutral-soft-pressed);
|
|
@@ -191,9 +265,9 @@
|
|
|
191
265
|
--ui-action-solid-hover: var(--color-intent-neutral-solid-hover);
|
|
192
266
|
--ui-action-solid-pressed: var(--color-intent-neutral-solid-pressed);
|
|
193
267
|
--ui-action-solid-ink: var(--color-intent-neutral-solid-ink);
|
|
194
|
-
--ui-action-edge: var(--
|
|
195
|
-
--ui-action-edge-hover: var(--
|
|
196
|
-
--ui-action-edge-strong: var(--
|
|
268
|
+
--ui-action-edge: var(--ui-surface-edge);
|
|
269
|
+
--ui-action-edge-hover: var(--ui-surface-edge-hover);
|
|
270
|
+
--ui-action-edge-strong: var(--ui-surface-edge-strong);
|
|
197
271
|
--ui-action-focus: var(--color-intent-neutral-focus);
|
|
198
272
|
--ui-action-focus-width: var(--color-intent-neutral-focus-width);
|
|
199
273
|
}
|
|
@@ -355,14 +429,14 @@
|
|
|
355
429
|
|
|
356
430
|
/* Feedback surface treatment: Toast. */
|
|
357
431
|
[data-ui-toast-recipe] {
|
|
358
|
-
--ui-toast-text: var(--
|
|
432
|
+
--ui-toast-text: var(--ui-surface-ink);
|
|
359
433
|
--ui-toast-soft: var(--color-intent-neutral-soft);
|
|
360
434
|
--ui-toast-soft-ink: var(--color-intent-neutral-soft-ink);
|
|
361
435
|
--ui-toast-soft-ink-muted: var(--color-intent-neutral-soft-ink-muted);
|
|
362
436
|
--ui-toast-solid: var(--color-intent-neutral-solid);
|
|
363
437
|
--ui-toast-solid-ink: var(--color-intent-neutral-solid-ink);
|
|
364
|
-
--ui-toast-edge: var(--
|
|
365
|
-
--ui-toast-edge-strong: var(--
|
|
438
|
+
--ui-toast-edge: var(--ui-surface-edge);
|
|
439
|
+
--ui-toast-edge-strong: var(--ui-surface-edge-strong);
|
|
366
440
|
--ui-toast-focus: var(--color-intent-neutral-focus);
|
|
367
441
|
--ui-toast-focus-width: var(--color-intent-neutral-focus-width);
|
|
368
442
|
--ui-toast-ink: var(--ui-surface-ink);
|
|
@@ -481,16 +555,16 @@
|
|
|
481
555
|
}
|
|
482
556
|
|
|
483
557
|
[data-ui-tabs-list][data-variant="line"] {
|
|
484
|
-
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--
|
|
558
|
+
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
|
|
485
559
|
}
|
|
486
560
|
|
|
487
561
|
[data-ui-tabs-list][data-variant="line"][data-orientation="vertical"] {
|
|
488
|
-
box-shadow: inset var(--border-width-edge-separator) 0 0 var(--
|
|
562
|
+
box-shadow: inset var(--border-width-edge-separator) 0 0 var(--ui-surface-separator);
|
|
489
563
|
}
|
|
490
564
|
|
|
491
565
|
[data-ui-tabs-list][data-variant="segmented"] {
|
|
492
566
|
background-color: var(--color-interaction-hover);
|
|
493
|
-
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--
|
|
567
|
+
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
494
568
|
}
|
|
495
569
|
|
|
496
570
|
[data-ui-tabs-tab] {
|
|
@@ -531,7 +605,7 @@
|
|
|
531
605
|
inset: var(--border-width-edge-control);
|
|
532
606
|
border-radius: inherit;
|
|
533
607
|
background-color: var(--ui-surface-color);
|
|
534
|
-
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--
|
|
608
|
+
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
535
609
|
content: "";
|
|
536
610
|
}
|
|
537
611
|
|
|
@@ -550,7 +624,7 @@
|
|
|
550
624
|
--ui-option-active: var(--color-interaction-pressed);
|
|
551
625
|
--ui-option-selected-background: var(--background-interaction-selection-neutral);
|
|
552
626
|
--ui-option-selected-background-hover: var(--background-interaction-selection-neutral-hover);
|
|
553
|
-
--ui-option-selected-ink: var(--
|
|
627
|
+
--ui-option-selected-ink: var(--ui-surface-ink);
|
|
554
628
|
color: var(--ui-option-text);
|
|
555
629
|
background-color: transparent;
|
|
556
630
|
}
|
|
@@ -584,8 +658,8 @@
|
|
|
584
658
|
|
|
585
659
|
[data-ui-option-recipe][data-color="danger"] {
|
|
586
660
|
--ui-option-text: var(--color-intent-danger-text);
|
|
587
|
-
--ui-option-hover: var(--
|
|
588
|
-
--ui-option-active: var(--
|
|
661
|
+
--ui-option-hover: var(--background-interaction-selection-danger);
|
|
662
|
+
--ui-option-active: var(--background-interaction-selection-danger-hover);
|
|
589
663
|
--ui-option-selected-background: var(--background-interaction-selection-danger);
|
|
590
664
|
--ui-option-selected-background-hover: var(--background-interaction-selection-danger-hover);
|
|
591
665
|
--ui-option-selected-ink: var(--color-interaction-selection-danger-ink);
|
|
@@ -634,42 +708,42 @@
|
|
|
634
708
|
}
|
|
635
709
|
|
|
636
710
|
[data-ui-select-search] {
|
|
637
|
-
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--
|
|
711
|
+
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
|
|
638
712
|
}
|
|
639
713
|
|
|
640
714
|
[data-ui-select-create],
|
|
641
715
|
[data-ui-date-picker-footer] {
|
|
642
|
-
box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--
|
|
716
|
+
box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--ui-surface-separator);
|
|
643
717
|
}
|
|
644
718
|
|
|
645
719
|
@media (min-width: 40rem) {
|
|
646
720
|
[data-ui-date-picker-presets][data-position="left"] {
|
|
647
|
-
box-shadow: inset calc(var(--border-width-edge-separator) * -1) 0 0 var(--
|
|
721
|
+
box-shadow: inset calc(var(--border-width-edge-separator) * -1) 0 0 var(--ui-surface-separator);
|
|
648
722
|
}
|
|
649
723
|
|
|
650
724
|
[data-ui-date-picker-presets][data-position="right"] {
|
|
651
|
-
box-shadow: inset var(--border-width-edge-separator) 0 0 var(--
|
|
725
|
+
box-shadow: inset var(--border-width-edge-separator) 0 0 var(--ui-surface-separator);
|
|
652
726
|
}
|
|
653
727
|
}
|
|
654
728
|
|
|
655
729
|
[data-ui-date-picker-presets][data-position="top"] {
|
|
656
|
-
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--
|
|
730
|
+
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
|
|
657
731
|
}
|
|
658
732
|
|
|
659
733
|
[data-ui-date-picker-presets][data-position="bottom"] {
|
|
660
|
-
box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--
|
|
734
|
+
box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--ui-surface-separator);
|
|
661
735
|
}
|
|
662
736
|
|
|
663
737
|
:is([data-ui-menu-separator], [data-ui-select-separator]) > [role="separator"],
|
|
664
738
|
[data-ui-select-separator] > div {
|
|
665
|
-
background-color: var(--
|
|
739
|
+
background-color: var(--ui-surface-separator);
|
|
666
740
|
}
|
|
667
741
|
|
|
668
742
|
/* Field and dropzone control treatments. */
|
|
669
743
|
[data-ui-control][data-ui-control-recipe="field"] {
|
|
670
744
|
color: inherit;
|
|
671
745
|
background-color: transparent;
|
|
672
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
746
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
673
747
|
}
|
|
674
748
|
|
|
675
749
|
[data-ui-control][data-ui-control-recipe="field"][data-variant="filled"] {
|
|
@@ -682,7 +756,7 @@
|
|
|
682
756
|
}
|
|
683
757
|
|
|
684
758
|
[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"]) {
|
|
685
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
759
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-hover);
|
|
686
760
|
}
|
|
687
761
|
|
|
688
762
|
[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 +766,16 @@
|
|
|
692
766
|
}
|
|
693
767
|
|
|
694
768
|
[data-ui-control][data-ui-control-recipe="field"]:is([data-invalid], [aria-invalid="true"]) {
|
|
695
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge, var(--
|
|
769
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge, var(--ui-surface-edge-strong));
|
|
696
770
|
}
|
|
697
771
|
|
|
698
772
|
[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) {
|
|
699
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover, var(--
|
|
773
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover, var(--ui-surface-edge-strong));
|
|
700
774
|
}
|
|
701
775
|
|
|
702
776
|
[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) {
|
|
703
777
|
box-shadow:
|
|
704
|
-
0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-strong, var(--
|
|
778
|
+
0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-strong, var(--ui-surface-edge-strong)),
|
|
705
779
|
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));
|
|
706
780
|
}
|
|
707
781
|
|
|
@@ -738,12 +812,12 @@
|
|
|
738
812
|
[data-ui-control][data-ui-control-recipe="dropzone"] {
|
|
739
813
|
color: inherit;
|
|
740
814
|
background-color: transparent;
|
|
741
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
815
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
742
816
|
}
|
|
743
817
|
|
|
744
818
|
[data-ui-control][data-ui-control-recipe="dropzone"]:is(:hover, :active):not(:focus-within):not([data-dragging]):not([data-disabled]):not([data-invalid]) {
|
|
745
819
|
background-color: var(--color-interaction-hover);
|
|
746
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
820
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-hover);
|
|
747
821
|
}
|
|
748
822
|
|
|
749
823
|
[data-ui-control][data-ui-control-recipe="dropzone"]:is(:focus-within, [data-dragging]):not([data-disabled]):not([data-invalid]) {
|
|
@@ -772,17 +846,17 @@
|
|
|
772
846
|
[data-ui-control][data-ui-control-recipe="dropzone"] [data-ui-file-upload-browse] {
|
|
773
847
|
color: var(--color-intent-neutral-soft-ink);
|
|
774
848
|
background-color: var(--color-intent-neutral-soft);
|
|
775
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
849
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
776
850
|
}
|
|
777
851
|
|
|
778
852
|
[data-ui-file-upload-item] {
|
|
779
853
|
color: inherit;
|
|
780
854
|
background-color: transparent;
|
|
781
|
-
box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--
|
|
855
|
+
box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge);
|
|
782
856
|
}
|
|
783
857
|
|
|
784
858
|
[data-ui-file-upload-item]:hover {
|
|
785
|
-
box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--
|
|
859
|
+
box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
|
|
786
860
|
}
|
|
787
861
|
|
|
788
862
|
[data-ui-file-upload-item][data-invalid] {
|
|
@@ -807,7 +881,7 @@
|
|
|
807
881
|
[data-ui-selection-recipe="indicator"],
|
|
808
882
|
[data-ui-selection-recipe="switch-track"],
|
|
809
883
|
[data-ui-selection-recipe="slider-track"] {
|
|
810
|
-
--ui-selection-edge: var(--
|
|
884
|
+
--ui-selection-edge: var(--ui-surface-edge);
|
|
811
885
|
color: var(--color-intent-accent-solid-ink);
|
|
812
886
|
background-color: var(--ui-surface-color);
|
|
813
887
|
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-selection-edge);
|
|
@@ -852,7 +926,7 @@
|
|
|
852
926
|
[data-ui-selection-root]:has(input:focus-visible) [data-ui-selection-recipe="switch-track"],
|
|
853
927
|
[data-ui-selection-recipe="slider-thumb"][data-focus] {
|
|
854
928
|
box-shadow:
|
|
855
|
-
0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--
|
|
929
|
+
0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--ui-surface-edge)),
|
|
856
930
|
0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
857
931
|
}
|
|
858
932
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type SchemaToProps } from '../../runtime';
|
|
2
2
|
import { type ElevationReference, type LayoutSpace, type SurfaceReference } from '../common';
|
|
3
3
|
declare const CARD_AS_VALUES: readonly ["div", "section", "article", "aside", "label"];
|
|
4
|
+
declare const CARD_INTERACTIONS: readonly ["none", "tonal", "edge", "combined"];
|
|
4
5
|
declare const CARD_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
|
|
5
6
|
declare const CARD_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
|
|
6
7
|
declare const CARD_SIZES: readonly ["sm", "md"];
|
|
@@ -12,7 +13,8 @@ declare const cardSchema: {
|
|
|
12
13
|
as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "label" | "section">;
|
|
13
14
|
href: import("../../runtime/codecs").StringCodec;
|
|
14
15
|
label: import("../../runtime/codecs").StringCodec;
|
|
15
|
-
|
|
16
|
+
interaction: import("../../runtime/codecs").OneOfCodec<"none" | "edge" | "tonal" | "combined">;
|
|
17
|
+
selected: import("../../runtime/codecs").BoolCodec;
|
|
16
18
|
surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
|
|
17
19
|
elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
|
|
18
20
|
size: import("../../runtime/codecs").OneOfCodec<"sm" | "md">;
|
|
@@ -49,6 +51,7 @@ declare const cardFooterSchema: {
|
|
|
49
51
|
class: import("../../runtime/codecs").StringCodec;
|
|
50
52
|
};
|
|
51
53
|
type CardAs = typeof CARD_AS_VALUES[number];
|
|
54
|
+
type CardInteraction = typeof CARD_INTERACTIONS[number];
|
|
52
55
|
type CardSurface = SurfaceReference;
|
|
53
56
|
type CardElevation = ElevationReference;
|
|
54
57
|
type CardSize = typeof CARD_SIZES[number];
|
|
@@ -63,5 +66,5 @@ type CardDescriptionProps = SchemaToProps<typeof cardDescriptionSchema>;
|
|
|
63
66
|
type CardActionProps = SchemaToProps<typeof cardActionSchema>;
|
|
64
67
|
type CardContentProps = SchemaToProps<typeof cardContentSchema>;
|
|
65
68
|
type CardFooterProps = SchemaToProps<typeof cardFooterSchema>;
|
|
66
|
-
export { CARD_AS_VALUES, CARD_ELEVATIONS, CARD_FOOTER_ALIGNS, CARD_FOOTER_LAYOUTS, CARD_SIZES, CARD_SPACES, CARD_SURFACES, CARD_TITLE_AS_VALUES, cardActionSchema, cardContentSchema, cardDescriptionSchema, cardFooterSchema, cardHeaderSchema, cardSchema, cardTitleSchema, };
|
|
67
|
-
export type { CardActionProps, CardAs, CardContentProps, CardDescriptionProps, CardElevation, CardFooterAlign, CardFooterLayout, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSpace, CardSurface, CardTitleAs, CardTitleProps, };
|
|
69
|
+
export { CARD_AS_VALUES, CARD_ELEVATIONS, CARD_FOOTER_ALIGNS, CARD_FOOTER_LAYOUTS, CARD_INTERACTIONS, CARD_SIZES, CARD_SPACES, CARD_SURFACES, CARD_TITLE_AS_VALUES, cardActionSchema, cardContentSchema, cardDescriptionSchema, cardFooterSchema, cardHeaderSchema, cardSchema, cardTitleSchema, };
|
|
70
|
+
export type { CardActionProps, CardAs, CardContentProps, CardDescriptionProps, CardElevation, CardFooterAlign, CardFooterLayout, CardFooterProps, CardHeaderProps, CardInteraction, CardProps, CardSize, CardSpace, CardSurface, CardTitleAs, CardTitleProps, };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { type SchemaToProps } from '../../runtime';
|
|
2
|
-
import { type ControlSize, type
|
|
2
|
+
import { type ControlSize, type IndicatorPlacement, type Orientation } from '../common';
|
|
3
3
|
declare const CHECKBOX_GROUP_ORIENTATIONS: readonly ["vertical", "horizontal"];
|
|
4
|
-
declare const CHECKBOX_GROUP_VARIANTS: readonly ["default"];
|
|
4
|
+
declare const CHECKBOX_GROUP_VARIANTS: readonly ["default", "pills"];
|
|
5
5
|
declare const CHECKBOX_PLACEMENTS: readonly ["leading", "trailing", "center", "top-leading", "top-trailing", "bottom-leading", "bottom-trailing"];
|
|
6
6
|
declare const CHECKBOX_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
|
|
7
|
-
declare const CHECKBOX_VARIANTS: readonly ["default"];
|
|
7
|
+
declare const CHECKBOX_VARIANTS: readonly ["default", "pills"];
|
|
8
8
|
type CheckboxGroupOrientation = Orientation;
|
|
9
|
-
type CheckboxGroupVariant =
|
|
9
|
+
type CheckboxGroupVariant = (typeof CHECKBOX_GROUP_VARIANTS)[number];
|
|
10
10
|
type CheckboxPlacement = IndicatorPlacement;
|
|
11
11
|
type CheckboxSize = ControlSize;
|
|
12
|
-
type CheckboxVariant =
|
|
12
|
+
type CheckboxVariant = (typeof CHECKBOX_VARIANTS)[number];
|
|
13
13
|
declare const checkboxControlSchema: {
|
|
14
14
|
value: import("../../runtime/codecs").StringCodec;
|
|
15
15
|
name: import("../../runtime/codecs").StringCodec;
|
|
@@ -23,7 +23,7 @@ declare const checkboxControlSchema: {
|
|
|
23
23
|
indicator: import("../../runtime/codecs").BoolCodec;
|
|
24
24
|
placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
|
|
25
25
|
icon: import("../../runtime/codecs").StringCodec;
|
|
26
|
-
variant: import("../../runtime/codecs").OneOfCodec<"default">;
|
|
26
|
+
variant: import("../../runtime/codecs").OneOfCodec<"default" | "pills">;
|
|
27
27
|
size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
|
|
28
28
|
inputClass: import("../../runtime/codecs").StringCodec;
|
|
29
29
|
indicatorClass: import("../../runtime/codecs").StringCodec;
|
|
@@ -52,7 +52,7 @@ declare const checkboxSchema: {
|
|
|
52
52
|
indicator: import("../../runtime/codecs").BoolCodec;
|
|
53
53
|
placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
|
|
54
54
|
icon: import("../../runtime/codecs").StringCodec;
|
|
55
|
-
variant: import("../../runtime/codecs").OneOfCodec<"default">;
|
|
55
|
+
variant: import("../../runtime/codecs").OneOfCodec<"default" | "pills">;
|
|
56
56
|
size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
|
|
57
57
|
inputClass: import("../../runtime/codecs").StringCodec;
|
|
58
58
|
indicatorClass: import("../../runtime/codecs").StringCodec;
|
|
@@ -66,7 +66,7 @@ declare const checkboxSchema: {
|
|
|
66
66
|
declare const checkboxGroupSchema: {
|
|
67
67
|
name: import("../../runtime/codecs").StringCodec;
|
|
68
68
|
orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
|
|
69
|
-
variant: import("../../runtime/codecs").OneOfCodec<"default">;
|
|
69
|
+
variant: import("../../runtime/codecs").OneOfCodec<"default" | "pills">;
|
|
70
70
|
indicator: import("../../runtime/codecs").BoolCodec;
|
|
71
71
|
placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
|
|
72
72
|
disabled: import("../..").CodecFn<boolean>;
|
|
@@ -14,7 +14,7 @@ declare const radioGroupSchema: {
|
|
|
14
14
|
name: import("../../runtime/codecs").StringCodec;
|
|
15
15
|
value: import("../..").CodecFn<string>;
|
|
16
16
|
orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
|
|
17
|
-
variant: import("../../runtime/codecs").OneOfCodec<"default" | "
|
|
17
|
+
variant: import("../../runtime/codecs").OneOfCodec<"default" | "pills" | "cards">;
|
|
18
18
|
indicator: import("../../runtime/codecs").BoolCodec;
|
|
19
19
|
placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
|
|
20
20
|
disabled: import("../..").CodecFn<boolean>;
|
|
@@ -35,7 +35,7 @@ declare const radioSchema: {
|
|
|
35
35
|
indicator: import("../../runtime/codecs").BoolCodec;
|
|
36
36
|
placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
|
|
37
37
|
icon: import("../../runtime/codecs").StringCodec;
|
|
38
|
-
variant: import("../../runtime/codecs").OneOfCodec<"default" | "
|
|
38
|
+
variant: import("../../runtime/codecs").OneOfCodec<"default" | "pills" | "cards">;
|
|
39
39
|
size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
|
|
40
40
|
inputClass: import("../../runtime/codecs").StringCodec;
|
|
41
41
|
indicatorClass: import("../../runtime/codecs").StringCodec;
|