twenty-ui 2.47.0 → 2.48.0

package/dist/layout-BszCDxAO.js

@@ -0,0 +1,441 @@
+import { t as v } from "./isDefined-fMi6eQ4r.js";
+import { r as we, t as Fe } from "./OverflowingTextWithTooltip-BmUROIah.js";
+import { t as V } from "./Popover-CWeCV7X9.js";
+import { t as Ce } from "./Heading-pXllCJCO.js";
+import { useRender as Y } from "@base-ui/react/use-render";
+import { isFunction as Q, isNonEmptyString as Ie, isString as J, isUndefined as Oe } from "@sniptt/guards";
+import { clsx as D } from "clsx";
+import { cloneElement as Le, isValidElement as Ee, memo as ce, useCallback as j, useId as Ne, useLayoutEffect as X, useRef as W, useState as $ } from "react";
+import { Fragment as G, jsx as m, jsxs as U } from "react/jsx-runtime";
+import { mergeProps as Se } from "@base-ui/react/merge-props";
+import { useMergedRefs as H } from "@base-ui/utils/useMergedRefs";
+import { useStableCallback as k } from "@base-ui/utils/useStableCallback";
+import { useControlled as Me } from "@base-ui/utils/useControlled";
+var De = "_container_1hm4x_1", Te = "_layer_1hm4x_9", xe = "_visible_1hm4x_23", Ae = "_hidden_1hm4x_28", R = {
+  container: De,
+  layer: Te,
+  visible: xe,
+  hidden: Ae
+}, _t = ({ isActive: t, activeIcon: e, inactiveIcon: n, className: r, render: s, ref: a, ...l }) => Y({
+  defaultTagName: "span",
+  render: s,
+  ref: a,
+  props: {
+    ...l,
+    className: D(R.container, r),
+    children: /* @__PURE__ */ U(G, { children: [/* @__PURE__ */ m("span", {
+      "aria-hidden": "true",
+      className: D(R.layer, t ? R.hidden : R.visible),
+      children: n
+    }), /* @__PURE__ */ m("span", {
+      "aria-hidden": "true",
+      className: D(R.layer, t ? R.visible : R.hidden),
+      children: e
+    })] })
+  }
+}), Re = "_root_eheyl_1", We = "_items_eheyl_11", Ue = "_item_eheyl_11", ke = "_popupItem_eheyl_45", ze = "_trigger_eheyl_49", Ke = "_popup_eheyl_45", K = {
+  root: Re,
+  items: We,
+  item: Ue,
+  popupItem: ke,
+  trigger: ze,
+  popup: Ke
+}, Ve = ({ props: t, state: e, render: n }) => {
+  const r = Ee(n) ? n : void 0, s = H(t.ref, r?.props.ref);
+  if (Q(n)) return n(t, e);
+  const a = {
+    ...Se(t, r?.props),
+    children: t.children,
+    ref: s
+  };
+  return v(r) ? Le(r, a) : /* @__PURE__ */ m("div", { ...a });
+}, Be = ce(({ elementRef: t, isHidden: e, onFocusLost: n }) => (X(() => {
+  const r = t.current, s = v(r) && r.contains(r.ownerDocument.activeElement);
+  e && s && n(r);
+}, [
+  t,
+  e,
+  n
+]), null)), le = (t) => j((e) => {
+  if (v(e))
+    return () => {
+      const n = e.ownerDocument, r = e.contains(n.activeElement);
+      queueMicrotask(() => {
+        const s = n.activeElement === n.body;
+        r && !e.isConnected && s && t(e);
+      });
+    };
+}, [t]), oe = ({ children: t, index: e, isHidden: n, isLastVisible: r, isInPopup: s, onFocusLost: a }) => {
+  const l = W(null), i = k((o) => {
+    a({
+      index: e,
+      element: o,
+      isInPopup: s
+    });
+  });
+  return /* @__PURE__ */ U(G, { children: [/* @__PURE__ */ m("div", {
+    ref: H(l, le(i)),
+    className: s ? K.popupItem : K.item,
+    "data-item-index": e,
+    "data-hidden": n || void 0,
+    "data-last-visible": r || void 0,
+    "aria-hidden": n || void 0,
+    inert: n,
+    children: t
+  }), /* @__PURE__ */ m(Be, {
+    elementRef: l,
+    isHidden: n,
+    onFocusLost: i
+  })] });
+}, se = ({ itemWidths: t, availableWidth: e, gap: n, includePartialItem: r }) => {
+  let s = 0, a = 0;
+  for (const l of t) {
+    const i = s + l + (a > 0 ? n : 0);
+    if (a !== 0 && i > e) {
+      const o = s + n < e;
+      return r && o ? a + 1 : a;
+    }
+    s = i, a += 1;
+  }
+  return a;
+}, He = ({ items: t, itemElements: e, supportsSynchronousLayout: n }) => {
+  if (!n) return e.map((s) => s.scrollWidth);
+  t.setAttribute("data-measuring", "");
+  const r = e.map((s) => s.clientWidth);
+  return t.removeAttribute("data-measuring"), r;
+}, $e = ({ container: t, items: e, trigger: n, itemElements: r, itemCount: s, reserveCountSpace: a, supportsSynchronousLayout: l }) => {
+  const i = He({
+    items: e,
+    itemElements: r,
+    supportsSynchronousLayout: l
+  }), o = parseFloat(getComputedStyle(e).columnGap) || 0, u = t.clientWidth, p = s > se({
+    itemWidths: i,
+    availableWidth: u,
+    gap: o,
+    includePartialItem: !1
+  }), F = n?.offsetWidth ?? 0;
+  return {
+    visibleItemCount: se({
+      itemWidths: i,
+      availableWidth: a && p ? Math.max(0, u - F - o) : u,
+      gap: o,
+      includePartialItem: !0
+    }),
+    hasOverflow: p
+  };
+}, qe = 100, je = ce(({ containerRef: t, itemsRef: e, triggerRef: n, itemCount: r, inlineItemCount: s, reserveCountSpace: a, isMeasurementEnabled: l, isOpen: i, onLayoutChange: o, onOverflowUnavailable: u }) => {
+  const p = W(void 0), F = W(void 0), I = k(() => ({
+    itemCount: r,
+    inlineItemCount: s,
+    reserveCountSpace: a,
+    isOpen: i
+  })), C = k(o), N = k(u);
+  return X(() => {
+    const y = t.current, O = e.current;
+    if (!l || !v(y) || !v(O)) {
+      F.current = void 0;
+      return;
+    }
+    const T = v(globalThis.ResizeObserver), E = /* @__PURE__ */ new Set(), g = () => {
+      const M = Array.from(O.children), z = /* @__PURE__ */ new Set([y, ...M]);
+      v(n.current) && z.add(n.current);
+      for (const b of E) z.has(b) || (S?.unobserve(b), E.delete(b));
+      for (const b of z) E.has(b) || (S?.observe(b), E.add(b));
+      const c = I();
+      if (M.length !== c.inlineItemCount) return;
+      const h = $e({
+        container: y,
+        items: O,
+        trigger: n.current,
+        itemElements: M,
+        itemCount: c.itemCount,
+        reserveCountSpace: c.reserveCountSpace,
+        supportsSynchronousLayout: T
+      }), d = F.current, x = v(d) && d.isOpen && !d.layout.hasOverflow, A = c.isOpen && !h.hasOverflow;
+      F.current = {
+        layout: h,
+        isOpen: c.isOpen
+      }, C(h), A && !x && N();
+    }, S = T ? new ResizeObserver(g) : void 0;
+    p.current = g, g();
+    const _ = new MutationObserver(g);
+    if (_.observe(O, {
+      attributes: !0,
+      attributeFilter: [
+        "class",
+        "style",
+        "hidden"
+      ],
+      characterData: !0,
+      childList: !0,
+      subtree: !0
+    }), _.observe(y, { childList: !0 }), !v(S)) {
+      const M = setInterval(g, qe);
+      return window.addEventListener("resize", g), () => {
+        p.current = void 0, clearInterval(M), _.disconnect(), window.removeEventListener("resize", g);
+      };
+    }
+    return () => {
+      p.current = void 0, _.disconnect(), S.disconnect();
+    };
+  }, [
+    t,
+    e,
+    n,
+    l,
+    I,
+    C,
+    N
+  ]), X(() => {
+    p.current?.();
+  }, [
+    r,
+    s,
+    a,
+    i
+  ]), null;
+}), Ge = ({ itemCount: t, inlineItemCount: e }) => {
+  const n = W(null), r = W(null), s = W(null), [a, l] = $({
+    visibleItemCount: e,
+    hasOverflow: t > e
+  });
+  return {
+    containerRef: n,
+    itemsRef: r,
+    triggerRef: s,
+    updateLayout: j((i) => {
+      l((o) => o.visibleItemCount !== i.visibleItemCount || o.hasOverflow !== i.hasOverflow ? i : o);
+    }, []),
+    ...a
+  };
+}, Je = "button, a[href], input, select, textarea, [tabindex]", ae = ({ items: t, popup: e, trigger: n, root: r, removedIndex: s, excludedItem: a }) => {
+  const l = [...Array.from(t?.children ?? []), ...Array.from(e?.children ?? [])].filter((i) => i !== a).sort((i, o) => Math.abs(Number(i.getAttribute("data-item-index")) - s) - Math.abs(Number(o.getAttribute("data-item-index")) - s) || Number(o.getAttribute("data-item-index")) - Number(i.getAttribute("data-item-index")));
+  for (const i of l)
+    if (!i.hasAttribute("inert")) {
+      for (const o of Array.from(i.querySelectorAll(Je))) if (!o.matches(":disabled") && !v(o.closest("[inert]")) && (o.focus(), o.ownerDocument.activeElement === o))
+        return;
+    }
+  n?.focus(), !(v(n) && n.ownerDocument.activeElement === n) && r?.focus();
+}, Qe = ({ containerRef: t, itemsRef: e, triggerRef: n, popup: r, itemCount: s, canExpand: a, isPopupOpen: l, isOpen: i, isHovered: o, showOverflowCount: u, onFocusCapture: p, onBlurCapture: F }) => {
+  const [I, C] = $(!1), [N, y] = $(), O = u ?? N ?? (o || I || i), T = k(({ index: c, element: h, isInPopup: d }) => {
+    ae({
+      items: d && a ? null : e.current,
+      popup: d && l ? r : null,
+      trigger: n.current,
+      root: t.current,
+      removedIndex: c,
+      excludedItem: h
+    });
+  }), E = j(() => {
+    const c = t.current;
+    c?.focus(), C(c?.ownerDocument.activeElement === c), y(void 0);
+  }, [t]), g = k(() => {
+    if (l) return;
+    const c = t.current, h = c?.ownerDocument, d = h?.activeElement, x = v(d) && e.current?.contains(d) && !v(d.closest("[inert]")), A = v(d) && d !== h?.body && !c?.contains(d) && !r?.contains(d);
+    if (x || A) return;
+    if (!a) {
+      ae({
+        items: e.current,
+        popup: null,
+        trigger: null,
+        root: c,
+        removedIndex: s
+      });
+      return;
+    }
+    const b = n.current;
+    if (v(b) && !b.matches(":disabled")) {
+      b.focus({ preventScroll: !0 });
+      return;
+    }
+    c?.focus({ preventScroll: !0 });
+  }), S = j(() => (queueMicrotask(g), !1), [g]), _ = le(E);
+  return {
+    hasFocus: I,
+    isCountVisible: O,
+    restoreItemFocus: T,
+    schedulePopupFocusRestoration: S,
+    resetFocusWhenFocusedTriggerUnmounts: _,
+    handleFocusCapture: (c) => {
+      C(!0), e.current?.contains(c.target) && y((h) => h ?? O), p?.(c);
+    },
+    handleBlurCapture: (c) => {
+      C(c.currentTarget.contains(c.relatedTarget) || (r?.contains(c.relatedTarget) ?? !1)), e.current?.contains(c.relatedTarget) || y(void 0), F?.(c);
+    }
+  };
+}, L = (t) => t.stopPropagation(), yt = ({ children: t, showOverflowCount: e, maxInlineCount: n, overflowLabel: r = "Show all items", open: s, defaultOpen: a = !1, onOpenChange: l, actionsRef: i, triggerProps: o, popupProps: u, className: p, onMouseEnter: F, onMouseLeave: I, onFocusCapture: C, onBlurCapture: N, ref: y, ...O }) => {
+  const [T, E] = $(!1), [g, S] = $(null), [_, M] = Me({
+    controlled: s,
+    default: a,
+    name: "OverflowingList",
+    state: "open"
+  }), z = W(null), c = i ?? z, h = v(n) && Number.isFinite(n) ? Math.min(t.length, Math.max(0, Math.floor(n))) : t.length, { containerRef: d, itemsRef: x, triggerRef: A, visibleItemCount: b, hasOverflow: ue, updateLayout: de } = Ge({
+    itemCount: t.length,
+    inlineItemCount: h
+  }), q = ue && (_ || e !== !1), Z = _ && q, { hasFocus: me, isCountVisible: P, restoreItemFocus: ee, schedulePopupFocusRestoration: fe, resetFocusWhenFocusedTriggerUnmounts: ve, handleFocusCapture: he, handleBlurCapture: be } = Qe({
+    containerRef: d,
+    itemsRef: x,
+    triggerRef: A,
+    popup: g,
+    itemCount: t.length,
+    canExpand: q,
+    isPopupOpen: Z,
+    isOpen: _,
+    isHovered: T,
+    showOverflowCount: e,
+    onFocusCapture: C,
+    onBlurCapture: N
+  }), te = (e ?? (T || me)) || _, pe = H(d, y), _e = H(A, ve, o?.ref), ye = H(S, u?.ref), ne = te && e !== !1 ? b : h, re = t.length - b, ge = k(() => {
+    c.current?.close();
+  });
+  return /* @__PURE__ */ U(G, { children: [/* @__PURE__ */ U("div", {
+    ...O,
+    ref: pe,
+    tabIndex: O.tabIndex ?? -1,
+    className: D(K.root, p),
+    onMouseEnter: (f) => {
+      E(!0), F?.(f);
+    },
+    onMouseLeave: (f) => {
+      E(!1), I?.(f);
+    },
+    onFocusCapture: he,
+    onBlurCapture: be,
+    children: [/* @__PURE__ */ m("div", {
+      ref: x,
+      className: K.items,
+      children: t.slice(0, h).map((f, w) => /* @__PURE__ */ m(oe, {
+        index: w,
+        isHidden: w >= ne,
+        isLastVisible: e !== !1 && w === ne - 1,
+        isInPopup: !1,
+        onFocusLost: ee,
+        children: f
+      }, f.key ?? w))
+    }), (q || _) && /* @__PURE__ */ U(V.Root, {
+      open: Z,
+      actionsRef: c,
+      onOpenChange: (f, w) => {
+        l?.(f, w), w.isCanceled || M(f);
+      },
+      children: [q && /* @__PURE__ */ m(V.Trigger, {
+        type: "button",
+        "aria-label": `+${re} ${r}`,
+        ...o,
+        onClick: o?.onClick ?? L,
+        onMouseDown: o?.onMouseDown ?? L,
+        onPointerDown: o?.onPointerDown ?? L,
+        onKeyDown: o?.onKeyDown ?? L,
+        onKeyUp: o?.onKeyUp ?? L,
+        ref: _e,
+        className: (f) => D(K.trigger, Q(o?.className) ? o.className(f) : o?.className),
+        "data-visible": P || void 0,
+        children: Oe(o?.children) ? `+${re}` : o.children
+      }), /* @__PURE__ */ m(V.Portal, { children: /* @__PURE__ */ m(V.Positioner, {
+        anchor: d,
+        align: "start",
+        sideOffset: -9,
+        alignOffset: -7,
+        children: /* @__PURE__ */ m(V.Popup, {
+          "aria-label": r,
+          ...u,
+          onClick: u?.onClick ?? L,
+          onMouseDown: u?.onMouseDown ?? L,
+          onPointerDown: u?.onPointerDown ?? L,
+          onKeyDown: u?.onKeyDown ?? L,
+          onKeyUp: u?.onKeyUp ?? L,
+          ref: ye,
+          render: (f, w) => /* @__PURE__ */ m(Ve, {
+            props: f,
+            state: w,
+            render: u?.render
+          }),
+          finalFocus: u?.finalFocus ?? fe,
+          className: (f) => D(K.popup, Q(u?.className) ? u.className(f) : u?.className),
+          "data-overflowing-list-popup": "",
+          children: t.map((f, w) => /* @__PURE__ */ m(oe, {
+            index: w,
+            isHidden: !1,
+            isLastVisible: !1,
+            isInPopup: !0,
+            onFocusLost: ee,
+            children: f
+          }, f.key ?? w))
+        })
+      }) })]
+    })]
+  }), /* @__PURE__ */ m(je, {
+    containerRef: d,
+    itemsRef: x,
+    triggerRef: A,
+    itemCount: t.length,
+    inlineItemCount: h,
+    reserveCountSpace: P,
+    isMeasurementEnabled: te,
+    isOpen: _,
+    onLayoutChange: de,
+    onOverflowUnavailable: ge
+  })] });
+}, Xe = "_header_1dz7y_1", Ye = "_titleRow_1dz7y_8", Ze = "_title_1dz7y_8", Pe = "_actions_1dz7y_21", et = "_description_1dz7y_27", B = {
+  header: Xe,
+  titleRow: Ye,
+  title: Ze,
+  actions: Pe,
+  description: et
+}, tt = ({ title: t, description: e, actions: n, level: r = 2, size: s = "md", color: a = "primary", descriptionLineClamp: l = 5, isDescriptionFocusable: i = !1, render: o, ref: u, className: p, ...F }) => {
+  const I = Ne(), C = J(e) ? Ie(e) : v(e) && e !== !1, N = J(e) && l !== !1, y = J(e) ? /* @__PURE__ */ m(we, {
+    style: { whiteSpace: "pre-wrap" },
+    children: e
+  }) : e;
+  return Y({
+    render: o,
+    ref: u,
+    props: {
+      ...F,
+      className: D(B.header, p),
+      children: /* @__PURE__ */ U(G, { children: [/* @__PURE__ */ U("div", {
+        className: B.titleRow,
+        children: [/* @__PURE__ */ m(Ce, {
+          level: r,
+          size: s,
+          color: a,
+          className: B.title,
+          "aria-describedby": C ? I : void 0,
+          children: t
+        }), v(n) && /* @__PURE__ */ m("div", {
+          className: B.actions,
+          children: n
+        })]
+      }), C && /* @__PURE__ */ m("div", {
+        id: I,
+        className: B.description,
+        children: N ? /* @__PURE__ */ m(Fe, {
+          text: e,
+          lineClamp: l,
+          isTooltipMultiline: !0,
+          isFocusable: i
+        }) : y
+      })] })
+    }
+  });
+}, nt = "_root_ztxxm_1", rt = "_fullWidth_ztxxm_20", ie = {
+  root: nt,
+  fullWidth: rt
+}, ot = ({ align: t = "left", color: e = "primary", fullWidth: n = !0, className: r, render: s, ref: a, ...l }) => Y({
+  render: s,
+  ref: a,
+  props: {
+    ...l,
+    "data-align": t,
+    "data-color": e,
+    className: D(ie.root, n && ie.fullWidth, r)
+  }
+}), gt = {
+  Root: ot,
+  Header: tt
+};
+export {
+  yt as n,
+  _t as r,
+  gt as t
+};

package/dist/layout-VaIq7Sjr.cjs

@@ -0,0 +1 @@
+const h=require("./isDefined-DS2Q42p5.cjs"),Y=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),z=require("./Popover-CneCJTvD.cjs"),he=require("./Heading-CTRYClCO.cjs");let H=require("@base-ui/react/use-render"),j=require("@sniptt/guards"),N=require("clsx"),d=require("react"),i=require("react/jsx-runtime"),be=require("@base-ui/react/merge-props"),V=require("@base-ui/utils/useMergedRefs"),q=require("@base-ui/utils/useStableCallback"),_e=require("@base-ui/utils/useControlled");var ge="_container_1hm4x_1",pe="_layer_1hm4x_9",ye="_visible_1hm4x_23",xe="_hidden_1hm4x_28",A={container:ge,layer:pe,visible:ye,hidden:xe},Ce=({isActive:t,activeIcon:e,inactiveIcon:n,className:s,render:o,ref:a,...u})=>(0,H.useRender)({defaultTagName:"span",render:o,ref:a,props:{...u,className:(0,N.clsx)(A.container,s),children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{"aria-hidden":"true",className:(0,N.clsx)(A.layer,t?A.hidden:A.visible),children:n}),(0,i.jsx)("span",{"aria-hidden":"true",className:(0,N.clsx)(A.layer,t?A.visible:A.hidden),children:e})]})}}),we="_root_eheyl_1",Fe="_items_eheyl_11",De="_item_eheyl_11",Ie="_popupItem_eheyl_45",Oe="_trigger_eheyl_49",Se="_popup_eheyl_45",U={root:we,items:Fe,item:De,popupItem:Ie,trigger:Oe,popup:Se},Le=({props:t,state:e,render:n})=>{const s=(0,d.isValidElement)(n)?n:void 0,o=(0,V.useMergedRefs)(t.ref,s?.props.ref);if((0,j.isFunction)(n))return n(t,e);const a={...(0,be.mergeProps)(t,s?.props),children:t.children,ref:o};return h.isDefined(s)?(0,d.cloneElement)(s,a):(0,i.jsx)("div",{...a})},Re=(0,d.memo)(({elementRef:t,isHidden:e,onFocusLost:n})=>((0,d.useLayoutEffect)(()=>{const s=t.current,o=h.isDefined(s)&&s.contains(s.ownerDocument.activeElement);e&&o&&n(s)},[t,e,n]),null)),se=t=>(0,d.useCallback)(e=>{if(h.isDefined(e))return()=>{const n=e.ownerDocument,s=e.contains(n.activeElement);queueMicrotask(()=>{const o=n.activeElement===n.body;s&&!e.isConnected&&o&&t(e)})}},[t]),Z=({children:t,index:e,isHidden:n,isLastVisible:s,isInPopup:o,onFocusLost:a})=>{const u=(0,d.useRef)(null),l=(0,q.useStableCallback)(r=>{a({index:e,element:r,isInPopup:o})});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{ref:(0,V.useMergedRefs)(u,se(l)),className:o?U.popupItem:U.item,"data-item-index":e,"data-hidden":n||void 0,"data-last-visible":s||void 0,"aria-hidden":n||void 0,inert:n,children:t}),(0,i.jsx)(Re,{elementRef:u,isHidden:n,onFocusLost:l})]})},ee=({itemWidths:t,availableWidth:e,gap:n,includePartialItem:s})=>{let o=0,a=0;for(const u of t){const l=o+u+(a>0?n:0);if(a!==0&&l>e){const r=o+n<e;return s&&r?a+1:a}o=l,a+=1}return a},Ee=({items:t,itemElements:e,supportsSynchronousLayout:n})=>{if(!n)return e.map(o=>o.scrollWidth);t.setAttribute("data-measuring","");const s=e.map(o=>o.clientWidth);return t.removeAttribute("data-measuring"),s},je=({container:t,items:e,trigger:n,itemElements:s,itemCount:o,reserveCountSpace:a,supportsSynchronousLayout:u})=>{const l=Ee({items:e,itemElements:s,supportsSynchronousLayout:u}),r=parseFloat(getComputedStyle(e).columnGap)||0,f=t.clientWidth,g=o>ee({itemWidths:l,availableWidth:f,gap:r,includePartialItem:!1}),w=n?.offsetWidth??0;return{visibleItemCount:ee({itemWidths:l,availableWidth:a&&g?Math.max(0,f-w-r):f,gap:r,includePartialItem:!0}),hasOverflow:g}},Ne=100,Me=(0,d.memo)(({containerRef:t,itemsRef:e,triggerRef:n,itemCount:s,inlineItemCount:o,reserveCountSpace:a,isMeasurementEnabled:u,isOpen:l,onLayoutChange:r,onOverflowUnavailable:f})=>{const g=(0,d.useRef)(void 0),w=(0,d.useRef)(void 0),D=(0,q.useStableCallback)(()=>({itemCount:s,inlineItemCount:o,reserveCountSpace:a,isOpen:l})),F=(0,q.useStableCallback)(r),L=(0,q.useStableCallback)(f);return(0,d.useLayoutEffect)(()=>{const y=t.current,I=e.current;if(!u||!h.isDefined(y)||!h.isDefined(I)){w.current=void 0;return}const M=h.isDefined(globalThis.ResizeObserver),S=new Set,x=()=>{const E=Array.from(I.children),W=new Set([y,...E]);h.isDefined(n.current)&&W.add(n.current);for(const _ of S)W.has(_)||(R?.unobserve(_),S.delete(_));for(const _ of W)S.has(_)||(R?.observe(_),S.add(_));const c=D();if(E.length!==c.inlineItemCount)return;const b=je({container:y,items:I,trigger:n.current,itemElements:E,itemCount:c.itemCount,reserveCountSpace:c.reserveCountSpace,supportsSynchronousLayout:M}),m=w.current,T=h.isDefined(m)&&m.isOpen&&!m.layout.hasOverflow,k=c.isOpen&&!b.hasOverflow;w.current={layout:b,isOpen:c.isOpen},F(b),k&&!T&&L()},R=M?new ResizeObserver(x):void 0;g.current=x,x();const p=new MutationObserver(x);if(p.observe(I,{attributes:!0,attributeFilter:["class","style","hidden"],characterData:!0,childList:!0,subtree:!0}),p.observe(y,{childList:!0}),!h.isDefined(R)){const E=setInterval(x,Ne);return window.addEventListener("resize",x),()=>{g.current=void 0,clearInterval(E),p.disconnect(),window.removeEventListener("resize",x)}}return()=>{g.current=void 0,p.disconnect(),R.disconnect()}},[t,e,n,u,D,F,L]),(0,d.useLayoutEffect)(()=>{g.current?.()},[s,o,a,l]),null}),Te=({itemCount:t,inlineItemCount:e})=>{const n=(0,d.useRef)(null),s=(0,d.useRef)(null),o=(0,d.useRef)(null),[a,u]=(0,d.useState)({visibleItemCount:e,hasOverflow:t>e});return{containerRef:n,itemsRef:s,triggerRef:o,updateLayout:(0,d.useCallback)(l=>{u(r=>r.visibleItemCount!==l.visibleItemCount||r.hasOverflow!==l.hasOverflow?l:r)},[]),...a}},ke="button, a[href], input, select, textarea, [tabindex]",te=({items:t,popup:e,trigger:n,root:s,removedIndex:o,excludedItem:a})=>{const u=[...Array.from(t?.children??[]),...Array.from(e?.children??[])].filter(l=>l!==a).sort((l,r)=>Math.abs(Number(l.getAttribute("data-item-index"))-o)-Math.abs(Number(r.getAttribute("data-item-index"))-o)||Number(r.getAttribute("data-item-index"))-Number(l.getAttribute("data-item-index")));for(const l of u)if(!l.hasAttribute("inert")){for(const r of Array.from(l.querySelectorAll(ke)))if(!r.matches(":disabled")&&!h.isDefined(r.closest("[inert]"))&&(r.focus(),r.ownerDocument.activeElement===r))return}n?.focus(),!(h.isDefined(n)&&n.ownerDocument.activeElement===n)&&s?.focus()},Ae=({containerRef:t,itemsRef:e,triggerRef:n,popup:s,itemCount:o,canExpand:a,isPopupOpen:u,isOpen:l,isHovered:r,showOverflowCount:f,onFocusCapture:g,onBlurCapture:w})=>{const[D,F]=(0,d.useState)(!1),[L,y]=(0,d.useState)(),I=f??L??(r||D||l),M=(0,q.useStableCallback)(({index:c,element:b,isInPopup:m})=>{te({items:m&&a?null:e.current,popup:m&&u?s:null,trigger:n.current,root:t.current,removedIndex:c,excludedItem:b})}),S=(0,d.useCallback)(()=>{const c=t.current;c?.focus(),F(c?.ownerDocument.activeElement===c),y(void 0)},[t]),x=(0,q.useStableCallback)(()=>{if(u)return;const c=t.current,b=c?.ownerDocument,m=b?.activeElement,T=h.isDefined(m)&&e.current?.contains(m)&&!h.isDefined(m.closest("[inert]")),k=h.isDefined(m)&&m!==b?.body&&!c?.contains(m)&&!s?.contains(m);if(T||k)return;if(!a){te({items:e.current,popup:null,trigger:null,root:c,removedIndex:o});return}const _=n.current;if(h.isDefined(_)&&!_.matches(":disabled")){_.focus({preventScroll:!0});return}c?.focus({preventScroll:!0})}),R=(0,d.useCallback)(()=>(queueMicrotask(x),!1),[x]),p=se(S);return{hasFocus:D,isCountVisible:I,restoreItemFocus:M,schedulePopupFocusRestoration:R,resetFocusWhenFocusedTriggerUnmounts:p,handleFocusCapture:c=>{F(!0),e.current?.contains(c.target)&&y(b=>b??I),g?.(c)},handleBlurCapture:c=>{F(c.currentTarget.contains(c.relatedTarget)||(s?.contains(c.relatedTarget)??!1)),e.current?.contains(c.relatedTarget)||y(void 0),w?.(c)}}},O=t=>t.stopPropagation(),qe=({children:t,showOverflowCount:e,maxInlineCount:n,overflowLabel:s="Show all items",open:o,defaultOpen:a=!1,onOpenChange:u,actionsRef:l,triggerProps:r,popupProps:f,className:g,onMouseEnter:w,onMouseLeave:D,onFocusCapture:F,onBlurCapture:L,ref:y,...I})=>{const[M,S]=(0,d.useState)(!1),[x,R]=(0,d.useState)(null),[p,E]=(0,_e.useControlled)({controlled:o,default:a,name:"OverflowingList",state:"open"}),W=(0,d.useRef)(null),c=l??W,b=h.isDefined(n)&&Number.isFinite(n)?Math.min(t.length,Math.max(0,Math.floor(n))):t.length,{containerRef:m,itemsRef:T,triggerRef:k,visibleItemCount:_,hasOverflow:re,updateLayout:oe}=Te({itemCount:t.length,inlineItemCount:b}),B=re&&(p||e!==!1),P=p&&B,{hasFocus:ae,isCountVisible:$,restoreItemFocus:G,schedulePopupFocusRestoration:ie,resetFocusWhenFocusedTriggerUnmounts:le,handleFocusCapture:ce,handleBlurCapture:ue}=Ae({containerRef:m,itemsRef:T,triggerRef:k,popup:x,itemCount:t.length,canExpand:B,isPopupOpen:P,isOpen:p,isHovered:M,showOverflowCount:e,onFocusCapture:F,onBlurCapture:L}),J=(e??(M||ae))||p,de=(0,V.useMergedRefs)(m,y),fe=(0,V.useMergedRefs)(k,le,r?.ref),me=(0,V.useMergedRefs)(R,f?.ref),Q=J&&e!==!1?_:b,X=t.length-_,ve=(0,q.useStableCallback)(()=>{c.current?.close()});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{...I,ref:de,tabIndex:I.tabIndex??-1,className:(0,N.clsx)(U.root,g),onMouseEnter:v=>{S(!0),w?.(v)},onMouseLeave:v=>{S(!1),D?.(v)},onFocusCapture:ce,onBlurCapture:ue,children:[(0,i.jsx)("div",{ref:T,className:U.items,children:t.slice(0,b).map((v,C)=>(0,i.jsx)(Z,{index:C,isHidden:C>=Q,isLastVisible:e!==!1&&C===Q-1,isInPopup:!1,onFocusLost:G,children:v},v.key??C))}),(B||p)&&(0,i.jsxs)(z.Popover.Root,{open:P,actionsRef:c,onOpenChange:(v,C)=>{u?.(v,C),C.isCanceled||E(v)},children:[B&&(0,i.jsx)(z.Popover.Trigger,{type:"button","aria-label":`+${X} ${s}`,...r,onClick:r?.onClick??O,onMouseDown:r?.onMouseDown??O,onPointerDown:r?.onPointerDown??O,onKeyDown:r?.onKeyDown??O,onKeyUp:r?.onKeyUp??O,ref:fe,className:v=>(0,N.clsx)(U.trigger,(0,j.isFunction)(r?.className)?r.className(v):r?.className),"data-visible":$||void 0,children:(0,j.isUndefined)(r?.children)?`+${X}`:r.children}),(0,i.jsx)(z.Popover.Portal,{children:(0,i.jsx)(z.Popover.Positioner,{anchor:m,align:"start",sideOffset:-9,alignOffset:-7,children:(0,i.jsx)(z.Popover.Popup,{"aria-label":s,...f,onClick:f?.onClick??O,onMouseDown:f?.onMouseDown??O,onPointerDown:f?.onPointerDown??O,onKeyDown:f?.onKeyDown??O,onKeyUp:f?.onKeyUp??O,ref:me,render:(v,C)=>(0,i.jsx)(Le,{props:v,state:C,render:f?.render}),finalFocus:f?.finalFocus??ie,className:v=>(0,N.clsx)(U.popup,(0,j.isFunction)(f?.className)?f.className(v):f?.className),"data-overflowing-list-popup":"",children:t.map((v,C)=>(0,i.jsx)(Z,{index:C,isHidden:!1,isLastVisible:!1,isInPopup:!0,onFocusLost:G,children:v},v.key??C))})})})]})]}),(0,i.jsx)(Me,{containerRef:m,itemsRef:T,triggerRef:k,itemCount:t.length,inlineItemCount:b,reserveCountSpace:$,isMeasurementEnabled:J,isOpen:p,onLayoutChange:oe,onOverflowUnavailable:ve})]})},We="_header_1dz7y_1",Ue="_titleRow_1dz7y_8",ze="_title_1dz7y_8",Ke="_actions_1dz7y_21",Ve="_description_1dz7y_27",K={header:We,titleRow:Ue,title:ze,actions:Ke,description:Ve},Be=({title:t,description:e,actions:n,level:s=2,size:o="md",color:a="primary",descriptionLineClamp:u=5,isDescriptionFocusable:l=!1,render:r,ref:f,className:g,...w})=>{const D=(0,d.useId)(),F=(0,j.isString)(e)?(0,j.isNonEmptyString)(e):h.isDefined(e)&&e!==!1,L=(0,j.isString)(e)&&u!==!1,y=(0,j.isString)(e)?(0,i.jsx)(Y.Text,{style:{whiteSpace:"pre-wrap"},children:e}):e;return(0,H.useRender)({render:r,ref:f,props:{...w,className:(0,N.clsx)(K.header,g),children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:K.titleRow,children:[(0,i.jsx)(he.Heading,{level:s,size:o,color:a,className:K.title,"aria-describedby":F?D:void 0,children:t}),h.isDefined(n)&&(0,i.jsx)("div",{className:K.actions,children:n})]}),F&&(0,i.jsx)("div",{id:D,className:K.description,children:L?(0,i.jsx)(Y.OverflowingTextWithTooltip,{text:e,lineClamp:u,isTooltipMultiline:!0,isFocusable:l}):y})]})}})},He="_root_ztxxm_1",Pe="_fullWidth_ztxxm_20",ne={root:He,fullWidth:Pe},$e=({align:t="left",color:e="primary",fullWidth:n=!0,className:s,render:o,ref:a,...u})=>(0,H.useRender)({render:o,ref:a,props:{...u,"data-align":t,"data-color":e,className:(0,N.clsx)(ne.root,n&&ne.fullWidth,s)}}),Ge={Root:$e,Header:Be};Object.defineProperty(exports,"AnimatedIconCrossfade",{enumerable:!0,get:function(){return Ce}});Object.defineProperty(exports,"OverflowingList",{enumerable:!0,get:function(){return qe}});Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return Ge}});

package/dist/{navigation-itBinyPi.js → navigation-B1SRvzKK.js}

@@ -1,17 +1,17 @@
 import { t as _ } from "./isDefined-fMi6eQ4r.js";
-import { Dn as Z, Xi as x } from "./icon-BdXwnJA6.js";
+import { Dn as Z, Xi as x } from "./icon-CUE-QGQK.js";
 import { a as w, r as y } from "./theme-B2EaXhye.js";
 import { t as ee } from "./mergeClassNames-ClFMR1v0.js";
 import { t as te } from "./TintedIconTile-4BGa8g8n.js";
-import { t as ne } from "./Shortcut-DKfB0kej.js";
-import { r as ae, t as re } from "./Button-Cs07psdD.js";
-import { t as oe } from "./Tooltip-BMkznyoi.js";
-import { t as L } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
-import { t as ie } from "./ListItem-CXu35dzp.js";
-import { i as se } from "./Dropdown-CScN_olN.js";
+import { t as ne } from "./Shortcut-BvWUZ3pb.js";
+import { r as ae, t as re } from "./Button-D5enZ0Qz.js";
+import { t as oe } from "./Tooltip-cLCgtFBF.js";
+import { t as L } from "./OverflowingTextWithTooltip-BmUROIah.js";
+import { t as ie } from "./ListItem-CjnrSbka.js";
+import { i as se } from "./Dropdown-C2hXrjvD.js";
 import { t as le } from "./Avatar-D-QA0RE5.js";
 import { t as me } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { n as de, t as ue } from "./TabsTabContent-s6J5bZ3R.js";
+import { n as de, t as ue } from "./TabsTabContent-DVcObDp6.js";
 import { isNonEmptyString as E, isString as B } from "@sniptt/guards";
 import { clsx as I } from "clsx";
 import { forwardRef as j, useContext as ce } from "react";

package/dist/{navigation-Dg46Wr5m.js → navigation-CYAs2LnR.js}

@@ -1,6 +1,6 @@
 import { t as T } from "./isDefined-fMi6eQ4r.js";
 import { t as p } from "./mergeClassNames-ClFMR1v0.js";
-import { n as _, t as v } from "./TabsTabContent-s6J5bZ3R.js";
+import { n as _, t as v } from "./TabsTabContent-DVcObDp6.js";
 import { useRender as x } from "@base-ui/react/use-render";
 import { isString as B } from "@sniptt/guards";
 import { clsx as N } from "clsx";

package/dist/{navigation-WsiYsmaq.cjs → navigation-CthkGHJ8.cjs}

@@ -1 +1 @@
-const T=require("./isDefined-DS2Q42p5.cjs"),g=require("./mergeClassNames-D4lshrT6.cjs"),c=require("./TabsTabContent-DZUNi_iE.cjs");let A=require("@base-ui/react/use-render"),v=require("@sniptt/guards"),k=require("clsx"),d=require("react/jsx-runtime"),w=require("@base-ui/react/direction-provider"),x=require("@base-ui/react/tabs");var C="_root_ikxnr_1",I="_list_ikxnr_13",B="_item_ikxnr_24",D="_content_ikxnr_35",L="_separator_ikxnr_55",f={root:C,list:I,item:B,content:D,separator:L},R=({children:e,href:r,render:i,title:n,current:a,className:s,ref:t,"aria-current":l=a?"page":void 0,...b})=>(0,A.useRender)({defaultTagName:T.isDefined(r)?"a":"span",render:i,ref:t,props:{...b,children:e,href:r,title:n??((0,v.isString)(e)?e:void 0),"aria-current":l,"data-linked":T.isDefined(r)||void 0,className:(0,k.clsx)(f.content,s)}}),K=({links:e,className:r,render:i,ref:n,"aria-label":a="Breadcrumb",...s})=>(0,A.useRender)({defaultTagName:"nav",render:i,ref:n,props:{...s,"aria-label":a,className:(0,k.clsx)(f.root,r),children:(0,d.jsx)("ol",{className:f.list,children:e.map((t,l)=>(0,d.jsxs)("li",{className:f.item,children:[l>0&&(0,d.jsx)("span",{className:f.separator,"aria-hidden":"true",children:"/"}),(0,d.jsx)(R,{...t,current:l===e.length-1})]},l))})}}),O=({className:e,...r})=>(0,d.jsx)(x.Tabs.Indicator,{...r,className:g.mergeClassNames(c.Tab_module_default.indicator,e)}),P='[role="tab"]',S='[role="tablist"]',H="[hidden], [inert]",y=e=>e.hasAttribute("data-disabled")||e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true"||T.isDefined(e.closest(H)),U=({event:e,direction:r,loopFocus:i})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const n=e.currentTarget,a=[];n.querySelectorAll(P).forEach(o=>{o.closest(S)===n&&a.push(o)});const s=a.findIndex(o=>o===e.target);if(s===-1)return;const t=r==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[l,b]=n.getAttribute("data-orientation")==="vertical"?["ArrowDown","ArrowUp"]:t;if(![l,b,"Home","End"].includes(e.key))return;const p=e.key===b;let _=s+(p?-1:1);e.key==="Home"&&(_=0),e.key==="End"&&(_=a.length-1);const q=_<0||_>=a.length,E=p?a.length-1:0,N=a[q&&i?E:_];if(!T.isDefined(N)||!y(N))return;e.preventBaseUIHandler(),e.preventDefault();const m=a.filter(o=>!y(o));let u;if(e.key==="Home"&&(u=m[0]),e.key==="End"&&(u=m[m.length-1]),e.key===l||e.key===b){const o=p?[...m].reverse():m;u=o.find(h=>p?a.indexOf(h)<s:a.indexOf(h)>s),u??=i?o[0]:void 0}if(!T.isDefined(u)||u===e.target)return;e.stopPropagation();const j=u;queueMicrotask(()=>j.focus())},z=({className:e,onKeyDown:r,loopFocus:i=!0,...n})=>{const a=(0,w.useDirection)(),s=t=>{if(r?.(t),t.defaultPrevented){t.preventBaseUIHandler();return}t.baseUIHandlerPrevented||U({event:t,direction:a,loopFocus:i})};return(0,d.jsx)(x.Tabs.List,{...n,loopFocus:i,onKeyDown:s,className:g.mergeClassNames(c.Tab_module_default.list,e)})},M=({className:e,...r})=>(0,d.jsx)(x.Tabs.Panel,{...r,className:g.mergeClassNames(c.Tab_module_default.panel,e)}),V=({className:e,...r})=>(0,d.jsx)(x.Tabs.Root,{...r,className:g.mergeClassNames(c.Tab_module_default.root,e)}),G=({className:e,children:r,startIcon:i,endIcon:n,badge:a,highlighted:s=!1,size:t="sm",...l})=>(0,d.jsx)(x.Tabs.Tab,{...l,className:g.mergeClassNames(c.Tab_module_default.tab,e),"data-size":t,"data-highlighted":s||void 0,children:(0,d.jsx)(c.TabsTabContent,{startIcon:i,endIcon:n,badge:a,children:r})}),J={Root:V,List:z,Tab:G,Indicator:O,Panel:M};Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return J}});
+const T=require("./isDefined-DS2Q42p5.cjs"),g=require("./mergeClassNames-D4lshrT6.cjs"),c=require("./TabsTabContent-Co27Y2TU.cjs");let A=require("@base-ui/react/use-render"),v=require("@sniptt/guards"),k=require("clsx"),d=require("react/jsx-runtime"),w=require("@base-ui/react/direction-provider"),x=require("@base-ui/react/tabs");var C="_root_ikxnr_1",I="_list_ikxnr_13",B="_item_ikxnr_24",D="_content_ikxnr_35",L="_separator_ikxnr_55",f={root:C,list:I,item:B,content:D,separator:L},R=({children:e,href:r,render:i,title:n,current:a,className:s,ref:t,"aria-current":l=a?"page":void 0,...b})=>(0,A.useRender)({defaultTagName:T.isDefined(r)?"a":"span",render:i,ref:t,props:{...b,children:e,href:r,title:n??((0,v.isString)(e)?e:void 0),"aria-current":l,"data-linked":T.isDefined(r)||void 0,className:(0,k.clsx)(f.content,s)}}),K=({links:e,className:r,render:i,ref:n,"aria-label":a="Breadcrumb",...s})=>(0,A.useRender)({defaultTagName:"nav",render:i,ref:n,props:{...s,"aria-label":a,className:(0,k.clsx)(f.root,r),children:(0,d.jsx)("ol",{className:f.list,children:e.map((t,l)=>(0,d.jsxs)("li",{className:f.item,children:[l>0&&(0,d.jsx)("span",{className:f.separator,"aria-hidden":"true",children:"/"}),(0,d.jsx)(R,{...t,current:l===e.length-1})]},l))})}}),O=({className:e,...r})=>(0,d.jsx)(x.Tabs.Indicator,{...r,className:g.mergeClassNames(c.Tab_module_default.indicator,e)}),P='[role="tab"]',S='[role="tablist"]',H="[hidden], [inert]",y=e=>e.hasAttribute("data-disabled")||e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true"||T.isDefined(e.closest(H)),U=({event:e,direction:r,loopFocus:i})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const n=e.currentTarget,a=[];n.querySelectorAll(P).forEach(o=>{o.closest(S)===n&&a.push(o)});const s=a.findIndex(o=>o===e.target);if(s===-1)return;const t=r==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[l,b]=n.getAttribute("data-orientation")==="vertical"?["ArrowDown","ArrowUp"]:t;if(![l,b,"Home","End"].includes(e.key))return;const p=e.key===b;let _=s+(p?-1:1);e.key==="Home"&&(_=0),e.key==="End"&&(_=a.length-1);const q=_<0||_>=a.length,E=p?a.length-1:0,N=a[q&&i?E:_];if(!T.isDefined(N)||!y(N))return;e.preventBaseUIHandler(),e.preventDefault();const m=a.filter(o=>!y(o));let u;if(e.key==="Home"&&(u=m[0]),e.key==="End"&&(u=m[m.length-1]),e.key===l||e.key===b){const o=p?[...m].reverse():m;u=o.find(h=>p?a.indexOf(h)<s:a.indexOf(h)>s),u??=i?o[0]:void 0}if(!T.isDefined(u)||u===e.target)return;e.stopPropagation();const j=u;queueMicrotask(()=>j.focus())},z=({className:e,onKeyDown:r,loopFocus:i=!0,...n})=>{const a=(0,w.useDirection)(),s=t=>{if(r?.(t),t.defaultPrevented){t.preventBaseUIHandler();return}t.baseUIHandlerPrevented||U({event:t,direction:a,loopFocus:i})};return(0,d.jsx)(x.Tabs.List,{...n,loopFocus:i,onKeyDown:s,className:g.mergeClassNames(c.Tab_module_default.list,e)})},M=({className:e,...r})=>(0,d.jsx)(x.Tabs.Panel,{...r,className:g.mergeClassNames(c.Tab_module_default.panel,e)}),V=({className:e,...r})=>(0,d.jsx)(x.Tabs.Root,{...r,className:g.mergeClassNames(c.Tab_module_default.root,e)}),G=({className:e,children:r,startIcon:i,endIcon:n,badge:a,highlighted:s=!1,size:t="sm",...l})=>(0,d.jsx)(x.Tabs.Tab,{...l,className:g.mergeClassNames(c.Tab_module_default.tab,e),"data-size":t,"data-highlighted":s||void 0,children:(0,d.jsx)(c.TabsTabContent,{startIcon:i,endIcon:n,badge:a,children:r})}),J={Root:V,List:z,Tab:G,Indicator:O,Panel:M};Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return J}});

package/dist/{navigation-B1hPNYv2.cjs → navigation-DrOV5E67.cjs}

@@ -1 +1 @@
-const g=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),Z=require("./mergeClassNames-D4lshrT6.cjs"),ee=require("./TintedIconTile-CU2hCerq.cjs"),te=require("./Shortcut-ZuZ-KYSk.cjs"),N=require("./Button-COxEKIHL.cjs"),ne=require("./Tooltip-JOYVeSsf.cjs"),w=require("./OverflowingTextWithTooltip-BlufG-6n.cjs"),re=require("./ListItem-q6DHGlev.cjs"),ae=require("./Dropdown-BBUGkQQV.cjs"),ie=require("./Avatar-CQhIEazb.cjs"),oe=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),P=require("./TabsTabContent-DZUNi_iE.cjs");let j=require("@sniptt/guards"),f=require("clsx"),k=require("react"),e=require("react/jsx-runtime"),se=require("@base-ui/react/button"),C=require("@tabler/icons-react");var ue=()=>{const{pageId:n,goToPage:a,goBack:r,canGoBack:s}=ae.useDropdownContext();return{page:n,goToPage:t=>a({id:t}),goBack:r,canGoBack:s}},le=({color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c=!1,type:v="button",children:I,...x})=>(0,e.jsx)(re.ListItem,{color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c,render:(0,e.jsx)(se.Button,{...x,nativeButton:!0,type:v,disabled:c}),children:I}),de={gray:"Gray",tomato:"Tomato",red:"Red",ruby:"Ruby",crimson:"Crimson",pink:"Pink",plum:"Plum",purple:"Purple",violet:"Violet",iris:"Iris",cyan:"Cyan",turquoise:"Turquoise",sky:"Sky",blue:"Blue",jade:"Jade",green:"Green",grass:"Grass",mint:"Mint",lime:"Lime",bronze:"Bronze",gold:"Gold",brown:"Brown",orange:"Orange",amber:"Amber",yellow:"Yellow"},ce="_iconContainer_1ivx0_1",me="_withBackground_1ivx0_9",O={iconContainer:ce,withBackground:me},M=({children:n,className:a,hasBackground:r=!0})=>(0,e.jsx)("div",{className:(0,f.clsx)(O.iconContainer,r&&O.withBackground,a),children:n}),E=({Icon:n,iconThemeColor:a,withContainer:r=!1,withContainerBackground:s=!0})=>{const t=g.useTheme();if(!n)return null;if(_.isDefined(a))return(0,e.jsx)(ee.TintedIconTile,{icon:(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm}),color:a,style:{width:t.icon.size.md,height:t.icon.size.md}});const o=(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm});return r?(0,e.jsx)(M,{hasBackground:s,children:o}):o},ve="_iconSwapContainer_g9ywp_1",_e="_defaultIcon_g9ywp_8",fe="_hoverIcon_g9ywp_13",L={iconSwapContainer:ve,defaultIcon:_e,hoverIcon:fe},he=({leadingContent:n,withIconContainer:a=!1,withIconContainerBackground:r=!0,gripIconColor:s})=>{const t=g.useTheme();if(!_.isDefined(n))return null;const o=(0,e.jsxs)("div",{className:L.iconSwapContainer,children:[(0,e.jsx)("div",{className:(0,f.clsx)(L.defaultIcon,"grip-swap-default-icon"),children:n}),(0,e.jsx)("div",{className:(0,f.clsx)(L.hoverIcon,"grip-swap-hover-icon"),children:(0,e.jsx)(C.IconGripVertical,{size:t.icon.size.md,stroke:t.icon.stroke.sm,color:s})})]});return a?(0,e.jsx)(M,{hasBackground:r,children:o}):o},Ie="_hoverableMenuItemBase_1jkew_54",ge="_menuItemBase_1jkew_1",be="_menuItemLabel_1jkew_136",xe="_menuItemLabelLight_1jkew_145",je="_noIconFiller_1jkew_155",ye="_menuItemLeftContent_1jkew_159",pe="_menuItemRightContent_1jkew_172",Ce="_draggableItem_1jkew_183",Me="_menuItemIconCheckContainer_1jkew_189",ke="_menuItemContextualText_1jkew_196",Se="_rightMenuItemContextualText_1jkew_206",h={hoverableMenuItemBase:Ie,menuItemBase:ge,menuItemLabel:be,menuItemLabelLight:xe,noIconFiller:je,menuItemLeftContent:ye,menuItemRightContent:pe,draggableItem:Ce,menuItemIconCheckContainer:Me,menuItemContextualText:ke,rightMenuItemContextualText:Se},we=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,className:l,children:u,...d},i)=>(0,e.jsx)("div",{ref:i,className:(0,f.clsx)(h.menuItemBase,l),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,...d,children:u}));we.displayName="StyledMenuItemBase";var b=(n,a)=>{const r=(0,k.forwardRef)(({className:s,children:t,...o},l)=>(0,e.jsx)("div",{ref:l,className:(0,f.clsx)(n,s),...o,children:t}));return r.displayName=a,r},Le=b(h.menuItemLabel,"StyledMenuItemLabel"),$e=b(h.menuItemLabelLight,"StyledMenuItemLabelLight"),Ye=b(h.noIconFiller,"StyledNoIconFiller"),F=b(h.menuItemLeftContent,"StyledMenuItemLeftContent"),T=b(h.menuItemRightContent,"StyledMenuItemRightContent"),R=b(h.draggableItem,"StyledDraggableItem"),B=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,isIconDisplayedOnHoverOnly:l,cursor:u,className:d,children:i,...m},c)=>(0,e.jsx)("div",{ref:c,className:(0,f.clsx)(h.hoverableMenuItemBase,d),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,"data-icon-displayed-on-hover-only":l||void 0,"data-cursor":u,...m,children:i}));B.displayName="StyledHoverableMenuItemBase";var qe=b(h.menuItemContextualText,"StyledMenuItemContextualText"),Te=b(h.rightMenuItemContextualText,"StyledRightMenuItemContextualText"),Be="_mainText_d0zu3_1",ze="_menuItemLabelRight_d0zu3_9",G={mainText:Be,menuItemLabelRight:ze},De=({LeftComponent:n,LeftIcon:a,iconThemeColor:r})=>{if(_.isDefined(n))return n;if(_.isDefined(a))return(0,e.jsx)(E,{Icon:a,iconThemeColor:r})},z=({className:n,LeftComponent:a,LeftIcon:r,iconThemeColor:s,withIconContainer:t=!1,withIconContainerBackground:o=!0,text:l,contextualText:u,contextualTextPosition:d="left",gripMode:i="never",disabled:m=!1})=>{const c=g.useTheme(),v=t?g.themeCssVariables.font.color.tertiary:m?g.themeCssVariables.font.color.extraLight:g.themeCssVariables.font.color.light,I=De({LeftComponent:a,LeftIcon:r,iconThemeColor:s}),x=t&&!_.isDefined(s);return(0,e.jsxs)(F,{className:n,children:[i==="always"&&(t?(0,e.jsx)(M,{hasBackground:o,children:(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})}):(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})),i==="always"&&(x&&_.isDefined(I)?(0,e.jsx)(M,{hasBackground:o,children:I}):I),i==="onHover"&&(0,e.jsx)(he,{leadingContent:I,withIconContainer:x,withIconContainerBackground:o,gripIconColor:v}),i==="never"&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(E,{Icon:r,iconThemeColor:s,withContainer:t,withContainerBackground:o}),a]}),(0,e.jsxs)(Le,{children:[(0,j.isString)(l)?(0,e.jsx)("div",{className:G.mainText,children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:l})}):l,d==="left"&&(0,e.jsx)(e.Fragment,{children:(0,j.isString)(u)?(0,j.isNonEmptyString)(u)&&(0,e.jsx)(qe,{children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:`· ${u}`,tooltipContent:u})}):u})]}),d==="right"&&(0,e.jsx)("div",{className:G.menuItemLabelRight,children:(0,e.jsx)(Te,{children:(0,j.isString)(u)?(0,e.jsx)(w.OverflowingTextWithTooltip,{text:u}):u})})]})},Ne="_subMenuIcon_j232v_1",Pe="_subMenuIconOpened_j232v_9",A={subMenuIcon:Ne,subMenuIconOpened:Pe},V=({accent:n="default",className:a,withIconContainer:r=!1,withIconContainerBackground:s=!0,iconButtons:t,isIconDisplayedOnHoverOnly:o=!0,LeftIcon:l,iconThemeColor:u,LeftComponent:d,RightIcon:i,RightComponent:m,onClick:c,onMouseEnter:v,onMouseLeave:I,testId:x,text:W,contextualTextPosition:H="left",contextualText:K,hasSubMenu:J=!1,disabled:y=!1,focused:U=!1,selected:$=!1,shortcut:D,shortcutJoinLabel:Y,isSubMenuOpened:Q=!1})=>{const p=g.useTheme(),X=S=>{c&&(S.preventDefault(),S.stopPropagation(),c?.(S))};return(0,e.jsxs)(B,{"data-testid":x??void 0,onClick:y?void 0:X,disabled:y,className:a,accent:n,isIconDisplayedOnHoverOnly:o,onMouseEnter:v,onMouseLeave:I,focused:U||$,children:[(0,e.jsx)(z,{LeftIcon:l??void 0,iconThemeColor:u,LeftComponent:d,withIconContainer:r,withIconContainerBackground:s,text:W,contextualText:K,contextualTextPosition:H,disabled:y}),(0,e.jsxs)(T,{children:[t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t}),_.isDefined(D)&&(0,e.jsx)(te.Shortcut,{shortcut:D,sequenceJoinLabel:Y}),i&&(0,e.jsx)(i,{size:p.icon.size.md,stroke:p.icon.stroke.sm}),m,J&&(0,e.jsx)("div",{className:(0,f.clsx)(A.subMenuIcon,Q&&A.subMenuIconOpened),style:{visibility:y?"hidden":"visible"},children:(0,e.jsx)(C.IconChevronRight,{size:p.icon.size.sm,color:p.font.color.light})})]})]})},Oe=({accent:n="default",className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s=!0,isTooltipOpen:t,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,avatar:i,hasSubMenu:m=!1,text:c,contextualText:v})=>(0,e.jsx)(V,{accent:n,className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s,isTooltipOpen:t,LeftComponent:_.isDefined(i)?(0,e.jsx)(ie.Avatar,{name:i.name,src:i.src,colorSeed:i.colorSeed,size:i.size,shape:i.shape}):void 0,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,text:c,contextualText:v,hasSubMenu:m}),Re=({LeftIcon:n,LeftComponent:a,withIconContainer:r=!1,accent:s="default",iconButtons:t,onClick:o,text:l,contextualText:u,isDragDisabled:d=!1,className:i,isIconDisplayedOnHoverOnly:m=!0,gripMode:c="never"})=>(0,e.jsxs)(B,{onClick:o,accent:s,className:i,isIconDisplayedOnHoverOnly:m,cursor:c!=="never"?d?"default":"drag":"default",children:[(0,e.jsx)(z,{LeftIcon:n,LeftComponent:a,text:l,contextualText:u,withIconContainer:r,disabled:d,gripMode:c}),t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t})]}),Ge="_suggestionMenuItem_1qyjt_1",Ae={suggestionMenuItem:Ge},Ee=({LeftIcon:n,withIconContainer:a=!1,text:r,contextualText:s=void 0,contextualTextPosition:t="left",className:o,selected:l,onClick:u})=>{const d=i=>{u&&(i.preventDefault(),i.stopPropagation(),u?.(i))};return(0,e.jsx)("li",{className:(0,f.clsx)(Ae.suggestionMenuItem,o),"data-selected":l||void 0,role:_.isDefined(u)?"button":void 0,tabIndex:_.isDefined(u)?0:void 0,onClick:d,onKeyDown:oe.handleClickableElementKeyDown,children:(0,e.jsx)(F,{children:(0,e.jsx)(z,{LeftIcon:n??void 0,text:r,contextualText:s,contextualTextPosition:t,withIconContainer:a})})})},Fe="_menuPicker_o8ra4_1",Ve="_iconContainer_o8ra4_41",We="_label_o8ra4_50",q={menuPicker:Fe,iconContainer:Ve,label:We},He=({id:n,icon:a,label:r,selected:s=!1,disabled:t=!1,showLabel:o=!0,onClick:l,className:u,testId:d,tooltipContent:i,tooltipDelay:m=0,tooltipOffset:c=5})=>{const v=g.useTheme();return(0,e.jsx)(ne.Tooltip,{content:i,disabled:!(0,j.isNonEmptyString)(i),sideOffset:c,side:"bottom",positionMethod:"fixed",delay:m,children:(0,e.jsxs)("button",{id:n,disabled:t,onClick:l,className:(0,f.clsx)(q.menuPicker,u),"data-testid":d,"data-selected":s?"":void 0,"aria-pressed":s,"aria-disabled":t,"aria-label":r,children:[(0,e.jsx)("div",{className:q.iconContainer,children:(0,e.jsx)(a,{size:v.icon.size.md,stroke:v.icon.stroke.sm})}),_.isDefined(r)&&o&&(0,e.jsx)("div",{className:q.label,"data-selected":s?"":void 0,"data-disabled":t?"":void 0,children:r})]})})},Ke="_button_quwcq_1",Je={button:Ke},Ue=({active:n=!1,className:a,children:r,startIcon:s,endIcon:t,badge:o,size:l,...u})=>{const d=(0,k.useContext)(N.ButtonGroupContext),i=l??d?.size??"sm";return(0,e.jsx)(N.Button,{...u,variant:"ghost",size:i,"data-active":n||void 0,className:Z.mergeClassNames((0,f.clsx)(P.Tab_module_default.tab,Je.button),a),children:(0,e.jsx)(P.TabsTabContent,{startIcon:s,endIcon:t,badge:o,children:r})})};Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return le}});Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return V}});Object.defineProperty(exports,"MenuItemAvatar",{enumerable:!0,get:function(){return Oe}});Object.defineProperty(exports,"MenuItemDraggable",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"MenuItemSuggestion",{enumerable:!0,get:function(){return Ee}});Object.defineProperty(exports,"MenuPicker",{enumerable:!0,get:function(){return He}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return Ue}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return ue}});
+const g=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),Z=require("./mergeClassNames-D4lshrT6.cjs"),ee=require("./TintedIconTile-CU2hCerq.cjs"),te=require("./Shortcut-CgrdLv_L.cjs"),N=require("./Button-Dbi5P05r.cjs"),ne=require("./Tooltip-Bg9Uk01p.cjs"),w=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),re=require("./ListItem-CHTR-GLd.cjs"),ae=require("./Dropdown-BKjAaZS0.cjs"),ie=require("./Avatar-CQhIEazb.cjs"),oe=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),P=require("./TabsTabContent-Co27Y2TU.cjs");let j=require("@sniptt/guards"),f=require("clsx"),k=require("react"),e=require("react/jsx-runtime"),se=require("@base-ui/react/button"),C=require("@tabler/icons-react");var ue=()=>{const{pageId:n,goToPage:a,goBack:r,canGoBack:s}=ae.useDropdownContext();return{page:n,goToPage:t=>a({id:t}),goBack:r,canGoBack:s}},le=({color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c=!1,type:v="button",children:I,...x})=>(0,e.jsx)(re.ListItem,{color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c,render:(0,e.jsx)(se.Button,{...x,nativeButton:!0,type:v,disabled:c}),children:I}),de={gray:"Gray",tomato:"Tomato",red:"Red",ruby:"Ruby",crimson:"Crimson",pink:"Pink",plum:"Plum",purple:"Purple",violet:"Violet",iris:"Iris",cyan:"Cyan",turquoise:"Turquoise",sky:"Sky",blue:"Blue",jade:"Jade",green:"Green",grass:"Grass",mint:"Mint",lime:"Lime",bronze:"Bronze",gold:"Gold",brown:"Brown",orange:"Orange",amber:"Amber",yellow:"Yellow"},ce="_iconContainer_1ivx0_1",me="_withBackground_1ivx0_9",O={iconContainer:ce,withBackground:me},M=({children:n,className:a,hasBackground:r=!0})=>(0,e.jsx)("div",{className:(0,f.clsx)(O.iconContainer,r&&O.withBackground,a),children:n}),E=({Icon:n,iconThemeColor:a,withContainer:r=!1,withContainerBackground:s=!0})=>{const t=g.useTheme();if(!n)return null;if(_.isDefined(a))return(0,e.jsx)(ee.TintedIconTile,{icon:(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm}),color:a,style:{width:t.icon.size.md,height:t.icon.size.md}});const o=(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm});return r?(0,e.jsx)(M,{hasBackground:s,children:o}):o},ve="_iconSwapContainer_g9ywp_1",_e="_defaultIcon_g9ywp_8",fe="_hoverIcon_g9ywp_13",L={iconSwapContainer:ve,defaultIcon:_e,hoverIcon:fe},he=({leadingContent:n,withIconContainer:a=!1,withIconContainerBackground:r=!0,gripIconColor:s})=>{const t=g.useTheme();if(!_.isDefined(n))return null;const o=(0,e.jsxs)("div",{className:L.iconSwapContainer,children:[(0,e.jsx)("div",{className:(0,f.clsx)(L.defaultIcon,"grip-swap-default-icon"),children:n}),(0,e.jsx)("div",{className:(0,f.clsx)(L.hoverIcon,"grip-swap-hover-icon"),children:(0,e.jsx)(C.IconGripVertical,{size:t.icon.size.md,stroke:t.icon.stroke.sm,color:s})})]});return a?(0,e.jsx)(M,{hasBackground:r,children:o}):o},Ie="_hoverableMenuItemBase_1jkew_54",ge="_menuItemBase_1jkew_1",be="_menuItemLabel_1jkew_136",xe="_menuItemLabelLight_1jkew_145",je="_noIconFiller_1jkew_155",ye="_menuItemLeftContent_1jkew_159",pe="_menuItemRightContent_1jkew_172",Ce="_draggableItem_1jkew_183",Me="_menuItemIconCheckContainer_1jkew_189",ke="_menuItemContextualText_1jkew_196",Se="_rightMenuItemContextualText_1jkew_206",h={hoverableMenuItemBase:Ie,menuItemBase:ge,menuItemLabel:be,menuItemLabelLight:xe,noIconFiller:je,menuItemLeftContent:ye,menuItemRightContent:pe,draggableItem:Ce,menuItemIconCheckContainer:Me,menuItemContextualText:ke,rightMenuItemContextualText:Se},we=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,className:l,children:u,...d},i)=>(0,e.jsx)("div",{ref:i,className:(0,f.clsx)(h.menuItemBase,l),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,...d,children:u}));we.displayName="StyledMenuItemBase";var b=(n,a)=>{const r=(0,k.forwardRef)(({className:s,children:t,...o},l)=>(0,e.jsx)("div",{ref:l,className:(0,f.clsx)(n,s),...o,children:t}));return r.displayName=a,r},Le=b(h.menuItemLabel,"StyledMenuItemLabel"),$e=b(h.menuItemLabelLight,"StyledMenuItemLabelLight"),Ye=b(h.noIconFiller,"StyledNoIconFiller"),F=b(h.menuItemLeftContent,"StyledMenuItemLeftContent"),T=b(h.menuItemRightContent,"StyledMenuItemRightContent"),R=b(h.draggableItem,"StyledDraggableItem"),B=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,isIconDisplayedOnHoverOnly:l,cursor:u,className:d,children:i,...m},c)=>(0,e.jsx)("div",{ref:c,className:(0,f.clsx)(h.hoverableMenuItemBase,d),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,"data-icon-displayed-on-hover-only":l||void 0,"data-cursor":u,...m,children:i}));B.displayName="StyledHoverableMenuItemBase";var qe=b(h.menuItemContextualText,"StyledMenuItemContextualText"),Te=b(h.rightMenuItemContextualText,"StyledRightMenuItemContextualText"),Be="_mainText_d0zu3_1",ze="_menuItemLabelRight_d0zu3_9",G={mainText:Be,menuItemLabelRight:ze},De=({LeftComponent:n,LeftIcon:a,iconThemeColor:r})=>{if(_.isDefined(n))return n;if(_.isDefined(a))return(0,e.jsx)(E,{Icon:a,iconThemeColor:r})},z=({className:n,LeftComponent:a,LeftIcon:r,iconThemeColor:s,withIconContainer:t=!1,withIconContainerBackground:o=!0,text:l,contextualText:u,contextualTextPosition:d="left",gripMode:i="never",disabled:m=!1})=>{const c=g.useTheme(),v=t?g.themeCssVariables.font.color.tertiary:m?g.themeCssVariables.font.color.extraLight:g.themeCssVariables.font.color.light,I=De({LeftComponent:a,LeftIcon:r,iconThemeColor:s}),x=t&&!_.isDefined(s);return(0,e.jsxs)(F,{className:n,children:[i==="always"&&(t?(0,e.jsx)(M,{hasBackground:o,children:(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})}):(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})),i==="always"&&(x&&_.isDefined(I)?(0,e.jsx)(M,{hasBackground:o,children:I}):I),i==="onHover"&&(0,e.jsx)(he,{leadingContent:I,withIconContainer:x,withIconContainerBackground:o,gripIconColor:v}),i==="never"&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(E,{Icon:r,iconThemeColor:s,withContainer:t,withContainerBackground:o}),a]}),(0,e.jsxs)(Le,{children:[(0,j.isString)(l)?(0,e.jsx)("div",{className:G.mainText,children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:l})}):l,d==="left"&&(0,e.jsx)(e.Fragment,{children:(0,j.isString)(u)?(0,j.isNonEmptyString)(u)&&(0,e.jsx)(qe,{children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:`· ${u}`,tooltipContent:u})}):u})]}),d==="right"&&(0,e.jsx)("div",{className:G.menuItemLabelRight,children:(0,e.jsx)(Te,{children:(0,j.isString)(u)?(0,e.jsx)(w.OverflowingTextWithTooltip,{text:u}):u})})]})},Ne="_subMenuIcon_j232v_1",Pe="_subMenuIconOpened_j232v_9",A={subMenuIcon:Ne,subMenuIconOpened:Pe},V=({accent:n="default",className:a,withIconContainer:r=!1,withIconContainerBackground:s=!0,iconButtons:t,isIconDisplayedOnHoverOnly:o=!0,LeftIcon:l,iconThemeColor:u,LeftComponent:d,RightIcon:i,RightComponent:m,onClick:c,onMouseEnter:v,onMouseLeave:I,testId:x,text:W,contextualTextPosition:H="left",contextualText:K,hasSubMenu:J=!1,disabled:y=!1,focused:U=!1,selected:$=!1,shortcut:D,shortcutJoinLabel:Y,isSubMenuOpened:Q=!1})=>{const p=g.useTheme(),X=S=>{c&&(S.preventDefault(),S.stopPropagation(),c?.(S))};return(0,e.jsxs)(B,{"data-testid":x??void 0,onClick:y?void 0:X,disabled:y,className:a,accent:n,isIconDisplayedOnHoverOnly:o,onMouseEnter:v,onMouseLeave:I,focused:U||$,children:[(0,e.jsx)(z,{LeftIcon:l??void 0,iconThemeColor:u,LeftComponent:d,withIconContainer:r,withIconContainerBackground:s,text:W,contextualText:K,contextualTextPosition:H,disabled:y}),(0,e.jsxs)(T,{children:[t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t}),_.isDefined(D)&&(0,e.jsx)(te.Shortcut,{shortcut:D,sequenceJoinLabel:Y}),i&&(0,e.jsx)(i,{size:p.icon.size.md,stroke:p.icon.stroke.sm}),m,J&&(0,e.jsx)("div",{className:(0,f.clsx)(A.subMenuIcon,Q&&A.subMenuIconOpened),style:{visibility:y?"hidden":"visible"},children:(0,e.jsx)(C.IconChevronRight,{size:p.icon.size.sm,color:p.font.color.light})})]})]})},Oe=({accent:n="default",className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s=!0,isTooltipOpen:t,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,avatar:i,hasSubMenu:m=!1,text:c,contextualText:v})=>(0,e.jsx)(V,{accent:n,className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s,isTooltipOpen:t,LeftComponent:_.isDefined(i)?(0,e.jsx)(ie.Avatar,{name:i.name,src:i.src,colorSeed:i.colorSeed,size:i.size,shape:i.shape}):void 0,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,text:c,contextualText:v,hasSubMenu:m}),Re=({LeftIcon:n,LeftComponent:a,withIconContainer:r=!1,accent:s="default",iconButtons:t,onClick:o,text:l,contextualText:u,isDragDisabled:d=!1,className:i,isIconDisplayedOnHoverOnly:m=!0,gripMode:c="never"})=>(0,e.jsxs)(B,{onClick:o,accent:s,className:i,isIconDisplayedOnHoverOnly:m,cursor:c!=="never"?d?"default":"drag":"default",children:[(0,e.jsx)(z,{LeftIcon:n,LeftComponent:a,text:l,contextualText:u,withIconContainer:r,disabled:d,gripMode:c}),t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t})]}),Ge="_suggestionMenuItem_1qyjt_1",Ae={suggestionMenuItem:Ge},Ee=({LeftIcon:n,withIconContainer:a=!1,text:r,contextualText:s=void 0,contextualTextPosition:t="left",className:o,selected:l,onClick:u})=>{const d=i=>{u&&(i.preventDefault(),i.stopPropagation(),u?.(i))};return(0,e.jsx)("li",{className:(0,f.clsx)(Ae.suggestionMenuItem,o),"data-selected":l||void 0,role:_.isDefined(u)?"button":void 0,tabIndex:_.isDefined(u)?0:void 0,onClick:d,onKeyDown:oe.handleClickableElementKeyDown,children:(0,e.jsx)(F,{children:(0,e.jsx)(z,{LeftIcon:n??void 0,text:r,contextualText:s,contextualTextPosition:t,withIconContainer:a})})})},Fe="_menuPicker_o8ra4_1",Ve="_iconContainer_o8ra4_41",We="_label_o8ra4_50",q={menuPicker:Fe,iconContainer:Ve,label:We},He=({id:n,icon:a,label:r,selected:s=!1,disabled:t=!1,showLabel:o=!0,onClick:l,className:u,testId:d,tooltipContent:i,tooltipDelay:m=0,tooltipOffset:c=5})=>{const v=g.useTheme();return(0,e.jsx)(ne.Tooltip,{content:i,disabled:!(0,j.isNonEmptyString)(i),sideOffset:c,side:"bottom",positionMethod:"fixed",delay:m,children:(0,e.jsxs)("button",{id:n,disabled:t,onClick:l,className:(0,f.clsx)(q.menuPicker,u),"data-testid":d,"data-selected":s?"":void 0,"aria-pressed":s,"aria-disabled":t,"aria-label":r,children:[(0,e.jsx)("div",{className:q.iconContainer,children:(0,e.jsx)(a,{size:v.icon.size.md,stroke:v.icon.stroke.sm})}),_.isDefined(r)&&o&&(0,e.jsx)("div",{className:q.label,"data-selected":s?"":void 0,"data-disabled":t?"":void 0,children:r})]})})},Ke="_button_quwcq_1",Je={button:Ke},Ue=({active:n=!1,className:a,children:r,startIcon:s,endIcon:t,badge:o,size:l,...u})=>{const d=(0,k.useContext)(N.ButtonGroupContext),i=l??d?.size??"sm";return(0,e.jsx)(N.Button,{...u,variant:"ghost",size:i,"data-active":n||void 0,className:Z.mergeClassNames((0,f.clsx)(P.Tab_module_default.tab,Je.button),a),children:(0,e.jsx)(P.TabsTabContent,{startIcon:s,endIcon:t,badge:o,children:r})})};Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return le}});Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return V}});Object.defineProperty(exports,"MenuItemAvatar",{enumerable:!0,get:function(){return Oe}});Object.defineProperty(exports,"MenuItemDraggable",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"MenuItemSuggestion",{enumerable:!0,get:function(){return Ee}});Object.defineProperty(exports,"MenuPicker",{enumerable:!0,get:function(){return He}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return Ue}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return ue}});

package/dist/primitives/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar-CQhIEazb.cjs"),e=require("../data-display-BkujQe5v.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Badge=e.Badge;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Status=e.Status;exports.Tag=e.Tag;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar-CQhIEazb.cjs"),e=require("../data-display-CPmTJAWJ.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Badge=e.Badge;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Status=e.Status;exports.Tag=e.Tag;

package/dist/primitives/data-display.mjs

@@ -1,5 +1,5 @@
 import { t as o } from "../Avatar-D-QA0RE5.js";
-import { a as s, i as t, n as m, o as p, r as i, t as A } from "../data-display-BMV-nC-9.js";
+import { a as s, i as t, n as m, o as p, r as i, t as A } from "../data-display-0QO_WDSs.js";
 export {
   p as AVATAR_PROPERTIES_BY_SIZE,
   o as Avatar,

package/dist/primitives/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../ProgressRing-g1nHGyUp.cjs"),s=require("../Loader-Bb72CUQ9.cjs"),e=require("../ProgressBar-oF1qVHFx.cjs"),r=require("../feedback-DNLERYY9.cjs");let n=require("@base-ui/react/progress");exports.Banner=e.Banner;exports.Loader=s.Loader;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return n.Progress}});exports.ProgressBar=e.ProgressBar;exports.ProgressRing=o.ProgressRing;exports.SKELETON_HEIGHT_SIZES=r.SKELETON_HEIGHT_SIZES;exports.Skeleton=r.Skeleton;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../ProgressRing-g1nHGyUp.cjs"),s=require("../Loader-Bb72CUQ9.cjs"),e=require("../ProgressBar-DfFz0fFB.cjs"),r=require("../feedback-DNLERYY9.cjs");let n=require("@base-ui/react/progress");exports.Banner=e.Banner;exports.Loader=s.Loader;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return n.Progress}});exports.ProgressBar=e.ProgressBar;exports.ProgressRing=o.ProgressRing;exports.SKELETON_HEIGHT_SIZES=r.SKELETON_HEIGHT_SIZES;exports.Skeleton=r.Skeleton;

package/dist/primitives/feedback.mjs

@@ -1,7 +1,7 @@
 import { n as o } from "../getProgressIndicatorPercentage-ejfaM6XU.js";
 import { t } from "../ProgressRing-8mYV9cxE.js";
 import { t as m } from "../Loader-DtHWQH8w.js";
-import { n, t as i } from "../ProgressBar-D_3Gia0E.js";
+import { n, t as i } from "../ProgressBar-BvT1dyFo.js";
 import { n as f, t as g } from "../feedback-DA-AU5z5.js";
 export {
   n as Banner,

package/dist/primitives/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Button-COxEKIHL.cjs"),u=require("../Input-DvL77rvu.cjs"),t=require("../Radio-D_YUizSv.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-Bnu5kNjg.cjs");exports.Autocomplete=e.Autocomplete;exports.Button=r.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=u.Input;exports.InputGroup=t.InputGroup;exports.NumberField=t.NumberField;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=o.Switch;exports.Textarea=e.Textarea;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Button-Dbi5P05r.cjs"),u=require("../Input-DvL77rvu.cjs"),t=require("../Radio-xmHgGHQO.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-CJDYNwoO.cjs");exports.Autocomplete=e.Autocomplete;exports.Button=r.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=u.Input;exports.InputGroup=t.InputGroup;exports.NumberField=t.NumberField;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=o.Switch;exports.Textarea=e.Textarea;

package/dist/primitives/input.mjs

@@ -1,8 +1,8 @@
-import { t } from "../Button-Cs07psdD.js";
+import { t } from "../Button-D5enZ0Qz.js";
 import { t as r } from "../Input-DZWl81G_.js";
-import { n as e, r as i, t as m } from "../Radio-BMoQHDe7.js";
+import { n as e, r as i, t as m } from "../Radio-DMI1B7o5.js";
 import { t as u } from "../Switch-DOd0gh7W.js";
-import { a as c, c as d, i as f, n as l, o as x, r as G, s as S, t as b } from "../input-vl6yK36n.js";
+import { a as c, c as d, i as f, n as l, o as x, r as G, s as S, t as b } from "../input-DRpDiMRi.js";
 export {
   d as Autocomplete,
   t as Button,

package/dist/primitives/layout.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Separator-UJVlrTzw.cjs"),e=require("../layout-d4uPminV.cjs"),i=require("../ResizeHandle-CNlQ4TEE.cjs");exports.Collapsible=e.Collapsible;exports.DirectionProvider=e.DirectionProvider;exports.ResizeHandle=i.ResizeHandle;exports.Separator=r.Separator;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Separator-UJVlrTzw.cjs"),e=require("../layout-d4uPminV.cjs"),i=require("../ResizeHandle-DI4LHIQm.cjs");exports.Collapsible=e.Collapsible;exports.DirectionProvider=e.DirectionProvider;exports.ResizeHandle=i.ResizeHandle;exports.Separator=r.Separator;