@alfadocs/ui-kit 1.29.0 → 1.31.0

package/dist/_chunks/{calendar-event-card-66CEEWU6.js → calendar-event-card-DSh-69HT.js}

@@ -1,35 +1,35 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { forwardRef as Z } from "react";
-import { useTranslation as q } from "react-i18next";
-import { c as G } from "./index-D2ZczOXr.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { forwardRef as U } from "react";
+import { useTranslation as Z } from "react-i18next";
+import { c as q } 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 { E as C } from "./eye-off-C_4xkbRP.js";
+import { c as h } 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 T } from "./video-BheNGvsu.js";
-import { R as X } from "./repeat-CvQa5rZt.js";
+import { S as F } from "./stethoscope-sZXGC43m.js";
+import { C as J } from "./clock-Drd4Wtis.js";
+import { G as Q } from "./globe-sHBW1JN5.js";
+import { T as X } from "./triangle-alert-CBnO6nq_.js";
+import { H as P } from "./heart-pulse-BCppJyN2.js";
+import { V as ee } from "./video-BheNGvsu.js";
+import { R as ne } 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 = [
+const ae = [
   ["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);
+], re = h("ban", 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 ae = [
+const se = [
   ["path", { d: "M4 10h12", key: "1y6xl8" }],
   ["path", { d: "M4 14h9", key: "1loblj" }],
   [
@@ -39,14 +39,14 @@ const ae = [
       key: "1j6lzo"
     }
   ]
-], re = f("euro", ae);
+], de = h("euro", 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 se = [
+const te = [
   [
     "path",
     {
@@ -55,14 +55,14 @@ const se = [
     }
   ],
   ["path", { d: "M7 10v12", key: "1qc93n" }]
-], te = f("thumbs-up", se);
+], ie = h("thumbs-up", te);
 /**
  * @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 = [
+const oe = [
   [
     "path",
     {
@@ -70,62 +70,62 @@ const de = [
       key: "1xq2db"
     }
   ]
-], ie = f("zap", de);
-function oe(a) {
+], le = h("zap", oe);
+function ce(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;
+  let d, t, 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);
+    d = parseInt(n[0] + n[0], 16), t = 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);
+    d = parseInt(n.slice(0, 2), 16), t = parseInt(n.slice(2, 4), 16), s = parseInt(n.slice(4, 6), 16);
   } else
     return null;
-  return [t / 255, d / 255, s / 255];
+  return [d / 255, t / 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 ue([a, r, n]) {
+  const d = (t) => t <= 0.03928 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
+  return 0.2126 * d(a) + 0.7152 * d(r) + 0.0722 * d(n);
 }
-function Ae(a, r, n) {
+function Be(a, r, n) {
 }
-function ce(a) {
-  const r = oe(a);
-  return r ? le(r) > 0.1791 ? "on-light" : "on-dark" : null;
+function me(a) {
+  const r = ce(a);
+  return r ? ue(r) > 0.1791 ? "on-light" : "on-dark" : null;
 }
 const pe = {
-  confirmed: te,
-  waiting: F,
-  in_care: D,
+  confirmed: ie,
+  waiting: J,
+  in_care: F,
   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)]", p = {
+  cancelled: re,
+  absent: le
+}, 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)]", ve = "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", c = {
   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))]"
-}, me = {
+}, fe = {
   confirmed: "success",
   waiting: "info",
   in_care: "accent",
   done: "success",
   cancelled: "error",
   absent: "warning"
-}, ue = {
+}, he = {
   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 = G(
+}, ge = q(
   [
     // Block root; the appointment content is a wrap-capable flex row
     // (inline-flowing text cell beside the icon column — structurally
@@ -208,6 +208,10 @@ const pe = {
           "ds:[--calendar-event-text:var(--foreground)]",
           "ds:[--calendar-event-border:var(--primary)]"
         ].join(" "),
+        // Details pending — the block IS a booked appointment, so it
+        // keeps the colour-identity edge and assigns no paint of its own.
+        // Only the NAME is missing; the bar above stands in for it.
+        "pending-details": "ds:border-s-4",
         task: [
           "ds:border-dashed",
           "ds:[--calendar-event-bg:var(--muted)]",
@@ -239,66 +243,67 @@ const pe = {
       colorStyle: "solid"
     }
   }
-), fe = Z(
+), be = U(
   ({
     title: a,
     suffix: r,
     rangeText: n,
-    showTime: t = !0,
-    allDay: d = !1,
+    showTime: d = !0,
+    allDay: t = !1,
     status: s,
     backgroundColor: o,
     textColor: m,
-    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,
+    borderColor: g,
+    isBookedOnline: b = !1,
+    hasUnassignedPatient: w,
+    hasHighlightedAnamnesis: k,
+    hasBillableAmount: y,
+    isTelehealth: z,
+    isRecurring: S,
+    isTask: u = !1,
+    isDraft: x = !1,
+    detailsPending: p = !1,
+    colorStyle: L = "solid",
+    resourceLabel: j,
     privacyMasked: $ = !1,
-    eventId: L,
-    className: B,
+    eventId: B,
+    className: O,
     style: I,
-    "aria-label": C,
-    ...O
-  }, M) => {
-    const { t: b } = q(), x = s ? pe[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 = C ?? [a, n, A, R, V].filter(Boolean).join(", "), v = !l && !u && j === "tinted", _ = !v && !m && o ? ce(o) : null, S = v ? o ? { "--calendar-event-accent": o } : void 0 : o || m || h ? {
+    "aria-label": M,
+    ...H
+  }, R) => {
+    const { t: v } = Z(), _ = s ? pe[s] : null, G = !!_ || !!b || !!w || !!k || !!y || !!z || !!S, K = s ? v(he[s]) : void 0, V = p ? v("calendar.eventKind.pendingDetails") : x ? v("calendar.eventKind.draft") : u ? v("calendar.eventKind.task") : void 0, D = M ?? [a, n, j, K, V].filter(Boolean).join(", "), E = p ? "pending-details" : x ? "draft" : u ? "task" : "appointment", f = !u && !x && L === "tinted", N = !f && !m && o ? me(o) : null, A = f ? o ? { "--calendar-event-accent": o } : void 0 : o || m || g ? {
       ...o ? { "--calendar-event-bg": o } : {},
-      ...m ? { "--calendar-event-text": m } : _ === "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(
+      ...m ? { "--calendar-event-text": m } : N === "on-light" ? { "--calendar-event-text": "var(--event-ink-on-light)" } : N === "on-dark" ? { "--calendar-event-text": "var(--event-ink-on-dark)" } : {},
+      ...g ? { "--calendar-event-border": g } : {}
+    } : void 0, T = I || A ? { ...I, ...A } : void 0;
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: M,
-        ...O,
-        className: ve({
+        ref: R,
+        ...H,
+        className: ge({
           status: s ?? "none",
-          bookedOnline: g,
-          kind: u ? "draft" : l ? "task" : "appointment",
-          colorStyle: v ? "tinted" : "solid",
-          className: B
+          bookedOnline: b,
+          kind: E,
+          colorStyle: f ? "tinted" : "solid",
+          className: O
         }),
-        style: U,
-        "aria-label": K,
+        style: T,
+        "aria-label": D,
         "data-component": "calendar-event-card",
-        "data-event-id": L,
-        "data-kind": u ? "draft" : l ? "task" : "appointment",
+        "data-event-id": B,
+        "data-kind": E,
         "data-status": s ?? "none",
-        "data-contrast": v ? "tinted" : m ? "custom" : _ ?? "default",
+        "data-contrast": f ? "tinted" : m ? "custom" : N ?? "default",
         children: [
-          l ? (
+          u && !p ? (
             /* 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__ */ l("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -307,9 +312,9 @@ const pe = {
                   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" }),
+              d && !t && 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__ */ l("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ e(C, { size: 12, "aria-hidden": "true" }),
                 a
               ] }) : a })
             ] })
@@ -321,20 +326,23 @@ const pe = {
                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-[var(--spacing-2xl)] ds:flex-1 ds:overflow-hidden ds:break-normal", children: [
-                t && !d && n ? (
+            /* @__PURE__ */ l("span", { className: "ds:flex ds:h-full ds:items-stretch ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ l("span", { className: "ds:min-w-[var(--spacing-2xl)] ds:flex-1 ds:overflow-hidden ds:break-normal", children: [
+                d && !t && 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: $ ? (
+                /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)]", children: p ? (
+                  /* No name yet — and nothing invented in its place. */
+                  /* @__PURE__ */ e("span", { "aria-hidden": "true", className: ve })
+                ) : $ ? (
                   /* 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" }),
+                  /* @__PURE__ */ l("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:ps-[var(--spacing-2xs)] ds:align-middle", children: [
+                    /* @__PURE__ */ e(C, { size: 12, "aria-hidden": "true" }),
                     a
                   ] })
                 ) : a }),
@@ -344,10 +352,10 @@ const pe = {
                   /* @__PURE__ */ e("span", { className: "ds:block ds:truncate ds:text-[length:var(--font-size-xs)]", children: r })
                 ) : null
               ] }),
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ l(
                 "span",
                 {
-                  className: H ? (
+                  className: G ? (
                     /* Vertically CENTRED indicator column — each disc is
                                            its own card-surface circle, so no plate and no
                                            colour-on-colour.
@@ -363,60 +371,60 @@ const pe = {
                     "ds:hidden ds:@[128px]/eventcard:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-2xs)] ds:self-center"
                   ) : "ds:hidden",
                   children: [
-                    x && s ? /* @__PURE__ */ e(
+                    _ && s ? /* @__PURE__ */ e(
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${p[me[s]]}`,
-                        children: /* @__PURE__ */ e(x, { size: 11, "aria-hidden": "true" })
+                        className: `${i} ${c[fe[s]]}`,
+                        children: /* @__PURE__ */ e(_, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
-                    g ? /* @__PURE__ */ e(
+                    b ? /* @__PURE__ */ e(
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${p.info}`,
-                        children: /* @__PURE__ */ e(J, { size: 11, "aria-hidden": "true" })
+                        className: `${i} ${c.info}`,
+                        children: /* @__PURE__ */ e(Q, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
-                    N ? /* @__PURE__ */ e(
+                    w ? /* @__PURE__ */ e(
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${p.warning}`,
-                        children: /* @__PURE__ */ e(P, { size: 11, "aria-hidden": "true" })
+                        className: `${i} ${c.warning}`,
+                        children: /* @__PURE__ */ e(X, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
-                    w ? /* @__PURE__ */ e(
+                    k ? /* @__PURE__ */ e(
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${p.accent}`,
-                        children: /* @__PURE__ */ e(Q, { size: 11, "aria-hidden": "true" })
+                        className: `${i} ${c.accent}`,
+                        children: /* @__PURE__ */ e(P, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
-                    k ? /* @__PURE__ */ e(
+                    y ? /* @__PURE__ */ e(
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${p.warning}`,
-                        children: /* @__PURE__ */ e(re, { size: 11, "aria-hidden": "true" })
+                        className: `${i} ${c.warning}`,
+                        children: /* @__PURE__ */ e(de, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
-                    y ? /* @__PURE__ */ e(
+                    z ? /* @__PURE__ */ e(
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${p.info}`,
-                        children: /* @__PURE__ */ e(T, { size: 11, "aria-hidden": "true" })
+                        className: `${i} ${c.info}`,
+                        children: /* @__PURE__ */ e(ee, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
-                    z ? /* @__PURE__ */ e(
+                    S ? /* @__PURE__ */ e(
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${p.info}`,
-                        children: /* @__PURE__ */ e(X, { size: 11, "aria-hidden": "true" })
+                        className: `${i} ${c.info}`,
+                        children: /* @__PURE__ */ e(ne, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null
                   ]
@@ -424,8 +432,8 @@ const pe = {
               )
             ] })
           ),
-          l && t && !d && n ? /* @__PURE__ */ e("span", { className: "ds:text-[length:var(--font-size-xs)]", children: n }) : null,
-          l && r ? (
+          u && d && !t && n ? /* @__PURE__ */ e("span", { className: "ds:text-[length:var(--font-size-xs)]", children: n }) : null,
+          u && 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 })
@@ -435,13 +443,13 @@ const pe = {
     );
   }
 );
-fe.displayName = "CalendarEventCard";
+be.displayName = "CalendarEventCard";
 export {
-  ne as B,
-  fe as C,
-  re as E,
-  te as T,
-  ie as Z,
-  Ae as w
+  re as B,
+  be as C,
+  de as E,
+  ie as T,
+  le as Z,
+  Be as w
 };
-//# sourceMappingURL=calendar-event-card-66CEEWU6.js.map
+//# sourceMappingURL=calendar-event-card-DSh-69HT.js.map