mainstack-design-system 1.0.0 → 1.1.2

package/dist/index-D-KHlZ2P.js

@@ -1,20 +0,0 @@
-'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-D9S-9HH_.js

@@ -1,332 +0,0 @@
-'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

@@ -1,227 +0,0 @@
-'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
-};