@alfadocs/ui-kit 1.7.0 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -569,6 +569,10 @@
       "types": "./dist/components/reviews-panel/index.d.ts",
       "import": "./dist/components/reviews-panel/index.js"
     },
+    "./resource-chip": {
+      "types": "./dist/components/resource-chip/index.d.ts",
+      "import": "./dist/components/resource-chip/index.js"
+    },
     "./rich-text-editor": {
       "types": "./dist/components/rich-text-editor/index.d.ts",
       "import": "./dist/components/rich-text-editor/index.js"

package/dist/_chunks/calendar-event-card-C6qGtywL.js

@@ -1,257 +0,0 @@
-import { jsxs as g, jsx as r } from "react/jsx-runtime";
-import { forwardRef as H } from "react";
-import { useTranslation as T } from "react-i18next";
-import { c as h } from "./index-D2ZczOXr.js";
-import { c as d } from "./createLucideIcon-DhHxpK9K.js";
-import { C as V } from "./check-DrFSN__t.js";
-import { S as $ } from "./stethoscope-sZXGC43m.js";
-import { C as O } from "./clock-Drd4Wtis.js";
-import { G as C } from "./globe-sHBW1JN5.js";
-import { T as U } from "./triangle-alert-CBnO6nq_.js";
-import { H as q } from "./heart-pulse-BCppJyN2.js";
-import { V as B } from "./video-BheNGvsu.js";
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const G = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }]
-], Z = d("ban", G);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const K = [
-  ["path", { d: "M4 10h12", key: "1y6xl8" }],
-  ["path", { d: "M4 14h9", key: "1loblj" }],
-  [
-    "path",
-    {
-      d: "M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2",
-      key: "1j6lzo"
-    }
-  ]
-], P = d("euro", K);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const R = [
-  [
-    "path",
-    {
-      d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",
-      key: "emmmcr"
-    }
-  ],
-  ["path", { d: "M7 10v12", key: "1qc93n" }]
-], W = d("thumbs-up", R);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Y = [
-  [
-    "path",
-    {
-      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
-      key: "1xq2db"
-    }
-  ]
-], D = d("zap", Y);
-function F(t) {
-  if (typeof t != "string") return null;
-  const n = t.trim();
-  if (!n.startsWith("#")) return null;
-  const e = n.slice(1);
-  let s, o, a;
-  if (e.length === 3) {
-    if (!/^[0-9a-f]{3}$/i.test(e)) return null;
-    s = parseInt(e[0] + e[0], 16), o = parseInt(e[1] + e[1], 16), a = parseInt(e[2] + e[2], 16);
-  } else if (e.length === 6) {
-    if (!/^[0-9a-f]{6}$/i.test(e)) return null;
-    s = parseInt(e.slice(0, 2), 16), o = parseInt(e.slice(2, 4), 16), a = parseInt(e.slice(4, 6), 16);
-  } else
-    return null;
-  return [s / 255, o / 255, a / 255];
-}
-function J([t, n, e]) {
-  const s = (o) => o <= 0.03928 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4);
-  return 0.2126 * s(t) + 0.7152 * s(n) + 0.0722 * s(e);
-}
-function ge(t, n, e) {
-}
-function Q(t) {
-  const n = F(t);
-  return n ? J(n) > 0.1791 ? "on-light" : "on-dark" : null;
-}
-const X = {
-  confirmed: W,
-  waiting: O,
-  in_care: $,
-  done: V,
-  cancelled: Z,
-  absent: D
-}, ee = {
-  confirmed: "calendar.status.confirmed",
-  waiting: "calendar.status.waiting",
-  in_care: "calendar.status.inCare",
-  done: "calendar.status.done",
-  cancelled: "calendar.status.cancelled",
-  absent: "calendar.status.absent"
-}, ae = h(
-  [
-    // layout — verbatim from the Calendar's former eventCardVariants base,
-    // plus ds:relative for the accent bar's positioning context
-    "ds:relative ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-    "ds:w-full ds:h-full",
-    "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:text-[length:var(--font-size-sm)]",
-    "ds:font-[var(--font-weight-medium)]",
-    "ds:overflow-hidden",
-    // kept verbatim from the former base (inert on a non-focusable div
-    // inside FC; harmless)
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
-    "ds:focus-visible:outline-[var(--ring)]",
-    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    // SINGLE PAINTED SURFACE — always present, never conditional. One
-    // declaration per paint channel; value chain = "caller custom prop,
-    // else token". This structurally eliminates the CVA-vs-override
-    // specificity race (the old double-paint bug) — stylesheet order
-    // becomes irrelevant.
-    "ds:[background-color:var(--calendar-event-bg,var(--primary))]",
-    "ds:[color:var(--calendar-event-text,var(--primary-foreground))]",
-    "ds:border ds:[border-color:var(--calendar-event-border,transparent)]"
-  ].join(" "),
-  {
-    variants: {
-      // Do not add colour classes to this axis — status is icon + accent
-      // + aria only; a unit test asserts identical computed background
-      // across all six statuses.
-      status: {
-        none: "",
-        confirmed: "",
-        waiting: "",
-        in_care: "",
-        done: "",
-        cancelled: "ds:line-through",
-        absent: ""
-      },
-      bookedOnline: {
-        // class name kept as a stable inert DOM hook; the stripe paint
-        // lives here (moved from fullcalendar-theme.css) so it works in
-        // the card's own stories, outside .fc-theme-alfadocs.
-        // currentcolor = resolved ink, so stripes stay visible over any
-        // picker colour.
-        true: "event-booked-online ds:bg-[image:repeating-linear-gradient(45deg,transparent,transparent_4px,color-mix(in_srgb,currentcolor_10%,transparent)_4px,color-mix(in_srgb,currentcolor_10%,transparent)_8px)]",
-        false: ""
-      }
-    },
-    defaultVariants: { status: "none", bookedOnline: !1 }
-  }
-), ne = h(
-  "ds:absolute ds:inset-y-0 ds:start-0 ds:w-[3px]",
-  {
-    variants: {
-      status: {
-        confirmed: "ds:[background-color:var(--success)]",
-        waiting: "ds:[background-color:var(--info)]",
-        in_care: "ds:[background-color:var(--primary)]",
-        done: "ds:[background-color:var(--success)]",
-        cancelled: "ds:[background-color:var(--destructive)]",
-        absent: "ds:[background-color:var(--warning)]"
-      }
-    }
-  }
-), te = H(
-  ({
-    title: t,
-    suffix: n,
-    rangeText: e,
-    showTime: s = !0,
-    allDay: o = !1,
-    status: a,
-    statusAccent: b = !0,
-    backgroundColor: i,
-    textColor: l,
-    borderColor: c,
-    isBookedOnline: f = !1,
-    hasUnassignedPatient: x,
-    hasHighlightedAnamnesis: k,
-    hasBillableAmount: _,
-    isTelehealth: y,
-    resourceLabel: w,
-    eventId: z,
-    className: N,
-    style: m,
-    "aria-label": I,
-    ...A
-  }, L) => {
-    const { t: S } = T(), p = a ? X[a] : null, M = a ? S(ee[a]) : void 0, j = I ?? [t, e, w, M].filter(Boolean).join(", "), u = !l && i ? Q(i) : null, v = i || l || c ? {
-      ...i ? { "--calendar-event-bg": i } : {},
-      ...l ? { "--calendar-event-text": l } : u === "on-light" ? { "--calendar-event-text": "var(--event-ink-on-light)" } : u === "on-dark" ? { "--calendar-event-text": "var(--event-ink-on-dark)" } : {},
-      ...c ? { "--calendar-event-border": c } : {}
-    } : void 0, E = m || v ? { ...m, ...v } : void 0;
-    return /* @__PURE__ */ g(
-      "div",
-      {
-        ref: L,
-        ...A,
-        className: ae({
-          status: a ?? "none",
-          bookedOnline: f,
-          className: N
-        }),
-        style: E,
-        "aria-label": j,
-        "data-component": "calendar-event-card",
-        "data-event-id": z,
-        "data-status": a ?? "none",
-        "data-contrast": l ? "custom" : u ?? "default",
-        children: [
-          a && b ? /* @__PURE__ */ r(
-            "span",
-            {
-              "aria-hidden": "true",
-              "data-slot": "status-accent",
-              className: ne({ status: a })
-            }
-          ) : null,
-          /* @__PURE__ */ g("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-end", children: [
-            p ? /* @__PURE__ */ r(p, { size: 14, "aria-hidden": "true" }) : null,
-            f ? /* @__PURE__ */ r(C, { size: 12, "aria-hidden": "true" }) : null,
-            x ? /* @__PURE__ */ r(U, { size: 12, "aria-hidden": "true" }) : null,
-            k ? /* @__PURE__ */ r(q, { size: 12, "aria-hidden": "true" }) : null,
-            _ ? /* @__PURE__ */ r(P, { size: 12, "aria-hidden": "true" }) : null,
-            y ? /* @__PURE__ */ r(B, { size: 12, "aria-hidden": "true" }) : null
-          ] }),
-          s && !o && e ? (
-            // No opacity here — composing 70% over saturated bgs drops
-            // effective contrast below WCAG AA. The smaller font-size-xs vs
-            // the title's font-weight-semibold provides sufficient visual
-            // hierarchy.
-            /* @__PURE__ */ r("span", { className: "ds:text-[length:var(--font-size-xs)]", children: e })
-          ) : null,
-          /* @__PURE__ */ r("span", { className: "ds:font-[var(--font-weight-semibold)] ds:truncate ds:text-start", children: t }),
-          n ? /* @__PURE__ */ r("span", { className: "ds:truncate ds:text-start ds:text-[length:var(--font-size-xs)]", children: n }) : null
-        ]
-      }
-    );
-  }
-);
-te.displayName = "CalendarEventCard";
-export {
-  te as C,
-  ge as w
-};
-//# sourceMappingURL=calendar-event-card-C6qGtywL.js.map

package/dist/_chunks/control-room-rail-IH1eBjrK.js

@@ -1,333 +0,0 @@
-import { jsx as g, jsxs as I, Fragment as ro } from "react/jsx-runtime";
-import { useState as z, useCallback as f, useMemo as C, useRef as N, useContext as j, useId as so, useEffect as lo, createContext as io, forwardRef as ao } from "react";
-import { useTranslation as co } from "react-i18next";
-import { I as X } from "./icon-button-DA2CAGHZ.js";
-import { a as uo } from "./panel-header-D313n_9-.js";
-import { T as po } from "./tool-rail-CHyUmulN.js";
-import { u as fo } from "./use-persistent-state-nZwZAnE9.js";
-import { S as mo } from "./star-Bf9L2Uot.js";
-import { X as Ro } from "./x-B5YnXwCz.js";
-const go = {
-  id: "control-room-rail",
-  capabilities: ["open", "close", "select_single"],
-  state: {
-    activeToolId: {
-      type: "string | null",
-      descriptionKey: "ui.toolRail.agent.state.activeToolId",
-      description: "Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.",
-      read: (t) => t.getActiveToolId()
-    }
-  },
-  actions: {
-    open: {
-      // Pure ephemeral panel state (open) — no data loss, no external effect.
-      safety: "read",
-      argsType: "{ id: string }",
-      argsSchema: {
-        type: "object",
-        properties: { id: { type: "string" } },
-        required: ["id"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.toolRail.agent.actions.open",
-      description: "Open the given tool's panel.",
-      examples: [{ args: { id: "inbox" }, note: "Open the inbox tool panel." }],
-      invoke: (t, n) => {
-        t.open(n.id);
-      }
-    },
-    close: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.toolRail.agent.actions.close",
-      description: "Collapse the rail to its strip (no active tool).",
-      invoke: (t) => {
-        t.close();
-      }
-    },
-    select_tool: {
-      safety: "read",
-      argsType: "{ id: string | null }",
-      argsSchema: {
-        type: "object",
-        properties: { id: { type: ["string", "null"] } },
-        required: ["id"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.toolRail.agent.actions.selectTool",
-      description: "Set the active tool by id (opens its panel), or pass null to collapse.",
-      invoke: (t, n) => {
-        t.setActiveTool(n.id);
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "control-room-rail",
-      description: "Marks the ControlRoomRail wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop. Required to address a specific rail from the agent."
-    },
-    item: {
-      attr: "data-tool-id",
-      description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
-    }
-  }
-}, S = io(null);
-function Mo({
-  globalTools: t = [],
-  children: n
-}) {
-  const [c, s] = z(
-    () => /* @__PURE__ */ new Map()
-  ), d = f(
-    (l, i) => {
-      s((h) => {
-        const k = new Map(h);
-        return k.set(l, i), k;
-      });
-    },
-    []
-  ), P = f((l) => {
-    s((i) => {
-      if (!i.has(l)) return i;
-      const h = new Map(i);
-      return h.delete(l), h;
-    });
-  }, []), v = C(
-    () => Array.from(c.values()).flat(),
-    [c]
-  ), x = N(null), p = f((l) => {
-    x.current = l;
-  }, []), b = f((l) => {
-    var i;
-    (i = x.current) == null || i.setActiveTool(l);
-  }, []), R = f(() => {
-    var l;
-    (l = x.current) == null || l.setActiveTool(null);
-  }, []), F = C(
-    () => ({
-      globalTools: t,
-      contextualTools: v,
-      registerContextualTools: d,
-      unregisterContextualTools: P,
-      registerRail: p,
-      openTool: b,
-      closeTool: R
-    }),
-    [
-      t,
-      v,
-      d,
-      P,
-      p,
-      b,
-      R
-    ]
-  );
-  return /* @__PURE__ */ g(S.Provider, { value: F, children: n });
-}
-function Vo(t) {
-  const n = j(S), c = n == null ? void 0 : n.registerContextualTools, s = n == null ? void 0 : n.unregisterContextualTools, d = so();
-  lo(() => {
-    if (!(!c || !s))
-      return c(d, t), () => s(d);
-  }, [c, s, d, t]);
-}
-function vo() {
-  const t = j(S);
-  return C(() => {
-    if (!t) return [];
-    const n = t.contextualTools.map((s) => ({
-      ...s,
-      scope: "contextual"
-    })), c = t.globalTools.map((s) => ({
-      ...s,
-      scope: "global"
-    }));
-    return [...n, ...c];
-  }, [t]);
-}
-function jo() {
-  const t = j(S), n = f(() => {
-  }, []);
-  return {
-    openTool: (t == null ? void 0 : t.openTool) ?? n,
-    closeTool: (t == null ? void 0 : t.closeTool) ?? n
-  };
-}
-function ho() {
-  const t = j(S), n = f((c) => {
-  }, []);
-  return (t == null ? void 0 : t.registerRail) ?? n;
-}
-const Fo = ao(function({
-  tools: n,
-  railLabel: c,
-  reorderable: s = !0,
-  favoriteIds: d,
-  defaultFavoriteIds: P,
-  onFavoriteIdsChange: v,
-  persistFavoritesKey: x = "ui.controlRoom.favorites",
-  activeToolId: p,
-  defaultActiveToolId: b = null,
-  onActiveToolChange: R,
-  ...F
-}, l) {
-  const { t: i } = co(), [h, k] = z(
-    p ?? b ?? null
-  ), _ = p !== void 0 ? p : h, $ = f(
-    (o) => {
-      p === void 0 && k(o), R == null || R(o);
-    },
-    [p, R]
-  ), D = vo(), T = n ?? D, H = d !== void 0, [G, J] = fo(
-    x,
-    () => P ?? T.filter((o) => o.scope === "global").map((o) => o.id),
-    { disabled: H }
-  ), A = H ? d : G, u = C(() => {
-    const o = /* @__PURE__ */ new Map();
-    for (const r of T) o.set(r.id, r);
-    return o;
-  }, [T]), w = C(
-    () => new Set(A.filter((o) => u.has(o))),
-    [A, u]
-  ), B = (o) => {
-    const r = o(A.filter((e) => u.has(e)));
-    H || J((e) => o(e.filter((a) => u.has(a)))), v == null || v(r);
-  }, L = C(() => {
-    if (!s) return T;
-    const o = A.filter((e) => u.has(e)).map((e) => ({
-      ...u.get(e),
-      scope: "global",
-      reorderable: !0
-    })), r = T.filter((e) => !w.has(e.id)).map((e) => ({
-      ...e,
-      scope: "contextual",
-      reorderable: !0
-    }));
-    return [...o, ...r];
-  }, [s, T, A, u, w]), [Q, U] = z(""), K = N(!1), W = (o, r) => {
-    const e = r ? i("controlRoom.pinnedAnnounce", {
-      tool: o,
-      defaultValue: "Pinned {{tool}} to favourites"
-    }) : i("controlRoom.unpinnedAnnounce", {
-      tool: o,
-      defaultValue: "Removed {{tool}} from favourites"
-    });
-    K.current = !K.current, U(K.current ? e : `${e}​`);
-  }, Y = (o) => {
-    var r;
-    W(((r = u.get(o)) == null ? void 0 : r.label) ?? o, !w.has(o)), B(
-      (e) => e.includes(o) ? e.filter((a) => a !== o) : [...e, o]
-    );
-  }, Z = (o, r) => {
-    var a;
-    const e = (a = L[o]) == null ? void 0 : a.id;
-    e !== void 0 && B((y) => {
-      const M = y.filter((m) => u.has(m)), V = M.length;
-      if (o < V) {
-        if (r >= V) return M.filter((no) => no !== e);
-        const m = M.slice();
-        return m.splice(o, 1), m.splice(r, 0, e), m;
-      }
-      if (r <= V) {
-        const m = M.slice();
-        return m.splice(Math.min(r, V), 0, e), m;
-      }
-      return y;
-    });
-  }, oo = ({
-    tool: o,
-    from: r,
-    to: e
-  }) => {
-    const a = w.size, y = r < a;
-    return y && e >= a ? i("controlRoom.unpinnedAnnounce", {
-      tool: o.label,
-      defaultValue: "Removed {{tool}} from favourites"
-    }) : !y && e <= a ? i("controlRoom.pinnedAnnounce", {
-      tool: o.label,
-      defaultValue: "Pinned {{tool}} to favourites"
-    }) : y && e < a ? i("controlRoom.reorderAnnounce", {
-      tool: o.label,
-      to: e + 1,
-      total: a,
-      defaultValue: "{{tool}} moved to position {{to}} of {{total}}"
-    }) : "";
-  }, O = N(null), E = ho(), to = f(
-    (o) => {
-      O.current = o, E(o), typeof l == "function" ? l(o) : l && (l.current = o);
-    },
-    [E, l]
-  ), q = _ != null ? u.get(_) ?? null : null, eo = q ? /* @__PURE__ */ I(ro, { children: [
-    s ? (() => {
-      const o = w.has(q.id);
-      return /* @__PURE__ */ g(
-        X,
-        {
-          icon: /* @__PURE__ */ g(
-            mo,
-            {
-              "aria-hidden": "true",
-              fill: o ? "currentColor" : "none",
-              className: o ? "ds:text-[color:var(--accent)]" : void 0
-            }
-          ),
-          intent: "ghost",
-          size: "sm",
-          "aria-pressed": o,
-          "aria-label": i("controlRoom.favorite", {
-            defaultValue: "Favourite"
-          }),
-          onClick: () => Y(q.id)
-        }
-      );
-    })() : null,
-    /* @__PURE__ */ g(
-      X,
-      {
-        icon: /* @__PURE__ */ g(Ro, { "aria-hidden": "true" }),
-        intent: "ghost",
-        size: "sm",
-        "aria-label": i("controlRoom.close", { defaultValue: "Close" }),
-        onClick: () => {
-          var o;
-          return (o = O.current) == null ? void 0 : o.close();
-        }
-      }
-    )
-  ] }) : null;
-  return /* @__PURE__ */ I(uo, { actions: eo, children: [
-    /* @__PURE__ */ g(
-      po,
-      {
-        ref: to,
-        dataComponent: "control-room-rail",
-        agentAdapter: go,
-        tools: L,
-        activeToolId: p,
-        defaultActiveToolId: b,
-        onActiveToolChange: $,
-        railLabel: c ?? i("controlRoom.railLabel", { defaultValue: "Control room" }),
-        onReorder: s ? Z : void 0,
-        formatReorderAnnouncement: s ? oo : void 0,
-        ...F
-      }
-    ),
-    s ? /* @__PURE__ */ g("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: Q }) : null
-  ] });
-});
-export {
-  Mo as C,
-  Fo as a,
-  vo as b,
-  go as c,
-  Vo as d,
-  jo as u
-};
-//# sourceMappingURL=control-room-rail-IH1eBjrK.js.map

package/dist/_chunks/subDays-CAUv47M1.js

@@ -1,8 +0,0 @@
-import { a as o } from "./date-picker-variants-pKAJfnWr.js";
-function n(a, s, r) {
-  return o(a, -s, r);
-}
-export {
-  n as s
-};
-//# sourceMappingURL=subDays-CAUv47M1.js.map