boreal-ui 0.0.899-experimental.2 → 0.0.899-experimental.3

package/dist/core/Dropdown-CQ8mXBk1.js

@@ -0,0 +1,524 @@
+import { jsxs as P, jsx as p, Fragment as Ke } from "react/jsx-runtime";
+import { e as Me } from "./propAliases-C-VkrhZR.js";
+import { useState as Q, useRef as X, useId as Ve, useCallback as g, useLayoutEffect as pe, useEffect as Z, useMemo as Ue } from "react";
+import { c as O } from "./classNames-Dz0_huu_.js";
+import { c as F } from "./capitalize-D_pj4b3P.js";
+import { g as Ye, f as Je, b as me, a as he } from "./styleConfig-4yWEoquf.js";
+import { I as Qe } from "./IconButton-BrtJ7tw0.js";
+import './Dropdown.css';const Xe = (o) => /* @__PURE__ */ P(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    strokeWidth: "1.5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...o,
+    children: [
+      /* @__PURE__ */ p(
+        "path",
+        {
+          d: "M3 5H21",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          d: "M3 12H21",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "path",
+        {
+          d: "M3 19H21",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+), I = "root", w = 8, Ze = (o, m) => o ? `${o}.${m}` : `${m}`, be = (o) => {
+  const m = o.split(".");
+  return m.length <= 1 ? null : m.slice(0, -1).join(".");
+}, ge = (o, m) => o === m || (o == null ? void 0 : o.startsWith(`${m}.`)) === !0, ye = (o) => Array.isArray(o.items) && o.items.length > 0, _e = (o) => o.getAttribute("aria-disabled") === "true" || o instanceof HTMLButtonElement && o.disabled, Ie = ({
+  triggerIcon: o,
+  items: m,
+  align: ee = "right",
+  className: ke,
+  menuClassName: ne,
+  "aria-label": te = "Dropdown menu",
+  "aria-labelledby": re,
+  "aria-describedby": ve,
+  menuAriaLabel: Le,
+  menuAriaLabelledby: oe,
+  menuAriaDescribedby: De,
+  menuId: Ce,
+  triggerId: xe,
+  focusFirstItemOnOpen: de = !0,
+  closeOnSelect: G = !0,
+  theme: R = Ye(),
+  glass: q = Je(),
+  toggleRounding: Ne = me(),
+  menuRounding: S = me(),
+  toggleShadow: $e = he(),
+  menuShadow: H = he(),
+  toggleOutline: Ae = !1,
+  state: x,
+  title: Ee,
+  triggerProps: We,
+  menuProps: b,
+  "data-testid": Se,
+  testId: B = Se ?? "dropdown",
+  IconButton: He,
+  classMap: r,
+  ...Te
+}) => {
+  const [l, ae] = Q(!1), [K, k] = Q(null), [Oe, se] = Q({}), j = X(null), v = X(null), ie = X(null), Pe = Ve(), M = Ce ?? Pe, Re = o ?? Xe, N = g((n) => n ? Array.from(
+    n.querySelectorAll('[data-dropdown-menu-item="true"]')
+  ).filter((e) => e.closest("[data-dropdown-panel]") === n && !_e(e)) : [], []), z = g(
+    (n) => {
+      var e;
+      (e = N(n)[0]) == null || e.focus();
+    },
+    [N]
+  ), T = g(
+    (n, e) => {
+      var d;
+      const t = N(n);
+      if (t.length === 0) return;
+      const f = (e + t.length) % t.length;
+      (d = t[f]) == null || d.focus();
+    },
+    [N]
+  ), ue = g(
+    (n) => {
+      const e = () => {
+        const t = document.getElementById(n);
+        t instanceof HTMLElement && z(t);
+      };
+      window.requestAnimationFrame ? window.requestAnimationFrame(e) : window.setTimeout(e);
+    },
+    [z]
+  ), $ = g((n = !0) => {
+    if (!l || !v.current) {
+      se({});
+      return;
+    }
+    const e = window.innerWidth || document.documentElement.clientWidth || 0, t = window.innerHeight || document.documentElement.clientHeight || 0, f = `${Math.max(120, t - w * 2)}px`, d = `${Math.max(160, e - w * 2)}px`, a = [
+      v.current,
+      ...Array.from(
+        v.current.querySelectorAll("[data-dropdown-panel]")
+      )
+    ];
+    se((s) => {
+      const u = n ? {} : {
+        [I]: s[I]
+      };
+      return a.forEach((h) => {
+        const _ = h.dataset.dropdownPanelPath ?? I;
+        if (_ === I && !n)
+          return;
+        const c = h.getBoundingClientRect(), A = {
+          "--dropdown-panel-max-height": f,
+          "--dropdown-panel-max-width": d
+        };
+        if (_ === I) {
+          u[_] = {
+            overflowLeft: c.left < w,
+            overflowRight: c.right > e - w,
+            style: A
+          };
+          return;
+        }
+        const E = h.closest(
+          '[data-dropdown-item-wrapper="true"]'
+        ), L = E == null ? void 0 : E.getBoundingClientRect(), J = Math.max(c.width, h.offsetWidth, 160), W = L ? e - L.right - w : e - c.right - w, i = L ? L.left - w : c.left - w, D = W >= J || W >= i ? "right" : "left";
+        let C = 0;
+        c.bottom > t - w && (C -= c.bottom - (t - w)), c.top + C < w && (C += w - (c.top + C)), A["--dropdown-panel-offset-y"] = `${Math.round(C)}px`, u[_] = {
+          placement: D,
+          style: A
+        };
+      }), u;
+    });
+  }, [l]), qe = () => {
+    ae((n) => (n && k(null), !n));
+  }, y = g(() => {
+    var n, e;
+    ae(!1), k(null), (e = (n = ie.current) == null ? void 0 : n.focus) == null || e.call(n);
+  }, []), V = g((n) => {
+    k((e) => e === n || e != null && e.startsWith(`${n}.`) ? e : n);
+  }, []), le = g((n) => {
+    k((e) => e === n || e != null && e.startsWith(`${n}.`) ? be(n) : n);
+  }, []), Be = g(
+    (n) => {
+      var e;
+      n.disabled || ye(n) || ((e = n.onClick) == null || e.call(n), G && y());
+    },
+    [y, G]
+  );
+  pe(() => {
+    l && $(!0);
+  }, [m, l, $]), pe(() => {
+    !l || !K || $(!1);
+  }, [l, K, $]), Z(() => {
+    if (!l) return;
+    const n = (e) => {
+      var f;
+      const t = e == null ? void 0 : e.target;
+      (e == null ? void 0 : e.type) === "scroll" && t instanceof Node && ((f = v.current) != null && f.contains(t)) || $(!0);
+    };
+    return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+      window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+    };
+  }, [l, $]), Z(() => {
+    l && de && z(v.current);
+  }, [z, de, l]), Z(() => {
+    const n = (e) => {
+      j.current && !j.current.contains(e.target) && y();
+    };
+    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+  }, [y]);
+  const je = g(
+    (n) => {
+      var a;
+      if (!l) return;
+      const e = document.activeElement instanceof HTMLElement ? document.activeElement : null, t = (e == null ? void 0 : e.closest("[data-dropdown-panel]")) ?? v.current;
+      if (n.key === "Escape") {
+        n.preventDefault(), y();
+        return;
+      }
+      if (n.key === "Tab") {
+        y();
+        return;
+      }
+      const f = N(t), d = e ? f.indexOf(e) : -1;
+      if (n.key === "ArrowDown") {
+        n.preventDefault(), T(t, d + 1);
+        return;
+      }
+      if (n.key === "ArrowUp") {
+        n.preventDefault(), T(
+          t,
+          d < 0 ? f.length - 1 : d - 1
+        );
+        return;
+      }
+      if (n.key === "Home") {
+        n.preventDefault(), T(t, 0);
+        return;
+      }
+      if (n.key === "End") {
+        n.preventDefault(), T(t, f.length - 1);
+        return;
+      }
+      if (n.key === "ArrowRight") {
+        const s = e == null ? void 0 : e.dataset.dropdownItemPath, u = e == null ? void 0 : e.getAttribute("aria-controls");
+        (e == null ? void 0 : e.dataset.dropdownHasSubmenu) === "true" && s && u && (n.preventDefault(), V(s), ue(u));
+        return;
+      }
+      if (n.key === "ArrowLeft") {
+        const s = t == null ? void 0 : t.dataset.dropdownPanelPath;
+        if (s && s !== I) {
+          n.preventDefault();
+          const u = be(s);
+          k(u);
+          const h = (a = j.current) == null ? void 0 : a.querySelector(
+            `[data-dropdown-item-path="${s}"][data-dropdown-menu-item="true"]`
+          );
+          h == null || h.focus();
+        }
+        return;
+      }
+      if (n.key === "Enter" || n.key === " ") {
+        const s = (e == null ? void 0 : e.dataset.dropdownMenuItem) === "true" ? e : null;
+        if (!s || _e(s)) return;
+        if (n.preventDefault(), s.dataset.dropdownHasSubmenu === "true") {
+          const u = s.dataset.dropdownItemPath;
+          u && le(u);
+          return;
+        }
+        s.click();
+      }
+    },
+    [
+      y,
+      T,
+      ue,
+      N,
+      l,
+      V,
+      le
+    ]
+  ), ze = Ue(
+    () => O(
+      r.menu,
+      ee === "right" ? r.alignRight : r.alignLeft,
+      r[R],
+      x && r[x],
+      q && r.glass,
+      H && r[`shadow${F(H)}`],
+      S && r[`round${F(S)}`],
+      ne,
+      b == null ? void 0 : b.className
+    ),
+    [
+      r,
+      ee,
+      R,
+      x,
+      q,
+      H,
+      S,
+      ne,
+      b == null ? void 0 : b.className
+    ]
+  ), ce = (n) => {
+    const e = Oe[n];
+    return {
+      "data-overflow-left": e != null && e.overflowLeft ? "true" : void 0,
+      "data-overflow-right": e != null && e.overflowRight ? "true" : void 0,
+      "data-placement": e == null ? void 0 : e.placement,
+      style: e == null ? void 0 : e.style
+    };
+  }, Fe = (n) => O(
+    r.menu,
+    r.submenu,
+    n && r.submenuOpen,
+    r[R],
+    x && r[x],
+    q && r.glass,
+    H && r[`shadow${F(H)}`],
+    S && r[`round${F(S)}`]
+  ), U = (n, e) => /* @__PURE__ */ P(Ke, { children: [
+    /* @__PURE__ */ P("span", { className: r.itemContent, children: [
+      n.icon && /* @__PURE__ */ p("span", { className: r.icon, "aria-hidden": "true", children: n.icon }),
+      n.label
+    ] }),
+    e && /* @__PURE__ */ p("span", { className: r.submenuIndicator, "aria-hidden": "true", children: "›" })
+  ] }), fe = (n, e = "") => n.map((t, f) => {
+    const d = Ze(e, f), a = ye(t), s = a && ge(K, d), u = t["data-testid"] ?? t.testId, h = t.submenuId ?? `${M}-${d}-submenu`, _ = () => {
+      a && !t.disabled && V(d);
+    }, c = () => {
+      a && !t.disabled && k(d);
+    }, A = () => {
+      a || k((i) => i && (e ? ge(i, e) ? e : i : null));
+    }, E = () => {
+      if (a) {
+        _();
+        return;
+      }
+      A();
+    }, L = (i) => {
+      const D = i.target, C = i.currentTarget.closest(
+        "[data-dropdown-panel]"
+      ), we = D.closest("[data-dropdown-panel]"), Ge = D.closest(
+        '[data-dropdown-item-wrapper="true"]'
+      );
+      we && we !== C || Ge === i.currentTarget && (a ? c() : A());
+    }, J = O(
+      r.item,
+      a && r.submenuTrigger,
+      t.disabled ? r.disabled : ""
+    ), W = {
+      id: t.id,
+      className: J,
+      "aria-label": t["aria-label"],
+      "aria-describedby": t["aria-describedby"],
+      "aria-current": t["aria-current"],
+      "aria-disabled": t.disabled || void 0,
+      "aria-haspopup": a ? "menu" : void 0,
+      "aria-expanded": a ? s : void 0,
+      "aria-controls": a ? h : void 0,
+      title: t.title,
+      "data-dropdown-menu-item": "true",
+      "data-dropdown-item-path": d,
+      "data-dropdown-has-submenu": a ? "true" : void 0,
+      "data-testid": u
+    };
+    return /* @__PURE__ */ P(
+      "div",
+      {
+        className: O(
+          r.itemWrapper,
+          a && r.hasSubmenu
+        ),
+        "data-dropdown-item-wrapper": "true",
+        "data-dropdown-item-path": d,
+        onMouseEnter: E,
+        onMouseOver: L,
+        onPointerEnter: E,
+        onPointerOver: L,
+        children: [
+          a ? /* @__PURE__ */ p(
+            "button",
+            {
+              type: "button",
+              disabled: t.disabled,
+              ...W,
+              onMouseEnter: _,
+              onMouseOver: c,
+              onPointerEnter: _,
+              onPointerOver: c,
+              onClick: (i) => {
+                i.stopPropagation(), c();
+              },
+              children: U(t, !0)
+            }
+          ) : t.href ? /* @__PURE__ */ p(
+            "a",
+            {
+              href: t.disabled ? void 0 : t.href,
+              target: t.disabled ? void 0 : t.target,
+              rel: t.rel ?? (t.target === "_blank" ? "noopener noreferrer" : void 0),
+              ...W,
+              onClick: (i) => {
+                var D;
+                if (i.stopPropagation(), t.disabled) {
+                  i.preventDefault();
+                  return;
+                }
+                (D = t.onClick) == null || D.call(t), G && y();
+              },
+              children: U(t, !1)
+            }
+          ) : /* @__PURE__ */ p(
+            "button",
+            {
+              type: "button",
+              disabled: t.disabled,
+              ...W,
+              onClick: (i) => {
+                i.stopPropagation(), Be(t);
+              },
+              children: U(t, !1)
+            }
+          ),
+          a && s && /* @__PURE__ */ p(
+            "div",
+            {
+              id: h,
+              className: Fe(s),
+              "aria-label": t.submenuAriaLabel ?? t.label,
+              "data-dropdown-panel": "true",
+              "data-dropdown-panel-path": d,
+              "data-testid": u ? `${u}-submenu` : `${B}-${d}-submenu`,
+              ...ce(d),
+              children: fe(t.items ?? [], d)
+            }
+          )
+        ]
+      },
+      t.id ?? d
+    );
+  }), Y = ce(I);
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      ref: j,
+      className: O(r.wrapper, ke),
+      onKeyDown: je,
+      "data-testid": B,
+      ...Te,
+      children: [
+        /* @__PURE__ */ p(
+          He,
+          {
+            ref: ie,
+            id: xe,
+            icon: Re,
+            "aria-label": re ? void 0 : te,
+            "aria-labelledby": re,
+            "aria-describedby": ve,
+            "aria-haspopup": "menu",
+            "aria-expanded": l,
+            "aria-controls": M,
+            rounding: Ne,
+            shadow: $e,
+            outline: Ae,
+            glass: q,
+            theme: R,
+            state: x,
+            onClick: qe,
+            title: Ee,
+            "data-testid": `${B}-trigger`,
+            ...We
+          }
+        ),
+        l && /* @__PURE__ */ p(
+          "div",
+          {
+            ...b,
+            id: M,
+            ref: v,
+            "aria-label": oe ? void 0 : Le ?? te,
+            "aria-labelledby": oe,
+            "aria-describedby": De,
+            className: ze,
+            "data-dropdown-panel": "true",
+            "data-dropdown-panel-path": I,
+            "data-overflow-left": Y["data-overflow-left"],
+            "data-overflow-right": Y["data-overflow-right"],
+            "data-testid": `${B}-menu`,
+            style: {
+              ...Y.style,
+              ...b == null ? void 0 : b.style
+            },
+            children: fe(m)
+          }
+        )
+      ]
+    }
+  );
+};
+Ie.displayName = "BaseDropdown";
+const en = {
+  wrapper: "dropdown",
+  menu: "dropdown_menu",
+  item: "dropdown_item",
+  itemWrapper: "dropdown_itemWrapper",
+  itemContent: "dropdown_itemContent",
+  icon: "dropdown_icon",
+  hasSubmenu: "dropdown_hasSubmenu",
+  submenu: "dropdown_submenu",
+  submenuOpen: "dropdown_submenu_open",
+  submenuTrigger: "dropdown_submenuTrigger",
+  submenuIndicator: "dropdown_submenuIndicator",
+  alignRight: "dropdown_menu_right",
+  alignLeft: "dropdown_menu_left",
+  primary: "dropdown_primary",
+  secondary: "dropdown_secondary",
+  tertiary: "dropdown_tertiary",
+  quaternary: "dropdown_quaternary",
+  clear: "dropdown_clear",
+  success: "dropdown_success",
+  info: "dropdown_info",
+  error: "dropdown_error",
+  warning: "dropdown_warning",
+  disabled: "dropdown_disabled",
+  glass: "dropdown_glass",
+  shadowNone: "menu_shadow-None",
+  shadowLight: "menu_shadow-Light",
+  shadowMedium: "menu_shadow-Medium",
+  shadowStrong: "menu_shadow-Strong",
+  shadowIntense: "menu_shadow-Intense",
+  roundNone: "menu_round-None",
+  roundSmall: "menu_round-Small",
+  roundMedium: "menu_round-Medium",
+  roundLarge: "menu_round-Large"
+}, nn = (o) => /* @__PURE__ */ p(Ie, { ...o, IconButton: Qe, classMap: Me(en) });
+nn.displayName = "Dropdown";
+export {
+  nn as D
+};

package/dist/core/Dropdown-DhL4sy9b.cjs

@@ -0,0 +1 @@
+"use strict";require('./Dropdown.css');const i=require("react/jsx-runtime"),Pe=require("./propAliases-Bfsf5cJN.cjs"),o=require("react"),q=require("./classNames-C7V3kfBj.cjs"),F=require("./capitalize-CnTiekgk.cjs"),S=require("./styleConfig-BB8MdwYx.cjs"),Be=require("./IconButton-BAw_T9gw.cjs"),ze=a=>i.jsxs("svg",{width:"24px",height:"24px",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:"currentColor",...a,children:[i.jsx("path",{d:"M3 5H21",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M3 12H21",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M3 19H21",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),C="root",b=8,Fe=(a,h)=>a?`${a}.${h}`:`${h}`,ce=a=>{const h=a.split(".");return h.length<=1?null:h.slice(0,-1).join(".")},fe=(a,h)=>a===h||(a==null?void 0:a.startsWith(`${h}.`))===!0,we=a=>Array.isArray(a.items)&&a.items.length>0,pe=a=>a.getAttribute("aria-disabled")==="true"||a instanceof HTMLButtonElement&&a.disabled,be=({triggerIcon:a,items:h,align:Q="right",className:me,menuClassName:X,"aria-label":Z="Dropdown menu","aria-labelledby":ee,"aria-describedby":ge,menuAriaLabel:ye,menuAriaLabelledby:te,menuAriaDescribedby:ke,menuId:Ce,triggerId:_e,focusFirstItemOnOpen:ne=!0,closeOnSelect:G=!0,theme:T=S.getDefaultTheme(),glass:O=S.getDefaultGlass(),toggleRounding:xe=S.getDefaultRounding(),menuRounding:W=S.getDefaultRounding(),toggleShadow:Ie=S.getDefaultShadow(),menuShadow:R=S.getDefaultShadow(),toggleOutline:De=!1,state:v,title:Le,triggerProps:ve,menuProps:g,"data-testid":Ne,testId:P=Ne??"dropdown",IconButton:je,classMap:r,...Ee})=>{const[f,re]=o.useState(!1),[K,_]=o.useState(null),[$e,oe]=o.useState({}),B=o.useRef(null),x=o.useRef(null),ae=o.useRef(null),Ae=o.useId(),M=Ce??Ae,Se=a??ze,N=o.useCallback(t=>t?Array.from(t.querySelectorAll('[data-dropdown-menu-item="true"]')).filter(e=>e.closest("[data-dropdown-panel]")===t&&!pe(e)):[],[]),z=o.useCallback(t=>{var e;(e=N(t)[0])==null||e.focus()},[N]),H=o.useCallback((t,e)=>{var d;const n=N(t);if(n.length===0)return;const p=(e+n.length)%n.length;(d=n[p])==null||d.focus()},[N]),de=o.useCallback(t=>{const e=()=>{const n=document.getElementById(t);n instanceof HTMLElement&&z(n)};window.requestAnimationFrame?window.requestAnimationFrame(e):window.setTimeout(e)},[z]),j=o.useCallback((t=!0)=>{if(!f||!x.current){oe({});return}const e=window.innerWidth||document.documentElement.clientWidth||0,n=window.innerHeight||document.documentElement.clientHeight||0,p=`${Math.max(120,n-b*2)}px`,d=`${Math.max(160,e-b*2)}px`,s=[x.current,...Array.from(x.current.querySelectorAll("[data-dropdown-panel]"))];oe(u=>{const c=t?{}:{[C]:u[C]};return s.forEach(m=>{const k=m.dataset.dropdownPanelPath??C;if(k===C&&!t)return;const w=m.getBoundingClientRect(),E={"--dropdown-panel-max-height":p,"--dropdown-panel-max-width":d};if(k===C){c[k]={overflowLeft:w.left<b,overflowRight:w.right>e-b,style:E};return}const $=m.closest('[data-dropdown-item-wrapper="true"]'),I=$==null?void 0:$.getBoundingClientRect(),J=Math.max(w.width,m.offsetWidth,160),A=I?e-I.right-b:e-w.right-b,l=I?I.left-b:w.left-b,D=A>=J||A>=l?"right":"left";let L=0;w.bottom>n-b&&(L-=w.bottom-(n-b)),w.top+L<b&&(L+=b-(w.top+L)),E["--dropdown-panel-offset-y"]=`${Math.round(L)}px`,c[k]={placement:D,style:E}}),c})},[f]),We=()=>{re(t=>(t&&_(null),!t))},y=o.useCallback(()=>{var t,e;re(!1),_(null),(e=(t=ae.current)==null?void 0:t.focus)==null||e.call(t)},[]),V=o.useCallback(t=>{_(e=>e===t||e!=null&&e.startsWith(`${t}.`)?e:t)},[]),se=o.useCallback(t=>{_(e=>e===t||e!=null&&e.startsWith(`${t}.`)?ce(t):t)},[]),Re=o.useCallback(t=>{var e;t.disabled||we(t)||((e=t.onClick)==null||e.call(t),G&&y())},[y,G]);o.useLayoutEffect(()=>{f&&j(!0)},[h,f,j]),o.useLayoutEffect(()=>{!f||!K||j(!1)},[f,K,j]),o.useEffect(()=>{if(!f)return;const t=e=>{var p;const n=e==null?void 0:e.target;(e==null?void 0:e.type)==="scroll"&&n instanceof Node&&((p=x.current)!=null&&p.contains(n))||j(!0)};return window.addEventListener("resize",t),window.addEventListener("scroll",t,!0),()=>{window.removeEventListener("resize",t),window.removeEventListener("scroll",t,!0)}},[f,j]),o.useEffect(()=>{f&&ne&&z(x.current)},[z,ne,f]),o.useEffect(()=>{const t=e=>{B.current&&!B.current.contains(e.target)&&y()};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[y]);const He=o.useCallback(t=>{var s;if(!f)return;const e=document.activeElement instanceof HTMLElement?document.activeElement:null,n=(e==null?void 0:e.closest("[data-dropdown-panel]"))??x.current;if(t.key==="Escape"){t.preventDefault(),y();return}if(t.key==="Tab"){y();return}const p=N(n),d=e?p.indexOf(e):-1;if(t.key==="ArrowDown"){t.preventDefault(),H(n,d+1);return}if(t.key==="ArrowUp"){t.preventDefault(),H(n,d<0?p.length-1:d-1);return}if(t.key==="Home"){t.preventDefault(),H(n,0);return}if(t.key==="End"){t.preventDefault(),H(n,p.length-1);return}if(t.key==="ArrowRight"){const u=e==null?void 0:e.dataset.dropdownItemPath,c=e==null?void 0:e.getAttribute("aria-controls");(e==null?void 0:e.dataset.dropdownHasSubmenu)==="true"&&u&&c&&(t.preventDefault(),V(u),de(c));return}if(t.key==="ArrowLeft"){const u=n==null?void 0:n.dataset.dropdownPanelPath;if(u&&u!==C){t.preventDefault();const c=ce(u);_(c);const m=(s=B.current)==null?void 0:s.querySelector(`[data-dropdown-item-path="${u}"][data-dropdown-menu-item="true"]`);m==null||m.focus()}return}if(t.key==="Enter"||t.key===" "){const u=(e==null?void 0:e.dataset.dropdownMenuItem)==="true"?e:null;if(!u||pe(u))return;if(t.preventDefault(),u.dataset.dropdownHasSubmenu==="true"){const c=u.dataset.dropdownItemPath;c&&se(c);return}u.click()}},[y,H,de,N,f,V,se]),qe=o.useMemo(()=>q.combineClassNames(r.menu,Q==="right"?r.alignRight:r.alignLeft,r[T],v&&r[v],O&&r.glass,R&&r[`shadow${F.capitalize(R)}`],W&&r[`round${F.capitalize(W)}`],X,g==null?void 0:g.className),[r,Q,T,v,O,R,W,X,g==null?void 0:g.className]),ue=t=>{const e=$e[t];return{"data-overflow-left":e!=null&&e.overflowLeft?"true":void 0,"data-overflow-right":e!=null&&e.overflowRight?"true":void 0,"data-placement":e==null?void 0:e.placement,style:e==null?void 0:e.style}},Te=t=>q.combineClassNames(r.menu,r.submenu,t&&r.submenuOpen,r[T],v&&r[v],O&&r.glass,R&&r[`shadow${F.capitalize(R)}`],W&&r[`round${F.capitalize(W)}`]),U=(t,e)=>i.jsxs(i.Fragment,{children:[i.jsxs("span",{className:r.itemContent,children:[t.icon&&i.jsx("span",{className:r.icon,"aria-hidden":"true",children:t.icon}),t.label]}),e&&i.jsx("span",{className:r.submenuIndicator,"aria-hidden":"true",children:"›"})]}),ie=(t,e="")=>t.map((n,p)=>{const d=Fe(e,p),s=we(n),u=s&&fe(K,d),c=n["data-testid"]??n.testId,m=n.submenuId??`${M}-${d}-submenu`,k=()=>{s&&!n.disabled&&V(d)},w=()=>{s&&!n.disabled&&_(d)},E=()=>{s||_(l=>l&&(e?fe(l,e)?e:l:null))},$=()=>{if(s){k();return}E()},I=l=>{const D=l.target,L=l.currentTarget.closest("[data-dropdown-panel]"),le=D.closest("[data-dropdown-panel]"),Oe=D.closest('[data-dropdown-item-wrapper="true"]');le&&le!==L||Oe===l.currentTarget&&(s?w():E())},J=q.combineClassNames(r.item,s&&r.submenuTrigger,n.disabled?r.disabled:""),A={id:n.id,className:J,"aria-label":n["aria-label"],"aria-describedby":n["aria-describedby"],"aria-current":n["aria-current"],"aria-disabled":n.disabled||void 0,"aria-haspopup":s?"menu":void 0,"aria-expanded":s?u:void 0,"aria-controls":s?m:void 0,title:n.title,"data-dropdown-menu-item":"true","data-dropdown-item-path":d,"data-dropdown-has-submenu":s?"true":void 0,"data-testid":c};return i.jsxs("div",{className:q.combineClassNames(r.itemWrapper,s&&r.hasSubmenu),"data-dropdown-item-wrapper":"true","data-dropdown-item-path":d,onMouseEnter:$,onMouseOver:I,onPointerEnter:$,onPointerOver:I,children:[s?i.jsx("button",{type:"button",disabled:n.disabled,...A,onMouseEnter:k,onMouseOver:w,onPointerEnter:k,onPointerOver:w,onClick:l=>{l.stopPropagation(),w()},children:U(n,!0)}):n.href?i.jsx("a",{href:n.disabled?void 0:n.href,target:n.disabled?void 0:n.target,rel:n.rel??(n.target==="_blank"?"noopener noreferrer":void 0),...A,onClick:l=>{var D;if(l.stopPropagation(),n.disabled){l.preventDefault();return}(D=n.onClick)==null||D.call(n),G&&y()},children:U(n,!1)}):i.jsx("button",{type:"button",disabled:n.disabled,...A,onClick:l=>{l.stopPropagation(),Re(n)},children:U(n,!1)}),s&&u&&i.jsx("div",{id:m,className:Te(u),"aria-label":n.submenuAriaLabel??n.label,"data-dropdown-panel":"true","data-dropdown-panel-path":d,"data-testid":c?`${c}-submenu`:`${P}-${d}-submenu`,...ue(d),children:ie(n.items??[],d)})]},n.id??d)}),Y=ue(C);return i.jsxs("div",{ref:B,className:q.combineClassNames(r.wrapper,me),onKeyDown:He,"data-testid":P,...Ee,children:[i.jsx(je,{ref:ae,id:_e,icon:Se,"aria-label":ee?void 0:Z,"aria-labelledby":ee,"aria-describedby":ge,"aria-haspopup":"menu","aria-expanded":f,"aria-controls":M,rounding:xe,shadow:Ie,outline:De,glass:O,theme:T,state:v,onClick:We,title:Le,"data-testid":`${P}-trigger`,...ve}),f&&i.jsx("div",{...g,id:M,ref:x,"aria-label":te?void 0:ye??Z,"aria-labelledby":te,"aria-describedby":ke,className:qe,"data-dropdown-panel":"true","data-dropdown-panel-path":C,"data-overflow-left":Y["data-overflow-left"],"data-overflow-right":Y["data-overflow-right"],"data-testid":`${P}-menu`,style:{...Y.style,...g==null?void 0:g.style},children:ie(h)})]})};be.displayName="BaseDropdown";const Ge={wrapper:"dropdown",menu:"dropdown_menu",item:"dropdown_item",itemWrapper:"dropdown_itemWrapper",itemContent:"dropdown_itemContent",icon:"dropdown_icon",hasSubmenu:"dropdown_hasSubmenu",submenu:"dropdown_submenu",submenuOpen:"dropdown_submenu_open",submenuTrigger:"dropdown_submenuTrigger",submenuIndicator:"dropdown_submenuIndicator",alignRight:"dropdown_menu_right",alignLeft:"dropdown_menu_left",primary:"dropdown_primary",secondary:"dropdown_secondary",tertiary:"dropdown_tertiary",quaternary:"dropdown_quaternary",clear:"dropdown_clear",success:"dropdown_success",info:"dropdown_info",error:"dropdown_error",warning:"dropdown_warning",disabled:"dropdown_disabled",glass:"dropdown_glass",shadowNone:"menu_shadow-None",shadowLight:"menu_shadow-Light",shadowMedium:"menu_shadow-Medium",shadowStrong:"menu_shadow-Strong",shadowIntense:"menu_shadow-Intense",roundNone:"menu_round-None",roundSmall:"menu_round-Small",roundMedium:"menu_round-Medium",roundLarge:"menu_round-Large"},he=a=>i.jsx(be,{...a,IconButton:Be.IconButton,classMap:Pe.expandClassMap(Ge)});he.displayName="Dropdown";exports.Dropdown=he;

package/dist/core/Dropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Dropdown-C8lsSPKF.cjs");exports.default=e.Dropdown;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Dropdown-DhL4sy9b.cjs");exports.default=e.Dropdown;

package/dist/core/Dropdown.js

@@ -1,4 +1,4 @@
-import { D as f } from "./Dropdown-DHts2OvA.js";
+import { D as f } from "./Dropdown-CQ8mXBk1.js";
 export {
   f as default
 };

package/dist/core/Menu-CqYM7fgQ.cjs

@@ -0,0 +1 @@
+"use strict";require('./Menu.css');const l=require("react/jsx-runtime"),Ke=require("./propAliases-Bfsf5cJN.cjs"),s=require("react"),k=require("./classNames-C7V3kfBj.cjs"),Q=require("./capitalize-CnTiekgk.cjs"),Z=require("./styleConfig-BB8MdwYx.cjs"),H="root",m=8,Pe=(o,p)=>o?`${o}.${p}`:`${p}`,en=o=>{const p=o.split(".");return p.length>1?p.slice(0,-1).join("."):null},Ne=o=>Array.isArray(o.items)&&o.items.length>0,de=(o,p)=>o===p||(o==null?void 0:o.startsWith(`${p}.`))===!0,Ce=o=>o.getAttribute("aria-disabled")==="true"||o instanceof HTMLButtonElement&&o.disabled,Se=({items:o,children:p,trigger:K,open:ce,defaultOpen:$e=!1,position:M,activation:P=K?"click":"contextmenu",onOpenChange:O,onPositionChange:B,closeOnSelect:Le=!0,focusFirstItemOnOpen:me=!0,theme:ee=Z.getDefaultTheme(),glass:ne=Z.getDefaultGlass(),rounding:R=Z.getDefaultRounding(),shadow:j=Z.getDefaultShadow(),state:A,className:Ee,targetClassName:Re,triggerClassName:je,menuClassName:fe,itemClassName:Ae,id:De,menuId:Te,"aria-label":qe="Context menu","aria-labelledby":be,"aria-describedby":We,"data-testid":ve,testId:N=ve??"menu",triggerProps:h,menuProps:w,onKeyDown:te,classMap:u,...C})=>{const[He,Me]=s.useState($e),[Oe,Be]=s.useState(M??{x:0,y:0}),[he,D]=s.useState(null),[ae,ye]=s.useState({}),ue=s.useRef(null),re=s.useRef(null),z=s.useRef(null),S=s.useRef(null),ze=s.useId(),xe=ce!==void 0,b=ce??He,se=Te??`${ze}-menu`,F=M??Oe,Y=s.useCallback(e=>{xe||Me(e),e||D(null),O==null||O(e)},[xe,O]),pe=s.useCallback(e=>{M||Be(e),B==null||B(e)},[B,M]),X=s.useCallback(e=>{pe(e),Y(!0)},[pe,Y]),T=s.useCallback(()=>{var e;Y(!1),(e=z.current)==null||e.focus()},[Y]),q=s.useCallback(e=>e?Array.from(e.querySelectorAll('[data-menu-item="true"]')).filter(t=>t.closest("[data-menu-panel]")===e&&!Ce(t)):[],[]),G=s.useCallback((e,t)=>{var r;const n=q(e);if(n.length===0)return;const i=(t+n.length)%n.length;(r=n[i])==null||r.focus()},[q]),oe=s.useCallback(e=>{var t;(t=q(e)[0])==null||t.focus()},[q]),I=s.useCallback(()=>{if(!b||!S.current){ye({});return}const e=window.innerWidth||document.documentElement.clientWidth||0,t=window.innerHeight||document.documentElement.clientHeight||0,n=`${Math.max(120,t-m*2)}px`,i=`${Math.max(160,e-m*2)}px`,r=[S.current,...Array.from(S.current.querySelectorAll("[data-menu-panel]"))],y={};r.forEach(f=>{const a=f.dataset.menuPanelPath??H,d=f.getBoundingClientRect(),x={"--menu-panel-max-height":n,"--menu-panel-max-width":i};if(a===H){const v=Math.min(Math.max(m,F.x),Math.max(m,e-d.width-m)),J=Math.min(Math.max(m,F.y),Math.max(m,t-d.height-m));x.left=`${Math.round(v)}px`,x.top=`${Math.round(J)}px`,y[a]={style:x};return}const $=f.closest('[data-menu-item-wrapper="true"]'),_=$==null?void 0:$.getBoundingClientRect(),L=Math.max(d.width,f.offsetWidth,160),W=_?e-_.right-m:e-d.right-m,U=_?_.left-m:d.left-m,V=W>=L||W>=U?"right":"left";let g=0;d.bottom>t-m&&(g-=d.bottom-(t-m)),d.top+g<m&&(g+=m-(d.top+g)),x["--menu-panel-offset-y"]=`${Math.round(g)}px`,y[a]={placement:V,style:x}}),ye(y)},[b,F.x,F.y]);s.useLayoutEffect(()=>{b&&I()},[b,o,he,I]),s.useEffect(()=>{if(b)return window.addEventListener("resize",I),window.addEventListener("scroll",I,!0),()=>{window.removeEventListener("resize",I),window.removeEventListener("scroll",I,!0)}},[b,I]),s.useEffect(()=>{!b||!me||oe(S.current)},[me,oe,b]),s.useEffect(()=>{if(!b)return;const e=t=>{var n;(n=ue.current)!=null&&n.contains(t.target)||T()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[T,b]);const Fe=s.useMemo(()=>k.combineClassNames(u.menu,u[ee],A&&u[A],ne&&u.glass,j&&u[`shadow${Q.capitalize(j)}`],R&&u[`round${Q.capitalize(R)}`],fe,w==null?void 0:w.className),[u,ne,fe,w==null?void 0:w.className,R,j,A,ee]),Ye=e=>k.combineClassNames(u.menu,u.submenu,e&&u.submenuOpen,u[ee],A&&u[A],ne&&u.glass,j&&u[`shadow${Q.capitalize(j)}`],R&&u[`round${Q.capitalize(R)}`]),le=ae[H],Xe=e=>{var t;(t=C.onContextMenu)==null||t.call(C,e),!(e.defaultPrevented||!["contextmenu","both"].includes(P))&&(e.preventDefault(),X({x:e.clientX,y:e.clientY}))},Ge=e=>{var i,r,y,f;if((i=C.onClick)==null||i.call(C,e),e.defaultPrevented||!["click","both"].includes(P))return;const t=e.target;if((r=S.current)!=null&&r.contains(t)||(y=z.current)!=null&&y.contains(t))return;const n=(f=re.current)==null?void 0:f.getBoundingClientRect();X({x:(n==null?void 0:n.left)??e.clientX,y:(n==null?void 0:n.bottom)??e.clientY})},Ue=e=>{var n,i;if((n=h==null?void 0:h.onClick)==null||n.call(h,e),e.defaultPrevented)return;e.stopPropagation();const t=(i=z.current)==null?void 0:i.getBoundingClientRect();X({x:(t==null?void 0:t.left)??e.clientX,y:(t==null?void 0:t.bottom)??e.clientY})},we=(e,t)=>{var n,i;e.stopPropagation(),!(t.disabled||Ne(t))&&((n=t.onSelect)==null||n.call(t,e),(i=t.onClick)==null||i.call(t),!e.defaultPrevented&&Le&&T())},Ve=e=>{const t=()=>{const n=document.getElementById(e);n instanceof HTMLElement&&oe(n)};window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t)},Je=e=>{var y,f;if(te==null||te(e),e.defaultPrevented)return;if(!b&&(e.key==="ContextMenu"||e.shiftKey&&e.key==="F10")){e.preventDefault();const a=(y=re.current)==null?void 0:y.getBoundingClientRect();X({x:(a==null?void 0:a.left)??m,y:(a==null?void 0:a.bottom)??m});return}if(!b)return;const t=document.activeElement instanceof HTMLElement?document.activeElement:null,n=(t==null?void 0:t.closest("[data-menu-panel]"))??S.current,i=q(n),r=t?i.indexOf(t):-1;if(e.key==="Escape"){e.preventDefault(),T();return}if(e.key==="Tab"){T();return}if(e.key==="ArrowDown"){e.preventDefault(),G(n,r+1);return}if(e.key==="ArrowUp"){e.preventDefault(),G(n,r<0?i.length-1:r-1);return}if(e.key==="Home"){e.preventDefault(),G(n,0);return}if(e.key==="End"){e.preventDefault(),G(n,i.length-1);return}if(e.key==="ArrowRight"){const a=t==null?void 0:t.dataset.menuItemPath,d=t==null?void 0:t.getAttribute("aria-controls");(t==null?void 0:t.dataset.menuHasSubmenu)==="true"&&a&&d&&(e.preventDefault(),D(a),Ve(d));return}if(e.key==="ArrowLeft"){const a=n==null?void 0:n.dataset.menuPanelPath;if(a&&a!==H){e.preventDefault();const d=en(a);D(d);const x=(f=ue.current)==null?void 0:f.querySelector(`[data-menu-item-path="${a}"][data-menu-item="true"]`);x==null||x.focus()}return}if(e.key==="Enter"||e.key===" "){const a=(t==null?void 0:t.dataset.menuItem)==="true"?t:null;if(!a||Ce(a))return;e.preventDefault(),a.click()}},ie=(e,t)=>l.jsxs(l.Fragment,{children:[l.jsxs("span",{className:u.itemContent,children:[e.icon&&l.jsx("span",{className:u.icon,"aria-hidden":"true",children:e.icon}),e.label&&l.jsx("span",{className:u.label,children:e.label})]}),e.shortcut&&l.jsx("span",{className:u.shortcut,"aria-hidden":"true",children:e.shortcut}),t&&l.jsx("span",{className:u.submenuIndicator,"aria-hidden":"true",children:">"})]}),_e=(e,t="")=>e.map((n,i)=>{var J,ge;const r=Pe(t,i),y=n.type??"item",f=n["data-testid"]??n.testId;if(y==="separator")return l.jsx("div",{role:"separator",className:u.separator,"data-testid":f??`${N}-${r}-separator`},n.id??r);if(y==="label")return l.jsx("div",{role:"none",className:k.combineClassNames(u.sectionLabel,n.className),"data-testid":f??`${N}-${r}-label`,children:n.label},n.id??r);const a=Ne(n),d=a&&de(he,r),x=n.submenuId??`${se}-${r}-submenu`,$=n.role??"menuitem",_=(c=!0)=>{a&&!n.disabled&&D(E=>c&&E&&de(E,r)?E:r)},L=()=>_(!1),W=()=>{a||D(c=>c&&(t?de(c,t)?t:c:null))},U=()=>{if(a){_();return}W()},V=()=>{_()},g=c=>{const E=c.target,Qe=c.currentTarget.closest("[data-menu-panel]"),ke=E.closest("[data-menu-panel]"),Ze=E.closest('[data-menu-item-wrapper="true"]');ke&&ke!==Qe||Ze===c.currentTarget&&(a?L():W())},v={id:n.id,className:k.combineClassNames(u.item,n.destructive&&u.destructive,n.inset&&u.inset,a&&u.submenuTrigger,n.disabled&&u.disabled,Ae,n.className),role:$,title:n.title,"aria-label":n["aria-label"],"aria-describedby":n["aria-describedby"],"aria-current":n["aria-current"],"aria-disabled":n.disabled||void 0,"aria-checked":$==="menuitemcheckbox"||$==="menuitemradio"?n.checked:void 0,"aria-haspopup":a?"menu":void 0,"aria-expanded":a?d:void 0,"aria-controls":a?x:void 0,"data-menu-item":"true","data-menu-item-path":r,"data-menu-has-submenu":a?"true":void 0,"data-testid":f};return l.jsxs("div",{className:k.combineClassNames(u.itemWrapper,a&&u.hasSubmenu),role:"group","data-menu-item-wrapper":"true","data-menu-item-path":r,onMouseEnter:U,onMouseOver:g,onPointerEnter:U,onPointerOver:g,children:[a?l.jsx("button",{type:"button",disabled:n.disabled,...v,onMouseEnter:V,onMouseOver:L,onPointerEnter:V,onPointerOver:L,onClick:c=>{c.stopPropagation(),L()},children:ie(n,!0)}):n.href?l.jsx("a",{href:n.disabled?void 0:n.href,target:n.disabled?void 0:n.target,rel:n.rel??(n.target==="_blank"?"noopener noreferrer":void 0),...v,onClick:c=>{if(c.stopPropagation(),n.disabled){c.preventDefault();return}we(c,n)},children:ie(n,!1)}):l.jsx("button",{type:"button",disabled:n.disabled,...v,onClick:c=>we(c,n),children:ie(n,!1)}),a&&d&&l.jsx("div",{id:x,role:"menu","aria-label":n.submenuAriaLabel??(typeof n.label=="string"?n.label:void 0),className:Ye(d),"data-menu-panel":"true","data-menu-panel-path":r,"data-placement":(J=ae[r])==null?void 0:J.placement,"data-testid":f?`${f}-submenu`:`${N}-${r}-submenu`,style:(ge=ae[r])==null?void 0:ge.style,children:_e(n.items??[],r)})]},n.id??r)});return l.jsxs("div",{...C,id:De,ref:ue,className:k.combineClassNames(u.wrapper,Ee),"data-testid":N,onContextMenu:Xe,onClick:Ge,onKeyDown:Je,children:[K&&l.jsx("button",{...h,ref:z,type:(h==null?void 0:h.type)??"button",className:k.combineClassNames(u.trigger,je,h==null?void 0:h.className),"aria-haspopup":"menu","aria-expanded":b,"aria-controls":se,"data-testid":`${N}-trigger`,onClick:Ue,children:K}),p&&l.jsx("div",{ref:re,className:k.combineClassNames(u.target,Re),tabIndex:P==="manual"?void 0:0,"data-testid":`${N}-target`,children:p}),b&&l.jsx("div",{...w,id:se,ref:S,role:"menu","aria-label":be?void 0:qe,"aria-labelledby":be,"aria-describedby":We,className:Fe,"data-menu-panel":"true","data-menu-panel-path":H,"data-testid":`${N}-menu`,style:{...le==null?void 0:le.style,...w==null?void 0:w.style},children:_e(o)})]})};Se.displayName="BaseMenu";const nn={wrapper:"menu",target:"menu_target",trigger:"menu_trigger",menu:"menu_panel",item:"menu_item",itemWrapper:"menu_itemWrapper",itemContent:"menu_itemContent",icon:"menu_icon",label:"menu_label",shortcut:"menu_shortcut",separator:"menu_separator",sectionLabel:"menu_sectionLabel",hasSubmenu:"menu_hasSubmenu",submenu:"menu_submenu",submenuOpen:"menu_submenu_open",submenuTrigger:"menu_submenuTrigger",submenuIndicator:"menu_submenuIndicator",destructive:"menu_destructive",inset:"menu_inset",primary:"menu_primary",secondary:"menu_secondary",tertiary:"menu_tertiary",quaternary:"menu_quaternary",clear:"menu_clear",success:"menu_success",info:"menu_info",error:"menu_error",warning:"menu_warning",disabled:"menu_disabled",glass:"menu_glass",shadowNone:"menu_shadow-None",shadowLight:"menu_shadow-Light",shadowMedium:"menu_shadow-Medium",shadowStrong:"menu_shadow-Strong",shadowIntense:"menu_shadow-Intense",roundNone:"menu_round-None",roundSmall:"menu_round-Small",roundMedium:"menu_round-Medium",roundLarge:"menu_round-Large"},Ie=o=>l.jsx(Se,{...o,classMap:Ke.expandClassMap(nn)});Ie.displayName="Menu";exports.Menu=Ie;