@alfadocs/ui-kit 1.35.0 → 1.36.1

package/dist/_chunks/{booking-BqkEtsKx.js → booking-Dp-9qR6F.js}

@@ -3,27 +3,27 @@ import { forwardRef as Ot, useId as dt, useState as Z, useCallback as X, useRef
 import { c as Ue } from "./index-D2ZczOXr.js";
 import { useTranslation as $, Trans as os } from "react-i18next";
 import { u as ds } from "./registry-DvAUVLHh.js";
-import { A as Q } from "./alert-CiJT540z.js";
+import { A as Q } from "./alert-CiQ5Pa3Q.js";
 import { B as be } from "./button-nJaPh_HC.js";
-import { C as $e } from "./checkbox-BuZ1u__2.js";
-import { C as ls } from "./checkbox-group-CfqMv57d.js";
-import { D as cs } from "./date-picker-B6NW_PS5.js";
+import { C as $e } from "./checkbox-CZkipDn7.js";
+import { C as ls } from "./checkbox-group-DomUzpkF.js";
+import { D as cs } from "./date-picker-6tFnKFty.js";
 import { E as us } from "./email-input-Dpe63k0K.js";
 import { F as le } from "./form-field-CahJzTxp.js";
 import { P as ps } from "./phone-input-BsZIoE36.js";
 import { T as ms } from "./text-area-Bt3p7Pt0.js";
 import { T as ze } from "./text-input-CUvCb6ST.js";
 import { S as fs } from "./spinner-hbwuKwMf.js";
-import { B as _t } from "./badge-sTusUqZD.js";
-import { I as It } from "./icon-button-DA2CAGHZ.js";
+import { B as _t } from "./badge-BudgzTe_.js";
+import { I as It } from "./icon-button-8xqRnkdG.js";
 import { S as Ye } from "./select-CLSUnKjF.js";
 import { C as lt } from "./combobox-DnSdYssy.js";
-import { M as ct } from "./multi-select-DYOvx2SJ.js";
+import { M as ct } from "./multi-select-CtPd7g4x.js";
 import { S as He } from "./skeleton-CZbwyJAA.js";
 import { E as Bt } from "./empty-state-X0sVPfVo.js";
 import { S as gs } from "./stepper-accordion-DmVykr5F.js";
 import { S as hs } from "./stepper-progress-Bv0njx4g.js";
-import { S as vs } from "./slot-grid-BuZOKfcd.js";
+import { S as vs } from "./slot-grid-8Ko6thzz.js";
 import { p as G } from "./parseISO-fOGpHKXm.js";
 import { C as bs } from "./chevron-down-DWE7GSq9.js";
 import { l as Se, f as Ge, b as Nt } from "./format-4HNwNGrN.js";
@@ -3025,4 +3025,4 @@ export {
   H as O,
   sa as b
 };
-//# sourceMappingURL=booking-BqkEtsKx.js.map
+//# sourceMappingURL=booking-Dp-9qR6F.js.map

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

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

package/dist/_chunks/{calendar-Dgvl5L4T.js → calendar-7GAUlsNO.js}

@@ -12,11 +12,11 @@ import dr from "@fullcalendar/timeline";
 import lr from "@fullcalendar/interaction";
 import { u as cr } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as ur } from "./registry-DvAUVLHh.js";
-import { w as mr, C as fr } from "./calendar-event-card-DSh-69HT.js";
+import { w as mr, C as fr } from "./calendar-event-card-DKUnT9Be.js";
 import { A as pr } from "./avatar-CkDeQOSI.js";
 import { B as vr } from "./button-nJaPh_HC.js";
 import { R as hr } from "./resource-chip-DYTG0IQQ.js";
-import { T as gr } from "./tooltip-DvmfrNvB.js";
+import { T as gr } from "./tooltip-Cp-PLePW.js";
 import { V as yr } from "./visually-hidden-BHxEUGyT.js";
 import { C as je } from "./check-DrFSN__t.js";
 import { C as _e } from "./chevron-right-I9AeSxH2.js";
@@ -1318,4 +1318,4 @@ export {
   br as c,
   be as r
 };
-//# sourceMappingURL=calendar-Dgvl5L4T.js.map
+//# sourceMappingURL=calendar-7GAUlsNO.js.map