@alfadocs/ui-kit-debug 1.49.1 → 1.50.0

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

@@ -0,0 +1,600 @@
+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 { 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) {
+  if (typeof t != "string") return null;
+  const d = t.trim();
+  if (!d.startsWith("#")) return null;
+  const n = d.slice(1);
+  let e, i, c;
+  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);
+  } 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);
+  } else
+    return null;
+  return [e / 255, i / 255, c / 255];
+}
+function ge([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 we(t) {
+  const d = ue(t);
+  return d ? ge(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 = {
+  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 = {
+  confirmed: "success",
+  waiting: "info",
+  in_care: "accent",
+  done: "success",
+  cancelled: "error",
+  absent: "warning"
+}, C = {
+  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"
+}, Ne = [
+  {
+    field: "hasUnassignedPatient",
+    Icon: le,
+    labelKey: "calendarWorkspace.details.indicators.unassignedPatient",
+    tone: "warning"
+  },
+  {
+    field: "hasHighlightedAnamnesis",
+    Icon: ce,
+    labelKey: "calendarWorkspace.details.indicators.anamnesis",
+    tone: "accent"
+  },
+  {
+    field: "hasBillableAmount",
+    Icon: oe,
+    labelKey: "calendarWorkspace.details.indicators.billable",
+    tone: "warning"
+  },
+  {
+    field: "isBookedOnline",
+    Icon: ve,
+    labelKey: "calendarWorkspace.details.indicators.bookedOnline",
+    tone: "info"
+  },
+  {
+    field: "isTelehealth",
+    Icon: me,
+    labelKey: "calendarWorkspace.details.indicators.telehealth",
+    tone: "info"
+  },
+  {
+    field: "isRecurring",
+    Icon: he,
+    labelKey: "calendarWorkspace.details.indicators.recurring",
+    tone: "info"
+  }
+], Se = s(
+  [
+    // FullCalendar supplies the box. The card is the `eventcard` size
+    // container: the `ds:eventcard-*` tier variants (declared in
+    // src/styles.css) read its width and height to prioritise identity,
+    // then treatment, time and markers.
+    "calendar-event-card ds:relative ds:block ds:[container-name:eventcard]",
+    "ds:w-full",
+    "ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)]",
+    "ds:rounded-[var(--radius-sm)]",
+    // The type-role alias, so the text (and with it every em tier
+    // threshold) grows one step under .theme-accessible.
+    "ds:text-[length:var(--type-body-sm-size)]",
+    "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: {
+      layout: {
+        // Timed grids: FullCalendar supplies a definite block size. A
+        // standalone card with no height falls back to two lines.
+        grid: [
+          "ds:h-full ds:[container-type:size] ds:[min-block-size:0]",
+          "ds:[contain-intrinsic-block-size:calc(var(--type-body-sm-size)*var(--calendar-event-line-height)*2)]"
+        ].join(" "),
+        // Month cells: exactly one line.
+        month: [
+          "calendar-event-card--month ds:[container-type:size]",
+          "ds:[block-size:calc(var(--type-body-sm-size)*var(--calendar-event-line-height)_+_var(--spacing-2xs))]"
+        ].join(" "),
+        // Lists and timelines size from content: width tiers only.
+        flow: [
+          "calendar-event-card--flow ds:[container-type:inline-size]",
+          "ds:[min-block-size:calc(var(--type-body-sm-size)*var(--calendar-event-line-height))]"
+        ].join(" ")
+      },
+      // 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(" "),
+        // 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)]",
+          "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: {
+      layout: "grid",
+      status: "none",
+      bookedOnline: !1,
+      kind: "appointment",
+      colorStyle: "solid"
+    }
+  }
+), Ie = [
+  "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
+  // wraps inside it rather than running past the edge.
+  "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 = [
+  "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(
+  [
+    "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.
+    "ds:wrap-break-word",
+    "ds:eventcard-narrow:pe-[var(--spacing-xs)]"
+  ].join(" "),
+  {
+    variants: {
+      layout: {
+        grid: [
+          "ds:line-clamp-1 ds:eventcard-h3:line-clamp-2",
+          // Tall slivers: the name runs down the card.
+          "ds:eventcard-sliver-tall:block ds:eventcard-sliver-tall:[writing-mode:vertical-rl] ds:eventcard-sliver-tall:[text-orientation:mixed]",
+          "ds:eventcard-sliver-tall:whitespace-nowrap ds:eventcard-sliver-tall:text-ellipsis ds:eventcard-sliver-tall:flex-none ds:eventcard-sliver-tall:pe-0",
+          "ds:eventcard-sliver-tall:[max-inline-size:calc(100cqmax_-_var(--spacing-md))]",
+          "ds:eventcard-sliver-h2:line-clamp-2 ds:eventcard-sliver-h2:pe-0",
+          // Too thin for a legible line: colour and the priority marker.
+          "ds:eventcard-hairline:hidden"
+        ].join(" "),
+        month: "ds:line-clamp-1",
+        flow: "ds:line-clamp-2"
+      },
+      // Room for the one-line "marker +N" cluster that sits over the end:
+      // sized in em of the card text, like the cluster it clears.
+      hiddenMarkers: {
+        true: "ds:eventcard-narrow-count:pe-[2.25em]",
+        false: ""
+      }
+    }
+  }
+), je = 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(
+  "event-card-time ds:hidden ds:shrink-0 ds:whitespace-nowrap ds:text-[length:var(--type-meta-size)]",
+  {
+    variants: {
+      layout: {
+        // Wide cards, and tall cards from 112px, show the time; tall narrow
+        // cards put the start under the name.
+        grid: "ds:eventcard-w176:inline ds:eventcard-tall:inline ds:eventcard-narrow-tall:block",
+        month: "ds:eventcard-w176:inline",
+        flow: "ds:eventcard-w176:inline"
+      }
+    }
+  }
+), Re = s("event-card-start", {
+  variants: {
+    layout: {
+      grid: "ds:eventcard-w256:hidden",
+      month: "",
+      flow: "ds:eventcard-w256:hidden"
+    }
+  }
+}), Ce = s("event-card-range", {
+  variants: {
+    layout: {
+      grid: "ds:hidden ds:eventcard-w256:inline",
+      month: "ds:hidden",
+      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}`, {
+  variants: {
+    layout: {
+      grid: [
+        "ds:hidden ds:eventcard-h2:line-clamp-1",
+        "ds:eventcard-narrow:order-2 ds:eventcard-narrow-h2:hidden ds:eventcard-narrow-h5:line-clamp-1",
+        "ds:eventcard-sliver:hidden ds:eventcard-h7-mid:line-clamp-2"
+      ].join(" "),
+      month: "ds:hidden",
+      flow: "ds:line-clamp-1 ds:eventcard-narrow:order-2"
+    }
+  }
+}), Oe = s(`event-card-context ${T}`, {
+  variants: {
+    layout: {
+      grid: "ds:hidden ds:eventcard-narrow:order-3 ds:eventcard-context:line-clamp-1",
+      month: "ds:hidden",
+      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(
+  "event-card-markers ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:col-[2] ds:row-[1]",
+  {
+    variants: {
+      layout: {
+        grid: [
+          O,
+          "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,
+        // 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
+        // a slim card's dot never falls off the edge.
+        flow: "ds:eventcard-narrow:order-1 ds:eventcard-narrow:flex-wrap"
+      }
+    }
+  }
+), 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]`,
+  {
+    variants: {
+      rank: {
+        first: "ds:inline-flex",
+        second: "ds:hidden",
+        third: "ds:hidden",
+        rest: "ds:hidden"
+      },
+      layout: { grid: "", month: "", flow: "" }
+    },
+    compoundVariants: [
+      {
+        layout: ["grid", "flow"],
+        rank: "second",
+        class: "ds:eventcard-w256:inline-flex"
+      },
+      {
+        layout: ["grid", "flow"],
+        rank: "third",
+        class: "ds:eventcard-w352:inline-flex"
+      },
+      {
+        layout: ["grid", "flow"],
+        rank: ["second", "third", "rest"],
+        class: "ds:eventcard-tall-wide:inline-flex"
+      }
+    ]
+  }
+), Be = ["first", "second", "third"], Ve = s(
+  "event-card-more ds:text-[length:var(--type-meta-size)] ds:whitespace-nowrap",
+  {
+    variants: {
+      capacity: {
+        1: "event-card-more-1",
+        2: "event-card-more-2 ds:hidden",
+        3: "event-card-more-3 ds:hidden"
+      },
+      layout: { grid: "", month: "", flow: "" }
+    },
+    compoundVariants: [
+      { layout: "month", capacity: 1, class: "ds:inline" },
+      {
+        layout: "grid",
+        capacity: 1,
+        class: [
+          "ds:inline ds:eventcard-w256:hidden ds:eventcard-narrow:hidden",
+          "ds:eventcard-narrow-count:inline ds:eventcard-narrow-h2:inline ds:eventcard-tall-wide:hidden"
+        ].join(" ")
+      },
+      // Flow keeps narrow markers in the column, with room to count from
+      // 64px; slimmer flow cards fall back to the dot.
+      {
+        layout: "flow",
+        capacity: 1,
+        class: "ds:inline ds:@max-[64px]/eventcard:hidden ds:eventcard-w256:hidden"
+      },
+      {
+        layout: ["grid", "flow"],
+        capacity: 2,
+        class: "ds:eventcard-w256:inline ds:eventcard-w352:hidden ds:eventcard-tall-wide:hidden"
+      },
+      {
+        layout: ["grid", "flow"],
+        capacity: 3,
+        class: "ds:eventcard-w352:inline ds:eventcard-tall-wide:hidden"
+      }
+    ]
+  }
+), We = s(
+  "event-card-sliver-cue ds:hidden ds:items-center ds:text-[length:var(--type-meta-size)]",
+  {
+    variants: {
+      layout: {
+        grid: "ds:eventcard-narrow:flex ds:eventcard-narrow-count:hidden ds:eventcard-narrow-h2:hidden",
+        month: "",
+        flow: "ds:@max-[64px]/eventcard:flex"
+      }
+    }
+  }
+), He = ee(
+  ({
+    title: t,
+    shortTitle: d,
+    startText: n,
+    layout: e = "grid",
+    contextLabel: i,
+    suffix: c,
+    rangeText: f,
+    showTime: L = !0,
+    allDay: B = !1,
+    status: l,
+    backgroundColor: o,
+    textColor: h,
+    borderColor: w,
+    isBookedOnline: S = !1,
+    hasUnassignedPatient: V,
+    hasHighlightedAnamnesis: W,
+    hasBillableAmount: H,
+    isTelehealth: M,
+    isRecurring: U,
+    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 ? [
+        {
+          id: "status",
+          Icon: be[l],
+          label: v(C[l]),
+          tone: _e[l]
+        }
+      ] : [],
+      ...Ne.filter(
+        ({ field: r }) => !!{
+          hasUnassignedPatient: V,
+          hasHighlightedAnamnesis: W,
+          hasBillableAmount: H,
+          isBookedOnline: S,
+          isTelehealth: M,
+          isRecurring: U
+        }[r]
+      ).map(({ field: r, Icon: k, labelKey: _, tone: N }) => ({
+        id: r,
+        Icon: k,
+        label: v(_),
+        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 ?? [
+      t,
+      f,
+      c,
+      G,
+      i,
+      X,
+      J,
+      ...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 ? {
+      ...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);
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: q,
+        role: "group",
+        ...Y,
+        className: Se({
+          layout: e,
+          status: l ?? "none",
+          bookedOnline: S,
+          kind: E,
+          colorStyle: g ? "tinted" : "solid",
+          className: F
+        }),
+        style: Z,
+        "aria-label": Q,
+        "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: [
+            /* @__PURE__ */ a(
+              "span",
+              {
+                className: Ee({
+                  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,
+                  /* @__PURE__ */ a(
+                    "span",
+                    {
+                      className: je({
+                        hasShortTitle: A
+                      }),
+                      children: t
+                    }
+                  ),
+                  A ? /* @__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 })
+            ] }) : 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(
+              "span",
+              {
+                "data-marker": r,
+                "aria-hidden": "true",
+                className: Le({
+                  rank: Be[N] ?? "rest",
+                  layout: e,
+                  className: ke[_]
+                }),
+                children: /* @__PURE__ */ a(k, { "aria-hidden": "true" })
+              },
+              r
+            )),
+            [1, 2, 3].map(
+              (r) => m.length > r ? /* @__PURE__ */ a(
+                "span",
+                {
+                  className: Ve({ capacity: r, layout: e }),
+                  children: v("calendar.card.more", {
+                    number: m.length - r
+                  })
+                },
+                r
+              ) : null
+            ),
+            m.length > 1 && e !== "month" ? /* @__PURE__ */ a("span", { className: We({ layout: e }), children: "·" }) : null
+          ] }) : null
+        ] })
+      }
+    );
+  }
+);
+He.displayName = "CalendarEventCard";
+export {
+  He as C,
+  Ne as E,
+  be as S,
+  C as a,
+  rn as w
+};
+//# sourceMappingURL=calendar-event-card-DplPh1wv.js.map