mainstack-design-system 1.0.0 → 1.1.2

package/dist/index-Coonh94S.js

@@ -0,0 +1,421 @@
+'use client';
+import * as o from "react";
+import { useLayoutEffect as Pe } from "react";
+import { c as xe, o as ve, s as Ae, f as Re, a as Ce, h as Se, l as $e, b as V, d as Oe } from "./floating-ui.dom-CauyjNxS.js";
+import * as Ee from "react-dom";
+import { P as L, c as Me } from "./index-DMumqyNN.js";
+import { jsx as x } from "react/jsx-runtime";
+import { u as K } from "./index-DLcqcWxM.js";
+import { u as _e } from "./index-0ioNhtNM.js";
+import { u as G } from "./index-CCKe-Mpx.js";
+import { u as be } from "./index-BGQepRFJ.js";
+var Ne = typeof document < "u", De = function() {
+}, I = Ne ? Pe : De;
+function Y(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let r, n, i;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (r = e.length, r !== t.length) return !1;
+      for (n = r; n-- !== 0; )
+        if (!Y(e[n], t[n]))
+          return !1;
+      return !0;
+    }
+    if (i = Object.keys(e), r = i.length, r !== Object.keys(t).length)
+      return !1;
+    for (n = r; n-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, i[n]))
+        return !1;
+    for (n = r; n-- !== 0; ) {
+      const s = i[n];
+      if (!(s === "_owner" && e.$$typeof) && !Y(e[s], t[s]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function Q(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function J(e, t) {
+  const r = Q(e);
+  return Math.round(t * r) / r;
+}
+function X(e) {
+  const t = o.useRef(e);
+  return I(() => {
+    t.current = e;
+  }), t;
+}
+function ke(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: r = "absolute",
+    middleware: n = [],
+    platform: i,
+    elements: {
+      reference: s,
+      floating: l
+    } = {},
+    transform: v = !0,
+    whileElementsMounted: c,
+    open: f
+  } = e, [u, h] = o.useState({
+    x: 0,
+    y: 0,
+    strategy: r,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [A, E] = o.useState(n);
+  Y(A, n) || E(n);
+  const [g, p] = o.useState(null), [j, _] = o.useState(null), H = o.useCallback((a) => {
+    a !== y.current && (y.current = a, p(a));
+  }, []), W = o.useCallback((a) => {
+    a !== R.current && (R.current = a, _(a));
+  }, []), d = s || g, w = l || j, y = o.useRef(null), R = o.useRef(null), S = o.useRef(u), B = c != null, b = X(c), M = X(i), z = X(f), m = o.useCallback(() => {
+    if (!y.current || !R.current)
+      return;
+    const a = {
+      placement: t,
+      strategy: r,
+      middleware: A
+    };
+    M.current && (a.platform = M.current), xe(y.current, R.current, a).then((O) => {
+      const C = {
+        ...O,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: z.current !== !1
+      };
+      N.current && !Y(S.current, C) && (S.current = C, Ee.flushSync(() => {
+        h(C);
+      }));
+    });
+  }, [A, t, r, M, z]);
+  I(() => {
+    f === !1 && S.current.isPositioned && (S.current.isPositioned = !1, h((a) => ({
+      ...a,
+      isPositioned: !1
+    })));
+  }, [f]);
+  const N = o.useRef(!1);
+  I(() => (N.current = !0, () => {
+    N.current = !1;
+  }), []), I(() => {
+    if (d && (y.current = d), w && (R.current = w), d && w) {
+      if (b.current)
+        return b.current(d, w, m);
+      m();
+    }
+  }, [d, w, m, b, B]);
+  const D = o.useMemo(() => ({
+    reference: y,
+    floating: R,
+    setReference: H,
+    setFloating: W
+  }), [H, W]), P = o.useMemo(() => ({
+    reference: d,
+    floating: w
+  }), [d, w]), $ = o.useMemo(() => {
+    const a = {
+      position: r,
+      left: 0,
+      top: 0
+    };
+    if (!P.floating)
+      return a;
+    const O = J(P.floating, u.x), C = J(P.floating, u.y);
+    return v ? {
+      ...a,
+      transform: "translate(" + O + "px, " + C + "px)",
+      ...Q(P.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: r,
+      left: O,
+      top: C
+    };
+  }, [r, v, P.floating, u.x, u.y]);
+  return o.useMemo(() => ({
+    ...u,
+    update: m,
+    refs: D,
+    elements: P,
+    floatingStyles: $
+  }), [u, m, D, P, $]);
+}
+const He = (e) => {
+  function t(r) {
+    return {}.hasOwnProperty.call(r, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(r) {
+      const {
+        element: n,
+        padding: i
+      } = typeof e == "function" ? e(r) : e;
+      return n && t(n) ? n.current != null ? V({
+        element: n.current,
+        padding: i
+      }).fn(r) : {} : n ? V({
+        element: n,
+        padding: i
+      }).fn(r) : {};
+    }
+  };
+}, We = (e, t) => ({
+  ...ve(e),
+  options: [e, t]
+}), ze = (e, t) => ({
+  ...Ae(e),
+  options: [e, t]
+}), Fe = (e, t) => ({
+  ...$e(e),
+  options: [e, t]
+}), Ie = (e, t) => ({
+  ...Re(e),
+  options: [e, t]
+}), Ye = (e, t) => ({
+  ...Ce(e),
+  options: [e, t]
+}), je = (e, t) => ({
+  ...Se(e),
+  options: [e, t]
+}), Be = (e, t) => ({
+  ...He(e),
+  options: [e, t]
+});
+var Xe = "Arrow", ee = o.forwardRef((e, t) => {
+  const { children: r, width: n = 10, height: i = 5, ...s } = e;
+  return /* @__PURE__ */ x(
+    L.svg,
+    {
+      ...s,
+      ref: t,
+      width: n,
+      height: i,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? r : /* @__PURE__ */ x("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+ee.displayName = Xe;
+var Le = ee, T = "Popper", [te, it] = Me(T), [Te, re] = te(T), ne = (e) => {
+  const { __scopePopper: t, children: r } = e, [n, i] = o.useState(null);
+  return /* @__PURE__ */ x(Te, { scope: t, anchor: n, onAnchorChange: i, children: r });
+};
+ne.displayName = T;
+var oe = "PopperAnchor", ie = o.forwardRef(
+  (e, t) => {
+    const { __scopePopper: r, virtualRef: n, ...i } = e, s = re(oe, r), l = o.useRef(null), v = K(t, l), c = o.useRef(null);
+    return o.useEffect(() => {
+      const f = c.current;
+      c.current = n?.current || l.current, f !== c.current && s.onAnchorChange(c.current);
+    }), n ? null : /* @__PURE__ */ x(L.div, { ...i, ref: v });
+  }
+);
+ie.displayName = oe;
+var Z = "PopperContent", [Ze, qe] = te(Z), ae = o.forwardRef(
+  (e, t) => {
+    const {
+      __scopePopper: r,
+      side: n = "bottom",
+      sideOffset: i = 0,
+      align: s = "center",
+      alignOffset: l = 0,
+      arrowPadding: v = 0,
+      avoidCollisions: c = !0,
+      collisionBoundary: f = [],
+      collisionPadding: u = 0,
+      sticky: h = "partial",
+      hideWhenDetached: A = !1,
+      updatePositionStrategy: E = "optimized",
+      onPlaced: g,
+      ...p
+    } = e, j = re(Z, r), [_, H] = o.useState(null), W = K(t, (k) => H(k)), [d, w] = o.useState(null), y = be(d), R = y?.width ?? 0, S = y?.height ?? 0, B = n + (s !== "center" ? "-" + s : ""), b = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, M = Array.isArray(f) ? f : [f], z = M.length > 0, m = {
+      padding: b,
+      boundary: M.filter(Ve),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: z
+    }, { refs: N, floatingStyles: D, placement: P, isPositioned: $, middlewareData: a } = ke({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: B,
+      whileElementsMounted: (...k) => Oe(...k, {
+        animationFrame: E === "always"
+      }),
+      elements: {
+        reference: j.anchor
+      },
+      middleware: [
+        We({ mainAxis: i + S, alignmentAxis: l }),
+        c && ze({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: h === "partial" ? Fe() : void 0,
+          ...m
+        }),
+        c && Ie({ ...m }),
+        Ye({
+          ...m,
+          apply: ({ elements: k, rects: U, availableWidth: he, availableHeight: ge }) => {
+            const { width: we, height: ye } = U.reference, F = k.floating.style;
+            F.setProperty("--radix-popper-available-width", `${he}px`), F.setProperty("--radix-popper-available-height", `${ge}px`), F.setProperty("--radix-popper-anchor-width", `${we}px`), F.setProperty("--radix-popper-anchor-height", `${ye}px`);
+          }
+        }),
+        d && Be({ element: d, padding: v }),
+        Ge({ arrowWidth: R, arrowHeight: S }),
+        A && je({ strategy: "referenceHidden", ...m })
+      ]
+    }), [O, C] = le(P), q = _e(g);
+    G(() => {
+      $ && q?.();
+    }, [$, q]);
+    const fe = a.arrow?.x, ue = a.arrow?.y, de = a.arrow?.centerOffset !== 0, [pe, me] = o.useState();
+    return G(() => {
+      _ && me(window.getComputedStyle(_).zIndex);
+    }, [_]), /* @__PURE__ */ x(
+      "div",
+      {
+        ref: N.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...D,
+          transform: $ ? D.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: pe,
+          "--radix-popper-transform-origin": [
+            a.transformOrigin?.x,
+            a.transformOrigin?.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...a.hide?.referenceHidden && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ x(
+          Ze,
+          {
+            scope: r,
+            placedSide: O,
+            onArrowChange: w,
+            arrowX: fe,
+            arrowY: ue,
+            shouldHideArrow: de,
+            children: /* @__PURE__ */ x(
+              L.div,
+              {
+                "data-side": O,
+                "data-align": C,
+                ...p,
+                ref: W,
+                style: {
+                  ...p.style,
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: $ ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+ae.displayName = Z;
+var se = "PopperArrow", Ue = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, ce = o.forwardRef(function(t, r) {
+  const { __scopePopper: n, ...i } = t, s = qe(se, n), l = Ue[s.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ x(
+      "span",
+      {
+        ref: s.onArrowChange,
+        style: {
+          position: "absolute",
+          left: s.arrowX,
+          top: s.arrowY,
+          [l]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[s.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[s.placedSide],
+          visibility: s.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ x(
+          Le,
+          {
+            ...i,
+            ref: r,
+            style: {
+              ...i.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+ce.displayName = se;
+function Ve(e) {
+  return e !== null;
+}
+var Ge = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    const { placement: r, rects: n, middlewareData: i } = t, l = i.arrow?.centerOffset !== 0, v = l ? 0 : e.arrowWidth, c = l ? 0 : e.arrowHeight, [f, u] = le(r), h = { start: "0%", center: "50%", end: "100%" }[u], A = (i.arrow?.x ?? 0) + v / 2, E = (i.arrow?.y ?? 0) + c / 2;
+    let g = "", p = "";
+    return f === "bottom" ? (g = l ? h : `${A}px`, p = `${-c}px`) : f === "top" ? (g = l ? h : `${A}px`, p = `${n.floating.height + c}px`) : f === "right" ? (g = `${-c}px`, p = l ? h : `${E}px`) : f === "left" && (g = `${n.floating.width + c}px`, p = l ? h : `${E}px`), { data: { x: g, y: p } };
+  }
+});
+function le(e) {
+  const [t, r = "center"] = e.split("-");
+  return [t, r];
+}
+var at = ne, st = ie, ct = ae, lt = ce;
+export {
+  st as A,
+  ct as C,
+  at as R,
+  lt as a,
+  it as c
+};

package/dist/index-CpE6WAgy.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("react"),b=require("./index-_XxjJPRD.cjs"),d=require("react/jsx-runtime");function _(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=_(m);var E=Symbol.for("react.lazy"),u=i[" use ".trim().toString()];function j(e){return typeof e=="object"&&e!==null&&"then"in e}function y(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===E&&"_payload"in e&&j(e._payload)}function S(e){const t=R(e),n=i.forwardRef((o,r)=>{let{children:l,...c}=o;y(l)&&typeof u=="function"&&(l=u(l._payload));const s=i.Children.toArray(l),a=s.find(h);if(a){const f=a.props.children,g=s.map(p=>p===a?i.Children.count(f)>1?i.Children.only(null):i.isValidElement(f)?f.props.children:null:p);return d.jsx(t,{...c,ref:r,children:i.isValidElement(f)?i.cloneElement(f,void 0,g):null})}return d.jsx(t,{...c,ref:r,children:l})});return n.displayName=`${e}.Slot`,n}var C=S("Slot");function R(e){const t=i.forwardRef((n,o)=>{let{children:r,...l}=n;if(y(r)&&typeof u=="function"&&(r=u(r._payload)),i.isValidElement(r)){const c=x(r),s=P(l,r.props);return r.type!==i.Fragment&&(s.ref=o?b.composeRefs(o,c):c),i.cloneElement(r,s)}return i.Children.count(r)>1?i.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var O=Symbol("radix.slottable");function h(e){return i.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===O}function P(e,t){const n={...t};for(const o in t){const r=e[o],l=t[o];/^on[A-Z]/.test(o)?r&&l?n[o]=(...s)=>{const a=l(...s);return r(...s),a}:r&&(n[o]=r):o==="style"?n[o]={...r,...l}:o==="className"&&(n[o]=[r,l].filter(Boolean).join(" "))}return{...e,...n}}function x(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)}exports.Slot=C;exports.createSlot=S;

package/dist/index-Cv867SGx.js

@@ -0,0 +1,13 @@
+import * as r from "react";
+import { u as a } from "./index-CCKe-Mpx.js";
+var s = r[" useId ".trim().toString()] || (() => {
+}), i = 0;
+function n(e) {
+  const [t, o] = r.useState(s());
+  return a(() => {
+    o((u) => u ?? String(i++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+export {
+  n as u
+};