kiban-design-system 3.8.0 → 3.9.0

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

@@ -0,0 +1,213 @@
+import * as p from "react";
+import { composeEventHandlers as m } from "../../primitive/dist/index.js";
+import { composeRefs as T } from "../../react-compose-refs/dist/index.js";
+import { createContextScope as G } from "../../react-context/dist/index.js";
+import { useControllableState as k } from "../../react-use-controllable-state/dist/index.js";
+import { Primitive as L } from "../../react-primitive/dist/index.js";
+import { SubTrigger as K, SubContent as U, Portal as B, Content as F, Item as H, CheckboxItem as W, RadioItem as $, Label as j, Separator as X, createMenuScope as v, Root as q, Anchor as z, Group as J, RadioGroup as Q, ItemIndicator as V, Arrow as Y } from "../../react-menu/dist/index.js";
+import { useId as g } from "../../react-id/dist/index.js";
+import { jsx as t } from "react/jsx-runtime";
+var f = "DropdownMenu", [Z] = G(
+  f,
+  [v]
+), i = v(), [oo, D] = Z(f), _ = (o) => {
+  const {
+    __scopeDropdownMenu: n,
+    children: r,
+    dir: e,
+    open: a,
+    defaultOpen: u,
+    onOpenChange: s,
+    modal: d = !0
+  } = o, c = i(n), M = p.useRef(null), [l, w] = k({
+    prop: a,
+    defaultProp: u ?? !1,
+    onChange: s,
+    caller: f
+  });
+  return /* @__PURE__ */ t(
+    oo,
+    {
+      scope: n,
+      triggerId: g(),
+      triggerRef: M,
+      contentId: g(),
+      open: l,
+      onOpenChange: w,
+      onOpenToggle: p.useCallback(() => w((O) => !O), [w]),
+      modal: d,
+      children: /* @__PURE__ */ t(q, { ...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, ...a } = o, u = D(R, r), s = i(r);
+    return /* @__PURE__ */ t(z, { asChild: !0, ...s, children: /* @__PURE__ */ t(
+      L.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,
+        ...a,
+        ref: T(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 eo = "DropdownMenuPortal", I = (o) => {
+  const { __scopeDropdownMenu: n, ...r } = o, e = i(n);
+  return /* @__PURE__ */ t(B, { ...e, ...r });
+};
+I.displayName = eo;
+var b = "DropdownMenuContent", C = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = D(b, r), u = i(r), s = p.useRef(!1);
+    return /* @__PURE__ */ t(
+      F,
+      {
+        id: a.contentId,
+        "aria-labelledby": a.triggerId,
+        ...u,
+        ...e,
+        ref: n,
+        onCloseAutoFocus: m(o.onCloseAutoFocus, (d) => {
+          s.current || a.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;
+          (!a.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)"
+        }
+      }
+    );
+  }
+);
+C.displayName = b;
+var ro = "DropdownMenuGroup", no = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(J, { ...a, ...e, ref: n });
+  }
+);
+no.displayName = ro;
+var ao = "DropdownMenuLabel", N = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(j, { ...a, ...e, ref: n });
+  }
+);
+N.displayName = ao;
+var to = "DropdownMenuItem", S = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(H, { ...a, ...e, ref: n });
+  }
+);
+S.displayName = to;
+var po = "DropdownMenuCheckboxItem", x = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(W, { ...a, ...e, ref: n });
+});
+x.displayName = po;
+var io = "DropdownMenuRadioGroup", uo = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(Q, { ...a, ...e, ref: n });
+});
+uo.displayName = io;
+var so = "DropdownMenuRadioItem", A = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t($, { ...a, ...e, ref: n });
+});
+A.displayName = so;
+var co = "DropdownMenuItemIndicator", lo = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(V, { ...a, ...e, ref: n });
+});
+lo.displayName = co;
+var wo = "DropdownMenuSeparator", E = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(X, { ...a, ...e, ref: n });
+});
+E.displayName = wo;
+var mo = "DropdownMenuArrow", fo = p.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(Y, { ...a, ...e, ref: n });
+  }
+);
+fo.displayName = mo;
+var Mo = "DropdownMenuSubTrigger", P = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(K, { ...a, ...e, ref: n });
+});
+P.displayName = Mo;
+var go = "DropdownMenuSubContent", y = p.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(
+    U,
+    {
+      ...a,
+      ...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)"
+      }
+    }
+  );
+});
+y.displayName = go;
+var No = _, So = h, xo = I, Ao = C, Eo = N, Po = S, yo = x, Oo = A, To = E, Go = P, ko = y;
+export {
+  yo as CheckboxItem,
+  Ao as Content,
+  _ as DropdownMenu,
+  fo as DropdownMenuArrow,
+  x as DropdownMenuCheckboxItem,
+  C as DropdownMenuContent,
+  no as DropdownMenuGroup,
+  S as DropdownMenuItem,
+  lo as DropdownMenuItemIndicator,
+  N as DropdownMenuLabel,
+  I as DropdownMenuPortal,
+  uo as DropdownMenuRadioGroup,
+  A as DropdownMenuRadioItem,
+  E as DropdownMenuSeparator,
+  y as DropdownMenuSubContent,
+  P as DropdownMenuSubTrigger,
+  h as DropdownMenuTrigger,
+  Po as Item,
+  Eo as Label,
+  xo as Portal,
+  Oo as RadioItem,
+  No as Root,
+  To as Separator,
+  ko as SubContent,
+  Go as SubTrigger,
+  So as Trigger
+};

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