vectis-ui 0.8.1 → 0.9.0

package/dist/i18n/types.d.ts

@@ -2,7 +2,7 @@
  * Every user-facing word the library can say, in one place: what a translator works from and
  * what a consumer overrides.
  *
- * Depth EXACTLY 2 — namespace, then leaf. A leaf is finished text, or a TS function when
+ * Depth EXACTLY 2: namespace, then leaf. A leaf is finished text, or a TS function when
  * something has to be slotted in. There is deliberately no template language and no plural
  * engine: a parameterized message IS a hand-written function whose signature is the
  * contract, so a translation that forgets an argument does not compile, and a plural is a
@@ -73,7 +73,7 @@ export interface Messages {
         /** The "rows per page" button, which shows both the wording and the number in force. */
         perPageValue: (label: string, value: number) => string;
         selectAll: string;
-        /** The row number is the one a reader counts, starting at one — the caller adds it. */
+        /** The row number is the one a reader counts, starting at one: the caller adds it. */
         selectRow: (index: number) => string;
         selection: (count: number) => string;
         range: (range: {
@@ -100,14 +100,14 @@ export interface Messages {
         label: string;
         /**
          * The single action a snackbar offers, when the caller does not name it. It means
-         * taking back what was just done — not cancelling a form, which is `common.cancel`
+         * taking back what was just done: not cancelling a form, which is `common.cancel`
          * and is a different word in several languages.
          */
         action: string;
     };
     inputOTP: {
         label: string;
-        /** The box number is the one a reader counts, starting at one — the caller adds it. */
+        /** The box number is the one a reader counts, starting at one: the caller adds it. */
         slot: (index: number, total: number) => string;
     };
     slider: {
@@ -136,8 +136,8 @@ export interface Messages {
         label: string;
     };
     /**
-     * The keys of a keyboard shortcut, in WORDS. The symbols themselves — ⌘ ⌃ ⌥ ⇧ ↵ ⌫ ⌦ ⇥
-     * ↑ ↓ ← → — are not here: they are engraved on the hardware and the same in every
+     * The keys of a keyboard shortcut, in WORDS. The symbols (⌘ ⌃ ⌥ ⇧ ↵ ⌫ ⌦ ⇥
+     * ↑ ↓ ← →) are not here: they are engraved on the hardware and the same in every
      * language, so they live with the component.
      *
      * Every entry below is the SPOKEN form. Where a symbol exists it wins on screen, and
@@ -218,7 +218,7 @@ export interface Messages {
         meridiemValue: (value: string) => string;
         /**
          * The grey template shown in an empty field, "hh:mm". It is translatable because those
-         * letters are the initials of WORDS — unlike the colon between them, which is the same
+         * letters are the initials of WORDS, unlike the colon between them, which is the same
          * everywhere and lives with the time helpers.
          */
         maskPlaceholder: string;
@@ -235,7 +235,7 @@ export interface Messages {
         clear: string;
         /**
          * The WORD of the counter, and only that. The total size that follows is written out
-         * by the browser, and the brackets around it belong to neither — punctuation everyone
+         * by the browser, and the brackets around it belong to neither: punctuation everyone
          * shares.
          */
         files: (count: number) => string;
@@ -247,7 +247,7 @@ export interface Messages {
         browse: string;
         /**
          * The word standing between "drop your files here" and that button. It is a WORD, so
-         * it is translated — unlike the two rules on either side of it, which are drawn.
+         * it is translated, unlike the two rules on either side of it, which are drawn.
          */
         or: string;
         /** What the list of chosen files is called. */
@@ -267,11 +267,11 @@ export interface Messages {
         roleDescription: string;
         /** And the same for one slide. */
         slideRoleDescription: string;
-        /** What the scrolling area itself is called — it can be reached with the Tab key. */
+        /** What the scrolling area itself is called: it can be reached with the Tab key. */
         slides: string;
         /**
          * What a slide is called, and its dot with it. The number is the one a reader counts,
-         * starting at one — the caller adds it. It carries the WORD "of", which is why it is
+         * starting at one: the caller adds it. It carries the WORD "of", which is why it is
          * here where the table's bare "3/8" counter is not.
          */
         slide: (index: number, total: number) => string;
@@ -283,7 +283,7 @@ export interface Messages {
     /**
      * The calendar. Two groups of words that read very differently: the toolbar, which a
      * reader SEES, and everything from `eventRoleDescription` down, which only a screen
-     * reader ever says — the same caution as the carousel's role description applies, since
+     * reader ever says: the same caution as the carousel's role description applies, since
      * an untranslated one goes wrong with no visible symptom at all.
      *
      * The navigation labels are per view rather than one word plus a unit: "Previous" needs

package/dist/icons.d.ts

@@ -1,11 +1,11 @@
 /**
- * The icons the design system draws by itself, as importable values — the public
+ * The icons the design system draws by itself, as importable values: the public
  * face of `vectis-ui/icons`.
  *
  * Reach for it when you want to render one of the library's own icons somewhere it
  * does not already appear: `import { search } from 'vectis-ui/icons'`, then
  * `<VIcon :name="search" />`. A bare `<VIcon name="search" />` is a NAME and does
- * not reach it, which is the point — an icon is shipped to a consumer's bundle because
+ * not reach it, which is the point: an icon is shipped to a consumer's bundle because
  * a module imported it, never because a string might one day ask for it.
  *
  * Each value carries its NAME as well as its drawing, so it still passes through a

package/dist/index.d.ts

@@ -21,7 +21,7 @@ export type { IconButtonShape } from './components/VIconButton/VIconButton.js';
 export { default as VButtonGroup } from './components/VButton/VButtonGroup.js';
 export type { ButtonGroupOrientation } from './components/VButton/VButtonGroup.js';
 export { default as VPagination } from './components/VPagination/VPagination.js';
-export type { PaginationItemVariant, PaginationTone, PaginationSize, PaginationAlign, PaginationControls, PaginationMatcher, } from './components/VPagination/VPagination.js';
+export type { PaginationItemVariant, PaginationSelectedVariant, PaginationTone, PaginationSize, PaginationAlign, PaginationControls, PaginationMatcher, } from './components/VPagination/VPagination.js';
 export { default as VTabs } from './components/VTabs/VTabs.js';
 export type { TabsActivation, TabsAlign, TabsOrientation, TabsSize, TabsTone, TabsVariant, } from './components/VTabs/VTabs.js';
 export { default as VTab } from './components/VTabs/VTab.js';
@@ -64,11 +64,12 @@ export type { BadgeVariant, BadgeTone, BadgeOverlayPosition } from './components
 export { default as VAvatar } from './components/VAvatar/VAvatar.js';
 export type { AvatarSize } from './components/VAvatar/VAvatar.js';
 export { default as VAvatarGroup } from './components/VAvatar/VAvatarGroup.js';
+export type { AvatarGroupOverflowSlotProps } from './components/VAvatar/VAvatarGroup.js';
 export { default as VSpinner } from './components/VSpinner/VSpinner.js';
 export { default as VSkeletonLoader } from './components/VSkeletonLoader/VSkeletonLoader.js';
 export type { SkeletonLoaderShape, SkeletonLoaderAnimation, SkeletonLoaderSize, } from './components/VSkeletonLoader/VSkeletonLoader.js';
 export { default as VCombobox } from './components/VCombobox/VCombobox.js';
-export type { ComboboxOption, ComboboxGroup, ComboboxSeparator, ComboboxItem, ComboboxFilter, ComboboxSize, ComboboxPlacement, ComboboxDisplay, } from './components/VCombobox/VCombobox.js';
+export type { ComboboxOption, ComboboxGroup, ComboboxSeparator, ComboboxItem, ComboboxFilter, ComboboxSize, ComboboxPlacement, ComboboxDisplay, ComboboxOptionSlotProps, ComboboxChipSlotProps, ComboboxOverflowSlotProps, ComboboxEmptySlotProps, } from './components/VCombobox/VCombobox.js';
 export { default as VBreadcrumb } from './components/VBreadcrumb/VBreadcrumb.js';
 export type { BreadcrumbItem } from './components/VBreadcrumb/VBreadcrumb.js';
 export { default as VSideNavigation } from './components/VSideNavigation/VSideNavigation.js';
@@ -82,13 +83,13 @@ export { default as VHotkeys } from './components/VHotkeys/VHotkeys.js';
 export type { HotkeysVariant, HotkeysSize } from './components/VHotkeys/VHotkeys.js';
 export type { HotkeysPlatform } from './components/VHotkeys/platform.js';
 export { default as VDataTable } from './components/VDataTable/VDataTable.js';
-export type { DataTableColumn, DataTableSort, DataTableSortDirection, DataTableRowId, DataTableParams, DataTableProps, DataTableVariant, DataTableResponsive, } from './components/VDataTable/VDataTable.js';
+export type { DataTableColumn, DataTableColumnAlign, DataTableCellSlotProps, DataTableHeadSlotProps, DataTableEmptySlotProps, DataTableRange, DataTableSort, DataTableSortDirection, DataTableRowId, DataTableParams, DataTableProps, DataTableVariant, DataTableResponsive, } from './components/VDataTable/VDataTable.js';
 export { default as VInputOTP } from './components/VInputOTP/VInputOTP.js';
 export type { InputOTPSize, InputOTPFormat } from './components/VInputOTP/VInputOTP.js';
 export { default as VProgressCircular } from './components/VProgressCircular/VProgressCircular.js';
-export type { ProgressCircularTone, ProgressCircularShape, } from './components/VProgressCircular/VProgressCircular.js';
+export type { ProgressCircularTone, ProgressCircularShape, ProgressCircularSlotProps, } from './components/VProgressCircular/VProgressCircular.js';
 export { default as VProgressLinear } from './components/VProgressLinear/VProgressLinear.js';
-export type { ProgressLinearTone, ProgressLinearShape, ProgressLinearValuePosition, ProgressLinearOrientation, } from './components/VProgressLinear/VProgressLinear.js';
+export type { ProgressLinearTone, ProgressLinearShape, ProgressLinearValuePosition, ProgressLinearOrientation, ProgressLinearSlotProps, } from './components/VProgressLinear/VProgressLinear.js';
 export { default as VSlider } from './components/VSlider/VSlider.js';
 export type { SliderLabel, SliderOrientation, SliderSize, SliderValue, } from './components/VSlider/VSlider.js';
 export { default as VDialog } from './components/VDialog/VDialog.js';
@@ -97,20 +98,20 @@ export { default as VDialogAlert } from './components/VDialog/VDialogAlert.js';
 export { default as VDatePicker } from './components/VDatePicker/VDatePicker.js';
 export type { DatePickerSelection, DatePickerValue, DatePickerRange, DatePickerEvent, DatePickerMatcher, DatePickerDaySlotProps, } from './components/VDatePicker/VDatePicker.js';
 export { default as VDateInput } from './components/VDateInput/VDateInput.js';
-export type { DateInputMode, DateInputSize, DateInputPlacement, } from './components/VDateInput/VDateInput.js';
+export type { DateInputMode, DateInputSize, DateInputPlacement, DateInputFooterSlotProps, } from './components/VDateInput/VDateInput.js';
 export { default as VTimePicker } from './components/VTimePicker/VTimePicker.js';
 export type { TimePickerFormat } from './components/VTimePicker/VTimePicker.js';
 export type { TimePickerAllowed } from './components/VTimePicker/limits.js';
 export { default as VTimeInput } from './components/VTimeInput/VTimeInput.js';
-export type { TimeInputMode, TimeInputSize, TimeInputPlacement, } from './components/VTimeInput/VTimeInput.js';
+export type { TimeInputMode, TimeInputSize, TimeInputPlacement, TimeInputFooterSlotProps, } from './components/VTimeInput/VTimeInput.js';
 export { default as VCalendar } from './components/VCalendar/VCalendar.js';
 export type { CalendarCell, CalendarEvent, CalendarEventId, CalendarEventLayout, CalendarEventSlotProps, CalendarEventTimes, CalendarFormat, CalendarView, } from './components/VCalendar/types.js';
 export { default as VFileInput } from './components/VFileInput/VFileInput.js';
-export type { FileInputDisplay, FileInputSize } from './components/VFileInput/VFileInput.js';
+export type { FileInputDisplay, FileInputSize, FileInputChipSlotProps, FileInputCounterSlotProps, } from './components/VFileInput/VFileInput.js';
 export type { FileRejectReason, FileRejection } from './utils/file.js';
 export { default as VFilePicker } from './components/VFilePicker/VFilePicker.js';
-export type { FilePickerPreview, FilePickerRow } from './components/VFilePicker/VFilePicker.js';
-export type { FileKind } from './components/VFilePicker/fileKind.js';
+export type { FilePickerBrowseSlotProps, FilePickerPreview, FilePickerRemoveSlotProps, FilePickerRow, } from './components/VFilePicker/VFilePicker.js';
+export type { FilePickerKind } from './components/VFilePicker/fileKind.js';
 export { default as VCarousel } from './components/VCarousel/VCarousel.js';
-export type { CarouselControls, CarouselControlsVisibility, CarouselEffect, CarouselIndicators, CarouselOrientation, } from './components/VCarousel/VCarousel.js';
+export type { CarouselControls, CarouselControlsSlotProps, CarouselControlsVisibility, CarouselIndicatorSlotProps, CarouselIndicatorsSlotProps, CarouselEffect, CarouselIndicators, CarouselOrientation, } from './components/VCarousel/VCarousel.js';
 export { default as VCarouselItem } from './components/VCarousel/VCarouselItem.js';

package/dist/styles.css

@@ -1 +1 @@
-@layer vectis.reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer vectis.tokens{:root{--vectis-color-white:oklch(100% 0 0);--vectis-color-black:oklch(0% 0 0);--vectis-color-red-50:oklch(97.1% .013 17.38);--vectis-color-red-100:oklch(93.6% .032 17.717);--vectis-color-red-200:oklch(88.5% .062 18.334);--vectis-color-red-300:oklch(80.8% .114 19.571);--vectis-color-red-400:oklch(70.4% .191 22.216);--vectis-color-red-500:oklch(63.7% .237 25.331);--vectis-color-red-600:oklch(57.7% .245 27.325);--vectis-color-red-700:oklch(50.5% .213 27.518);--vectis-color-red-800:oklch(44.4% .177 26.899);--vectis-color-red-900:oklch(39.6% .141 25.723);--vectis-color-red-950:oklch(25.8% .092 26.042);--vectis-color-amber-50:oklch(98.7% .022 95.277);--vectis-color-amber-100:oklch(96.2% .059 95.617);--vectis-color-amber-200:oklch(92.4% .12 95.746);--vectis-color-amber-300:oklch(87.9% .169 91.605);--vectis-color-amber-400:oklch(82.8% .189 84.429);--vectis-color-amber-500:oklch(76.9% .188 70.08);--vectis-color-amber-600:oklch(66.6% .179 58.318);--vectis-color-amber-700:oklch(55.5% .163 48.998);--vectis-color-amber-800:oklch(47.3% .137 46.201);--vectis-color-amber-900:oklch(41.4% .112 45.904);--vectis-color-amber-950:oklch(27.9% .077 45.635);--vectis-color-green-50:oklch(98.2% .018 155.826);--vectis-color-green-100:oklch(96.2% .044 156.743);--vectis-color-green-200:oklch(92.5% .084 155.995);--vectis-color-green-300:oklch(87.1% .15 154.449);--vectis-color-green-400:oklch(79.2% .209 151.711);--vectis-color-green-500:oklch(72.3% .219 149.579);--vectis-color-green-600:oklch(62.7% .194 149.214);--vectis-color-green-700:oklch(52.7% .154 150.069);--vectis-color-green-800:oklch(44.8% .119 151.328);--vectis-color-green-900:oklch(39.3% .095 152.535);--vectis-color-green-950:oklch(26.6% .065 152.934);--vectis-color-indigo-50:oklch(96.2% .018 272.314);--vectis-color-indigo-100:oklch(93% .034 272.788);--vectis-color-indigo-200:oklch(87% .065 274.039);--vectis-color-indigo-300:oklch(78.5% .115 274.713);--vectis-color-indigo-400:oklch(67.3% .182 276.935);--vectis-color-indigo-500:oklch(58.5% .233 277.117);--vectis-color-indigo-600:oklch(51.1% .262 276.966);--vectis-color-indigo-700:oklch(45.7% .24 277.023);--vectis-color-indigo-800:oklch(39.8% .195 277.366);--vectis-color-indigo-900:oklch(35.9% .144 278.697);--vectis-color-indigo-950:oklch(25.7% .09 281.288);--vectis-color-gray-50:oklch(98.5% .002 247.839);--vectis-color-gray-100:oklch(96.7% .003 264.542);--vectis-color-gray-200:oklch(92.8% .006 264.531);--vectis-color-gray-300:oklch(87.2% .01 258.338);--vectis-color-gray-400:oklch(70.7% .022 261.325);--vectis-color-gray-500:oklch(55.1% .027 264.364);--vectis-color-gray-600:oklch(44.6% .03 256.802);--vectis-color-gray-700:oklch(37.3% .034 259.733);--vectis-color-gray-800:oklch(27.8% .033 256.848);--vectis-color-gray-900:oklch(21% .034 264.665);--vectis-color-gray-950:oklch(13% .028 261.692);--vectis-space-1:.25rem;--vectis-space-2:.5rem;--vectis-space-3:.75rem;--vectis-space-4:1rem;--vectis-space-5:1.25rem;--vectis-space-6:1.5rem;--vectis-space-7:2rem;--vectis-space-8:2.5rem;--vectis-space-9:3rem;--vectis-space-10:4rem;--vectis-space-11:5rem;--vectis-space-12:6rem;--vectis-font-family-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vectis-font-family-display:var(--vectis-font-family-sans);--vectis-font-family-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--vectis-font-family-icon:"Material Symbols Rounded";--vectis-font-weight-regular:400;--vectis-font-weight-medium:500;--vectis-font-weight-semibold:600;--vectis-font-weight-bold:700;--vectis-font-size-xs:.75rem;--vectis-font-size-sm:.875rem;--vectis-font-size-md:1rem;--vectis-font-size-lg:1.125rem;--vectis-font-size-xl:1.25rem;--vectis-font-size-2xl:1.5rem;--vectis-font-size-3xl:1.875rem;--vectis-font-size-4xl:2.25rem;--vectis-font-size-5xl:3rem;--vectis-font-leading-none:1;--vectis-font-leading-tight:1.25;--vectis-font-leading-snug:1.4;--vectis-font-leading-normal:1.5;--vectis-font-leading-relaxed:1.65;--vectis-font-tracking-tight:-.015em;--vectis-font-tracking-wide:.05em;--vectis-radius-none:0px;--vectis-radius-xs:.125rem;--vectis-radius-sm:.25rem;--vectis-radius-md:.375rem;--vectis-radius-lg:.5rem;--vectis-radius-xl:.75rem;--vectis-radius-2xl:1rem;--vectis-radius-full:9999px;--vectis-shadow-xs:0 1px 2px 0 oklch(0% 0 0/.05);--vectis-shadow-sm:0 1px 3px 0 oklch(0% 0 0/.1), 0 1px 2px -1px oklch(0% 0 0/.1);--vectis-shadow-md:0 4px 6px -1px oklch(0% 0 0/.1), 0 2px 4px -2px oklch(0% 0 0/.1);--vectis-shadow-lg:0 10px 15px -3px oklch(0% 0 0/.1), 0 4px 6px -4px oklch(0% 0 0/.1);--vectis-shadow-xl:0 20px 25px -5px oklch(0% 0 0/.1), 0 8px 10px -6px oklch(0% 0 0/.1);--vectis-duration-0:0s;--vectis-duration-50:50ms;--vectis-duration-100:.1s;--vectis-duration-150:.15s;--vectis-duration-200:.2s;--vectis-duration-300:.3s;--vectis-duration-400:.4s;--vectis-duration-500:.5s;--vectis-duration-700:.7s;--vectis-duration-1000:1s;--vectis-duration-1500:1.5s;--vectis-duration-2000:2s;--vectis-duration-3000:3s;--vectis-duration-5000:5s;--vectis-ease-default:cubic-bezier(.2, 0, 0, 1);--vectis-ease-in:cubic-bezier(.5, 0, 1, 1);--vectis-ease-out:cubic-bezier(0, 0, .2, 1);--vectis-ease-in-out:cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=light]{color-scheme:light;--vectis-color-surface:var(--vectis-color-white);--vectis-color-surface-muted:var(--vectis-color-gray-100);--vectis-color-surface-raised:var(--vectis-color-white);--vectis-color-surface-overlay:var(--vectis-color-white);--vectis-color-surface-sunken:var(--vectis-color-gray-50);--vectis-color-surface-inverse:var(--vectis-color-gray-900);--vectis-color-surface-skeleton:var(--vectis-color-gray-200);--vectis-color-text-on-inverse:var(--vectis-color-white);--vectis-color-text:var(--vectis-color-gray-900);--vectis-color-text-muted:var(--vectis-color-gray-600);--vectis-color-text-subtle:var(--vectis-color-gray-500);--vectis-color-text-on-accent:var(--vectis-color-white);--vectis-color-text-on-warning:var(--vectis-color-gray-950);--vectis-color-border:var(--vectis-color-gray-200);--vectis-color-border-strong:var(--vectis-color-gray-300);--vectis-color-accent:var(--vectis-color-indigo-600);--vectis-color-accent-hover:var(--vectis-color-indigo-700);--vectis-color-accent-active:var(--vectis-color-indigo-800);--vectis-color-accent-surface:var(--vectis-color-indigo-50);--vectis-color-accent-border:var(--vectis-color-indigo-200);--vectis-color-accent-text:var(--vectis-color-indigo-700);--vectis-color-danger:var(--vectis-color-red-600);--vectis-color-danger-hover:var(--vectis-color-red-700);--vectis-color-danger-active:var(--vectis-color-red-800);--vectis-color-danger-surface:var(--vectis-color-red-50);--vectis-color-danger-border:var(--vectis-color-red-200);--vectis-color-danger-text:var(--vectis-color-red-700);--vectis-color-success:var(--vectis-color-green-700);--vectis-color-success-hover:var(--vectis-color-green-800);--vectis-color-success-active:var(--vectis-color-green-900);--vectis-color-success-surface:var(--vectis-color-green-50);--vectis-color-success-border:var(--vectis-color-green-200);--vectis-color-success-text:var(--vectis-color-green-800);--vectis-color-warning:var(--vectis-color-amber-600);--vectis-color-warning-hover:var(--vectis-color-amber-700);--vectis-color-warning-active:var(--vectis-color-amber-800);--vectis-color-warning-surface:var(--vectis-color-amber-50);--vectis-color-warning-border:var(--vectis-color-amber-200);--vectis-color-warning-text:var(--vectis-color-amber-900);--vectis-color-backdrop:oklch(0% 0 0/.45);--vectis-color-event-surface:oklch(.95 .045 var(--vectis-calendar-event-hue,265));--vectis-color-event-border:oklch(.85 .08 var(--vectis-calendar-event-hue,265));--vectis-color-event-text:oklch(.4 .11 var(--vectis-calendar-event-hue,265));--vectis-text-family:var(--vectis-font-family-sans);--vectis-text-family-heading:var(--vectis-font-family-display);--vectis-text-family-code:var(--vectis-font-family-mono);--vectis-text-display-size:var(--vectis-font-size-5xl);--vectis-text-display-weight:var(--vectis-font-weight-bold);--vectis-text-display-leading:var(--vectis-font-leading-none);--vectis-text-display-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-1-size:var(--vectis-font-size-4xl);--vectis-text-heading-1-weight:var(--vectis-font-weight-bold);--vectis-text-heading-1-leading:var(--vectis-font-leading-tight);--vectis-text-heading-1-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-2-size:var(--vectis-font-size-2xl);--vectis-text-heading-2-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-2-leading:var(--vectis-font-leading-tight);--vectis-text-heading-2-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-3-size:var(--vectis-font-size-lg);--vectis-text-heading-3-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-3-leading:var(--vectis-font-leading-snug);--vectis-text-heading-4-size:var(--vectis-font-size-md);--vectis-text-heading-4-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-4-leading:var(--vectis-font-leading-snug);--vectis-text-subtitle-size:var(--vectis-font-size-sm);--vectis-text-subtitle-weight:var(--vectis-font-weight-regular);--vectis-text-subtitle-leading:var(--vectis-font-leading-normal);--vectis-text-body-xl-size:var(--vectis-font-size-lg);--vectis-text-body-xl-weight:var(--vectis-font-weight-regular);--vectis-text-body-xl-leading:var(--vectis-font-leading-relaxed);--vectis-text-body-lg-size:var(--vectis-font-size-md);--vectis-text-body-lg-weight:var(--vectis-font-weight-regular);--vectis-text-body-lg-leading:var(--vectis-font-leading-relaxed);--vectis-text-body-md-size:var(--vectis-font-size-sm);--vectis-text-body-md-weight:var(--vectis-font-weight-regular);--vectis-text-body-md-leading:var(--vectis-font-leading-normal);--vectis-text-body-sm-size:var(--vectis-font-size-xs);--vectis-text-body-sm-weight:var(--vectis-font-weight-regular);--vectis-text-body-sm-leading:var(--vectis-font-leading-normal);--vectis-text-label-size:var(--vectis-font-size-sm);--vectis-text-label-weight:var(--vectis-font-weight-medium);--vectis-text-label-leading:var(--vectis-font-leading-snug);--vectis-text-caption-size:var(--vectis-font-size-xs);--vectis-text-caption-weight:var(--vectis-font-weight-regular);--vectis-text-caption-leading:var(--vectis-font-leading-snug);--vectis-text-overline-size:var(--vectis-font-size-xs);--vectis-text-overline-weight:var(--vectis-font-weight-medium);--vectis-text-overline-leading:var(--vectis-font-leading-snug);--vectis-text-overline-tracking:var(--vectis-font-tracking-wide);--vectis-text-code-size:var(--vectis-font-size-sm);--vectis-text-code-weight:var(--vectis-font-weight-regular);--vectis-text-code-leading:var(--vectis-font-leading-normal);--vectis-text-control-weight:var(--vectis-font-weight-medium);--vectis-text-control-leading:var(--vectis-font-leading-none);--vectis-radius-interactive:var(--vectis-radius-md);--vectis-radius-surface:var(--vectis-radius-lg);--vectis-radius-overlay:var(--vectis-radius-xl);--vectis-radius-pill:var(--vectis-radius-full);--vectis-radius-chip:var(--vectis-radius-interactive);--vectis-duration-fast:var(--vectis-duration-150);--vectis-duration-base:var(--vectis-duration-200);--vectis-duration-slow:var(--vectis-duration-300);--vectis-focus-ring-color:var(--vectis-color-indigo-500);--vectis-focus-ring-width:2px;--vectis-focus-ring-offset:2px;--vectis-control-height-xs:1.5rem;--vectis-control-height-sm:2rem;--vectis-control-height-md:2.5rem;--vectis-control-height-lg:3rem;--vectis-control-height-xl:3.5rem;--vectis-control-border-width:2px;--vectis-control-size-check:1.25rem;--vectis-control-size-check-mark:.875rem;--vectis-control-size-check-dot:.5rem;--vectis-control-size-switch-w:2.5rem;--vectis-control-size-switch-h:1.25rem;--vectis-control-size-switch-pad:.125rem;--vectis-control-action-size-sm:1.25rem;--vectis-control-action-size-md:1.5rem;--vectis-control-action-size-lg:1.75rem;--vectis-control-size-slider-track:.375rem;--vectis-control-size-slider-thumb:1.25rem;--vectis-control-size-slider-length:10rem;--vectis-control-size-slider-field:5rem;--vectis-control-size-carousel-block:24rem;--vectis-control-size-carousel-indicator:.625rem;--vectis-control-size-carousel-indicator-active:1.25rem;--vectis-control-size-combobox-list-max-block:18rem;--vectis-control-size-menu-min:11rem;--vectis-control-size-menu-max:20rem;--vectis-control-size-progress-linear-thickness:.25rem;--vectis-control-size-progress-linear-length:10rem;--vectis-control-size-progress-circular-diameter:3rem;--vectis-control-size-progress-circular-thickness:.25rem;--vectis-control-size-skeleton-surface:6rem;--vectis-control-size-toast-width:22rem;--vectis-control-size-dialog-width:25rem;--vectis-control-size-snackbar-min:18rem;--vectis-control-size-snackbar-max:36rem;--vectis-control-size-badge-h:1.25rem;--vectis-control-size-badge-dot:.625rem;--vectis-control-size-badge-ring:2px;--vectis-control-size-avatar-ring:2px;--vectis-control-size-date-picker-cell:2.5rem;--vectis-control-size-date-picker-day:var(--vectis-control-height-md);--vectis-control-size-date-picker-dot:.25rem;--vectis-control-size-date-picker-nav-min:5.375rem;--vectis-control-size-tab-indicator:2px;--vectis-control-size-table-search:16rem;--vectis-control-size-time-picker-dial:16rem;--vectis-control-size-time-picker-number:3rem;--vectis-control-size-time-picker-center:.5rem;--vectis-control-size-time-picker-hand:2px;--vectis-control-size-time-picker-hand-minor:1rem;--vectis-control-size-file-picker-min-block:10rem;--vectis-control-size-file-picker-icon:2.5rem;--vectis-control-size-file-picker-thumb:2.5rem;--vectis-control-size-calendar-hour:4rem;--vectis-control-size-calendar-gutter:4.5rem;--vectis-control-size-calendar-tick:.375rem;--vectis-control-size-calendar-edge:3rem;--vectis-control-size-calendar-day-min:5rem;--vectis-control-size-calendar-handle:.5rem;--vectis-control-size-calendar-allday-lane:1.5rem;--vectis-control-size-calendar-allday-max:7rem;--vectis-control-size-calendar-now-dot:.625rem;--vectis-control-size-calendar-month-cell:8.5rem;--vectis-control-size-calendar-year-cell:1.5rem;--vectis-icon-size-sm:1rem;--vectis-icon-size-md:1.25rem;--vectis-icon-size-lg:1.5rem}[data-theme=dark]{color-scheme:dark;--vectis-color-surface:var(--vectis-color-gray-950);--vectis-color-surface-muted:var(--vectis-color-gray-800);--vectis-color-surface-raised:var(--vectis-color-gray-900);--vectis-color-surface-overlay:var(--vectis-color-gray-900);--vectis-color-surface-sunken:oklch(11% .006 260);--vectis-color-surface-inverse:var(--vectis-color-gray-800);--vectis-color-surface-skeleton:var(--vectis-color-gray-800);--vectis-color-text-on-inverse:var(--vectis-color-gray-50);--vectis-color-text:var(--vectis-color-gray-50);--vectis-color-text-muted:var(--vectis-color-gray-300);--vectis-color-text-subtle:var(--vectis-color-gray-400);--vectis-color-text-on-accent:var(--vectis-color-white);--vectis-color-border:var(--vectis-color-gray-800);--vectis-color-border-strong:var(--vectis-color-gray-700);--vectis-color-accent:var(--vectis-color-indigo-500);--vectis-color-accent-hover:var(--vectis-color-indigo-400);--vectis-color-accent-active:var(--vectis-color-indigo-300);--vectis-color-accent-surface:var(--vectis-color-indigo-950);--vectis-color-accent-border:var(--vectis-color-indigo-900);--vectis-color-accent-text:var(--vectis-color-indigo-300);--vectis-color-danger:var(--vectis-color-red-600);--vectis-color-danger-hover:var(--vectis-color-red-700);--vectis-color-danger-active:var(--vectis-color-red-800);--vectis-color-danger-surface:var(--vectis-color-red-950);--vectis-color-danger-border:var(--vectis-color-red-900);--vectis-color-danger-text:var(--vectis-color-red-300);--vectis-color-success:var(--vectis-color-green-700);--vectis-color-success-hover:var(--vectis-color-green-800);--vectis-color-success-active:var(--vectis-color-green-900);--vectis-color-success-surface:var(--vectis-color-green-950);--vectis-color-success-border:var(--vectis-color-green-900);--vectis-color-success-text:var(--vectis-color-green-300);--vectis-color-warning:var(--vectis-color-amber-500);--vectis-color-warning-hover:var(--vectis-color-amber-400);--vectis-color-warning-active:var(--vectis-color-amber-300);--vectis-color-warning-surface:var(--vectis-color-amber-950);--vectis-color-warning-border:var(--vectis-color-amber-900);--vectis-color-warning-text:var(--vectis-color-amber-300);--vectis-color-backdrop:oklch(0% 0 0/.6);--vectis-color-event-surface:oklch(.3 .05 var(--vectis-calendar-event-hue,265));--vectis-color-event-border:oklch(.42 .08 var(--vectis-calendar-event-hue,265));--vectis-color-event-text:oklch(.9 .06 var(--vectis-calendar-event-hue,265));--vectis-focus-ring-color:var(--vectis-color-indigo-400)}.v-tone[data-tone=accent]{--tone-bg-solid:var(--vectis-color-accent);--tone-bg-solid-hover:var(--vectis-color-accent-hover);--tone-bg-solid-active:var(--vectis-color-accent-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-accent-text);--tone-bg-soft:var(--vectis-color-accent-surface);--tone-border-soft:var(--vectis-color-accent-border)}.v-tone[data-tone=danger]{--tone-bg-solid:var(--vectis-color-danger);--tone-bg-solid-hover:var(--vectis-color-danger-hover);--tone-bg-solid-active:var(--vectis-color-danger-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-danger-text);--tone-bg-soft:var(--vectis-color-danger-surface);--tone-border-soft:var(--vectis-color-danger-border)}.v-tone[data-tone=success]{--tone-bg-solid:var(--vectis-color-success);--tone-bg-solid-hover:var(--vectis-color-success-hover);--tone-bg-solid-active:var(--vectis-color-success-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-success-text);--tone-bg-soft:var(--vectis-color-success-surface);--tone-border-soft:var(--vectis-color-success-border)}.v-tone[data-tone=warning]{--tone-bg-solid:var(--vectis-color-warning);--tone-bg-solid-hover:var(--vectis-color-warning-hover);--tone-bg-solid-active:var(--vectis-color-warning-active);--tone-text-solid:var(--vectis-color-text-on-warning);--tone-text-tinted:var(--vectis-color-warning-text);--tone-bg-soft:var(--vectis-color-warning-surface);--tone-border-soft:var(--vectis-color-warning-border)}.v-tone[data-tone=neutral]{--tone-bg-solid:var(--vectis-color-text);--tone-bg-solid-hover:color-mix(in oklab, var(--vectis-color-text), var(--vectis-color-surface) 8%);--tone-bg-solid-active:color-mix(in oklab, var(--vectis-color-text), var(--vectis-color-surface) 14%);--tone-text-solid:var(--vectis-color-surface);--tone-text-tinted:var(--vectis-color-text);--tone-bg-soft:var(--vectis-color-surface-muted);--tone-border-soft:var(--vectis-color-border-strong)}}@layer vectis.components{.v-variant[data-variant=solid]{background:var(--tone-bg-solid);color:var(--tone-text-solid)}.v-variant[data-variant=soft]{background:var(--tone-bg-soft);color:var(--tone-text-tinted)}.v-variant[data-variant=outline]{color:var(--tone-text-tinted);border-color:var(--tone-border-soft);background:0 0}.v-variant[data-variant=ghost]{color:var(--tone-text-tinted);background:0 0}.v-overlay{position:fixed;inset:auto}.v-overlay.v-overlay:not(:popover-open){display:none}.v-floating{margin:var(--vectis-space-2);position-try-fallbacks:flip-block, flip-inline}.v-floating[data-placement$=-start]{margin-inline-start:0}.v-floating[data-placement$=-end]{margin-inline-end:0}.v-floating[data-placement=bottom]{position-area:block-end;justify-self:anchor-center}.v-floating[data-placement=bottom-start]{position-area:block-end span-inline-end}.v-floating[data-placement=bottom-end]{position-area:block-end span-inline-start}.v-floating[data-placement=top]{position-area:block-start;justify-self:anchor-center}.v-floating[data-placement=top-start]{position-area:block-start span-inline-end}.v-floating[data-placement=top-end]{position-area:block-start span-inline-start}.v-floating[data-placement=left]{position-area:inline-start;align-self:anchor-center}.v-floating[data-placement=right]{position-area:inline-end;align-self:anchor-center}.v-floating[data-placement=right-start]{position-area:inline-end span-block-end}.v-floating[data-placement=right-end]{position-area:inline-end span-block-start}.v-floating[data-placement=left-start]{position-area:inline-start span-block-end}.v-floating[data-placement=left-end]{position-area:inline-start span-block-start}.v-floating[data-placement^=right-],.v-floating[data-placement^=left-]{margin-inline:var(--vectis-space-2)}.v-floating:is([data-placement=right-start],[data-placement=left-start]){margin-block-start:0}.v-floating:is([data-placement=right-end],[data-placement=left-end]){margin-block-end:0}.v-floating{opacity:0;transition:opacity var(--vectis-duration-fast) var(--vectis-ease-default), transform var(--vectis-duration-fast) var(--vectis-ease-default), overlay var(--vectis-duration-fast) allow-discrete, display var(--vectis-duration-fast) allow-discrete;transform:scale(.97)}.v-floating:popover-open{opacity:1;transform:none}@starting-style{.v-floating:popover-open{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.v-floating{transition:none}}.v-panel{gap:var(--vectis-space-1);padding:var(--vectis-space-1);background:var(--vectis-color-surface-overlay);color:var(--vectis-color-text);border:1px solid var(--vectis-color-border);border-radius:var(--vectis-radius-surface);box-shadow:var(--vectis-shadow-lg);font-family:var(--vectis-text-family);flex-direction:column;display:flex}.v-banner{--banner-line:calc(var(--vectis-text-body-md-size) * var(--vectis-text-body-md-leading));gap:var(--vectis-space-3);border-radius:var(--vectis-radius-overlay);box-shadow:var(--vectis-shadow-lg);font-family:var(--vectis-text-family);font-size:var(--vectis-text-body-md-size);line-height:var(--vectis-text-body-md-leading);transition:opacity var(--vectis-duration-base) var(--vectis-ease-default), translate var(--vectis-duration-base) var(--vectis-ease-default);display:flex}@starting-style{.v-banner{opacity:0;translate:0 var(--banner-enter-y,0)}}.v-banner-text{overflow-wrap:anywhere;flex:1;min-width:0}.v-banner-control{--banner-control-height:var(--vectis-control-height-sm);margin-block:calc((var(--banner-line) - var(--banner-control-height)) / 2);margin-inline-end:calc(-1 * var(--vectis-space-2))}.v-banner .v-banner-control[data-tone]{--tone-text-tinted:currentcolor;--tone-bg-soft:color-mix(in oklab, currentcolor, transparent 85%)}@media (prefers-reduced-motion:reduce){.v-banner{transition:none}}.v-control{--control-height:var(--control-height-base)}.v-control[data-compact]{--control-height:calc(var(--control-height-base) - var(--vectis-space-1))}.v-control[data-size=xs]{--control-height-base:var(--vectis-control-height-xs);--control-font-size:var(--vectis-font-size-xs);--control-padding-inline:var(--vectis-space-2);--control-gap:var(--vectis-space-1);--control-action-size:var(--vectis-control-action-size-sm);--vectis-icon-size:var(--vectis-icon-size-sm);--vectis-icon-opsz:20}.v-control[data-size=sm]{--control-height-base:var(--vectis-control-height-sm);--control-font-size:var(--vectis-font-size-sm);--control-padding-inline:var(--vectis-space-3);--control-padding-inline-field:var(--vectis-space-2);--control-gap:var(--vectis-space-2);--control-action-size:var(--vectis-control-action-size-md);--vectis-icon-size:var(--vectis-icon-size-md);--vectis-icon-opsz:20}.v-control[data-size=md]{--control-height-base:var(--vectis-control-height-md);--control-font-size:var(--vectis-font-size-sm);--control-padding-inline:var(--vectis-space-4);--control-padding-inline-field:var(--vectis-space-3);--control-gap:var(--vectis-space-2);--control-action-size:var(--vectis-control-action-size-md);--vectis-icon-size:var(--vectis-icon-size-md);--vectis-icon-opsz:20}.v-control[data-size=lg]{--control-height-base:var(--vectis-control-height-lg);--control-font-size:var(--vectis-font-size-md);--control-padding-inline:var(--vectis-space-5);--control-padding-inline-field:var(--vectis-space-4);--control-gap:var(--vectis-space-3);--control-action-size:var(--vectis-control-action-size-lg);--vectis-icon-size:var(--vectis-icon-size-lg);--vectis-icon-opsz:24}.v-control[data-size=xl]{--control-height-base:var(--vectis-control-height-xl);--control-font-size:var(--vectis-font-size-md);--control-padding-inline:var(--vectis-space-6);--control-gap:var(--vectis-space-3);--vectis-icon-size:var(--vectis-icon-size-lg);--vectis-icon-opsz:24}.v-field-action{inline-size:var(--control-action-size);block-size:var(--control-action-size);margin-inline:calc((var(--vectis-icon-size) - var(--control-action-size)) / 2);border-radius:var(--vectis-radius-interactive);color:var(--vectis-color-text-muted);cursor:pointer;transition:color var(--vectis-duration-fast) var(--vectis-ease-default);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.v-field-action:hover:not(:disabled){color:var(--vectis-color-text)}.v-field-action:focus-visible{outline:var(--vectis-focus-ring-width) solid var(--vectis-focus-ring-color);outline-offset:calc(-1 * var(--vectis-focus-ring-width))}.v-field-meta{align-items:baseline;gap:var(--vectis-space-2);display:flex}.v-field-counter{font-size:var(--vectis-text-caption-size);color:var(--vectis-color-text-muted);font-variant-numeric:tabular-nums}.v-field-meta>.v-field-counter{margin-inline-start:auto}.v-field-counter[data-over]{color:var(--vectis-color-danger-text)}@media (prefers-reduced-motion:reduce){.v-field-action{transition:none}}.v-choice{font-family:var(--vectis-text-family);font-size:var(--vectis-text-label-size);color:var(--vectis-color-text);grid-template-columns:auto auto;align-items:center;display:inline-grid}.v-choice-row{grid-column:1/-1;grid-template-columns:subgrid;cursor:pointer;align-items:center;display:grid}.v-choice-label,.v-choice-hint{margin-inline-start:var(--vectis-space-2)}.v-choice-hint{font-size:var(--vectis-text-caption-size);line-height:var(--vectis-text-caption-leading);color:var(--vectis-color-text-muted);grid-column:2}.v-choice[data-label-position=start] .v-choice-label{order:-1}.v-choice[data-label-position=start] :is(.v-choice-label,.v-choice-hint){margin-inline:0 var(--vectis-space-2)}.v-choice[data-label-position=start] .v-choice-hint{grid-column:1}.v-choice[data-spread]{justify-content:space-between;display:grid}.v-choice-row .v-hidden-input:focus-visible+*{outline:var(--vectis-focus-ring-width) solid var(--vectis-focus-ring-color);outline-offset:var(--vectis-focus-ring-offset)}.v-choice[data-readonly] .v-choice-row{cursor:default}.v-choice:has(.v-hidden-input:disabled){color:var(--vectis-color-text-subtle)}.v-choice:has(.v-hidden-input:disabled) .v-choice-row{cursor:not-allowed}.v-choice:has(.v-hidden-input:disabled) .v-choice-hint{color:var(--vectis-color-text-subtle)}.v-group-label{min-block-size:var(--control-height);padding-block:var(--vectis-space-1);padding-inline:var(--control-padding-inline);font-size:var(--vectis-text-overline-size);font-weight:var(--vectis-text-overline-weight);letter-spacing:var(--vectis-text-overline-tracking);color:var(--vectis-color-text-muted);align-items:center;display:flex}.v-disclosure{interpolate-size:allow-keywords}.v-disclosure::details-content{block-size:0;transition:block-size var(--vectis-duration-base) var(--vectis-ease-default), content-visibility var(--vectis-duration-base) allow-discrete;overflow:clip}.v-disclosure[open]::details-content{block-size:auto}.v-disclosure>summary::-webkit-details-marker{display:none}.v-disclosure-chevron{color:var(--vectis-color-text-muted);transition:rotate var(--vectis-duration-base) var(--vectis-ease-default);flex:none}.v-disclosure[open]:not([data-swap])>summary>.v-disclosure-chevron{rotate:180deg}.v-disclosure[data-swap][open]>summary>.v-disclosure-chevron:not(.v-disclosure-chevron-open),.v-disclosure[data-swap]:not([open])>summary>.v-disclosure-chevron-open{display:none}.v-disclosure>summary[data-disabled]>.v-disclosure-chevron{color:inherit}@media (prefers-reduced-motion:reduce){.v-disclosure-chevron{transition:none}.v-disclosure::details-content{transition:none}}}@layer vectis.utilities{.v-hidden-input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.v-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@keyframes v-spin{to{transform:rotate(1turn)}}
+@layer vectis.reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer vectis.tokens{:root{--vectis-color-white:oklch(100% 0 0);--vectis-color-black:oklch(0% 0 0);--vectis-color-red-50:oklch(97.1% .013 17.38);--vectis-color-red-100:oklch(93.6% .032 17.717);--vectis-color-red-200:oklch(88.5% .062 18.334);--vectis-color-red-300:oklch(80.8% .114 19.571);--vectis-color-red-400:oklch(70.4% .191 22.216);--vectis-color-red-500:oklch(63.7% .237 25.331);--vectis-color-red-600:oklch(57.7% .245 27.325);--vectis-color-red-700:oklch(50.5% .213 27.518);--vectis-color-red-800:oklch(44.4% .177 26.899);--vectis-color-red-900:oklch(39.6% .141 25.723);--vectis-color-red-950:oklch(25.8% .092 26.042);--vectis-color-amber-50:oklch(98.7% .022 95.277);--vectis-color-amber-100:oklch(96.2% .059 95.617);--vectis-color-amber-200:oklch(92.4% .12 95.746);--vectis-color-amber-300:oklch(87.9% .169 91.605);--vectis-color-amber-400:oklch(82.8% .189 84.429);--vectis-color-amber-500:oklch(76.9% .188 70.08);--vectis-color-amber-600:oklch(66.6% .179 58.318);--vectis-color-amber-700:oklch(55.5% .163 48.998);--vectis-color-amber-800:oklch(47.3% .137 46.201);--vectis-color-amber-900:oklch(41.4% .112 45.904);--vectis-color-amber-950:oklch(27.9% .077 45.635);--vectis-color-green-50:oklch(98.2% .018 155.826);--vectis-color-green-100:oklch(96.2% .044 156.743);--vectis-color-green-200:oklch(92.5% .084 155.995);--vectis-color-green-300:oklch(87.1% .15 154.449);--vectis-color-green-400:oklch(79.2% .209 151.711);--vectis-color-green-500:oklch(72.3% .219 149.579);--vectis-color-green-600:oklch(62.7% .194 149.214);--vectis-color-green-700:oklch(52.7% .154 150.069);--vectis-color-green-800:oklch(44.8% .119 151.328);--vectis-color-green-900:oklch(39.3% .095 152.535);--vectis-color-green-950:oklch(26.6% .065 152.934);--vectis-color-indigo-50:oklch(96.2% .018 272.314);--vectis-color-indigo-100:oklch(93% .034 272.788);--vectis-color-indigo-200:oklch(87% .065 274.039);--vectis-color-indigo-300:oklch(78.5% .115 274.713);--vectis-color-indigo-400:oklch(67.3% .182 276.935);--vectis-color-indigo-500:oklch(58.5% .233 277.117);--vectis-color-indigo-600:oklch(51.1% .262 276.966);--vectis-color-indigo-700:oklch(45.7% .24 277.023);--vectis-color-indigo-800:oklch(39.8% .195 277.366);--vectis-color-indigo-900:oklch(35.9% .144 278.697);--vectis-color-indigo-950:oklch(25.7% .09 281.288);--vectis-color-gray-50:oklch(98.5% .002 247.839);--vectis-color-gray-100:oklch(96.7% .003 264.542);--vectis-color-gray-200:oklch(92.8% .006 264.531);--vectis-color-gray-300:oklch(87.2% .01 258.338);--vectis-color-gray-400:oklch(70.7% .022 261.325);--vectis-color-gray-500:oklch(55.1% .027 264.364);--vectis-color-gray-600:oklch(44.6% .03 256.802);--vectis-color-gray-700:oklch(37.3% .034 259.733);--vectis-color-gray-800:oklch(27.8% .033 256.848);--vectis-color-gray-900:oklch(21% .034 264.665);--vectis-color-gray-950:oklch(13% .028 261.692);--vectis-space-1:.25rem;--vectis-space-2:.5rem;--vectis-space-3:.75rem;--vectis-space-4:1rem;--vectis-space-5:1.25rem;--vectis-space-6:1.5rem;--vectis-space-7:2rem;--vectis-space-8:2.5rem;--vectis-space-9:3rem;--vectis-space-10:4rem;--vectis-space-11:5rem;--vectis-space-12:6rem;--vectis-font-family-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vectis-font-family-display:var(--vectis-font-family-sans);--vectis-font-family-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--vectis-font-family-icon:"Material Symbols Rounded";--vectis-font-weight-regular:400;--vectis-font-weight-medium:500;--vectis-font-weight-semibold:600;--vectis-font-weight-bold:700;--vectis-font-size-xs:.75rem;--vectis-font-size-sm:.875rem;--vectis-font-size-md:1rem;--vectis-font-size-lg:1.125rem;--vectis-font-size-xl:1.25rem;--vectis-font-size-2xl:1.5rem;--vectis-font-size-3xl:1.875rem;--vectis-font-size-4xl:2.25rem;--vectis-font-size-5xl:3rem;--vectis-font-leading-none:1;--vectis-font-leading-tight:1.25;--vectis-font-leading-snug:1.4;--vectis-font-leading-normal:1.5;--vectis-font-leading-relaxed:1.65;--vectis-font-tracking-tight:-.015em;--vectis-font-tracking-wide:.05em;--vectis-radius-none:0px;--vectis-radius-xs:.125rem;--vectis-radius-sm:.25rem;--vectis-radius-md:.375rem;--vectis-radius-lg:.5rem;--vectis-radius-xl:.75rem;--vectis-radius-2xl:1rem;--vectis-radius-full:9999px;--vectis-shadow-xs:0 1px 2px 0 oklch(0% 0 0/.05);--vectis-shadow-sm:0 1px 3px 0 oklch(0% 0 0/.1), 0 1px 2px -1px oklch(0% 0 0/.1);--vectis-shadow-md:0 4px 6px -1px oklch(0% 0 0/.1), 0 2px 4px -2px oklch(0% 0 0/.1);--vectis-shadow-lg:0 10px 15px -3px oklch(0% 0 0/.1), 0 4px 6px -4px oklch(0% 0 0/.1);--vectis-shadow-xl:0 20px 25px -5px oklch(0% 0 0/.1), 0 8px 10px -6px oklch(0% 0 0/.1);--vectis-duration-0:0s;--vectis-duration-50:50ms;--vectis-duration-100:.1s;--vectis-duration-150:.15s;--vectis-duration-200:.2s;--vectis-duration-300:.3s;--vectis-duration-400:.4s;--vectis-duration-500:.5s;--vectis-duration-700:.7s;--vectis-duration-1000:1s;--vectis-duration-1500:1.5s;--vectis-duration-2000:2s;--vectis-duration-3000:3s;--vectis-duration-5000:5s;--vectis-ease-default:cubic-bezier(.2, 0, 0, 1);--vectis-ease-in:cubic-bezier(.5, 0, 1, 1);--vectis-ease-out:cubic-bezier(0, 0, .2, 1);--vectis-ease-in-out:cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=light]{color-scheme:light;--vectis-color-surface:var(--vectis-color-white);--vectis-color-surface-muted:var(--vectis-color-gray-100);--vectis-color-surface-raised:var(--vectis-color-white);--vectis-color-surface-overlay:var(--vectis-color-white);--vectis-color-surface-sunken:var(--vectis-color-gray-50);--vectis-color-surface-inverse:var(--vectis-color-gray-900);--vectis-color-surface-skeleton:var(--vectis-color-gray-200);--vectis-color-text-on-inverse:var(--vectis-color-white);--vectis-color-text:var(--vectis-color-gray-900);--vectis-color-text-muted:var(--vectis-color-gray-600);--vectis-color-text-subtle:var(--vectis-color-gray-500);--vectis-color-text-on-accent:var(--vectis-color-white);--vectis-color-text-on-warning:var(--vectis-color-gray-950);--vectis-color-border:var(--vectis-color-gray-200);--vectis-color-border-strong:var(--vectis-color-gray-300);--vectis-color-accent:var(--vectis-color-indigo-600);--vectis-color-accent-hover:var(--vectis-color-indigo-700);--vectis-color-accent-active:var(--vectis-color-indigo-800);--vectis-color-accent-surface:var(--vectis-color-indigo-50);--vectis-color-accent-border:var(--vectis-color-indigo-200);--vectis-color-accent-text:var(--vectis-color-indigo-700);--vectis-color-danger:var(--vectis-color-red-600);--vectis-color-danger-hover:var(--vectis-color-red-700);--vectis-color-danger-active:var(--vectis-color-red-800);--vectis-color-danger-surface:var(--vectis-color-red-50);--vectis-color-danger-border:var(--vectis-color-red-200);--vectis-color-danger-text:var(--vectis-color-red-700);--vectis-color-success:var(--vectis-color-green-700);--vectis-color-success-hover:var(--vectis-color-green-800);--vectis-color-success-active:var(--vectis-color-green-900);--vectis-color-success-surface:var(--vectis-color-green-50);--vectis-color-success-border:var(--vectis-color-green-200);--vectis-color-success-text:var(--vectis-color-green-800);--vectis-color-warning:var(--vectis-color-amber-600);--vectis-color-warning-hover:var(--vectis-color-amber-700);--vectis-color-warning-active:var(--vectis-color-amber-800);--vectis-color-warning-surface:var(--vectis-color-amber-50);--vectis-color-warning-border:var(--vectis-color-amber-200);--vectis-color-warning-text:var(--vectis-color-amber-900);--vectis-color-backdrop:oklch(0% 0 0/.45);--vectis-color-event-surface:oklch(95% .045 265);--vectis-color-event-border:oklch(85% .08 265);--vectis-color-event-text:oklch(40% .11 265);--vectis-text-family:var(--vectis-font-family-sans);--vectis-text-family-heading:var(--vectis-font-family-display);--vectis-text-family-code:var(--vectis-font-family-mono);--vectis-text-display-size:var(--vectis-font-size-5xl);--vectis-text-display-weight:var(--vectis-font-weight-bold);--vectis-text-display-leading:var(--vectis-font-leading-none);--vectis-text-display-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-1-size:var(--vectis-font-size-4xl);--vectis-text-heading-1-weight:var(--vectis-font-weight-bold);--vectis-text-heading-1-leading:var(--vectis-font-leading-tight);--vectis-text-heading-1-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-2-size:var(--vectis-font-size-2xl);--vectis-text-heading-2-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-2-leading:var(--vectis-font-leading-tight);--vectis-text-heading-2-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-3-size:var(--vectis-font-size-lg);--vectis-text-heading-3-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-3-leading:var(--vectis-font-leading-snug);--vectis-text-heading-4-size:var(--vectis-font-size-md);--vectis-text-heading-4-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-4-leading:var(--vectis-font-leading-snug);--vectis-text-subtitle-size:var(--vectis-font-size-sm);--vectis-text-subtitle-weight:var(--vectis-font-weight-regular);--vectis-text-subtitle-leading:var(--vectis-font-leading-normal);--vectis-text-body-xl-size:var(--vectis-font-size-lg);--vectis-text-body-xl-weight:var(--vectis-font-weight-regular);--vectis-text-body-xl-leading:var(--vectis-font-leading-relaxed);--vectis-text-body-lg-size:var(--vectis-font-size-md);--vectis-text-body-lg-weight:var(--vectis-font-weight-regular);--vectis-text-body-lg-leading:var(--vectis-font-leading-relaxed);--vectis-text-body-md-size:var(--vectis-font-size-sm);--vectis-text-body-md-weight:var(--vectis-font-weight-regular);--vectis-text-body-md-leading:var(--vectis-font-leading-normal);--vectis-text-body-sm-size:var(--vectis-font-size-xs);--vectis-text-body-sm-weight:var(--vectis-font-weight-regular);--vectis-text-body-sm-leading:var(--vectis-font-leading-normal);--vectis-text-label-size:var(--vectis-font-size-sm);--vectis-text-label-weight:var(--vectis-font-weight-medium);--vectis-text-label-leading:var(--vectis-font-leading-snug);--vectis-text-caption-size:var(--vectis-font-size-xs);--vectis-text-caption-weight:var(--vectis-font-weight-regular);--vectis-text-caption-leading:var(--vectis-font-leading-snug);--vectis-text-overline-size:var(--vectis-font-size-xs);--vectis-text-overline-weight:var(--vectis-font-weight-medium);--vectis-text-overline-leading:var(--vectis-font-leading-snug);--vectis-text-overline-tracking:var(--vectis-font-tracking-wide);--vectis-text-code-size:var(--vectis-font-size-sm);--vectis-text-code-weight:var(--vectis-font-weight-regular);--vectis-text-code-leading:var(--vectis-font-leading-normal);--vectis-text-control-weight:var(--vectis-font-weight-medium);--vectis-text-control-leading:var(--vectis-font-leading-none);--vectis-radius-interactive:var(--vectis-radius-md);--vectis-radius-surface:var(--vectis-radius-lg);--vectis-radius-overlay:var(--vectis-radius-xl);--vectis-radius-pill:var(--vectis-radius-full);--vectis-radius-chip:var(--vectis-radius-interactive);--vectis-duration-fast:var(--vectis-duration-150);--vectis-duration-base:var(--vectis-duration-200);--vectis-duration-slow:var(--vectis-duration-300);--vectis-focus-ring-color:var(--vectis-color-indigo-500);--vectis-focus-ring-width:2px;--vectis-focus-ring-offset:2px;--vectis-control-height-xs:1.5rem;--vectis-control-height-sm:2rem;--vectis-control-height-md:2.5rem;--vectis-control-height-lg:3rem;--vectis-control-height-xl:3.5rem;--vectis-control-border-width:2px;--vectis-control-size-check:1.25rem;--vectis-control-size-check-mark:.875rem;--vectis-control-size-check-dot:.5rem;--vectis-control-size-switch-w:2.5rem;--vectis-control-size-switch-h:1.25rem;--vectis-control-size-switch-pad:.125rem;--vectis-control-action-size-sm:1.25rem;--vectis-control-action-size-md:1.5rem;--vectis-control-action-size-lg:1.75rem;--vectis-control-size-slider-track:.375rem;--vectis-control-size-slider-thumb:1.25rem;--vectis-control-size-slider-length:10rem;--vectis-control-size-slider-field:5rem;--vectis-control-size-carousel-block:24rem;--vectis-control-size-carousel-indicator:.625rem;--vectis-control-size-carousel-indicator-active:1.25rem;--vectis-control-size-combobox-list-max-block:18rem;--vectis-control-size-menu-min:11rem;--vectis-control-size-menu-max:20rem;--vectis-control-size-progress-linear-thickness:.25rem;--vectis-control-size-progress-linear-length:10rem;--vectis-control-size-progress-circular-diameter:3rem;--vectis-control-size-progress-circular-thickness:.25rem;--vectis-control-size-skeleton-surface:6rem;--vectis-control-size-toast-width:22rem;--vectis-control-size-tooltip-max:18rem;--vectis-control-size-dialog-width:25rem;--vectis-control-size-snackbar-min:18rem;--vectis-control-size-snackbar-max:36rem;--vectis-control-size-badge-h:1.25rem;--vectis-control-size-badge-dot:.625rem;--vectis-control-size-badge-ring:2px;--vectis-control-size-avatar-ring:2px;--vectis-control-size-date-picker-cell:2.5rem;--vectis-control-size-date-picker-day:var(--vectis-control-height-md);--vectis-control-size-date-picker-dot:.25rem;--vectis-control-size-date-picker-nav-min:5.375rem;--vectis-control-size-tab-indicator:2px;--vectis-control-size-table-search:16rem;--vectis-control-size-time-picker-dial:16rem;--vectis-control-size-time-picker-number:3rem;--vectis-control-size-time-picker-center:.5rem;--vectis-control-size-time-picker-hand:2px;--vectis-control-size-time-picker-hand-minor:1rem;--vectis-control-size-file-picker-min-block:10rem;--vectis-control-size-file-picker-icon:2.5rem;--vectis-control-size-file-picker-thumb:2.5rem;--vectis-control-size-calendar-hour:4rem;--vectis-control-size-calendar-gutter:4.5rem;--vectis-control-size-calendar-tick:.375rem;--vectis-control-size-calendar-edge:3rem;--vectis-control-size-calendar-day-min:5rem;--vectis-control-size-calendar-handle:.5rem;--vectis-control-size-calendar-allday-lane:1.5rem;--vectis-control-size-calendar-allday-max:7rem;--vectis-control-size-calendar-now-dot:.625rem;--vectis-control-size-calendar-event-edge:3px;--vectis-control-size-calendar-gap:.125rem;--vectis-control-size-calendar-grip:1rem;--vectis-control-size-calendar-grip-thickness:2px;--vectis-control-size-calendar-year-month:13rem;--vectis-control-size-calendar-month-cell:8.5rem;--vectis-control-size-calendar-year-cell:1.5rem;--vectis-icon-size-sm:1rem;--vectis-icon-size-md:1.25rem;--vectis-icon-size-lg:1.5rem}[data-theme=dark]{color-scheme:dark;--vectis-color-surface:var(--vectis-color-gray-950);--vectis-color-surface-muted:var(--vectis-color-gray-800);--vectis-color-surface-raised:var(--vectis-color-gray-900);--vectis-color-surface-overlay:var(--vectis-color-gray-900);--vectis-color-surface-sunken:oklch(11% .006 260);--vectis-color-surface-inverse:var(--vectis-color-gray-800);--vectis-color-surface-skeleton:var(--vectis-color-gray-800);--vectis-color-text-on-inverse:var(--vectis-color-gray-50);--vectis-color-text:var(--vectis-color-gray-50);--vectis-color-text-muted:var(--vectis-color-gray-300);--vectis-color-text-subtle:var(--vectis-color-gray-400);--vectis-color-text-on-accent:var(--vectis-color-white);--vectis-color-border:var(--vectis-color-gray-800);--vectis-color-border-strong:var(--vectis-color-gray-700);--vectis-color-accent:var(--vectis-color-indigo-500);--vectis-color-accent-hover:var(--vectis-color-indigo-400);--vectis-color-accent-active:var(--vectis-color-indigo-300);--vectis-color-accent-surface:var(--vectis-color-indigo-950);--vectis-color-accent-border:var(--vectis-color-indigo-900);--vectis-color-accent-text:var(--vectis-color-indigo-300);--vectis-color-danger:var(--vectis-color-red-600);--vectis-color-danger-hover:var(--vectis-color-red-700);--vectis-color-danger-active:var(--vectis-color-red-800);--vectis-color-danger-surface:var(--vectis-color-red-950);--vectis-color-danger-border:var(--vectis-color-red-900);--vectis-color-danger-text:var(--vectis-color-red-300);--vectis-color-success:var(--vectis-color-green-700);--vectis-color-success-hover:var(--vectis-color-green-800);--vectis-color-success-active:var(--vectis-color-green-900);--vectis-color-success-surface:var(--vectis-color-green-950);--vectis-color-success-border:var(--vectis-color-green-900);--vectis-color-success-text:var(--vectis-color-green-300);--vectis-color-warning:var(--vectis-color-amber-500);--vectis-color-warning-hover:var(--vectis-color-amber-400);--vectis-color-warning-active:var(--vectis-color-amber-300);--vectis-color-warning-surface:var(--vectis-color-amber-950);--vectis-color-warning-border:var(--vectis-color-amber-900);--vectis-color-warning-text:var(--vectis-color-amber-300);--vectis-color-backdrop:oklch(0% 0 0/.6);--vectis-color-event-surface:oklch(30% .05 265);--vectis-color-event-border:oklch(42% .08 265);--vectis-color-event-text:oklch(90% .06 265);--vectis-focus-ring-color:var(--vectis-color-indigo-400)}.v-tone[data-tone=accent]{--tone-bg-solid:var(--vectis-color-accent);--tone-bg-solid-hover:var(--vectis-color-accent-hover);--tone-bg-solid-active:var(--vectis-color-accent-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-accent-text);--tone-bg-soft:var(--vectis-color-accent-surface);--tone-border-soft:var(--vectis-color-accent-border)}.v-tone[data-tone=danger]{--tone-bg-solid:var(--vectis-color-danger);--tone-bg-solid-hover:var(--vectis-color-danger-hover);--tone-bg-solid-active:var(--vectis-color-danger-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-danger-text);--tone-bg-soft:var(--vectis-color-danger-surface);--tone-border-soft:var(--vectis-color-danger-border)}.v-tone[data-tone=success]{--tone-bg-solid:var(--vectis-color-success);--tone-bg-solid-hover:var(--vectis-color-success-hover);--tone-bg-solid-active:var(--vectis-color-success-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-success-text);--tone-bg-soft:var(--vectis-color-success-surface);--tone-border-soft:var(--vectis-color-success-border)}.v-tone[data-tone=warning]{--tone-bg-solid:var(--vectis-color-warning);--tone-bg-solid-hover:var(--vectis-color-warning-hover);--tone-bg-solid-active:var(--vectis-color-warning-active);--tone-text-solid:var(--vectis-color-text-on-warning);--tone-text-tinted:var(--vectis-color-warning-text);--tone-bg-soft:var(--vectis-color-warning-surface);--tone-border-soft:var(--vectis-color-warning-border)}.v-tone[data-tone=neutral]{--tone-bg-solid:var(--vectis-color-text);--tone-bg-solid-hover:color-mix(in oklab, var(--vectis-color-text), var(--vectis-color-surface) 8%);--tone-bg-solid-active:color-mix(in oklab, var(--vectis-color-text), var(--vectis-color-surface) 14%);--tone-text-solid:var(--vectis-color-surface);--tone-text-tinted:var(--vectis-color-text);--tone-bg-soft:var(--vectis-color-surface-muted);--tone-border-soft:var(--vectis-color-border-strong)}.v-tone[data-custom]{--tone-bg-solid:var(--custom-color);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:color-mix(in oklab, var(--custom-color), var(--vectis-color-text) 30%);--tone-bg-soft:color-mix(in oklab, var(--custom-color), var(--vectis-color-surface) 85%)}}@layer vectis.components{.v-variant[data-variant=solid]{background:var(--tone-bg-solid);color:var(--tone-text-solid)}.v-variant[data-variant=soft]{background:var(--tone-bg-soft);color:var(--tone-text-tinted)}.v-variant[data-variant=outline]{color:var(--tone-text-tinted);border-color:var(--tone-border-soft);background:0 0}.v-variant[data-variant=ghost]{color:var(--tone-text-tinted);background:0 0}.v-overlay{position:fixed;inset:auto}.v-overlay.v-overlay:not(:popover-open){display:none}.v-floating{margin:var(--vectis-space-2);position-try-fallbacks:flip-block, flip-inline}.v-floating[data-placement$=-start]{margin-inline-start:0}.v-floating[data-placement$=-end]{margin-inline-end:0}.v-floating[data-placement=bottom]{position-area:block-end;justify-self:anchor-center}.v-floating[data-placement=bottom-start]{position-area:block-end span-inline-end}.v-floating[data-placement=bottom-end]{position-area:block-end span-inline-start}.v-floating[data-placement=top]{position-area:block-start;justify-self:anchor-center}.v-floating[data-placement=top-start]{position-area:block-start span-inline-end}.v-floating[data-placement=top-end]{position-area:block-start span-inline-start}.v-floating[data-placement=left]{position-area:inline-start;align-self:anchor-center}.v-floating[data-placement=right]{position-area:inline-end;align-self:anchor-center}.v-floating[data-placement=right-start]{position-area:inline-end span-block-end}.v-floating[data-placement=right-end]{position-area:inline-end span-block-start}.v-floating[data-placement=left-start]{position-area:inline-start span-block-end}.v-floating[data-placement=left-end]{position-area:inline-start span-block-start}.v-floating[data-placement^=right-],.v-floating[data-placement^=left-]{margin-inline:var(--vectis-space-2)}.v-floating:is([data-placement=right-start],[data-placement=left-start]){margin-block-start:0}.v-floating:is([data-placement=right-end],[data-placement=left-end]){margin-block-end:0}.v-floating{opacity:0;transition:opacity var(--vectis-duration-fast) var(--vectis-ease-default), transform var(--vectis-duration-fast) var(--vectis-ease-default), overlay var(--vectis-duration-fast) allow-discrete, display var(--vectis-duration-fast) allow-discrete;transform:scale(.97)}.v-floating:popover-open{opacity:1;transform:none}@starting-style{.v-floating:popover-open{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.v-floating{transition:none}}.v-panel{gap:var(--vectis-space-1);padding:var(--vectis-space-1);background:var(--vectis-color-surface-overlay);color:var(--vectis-color-text);border:1px solid var(--vectis-color-border);border-radius:var(--vectis-radius-surface);box-shadow:var(--vectis-shadow-lg);font-family:var(--vectis-text-family);flex-direction:column;display:flex}.v-banner{--banner-line:calc(var(--vectis-text-body-md-size) * var(--vectis-text-body-md-leading));gap:var(--vectis-space-3);border-radius:var(--vectis-radius-overlay);box-shadow:var(--vectis-shadow-lg);font-family:var(--vectis-text-family);font-size:var(--vectis-text-body-md-size);line-height:var(--vectis-text-body-md-leading);transition:opacity var(--vectis-duration-base) var(--vectis-ease-default), translate var(--vectis-duration-base) var(--vectis-ease-default);display:flex}@starting-style{.v-banner{opacity:0;translate:0 var(--banner-enter-y,0)}}.v-banner-text{overflow-wrap:anywhere;flex:1;min-inline-size:0}.v-banner-control{--banner-control-height:var(--vectis-control-height-sm);margin-block:calc((var(--banner-line) - var(--banner-control-height)) / 2);margin-inline-end:calc(-1 * var(--vectis-space-2))}.v-banner .v-banner-control[data-tone]{--tone-text-tinted:currentcolor;--tone-bg-soft:color-mix(in oklab, currentcolor, transparent 85%)}@media (prefers-reduced-motion:reduce){.v-banner{transition:none}}.v-control{--control-height:var(--control-height-base)}.v-control[data-compact]{--control-height:calc(var(--control-height-base) - var(--vectis-space-1))}.v-control[data-size=xs]{--control-height-base:var(--vectis-control-height-xs);--control-font-size:var(--vectis-font-size-xs);--control-padding-inline:var(--vectis-space-2);--control-gap:var(--vectis-space-1);--control-action-size:var(--vectis-control-action-size-sm);--vectis-icon-size:var(--vectis-icon-size-sm);--vectis-icon-opsz:20}.v-control[data-size=sm]{--control-height-base:var(--vectis-control-height-sm);--control-font-size:var(--vectis-font-size-sm);--control-padding-inline:var(--vectis-space-3);--control-padding-inline-field:var(--vectis-space-2);--control-gap:var(--vectis-space-2);--control-action-size:var(--vectis-control-action-size-md);--vectis-icon-size:var(--vectis-icon-size-md);--vectis-icon-opsz:20}.v-control[data-size=md]{--control-height-base:var(--vectis-control-height-md);--control-font-size:var(--vectis-font-size-sm);--control-padding-inline:var(--vectis-space-4);--control-padding-inline-field:var(--vectis-space-3);--control-gap:var(--vectis-space-2);--control-action-size:var(--vectis-control-action-size-md);--vectis-icon-size:var(--vectis-icon-size-md);--vectis-icon-opsz:20}.v-control[data-size=lg]{--control-height-base:var(--vectis-control-height-lg);--control-font-size:var(--vectis-font-size-md);--control-padding-inline:var(--vectis-space-5);--control-padding-inline-field:var(--vectis-space-4);--control-gap:var(--vectis-space-3);--control-action-size:var(--vectis-control-action-size-lg);--vectis-icon-size:var(--vectis-icon-size-lg);--vectis-icon-opsz:24}.v-control[data-size=xl]{--control-height-base:var(--vectis-control-height-xl);--control-font-size:var(--vectis-font-size-md);--control-padding-inline:var(--vectis-space-6);--control-gap:var(--vectis-space-3);--vectis-icon-size:var(--vectis-icon-size-lg);--vectis-icon-opsz:24}.v-field-action{inline-size:var(--control-action-size);block-size:var(--control-action-size);margin-inline:calc((var(--vectis-icon-size) - var(--control-action-size)) / 2);border-radius:var(--vectis-radius-interactive);color:var(--vectis-color-text-muted);cursor:pointer;transition:color var(--vectis-duration-fast) var(--vectis-ease-default);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.v-field-action:hover:not(:disabled){color:var(--vectis-color-text)}.v-field-action:focus-visible{outline:var(--vectis-focus-ring-width) solid var(--vectis-focus-ring-color);outline-offset:calc(-1 * var(--vectis-focus-ring-width))}.v-field-meta{align-items:baseline;gap:var(--vectis-space-2);display:flex}.v-field-counter{font-size:var(--vectis-text-caption-size);color:var(--vectis-color-text-muted);font-variant-numeric:tabular-nums}.v-field-meta>.v-field-counter{margin-inline-start:auto}.v-field-counter[data-over]{color:var(--vectis-color-danger-text)}@media (prefers-reduced-motion:reduce){.v-field-action{transition:none}}.v-choice{font-family:var(--vectis-text-family);font-size:var(--vectis-text-label-size);font-weight:var(--vectis-text-label-weight);line-height:var(--vectis-text-label-leading);color:var(--vectis-color-text);grid-template-columns:auto auto;align-items:center;display:inline-grid}.v-choice-row{grid-column:1/-1;grid-template-columns:subgrid;cursor:pointer;align-items:center;display:grid}.v-choice-label,.v-choice-hint{margin-inline-start:var(--vectis-space-2)}.v-choice-hint{font-size:var(--vectis-text-caption-size);font-weight:var(--vectis-text-caption-weight);line-height:var(--vectis-text-caption-leading);color:var(--vectis-color-text-muted);grid-column:2}.v-choice[data-label-position=start] .v-choice-label{order:-1}.v-choice[data-label-position=start] :is(.v-choice-label,.v-choice-hint){margin-inline:0 var(--vectis-space-2)}.v-choice[data-label-position=start] .v-choice-hint{grid-column:1}.v-choice[data-spread]{justify-content:space-between;display:grid}.v-choice-row .v-hidden-input:focus-visible+*{outline:var(--vectis-focus-ring-width) solid var(--vectis-focus-ring-color);outline-offset:var(--vectis-focus-ring-offset)}.v-choice[data-readonly] .v-choice-row{cursor:default}.v-choice:has(.v-hidden-input:disabled){color:var(--vectis-color-text-subtle)}.v-choice:has(.v-hidden-input:disabled) .v-choice-row{cursor:not-allowed}.v-choice:has(.v-hidden-input:disabled) .v-choice-hint{color:var(--vectis-color-text-subtle)}.v-disclosure{interpolate-size:allow-keywords}.v-disclosure::details-content{block-size:0;transition:block-size var(--vectis-duration-base) var(--vectis-ease-default), content-visibility var(--vectis-duration-base) allow-discrete;overflow:clip}.v-disclosure[open]::details-content{block-size:auto}.v-disclosure>summary::-webkit-details-marker{display:none}.v-disclosure-chevron{color:var(--vectis-color-text-muted);transition:rotate var(--vectis-duration-base) var(--vectis-ease-default);flex:none}.v-disclosure[open]:not([data-swap])>summary>.v-disclosure-chevron{rotate:180deg}.v-disclosure[data-swap][open]>summary>.v-disclosure-chevron:not(.v-disclosure-chevron-open),.v-disclosure[data-swap]:not([open])>summary>.v-disclosure-chevron-open{display:none}.v-disclosure>summary[data-disabled]>.v-disclosure-chevron{color:inherit}@media (prefers-reduced-motion:reduce){.v-disclosure::details-content,.v-disclosure-chevron{transition:none}}}@layer vectis.utilities{.v-hidden-input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.v-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}

package/dist/tokens/css.d.ts

@@ -6,7 +6,7 @@ export interface FlatToken {
 }
 /**
  * Walks the nested groups and returns one entry per token, each carrying the name of the
- * custom property it will become — the path through the groups, joined with dashes and
+ * custom property it will become: the path through the groups, joined with dashes and
  * prefixed so that nothing collides with an application's own variables.
  */
 export declare function flattenTokens(group: TokenGroup, prefix?: string[]): FlatToken[];

package/dist/tokens/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["../../src/tokens/css.ts"],"sourcesContent":["/**\n * The tokens' nested typed groups flattened into the list of custom properties a browser\n * needs. `pnpm tokens` uses it to generate the shipped stylesheet, and it is exported\n * through `vectis-ui/tokens` so an application can do the same at runtime — a theming tool\n * regenerating the variables as a slider moves, or exporting a configuration.\n */\nimport { isToken, type DesignToken, type TokenGroup } from './types'\n\nexport interface FlatToken {\n  path: string[]\n  cssName: string\n  token: DesignToken\n}\n\n/**\n * Walks the nested groups and returns one entry per token, each carrying the name of the\n * custom property it will become — the path through the groups, joined with dashes and\n * prefixed so that nothing collides with an application's own variables.\n */\nexport function flattenTokens(group: TokenGroup, prefix: string[] = []): FlatToken[] {\n  const out: FlatToken[] = []\n  for (const [key, node] of Object.entries(group)) {\n    const path = [...prefix, key]\n    if (isToken(node)) {\n      out.push({ path, cssName: `--vectis-${path.join('-')}`, token: node })\n    } else {\n      out.push(...flattenTokens(node, path))\n    }\n  }\n  return out\n}\n\nconst ALIAS_RE = /\\{([^}]+)\\}/g\n\n/**\n * A token's value may point at another token by name, in braces, instead of stating a\n * colour or a length of its own. Each of those references becomes a reading of the\n * corresponding custom property, so the link survives into the CSS and remains\n * overridable at runtime.\n *\n * A reference to a token that does not exist STOPS the build rather than being left as\n * it is. A dangling reference in CSS resolves to nothing at all, and the component using\n * it loses its colour with nothing in the console to say why.\n */\nexport function resolveTokenValue(value: string, known: ReadonlySet<string>): string {\n  return value.replace(ALIAS_RE, (_match, ref: string) => {\n    const cssName = `--vectis-${ref.trim().split('.').join('-')}`\n    if (!known.has(cssName)) {\n      throw new Error(`Unknown token alias: {${ref}}`)\n    }\n    return `var(${cssName})`\n  })\n}\n\n/** The final step: a list of tokens written out as the lines of a CSS rule. */\nexport function toCssDeclarations(\n  flat: FlatToken[],\n  known: ReadonlySet<string>,\n  indent = '  ',\n): string {\n  return flat\n    .map((f) => `${indent}${f.cssName}: ${resolveTokenValue(f.token.$value, known)};`)\n    .join('\\n')\n}\n"],"mappings":";;AAmBA,SAAgB,EAAc,GAAmB,IAAmB,CAAC,GAAgB;CACnF,IAAM,IAAmB,CAAC;CAC1B,KAAK,IAAM,CAAC,GAAK,MAAS,OAAO,QAAQ,CAAK,GAAG;EAC/C,IAAM,IAAO,CAAC,GAAG,GAAQ,CAAG;EAC5B,AAAI,EAAQ,CAAI,IACd,EAAI,KAAK;GAAE;GAAM,SAAS,YAAY,EAAK,KAAK,GAAG;GAAK,OAAO;EAAK,CAAC,IAErE,EAAI,KAAK,GAAG,EAAc,GAAM,CAAI,CAAC;CAEzC;CACA,OAAO;AACT;AAEA,IAAM,IAAW;AAYjB,SAAgB,EAAkB,GAAe,GAAoC;CACnF,OAAO,EAAM,QAAQ,IAAW,GAAQ,MAAgB;EACtD,IAAM,IAAU,YAAY,EAAI,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG;EAC1D,IAAI,CAAC,EAAM,IAAI,CAAO,GACpB,MAAU,MAAM,yBAAyB,EAAI,EAAE;EAEjD,OAAO,OAAO,EAAQ;CACxB,CAAC;AACH;AAGA,SAAgB,EACd,GACA,GACA,IAAS,MACD;CACR,OAAO,EACJ,KAAK,MAAM,GAAG,IAAS,EAAE,QAAQ,IAAI,EAAkB,EAAE,MAAM,QAAQ,CAAK,EAAE,EAAE,CAAC,CACjF,KAAK,IAAI;AACd"}
+{"version":3,"file":"css.js","names":[],"sources":["../../src/tokens/css.ts"],"sourcesContent":["/**\n * The tokens' nested typed groups flattened into the list of custom properties a browser\n * needs. `pnpm tokens` uses it to generate the shipped stylesheet, and it is exported\n * through `vectis-ui/tokens` so an application can do the same at runtime — a theming tool\n * regenerating the variables as a slider moves, or exporting a configuration.\n */\nimport { isToken, type DesignToken, type TokenGroup } from './types'\n\nexport interface FlatToken {\n  path: string[]\n  cssName: string\n  token: DesignToken\n}\n\n/**\n * Walks the nested groups and returns one entry per token, each carrying the name of the\n * custom property it will become: the path through the groups, joined with dashes and\n * prefixed so that nothing collides with an application's own variables.\n */\nexport function flattenTokens(group: TokenGroup, prefix: string[] = []): FlatToken[] {\n  const out: FlatToken[] = []\n  for (const [key, node] of Object.entries(group)) {\n    const path = [...prefix, key]\n    if (isToken(node)) {\n      out.push({ path, cssName: `--vectis-${path.join('-')}`, token: node })\n    } else {\n      out.push(...flattenTokens(node, path))\n    }\n  }\n  return out\n}\n\nconst ALIAS_RE = /\\{([^}]+)\\}/g\n\n/**\n * A token's value may point at another token by name, in braces, instead of stating a\n * colour or a length of its own. Each of those references becomes a reading of the\n * corresponding custom property, so the link survives into the CSS and remains\n * overridable at runtime.\n *\n * A reference to a token that does not exist STOPS the build rather than being left as\n * it is. A dangling reference in CSS resolves to nothing at all, and the component using\n * it loses its colour with nothing in the console to say why.\n */\nexport function resolveTokenValue(value: string, known: ReadonlySet<string>): string {\n  return value.replace(ALIAS_RE, (_match, ref: string) => {\n    const cssName = `--vectis-${ref.trim().split('.').join('-')}`\n    if (!known.has(cssName)) {\n      throw new Error(`Unknown token alias: {${ref}}`)\n    }\n    return `var(${cssName})`\n  })\n}\n\n/** The final step: a list of tokens written out as the lines of a CSS rule. */\nexport function toCssDeclarations(\n  flat: FlatToken[],\n  known: ReadonlySet<string>,\n  indent = '  ',\n): string {\n  return flat\n    .map((f) => `${indent}${f.cssName}: ${resolveTokenValue(f.token.$value, known)};`)\n    .join('\\n')\n}\n"],"mappings":";;AAmBA,SAAgB,EAAc,GAAmB,IAAmB,CAAC,GAAgB;CACnF,IAAM,IAAmB,CAAC;CAC1B,KAAK,IAAM,CAAC,GAAK,MAAS,OAAO,QAAQ,CAAK,GAAG;EAC/C,IAAM,IAAO,CAAC,GAAG,GAAQ,CAAG;EAC5B,AAAI,EAAQ,CAAI,IACd,EAAI,KAAK;GAAE;GAAM,SAAS,YAAY,EAAK,KAAK,GAAG;GAAK,OAAO;EAAK,CAAC,IAErE,EAAI,KAAK,GAAG,EAAc,GAAM,CAAI,CAAC;CAEzC;CACA,OAAO;AACT;AAEA,IAAM,IAAW;AAYjB,SAAgB,EAAkB,GAAe,GAAoC;CACnF,OAAO,EAAM,QAAQ,IAAW,GAAQ,MAAgB;EACtD,IAAM,IAAU,YAAY,EAAI,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG;EAC1D,IAAI,CAAC,EAAM,IAAI,CAAO,GACpB,MAAU,MAAM,yBAAyB,EAAI,EAAE;EAEjD,OAAO,OAAO,EAAQ;CACxB,CAAC;AACH;AAGA,SAAgB,EACd,GACA,GACA,IAAS,MACD;CACR,OAAO,EACJ,KAAK,MAAM,GAAG,IAAS,EAAE,QAAQ,IAAI,EAAkB,EAAE,MAAM,QAAQ,CAAK,EAAE,EAAE,CAAC,CACjF,KAAK,IAAI;AACd"}

package/dist/tokens/index.d.ts

@@ -280,6 +280,7 @@ export declare const tokens: {
             'size-progress-circular-thickness': import('./types.js').DesignToken;
             'size-skeleton-surface': import('./types.js').DesignToken;
             'size-toast-width': import('./types.js').DesignToken;
+            'size-tooltip-max': import('./types.js').DesignToken;
             'size-dialog-width': import('./types.js').DesignToken;
             'size-snackbar-min': import('./types.js').DesignToken;
             'size-snackbar-max': import('./types.js').DesignToken;
@@ -310,6 +311,11 @@ export declare const tokens: {
             'size-calendar-allday-lane': import('./types.js').DesignToken;
             'size-calendar-allday-max': import('./types.js').DesignToken;
             'size-calendar-now-dot': import('./types.js').DesignToken;
+            'size-calendar-event-edge': import('./types.js').DesignToken;
+            'size-calendar-gap': import('./types.js').DesignToken;
+            'size-calendar-grip': import('./types.js').DesignToken;
+            'size-calendar-grip-thickness': import('./types.js').DesignToken;
+            'size-calendar-year-month': import('./types.js').DesignToken;
             'size-calendar-month-cell': import('./types.js').DesignToken;
             'size-calendar-year-cell': import('./types.js').DesignToken;
         };

package/dist/tokens/semantic.d.ts

@@ -199,6 +199,7 @@ export declare const semantic: {
         'size-progress-circular-thickness': import('./types.js').DesignToken;
         'size-skeleton-surface': import('./types.js').DesignToken;
         'size-toast-width': import('./types.js').DesignToken;
+        'size-tooltip-max': import('./types.js').DesignToken;
         'size-dialog-width': import('./types.js').DesignToken;
         'size-snackbar-min': import('./types.js').DesignToken;
         'size-snackbar-max': import('./types.js').DesignToken;
@@ -229,6 +230,11 @@ export declare const semantic: {
         'size-calendar-allday-lane': import('./types.js').DesignToken;
         'size-calendar-allday-max': import('./types.js').DesignToken;
         'size-calendar-now-dot': import('./types.js').DesignToken;
+        'size-calendar-event-edge': import('./types.js').DesignToken;
+        'size-calendar-gap': import('./types.js').DesignToken;
+        'size-calendar-grip': import('./types.js').DesignToken;
+        'size-calendar-grip-thickness': import('./types.js').DesignToken;
+        'size-calendar-year-month': import('./types.js').DesignToken;
         'size-calendar-month-cell': import('./types.js').DesignToken;
         'size-calendar-year-cell': import('./types.js').DesignToken;
     };

package/dist/tokens/semantic.js

@@ -8,48 +8,48 @@ var a = {
 		"surface-overlay": e("{color.white}", "Floating surfaces: dialogs, popovers, menus"),
 		"surface-sunken": e("{color.gray.50}", "Sunken surfaces: wells, code areas"),
 		"surface-inverse": e("{color.gray.900}", "Inverted-contrast surfaces: tooltips"),
-		"surface-skeleton": e("{color.gray.200}", "The background of the loading silhouettes (VSkeletonLoader); the highlight derives from it in CSS"),
+		"surface-skeleton": e("{color.gray.200}", "The background of VSkeletonLoader's silhouettes, from which its highlight is derived"),
 		"text-on-inverse": e("{color.white}", "Text set on an inverted surface"),
-		text: e("{color.gray.900}"),
-		"text-muted": e("{color.gray.600}"),
+		text: e("{color.gray.900}", "The running text of the interface"),
+		"text-muted": e("{color.gray.600}", "Secondary text: hints, captions, descriptions, start icons"),
 		"text-subtle": e("{color.gray.500}", "Placeholders, disabled text"),
 		"text-on-accent": e("{color.white}", "Text set on an accent/danger/success background"),
 		"text-on-warning": e("{color.gray.950}", "Text set on a solid warning background (amber too light for white)"),
-		border: e("{color.gray.200}"),
+		border: e("{color.gray.200}", "Dividers, and the frames of cards, tables and panels"),
 		"border-strong": e("{color.gray.300}", "The borders of form controls"),
-		accent: e("{color.indigo.600}"),
-		"accent-hover": e("{color.indigo.700}"),
-		"accent-active": e("{color.indigo.800}"),
+		accent: e("{color.indigo.600}", "The brand color: solid buttons, checked controls, the selected item"),
+		"accent-hover": e("{color.indigo.700}", "The accent color under the pointer"),
+		"accent-active": e("{color.indigo.800}", "The accent color while pressed"),
 		"accent-surface": e("{color.indigo.50}", "A tinted accent background (badges, selections)"),
-		"accent-border": e("{color.indigo.200}"),
+		"accent-border": e("{color.indigo.200}", "The border of a tinted accent element, matching the accent surface"),
 		"accent-text": e("{color.indigo.700}", "Accent text on a neutral or tinted background"),
-		danger: e("{color.red.600}"),
-		"danger-hover": e("{color.red.700}"),
-		"danger-active": e("{color.red.800}"),
-		"danger-surface": e("{color.red.50}"),
-		"danger-border": e("{color.red.200}"),
-		"danger-text": e("{color.red.700}"),
-		success: e("{color.green.700}"),
-		"success-hover": e("{color.green.800}"),
-		"success-active": e("{color.green.900}"),
-		"success-surface": e("{color.green.50}"),
-		"success-border": e("{color.green.200}"),
-		"success-text": e("{color.green.800}"),
-		warning: e("{color.amber.600}"),
-		"warning-hover": e("{color.amber.700}"),
-		"warning-active": e("{color.amber.800}"),
-		"warning-surface": e("{color.amber.50}"),
-		"warning-border": e("{color.amber.200}"),
-		"warning-text": e("{color.amber.900}"),
+		danger: e("{color.red.600}", "Destructive actions and errors: solid buttons, error states"),
+		"danger-hover": e("{color.red.700}", "The danger color under the pointer"),
+		"danger-active": e("{color.red.800}", "The danger color while pressed"),
+		"danger-surface": e("{color.red.50}", "A tinted danger background (soft buttons and chips, a destructive menu item)"),
+		"danger-border": e("{color.red.200}", "The border of a tinted danger element, matching the danger surface"),
+		"danger-text": e("{color.red.700}", "Danger text on a neutral or tinted background: error messages, a destructive menu item"),
+		success: e("{color.green.700}", "A positive outcome: solid chips, badges, notifications"),
+		"success-hover": e("{color.green.800}", "The success color under the pointer"),
+		"success-active": e("{color.green.900}", "The success color while pressed"),
+		"success-surface": e("{color.green.50}", "A tinted success background (soft chips, badges, notifications)"),
+		"success-border": e("{color.green.200}", "The border of a tinted success element, matching the success surface"),
+		"success-text": e("{color.green.800}", "Success text on a neutral or tinted background"),
+		warning: e("{color.amber.600}", "A situation that calls for attention: solid chips, badges, notifications"),
+		"warning-hover": e("{color.amber.700}", "The warning color under the pointer"),
+		"warning-active": e("{color.amber.800}", "The warning color while pressed"),
+		"warning-surface": e("{color.amber.50}", "A tinted warning background (soft chips, badges, notifications)"),
+		"warning-border": e("{color.amber.200}", "The border of a tinted warning element, matching the warning surface"),
+		"warning-text": e("{color.amber.900}", "Warning text on a neutral or tinted background"),
 		backdrop: e("oklch(0% 0 0 / 0.45)", "The veil behind modal dialogs"),
-		"event-surface": e("oklch(0.95 0.045 var(--vectis-calendar-event-hue, 265))", "The face of a calendar event that carries no colour of its own"),
-		"event-border": e("oklch(0.85 0.08 var(--vectis-calendar-event-hue, 265))", "The edge of that event, and the bar marking its leading side"),
-		"event-text": e("oklch(0.4 0.11 var(--vectis-calendar-event-hue, 265))", "The title written on that face")
+		"event-surface": e("oklch(0.95 0.045 265)", "The face of a calendar event that carries no color of its own"),
+		"event-border": e("oklch(0.85 0.08 265)", "The edge of that calendar event, and the bar marking its leading side"),
+		"event-text": e("oklch(0.4 0.11 265)", "The title of that calendar event")
 	},
 	text: {
-		family: r("{font.family.sans}", "The font of all the design system text"),
-		"family-heading": r("{font.family.display}", "The font of the display and heading roles; identical to the running font until it is overridden"),
-		"family-code": r("{font.family.mono}", "The font of code content (the code variant, VInputOTP)"),
+		family: r("{font.family.sans}", "The running font of every component"),
+		"family-heading": r("{font.family.display}", "The font of the display and heading roles, the running font until it is overridden"),
+		"family-code": r("{font.family.mono}", "The font of code content (the code role, VInputOTP)"),
 		display: {
 			size: t("{font.size.5xl}"),
 			weight: i("{font.weight.bold}"),
@@ -133,29 +133,29 @@ var a = {
 		interactive: t("{radius.md}", "Buttons, inputs, controls"),
 		surface: t("{radius.lg}", "Cards, alerts"),
 		overlay: t("{radius.xl}", "Dialogs, popovers, menus"),
-		pill: t("{radius.full}"),
-		chip: t("{radius.interactive}", "Chips (shape=\"chip\"), follows interactive by default")
+		pill: t("{radius.full}", "Full rounding: switches, badges, pill-shaped chips"),
+		chip: t("{radius.interactive}", "Chips with shape=\"chip\", which follow the interactive radius by default")
 	},
 	duration: {
-		fast: n("{duration.150}", "Colour and border changes on hover, focus, press"),
+		fast: n("{duration.150}", "Color and border changes on hover, focus and press"),
 		base: n("{duration.200}", "The default: a panel opening, a value moving"),
 		slow: n("{duration.300}", "Movements large enough to be followed by the eye")
 	},
 	focus: {
-		"ring-color": e("{color.indigo.500}"),
-		"ring-width": t("2px"),
-		"ring-offset": t("2px")
+		"ring-color": e("{color.indigo.500}", "The keyboard focus ring, which has to stand out against the page"),
+		"ring-width": t("2px", "The thickness of the focus ring"),
+		"ring-offset": t("2px", "The gap between a control and its focus ring")
 	},
 	control: {
-		"height-xs": t("1.5rem"),
-		"height-sm": t("2rem"),
-		"height-md": t("2.5rem"),
-		"height-lg": t("3rem"),
-		"height-xl": t("3.5rem"),
+		"height-xs": t("1.5rem", "The height of every control at size=\"xs\" (24px), 4px less when compact"),
+		"height-sm": t("2rem", "The height of every control at size=\"sm\" (32px), 4px less when compact"),
+		"height-md": t("2.5rem", "The height of every control at size=\"md\" (40px), 4px less when compact"),
+		"height-lg": t("3rem", "The height of every control at size=\"lg\" (48px), 4px less when compact"),
+		"height-xl": t("3.5rem", "The height of every control at size=\"xl\" (56px), 4px less when compact"),
 		"border-width": t("2px", "The border of checkable controls (VCheckbox, VRadio)"),
 		"size-check": t("1.25rem", "The box of checkable controls (VCheckbox, VRadio)"),
-		"size-check-mark": t("0.875rem", "VCheckbox's SVG tick"),
-		"size-check-dot": t("0.5rem", "VRadio's inner dot"),
+		"size-check-mark": t("0.875rem", "The tick inside VCheckbox's box"),
+		"size-check-dot": t("0.5rem", "The dot inside VRadio's circle"),
 		"size-switch-w": t("2.5rem", "The width of VSwitch's track"),
 		"size-switch-h": t("1.25rem", "The height of VSwitch's track"),
 		"size-switch-pad": t("0.125rem", "The gap between VSwitch's thumb and the edge of its track"),
@@ -166,37 +166,38 @@ var a = {
 		"size-slider-thumb": t("1.25rem", "The diameter of VSlider's thumb"),
 		"size-slider-length": t("10rem", "The default length of a vertical VSlider"),
 		"size-slider-field": t("5rem", "The width of VSlider's number fields"),
-		"size-carousel-block": t("24rem", "The default block size of VCarousel's viewport. Load-bearing in the vertical orientation: a percentage flex-basis has no definite reference on the block axis, and every slide would collapse onto its content without it"),
+		"size-carousel-block": t("24rem", "The default block size of VCarousel's viewport, which a vertical carousel needs to lay its slides out"),
 		"size-carousel-indicator": t("0.625rem", "The diameter of a VCarousel indicator dot (its hit area comes from --vectis-control-height-xs)"),
-		"size-carousel-indicator-active": t("1.25rem", "The main-axis size of the ACTIVE VCarousel indicator, which stretches from a dot into a pill"),
+		"size-carousel-indicator-active": t("1.25rem", "The length of the active VCarousel indicator, which stretches from a dot into a pill"),
 		"size-combobox-list-max-block": t("18rem", "The maximum height of VCombobox's list panel (the scrolling area)"),
 		"size-menu-min": t("11rem", "The minimum width of VMenu's panel"),
 		"size-menu-max": t("20rem", "The maximum width of VMenu's panel"),
 		"size-progress-linear-thickness": t("0.25rem", "The default thickness of VProgressLinear's bar (4px)"),
-		"size-progress-linear-length": t("10rem", "The default length of a vertical VProgressLinear (overridable through `height`)"),
+		"size-progress-linear-length": t("10rem", "The default length of a vertical VProgressLinear, which a height set on the bar replaces"),
 		"size-progress-circular-diameter": t("3rem", "The default diameter of VProgressCircular"),
 		"size-progress-circular-thickness": t("0.25rem", "The default stroke thickness of VProgressCircular (4px)"),
-		"size-skeleton-surface": t("6rem", "The default height of a surface-shaped VSkeletonLoader — a card, an image (96px)"),
+		"size-skeleton-surface": t("6rem", "The default height of a surface-shaped VSkeletonLoader: a card, an image (96px)"),
 		"size-toast-width": t("22rem", "The default width of a toast"),
+		"size-tooltip-max": t("18rem", "The widest a tooltip grows before it wraps (288px)"),
 		"size-dialog-width": t("25rem", "The default width of VDialog and VDialogAlert (400px), when no `width` is given"),
 		"size-snackbar-min": t("18rem", "The minimum width of a snackbar (288px)"),
 		"size-snackbar-max": t("36rem", "The maximum width of a snackbar (576px)"),
-		"size-badge-h": t("1.25rem", "The height of VBadge (the pill)"),
+		"size-badge-h": t("1.25rem", "The height of a VBadge pill"),
 		"size-badge-dot": t("0.625rem", "The diameter of VBadge in dot mode"),
 		"size-badge-ring": t("2px", "The detaching ring of a bordered VBadge"),
-		"size-avatar-ring": t("2px", "The separating ring of stacked Avatars (VAvatarGroup)"),
-		"size-date-picker-cell": t("2.5rem", "The side (height/width) of a VDatePicker day cell"),
+		"size-avatar-ring": t("2px", "The ring separating stacked avatars (VAvatarGroup)"),
+		"size-date-picker-cell": t("2.5rem", "The side of a VDatePicker day cell"),
 		"size-date-picker-day": t("{control.height.md}", "The diameter of the disc a VDatePicker day is drawn on; the cell grows to hold it"),
 		"size-date-picker-dot": t("0.25rem", "The diameter of a VDatePicker event dot"),
-		"size-date-picker-nav-min": t("5.375rem", "The minimum width of VDatePicker's month/year picker buttons (≈86px)"),
+		"size-date-picker-nav-min": t("5.375rem", "The minimum width of VDatePicker's month/year picker buttons (about 86px)"),
 		"size-tab-indicator": t("2px", "The thickness of the active tab indicator (VTabs, flat/outlined)"),
 		"size-table-search": t("16rem", "The width of VDataTable's search field"),
-		"size-time-picker-dial": t("16rem", "The diameter of VTimePicker's clock face (the M3 spec)"),
+		"size-time-picker-dial": t("16rem", "The diameter of VTimePicker's clock face"),
 		"size-time-picker-number": t("3rem", "A numeral cell on VTimePicker's face, and the hand's dot on a marker"),
-		"size-time-picker-center": t("0.5rem", "The centre dot of VTimePicker's face"),
+		"size-time-picker-center": t("0.5rem", "The center dot of VTimePicker's face"),
 		"size-time-picker-hand": t("2px", "The thickness of the hand on VTimePicker's face"),
 		"size-time-picker-hand-minor": t("1rem", "The dot of VTimePicker's hand on a minute off the 5-minute markers"),
-		"size-file-picker-min-block": t("10rem", "The minimum height of VFilePicker's drop zone — icon, two lines, separator and button"),
+		"size-file-picker-min-block": t("10rem", "The minimum height of VFilePicker's drop zone: icon, two lines, separator and button"),
 		"size-file-picker-icon": t("2.5rem", "The large icon at the top of VFilePicker's drop zone"),
 		"size-file-picker-thumb": t("2.5rem", "The thumbnail square of a VFilePicker preview row (an image, or its type icon)"),
 		"size-calendar-hour": t("4rem", "The height of one hour in VCalendar's time grid"),
@@ -206,15 +207,20 @@ var a = {
 		"size-calendar-day-min": t("5rem", "The width a VCalendar day column may not go below, past which the grid scrolls"),
 		"size-calendar-handle": t("0.5rem", "The strip along a VCalendar card's bottom edge that its end is dragged by"),
 		"size-calendar-allday-lane": t("1.5rem", "One lane of VCalendar's all-day band"),
-		"size-calendar-allday-max": t("7rem", "The height past which that band scrolls instead of growing"),
+		"size-calendar-allday-max": t("7rem", "The height past which VCalendar's all-day band scrolls instead of growing"),
 		"size-calendar-now-dot": t("0.625rem", "The dot on VCalendar's current-time line"),
+		"size-calendar-event-edge": t("3px", "The width of the coloured leading edge of a VCalendar event"),
+		"size-calendar-gap": t("0.125rem", "The gap VCalendar keeps between two events, side by side in a day or stacked in a month"),
+		"size-calendar-grip": t("1rem", "The length of the grip drawn on a VCalendar card's resize strip"),
+		"size-calendar-grip-thickness": t("2px", "The thickness of that grip, which is also its distance from the card's bottom edge"),
+		"size-calendar-year-month": t("13rem", "The narrowest a mini-month of VCalendar's year view gets before the year reflows"),
 		"size-calendar-month-cell": t("8.5rem", "The minimum height of a day in VCalendar's month view"),
 		"size-calendar-year-cell": t("1.5rem", "The side of a day square in the mini-months of VCalendar's year view")
 	},
 	icon: {
-		"size-sm": t("1rem", "16px icons"),
-		"size-md": t("1.25rem", "20px icons"),
-		"size-lg": t("1.5rem", "24px icons")
+		"size-sm": t("1rem", "The icon size of xs controls (16px)"),
+		"size-md": t("1.25rem", "The icon size of sm and md controls (20px)"),
+		"size-lg": t("1.5rem", "The icon size of lg and xl controls (24px)")
 	}
 };
 //#endregion