@alfadocs/ui-kit 0.72.2 → 0.75.0

package/dist/_chunks/icon-button-group-C48khLE0.js

@@ -1,206 +0,0 @@
-import { jsx as Z } from "react/jsx-runtime";
-import { forwardRef as _, useState as x, useCallback as D, useRef as j, Children as $, isValidElement as ee, cloneElement as te } from "react";
-import { c as oe } from "./index-D2ZczOXr.js";
-import { u as re } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-const ne = oe(
-  [
-    "ds:inline-flex ds:isolate",
-    // Hairline border around the group unifies the children into one
-    // visual unit. Internal child dividers are drawn via the per-child
-    // class list below.
-    "ds:border ds:border-border",
-    "ds:rounded-[var(--radius-md)]",
-    // Ensure the focus ring of a pressed child sits above its siblings.
-    "ds:[&>*]:relative ds:[&>*:focus-visible]:z-10"
-  ].join(" "),
-  {
-    variants: {
-      orientation: {
-        horizontal: [
-          "ds:flex-row",
-          // Flatten internal corners on children so the outer radius owns
-          // the rounded edges.
-          "ds:[&>*:not(:first-child)]:rounded-s-none",
-          "ds:[&>*:not(:last-child)]:rounded-e-none",
-          // Internal divider — logical so it flips in RTL.
-          "ds:[&>*:not(:first-child)]:border-s",
-          "ds:[&>*:not(:first-child)]:border-border",
-          // The children already own an outer border (from IconButton's
-          // own border in secondary/outline variants). Collapse the doubled
-          // border so we don't get a 2px seam.
-          "ds:[&>*]:border-0"
-        ].join(" "),
-        vertical: [
-          "ds:flex-col",
-          // Vertical groups flow block-wise. Reading direction doesn't
-          // invert vertical stacks in any locale this DS targets, so the
-          // physical `rounded-t/b` is intentional.
-          "ds:[&>*:not(:first-child)]:rounded-t-none",
-          "ds:[&>*:not(:last-child)]:rounded-b-none",
-          "ds:[&>*:not(:first-child)]:border-t",
-          "ds:[&>*:not(:first-child)]:border-border",
-          "ds:[&>*]:border-0"
-        ].join(" ")
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-), ie = _(
-  (s, g) => {
-    const {
-      size: b,
-      orientation: u = "horizontal",
-      role: l = "group",
-      mode: n = "momentary",
-      disabled: T = !1,
-      intent: F = "outline",
-      className: G,
-      children: N,
-      "aria-label": S,
-      "aria-labelledby": H,
-      ...M
-    } = s, [z, L] = x(
-      () => n === "toggle-single" ? s.defaultValue ?? "" : n === "toggle-multi" ? s.defaultValue ?? [] : ""
-    ), A = (() => {
-      if (n === "toggle-single") {
-        const e = s;
-        return e.value !== void 0 ? e.value : z;
-      }
-      if (n === "toggle-multi") {
-        const e = s;
-        return e.value !== void 0 ? e.value : z;
-      }
-      return "";
-    })(), h = D(
-      (e) => {
-        var t, r;
-        if (n === "toggle-single") {
-          const o = s;
-          o.value === void 0 && L(e), (t = o.onValueChange) == null || t.call(o, e);
-        } else if (n === "toggle-multi") {
-          const o = s;
-          o.value === void 0 && L(e), (r = o.onValueChange) == null || r.call(o, e);
-        }
-      },
-      [n, s]
-    ), y = l === "toolbar" || l === "radiogroup", v = j([]), [w, E] = x(0), O = D(
-      (e, t) => {
-        v.current[e] = t;
-      },
-      []
-    ), B = j(null), [C, U] = x(!1);
-    re(() => {
-      if (typeof window > "u") return;
-      const e = B.current;
-      if (!e) return;
-      const t = window.getComputedStyle(e).direction;
-      U(t === "rtl");
-    }, []);
-    const W = D(
-      (e) => {
-        var k;
-        if (!y) return;
-        const t = v.current.filter(Boolean).length;
-        if (t === 0) return;
-        const r = u === "vertical" ? "ArrowDown" : C ? "ArrowLeft" : "ArrowRight", o = u === "vertical" ? "ArrowUp" : C ? "ArrowRight" : "ArrowLeft";
-        let f = null;
-        if (e.key === r ? f = (w + 1) % t : e.key === o ? f = (w - 1 + t) % t : e.key === "Home" ? f = 0 : e.key === "End" && (f = t - 1), f === null) return;
-        const I = t;
-        let p = 0, a = f;
-        for (; p < I; ) {
-          const d = v.current[a];
-          if (d && d.getAttribute("aria-disabled") !== "true" && !d.disabled)
-            break;
-          a = e.key === o || e.key === "End" ? (a - 1 + t) % t : (a + 1) % t, p += 1;
-        }
-        if (e.preventDefault(), E(a), (k = v.current[a]) == null || k.focus(), l === "radiogroup" && n === "toggle-single") {
-          const d = P.current[a];
-          if (d && typeof d == "object" && "props" in d) {
-            const R = d.props.value;
-            R && h(R);
-          }
-        }
-      },
-      [y, u, C, w, l, n, h]
-    ), K = $.toArray(N), P = j([]);
-    P.current = K;
-    const q = K.map((e, t) => {
-      if (!ee(e))
-        return e;
-      const r = e, o = r.props.value, { ariaPressed: f, ariaChecked: I } = se(
-        n,
-        l,
-        o,
-        A
-      ), p = T === !0, a = r.props.disabled === !0, k = (c) => {
-        var i, m;
-        if (p) {
-          c.preventDefault(), c.stopPropagation();
-          return;
-        }
-        if ((m = (i = r.props).onClick) == null || m.call(i, c), !c.defaultPrevented && o) {
-          if (n === "toggle-single") {
-            if (A === o) return;
-            h(o);
-          } else if (n === "toggle-multi") {
-            const V = A, X = V.includes(o) ? V.filter((Y) => Y !== o) : [...V, o];
-            h(X);
-          }
-        }
-      }, d = (c) => {
-        O(t, c);
-        const i = r.ref;
-        typeof i == "function" ? i(c) : i != null && typeof i == "object" && (i.current = c);
-      }, R = p && !a ? !0 : void 0, J = n !== "momentary" || p, Q = {
-        intent: r.props.intent ?? F,
-        size: r.props.size ?? b,
-        disabled: a,
-        "aria-disabled": R,
-        onClick: J ? k : r.props.onClick,
-        "aria-pressed": f,
-        "aria-checked": I,
-        // When the group is a radiogroup, children must be `role="radio"`
-        // so screen readers announce them as radio buttons and so
-        // `getByRole('radio')` works in tests. The button element is
-        // re-purposed as a radio; `aria-checked` above carries the state.
-        role: l === "radiogroup" ? "radio" : void 0,
-        tabIndex: y ? t === w ? 0 : -1 : void 0,
-        onFocus: (c) => {
-          var i, m;
-          y && E(t), (m = (i = r.props).onFocus) == null || m.call(i, c);
-        },
-        ref: d
-      };
-      return te(r, Q);
-    });
-    return /* @__PURE__ */ Z(
-      "div",
-      {
-        ref: (e) => {
-          B.current = e, typeof g == "function" ? g(e) : g && typeof g == "object" && (g.current = e);
-        },
-        role: l,
-        "aria-label": S,
-        "aria-labelledby": H,
-        "aria-orientation": l === "toolbar" ? u : void 0,
-        onKeyDown: W,
-        className: ne({ orientation: u, className: G }),
-        "data-component": "icon-button-group",
-        ...M,
-        children: q
-      }
-    );
-  }
-);
-ie.displayName = "IconButtonGroup";
-function se(s, g, b, u) {
-  if (s === "momentary" || !b) return {};
-  const l = s === "toggle-multi" ? u.includes(b) : u === b;
-  return g === "radiogroup" ? { ariaChecked: l } : { ariaPressed: l };
-}
-export {
-  ie as I
-};
-//# sourceMappingURL=icon-button-group-C48khLE0.js.map