@alfadocs/ui-kit 1.34.0 → 1.36.0

package/dist/_chunks/appointment-timeline-D-V97Bhc.js

@@ -1,403 +0,0 @@
-import { jsxs as S, jsx as o, Fragment as ke } from "react/jsx-runtime";
-import { forwardRef as be, useId as Te, useMemo as F, useRef as T, useState as Z, useCallback as x, useImperativeHandle as xe } from "react";
-import { c as De } from "./index-D2ZczOXr.js";
-import { useTranslation as we } from "react-i18next";
-import { A as Re } from "./appointment-card-D6mk39NB.js";
-import { B as A } from "./button-nJaPh_HC.js";
-import { B as Ie } from "./button-group-CaxRJsNG.js";
-import { D as Se } from "./date-picker-B6NW_PS5.js";
-import { P as je } from "./panel-header-D313n_9-.js";
-import { S as Ce } from "./skeleton-CZbwyJAA.js";
-import { E as He } from "./empty-state-X0sVPfVo.js";
-import { u as O } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Fe } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as Me } from "./registry-DvAUVLHh.js";
-import { C as Ne } from "./calendar-days-BGWklvE-.js";
-const _e = {
-  id: "appointment-timeline",
-  // 'pick' backs select_item (non-persisting activation through
-  // onOpenAppointment); 'scroll' backs jump_to_today, which re-anchors the
-  // scroll viewport (mirrors practice-results' scroll_to_result).
-  capabilities: ["scroll", "pick"],
-  state: {
-    items: {
-      type: "Array<{ id: string; state: string }>",
-      descriptionKey: "ui.agent.appointmentTimeline.state.items",
-      description: "Currently-rendered appointments. Ids + lifecycle state only — never patient identity.",
-      read: (n) => n.getItems()
-    }
-  },
-  actions: {
-    select_item: {
-      safety: "read",
-      argsType: "{ id: string }",
-      argsSchema: {
-        type: "object",
-        properties: { id: { type: "string" } },
-        required: ["id"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.appointmentTimeline.actions.selectItem",
-      description: "Activate the appointment with the given id.",
-      invoke: (n, i) => {
-        n.selectItem(i.id);
-      }
-    },
-    jump_to_today: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.appointmentTimeline.actions.jumpToToday",
-      description: "Re-anchor the timeline scroll on today's appointments.",
-      invoke: (n) => {
-        n.jumpToToday();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "appointment-timeline",
-      description: "Marks the AppointmentTimeline wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop. Required to address a specific timeline from the agent."
-    },
-    item: {
-      attr: "data-appointment-id",
-      description: "Stable appointment id emitted on each rendered AppointmentCard inside the timeline."
-    }
-  }
-}, L = 96, ze = De(
-  [
-    "ds:flex ds:flex-col ds:h-full ds:min-h-0",
-    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]"
-  ].join(" "),
-  { variants: { size: { sm: "", md: "" } }, defaultVariants: { size: "sm" } }
-), Be = [
-  "ds:flex-1 ds:min-h-0 ds:overflow-y-auto",
-  "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-  "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
-  "ds:[--atl-mask-top:black] ds:[--atl-mask-bottom:black]",
-  "ds:data-[fade-top=true]:[--atl-mask-top:transparent]",
-  "ds:data-[fade-bottom=true]:[--atl-mask-bottom:transparent]",
-  "ds:[mask-image:linear-gradient(to_bottom,var(--atl-mask-top)_0,black_var(--atl-fade-distance,var(--spacing-lg)),black_calc(100%-var(--atl-fade-distance,var(--spacing-lg))),var(--atl-mask-bottom)_100%)]",
-  "ds:motion-reduce:[mask-image:none]",
-  "ds:[.theme-accessible_&]:[mask-image:none]",
-  "ds:forced-colors:[mask-image:none]",
-  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:[outline-offset:-2px]",
-  "ds:forced-colors:focus-visible:outline-[CanvasText]"
-].join(" ");
-function y(n) {
-  const i = `${n.getMonth() + 1}`.padStart(2, "0"), l = `${n.getDate()}`.padStart(2, "0");
-  return `${n.getFullYear()}-${i}-${l}`;
-}
-function Ke(n) {
-  const i = [...n].sort(
-    (u, m) => +new Date(u.startIso) - +new Date(m.startIso)
-  ), l = /* @__PURE__ */ new Map();
-  for (const u of i) {
-    const m = new Date(u.startIso), h = y(m);
-    let c = l.get(h);
-    c || (c = {
-      key: h,
-      date: new Date(m.getFullYear(), m.getMonth(), m.getDate()),
-      items: []
-    }, l.set(h, c)), c.items.push(u);
-  }
-  return [...l.values()];
-}
-const Ae = be(
-  ({
-    id: n,
-    items: i,
-    nowIso: l,
-    title: u,
-    locale: m,
-    currency: h,
-    size: c = "sm",
-    showPatient: M = !1,
-    onOpenAppointment: f,
-    onLoadEarlier: v,
-    onLoadLater: p,
-    hasMoreEarlier: k,
-    hasMoreLater: N,
-    loadingEarlier: j = !1,
-    loadingLater: C = !1,
-    showFilters: J = !0,
-    onJumpToDate: H,
-    emptyTitle: ee,
-    emptyDescription: te,
-    className: se,
-    "aria-label": ne,
-    ...ie
-  }, oe) => {
-    const { t: a, i18n: ae } = we(), Y = Te(), P = Fe(), $ = m ?? ae.language, E = u ?? a("appointmentTimeline.title"), r = F(
-      () => l ? new Date(l) : /* @__PURE__ */ new Date(),
-      [l]
-    ), g = F(() => Ke(i), [i]), q = k ?? !!v, G = N ?? !!p, _ = F(() => {
-      if (g.length === 0) return;
-      const e = y(r), t = g.map((s) => s.key);
-      return t.includes(e) ? e : t.find((s) => s >= e) ?? t[t.length - 1];
-    }, [g, r]), D = T(null), w = T(/* @__PURE__ */ new Map()), V = T(!1), z = T(void 0), W = T(0), [re, le] = Z(!1), [ce, de] = Z(!1), R = x(() => {
-      const e = D.current;
-      if (!e) return;
-      const { scrollTop: t, scrollHeight: s, clientHeight: d } = e;
-      le(t > 1), de(t + d < s - 1);
-    }, []), I = x(
-      (e, t) => {
-        const s = D.current;
-        if (!s) return;
-        let d = w.current.get(e);
-        if (!d) {
-          const K = [...w.current.keys()].sort(), X = K.find((ve) => ve >= e) ?? K[K.length - 1];
-          d = X ? w.current.get(X) : void 0;
-        }
-        if (!d) return;
-        const he = d.getBoundingClientRect().top - s.getBoundingClientRect().top;
-        s.scrollTo({
-          top: s.scrollTop + he,
-          behavior: t && !P ? "smooth" : "auto"
-        });
-      },
-      [P]
-    );
-    O(() => {
-      var s;
-      const e = D.current;
-      if (!e) return;
-      const t = (s = g[0]) == null ? void 0 : s.key;
-      if (!V.current)
-        g.length > 0 && _ && (I(_, !1), V.current = !0);
-      else if (z.current && t && t < z.current) {
-        const d = e.scrollHeight - W.current;
-        d > 0 && (e.scrollTop += d);
-      }
-      z.current = t, W.current = e.scrollHeight, R();
-    }, [g, _, I, R]), O(() => {
-      const e = D.current;
-      if (!e || typeof ResizeObserver > "u") return;
-      const t = new ResizeObserver(R);
-      return t.observe(e), () => t.disconnect();
-    }, [R]);
-    const me = x(() => {
-      R();
-      const e = D.current;
-      if (!e) return;
-      const { scrollTop: t, scrollHeight: s, clientHeight: d } = e;
-      v && q && !j && t <= L && v(), p && G && !C && s - t - d <= L && p();
-    }, [
-      R,
-      v,
-      p,
-      q,
-      G,
-      j,
-      C
-    ]), b = x(
-      (e) => {
-        const t = y(e), s = w.current.has(t);
-        I(t, !0), s || H == null || H(e.toISOString());
-      },
-      [I, H]
-    ), pe = x(() => b(r), [b, r]), ue = x(() => {
-      const e = new Date(r), t = (e.getDay() + 6) % 7;
-      e.setDate(e.getDate() - t), b(e);
-    }, [b, r]), fe = x(() => {
-      b(new Date(r.getFullYear(), r.getMonth(), 1));
-    }, [b, r]), B = T(i);
-    B.current = i;
-    const Q = T(null);
-    xe(oe, () => Q.current, []);
-    const ge = F(
-      () => ({
-        getItems: () => B.current.map((e) => ({ id: e.id, state: e.state })),
-        selectItem: (e) => {
-          const t = B.current.find((s) => s.id === e);
-          t && (f == null || f(t));
-        },
-        jumpToToday: () => I(y(r), !0)
-      }),
-      [f, I, r]
-    );
-    Me(_e, ge, n);
-    const ye = g.length === 0 && !j && !C, U = (e) => /* @__PURE__ */ o(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:py-[var(--spacing-xs)]",
-        children: /* @__PURE__ */ o(Ce, { variant: "rectangular", height: "3.5rem" })
-      },
-      e
-    );
-    return /* @__PURE__ */ S(
-      "section",
-      {
-        ref: Q,
-        "data-component": "appointment-timeline",
-        "data-component-id": n,
-        "aria-label": ne ?? E,
-        className: ze({ size: c, className: se }),
-        ...ie,
-        children: [
-          /* @__PURE__ */ o(
-            je,
-            {
-              icon: /* @__PURE__ */ o(Ne, {}),
-              title: E,
-              filters: J ? /* @__PURE__ */ S(ke, { children: [
-                /* @__PURE__ */ S(Ie, { label: a("appointmentTimeline.filtersLabel"), children: [
-                  /* @__PURE__ */ o(A, { intent: "outline", size: "sm", onClick: pe, children: a("appointmentTimeline.today") }),
-                  /* @__PURE__ */ o(A, { intent: "outline", size: "sm", onClick: ue, children: a("appointmentTimeline.thisWeek") }),
-                  /* @__PURE__ */ o(A, { intent: "outline", size: "sm", onClick: fe, children: a("appointmentTimeline.thisMonth") })
-                ] }),
-                /* @__PURE__ */ o("label", { htmlFor: Y, className: "ds:sr-only", children: a("appointmentTimeline.jumpToDate") }),
-                /* @__PURE__ */ o(
-                  Se,
-                  {
-                    id: Y,
-                    size: "sm",
-                    placeholder: a("appointmentTimeline.jumpToDate"),
-                    onChange: (e) => {
-                      e && b(e);
-                    }
-                  }
-                )
-              ] }) : void 0
-            }
-          ),
-          ye ? /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ o(
-            He,
-            {
-              variant: "first-use",
-              size: "sm",
-              title: ee ?? a("appointmentTimeline.empty.title"),
-              description: te ?? a("appointmentTimeline.empty.description")
-            }
-          ) }) : /* @__PURE__ */ S(
-            "div",
-            {
-              ref: D,
-              tabIndex: 0,
-              onScroll: me,
-              "data-fade-top": re ? "true" : void 0,
-              "data-fade-bottom": ce ? "true" : void 0,
-              className: Be,
-              children: [
-                j ? U("loading-earlier") : null,
-                /* @__PURE__ */ o(
-                  "ol",
-                  {
-                    role: "list",
-                    className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-md)] ds:p-0",
-                    children: g.map((e) => /* @__PURE__ */ S(
-                      "li",
-                      {
-                        ref: (t) => {
-                          t ? w.current.set(e.key, t) : w.current.delete(e.key);
-                        },
-                        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-                        children: [
-                          /* @__PURE__ */ o(
-                            Ye,
-                            {
-                              date: e.date,
-                              now: r,
-                              locale: $,
-                              todayLabel: a("appointmentTimeline.today"),
-                              tomorrowLabel: a("appointmentTimeline.tomorrow"),
-                              yesterdayLabel: a("appointmentTimeline.yesterday")
-                            }
-                          ),
-                          /* @__PURE__ */ o(
-                            "ul",
-                            {
-                              role: "list",
-                              className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0",
-                              children: e.items.map((t) => /* @__PURE__ */ o(
-                                Re,
-                                {
-                                  item: t,
-                                  size: c,
-                                  surface: "elevated",
-                                  showPatient: M,
-                                  locale: $,
-                                  currency: h,
-                                  onActivate: f,
-                                  "data-appointment-id": t.id
-                                },
-                                t.id
-                              ))
-                            }
-                          )
-                        ]
-                      },
-                      e.key
-                    ))
-                  }
-                ),
-                C ? U("loading-later") : null
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Ae.displayName = "AppointmentTimeline";
-function Ye({
-  date: n,
-  now: i,
-  locale: l,
-  todayLabel: u,
-  tomorrowLabel: m,
-  yesterdayLabel: h
-}) {
-  const c = y(n), M = y(i), f = new Date(i);
-  f.setDate(i.getDate() + 1);
-  const v = new Date(i);
-  v.setDate(i.getDate() - 1);
-  const p = c === M;
-  let k;
-  if (p) k = u;
-  else if (c === y(f)) k = m;
-  else if (c === y(v)) k = h;
-  else {
-    const N = n.getFullYear() === i.getFullYear();
-    k = new Intl.DateTimeFormat(l, {
-      weekday: "short",
-      day: "numeric",
-      month: "short",
-      ...N ? {} : { year: "numeric" }
-    }).format(n);
-  }
-  return /* @__PURE__ */ S(
-    "div",
-    {
-      "data-today": p ? "true" : void 0,
-      className: [
-        "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--card)] ds:py-[var(--spacing-2xs)]",
-        "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] type-eyebrow",
-        p ? "ds:text-[color:var(--primary)] ds:font-semibold" : "ds:text-[color:var(--muted-foreground)]"
-      ].join(" "),
-      children: [
-        p ? /* @__PURE__ */ o(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)]"
-          }
-        ) : null,
-        k
-      ]
-    }
-  );
-}
-export {
-  Ae as A,
-  _e as a
-};
-//# sourceMappingURL=appointment-timeline-D-V97Bhc.js.map

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

@@ -1,289 +0,0 @@
-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-DA2CAGHZ.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-CaxRJsNG.js.map