vectis-ui 0.1.0

package/dist/i18n/types.d.ts

@@ -0,0 +1,345 @@
+/**
+ * Every word the design system can say to a reader, gathered in one place. This is what a
+ * translator works from, and what a consumer overrides to change a turn of phrase.
+ *
+ * It is arranged in exactly TWO levels: a section, then an entry. An entry is finished
+ * text, or — when something has to be slotted into it — a small function that builds the
+ * sentence.
+ *
+ * There is deliberately no template language and no rules engine for plurals. A message
+ * that takes a value IS a function, written by hand, and its arguments are the contract: a
+ * translation that forgets one does not compile. A plural is a choice between two forms
+ * written inside that function.
+ *
+ * Two levels is not an aesthetic choice. It is what allows a handful of replacement words
+ * to be laid over a dictionary without descending into it, and therefore what makes it
+ * impossible to mistake one of those functions for something to be taken apart.
+ *
+ * Three kinds of text are deliberately absent. Anything the browser already knows how to
+ * say in any language: the names of months and days, the order of the parts of a date,
+ * whether hours run to twelve or twenty-four. Anything made only of digits and
+ * punctuation everyone shares — "99+", "+3", a "3/8" counter, the colon in a time.
+ * And the warnings the library prints for the developer, which are not translated at all.
+ */
+export interface VectisMessages {
+    /** Words several components share, so that they are translated once rather than five times. */
+    common: {
+        /** Said by the spinner, and by the fields and the search box while they are loading. */
+        loading: string;
+        /** The cross that empties a field. */
+        clear: string;
+        /** The cross that closes a dialog or a notification. */
+        close: string;
+        /** The cross that removes a chip. */
+        dismiss: string;
+        /** The two buttons under the clock face. */
+        cancel: string;
+        confirm: string;
+    };
+    pagination: {
+        label: string;
+        previous: string;
+        next: string;
+        page: (page: number) => string;
+        /** The ellipsis standing in for the pages that are not shown. It is decorative, and never spoken. */
+        hiddenPages: string;
+    };
+    tabs: {
+        label: string;
+        previous: string;
+        next: string;
+    };
+    breadcrumb: {
+        label: string;
+        ellipsis: string;
+    };
+    sideNavigation: {
+        /**
+         * What the navigation area is called. It is the component's only piece of text: the
+         * labels are written by the consumer, and whether a branch is open or closed is
+         * something the browser announces on its own.
+         */
+        label: string;
+    };
+    combobox: {
+        empty: string;
+        clear: string;
+        remove: (label: string) => string;
+    };
+    dataTable: {
+        empty: string;
+        loading: string;
+        searchLabel: string;
+        searchPlaceholder: string;
+        perPage: string;
+        /** The "rows per page" button, which shows both the wording and the number in force. */
+        perPageValue: (label: string, value: number) => string;
+        selectAll: string;
+        /** The row number is the one a reader counts, starting at one — the caller adds it. */
+        selectRow: (index: number) => string;
+        selection: (count: number) => string;
+        range: (range: {
+            start: number;
+            end: number;
+            total: number;
+        }) => string;
+        /**
+         * What the pagination under a table is called. It is deliberately not the same as the
+         * name a standalone pagination takes: a page holding both would otherwise offer a
+         * screen reader two navigation areas under one name, with no way to tell them apart.
+         */
+        pagination: string;
+    };
+    toaster: {
+        label: string;
+    };
+    snackbar: {
+        /**
+         * What screen readers announce for the confirmation area itself, which is a landmark
+         * of the page. It is deliberately not the notifications' name: a page holding both
+         * would otherwise offer two areas under one word, with no way to tell them apart.
+         */
+        label: string;
+        /**
+         * The single action a snackbar offers, when the caller does not name it. It means
+         * taking back what was just done — not cancelling a form, which is `common.cancel`
+         * and is a different word in several languages.
+         */
+        action: string;
+    };
+    inputOTP: {
+        label: string;
+        /** The box number is the one a reader counts, starting at one — the caller adds it. */
+        slot: (index: number, total: number) => string;
+    };
+    slider: {
+        value: string;
+        start: string;
+        end: string;
+        rangeStart: (label: string) => string;
+        rangeEnd: (label: string) => string;
+    };
+    /** The error both kinds of text field show when what was typed runs past the allowance. */
+    field: {
+        limitExceeded: (max: number) => string;
+    };
+    progress: {
+        /**
+         * A percentage. English writes "50%" and French "50 %", with a non-breaking space
+         * before the sign, which is exactly the kind of typographic habit this dictionary is
+         * for.
+         */
+        percent: (percent: number) => string;
+        /**
+         * What a progress indicator is called when the consumer gives it no name of its own.
+         * An indicator takes no name from the text inside it, so without this it would have
+         * none at all; a name the consumer writes wins.
+         */
+        label: string;
+    };
+    /**
+     * The keys of a keyboard shortcut, in WORDS. The symbols themselves — ⌘ ⌃ ⌥ ⇧ ↵ ⌫ ⌦ ⇥
+     * ↑ ↓ ← → — are not here: they are engraved on the hardware and the same in every
+     * language, so they live with the component.
+     *
+     * Every entry below is the SPOKEN form. Where a symbol exists it wins on screen, and
+     * the word wins in what a screen reader says.
+     */
+    hotkeys: {
+        /** How ⌘, the Command key on a Mac, is spoken. */
+        command: string;
+        ctrl: string;
+        alt: string;
+        shift: string;
+        /** The same key as Command, outside a Mac: the Windows key. */
+        windows: string;
+        /** And the same key again on Linux. */
+        super: string;
+        enter: string;
+        escape: string;
+        space: string;
+        backspace: string;
+        delete: string;
+        tab: string;
+        up: string;
+        down: string;
+        left: string;
+        right: string;
+        /** What the shortcut is called, the combination arriving already spelled out: "Ctrl + K". */
+        label: (keys: string) => string;
+    };
+    datePicker: {
+        previousMonth: string;
+        nextMonth: string;
+        previousYear: string;
+        nextYear: string;
+        monthPicker: string;
+        yearPicker: string;
+    };
+    dateInput: {
+        clear: string;
+        open: string;
+        label: string;
+    };
+    /** The clock itself. VTimeInput reads the half-day words from here too: there is one
+        vocabulary for choosing a time, wherever the control that does it is rendered. */
+    timePicker: {
+        meridiem: string;
+        am: string;
+        pm: string;
+        selectHour: string;
+        selectMinute: string;
+        /** Announced when the clock face moves from choosing an hour to choosing a minute. */
+        hourStep: string;
+        minuteStep: string;
+        /** What the clock face itself is called, which changes with the step. */
+        hour: string;
+        minutes: string;
+        /** What the clock face announces as its value, rather than the bare number behind it. */
+        hoursValue: (hour: number) => string;
+        minutesValue: (minute: number) => string;
+    };
+    timeInput: {
+        clear: string;
+        openList: string;
+        openPicker: string;
+        listLabel: string;
+        /** What the panel holding the clock is called. */
+        pickerLabel: string;
+        /**
+         * The grey template shown in an empty field, "hh:mm". It is translatable because those
+         * letters are the initials of WORDS — unlike the colon between them, which is the same
+         * everywhere and lives with the time helpers.
+         */
+        maskPlaceholder: string;
+    };
+    fileInput: {
+        /** What the button at the end of the field is called — the one that opens the file dialog. */
+        attach: string;
+        clear: string;
+        /** What the cross on a file's chip is called. */
+        remove: (name: string) => string;
+        /**
+         * The WORD of the counter, and only that. The total size that follows is written out
+         * by the browser, and the brackets around it belong to neither — punctuation everyone
+         * shares.
+         */
+        files: (count: number) => string;
+        /** What an empty field says. */
+        placeholder: string;
+    };
+    filePicker: {
+        /** The button that opens the file dialog. */
+        browse: string;
+        /**
+         * The word standing between "drop your files here" and that button. It is a WORD, so
+         * it is translated — unlike the two rules on either side of it, which are drawn.
+         */
+        or: string;
+        /** What the cross beside a chosen file is called. */
+        remove: (name: string) => string;
+        /** What the list of chosen files is called. */
+        list: string;
+    };
+    /**
+     * The carousel. Two of these entries are what a screen reader SAYS instead of the bare
+     * words "region" and "group", so they are text a reader hears and therefore text that
+     * belongs here. It is worth being deliberate about them: a role description left in
+     * English is the one accessibility string that goes wrong with no visible symptom
+     * whatsoever.
+     */
+    carousel: {
+        /** What the carousel is called when the consumer gives it no name of its own. */
+        label: string;
+        /** What the carousel IS, said in place of the word "region". Lower case, as a role name is. */
+        roleDescription: string;
+        /** And the same for one slide. */
+        slideRoleDescription: string;
+        /** What the scrolling area itself is called — it can be reached with the Tab key. */
+        slides: string;
+        /**
+         * What a slide is called, and its dot with it. The number is the one a reader counts,
+         * starting at one — the caller adds it. It carries the WORD "of", which is why it is
+         * here where the table's bare "3/8" counter is not.
+         */
+        slide: (index: number, total: number) => string;
+        previous: string;
+        next: string;
+        /** What the row of dots is called. */
+        indicators: string;
+    };
+    /**
+     * The calendar. Two groups of words that read very differently: the toolbar, which a
+     * reader SEES, and everything from `eventRoleDescription` down, which only a screen
+     * reader ever says — the same caution as the carousel's role description applies, since
+     * an untranslated one goes wrong with no visible symptom at all.
+     *
+     * The navigation labels are per view rather than one word plus a unit: "Previous" needs
+     * to say what it steps over, and building "Previous " + "week" out of two fragments is
+     * the kind of sentence assembly that survives English and nothing else.
+     */
+    calendar: {
+        /** What the calendar is called when the consumer gives it no name of its own. */
+        label: string;
+        /** What the calendar IS, said in place of the word "region". Lower case, as a role name is. */
+        roleDescription: string;
+        /** The button that comes back to the current day. */
+        today: string;
+        /** What the view menu's button is called. */
+        view: string;
+        viewDay: string;
+        view4Days: string;
+        viewWeek: string;
+        viewMonth: string;
+        viewYear: string;
+        /** The custom-length view, which names its own length. */
+        viewCustom: (days: number) => string;
+        previousDay: string;
+        nextDay: string;
+        previousWeek: string;
+        nextWeek: string;
+        previousMonth: string;
+        nextMonth: string;
+        previousYear: string;
+        nextYear: string;
+        /** The two steps of the day-shaped views, whose length is the consumer's choice. */
+        previousPeriod: string;
+        nextPeriod: string;
+        /** The label of the band above the grid. */
+        allDay: string;
+        /**
+         * What the month view says when a day holds more events than it can show. The number
+         * is how many are left over, never the total.
+         */
+        moreEvents: (count: number) => string;
+        /** How a day in the month and year views offers to be opened on its own. */
+        openDay: (day: string) => string;
+        /**
+         * The name a newly created event is given. The number is the one a reader counts,
+         * starting at one — it carries no unit, so a language that writes it differently can.
+         */
+        newEvent: (index: number) => string;
+        /** What one event IS, said in place of the word "button". */
+        eventRoleDescription: string;
+        /** How a card says it can be moved. It is read once, from a single shared node. */
+        eventHint: string;
+        /** Said when a card is taken hold of, and when it is let go again. */
+        grabbed: string;
+        dropped: string;
+        /** Said when a move is abandoned and the event goes back where it was. */
+        reverted: string;
+        /** How an event's new place is announced, the range already written out. */
+        movedTo: (title: string, when: string) => string;
+    };
+}
+/**
+ * A dictionary given in PART: every section and every entry is optional. Anything left
+ * out falls back to the dictionary already in place, and never to an empty string.
+ *
+ * The optionality stops at the entries and does not descend into them, so a message that
+ * takes a value stays a whole function. Making it recursive would allow one of those
+ * functions to be described as a partial object, which is to say as nothing at all.
+ */
+export type VectisMessagesInput = {
+    [K in keyof VectisMessages]?: Partial<VectisMessages[K]>;
+};

package/dist/icons.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The icons the design system draws by itself, as importable values — the public
+ * face of `vectis-ui/icons`.
+ *
+ * Reach for it when you want to render one of the library's own icons somewhere it
+ * does not already appear: `import { search } from 'vectis-ui/icons'`, then
+ * `<VIcon :name="search" />`. A bare `<VIcon name="search" />` no longer finds it,
+ * and that is the point — an icon is shipped to a consumer's bundle because a module
+ * imported it, never because a string might one day ask for it.
+ *
+ * Each value carries its NAME as well as its drawing, so it still passes through a
+ * resolver installed with `setIconResolver`: wiring your own icon library keeps
+ * working on these exactly as it does on the icons the components draw.
+ */
+export * from './components/VIcon/icons/index.js';
+export type { BuiltinIcon } from './components/VIcon/types.js';

package/dist/icons.js

@@ -0,0 +1,38 @@
+import { ICON_VIEW_BOX as e } from "./components/VIcon/icons/viewBox.js";
+import { builtinIconNames as t } from "./components/VIcon/icons/names.js";
+import { chevron_left as n } from "./components/VIcon/icons/chevron_left.js";
+import { chevron_right as r } from "./components/VIcon/icons/chevron_right.js";
+import { more_horiz as i } from "./components/VIcon/icons/more_horiz.js";
+import { expand_less as a } from "./components/VIcon/icons/expand_less.js";
+import { expand_more as o } from "./components/VIcon/icons/expand_more.js";
+import { close as s } from "./components/VIcon/icons/close.js";
+import { check_circle as c } from "./components/VIcon/icons/check_circle.js";
+import { error as l } from "./components/VIcon/icons/error.js";
+import { info as u } from "./components/VIcon/icons/info.js";
+import { notifications as d } from "./components/VIcon/icons/notifications.js";
+import { warning as f } from "./components/VIcon/icons/warning.js";
+import { check as p } from "./components/VIcon/icons/check.js";
+import { arrow_downward as m } from "./components/VIcon/icons/arrow_downward.js";
+import { arrow_drop_down as h } from "./components/VIcon/icons/arrow_drop_down.js";
+import { arrow_upward as g } from "./components/VIcon/icons/arrow_upward.js";
+import { search as _ } from "./components/VIcon/icons/search.js";
+import { swap_vert as v } from "./components/VIcon/icons/swap_vert.js";
+import { arrow_drop_up as y } from "./components/VIcon/icons/arrow_drop_up.js";
+import { calendar_today as b } from "./components/VIcon/icons/calendar_today.js";
+import { schedule as x } from "./components/VIcon/icons/schedule.js";
+import { attach_file as S } from "./components/VIcon/icons/attach_file.js";
+import { audio_file as C } from "./components/VIcon/icons/audio_file.js";
+import { cloud_upload as w } from "./components/VIcon/icons/cloud_upload.js";
+import { code as T } from "./components/VIcon/icons/code.js";
+import { description as E } from "./components/VIcon/icons/description.js";
+import { folder_zip as D } from "./components/VIcon/icons/folder_zip.js";
+import { image as O } from "./components/VIcon/icons/image.js";
+import { picture_as_pdf as k } from "./components/VIcon/icons/picture_as_pdf.js";
+import { table_chart as A } from "./components/VIcon/icons/table_chart.js";
+import { video_file as j } from "./components/VIcon/icons/video_file.js";
+import { arrow_downward_alt as M } from "./components/VIcon/icons/arrow_downward_alt.js";
+import { arrow_left_alt as N } from "./components/VIcon/icons/arrow_left_alt.js";
+import { arrow_right_alt as P } from "./components/VIcon/icons/arrow_right_alt.js";
+import { arrow_upward_alt as F } from "./components/VIcon/icons/arrow_upward_alt.js";
+import { builtinIcons as I } from "./components/VIcon/icons/index.js";
+export { e as ICON_VIEW_BOX, m as arrow_downward, M as arrow_downward_alt, h as arrow_drop_down, y as arrow_drop_up, N as arrow_left_alt, P as arrow_right_alt, g as arrow_upward, F as arrow_upward_alt, S as attach_file, C as audio_file, t as builtinIconNames, I as builtinIcons, b as calendar_today, p as check, c as check_circle, n as chevron_left, r as chevron_right, s as close, w as cloud_upload, T as code, E as description, l as error, a as expand_less, o as expand_more, D as folder_zip, O as image, u as info, i as more_horiz, d as notifications, k as picture_as_pdf, x as schedule, _ as search, v as swap_vert, A as table_chart, j as video_file, f as warning };

package/dist/index.d.ts

@@ -0,0 +1,90 @@
+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 { 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 { 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 { default as VSeparator } from './components/VSeparator/VSeparator.js';
+export { default as VButton } from './components/VButton/VButton.js';
+export { default as VIconButton } from './components/VIconButton/VIconButton.js';
+export { default as VButtonGroup } from './components/VButton/VButtonGroup.js';
+export { default as VPagination } 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 { default as VToggleItem } from './components/VToggle/VToggleItem.js';
+export { default as VInput } from './components/VInput/VInput.js';
+export { default as VTextarea } from './components/VTextarea/VTextarea.js';
+export { default as VCheckbox } from './components/VCheckbox/VCheckbox.js';
+export { default as VRadio } from './components/VRadio/VRadio.js';
+export { default as VSwitch } from './components/VSwitch/VSwitch.js';
+export { default as VTooltip } from './components/VTooltip/VTooltip.js';
+export { default as VMenu } from './components/VMenu/VMenu.js';
+export { default as VMenuItem } 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 { 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 { 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 { 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 { default as VCombobox } from './components/VCombobox/VCombobox.js';
+export type { ComboboxOption, ComboboxGroup, ComboboxSeparator, ComboboxItem, ComboboxFilter, } 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 { 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 { 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 { default as VInputOTP } from './components/VInputOTP/VInputOTP.js';
+export { default as VProgressCircular } from './components/VProgressCircular/VProgressCircular.js';
+export { default as VProgressLinear } from './components/VProgressLinear/VProgressLinear.js';
+export { default as VSlider } from './components/VSlider/VSlider.js';
+export type { SliderLabel } from './components/VSlider/VSlider.js';
+export { default as VDialog } 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 { default as VDateInput } from './components/VDateInput/VDateInput.js';
+export type { DateInputMode } from './components/VDateInput/VDateInput.js';
+export { default as VTimePicker } from './components/VTimePicker/VTimePicker.js';
+export type { TimePickerFormat, TimePickerStep } from './components/VTimePicker/VTimePicker.js';
+export { default as VTimeInput } from './components/VTimeInput/VTimeInput.js';
+export type { TimeInputMode } 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 { default as VFileInput } from './components/VFileInput/VFileInput.js';
+export type { FileInputDisplay, FileInputRejectReason, FileInputRejection, } from './components/VFileInput/VFileInput.js';
+export { default as VFilePicker } from './components/VFilePicker/VFilePicker.js';
+export type { FilePickerPreview, FilePickerRejectReason, FilePickerRejection, 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';
+export { default as VCarouselItem } from './components/VCarousel/VCarouselItem.js';

package/dist/index.js

@@ -0,0 +1,64 @@
+/* empty css             */
+import { en as e } from "./i18n/en.js";
+import { registerMessages as t, setLocale as n } from "./i18n/state.js";
+import { fr as r } from "./i18n/fr.js";
+import { classIconResolver as i, componentIconResolver as a, ligatureIconResolver as o, setIconResolver as s } from "./components/VIcon/resolver.js";
+import c from "./components/VIcon/VIcon.js";
+import l from "./components/VTypography/VTypography.js";
+import u from "./components/VPopover/VPopover.js";
+import d from "./components/VSeparator/VSeparator.js";
+import f from "./components/VSpinner/VSpinner.js";
+import p from "./components/VButton/VButton.js";
+import m from "./components/VIconButton/VIconButton.js";
+import h from "./components/VButton/VButtonGroup.js";
+import g from "./components/VPagination/VPagination.js";
+import _ from "./components/VTabs/VTabs.js";
+import v from "./components/VTabs/VTab.js";
+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 };

package/dist/styles.css

@@ -0,0 +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)}}

package/dist/tokens/css.d.ts

@@ -0,0 +1,25 @@
+import { DesignToken, TokenGroup } from './types.js';
+export interface FlatToken {
+    path: string[];
+    cssName: string;
+    token: DesignToken;
+}
+/**
+ * Walks the nested groups and returns one entry per token, each carrying the name of the
+ * custom property it will become — the path through the groups, joined with dashes and
+ * prefixed so that nothing collides with an application's own variables.
+ */
+export declare function flattenTokens(group: TokenGroup, prefix?: string[]): FlatToken[];
+/**
+ * A token's value may point at another token by name, in braces, instead of stating a
+ * colour or a length of its own. Each of those references becomes a reading of the
+ * corresponding custom property, so the link survives into the CSS and remains
+ * overridable at runtime.
+ *
+ * A reference to a token that does not exist STOPS the build rather than being left as
+ * it is. A dangling reference in CSS resolves to nothing at all, and the component using
+ * it loses its colour with nothing in the console to say why.
+ */
+export declare function resolveTokenValue(value: string, known: ReadonlySet<string>): string;
+/** The final step: a list of tokens written out as the lines of a CSS rule. */
+export declare function toCssDeclarations(flat: FlatToken[], known: ReadonlySet<string>, indent?: string): string;