mainstack-design-system 1.0.0 → 1.1.2

package/dist/index-Dz5LHXX9.js

@@ -1,145 +0,0 @@
-'use client';
-import * as r from "react";
-import { a as p } from "./index-BRRTyZ1e.js";
-import { P as h, d as k } from "./index-CpDnqHCm.js";
-import { u as T } from "./index-5Bhkapwi.js";
-import { u as b } from "./index-0ioNhtNM.js";
-import { jsx as P } from "react/jsx-runtime";
-import M from "react-dom";
-import { u as U } from "./index-CCKe-Mpx.js";
-function z(n, e = globalThis?.document) {
-  const t = b(n);
-  r.useEffect(() => {
-    const o = (s) => {
-      s.key === "Escape" && t(s);
-    };
-    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
-  }, [t, e]);
-}
-var H = "DismissableLayer", y = "dismissableLayer.update", K = "dismissableLayer.pointerDownOutside", j = "dismissableLayer.focusOutside", R, B = r.createContext({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-}), X = r.forwardRef(
-  (n, e) => {
-    const {
-      disableOutsidePointerEvents: t = !1,
-      onEscapeKeyDown: o,
-      onPointerDownOutside: s,
-      onFocusOutside: a,
-      onInteractOutside: d,
-      onDismiss: l,
-      ...E
-    } = n, u = r.useContext(B), [c, F] = r.useState(null), f = c?.ownerDocument ?? globalThis?.document, [, I] = r.useState({}), S = T(e, (i) => F(i)), D = Array.from(u.layers), [A] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), N = D.indexOf(A), O = c ? D.indexOf(c) : -1, W = u.layersWithOutsidePointerEventsDisabled.size > 0, L = O >= N, _ = G((i) => {
-      const v = i.target, w = [...u.branches].some((m) => m.contains(v));
-      !L || w || (s?.(i), d?.(i), i.defaultPrevented || l?.());
-    }, f), C = J((i) => {
-      const v = i.target;
-      [...u.branches].some((m) => m.contains(v)) || (a?.(i), d?.(i), i.defaultPrevented || l?.());
-    }, f);
-    return z((i) => {
-      O === u.layers.size - 1 && (o?.(i), !i.defaultPrevented && l && (i.preventDefault(), l()));
-    }, f), r.useEffect(() => {
-      if (c)
-        return t && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (R = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), g(), () => {
-          t && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = R);
-        };
-    }, [c, f, t, u]), r.useEffect(() => () => {
-      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), g());
-    }, [c, u]), r.useEffect(() => {
-      const i = () => I({});
-      return document.addEventListener(y, i), () => document.removeEventListener(y, i);
-    }, []), /* @__PURE__ */ P(
-      h.div,
-      {
-        ...E,
-        ref: S,
-        style: {
-          pointerEvents: W ? L ? "auto" : "none" : void 0,
-          ...n.style
-        },
-        onFocusCapture: p(n.onFocusCapture, C.onFocusCapture),
-        onBlurCapture: p(n.onBlurCapture, C.onBlurCapture),
-        onPointerDownCapture: p(
-          n.onPointerDownCapture,
-          _.onPointerDownCapture
-        )
-      }
-    );
-  }
-);
-X.displayName = H;
-var Y = "DismissableLayerBranch", q = r.forwardRef((n, e) => {
-  const t = r.useContext(B), o = r.useRef(null), s = T(e, o);
-  return r.useEffect(() => {
-    const a = o.current;
-    if (a)
-      return t.branches.add(a), () => {
-        t.branches.delete(a);
-      };
-  }, [t.branches]), /* @__PURE__ */ P(h.div, { ...n, ref: s });
-});
-q.displayName = Y;
-function G(n, e = globalThis?.document) {
-  const t = b(n), o = r.useRef(!1), s = r.useRef(() => {
-  });
-  return r.useEffect(() => {
-    const a = (l) => {
-      if (l.target && !o.current) {
-        let E = function() {
-          x(
-            K,
-            t,
-            u,
-            { discrete: !0 }
-          );
-        };
-        const u = { originalEvent: l };
-        l.pointerType === "touch" ? (e.removeEventListener("click", s.current), s.current = E, e.addEventListener("click", s.current, { once: !0 })) : E();
-      } else
-        e.removeEventListener("click", s.current);
-      o.current = !1;
-    }, d = window.setTimeout(() => {
-      e.addEventListener("pointerdown", a);
-    }, 0);
-    return () => {
-      window.clearTimeout(d), e.removeEventListener("pointerdown", a), e.removeEventListener("click", s.current);
-    };
-  }, [e, t]), {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => o.current = !0
-  };
-}
-function J(n, e = globalThis?.document) {
-  const t = b(n), o = r.useRef(!1);
-  return r.useEffect(() => {
-    const s = (a) => {
-      a.target && !o.current && x(j, t, { originalEvent: a }, {
-        discrete: !1
-      });
-    };
-    return e.addEventListener("focusin", s), () => e.removeEventListener("focusin", s);
-  }, [e, t]), {
-    onFocusCapture: () => o.current = !0,
-    onBlurCapture: () => o.current = !1
-  };
-}
-function g() {
-  const n = new CustomEvent(y);
-  document.dispatchEvent(n);
-}
-function x(n, e, t, { discrete: o }) {
-  const s = t.originalEvent.target, a = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: t });
-  e && s.addEventListener(n, e, { once: !0 }), o ? k(s, a) : s.dispatchEvent(a);
-}
-var Q = "Portal", V = r.forwardRef((n, e) => {
-  const { container: t, ...o } = n, [s, a] = r.useState(!1);
-  U(() => a(!0), []);
-  const d = t || s && globalThis?.document?.body;
-  return d ? M.createPortal(/* @__PURE__ */ P(h.div, { ...o, ref: e }), d) : null;
-});
-V.displayName = Q;
-export {
-  X as D,
-  V as P
-};

package/dist/index-ZhUVW4CS.cjs

@@ -1,2 +0,0 @@
-'use client';
-"use strict";const n=require("react"),u=require("./index-C2mPf2xD.cjs"),c=require("react/jsx-runtime");function i(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const l=i(n);var s="Label",o=l.forwardRef((t,r)=>c.jsx(u.Primitive.label,{...t,ref:r,onMouseDown:e=>{e.target.closest("button, input, select, textarea")||(t.onMouseDown?.(e),!e.defaultPrevented&&e.detail>1&&e.preventDefault())}}));o.displayName=s;var f=o;exports.Label=o;exports.Root=f;

package/dist/index-fw7dUmQl.js

@@ -1,352 +0,0 @@
-'use client';
-import * as s from "react";
-import { c as $, a as x } from "./index-BRRTyZ1e.js";
-import { u as N, a as J } from "./index-5Bhkapwi.js";
-import { P as Q, D as Z } from "./index-Dz5LHXX9.js";
-import { u as ee } from "./index-xqkGMOJ8.js";
-import { c as S, A as te, C as oe, a as re, R as ne } from "./index-CRdNenpR.js";
-import { P as j } from "./index-BGfrl8IX.js";
-import { P as G } from "./index-CpDnqHCm.js";
-import { u as se } from "./index-437EL2iq.js";
-import { jsx as p, jsxs as ae } from "react/jsx-runtime";
-var ie = Object.freeze({
-  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-  position: "absolute",
-  border: 0,
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  wordWrap: "normal"
-}), le = "VisuallyHidden", F = s.forwardRef(
-  (e, o) => /* @__PURE__ */ p(
-    G.span,
-    {
-      ...e,
-      ref: o,
-      style: { ...ie, ...e.style }
-    }
-  )
-);
-F.displayName = le;
-var ce = F, [A] = $("Tooltip", [
-  S
-]), D = S(), V = "TooltipProvider", ue = 700, O = "tooltip.open", [pe, k] = A(V), Y = (e) => {
-  const {
-    __scopeTooltip: o,
-    delayDuration: t = ue,
-    skipDelayDuration: r = 300,
-    disableHoverableContent: n = !1,
-    children: l
-  } = e, i = s.useRef(!0), v = s.useRef(!1), a = s.useRef(0);
-  return s.useEffect(() => {
-    const d = a.current;
-    return () => window.clearTimeout(d);
-  }, []), /* @__PURE__ */ p(
-    pe,
-    {
-      scope: o,
-      isOpenDelayedRef: i,
-      delayDuration: t,
-      onOpen: s.useCallback(() => {
-        window.clearTimeout(a.current), i.current = !1;
-      }, []),
-      onClose: s.useCallback(() => {
-        window.clearTimeout(a.current), a.current = window.setTimeout(
-          () => i.current = !0,
-          r
-        );
-      }, [r]),
-      isPointerInTransitRef: v,
-      onPointerInTransitChange: s.useCallback((d) => {
-        v.current = d;
-      }, []),
-      disableHoverableContent: n,
-      children: l
-    }
-  );
-};
-Y.displayName = V;
-var R = "Tooltip", [de, _] = A(R), B = (e) => {
-  const {
-    __scopeTooltip: o,
-    children: t,
-    open: r,
-    defaultOpen: n,
-    onOpenChange: l,
-    disableHoverableContent: i,
-    delayDuration: v
-  } = e, a = k(R, e.__scopeTooltip), d = D(o), [c, f] = s.useState(null), h = ee(), u = s.useRef(0), m = i ?? a.disableHoverableContent, y = v ?? a.delayDuration, T = s.useRef(!1), [C, g] = se({
-    prop: r,
-    defaultProp: n ?? !1,
-    onChange: (H) => {
-      H ? (a.onOpen(), document.dispatchEvent(new CustomEvent(O))) : a.onClose(), l?.(H);
-    },
-    caller: R
-  }), b = s.useMemo(() => C ? T.current ? "delayed-open" : "instant-open" : "closed", [C]), P = s.useCallback(() => {
-    window.clearTimeout(u.current), u.current = 0, T.current = !1, g(!0);
-  }, [g]), E = s.useCallback(() => {
-    window.clearTimeout(u.current), u.current = 0, g(!1);
-  }, [g]), M = s.useCallback(() => {
-    window.clearTimeout(u.current), u.current = window.setTimeout(() => {
-      T.current = !0, g(!0), u.current = 0;
-    }, y);
-  }, [y, g]);
-  return s.useEffect(() => () => {
-    u.current && (window.clearTimeout(u.current), u.current = 0);
-  }, []), /* @__PURE__ */ p(ne, { ...d, children: /* @__PURE__ */ p(
-    de,
-    {
-      scope: o,
-      contentId: h,
-      open: C,
-      stateAttribute: b,
-      trigger: c,
-      onTriggerChange: f,
-      onTriggerEnter: s.useCallback(() => {
-        a.isOpenDelayedRef.current ? M() : P();
-      }, [a.isOpenDelayedRef, M, P]),
-      onTriggerLeave: s.useCallback(() => {
-        m ? E() : (window.clearTimeout(u.current), u.current = 0);
-      }, [E, m]),
-      onOpen: P,
-      onClose: E,
-      disableHoverableContent: m,
-      children: t
-    }
-  ) });
-};
-B.displayName = R;
-var L = "TooltipTrigger", U = s.forwardRef(
-  (e, o) => {
-    const { __scopeTooltip: t, ...r } = e, n = _(L, t), l = k(L, t), i = D(t), v = s.useRef(null), a = N(o, v, n.onTriggerChange), d = s.useRef(!1), c = s.useRef(!1), f = s.useCallback(() => d.current = !1, []);
-    return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ p(te, { asChild: !0, ...i, children: /* @__PURE__ */ p(
-      G.button,
-      {
-        "aria-describedby": n.open ? n.contentId : void 0,
-        "data-state": n.stateAttribute,
-        ...r,
-        ref: a,
-        onPointerMove: x(e.onPointerMove, (h) => {
-          h.pointerType !== "touch" && !c.current && !l.isPointerInTransitRef.current && (n.onTriggerEnter(), c.current = !0);
-        }),
-        onPointerLeave: x(e.onPointerLeave, () => {
-          n.onTriggerLeave(), c.current = !1;
-        }),
-        onPointerDown: x(e.onPointerDown, () => {
-          n.open && n.onClose(), d.current = !0, document.addEventListener("pointerup", f, { once: !0 });
-        }),
-        onFocus: x(e.onFocus, () => {
-          d.current || n.onOpen();
-        }),
-        onBlur: x(e.onBlur, n.onClose),
-        onClick: x(e.onClick, n.onClose)
-      }
-    ) });
-  }
-);
-U.displayName = L;
-var I = "TooltipPortal", [fe, ve] = A(I, {
-  forceMount: void 0
-}), q = (e) => {
-  const { __scopeTooltip: o, forceMount: t, children: r, container: n } = e, l = _(I, o);
-  return /* @__PURE__ */ p(fe, { scope: o, forceMount: t, children: /* @__PURE__ */ p(j, { present: t || l.open, children: /* @__PURE__ */ p(Q, { asChild: !0, container: n, children: r }) }) });
-};
-q.displayName = I;
-var w = "TooltipContent", W = s.forwardRef(
-  (e, o) => {
-    const t = ve(w, e.__scopeTooltip), { forceMount: r = t.forceMount, side: n = "top", ...l } = e, i = _(w, e.__scopeTooltip);
-    return /* @__PURE__ */ p(j, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ p(X, { side: n, ...l, ref: o }) : /* @__PURE__ */ p(he, { side: n, ...l, ref: o }) });
-  }
-), he = s.forwardRef((e, o) => {
-  const t = _(w, e.__scopeTooltip), r = k(w, e.__scopeTooltip), n = s.useRef(null), l = N(o, n), [i, v] = s.useState(null), { trigger: a, onClose: d } = t, c = n.current, { onPointerInTransitChange: f } = r, h = s.useCallback(() => {
-    v(null), f(!1);
-  }, [f]), u = s.useCallback(
-    (m, y) => {
-      const T = m.currentTarget, C = { x: m.clientX, y: m.clientY }, g = ge(C, T.getBoundingClientRect()), b = Ce(C, g), P = xe(y.getBoundingClientRect()), E = be([...b, ...P]);
-      v(E), f(!0);
-    },
-    [f]
-  );
-  return s.useEffect(() => () => h(), [h]), s.useEffect(() => {
-    if (a && c) {
-      const m = (T) => u(T, c), y = (T) => u(T, a);
-      return a.addEventListener("pointerleave", m), c.addEventListener("pointerleave", y), () => {
-        a.removeEventListener("pointerleave", m), c.removeEventListener("pointerleave", y);
-      };
-    }
-  }, [a, c, u, h]), s.useEffect(() => {
-    if (i) {
-      const m = (y) => {
-        const T = y.target, C = { x: y.clientX, y: y.clientY }, g = a?.contains(T) || c?.contains(T), b = !we(C, i);
-        g ? h() : b && (h(), d());
-      };
-      return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
-    }
-  }, [a, c, i, d, h]), /* @__PURE__ */ p(X, { ...e, ref: l });
-}), [me, Te] = A(R, { isInside: !1 }), ye = J("TooltipContent"), X = s.forwardRef(
-  (e, o) => {
-    const {
-      __scopeTooltip: t,
-      children: r,
-      "aria-label": n,
-      onEscapeKeyDown: l,
-      onPointerDownOutside: i,
-      ...v
-    } = e, a = _(w, t), d = D(t), { onClose: c } = a;
-    return s.useEffect(() => (document.addEventListener(O, c), () => document.removeEventListener(O, c)), [c]), s.useEffect(() => {
-      if (a.trigger) {
-        const f = (h) => {
-          h.target?.contains(a.trigger) && c();
-        };
-        return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
-      }
-    }, [a.trigger, c]), /* @__PURE__ */ p(
-      Z,
-      {
-        asChild: !0,
-        disableOutsidePointerEvents: !1,
-        onEscapeKeyDown: l,
-        onPointerDownOutside: i,
-        onFocusOutside: (f) => f.preventDefault(),
-        onDismiss: c,
-        children: /* @__PURE__ */ ae(
-          oe,
-          {
-            "data-state": a.stateAttribute,
-            ...d,
-            ...v,
-            ref: o,
-            style: {
-              ...v.style,
-              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
-              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
-              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
-              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
-              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
-            },
-            children: [
-              /* @__PURE__ */ p(ye, { children: r }),
-              /* @__PURE__ */ p(me, { scope: t, isInside: !0, children: /* @__PURE__ */ p(ce, { id: a.contentId, role: "tooltip", children: n || r }) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-W.displayName = w;
-var z = "TooltipArrow", K = s.forwardRef(
-  (e, o) => {
-    const { __scopeTooltip: t, ...r } = e, n = D(t);
-    return Te(
-      z,
-      t
-    ).isInside ? null : /* @__PURE__ */ p(re, { ...n, ...r, ref: o });
-  }
-);
-K.displayName = z;
-function ge(e, o) {
-  const t = Math.abs(o.top - e.y), r = Math.abs(o.bottom - e.y), n = Math.abs(o.right - e.x), l = Math.abs(o.left - e.x);
-  switch (Math.min(t, r, n, l)) {
-    case l:
-      return "left";
-    case n:
-      return "right";
-    case t:
-      return "top";
-    case r:
-      return "bottom";
-    default:
-      throw new Error("unreachable");
-  }
-}
-function Ce(e, o, t = 5) {
-  const r = [];
-  switch (o) {
-    case "top":
-      r.push(
-        { x: e.x - t, y: e.y + t },
-        { x: e.x + t, y: e.y + t }
-      );
-      break;
-    case "bottom":
-      r.push(
-        { x: e.x - t, y: e.y - t },
-        { x: e.x + t, y: e.y - t }
-      );
-      break;
-    case "left":
-      r.push(
-        { x: e.x + t, y: e.y - t },
-        { x: e.x + t, y: e.y + t }
-      );
-      break;
-    case "right":
-      r.push(
-        { x: e.x - t, y: e.y - t },
-        { x: e.x - t, y: e.y + t }
-      );
-      break;
-  }
-  return r;
-}
-function xe(e) {
-  const { top: o, right: t, bottom: r, left: n } = e;
-  return [
-    { x: n, y: o },
-    { x: t, y: o },
-    { x: t, y: r },
-    { x: n, y: r }
-  ];
-}
-function we(e, o) {
-  const { x: t, y: r } = e;
-  let n = !1;
-  for (let l = 0, i = o.length - 1; l < o.length; i = l++) {
-    const v = o[l], a = o[i], d = v.x, c = v.y, f = a.x, h = a.y;
-    c > r != h > r && t < (f - d) * (r - c) / (h - c) + d && (n = !n);
-  }
-  return n;
-}
-function be(e) {
-  const o = e.slice();
-  return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0), Pe(o);
-}
-function Pe(e) {
-  if (e.length <= 1) return e.slice();
-  const o = [];
-  for (let r = 0; r < e.length; r++) {
-    const n = e[r];
-    for (; o.length >= 2; ) {
-      const l = o[o.length - 1], i = o[o.length - 2];
-      if ((l.x - i.x) * (n.y - i.y) >= (l.y - i.y) * (n.x - i.x)) o.pop();
-      else break;
-    }
-    o.push(n);
-  }
-  o.pop();
-  const t = [];
-  for (let r = e.length - 1; r >= 0; r--) {
-    const n = e[r];
-    for (; t.length >= 2; ) {
-      const l = t[t.length - 1], i = t[t.length - 2];
-      if ((l.x - i.x) * (n.y - i.y) >= (l.y - i.y) * (n.x - i.x)) t.pop();
-      else break;
-    }
-    t.push(n);
-  }
-  return t.pop(), o.length === 1 && t.length === 1 && o[0].x === t[0].x && o[0].y === t[0].y ? o : o.concat(t);
-}
-var Me = Y, He = B, Ne = U, Se = q, je = W, Ge = K;
-export {
-  Ge as A,
-  je as C,
-  Me as P,
-  He as R,
-  Ne as T,
-  Se as a
-};

package/dist/index-ojFnBVkh.cjs

@@ -1,2 +0,0 @@
-'use client';
-"use strict";const u=require("react"),w=require("./index-BfKbXbc8.cjs"),ce=require("./index-CwR-dC8j.cjs"),G=require("./index-CajSSBH7.cjs"),k=require("./index-C8aODXfJ.cjs"),R=require("./index-C2mPf2xD.cjs"),se=require("./index-MQ0c3ZX_.cjs"),le=require("./index-q-4o5Ie4.cjs"),K=require("./index-B_Bwy8wX.cjs"),a=require("react/jsx-runtime"),de=require("./index-Cje7xxa1.cjs");function ue(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(i,o,t.get?t:{enumerable:!0,get:()=>e[o]})}}return i.default=e,Object.freeze(i)}const f=ue(u);var y="Collapsible",[pe,z]=w.createContextScope(y),[fe,M]=pe(y),F=f.forwardRef((e,i)=>{const{__scopeCollapsible:o,open:t,defaultOpen:r,disabled:n,onOpenChange:c,...l}=e,[d,p]=k.useControllableState({prop:t,defaultProp:r??!1,onChange:c,caller:y});return a.jsx(fe,{scope:o,disabled:n,contentId:K.useId(),open:d,onOpenToggle:f.useCallback(()=>p(v=>!v),[p]),children:a.jsx(R.Primitive.div,{"data-state":q(d),"data-disabled":n?"":void 0,...l,ref:i})})});F.displayName=y;var B="CollapsibleTrigger",U=f.forwardRef((e,i)=>{const{__scopeCollapsible:o,...t}=e,r=M(B,o);return a.jsx(R.Primitive.button,{type:"button","aria-controls":r.contentId,"aria-expanded":r.open||!1,"data-state":q(r.open),"data-disabled":r.disabled?"":void 0,disabled:r.disabled,...t,ref:i,onClick:w.composeEventHandlers(e.onClick,r.onOpenToggle)})});U.displayName=B;var $="CollapsibleContent",Y=f.forwardRef((e,i)=>{const{forceMount:o,...t}=e,r=M($,e.__scopeCollapsible);return a.jsx(le.Presence,{present:o||r.open,children:({present:n})=>a.jsx(ve,{...t,ref:i,present:n})})});Y.displayName=$;var ve=f.forwardRef((e,i)=>{const{__scopeCollapsible:o,present:t,children:r,...n}=e,c=M($,o),[l,d]=f.useState(t),p=f.useRef(null),v=G.useComposedRefs(i,p),C=f.useRef(0),h=C.current,x=f.useRef(0),_=x.current,b=c.open||l,g=f.useRef(b),A=f.useRef(void 0);return f.useEffect(()=>{const s=requestAnimationFrame(()=>g.current=!1);return()=>cancelAnimationFrame(s)},[]),se.useLayoutEffect2(()=>{const s=p.current;if(s){A.current=A.current||{transitionDuration:s.style.transitionDuration,animationName:s.style.animationName},s.style.transitionDuration="0s",s.style.animationName="none";const I=s.getBoundingClientRect();C.current=I.height,x.current=I.width,g.current||(s.style.transitionDuration=A.current.transitionDuration,s.style.animationName=A.current.animationName),d(t)}},[c.open,t]),a.jsx(R.Primitive.div,{"data-state":q(c.open),"data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!b,...n,ref:v,style:{"--radix-collapsible-content-height":h?`${h}px`:void 0,"--radix-collapsible-content-width":_?`${_}px`:void 0,...e.style},children:b&&r})});function q(e){return e?"open":"closed"}var Ce=F,me=U,xe=Y,m="Accordion",be=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[H,ge,Ae]=ce.createCollection(m),[j]=w.createContextScope(m,[Ae,z]),V=z(),J=u.forwardRef((e,i)=>{const{type:o,...t}=e,r=t,n=t;return a.jsx(H.Provider,{scope:e.__scopeAccordion,children:o==="multiple"?a.jsx(_e,{...n,ref:i}):a.jsx(Re,{...r,ref:i})})});J.displayName=m;var[Q,he]=j(m),[W,Ie]=j(m,{collapsible:!1}),Re=u.forwardRef((e,i)=>{const{value:o,defaultValue:t,onValueChange:r=()=>{},collapsible:n=!1,...c}=e,[l,d]=k.useControllableState({prop:o,defaultProp:t??"",onChange:r,caller:m});return a.jsx(Q,{scope:e.__scopeAccordion,value:u.useMemo(()=>l?[l]:[],[l]),onItemOpen:d,onItemClose:u.useCallback(()=>n&&d(""),[n,d]),children:a.jsx(W,{scope:e.__scopeAccordion,collapsible:n,children:a.jsx(X,{...c,ref:i})})})}),_e=u.forwardRef((e,i)=>{const{value:o,defaultValue:t,onValueChange:r=()=>{},...n}=e,[c,l]=k.useControllableState({prop:o,defaultProp:t??[],onChange:r,caller:m}),d=u.useCallback(v=>l((C=[])=>[...C,v]),[l]),p=u.useCallback(v=>l((C=[])=>C.filter(h=>h!==v)),[l]);return a.jsx(Q,{scope:e.__scopeAccordion,value:c,onItemOpen:d,onItemClose:p,children:a.jsx(W,{scope:e.__scopeAccordion,collapsible:!0,children:a.jsx(X,{...n,ref:i})})})}),[Pe,N]=j(m),X=u.forwardRef((e,i)=>{const{__scopeAccordion:o,disabled:t,dir:r,orientation:n="vertical",...c}=e,l=u.useRef(null),d=G.useComposedRefs(l,i),p=ge(o),C=de.useDirection(r)==="ltr",h=w.composeEventHandlers(e.onKeyDown,x=>{if(!be.includes(x.key))return;const _=x.target,b=p().filter(D=>!D.ref.current?.disabled),g=b.findIndex(D=>D.ref.current===_),A=b.length;if(g===-1)return;x.preventDefault();let s=g;const I=0,E=A-1,O=()=>{s=g+1,s>E&&(s=I)},S=()=>{s=g-1,s<I&&(s=E)};switch(x.key){case"Home":s=I;break;case"End":s=E;break;case"ArrowRight":n==="horizontal"&&(C?O():S());break;case"ArrowDown":n==="vertical"&&O();break;case"ArrowLeft":n==="horizontal"&&(C?S():O());break;case"ArrowUp":n==="vertical"&&S();break}const ae=s%A;b[ae].ref.current?.focus()});return a.jsx(Pe,{scope:o,disabled:t,direction:r,orientation:n,children:a.jsx(H.Slot,{scope:o,children:a.jsx(R.Primitive.div,{...c,"data-orientation":n,ref:d,onKeyDown:t?void 0:h})})})}),P="AccordionItem",[we,L]=j(P),Z=u.forwardRef((e,i)=>{const{__scopeAccordion:o,value:t,...r}=e,n=N(P,o),c=he(P,o),l=V(o),d=K.useId(),p=t&&c.value.includes(t)||!1,v=n.disabled||e.disabled;return a.jsx(we,{scope:o,open:p,disabled:v,triggerId:d,children:a.jsx(Ce,{"data-orientation":n.orientation,"data-state":ie(p),...l,...r,ref:i,disabled:v,open:p,onOpenChange:C=>{C?c.onItemOpen(t):c.onItemClose(t)}})})});Z.displayName=P;var ee="AccordionHeader",oe=u.forwardRef((e,i)=>{const{__scopeAccordion:o,...t}=e,r=N(m,o),n=L(ee,o);return a.jsx(R.Primitive.h3,{"data-orientation":r.orientation,"data-state":ie(n.open),"data-disabled":n.disabled?"":void 0,...t,ref:i})});oe.displayName=ee;var T="AccordionTrigger",te=u.forwardRef((e,i)=>{const{__scopeAccordion:o,...t}=e,r=N(m,o),n=L(T,o),c=Ie(T,o),l=V(o);return a.jsx(H.ItemSlot,{scope:o,children:a.jsx(me,{"aria-disabled":n.open&&!c.collapsible||void 0,"data-orientation":r.orientation,id:n.triggerId,...l,...t,ref:i})})});te.displayName=T;var ne="AccordionContent",re=u.forwardRef((e,i)=>{const{__scopeAccordion:o,...t}=e,r=N(m,o),n=L(ne,o),c=V(o);return a.jsx(xe,{role:"region","aria-labelledby":n.triggerId,"data-orientation":r.orientation,...c,...t,ref:i,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...e.style}})});re.displayName=ne;function ie(e){return e?"open":"closed"}var ye=J,je=Z,Ne=oe,Ee=te,Oe=re;exports.Content2=Oe;exports.Header=Ne;exports.Item=je;exports.Root2=ye;exports.Trigger2=Ee;

package/dist/index-q-4o5Ie4.cjs

@@ -1,2 +0,0 @@
-'use client';
-"use strict";const T=require("react"),E=require("./index-CajSSBH7.cjs"),g=require("./index-MQ0c3ZX_.cjs");function P(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const o=P(T);function R(n,e){return o.useReducer((t,r)=>e[t][r]??t,n)}var A=n=>{const{present:e,children:t}=n,r=S(e),a=typeof t=="function"?t({present:r.isPresent}):o.Children.only(t),u=E.useComposedRefs(r.ref,v(a));return typeof t=="function"||r.isPresent?o.cloneElement(a,{ref:u}):null};A.displayName="Presence";function S(n){const[e,t]=o.useState(),r=o.useRef(null),a=o.useRef(n),u=o.useRef("none"),p=n?"mounted":"unmounted",[N,s]=R(p,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return o.useEffect(()=>{const i=l(r.current);u.current=N==="mounted"?i:"none"},[N]),g.useLayoutEffect2(()=>{const i=r.current,d=a.current;if(d!==n){const f=u.current,c=l(i);n?s("MOUNT"):c==="none"||i?.display==="none"?s("UNMOUNT"):s(d&&f!==c?"ANIMATION_OUT":"UNMOUNT"),a.current=n}},[n,s]),g.useLayoutEffect2(()=>{if(e){let i;const d=e.ownerDocument.defaultView??window,m=c=>{const y=l(r.current).includes(CSS.escape(c.animationName));if(c.target===e&&y&&(s("ANIMATION_END"),!a.current)){const M=e.style.animationFillMode;e.style.animationFillMode="forwards",i=d.setTimeout(()=>{e.style.animationFillMode==="forwards"&&(e.style.animationFillMode=M)})}},f=c=>{c.target===e&&(u.current=l(r.current))};return e.addEventListener("animationstart",f),e.addEventListener("animationcancel",m),e.addEventListener("animationend",m),()=>{d.clearTimeout(i),e.removeEventListener("animationstart",f),e.removeEventListener("animationcancel",m),e.removeEventListener("animationend",m)}}else s("ANIMATION_END")},[e,s]),{isPresent:["mounted","unmountSuspended"].includes(N),ref:o.useCallback(i=>{r.current=i?getComputedStyle(i):null,t(i)},[])}}function l(n){return n?.animationName||"none"}function v(n){let e=Object.getOwnPropertyDescriptor(n.props,"ref")?.get,t=e&&"isReactWarning"in e&&e.isReactWarning;return t?n.ref:(e=Object.getOwnPropertyDescriptor(n,"ref")?.get,t=e&&"isReactWarning"in e&&e.isReactWarning,t?n.props.ref:n.props.ref||n.ref)}exports.Presence=A;