twenty-ui 2.46.0 → 2.48.0

package/dist/layout-Bt-DUE1X.js

@@ -1,267 +0,0 @@
-import { t as p } from "./isDefined-fMi6eQ4r.js";
-import { n as re, t as se } from "./OverflowingTextWithTooltip-wRABzEWd.js";
-import { t as P } from "./Popover-C-JjVGKl.js";
-import { t as ae } from "./Heading-pXllCJCO.js";
-import { useRender as j } from "@base-ui/react/use-render";
-import { isNonEmptyString as ne, isString as K } from "@sniptt/guards";
-import { clsx as W } from "clsx";
-import { useCallback as Z, useId as oe, useLayoutEffect as G, useRef as E, useState as O } from "react";
-import { Fragment as ee, jsx as l, jsxs as D } from "react/jsx-runtime";
-import { useMergedRefs as J } from "@base-ui/utils/useMergedRefs";
-var ie = "_container_1hm4x_1", le = "_layer_1hm4x_9", ce = "_visible_1hm4x_23", de = "_hidden_1hm4x_28", N = {
-  container: ie,
-  layer: le,
-  visible: ce,
-  hidden: de
-}, He = ({ isActive: t, activeIcon: e, inactiveIcon: r, className: a, render: s, ref: n, ...o }) => j({
-  defaultTagName: "span",
-  render: s,
-  ref: n,
-  props: {
-    ...o,
-    className: W(N.container, a),
-    children: /* @__PURE__ */ D(ee, { children: [/* @__PURE__ */ l("span", {
-      "aria-hidden": "true",
-      className: W(N.layer, t ? N.hidden : N.visible),
-      children: r
-    }), /* @__PURE__ */ l("span", {
-      "aria-hidden": "true",
-      className: W(N.layer, t ? N.visible : N.hidden),
-      children: e
-    })] })
-  }
-}), ue = "_root_1yq9n_1", me = "_items_1yq9n_11", fe = "_item_1yq9n_11", ve = "_trigger_1yq9n_45", pe = "_popup_1yq9n_72", A = {
-  root: ue,
-  items: me,
-  item: fe,
-  trigger: ve,
-  popup: pe
-}, te = (t) => Z((e) => {
-  if (p(e))
-    return () => {
-      e.contains(e.ownerDocument.activeElement) && t();
-    };
-}, [t]), he = ({ children: t, isHidden: e, isLastVisible: r, onFocusedItemUnmount: a }) => /* @__PURE__ */ l("div", {
-  ref: te(a),
-  className: A.item,
-  "data-hidden": e || void 0,
-  "data-last-visible": r || void 0,
-  "aria-hidden": e || void 0,
-  inert: e,
-  children: t
-}), Q = ({ itemWidths: t, availableWidth: e, gap: r, includePartialItem: a }) => {
-  let s = 0, n = 0;
-  for (const o of t) {
-    const c = s + o + (n > 0 ? r : 0);
-    if (n !== 0 && c > e) {
-      const h = s + r < e;
-      return a && h ? n + 1 : n;
-    }
-    s = c, n += 1;
-  }
-  return n;
-}, _e = ({ items: t, itemElements: e, supportsSynchronousLayout: r }) => {
-  if (!r) return e.map((s) => s.scrollWidth);
-  t.setAttribute("data-measuring", "");
-  const a = e.map((s) => s.clientWidth);
-  return t.removeAttribute("data-measuring"), a;
-}, ge = 100, be = ({ itemCount: t, inlineItemCount: e, reserveCountSpace: r, isMeasurementEnabled: a }) => {
-  const s = E(null), n = E(null), o = E(null), c = E(void 0), h = E({
-    itemCount: t,
-    reserveCountSpace: r
-  }), [T, x] = O(e), [F, y] = O(t > e);
-  return G(() => {
-    h.current = {
-      itemCount: t,
-      reserveCountSpace: r
-    }, c.current?.();
-  }, [
-    t,
-    e,
-    r
-  ]), G(() => {
-    const f = s.current, d = n.current;
-    if (!a || !p(f) || !p(d)) return;
-    const u = p(globalThis.ResizeObserver), R = /* @__PURE__ */ new Set(), v = () => {
-      const b = Array.from(d.children), S = /* @__PURE__ */ new Set([f, ...b]);
-      p(o.current) && S.add(o.current);
-      for (const m of R) S.has(m) || (_?.unobserve(m), R.delete(m));
-      for (const m of S) R.has(m) || (_?.observe(m), R.add(m));
-      const I = h.current, H = _e({
-        items: d,
-        itemElements: b,
-        supportsSynchronousLayout: u
-      }), w = parseFloat(getComputedStyle(d).columnGap) || 0, L = f.clientWidth, V = Q({
-        itemWidths: H,
-        availableWidth: L,
-        gap: w,
-        includePartialItem: !1
-      }), q = I.itemCount > V, U = o.current?.offsetWidth ?? 0, $ = I.reserveCountSpace && q ? Math.max(0, L - U - w) : L;
-      y(q), x(Q({
-        itemWidths: H,
-        availableWidth: $,
-        gap: w,
-        includePartialItem: !I.reserveCountSpace
-      }));
-    }, _ = u ? new ResizeObserver(v) : void 0;
-    c.current = v, v();
-    const g = new MutationObserver(v);
-    if (g.observe(d, {
-      attributes: !0,
-      attributeFilter: [
-        "class",
-        "style",
-        "hidden"
-      ],
-      characterData: !0,
-      childList: !0,
-      subtree: !0
-    }), g.observe(f, { childList: !0 }), !p(_)) {
-      const b = setInterval(v, ge);
-      return window.addEventListener("resize", v), () => {
-        c.current = void 0, clearInterval(b), g.disconnect(), window.removeEventListener("resize", v);
-      };
-    }
-    return () => {
-      c.current = void 0, g.disconnect(), _.disconnect();
-    };
-  }, [a]), {
-    containerRef: s,
-    itemsRef: n,
-    triggerRef: o,
-    visibleItemCount: T,
-    hasOverflow: F
-  };
-}, M = (t) => t.stopPropagation(), X = {
-  onClick: M,
-  onMouseDown: M,
-  onPointerDown: M,
-  onKeyDown: M,
-  onKeyUp: M
-}, Ve = ({ children: t, showOverflowCount: e, maxInlineCount: r, overflowLabel: a = "Show all items", className: s, onMouseEnter: n, onMouseLeave: o, onFocusCapture: c, onBlurCapture: h, ref: T, ...x }) => {
-  const [F, y] = O(!1), [f, d] = O(!1), [u, R] = O(!1), [v, _] = O(), g = e ?? v ?? (F || f || u), b = p(r) && Number.isFinite(r) ? Math.min(t.length, Math.max(0, Math.floor(r))) : t.length, { containerRef: S, itemsRef: I, triggerRef: H, visibleItemCount: w, hasOverflow: L } = be({
-    itemCount: t.length,
-    inlineItemCount: b,
-    reserveCountSpace: g,
-    isMeasurementEnabled: e !== !1 || u
-  }), V = Z(() => {
-    d(!1), _(void 0);
-  }, []), q = te(V), U = J(S, T), $ = J(H, q), m = e === !1 ? b : w, B = t.length - w, k = L && (u || e !== !1);
-  return u && !k && R(!1), /* @__PURE__ */ l(P.Root, {
-    open: u && k,
-    onOpenChange: R,
-    children: /* @__PURE__ */ D("div", {
-      ...x,
-      ref: U,
-      className: W(A.root, s),
-      onMouseEnter: (i) => {
-        y(!0), n?.(i);
-      },
-      onMouseLeave: (i) => {
-        y(!1), o?.(i);
-      },
-      onFocusCapture: (i) => {
-        d(!0), I.current?.contains(i.target) && _((C) => C ?? g), c?.(i);
-      },
-      onBlurCapture: (i) => {
-        d(i.currentTarget.contains(i.relatedTarget)), I.current?.contains(i.relatedTarget) || _(void 0), h?.(i);
-      },
-      children: [
-        /* @__PURE__ */ l("div", {
-          ref: I,
-          className: A.items,
-          children: t.slice(0, b).map((i, C) => /* @__PURE__ */ l(he, {
-            isHidden: C >= m,
-            isLastVisible: e !== !1 && C === m - 1,
-            onFocusedItemUnmount: V,
-            children: i
-          }, i.key ?? C))
-        }),
-        k && /* @__PURE__ */ D(P.Trigger, {
-          ref: $,
-          type: "button",
-          className: A.trigger,
-          "data-visible": g || void 0,
-          "aria-label": `+${B} ${a}`,
-          ...X,
-          children: ["+", B]
-        }),
-        /* @__PURE__ */ l(P.Portal, { children: /* @__PURE__ */ l(P.Positioner, {
-          anchor: S,
-          align: "start",
-          sideOffset: -9,
-          alignOffset: -7,
-          children: /* @__PURE__ */ l(P.Popup, {
-            "aria-label": a,
-            className: A.popup,
-            "data-overflowing-list-popup": "",
-            ...X,
-            children: t
-          })
-        }) })
-      ]
-    })
-  });
-}, ye = "_header_1dz7y_1", Re = "_titleRow_1dz7y_8", Ie = "_title_1dz7y_8", Ne = "_actions_1dz7y_21", Se = "_description_1dz7y_27", z = {
-  header: ye,
-  titleRow: Re,
-  title: Ie,
-  actions: Ne,
-  description: Se
-}, we = ({ title: t, description: e, actions: r, level: a = 2, size: s = "md", color: n = "primary", descriptionLineClamp: o = 5, isDescriptionFocusable: c = !1, render: h, ref: T, className: x, ...F }) => {
-  const y = oe(), f = K(e) ? ne(e) : p(e) && e !== !1, d = K(e) && o !== !1, u = K(e) ? /* @__PURE__ */ l(re, {
-    style: { whiteSpace: "pre-wrap" },
-    children: e
-  }) : e;
-  return j({
-    render: h,
-    ref: T,
-    props: {
-      ...F,
-      className: W(z.header, x),
-      children: /* @__PURE__ */ D(ee, { children: [/* @__PURE__ */ D("div", {
-        className: z.titleRow,
-        children: [/* @__PURE__ */ l(ae, {
-          level: a,
-          size: s,
-          color: n,
-          className: z.title,
-          "aria-describedby": f ? y : void 0,
-          children: t
-        }), p(r) && /* @__PURE__ */ l("div", {
-          className: z.actions,
-          children: r
-        })]
-      }), f && /* @__PURE__ */ l("div", {
-        id: y,
-        className: z.description,
-        children: d ? /* @__PURE__ */ l(se, {
-          text: e,
-          lineClamp: o,
-          isTooltipMultiline: !0,
-          isFocusable: c
-        }) : u
-      })] })
-    }
-  });
-}, Oe = "_root_ztxxm_1", We = "_fullWidth_ztxxm_20", Y = {
-  root: Oe,
-  fullWidth: We
-}, Te = ({ align: t = "left", color: e = "primary", fullWidth: r = !0, className: a, render: s, ref: n, ...o }) => j({
-  render: s,
-  ref: n,
-  props: {
-    ...o,
-    "data-align": t,
-    "data-color": e,
-    className: W(Y.root, r && Y.fullWidth, a)
-  }
-}), qe = {
-  Root: Te,
-  Header: we
-};
-export {
-  Ve as n,
-  He as r,
-  qe as t
-};

package/dist/layout-DJq0Dcmq.cjs

@@ -1 +0,0 @@
-const h=require("./isDefined-DS2Q42p5.cjs"),$=require("./OverflowingTextWithTooltip-CXHiE4BG.cjs"),D=require("./Popover-D_S9MGZm.cjs"),Y=require("./Heading-CTRYClCO.cjs");let U=require("@base-ui/react/use-render"),A=require("@sniptt/guards"),P=require("clsx"),o=require("react"),s=require("react/jsx-runtime"),B=require("@base-ui/utils/useMergedRefs");var Z="_container_1hm4x_1",ee="_layer_1hm4x_9",te="_visible_1hm4x_23",re="_hidden_1hm4x_28",I={container:Z,layer:ee,visible:te,hidden:re},se=({isActive:t,activeIcon:e,inactiveIcon:r,className:n,render:i,ref:a,...c})=>(0,U.useRender)({defaultTagName:"span",render:i,ref:a,props:{...c,className:(0,P.clsx)(I.container,n),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{"aria-hidden":"true",className:(0,P.clsx)(I.layer,t?I.hidden:I.visible),children:r}),(0,s.jsx)("span",{"aria-hidden":"true",className:(0,P.clsx)(I.layer,t?I.visible:I.hidden),children:e})]})}}),ie="_root_1yq9n_1",ne="_items_1yq9n_11",ae="_item_1yq9n_11",oe="_trigger_1yq9n_45",ce="_popup_1yq9n_72",F={root:ie,items:ne,item:ae,trigger:oe,popup:ce},X=t=>(0,o.useCallback)(e=>{if(h.isDefined(e))return()=>{e.contains(e.ownerDocument.activeElement)&&t()}},[t]),le=({children:t,isHidden:e,isLastVisible:r,onFocusedItemUnmount:n})=>(0,s.jsx)("div",{ref:X(n),className:F.item,"data-hidden":e||void 0,"data-last-visible":r||void 0,"aria-hidden":e||void 0,inert:e,children:t}),G=({itemWidths:t,availableWidth:e,gap:r,includePartialItem:n})=>{let i=0,a=0;for(const c of t){const u=i+c+(a>0?r:0);if(a!==0&&u>e){const p=i+r<e;return n&&p?a+1:a}i=u,a+=1}return a},ue=({items:t,itemElements:e,supportsSynchronousLayout:r})=>{if(!r)return e.map(i=>i.scrollWidth);t.setAttribute("data-measuring","");const n=e.map(i=>i.clientWidth);return t.removeAttribute("data-measuring"),n},de=100,fe=({itemCount:t,inlineItemCount:e,reserveCountSpace:r,isMeasurementEnabled:n})=>{const i=(0,o.useRef)(null),a=(0,o.useRef)(null),c=(0,o.useRef)(null),u=(0,o.useRef)(void 0),p=(0,o.useRef)({itemCount:t,reserveCountSpace:r}),[w,N]=(0,o.useState)(e),[q,y]=(0,o.useState)(t>e);return(0,o.useLayoutEffect)(()=>{p.current={itemCount:t,reserveCountSpace:r},u.current?.()},[t,e,r]),(0,o.useLayoutEffect)(()=>{const m=i.current,d=a.current;if(!n||!h.isDefined(m)||!h.isDefined(d))return;const f=h.isDefined(globalThis.ResizeObserver),R=new Set,_=()=>{const x=Array.from(d.children),O=new Set([m,...x]);h.isDefined(c.current)&&O.add(c.current);for(const v of R)O.has(v)||(g?.unobserve(v),R.delete(v));for(const v of O)R.has(v)||(g?.observe(v),R.add(v));const S=p.current,M=ue({items:d,itemElements:x,supportsSynchronousLayout:f}),j=parseFloat(getComputedStyle(d).columnGap)||0,T=m.clientWidth,E=G({itemWidths:M,availableWidth:T,gap:j,includePartialItem:!1}),z=S.itemCount>E,H=c.current?.offsetWidth??0,V=S.reserveCountSpace&&z?Math.max(0,T-H-j):T;y(z),N(G({itemWidths:M,availableWidth:V,gap:j,includePartialItem:!S.reserveCountSpace}))},g=f?new ResizeObserver(_):void 0;u.current=_,_();const b=new MutationObserver(_);if(b.observe(d,{attributes:!0,attributeFilter:["class","style","hidden"],characterData:!0,childList:!0,subtree:!0}),b.observe(m,{childList:!0}),!h.isDefined(g)){const x=setInterval(_,de);return window.addEventListener("resize",_),()=>{u.current=void 0,clearInterval(x),b.disconnect(),window.removeEventListener("resize",_)}}return()=>{u.current=void 0,b.disconnect(),g.disconnect()}},[n]),{containerRef:i,itemsRef:a,triggerRef:c,visibleItemCount:w,hasOverflow:q}},L=t=>t.stopPropagation(),J={onClick:L,onMouseDown:L,onPointerDown:L,onKeyDown:L,onKeyUp:L},ve=({children:t,showOverflowCount:e,maxInlineCount:r,overflowLabel:n="Show all items",className:i,onMouseEnter:a,onMouseLeave:c,onFocusCapture:u,onBlurCapture:p,ref:w,...N})=>{const[q,y]=(0,o.useState)(!1),[m,d]=(0,o.useState)(!1),[f,R]=(0,o.useState)(!1),[_,g]=(0,o.useState)(),b=e??_??(q||m||f),x=h.isDefined(r)&&Number.isFinite(r)?Math.min(t.length,Math.max(0,Math.floor(r))):t.length,{containerRef:O,itemsRef:S,triggerRef:M,visibleItemCount:j,hasOverflow:T}=fe({itemCount:t.length,inlineItemCount:x,reserveCountSpace:b,isMeasurementEnabled:e!==!1||f}),E=(0,o.useCallback)(()=>{d(!1),g(void 0)},[]),z=X(E),H=(0,B.useMergedRefs)(O,w),V=(0,B.useMergedRefs)(M,z),v=e===!1?x:j,K=t.length-j,k=T&&(f||e!==!1);return f&&!k&&R(!1),(0,s.jsx)(D.Popover.Root,{open:f&&k,onOpenChange:R,children:(0,s.jsxs)("div",{...N,ref:H,className:(0,P.clsx)(F.root,i),onMouseEnter:l=>{y(!0),a?.(l)},onMouseLeave:l=>{y(!1),c?.(l)},onFocusCapture:l=>{d(!0),S.current?.contains(l.target)&&g(W=>W??b),u?.(l)},onBlurCapture:l=>{d(l.currentTarget.contains(l.relatedTarget)),S.current?.contains(l.relatedTarget)||g(void 0),p?.(l)},children:[(0,s.jsx)("div",{ref:S,className:F.items,children:t.slice(0,x).map((l,W)=>(0,s.jsx)(le,{isHidden:W>=v,isLastVisible:e!==!1&&W===v-1,onFocusedItemUnmount:E,children:l},l.key??W))}),k&&(0,s.jsxs)(D.Popover.Trigger,{ref:V,type:"button",className:F.trigger,"data-visible":b||void 0,"aria-label":`+${K} ${n}`,...J,children:["+",K]}),(0,s.jsx)(D.Popover.Portal,{children:(0,s.jsx)(D.Popover.Positioner,{anchor:O,align:"start",sideOffset:-9,alignOffset:-7,children:(0,s.jsx)(D.Popover.Popup,{"aria-label":n,className:F.popup,"data-overflowing-list-popup":"",...J,children:t})})})]})})},me="_header_1dz7y_1",_e="_titleRow_1dz7y_8",he="_title_1dz7y_8",pe="_actions_1dz7y_21",ge="_description_1dz7y_27",C={header:me,titleRow:_e,title:he,actions:pe,description:ge},be=({title:t,description:e,actions:r,level:n=2,size:i="md",color:a="primary",descriptionLineClamp:c=5,isDescriptionFocusable:u=!1,render:p,ref:w,className:N,...q})=>{const y=(0,o.useId)(),m=(0,A.isString)(e)?(0,A.isNonEmptyString)(e):h.isDefined(e)&&e!==!1,d=(0,A.isString)(e)&&c!==!1,f=(0,A.isString)(e)?(0,s.jsx)($.Text,{style:{whiteSpace:"pre-wrap"},children:e}):e;return(0,U.useRender)({render:p,ref:w,props:{...q,className:(0,P.clsx)(C.header,N),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:C.titleRow,children:[(0,s.jsx)(Y.Heading,{level:n,size:i,color:a,className:C.title,"aria-describedby":m?y:void 0,children:t}),h.isDefined(r)&&(0,s.jsx)("div",{className:C.actions,children:r})]}),m&&(0,s.jsx)("div",{id:y,className:C.description,children:d?(0,s.jsx)($.OverflowingTextWithTooltip,{text:e,lineClamp:c,isTooltipMultiline:!0,isFocusable:u}):f})]})}})},xe="_root_ztxxm_1",ye="_fullWidth_ztxxm_20",Q={root:xe,fullWidth:ye},Re=({align:t="left",color:e="primary",fullWidth:r=!0,className:n,render:i,ref:a,...c})=>(0,U.useRender)({render:i,ref:a,props:{...c,"data-align":t,"data-color":e,className:(0,P.clsx)(Q.root,r&&Q.fullWidth,n)}}),Se={Root:Re,Header:be};Object.defineProperty(exports,"AnimatedIconCrossfade",{enumerable:!0,get:function(){return se}});Object.defineProperty(exports,"OverflowingList",{enumerable:!0,get:function(){return ve}});Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return Se}});

package/dist/navigation-BVhRDMCr.js

@@ -1,394 +0,0 @@
-import { t as h } from "./isDefined-fMi6eQ4r.js";
-import { Dn as Q, Xi as N } from "./icon-Bo3y4NHM.js";
-import { a as S, r as b } from "./theme-yAk9zrNA.js";
-import { t as A } from "./TintedIconTile-BZgRO7cg.js";
-import { t as Z } from "./Shortcut-CWRh02hg.js";
-import { t as ee } from "./Button-DQUIhQAm.js";
-import { t as te } from "./mergeClassNames-ClFMR1v0.js";
-import { r as ae, t as w } from "./OverflowingTextWithTooltip-wRABzEWd.js";
-import { t as ne } from "./ListItem-BVJEFywj.js";
-import { i as re } from "./Dropdown-CZVEnq0N.js";
-import { t as oe } from "./Avatar-DnJMCjoR.js";
-import { t as ie } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { n as se, t as le } from "./TabsTabContent-s6J5bZ3R.js";
-import { isNonEmptyString as E, isString as L } from "@sniptt/guards";
-import { clsx as _ } from "clsx";
-import { forwardRef as j } from "react";
-import { Fragment as me, jsx as e, jsxs as g } from "react/jsx-runtime";
-import { Button as de } from "@base-ui/react/button";
-var dt = () => {
-  const { pageId: a, goToPage: r, goBack: n, canGoBack: i } = re();
-  return {
-    page: a,
-    goToPage: (t) => r({ id: t }),
-    goBack: n,
-    canGoBack: i
-  };
-}, ut = ({ color: a, selected: r, focused: n, indicator: i, startIcon: t, endIcon: s, description: m, descriptionPlacement: o, shortcut: d, shortcutJoinLabel: l, hasSubmenu: c, disabled: u = !1, type: v = "button", children: k, ...M }) => /* @__PURE__ */ e(ne, {
-  color: a,
-  selected: r,
-  focused: n,
-  indicator: i,
-  startIcon: t,
-  endIcon: s,
-  description: m,
-  descriptionPlacement: o,
-  shortcut: d,
-  shortcutJoinLabel: l,
-  hasSubmenu: c,
-  disabled: u,
-  render: /* @__PURE__ */ e(de, {
-    ...M,
-    nativeButton: !0,
-    type: v,
-    disabled: u
-  }),
-  children: k
-}), ct = {
-  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"
-}, ue = "_iconContainer_1ivx0_1", ce = "_withBackground_1ivx0_9", F = {
-  iconContainer: ue,
-  withBackground: ce
-}, T = ({ children: a, className: r, hasBackground: n = !0 }) => /* @__PURE__ */ e("div", {
-  className: _(F.iconContainer, n && F.withBackground, r),
-  children: a
-}), ve = ({ Icon: a, iconThemeColor: r, withContainer: n = !1, withContainerBackground: i = !0 }) => {
-  const t = b();
-  if (!a) return null;
-  if (h(r)) return /* @__PURE__ */ e(A, {
-    icon: /* @__PURE__ */ e(a, {
-      size: t.icon.size.md,
-      stroke: t.icon.stroke.sm
-    }),
-    color: r,
-    style: {
-      width: t.icon.size.md,
-      height: t.icon.size.md
-    }
-  });
-  const s = /* @__PURE__ */ e(a, {
-    size: t.icon.size.md,
-    stroke: t.icon.stroke.sm
-  });
-  return n ? /* @__PURE__ */ e(T, {
-    hasBackground: i,
-    children: s
-  }) : s;
-}, _e = "_iconSwapContainer_g9ywp_1", Ie = "_defaultIcon_g9ywp_8", he = "_hoverIcon_g9ywp_13", z = {
-  iconSwapContainer: _e,
-  defaultIcon: Ie,
-  hoverIcon: he
-}, fe = ({ LeftIcon: a, iconThemeColor: r, withIconContainer: n = !1, gripIconColor: i }) => {
-  const t = b();
-  if (!a) return null;
-  const s = /* @__PURE__ */ g("div", {
-    className: z.iconSwapContainer,
-    children: [/* @__PURE__ */ e("div", {
-      className: _(z.defaultIcon, "grip-swap-default-icon"),
-      children: h(r) ? /* @__PURE__ */ e(A, {
-        icon: /* @__PURE__ */ e(a, {
-          size: t.icon.size.md,
-          stroke: t.icon.stroke.sm
-        }),
-        color: r,
-        style: {
-          width: t.icon.size.md,
-          height: t.icon.size.md
-        }
-      }) : /* @__PURE__ */ e(a, {
-        size: t.icon.size.md,
-        stroke: t.icon.stroke.sm
-      })
-    }), /* @__PURE__ */ e("div", {
-      className: _(z.hoverIcon, "grip-swap-hover-icon"),
-      children: /* @__PURE__ */ e(N, {
-        size: t.icon.size.md,
-        stroke: t.icon.stroke.sm,
-        color: i
-      })
-    })]
-  });
-  return n && !h(r) ? /* @__PURE__ */ e(T, { children: s }) : s;
-}, ge = "_menuItemBase_1jkew_1", be = "_hoverableMenuItemBase_1jkew_54", pe = "_menuItemLabel_1jkew_136", ye = "_menuItemLabelLight_1jkew_145", ke = "_noIconFiller_1jkew_155", Me = "_menuItemLeftContent_1jkew_159", Ce = "_menuItemRightContent_1jkew_172", Se = "_draggableItem_1jkew_183", we = "_menuItemIconCheckContainer_1jkew_189", Le = "_menuItemContextualText_1jkew_196", ze = "_rightMenuItemContextualText_1jkew_206", I = {
-  menuItemBase: ge,
-  hoverableMenuItemBase: be,
-  menuItemLabel: pe,
-  menuItemLabelLight: ye,
-  noIconFiller: ke,
-  menuItemLeftContent: Me,
-  menuItemRightContent: Ce,
-  draggableItem: Se,
-  menuItemIconCheckContainer: we,
-  menuItemContextualText: Le,
-  rightMenuItemContextualText: ze
-}, Be = j(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: n, hovered: i, disabled: t, focused: s, className: m, children: o, ...d }, l) => /* @__PURE__ */ e("div", {
-  ref: l,
-  className: _(I.menuItemBase, m),
-  "data-accent": a,
-  "data-key-selected": r || void 0,
-  "data-hover-background-disabled": n || void 0,
-  "data-disabled": t || void 0,
-  "data-focused": s || void 0,
-  ...d,
-  children: o
-}));
-Be.displayName = "StyledMenuItemBase";
-var f = (a, r) => {
-  const n = j(({ className: i, children: t, ...s }, m) => /* @__PURE__ */ e("div", {
-    ref: m,
-    className: _(a, i),
-    ...s,
-    children: t
-  }));
-  return n.displayName = r, n;
-}, Ne = f(I.menuItemLabel, "StyledMenuItemLabel"), vt = f(I.menuItemLabelLight, "StyledMenuItemLabelLight"), _t = f(I.noIconFiller, "StyledNoIconFiller"), $ = f(I.menuItemLeftContent, "StyledMenuItemLeftContent"), x = f(I.menuItemRightContent, "StyledMenuItemRightContent"), G = f(I.draggableItem, "StyledDraggableItem"), R = j(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: n, hovered: i, disabled: t, focused: s, isIconDisplayedOnHoverOnly: m, cursor: o, className: d, children: l, ...c }, u) => /* @__PURE__ */ e("div", {
-  ref: u,
-  className: _(I.hoverableMenuItemBase, d),
-  "data-accent": a,
-  "data-key-selected": r || void 0,
-  "data-hover-background-disabled": n || void 0,
-  "data-disabled": t || void 0,
-  "data-focused": s || void 0,
-  "data-icon-displayed-on-hover-only": m || void 0,
-  "data-cursor": o,
-  ...c,
-  children: l
-}));
-R.displayName = "StyledHoverableMenuItemBase";
-var xe = f(I.menuItemContextualText, "StyledMenuItemContextualText"), je = f(I.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), Te = "_mainText_d0zu3_1", Re = "_menuItemLabelRight_d0zu3_9", O = {
-  mainText: Te,
-  menuItemLabelRight: Re
-}, D = ({ className: a, LeftComponent: r, LeftIcon: n, iconThemeColor: i, withIconContainer: t = !1, withIconContainerBackground: s = !0, text: m, contextualText: o, contextualTextPosition: d = "left", gripMode: l = "never", disabled: c = !1 }) => {
-  const u = b(), v = t ? S.font.color.tertiary : c ? S.font.color.extraLight : S.font.color.light;
-  return /* @__PURE__ */ g($, {
-    className: a,
-    children: [
-      l === "always" && (t ? /* @__PURE__ */ e(T, {
-        hasBackground: s,
-        children: /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(N, {
-          size: u.icon.size.md,
-          stroke: u.icon.stroke.sm,
-          color: v
-        }) })
-      }) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(N, {
-        size: u.icon.size.md,
-        stroke: u.icon.stroke.sm,
-        color: v
-      }) })),
-      l === "onHover" ? /* @__PURE__ */ e(fe, {
-        LeftIcon: n,
-        iconThemeColor: i,
-        withIconContainer: t,
-        gripIconColor: v
-      }) : /* @__PURE__ */ e(ve, {
-        Icon: n,
-        iconThemeColor: i,
-        withContainer: t,
-        withContainerBackground: s
-      }),
-      r,
-      /* @__PURE__ */ g(Ne, { children: [L(m) ? /* @__PURE__ */ e("div", {
-        className: O.mainText,
-        children: /* @__PURE__ */ e(w, { text: m })
-      }) : m, d === "left" && /* @__PURE__ */ e(me, { children: L(o) ? E(o) && /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(w, {
-        text: `· ${o}`,
-        tooltipContent: o
-      }) }) : o })] }),
-      d === "right" && /* @__PURE__ */ e("div", {
-        className: O.menuItemLabelRight,
-        children: /* @__PURE__ */ e(je, { children: L(o) ? /* @__PURE__ */ e(w, { text: o }) : o })
-      })
-    ]
-  });
-}, De = "_subMenuIcon_j232v_1", Pe = "_subMenuIconOpened_j232v_9", q = {
-  subMenuIcon: De,
-  subMenuIconOpened: Pe
-}, Fe = ({ accent: a = "default", className: r, withIconContainer: n = !1, withIconContainerBackground: i = !0, iconButtons: t, isIconDisplayedOnHoverOnly: s = !0, LeftIcon: m, iconThemeColor: o, LeftComponent: d, RightIcon: l, RightComponent: c, onClick: u, onMouseEnter: v, onMouseLeave: k, testId: M, text: H, contextualTextPosition: V = "left", contextualText: W, hasSubMenu: J = !1, disabled: p = !1, focused: K = !1, selected: U = !1, shortcut: P, shortcutJoinLabel: X, isSubMenuOpened: Y = !1 }) => {
-  const y = b();
-  return /* @__PURE__ */ g(R, {
-    "data-testid": M ?? void 0,
-    onClick: p ? void 0 : (C) => {
-      u && (C.preventDefault(), C.stopPropagation(), u?.(C));
-    },
-    disabled: p,
-    className: r,
-    accent: a,
-    isIconDisplayedOnHoverOnly: s,
-    onMouseEnter: v,
-    onMouseLeave: k,
-    focused: K || U,
-    children: [/* @__PURE__ */ e(D, {
-      LeftIcon: m ?? void 0,
-      iconThemeColor: o,
-      LeftComponent: d,
-      withIconContainer: n,
-      withIconContainerBackground: i,
-      text: H,
-      contextualText: W,
-      contextualTextPosition: V,
-      disabled: p
-    }), /* @__PURE__ */ g(x, { children: [
-      t && /* @__PURE__ */ e(x, {
-        className: "hoverable-buttons",
-        children: t
-      }),
-      h(P) && /* @__PURE__ */ e(Z, {
-        shortcut: P,
-        sequenceJoinLabel: X
-      }),
-      l && /* @__PURE__ */ e(l, {
-        size: y.icon.size.md,
-        stroke: y.icon.stroke.sm
-      }),
-      c,
-      J && /* @__PURE__ */ e("div", {
-        className: _(q.subMenuIcon, Y && q.subMenuIconOpened),
-        style: { visibility: p ? "hidden" : "visible" },
-        children: /* @__PURE__ */ e(Q, {
-          size: y.icon.size.sm,
-          color: y.font.color.light
-        })
-      })
-    ] })]
-  });
-}, It = ({ accent: a = "default", className: r, iconButtons: n, isIconDisplayedOnHoverOnly: i = !0, isTooltipOpen: t, onClick: s, onMouseEnter: m, onMouseLeave: o, testId: d, avatar: l, hasSubMenu: c = !1, text: u, contextualText: v }) => /* @__PURE__ */ e(Fe, {
-  accent: a,
-  className: r,
-  iconButtons: n,
-  isIconDisplayedOnHoverOnly: i,
-  isTooltipOpen: t,
-  LeftComponent: h(l) ? /* @__PURE__ */ e(oe, {
-    name: l.name,
-    src: l.src,
-    colorSeed: l.colorSeed,
-    size: l.size,
-    shape: l.shape
-  }) : void 0,
-  onClick: s,
-  onMouseEnter: m,
-  onMouseLeave: o,
-  testId: d,
-  text: u,
-  contextualText: v,
-  hasSubMenu: c
-}), ht = ({ LeftIcon: a, withIconContainer: r = !1, accent: n = "default", iconButtons: i, onClick: t, text: s, contextualText: m, isDragDisabled: o = !1, className: d, isIconDisplayedOnHoverOnly: l = !0, gripMode: c = "never" }) => /* @__PURE__ */ g(R, {
-  onClick: t,
-  accent: n,
-  className: d,
-  isIconDisplayedOnHoverOnly: l,
-  cursor: c !== "never" ? o ? "default" : "drag" : "default",
-  children: [/* @__PURE__ */ e(D, {
-    LeftIcon: a,
-    text: s,
-    contextualText: m,
-    withIconContainer: r,
-    disabled: o,
-    gripMode: c
-  }), i && /* @__PURE__ */ e(x, {
-    className: "hoverable-buttons",
-    children: i
-  })]
-}), Ge = "_suggestionMenuItem_1qyjt_1", Oe = { suggestionMenuItem: Ge }, ft = ({ LeftIcon: a, withIconContainer: r = !1, text: n, contextualText: i = void 0, contextualTextPosition: t = "left", className: s, selected: m, onClick: o }) => {
-  const d = (l) => {
-    o && (l.preventDefault(), l.stopPropagation(), o?.(l));
-  };
-  return /* @__PURE__ */ e("li", {
-    className: _(Oe.suggestionMenuItem, s),
-    "data-selected": m || void 0,
-    role: h(o) ? "button" : void 0,
-    tabIndex: h(o) ? 0 : void 0,
-    onClick: d,
-    onKeyDown: ie,
-    children: /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(D, {
-      LeftIcon: a ?? void 0,
-      text: n,
-      contextualText: i,
-      contextualTextPosition: t,
-      withIconContainer: r
-    }) })
-  });
-}, qe = "_menuPicker_o8ra4_1", Ae = "_iconContainer_o8ra4_41", Ee = "_label_o8ra4_50", B = {
-  menuPicker: qe,
-  iconContainer: Ae,
-  label: Ee
-}, gt = ({ id: a, icon: r, label: n, selected: i = !1, disabled: t = !1, showLabel: s = !0, onClick: m, className: o, testId: d, tooltipContent: l, tooltipDelay: c = 0, tooltipOffset: u = 5 }) => {
-  const v = b();
-  return /* @__PURE__ */ e(ae, {
-    content: l,
-    disabled: !E(l),
-    sideOffset: u,
-    side: "bottom",
-    positionMethod: "fixed",
-    delay: c,
-    children: /* @__PURE__ */ g("button", {
-      id: a,
-      disabled: t,
-      onClick: m,
-      className: _(B.menuPicker, o),
-      "data-testid": d,
-      "data-selected": i ? "" : void 0,
-      "aria-pressed": i,
-      "aria-disabled": t,
-      "aria-label": n,
-      children: [/* @__PURE__ */ e("div", {
-        className: B.iconContainer,
-        children: /* @__PURE__ */ e(r, {
-          size: v.icon.size.md,
-          stroke: v.icon.stroke.sm
-        })
-      }), h(n) && s && /* @__PURE__ */ e("div", {
-        className: B.label,
-        "data-selected": i ? "" : void 0,
-        "data-disabled": t ? "" : void 0,
-        children: n
-      })]
-    })
-  });
-}, $e = "_button_quwcq_1", He = { button: $e }, bt = ({ active: a = !1, className: r, children: n, startIcon: i, endIcon: t, badge: s, size: m = "sm", ...o }) => /* @__PURE__ */ e(ee, {
-  ...o,
-  variant: "ghost",
-  size: m,
-  "data-active": a || void 0,
-  className: te(_(se.tab, He.button), r),
-  children: /* @__PURE__ */ e(le, {
-    startIcon: i,
-    endIcon: t,
-    badge: s,
-    children: n
-  })
-});
-export {
-  It as a,
-  ut as c,
-  ht as i,
-  dt as l,
-  gt as n,
-  Fe as o,
-  ft as r,
-  ct as s,
-  bt as t
-};