@alfadocs/ui-kit-debug 1.50.0 → 1.51.0

package/dist/_chunks/{calendar-event-card-DplPh1wv.js → calendar-event-card-DyFSIehr.js}

@@ -1,67 +1,67 @@
-import { jsx as a, jsxs as p, Fragment as R } from "react/jsx-runtime";
-import { forwardRef as ee } from "react";
-import { useTranslation as ne } from "react-i18next";
+import { jsx as a, jsxs as p, Fragment as C } from "react/jsx-runtime";
+import { forwardRef as ne } from "react";
+import { useTranslation as ae } from "react-i18next";
 import { c as s } from "./index-D2ZczOXr.js";
-import { U as ae, B as re, T as de } from "./user-x-DYszNtIg.js";
-import { C as se } from "./check-DrFSN__t.js";
-import { S as te } from "./stethoscope-sZXGC43m.js";
-import { C as ie } from "./clock-Drd4Wtis.js";
-import { T as le } from "./triangle-alert-CBnO6nq_.js";
-import { H as ce } from "./heart-pulse-BCppJyN2.js";
-import { E as oe } from "./euro-Dsuz4ixO.js";
-import { G as ve } from "./globe-sHBW1JN5.js";
-import { V as me } from "./video-BheNGvsu.js";
-import { R as he } from "./repeat-CvQa5rZt.js";
-import { C as pe } from "./clipboard-check-BeAGxDVT.js";
-import { E as fe } from "./eye-off-C_4xkbRP.js";
-function ue(t) {
+import { U as re, B as de, T as se } from "./user-x-DYszNtIg.js";
+import { C as te } from "./check-DrFSN__t.js";
+import { S as ie } from "./stethoscope-sZXGC43m.js";
+import { C as le } from "./clock-Drd4Wtis.js";
+import { T as ce } from "./triangle-alert-CBnO6nq_.js";
+import { H as oe } from "./heart-pulse-BCppJyN2.js";
+import { E as ve } from "./euro-Dsuz4ixO.js";
+import { G as me } from "./globe-sHBW1JN5.js";
+import { V as he } from "./video-BheNGvsu.js";
+import { R as pe } from "./repeat-CvQa5rZt.js";
+import { C as fe } from "./clipboard-check-BeAGxDVT.js";
+import { E as ue } from "./eye-off-C_4xkbRP.js";
+function ge(t) {
   if (typeof t != "string") return null;
   const d = t.trim();
   if (!d.startsWith("#")) return null;
   const n = d.slice(1);
-  let e, i, c;
+  let e, i, l;
   if (n.length === 3) {
     if (!/^[0-9a-f]{3}$/i.test(n)) return null;
-    e = parseInt(n[0] + n[0], 16), i = parseInt(n[1] + n[1], 16), c = parseInt(n[2] + n[2], 16);
+    e = parseInt(n[0] + n[0], 16), i = parseInt(n[1] + n[1], 16), l = parseInt(n[2] + n[2], 16);
   } else if (n.length === 6) {
     if (!/^[0-9a-f]{6}$/i.test(n)) return null;
-    e = parseInt(n.slice(0, 2), 16), i = parseInt(n.slice(2, 4), 16), c = parseInt(n.slice(4, 6), 16);
+    e = parseInt(n.slice(0, 2), 16), i = parseInt(n.slice(2, 4), 16), l = parseInt(n.slice(4, 6), 16);
   } else
     return null;
-  return [e / 255, i / 255, c / 255];
+  return [e / 255, i / 255, l / 255];
 }
-function ge([t, d, n]) {
+function we([t, d, n]) {
   const e = (i) => i <= 0.03928 ? i / 12.92 : Math.pow((i + 0.055) / 1.055, 2.4);
   return 0.2126 * e(t) + 0.7152 * e(d) + 0.0722 * e(n);
 }
-function rn(t, d, n) {
+function dn(t, d, n) {
 }
-function we(t) {
-  const d = ue(t);
-  return d ? ge(d) > 0.1791 ? "on-light" : "on-dark" : null;
+function be(t) {
+  const d = ge(t);
+  return d ? we(d) > 0.1791 ? "on-light" : "on-dark" : null;
 }
-const be = {
-  confirmed: de,
-  waiting: ie,
-  in_care: te,
-  done: se,
-  cancelled: re,
-  absent: ae
-}, xe = "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)]", ye = "ds:inline-block ds:h-3 ds:w-[6ch] ds:align-middle ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)] ds:animate-[skeleton-pulse_calc(var(--animation-duration)*8)_ease-in-out_infinite] ds:motion-reduce:animate-none ds:forced-colors:bg-[GrayText] ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText] ds:forced-colors:animate-none", ke = {
+const xe = {
+  confirmed: se,
+  waiting: le,
+  in_care: ie,
+  done: te,
+  cancelled: de,
+  absent: re
+}, ye = "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)]", ke = "ds:inline-block ds:h-3 ds:w-[6ch] ds:align-middle ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)] ds:animate-[skeleton-pulse_calc(var(--animation-duration)*8)_ease-in-out_infinite] ds:motion-reduce:animate-none ds:forced-colors:bg-[GrayText] ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText] ds:forced-colors:animate-none", _e = {
   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))]"
-}, _e = {
+}, Se = {
   confirmed: "success",
   waiting: "info",
   in_care: "accent",
   done: "success",
   cancelled: "error",
   absent: "warning"
-}, C = {
+}, K = {
   confirmed: "calendar.status.confirmed",
   waiting: "calendar.status.waiting",
   in_care: "calendar.status.inCare",
@@ -71,41 +71,41 @@ const be = {
 }, Ne = [
   {
     field: "hasUnassignedPatient",
-    Icon: le,
+    Icon: ce,
     labelKey: "calendarWorkspace.details.indicators.unassignedPatient",
     tone: "warning"
   },
   {
     field: "hasHighlightedAnamnesis",
-    Icon: ce,
+    Icon: oe,
     labelKey: "calendarWorkspace.details.indicators.anamnesis",
     tone: "accent"
   },
   {
     field: "hasBillableAmount",
-    Icon: oe,
+    Icon: ve,
     labelKey: "calendarWorkspace.details.indicators.billable",
     tone: "warning"
   },
   {
     field: "isBookedOnline",
-    Icon: ve,
+    Icon: me,
     labelKey: "calendarWorkspace.details.indicators.bookedOnline",
     tone: "info"
   },
   {
     field: "isTelehealth",
-    Icon: me,
+    Icon: he,
     labelKey: "calendarWorkspace.details.indicators.telehealth",
     tone: "info"
   },
   {
     field: "isRecurring",
-    Icon: he,
+    Icon: pe,
     labelKey: "calendarWorkspace.details.indicators.recurring",
     tone: "info"
   }
-], Se = s(
+], Ie = s(
   [
     // FullCalendar supplies the box. The card is the `eventcard` size
     // container: the `ds:eventcard-*` tier variants (declared in
@@ -235,7 +235,7 @@ const be = {
       colorStyle: "solid"
     }
   }
-), Ie = [
+), ze = [
   "event-card-content ds:grid ds:grid-cols-[minmax(0,1fr)_auto] ds:items-start",
   "ds:gap-x-[var(--spacing-2xs)] ds:leading-[var(--calendar-event-line-height)]",
   // Stretch, so a secondary line is as wide as the card and a long word
@@ -243,11 +243,11 @@ const be = {
   "ds:eventcard-narrow:flex ds:eventcard-narrow:flex-col ds:eventcard-narrow:items-stretch",
   // A 15-minute compact tile: the meta size on a tight line.
   "ds:eventcard-tiny:text-[length:var(--type-meta-size)] ds:eventcard-tiny:leading-[var(--calendar-event-compact-line-height)]"
-].join(" "), ze = [
+].join(" "), Ee = [
   "event-card-heading ds:flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:min-w-0",
   "ds:eventcard-narrow:w-full",
   "ds:eventcard-narrow-tall:flex-col ds:eventcard-narrow-tall:items-stretch ds:eventcard-narrow-tall:gap-0"
-].join(" "), Ee = s(
+].join(" "), je = s(
   [
     "event-card-name ds:min-w-0 ds:flex-1 ds:font-[var(--font-weight-semibold)]",
     // Wrap at spaces first; break inside a word only when it cannot fit.
@@ -278,11 +278,11 @@ const be = {
       }
     }
   }
-), je = s("event-card-full-title", {
+), Ae = s("event-card-full-title", {
   variants: {
     hasShortTitle: { true: "ds:eventcard-sliver:hidden", false: "" }
   }
-}), K = "event-card-kind-icon ds:inline ds:size-[1em] ds:me-[var(--spacing-2xs)] ds:align-text-bottom", Ae = s(
+}), O = "event-card-kind-icon ds:inline ds:size-[1em] ds:me-[var(--spacing-2xs)] ds:align-text-bottom", Re = s(
   "event-card-time ds:hidden ds:shrink-0 ds:whitespace-nowrap ds:text-[length:var(--type-meta-size)]",
   {
     variants: {
@@ -295,7 +295,7 @@ const be = {
       }
     }
   }
-), Re = s("event-card-start", {
+), Ce = s("event-card-start", {
   variants: {
     layout: {
       grid: "ds:eventcard-w256:hidden",
@@ -303,7 +303,7 @@ const be = {
       flow: "ds:eventcard-w256:hidden"
     }
   }
-}), Ce = s("event-card-range", {
+}), Ke = s("event-card-range", {
   variants: {
     layout: {
       grid: "ds:hidden ds:eventcard-w256:inline",
@@ -311,7 +311,7 @@ const be = {
       flow: "ds:hidden ds:eventcard-w256:inline"
     }
   }
-}), T = "ds:col-span-full ds:overflow-hidden ds:text-[length:var(--type-meta-size)] ds:wrap-break-word", Ke = s(`event-card-suffix ${T}`, {
+}), L = "ds:col-span-full ds:overflow-hidden ds:text-[length:var(--type-meta-size)] ds:wrap-break-word", Oe = s(`event-card-suffix ${L}`, {
   variants: {
     layout: {
       grid: [
@@ -323,7 +323,7 @@ const be = {
       flow: "ds:line-clamp-1 ds:eventcard-narrow:order-2"
     }
   }
-}), Oe = s(`event-card-context ${T}`, {
+}), Te = s(`event-card-context ${L}`, {
   variants: {
     layout: {
       grid: "ds:hidden ds:eventcard-narrow:order-3 ds:eventcard-context:line-clamp-1",
@@ -331,17 +331,17 @@ const be = {
       flow: "ds:hidden"
     }
   }
-}), O = "ds:eventcard-narrow:absolute ds:eventcard-narrow:end-0 ds:eventcard-narrow:[inset-block-end:0] ds:eventcard-narrow:gap-0", Te = s(
+}), T = "ds:eventcard-narrow:absolute ds:eventcard-narrow:end-0 ds:eventcard-narrow:[inset-block-end:0] ds:eventcard-narrow:gap-0", Le = s(
   "event-card-markers ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:col-[2] ds:row-[1]",
   {
     variants: {
       layout: {
         grid: [
-          O,
+          T,
           "ds:eventcard-narrow-h2:static ds:eventcard-narrow-h2:gap-[var(--spacing-2xs)] ds:eventcard-narrow-h2:order-1",
           "ds:eventcard-tall:row-auto ds:eventcard-tall:col-span-full"
         ].join(" "),
-        month: O,
+        month: T,
         // Lists and timelines have no height tiers, so a narrow flow card
         // keeps its markers in the column, between name and treatment,
         // instead of laying them over the treatment line. The row wraps so
@@ -350,8 +350,8 @@ const be = {
       }
     }
   }
-), Le = s(
-  `event-card-marker ${xe} ds:size-[1em] ds:[&_svg]:size-[0.75em] ds:eventcard-narrow:size-[0.75em] ds:eventcard-narrow-h2:size-[1em]`,
+), Be = s(
+  `event-card-marker ${ye} ds:size-[1em] ds:[&_svg]:size-[0.75em] ds:eventcard-narrow:size-[0.75em] ds:eventcard-narrow-h2:size-[1em]`,
   {
     variants: {
       rank: {
@@ -380,7 +380,7 @@ const be = {
       }
     ]
   }
-), Be = ["first", "second", "third"], Ve = s(
+), Ve = ["first", "second", "third"], We = s(
   "event-card-more ds:text-[length:var(--type-meta-size)] ds:whitespace-nowrap",
   {
     variants: {
@@ -420,7 +420,7 @@ const be = {
       }
     ]
   }
-), We = s(
+), He = s(
   "event-card-sliver-cue ds:hidden ds:items-center ds:text-[length:var(--type-meta-size)]",
   {
     variants: {
@@ -431,142 +431,145 @@ const be = {
       }
     }
   }
-), He = ee(
+), Me = ne(
   ({
     title: t,
     shortTitle: d,
     startText: n,
     layout: e = "grid",
     contextLabel: i,
-    suffix: c,
+    contextName: l,
+    suffix: w,
     rangeText: f,
-    showTime: L = !0,
-    allDay: B = !1,
-    status: l,
+    showTime: B = !0,
+    allDay: V = !1,
+    status: c,
     backgroundColor: o,
     textColor: h,
-    borderColor: w,
-    isBookedOnline: S = !1,
-    hasUnassignedPatient: V,
-    hasHighlightedAnamnesis: W,
-    hasBillableAmount: H,
-    isTelehealth: M,
-    isRecurring: U,
+    borderColor: b,
+    isBookedOnline: I = !1,
+    hasUnassignedPatient: W,
+    hasHighlightedAnamnesis: H,
+    hasBillableAmount: M,
+    isTelehealth: U,
+    isRecurring: D,
     isTask: u = !1,
-    isDraft: b = !1,
-    detailsPending: x = !1,
-    colorStyle: D = "solid",
-    resourceLabel: G,
-    privacyMasked: I = !1,
-    eventId: $,
-    className: F,
-    style: z,
-    "aria-label": P,
-    ...Y
-  }, q) => {
-    const { t: v } = ne(), m = [
-      ...l ? [
+    isDraft: x = !1,
+    detailsPending: y = !1,
+    colorStyle: G = "solid",
+    resourceLabel: $,
+    privacyMasked: z = !1,
+    eventId: F,
+    className: P,
+    style: E,
+    "aria-label": Y,
+    ...q
+  }, X) => {
+    const { t: v } = ae(), m = [
+      ...c ? [
         {
           id: "status",
-          Icon: be[l],
-          label: v(C[l]),
-          tone: _e[l]
+          Icon: xe[c],
+          label: v(K[c]),
+          tone: Se[c]
         }
       ] : [],
       ...Ne.filter(
         ({ field: r }) => !!{
-          hasUnassignedPatient: V,
-          hasHighlightedAnamnesis: W,
-          hasBillableAmount: H,
-          isBookedOnline: S,
-          isTelehealth: M,
-          isRecurring: U
+          hasUnassignedPatient: W,
+          hasHighlightedAnamnesis: H,
+          hasBillableAmount: M,
+          isBookedOnline: I,
+          isTelehealth: U,
+          isRecurring: D
         }[r]
-      ).map(({ field: r, Icon: k, labelKey: _, tone: N }) => ({
+      ).map(({ field: r, Icon: _, labelKey: S, tone: N }) => ({
         id: r,
-        Icon: k,
-        label: v(_),
+        Icon: _,
+        label: v(S),
         tone: N
       }))
-    ], X = l ? v(C[l]) : void 0, J = x ? v("calendar.eventKind.pendingDetails") : b ? v("calendar.eventKind.draft") : u ? v("calendar.eventKind.task") : void 0, Q = P ?? [
+    ], J = c ? v(K[c]) : void 0, Q = y ? v("calendar.eventKind.pendingDetails") : x ? v("calendar.eventKind.draft") : u ? v("calendar.eventKind.task") : void 0, Z = Y ?? [
       t,
       f,
-      c,
-      G,
-      i,
-      X,
+      w,
+      $,
+      // A blank name falls back to the visible label rather than
+      // silencing the context altogether.
+      l != null && l.trim() ? l : i,
       J,
+      Q,
       ...m.filter((r) => r.id !== "status").map((r) => r.label)
-    ].filter(Boolean).join(", "), E = x ? "pending-details" : b ? "draft" : u ? "task" : "appointment", g = !u && !b && D === "tinted", y = !g && !h && o ? we(o) : null, j = g ? o ? { "--calendar-event-accent": o } : void 0 : o || h || w ? {
+    ].filter(Boolean).join(", "), j = y ? "pending-details" : x ? "draft" : u ? "task" : "appointment", g = !u && !x && G === "tinted", k = !g && !h && o ? be(o) : null, A = g ? o ? { "--calendar-event-accent": o } : void 0 : o || h || b ? {
       ...o ? { "--calendar-event-bg": o } : {},
-      ...h ? { "--calendar-event-text": h } : y === "on-light" ? { "--calendar-event-text": "var(--event-ink-on-light)" } : y === "on-dark" ? { "--calendar-event-text": "var(--event-ink-on-dark)" } : {},
-      ...w ? { "--calendar-event-border": w } : {}
-    } : void 0, Z = z || j ? { ...z, ...j } : void 0, A = !!(!I && (d != null && d.trim()) && d !== t);
+      ...h ? { "--calendar-event-text": h } : k === "on-light" ? { "--calendar-event-text": "var(--event-ink-on-light)" } : k === "on-dark" ? { "--calendar-event-text": "var(--event-ink-on-dark)" } : {},
+      ...b ? { "--calendar-event-border": b } : {}
+    } : void 0, ee = E || A ? { ...E, ...A } : void 0, R = !!(!z && (d != null && d.trim()) && d !== t);
     return /* @__PURE__ */ a(
       "div",
       {
-        ref: q,
+        ref: X,
         role: "group",
-        ...Y,
-        className: Se({
+        ...q,
+        className: Ie({
           layout: e,
-          status: l ?? "none",
-          bookedOnline: S,
-          kind: E,
+          status: c ?? "none",
+          bookedOnline: I,
+          kind: j,
           colorStyle: g ? "tinted" : "solid",
-          className: F
+          className: P
         }),
-        style: Z,
-        "aria-label": Q,
+        style: ee,
+        "aria-label": Z,
         "data-component": "calendar-event-card",
-        "data-event-id": $,
-        "data-kind": E,
-        "data-status": l ?? "none",
-        "data-contrast": g ? "tinted" : h ? "custom" : y ?? "default",
-        children: /* @__PURE__ */ p("span", { className: Ie, "aria-hidden": "true", children: [
-          /* @__PURE__ */ p("span", { className: ze, children: [
+        "data-event-id": F,
+        "data-kind": j,
+        "data-status": c ?? "none",
+        "data-contrast": g ? "tinted" : h ? "custom" : k ?? "default",
+        children: /* @__PURE__ */ p("span", { className: ze, "aria-hidden": "true", children: [
+          /* @__PURE__ */ p("span", { className: Ee, children: [
             /* @__PURE__ */ a(
               "span",
               {
-                className: Ee({
+                className: je({
                   layout: e,
                   hiddenMarkers: m.length > 1
                 }),
-                children: x ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: ye }) : /* @__PURE__ */ p(R, { children: [
-                  u ? /* @__PURE__ */ a(pe, { className: K }) : null,
-                  I ? /* @__PURE__ */ a(fe, { className: K }) : null,
+                children: y ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: ke }) : /* @__PURE__ */ p(C, { children: [
+                  u ? /* @__PURE__ */ a(fe, { className: O }) : null,
+                  z ? /* @__PURE__ */ a(ue, { className: O }) : null,
                   /* @__PURE__ */ a(
                     "span",
                     {
-                      className: je({
-                        hasShortTitle: A
+                      className: Ae({
+                        hasShortTitle: R
                       }),
                       children: t
                     }
                   ),
-                  A ? /* @__PURE__ */ a("span", { className: "event-card-short-title ds:hidden ds:eventcard-sliver:inline", children: d }) : null
+                  R ? /* @__PURE__ */ a("span", { className: "event-card-short-title ds:hidden ds:eventcard-sliver:inline", children: d }) : null
                 ] })
               }
             ),
-            L && !B && f ? /* @__PURE__ */ a("span", { className: Ae({ layout: e }), children: n ? /* @__PURE__ */ p(R, { children: [
-              /* @__PURE__ */ a("span", { className: Re({ layout: e }), children: n }),
-              /* @__PURE__ */ a("span", { className: Ce({ layout: e }), children: f })
+            B && !V && f ? /* @__PURE__ */ a("span", { className: Re({ layout: e }), children: n ? /* @__PURE__ */ p(C, { children: [
+              /* @__PURE__ */ a("span", { className: Ce({ layout: e }), children: n }),
+              /* @__PURE__ */ a("span", { className: Ke({ layout: e }), children: f })
             ] }) : f }) : null
           ] }),
-          c ? /* @__PURE__ */ a("span", { className: Ke({ layout: e }), children: c }) : null,
-          i ? /* @__PURE__ */ a("span", { className: Oe({ layout: e }), children: i }) : null,
-          m.length > 0 ? /* @__PURE__ */ p("span", { className: Te({ layout: e }), children: [
-            m.map(({ id: r, Icon: k, tone: _ }, N) => /* @__PURE__ */ a(
+          w ? /* @__PURE__ */ a("span", { className: Oe({ layout: e }), children: w }) : null,
+          i ? /* @__PURE__ */ a("span", { className: Te({ layout: e }), children: i }) : null,
+          m.length > 0 ? /* @__PURE__ */ p("span", { className: Le({ layout: e }), children: [
+            m.map(({ id: r, Icon: _, tone: S }, N) => /* @__PURE__ */ a(
               "span",
               {
                 "data-marker": r,
                 "aria-hidden": "true",
-                className: Le({
-                  rank: Be[N] ?? "rest",
+                className: Be({
+                  rank: Ve[N] ?? "rest",
                   layout: e,
-                  className: ke[_]
+                  className: _e[S]
                 }),
-                children: /* @__PURE__ */ a(k, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ a(_, { "aria-hidden": "true" })
               },
               r
             )),
@@ -574,7 +577,7 @@ const be = {
               (r) => m.length > r ? /* @__PURE__ */ a(
                 "span",
                 {
-                  className: Ve({ capacity: r, layout: e }),
+                  className: We({ capacity: r, layout: e }),
                   children: v("calendar.card.more", {
                     number: m.length - r
                   })
@@ -582,19 +585,19 @@ const be = {
                 r
               ) : null
             ),
-            m.length > 1 && e !== "month" ? /* @__PURE__ */ a("span", { className: We({ layout: e }), children: "·" }) : null
+            m.length > 1 && e !== "month" ? /* @__PURE__ */ a("span", { className: He({ layout: e }), children: "·" }) : null
           ] }) : null
         ] })
       }
     );
   }
 );
-He.displayName = "CalendarEventCard";
+Me.displayName = "CalendarEventCard";
 export {
-  He as C,
+  Me as C,
   Ne as E,
-  be as S,
-  C as a,
-  rn as w
+  xe as S,
+  K as a,
+  dn as w
 };
-//# sourceMappingURL=calendar-event-card-DplPh1wv.js.map
+//# sourceMappingURL=calendar-event-card-DyFSIehr.js.map