mcr-design-systems 1.0.0

package/dist/node_modules/@radix-ui/react-dropdown-menu/dist/index.js

@@ -0,0 +1,211 @@
+import * as p from "react";
+import { composeEventHandlers as m } from "../../primitive/dist/index.js";
+import { composeRefs as P } from "../../react-compose-refs/dist/index.js";
+import { createContextScope as y } from "../../react-context/dist/index.js";
+import { useControllableState as O } from "../../react-use-controllable-state/dist/index.js";
+import { Primitive as T } from "../../react-primitive/dist/index.js";
+import { createMenuScope as g, Item as G, ItemIndicator as k, Root as L, Anchor as K, Portal as U, Content as B, Label as F, Separator as H, Group as W, CheckboxItem as $, RadioGroup as j, RadioItem as X, Arrow as q, SubTrigger as z, SubContent as J } from "../../react-menu/dist/index.js";
+import { useId as v } from "../../react-id/dist/index.js";
+import { jsx as a } from "react/jsx-runtime";
+var f = "DropdownMenu", [Q, So] = y(
+  f,
+  [g]
+), i = g(), [V, D] = Q(f), _ = (o) => {
+  const {
+    __scopeDropdownMenu: n,
+    children: r,
+    dir: e,
+    open: t,
+    defaultOpen: u,
+    onOpenChange: s,
+    modal: d = !0
+  } = o, c = i(n), M = p.useRef(null), [l, w] = O({
+    prop: t,
+    defaultProp: u ?? !1,
+    onChange: s,
+    caller: f
+  });
+  return /* @__PURE__ */ a(
+    V,
+    {
+      scope: n,
+      triggerId: v(),
+      triggerRef: M,
+      contentId: v(),
+      open: l,
+      onOpenChange: w,
+      onOpenToggle: p.useCallback(() => w((E) => !E), [w]),
+      modal: d,
+      children: /* @__PURE__ */ a(L, { ...c, open: l, onOpenChange: w, dir: e, modal: d, children: r })
+    }
+  );
+};
+_.displayName = f;
+var R = "DropdownMenuTrigger", h = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, disabled: e = !1, ...t } = o, u = D(R, r), s = i(r);
+    return /* @__PURE__ */ a(K, { asChild: !0, ...s, children: /* @__PURE__ */ a(
+      T.button,
+      {
+        type: "button",
+        id: u.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": u.open,
+        "aria-controls": u.open ? u.contentId : void 0,
+        "data-state": u.open ? "open" : "closed",
+        "data-disabled": e ? "" : void 0,
+        disabled: e,
+        ...t,
+        ref: P(n, u.triggerRef),
+        onPointerDown: m(o.onPointerDown, (d) => {
+          !e && d.button === 0 && d.ctrlKey === !1 && (u.onOpenToggle(), u.open || d.preventDefault());
+        }),
+        onKeyDown: m(o.onKeyDown, (d) => {
+          e || (["Enter", " "].includes(d.key) && u.onOpenToggle(), d.key === "ArrowDown" && u.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+h.displayName = R;
+var Y = "DropdownMenuPortal", I = (o) => {
+  const { __scopeDropdownMenu: n, ...r } = o, e = i(n);
+  return /* @__PURE__ */ a(U, { ...e, ...r });
+};
+I.displayName = Y;
+var b = "DropdownMenuContent", N = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, t = D(b, r), u = i(r), s = p.useRef(!1);
+    return /* @__PURE__ */ a(
+      B,
+      {
+        id: t.contentId,
+        "aria-labelledby": t.triggerId,
+        ...u,
+        ...e,
+        ref: n,
+        onCloseAutoFocus: m(o.onCloseAutoFocus, (d) => {
+          s.current || t.triggerRef.current?.focus(), s.current = !1, d.preventDefault();
+        }),
+        onInteractOutside: m(o.onInteractOutside, (d) => {
+          const c = d.detail.originalEvent, M = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || M;
+          (!t.modal || l) && (s.current = !0);
+        }),
+        style: {
+          ...o.style,
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+N.displayName = b;
+var Z = "DropdownMenuGroup", oo = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+    return /* @__PURE__ */ a(W, { ...t, ...e, ref: n });
+  }
+);
+oo.displayName = Z;
+var eo = "DropdownMenuLabel", S = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+    return /* @__PURE__ */ a(F, { ...t, ...e, ref: n });
+  }
+);
+S.displayName = eo;
+var ro = "DropdownMenuItem", A = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+    return /* @__PURE__ */ a(G, { ...t, ...e, ref: n });
+  }
+);
+A.displayName = ro;
+var no = "DropdownMenuCheckboxItem", to = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+  return /* @__PURE__ */ a($, { ...t, ...e, ref: n });
+});
+to.displayName = no;
+var ao = "DropdownMenuRadioGroup", po = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+  return /* @__PURE__ */ a(j, { ...t, ...e, ref: n });
+});
+po.displayName = ao;
+var io = "DropdownMenuRadioItem", uo = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+  return /* @__PURE__ */ a(X, { ...t, ...e, ref: n });
+});
+uo.displayName = io;
+var so = "DropdownMenuItemIndicator", C = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+  return /* @__PURE__ */ a(k, { ...t, ...e, ref: n });
+});
+C.displayName = so;
+var co = "DropdownMenuSeparator", x = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+  return /* @__PURE__ */ a(H, { ...t, ...e, ref: n });
+});
+x.displayName = co;
+var lo = "DropdownMenuArrow", wo = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+    return /* @__PURE__ */ a(q, { ...t, ...e, ref: n });
+  }
+);
+wo.displayName = lo;
+var mo = "DropdownMenuSubTrigger", fo = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+  return /* @__PURE__ */ a(z, { ...t, ...e, ref: n });
+});
+fo.displayName = mo;
+var Mo = "DropdownMenuSubContent", vo = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, t = i(r);
+  return /* @__PURE__ */ a(
+    J,
+    {
+      ...t,
+      ...e,
+      ref: n,
+      style: {
+        ...o.style,
+        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+vo.displayName = Mo;
+var Ao = _, Co = h, xo = I, Eo = N, Po = S, yo = A, Oo = C, To = x;
+export {
+  Eo as Content,
+  _ as DropdownMenu,
+  wo as DropdownMenuArrow,
+  to as DropdownMenuCheckboxItem,
+  N as DropdownMenuContent,
+  oo as DropdownMenuGroup,
+  A as DropdownMenuItem,
+  C as DropdownMenuItemIndicator,
+  S as DropdownMenuLabel,
+  I as DropdownMenuPortal,
+  po as DropdownMenuRadioGroup,
+  uo as DropdownMenuRadioItem,
+  x as DropdownMenuSeparator,
+  vo as DropdownMenuSubContent,
+  fo as DropdownMenuSubTrigger,
+  h as DropdownMenuTrigger,
+  yo as Item,
+  Oo as ItemIndicator,
+  Po as Label,
+  xo as Portal,
+  Ao as Root,
+  To as Separator,
+  Co as Trigger,
+  So as createDropdownMenuScope
+};

package/dist/node_modules/@radix-ui/react-focus-guards/dist/index.js

@@ -0,0 +1,17 @@
+import * as r from "react";
+var t = 0;
+function a() {
+  r.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? n()), document.body.insertAdjacentElement("beforeend", e[1] ?? n()), t++, () => {
+      t === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), t--;
+    };
+  }, []);
+}
+function n() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+export {
+  a as useFocusGuards
+};

package/dist/node_modules/@radix-ui/react-focus-scope/dist/index.js

@@ -0,0 +1,136 @@
+import * as d from "react";
+import { useComposedRefs as R } from "../../react-compose-refs/dist/index.js";
+import { Primitive as M } from "../../react-primitive/dist/index.js";
+import { useCallbackRef as y } from "../../react-use-callback-ref/dist/index.js";
+import { jsx as _ } from "react/jsx-runtime";
+var F = "focusScope.autoFocusOnMount", T = "focusScope.autoFocusOnUnmount", N = { bubbles: !1, cancelable: !0 }, K = "FocusScope", k = d.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: u = !1,
+    onMountAutoFocus: p,
+    onUnmountAutoFocus: L,
+    ...g
+  } = e, [o, U] = d.useState(null), E = y(p), v = y(L), b = d.useRef(null), A = R(t, (s) => U(s)), a = d.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  d.useEffect(() => {
+    if (u) {
+      let s = function(i) {
+        if (a.paused || !o) return;
+        const c = i.target;
+        o.contains(c) ? b.current = c : f(b.current, { select: !0 });
+      }, l = function(i) {
+        if (a.paused || !o) return;
+        const c = i.relatedTarget;
+        c !== null && (o.contains(c) || f(b.current, { select: !0 }));
+      }, r = function(i) {
+        if (document.activeElement === document.body)
+          for (const h of i)
+            h.removedNodes.length > 0 && f(o);
+      };
+      document.addEventListener("focusin", s), document.addEventListener("focusout", l);
+      const m = new MutationObserver(r);
+      return o && m.observe(o, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", s), document.removeEventListener("focusout", l), m.disconnect();
+      };
+    }
+  }, [u, o, a.paused]), d.useEffect(() => {
+    if (o) {
+      O.add(a);
+      const s = document.activeElement;
+      if (!o.contains(s)) {
+        const r = new CustomEvent(F, N);
+        o.addEventListener(F, E), o.dispatchEvent(r), r.defaultPrevented || (w(W(I(o)), { select: !0 }), document.activeElement === s && f(o));
+      }
+      return () => {
+        o.removeEventListener(F, E), setTimeout(() => {
+          const r = new CustomEvent(T, N);
+          o.addEventListener(T, v), o.dispatchEvent(r), r.defaultPrevented || f(s ?? document.body, { select: !0 }), o.removeEventListener(T, v), O.remove(a);
+        }, 0);
+      };
+    }
+  }, [o, E, v, a]);
+  const P = d.useCallback(
+    (s) => {
+      if (!n && !u || a.paused) return;
+      const l = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, r = document.activeElement;
+      if (l && r) {
+        const m = s.currentTarget, [i, c] = x(m);
+        i && c ? !s.shiftKey && r === c ? (s.preventDefault(), n && f(i, { select: !0 })) : s.shiftKey && r === i && (s.preventDefault(), n && f(c, { select: !0 })) : r === m && s.preventDefault();
+      }
+    },
+    [n, u, a.paused]
+  );
+  return /* @__PURE__ */ _(M.div, { tabIndex: -1, ...g, ref: A, onKeyDown: P });
+});
+k.displayName = K;
+function w(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const u of e)
+    if (f(u, { select: t }), document.activeElement !== n) return;
+}
+function x(e) {
+  const t = I(e), n = S(t, e), u = S(t.reverse(), e);
+  return [n, u];
+}
+function I(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (u) => {
+      const p = u.tagName === "INPUT" && u.type === "hidden";
+      return u.disabled || u.hidden || p ? NodeFilter.FILTER_SKIP : u.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function S(e, t) {
+  for (const n of e)
+    if (!D(n, { upTo: t })) return n;
+}
+function D(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function H(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function f(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && H(e) && t && e.select();
+  }
+}
+var O = V();
+function V() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && n?.pause(), e = C(e, t), e.unshift(t);
+    },
+    remove(t) {
+      e = C(e, t), e[0]?.resume();
+    }
+  };
+}
+function C(e, t) {
+  const n = [...e], u = n.indexOf(t);
+  return u !== -1 && n.splice(u, 1), n;
+}
+function W(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+export {
+  k as FocusScope
+};

package/dist/node_modules/@radix-ui/react-id/dist/index.js

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