@alfadocs/ui-kit-debug 0.72.2 → 0.75.0

package/dist/_chunks/{button-DD_0Xdmr.js → button-CPGiR_bH.js}

@@ -1,8 +1,8 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { forwardRef as x, useEffect as w } from "react";
-import { Slot as z, Slottable as k } from "@radix-ui/react-slot";
-import { c as B } from "./index-D2ZczOXr.js";
-const N = B(
+import { forwardRef as z, useEffect as k } from "react";
+import { Slot as B, Slottable as N } from "@radix-ui/react-slot";
+import { c as L } from "./index-D2ZczOXr.js";
+const C = L(
   // `forced-colors:*` — under Windows High Contrast Mode the OS strips our
   // bg/text tokens, so `ghost` / `outline` / `link` would lose their shape.
   // We repaint a `ButtonBorder` edge + swap the focus ring to `CanvasText`
@@ -16,6 +16,10 @@ const N = B(
         outline: "ds:bg-transparent ds:text-foreground ds:border ds:border-border ds:hover:bg-muted/10 ds:active:bg-muted/20",
         ghost: "ds:bg-transparent ds:text-foreground ds:hover:bg-muted/10 ds:active:bg-muted/20",
         destructive: "ds:bg-destructive ds:text-destructive-foreground ds:hover:bg-destructive-hover ds:active:opacity-90 ds:shadow-sm",
+        // Outline chrome in the destructive palette — for dangerous secondary
+        // actions (cancel appointment, remove item) that must read as risky
+        // without the solid fill's weight.
+        destructiveOutline: "ds:bg-transparent ds:text-destructive ds:border ds:border-destructive ds:hover:bg-destructive/10 ds:active:bg-destructive/20",
         link: "ds:bg-transparent ds:text-primary ds:underline-offset-4 ds:hover:underline ds:active:opacity-80 ds:p-0 ds:h-auto ds:rounded-none",
         // `tonal` is a container-contextual intent. The button carries a
         // `data-intent="tonal"` hook + baseline chrome (hover/active/shadow).
@@ -31,40 +35,51 @@ const N = B(
         sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden',
         md: "ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)]",
         lg: "ds:h-12 ds:ps-6 ds:pe-6 ds:text-[length:var(--font-size-lg)]"
+      },
+      hideLabel: {
+        true: "ds:aspect-square ds:ps-0 ds:pe-0",
+        false: ""
       }
     },
     defaultVariants: {
       intent: "primary",
-      size: "md"
+      size: "md",
+      hideLabel: !1
     }
   }
-), C = x(
+), S = z(
   ({
-    intent: i,
+    intent: a,
     size: t,
     className: f,
-    asChild: a = !1,
+    asChild: d = !1,
     loading: s = !1,
-    startIcon: d,
-    endIcon: r,
-    flipIconInRtl: b = !1,
-    disabled: v,
-    children: o,
+    startIcon: r,
+    endIcon: o,
+    flipIconInRtl: v = !1,
+    hideLabel: p = !1,
+    disabled: h,
+    children: i,
     ...n
-  }, p) => {
-    const h = a ? z : "button", g = !o && (d || r), y = n["aria-label"];
-    w(() => {
-    }, [g, y]);
-    const c = t === "sm" ? 16 : t === "lg" ? 20 : 18, l = t === "sm" ? "ds:size-4" : t === "lg" ? "ds:size-5" : "ds:size-[18px]", u = b ? "ds:rtl:rotate-180" : "";
+  }, g) => {
+    const y = d ? B : "button", c = p && !d, x = !i && (r || o), w = n["aria-label"];
+    k(() => {
+    }, [x, w]);
+    const l = t === "sm" ? 16 : t === "lg" ? 20 : 18, u = t === "sm" ? "ds:size-4" : t === "lg" ? "ds:size-5" : "ds:size-[18px]", b = v ? "ds:rtl:rotate-180" : "";
     return /* @__PURE__ */ m(
-      h,
+      y,
       {
-        ref: p,
-        className: N({ intent: i, size: t, className: f }),
-        disabled: v || s,
+        ref: g,
+        className: C({
+          intent: a,
+          size: t,
+          hideLabel: c,
+          className: f
+        }),
+        disabled: h || s,
         "aria-busy": s || void 0,
         "data-component": "button",
-        "data-intent": i ?? void 0,
+        "data-intent": a ?? void 0,
         ...n,
         children: [
           s && /* @__PURE__ */ m(
@@ -72,8 +87,8 @@ const N = B(
             {
               "aria-hidden": "true",
               className: "ds:animate-spin",
-              width: c,
-              height: c,
+              width: l,
+              height: l,
               viewBox: "0 0 24 24",
               fill: "none",
               children: [
@@ -100,21 +115,27 @@ const N = B(
               ]
             }
           ),
-          !s && d && /* @__PURE__ */ e(
+          !s && r && /* @__PURE__ */ e(
             "span",
             {
               "aria-hidden": "true",
-              className: `ds:inline-flex ds:items-center ${l} ${u}`.trim(),
-              children: d
+              className: `ds:inline-flex ds:items-center ${u} ${b}`.trim(),
+              children: r
             }
           ),
-          a ? /* @__PURE__ */ e(k, { children: o }) : /* @__PURE__ */ e("span", { className: s ? "ds:sr-only" : "ds:inline-flex", children: o }),
-          !s && r && /* @__PURE__ */ e(
+          d ? /* @__PURE__ */ e(N, { children: i }) : /* @__PURE__ */ e(
+            "span",
+            {
+              className: s || c ? "ds:sr-only" : "ds:inline-flex",
+              children: i
+            }
+          ),
+          !s && o && /* @__PURE__ */ e(
             "span",
             {
               "aria-hidden": "true",
-              className: `ds:inline-flex ds:items-center ${l} ${u}`.trim(),
-              children: r
+              className: `ds:inline-flex ds:items-center ${u} ${b}`.trim(),
+              children: o
             }
           )
         ]
@@ -122,8 +143,8 @@ const N = B(
     );
   }
 );
-C.displayName = "Button";
+S.displayName = "Button";
 export {
-  C as B
+  S as B
 };
-//# sourceMappingURL=button-DD_0Xdmr.js.map
+//# sourceMappingURL=button-CPGiR_bH.js.map

package/dist/_chunks/button-CPGiR_bH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CPGiR_bH.js","sources":["../../src/components/button/button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, useEffect } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst buttonVariants = cva(\n  // `forced-colors:*` — under Windows High Contrast Mode the OS strips our\n  // bg/text tokens, so `ghost` / `outline` / `link` would lose their shape.\n  // We repaint a `ButtonBorder` edge + swap the focus ring to `CanvasText`\n  // so the control and its focused state both survive HCM.\n  'ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:font-medium ds:transition-colors ds:rounded-[var(--radius-md)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:border ds:forced-colors:border-[ButtonBorder] ds:forced-colors:focus-visible:outline-[CanvasText] ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-busy:cursor-wait ds:relative',\n  {\n    variants: {\n      intent: {\n        primary:\n          'ds:bg-primary ds:text-primary-foreground ds:hover:bg-primary-hover ds:active:opacity-90 ds:shadow-sm',\n        secondary:\n          'ds:bg-secondary ds:text-secondary-foreground ds:hover:bg-secondary-hover ds:active:opacity-90',\n        outline:\n          'ds:bg-transparent ds:text-foreground ds:border ds:border-border ds:hover:bg-muted/10 ds:active:bg-muted/20',\n        ghost:\n          'ds:bg-transparent ds:text-foreground ds:hover:bg-muted/10 ds:active:bg-muted/20',\n        destructive:\n          'ds:bg-destructive ds:text-destructive-foreground ds:hover:bg-destructive-hover ds:active:opacity-90 ds:shadow-sm',\n        // Outline chrome in the destructive palette — for dangerous secondary\n        // actions (cancel appointment, remove item) that must read as risky\n        // without the solid fill's weight.\n        destructiveOutline:\n          'ds:bg-transparent ds:text-destructive ds:border ds:border-destructive ds:hover:bg-destructive/10 ds:active:bg-destructive/20',\n        link: 'ds:bg-transparent ds:text-primary ds:underline-offset-4 ds:hover:underline ds:active:opacity-80 ds:p-0 ds:h-auto ds:rounded-none',\n        // `tonal` is a container-contextual intent. The button carries a\n        // `data-intent=\"tonal\"` hook + baseline chrome (hover/active/shadow).\n        // The ambient container (e.g. `Alert`) paints the colour via a\n        // descendant selector — `[&_[data-intent=tonal]]:bg-…` — so the\n        // button picks up the surrounding tint (amber on `warning`, red on\n        // `error`, etc.). Outside such a container the button falls back to\n        // the primary palette so a loose `<Button intent=\"tonal\">` is never\n        // invisible.\n        tonal:\n          'ds:bg-primary ds:text-primary-foreground ds:hover:opacity-90 ds:active:opacity-80 ds:shadow-sm',\n      },\n      size: {\n        sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        md: 'ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:ps-6 ds:pe-6 ds:text-[length:var(--font-size-lg)]',\n      },\n      hideLabel: {\n        true: 'ds:aspect-square ds:ps-0 ds:pe-0',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      intent: 'primary',\n      size: 'md',\n      hideLabel: false,\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends\n    ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  startIcon?: React.ReactNode;\n  endIcon?: React.ReactNode;\n  /**\n   * Mirror directional icons (arrows, chevrons) horizontally when the\n   * interface renders in RTL. Default `false` — most icons (trash, calendar,\n   * plus) must NOT flip. Opt in per call-site for arrow / chevron glyphs.\n   */\n  flipIconInRtl?: boolean;\n  /**\n   * Visually hide the label, leaving the icon(s) and a square footprint.\n   * The children stay in the DOM screen-reader-only, so the accessible\n   * name is preserved. Ignored with `asChild` (the label is slotted).\n   */\n  hideLabel?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      intent,\n      size,\n      className,\n      asChild = false,\n      loading = false,\n      startIcon,\n      endIcon,\n      flipIconInRtl = false,\n      hideLabel = false,\n      disabled,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : 'button';\n    const labelHidden = hideLabel && !asChild;\n    const isIconButton = !children && (startIcon || endIcon);\n\n    const ariaLabel = props['aria-label'];\n    useEffect(() => {\n      if (import.meta.env.DEV && isIconButton && !ariaLabel) {\n        console.warn(\n          'Button: Use IconButton for icon-only triggers to ensure accessibility and proper square sizing.',\n        );\n      }\n    }, [isIconButton, ariaLabel]);\n\n    const iconSize = size === 'sm' ? 16 : size === 'lg' ? 20 : 18;\n    const iconSizeClass =\n      size === 'sm'\n        ? 'ds:size-4'\n        : size === 'lg'\n          ? 'ds:size-5'\n          : 'ds:size-[18px]';\n    const iconFlipClass = flipIconInRtl ? 'ds:rtl:rotate-180' : '';\n\n    return (\n      <Comp\n        ref={ref}\n        className={buttonVariants({\n          intent,\n          size,\n          hideLabel: labelHidden,\n          className,\n        })}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-component=\"button\"\n        data-intent={intent ?? undefined}\n        {...props}\n      >\n        {loading && (\n          <svg\n            aria-hidden=\"true\"\n            className=\"ds:animate-spin\"\n            width={iconSize}\n            height={iconSize}\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n          >\n            <circle\n              cx=\"12\"\n              cy=\"12\"\n              r=\"10\"\n              stroke=\"currentColor\"\n              strokeOpacity=\"0.25\"\n              strokeWidth=\"3\"\n            />\n            <path\n              d=\"M22 12a10 10 0 0 1-10 10\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              strokeLinecap=\"round\"\n            />\n          </svg>\n        )}\n        {!loading && startIcon && (\n          <span\n            aria-hidden=\"true\"\n            className={`ds:inline-flex ds:items-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n          >\n            {startIcon}\n          </span>\n        )}\n        {asChild ? (\n          <Slottable>{children}</Slottable>\n        ) : (\n          <span\n            className={loading || labelHidden ? 'ds:sr-only' : 'ds:inline-flex'}\n          >\n            {children}\n          </span>\n        )}\n        {!loading && endIcon && (\n          <span\n            aria-hidden=\"true\"\n            className={`ds:inline-flex ds:items-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n          >\n            {endIcon}\n          </span>\n        )}\n      </Comp>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["buttonVariants","cva","Button","forwardRef","intent","size","className","asChild","loading","startIcon","endIcon","flipIconInRtl","hideLabel","disabled","children","props","ref","Comp","Slot","labelHidden","isIconButton","ariaLabel","useEffect","iconSize","iconSizeClass","iconFlipClass","jsxs","jsx","Slottable"],"mappings":"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"}

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

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

package/dist/_chunks/button-group-DzV5wgnx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-DzV5wgnx.js","sources":["../../src/components/button-group/button-group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport type { ButtonProps } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { usePriorityOverflow } from '../../hooks/use-priority-overflow';\n\ntype ButtonIntent = NonNullable<ButtonProps['intent']>;\n\nconst buttonGroupVariants = cva(\n  'ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10',\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:flex-row',\n          'ds:[&>*:not(:first-child)]:rounded-s-none',\n          'ds:[&>*:not(:last-child)]:rounded-e-none',\n          'ds:[&>*:not(:first-child)]:-ms-px',\n        ].join(' '),\n        vertical: [\n          'ds:flex-col',\n          'ds:[&>*:not(:first-child)]:rounded-t-none',\n          'ds:[&>*:not(:last-child)]:rounded-b-none',\n          'ds:[&>*:not(:first-child)]:-mt-px',\n        ].join(' '),\n      },\n      separator: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-e ds:[&>*:not(:last-child)]:border-border',\n      },\n      {\n        orientation: 'vertical',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-b ds:[&>*:not(:last-child)]:border-border',\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      separator: false,\n    },\n  },\n);\n\n// Hidden measurement rows: laid out (so widths are real) but invisible,\n// non-interactive and out of the a11y tree. Never display:none.\nconst MEASURE_ROW_CLASSES =\n  'ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none';\n\ntype GroupChildProps = {\n  intent?: ButtonIntent;\n  tabIndex?: number;\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  ref?: React.Ref<HTMLButtonElement>;\n  children?: ReactNode;\n  disabled?: boolean;\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  hideLabel?: boolean;\n  'aria-label'?: string;\n  'data-overflow-pin'?: boolean | 'true' | '';\n};\n\nexport interface ButtonGroupProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof buttonGroupVariants> {\n  /**\n   * Accessible label for the group. Falls back to the translated\n   * `ui.buttonGroup.label` string when not provided.\n   */\n  label?: string;\n  /**\n   * When the children are interactive toolbar-style controls (e.g. toggles),\n   * set this to render `role=\"toolbar\"` instead of `role=\"group\"`.\n   */\n  toolbar?: boolean;\n  /**\n   * Intent applied to every Button / IconButton child that does not set\n   * its own `intent`. Defaults to `outline` — grouped buttons are peers,\n   * not three solid-primary CTAs.\n   */\n  intent?: ButtonIntent;\n  /**\n   * `'menu'` keeps the strip on one line whatever the container width:\n   * once the buttons stop fitting (after the optional `collapseToIcons`\n   * stage) trailing ones move into a dropdown behind an ellipsis trigger.\n   * The group then fills its container's inline size, so give it a bounded\n   * parent. Horizontal only. Children needing to stay in the strip set\n   * `data-overflow-pin`; children without a string label or `aria-label`\n   * cannot be mirrored into the menu and are pinned automatically.\n   */\n  overflow?: 'none' | 'menu';\n  /**\n   * With `overflow=\"menu\"`: before spilling into the menu, hide every\n   * child's label (`hideLabel`) and keep only its `startIcon` — buttons\n   * without an icon shrink to their padding, so give each child one.\n   */\n  collapseToIcons?: boolean;\n}\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      className,\n      orientation = 'horizontal',\n      separator = false,\n      toolbar = false,\n      intent = 'outline',\n      label,\n      overflow = 'none',\n      collapseToIcons = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const accessibleLabel = label ?? t('buttonGroup.label', 'Button group');\n    const moreLabel = t('buttonGroup.more', 'More options');\n\n    if (\n      import.meta.env.DEV &&\n      overflow === 'menu' &&\n      orientation === 'vertical'\n    ) {\n      console.warn(\n        'ButtonGroup: overflow=\"menu\" is horizontal-only; falling back to overflow=\"none\".',\n      );\n    }\n    const overflowEnabled = overflow === 'menu' && orientation !== 'vertical';\n\n    // Roving tabindex — required by the WAI-ARIA toolbar pattern.\n    // When `toolbar` is true, one child owns `tabIndex=0` and the rest are\n    // `-1`. Arrow keys / Home / End move focus between children, respecting\n    // orientation and RTL. Plain `group` mode keeps every child natively\n    // tabbable.\n    const rovingTabindex = toolbar;\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const [focusIndex, setFocusIndex] = useState(0);\n\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const [isRTL, setIsRTL] = useState(false);\n    useIsomorphicLayoutEffect(() => {\n      if (typeof window === 'undefined') return;\n      const node = rootRef.current;\n      if (!node) return;\n      setIsRTL(window.getComputedStyle(node).direction === 'rtl');\n    }, []);\n\n    const handleRootKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        if (!rovingTabindex) return;\n        const count = buttonsRef.current.filter(Boolean).length;\n        if (count === 0) return;\n\n        const forwardKey =\n          orientation === 'vertical'\n            ? 'ArrowDown'\n            : isRTL\n              ? 'ArrowLeft'\n              : 'ArrowRight';\n        const backwardKey =\n          orientation === 'vertical'\n            ? 'ArrowUp'\n            : isRTL\n              ? 'ArrowRight'\n              : 'ArrowLeft';\n\n        let next: number | null = null;\n        if (event.key === forwardKey) next = (focusIndex + 1) % count;\n        else if (event.key === backwardKey)\n          next = (focusIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n        if (next === null) return;\n\n        // Skip over disabled children.\n        const maxAttempts = count;\n        let attempts = 0;\n        let candidate = next;\n        while (attempts < maxAttempts) {\n          const el = buttonsRef.current[candidate];\n          if (\n            el &&\n            el.getAttribute('aria-disabled') !== 'true' &&\n            !el.disabled\n          ) {\n            break;\n          }\n          candidate =\n            event.key === backwardKey || event.key === 'End'\n              ? (candidate - 1 + count) % count\n              : (candidate + 1) % count;\n          attempts += 1;\n        }\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n      },\n      [rovingTabindex, orientation, isRTL, focusIndex],\n    );\n\n    /* ---- Overflow bookkeeping (menu mode only) --------------------- */\n    const childElements = overflowEnabled\n      ? (Children.toArray(children).filter(isValidElement) as Array<\n          ReactElement<GroupChildProps>\n        >)\n      : [];\n\n    const mirrorLabel = (child: ReactElement<GroupChildProps>) => {\n      if (typeof child.props.children === 'string') return child.props.children;\n      const aria = child.props['aria-label'];\n      return typeof aria === 'string' ? aria : null;\n    };\n    const warnedRef = useRef(false);\n    const pinnedFlags = childElements.map((child) => {\n      const explicit = child.props['data-overflow-pin'] !== undefined;\n      const mirrorable = mirrorLabel(child) !== null;\n      if (\n        import.meta.env.DEV &&\n        !explicit &&\n        !mirrorable &&\n        !warnedRef.current\n      ) {\n        warnedRef.current = true;\n        console.warn(\n          'ButtonGroup: a child without a string label or aria-label cannot move into the overflow menu — it stays pinned in the strip.',\n        );\n      }\n      return explicit || !mirrorable;\n    });\n\n    const {\n      containerRef,\n      fullRowRef,\n      iconRowRef,\n      triggerProbeRef,\n      stage,\n      visible,\n      overflowing,\n    } = usePriorityOverflow({\n      enabled: overflowEnabled,\n      count: childElements.length,\n      twoStage: collapseToIcons,\n      pinned: pinnedFlags,\n    });\n\n    const triggerNodeRef = useRef<HTMLButtonElement | null>(null);\n    const visibleCount = overflowEnabled\n      ? visible.filter(Boolean).length\n      : Children.count(children);\n\n    // Clamp the roving focus when items move into the menu; hand real focus\n    // to the trigger only when the focused node was the one that left.\n    useEffect(() => {\n      if (!rovingTabindex || !overflowEnabled) return;\n      const total = visibleCount + (overflowing ? 1 : 0);\n      if (total > 0 && focusIndex >= total) {\n        setFocusIndex(total - 1);\n        if (document.activeElement === document.body) {\n          triggerNodeRef.current?.focus();\n        }\n      }\n    }, [\n      rovingTabindex,\n      overflowEnabled,\n      visibleCount,\n      overflowing,\n      focusIndex,\n    ]);\n\n    const mergeChildRef = (\n      childEl: ReactElement<GroupChildProps>,\n      index: number,\n    ) => {\n      return (node: HTMLButtonElement | null) => {\n        buttonsRef.current[index] = node;\n        const originalRef = (\n          childEl as unknown as { ref?: React.Ref<HTMLButtonElement> }\n        ).ref;\n        if (typeof originalRef === 'function') originalRef(node);\n        else if (\n          originalRef !== null &&\n          originalRef !== undefined &&\n          typeof originalRef === 'object'\n        ) {\n          (\n            originalRef as React.MutableRefObject<HTMLButtonElement | null>\n          ).current = node;\n        }\n      };\n    };\n\n    /* ---- Legacy path: overflow=\"none\" keeps today's exact DOM ------ */\n    const enhanced = overflowEnabled\n      ? null\n      : Children.map(children, (child, index) => {\n          if (!isValidElement(child)) return child;\n          const childEl = child as ReactElement<GroupChildProps>;\n\n          // Roving-tabindex wiring (ref / tabIndex / onFocus) is only needed in\n          // `toolbar` mode. In plain `group` mode inject ONLY `intent`, so the group\n          // composes with members that don't forward a ref — e.g. each wrapped in a\n          // `DropdownMenu.Root` for a split-button strip — without React's \"function\n          // components cannot be given refs\" warning. The joined styling is DOM-level\n          // (`[&>*]`), so it still applies to the rendered buttons either way.\n          const overrides: Record<string, unknown> = {\n            intent: childEl.props.intent ?? intent,\n          };\n          if (rovingTabindex) {\n            overrides.tabIndex = index === focusIndex ? 0 : -1;\n            overrides.onFocus = (ev: React.FocusEvent<HTMLButtonElement>) => {\n              setFocusIndex(index);\n              childEl.props.onFocus?.(ev);\n            };\n            overrides.ref = mergeChildRef(childEl, index);\n          }\n\n          return cloneElement(\n            childEl,\n            overrides as Partial<typeof childEl.props>,\n          );\n        });\n\n    /* ---- Menu path: strip of visible children + ellipsis trigger --- */\n    let stripChildren: ReactNode = null;\n    let menuItems: ReactNode = null;\n    if (overflowEnabled) {\n      buttonsRef.current.length = visibleCount + (overflowing ? 1 : 0);\n      let stripIndex = -1;\n      stripChildren = childElements.map((childEl, i) => {\n        if (!visible[i]) return null;\n        stripIndex += 1;\n        const index = stripIndex;\n        const overrides: Record<string, unknown> = {\n          intent: childEl.props.intent ?? intent,\n        };\n        // Only children with an icon AND a text label collapse; icon-only\n        // children (their children ARE the icon) would go blank.\n        if (\n          collapseToIcons &&\n          stage === 'icons' &&\n          childEl.props.children &&\n          (childEl.props.startIcon || childEl.props.endIcon)\n        )\n          overrides.hideLabel = true;\n        if (rovingTabindex) {\n          overrides.tabIndex = index === focusIndex ? 0 : -1;\n          overrides.onFocus = (ev: React.FocusEvent<HTMLButtonElement>) => {\n            setFocusIndex(index);\n            childEl.props.onFocus?.(ev);\n          };\n          overrides.ref = mergeChildRef(childEl, index);\n        }\n        return cloneElement(childEl, overrides as Partial<GroupChildProps>);\n      });\n\n      menuItems = childElements.map((childEl, i) => {\n        if (visible[i]) return null;\n        const itemLabel = mirrorLabel(childEl);\n        if (itemLabel === null) return null;\n        return (\n          <DropdownMenu.Item\n            key={childEl.key ?? i}\n            startIcon={childEl.props.startIcon}\n            disabled={\n              childEl.props.disabled === true || childEl.props.loading === true\n            }\n            onSelect={(event) => {\n              childEl.props.onClick?.(\n                event as unknown as React.MouseEvent<HTMLButtonElement>,\n              );\n            }}\n          >\n            {itemLabel}\n          </DropdownMenu.Item>\n        );\n      });\n    }\n\n    const mergedRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref && typeof ref === 'object') {\n        (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    };\n\n    if (!overflowEnabled) {\n      return (\n        <div\n          ref={mergedRootRef}\n          role={toolbar ? 'toolbar' : 'group'}\n          aria-label={accessibleLabel}\n          aria-orientation={toolbar ? (orientation ?? 'horizontal') : undefined}\n          data-component=\"button-group\"\n          onKeyDown={handleRootKeyDown}\n          className={buttonGroupVariants({ orientation, separator, className })}\n          {...props}\n        >\n          {enhanced}\n        </div>\n      );\n    }\n\n    const stripClasses = buttonGroupVariants({ orientation, separator });\n    const triggerIndex = visibleCount;\n    const measureClone = (\n      childEl: ReactElement<GroupChildProps>,\n      i: number,\n      icons: boolean,\n    ) =>\n      cloneElement(childEl, {\n        key: childEl.key ?? i,\n        intent: childEl.props.intent ?? intent,\n        tabIndex: -1,\n        // Same rule as the live strip: icon-only children never hideLabel.\n        ...(icons &&\n        childEl.props.children &&\n        (childEl.props.startIcon || childEl.props.endIcon)\n          ? { hideLabel: true }\n          : null),\n        ref: null,\n      } as Partial<GroupChildProps>);\n\n    return (\n      <div\n        ref={mergedRootRef}\n        data-component=\"button-group\"\n        className={[\n          'ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip',\n          className ?? '',\n        ]\n          .join(' ')\n          .trim()}\n        {...props}\n      >\n        <div ref={containerRef} className=\"ds:block ds:w-full ds:min-w-0\">\n          {/* Measurement rows: every item at natural width, both stages. */}\n          <div\n            ref={fullRowRef}\n            aria-hidden=\"true\"\n            inert\n            className={`${MEASURE_ROW_CLASSES} ${stripClasses}`}\n          >\n            {childElements.map((c, i) => measureClone(c, i, false))}\n          </div>\n          {collapseToIcons ? (\n            <div\n              ref={iconRowRef}\n              aria-hidden=\"true\"\n              inert\n              className={`${MEASURE_ROW_CLASSES} ${stripClasses}`}\n            >\n              {childElements.map((c, i) => measureClone(c, i, true))}\n            </div>\n          ) : null}\n          <span\n            ref={triggerProbeRef}\n            aria-hidden=\"true\"\n            inert\n            className={MEASURE_ROW_CLASSES}\n          >\n            <IconButton\n              icon={<Ellipsis />}\n              intent={intent}\n              aria-label={moreLabel}\n              tabIndex={-1}\n            />\n          </span>\n\n          <div\n            role={toolbar ? 'toolbar' : 'group'}\n            aria-label={accessibleLabel}\n            aria-orientation={toolbar ? 'horizontal' : undefined}\n            onKeyDown={handleRootKeyDown}\n            className={`${stripClasses} ds:max-w-full`}\n          >\n            {stripChildren}\n            {overflowing ? (\n              <DropdownMenu.Root>\n                <DropdownMenu.Trigger asChild>\n                  <IconButton\n                    icon={<Ellipsis />}\n                    intent={intent}\n                    aria-label={moreLabel}\n                    ref={(node: HTMLButtonElement | null) => {\n                      triggerNodeRef.current = node;\n                      buttonsRef.current[triggerIndex] = node;\n                    }}\n                    tabIndex={\n                      rovingTabindex\n                        ? focusIndex === triggerIndex\n                          ? 0\n                          : -1\n                        : undefined\n                    }\n                    onFocus={\n                      rovingTabindex\n                        ? () => setFocusIndex(triggerIndex)\n                        : undefined\n                    }\n                  />\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content align=\"end\">\n                  {menuItems}\n                </DropdownMenu.Content>\n              </DropdownMenu.Root>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["buttonGroupVariants","cva","MEASURE_ROW_CLASSES","ButtonGroup","forwardRef","className","orientation","separator","toolbar","intent","label","overflow","collapseToIcons","children","props","ref","t","useTranslation","accessibleLabel","moreLabel","overflowEnabled","rovingTabindex","buttonsRef","useRef","focusIndex","setFocusIndex","useState","rootRef","isRTL","setIsRTL","useIsomorphicLayoutEffect","node","handleRootKeyDown","useCallback","event","count","forwardKey","backwardKey","next","maxAttempts","attempts","candidate","el","_a","childElements","Children","isValidElement","mirrorLabel","child","aria","pinnedFlags","explicit","mirrorable","containerRef","fullRowRef","iconRowRef","triggerProbeRef","stage","visible","overflowing","usePriorityOverflow","triggerNodeRef","visibleCount","useEffect","total","mergeChildRef","childEl","index","originalRef","enhanced","overrides","ev","_b","cloneElement","stripChildren","menuItems","stripIndex","i","itemLabel","jsx","DropdownMenu","mergedRootRef","stripClasses","triggerIndex","measureClone","icons","c","IconButton","Ellipsis","jsxs"],"mappings":"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"}

package/dist/_chunks/camera-VSklPDCv.js

@@ -0,0 +1,21 @@
+import { c as a } from "./createLucideIcon-DhHxpK9K.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 c = [
+  [
+    "path",
+    {
+      d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
+      key: "18u6gg"
+    }
+  ],
+  ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
+], o = a("camera", c);
+export {
+  o as C
+};
+//# sourceMappingURL=camera-VSklPDCv.js.map

package/dist/_chunks/camera-VSklPDCv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera-VSklPDCv.js","sources":["../../node_modules/lucide-react/dist/esm/icons/camera.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z\",\n      key: \"18u6gg\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"13\", r: \"3\", key: \"1vg3eu\" }]\n];\nconst Camera = createLucideIcon(\"camera\", __iconNode);\n\nexport { __iconNode, Camera as default };\n//# sourceMappingURL=camera.mjs.map\n"],"names":["__iconNode","Camera","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMC,IAASC,EAAiB,UAAUF,CAAU;","x_google_ignoreList":[0]}

package/dist/_chunks/{care-plan-card-DhXbfGzE.js → care-plan-card-BrwhyIJI.js}

@@ -5,9 +5,9 @@ import { B as N } from "./badge-DCOqV9mI.js";
 import { L as F } from "./link-CPb_pZPr.js";
 import { P as A } from "./progress-DA413-zn.js";
 import { T as C } from "./timestamp-BV2lC-wV.js";
-import { T as L } from "./transaction-chip-B6iWoVmU.js";
+import { T as L } from "./transaction-chip-DJCstquX.js";
 import { A as O, b as G, c as Y, a as $ } from "./accordion-C11v9ouP.js";
-import { C as q } from "./care-plan-entry-card-D3YGD6rj.js";
+import { C as q } from "./care-plan-entry-card-DWEdCQM3.js";
 import { u as J } from "./registry-DvAUVLHh.js";
 import { C as Q, e as W } from "./entity-card-9_62gY7l.js";
 import { i as X } from "./is-safe-url-DkETxeHz.js";
@@ -253,4 +253,4 @@ export {
   de as C,
   Z as c
 };
-//# sourceMappingURL=care-plan-card-DhXbfGzE.js.map
+//# sourceMappingURL=care-plan-card-BrwhyIJI.js.map