@alfadocs/ui-kit 1.15.1 → 1.16.0

package/dist/_chunks/{calendar-CHT9Rm3M.js → calendar-PFO-NlYw.js}

@@ -12,7 +12,7 @@ import Zt from "@fullcalendar/timeline";
 import Qt from "@fullcalendar/interaction";
 import { u as er } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as tr } from "./registry-DvAUVLHh.js";
-import { w as rr, C as nr } from "./calendar-event-card-BjdHZaqz.js";
+import { w as rr, C as nr } from "./calendar-event-card-66CEEWU6.js";
 import { A as ir } from "./avatar-BNQNhoyL.js";
 import { R as ar } from "./resource-chip-DYTG0IQQ.js";
 import { T as sr } from "./tooltip-DvmfrNvB.js";
@@ -1249,4 +1249,4 @@ export {
   dr as c,
   pe as r
 };
-//# sourceMappingURL=calendar-CHT9Rm3M.js.map
+//# sourceMappingURL=calendar-PFO-NlYw.js.map

package/dist/_chunks/{calendar-event-card-BjdHZaqz.js → calendar-event-card-66CEEWU6.js}

@@ -97,21 +97,21 @@ function ce(a) {
   const r = oe(a);
   return r ? le(r) > 0.1791 ? "on-light" : "on-dark" : null;
 }
-const me = {
+const pe = {
   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 = {
+}, 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 = {
   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 = {
+}, me = {
   confirmed: "success",
   waiting: "info",
   in_care: "accent",
@@ -131,7 +131,16 @@ const me = {
     // (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",
+    //
+    // `@container/eventcard` makes the card's own inline size the query
+    // basis for the indicator column below. FullCalendar sizes the
+    // harness by lane count, so a dense day splits a column into
+    // 30-40px slivers with no media query anywhere near that width —
+    // only a container query can see it. Safe here: the root is a
+    // BLOCK, never a flex parent, so `container-type` cannot collapse a
+    // flex child (see rich-text-editor/editor-toolbar.tsx for the same
+    // precaution).
+    "ds:relative ds:block ds:@container/eventcard",
     "ds:w-full ds:h-full",
     "ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -239,7 +248,7 @@ const me = {
     allDay: d = !1,
     status: s,
     backgroundColor: o,
-    textColor: p,
+    textColor: m,
     borderColor: h,
     isBookedOnline: g = !1,
     hasUnassignedPatient: N,
@@ -258,9 +267,9 @@ const me = {
     "aria-label": C,
     ...O
   }, M) => {
-    const { t: b } = q(), 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 = C ?? [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 ? {
+    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 ? {
       ...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)" } : {},
+      ...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(
@@ -281,7 +290,7 @@ const me = {
         "data-event-id": L,
         "data-kind": u ? "draft" : l ? "task" : "appointment",
         "data-status": s ?? "none",
-        "data-contrast": v ? "tinted" : p ? "custom" : _ ?? "default",
+        "data-contrast": v ? "tinted" : m ? "custom" : _ ?? "default",
         children: [
           l ? (
             /* Task cards lead with ONE line — glyph + title inline. A task is
@@ -313,7 +322,7 @@ const me = {
                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: [
+              /* @__PURE__ */ c("span", { className: "ds:min-w-[var(--spacing-2xl)] 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
@@ -340,16 +349,25 @@ const me = {
                 {
                   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"
+                                           its own card-surface circle, so no plate and no
+                                           colour-on-colour.
+                    
+                                           Hidden below 128px of CARD width: three discs are
+                                           58px, so on a 34px overlap sliver the shrink-0
+                                           column outran the whole card and the time and name
+                                           were laid out at zero. Decoration must not outrank
+                                           the only content, and nothing is lost — every disc
+                                           is aria-hidden and its meaning already sits in the
+                                           composed aria-label, which a sliver card still
+                                           carries in full. */
+                    "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(
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${m[pe[s]]}`,
+                        className: `${i} ${p[me[s]]}`,
                         children: /* @__PURE__ */ e(x, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -357,7 +375,7 @@ const me = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${m.info}`,
+                        className: `${i} ${p.info}`,
                         children: /* @__PURE__ */ e(J, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -365,7 +383,7 @@ const me = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${m.warning}`,
+                        className: `${i} ${p.warning}`,
                         children: /* @__PURE__ */ e(P, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -373,7 +391,7 @@ const me = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${m.accent}`,
+                        className: `${i} ${p.accent}`,
                         children: /* @__PURE__ */ e(Q, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -381,7 +399,7 @@ const me = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${m.warning}`,
+                        className: `${i} ${p.warning}`,
                         children: /* @__PURE__ */ e(re, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -389,7 +407,7 @@ const me = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${m.info}`,
+                        className: `${i} ${p.info}`,
                         children: /* @__PURE__ */ e(T, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -397,7 +415,7 @@ const me = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${m.info}`,
+                        className: `${i} ${p.info}`,
                         children: /* @__PURE__ */ e(X, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null
@@ -426,4 +444,4 @@ export {
   ie as Z,
   Ae as w
 };
-//# sourceMappingURL=calendar-event-card-BjdHZaqz.js.map
+//# sourceMappingURL=calendar-event-card-66CEEWU6.js.map