mainstack-design-system 0.7.45 → 1.0.0

package/dist/index-CzY-WZXL.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(t,c,n.get?n:{enumerable:!0,get:()=>e[c]})}}return t.default=e,Object.freeze(t)}const r=a(u);function o(e){const t=r.useRef(e);return r.useEffect(()=>{t.current=e}),r.useMemo(()=>(...c)=>t.current?.(...c),[])}exports.useCallbackRef=o;

package/dist/index-D-KHlZ2P.js

@@ -0,0 +1,20 @@
+'use client';
+import * as o from "react";
+import { P as i } from "./index-CpDnqHCm.js";
+import { jsx as s } from "react/jsx-runtime";
+var f = "Label", a = o.forwardRef((r, e) => /* @__PURE__ */ s(
+  i.label,
+  {
+    ...r,
+    ref: e,
+    onMouseDown: (t) => {
+      t.target.closest("button, input, select, textarea") || (r.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+    }
+  }
+));
+a.displayName = f;
+var n = a;
+export {
+  a as L,
+  n as R
+};

package/dist/index-D29mdTf5.js

@@ -0,0 +1,34 @@
+import { c as O } from "./clsx-OuTLNxxd.js";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var u;
+  if (l?.variants == null) return y(e, n?.class, n?.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n?.[t], s = d?.[t];
+    if (a === null) return null;
+    const i = m(a) || m(s);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [s, i] = a;
+    return i === void 0 || (t[s] = i), t;
+  }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
+    let { class: s, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      s,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n?.class, n?.className);
+};
+export {
+  j as c
+};

package/dist/index-D9S-9HH_.js

@@ -0,0 +1,332 @@
+'use client';
+import * as f from "react";
+import u from "react";
+import { c as K, a as F } from "./index-BRRTyZ1e.js";
+import { c as se } from "./index-Dt3HnaYe.js";
+import { u as z } from "./index-5Bhkapwi.js";
+import { u as k } from "./index-437EL2iq.js";
+import { P as x } from "./index-CpDnqHCm.js";
+import { u as le } from "./index-CCKe-Mpx.js";
+import { P as de } from "./index-BGfrl8IX.js";
+import { u as B } from "./index-xqkGMOJ8.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 Le = Q, $e = ee, Ge = te, Ke = ne, Fe = ae;
+export {
+  Fe as C,
+  Ge as H,
+  $e as I,
+  Le as R,
+  Ke as T
+};

package/dist/index-DCXkdCW2.js

@@ -0,0 +1,227 @@
+'use client';
+import * as c from "react";
+import { c as M, a as P } from "./index-BRRTyZ1e.js";
+import { u as O, c as k } from "./index-5Bhkapwi.js";
+import { P as I, D as T } from "./index-Dz5LHXX9.js";
+import { h as L, R as G, u as H, F as K } from "./index-BvWMjxZ5.js";
+import { u as j } from "./index-xqkGMOJ8.js";
+import { c as _, R as U, A as x, C as V, a as W } from "./index-CRdNenpR.js";
+import { P as w } from "./index-BGfrl8IX.js";
+import { P as E } from "./index-CpDnqHCm.js";
+import { u as Z } from "./index-437EL2iq.js";
+import { jsx as p } from "react/jsx-runtime";
+var C = "Popover", [b] = M(C, [
+  _
+]), h = _(), [q, u] = b(C), z = (e) => {
+  const {
+    __scopePopover: n,
+    children: t,
+    open: a,
+    defaultOpen: o,
+    onOpenChange: r,
+    modal: s = !1
+  } = e, i = h(n), f = c.useRef(null), [v, g] = c.useState(!1), [m, l] = Z({
+    prop: a,
+    defaultProp: o ?? !1,
+    onChange: r,
+    caller: C
+  });
+  return /* @__PURE__ */ p(U, { ...i, children: /* @__PURE__ */ p(
+    q,
+    {
+      scope: n,
+      contentId: j(),
+      triggerRef: f,
+      open: m,
+      onOpenChange: l,
+      onOpenToggle: c.useCallback(() => l((R) => !R), [l]),
+      hasCustomAnchor: v,
+      onCustomAnchorAdd: c.useCallback(() => g(!0), []),
+      onCustomAnchorRemove: c.useCallback(() => g(!1), []),
+      modal: s,
+      children: t
+    }
+  ) });
+};
+z.displayName = C;
+var F = "PopoverAnchor", B = c.forwardRef(
+  (e, n) => {
+    const { __scopePopover: t, ...a } = e, o = u(F, t), r = h(t), { onCustomAnchorAdd: s, onCustomAnchorRemove: i } = o;
+    return c.useEffect(() => (s(), () => i()), [s, i]), /* @__PURE__ */ p(x, { ...r, ...a, ref: n });
+  }
+);
+B.displayName = F;
+var N = "PopoverTrigger", J = c.forwardRef(
+  (e, n) => {
+    const { __scopePopover: t, ...a } = e, o = u(N, t), r = h(t), s = O(n, o.triggerRef), i = /* @__PURE__ */ p(
+      E.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": o.open,
+        "aria-controls": o.contentId,
+        "data-state": D(o.open),
+        ...a,
+        ref: s,
+        onClick: P(e.onClick, o.onOpenToggle)
+      }
+    );
+    return o.hasCustomAnchor ? i : /* @__PURE__ */ p(x, { asChild: !0, ...r, children: i });
+  }
+);
+J.displayName = N;
+var A = "PopoverPortal", [Q, X] = b(A, {
+  forceMount: void 0
+}), Y = (e) => {
+  const { __scopePopover: n, forceMount: t, children: a, container: o } = e, r = u(A, n);
+  return /* @__PURE__ */ p(Q, { scope: n, forceMount: t, children: /* @__PURE__ */ p(w, { present: t || r.open, children: /* @__PURE__ */ p(I, { asChild: !0, container: o, children: a }) }) });
+};
+Y.displayName = A;
+var d = "PopoverContent", $ = c.forwardRef(
+  (e, n) => {
+    const t = X(d, e.__scopePopover), { forceMount: a = t.forceMount, ...o } = e, r = u(d, e.__scopePopover);
+    return /* @__PURE__ */ p(w, { present: a || r.open, children: r.modal ? /* @__PURE__ */ p(oe, { ...o, ref: n }) : /* @__PURE__ */ p(re, { ...o, ref: n }) });
+  }
+);
+$.displayName = d;
+var ee = k("PopoverContent.RemoveScroll"), oe = c.forwardRef(
+  (e, n) => {
+    const t = u(d, e.__scopePopover), a = c.useRef(null), o = O(n, a), r = c.useRef(!1);
+    return c.useEffect(() => {
+      const s = a.current;
+      if (s) return L(s);
+    }, []), /* @__PURE__ */ p(G, { as: ee, allowPinchZoom: !0, children: /* @__PURE__ */ p(
+      S,
+      {
+        ...e,
+        ref: o,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: P(e.onCloseAutoFocus, (s) => {
+          s.preventDefault(), r.current || t.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: P(
+          e.onPointerDownOutside,
+          (s) => {
+            const i = s.detail.originalEvent, f = i.button === 0 && i.ctrlKey === !0, v = i.button === 2 || f;
+            r.current = v;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: P(
+          e.onFocusOutside,
+          (s) => s.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), re = c.forwardRef(
+  (e, n) => {
+    const t = u(d, e.__scopePopover), a = c.useRef(!1), o = c.useRef(!1);
+    return /* @__PURE__ */ p(
+      S,
+      {
+        ...e,
+        ref: n,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (r) => {
+          e.onCloseAutoFocus?.(r), r.defaultPrevented || (a.current || t.triggerRef.current?.focus(), r.preventDefault()), a.current = !1, o.current = !1;
+        },
+        onInteractOutside: (r) => {
+          e.onInteractOutside?.(r), r.defaultPrevented || (a.current = !0, r.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const s = r.target;
+          t.triggerRef.current?.contains(s) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && o.current && r.preventDefault();
+        }
+      }
+    );
+  }
+), S = c.forwardRef(
+  (e, n) => {
+    const {
+      __scopePopover: t,
+      trapFocus: a,
+      onOpenAutoFocus: o,
+      onCloseAutoFocus: r,
+      disableOutsidePointerEvents: s,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: f,
+      onFocusOutside: v,
+      onInteractOutside: g,
+      ...m
+    } = e, l = u(d, t), R = h(t);
+    return H(), /* @__PURE__ */ p(
+      K,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: a,
+        onMountAutoFocus: o,
+        onUnmountAutoFocus: r,
+        children: /* @__PURE__ */ p(
+          T,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: s,
+            onInteractOutside: g,
+            onEscapeKeyDown: i,
+            onPointerDownOutside: f,
+            onFocusOutside: v,
+            onDismiss: () => l.onOpenChange(!1),
+            children: /* @__PURE__ */ p(
+              V,
+              {
+                "data-state": D(l.open),
+                role: "dialog",
+                id: l.contentId,
+                ...R,
+                ...m,
+                ref: n,
+                style: {
+                  ...m.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)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), y = "PopoverClose", te = c.forwardRef(
+  (e, n) => {
+    const { __scopePopover: t, ...a } = e, o = u(y, t);
+    return /* @__PURE__ */ p(
+      E.button,
+      {
+        type: "button",
+        ...a,
+        ref: n,
+        onClick: P(e.onClick, () => o.onOpenChange(!1))
+      }
+    );
+  }
+);
+te.displayName = y;
+var ne = "PopoverArrow", ae = c.forwardRef(
+  (e, n) => {
+    const { __scopePopover: t, ...a } = e, o = h(t);
+    return /* @__PURE__ */ p(W, { ...o, ...a, ref: n });
+  }
+);
+ae.displayName = ne;
+function D(e) {
+  return e ? "open" : "closed";
+}
+export {
+  z as P,
+  B as a,
+  Y as b,
+  $ as c,
+  J as d
+};