mainstack-design-system 0.7.45 → 1.0.1

package/dist/index-BgXU_6PU.cjs

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

package/dist/index-BhTO5JL8.js

@@ -0,0 +1,292 @@
+'use client';
+import * as i from "react";
+import { c as H, P as D, a as m, b as Z } from "./index-DMumqyNN.js";
+import { c as q, u as h } from "./index-DLcqcWxM.js";
+import { u as y } from "./index-Cv867SGx.js";
+import { u as K } from "./index-437EL2iq.js";
+import { P as U, D as Y } from "./index-CcYIQEEL.js";
+import { R as z, h as J, u as Q, F as X } from "./Combination-BCR4NmQq.js";
+import { P as E } from "./index-BpWB3aFK.js";
+import { jsx as s, jsxs as N, Fragment as I } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function ee(e) {
+  const t = /* @__PURE__ */ te(e), n = i.forwardRef((r, o) => {
+    const { children: a, ...c } = r, l = i.Children.toArray(a), u = l.find(ne);
+    if (u) {
+      const d = u.props.children, g = l.map((v) => v === u ? i.Children.count(d) > 1 ? i.Children.only(null) : i.isValidElement(d) ? d.props.children : null : v);
+      return /* @__PURE__ */ s(t, { ...c, ref: o, children: i.isValidElement(d) ? i.cloneElement(d, void 0, g) : null });
+    }
+    return /* @__PURE__ */ s(t, { ...c, ref: o, children: a });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function te(e) {
+  const t = i.forwardRef((n, r) => {
+    const { children: o, ...a } = n;
+    if (i.isValidElement(o)) {
+      const c = ae(o), l = re(a, o.props);
+      return o.type !== i.Fragment && (l.ref = r ? q(r, c) : c), i.cloneElement(o, l);
+    }
+    return i.Children.count(o) > 1 ? i.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var oe = Symbol("radix.slottable");
+function ne(e) {
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === oe;
+}
+function re(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], a = t[r];
+    /^on[A-Z]/.test(r) ? o && a ? n[r] = (...l) => {
+      const u = a(...l);
+      return o(...l), u;
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...a } : r === "className" && (n[r] = [o, a].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function ae(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var R = "Dialog", [b] = H(R), [ie, f] = b(R), x = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: r,
+    defaultOpen: o,
+    onOpenChange: a,
+    modal: c = !0
+  } = e, l = i.useRef(null), u = i.useRef(null), [d, g] = K({
+    prop: r,
+    defaultProp: o ?? !1,
+    onChange: a,
+    caller: R
+  });
+  return /* @__PURE__ */ s(
+    ie,
+    {
+      scope: t,
+      triggerRef: l,
+      contentRef: u,
+      contentId: y(),
+      titleId: y(),
+      descriptionId: y(),
+      open: d,
+      onOpenChange: g,
+      onOpenToggle: i.useCallback(() => g((v) => !v), [g]),
+      modal: c,
+      children: n
+    }
+  );
+};
+x.displayName = R;
+var A = "DialogTrigger", T = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = f(A, n), a = h(t, o.triggerRef);
+    return /* @__PURE__ */ s(
+      D.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": o.open,
+        "aria-controls": o.contentId,
+        "data-state": O(o.open),
+        ...r,
+        ref: a,
+        onClick: m(e.onClick, o.onOpenToggle)
+      }
+    );
+  }
+);
+T.displayName = A;
+var _ = "DialogPortal", [se, S] = b(_, {
+  forceMount: void 0
+}), M = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, a = f(_, t);
+  return /* @__PURE__ */ s(se, { scope: t, forceMount: n, children: i.Children.map(r, (c) => /* @__PURE__ */ s(E, { present: n || a.open, children: /* @__PURE__ */ s(U, { asChild: !0, container: o, children: c }) })) });
+};
+M.displayName = _;
+var C = "DialogOverlay", w = i.forwardRef(
+  (e, t) => {
+    const n = S(C, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = f(C, e.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ s(E, { present: r || a.open, children: /* @__PURE__ */ s(ce, { ...o, ref: t }) }) : null;
+  }
+);
+w.displayName = C;
+var le = /* @__PURE__ */ ee("DialogOverlay.RemoveScroll"), ce = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = f(C, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ s(z, { as: le, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ s(
+        D.div,
+        {
+          "data-state": O(o.open),
+          ...r,
+          ref: t,
+          style: { pointerEvents: "auto", ...r.style }
+        }
+      ) })
+    );
+  }
+), p = "DialogContent", F = i.forwardRef(
+  (e, t) => {
+    const n = S(p, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = f(p, e.__scopeDialog);
+    return /* @__PURE__ */ s(E, { present: r || a.open, children: a.modal ? /* @__PURE__ */ s(ue, { ...o, ref: t }) : /* @__PURE__ */ s(fe, { ...o, ref: t }) });
+  }
+);
+F.displayName = p;
+var ue = i.forwardRef(
+  (e, t) => {
+    const n = f(p, e.__scopeDialog), r = i.useRef(null), o = h(t, n.contentRef, r);
+    return i.useEffect(() => {
+      const a = r.current;
+      if (a) return J(a);
+    }, []), /* @__PURE__ */ s(
+      W,
+      {
+        ...e,
+        ref: o,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: m(e.onCloseAutoFocus, (a) => {
+          a.preventDefault(), n.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: m(e.onPointerDownOutside, (a) => {
+          const c = a.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || l) && a.preventDefault();
+        }),
+        onFocusOutside: m(
+          e.onFocusOutside,
+          (a) => a.preventDefault()
+        )
+      }
+    );
+  }
+), fe = i.forwardRef(
+  (e, t) => {
+    const n = f(p, e.__scopeDialog), r = i.useRef(!1), o = i.useRef(!1);
+    return /* @__PURE__ */ s(
+      W,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (a) => {
+          e.onCloseAutoFocus?.(a), a.defaultPrevented || (r.current || n.triggerRef.current?.focus(), a.preventDefault()), r.current = !1, o.current = !1;
+        },
+        onInteractOutside: (a) => {
+          e.onInteractOutside?.(a), a.defaultPrevented || (r.current = !0, a.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const c = a.target;
+          n.triggerRef.current?.contains(c) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && o.current && a.preventDefault();
+        }
+      }
+    );
+  }
+), W = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, ...c } = e, l = f(p, n), u = i.useRef(null), d = h(t, u);
+    return Q(), /* @__PURE__ */ N(I, { children: [
+      /* @__PURE__ */ s(
+        X,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: r,
+          onMountAutoFocus: o,
+          onUnmountAutoFocus: a,
+          children: /* @__PURE__ */ s(
+            Y,
+            {
+              role: "dialog",
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": O(l.open),
+              ...c,
+              ref: d,
+              onDismiss: () => l.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ N(I, { children: [
+        /* @__PURE__ */ s(de, { titleId: l.titleId }),
+        /* @__PURE__ */ s(ge, { contentRef: u, descriptionId: l.descriptionId })
+      ] })
+    ] });
+  }
+), P = "DialogTitle", L = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = f(P, n);
+    return /* @__PURE__ */ s(D.h2, { id: o.titleId, ...r, ref: t });
+  }
+);
+L.displayName = P;
+var k = "DialogDescription", G = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = f(k, n);
+    return /* @__PURE__ */ s(D.p, { id: o.descriptionId, ...r, ref: t });
+  }
+);
+G.displayName = k;
+var V = "DialogClose", $ = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = f(V, n);
+    return /* @__PURE__ */ s(
+      D.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: m(e.onClick, () => o.onOpenChange(!1))
+      }
+    );
+  }
+);
+$.displayName = V;
+function O(e) {
+  return e ? "open" : "closed";
+}
+var j = "DialogTitleWarning", [_e, B] = Z(j, {
+  contentName: p,
+  titleName: P,
+  docsSlug: "dialog"
+}), de = ({ titleId: e }) => {
+  const t = B(j), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return i.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, pe = "DialogDescriptionWarning", ge = ({ contentRef: e, descriptionId: t }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${B(pe).contentName}}.`;
+  return i.useEffect(() => {
+    const o = e.current?.getAttribute("aria-describedby");
+    t && o && (document.getElementById(t) || console.warn(r));
+  }, [r, e, t]), null;
+}, Pe = x, Oe = T, Ne = M, Ie = w, be = F, xe = L, Ae = G, Te = $;
+export {
+  be as C,
+  x as D,
+  Ie as O,
+  Ne as P,
+  Pe as R,
+  Oe as T,
+  T as a,
+  M as b,
+  w as c,
+  F as d,
+  L as e,
+  $ as f,
+  xe as g,
+  Ae as h,
+  Te as i
+};

package/dist/index-BpWB3aFK.js

@@ -0,0 +1,71 @@
+'use client';
+import * as i from "react";
+import { u as y } from "./index-DLcqcWxM.js";
+import { u as A } from "./index-CCKe-Mpx.js";
+function T(n, e) {
+  return i.useReducer((t, r) => e[t][r] ?? t, n);
+}
+var E = (n) => {
+  const { present: e, children: t } = n, r = R(e), a = typeof t == "function" ? t({ present: r.isPresent }) : i.Children.only(t), c = y(r.ref, P(a));
+  return typeof t == "function" || r.isPresent ? i.cloneElement(a, { ref: c }) : null;
+};
+E.displayName = "Presence";
+function R(n) {
+  const [e, t] = i.useState(), r = i.useRef(null), a = i.useRef(n), c = i.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = T(p, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const o = l(r.current);
+    c.current = N === "mounted" ? o : "none";
+  }, [N]), A(() => {
+    const o = r.current, m = a.current;
+    if (m !== n) {
+      const f = c.current, u = l(o);
+      n ? s("MOUNT") : u === "none" || o?.display === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), a.current = n;
+    }
+  }, [n, s]), A(() => {
+    if (e) {
+      let o;
+      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
+        const g = l(r.current).includes(CSS.escape(u.animationName));
+        if (u.target === e && g && (s("ANIMATION_END"), !a.current)) {
+          const O = e.style.animationFillMode;
+          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
+          });
+        }
+      }, f = (u) => {
+        u.target === e && (c.current = l(r.current));
+      };
+      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
+        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      };
+    } else
+      s("ANIMATION_END");
+  }, [e, s]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(N),
+    ref: i.useCallback((o) => {
+      r.current = o ? getComputedStyle(o) : null, t(o);
+    }, [])
+  };
+}
+function l(n) {
+  return n?.animationName || "none";
+}
+function P(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);
+}
+export {
+  E as P
+};