mainstack-design-system 0.7.45 → 1.0.1

package/dist/index-RoCFhqzC.js

@@ -0,0 +1,270 @@
+'use client';
+import * as a from "react";
+import { c as I, P as O, a as h } from "./index-DMumqyNN.js";
+import { c as M, u as _ } from "./index-DLcqcWxM.js";
+import { P as T, D as k } from "./index-CcYIQEEL.js";
+import { h as V, R as L, u as W, F as H } from "./Combination-BCR4NmQq.js";
+import { u as j } from "./index-Cv867SGx.js";
+import { c as E, A as y, C as G, R as B, a as K } from "./index-Coonh94S.js";
+import { P as x } from "./index-BpWB3aFK.js";
+import { jsx as l } from "react/jsx-runtime";
+import { u as Z } from "./index-437EL2iq.js";
+// @__NO_SIDE_EFFECTS__
+function $(e) {
+  const r = /* @__PURE__ */ U(e), t = a.forwardRef((n, o) => {
+    const { children: s, ...c } = n, i = a.Children.toArray(s), p = i.find(z);
+    if (p) {
+      const u = p.props.children, P = i.map((d) => d === p ? a.Children.count(u) > 1 ? a.Children.only(null) : a.isValidElement(u) ? u.props.children : null : d);
+      return /* @__PURE__ */ l(r, { ...c, ref: o, children: a.isValidElement(u) ? a.cloneElement(u, void 0, P) : null });
+    }
+    return /* @__PURE__ */ l(r, { ...c, ref: o, children: s });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function U(e) {
+  const r = a.forwardRef((t, n) => {
+    const { children: o, ...s } = t;
+    if (a.isValidElement(o)) {
+      const c = Q(o), i = J(s, o.props);
+      return o.type !== a.Fragment && (i.ref = n ? M(n, c) : c), a.cloneElement(o, i);
+    }
+    return a.Children.count(o) > 1 ? a.Children.only(null) : null;
+  });
+  return r.displayName = `${e}.SlotClone`, r;
+}
+var q = Symbol("radix.slottable");
+function z(e) {
+  return a.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === q;
+}
+function J(e, r) {
+  const t = { ...r };
+  for (const n in r) {
+    const o = e[n], s = r[n];
+    /^on[A-Z]/.test(n) ? o && s ? t[n] = (...i) => {
+      const p = s(...i);
+      return o(...i), p;
+    } : o && (t[n] = o) : n === "style" ? t[n] = { ...o, ...s } : n === "className" && (t[n] = [o, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function Q(e) {
+  let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning;
+  return t ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+var C = "Popover", [S] = I(C, [
+  E
+]), m = E(), [X, f] = S(C), Y = (e) => {
+  const {
+    __scopePopover: r,
+    children: t,
+    open: n,
+    defaultOpen: o,
+    onOpenChange: s,
+    modal: c = !1
+  } = e, i = m(r), p = a.useRef(null), [u, P] = a.useState(!1), [d, v] = Z({
+    prop: n,
+    defaultProp: o ?? !1,
+    onChange: s,
+    caller: C
+  });
+  return /* @__PURE__ */ l(B, { ...i, children: /* @__PURE__ */ l(
+    X,
+    {
+      scope: r,
+      contentId: j(),
+      triggerRef: p,
+      open: d,
+      onOpenChange: v,
+      onOpenToggle: a.useCallback(() => v((R) => !R), [v]),
+      hasCustomAnchor: u,
+      onCustomAnchorAdd: a.useCallback(() => P(!0), []),
+      onCustomAnchorRemove: a.useCallback(() => P(!1), []),
+      modal: c,
+      children: t
+    }
+  ) });
+};
+Y.displayName = C;
+var b = "PopoverAnchor", ee = a.forwardRef(
+  (e, r) => {
+    const { __scopePopover: t, ...n } = e, o = f(b, t), s = m(t), { onCustomAnchorAdd: c, onCustomAnchorRemove: i } = o;
+    return a.useEffect(() => (c(), () => i()), [c, i]), /* @__PURE__ */ l(y, { ...s, ...n, ref: r });
+  }
+);
+ee.displayName = b;
+var w = "PopoverTrigger", oe = a.forwardRef(
+  (e, r) => {
+    const { __scopePopover: t, ...n } = e, o = f(w, t), s = m(t), c = _(r, o.triggerRef), i = /* @__PURE__ */ l(
+      O.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": o.open,
+        "aria-controls": o.contentId,
+        "data-state": D(o.open),
+        ...n,
+        ref: c,
+        onClick: h(e.onClick, o.onOpenToggle)
+      }
+    );
+    return o.hasCustomAnchor ? i : /* @__PURE__ */ l(y, { asChild: !0, ...s, children: i });
+  }
+);
+oe.displayName = w;
+var A = "PopoverPortal", [re, te] = S(A, {
+  forceMount: void 0
+}), ne = (e) => {
+  const { __scopePopover: r, forceMount: t, children: n, container: o } = e, s = f(A, r);
+  return /* @__PURE__ */ l(re, { scope: r, forceMount: t, children: /* @__PURE__ */ l(x, { present: t || s.open, children: /* @__PURE__ */ l(T, { asChild: !0, container: o, children: n }) }) });
+};
+ne.displayName = A;
+var g = "PopoverContent", se = a.forwardRef(
+  (e, r) => {
+    const t = te(g, e.__scopePopover), { forceMount: n = t.forceMount, ...o } = e, s = f(g, e.__scopePopover);
+    return /* @__PURE__ */ l(x, { present: n || s.open, children: s.modal ? /* @__PURE__ */ l(ce, { ...o, ref: r }) : /* @__PURE__ */ l(ie, { ...o, ref: r }) });
+  }
+);
+se.displayName = g;
+var ae = /* @__PURE__ */ $("PopoverContent.RemoveScroll"), ce = a.forwardRef(
+  (e, r) => {
+    const t = f(g, e.__scopePopover), n = a.useRef(null), o = _(r, n), s = a.useRef(!1);
+    return a.useEffect(() => {
+      const c = n.current;
+      if (c) return V(c);
+    }, []), /* @__PURE__ */ l(L, { as: ae, allowPinchZoom: !0, children: /* @__PURE__ */ l(
+      N,
+      {
+        ...e,
+        ref: o,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: h(e.onCloseAutoFocus, (c) => {
+          c.preventDefault(), s.current || t.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: h(
+          e.onPointerDownOutside,
+          (c) => {
+            const i = c.detail.originalEvent, p = i.button === 0 && i.ctrlKey === !0, u = i.button === 2 || p;
+            s.current = u;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: h(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), ie = a.forwardRef(
+  (e, r) => {
+    const t = f(g, e.__scopePopover), n = a.useRef(!1), o = a.useRef(!1);
+    return /* @__PURE__ */ l(
+      N,
+      {
+        ...e,
+        ref: r,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (s) => {
+          e.onCloseAutoFocus?.(s), s.defaultPrevented || (n.current || t.triggerRef.current?.focus(), s.preventDefault()), n.current = !1, o.current = !1;
+        },
+        onInteractOutside: (s) => {
+          e.onInteractOutside?.(s), s.defaultPrevented || (n.current = !0, s.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const c = s.target;
+          t.triggerRef.current?.contains(c) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && o.current && s.preventDefault();
+        }
+      }
+    );
+  }
+), N = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopePopover: t,
+      trapFocus: n,
+      onOpenAutoFocus: o,
+      onCloseAutoFocus: s,
+      disableOutsidePointerEvents: c,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: p,
+      onFocusOutside: u,
+      onInteractOutside: P,
+      ...d
+    } = e, v = f(g, t), R = m(t);
+    return W(), /* @__PURE__ */ l(
+      H,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: n,
+        onMountAutoFocus: o,
+        onUnmountAutoFocus: s,
+        children: /* @__PURE__ */ l(
+          k,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: c,
+            onInteractOutside: P,
+            onEscapeKeyDown: i,
+            onPointerDownOutside: p,
+            onFocusOutside: u,
+            onDismiss: () => v.onOpenChange(!1),
+            children: /* @__PURE__ */ l(
+              G,
+              {
+                "data-state": D(v.open),
+                role: "dialog",
+                id: v.contentId,
+                ...R,
+                ...d,
+                ref: r,
+                style: {
+                  ...d.style,
+                  "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+                  "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+                  "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+                  "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+                  "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), F = "PopoverClose", le = a.forwardRef(
+  (e, r) => {
+    const { __scopePopover: t, ...n } = e, o = f(F, t);
+    return /* @__PURE__ */ l(
+      O.button,
+      {
+        type: "button",
+        ...n,
+        ref: r,
+        onClick: h(e.onClick, () => o.onOpenChange(!1))
+      }
+    );
+  }
+);
+le.displayName = F;
+var pe = "PopoverArrow", ue = a.forwardRef(
+  (e, r) => {
+    const { __scopePopover: t, ...n } = e, o = m(t);
+    return /* @__PURE__ */ l(K, { ...o, ...n, ref: r });
+  }
+);
+ue.displayName = pe;
+function D(e) {
+  return e ? "open" : "closed";
+}
+export {
+  Y as P,
+  oe as a,
+  ne as b,
+  se as c,
+  ee as d,
+  le as e
+};

package/dist/index-WIv2ndLu.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react"),o=require("./index-MQ0c3ZX_.cjs");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=a(u);var i=c[" useId ".trim().toString()]||(()=>{}),s=0;function d(e){const[t,r]=c.useState(i());return o.useLayoutEffect2(()=>{r(n=>n??String(s++))},[e]),t?`radix-${t}`:""}exports.useId=d;

package/dist/index-Z8GhkKSz.js

@@ -0,0 +1,331 @@
+'use client';
+import * as f from "react";
+import u from "react";
+import { c as K, P as x, a as F } from "./index-DMumqyNN.js";
+import { c as se } from "./index-C8WiE3-F.js";
+import { u as z } from "./index-DLcqcWxM.js";
+import { u as k } from "./index-437EL2iq.js";
+import { u as le } from "./index-CCKe-Mpx.js";
+import { P as de } from "./index-BpWB3aFK.js";
+import { u as B } from "./index-Cv867SGx.js";
+import { jsx as i } from "react/jsx-runtime";
+import { u as pe } from "./index-ByaXH_ih.js";
+var w = "Collapsible", [ue, U] = K(w), [fe, M] = ue(w), j = f.forwardRef(
+  (e, a) => {
+    const {
+      __scopeCollapsible: o,
+      open: n,
+      defaultOpen: r,
+      disabled: t,
+      onOpenChange: c,
+      ...l
+    } = e, [d, p] = k({
+      prop: n,
+      defaultProp: r ?? !1,
+      onChange: c,
+      caller: w
+    });
+    return /* @__PURE__ */ i(
+      fe,
+      {
+        scope: o,
+        disabled: t,
+        contentId: B(),
+        open: d,
+        onOpenToggle: f.useCallback(() => p((m) => !m), [p]),
+        children: /* @__PURE__ */ i(
+          x.div,
+          {
+            "data-state": V(d),
+            "data-disabled": t ? "" : void 0,
+            ...l,
+            ref: a
+          }
+        )
+      }
+    );
+  }
+);
+j.displayName = w;
+var q = "CollapsibleTrigger", Y = f.forwardRef(
+  (e, a) => {
+    const { __scopeCollapsible: o, ...n } = e, r = M(q, o);
+    return /* @__PURE__ */ i(
+      x.button,
+      {
+        type: "button",
+        "aria-controls": r.contentId,
+        "aria-expanded": r.open || !1,
+        "data-state": V(r.open),
+        "data-disabled": r.disabled ? "" : void 0,
+        disabled: r.disabled,
+        ...n,
+        ref: a,
+        onClick: F(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+Y.displayName = q;
+var H = "CollapsibleContent", J = f.forwardRef(
+  (e, a) => {
+    const { forceMount: o, ...n } = e, r = M(H, e.__scopeCollapsible);
+    return /* @__PURE__ */ i(de, { present: o || r.open, children: ({ present: t }) => /* @__PURE__ */ i(me, { ...n, ref: a, present: t }) });
+  }
+);
+J.displayName = H;
+var me = f.forwardRef((e, a) => {
+  const { __scopeCollapsible: o, present: n, children: r, ...t } = e, c = M(H, o), [l, d] = f.useState(n), p = f.useRef(null), m = z(a, p), C = f.useRef(0), I = C.current, b = f.useRef(0), _ = b.current, g = c.open || l, A = f.useRef(g), h = f.useRef(void 0);
+  return f.useEffect(() => {
+    const s = requestAnimationFrame(() => A.current = !1);
+    return () => cancelAnimationFrame(s);
+  }, []), le(() => {
+    const s = p.current;
+    if (s) {
+      h.current = h.current || {
+        transitionDuration: s.style.transitionDuration,
+        animationName: s.style.animationName
+      }, s.style.transitionDuration = "0s", s.style.animationName = "none";
+      const R = s.getBoundingClientRect();
+      C.current = R.height, b.current = R.width, A.current || (s.style.transitionDuration = h.current.transitionDuration, s.style.animationName = h.current.animationName), d(n);
+    }
+  }, [c.open, n]), /* @__PURE__ */ i(
+    x.div,
+    {
+      "data-state": V(c.open),
+      "data-disabled": c.disabled ? "" : void 0,
+      id: c.contentId,
+      hidden: !g,
+      ...t,
+      ref: m,
+      style: {
+        "--radix-collapsible-content-height": I ? `${I}px` : void 0,
+        "--radix-collapsible-content-width": _ ? `${_}px` : void 0,
+        ...e.style
+      },
+      children: g && r
+    }
+  );
+});
+function V(e) {
+  return e ? "open" : "closed";
+}
+var Ce = j, ve = Y, be = J, v = "Accordion", ge = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [L, Ae, he] = se(v), [y] = K(v, [
+  he,
+  U
+]), $ = U(), Q = u.forwardRef(
+  (e, a) => {
+    const { type: o, ...n } = e, r = n, t = n;
+    return /* @__PURE__ */ i(L.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ i(_e, { ...t, ref: a }) : /* @__PURE__ */ i(xe, { ...r, ref: a }) });
+  }
+);
+Q.displayName = v;
+var [W, Ie] = y(v), [X, Re] = y(
+  v,
+  { collapsible: !1 }
+), xe = u.forwardRef(
+  (e, a) => {
+    const {
+      value: o,
+      defaultValue: n,
+      onValueChange: r = () => {
+      },
+      collapsible: t = !1,
+      ...c
+    } = e, [l, d] = k({
+      prop: o,
+      defaultProp: n ?? "",
+      onChange: r,
+      caller: v
+    });
+    return /* @__PURE__ */ i(
+      W,
+      {
+        scope: e.__scopeAccordion,
+        value: u.useMemo(() => l ? [l] : [], [l]),
+        onItemOpen: d,
+        onItemClose: u.useCallback(() => t && d(""), [t, d]),
+        children: /* @__PURE__ */ i(X, { scope: e.__scopeAccordion, collapsible: t, children: /* @__PURE__ */ i(Z, { ...c, ref: a }) })
+      }
+    );
+  }
+), _e = u.forwardRef((e, a) => {
+  const {
+    value: o,
+    defaultValue: n,
+    onValueChange: r = () => {
+    },
+    ...t
+  } = e, [c, l] = k({
+    prop: o,
+    defaultProp: n ?? [],
+    onChange: r,
+    caller: v
+  }), d = u.useCallback(
+    (m) => l((C = []) => [...C, m]),
+    [l]
+  ), p = u.useCallback(
+    (m) => l((C = []) => C.filter((I) => I !== m)),
+    [l]
+  );
+  return /* @__PURE__ */ i(
+    W,
+    {
+      scope: e.__scopeAccordion,
+      value: c,
+      onItemOpen: d,
+      onItemClose: p,
+      children: /* @__PURE__ */ i(X, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ i(Z, { ...t, ref: a }) })
+    }
+  );
+}), [Pe, N] = y(v), Z = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, disabled: n, dir: r, orientation: t = "vertical", ...c } = e, l = u.useRef(null), d = z(l, a), p = Ae(o), C = pe(r) === "ltr", I = F(e.onKeyDown, (b) => {
+      if (!ge.includes(b.key)) return;
+      const _ = b.target, g = p().filter((T) => !T.ref.current?.disabled), A = g.findIndex((T) => T.ref.current === _), h = g.length;
+      if (A === -1) return;
+      b.preventDefault();
+      let s = A;
+      const R = 0, E = h - 1, O = () => {
+        s = A + 1, s > E && (s = R);
+      }, S = () => {
+        s = A - 1, s < R && (s = E);
+      };
+      switch (b.key) {
+        case "Home":
+          s = R;
+          break;
+        case "End":
+          s = E;
+          break;
+        case "ArrowRight":
+          t === "horizontal" && (C ? O() : S());
+          break;
+        case "ArrowDown":
+          t === "vertical" && O();
+          break;
+        case "ArrowLeft":
+          t === "horizontal" && (C ? S() : O());
+          break;
+        case "ArrowUp":
+          t === "vertical" && S();
+          break;
+      }
+      const ce = s % h;
+      g[ce].ref.current?.focus();
+    });
+    return /* @__PURE__ */ i(
+      Pe,
+      {
+        scope: o,
+        disabled: n,
+        direction: r,
+        orientation: t,
+        children: /* @__PURE__ */ i(L.Slot, { scope: o, children: /* @__PURE__ */ i(
+          x.div,
+          {
+            ...c,
+            "data-orientation": t,
+            ref: d,
+            onKeyDown: n ? void 0 : I
+          }
+        ) })
+      }
+    );
+  }
+), P = "AccordionItem", [we, G] = y(P), ee = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, value: n, ...r } = e, t = N(P, o), c = Ie(P, o), l = $(o), d = B(), p = n && c.value.includes(n) || !1, m = t.disabled || e.disabled;
+    return /* @__PURE__ */ i(
+      we,
+      {
+        scope: o,
+        open: p,
+        disabled: m,
+        triggerId: d,
+        children: /* @__PURE__ */ i(
+          Ce,
+          {
+            "data-orientation": t.orientation,
+            "data-state": ie(p),
+            ...l,
+            ...r,
+            ref: a,
+            disabled: m,
+            open: p,
+            onOpenChange: (C) => {
+              C ? c.onItemOpen(n) : c.onItemClose(n);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+ee.displayName = P;
+var oe = "AccordionHeader", te = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, ...n } = e, r = N(v, o), t = G(oe, o);
+    return /* @__PURE__ */ i(
+      x.h3,
+      {
+        "data-orientation": r.orientation,
+        "data-state": ie(t.open),
+        "data-disabled": t.disabled ? "" : void 0,
+        ...n,
+        ref: a
+      }
+    );
+  }
+);
+te.displayName = oe;
+var D = "AccordionTrigger", ne = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, ...n } = e, r = N(v, o), t = G(D, o), c = Re(D, o), l = $(o);
+    return /* @__PURE__ */ i(L.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
+      ve,
+      {
+        "aria-disabled": t.open && !c.collapsible || void 0,
+        "data-orientation": r.orientation,
+        id: t.triggerId,
+        ...l,
+        ...n,
+        ref: a
+      }
+    ) });
+  }
+);
+ne.displayName = D;
+var re = "AccordionContent", ae = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, ...n } = e, r = N(v, o), t = G(re, o), c = $(o);
+    return /* @__PURE__ */ i(
+      be,
+      {
+        role: "region",
+        "aria-labelledby": t.triggerId,
+        "data-orientation": r.orientation,
+        ...c,
+        ...n,
+        ref: a,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+ae.displayName = re;
+function ie(e) {
+  return e ? "open" : "closed";
+}
+var Ve = Q, Le = ee, $e = te, Ge = ne, Ke = ae;
+export {
+  Ke as C,
+  $e as H,
+  Le as I,
+  Ve as R,
+  Ge as T
+};

package/dist/index-_XxjJPRD.cjs

@@ -0,0 +1 @@
+"use strict";const f=require("react");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=l(f);function s(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function r(...e){return t=>{let n=!1;const c=e.map(o=>{const u=s(o,t);return!n&&typeof u=="function"&&(n=!0),u});if(n)return()=>{for(let o=0;o<c.length;o++){const u=c[o];typeof u=="function"?u():s(e[o],null)}}}}function a(...e){return i.useCallback(r(...e),e)}exports.composeRefs=r;exports.useComposedRefs=a;

package/dist/index-bSPhqlcX.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react"),b=require("./index-MQ0c3ZX_.cjs");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const z=d(a);function S(e){const[t,r]=z.useState(void 0);return b.useLayoutEffect2(()=>{if(e){r({width:e.offsetWidth,height:e.offsetHeight});const i=new ResizeObserver(o=>{if(!Array.isArray(o)||!o.length)return;const f=o[0];let s,n;if("borderBoxSize"in f){const c=f.borderBoxSize,u=Array.isArray(c)?c[0]:c;s=u.inlineSize,n=u.blockSize}else s=e.offsetWidth,n=e.offsetHeight;r({width:s,height:n})});return i.observe(e,{box:"border-box"}),()=>i.unobserve(e)}else r(void 0)},[e]),t}exports.useSize=S;

package/dist/index-ynv1Al0t.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";const d=require("react"),A=require("./index-5OKsHRWb.cjs"),g=require("./index-_XxjJPRD.cjs"),I=require("react/jsx-runtime");function P(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const l=P(d);function M(e){const t=T(e),o=l.forwardRef((n,r)=>{const{children:c,...a}=n,s=l.Children.toArray(c),m=s.find(v);if(m){const u=m.props.children,S=s.map(x=>x===m?l.Children.count(u)>1?l.Children.only(null):l.isValidElement(u)?u.props.children:null:x);return I.jsx(t,{...a,ref:r,children:l.isValidElement(u)?l.cloneElement(u,void 0,S):null})}return I.jsx(t,{...a,ref:r,children:c})});return o.displayName=`${e}.Slot`,o}function T(e){const t=l.forwardRef((o,n)=>{const{children:r,...c}=o;if(l.isValidElement(r)){const a=D(r),s=w(c,r.props);return r.type!==l.Fragment&&(s.ref=n?g.composeRefs(n,a):a),l.cloneElement(r,s)}return l.Children.count(r)>1?l.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var h=Symbol("radix.slottable");function v(e){return l.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===h}function w(e,t){const o={...t};for(const n in t){const r=e[n],c=t[n];/^on[A-Z]/.test(n)?r&&c?o[n]=(...s)=>{const m=c(...s);return r(...s),m}:r&&(o[n]=r):n==="style"?o[n]={...r,...c}:n==="className"&&(o[n]=[r,c].filter(Boolean).join(" "))}return{...e,...o}}function D(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,o=t&&"isReactWarning"in t&&t.isReactWarning;return o?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,o=t&&"isReactWarning"in t&&t.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}function V(e){const t=e+"CollectionProvider",[o,n]=A.createContextScope(t),[r,c]=o(t,{collectionRef:{current:null},itemMap:new Map}),a=C=>{const{scope:i,children:y}=C,f=d.useRef(null),p=d.useRef(new Map).current;return I.jsx(r,{scope:i,itemMap:p,collectionRef:f,children:y})};a.displayName=t;const s=e+"CollectionSlot",m=M(s),u=d.forwardRef((C,i)=>{const{scope:y,children:f}=C,p=c(s,y),R=g.useComposedRefs(i,p.collectionRef);return I.jsx(m,{ref:R,children:f})});u.displayName=s;const S=e+"CollectionItemSlot",x="data-radix-collection-item",N=M(S),O=d.forwardRef((C,i)=>{const{scope:y,children:f,...p}=C,R=d.useRef(null),_=g.useComposedRefs(i,R),E=c(S,y);return d.useEffect(()=>(E.itemMap.set(R,{ref:R,...p}),()=>void E.itemMap.delete(R))),I.jsx(N,{[x]:"",ref:_,children:f})});O.displayName=S;function b(C){const i=c(e+"CollectionConsumer",C);return d.useCallback(()=>{const f=i.collectionRef.current;if(!f)return[];const p=Array.from(f.querySelectorAll(`[${x}]`));return Array.from(i.itemMap.values()).sort((E,j)=>p.indexOf(E.ref.current)-p.indexOf(j.ref.current))},[i.collectionRef,i.itemMap])}return[{Provider:a,Slot:u,ItemSlot:O},b,n]}exports.createCollection=V;