@alfadocs/ui-kit 1.45.0 → 1.47.0

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

@@ -1,307 +0,0 @@
-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-CehAeZoP.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-R32U7SyV.js.map