@alfadocs/ui-kit 1.7.0 → 1.8.0

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

@@ -0,0 +1,425 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { forwardRef as q } from "react";
+import { useTranslation as G } from "react-i18next";
+import { c as Z } from "./index-D2ZczOXr.js";
+import { C as W } from "./clipboard-check-BeAGxDVT.js";
+import { E } from "./eye-off-C_4xkbRP.js";
+import { c as f } from "./createLucideIcon-DhHxpK9K.js";
+import { C as Y } from "./check-DrFSN__t.js";
+import { S as D } from "./stethoscope-sZXGC43m.js";
+import { C as F } from "./clock-Drd4Wtis.js";
+import { G as J } from "./globe-sHBW1JN5.js";
+import { T as P } from "./triangle-alert-CBnO6nq_.js";
+import { H as Q } from "./heart-pulse-BCppJyN2.js";
+import { V as X } from "./video-BheNGvsu.js";
+import { R as T } from "./repeat-CvQa5rZt.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 ee = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }]
+], ne = f("ban", ee);
+/**
+ * @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 ae = [
+  ["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"
+    }
+  ]
+], re = f("euro", ae);
+/**
+ * @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 se = [
+  [
+    "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" }]
+], te = f("thumbs-up", se);
+/**
+ * @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 de = [
+  [
+    "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"
+    }
+  ]
+], ie = f("zap", de);
+function oe(a) {
+  if (typeof a != "string") return null;
+  const r = a.trim();
+  if (!r.startsWith("#")) return null;
+  const n = r.slice(1);
+  let t, d, s;
+  if (n.length === 3) {
+    if (!/^[0-9a-f]{3}$/i.test(n)) return null;
+    t = parseInt(n[0] + n[0], 16), d = parseInt(n[1] + n[1], 16), s = parseInt(n[2] + n[2], 16);
+  } else if (n.length === 6) {
+    if (!/^[0-9a-f]{6}$/i.test(n)) return null;
+    t = parseInt(n.slice(0, 2), 16), d = parseInt(n.slice(2, 4), 16), s = parseInt(n.slice(4, 6), 16);
+  } else
+    return null;
+  return [t / 255, d / 255, s / 255];
+}
+function le([a, r, n]) {
+  const t = (d) => d <= 0.03928 ? d / 12.92 : Math.pow((d + 0.055) / 1.055, 2.4);
+  return 0.2126 * t(a) + 0.7152 * t(r) + 0.0722 * t(n);
+}
+function Ae(a, r, n) {
+}
+function ce(a) {
+  const r = oe(a);
+  return r ? le(r) > 0.1791 ? "on-light" : "on-dark" : null;
+}
+const me = {
+  confirmed: te,
+  waiting: F,
+  in_care: D,
+  done: Y,
+  cancelled: ne,
+  absent: ie
+}, i = "ds:inline-flex ds:size-4.5 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)] ds:bg-[color:var(--card)] ds:border ds:border-[color:var(--border)] ds:shadow-[var(--shadow-sm)]", m = {
+  success: "ds:text-[color:var(--success-foreground)]",
+  info: "ds:text-[color:var(--info-foreground)]",
+  warning: "ds:text-[color:var(--warning-foreground)]",
+  error: "ds:text-[color:var(--error-foreground)]",
+  // Same AA-clearing accent mix Badge's accentSoft uses for its ink.
+  accent: "ds:text-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))]"
+}, pe = {
+  confirmed: "success",
+  waiting: "info",
+  in_care: "accent",
+  done: "success",
+  cancelled: "error",
+  absent: "warning"
+}, ue = {
+  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"
+}, ve = Z(
+  [
+    // Block root; the appointment content is a wrap-capable flex row
+    // (inline-flowing text cell beside the icon column — structurally
+    // overlap-safe). Tight padding and line-height so sliver-height
+    // harnesses show a full text line.
+    "ds:relative ds:block",
+    "ds:w-full ds:h-full",
+    "ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:text-[length:var(--font-size-sm)]",
+    "ds:font-[var(--font-weight-medium)]",
+    "ds:leading-tight ds:text-start",
+    "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 + 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: ""
+      },
+      // Task treatment: CUSTOM-PROPERTY assignments only — the consuming
+      // background-color / color / border-color declarations stay in the
+      // base above, so this cannot re-open the CVA-vs-override specificity
+      // race, and a caller's inline picker hex (set as the same custom
+      // properties via `style`) still wins. `border-dashed` is a
+      // border-style declaration — no property collision either.
+      kind: {
+        // The appointment's COLOUR IDENTITY edge — a thick start border
+        // in the event colour, platform-agenda style, so the colour
+        // reads even on sliver-height cards. Tasks keep the 1px edge:
+        // muted to-dos carry no colour identity.
+        appointment: "ds:border-s-4",
+        // Draft treatment — an appointment being COMPOSED, not yet saved
+        // (the slot a user just picked, mirrored on the grid while the
+        // editor is open). Same custom-property-only discipline as
+        // `task`: dashed outline over a light primary tint, so the
+        // placeholder reads as pending rather than as a booked slot.
+        draft: [
+          "ds:border-dashed",
+          "ds:[--calendar-event-bg:color-mix(in_srgb,var(--primary)_10%,var(--card))]",
+          "ds:[--calendar-event-text:var(--foreground)]",
+          "ds:[--calendar-event-border:var(--primary)]"
+        ].join(" "),
+        task: [
+          "ds:border-dashed",
+          "ds:[--calendar-event-bg:var(--muted)]",
+          "ds:[--calendar-event-text:var(--muted-foreground)]",
+          "ds:[--calendar-event-border:color-mix(in_srgb,currentcolor_45%,transparent)]"
+        ].join(" ")
+      },
+      // Tinted colour scheme — the chip-family look: the picker colour
+      // becomes a SOLID BORDER over a light tint of itself (theme-aware
+      // via color-mix with --card), text on the theme's foreground
+      // tokens. Custom-property assignments only — the painted
+      // declarations stay in the base. The runtime hex arrives as
+      // `--calendar-event-accent` (inline). Never combined with the task
+      // variant: the component forces `solid` for tasks so exactly one
+      // class-level assignment of each property exists per render.
+      colorStyle: {
+        solid: "",
+        tinted: [
+          "ds:[--calendar-event-bg:color-mix(in_srgb,var(--calendar-event-accent,var(--primary))_12%,var(--card))]",
+          "ds:[--calendar-event-text:var(--foreground)]",
+          "ds:[--calendar-event-border:var(--calendar-event-accent,var(--primary))]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: {
+      status: "none",
+      bookedOnline: !1,
+      kind: "appointment",
+      colorStyle: "solid"
+    }
+  }
+), fe = q(
+  ({
+    title: a,
+    suffix: r,
+    rangeText: n,
+    showTime: t = !0,
+    allDay: d = !1,
+    status: s,
+    backgroundColor: o,
+    textColor: p,
+    borderColor: h,
+    isBookedOnline: g = !1,
+    hasUnassignedPatient: N,
+    hasHighlightedAnamnesis: w,
+    hasBillableAmount: k,
+    isTelehealth: y,
+    isRecurring: z,
+    isTask: l = !1,
+    isDraft: u = !1,
+    colorStyle: j = "solid",
+    resourceLabel: A,
+    privacyMasked: $ = !1,
+    eventId: L,
+    className: C,
+    style: I,
+    "aria-label": B,
+    ...O
+  }, M) => {
+    const { t: b } = G(), x = s ? me[s] : null, H = !!x || !!g || !!N || !!w || !!k || !!y || !!z, R = s ? b(ue[s]) : void 0, V = u ? b("calendar.eventKind.draft") : l ? b("calendar.eventKind.task") : void 0, K = B ?? [a, n, A, R, V].filter(Boolean).join(", "), v = !l && !u && j === "tinted", _ = !v && !p && o ? ce(o) : null, S = v ? o ? { "--calendar-event-accent": o } : void 0 : o || p || h ? {
+      ...o ? { "--calendar-event-bg": o } : {},
+      ...p ? { "--calendar-event-text": p } : _ === "on-light" ? { "--calendar-event-text": "var(--event-ink-on-light)" } : _ === "on-dark" ? { "--calendar-event-text": "var(--event-ink-on-dark)" } : {},
+      ...h ? { "--calendar-event-border": h } : {}
+    } : void 0, U = I || S ? { ...I, ...S } : void 0;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: M,
+        ...O,
+        className: ve({
+          status: s ?? "none",
+          bookedOnline: g,
+          kind: u ? "draft" : l ? "task" : "appointment",
+          colorStyle: v ? "tinted" : "solid",
+          className: C
+        }),
+        style: U,
+        "aria-label": K,
+        "data-component": "calendar-event-card",
+        "data-event-id": L,
+        "data-kind": u ? "draft" : l ? "task" : "appointment",
+        "data-status": s ?? "none",
+        "data-contrast": v ? "tinted" : p ? "custom" : _ ?? "default",
+        children: [
+          l ? (
+            /* Task cards lead with ONE line — glyph + title inline. A task is
+               typically a 30-min block whose visible height fits a single
+               line; the appointment layout below would spend that line on the
+               indicator row and clip the title entirely. Tasks carry none of
+               the appointment flags, so the row loses nothing. */
+            /* @__PURE__ */ c("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: `${i} ds:text-[color:var(--muted-foreground)]`,
+                  children: /* @__PURE__ */ e(W, { size: 11, "aria-hidden": "true" })
+                }
+              ),
+              t && !d && n ? /* @__PURE__ */ e("span", { className: "ds:whitespace-nowrap ds:text-[length:var(--font-size-xs)]", children: n }) : null,
+              /* @__PURE__ */ e("span", { className: "ds:[min-inline-size:0] ds:font-[var(--font-weight-semibold)] ds:truncate ds:text-start", children: $ ? /* @__PURE__ */ c("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ e(E, { size: 12, "aria-hidden": "true" }),
+                a
+              ] }) : a })
+            ] })
+          ) : (
+            /* Platform-density layout with STRUCTURAL overlap-safety: the
+               first row is a flex pair — an inline-flowing text cell (time,
+               then the semibold name; wraps when taller cards allow) beside
+               a fixed icon column. Flex cells cannot paint over each other,
+               unlike a float (inline text paints ABOVE floats, which
+               produced glyphs-through-icons in sliver-width columns). A
+               one-line sliver still reads "09:15 Name" plus icons. */
+            /* @__PURE__ */ c("span", { className: "ds:flex ds:h-full ds:items-stretch ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ c("span", { className: "ds:min-w-0 ds:flex-1 ds:overflow-hidden ds:break-normal", children: [
+                t && !d && n ? (
+                  // 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__ */ e("span", { className: "ds:me-[var(--spacing-2xs)] ds:whitespace-nowrap ds:text-[length:var(--font-size-xs)]", children: n })
+                ) : null,
+                /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)]", children: $ ? (
+                  /* The eye + mask get their own start padding so the
+                     redaction doesn't crowd the time. */
+                  /* @__PURE__ */ c("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:ps-[var(--spacing-2xs)] ds:align-middle", children: [
+                    /* @__PURE__ */ e(E, { size: 12, "aria-hidden": "true" }),
+                    a
+                  ] })
+                ) : a }),
+                r ? (
+                  /* Second line inside the text cell — beside the plate,
+                     never beneath it. */
+                  /* @__PURE__ */ e("span", { className: "ds:block ds:truncate ds:text-[length:var(--font-size-xs)]", children: r })
+                ) : null
+              ] }),
+              /* @__PURE__ */ c(
+                "span",
+                {
+                  className: H ? (
+                    /* Vertically CENTRED indicator column — each disc is
+                       its own card-surface circle, so no plate and no
+                       colour-on-colour. */
+                    "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-2xs)] ds:self-center"
+                  ) : "ds:hidden",
+                  children: [
+                    x && s ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: `${i} ${m[pe[s]]}`,
+                        children: /* @__PURE__ */ e(x, { size: 11, "aria-hidden": "true" })
+                      }
+                    ) : null,
+                    g ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: `${i} ${m.info}`,
+                        children: /* @__PURE__ */ e(J, { size: 11, "aria-hidden": "true" })
+                      }
+                    ) : null,
+                    N ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: `${i} ${m.warning}`,
+                        children: /* @__PURE__ */ e(P, { size: 11, "aria-hidden": "true" })
+                      }
+                    ) : null,
+                    w ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: `${i} ${m.accent}`,
+                        children: /* @__PURE__ */ e(Q, { size: 11, "aria-hidden": "true" })
+                      }
+                    ) : null,
+                    k ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: `${i} ${m.warning}`,
+                        children: /* @__PURE__ */ e(re, { size: 11, "aria-hidden": "true" })
+                      }
+                    ) : null,
+                    y ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: `${i} ${m.info}`,
+                        children: /* @__PURE__ */ e(X, { size: 11, "aria-hidden": "true" })
+                      }
+                    ) : null,
+                    z ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: `${i} ${m.info}`,
+                        children: /* @__PURE__ */ e(T, { size: 11, "aria-hidden": "true" })
+                      }
+                    ) : null
+                  ]
+                }
+              )
+            ] })
+          ),
+          l && t && !d && n ? /* @__PURE__ */ e("span", { className: "ds:text-[length:var(--font-size-xs)]", children: n }) : null,
+          l && r ? (
+            /* Task cards keep the below-row suffix (their branch has no
+               text cell / plate split). */
+            /* @__PURE__ */ e("span", { className: "ds:block ds:truncate ds:text-[length:var(--font-size-xs)]", children: r })
+          ) : null
+        ]
+      }
+    );
+  }
+);
+fe.displayName = "CalendarEventCard";
+export {
+  fe as C,
+  Ae as w
+};
+//# sourceMappingURL=calendar-event-card-Bjdbik8G.js.map

package/dist/_chunks/{care-plan-card-DQjVRDxO.js → care-plan-card-aDN4oem9.js}

@@ -7,9 +7,9 @@ import { P as A } from "./progress-CK8otcQ-.js";
 import { T as C } from "./timestamp-BV2lC-wV.js";
 import { T as L } from "./transaction-chip-DJCstquX.js";
 import { A as O, b as G, c as Y, a as $ } from "./accordion-C11v9ouP.js";
-import { C as q } from "./care-plan-entry-card-CMpoeNkb.js";
+import { C as q } from "./care-plan-entry-card-BEhANdBE.js";
 import { u as J } from "./registry-DvAUVLHh.js";
-import { C as Q, e as W } from "./entity-card-9_62gY7l.js";
+import { C as Q, e as W } from "./entity-card-DmrgYSEX.js";
 import { i as X } from "./is-safe-url-DkETxeHz.js";
 const Z = {
   id: "care-plan-card",
@@ -253,4 +253,4 @@ export {
   de as C,
   Z as c
 };
-//# sourceMappingURL=care-plan-card-DQjVRDxO.js.map
+//# sourceMappingURL=care-plan-card-aDN4oem9.js.map

package/dist/_chunks/{care-plan-entry-card-CMpoeNkb.js → care-plan-entry-card-BEhANdBE.js}

@@ -10,7 +10,7 @@ import { T as J } from "./tooth-scheme-WdyVymQ1.js";
 import { C as Q, b as X, a as Z } from "./collapsible-CTjxzGuF.js";
 import { u as ee } from "./registry-DvAUVLHh.js";
 import { C as ae } from "./chevron-down-DWE7GSq9.js";
-import { e as te } from "./entity-card-9_62gY7l.js";
+import { e as te } from "./entity-card-DmrgYSEX.js";
 const re = {
   id: "care-plan-entry-card",
   // `expand` is host-delegated: the per-phase breakdown is an in-component
@@ -319,4 +319,4 @@ export {
   le as C,
   re as c
 };
-//# sourceMappingURL=care-plan-entry-card-CMpoeNkb.js.map
+//# sourceMappingURL=care-plan-entry-card-BEhANdBE.js.map

package/dist/_chunks/{care-plan-header-CxYoq23f.js → care-plan-header-CkpPyQqG.js}

@@ -7,7 +7,7 @@ import { L as O } from "./link-CPb_pZPr.js";
 import { S as $ } from "./separator-CYU_bGFn.js";
 import { T as A } from "./timestamp-BV2lC-wV.js";
 import { u as q } from "./registry-DvAUVLHh.js";
-import { C as J, e as Q } from "./entity-card-9_62gY7l.js";
+import { C as J, e as Q } from "./entity-card-DmrgYSEX.js";
 import { i as W } from "./is-safe-url-DkETxeHz.js";
 const X = {
   id: "care-plan-header",
@@ -195,4 +195,4 @@ export {
   ee as C,
   X as c
 };
-//# sourceMappingURL=care-plan-header-CxYoq23f.js.map
+//# sourceMappingURL=care-plan-header-CkpPyQqG.js.map