@alfadocs/ui-kit 1.44.0 → 1.46.0

package/dist/_chunks/button-group-CA1tmu39.js

@@ -0,0 +1,325 @@
+import { jsx as s, jsxs as G } from "react/jsx-runtime";
+import { forwardRef as Re, useRef as C, useState as se, useCallback as A, Children as K, isValidElement as ie, useEffect as Ie, cloneElement as $ } from "react";
+import { c as he } from "./index-D2ZczOXr.js";
+import { useTranslation as xe } from "react-i18next";
+import { I as ae } from "./icon-button-CehAeZoP.js";
+import { D as N } from "./dropdown-menu-DU-Hrf33.js";
+import { T as ke } from "./tooltip-Cp-PLePW.js";
+import { u as Le } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ce } from "./use-priority-overflow-c9SjxZkZ.js";
+import { E as le } from "./ellipsis-dRo9ouSU.js";
+function V(g) {
+  g && (g.inert = !0);
+}
+const ue = he(
+  "ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10",
+  {
+    variants: {
+      orientation: {
+        horizontal: [
+          "ds:flex-row",
+          "ds:[&>*:not(:first-child)]:rounded-s-none",
+          "ds:[&>*:not(:last-child)]:rounded-e-none",
+          "ds:[&>*:not(:first-child)]:-ms-px"
+        ].join(" "),
+        vertical: [
+          "ds:flex-col",
+          "ds:[&>*:not(:first-child)]:rounded-t-none",
+          "ds:[&>*:not(:last-child)]:rounded-b-none",
+          "ds:[&>*:not(:first-child)]:-mt-px"
+        ].join(" ")
+      },
+      separator: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        orientation: "horizontal",
+        separator: !0,
+        class: "ds:[&>*:not(:last-child)]:border-e ds:[&>*:not(:last-child)]:border-border"
+      },
+      {
+        orientation: "vertical",
+        separator: !0,
+        class: "ds:[&>*:not(:last-child)]:border-b ds:[&>*:not(:last-child)]:border-border"
+      }
+    ],
+    defaultVariants: {
+      orientation: "horizontal",
+      separator: !1
+    }
+  }
+), M = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", Ae = Re(
+  ({
+    className: g,
+    orientation: f = "horizontal",
+    separator: P = !1,
+    toolbar: w = !1,
+    intent: v = "outline",
+    background: y = "transparent",
+    size: l,
+    label: ce,
+    overflow: pe = "none",
+    collapseToIcons: S = !1,
+    children: j,
+    ...O
+  }, R) => {
+    const { t: U } = xe(), _ = ce ?? U("buttonGroup.label", "Button group"), H = U("buttonGroup.more", "More options"), u = pe === "menu" && f !== "vertical", c = w, m = C([]), [p, I] = se(0), W = C(null), [B, de] = se(!1);
+    Le(() => {
+      if (typeof window > "u") return;
+      const e = W.current;
+      e && de(window.getComputedStyle(e).direction === "rtl");
+    }, []);
+    const q = A(
+      (e) => {
+        var h;
+        if (!c) return;
+        const r = m.current.filter(Boolean).length;
+        if (r === 0) return;
+        const t = f === "vertical" ? "ArrowDown" : B ? "ArrowLeft" : "ArrowRight", o = f === "vertical" ? "ArrowUp" : B ? "ArrowRight" : "ArrowLeft";
+        let n = null;
+        if (e.key === t ? n = (p + 1) % r : e.key === o ? n = (p - 1 + r) % r : e.key === "Home" ? n = 0 : e.key === "End" && (n = r - 1), n === null) return;
+        const a = r;
+        let i = 0, d = n;
+        for (; i < a; ) {
+          const x = m.current[d];
+          if (x && x.getAttribute("aria-disabled") !== "true" && !x.disabled)
+            break;
+          d = e.key === o || e.key === "End" ? (d - 1 + r) % r : (d + 1) % r, i += 1;
+        }
+        e.preventDefault(), I(d), (h = m.current[d]) == null || h.focus();
+      },
+      [c, f, B, p]
+    ), b = u ? K.toArray(j).filter(ie) : [], D = (e) => {
+      if (typeof e.props.children == "string") return e.props.children;
+      const r = e.props["aria-label"];
+      return typeof r == "string" ? r : null;
+    };
+    C(!1);
+    const fe = b.map((e) => {
+      const r = e.props["data-overflow-pin"] !== void 0, t = D(e) !== null;
+      return r || !t;
+    }), {
+      containerRef: me,
+      fullRowRef: J,
+      iconRowRef: Q,
+      triggerProbeRef: X,
+      stage: be,
+      visible: F,
+      overflowing: k
+    } = Ce({
+      enabled: u,
+      count: b.length,
+      twoStage: S,
+      pinned: fe
+    }), ge = A(
+      (e) => {
+        V(e), J(e);
+      },
+      [J]
+    ), we = A(
+      (e) => {
+        V(e), Q(e);
+      },
+      [Q]
+    ), ve = A(
+      (e) => {
+        V(e), X(e);
+      },
+      [X]
+    ), Y = C(null), L = u ? F.filter(Boolean).length : K.count(j);
+    Ie(() => {
+      var r;
+      if (!c || !u) return;
+      const e = L + (k ? 1 : 0);
+      e > 0 && p >= e && (I(e - 1), document.activeElement === document.body && ((r = Y.current) == null || r.focus()));
+    }, [
+      c,
+      u,
+      L,
+      k,
+      p
+    ]);
+    const Z = (e, r) => (t) => {
+      m.current[r] = t;
+      const o = e.ref;
+      typeof o == "function" ? o(t) : o != null && typeof o == "object" && (o.current = t);
+    }, ye = u ? null : K.map(j, (e, r) => {
+      if (!ie(e)) return e;
+      const t = e, o = {
+        intent: t.props.intent ?? v,
+        background: t.props.background ?? y,
+        ...l ? { size: t.props.size ?? l } : null
+      };
+      return c && (o.tabIndex = r === p ? 0 : -1, o.onFocus = (n) => {
+        var a, i;
+        I(r), (i = (a = t.props).onFocus) == null || i.call(a, n);
+      }, o.ref = Z(t, r)), $(
+        t,
+        o
+      );
+    });
+    let E = null, ee = null;
+    if (u) {
+      m.current.length = L + (k ? 1 : 0);
+      let e = -1;
+      E = b.map((r, t) => {
+        if (!F[t]) return null;
+        e += 1;
+        const o = e, n = {
+          intent: r.props.intent ?? v,
+          background: r.props.background ?? y,
+          ...l ? { size: r.props.size ?? l } : null
+        };
+        S && be === "icons" && r.props.children && (r.props.startIcon || r.props.endIcon) && (n.hideLabel = !0), c && (n.tabIndex = o === p ? 0 : -1, n.onFocus = (x) => {
+          var oe, ne;
+          I(o), (ne = (oe = r.props).onFocus) == null || ne.call(oe, x);
+        }, n.ref = Z(r, o));
+        const a = n.hideLabel === !0, i = $(
+          r,
+          n
+        ), d = r.props["data-overflow-tip"] === !1 || r.props["data-overflow-tip"] === "false", h = a && !d ? D(r) : null;
+        return h ? /* @__PURE__ */ s(ke, { label: h, children: i }, r.key ?? t) : i;
+      }), ee = b.map((r, t) => {
+        if (F[t]) return null;
+        const o = D(r);
+        return o === null ? null : /* @__PURE__ */ s(
+          N.Item,
+          {
+            startIcon: r.props.startIcon,
+            disabled: r.props.disabled === !0 || r.props.loading === !0,
+            onSelect: (n) => {
+              var a, i;
+              (i = (a = r.props).onClick) == null || i.call(
+                a,
+                n
+              );
+            },
+            children: o
+          },
+          r.key ?? t
+        );
+      });
+    }
+    const re = (e) => {
+      W.current = e, typeof R == "function" ? R(e) : R && typeof R == "object" && (R.current = e);
+    };
+    if (!u)
+      return /* @__PURE__ */ s(
+        "div",
+        {
+          ref: re,
+          role: w ? "toolbar" : "group",
+          "aria-label": _,
+          "aria-orientation": w ? f ?? "horizontal" : void 0,
+          "data-component": "button-group",
+          onKeyDown: q,
+          className: ue({ orientation: f, separator: P, className: g }),
+          ...O,
+          children: ye
+        }
+      );
+    const z = ue({ orientation: f, separator: P }), T = L, te = (e, r, t) => $(e, {
+      key: e.key ?? r,
+      intent: e.props.intent ?? v,
+      background: e.props.background ?? y,
+      ...l ? { size: e.props.size ?? l } : null,
+      tabIndex: -1,
+      // Same rule as the live strip: icon-only children never hideLabel.
+      ...t && e.props.children && (e.props.startIcon || e.props.endIcon) ? { hideLabel: !0 } : null,
+      ref: null
+    });
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: re,
+        "data-component": "button-group",
+        className: [
+          "ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip",
+          g ?? ""
+        ].join(" ").trim(),
+        ...O,
+        children: /* @__PURE__ */ G("div", { ref: me, className: "ds:block ds:w-full ds:min-w-0", children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              ref: ge,
+              "aria-hidden": "true",
+              inert: !0,
+              className: `${M} ${z}`,
+              children: b.map((e, r) => te(e, r, !1))
+            }
+          ),
+          S ? /* @__PURE__ */ s(
+            "div",
+            {
+              ref: we,
+              "aria-hidden": "true",
+              inert: !0,
+              className: `${M} ${z}`,
+              children: b.map((e, r) => te(e, r, !0))
+            }
+          ) : null,
+          /* @__PURE__ */ s(
+            "span",
+            {
+              ref: ve,
+              "aria-hidden": "true",
+              inert: !0,
+              className: M,
+              children: /* @__PURE__ */ s(
+                ae,
+                {
+                  icon: /* @__PURE__ */ s(le, {}),
+                  intent: v,
+                  background: y,
+                  size: l,
+                  "aria-label": H,
+                  tabIndex: -1
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ G(
+            "div",
+            {
+              role: w ? "toolbar" : "group",
+              "aria-label": _,
+              "aria-orientation": w ? "horizontal" : void 0,
+              onKeyDown: q,
+              className: `${z} ds:max-w-full ds:align-top`,
+              children: [
+                E,
+                k ? /* @__PURE__ */ G(N.Root, { children: [
+                  /* @__PURE__ */ s(N.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+                    ae,
+                    {
+                      icon: /* @__PURE__ */ s(le, {}),
+                      intent: v,
+                      background: y,
+                      size: l,
+                      "aria-label": H,
+                      ref: (e) => {
+                        Y.current = e, m.current[T] = e;
+                      },
+                      tabIndex: c ? p === T ? 0 : -1 : void 0,
+                      onFocus: c ? () => I(T) : void 0
+                    }
+                  ) }),
+                  /* @__PURE__ */ s(N.Content, { align: "end", children: ee })
+                ] }) : null
+              ]
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Ae.displayName = "ButtonGroup";
+export {
+  Ae as B
+};
+//# sourceMappingURL=button-group-CA1tmu39.js.map

package/dist/_chunks/{calendar-U6N0F99w.js → calendar-OzSeTb4V.js}

@@ -12,7 +12,7 @@ import cr from "@fullcalendar/timeline";
 import ur from "@fullcalendar/interaction";
 import { u as fr } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as mr } from "./registry-DvAUVLHh.js";
-import { w as pr, C as vr } from "./calendar-event-card-DKUnT9Be.js";
+import { w as pr, C as vr } from "./calendar-event-card-B6N5h1dO.js";
 import { A as hr } from "./avatar-CkDeQOSI.js";
 import { B as gr } from "./button-CaUe1uyd.js";
 import { R as yr } from "./resource-chip-DYTG0IQQ.js";
@@ -1342,4 +1342,4 @@ export {
   Tr as c,
   be as r
 };
-//# sourceMappingURL=calendar-U6N0F99w.js.map
+//# sourceMappingURL=calendar-OzSeTb4V.js.map

package/dist/_chunks/{calendar-event-card-DKUnT9Be.js → calendar-event-card-B6N5h1dO.js}

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { forwardRef as M } from "react";
 import { useTranslation as T } from "react-i18next";
 import { c as W } from "./index-D2ZczOXr.js";
@@ -64,7 +64,7 @@ const ce = {
   done: J,
   cancelled: q,
   absent: Y
-}, 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)]", ue = "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 = {
+}, o = "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)]", ue = "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)]",
@@ -78,14 +78,14 @@ const ce = {
   done: "success",
   cancelled: "error",
   absent: "warning"
-}, ve = {
+}, pe = {
   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"
-}, pe = W(
+}, fe = W(
   [
     // Block root; the appointment content is a wrap-capable flex row
     // (inline-flowing text cell beside the icon column — structurally
@@ -203,7 +203,7 @@ const ce = {
       colorStyle: "solid"
     }
   }
-), fe = M(
+), ve = M(
   ({
     title: a,
     suffix: r,
@@ -211,7 +211,7 @@ const ce = {
     showTime: d = !0,
     allDay: t = !1,
     status: s,
-    backgroundColor: o,
+    backgroundColor: l,
     textColor: m,
     borderColor: h,
     isBookedOnline: g = !1,
@@ -222,7 +222,7 @@ const ce = {
     isRecurring: z,
     isTask: u = !1,
     isDraft: b = !1,
-    detailsPending: v = !1,
+    detailsPending: p = !1,
     colorStyle: j = "solid",
     resourceLabel: B,
     privacyMasked: I = !1,
@@ -232,21 +232,21 @@ const ce = {
     "aria-label": O,
     ...R
   }, U) => {
-    const { t: p } = T(), x = s ? ce[s] : null, G = !!x || !!g || !!N || !!w || !!k || !!S || !!z, H = s ? p(ve[s]) : void 0, K = v ? p("calendar.eventKind.pendingDetails") : b ? p("calendar.eventKind.draft") : u ? p("calendar.eventKind.task") : void 0, V = O ?? [a, n, B, H, K].filter(Boolean).join(", "), $ = v ? "pending-details" : b ? "draft" : u ? "task" : "appointment", f = !u && !b && j === "tinted", _ = !f && !m && o ? le(o) : null, E = f ? o ? { "--calendar-event-accent": o } : void 0 : o || m || h ? {
-      ...o ? { "--calendar-event-bg": o } : {},
+    const { t: f } = T(), x = s ? ce[s] : null, G = !!x || !!g || !!N || !!w || !!k || !!S || !!z, H = s ? f(pe[s]) : void 0, K = p ? f("calendar.eventKind.pendingDetails") : b ? f("calendar.eventKind.draft") : u ? f("calendar.eventKind.task") : void 0, V = O ?? [a, n, B, H, K].filter(Boolean).join(", "), $ = p ? "pending-details" : b ? "draft" : u ? "task" : "appointment", v = !u && !b && j === "tinted", _ = !v && !m && l ? le(l) : null, E = v ? l ? { "--calendar-event-accent": l } : void 0 : l || m || h ? {
+      ...l ? { "--calendar-event-bg": l } : {},
       ...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, D = y || E ? { ...y, ...E } : void 0;
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ i(
       "div",
       {
         ref: U,
         ...R,
-        className: pe({
+        className: fe({
           status: s ?? "none",
           bookedOnline: g,
           kind: $,
-          colorStyle: f ? "tinted" : "solid",
+          colorStyle: v ? "tinted" : "solid",
           className: A
         }),
         style: D,
@@ -255,25 +255,25 @@ const ce = {
         "data-event-id": L,
         "data-kind": $,
         "data-status": s ?? "none",
-        "data-contrast": f ? "tinted" : m ? "custom" : _ ?? "default",
+        "data-contrast": v ? "tinted" : m ? "custom" : _ ?? "default",
         children: [
-          u && !v ? (
+          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__ */ l("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ i("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)]`,
+                  className: `${o} ds:text-[color:var(--muted-foreground)]`,
                   children: /* @__PURE__ */ e(X, { size: 11, "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: I ? /* @__PURE__ */ l("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ e("span", { className: "ds:[min-inline-size:0] ds:font-[var(--font-weight-semibold)] ds:truncate ds:text-start", children: I ? /* @__PURE__ */ i("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
                 /* @__PURE__ */ e(C, { size: 12, "aria-hidden": "true" }),
                 a
               ] }) : a })
@@ -286,33 +286,42 @@ const ce = {
                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__ */ 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: v ? (
-                  /* No name yet — and nothing invented in its place. */
-                  /* @__PURE__ */ e("span", { "aria-hidden": "true", className: ue })
-                ) : I ? (
-                  /* The eye + mask get their own start padding so the
-                     redaction doesn't crowd the time. */
-                  /* @__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 }),
+            /* @__PURE__ */ i("span", { className: "ds:flex ds:h-full ds:items-stretch ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ i("span", { className: "ds:min-w-[var(--spacing-2xl)] ds:flex-1 ds:overflow-hidden ds:break-normal", children: [
+                /* @__PURE__ */ i("span", { className: "ds:flex ds:min-w-0 ds:items-baseline ds:gap-[var(--spacing-2xs)]", 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:max-w-[55%] ds:shrink-0 ds:truncate ds:whitespace-nowrap ds:text-[length:var(--font-size-xs)]",
+                        title: n,
+                        children: n
+                      }
+                    )
+                  ) : null,
+                  /* @__PURE__ */ e("span", { className: "ds:min-w-0 ds:flex-1 ds:truncate ds:font-[var(--font-weight-semibold)]", children: p ? (
+                    /* No name yet — and nothing invented in its place. */
+                    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: ue })
+                  ) : I ? (
+                    /* The eye + mask get their own start padding so the
+                       redaction doesn't crowd the time. */
+                    /* @__PURE__ */ i("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 })
+                ] }),
                 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__ */ l(
+              /* @__PURE__ */ i(
                 "span",
                 {
                   className: G ? (
@@ -335,7 +344,7 @@ const ce = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${c[me[s]]}`,
+                        className: `${o} ${c[me[s]]}`,
                         children: /* @__PURE__ */ e(x, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -343,7 +352,7 @@ const ce = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${c.info}`,
+                        className: `${o} ${c.info}`,
                         children: /* @__PURE__ */ e(P, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -351,7 +360,7 @@ const ce = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${c.warning}`,
+                        className: `${o} ${c.warning}`,
                         children: /* @__PURE__ */ e(ee, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -359,7 +368,7 @@ const ce = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${c.accent}`,
+                        className: `${o} ${c.accent}`,
                         children: /* @__PURE__ */ e(ne, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -367,7 +376,7 @@ const ce = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${c.warning}`,
+                        className: `${o} ${c.warning}`,
                         children: /* @__PURE__ */ e(te, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -375,7 +384,7 @@ const ce = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${c.info}`,
+                        className: `${o} ${c.info}`,
                         children: /* @__PURE__ */ e(re, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null,
@@ -383,7 +392,7 @@ const ce = {
                       "span",
                       {
                         "aria-hidden": "true",
-                        className: `${i} ${c.info}`,
+                        className: `${o} ${c.info}`,
                         children: /* @__PURE__ */ e(se, { size: 11, "aria-hidden": "true" })
                       }
                     ) : null
@@ -403,10 +412,10 @@ const ce = {
     );
   }
 );
-fe.displayName = "CalendarEventCard";
+ve.displayName = "CalendarEventCard";
 export {
-  fe as C,
+  ve as C,
   te as E,
   Be as w
 };
-//# sourceMappingURL=calendar-event-card-DKUnT9Be.js.map
+//# sourceMappingURL=calendar-event-card-B6N5h1dO.js.map