twenty-ui 2.45.0 → 2.47.0

package/dist/layout-wuIu4rJ3.cjs

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

package/dist/layout-xYrynD7_.js

@@ -0,0 +1,29 @@
+import { t as m } from "./mergeClassNames-ClFMR1v0.js";
+import { t as s } from "./TextDirectionContext-zzaQWZg6.js";
+import { clsx as p } from "clsx";
+import { jsx as e } from "react/jsx-runtime";
+import { Collapsible as o } from "@base-ui/react/collapsible";
+import { DirectionProvider as d } from "@base-ui/react/direction-provider";
+var v = "_panel_i9x0u_1", c = "_contained_i9x0u_28", i = {
+  panel: v,
+  contained: c
+}, _ = ({ dimension: r = "height", containAnimation: a = !0, duration: l = "normal", className: t, ...n }) => /* @__PURE__ */ e(o.Panel, {
+  "data-dimension": r,
+  "data-duration": l,
+  ...n,
+  className: m(p(i.panel, a && i.contained), t)
+}), b = {
+  Root: o.Root,
+  Trigger: o.Trigger,
+  Panel: _
+}, h = ({ direction: r = "ltr", children: a }) => /* @__PURE__ */ e(s.Provider, {
+  value: r,
+  children: /* @__PURE__ */ e(d, {
+    direction: r,
+    children: a
+  })
+});
+export {
+  b as n,
+  h as t
+};

package/dist/mergeClassNames-ClFMR1v0.js

@@ -0,0 +1,6 @@
+import { isFunction as o } from "@sniptt/guards";
+import { clsx as p } from "clsx";
+var x = (t, r) => (i) => p(t, o(r) ? r(i) : r);
+export {
+  x as t
+};

package/dist/mergeClassNames-D4lshrT6.cjs

@@ -0,0 +1 @@
+let i=require("@sniptt/guards"),n=require("clsx");var u=(r,e)=>t=>(0,n.clsx)(r,(0,i.isFunction)(e)?e(t):e);Object.defineProperty(exports,"mergeClassNames",{enumerable:!0,get:function(){return u}});

package/dist/navigation-B1hPNYv2.cjs

@@ -0,0 +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}});

package/dist/navigation-Dg46Wr5m.js

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

package/dist/navigation-WsiYsmaq.cjs

@@ -0,0 +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}});

package/dist/navigation-itBinyPi.js

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