@alfadocs/ui-kit 0.93.0 → 0.94.0

package/dist/_chunks/{link-cell-renderer-DQjZeoAr.js → link-cell-renderer-_LDZhY4r.js}

@@ -1,7 +1,7 @@
 import { jsx as u, jsxs as k } from "react/jsx-runtime";
 import { useState as w, useEffect as R, useMemo as z } from "react";
 import { useGridFilter as q } from "ag-grid-react";
-import { D as H } from "./date-range-picker-Cc4DLAL2.js";
+import { D as H } from "./date-range-picker-Cfv4Sr63.js";
 import { useTranslation as O } from "react-i18next";
 import { C as Z } from "./checkbox-BuZ1u__2.js";
 import { B as D } from "./button-CPGiR_bH.js";
@@ -725,4 +725,4 @@ export {
   Oe as f,
   Pe as g
 };
-//# sourceMappingURL=link-cell-renderer-DQjZeoAr.js.map
+//# sourceMappingURL=link-cell-renderer-_LDZhY4r.js.map

package/dist/_chunks/{patient-table-DU_zFZoq.js → patient-table-CFM92QqU.js}

@@ -4,7 +4,7 @@ import { useTranslation as $ } from "react-i18next";
 import { a as p, T as b, A as be, d as ne, D as P, e as ge } from "./actions-cell-renderer-DaL80uqL.js";
 import { S as Ce } from "./select-BW5ecXlX.js";
 import { u as ve } from "./registry-DvAUVLHh.js";
-import { I as Ne, L as we, b as L, a as _, c as U, N as H, d as F, S as R, T as ie, D as K, C as Te, g as Fe, f as Re, U as Ie, e as ye } from "./link-cell-renderer-DQjZeoAr.js";
+import { I as Ne, L as we, b as L, a as _, c as U, N as H, d as F, S as R, T as ie, D as K, C as Te, g as Fe, f as Re, U as Ie, e as ye } from "./link-cell-renderer-_LDZhY4r.js";
 import { B as ae } from "./badge-DCOqV9mI.js";
 import { c as Pe } from "./index-D2ZczOXr.js";
 import { T as We } from "./timestamp-BV2lC-wV.js";
@@ -1097,4 +1097,4 @@ export {
   q as g,
   tt as u
 };
-//# sourceMappingURL=patient-table-DU_zFZoq.js.map
+//# sourceMappingURL=patient-table-CFM92QqU.js.map

package/dist/_chunks/{radiograph-panel.agent-rnrQZtK3.js → radiograph-panel.agent-DDnDGVpN.js}

@@ -9,7 +9,7 @@ import { F as V } from "./form-field-M5UpX65Z.js";
 import { T as oe } from "./text-area-Bt3p7Pt0.js";
 import { F as de } from "./file-upload-CwxdqkMK.js";
 import { D as te } from "./date-picker-BP_W6VtE.js";
-import { D as le } from "./date-range-picker-Cc4DLAL2.js";
+import { D as le } from "./date-range-picker-Cfv4Sr63.js";
 import { E } from "./empty-state-CrLsi0XI.js";
 import { P as ne } from "./panel-header-D313n_9-.js";
 import { c as $ } from "./createLucideIcon-DhHxpK9K.js";
@@ -533,4 +533,4 @@ export {
   qe as R,
   Ae as r
 };
-//# sourceMappingURL=radiograph-panel.agent-rnrQZtK3.js.map
+//# sourceMappingURL=radiograph-panel.agent-DDnDGVpN.js.map

package/dist/_chunks/{sparkline-iOXYgvJe.js → sparkline-o6JH4O66.js}

@@ -4,7 +4,7 @@ import { c as Z } from "./index-D2ZczOXr.js";
 import { useTranslation as $ } from "react-i18next";
 import q from "react-apexcharts";
 import R from "apexcharts";
-import { g as U, u as J } from "./apexcharts-theme-BJigns_V.js";
+import { g as U, u as J } from "./apexcharts-theme-fAQXLIMW.js";
 import { u as Q } from "./registry-DvAUVLHh.js";
 function X(n) {
   if (n.length < 2)
@@ -280,4 +280,4 @@ export {
   Y as s,
   X as u
 };
-//# sourceMappingURL=sparkline-iOXYgvJe.js.map
+//# sourceMappingURL=sparkline-o6JH4O66.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.93.0",
+  "packageVersion": "0.94.0",
   "components": [
     {
       "kind": "component",
@@ -1835,6 +1835,14 @@
                           "items": {
                             "type": "number"
                           }
+                        },
+                        "role": {
+                          "type": "string",
+                          "enum": [
+                            "primary",
+                            "compare"
+                          ],
+                          "description": "Optional. 'compare' renders this series as a secondary, colour-blind-safe overlay (e.g. the previous period) — dashed grey for line/area, hatched grey for bar. Omit for a normal primary series."
                         }
                       },
                       "required": [

package/dist/components/chart/chart.d.ts

@@ -6,6 +6,26 @@ export type ChartType = 'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar';
 export interface ChartSeries {
     name: string;
     data: number[];
+    /**
+     * Marks this series as a secondary "compare" overlay — e.g. the previous
+     * period in a current-vs-previous financial view. Rendered visually
+     * subordinate and colour-blind-safe, distinguished from primary series by
+     * BOTH a non-colour cue AND a muted hue (never colour alone):
+     *   - line / area: DASHED stroke in a resolved neutral grey (the chart echo
+     *     of the calendar compare band's dashed block-end rule).
+     *   - bar: HATCHED (slantedLines) grey fill — bars have a zero-width stroke
+     *     and cannot dash, so the non-colour cue lives in the fill texture.
+     * Only meaningful on axis types (line / area / bar); it is structurally
+     * impossible on pie / donut / radialBar (their `series` is `number[]`, which
+     * cannot carry this field), so the axis-only invariant is enforced by the
+     * type system with no runtime guard. On an axis→slice type switch the compare
+     * series are dropped from the slice (a previous-period total is not a slice of
+     * the current whole; DEV warn). Omit (or `'primary'`) to render normally — a
+     * chart with NO compare series emits byte-identical ApexCharts options to
+     * before this field existed.
+     * @default 'primary'
+     */
+    role?: 'primary' | 'compare';
 }
 /** Bar orientation. `'horizontal'` renders a ranking sideways. Default `'vertical'`. */
 export type ChartOrientation = 'vertical' | 'horizontal';

package/dist/components/chart/index.js

@@ -1,4 +1,4 @@
-import { C as t, c as s, a as c } from "../../_chunks/chart-CNaLgvx4.js";
+import { C as t, c as s, a as c } from "../../_chunks/chart-DqxVCm1I.js";
 export {
   t as Chart,
   s as chartAgent,

package/dist/components/data-table/index.js

@@ -1,6 +1,6 @@
 import { A as r, D as l, T as t, a as s, b as n, c as o, d, e as i, f as C } from "../../_chunks/actions-cell-renderer-DaL80uqL.js";
 import { B as T, C as F, E as g, a as b, R as u, T as c, b as m, r as f, u as x } from "../../_chunks/editable-currency-cell-renderer-Dus_sBvX.js";
-import { C as p, D as h, a as y, b as E, I as S, L as A, N as L, c as N, S as B, d as I, e as P, T as U, f as W, g as k, U as v } from "../../_chunks/link-cell-renderer-DQjZeoAr.js";
+import { C as p, D as h, a as y, b as E, I as S, L as A, N as L, c as N, S as B, d as I, e as P, T as U, f as W, g as k, U as v } from "../../_chunks/link-cell-renderer-_LDZhY4r.js";
 export {
   r as ActionsCellRenderer,
   T as BalanceCellRenderer,

package/dist/components/date-range-picker/date-range-picker.d.ts

@@ -98,6 +98,18 @@ export interface DateRangePickerProps extends Pick<VariantProps<typeof triggerVa
     granularity?: DateRangeGranularity;
     defaultGranularity?: DateRangeGranularity;
     onGranularityChange?: (granularity: DateRangeGranularity) => void;
+    /**
+     * Restrict the granularity segmented control to a subset of
+     * `'day' | 'week' | 'month' | 'quarter'` — e.g. `['month', 'quarter']` for
+     * data with a coarser grain. Options always render in canonical
+     * Day → Quarter order regardless of the array order passed. Defaults to all
+     * four (an empty array is treated as all four). Only meaningful when the
+     * Cockpit granularity control is enabled (via `granularity` /
+     * `defaultGranularity`) — it does not enable the control on its own. A
+     * `defaultGranularity` or controlled `granularity` outside the allowed set is
+     * clamped to the first allowed option.
+     */
+    allowedGranularities?: DateRangeGranularity[];
     /**
      * Range Cockpit — compare. When `true`, a compare-to-previous-period toggle
      * appears; enabling it overlays a neutral secondary band on the calendar and

package/dist/components/date-range-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, d as t } from "../../_chunks/date-range-picker-Cc4DLAL2.js";
+import { D as r, d as t } from "../../_chunks/date-range-picker-Cfv4Sr63.js";
 export {
   r as DateRangePicker,
   t as dateRangePickerAgent

package/dist/components/patient-table/index.js

@@ -1,4 +1,4 @@
-import { B as s, C as l, N as t, P as n, a as C, b as i, g as o, u } from "../../_chunks/patient-table-DU_zFZoq.js";
+import { B as s, C as l, N as t, P as n, a as C, b as i, g as o, u } from "../../_chunks/patient-table-CFM92QqU.js";
 export {
   s as BalanceBadgeCell,
   l as CarePlanStatusCell,

package/dist/components/radiograph-panel/index.js

@@ -1,4 +1,4 @@
-import { R as o, I as e, r as n } from "../../_chunks/radiograph-panel.agent-rnrQZtK3.js";
+import { R as o, I as e, r as n } from "../../_chunks/radiograph-panel.agent-DDnDGVpN.js";
 export {
   o as RadiographPanel,
   e as RadiographPanelIcon,

package/dist/components/sparkline/index.js

@@ -1,4 +1,4 @@
-import { S as r, s, u as n } from "../../_chunks/sparkline-iOXYgvJe.js";
+import { S as r, s, u as n } from "../../_chunks/sparkline-o6JH4O66.js";
 export {
   r as Sparkline,
   s as sparklineAgent,

package/dist/index.js

@@ -25,7 +25,7 @@ import { A as Oe, B as ke, C as Be } from "./_chunks/color-picker-D-tUwxxT.js";
 import { C as He, c as Ge, a as Ve, b as Ue, d as We, e as ze } from "./_chunks/combobox-DiMLItyu.js";
 import { C as Ye, c as je } from "./_chunks/copy-field-DBc9QquW.js";
 import { D as qe, d as Qe } from "./_chunks/date-picker-BP_W6VtE.js";
-import { D as Je, d as Ze } from "./_chunks/date-range-picker-Cc4DLAL2.js";
+import { D as Je, d as Ze } from "./_chunks/date-range-picker-Cfv4Sr63.js";
 import { D as es, d as ss } from "./_chunks/date-time-picker-695QvBGj.js";
 import { P as ts } from "./_chunks/pregnancy-dating-BdFl-rB1.js";
 import { D as is } from "./_chunks/due-date-calculator-BEcdoy_E.js";
@@ -77,7 +77,7 @@ import { C as so } from "./_chunks/contact-card-0hnFJwrz.js";
 import { C as to } from "./_chunks/counter-dRlTNC_y.js";
 import { A as io, D as no, T as lo, a as mo, b as po, c as co, d as fo, e as go, f as Ao } from "./_chunks/actions-cell-renderer-DaL80uqL.js";
 import { B as xo, C as Co, E as So, a as To, R as Io, T as Po, b as ho, r as No, u as bo } from "./_chunks/editable-currency-cell-renderer-Dus_sBvX.js";
-import { C as Ro, D as _o, a as yo, b as vo, I as Do, L as Fo, N as Mo, c as Lo, S as Oo, d as ko, e as Bo, T as wo, f as Ho, g as Go, U as Vo } from "./_chunks/link-cell-renderer-DQjZeoAr.js";
+import { C as Ro, D as _o, a as yo, b as vo, I as Do, L as Fo, N as Mo, c as Lo, S as Oo, d as ko, e as Bo, T as wo, f as Ho, g as Go, U as Vo } from "./_chunks/link-cell-renderer-_LDZhY4r.js";
 import { D as Wo, d as zo, a as Ko, b as Yo } from "./_chunks/data-table-tabs-BEUXiRlu.js";
 import { C as Xo, c as qo } from "./_chunks/clinical-note-card-C7F_24IC.js";
 import { D as $o } from "./_chunks/description-list-ClNLdRMy.js";
@@ -93,7 +93,7 @@ import { M as Ci } from "./_chunks/map-view-CsaHfoo6.js";
 import { R as Ti } from "./_chunks/rating-BYbUowdK.js";
 import { S as Pi } from "./_chunks/skeleton-CZbwyJAA.js";
 import { S as Ni } from "./_chunks/smart-date-CsPlilQA.js";
-import { S as Ei, s as Ri, u as _i } from "./_chunks/sparkline-iOXYgvJe.js";
+import { S as Ei, s as Ri, u as _i } from "./_chunks/sparkline-o6JH4O66.js";
 import { S as H } from "./_chunks/stat-Bs80Z6Yv.js";
 import { T as vi } from "./_chunks/tag-3wgkwwDB.js";
 import { T as Fi, t as Mi } from "./_chunks/timeline-r-8IUoBS.js";
@@ -140,7 +140,7 @@ import { n as zd } from "./_chunks/notification-card.agent-DxGBZb8T.js";
 import { N as Yd, n as jd } from "./_chunks/notification-tray-CzIzz3bX.js";
 import { N as qd } from "./_chunks/notes-panel-BLjlYBt-.js";
 import { P as $d, p as Jd } from "./_chunks/popover-Cc0a69sw.js";
-import { R as am, I as em, r as sm } from "./_chunks/radiograph-panel.agent-rnrQZtK3.js";
+import { R as am, I as em, r as sm } from "./_chunks/radiograph-panel.agent-DDnDGVpN.js";
 import { P as tm, R as om, T as im, a as nm, r as lm } from "./_chunks/pregnancy-weight-gain-B-CkVYnU.js";
 import { P as mm, p as pm } from "./_chunks/privacy-lock-YYBiI_bY.js";
 import { P as fm, a as gm, p as Am, b as um } from "./_chunks/product-hub-panel-CTld1r5V.js";
@@ -164,7 +164,7 @@ import { S as hp } from "./_chunks/separator-CYU_bGFn.js";
 import { T as bp } from "./_chunks/theme-root-BOO73p5t.js";
 import { C as Rp, U as _p, a as yp, b as vp, c as Dp } from "./_chunks/unit-converter-CSLWFDQh.js";
 import { V as Mp } from "./_chunks/visually-hidden-BHxEUGyT.js";
-import { C as Op, c as kp, a as Bp } from "./_chunks/chart-CNaLgvx4.js";
+import { C as Op, c as kp, a as Bp } from "./_chunks/chart-DqxVCm1I.js";
 import { A as Hp, a as Gp } from "./_chunks/ai-prompt-input-DziJCGLe.js";
 import { A as Up, a as Wp } from "./_chunks/audio-recorder-BjnB7V8n.js";
 import { A as Kp } from "./_chunks/audio-visualiser-l6zPd0AG.js";
@@ -191,7 +191,7 @@ import { O as wf, o as Hf } from "./_chunks/operator-hero-DVy0RGoD.js";
 import { P as Vf, p as Uf } from "./_chunks/patient-details-DrhlTrLf.js";
 import { P as zf, p as Kf } from "./_chunks/patient-search-vtRTSdf6.js";
 import { P as jf, p as Xf } from "./_chunks/patient-summary-card-vn1H4xWj.js";
-import { B as Qf, C as $f, N as Jf, P as Zf, a as ag, b as eg, g as sg, u as rg } from "./_chunks/patient-table-DU_zFZoq.js";
+import { B as Qf, C as $f, N as Jf, P as Zf, a as ag, b as eg, g as sg, u as rg } from "./_chunks/patient-table-CFM92QqU.js";
 import { B as og, M as ig, P as ng, a as lg, b as dg, c as mg, d as pg, S as cg, e as fg, f as gg, g as Ag, h as ug, p as xg, i as Cg, j as Sg, k as Tg, s as Ig, t as Pg, l as hg } from "./_chunks/periodontal-chart-CYBhr9vc.js";
 import { P as bg, a as Eg, p as Rg } from "./_chunks/periodontal-chart-card-WVjJAheq.js";
 import { D as yg, P as vg, a as Dg, b as Fg, c as Mg, S as Lg, e as Og, i as kg, p as Bg } from "./_chunks/periodontal-diagnosis-cco40xTa.js";

package/dist/tokens/apexcharts-theme.d.ts

@@ -1,3 +1,38 @@
 import type ApexCharts from 'apexcharts';
-export declare function getApexChartsTheme(): ApexCharts.ApexOptions;
+/**
+ * Resolved colours for a `ChartSeries` `role: 'compare'` overlay (see
+ * `src/components/chart/chart.tsx`). ApexCharts cannot read `var(--…)` or a
+ * `color-mix()` string, so both are resolved to a usable colour value here —
+ * the same native way the ramp resolves `--primary` — and re-read on the
+ * chart's existing theme MutationObserver, so they retint per theme with no
+ * new observer and no hex literal in component code.
+ */
+export interface ApexCompareColors {
+    /**
+     * Load-bearing solid neutral grey — the compare line stroke, the compare bar
+     * fill base, the area gradient source, and the greyed legend swatch. Sourced
+     * from `--muted-foreground` (a plain `var(--color-blue-*)` chain), which
+     * `getPropertyValue` already returns as a usable colour. Solid so it clears
+     * WCAG 1.4.11 3:1 as a graphical object — which the 55% `--calendar-compare-edge`
+     * mix does not.
+     */
+    mark: string;
+    /**
+     * Decorative faint grey wash for the compare area gradient tint only.
+     * Sourced from `--calendar-compare-fill`, which is a `color-mix()` string
+     * that `getPropertyValue` returns UNRESOLVED, so it is resolved via a
+     * detached probe (see `resolveColour`).
+     */
+    wash: string;
+}
+/** The theme-bridge output, plus resolved compare-overlay colours. */
+export interface ApexChartsTheme extends ApexCharts.ApexOptions {
+    /**
+     * Resolved compare-overlay colours. Read ONLY inside the chart's
+     * `hasCompare` branches and never spread into the ApexCharts options object,
+     * so a chart with no compare series emits byte-identical options.
+     */
+    compare?: ApexCompareColors;
+}
+export declare function getApexChartsTheme(): ApexChartsTheme;
 //# sourceMappingURL=apexcharts-theme.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.93.0",
+  "version": "0.94.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

package/dist/_chunks/apexcharts-theme-BJigns_V.js

@@ -1,53 +0,0 @@
-import { useEffect as a } from "react";
-const i = [
-  "a[href]",
-  "button",
-  "input",
-  "select",
-  "textarea",
-  '[tabindex]:not([tabindex="-1"])'
-].join(",");
-function c(t) {
-  a(() => {
-    const e = t.current;
-    if (!e) return;
-    const o = () => {
-      e.querySelectorAll('[aria-hidden="true"]').forEach((n) => {
-        n.querySelectorAll(i).forEach((s) => {
-          s.setAttribute("tabindex", "-1");
-        });
-      });
-    };
-    o();
-    const r = new MutationObserver(o);
-    return r.observe(e, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      attributeFilter: ["aria-hidden", "tabindex"]
-    }), () => r.disconnect();
-  }, [t]);
-}
-function d() {
-  const t = getComputedStyle(document.documentElement), e = (r) => t.getPropertyValue(r).trim();
-  return {
-    theme: { mode: document.documentElement.classList.contains("theme-dark") ? "dark" : "light" },
-    colors: [
-      e("--primary"),
-      e("--accent"),
-      e("--success"),
-      e("--warning")
-    ],
-    chart: {
-      background: e("--background"),
-      foreColor: e("--foreground"),
-      fontFamily: e("--font-sans")
-    },
-    grid: { borderColor: e("--border") }
-  };
-}
-export {
-  d as g,
-  c as u
-};
-//# sourceMappingURL=apexcharts-theme-BJigns_V.js.map