mainstack-design-system 1.0.0 → 1.1.2

package/dist/index-CY9H_w64.js

@@ -0,0 +1,160 @@
+'use client';
+import * as u from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { u as I } from "./index-0ioNhtNM.js";
+import { u as S } from "./index-CCKe-Mpx.js";
+import "react-dom";
+import { c as P } from "./index-BtQfgaSF.js";
+import { s as N } from "./index-B6Davv3V.js";
+function M(e, r = []) {
+  let n = [];
+  function a(t, i) {
+    const o = u.createContext(i);
+    o.displayName = t + "Context";
+    const c = n.length;
+    n = [...n, i];
+    const d = (l) => {
+      const { scope: v, children: g, ...m } = l, y = v?.[e]?.[c] || o, R = u.useMemo(() => m, Object.values(m));
+      return /* @__PURE__ */ f(y.Provider, { value: R, children: g });
+    };
+    d.displayName = t + "Provider";
+    function p(l, v) {
+      const g = v?.[e]?.[c] || o, m = u.useContext(g);
+      if (m) return m;
+      if (i !== void 0) return i;
+      throw new Error(`\`${l}\` must be used within \`${t}\``);
+    }
+    return [d, p];
+  }
+  const s = () => {
+    const t = n.map((i) => u.createContext(i));
+    return function(o) {
+      const c = o?.[e] || t;
+      return u.useMemo(
+        () => ({ [`__scope${e}`]: { ...o, [e]: c } }),
+        [o, c]
+      );
+    };
+  };
+  return s.scopeName = e, [a, $(s, ...r)];
+}
+function $(...e) {
+  const r = e[0];
+  if (e.length === 1) return r;
+  const n = () => {
+    const a = e.map((s) => ({
+      useScope: s(),
+      scopeName: s.scopeName
+    }));
+    return function(t) {
+      const i = a.reduce((o, { useScope: c, scopeName: d }) => {
+        const l = c(t)[`__scope${d}`];
+        return { ...o, ...l };
+      }, {});
+      return u.useMemo(() => ({ [`__scope${r.scopeName}`]: i }), [i]);
+    };
+  };
+  return n.scopeName = r.scopeName, n;
+}
+var k = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], x = k.reduce((e, r) => {
+  const n = P(`Primitive.${r}`), a = u.forwardRef((s, t) => {
+    const { asChild: i, ...o } = s, c = i ? n : r;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(c, { ...o, ref: t });
+  });
+  return a.displayName = `Primitive.${r}`, { ...e, [r]: a };
+}, {});
+function F() {
+  return N.useSyncExternalStore(
+    H,
+    () => !0,
+    () => !1
+  );
+}
+function H() {
+  return () => {
+  };
+}
+var A = "Avatar", [T] = M(A), [j, L] = T(A), h = u.forwardRef(
+  (e, r) => {
+    const { __scopeAvatar: n, ...a } = e, [s, t] = u.useState("idle");
+    return /* @__PURE__ */ f(
+      j,
+      {
+        scope: n,
+        imageLoadingStatus: s,
+        onImageLoadingStatusChange: t,
+        children: /* @__PURE__ */ f(x.span, { ...a, ref: r })
+      }
+    );
+  }
+);
+h.displayName = A;
+var w = "AvatarImage", E = u.forwardRef(
+  (e, r) => {
+    const { __scopeAvatar: n, src: a, onLoadingStatusChange: s = () => {
+    }, ...t } = e, i = L(w, n), o = B(a, t), c = I((d) => {
+      s(d), i.onImageLoadingStatusChange(d);
+    });
+    return S(() => {
+      o !== "idle" && c(o);
+    }, [o, c]), o === "loaded" ? /* @__PURE__ */ f(x.img, { ...t, ref: r, src: a }) : null;
+  }
+);
+E.displayName = w;
+var _ = "AvatarFallback", b = u.forwardRef(
+  (e, r) => {
+    const { __scopeAvatar: n, delayMs: a, ...s } = e, t = L(_, n), [i, o] = u.useState(a === void 0);
+    return u.useEffect(() => {
+      if (a !== void 0) {
+        const c = window.setTimeout(() => o(!0), a);
+        return () => window.clearTimeout(c);
+      }
+    }, [a]), i && t.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ f(x.span, { ...s, ref: r }) : null;
+  }
+);
+b.displayName = _;
+function C(e, r) {
+  return e ? r ? (e.src !== r && (e.src = r), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function B(e, { referrerPolicy: r, crossOrigin: n }) {
+  const a = F(), s = u.useRef(null), t = a ? (s.current || (s.current = new window.Image()), s.current) : null, [i, o] = u.useState(
+    () => C(t, e)
+  );
+  return S(() => {
+    o(C(t, e));
+  }, [t, e]), S(() => {
+    const c = (l) => () => {
+      o(l);
+    };
+    if (!t) return;
+    const d = c("loaded"), p = c("error");
+    return t.addEventListener("load", d), t.addEventListener("error", p), r && (t.referrerPolicy = r), typeof n == "string" && (t.crossOrigin = n), () => {
+      t.removeEventListener("load", d), t.removeEventListener("error", p);
+    };
+  }, [t, n, r]), i;
+}
+var q = h, z = E, J = b;
+export {
+  E as A,
+  J as F,
+  z as I,
+  q as R
+};

package/dist/index-CcYIQEEL.js

@@ -0,0 +1,144 @@
+'use client';
+import * as r from "react";
+import { P as h, a as p, d as k } from "./index-DMumqyNN.js";
+import { u as T } from "./index-DLcqcWxM.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", m = "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((y) => y.contains(v));
+      !L || w || (s?.(i), d?.(i), i.defaultPrevented || l?.());
+    }, f), C = J((i) => {
+      const v = i.target;
+      [...u.branches].some((y) => y.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(m, i), () => document.removeEventListener(m, 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(m);
+  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
+};