gridsmith-ui 0.27.0 → 0.28.0

package/dist/tokens.css

@@ -65,10 +65,7 @@
   --ds-accent-primary: var(--ds-primary-700);
   --ds-accent-primary-hover: var(--ds-primary-800);
   --ds-accent-primary-active: var(--ds-primary-900);
-  --ds-border-focus: var(--ds-primary-700);
   --ds-ring-active: var(--ds-accent-soft);
-  --ds-input-focus-ring: var(--ds-ring-active);
-  --ds-shadow-focus: 0 0 0 2px var(--ds-primary-700);
   --ds-tint-strength: 0.15;
   --ds-gradient: linear-gradient(135deg, oklch(0.4 0.1320 250), oklch(0.550 0.1100 210));
   --ds-gradient-start: oklch(0.4 0.1320 250);
@@ -80,7 +77,7 @@
   --ds-accent-subtle: color-mix(in srgb, var(--ds-accent-primary) 10%, transparent);
   --ds-accent-muted: color-mix(in srgb, var(--ds-accent-primary) 20%, transparent);
   --ds-accent-soft: color-mix(in srgb, var(--ds-accent-primary) 30%, transparent);
-  --ds-accent-subtle-text: var(--ds-accent-primary);
+  --ds-accent-subtle-text: var(--ds-accent-text, var(--ds-accent-primary));
   --ds-accent-bg: oklch(0.92 0.0300 250);
   --ds-accent-text: oklch(0.35 0.1000 250);
   --ds-status-success: oklch(0.55 0.12 150);
@@ -155,7 +152,7 @@
   --ds-nav-h-track-gap: 0px;
   --ds-nav-h-badge-bg: var(--ds-accent-primary);
   --ds-nav-v-active-bg: var(--ds-tab-active-bg);
-  --ds-nav-v-active-text: var(--ds-accent-primary);
+  --ds-nav-v-active-text: var(--ds-accent-ink);
   --ds-nav-v-active-rail: var(--ds-border-width-thick);
   --ds-nav-v-item-radius: var(--ds-radius-sm);
   --ds-nav-v-track-border: 0px;
@@ -163,12 +160,12 @@
   --ds-nav-v-active-muted: var(--ds-text-secondary);
   --ds-nav-v-badge-bg: var(--ds-accent-primary);
   --ds-tree-active-bg: var(--ds-tab-active-bg);
-  --ds-tree-active-text: var(--ds-accent-primary);
+  --ds-tree-active-text: var(--ds-accent-ink);
   --ds-tree-active-muted: var(--ds-text-muted);
   --ds-tree-active-rail: var(--ds-border-width-thick);
   --ds-sidebar-active-bg: var(--ds-sidebar-accent-subtle);
-  --ds-sidebar-active-text: var(--ds-sidebar-accent);
-  --ds-sidebar-active-accent: var(--ds-sidebar-accent);
+  --ds-sidebar-active-text: var(--ds-sidebar-accent-ink);
+  --ds-sidebar-active-accent: var(--ds-sidebar-accent-ink);
   --ds-sidebar-active-rail: var(--ds-border-width-thick);
   --ds-sidebar-active-image: none;
   --ds-switch-off-fill: transparent;
@@ -188,7 +185,7 @@
   --ds-nav-h-track-gap: 0px;
   --ds-nav-h-badge-bg: var(--ds-accent-primary);
   --ds-nav-v-active-bg: var(--ds-tab-active-bg);
-  --ds-nav-v-active-text: var(--ds-accent-primary);
+  --ds-nav-v-active-text: var(--ds-accent-ink);
   --ds-nav-v-active-rail: var(--ds-border-width-thick);
   --ds-nav-v-item-radius: var(--ds-radius-sm);
   --ds-nav-v-track-border: 0px;
@@ -196,12 +193,12 @@
   --ds-nav-v-active-muted: var(--ds-text-secondary);
   --ds-nav-v-badge-bg: var(--ds-accent-primary);
   --ds-tree-active-bg: var(--ds-tab-active-bg);
-  --ds-tree-active-text: var(--ds-accent-primary);
+  --ds-tree-active-text: var(--ds-accent-ink);
   --ds-tree-active-muted: var(--ds-text-muted);
   --ds-tree-active-rail: var(--ds-border-width-thick);
   --ds-sidebar-active-bg: var(--ds-sidebar-accent-subtle);
-  --ds-sidebar-active-text: var(--ds-sidebar-accent);
-  --ds-sidebar-active-accent: var(--ds-sidebar-accent);
+  --ds-sidebar-active-text: var(--ds-sidebar-accent-ink);
+  --ds-sidebar-active-accent: var(--ds-sidebar-accent-ink);
   --ds-sidebar-active-rail: var(--ds-border-width-thick);
   --ds-sidebar-active-image: none;
   --ds-switch-off-fill: transparent;
@@ -229,6 +226,23 @@
   --ds-sidebar-item-active: var(--ds-neutral-200);
 }
 
+/* Readable colours — light mode: derived to reach their minimum contrast on this theme's grounds */
+:root:not([data-mode="dark"]), [data-mode="light"] {
+  --ds-focus: var(--ds-accent-primary);
+  --ds-accent-ink: var(--ds-accent-primary);
+  --ds-text-muted: oklch(0.52 calc(0.0067 * var(--ds-sat-neutral)) var(--ds-hue-neutral));
+  --ds-text-secondary: var(--ds-neutral-600);
+  --ds-status-success-text: oklch(0.35 0.1000 150);
+  --ds-status-warning-text: oklch(0.35 0.1000 55);
+  --ds-status-error-text: oklch(0.35 0.1000 20);
+  --ds-status-info-text: oklch(0.35 0.1000 200);
+  --ds-text-on-primary-muted: var(--ds-text-on-primary);
+  --ds-sidebar-text-muted: var(--ds-text-muted);
+  --ds-sidebar-text-secondary: var(--ds-text-secondary);
+  --ds-sidebar-focus: var(--ds-focus);
+  --ds-sidebar-accent-ink: var(--ds-sidebar-accent);
+}
+
 /* Dark palette overrides — dark mode */
 /* This theme defaults to light. To offer a mode switch, set data-mode="dark" on <html>. No attribute renders the default. */
 [data-mode="dark"] {
@@ -240,10 +254,7 @@
   --ds-accent-primary: var(--ds-primary-500);
   --ds-accent-primary-hover: var(--ds-primary-400);
   --ds-accent-primary-active: var(--ds-primary-300);
-  --ds-border-focus: var(--ds-primary-500);
   --ds-ring-active: var(--ds-accent-soft);
-  --ds-input-focus-ring: var(--ds-ring-active);
-  --ds-shadow-focus: 0 0 0 2px var(--ds-primary-500);
   --ds-tint-strength: 0.15;
   --ds-gradient: linear-gradient(135deg, oklch(0.55 0.1300 223), oklch(0.330 0.0945 240));
   --ds-gradient-start: oklch(0.55 0.1300 223);
@@ -310,7 +321,7 @@
   --ds-status-success-bg: oklch(0.22 0.02 150);
   --ds-status-warning: oklch(0.75 0.12 55);
   --ds-status-warning-bg: oklch(0.22 0.025 55);
-  --ds-status-warning-text: oklch(0.75 0.12 55);
+  --ds-status-warning-text: oklch(0.92 0.0300 55);
   --ds-status-error: oklch(0.65 0.15 20);
   --ds-status-error-bg: oklch(0.22 0.02 20);
   --ds-status-info: oklch(0.65 0.10 200);
@@ -319,6 +330,77 @@
   --ds-text-on-warning: oklch(0.350 0.1000 55);
   --ds-text-on-error: oklch(0.220 0.1000 20);
   --ds-text-on-info: oklch(0.230 0.1000 200);
+  --ds-focus: oklch(0.67 calc(0.1773 * var(--ds-sat-primary)) var(--ds-hue-primary));
+  --ds-accent-ink: oklch(0.78 calc(0.145 * var(--ds-sat-primary)) var(--ds-hue-primary));
+  --ds-text-muted: oklch(0.74 calc(0.0092 * var(--ds-sat-neutral)) var(--ds-hue-neutral));
+  --ds-text-secondary: var(--ds-neutral-300);
+  --ds-status-success-text: oklch(0.92 0.0300 150);
+  --ds-status-error-text: oklch(0.92 0.0300 20);
+  --ds-status-info-text: oklch(0.92 0.0300 200);
+  --ds-text-on-primary-muted: var(--ds-text-on-primary);
+  --ds-sidebar-text-muted: var(--ds-text-muted);
+  --ds-sidebar-text-secondary: var(--ds-text-secondary);
+  --ds-sidebar-focus: var(--ds-focus);
+  --ds-sidebar-accent-ink: oklch(0.66 calc(0.18 * var(--ds-sat-primary)) var(--ds-hue-primary));
+}
+
+/* A wrapper in the light mode inside the page switched to dark (a component given its own mode) takes its own values back */
+[data-mode="light"] {
+  --ds-hue-primary: 250;
+  --ds-sat-primary: 0.8;
+  --ds-accent-primary: var(--ds-primary-700);
+  --ds-accent-primary-hover: var(--ds-primary-800);
+  --ds-accent-primary-active: var(--ds-primary-900);
+  --ds-gradient: linear-gradient(135deg, oklch(0.4 0.1320 250), oklch(0.550 0.1100 210));
+  --ds-gradient-start: oklch(0.4 0.1320 250);
+  --ds-gradient-end: oklch(0.550 0.1100 210);
+  --ds-text-muted-on-tint: var(--ds-neutral-600);
+  --ds-accent-bg: oklch(0.92 0.0300 250);
+  --ds-accent-text: oklch(0.35 0.1000 250);
+  --ds-check-bg: var(--ds-accent-primary);
+  --ds-check-fg: var(--ds-text-on-primary);
+  --ds-check-border: var(--ds-accent-primary);
+  --ds-palette-1-bold: oklch(0.55 0.1200 110);
+  --ds-palette-1-subtle: oklch(0.92 0.0300 110);
+  --ds-palette-1-dark: oklch(0.35 0.1000 110);
+  --ds-palette-1-bg: var(--ds-palette-1-subtle);
+  --ds-palette-1-text: var(--ds-palette-1-dark);
+  --ds-palette-1-chart: var(--ds-palette-1-bold);
+  --ds-palette-2-bold: oklch(0.54 0.1200 207.50800000000004);
+  --ds-palette-2-subtle: oklch(0.92 0.0300 207.50800000000004);
+  --ds-palette-2-dark: oklch(0.35 0.1000 207.50800000000004);
+  --ds-palette-2-bg: var(--ds-palette-2-subtle);
+  --ds-palette-2-text: var(--ds-palette-2-dark);
+  --ds-palette-2-chart: var(--ds-palette-2-bold);
+  --ds-palette-3-bold: oklch(0.55 0.1200 345.0160000000001);
+  --ds-palette-3-subtle: oklch(0.92 0.0300 345.0160000000001);
+  --ds-palette-3-dark: oklch(0.35 0.1000 345.0160000000001);
+  --ds-palette-3-bg: var(--ds-palette-3-subtle);
+  --ds-palette-3-text: var(--ds-palette-3-dark);
+  --ds-palette-3-chart: var(--ds-palette-3-bold);
+  --ds-palette-4-bold: oklch(0.55 0.1200 162.524);
+  --ds-palette-4-subtle: oklch(0.92 0.0300 162.524);
+  --ds-palette-4-dark: oklch(0.35 0.1000 162.524);
+  --ds-palette-4-bg: var(--ds-palette-4-subtle);
+  --ds-palette-4-text: var(--ds-palette-4-dark);
+  --ds-palette-4-chart: var(--ds-palette-4-bold);
+  --ds-palette-5-bold: oklch(0.55 0.1200 275.03200000000004);
+  --ds-palette-5-subtle: oklch(0.92 0.0300 275.03200000000004);
+  --ds-palette-5-dark: oklch(0.35 0.1000 275.03200000000004);
+  --ds-palette-5-bg: var(--ds-palette-5-subtle);
+  --ds-palette-5-text: var(--ds-palette-5-dark);
+  --ds-palette-5-chart: var(--ds-palette-5-bold);
+  --ds-chart-1: var(--ds-accent-primary);
+  --ds-chart-1-soft: color-mix(in oklch, var(--ds-accent-primary) 30%, transparent);
+  --ds-status-success: oklch(0.55 0.12 150);
+  --ds-status-success-bg: oklch(0.92 0.03 150);
+  --ds-status-warning: oklch(0.70 0.12 55);
+  --ds-status-warning-bg: oklch(0.92 0.035 55);
+  --ds-status-error: oklch(0.55 0.15 20);
+  --ds-status-error-bg: oklch(0.92 0.03 20);
+  --ds-status-info: oklch(0.55 0.10 200);
+  --ds-status-info-bg: oklch(0.92 0.025 200);
+  --ds-text-on-warning: oklch(0.300 0.1000 55);
 }
 
 /* Dark portals on a light page (a dark sidebar's tooltips and menus carry data-ds-overlay="dark") */
@@ -331,7 +413,7 @@
   --ds-bg-emphasis: var(--ds-neutral-600);
   --ds-text-primary: var(--ds-neutral-50);
   --ds-text-secondary: var(--ds-neutral-300);
-  --ds-text-muted: var(--ds-neutral-400);
+  --ds-text-muted: oklch(0.74 calc(0.0092 * var(--ds-sat-neutral)) var(--ds-hue-neutral));
   --ds-text-on-success: oklch(0.240 0.1000 150);
   --ds-text-on-warning: oklch(0.350 0.1000 55);
   --ds-text-on-error: oklch(0.220 0.1000 20);
@@ -339,12 +421,11 @@
   --ds-border-default: var(--ds-neutral-600);
   --ds-border-subtle: var(--ds-neutral-700);
   --ds-border-strong: var(--ds-neutral-400);
-  --ds-border-focus: var(--ds-primary-500);
   --ds-status-success: oklch(0.65 0.12 150);
   --ds-status-success-bg: oklch(0.22 0.02 150);
   --ds-status-warning: oklch(0.75 0.12 55);
   --ds-status-warning-bg: oklch(0.22 0.025 55);
-  --ds-status-warning-text: oklch(0.75 0.12 55);
+  --ds-status-warning-text: oklch(0.92 0.0300 55);
   --ds-status-error: oklch(0.65 0.15 20);
   --ds-status-error-bg: oklch(0.22 0.02 20);
   --ds-status-info: oklch(0.65 0.10 200);
@@ -358,8 +439,6 @@
   --ds-input-border: var(--ds-neutral-600);
   --ds-input-border-hover: var(--ds-neutral-500);
   --ds-control-edge-strong: oklch(0.645 calc(0.008 * var(--ds-sat-neutral)) var(--ds-hue-neutral));
-  --ds-input-focus-ring: var(--ds-ring-active);
-  --ds-shadow-focus: 0 0 0 2px var(--ds-primary-500);
   --ds-accent-primary: var(--ds-primary-500);
   --ds-accent-primary-hover: var(--ds-primary-400);
   --ds-accent-primary-active: var(--ds-primary-300);
@@ -375,7 +454,7 @@
   --ds-accent-subtle: color-mix(in srgb, var(--ds-accent-primary) 10%, transparent);
   --ds-accent-muted: color-mix(in srgb, var(--ds-accent-primary) 20%, transparent);
   --ds-accent-soft: color-mix(in srgb, var(--ds-accent-primary) 30%, transparent);
-  --ds-accent-subtle-text: var(--ds-accent-primary);
+  --ds-accent-subtle-text: var(--ds-accent-text, var(--ds-accent-primary));
   --ds-accent-bg: oklch(0.35 0.1000 223);
   --ds-accent-text: oklch(0.92 0.0300 223);
   --ds-check-bg: var(--ds-primary-400);
@@ -391,7 +470,7 @@
   --ds-nav-h-track-gap: 0px;
   --ds-nav-h-badge-bg: var(--ds-accent-primary);
   --ds-nav-v-active-bg: var(--ds-tab-active-bg);
-  --ds-nav-v-active-text: var(--ds-accent-primary);
+  --ds-nav-v-active-text: var(--ds-accent-ink);
   --ds-nav-v-active-rail: var(--ds-border-width-thick);
   --ds-nav-v-item-radius: var(--ds-radius-sm);
   --ds-nav-v-track-border: 0px;
@@ -399,16 +478,22 @@
   --ds-nav-v-active-muted: var(--ds-text-secondary);
   --ds-nav-v-badge-bg: var(--ds-accent-primary);
   --ds-tree-active-bg: var(--ds-tab-active-bg);
-  --ds-tree-active-text: var(--ds-accent-primary);
+  --ds-tree-active-text: var(--ds-accent-ink);
   --ds-tree-active-muted: var(--ds-text-muted);
   --ds-tree-active-rail: var(--ds-border-width-thick);
   --ds-sidebar-active-bg: var(--ds-sidebar-accent-subtle);
-  --ds-sidebar-active-text: var(--ds-sidebar-accent);
-  --ds-sidebar-active-accent: var(--ds-sidebar-accent);
+  --ds-sidebar-active-text: var(--ds-sidebar-accent-ink);
+  --ds-sidebar-active-accent: var(--ds-sidebar-accent-ink);
   --ds-sidebar-active-rail: var(--ds-border-width-thick);
   --ds-sidebar-active-image: none;
   --ds-switch-off-fill: transparent;
   --ds-switch-off-edge: var(--ds-control-edge-strong);
   --ds-switch-off-knob: color-mix(in oklab, var(--ds-control-edge-strong) var(--ds-switch-knob-share, 100%), var(--ds-bg-surface));
   --ds-check-gradient: none;
+  --ds-focus: oklch(0.67 calc(0.1773 * var(--ds-sat-primary)) var(--ds-hue-primary));
+  --ds-accent-ink: oklch(0.78 calc(0.145 * var(--ds-sat-primary)) var(--ds-hue-primary));
+  --ds-status-success-text: oklch(0.92 0.0300 150);
+  --ds-status-error-text: oklch(0.92 0.0300 20);
+  --ds-status-info-text: oklch(0.92 0.0300 200);
+  --ds-text-on-primary-muted: var(--ds-text-on-primary);
 }

package/dist/utils.d.ts

@@ -5,10 +5,52 @@ declare const GLASS_BACKDROP = "[backdrop-filter:var(--ds-glass-filter)] [-webki
 declare const GLASS_SURFACE = "[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)] shadow-[var(--ds-shadow-card),var(--ds-glass-inset)]";
 declare const GLASS_OVERLAY = "[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)] shadow-[var(--ds-shadow-modal),var(--ds-glass-inset)]";
 declare const GLASS_DROPDOWN = "[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)] shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]";
-declare const ACTIVE_RING = "border-[var(--ds-border-focus)] ring-2 ring-[var(--ds-ring-active)]";
-declare const FOCUS_RING = "focus-visible:outline-none focus-visible:border-[var(--ds-border-focus)] focus-visible:ring-2 focus-visible:ring-[var(--ds-ring-active)]";
-declare const FOCUS_WITHIN_RING = "focus-within:border-[var(--ds-border-focus)] focus-within:ring-2 focus-within:ring-[var(--ds-ring-active)]";
-declare const HAS_FOCUS_RING = "has-[:focus-visible]:border-[var(--ds-border-focus)] has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-[var(--ds-ring-active)]";
+declare const FOCUS_RING = "focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-[var(--ds-focus)] focus-visible:shadow-none";
+/**
+ * On a wrapper that shows focus for a control inside it: HAS_FOCUS_RING, from the keyboard only (`:has(:focus-visible)`).
+ * FOCUS_WITHIN_RING shows it on any focus inside, a click's too, since `:focus-within` has no keyboard-only form: kept
+ * for code that uses it, and a new wrapper takes HAS_FOCUS_RING (D6: keyboard focus shows only from the keyboard).
+ */
+declare const FOCUS_WITHIN_RING = "focus-within:outline-2 focus-within:outline-solid focus-within:outline-offset-2 focus-within:outline-[var(--ds-focus)] focus-within:shadow-none";
+declare const HAS_FOCUS_RING = "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-solid has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-[var(--ds-focus)] has-[:focus-visible]:shadow-none";
+/**
+ * The outline on a drawn child, where the element that takes focus is hidden or wraps it: a checkbox's box beside its
+ * input (`peer`), a radio's circle inside its button, a separator's grip, a Gantt milestone's diamond (`group`). The
+ * same outline, gap and shadow rule.
+ */
+declare const PEER_FOCUS_RING = "peer-focus-visible:outline-2 peer-focus-visible:outline-solid peer-focus-visible:outline-offset-2 peer-focus-visible:outline-[var(--ds-focus)] peer-focus-visible:shadow-none";
+declare const GROUP_FOCUS_RING = "group-focus-visible:outline-2 group-focus-visible:outline-solid group-focus-visible:outline-offset-2 group-focus-visible:outline-[var(--ds-focus)] group-focus-visible:shadow-none";
+/**
+ * The same outline drawn inside the element's edge, for edge-to-edge rows, cells and scroll regions only (the plan's
+ * P3): elements that are never filled solid, since inside the edge there is no gap to keep one colour readable on a fill.
+ * It sits `--ds-focus-inset` in: 5 px, deeper where the theme's corners are rounder, so it clears a table's rounded
+ * corners (D8, the owner's decision A); what such an element holds keeps 1 px more clear of its edge. Anywhere else the
+ * outline stays outside, with room made for it. Moved here from use-keyboard-scroll.ts (Sprint 30) so the server-safe
+ * `gridsmith-ui/utils` can export it.
+ */
+declare const FOCUS_INSET = "focus-visible:outline-2 focus-visible:outline-solid focus-visible:-outline-offset-[var(--ds-focus-inset)] focus-visible:outline-[var(--ds-focus)]";
+/**
+ * A field (D6, P4, P13). Reached with Tab: the keyboard's outline, and its border in the focus colour, as GOV.UK turns a
+ * focused input's border: it is where you type. Clicked into: the active look instead, the accent border and its soft
+ * halo (`ring-2` in --ds-ring-active, laid over the field's own shadow), and no outline. A browser matches :focus-visible
+ * on a text field either way, so lib/input-modality.ts notes on <html> whether a pointer moved focus last; with no note
+ * yet, the outline. The field keeps its own (inset) shadow in both: no shadow-none here.
+ *
+ * The wrapper forms (_WITHIN_ and _HAS_, for a box round the part you type in) show it while that part has focus, and
+ * not while a control of the field's own does: a button, a select, a link, a checkbox, a radio or a switch inside it (a
+ * tag's remove, a picker's chevron, a composer's Send, an editor's toolbar or a task's checkbox), or anything in a popup
+ * inside the box (a dialog of its own; a field that is itself in a dialog still shows it). That control shows its own outline, so there is one focus point, never
+ * two (P11). _WITHIN_ reads :focus, as a click on a date's segment isn't :focus-visible; _HAS_ reads :focus-visible.
+ * Either outranks the field's hover border, so hovering keeps the look.
+ */
+declare const FIELD_FOCUS_RING = "focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-[var(--ds-focus)] focus-visible:border-[var(--ds-focus)] [[data-input-modality=pointer]_&]:focus-visible:outline-none [[data-input-modality=pointer]_&]:focus-visible:border-[var(--ds-accent-ink)] [[data-input-modality=pointer]_&]:focus-visible:ring-2 [[data-input-modality=pointer]_&]:focus-visible:ring-[var(--ds-ring-active)]";
+declare const FIELD_FOCUS_WITHIN_RING = "has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-2 has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-solid has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-offset-2 has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-[var(--ds-focus)] has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:border-[var(--ds-focus)] [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-none [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:border-[var(--ds-accent-ink)] [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:ring-2 [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:ring-[var(--ds-ring-active)]";
+declare const FIELD_HAS_FOCUS_RING = "has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-2 has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-solid has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-offset-2 has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-[var(--ds-focus)] has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:border-[var(--ds-focus)] [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-none [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:border-[var(--ds-accent-ink)] [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:ring-2 [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:ring-[var(--ds-ring-active)]";
+declare const ERROR_FOCUS_RING = "focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-[var(--ds-focus)] focus-visible:border-[var(--ds-status-error)] [[data-input-modality=pointer]_&]:focus-visible:outline-none [[data-input-modality=pointer]_&]:focus-visible:ring-2 [[data-input-modality=pointer]_&]:focus-visible:ring-[var(--ds-ring-error)]";
+declare const ERROR_FOCUS_WITHIN_RING = "has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-2 has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-solid has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-offset-2 has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-[var(--ds-focus)] has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:border-[var(--ds-status-error)] [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-none [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:ring-2 [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:ring-[var(--ds-ring-error)]";
+declare const ERROR_HAS_FOCUS_RING = "has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-2 has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-solid has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-offset-2 has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-[var(--ds-focus)] has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:border-[var(--ds-status-error)] [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-none [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:ring-2 [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:ring-[var(--ds-ring-error)]";
+declare const ACTIVE_RING = "border-[var(--ds-accent-ink)] ring-2 ring-[var(--ds-ring-active)]";
+declare const ERROR_ACTIVE_RING = "border-[var(--ds-status-error)] ring-2 ring-[var(--ds-ring-error)]";
 
 /**
  * The locale LocaleProvider writes in on the server for a page language and a request's Accept-Language header (Sprint
@@ -284,4 +326,4 @@ type CategoryKind = "names" | "scale";
  */
 declare function categoryKind(labels: ReadonlyArray<unknown>, locale?: string): CategoryKind;
 
-export { ACTIVE_RING, type CategoryKind, type DateInput, type DateRangeWords, FOCUS_RING, FOCUS_WITHIN_RING, GLASS_BACKDROP, GLASS_DROPDOWN, GLASS_OVERLAY, GLASS_SURFACE, HAS_FOCUS_RING, type Occurrence, type Recurrence, type RecurrenceFrequency, type RecurrencePreset, type RecurrenceScope, type RepeatChange, type RepeatingEvent, TIME_ZOOMS, type TimeZoom, type WeekOfMonth, type Weekday, canonicalTimeZone, categoryKind, cn, countEdited, dateOfDay, dayOf, deleteOccurrence, describeRecurrence, endDayOf, formatDateRange, nthOf, occurrenceOn, occurrences, parseRRule, readRecurrence, recurrencePresets, requestLocale, sameRecurrence, saveOccurrence, timeExtent, timeZoneOffset, toRRule };
+export { ACTIVE_RING, type CategoryKind, type DateInput, type DateRangeWords, ERROR_ACTIVE_RING, ERROR_FOCUS_RING, ERROR_FOCUS_WITHIN_RING, ERROR_HAS_FOCUS_RING, FIELD_FOCUS_RING, FIELD_FOCUS_WITHIN_RING, FIELD_HAS_FOCUS_RING, FOCUS_INSET, FOCUS_RING, FOCUS_WITHIN_RING, GLASS_BACKDROP, GLASS_DROPDOWN, GLASS_OVERLAY, GLASS_SURFACE, GROUP_FOCUS_RING, HAS_FOCUS_RING, type Occurrence, PEER_FOCUS_RING, type Recurrence, type RecurrenceFrequency, type RecurrencePreset, type RecurrenceScope, type RepeatChange, type RepeatingEvent, TIME_ZOOMS, type TimeZoom, type WeekOfMonth, type Weekday, canonicalTimeZone, categoryKind, cn, countEdited, dateOfDay, dayOf, deleteOccurrence, describeRecurrence, endDayOf, formatDateRange, nthOf, occurrenceOn, occurrences, parseRRule, readRecurrence, recurrencePresets, requestLocale, sameRecurrence, saveOccurrence, timeExtent, timeZoneOffset, toRRule };

package/dist/utils.js

@@ -9,10 +9,20 @@ var GLASS_BACKDROP = "[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop
 var GLASS_SURFACE = `${GLASS_BACKDROP} shadow-[var(--ds-shadow-card),var(--ds-glass-inset)]`;
 var GLASS_OVERLAY = `${GLASS_BACKDROP} shadow-[var(--ds-shadow-modal),var(--ds-glass-inset)]`;
 var GLASS_DROPDOWN = `${GLASS_BACKDROP} shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]`;
-var ACTIVE_RING = "border-[var(--ds-border-focus)] ring-2 ring-[var(--ds-ring-active)]";
-var FOCUS_RING = "focus-visible:outline-none focus-visible:border-[var(--ds-border-focus)] focus-visible:ring-2 focus-visible:ring-[var(--ds-ring-active)]";
-var FOCUS_WITHIN_RING = "focus-within:border-[var(--ds-border-focus)] focus-within:ring-2 focus-within:ring-[var(--ds-ring-active)]";
-var HAS_FOCUS_RING = "has-[:focus-visible]:border-[var(--ds-border-focus)] has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-[var(--ds-ring-active)]";
+var FOCUS_RING = "focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-[var(--ds-focus)] focus-visible:shadow-none";
+var FOCUS_WITHIN_RING = "focus-within:outline-2 focus-within:outline-solid focus-within:outline-offset-2 focus-within:outline-[var(--ds-focus)] focus-within:shadow-none";
+var HAS_FOCUS_RING = "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-solid has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-[var(--ds-focus)] has-[:focus-visible]:shadow-none";
+var PEER_FOCUS_RING = "peer-focus-visible:outline-2 peer-focus-visible:outline-solid peer-focus-visible:outline-offset-2 peer-focus-visible:outline-[var(--ds-focus)] peer-focus-visible:shadow-none";
+var GROUP_FOCUS_RING = "group-focus-visible:outline-2 group-focus-visible:outline-solid group-focus-visible:outline-offset-2 group-focus-visible:outline-[var(--ds-focus)] group-focus-visible:shadow-none";
+var FOCUS_INSET = "focus-visible:outline-2 focus-visible:outline-solid focus-visible:-outline-offset-[var(--ds-focus-inset)] focus-visible:outline-[var(--ds-focus)]";
+var FIELD_FOCUS_RING = "focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-[var(--ds-focus)] focus-visible:border-[var(--ds-focus)] [[data-input-modality=pointer]_&]:focus-visible:outline-none [[data-input-modality=pointer]_&]:focus-visible:border-[var(--ds-accent-ink)] [[data-input-modality=pointer]_&]:focus-visible:ring-2 [[data-input-modality=pointer]_&]:focus-visible:ring-[var(--ds-ring-active)]";
+var FIELD_FOCUS_WITHIN_RING = "has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-2 has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-solid has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-offset-2 has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-[var(--ds-focus)] has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:border-[var(--ds-focus)] [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-none [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:border-[var(--ds-accent-ink)] [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:ring-2 [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:ring-[var(--ds-ring-active)]";
+var FIELD_HAS_FOCUS_RING = "has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-2 has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-solid has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-offset-2 has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-[var(--ds-focus)] has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:border-[var(--ds-focus)] [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-none [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:border-[var(--ds-accent-ink)] [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:ring-2 [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:ring-[var(--ds-ring-active)]";
+var ERROR_FOCUS_RING = "focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-[var(--ds-focus)] focus-visible:border-[var(--ds-status-error)] [[data-input-modality=pointer]_&]:focus-visible:outline-none [[data-input-modality=pointer]_&]:focus-visible:ring-2 [[data-input-modality=pointer]_&]:focus-visible:ring-[var(--ds-ring-error)]";
+var ERROR_FOCUS_WITHIN_RING = "has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-2 has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-solid has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-offset-2 has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-[var(--ds-focus)] has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:border-[var(--ds-status-error)] [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:outline-none [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:ring-2 [[data-input-modality=pointer]_&]:has-[:focus:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus))]:ring-[var(--ds-ring-error)]";
+var ERROR_HAS_FOCUS_RING = "has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-2 has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-solid has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-offset-2 has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-[var(--ds-focus)] has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:border-[var(--ds-status-error)] [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:outline-none [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:ring-2 [[data-input-modality=pointer]_&]:has-[:focus-visible:not(button,select,a,[role=button],input[type=checkbox],input[type=radio],[role=checkbox],[role=radio],[role=switch])]:[&:not(:has([role=dialog]_:focus-visible))]:ring-[var(--ds-ring-error)]";
+var ACTIVE_RING = "border-[var(--ds-accent-ink)] ring-2 ring-[var(--ds-ring-active)]";
+var ERROR_ACTIVE_RING = "border-[var(--ds-status-error)] ring-2 ring-[var(--ds-ring-error)]";
 
 // ../../showcase/src/lib/format-locale.ts
 var last = null;
@@ -872,6 +882,6 @@ function categoryKind(labels, locale) {
   return "scale";
 }
 
-export { ACTIVE_RING, FOCUS_RING, FOCUS_WITHIN_RING, GLASS_BACKDROP, GLASS_DROPDOWN, GLASS_OVERLAY, GLASS_SURFACE, HAS_FOCUS_RING, TIME_ZOOMS, canonicalTimeZone, categoryKind, cn, countEdited, dateOfDay, dayOf, deleteOccurrence, describeRecurrence, endDayOf, formatDateRange, nthOf, occurrenceOn, occurrences, parseRRule, readRecurrence, recurrencePresets, requestLocale, sameRecurrence, saveOccurrence, timeExtent, timeZoneOffset, toRRule };
+export { ACTIVE_RING, ERROR_ACTIVE_RING, ERROR_FOCUS_RING, ERROR_FOCUS_WITHIN_RING, ERROR_HAS_FOCUS_RING, FIELD_FOCUS_RING, FIELD_FOCUS_WITHIN_RING, FIELD_HAS_FOCUS_RING, FOCUS_INSET, FOCUS_RING, FOCUS_WITHIN_RING, GLASS_BACKDROP, GLASS_DROPDOWN, GLASS_OVERLAY, GLASS_SURFACE, GROUP_FOCUS_RING, HAS_FOCUS_RING, PEER_FOCUS_RING, TIME_ZOOMS, canonicalTimeZone, categoryKind, cn, countEdited, dateOfDay, dayOf, deleteOccurrence, describeRecurrence, endDayOf, formatDateRange, nthOf, occurrenceOn, occurrences, parseRRule, readRecurrence, recurrencePresets, requestLocale, sameRecurrence, saveOccurrence, timeExtent, timeZoneOffset, toRRule };
 //# sourceMappingURL=utils.js.map
 //# sourceMappingURL=utils.js.map