vectis-ui 0.1.0 → 0.8.0

package/dist/index.d.ts

@@ -1,89 +1,115 @@
 export { setLocale, registerMessages } from './i18n/state.js';
 export { en } from './i18n/en.js';
 export { fr } from './i18n/fr.js';
-export type { VectisMessages, VectisMessagesInput } from './i18n/types.js';
+export type { ItemValue } from './types.js';
+export type { Messages, MessagesInput } from './i18n/types.js';
 export { default as VIcon } from './components/VIcon/VIcon.js';
 export { setIconResolver, ligatureIconResolver, classIconResolver, componentIconResolver, } from './components/VIcon/resolver.js';
 export type { IconResolver, IconAliases } from './components/VIcon/resolver.js';
 export type { BuiltinIcon, IconContext, IconRender, IconSource } from './components/VIcon/types.js';
-export type { VectisIconName } from './components/VIcon/icons/names.js';
+export type { IconName } from './components/VIcon/icons/names.js';
 export { default as VTypography } from './components/VTypography/VTypography.js';
 export type { TypographyTone, TypographyVariant } from './components/VTypography/VTypography.js';
 export { default as VPopover } from './components/VPopover/VPopover.js';
-export type { PopoverPlacement, PopoverTriggerProps } from './components/VPopover/VPopover.js';
+export type { PopoverMode, PopoverPlacement, PopoverTriggerProps, } from './components/VPopover/VPopover.js';
 export { default as VSeparator } from './components/VSeparator/VSeparator.js';
+export type { SeparatorOrientation } from './components/VSeparator/VSeparator.js';
 export { default as VButton } from './components/VButton/VButton.js';
+export type { ButtonSize, ButtonTone, ButtonVariant } from './components/VButton/VButton.js';
 export { default as VIconButton } from './components/VIconButton/VIconButton.js';
+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 { 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';
 export { default as VTabPanel } from './components/VTabs/VTabPanel.js';
 export { default as VToggle } from './components/VToggle/VToggle.js';
-export type { ToggleModelValue, ToggleOrientation, ToggleSize, ToggleTone, ToggleValue, ToggleVariant, } from './components/VToggle/VToggle.js';
+export type { ToggleModelValue, ToggleOrientation, ToggleSelectedVariant, ToggleSize, ToggleTone, ToggleValue, ToggleItemVariant, } from './components/VToggle/VToggle.js';
 export { default as VToggleItem } from './components/VToggle/VToggleItem.js';
 export { default as VInput } from './components/VInput/VInput.js';
+export type { InputSize, InputType } from './components/VInput/VInput.js';
+export { default as VInputGroup } from './components/VInput/VInputGroup.js';
+export type { InputGroupSize } from './components/VInput/VInputGroup.js';
 export { default as VTextarea } from './components/VTextarea/VTextarea.js';
+export type { TextareaSize } from './components/VTextarea/VTextarea.js';
 export { default as VCheckbox } from './components/VCheckbox/VCheckbox.js';
+export type { CheckboxLabelPosition } from './components/VCheckbox/VCheckbox.js';
 export { default as VRadio } from './components/VRadio/VRadio.js';
+export type { RadioLabelPosition } from './components/VRadio/VRadio.js';
 export { default as VSwitch } from './components/VSwitch/VSwitch.js';
+export type { SwitchLabelPosition } from './components/VSwitch/VSwitch.js';
 export { default as VTooltip } from './components/VTooltip/VTooltip.js';
+export type { TooltipPlacement, TooltipTriggerProps } from './components/VTooltip/VTooltip.js';
 export { default as VMenu } from './components/VMenu/VMenu.js';
+export type { MenuTriggerProps } from './components/VMenu/VMenu.js';
+export type { MenuPlacement, MenuSize } from './components/VMenu/context.js';
 export { default as VMenuItem } from './components/VMenu/VMenuItem.js';
+export type { MenuItemTone } from './components/VMenu/VMenuItem.js';
 export { default as VMenuGroup } from './components/VMenu/VMenuGroup.js';
 export { default as VMenuSeparator } from './components/VMenu/VMenuSeparator.js';
 export { default as VAccordion } from './components/VAccordion/VAccordion.js';
+export type { AccordionVariant } from './components/VAccordion/VAccordion.js';
 export { default as VAccordionItem } from './components/VAccordion/VAccordionItem.js';
 export { default as VToaster } from './components/VToast/VToaster.js';
 export { toast, dismissToast } from './components/VToast/state.js';
-export type { ToastOptions, ToastTone, ToastPlacement } from './components/VToast/state.js';
+export type { ToastOptions, ToastTone, ToastVariant, ToastPlacement, } from './components/VToast/state.js';
 export { default as VSnackbar } from './components/VSnackbar/VSnackbar.js';
 export { snackbar, dismissSnackbar } from './components/VSnackbar/state.js';
 export type { SnackbarOptions, SnackbarTone, SnackbarPlacement } from './components/VSnackbar/state.js';
 export { default as VBadge } from './components/VBadge/VBadge.js';
-export type { BadgeTone, BadgeOverlayPosition } from './components/VBadge/VBadge.js';
+export type { BadgeVariant, BadgeTone, BadgeOverlayPosition } from './components/VBadge/VBadge.js';
 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 { default as VSpinner } from './components/VSpinner/VSpinner.js';
 export { default as VSkeletonLoader } from './components/VSkeletonLoader/VSkeletonLoader.js';
-export type { SkeletonShape, SkeletonAnimation, SkeletonSize, } 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, } from './components/VCombobox/VCombobox.js';
+export type { ComboboxOption, ComboboxGroup, ComboboxSeparator, ComboboxItem, ComboboxFilter, ComboboxSize, ComboboxPlacement, ComboboxDisplay, } 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';
+export type { SideNavigationSize } from './components/VSideNavigation/VSideNavigation.js';
 export { default as VSideNavigationItem } from './components/VSideNavigation/VSideNavigationItem.js';
 export { default as VSideNavigationGroup } from './components/VSideNavigation/VSideNavigationGroup.js';
 export { default as VSideNavigationSeparator } from './components/VSideNavigation/VSideNavigationSeparator.js';
 export { default as VChip } from './components/VChip/VChip.js';
+export type { ChipVariant, ChipTone, ChipShape, ChipSize } from './components/VChip/VChip.js';
 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, DataTableRowId, DataTableParams, DataTableProps, } from './components/VDataTable/VDataTable.js';
+export type { DataTableColumn, 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 { default as VProgressLinear } from './components/VProgressLinear/VProgressLinear.js';
+export type { ProgressLinearTone, ProgressLinearShape, ProgressLinearValuePosition, ProgressLinearOrientation, } from './components/VProgressLinear/VProgressLinear.js';
 export { default as VSlider } from './components/VSlider/VSlider.js';
-export type { SliderLabel } 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';
+export type { DialogRole, DialogTriggerProps } from './components/VDialog/VDialog.js';
 export { default as VDialogAlert } from './components/VDialog/VDialogAlert.js';
 export { default as VDatePicker } from './components/VDatePicker/VDatePicker.js';
-export type { DatePickerSelection, DatePickerValue, DateRange, DatePickerEvent, DateMatcher, } 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 } from './components/VDateInput/VDateInput.js';
+export type { DateInputMode, DateInputSize, DateInputPlacement, } from './components/VDateInput/VDateInput.js';
 export { default as VTimePicker } from './components/VTimePicker/VTimePicker.js';
-export type { TimePickerFormat, TimePickerStep } 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 } from './components/VTimeInput/VTimeInput.js';
+export type { TimeInputMode, TimeInputSize, TimeInputPlacement, } from './components/VTimeInput/VTimeInput.js';
 export { default as VCalendar } from './components/VCalendar/VCalendar.js';
-export type { CalendarEvent, CalendarEventId, CalendarEventTimes, CalendarView, } from './components/VCalendar/types.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, FileInputRejectReason, FileInputRejection, } from './components/VFileInput/VFileInput.js';
+export type { FileInputDisplay, FileInputSize } 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, FilePickerRejectReason, FilePickerRejection, FilePickerRow, } from './components/VFilePicker/VFilePicker.js';
+export type { FilePickerPreview, FilePickerRow } from './components/VFilePicker/VFilePicker.js';
 export type { FileKind } 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';

package/dist/index.js

@@ -18,47 +18,48 @@ import y from "./components/VTabs/VTabPanel.js";
 import b from "./components/VToggle/VToggle.js";
 import x from "./components/VToggle/VToggleItem.js";
 import S from "./components/VInput/VInput.js";
-import C from "./components/VTextarea/VTextarea.js";
-import w from "./components/VCheckbox/VCheckbox.js";
-import T from "./components/VRadio/VRadio.js";
-import E from "./components/VSwitch/VSwitch.js";
-import D from "./components/VTooltip/VTooltip.js";
-import O from "./components/VMenu/VMenu.js";
-import k from "./components/VMenu/VMenuItem.js";
-import A from "./components/VMenu/VMenuGroup.js";
-import j from "./components/VMenu/VMenuSeparator.js";
-import M from "./components/VAccordion/VAccordion.js";
-import N from "./components/VAccordion/VAccordionItem.js";
-import { dismissToast as P, toast as F } from "./components/VToast/state.js";
-import I from "./components/VToast/VToaster.js";
-import { dismissSnackbar as L, snackbar as R } from "./components/VSnackbar/state.js";
-import z from "./components/VSnackbar/VSnackbar.js";
-import B from "./components/VBadge/VBadge.js";
-import V from "./components/VAvatar/VAvatar.js";
-import H from "./components/VAvatar/VAvatarGroup.js";
-import U from "./components/VSkeletonLoader/VSkeletonLoader.js";
-import W from "./components/VChip/VChip.js";
-import G from "./components/VCombobox/VCombobox.js";
-import K from "./components/VBreadcrumb/VBreadcrumb.js";
-import q from "./components/VSideNavigation/VSideNavigation.js";
-import J from "./components/VSideNavigation/VSideNavigationItem.js";
-import Y from "./components/VSideNavigation/VSideNavigationGroup.js";
-import X from "./components/VSideNavigation/VSideNavigationSeparator.js";
-import Z from "./components/VHotkeys/VHotkeys.js";
-import Q from "./components/VDataTable/VDataTable.js";
-import $ from "./components/VInputOTP/VInputOTP.js";
-import ee from "./components/VProgressCircular/VProgressCircular.js";
-import te from "./components/VProgressLinear/VProgressLinear.js";
-import ne from "./components/VSlider/VSlider.js";
-import re from "./components/VDialog/VDialog.js";
-import ie from "./components/VDialog/VDialogAlert.js";
-import ae from "./components/VDatePicker/VDatePicker.js";
-import oe from "./components/VDateInput/VDateInput.js";
-import se from "./components/VTimePicker/VTimePicker.js";
-import ce from "./components/VTimeInput/VTimeInput.js";
-import le from "./components/VCalendar/VCalendar.js";
-import ue from "./components/VFileInput/VFileInput.js";
-import de from "./components/VFilePicker/VFilePicker.js";
-import fe from "./components/VCarousel/VCarousel.js";
-import pe from "./components/VCarousel/VCarouselItem.js";
-export { M as VAccordion, N as VAccordionItem, V as VAvatar, H as VAvatarGroup, B as VBadge, K as VBreadcrumb, p as VButton, h as VButtonGroup, le as VCalendar, fe as VCarousel, pe as VCarouselItem, w as VCheckbox, W as VChip, G as VCombobox, Q as VDataTable, oe as VDateInput, ae as VDatePicker, re as VDialog, ie as VDialogAlert, ue as VFileInput, de as VFilePicker, Z as VHotkeys, c as VIcon, m as VIconButton, S as VInput, $ as VInputOTP, O as VMenu, A as VMenuGroup, k as VMenuItem, j as VMenuSeparator, g as VPagination, u as VPopover, ee as VProgressCircular, te as VProgressLinear, T as VRadio, d as VSeparator, q as VSideNavigation, Y as VSideNavigationGroup, J as VSideNavigationItem, X as VSideNavigationSeparator, U as VSkeletonLoader, ne as VSlider, z as VSnackbar, f as VSpinner, E as VSwitch, v as VTab, y as VTabPanel, _ as VTabs, C as VTextarea, ce as VTimeInput, se as VTimePicker, I as VToaster, b as VToggle, x as VToggleItem, D as VTooltip, l as VTypography, i as classIconResolver, a as componentIconResolver, L as dismissSnackbar, P as dismissToast, e as en, r as fr, o as ligatureIconResolver, t as registerMessages, s as setIconResolver, n as setLocale, R as snackbar, F as toast };
+import C from "./components/VInput/VInputGroup.js";
+import w from "./components/VTextarea/VTextarea.js";
+import T from "./components/VCheckbox/VCheckbox.js";
+import E from "./components/VRadio/VRadio.js";
+import D from "./components/VSwitch/VSwitch.js";
+import O from "./components/VTooltip/VTooltip.js";
+import k from "./components/VMenu/VMenu.js";
+import A from "./components/VMenu/VMenuItem.js";
+import j from "./components/VMenu/VMenuGroup.js";
+import M from "./components/VMenu/VMenuSeparator.js";
+import N from "./components/VAccordion/VAccordion.js";
+import P from "./components/VAccordion/VAccordionItem.js";
+import { dismissToast as F, toast as I } from "./components/VToast/state.js";
+import L from "./components/VToast/VToaster.js";
+import { dismissSnackbar as R, snackbar as z } from "./components/VSnackbar/state.js";
+import B from "./components/VSnackbar/VSnackbar.js";
+import V from "./components/VBadge/VBadge.js";
+import H from "./components/VAvatar/VAvatar.js";
+import U from "./components/VAvatar/VAvatarGroup.js";
+import W from "./components/VSkeletonLoader/VSkeletonLoader.js";
+import G from "./components/VChip/VChip.js";
+import K from "./components/VCombobox/VCombobox.js";
+import q from "./components/VBreadcrumb/VBreadcrumb.js";
+import J from "./components/VSideNavigation/VSideNavigation.js";
+import Y from "./components/VSideNavigation/VSideNavigationItem.js";
+import X from "./components/VSideNavigation/VSideNavigationGroup.js";
+import Z from "./components/VSideNavigation/VSideNavigationSeparator.js";
+import Q from "./components/VHotkeys/VHotkeys.js";
+import $ from "./components/VDataTable/VDataTable.js";
+import ee from "./components/VInputOTP/VInputOTP.js";
+import te from "./components/VProgressCircular/VProgressCircular.js";
+import ne from "./components/VProgressLinear/VProgressLinear.js";
+import re from "./components/VSlider/VSlider.js";
+import ie from "./components/VDialog/VDialog.js";
+import ae from "./components/VDialog/VDialogAlert.js";
+import oe from "./components/VDatePicker/VDatePicker.js";
+import se from "./components/VDateInput/VDateInput.js";
+import ce from "./components/VTimePicker/VTimePicker.js";
+import le from "./components/VTimeInput/VTimeInput.js";
+import ue from "./components/VCalendar/VCalendar.js";
+import de from "./components/VFileInput/VFileInput.js";
+import fe from "./components/VFilePicker/VFilePicker.js";
+import pe from "./components/VCarousel/VCarousel.js";
+import me from "./components/VCarousel/VCarouselItem.js";
+export { N as VAccordion, P as VAccordionItem, H as VAvatar, U as VAvatarGroup, V as VBadge, q as VBreadcrumb, p as VButton, h as VButtonGroup, ue as VCalendar, pe as VCarousel, me as VCarouselItem, T as VCheckbox, G as VChip, K as VCombobox, $ as VDataTable, se as VDateInput, oe as VDatePicker, ie as VDialog, ae as VDialogAlert, de as VFileInput, fe as VFilePicker, Q as VHotkeys, c as VIcon, m as VIconButton, S as VInput, C as VInputGroup, ee as VInputOTP, k as VMenu, j as VMenuGroup, A as VMenuItem, M as VMenuSeparator, g as VPagination, u as VPopover, te as VProgressCircular, ne as VProgressLinear, E as VRadio, d as VSeparator, J as VSideNavigation, X as VSideNavigationGroup, Y as VSideNavigationItem, Z as VSideNavigationSeparator, W as VSkeletonLoader, re as VSlider, B as VSnackbar, f as VSpinner, D as VSwitch, v as VTab, y as VTabPanel, _ as VTabs, w as VTextarea, le as VTimeInput, ce as VTimePicker, L as VToaster, b as VToggle, x as VToggleItem, O as VTooltip, l as VTypography, i as classIconResolver, a as componentIconResolver, R as dismissSnackbar, F as dismissToast, e as en, r as fr, o as ligatureIconResolver, t as registerMessages, s as setIconResolver, n as setLocale, z as snackbar, I as toast };

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-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-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-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-avatar-ring:2px;--vectis-control-size-date-picker-cell:2.5rem;--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-time-input-list-max-block:18rem;--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-overlay{position:fixed;inset:auto}.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)}}@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-padding-inline-field:var(--vectis-space-1);--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-padding-inline-field:var(--vectis-space-5);--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}}@layer vectis.utilities{.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 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)}}

package/dist/tokens/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["../../src/tokens/css.ts"],"sourcesContent":["/**\n * Turning the design tokens into CSS.\n *\n * The tokens are written as nested groups of typed objects, and what a browser needs is a\n * flat list of custom properties. That translation happens here. The build uses it to\n * produce the stylesheet the library ships, and it is also published as part of the\n * package so that an application can do the same thing at runtime — a live theming tool\n * regenerating the variables as its user moves a slider, 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":";;AAsBA,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

@@ -236,6 +236,7 @@ export declare const tokens: {
             surface: import('./types.js').DesignToken;
             overlay: import('./types.js').DesignToken;
             pill: import('./types.js').DesignToken;
+            chip: import('./types.js').DesignToken;
         };
         duration: {
             fast: import('./types.js').DesignToken;
@@ -259,6 +260,7 @@ export declare const tokens: {
             'size-check-dot': import('./types.js').DesignToken;
             'size-switch-w': import('./types.js').DesignToken;
             'size-switch-h': import('./types.js').DesignToken;
+            'size-switch-pad': import('./types.js').DesignToken;
             'action-size-sm': import('./types.js').DesignToken;
             'action-size-md': import('./types.js').DesignToken;
             'action-size-lg': import('./types.js').DesignToken;
@@ -278,12 +280,15 @@ 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-dialog-width': import('./types.js').DesignToken;
             'size-snackbar-min': import('./types.js').DesignToken;
             'size-snackbar-max': import('./types.js').DesignToken;
             'size-badge-h': import('./types.js').DesignToken;
             'size-badge-dot': import('./types.js').DesignToken;
+            'size-badge-ring': import('./types.js').DesignToken;
             'size-avatar-ring': import('./types.js').DesignToken;
             'size-date-picker-cell': import('./types.js').DesignToken;
+            'size-date-picker-day': import('./types.js').DesignToken;
             'size-date-picker-dot': import('./types.js').DesignToken;
             'size-date-picker-nav-min': import('./types.js').DesignToken;
             'size-tab-indicator': import('./types.js').DesignToken;
@@ -293,7 +298,6 @@ export declare const tokens: {
             'size-time-picker-center': import('./types.js').DesignToken;
             'size-time-picker-hand': import('./types.js').DesignToken;
             'size-time-picker-hand-minor': import('./types.js').DesignToken;
-            'size-time-input-list-max-block': import('./types.js').DesignToken;
             'size-file-picker-min-block': import('./types.js').DesignToken;
             'size-file-picker-icon': import('./types.js').DesignToken;
             'size-file-picker-thumb': import('./types.js').DesignToken;

package/dist/tokens/primitives.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.js","names":[],"sources":["../../src/tokens/primitives.ts"],"sourcesContent":["/**\n * The raw material: the colour palettes and the numeric scales the whole design system is\n * built out of.\n *\n * Nothing here is used by a component directly. A component asks for \"the accent colour\"\n * or \"the page background\", and it is those ROLES, defined alongside this file, that point\n * at a step of a palette. Keeping the two apart is what makes a theme possible at all: a\n * dark theme moves the roles, and never the palette.\n *\n * The colours are written in OKLCH, a way of describing a colour by how bright it LOOKS\n * rather than by how much of each primary it mixes. Two consequences matter here: a step\n * of a palette is as light as the same step of any other, and mixing two of these colours\n * passes through the shades one would expect rather than through grey.\n *\n * The palettes themselves come from Tailwind CSS 4, family for family and step for step, so\n * that anyone already used to them recognizes the shades. There are exactly five of them,\n * and they are exactly the five a role points at: gray for the surfaces, the text and the\n * borders, indigo for the accent, and red, green and amber for danger, success and warning.\n *\n * The design system ships nothing it does not paint with, and that is a deliberate limit\n * rather than an oversight: a palette costs eleven custom properties in every page that\n * loads the stylesheet, whether or not anything reads them. An application wanting a sixth\n * colour declares its own eleven steps — under its own name, in its own stylesheet — and\n * points the role at them. That is one unlayered rule, it needs no release, and it is what\n * the documentation site does for its violet accent.\n */\nimport {\n  color,\n  cubicBezier,\n  dimension,\n  duration,\n  fontFamily,\n  fontWeight,\n  shadow,\n  type TokenGroup,\n} from './types'\n\nconst palette = (values: Record<string, string>): TokenGroup =>\n  Object.fromEntries(Object.entries(values).map(([step, value]) => [step, color(value)]))\n\nexport const primitives = {\n  color: {\n    white: color('oklch(100% 0 0)'),\n    black: color('oklch(0% 0 0)'),\n    red: palette({\n      '50': 'oklch(97.1% 0.013 17.38)',\n      '100': 'oklch(93.6% 0.032 17.717)',\n      '200': 'oklch(88.5% 0.062 18.334)',\n      '300': 'oklch(80.8% 0.114 19.571)',\n      '400': 'oklch(70.4% 0.191 22.216)',\n      '500': 'oklch(63.7% 0.237 25.331)',\n      '600': 'oklch(57.7% 0.245 27.325)',\n      '700': 'oklch(50.5% 0.213 27.518)',\n      '800': 'oklch(44.4% 0.177 26.899)',\n      '900': 'oklch(39.6% 0.141 25.723)',\n      '950': 'oklch(25.8% 0.092 26.042)',\n    }),\n    amber: palette({\n      '50': 'oklch(98.7% 0.022 95.277)',\n      '100': 'oklch(96.2% 0.059 95.617)',\n      '200': 'oklch(92.4% 0.12 95.746)',\n      '300': 'oklch(87.9% 0.169 91.605)',\n      '400': 'oklch(82.8% 0.189 84.429)',\n      '500': 'oklch(76.9% 0.188 70.08)',\n      '600': 'oklch(66.6% 0.179 58.318)',\n      '700': 'oklch(55.5% 0.163 48.998)',\n      '800': 'oklch(47.3% 0.137 46.201)',\n      '900': 'oklch(41.4% 0.112 45.904)',\n      '950': 'oklch(27.9% 0.077 45.635)',\n    }),\n    green: palette({\n      '50': 'oklch(98.2% 0.018 155.826)',\n      '100': 'oklch(96.2% 0.044 156.743)',\n      '200': 'oklch(92.5% 0.084 155.995)',\n      '300': 'oklch(87.1% 0.15 154.449)',\n      '400': 'oklch(79.2% 0.209 151.711)',\n      '500': 'oklch(72.3% 0.219 149.579)',\n      '600': 'oklch(62.7% 0.194 149.214)',\n      '700': 'oklch(52.7% 0.154 150.069)',\n      '800': 'oklch(44.8% 0.119 151.328)',\n      '900': 'oklch(39.3% 0.095 152.535)',\n      '950': 'oklch(26.6% 0.065 152.934)',\n    }),\n    indigo: palette({\n      '50': 'oklch(96.2% 0.018 272.314)',\n      '100': 'oklch(93% 0.034 272.788)',\n      '200': 'oklch(87% 0.065 274.039)',\n      '300': 'oklch(78.5% 0.115 274.713)',\n      '400': 'oklch(67.3% 0.182 276.935)',\n      '500': 'oklch(58.5% 0.233 277.117)',\n      '600': 'oklch(51.1% 0.262 276.966)',\n      '700': 'oklch(45.7% 0.24 277.023)',\n      '800': 'oklch(39.8% 0.195 277.366)',\n      '900': 'oklch(35.9% 0.144 278.697)',\n      '950': 'oklch(25.7% 0.09 281.288)',\n    }),\n    gray: palette({\n      '50': 'oklch(98.5% 0.002 247.839)',\n      '100': 'oklch(96.7% 0.003 264.542)',\n      '200': 'oklch(92.8% 0.006 264.531)',\n      '300': 'oklch(87.2% 0.01 258.338)',\n      '400': 'oklch(70.7% 0.022 261.325)',\n      '500': 'oklch(55.1% 0.027 264.364)',\n      '600': 'oklch(44.6% 0.03 256.802)',\n      '700': 'oklch(37.3% 0.034 259.733)',\n      '800': 'oklch(27.8% 0.033 256.848)',\n      '900': 'oklch(21% 0.034 264.665)',\n      '950': 'oklch(13% 0.028 261.692)',\n    }),\n  },\n  space: {\n    '1': dimension('0.25rem'),\n    '2': dimension('0.5rem'),\n    '3': dimension('0.75rem'),\n    '4': dimension('1rem'),\n    '5': dimension('1.25rem'),\n    '6': dimension('1.5rem'),\n    '7': dimension('2rem'),\n    '8': dimension('2.5rem'),\n    '9': dimension('3rem'),\n    '10': dimension('4rem'),\n    '11': dimension('5rem'),\n    '12': dimension('6rem'),\n  },\n  font: {\n    family: {\n      sans: fontFamily(\n        \"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n      ),\n      // The heading typeface. It points at the running one, so out of the box the two are\n      // the same and nothing looks different; giving headings a face of their own is a\n      // matter of overriding this single token. The indirection is what makes the two\n      // decisions independent: replacing `sans` still carries the headings along, whereas\n      // replacing `display` moves the headings alone.\n      display: fontFamily('{font.family.sans}'),\n      mono: fontFamily(\n        \"ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace\",\n      ),\n      // The icon font, which the library never bundles: an application that wants icons\n      // drawn from a font loads it itself, as the README explains. Overriding this one\n      // token is what switches the whole system to another cut of Material Symbols.\n      icon: fontFamily(\"'Material Symbols Rounded'\"),\n    },\n    weight: {\n      regular: fontWeight('400'),\n      medium: fontWeight('500'),\n      semibold: fontWeight('600'),\n      bold: fontWeight('700'),\n    },\n    size: {\n      xs: dimension('0.75rem'),\n      sm: dimension('0.875rem'),\n      md: dimension('1rem'),\n      lg: dimension('1.125rem'),\n      xl: dimension('1.25rem'),\n      '2xl': dimension('1.5rem'),\n      '3xl': dimension('1.875rem'),\n      '4xl': dimension('2.25rem'),\n      '5xl': dimension('3rem'),\n    },\n    leading: {\n      none: dimension('1'),\n      tight: dimension('1.25'),\n      snug: dimension('1.4'),\n      normal: dimension('1.5'),\n      relaxed: dimension('1.65'),\n    },\n    tracking: {\n      tight: dimension('-0.015em', 'Tightening for large sizes (display, the top headings)'),\n      wide: dimension('0.05em', 'Letter spacing for all-caps micro labels (overline)'),\n    },\n  },\n  radius: {\n    // Carries a unit although it is zero: these tokens are subtracted from one another to\n    // derive a nested corner (`calc(var(--vectis-radius-surface) - 1px)`), and `calc(0 - 1px)`\n    // is invalid where `calc(0px - 1px)` is not.\n    none: dimension('0px'),\n    xs: dimension('0.125rem'),\n    sm: dimension('0.25rem'),\n    md: dimension('0.375rem'),\n    lg: dimension('0.5rem'),\n    xl: dimension('0.75rem'),\n    '2xl': dimension('1rem'),\n    full: dimension('9999px'),\n  },\n  shadow: {\n    xs: shadow('0 1px 2px 0 oklch(0% 0 0 / 0.05)'),\n    sm: shadow('0 1px 3px 0 oklch(0% 0 0 / 0.1), 0 1px 2px -1px oklch(0% 0 0 / 0.1)'),\n    md: shadow('0 4px 6px -1px oklch(0% 0 0 / 0.1), 0 2px 4px -2px oklch(0% 0 0 / 0.1)'),\n    lg: shadow('0 10px 15px -3px oklch(0% 0 0 / 0.1), 0 4px 6px -4px oklch(0% 0 0 / 0.1)'),\n    xl: shadow('0 20px 25px -5px oklch(0% 0 0 / 0.1), 0 8px 10px -6px oklch(0% 0 0 / 0.1)'),\n  },\n  /*\n   * The durations are named after the milliseconds they hold, and that is what lets a\n   * component state the time it actually wants. The roles a transition reaches for (fast,\n   * base, slow) are defined alongside the other roles; the values here are what those roles\n   * point at, and what the long looping animations — a spinner, a skeleton's wave — name\n   * directly, since \"one second\" is the whole point of such a loop and no role could say it\n   * better.\n   *\n   * The steps above a second exist for those loops and for their slowed-down counterparts\n   * under `prefers-reduced-motion`. Without them the same durations come back as arbitrary\n   * multipliers on a shorter token, which is what this scale replaces.\n   */\n  duration: {\n    '0': duration('0ms'),\n    '50': duration('50ms'),\n    '100': duration('100ms'),\n    '150': duration('150ms'),\n    '200': duration('200ms'),\n    '300': duration('300ms'),\n    '400': duration('400ms'),\n    '500': duration('500ms'),\n    '700': duration('700ms'),\n    '1000': duration('1000ms'),\n    '1500': duration('1500ms'),\n    '2000': duration('2000ms'),\n    '3000': duration('3000ms'),\n    '5000': duration('5000ms'),\n  },\n  ease: {\n    default: cubicBezier('cubic-bezier(0.2, 0, 0, 1)'),\n    in: cubicBezier('cubic-bezier(0.5, 0, 1, 1)'),\n    out: cubicBezier('cubic-bezier(0, 0, 0.2, 1)'),\n    'in-out': cubicBezier(\n      'cubic-bezier(0.4, 0, 0.2, 1)',\n      'Symmetric: both the start and the end are eased. Looping animations that cross the track (an indeterminate VProgressLinear).',\n    ),\n  },\n} satisfies TokenGroup\n"],"mappings":"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"}
+{"version":3,"file":"primitives.js","names":[],"sources":["../../src/tokens/primitives.ts"],"sourcesContent":["/**\n * The raw material: the colour palettes and the numeric scales everything else is built from.\n *\n * No component reads these. A component asks for a ROLE — the accent, the page background —\n * and `semantic.ts` is what points that role at a step. Keeping the two apart is what makes\n * theming possible at all: a theme moves the roles, never the palette.\n *\n * OKLCH, so a step of one palette is as light as the same step of any other and a\n * `color-mix()` between two passes through the shades one expects rather than through grey.\n * The palettes are Tailwind CSS 4's, family for family and step for step.\n *\n * Exactly FIVE families, and they are exactly the five a role points at: gray for surfaces,\n * text and borders, indigo for the accent, red/green/amber for danger/success/warning. The\n * library ships no palette it does not paint with — a deliberate limit, since a family costs\n * eleven custom properties in every page that loads the sheet whether or not anything reads\n * them, and `tokens.test.ts` locks it. An application wanting a sixth declares its own eleven\n * steps in its own unlayered sheet and repoints the role; the docs site does exactly that\n * for its violet.\n */\nimport {\n  color,\n  cubicBezier,\n  dimension,\n  duration,\n  fontFamily,\n  fontWeight,\n  shadow,\n  type TokenGroup,\n} from './types'\n\nconst palette = (values: Record<string, string>): TokenGroup =>\n  Object.fromEntries(Object.entries(values).map(([step, value]) => [step, color(value)]))\n\nexport const primitives = {\n  color: {\n    white: color('oklch(100% 0 0)'),\n    black: color('oklch(0% 0 0)'),\n    red: palette({\n      '50': 'oklch(97.1% 0.013 17.38)',\n      '100': 'oklch(93.6% 0.032 17.717)',\n      '200': 'oklch(88.5% 0.062 18.334)',\n      '300': 'oklch(80.8% 0.114 19.571)',\n      '400': 'oklch(70.4% 0.191 22.216)',\n      '500': 'oklch(63.7% 0.237 25.331)',\n      '600': 'oklch(57.7% 0.245 27.325)',\n      '700': 'oklch(50.5% 0.213 27.518)',\n      '800': 'oklch(44.4% 0.177 26.899)',\n      '900': 'oklch(39.6% 0.141 25.723)',\n      '950': 'oklch(25.8% 0.092 26.042)',\n    }),\n    amber: palette({\n      '50': 'oklch(98.7% 0.022 95.277)',\n      '100': 'oklch(96.2% 0.059 95.617)',\n      '200': 'oklch(92.4% 0.12 95.746)',\n      '300': 'oklch(87.9% 0.169 91.605)',\n      '400': 'oklch(82.8% 0.189 84.429)',\n      '500': 'oklch(76.9% 0.188 70.08)',\n      '600': 'oklch(66.6% 0.179 58.318)',\n      '700': 'oklch(55.5% 0.163 48.998)',\n      '800': 'oklch(47.3% 0.137 46.201)',\n      '900': 'oklch(41.4% 0.112 45.904)',\n      '950': 'oklch(27.9% 0.077 45.635)',\n    }),\n    green: palette({\n      '50': 'oklch(98.2% 0.018 155.826)',\n      '100': 'oklch(96.2% 0.044 156.743)',\n      '200': 'oklch(92.5% 0.084 155.995)',\n      '300': 'oklch(87.1% 0.15 154.449)',\n      '400': 'oklch(79.2% 0.209 151.711)',\n      '500': 'oklch(72.3% 0.219 149.579)',\n      '600': 'oklch(62.7% 0.194 149.214)',\n      '700': 'oklch(52.7% 0.154 150.069)',\n      '800': 'oklch(44.8% 0.119 151.328)',\n      '900': 'oklch(39.3% 0.095 152.535)',\n      '950': 'oklch(26.6% 0.065 152.934)',\n    }),\n    indigo: palette({\n      '50': 'oklch(96.2% 0.018 272.314)',\n      '100': 'oklch(93% 0.034 272.788)',\n      '200': 'oklch(87% 0.065 274.039)',\n      '300': 'oklch(78.5% 0.115 274.713)',\n      '400': 'oklch(67.3% 0.182 276.935)',\n      '500': 'oklch(58.5% 0.233 277.117)',\n      '600': 'oklch(51.1% 0.262 276.966)',\n      '700': 'oklch(45.7% 0.24 277.023)',\n      '800': 'oklch(39.8% 0.195 277.366)',\n      '900': 'oklch(35.9% 0.144 278.697)',\n      '950': 'oklch(25.7% 0.09 281.288)',\n    }),\n    gray: palette({\n      '50': 'oklch(98.5% 0.002 247.839)',\n      '100': 'oklch(96.7% 0.003 264.542)',\n      '200': 'oklch(92.8% 0.006 264.531)',\n      '300': 'oklch(87.2% 0.01 258.338)',\n      '400': 'oklch(70.7% 0.022 261.325)',\n      '500': 'oklch(55.1% 0.027 264.364)',\n      '600': 'oklch(44.6% 0.03 256.802)',\n      '700': 'oklch(37.3% 0.034 259.733)',\n      '800': 'oklch(27.8% 0.033 256.848)',\n      '900': 'oklch(21% 0.034 264.665)',\n      '950': 'oklch(13% 0.028 261.692)',\n    }),\n  },\n  space: {\n    '1': dimension('0.25rem'),\n    '2': dimension('0.5rem'),\n    '3': dimension('0.75rem'),\n    '4': dimension('1rem'),\n    '5': dimension('1.25rem'),\n    '6': dimension('1.5rem'),\n    '7': dimension('2rem'),\n    '8': dimension('2.5rem'),\n    '9': dimension('3rem'),\n    '10': dimension('4rem'),\n    '11': dimension('5rem'),\n    '12': dimension('6rem'),\n  },\n  font: {\n    family: {\n      sans: fontFamily(\n        \"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n      ),\n      // The heading typeface. It points at the running one, so out of the box the two are\n      // the same and nothing looks different; giving headings a face of their own is a\n      // matter of overriding this single token. The indirection is what makes the two\n      // decisions independent: replacing `sans` still carries the headings along, whereas\n      // replacing `display` moves the headings alone.\n      display: fontFamily('{font.family.sans}'),\n      mono: fontFamily(\n        \"ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace\",\n      ),\n      // The icon font, which the library never bundles: an application that wants icons\n      // drawn from a font loads it itself, as the README explains. Overriding this one\n      // token is what switches the whole system to another cut of Material Symbols.\n      icon: fontFamily(\"'Material Symbols Rounded'\"),\n    },\n    weight: {\n      regular: fontWeight('400'),\n      medium: fontWeight('500'),\n      semibold: fontWeight('600'),\n      bold: fontWeight('700'),\n    },\n    size: {\n      xs: dimension('0.75rem'),\n      sm: dimension('0.875rem'),\n      md: dimension('1rem'),\n      lg: dimension('1.125rem'),\n      xl: dimension('1.25rem'),\n      '2xl': dimension('1.5rem'),\n      '3xl': dimension('1.875rem'),\n      '4xl': dimension('2.25rem'),\n      '5xl': dimension('3rem'),\n    },\n    leading: {\n      none: dimension('1'),\n      tight: dimension('1.25'),\n      snug: dimension('1.4'),\n      normal: dimension('1.5'),\n      relaxed: dimension('1.65'),\n    },\n    tracking: {\n      tight: dimension('-0.015em', 'Tightening for large sizes (display, the top headings)'),\n      wide: dimension('0.05em', 'Letter spacing for all-caps micro labels (overline)'),\n    },\n  },\n  radius: {\n    // Carries a unit although it is zero: these tokens are subtracted from one another to\n    // derive a nested corner (`calc(var(--vectis-radius-surface) - 1px)`), and `calc(0 - 1px)`\n    // is invalid where `calc(0px - 1px)` is not.\n    none: dimension('0px'),\n    xs: dimension('0.125rem'),\n    sm: dimension('0.25rem'),\n    md: dimension('0.375rem'),\n    lg: dimension('0.5rem'),\n    xl: dimension('0.75rem'),\n    '2xl': dimension('1rem'),\n    full: dimension('9999px'),\n  },\n  shadow: {\n    xs: shadow('0 1px 2px 0 oklch(0% 0 0 / 0.05)'),\n    sm: shadow('0 1px 3px 0 oklch(0% 0 0 / 0.1), 0 1px 2px -1px oklch(0% 0 0 / 0.1)'),\n    md: shadow('0 4px 6px -1px oklch(0% 0 0 / 0.1), 0 2px 4px -2px oklch(0% 0 0 / 0.1)'),\n    lg: shadow('0 10px 15px -3px oklch(0% 0 0 / 0.1), 0 4px 6px -4px oklch(0% 0 0 / 0.1)'),\n    xl: shadow('0 20px 25px -5px oklch(0% 0 0 / 0.1), 0 8px 10px -6px oklch(0% 0 0 / 0.1)'),\n  },\n  /*\n   * The durations are named after the milliseconds they hold, and that is what lets a\n   * component state the time it actually wants. The roles a transition reaches for (fast,\n   * base, slow) are defined alongside the other roles; the values here are what those roles\n   * point at, and what the long looping animations — a spinner, a skeleton's wave — name\n   * directly, since \"one second\" is the whole point of such a loop and no role could say it\n   * better.\n   *\n   * The steps above a second exist for those loops and for their slowed-down counterparts\n   * under `prefers-reduced-motion`. Without them the same durations come back as arbitrary\n   * multipliers on a shorter token, which is what this scale replaces.\n   */\n  duration: {\n    '0': duration('0ms'),\n    '50': duration('50ms'),\n    '100': duration('100ms'),\n    '150': duration('150ms'),\n    '200': duration('200ms'),\n    '300': duration('300ms'),\n    '400': duration('400ms'),\n    '500': duration('500ms'),\n    '700': duration('700ms'),\n    '1000': duration('1000ms'),\n    '1500': duration('1500ms'),\n    '2000': duration('2000ms'),\n    '3000': duration('3000ms'),\n    '5000': duration('5000ms'),\n  },\n  ease: {\n    default: cubicBezier('cubic-bezier(0.2, 0, 0, 1)'),\n    in: cubicBezier('cubic-bezier(0.5, 0, 1, 1)'),\n    out: cubicBezier('cubic-bezier(0, 0, 0.2, 1)'),\n    'in-out': cubicBezier(\n      'cubic-bezier(0.4, 0, 0.2, 1)',\n      'Symmetric: both the start and the end are eased. Looping animations that cross the track (an indeterminate VProgressLinear).',\n    ),\n  },\n} satisfies TokenGroup\n"],"mappings":"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"}

package/dist/tokens/semantic.d.ts

@@ -148,6 +148,7 @@ export declare const semantic: {
         surface: import('./types.js').DesignToken;
         overlay: import('./types.js').DesignToken;
         pill: import('./types.js').DesignToken;
+        chip: import('./types.js').DesignToken;
     };
     /**
      * How long a change takes, described by what it is: the immediate feedback of a control
@@ -178,6 +179,7 @@ export declare const semantic: {
         'size-check-dot': import('./types.js').DesignToken;
         'size-switch-w': import('./types.js').DesignToken;
         'size-switch-h': import('./types.js').DesignToken;
+        'size-switch-pad': import('./types.js').DesignToken;
         'action-size-sm': import('./types.js').DesignToken;
         'action-size-md': import('./types.js').DesignToken;
         'action-size-lg': import('./types.js').DesignToken;
@@ -197,12 +199,15 @@ 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-dialog-width': import('./types.js').DesignToken;
         'size-snackbar-min': import('./types.js').DesignToken;
         'size-snackbar-max': import('./types.js').DesignToken;
         'size-badge-h': import('./types.js').DesignToken;
         'size-badge-dot': import('./types.js').DesignToken;
+        'size-badge-ring': import('./types.js').DesignToken;
         'size-avatar-ring': import('./types.js').DesignToken;
         'size-date-picker-cell': import('./types.js').DesignToken;
+        'size-date-picker-day': import('./types.js').DesignToken;
         'size-date-picker-dot': import('./types.js').DesignToken;
         'size-date-picker-nav-min': import('./types.js').DesignToken;
         'size-tab-indicator': import('./types.js').DesignToken;
@@ -212,7 +217,6 @@ export declare const semantic: {
         'size-time-picker-center': import('./types.js').DesignToken;
         'size-time-picker-hand': import('./types.js').DesignToken;
         'size-time-picker-hand-minor': import('./types.js').DesignToken;
-        'size-time-input-list-max-block': import('./types.js').DesignToken;
         'size-file-picker-min-block': import('./types.js').DesignToken;
         'size-file-picker-icon': import('./types.js').DesignToken;
         'size-file-picker-thumb': import('./types.js').DesignToken;

package/dist/tokens/semantic.js

@@ -133,7 +133,8 @@ 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}")
+		pill: t("{radius.full}"),
+		chip: t("{radius.interactive}", "Chips (shape=\"chip\"), follows interactive by default")
 	},
 	duration: {
 		fast: n("{duration.150}", "Colour and border changes on hover, focus, press"),
@@ -157,6 +158,7 @@ var a = {
 		"size-check-dot": t("0.5rem", "VRadio's inner dot"),
 		"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"),
 		"action-size-sm": t("1.25rem", "The inner buttons of sm input fields (clear, a clickable icon)"),
 		"action-size-md": t("1.5rem", "The inner buttons of md input fields (clear, a clickable icon)"),
 		"action-size-lg": t("1.75rem", "The inner buttons of lg input fields (clear, a clickable icon)"),
@@ -176,12 +178,15 @@ var a = {
 		"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-toast-width": t("22rem", "The default width of a toast"),
+		"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-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-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-tab-indicator": t("2px", "The thickness of the active tab indicator (VTabs, flat/outlined)"),
@@ -191,7 +196,6 @@ var a = {
 		"size-time-picker-center": t("0.5rem", "The centre 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-time-input-list-max-block": t("18rem", "The maximum height of VTimeInput's list panel (the scrolling area)"),
 		"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)"),