vectis-ui 0.12.0 → 0.14.0

package/dist/tokens.json

@@ -611,6 +611,11 @@
         "$value": "{color.gray.300}",
         "$description": "The borders of form controls"
       },
+      "border-on-fill": {
+        "$type": "color",
+        "$value": "oklch(0% 0 0 / 0.12)",
+        "$description": "A veil edging or dividing a filled background: VButtonGroup seams, VColorPicker swatches"
+      },
       "accent": {
         "$type": "color",
         "$value": "{color.indigo.600}",
@@ -1182,6 +1187,11 @@
         "$value": "18rem",
         "$description": "The maximum height of VCombobox's list panel (the scrolling area)"
       },
+      "size-select-list-max-block": {
+        "$type": "dimension",
+        "$value": "18rem",
+        "$description": "The maximum height of VSelect's list panel (the scrolling area)"
+      },
       "size-menu-min": {
         "$type": "dimension",
         "$value": "11rem",
@@ -1202,6 +1212,26 @@
         "$value": "10rem",
         "$description": "The default length of a vertical VProgressLinear, which a height set on the bar replaces"
       },
+      "size-meter-thickness-sm": {
+        "$type": "dimension",
+        "$value": "0.25rem",
+        "$description": "The thickness of a small VMeter (4px)"
+      },
+      "size-meter-thickness-md": {
+        "$type": "dimension",
+        "$value": "0.5rem",
+        "$description": "The thickness of a medium VMeter (8px)"
+      },
+      "size-meter-thickness-lg": {
+        "$type": "dimension",
+        "$value": "0.75rem",
+        "$description": "The thickness of a large VMeter (12px)"
+      },
+      "size-meter-segment-gap": {
+        "$type": "dimension",
+        "$value": "0.125rem",
+        "$description": "The gap between two VMeter segments (2px)"
+      },
       "size-progress-circular-diameter": {
         "$type": "dimension",
         "$value": "3rem",
@@ -1217,6 +1247,21 @@
         "$value": "6rem",
         "$description": "The default height of a surface-shaped VSkeletonLoader: a card, an image (96px)"
       },
+      "size-resizable-hit": {
+        "$type": "dimension",
+        "$value": "0.75rem",
+        "$description": "The width of the strip around a VResizable handle that catches the pointer (12px)"
+      },
+      "size-resizable-grip-length": {
+        "$type": "dimension",
+        "$value": "1.5rem",
+        "$description": "The length of the grip VResizable draws on its handles under `grip` (24px)"
+      },
+      "size-resizable-grip-thickness": {
+        "$type": "dimension",
+        "$value": "0.5rem",
+        "$description": "The thickness of the grip VResizable draws on its handles under `grip` (8px)"
+      },
       "size-toast-width": {
         "$type": "dimension",
         "$value": "22rem",
@@ -1227,11 +1272,96 @@
         "$value": "18rem",
         "$description": "The widest a tooltip grows before it wraps (288px)"
       },
+      "size-hover-card-max": {
+        "$type": "dimension",
+        "$value": "20rem",
+        "$description": "The widest a VHoverCard grows (320px)"
+      },
       "size-dialog-width": {
         "$type": "dimension",
         "$value": "25rem",
         "$description": "The default width of VDialog and VDialogAlert (400px), when no `width` is given"
       },
+      "size-command-palette-width": {
+        "$type": "dimension",
+        "$value": "40rem",
+        "$description": "The default width of VCommandPalette (640px), when no `width` is given"
+      },
+      "size-command-palette-list-max-block": {
+        "$type": "dimension",
+        "$value": "20rem",
+        "$description": "The tallest VCommandPalette's list of commands grows before it scrolls (320px)"
+      },
+      "size-command-palette-offset": {
+        "$type": "dimension",
+        "$value": "6rem",
+        "$description": "The distance from the top of the viewport to VCommandPalette, which keeps its search field still as the list changes height (96px)"
+      },
+      "size-stepper-indicator": {
+        "$type": "dimension",
+        "$value": "2rem",
+        "$description": "The diameter of the circle holding a VStepper step number (32px)"
+      },
+      "size-stepper-connector-min": {
+        "$type": "dimension",
+        "$value": "1.5rem",
+        "$description": "The shortest a horizontal VStepper connector gets between two steps (24px)"
+      },
+      "size-timeline-dot-sm": {
+        "$type": "dimension",
+        "$value": "0.5rem",
+        "$description": "The dot marking an event of a small VTimeline (8px)"
+      },
+      "size-timeline-dot-md": {
+        "$type": "dimension",
+        "$value": "0.625rem",
+        "$description": "The dot marking an event of a VTimeline (10px)"
+      },
+      "size-timeline-icon-sm": {
+        "$type": "dimension",
+        "$value": "1.5rem",
+        "$description": "The round badge holding the icon of an event in a small VTimeline (24px)"
+      },
+      "size-timeline-icon-md": {
+        "$type": "dimension",
+        "$value": "2rem",
+        "$description": "The round badge holding the icon of an event in a VTimeline (32px)"
+      },
+      "size-timeline-item-min": {
+        "$type": "dimension",
+        "$value": "12rem",
+        "$description": "The narrowest an event of a horizontal VTimeline gets before the list scrolls (192px)"
+      },
+      "size-rating-sm": {
+        "$type": "dimension",
+        "$value": "1.25rem",
+        "$description": "The icon of a small VRating (20px)"
+      },
+      "size-rating-md": {
+        "$type": "dimension",
+        "$value": "1.5rem",
+        "$description": "The icon of a medium VRating (24px)"
+      },
+      "size-rating-lg": {
+        "$type": "dimension",
+        "$value": "2rem",
+        "$description": "The icon of a large VRating (32px)"
+      },
+      "size-drawer-sm": {
+        "$type": "dimension",
+        "$value": "20rem",
+        "$description": "The width of a small VDrawer on a side, or the height of one at the top or bottom (320px)"
+      },
+      "size-drawer-md": {
+        "$type": "dimension",
+        "$value": "25rem",
+        "$description": "The width of a medium VDrawer on a side, or the height of one at the top or bottom (400px)"
+      },
+      "size-drawer-lg": {
+        "$type": "dimension",
+        "$value": "35rem",
+        "$description": "The width of a large VDrawer on a side, or the height of one at the top or bottom (560px)"
+      },
       "size-snackbar-min": {
         "$type": "dimension",
         "$value": "18rem",
@@ -1242,6 +1372,46 @@
         "$value": "36rem",
         "$description": "The maximum width of a snackbar (576px)"
       },
+      "size-card-media": {
+        "$type": "dimension",
+        "$value": "12rem",
+        "$description": "The width a horizontal VCard gives its media before the content wraps under it (192px)"
+      },
+      "size-card-body-min": {
+        "$type": "dimension",
+        "$value": "16rem",
+        "$description": "The narrowest content of a horizontal VCard: below it, the media moves above the content"
+      },
+      "size-empty-state-media-sm": {
+        "$type": "dimension",
+        "$value": "2.5rem",
+        "$description": "The diameter of the icon badge of a small VEmptyState (40px)"
+      },
+      "size-empty-state-media-md": {
+        "$type": "dimension",
+        "$value": "3rem",
+        "$description": "The diameter of the icon badge of a medium VEmptyState (48px)"
+      },
+      "size-empty-state-media-lg": {
+        "$type": "dimension",
+        "$value": "4rem",
+        "$description": "The diameter of the icon badge of a large VEmptyState (64px)"
+      },
+      "size-empty-state-text-max": {
+        "$type": "dimension",
+        "$value": "28rem",
+        "$description": "The widest the title and description of a VEmptyState run before they wrap (448px)"
+      },
+      "size-field-label": {
+        "$type": "dimension",
+        "$value": "10rem",
+        "$description": "The width of a VField label placed beside its control, before the control wraps under it (160px)"
+      },
+      "size-field-control-min": {
+        "$type": "dimension",
+        "$value": "16rem",
+        "$description": "The narrowest control of a VField with a side label: below it, the label moves above the control"
+      },
       "size-badge-h": {
         "$type": "dimension",
         "$value": "1.25rem",
@@ -1262,6 +1432,46 @@
         "$value": "2px",
         "$description": "The ring separating stacked avatars (VAvatarGroup)"
       },
+      "size-color-picker-width": {
+        "$type": "dimension",
+        "$value": "16rem",
+        "$description": "The width of VColorPicker (256px)"
+      },
+      "size-color-picker-area": {
+        "$type": "dimension",
+        "$value": "10rem",
+        "$description": "The height of VColorPicker's saturation and brightness area (160px)"
+      },
+      "size-color-picker-track": {
+        "$type": "dimension",
+        "$value": "0.75rem",
+        "$description": "The thickness of VColorPicker's hue and opacity tracks (12px)"
+      },
+      "size-color-picker-thumb": {
+        "$type": "dimension",
+        "$value": "1.25rem",
+        "$description": "The diameter of VColorPicker's thumbs, on the area and the tracks (20px)"
+      },
+      "size-color-picker-preview": {
+        "$type": "dimension",
+        "$value": "2rem",
+        "$description": "The disc showing the current colour in VColorPicker (32px)"
+      },
+      "size-color-picker-format": {
+        "$type": "dimension",
+        "$value": "6rem",
+        "$description": "The width of VColorPicker's format menu, which holds its longest name (96px)"
+      },
+      "size-color-picker-swatch": {
+        "$type": "dimension",
+        "$value": "1.5rem",
+        "$description": "The side of a VColorPicker swatch (24px)"
+      },
+      "size-color-picker-checker": {
+        "$type": "dimension",
+        "$value": "0.5rem",
+        "$description": "The side of the checkerboard showing through a translucent colour (8px)"
+      },
       "size-date-picker-cell": {
         "$type": "dimension",
         "$value": "2.5rem",
@@ -1285,7 +1495,7 @@
       "size-tab-indicator": {
         "$type": "dimension",
         "$value": "2px",
-        "$description": "The thickness of the active tab indicator (VTabs, flat/outlined)"
+        "$description": "The thickness of the active tab indicator (VTabs, every variant but inset)"
       },
       "size-table-search": {
         "$type": "dimension",
@@ -1490,6 +1700,10 @@
           "$type": "color",
           "$value": "{color.gray.700}"
         },
+        "border-on-fill": {
+          "$type": "color",
+          "$value": "oklch(100% 0 0 / 0.15)"
+        },
         "accent": {
           "$type": "color",
           "$value": "{color.indigo.500}"

package/dist/types.d.ts

@@ -1,6 +1,59 @@
-/**
- * Types shared across unrelated components; component-owned contracts stay in their own
- * modules.
- */
+import { ChipSize } from './components/VChip/VChip.js';
+import { IconSource } from './components/VIcon/types.js';
 /** What identifies one item among several: a tab, a toggle item, an option in a list. */
 export type ItemValue = string | number;
+/** One thing that can be chosen in a list of options. */
+export interface ListboxOption {
+    /**
+     * What choosing it means: this is what the value holds. A number is admitted because a
+     * list of options almost always comes from somewhere that keys its rows by one.
+     */
+    value: ItemValue;
+    /** What it is called on screen, and what a search or a typed prefix matches against. */
+    label: string;
+    /** An icon before the label: an icon name, or an explicit render. */
+    icon?: IconSource;
+    /** Shows the option without allowing it to be chosen. */
+    disabled?: boolean;
+}
+/**
+ * A named block of options, the equivalent of a native `<optgroup>`. A group none of whose
+ * options survive a search disappears entirely, its name included.
+ */
+export interface ListboxGroup {
+    /** The name of the block. */
+    label: string;
+    /** The options it holds. */
+    options: ListboxOption[];
+}
+/**
+ * A rule drawn between two blocks of options. It is purely decorative, and a separator left
+ * stranded (at the top, at the bottom, or against another one) is simply not drawn.
+ */
+export interface ListboxSeparator {
+    separator: true;
+}
+/** Anything a list of options may hold: an option, a named block, or a separator. */
+export type ListboxItem = ListboxOption | ListboxGroup | ListboxSeparator;
+/** What the `#option` slot of VCombobox and VSelect receives. */
+export interface ListboxOptionSlotProps {
+    option: ListboxOption;
+    index: number;
+    active: boolean;
+    selected: boolean;
+}
+/** What the `#chip` slot of VCombobox and VSelect receives. */
+export interface ListboxChipSlotProps {
+    value: ItemValue;
+    option: ListboxOption | undefined;
+    label: string;
+    remove: () => void;
+    size: ChipSize;
+    compact: boolean;
+}
+/** What the `#overflow` slot of VCombobox and VSelect receives. */
+export interface ListboxOverflowSlotProps {
+    count: number;
+    size: ChipSize;
+    compact: boolean;
+}

package/dist/utils/arrowNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrowNav.js","names":[],"sources":["../../src/utils/arrowNav.ts"],"sourcesContent":["// @keyboard @a11y\n/**\n * Arrow-key navigation over a row or column of controls, in one place: VPagination, VTabs,\n * VToggle, VMenuPanel and VSideNavigation all use it.\n */\nimport { isRtl } from './direction'\n\n/** The elements the arrows may land on, discovered from the DOM rather than a registry. */\nexport function navigableItems(container: HTMLElement, selector: string): HTMLElement[] {\n  return [...container.querySelectorAll<HTMLElement>(selector)].filter(\n    (el) => getComputedStyle(el).display !== 'none',\n  )\n}\n\n/** Moves focus for the arrows and Home/End, and reports whether it took the key. */\nexport function arrowNavigate(\n  event: KeyboardEvent,\n  container: HTMLElement,\n  items: () => HTMLElement[],\n  options: { vertical?: boolean } = {},\n): boolean {\n  const vertical = options.vertical ?? false\n  const keys = vertical\n    ? ['ArrowDown', 'ArrowUp', 'Home', 'End']\n    : ['ArrowRight', 'ArrowLeft', 'Home', 'End']\n  if (event.altKey || event.ctrlKey || event.metaKey || !keys.includes(event.key)) return false\n  const list = items()\n  if (list.length === 0) return false\n  event.preventDefault()\n\n  // A function, not a value: only the arrow branch asks, so Home and End are spared the\n  // style recalculation that reading the direction forces.\n  const forward = () =>\n    vertical ? event.key === 'ArrowDown' : (event.key === 'ArrowRight') !== isRtl(container)\n  const current = list.indexOf(document.activeElement as HTMLElement)\n  const next =\n    event.key === 'Home'\n      ? 0\n      : event.key === 'End'\n        ? list.length - 1\n        : current === -1\n          ? 0\n          : (current + (forward() ? 1 : -1) + list.length) % list.length\n  list[next]?.focus()\n  return true\n}\n"],"mappings":";;AAQA,SAAgB,EAAe,GAAwB,GAAiC;CACtF,OAAO,CAAC,GAAG,EAAU,iBAA8B,CAAQ,CAAC,CAAC,CAAC,QAC3D,MAAO,iBAAiB,CAAE,CAAC,CAAC,YAAY,MAC3C;AACF;AAGA,SAAgB,EACd,GACA,GACA,GACA,IAAkC,CAAC,GAC1B;CACT,IAAM,IAAW,EAAQ,YAAY,IAC/B,IAAO,IACT;EAAC;EAAa;EAAW;EAAQ;CAAK,IACtC;EAAC;EAAc;EAAa;EAAQ;CAAK;CAC7C,IAAI,EAAM,UAAU,EAAM,WAAW,EAAM,WAAW,CAAC,EAAK,SAAS,EAAM,GAAG,GAAG,OAAO;CACxF,IAAM,IAAO,EAAM;CACnB,IAAI,EAAK,WAAW,GAAG,OAAO;CAC9B,EAAM,eAAe;CAIrB,IAAM,UACJ,IAAW,EAAM,QAAQ,cAAe,EAAM,QAAQ,iBAAkB,EAAM,CAAS,GACnF,IAAU,EAAK,QAAQ,SAAS,aAA4B;CAUlE,OADA,EAPE,EAAM,QAAQ,SACV,IACA,EAAM,QAAQ,QACZ,EAAK,SAAS,IACd,MAAY,KACV,KACC,KAAW,EAAQ,IAAI,IAAI,MAAM,EAAK,UAAU,EAAK,OACtD,EAAE,MAAM,GACX;AACT"}
+{"version":3,"file":"arrowNav.js","names":[],"sources":["../../src/utils/arrowNav.ts"],"sourcesContent":["// @keyboard @a11y\n/** Arrow-key navigation over a row or column of controls, shared by every roving-focus group. */\nimport { isRtl } from './direction'\n\n/** The elements the arrows may land on, discovered from the DOM rather than a registry. */\nexport function navigableItems(container: HTMLElement, selector: string): HTMLElement[] {\n  return [...container.querySelectorAll<HTMLElement>(selector)].filter(\n    (el) => getComputedStyle(el).display !== 'none',\n  )\n}\n\n/** Moves focus for the arrows and Home/End, and reports whether it took the key. */\nexport function arrowNavigate(\n  event: KeyboardEvent,\n  container: HTMLElement,\n  items: () => HTMLElement[],\n  options: { vertical?: boolean } = {},\n): boolean {\n  const vertical = options.vertical ?? false\n  const keys = vertical\n    ? ['ArrowDown', 'ArrowUp', 'Home', 'End']\n    : ['ArrowRight', 'ArrowLeft', 'Home', 'End']\n  if (event.altKey || event.ctrlKey || event.metaKey || !keys.includes(event.key)) return false\n  const list = items()\n  if (list.length === 0) return false\n  event.preventDefault()\n\n  // A function, not a value: only the arrow branch asks, so Home and End are spared the\n  // style recalculation that reading the direction forces.\n  const forward = () =>\n    vertical ? event.key === 'ArrowDown' : (event.key === 'ArrowRight') !== isRtl(container)\n  const current = list.indexOf(document.activeElement as HTMLElement)\n  const next =\n    event.key === 'Home'\n      ? 0\n      : event.key === 'End'\n        ? list.length - 1\n        : current === -1\n          ? 0\n          : (current + (forward() ? 1 : -1) + list.length) % list.length\n  list[next]?.focus()\n  return true\n}\n"],"mappings":";;AAKA,SAAgB,EAAe,GAAwB,GAAiC;CACtF,OAAO,CAAC,GAAG,EAAU,iBAA8B,CAAQ,CAAC,CAAC,CAAC,QAC3D,MAAO,iBAAiB,CAAE,CAAC,CAAC,YAAY,MAC3C;AACF;AAGA,SAAgB,EACd,GACA,GACA,GACA,IAAkC,CAAC,GAC1B;CACT,IAAM,IAAW,EAAQ,YAAY,IAC/B,IAAO,IACT;EAAC;EAAa;EAAW;EAAQ;CAAK,IACtC;EAAC;EAAc;EAAa;EAAQ;CAAK;CAC7C,IAAI,EAAM,UAAU,EAAM,WAAW,EAAM,WAAW,CAAC,EAAK,SAAS,EAAM,GAAG,GAAG,OAAO;CACxF,IAAM,IAAO,EAAM;CACnB,IAAI,EAAK,WAAW,GAAG,OAAO;CAC9B,EAAM,eAAe;CAIrB,IAAM,UACJ,IAAW,EAAM,QAAQ,cAAe,EAAM,QAAQ,iBAAkB,EAAM,CAAS,GACnF,IAAU,EAAK,QAAQ,SAAS,aAA4B;CAUlE,OADA,EAPE,EAAM,QAAQ,SACV,IACA,EAAM,QAAQ,QACZ,EAAK,SAAS,IACd,MAAY,KACV,KACC,KAAW,EAAQ,IAAI,IAAI,MAAM,EAAK,UAAU,EAAK,OACtD,EAAE,MAAM,GACX;AACT"}

package/dist/utils/attrs.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Splits attributes between two elements: the listed keys go to `picked`, every other one to
+ * `rest`. Each listed key is read even when absent, so a computed calling this re-runs when one
+ * appears later: enumerating an empty attrs object tracks no reads.
+ */
+export declare function partitionAttrs(attrs: Record<string, unknown>, keys: readonly string[]): {
+    picked: Record<string, unknown>;
+    rest: Record<string, unknown>;
+};

package/dist/utils/attrs.js

@@ -0,0 +1,14 @@
+//#region src/utils/attrs.ts
+function e(e, t) {
+	for (let n of t) e[n];
+	let n = {}, r = {};
+	for (let [i, a] of Object.entries(e)) (t.includes(i) ? n : r)[i] = a;
+	return {
+		picked: n,
+		rest: r
+	};
+}
+//#endregion
+export { e as partitionAttrs };
+
+//# sourceMappingURL=attrs.js.map

package/dist/utils/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","names":[],"sources":["../../src/utils/attrs.ts"],"sourcesContent":["/**\n * Splits attributes between two elements: the listed keys go to `picked`, every other one to\n * `rest`. Each listed key is read even when absent, so a computed calling this re-runs when one\n * appears later: enumerating an empty attrs object tracks no reads.\n */\nexport function partitionAttrs(\n  attrs: Record<string, unknown>,\n  keys: readonly string[],\n): { picked: Record<string, unknown>; rest: Record<string, unknown> } {\n  for (const key of keys) void attrs[key]\n  const picked: Record<string, unknown> = {}\n  const rest: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(attrs)) {\n    ;(keys.includes(key) ? picked : rest)[key] = value\n  }\n  return { picked, rest }\n}\n"],"mappings":";AAKA,SAAgB,EACd,GACA,GACoE;CACpE,KAAK,IAAM,KAAO,GAAM,EAAW;CACnC,IAAM,IAAkC,CAAC,GACnC,IAAgC,CAAC;CACvC,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,CAAK,GAC5C,CAAC,EAAK,SAAS,CAAG,IAAI,IAAS,EAAA,CAAM,KAAO;CAE/C,OAAO;EAAE;EAAQ;CAAK;AACxB"}

package/dist/utils/date.d.ts

@@ -74,6 +74,7 @@ export declare function firstDayOfWeekFor(locale: string): number;
  * dropped straight into a calendar header.
  */
 export declare function weekdayNames(locale: string, firstDayOfWeek: number, weekday?: 'short' | 'long'): string[];
+export declare function dateFormatter(locale: string, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat;
 /**
  * A date written out for the reader, in the conventions of their locale: this is
  * what VDateInput shows in its field. An unparsable date yields an empty string

package/dist/utils/date.js

@@ -71,7 +71,7 @@ function y(e) {
 }
 var b = Date.UTC(2021, 7, 1), x = 864e5;
 function S(e, t, n = "short") {
-	let r = new Intl.DateTimeFormat(e, {
+	let r = w(e, {
 		weekday: n,
 		timeZone: "UTC"
 	});
@@ -85,13 +85,14 @@ function T(e, t, n) {
 	let r = a(e);
 	return r ? w(t, n).format(r) : "";
 }
-function E(e, t, n, r) {
+var E = /[\u2009\u200A]/g;
+function D(e, t, n, r) {
 	let i = a(e), o = a(t);
 	if (!i || !o) return "";
 	let s = w(n, r), c = d(e, t);
-	return c === 0 ? s.format(i) : c < 0 ? s.formatRange(i, o) : s.formatRange(o, i);
+	return c === 0 ? s.format(i) : (c < 0 ? s.formatRange(i, o) : s.formatRange(o, i)).replace(E, " ");
 }
 //#endregion
-export { c as addDays, l as addMonths, g as buildMonthGrid, p as clampISO, d as compareISO, u as daysInMonth, v as firstDayOfWeekFor, T as formatDateDisplay, E as formatDisplayRange, o as formatISO, h as isDateAllowed, f as isSameISO, i as isValidISO, m as isWithin, s as isoOf, a as parseISO, S as weekdayNames };
+export { c as addDays, l as addMonths, g as buildMonthGrid, p as clampISO, d as compareISO, w as dateFormatter, u as daysInMonth, v as firstDayOfWeekFor, T as formatDateDisplay, D as formatDisplayRange, o as formatISO, h as isDateAllowed, f as isSameISO, i as isValidISO, m as isWithin, s as isoOf, a as parseISO, S as weekdayNames };
 
 //# sourceMappingURL=date.js.map

package/dist/utils/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","names":[],"sources":["../../src/utils/date.ts"],"sourcesContent":["// @ssr @core\n/** Pure date arithmetic shared by date inputs, pickers and calendars. */\n\nimport { memo } from './memo'\nimport { pad2 } from './text'\n\n/**\n * Not `new Date(y, m, d)` itself, which reads a year from 0 to 99 as 1900 to 1999: `0050-01-01`\n * would come back as 1950, and a `min` in the first century would open the years view nineteen\n * centuries late. `setFullYear` takes the year as it is.\n */\nfunction localDate(year: number, month0: number, day: number): Date {\n  const date = new Date(year, month0, day)\n  if (year >= 0 && year < 100) date.setFullYear(year, month0, day)\n  return date\n}\n\nconst ISO_RE = /^\\d{4}-\\d{2}-\\d{2}$/\n\n/** Tells whether a value is a real `YYYY-MM-DD` date. */\nexport function isValidISO(iso: unknown): iso is string {\n  return typeof iso === 'string' && parseISO(iso) !== null\n}\n\n/**\n * Parse ISO dates at local midnight, returning null for invalid input. Round-trip the result to\n * reject impossible days that Date silently rolls into the next month.\n */\nexport function parseISO(iso: string | null | undefined): Date | null {\n  if (typeof iso !== 'string' || !ISO_RE.test(iso)) return null\n  const parts = iso.split('-')\n  const date = localDate(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]))\n  return Number.isNaN(date.getTime()) || formatISO(date) !== iso ? null : date\n}\n\n/**\n * Writes a `Date` as an ISO string, reading its LOCAL components. This manual\n * concatenation is what `toISOString()` cannot do, since that one formats in UTC.\n */\nexport function formatISO(date: Date): string {\n  const year = String(date.getFullYear()).padStart(4, '0')\n  return `${year}-${pad2(date.getMonth() + 1)}-${pad2(date.getDate())}`\n}\n\n/**\n * Builds an ISO string from separate values. The month is 0-indexed, as everywhere\n * in the language: 0 is January.\n */\nexport function isoOf(year: number, month0: number, day: number): string {\n  return formatISO(localDate(year, month0, day))\n}\n\n/**\n * Moves a date by a number of days, forwards or backwards. Crossing into another\n * month or year is handled by `Date` itself.\n */\nexport function addDays(iso: string, n: number): string {\n  const d = parseISO(iso)\n  if (!d) return iso\n  d.setDate(d.getDate() + n)\n  return formatISO(d)\n}\n\n/** Moves a date by a number of months, keeping the day of the month where possible. */\nexport function addMonths(iso: string, n: number): string {\n  const d = parseISO(iso)\n  if (!d) return iso\n  const day = d.getDate()\n  d.setDate(1)\n  d.setMonth(d.getMonth() + n)\n  d.setDate(Math.min(day, daysInMonth(d.getFullYear(), d.getMonth())))\n  return formatISO(d)\n}\n\n/**\n * How many days the given month holds, leap years included. Day 0 of the following month is the\n * last day of this one, which makes the leap year rule the language's problem rather than ours.\n */\nexport function daysInMonth(year: number, month0: number): number {\n  return localDate(year, month0 + 1, 0).getDate()\n}\n\n/** Compares two dates chronologically, returning the usual -1, 0 or 1. */\nexport function compareISO(a: string, b: string): number {\n  return a < b ? -1 : a > b ? 1 : 0\n}\n\n/**\n * Whether two dates are the same day, with a null on either side counting as no\n * date at all rather than as a match.\n */\nexport const isSameISO = (a: string | null, b: string | null) => !!a && a === b\n\n/**\n * Brings a date back inside the allowed interval, returning the bound it exceeded.\n * Both bounds are optional, and an absent one means unbounded on that side.\n */\nexport function clampISO(iso: string, min?: string, max?: string): string {\n  if (min && compareISO(iso, min) < 0) return min\n  if (max && compareISO(iso, max) > 0) return max\n  return iso\n}\n\n/** Whether a date falls inside the allowed interval, each bound being optional. */\nexport function isWithin(iso: string, min?: string, max?: string): boolean {\n  if (min && compareISO(iso, min) < 0) return false\n  if (max && compareISO(iso, max) > 0) return false\n  return true\n}\n\n/** Whether a date may be chosen: inside the bounds, and not one the matcher excludes. */\nexport function isDateAllowed(\n  iso: string,\n  min: string | undefined,\n  max: string | undefined,\n  excluded: (iso: string) => boolean,\n): boolean {\n  return isWithin(iso, min, max) && !excluded(iso)\n}\n\n/** One square of a month grid. */\nexport interface MonthCell {\n  /** The day it stands for, as an ISO `YYYY-MM-DD` string. */\n  iso: string\n  /** The day of the month, carried so a caller does not parse back what was just formatted. */\n  day: number\n  /**\n   * Which side of the displayed month this day belongs to when it is not part of it,\n   * and `null` when it is.\n   */\n  adjacent: 'prev' | 'next' | null\n}\n\n/**\n * Builds the grid of a month: 42 cells, six rows of seven, filled out at both ends with the\n * days of the neighbouring months. The count is fixed on purpose, so that the calendar keeps\n * the same height from one month to the next instead of jumping by a row.\n */\nexport function buildMonthGrid(year: number, month0: number, firstDayOfWeek: number): MonthCell[] {\n  const first = localDate(year, month0, 1)\n  // How many cells the 1st of the month sits after the start of its row, which is\n  // exactly how many days of the previous month the grid has to open with.\n  const offset = (first.getDay() - firstDayOfWeek + 7) % 7\n  const cells: MonthCell[] = []\n  for (let i = 0; i < 42; i++) {\n    // Built from the 1st rather than stepped from a start date, so the month and year\n    // rolling over at either end is `Date`'s arithmetic and not ours.\n    const d = localDate(year, month0, 1 - offset + i)\n    const adjacent =\n      d.getMonth() === month0 && d.getFullYear() === year ? null : d < first ? 'prev' : 'next'\n    cells.push({ iso: formatISO(d), day: d.getDate(), adjacent })\n  }\n  return cells\n}\n\nconst firstDayCache = new Map<string, number>()\n\n// @fallback @ssr\n/**\n * The day the week starts on in a given locale, from 0 for Sunday to 6 for Saturday : Sunday in\n * the United States, Monday in most of Europe, Saturday in much of the Middle East. That part\n * of `Intl` is not everywhere (some Node builds lack it), so the answer falls back to Monday\n * when it is missing.\n */\nexport function firstDayOfWeekFor(locale: string): number {\n  return memo(firstDayCache, locale, () => resolveFirstDayOfWeek(locale))\n}\n\nfunction resolveFirstDayOfWeek(locale: string): number {\n  try {\n    // Implementations disagree on the shape: Chrome and Safari expose `weekInfo` as\n    // a getter, others a `getWeekInfo()` method. Both are tried.\n    const loc = new Intl.Locale(locale) as Intl.Locale & {\n      weekInfo?: { firstDay: number }\n      getWeekInfo?: () => { firstDay: number }\n    }\n    const info = loc.getWeekInfo?.() ?? loc.weekInfo\n    if (info?.firstDay) return info.firstDay % 7\n  } catch {\n    /* An invalid locale throws a RangeError: fall through to the fallback */\n  }\n  return 1\n}\n\n// The reference instants the names are formatted from. Any Sunday will do for the\n// weekdays, and any year for the months; combined with `timeZone: 'UTC'` at every\n// call site, they pin the output whatever zone the machine is in.\nconst REF_SUNDAY = Date.UTC(2021, 7, 1)\nconst MS_DAY = 86_400_000\n\n/**\n * The names of the seven days, starting from `firstDayOfWeek` so the list can be\n * dropped straight into a calendar header.\n */\nexport function weekdayNames(\n  locale: string,\n  firstDayOfWeek: number,\n  weekday: 'short' | 'long' = 'short',\n): string[] {\n  const fmt = new Intl.DateTimeFormat(locale, { weekday, timeZone: 'UTC' })\n  return Array.from({ length: 7 }, (_, i) =>\n    fmt.format(REF_SUNDAY + ((firstDayOfWeek + i) % 7) * MS_DAY),\n  )\n}\n\n/**\n * One formatter kept per locale and set of options, for the lifetime of the module; the same\n * `formatterFor` idiom as in `utils/file.ts` and `utils/time.ts`.\n */\nconst formatters = new Map<string, Intl.DateTimeFormat>()\n\nfunction formatterFor(locale: string, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat {\n  return memo(\n    formatters,\n    `${locale}|${JSON.stringify(options)}`,\n    () => new Intl.DateTimeFormat(locale, options),\n  )\n}\n\n/**\n * A date written out for the reader, in the conventions of their locale: this is\n * what VDateInput shows in its field. An unparsable date yields an empty string\n * rather than a broken one.\n */\nexport function formatDateDisplay(\n  iso: string,\n  locale: string,\n  options: Intl.DateTimeFormatOptions,\n): string {\n  const d = parseISO(iso)\n  return d ? formatterFor(locale, options).format(d) : ''\n}\n\n/** A period written out for the reader. */\nexport function formatDisplayRange(\n  start: string,\n  end: string,\n  locale: string,\n  options: Intl.DateTimeFormatOptions,\n): string {\n  const a = parseISO(start)\n  const b = parseISO(end)\n  if (!a || !b) return ''\n  const fmt = formatterFor(locale, options)\n  const order = compareISO(start, end)\n  if (order === 0) return fmt.format(a)\n  return order < 0 ? fmt.formatRange(a, b) : fmt.formatRange(b, a)\n}\n"],"mappings":"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"}
+{"version":3,"file":"date.js","names":[],"sources":["../../src/utils/date.ts"],"sourcesContent":["// @ssr @core\n/** Pure date arithmetic shared by date inputs, pickers and calendars. */\n\nimport { memo } from './memo'\nimport { pad2 } from './text'\n\n/**\n * Not `new Date(y, m, d)` itself, which reads a year from 0 to 99 as 1900 to 1999: `0050-01-01`\n * would come back as 1950, and a `min` in the first century would open the years view nineteen\n * centuries late. `setFullYear` takes the year as it is.\n */\nfunction localDate(year: number, month0: number, day: number): Date {\n  const date = new Date(year, month0, day)\n  if (year >= 0 && year < 100) date.setFullYear(year, month0, day)\n  return date\n}\n\nconst ISO_RE = /^\\d{4}-\\d{2}-\\d{2}$/\n\n/** Tells whether a value is a real `YYYY-MM-DD` date. */\nexport function isValidISO(iso: unknown): iso is string {\n  return typeof iso === 'string' && parseISO(iso) !== null\n}\n\n/**\n * Parse ISO dates at local midnight, returning null for invalid input. Round-trip the result to\n * reject impossible days that Date silently rolls into the next month.\n */\nexport function parseISO(iso: string | null | undefined): Date | null {\n  if (typeof iso !== 'string' || !ISO_RE.test(iso)) return null\n  const parts = iso.split('-')\n  const date = localDate(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]))\n  return Number.isNaN(date.getTime()) || formatISO(date) !== iso ? null : date\n}\n\n/**\n * Writes a `Date` as an ISO string, reading its LOCAL components. This manual\n * concatenation is what `toISOString()` cannot do, since that one formats in UTC.\n */\nexport function formatISO(date: Date): string {\n  const year = String(date.getFullYear()).padStart(4, '0')\n  return `${year}-${pad2(date.getMonth() + 1)}-${pad2(date.getDate())}`\n}\n\n/**\n * Builds an ISO string from separate values. The month is 0-indexed, as everywhere\n * in the language: 0 is January.\n */\nexport function isoOf(year: number, month0: number, day: number): string {\n  return formatISO(localDate(year, month0, day))\n}\n\n/**\n * Moves a date by a number of days, forwards or backwards. Crossing into another\n * month or year is handled by `Date` itself.\n */\nexport function addDays(iso: string, n: number): string {\n  const d = parseISO(iso)\n  if (!d) return iso\n  d.setDate(d.getDate() + n)\n  return formatISO(d)\n}\n\n/** Moves a date by a number of months, keeping the day of the month where possible. */\nexport function addMonths(iso: string, n: number): string {\n  const d = parseISO(iso)\n  if (!d) return iso\n  const day = d.getDate()\n  d.setDate(1)\n  d.setMonth(d.getMonth() + n)\n  d.setDate(Math.min(day, daysInMonth(d.getFullYear(), d.getMonth())))\n  return formatISO(d)\n}\n\n/**\n * How many days the given month holds, leap years included. Day 0 of the following month is the\n * last day of this one, which makes the leap year rule the language's problem rather than ours.\n */\nexport function daysInMonth(year: number, month0: number): number {\n  return localDate(year, month0 + 1, 0).getDate()\n}\n\n/** Compares two dates chronologically, returning the usual -1, 0 or 1. */\nexport function compareISO(a: string, b: string): number {\n  return a < b ? -1 : a > b ? 1 : 0\n}\n\n/**\n * Whether two dates are the same day, with a null on either side counting as no\n * date at all rather than as a match.\n */\nexport const isSameISO = (a: string | null, b: string | null) => !!a && a === b\n\n/**\n * Brings a date back inside the allowed interval, returning the bound it exceeded.\n * Both bounds are optional, and an absent one means unbounded on that side.\n */\nexport function clampISO(iso: string, min?: string, max?: string): string {\n  if (min && compareISO(iso, min) < 0) return min\n  if (max && compareISO(iso, max) > 0) return max\n  return iso\n}\n\n/** Whether a date falls inside the allowed interval, each bound being optional. */\nexport function isWithin(iso: string, min?: string, max?: string): boolean {\n  if (min && compareISO(iso, min) < 0) return false\n  if (max && compareISO(iso, max) > 0) return false\n  return true\n}\n\n/** Whether a date may be chosen: inside the bounds, and not one the matcher excludes. */\nexport function isDateAllowed(\n  iso: string,\n  min: string | undefined,\n  max: string | undefined,\n  excluded: (iso: string) => boolean,\n): boolean {\n  return isWithin(iso, min, max) && !excluded(iso)\n}\n\n/** One square of a month grid. */\nexport interface MonthCell {\n  /** The day it stands for, as an ISO `YYYY-MM-DD` string. */\n  iso: string\n  /** The day of the month, carried so a caller does not parse back what was just formatted. */\n  day: number\n  /**\n   * Which side of the displayed month this day belongs to when it is not part of it,\n   * and `null` when it is.\n   */\n  adjacent: 'prev' | 'next' | null\n}\n\n/**\n * Builds the grid of a month: 42 cells, six rows of seven, filled out at both ends with the\n * days of the neighbouring months. The count is fixed on purpose, so that the calendar keeps\n * the same height from one month to the next instead of jumping by a row.\n */\nexport function buildMonthGrid(year: number, month0: number, firstDayOfWeek: number): MonthCell[] {\n  const first = localDate(year, month0, 1)\n  // How many cells the 1st of the month sits after the start of its row, which is\n  // exactly how many days of the previous month the grid has to open with.\n  const offset = (first.getDay() - firstDayOfWeek + 7) % 7\n  const cells: MonthCell[] = []\n  for (let i = 0; i < 42; i++) {\n    // Built from the 1st rather than stepped from a start date, so the month and year\n    // rolling over at either end is `Date`'s arithmetic and not ours.\n    const d = localDate(year, month0, 1 - offset + i)\n    const adjacent =\n      d.getMonth() === month0 && d.getFullYear() === year ? null : d < first ? 'prev' : 'next'\n    cells.push({ iso: formatISO(d), day: d.getDate(), adjacent })\n  }\n  return cells\n}\n\nconst firstDayCache = new Map<string, number>()\n\n// @fallback @ssr\n/**\n * The day the week starts on in a given locale, from 0 for Sunday to 6 for Saturday : Sunday in\n * the United States, Monday in most of Europe, Saturday in much of the Middle East. That part\n * of `Intl` is not everywhere (some Node builds lack it), so the answer falls back to Monday\n * when it is missing.\n */\nexport function firstDayOfWeekFor(locale: string): number {\n  return memo(firstDayCache, locale, () => resolveFirstDayOfWeek(locale))\n}\n\nfunction resolveFirstDayOfWeek(locale: string): number {\n  try {\n    // Implementations disagree on the shape: Chrome and Safari expose `weekInfo` as\n    // a getter, others a `getWeekInfo()` method. Both are tried.\n    const loc = new Intl.Locale(locale) as Intl.Locale & {\n      weekInfo?: { firstDay: number }\n      getWeekInfo?: () => { firstDay: number }\n    }\n    const info = loc.getWeekInfo?.() ?? loc.weekInfo\n    if (info?.firstDay) return info.firstDay % 7\n  } catch {\n    /* An invalid locale throws a RangeError: fall through to the fallback */\n  }\n  return 1\n}\n\n// The reference instants the names are formatted from. Any Sunday will do for the\n// weekdays, and any year for the months; combined with `timeZone: 'UTC'` at every\n// call site, they pin the output whatever zone the machine is in.\nconst REF_SUNDAY = Date.UTC(2021, 7, 1)\nconst MS_DAY = 86_400_000\n\n/**\n * The names of the seven days, starting from `firstDayOfWeek` so the list can be\n * dropped straight into a calendar header.\n */\nexport function weekdayNames(\n  locale: string,\n  firstDayOfWeek: number,\n  weekday: 'short' | 'long' = 'short',\n): string[] {\n  const fmt = dateFormatter(locale, { weekday, timeZone: 'UTC' })\n  return Array.from({ length: 7 }, (_, i) =>\n    fmt.format(REF_SUNDAY + ((firstDayOfWeek + i) % 7) * MS_DAY),\n  )\n}\n\n/**\n * One formatter kept per locale and set of options, for the lifetime of the module: building an\n * `Intl` formatter costs far more than using one.\n */\nconst formatters = new Map<string, Intl.DateTimeFormat>()\n\nexport function dateFormatter(\n  locale: string,\n  options: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  return memo(\n    formatters,\n    `${locale}|${JSON.stringify(options)}`,\n    () => new Intl.DateTimeFormat(locale, options),\n  )\n}\n\n/**\n * A date written out for the reader, in the conventions of their locale: this is\n * what VDateInput shows in its field. An unparsable date yields an empty string\n * rather than a broken one.\n */\nexport function formatDateDisplay(\n  iso: string,\n  locale: string,\n  options: Intl.DateTimeFormatOptions,\n): string {\n  const d = parseISO(iso)\n  return d ? dateFormatter(locale, options).format(d) : ''\n}\n\n/**\n * ICU releases disagree on the spaces around a range's dash: Node 24 (ICU 78) writes thin spaces\n * where Chromium writes plain ones. Writing every thin or hair space as a plain one keeps a\n * prerendered range identical to the one the browser hydrates.\n */\nconst RANGE_SPACES = /[\\u2009\\u200A]/g\n\n/** A period written out for the reader. */\nexport function formatDisplayRange(\n  start: string,\n  end: string,\n  locale: string,\n  options: Intl.DateTimeFormatOptions,\n): string {\n  const a = parseISO(start)\n  const b = parseISO(end)\n  if (!a || !b) return ''\n  const fmt = dateFormatter(locale, options)\n  const order = compareISO(start, end)\n  if (order === 0) return fmt.format(a)\n  const text = order < 0 ? fmt.formatRange(a, b) : fmt.formatRange(b, a)\n  return text.replace(RANGE_SPACES, ' ')\n}\n"],"mappings":";;;AAWA,SAAS,EAAU,GAAc,GAAgB,GAAmB;CAClE,IAAM,IAAO,IAAI,KAAK,GAAM,GAAQ,CAAG;CAEvC,OADI,KAAQ,KAAK,IAAO,OAAK,EAAK,YAAY,GAAM,GAAQ,CAAG,GACxD;AACT;AAEA,IAAM,IAAS;AAGf,SAAgB,EAAW,GAA6B;CACtD,OAAO,OAAO,KAAQ,YAAY,EAAS,CAAG,MAAM;AACtD;AAMA,SAAgB,EAAS,GAA6C;CACpE,IAAI,OAAO,KAAQ,YAAY,CAAC,EAAO,KAAK,CAAG,GAAG,OAAO;CACzD,IAAM,IAAQ,EAAI,MAAM,GAAG,GACrB,IAAO,EAAU,OAAO,EAAM,EAAE,GAAG,OAAO,EAAM,EAAE,IAAI,GAAG,OAAO,EAAM,EAAE,CAAC;CAC/E,OAAO,OAAO,MAAM,EAAK,QAAQ,CAAC,KAAK,EAAU,CAAI,MAAM,IAAM,OAAO;AAC1E;AAMA,SAAgB,EAAU,GAAoB;CAE5C,OAAO,GADM,OAAO,EAAK,YAAY,CAAC,CAAC,CAAC,SAAS,GAAG,GAC1C,EAAK,GAAG,EAAK,EAAK,SAAS,IAAI,CAAC,EAAE,GAAG,EAAK,EAAK,QAAQ,CAAC;AACpE;AAMA,SAAgB,EAAM,GAAc,GAAgB,GAAqB;CACvE,OAAO,EAAU,EAAU,GAAM,GAAQ,CAAG,CAAC;AAC/C;AAMA,SAAgB,EAAQ,GAAa,GAAmB;CACtD,IAAM,IAAI,EAAS,CAAG;CAGtB,OAFK,KACL,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC,GAClB,EAAU,CAAC,KAFH;AAGjB;AAGA,SAAgB,EAAU,GAAa,GAAmB;CACxD,IAAM,IAAI,EAAS,CAAG;CACtB,IAAI,CAAC,GAAG,OAAO;CACf,IAAM,IAAM,EAAE,QAAQ;CAItB,OAHA,EAAE,QAAQ,CAAC,GACX,EAAE,SAAS,EAAE,SAAS,IAAI,CAAC,GAC3B,EAAE,QAAQ,KAAK,IAAI,GAAK,EAAY,EAAE,YAAY,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,GAC5D,EAAU,CAAC;AACpB;AAMA,SAAgB,EAAY,GAAc,GAAwB;CAChE,OAAO,EAAU,GAAM,IAAS,GAAG,CAAC,CAAC,CAAC,QAAQ;AAChD;AAGA,SAAgB,EAAW,GAAW,GAAmB;CACvD,OAAO,IAAI,IAAI,KAAK,MAAI;AAC1B;AAMA,IAAa,KAAa,GAAkB,MAAqB,CAAC,CAAC,KAAK,MAAM;AAM9E,SAAgB,EAAS,GAAa,GAAc,GAAsB;CAGxE,OAFI,KAAO,EAAW,GAAK,CAAG,IAAI,IAAU,IACxC,KAAO,EAAW,GAAK,CAAG,IAAI,IAAU,IACrC;AACT;AAGA,SAAgB,EAAS,GAAa,GAAc,GAAuB;CAGzE,OADA,EADI,KAAO,EAAW,GAAK,CAAG,IAAI,KAC9B,KAAO,EAAW,GAAK,CAAG,IAAI;AAEpC;AAGA,SAAgB,EACd,GACA,GACA,GACA,GACS;CACT,OAAO,EAAS,GAAK,GAAK,CAAG,KAAK,CAAC,EAAS,CAAG;AACjD;AAoBA,SAAgB,EAAe,GAAc,GAAgB,GAAqC;CAChG,IAAM,IAAQ,EAAU,GAAM,GAAQ,CAAC,GAGjC,KAAU,EAAM,OAAO,IAAI,IAAiB,KAAK,GACjD,IAAqB,CAAC;CAC5B,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK;EAG3B,IAAM,IAAI,EAAU,GAAM,GAAQ,IAAI,IAAS,CAAC,GAC1C,IACJ,EAAE,SAAS,MAAM,KAAU,EAAE,YAAY,MAAM,IAAO,OAAO,IAAI,IAAQ,SAAS;EACpF,EAAM,KAAK;GAAE,KAAK,EAAU,CAAC;GAAG,KAAK,EAAE,QAAQ;GAAG;EAAS,CAAC;CAC9D;CACA,OAAO;AACT;AAEA,IAAM,oBAAgB,IAAI,IAAoB;AAS9C,SAAgB,EAAkB,GAAwB;CACxD,OAAO,EAAK,GAAe,SAAc,EAAsB,CAAM,CAAC;AACxE;AAEA,SAAS,EAAsB,GAAwB;CACrD,IAAI;EAGF,IAAM,IAAM,IAAI,KAAK,OAAO,CAAM,GAI5B,IAAO,EAAI,cAAc,KAAK,EAAI;EACxC,IAAI,GAAM,UAAU,OAAO,EAAK,WAAW;CAC7C,QAAQ,CAER;CACA,OAAO;AACT;AAKA,IAAM,IAAa,KAAK,IAAI,MAAM,GAAG,CAAC,GAChC,IAAS;AAMf,SAAgB,EACd,GACA,GACA,IAA4B,SAClB;CACV,IAAM,IAAM,EAAc,GAAQ;EAAE;EAAS,UAAU;CAAM,CAAC;CAC9D,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MACnC,EAAI,OAAO,KAAe,IAAiB,KAAK,IAAK,CAAM,CAC7D;AACF;AAMA,IAAM,oBAAa,IAAI,IAAiC;AAExD,SAAgB,EACd,GACA,GACqB;CACrB,OAAO,EACL,GACA,GAAG,EAAO,GAAG,KAAK,UAAU,CAAO,WAC7B,IAAI,KAAK,eAAe,GAAQ,CAAO,CAC/C;AACF;AAOA,SAAgB,EACd,GACA,GACA,GACQ;CACR,IAAM,IAAI,EAAS,CAAG;CACtB,OAAO,IAAI,EAAc,GAAQ,CAAO,CAAC,CAAC,OAAO,CAAC,IAAI;AACxD;AAOA,IAAM,IAAe;AAGrB,SAAgB,EACd,GACA,GACA,GACA,GACQ;CACR,IAAM,IAAI,EAAS,CAAK,GAClB,IAAI,EAAS,CAAG;CACtB,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO;CACrB,IAAM,IAAM,EAAc,GAAQ,CAAO,GACnC,IAAQ,EAAW,GAAO,CAAG;CAGnC,OAFI,MAAU,IAAU,EAAI,OAAO,CAAC,KACvB,IAAQ,IAAI,EAAI,YAAY,GAAG,CAAC,IAAI,EAAI,YAAY,GAAG,CAAC,EAAA,CACzD,QAAQ,GAAc,GAAG;AACvC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vectis-ui",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "Vue 3 design system — HTML/CSS first, CSS tokens, Nuxt 3 (SSR) compatible",
   "type": "module",
   "license": "MIT",

package/dist/components/VCombobox/VComboboxGroup.css

@@ -1,2 +0,0 @@
-@layer vectis.reset, vectis.tokens, vectis.components, vectis.utilities;
-@layer vectis.components{.v-combobox-group{gap:var(--vectis-space-1);flex-direction:column;flex:none;display:flex}.v-combobox-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}}

package/dist/components/VCombobox/VComboboxGroup.d.ts

@@ -1,17 +0,0 @@
-interface ComboboxGroupProps {
-    /** The name of the block. It is a heading, not something that can be chosen. */
-    label: string;
-}
-type __VLS_Slots = {
-    /** The options belonging to this block. */
-    default(): unknown;
-};
-declare const __VLS_base: import('vue').DefineComponent<ComboboxGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ComboboxGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VCombobox/VComboboxGroup.js

@@ -1,9 +0,0 @@
-import './VComboboxGroup.css';
-import e from "./VComboboxGroup.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                               */
-//#region src/components/VCombobox/VComboboxGroup.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=VComboboxGroup.js.map

package/dist/components/VCombobox/VComboboxGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VComboboxGroup.js","names":[],"sources":["../../../src/components/VCombobox/VComboboxGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Group generated options under their accessible label; groups and options are the listbox's\n * permitted children.\n */\n\nimport { useId } from 'vue'\n\ninterface ComboboxGroupProps {\n  /** The name of the block. It is a heading, not something that can be chosen. */\n  label: string\n}\n\ndefineProps<ComboboxGroupProps>()\n\ndefineSlots<{\n  /** The options belonging to this block. */\n  default(): unknown\n}>()\n\nconst labelId = useId()\n</script>\n\n<template>\n  <div role=\"group\" class=\"v-combobox-group\" :aria-labelledby=\"labelId\">\n    <span :id=\"labelId\" class=\"v-combobox-group-label\">{{ label }}</span>\n    <slot />\n  </div>\n</template>\n\n<style>\n@layer vectis.components {\n  /*\n   * It refuses to shrink, where a menu group has no need to: this panel is a column of bounded\n   * height that scrolls, and a block left free to shrink would be squashed to make its content\n   * fit; the same reason the state rows and the foot of the list refuse it too.\n   */\n  .v-combobox-group {\n    display: flex;\n    flex: none;\n    flex-direction: column;\n    gap: var(--vectis-space-1);\n  }\n\n  .v-combobox-group-label {\n    display: flex;\n    align-items: center;\n    min-block-size: var(--control-height);\n    padding-block: var(--vectis-space-1);\n    padding-inline: var(--control-padding-inline);\n    font-size: var(--vectis-text-overline-size);\n    font-weight: var(--vectis-text-overline-weight);\n    letter-spacing: var(--vectis-text-overline-tracking);\n    color: var(--vectis-color-text-muted);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/VCombobox/VComboboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,21 +0,0 @@
-import { createElementBlock as e, createElementVNode as t, defineComponent as n, openBlock as r, renderSlot as i, toDisplayString as a, unref as o, useId as s } from "vue";
-//#region src/components/VCombobox/VComboboxGroup.vue?vue&type=script&setup=true&lang.ts
-var c = ["aria-labelledby"], l = ["id"], u = /*@__PURE__*/ n({
-	__name: "VComboboxGroup",
-	props: { label: {} },
-	setup(n) {
-		let u = s();
-		return (s, d) => (r(), e("div", {
-			role: "group",
-			class: "v-combobox-group",
-			"aria-labelledby": o(u)
-		}, [t("span", {
-			id: o(u),
-			class: "v-combobox-group-label"
-		}, a(n.label), 9, l), i(s.$slots, "default")], 8, c));
-	}
-});
-//#endregion
-export { u as default };
-
-//# sourceMappingURL=VComboboxGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/VCombobox/VComboboxGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VComboboxGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/VCombobox/VComboboxGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Group generated options under their accessible label; groups and options are the listbox's\n * permitted children.\n */\n\nimport { useId } from 'vue'\n\ninterface ComboboxGroupProps {\n  /** The name of the block. It is a heading, not something that can be chosen. */\n  label: string\n}\n\ndefineProps<ComboboxGroupProps>()\n\ndefineSlots<{\n  /** The options belonging to this block. */\n  default(): unknown\n}>()\n\nconst labelId = useId()\n</script>\n\n<template>\n  <div role=\"group\" class=\"v-combobox-group\" :aria-labelledby=\"labelId\">\n    <span :id=\"labelId\" class=\"v-combobox-group-label\">{{ label }}</span>\n    <slot />\n  </div>\n</template>\n\n<style>\n@layer vectis.components {\n  /*\n   * It refuses to shrink, where a menu group has no need to: this panel is a column of bounded\n   * height that scrolls, and a block left free to shrink would be squashed to make its content\n   * fit; the same reason the state rows and the foot of the list refuse it too.\n   */\n  .v-combobox-group {\n    display: flex;\n    flex: none;\n    flex-direction: column;\n    gap: var(--vectis-space-1);\n  }\n\n  .v-combobox-group-label {\n    display: flex;\n    align-items: center;\n    min-block-size: var(--control-height);\n    padding-block: var(--vectis-space-1);\n    padding-inline: var(--control-padding-inline);\n    font-size: var(--vectis-text-overline-size);\n    font-weight: var(--vectis-text-overline-weight);\n    letter-spacing: var(--vectis-text-overline-tracking);\n    color: var(--vectis-color-text-muted);\n  }\n}\n</style>\n"],"mappings":";;;;;;EAoBA,IAAM,IAAU,EAAM;yBAIpB,EAGM,OAAA;GAHD,MAAK;GAAQ,OAAM;GAAoB,mBAAiB,EAAA,CAAA;MAC3D,EAAqE,QAAA;GAA9D,IAAI,EAAA,CAAA;GAAS,OAAM;OAA4B,EAAA,KAAK,GAAA,GAAA,CAAA,GAC3D,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,GAAA,CAAA"}

package/dist/components/VCombobox/VComboboxOption.css

@@ -1,2 +0,0 @@
-@layer vectis.reset, vectis.tokens, vectis.components, vectis.utilities;
-@layer vectis.components{.v-combobox-option{align-items:center;gap:var(--control-gap);width:100%;min-height:var(--control-height);padding:var(--vectis-space-1) var(--control-padding-inline);color:var(--vectis-color-text);border-radius:min(var(--vectis-radius-interactive), calc(var(--control-height) / 2));font-family:inherit;font-size:var(--control-font-size);line-height:var(--vectis-text-body-md-leading);text-align:start;cursor:pointer;background:0 0;border:none;display:flex}.v-combobox-option-label{flex:1;min-inline-size:0}.v-combobox-option:hover:not([aria-disabled=true]),.v-combobox-option[data-active]{background:var(--vectis-color-surface-muted);outline:none}.v-combobox-option[aria-selected=true]{color:var(--vectis-color-accent-text)}.v-combobox-option[aria-disabled=true]{color:var(--vectis-color-text-subtle);cursor:not-allowed;background:0 0}}

package/dist/components/VCombobox/VComboboxOption.js

@@ -1,9 +0,0 @@
-import './VComboboxOption.css';
-import e from "./VComboboxOption.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                */
-//#region src/components/VCombobox/VComboboxOption.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=VComboboxOption.js.map

package/dist/components/VCombobox/VComboboxOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VComboboxOption.js","names":[],"sources":["../../../src/components/VCombobox/VComboboxOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Options use aria-disabled while field focus stays on aria-activedescendant; do not apply\n * native disabling to the active-descendant target.\n */\n\nimport VIcon from '../VIcon/VIcon.vue'\nimport { iconProps } from '../VIcon/iconProps'\nimport { check as checkIcon } from '../VIcon/icons/check'\nimport type { IconSource } from '../VIcon/types'\n\ninterface ComboboxOptionProps {\n  /** An icon before the label: an icon name, or an explicit render. */\n  icon?: IconSource\n  /** Marks the option as one of the chosen ones, which also draws the tick. */\n  selected?: boolean\n  /** Marks the option as the one currently highlighted. The field decides this. */\n  active?: boolean\n  /** Shows the option without allowing it to be chosen. */\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<ComboboxOptionProps>(), {\n  icon: undefined,\n  selected: false,\n  active: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  /** The option was clicked. What that does to the selection is the field's business. */\n  select: []\n}>()\n\ndefineSlots<{\n  /** What the row shows. */\n  default?(): unknown\n}>()\n\nfunction onClick() {\n  if (props.disabled) return\n  emit('select')\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    role=\"option\"\n    tabindex=\"-1\"\n    class=\"v-combobox-option\"\n    :aria-selected=\"selected\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :data-active=\"active ? '' : undefined\"\n    @click=\"onClick\"\n  >\n    <VIcon v-if=\"icon\" v-bind=\"iconProps(icon)\" />\n    <span class=\"v-combobox-option-label\"><slot /></span>\n    <VIcon v-if=\"selected\" :name=\"checkIcon\" class=\"v-combobox-option-check\" />\n  </button>\n</template>\n\n<style>\n@layer vectis.components {\n  .v-combobox-option {\n    /*\n     * Every dimension is inherited from the panel, which carries the shared size class, and the\n     * icons follow through the same inheritance. The type is composite, exactly as in a menu\n     * row: the SIZE comes from the scale, the line height stays that of body text; a unitless\n     * ratio, so it follows the size; and the weight stays regular, since a row may wrap.\n     */\n    display: flex;\n    align-items: center;\n    gap: var(--control-gap);\n    width: 100%;\n    min-height: var(--control-height);\n    padding: var(--vectis-space-1) var(--control-padding-inline);\n    border: none;\n    background: transparent;\n    color: var(--vectis-color-text);\n    border-radius: min(var(--vectis-radius-interactive), calc(var(--control-height) / 2));\n    font-family: inherit;\n    font-size: var(--control-font-size);\n    line-height: var(--vectis-text-body-md-leading);\n    text-align: start;\n    cursor: pointer;\n  }\n\n  /* The zero minimum is what allows a long label to be compressed at all: a flex item\n     otherwise refuses to shrink below its own content. */\n  .v-combobox-option-label {\n    flex: 1;\n    min-inline-size: 0;\n  }\n\n  /* A row is highlighted by the pointer resting on it, or by being the current one. There\n     is deliberately no focus rule: the focus never arrives here, it stays in the field. */\n  .v-combobox-option:hover:not([aria-disabled='true']),\n  .v-combobox-option[data-active] {\n    background: var(--vectis-color-surface-muted);\n    outline: none;\n  }\n\n  .v-combobox-option[aria-selected='true'] {\n    color: var(--vectis-color-accent-text);\n  }\n\n  /*\n   * Matched on the ARIA state and not on the native one, which this component deliberately\n   * never sets; see the introduction.\n   */\n  .v-combobox-option[aria-disabled='true'] {\n    background: transparent;\n    color: var(--vectis-color-text-subtle);\n    cursor: not-allowed;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/VCombobox/VComboboxOption.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VComboboxOption.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/VCombobox/VComboboxOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Options use aria-disabled while field focus stays on aria-activedescendant; do not apply\n * native disabling to the active-descendant target.\n */\n\nimport VIcon from '../VIcon/VIcon.vue'\nimport { iconProps } from '../VIcon/iconProps'\nimport { check as checkIcon } from '../VIcon/icons/check'\nimport type { IconSource } from '../VIcon/types'\n\ninterface ComboboxOptionProps {\n  /** An icon before the label: an icon name, or an explicit render. */\n  icon?: IconSource\n  /** Marks the option as one of the chosen ones, which also draws the tick. */\n  selected?: boolean\n  /** Marks the option as the one currently highlighted. The field decides this. */\n  active?: boolean\n  /** Shows the option without allowing it to be chosen. */\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<ComboboxOptionProps>(), {\n  icon: undefined,\n  selected: false,\n  active: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  /** The option was clicked. What that does to the selection is the field's business. */\n  select: []\n}>()\n\ndefineSlots<{\n  /** What the row shows. */\n  default?(): unknown\n}>()\n\nfunction onClick() {\n  if (props.disabled) return\n  emit('select')\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    role=\"option\"\n    tabindex=\"-1\"\n    class=\"v-combobox-option\"\n    :aria-selected=\"selected\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :data-active=\"active ? '' : undefined\"\n    @click=\"onClick\"\n  >\n    <VIcon v-if=\"icon\" v-bind=\"iconProps(icon)\" />\n    <span class=\"v-combobox-option-label\"><slot /></span>\n    <VIcon v-if=\"selected\" :name=\"checkIcon\" class=\"v-combobox-option-check\" />\n  </button>\n</template>\n\n<style>\n@layer vectis.components {\n  .v-combobox-option {\n    /*\n     * Every dimension is inherited from the panel, which carries the shared size class, and the\n     * icons follow through the same inheritance. The type is composite, exactly as in a menu\n     * row: the SIZE comes from the scale, the line height stays that of body text; a unitless\n     * ratio, so it follows the size; and the weight stays regular, since a row may wrap.\n     */\n    display: flex;\n    align-items: center;\n    gap: var(--control-gap);\n    width: 100%;\n    min-height: var(--control-height);\n    padding: var(--vectis-space-1) var(--control-padding-inline);\n    border: none;\n    background: transparent;\n    color: var(--vectis-color-text);\n    border-radius: min(var(--vectis-radius-interactive), calc(var(--control-height) / 2));\n    font-family: inherit;\n    font-size: var(--control-font-size);\n    line-height: var(--vectis-text-body-md-leading);\n    text-align: start;\n    cursor: pointer;\n  }\n\n  /* The zero minimum is what allows a long label to be compressed at all: a flex item\n     otherwise refuses to shrink below its own content. */\n  .v-combobox-option-label {\n    flex: 1;\n    min-inline-size: 0;\n  }\n\n  /* A row is highlighted by the pointer resting on it, or by being the current one. There\n     is deliberately no focus rule: the focus never arrives here, it stays in the field. */\n  .v-combobox-option:hover:not([aria-disabled='true']),\n  .v-combobox-option[data-active] {\n    background: var(--vectis-color-surface-muted);\n    outline: none;\n  }\n\n  .v-combobox-option[aria-selected='true'] {\n    color: var(--vectis-color-accent-text);\n  }\n\n  /*\n   * Matched on the ARIA state and not on the native one, which this component deliberately\n   * never sets; see the introduction.\n   */\n  .v-combobox-option[aria-disabled='true'] {\n    background: transparent;\n    color: var(--vectis-color-text-subtle);\n    cursor: not-allowed;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,IAAM,IAAQ,GAOR,IAAO;EAUb,SAAS,IAAU;GACb,EAAM,YACV,EAAK,QAAQ;EACf;yBAIE,EAaS,UAAA;GAZP,MAAK;GACL,MAAK;GACL,UAAS;GACT,OAAM;GACL,iBAAe,EAAA;GACf,iBAAe,EAAA,WAAQ,SAAY,KAAA;GACnC,eAAa,EAAA,SAAM,KAAQ,KAAA;GACpB;;GAEK,EAAA,QAAA,EAAA,GAAb,EAA8C,GAAA,EAAA,EAAA,EAAA,KAAA,EAAA,GAAnB,EAAA,CAAA,CAAS,CAAC,EAAA,IAAI,CAAA,CAAA,GAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA;GACzC,EAAqD,QAArD,GAAqD,CAAf,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GACjC,EAAA,YAAA,EAAA,GAAb,EAA2E,GAAA;;IAAnD,MAAM,EAAA,CAAA;IAAW,OAAM"}

package/dist/components/VCombobox/VComboboxSeparator.css

@@ -1,2 +0,0 @@
-@layer vectis.reset, vectis.tokens, vectis.components, vectis.utilities;
-@layer vectis.components{.v-separator.v-combobox-separator{margin-inline:calc(-1 * var(--vectis-space-1))}}

package/dist/components/VCombobox/VComboboxSeparator.js

@@ -1,9 +0,0 @@
-import './VComboboxSeparator.css';
-import e from "./VComboboxSeparator.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                   */
-//#region src/components/VCombobox/VComboboxSeparator.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=VComboboxSeparator.js.map

package/dist/components/VCombobox/VComboboxSeparator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VComboboxSeparator.js","names":[],"sources":["../../../src/components/VCombobox/VComboboxSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Use presentation semantics for separators: a listbox owns only options and groups, unlike a\n * menu.\n */\nimport VSeparator from '../VSeparator/VSeparator.vue'\n</script>\n\n<template>\n  <VSeparator role=\"presentation\" class=\"v-combobox-separator\" />\n</template>\n\n<style>\n@layer vectis.components {\n  /*\n   * The selector compounds both classes because `.v-separator` sets `margin: 0` from a sheet of\n   * its own: at equal specificity the winner would be whichever of the two the consumer's\n   * bundler happens to put last. The space above and below comes from the panel's own gap, so\n   * no margin is added here.\n   */\n  .v-separator.v-combobox-separator {\n    margin-inline: calc(-1 * var(--vectis-space-1));\n  }\n}\n</style>\n"],"mappings":""}