twenty-ui 2.49.0 → 2.50.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/Button-CU8BS-Yd.js +75 -0
  3. package/dist/Button-iVyxlrwO.cjs +1 -0
  4. package/dist/Dropdown-ChTVyesF.js +1018 -0
  5. package/dist/Dropdown-DlItz8Gh.cjs +1 -0
  6. package/dist/Heading-CHvEXL6n.cjs +1 -0
  7. package/dist/{Heading-pXllCJCO.js → Heading-Nj5BlPqB.js} +3 -3
  8. package/dist/{ListItem-DwBb-I1D.cjs → ListItem-C6Xl00m1.cjs} +1 -1
  9. package/dist/{ListItem-DizNUBT8.js → ListItem-C84ANa76.js} +1 -1
  10. package/dist/{OverflowingTextWithTooltip-Z2daM0_x.cjs → OverflowingTextWithTooltip-BQmpPObX.cjs} +1 -1
  11. package/dist/{OverflowingTextWithTooltip-BmUROIah.js → OverflowingTextWithTooltip-BtB9cGdJ.js} +20 -21
  12. package/dist/ProgressBar-CzGs7cuE.cjs +1 -0
  13. package/dist/ProgressBar-D4tKQ7OA.js +84 -0
  14. package/dist/{Radio-BEAztmPu.js → Radio-BwBZ4e8g.js} +29 -29
  15. package/dist/{Radio-Dx6b4SYZ.cjs → Radio-sIYxZnR_.cjs} +1 -1
  16. package/dist/TabsTabContent-6rkARU9F.cjs +1 -0
  17. package/dist/TabsTabContent-DPkLTBi2.js +39 -0
  18. package/dist/Tooltip-6uS8_wdA.js +132 -0
  19. package/dist/Tooltip-DL3sfbuw.cjs +1 -0
  20. package/dist/components/data-display.cjs +1 -1
  21. package/dist/components/data-display.mjs +6 -7
  22. package/dist/components/feedback/InlineBanner/InlineBanner.d.ts +2 -2
  23. package/dist/components/feedback/InlineBanner/internal/InlineBannerComponent.d.ts +1 -1
  24. package/dist/components/feedback/InlineBanner/types/InlineBannerProps.d.ts +1 -0
  25. package/dist/components/feedback.cjs +1 -1
  26. package/dist/components/feedback.mjs +1 -1
  27. package/dist/components/input/SegmentedControl/types/SegmentedControlProps.d.ts +1 -1
  28. package/dist/components/input.cjs +1 -1
  29. package/dist/components/input.mjs +2 -2
  30. package/dist/components/layout.cjs +1 -1
  31. package/dist/components/layout.mjs +1 -1
  32. package/dist/components/navigation/Dropdown/Dropdown.d.ts +1 -1
  33. package/dist/components/navigation/Dropdown/internal/DropdownSearch.d.ts +1 -1
  34. package/dist/components/navigation/Dropdown/internal/DropdownSearchEffect.d.ts +8 -0
  35. package/dist/components/navigation/index.d.ts +0 -11
  36. package/dist/components/navigation.cjs +1 -1
  37. package/dist/components/navigation.mjs +6 -11
  38. package/dist/components/settings.cjs +1 -1
  39. package/dist/components/settings.mjs +1 -1
  40. package/dist/components.cjs +1 -1
  41. package/dist/components.mjs +35 -41
  42. package/dist/data-display-C-eoJ5En.js +378 -0
  43. package/dist/data-display-CM1yXpnE.cjs +2 -0
  44. package/dist/data-display-CXw-mxeS.js +252 -0
  45. package/dist/data-display-DdES9XqZ.cjs +1 -0
  46. package/dist/{feedback-DTyVVcTb.js → feedback-4HKPcMRs.js} +216 -215
  47. package/dist/feedback-BSOWDBI0.js +38 -0
  48. package/dist/feedback-DBRXDPSP.cjs +1 -0
  49. package/dist/feedback-DspXawf9.cjs +1 -0
  50. package/dist/index.cjs +1 -1
  51. package/dist/index.mjs +605 -611
  52. package/dist/input-CWWp7cqL.cjs +1 -0
  53. package/dist/input-CvZ_uB_9.cjs +1 -0
  54. package/dist/{input-BrjD91wv.js → input-Qn5_aFYU.js} +5 -5
  55. package/dist/input-k5cMhFI_.js +428 -0
  56. package/dist/{layout-DQcjBu08.js → layout-DDqeMgFv.js} +2 -2
  57. package/dist/{layout-CthYckvl.cjs → layout-iSfGrMrH.cjs} +1 -1
  58. package/dist/navigation-7Y6gHFlj.cjs +1 -0
  59. package/dist/{navigation-CIVYqPc5.js → navigation-BY8X2w04.js} +31 -31
  60. package/dist/navigation-BcXCiLE1.js +86 -0
  61. package/dist/navigation-ByYN6NgX.cjs +1 -0
  62. package/dist/normalizeSearchText-DLmPiBUZ.js +19 -0
  63. package/dist/normalizeSearchText-Do0MELpQ.cjs +1 -0
  64. package/dist/preventDismissingClickActivation-BEBrL9aB.cjs +1 -0
  65. package/dist/preventDismissingClickActivation-BQFMKRey.js +29 -0
  66. package/dist/primitives/accessibility.cjs +1 -1
  67. package/dist/primitives/accessibility.mjs +1 -1
  68. package/dist/primitives/data-display/Avatar/constants/AvatarPropertiesBySize.d.ts +4 -0
  69. package/dist/primitives/data-display/Avatar/types/AvatarSize.d.ts +1 -1
  70. package/dist/primitives/data-display/Badge/types/BadgeColor.d.ts +1 -1
  71. package/dist/primitives/data-display/Chip/types/ChipVariant.d.ts +1 -1
  72. package/dist/primitives/data-display.cjs +1 -1
  73. package/dist/primitives/data-display.mjs +7 -8
  74. package/dist/primitives/feedback/Banner/Banner.d.ts +1 -1
  75. package/dist/primitives/feedback/Banner/internal/BannerAction.d.ts +1 -1
  76. package/dist/primitives/feedback.cjs +1 -1
  77. package/dist/primitives/feedback.mjs +2 -2
  78. package/dist/primitives/input/Autocomplete/Autocomplete.d.ts +1 -1
  79. package/dist/primitives/input/Autocomplete/internal/AutocompleteInput.d.ts +1 -1
  80. package/dist/primitives/input/Autocomplete/types/AutocompleteInputProps.d.ts +8 -1
  81. package/dist/primitives/input/Button/types/ButtonColor.d.ts +1 -1
  82. package/dist/primitives/input/RadioGroup/RadioGroup.d.ts +1 -1
  83. package/dist/primitives/input/RadioGroup/types/RadioGroupProps.d.ts +3 -1
  84. package/dist/primitives/input.cjs +1 -1
  85. package/dist/primitives/input.mjs +3 -3
  86. package/dist/primitives/navigation/Tabs/types/TabsSize.d.ts +1 -1
  87. package/dist/primitives/navigation.cjs +1 -1
  88. package/dist/primitives/navigation.mjs +2 -2
  89. package/dist/primitives/surfaces/Card/Card.d.ts +1 -1
  90. package/dist/primitives/surfaces/Card/internal/CardRoot.d.ts +1 -1
  91. package/dist/primitives/surfaces/Card/types/CardRootProps.d.ts +0 -1
  92. package/dist/primitives/surfaces/Tooltip/Tooltip.d.ts +1 -0
  93. package/dist/primitives/surfaces/Tooltip/__stories__/findTooltip.d.ts +1 -0
  94. package/dist/primitives/surfaces/Tooltip/internal/TooltipBody.d.ts +2 -8
  95. package/dist/primitives/surfaces/Tooltip/types/TooltipBodyProps.d.ts +6 -0
  96. package/dist/primitives/surfaces/index.d.ts +1 -0
  97. package/dist/primitives/surfaces.cjs +1 -1
  98. package/dist/primitives/surfaces.mjs +2 -2
  99. package/dist/primitives/typography/Heading/types/HeadingProps.d.ts +1 -1
  100. package/dist/primitives/typography.cjs +1 -1
  101. package/dist/primitives/typography.mjs +3 -3
  102. package/dist/primitives.cjs +1 -1
  103. package/dist/primitives.mjs +45 -46
  104. package/dist/{settings-CPXhrmbK.cjs → settings-DT5bEO6A.cjs} +1 -1
  105. package/dist/{settings-BgVuLpg9.js → settings-XGSJtobU.js} +1 -1
  106. package/dist/style.css +1 -1
  107. package/dist/surfaces-q8voTXEJ.cjs +1 -0
  108. package/dist/{surfaces-BLsR5ka0.js → surfaces-vhSZBmbz.js} +77 -78
  109. package/dist/testing/index.d.ts +1 -0
  110. package/dist/testing/utils/waitForStorybookFontsLoaded.d.ts +1 -0
  111. package/dist/testing.cjs +1 -1
  112. package/dist/testing.mjs +87 -77
  113. package/dist/{typography-DT2eKLvd.js → typography-BPdXzW2T.js} +1 -1
  114. package/dist/{typography-bKeSMuJd.cjs → typography-CWtuNruY.cjs} +1 -1
  115. package/dist/utilities.cjs +1 -1
  116. package/dist/utilities.mjs +11 -10
  117. package/package.json +1 -1
  118. package/dist/Avatar-C6WxBgjS.cjs +0 -1
  119. package/dist/Avatar-ifVlxbx_.js +0 -73
  120. package/dist/Button-DIw804CX.js +0 -72
  121. package/dist/Button-DTm1WDzp.cjs +0 -1
  122. package/dist/Dropdown-1OAJvS1f.js +0 -1000
  123. package/dist/Dropdown-Bl4OXCf9.cjs +0 -1
  124. package/dist/Heading-CTRYClCO.cjs +0 -1
  125. package/dist/ProgressBar-B3xACTV2.js +0 -84
  126. package/dist/ProgressBar-OpSMnDBz.cjs +0 -1
  127. package/dist/TabsTabContent-Co27Y2TU.cjs +0 -1
  128. package/dist/TabsTabContent-DVcObDp6.js +0 -39
  129. package/dist/TintedIconTile-B1XDtGrF.js +0 -40
  130. package/dist/TintedIconTile-DO1XJXCQ.cjs +0 -1
  131. package/dist/Tooltip-Bg9Uk01p.cjs +0 -1
  132. package/dist/Tooltip-cLCgtFBF.js +0 -124
  133. package/dist/components/navigation/MenuItem/MenuItem.d.ts +0 -2
  134. package/dist/components/navigation/MenuItem/parts/MenuItemIcon.d.ts +0 -9
  135. package/dist/components/navigation/MenuItem/parts/MenuItemIconBoxContainer.d.ts +0 -7
  136. package/dist/components/navigation/MenuItem/parts/MenuItemIconWithGripSwap.d.ts +0 -8
  137. package/dist/components/navigation/MenuItem/parts/MenuItemLeftContent.d.ts +0 -19
  138. package/dist/components/navigation/MenuItem/parts/StyledMenuItemBase.d.ts +0 -25
  139. package/dist/components/navigation/MenuItem/types/MenuItemDraggableGripMode.d.ts +0 -1
  140. package/dist/components/navigation/MenuItem/types/MenuItemProps.d.ts +0 -33
  141. package/dist/components/navigation/MenuItemAvatar/MenuItemAvatar.d.ts +0 -2
  142. package/dist/components/navigation/MenuItemAvatar/types/MenuItemAvatarProps.d.ts +0 -18
  143. package/dist/components/navigation/MenuItemDraggable/MenuItemDraggable.d.ts +0 -2
  144. package/dist/components/navigation/MenuItemDraggable/types/MenuItemDraggableProps.d.ts +0 -20
  145. package/dist/components/navigation/MenuItemSuggestion/MenuItemSuggestion.d.ts +0 -2
  146. package/dist/components/navigation/MenuItemSuggestion/types/MenuItemSuggestionProps.d.ts +0 -12
  147. package/dist/components/navigation/MenuPicker/MenuPicker.d.ts +0 -2
  148. package/dist/components/navigation/MenuPicker/types/MenuPickerProps.d.ts +0 -15
  149. package/dist/data-display-BSKGlijb.cjs +0 -1
  150. package/dist/data-display-BtXCGOGw.js +0 -345
  151. package/dist/data-display-DtXIhJ4B.js +0 -184
  152. package/dist/data-display-XV3ht1rC.cjs +0 -2
  153. package/dist/feedback-Cs-38OH4.cjs +0 -1
  154. package/dist/feedback-DA-AU5z5.js +0 -38
  155. package/dist/feedback-DNLERYY9.cjs +0 -1
  156. package/dist/input-B_rBplmn.cjs +0 -1
  157. package/dist/input-ChlFcqIS.cjs +0 -1
  158. package/dist/input-D1oyk0tD.js +0 -421
  159. package/dist/navigation-B6nka3bW.js +0 -400
  160. package/dist/navigation-CflGBYv-.cjs +0 -1
  161. package/dist/navigation-DoInK0Sp.cjs +0 -1
  162. package/dist/preventDismissingClickActivation-AaqHBLnW.js +0 -45
  163. package/dist/preventDismissingClickActivation-CIhWvKCu.cjs +0 -1
  164. package/dist/surfaces-0rL5DoHt.cjs +0 -1
  165. /package/dist/{handleClickableElementKeyDown-C8Uz61XJ.js → accessibility-C8Uz61XJ.js} +0 -0
  166. /package/dist/{handleClickableElementKeyDown-CByqtBhO.cjs → accessibility-CByqtBhO.cjs} +0 -0
@@ -1 +0,0 @@
1
- const i=require("./isDefined-DS2Q42p5.cjs"),ee=require("./doNotTranslate-CHE7WmRS.cjs"),X=require("./mergeClassNames-D4lshrT6.cjs"),Qe=require("./preventDismissingClickActivation-CIhWvKCu.cjs"),be=require("./Button-DTm1WDzp.cjs"),ke=require("./isRenderableSlot-Guryb6Nf.cjs"),Ze=require("./Tooltip-Bg9Uk01p.cjs"),Pe=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),ae=require("./ListItem.module-CO4u2oeF.cjs"),De=require("./ListItem-DwBb-I1D.cjs"),Z=require("./Popover-CneCJTvD.cjs"),et=require("./Input-DvL77rvu.cjs");let de=require("@base-ui/react/use-render"),H=require("@sniptt/guards"),U=require("clsx"),g=require("react"),u=require("react/jsx-runtime"),Ee=require("@base-ui/react/button"),le=require("@base-ui/utils/useMergedRefs"),Ne=require("@base-ui/react/popover"),tt=require("@base-ui/utils/areArraysEqual"),Re=require("@base-ui/react/direction-provider"),ve=require("@base-ui/react/menu"),ce=require("@tabler/icons-react");var rt="_content_rspeb_1",ot="_page_rspeb_13",nt="_selectionGroup_rspeb_17",st="_group_rspeb_21",it="_groupLabel_rspeb_27",at="_separator_rspeb_39",ct="_section_rspeb_46",ut="_back_rspeb_80",dt="_backIcon_rspeb_92",lt="_searchContainer_rspeb_96",pt="_search_rspeb_96",ft="_status_rspeb_113",gt="_header_rspeb_119",mt="_title_rspeb_132",wt="_itemWithActions_rspeb_141",bt="_itemWithActionsPrimary_rspeb_147",Dt="_itemActions_rspeb_162",vt="_itemDecoration_rspeb_166",P={content:rt,page:ot,selectionGroup:nt,group:st,groupLabel:it,separator:at,section:ct,back:ut,backIcon:dt,searchContainer:lt,search:pt,status:ft,header:gt,title:mt,itemWithActions:wt,itemWithActionsPrimary:bt,itemActions:Dt,itemDecoration:vt},je=({render:e,ref:t,disabled:r,...o})=>(0,de.useRender)({render:e,ref:t,defaultTagName:"button",props:{...o,disabled:r}}),he=({nativeButton:e,renderProps:t})=>e&&"disabled"in t&&(0,H.isBoolean)(t.disabled)?t.disabled:void 0,ht="[data-dropdown-item]",Oe=({actions:e,actionsVisibility:t="hover",color:r="neutral",selected:o=!1,focused:n=!1,indicator:c="none",disabled:a=!1,hasSubmenu:m=!1,children:s})=>(0,u.jsxs)("div",{className:(0,U.clsx)(ae.ListItem_module_default.root,P.itemWithActions),role:"none","data-actions-visibility":t,"data-color":r,"data-selected":o?"":void 0,"data-highlighted":n?"":void 0,"data-indicator":c,"data-disabled":a?"":void 0,onClick:d=>{d.target===d.currentTarget&&d.currentTarget.querySelector(ht)?.click()},children:[s,(0,u.jsx)("span",{className:(0,U.clsx)(ae.ListItem_module_default.actions,P.itemActions),children:e}),c==="check"&&o&&(0,u.jsx)(ce.IconCheck,{className:(0,U.clsx)(ae.ListItem_module_default.checkIndicator,P.itemDecoration),"aria-hidden":!0}),m&&(0,u.jsx)(ce.IconChevronRight,{className:(0,U.clsx)(ae.ListItem_module_default.submenuIcon,P.itemDecoration),"aria-hidden":!0})]}),_e=({id:e,render:t})=>(0,g.isValidElement)(t)?t.props.id??e:e,xe=e=>e.getAttribute("aria-label")??e.textContent??"",qe=({content:e,item:t})=>t.getAttribute("aria-disabled")!=="true"&&!t.hasAttribute("disabled")&&t.closest("[data-dropdown-content]")===e,pe=e=>Array.from(e.querySelectorAll("[data-dropdown-item]")).filter(t=>qe({content:e,item:t})),ue=(0,g.createContext)(void 0),F=()=>{const e=(0,g.useContext)(ue);if(!i.isDefined(e))throw new Error(ee.doNotTranslate("Dropdown components must be inside Dropdown.Root"));return e},ye=({id:e,disabled:t,isSubmenuTrigger:r=!1})=>{const o=F(),n=r?o.parentType:o.type,c=r?o.parentRowFocus:o.rowFocus,a=n!=="panel"&&(c?.rowIds?.includes(e)??!0);return{tabIndex:t||a&&c?.tabStopRowId!==e?-1:0}},Le=({color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:n,shortcut:c,shortcutJoinLabel:a,hasSubmenu:m,actions:s,actionsVisibility:d,children:l,render:D,disabled:v=!1,nativeButton:w=!i.isDefined(D),closeOnClick:f=!0,onClick:C,page:A,id:_,...p})=>{const{type:b,closeTree:x,goToPage:h}=F(),I=(0,g.useId)(),E=_e({id:_,render:D}),N=E??I,K=ye({id:N,disabled:v}),R=ke.isRenderableSlot(s),j=m??i.isDefined(A),G=(0,u.jsx)(Ee.Button,{...p,id:N,disabled:v,nativeButton:w,role:p.role??(b==="menu"?"menuitem":void 0),tabIndex:K.tabIndex,"data-dropdown-item":"","data-dropdown-page":A,onClick:T=>{if(C?.(T),!T.defaultPrevented){if(i.isDefined(A)){const S=T.currentTarget.closest("[data-dropdown-content]");if(!i.isDefined(S))return;h({id:A,trigger:{id:E,index:pe(S).indexOf(T.currentTarget),page:A,label:xe(T.currentTarget)}});return}f&&x()}},render:T=>{const S=he({nativeButton:w,renderProps:T});return(0,u.jsx)(De.ListItem,{...T,render:(0,u.jsx)(je,{render:D,disabled:S}),className:(0,U.clsx)(T.className,R&&P.itemWithActionsPrimary),disabled:v,color:e,startIcon:t,endIcon:r,actionsVisibility:d,description:o,descriptionPlacement:n,shortcut:c,shortcutJoinLabel:a,hasSubmenu:!R&&j,children:l})}});return R?(0,u.jsx)(Oe,{actions:s,actionsVisibility:d,color:e,disabled:v,hasSubmenu:j,children:G}):G},_t=({children:e=ee.doNotTranslate("Back"),className:t,onClick:r,...o})=>{const{goBack:n,canGoBack:c}=F();return(0,u.jsx)(Le,{...o,className:(0,U.clsx)(P.back,t),"data-dropdown-back":"",disabled:o.disabled||!c,startIcon:(0,u.jsx)(ce.IconChevronLeft,{className:P.backIcon}),closeOnClick:!1,onClick:a=>{r?.(a),!a.defaultPrevented&&n()},children:e})},xt="_button_1qwl0_1",yt="_tooltipAnchor_1qwl0_29",It="_icon_1qwl0_33",ge={button:xt,tooltipAnchor:yt,icon:It},Fe=({children:e,size:t,shape:r="square",className:o,tooltip:n,tooltipPlace:c="bottom",tooltipDelay:a=1e3,tooltipOffset:m=5,disabled:s,loading:d,...l})=>{const D=(0,g.useContext)(be.ButtonGroupContext),v=t??D?.size??"md",w=(0,H.isNonEmptyString)(n),f=s||d,C=(0,u.jsx)(be.Button,{...l,size:v==="xs"?"sm":v,"data-icon-size":v,"data-shape":r,disabled:s,loading:d,startIcon:(0,u.jsx)("span",{className:ge.icon,children:e}),className:X.mergeClassNames(ge.button,o)});return w?(0,u.jsx)(Ze.Tooltip,{content:n,delay:a,side:c,sideOffset:m,children:f?(0,u.jsx)("span",{className:ge.tooltipAnchor,children:C}):C}):C},Tt="_button_prhtf_1",Ct={button:Tt},Me=({className:e,emphasis:t="standard",size:r,variant:o,...n})=>{const c=(0,g.useContext)(be.ButtonGroupContext),a=r??c?.size??"sm",m=o??c?.variant??"ghost";return(0,u.jsx)(Fe,{...n,size:a,variant:m,"data-emphasis":t,className:X.mergeClassNames(Ct.button,e)})},St=({render:e,children:t,"aria-label":r,...o})=>(0,u.jsx)(Ne.Popover.Close,{...o,"aria-label":r,render:e??(0,u.jsx)(Me,{size:"sm","aria-label":r,children:t??(0,u.jsx)(ce.IconX,{})}),children:i.isDefined(e)?t:void 0}),fe=e=>e.querySelector("[data-dropdown-search]:not(:disabled)"),Ie=({content:e,target:t,edge:r="first",type:o})=>{const n=i.isDefined(t?.id)?e.ownerDocument.getElementById(t.id):null;if(i.isDefined(n)&&e.contains(n))return n;const c=pe(e),a=i.isDefined(t)?c.filter(f=>f.dataset.dropdownPage===t.page):[],[m]=a;if(a.length===1&&i.isDefined(m))return m;const s=(0,H.isNonEmptyString)(t?.label)?a.filter(f=>xe(f)===t?.label):[],[d]=s;if(s.length===1&&i.isDefined(d))return d;const l=i.isDefined(t)?c[t.index]:void 0;if(i.isDefined(l))return l;const D=e.querySelector('input:not(:disabled):not([type="hidden"]),button:not(:disabled),textarea:not(:disabled),select:not(:disabled),a[href],[tabindex="0"]'),v=Array.from(e.querySelectorAll("[data-dropdown-page-type]")).find(f=>f.closest("[data-dropdown-content]")===e)?.dataset.dropdownPageType??o??e.dataset.type;if(v==="panel")return D??e;const w=fe(e);return i.isDefined(w)?w:r==="last"?c[c.length-1]??D??e:(v==="picker"?c.find(f=>f.hasAttribute("data-dropdown-option-item")&&(f.getAttribute("aria-selected")==="true"||f.getAttribute("aria-pressed")==="true"||f.getAttribute("aria-checked")==="true"||f.getAttribute("aria-current")==="true")):void 0)??c.find(f=>!f.hasAttribute("data-dropdown-back"))??c[0]??D??e},At=({contentRef:e})=>{const{open:t,pageId:r,pageFocusRequest:o,setPageFocusRequest:n}=F();return(0,g.useLayoutEffect)(()=>{i.isDefined(o)&&(n(void 0),!(!t||o.pageId!==r||!i.isDefined(e.current))&&Ie({content:e.current,target:o.target}).focus())},[e,t,r,o,n]),null},Ge=({content:e,item:t})=>t.hasAttribute("data-dropdown-item")&&qe({content:e,item:t})&&(!t.hasAttribute("data-dropdown-back")||!i.isDefined(fe(e))),Be=e=>Array.from(e.querySelectorAll("[data-dropdown-item]")).filter(t=>Ge({content:e,item:t})),Te=e=>{if(e.dataset.type==="panel")return;const t=fe(e);if(!(!i.isDefined(t)||!(0,H.isNonEmptyString)(t.value.trim())))return pe(e).find(r=>r.hasAttribute("data-dropdown-option-item"))},kt=({content:e})=>{const{setRowIds:t,setSearchTargetId:r}=F();return(0,g.useLayoutEffect)(()=>{if(!i.isDefined(e))return;const o=()=>{const c=Be(e).map(a=>a.id);t(a=>i.isDefined(a)&&(0,tt.areArraysEqual)(a,c)?a:c),r(Te(e)?.id)};o();const n=new MutationObserver(o);return n.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["disabled","aria-disabled","id"]}),()=>{n.disconnect(),t(void 0),r(void 0)}},[e,t,r]),null},Pt=e=>(e.ctrlKey||e.metaKey)&&!e.defaultPrevented,me=new WeakMap,Ue={activate:({item:e,event:t})=>{me.set(e,t);try{e.click()}finally{me.delete(e)}},getEvent:({item:e,event:t})=>me.get(e)??t},Et=e=>Array.from(e.ownerDocument.querySelectorAll("[data-dropdown-item][aria-controls]")).find(t=>t.getAttribute("aria-controls")===e.id),Nt=({rowCells:e,column:t,isEnabledCell:r})=>{const o=Math.min(t,e.length-1);for(let n=0;n<e.length;n++){const c=[e[o-n],e[o+n]].find(r);if(i.isDefined(c))return c}},Ke=({key:e,items:t,currentItem:r,search:o,isRightToLeft:n})=>{const c=r?.closest("[data-dropdown-columns]"),a=Number(c?.dataset.dropdownColumns),m=ee.doNotTranslate(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]).includes(e);if(!i.isDefined(c)||!i.isDefined(r)||!m||!(0,H.isPositiveInteger)(a))return;const s=Array.from(c.children).filter(p=>p instanceof HTMLElement&&!p.hasAttribute("data-dropdown-section-label")),d=s.indexOf(r);if(d<0)return;const l=Math.floor(d/a),D=d%a,v=e==="ArrowUp"||e==="ArrowDown",w=ee.doNotTranslate(n?"ArrowLeft":"ArrowRight"),f=e==="ArrowDown"||e===w?1:-1,C=Math.ceil(s.length/a),A=new Set(t),_=p=>i.isDefined(p)&&A.has(p);if(v){for(let x=l+f;x>=0&&x<C;x+=f){const h=s[Math.min(x*a+D,s.length-1)];if(_(h))return h}for(let x=l+f;x>=0&&x<C;x+=f){const h=Nt({rowCells:s.slice(x*a,(x+1)*a),column:D,isEnabledCell:_});if(i.isDefined(h))return h}const p=s.filter(_),b=f<0?p[0]:p[p.length-1];return(i.isDefined(b)?t[t.indexOf(b)+f]:void 0)??(f<0?o:void 0)??r}for(let p=D+f;p>=0&&p<a;p+=f){const b=s[l*a+p];if(_(b))return b}return r},Rt=({key:e,items:t,currentIndex:r,search:o,isSearch:n,isRightToLeft:c=!1})=>{const a=Ke({key:e,items:t,currentItem:t[r],search:o,isRightToLeft:c});if(i.isDefined(a))return a;const m=t.length-1;if(e==="ArrowDown")return t[r===m?0:r+1];if(e==="ArrowUp"&&r===0&&i.isDefined(o))return o;if(e==="ArrowUp")return t[r<=0?m:r-1];if(!n&&e==="Home")return t[0];if(!n&&e==="End")return t[m]},jt=500,Ot=()=>{const{type:e,isSubmenu:t,setOpen:r,closeTree:o,tabForwardOutOfTree:n}=F(),c=(0,Re.useDirection)(),[a,m]=(0,g.useState)({text:"",timestamp:0});return s=>{if(s.defaultPrevented)return;const d=s.currentTarget,l=s.target;if(!(l instanceof HTMLElement)||l.closest("[data-dropdown-content]")!==d)return;const D=l.matches('input,textarea,select,[contenteditable="true"]'),v=c==="rtl",w=ee.doNotTranslate(v?"ArrowRight":"ArrowLeft"),f=t&&!D&&s.key===w,C=f&&e!=="panel"?Ke({key:s.key,items:pe(d),currentItem:l,search:null,isRightToLeft:v}):void 0,A=i.isDefined(C)&&C!==l;if(t&&(s.key==="Escape"||f&&!A)){s.preventDefault(),s.stopPropagation(),Et(d)?.focus(),r(!1);return}if(e==="panel")return;if(e==="menu"&&s.key==="Tab"&&s.shiftKey){s.preventDefault(),o(s.nativeEvent);return}if(e==="menu"&&s.key==="Tab"&&t){s.preventDefault(),n({ownerDocument:d.ownerDocument,tabOutEvent:s.nativeEvent});return}const _=fe(d),p=l===_;if(D&&!p)return;const b=Be(d),x=p&&s.key==="Enter"&&!s.nativeEvent.isComposing?Te(d):void 0;if(i.isDefined(x)){s.preventDefault(),Ue.activate({item:x,event:s.nativeEvent});return}const h=b.indexOf(l),I=Rt({key:s.key,items:b,currentIndex:h,search:_,isSearch:p,isRightToLeft:v});if(i.isDefined(I)){s.preventDefault(),I.focus();return}if(D||s.key.length!==1||s.key===" "||s.altKey||s.ctrlKey||s.metaKey)return;const E=Date.now(),N=E-a.timestamp>jt?s.key:a.text+s.key;m({text:N,timestamp:E});const K=([...N].every(j=>j===N[0])?s.key:N).toLocaleLowerCase(),R=[...b.slice(h+1),...b.slice(0,h+1)].find(j=>xe(j).trim().toLocaleLowerCase().startsWith(K));i.isDefined(R)&&(s.preventDefault(),R.focus())}},qt=({side:e,align:t="start",sideOffset:r=0,alignOffset:o,anchor:n,collisionPadding:c,container:a,keepMounted:m,width:s=200,className:d,style:l,children:D,initialFocus:v,onKeyDown:w,onFocus:f,onInput:C,onClick:A,onMouseDown:_,onPointerDown:p,"aria-label":b,"aria-labelledby":x,ref:h,...I})=>{const{type:E,isSubmenu:N,rowFocus:K,initialFocusEdge:R,focusOnOpen:j,triggerId:G,titleId:T,setSearchTargetId:S}=F(),M=(0,g.useRef)(null),[L,W]=(0,g.useState)(null),J=(0,le.useMergedRefs)(M,h,W),te=Ot(),Y=i.isDefined(b)?void 0:T??G;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Z.Popover.Portal,{container:a,keepMounted:m,children:(0,u.jsx)(Z.Popover.Positioner,{side:e??(N?"inline-end":"bottom"),align:t,sideOffset:r,alignOffset:o,anchor:n,collisionPadding:c,children:(0,u.jsx)(Z.Popover.Popup,{...I,ref:J,role:E==="menu"?"menu":"dialog","aria-label":b,"aria-labelledby":x??Y,"data-dropdown-content":"","data-type":E,className:X.mergeClassNames(P.content,d),style:y=>({width:s,...(0,H.isFunction)(l)?l(y):l}),initialFocus:v??(()=>j?i.isDefined(M.current)?Ie({content:M.current,edge:R,type:E}):!0:!1),onKeyDown:y=>{w?.(y),te(y),Pt(y)||y.stopPropagation()},onFocus:y=>{f?.(y);const{target:V}=y;V instanceof HTMLElement&&Ge({content:y.currentTarget,item:V})&&K.focusRow(V.id)},onInput:y=>{C?.(y),S(Te(y.currentTarget)?.id)},onClick:y=>{y.stopPropagation(),A?.(y)},onMouseDown:y=>{y.stopPropagation(),_?.(y)},onPointerDown:y=>{y.stopPropagation(),p?.(y)},children:D})})}),(0,u.jsx)(At,{contentRef:M}),(0,u.jsx)(kt,{content:L})]})},Lt=({className:e,...t})=>(0,u.jsx)(Pe.Text,{...t,role:"status","aria-live":"polite",className:(0,U.clsx)(P.status,e)}),Ft=({render:e,ref:t,className:r,...o})=>(0,de.useRender)({render:e,ref:t,props:{...o,className:(0,U.clsx)(P.header,r)}}),Mt=({className:e,...t})=>(0,u.jsx)(Pe.Text,{...t,role:"status","aria-live":"polite","aria-busy":"true",className:(0,U.clsx)(P.status,e)}),Gt=({render:e,ref:t,state:r,...o})=>(0,de.useRender)({render:e,ref:t,state:r,defaultTagName:"button",props:o}),Ce=(0,g.createContext)(void 0),Bt=({event:e,trigger:t})=>{let r=!1;return{reason:"item-press",event:e,trigger:t,cancel:()=>{r=!0},get isCanceled(){return r}}},Ut=({type:e,hasSelectionState:t,hasSelectionOwner:r,multiple:o,role:n})=>e==="menu"&&t?o?"menuitemcheckbox":"menuitemradio":e==="menu"?"menuitem":e==="picker"&&r?"option":n,Kt=({selection:e,value:t,standaloneSelected:r})=>!i.isDefined(e)||!i.isDefined(t)?r:e.multiple?e.value.includes(t):e.value===t,Ht=({value:e,selected:t,indicator:r,onSelect:o,closeOnSelect:n,color:c,startIcon:a,endIcon:m,description:s,descriptionPlacement:d,shortcut:l,shortcutJoinLabel:D,hasSubmenu:v,actions:w,actionsVisibility:f,children:C,render:A,disabled:_=!1,nativeButton:p=!i.isDefined(A),onClick:b,id:x,...h})=>{const{type:I,multiple:E,closeTree:N,searchTargetId:K}=F(),R=(0,g.useContext)(Ce),j=i.isDefined(R)&&i.isDefined(e),G=j?R.multiple:E,T=Kt({selection:R,value:e,standaloneSelected:t}),S=I==="menu",M=I==="picker"&&j,L=i.isDefined(T),W=!S&&!M&&(p||h.role==="button"),J=!S&&!M&&!W&&L&&T,te=Ut({type:I,hasSelectionState:L,hasSelectionOwner:j,multiple:G,role:h.role}),Y=G?"checkbox":"check",y=(0,g.useId)(),V=_e({id:x,render:A})??y,re=ye({id:V,disabled:_}),Q=ke.isRenderableSlot(w),se=K===V,oe=r??(L?Y:"none"),ie=Q&&oe==="check",ne=(0,u.jsx)(Ee.Button,{...h,id:V,disabled:_,nativeButton:p,role:te,"aria-checked":S&&L?T:void 0,"aria-selected":M?T:void 0,"aria-pressed":W&&L?T:void 0,"aria-current":J?"true":void 0,tabIndex:re.tabIndex,"data-dropdown-item":"","data-dropdown-option-item":"",onClick:q=>{if(b?.(q),q.defaultPrevented)return;const z=Bt({event:Ue.getEvent({item:q.currentTarget,event:q.nativeEvent}),trigger:q.currentTarget});o?.(z),!(z.isCanceled||q.defaultPrevented)&&(j&&R.select({value:e,eventDetails:z}),!(z.isCanceled||q.defaultPrevented)&&(n??(j?R.closeOnSelect:!G))&&N())},render:q=>{const z=he({nativeButton:p,renderProps:q});return(0,u.jsx)(De.ListItem,{...q,render:(0,u.jsx)(Gt,{render:A,disabled:z,state:{selected:T??!1,multiple:G,disabled:_}}),className:(0,U.clsx)(q.className,Q&&P.itemWithActionsPrimary),disabled:_,selected:T,focused:se,indicator:ie?"none":oe,color:c,startIcon:a,endIcon:m,actionsVisibility:f,description:s,descriptionPlacement:d,shortcut:l,shortcutJoinLabel:D,hasSubmenu:!Q&&v,children:C})}});return Q?(0,u.jsx)(Oe,{actions:w,actionsVisibility:f,color:c,selected:T,focused:se,indicator:oe,disabled:_,hasSubmenu:v,children:ne}):ne},Vt=({id:e,type:t,children:r})=>{const o=F(),{registerPage:n}=o,c=(0,g.useCallback)(a=>{i.isDefined(a)&&n({id:e,type:t})},[e,t,n]);return o.pageId!==e?null:(0,u.jsx)(ue.Provider,{value:{...o,type:t??o.rootType},children:(0,u.jsx)("div",{ref:c,className:P.page,"data-dropdown-page-type":t??o.rootType,children:r})})},Wt=({open:e,registerOpenNestedRoot:t})=>((0,g.useEffect)(()=>{if(e)return t?.()},[e,t]),null),zt=({rowIds:e=[],focusedRowId:t})=>i.isDefined(t)&&e.includes(t)?t:e[0],$t="data-base-ui-focus-guard",Yt=e=>{const t=e?.nextElementSibling;if(!(!(t instanceof HTMLElement)||!t.hasAttribute($t)))return t},Xt=e=>e instanceof FocusEvent?e.type==="focusout"&&e.relatedTarget instanceof Element?e.relatedTarget:null:e.target instanceof Element?e.target:null,we=({onDismiss:e,event:t,target:r=Xt(t)})=>{if(!i.isDefined(e))return!1;let o=!1;return e({target:r,type:t.type,preventDefault:()=>{o=!0}}),o},Ae=()=>{const[e,t]=(0,g.useState)();return[e,(0,g.useCallback)(r=>(t(r),()=>t(o=>o===r?void 0:o)),[])]},Jt=()=>{const[e,t]=(0,g.useState)(()=>new Map);return{selections:e,initializeSelection:(0,g.useCallback)(({id:r,state:o})=>{t(n=>n.get(r)?.multiple===o.multiple?n:new Map(n).set(r,o))},[]),updateSelection:(0,g.useCallback)(({id:r,state:o})=>{t(n=>new Map(n).set(r,o))},[])}},He=({children:e,type:t,open:r,defaultOpen:o=!1,onOpenChange:n,onEscapeKeyDown:c,onInteractOutside:a,multiple:m=!1,defaultPage:s="root",isSubmenu:d=!1})=>{const l=(0,g.useContext)(ue),D=Jt(),{selections:v,initializeSelection:w,updateSelection:f}=d&&i.isDefined(l)?l:D,C=(0,g.useRef)(0),A=(0,g.useCallback)(()=>(C.current+=1,()=>{C.current-=1}),[]),[_,p]=(0,g.useState)(o),b=r??_,[x,h]=(0,g.useState)(b),[I,E]=(0,g.useState)([{id:s}]),[N,K]=(0,g.useState)(),[R,j]=(0,g.useState)(),[G,T]=(0,g.useState)(),S=I[I.length-1]?.id,[M,L]=(0,g.useState)(),[W,J]=(0,g.useState)("first"),[te,Y]=(0,g.useState)(!0),[y,V]=(0,g.useState)(),[re,Q]=Ae(),[se,oe]=Ae(),ie=b&&!x,ne=!b&&x;(ie||ne)&&h(b),ie&&(E([{id:s}]),K(void 0),L(void 0),T(void 0)),ne&&(J("first"),Y(!0),V(void 0));const q=k=>{i.isDefined(r)||p(k),n?.(k)},z=k=>{i.isDefined(k)&&we({onDismiss:a,event:k,target:null})||(q(!1),d&&l?.closeTree(k))},ze=({ownerDocument:k,tabOutEvent:O})=>{const B=i.isDefined(re)?k.getElementById(re):null;if(d&&i.isDefined(l)){q(!1),B?.focus(),l.tabForwardOutOfTree({ownerDocument:k,tabOutEvent:O});return}const $=Yt(B);if(!i.isDefined($)){z(O);return}$.focus()},$e=({id:k,trigger:O})=>{L({pageId:k}),E(B=>[...B,{id:k,trigger:O}])},Ye=()=>{const k=I[I.length-2];if(!i.isDefined(k))return;const O=I[I.length-1]?.trigger;L({pageId:k.id,target:O}),E(B=>B.slice(0,-1))},Xe=(0,g.useCallback)(({id:k,type:O})=>{if(!b)return;const B=O??t;K($=>$?.id===k&&$.type===B?$:{id:k,type:B})},[b,t]);return(0,u.jsx)(Z.Popover.Root,{open:b,onOpenChange:(k,O)=>{if(!k&&!b){O.cancel();return}const B=O.reason==="outside-press"||O.reason==="focus-out";if(B&&C.current>0){O.cancel();return}const $=O.reason==="escape-key"&&we({onDismiss:c,event:O.event}),Je=B&&we({onDismiss:a,event:O.event});if($||Je){O.cancel();return}B&&Qe.preventDismissingClickActivation(O.event),Y(O.reason!=="trigger-hover"),q(k)},children:(0,u.jsxs)(ue.Provider,{value:{type:i.isDefined(N)&&N.id===S?N.type:t,rootType:t,open:b,multiple:m,selections:v,initializeSelection:w,updateSelection:f,isSubmenu:d,parentType:l?.type,rowFocus:{rowIds:R,tabStopRowId:zt({rowIds:R,focusedRowId:G}),focusRow:T},parentRowFocus:l?.rowFocus,setRowIds:j,pageId:S,pageFocusRequest:M,setPageFocusRequest:L,canGoBack:I.length>1,initialFocusEdge:W,setInitialFocusEdge:J,focusOnOpen:te,setFocusOnOpen:Y,setOpen:q,closeTree:z,tabForwardOutOfTree:ze,goToPage:$e,goBack:Ye,registerPage:Xe,registerOpenNestedRoot:A,searchTargetId:y,setSearchTargetId:V,triggerId:re,registerTrigger:Q,titleId:se,registerTitle:oe},children:[(0,u.jsx)(Wt,{open:b,registerOpenNestedRoot:d?void 0:l?.registerOpenNestedRoot}),(0,u.jsx)(Ce.Provider,{value:void 0,children:e})]})})},Qt=({onValueChange:e,className:t,...r})=>{const{searchTargetId:o}=F();return(0,u.jsx)("div",{className:P.searchContainer,children:(0,u.jsx)(et.Input,{type:"search",autoComplete:"off","aria-activedescendant":o,...r,"data-dropdown-search":"",className:X.mergeClassNames(P.search,t),onValueChange:n=>e?.(n)})})},Zt=({className:e,...t})=>(0,u.jsx)(ve.Menu.Group,{...t,className:X.mergeClassNames(P.group,e)}),er=({className:e,...t})=>(0,u.jsx)(ve.Menu.GroupLabel,{...t,className:X.mergeClassNames(P.groupLabel,e)}),tr=({label:e,scrollable:t,columns:r,style:o,className:n,children:c,...a})=>{const m=(0,H.isPositiveInteger)(r)?r:void 0;return(0,u.jsxs)(Zt,{...a,"data-scrollable":t||void 0,"data-dropdown-columns":m,style:{...o,...i.isDefined(m)&&{gridTemplateColumns:`repeat(${m}, minmax(0, 1fr))`}},className:(0,U.clsx)(P.section,n),children:[i.isDefined(e)&&(0,u.jsx)(er,{"data-dropdown-section-label":"",children:e}),c]})},Ve=({id:e,initialState:t,initializeSelection:r})=>((0,g.useLayoutEffect)(()=>{r({id:e,state:t})},[e,t,r]),null),We=({props:e,storedState:t})=>e.multiple?{multiple:!0,value:e.value??(t?.multiple?t.value:e.defaultValue??[])}:(0,H.isUndefined)(e.value)?{multiple:!1,value:t?.multiple===!1?t.value:e.defaultValue??null}:{multiple:!1,value:e.value},rr=e=>{const{id:t,multiple:r=!1,value:o,defaultValue:n,onValueChange:c,closeOnSelect:a=!r,render:m,ref:s,className:d,children:l,...D}=e,{type:v,selections:w,initializeSelection:f,updateSelection:C}=F(),A=(0,g.useId)(),_=t??A,p=We({props:e,storedState:w.get(_)}),b=({value:h,eventDetails:I})=>{if(!(!p.multiple&&p.value===h)){if(p.multiple&&e.multiple){const E=p.value.includes(h)?p.value.filter(N=>N!==h):[...p.value,h];e.onValueChange?.(E,I),!I.isCanceled&&(0,H.isUndefined)(o)&&C({id:_,state:{multiple:!0,value:E}});return}e.multiple||(e.onValueChange?.(h,I),!I.isCanceled&&(0,H.isUndefined)(o)&&C({id:_,state:{multiple:!1,value:h}}))}},x=(0,de.useRender)({render:m,ref:s,state:p,props:{...D,id:_,className:(0,U.clsx)(P.selectionGroup,d),role:v==="picker"?"listbox":"group","aria-multiselectable":v==="picker"?r:void 0,children:l}});return(0,u.jsxs)(Ce.Provider,{value:{...p,closeOnSelect:a,select:b},children:[(0,H.isUndefined)(o)&&(0,u.jsx)(Ve,{id:_,initialState:p,initializeSelection:f}),x]})},or=({className:e,...t})=>(0,u.jsx)(ve.Menu.Separator,{...t,role:"separator","data-dropdown-separator":"",className:(0,U.clsx)(P.separator,e)}),nr=({type:e="menu",...t})=>(0,u.jsx)(He,{...t,type:e,isSubmenu:!0}),Se=e=>(0,g.useCallback)(t=>{if(!(!i.isDefined(t)||!(0,H.isNonEmptyString)(t.id)))return e(t.id)},[e]),sr=({color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:n,shortcut:c,shortcutJoinLabel:a,hasSubmenu:m=!0,children:s,render:d,disabled:l=!1,nativeButton:D=!i.isDefined(d),openOnHover:v=!0,onKeyDown:w,id:f,ref:C,...A})=>{const _=(0,Re.useDirection)(),{type:p,rootType:b,parentType:x,open:h,setOpen:I,setFocusOnOpen:E,registerTrigger:N}=F(),K=h?p:b,R=(0,g.useId)(),j=_e({id:f,render:d})??R,G=ye({id:j,disabled:l,isSubmenuTrigger:!0}),T=(0,le.useMergedRefs)(C,Se(N));return(0,u.jsx)(Z.Popover.Trigger,{...A,ref:T,id:j,disabled:l,nativeButton:D,openOnHover:v,role:x==="menu"?"menuitem":void 0,"aria-haspopup":K==="menu"?"menu":"dialog",tabIndex:G.tabIndex,"data-dropdown-item":"",onKeyDown:S=>{if(w?.(S),S.defaultPrevented||l)return;const M=ee.doNotTranslate(_==="rtl"?"ArrowLeft":"ArrowRight");if(S.key===M){S.preventDefault(),S.stopPropagation(),E(!0);const L=S.currentTarget.getAttribute("aria-controls"),W=i.isDefined(L)?S.currentTarget.ownerDocument.getElementById(L):null;if(h&&i.isDefined(W)){Ie({content:W,type:p}).focus();return}I(!0)}},render:S=>{const M=he({nativeButton:D,renderProps:S});return(0,u.jsx)(De.ListItem,{...S,render:(0,u.jsx)(je,{render:d,disabled:M}),disabled:l,color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:n,shortcut:c,shortcutJoinLabel:a,hasSubmenu:m,children:s})}})},ir=({className:e,render:t,ref:r,...o})=>{const{registerTitle:n}=F(),c=(0,le.useMergedRefs)(r,Se(n));return(0,u.jsx)(Ne.Popover.Title,{...o,ref:c,render:t??(0,u.jsx)("div",{}),className:X.mergeClassNames(P.title,e)})},ar=({onKeyDown:e,onClick:t,ref:r,...o})=>{const{type:n,rootType:c,open:a,setOpen:m,setInitialFocusEdge:s,setFocusOnOpen:d,registerTrigger:l}=F(),D=a?n:c,v=(0,le.useMergedRefs)(r,Se(l));return(0,u.jsx)(Z.Popover.Trigger,{...o,ref:v,"aria-haspopup":D==="menu"?"menu":"dialog",onClick:w=>{w.stopPropagation(),w.preventDefault(),t?.(w)},onKeyDown:w=>{e?.(w),!(w.defaultPrevented||w.baseUIHandlerPrevented||o.disabled||D==="panel")&&(w.key!=="ArrowDown"&&w.key!=="ArrowUp"||(w.preventDefault(),d(!0),s(w.key==="ArrowUp"?"last":"first"),m(!0)))}})},cr=He,ur={Root:cr,Trigger:ar,Content:qt,ActionItem:Le,OptionItem:Ht,SelectionGroup:rr,Search:Qt,Header:Ft,Title:ir,Close:St,Page:Vt,Back:_t,Submenu:nr,SubmenuTrigger:sr,Section:tr,Separator:or,Loading:Mt,Empty:Lt};Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return ur}});Object.defineProperty(exports,"DropdownSelectionGroupEffect",{enumerable:!0,get:function(){return Ve}});Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return Fe}});Object.defineProperty(exports,"LightIconButton",{enumerable:!0,get:function(){return Me}});Object.defineProperty(exports,"getDropdownSelectionGroupState",{enumerable:!0,get:function(){return We}});Object.defineProperty(exports,"useDropdownContext",{enumerable:!0,get:function(){return F}});
@@ -1 +0,0 @@
1
- let u=require("@base-ui/react/use-render"),l=require("clsx");var _="_heading_1yz66_1",s={heading:_},g=({level:e=2,size:a="md",color:r="primary",render:d,ref:i,className:n,...t})=>(0,u.useRender)({defaultTagName:`h${e}`,render:d,ref:i,props:{...t,"data-size":a,"data-color":r,className:(0,l.clsx)(s.heading,n)}});Object.defineProperty(exports,"Heading",{enumerable:!0,get:function(){return g}});
@@ -1,84 +0,0 @@
1
- import { t as p } from "./mergeClassNames-ClFMR1v0.js";
2
- import { n as l, t as h } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
3
- import { t as B } from "./Button-DIw804CX.js";
4
- import { t as u } from "./isRenderableSlot-DT_depzM.js";
5
- import { useRender as N } from "@base-ui/react/use-render";
6
- import { isFunction as k, isNonEmptyString as y } from "@sniptt/guards";
7
- import { clsx as z } from "clsx";
8
- import { Fragment as A, jsx as e, jsxs as f } from "react/jsx-runtime";
9
- var P = {
10
- neutral: "gray",
11
- info: "blue",
12
- success: "green",
13
- warning: "orange",
14
- error: "red"
15
- }, S = "_action_c4pdy_1", w = { action: S }, x = ({ className: r, ...n }) => /* @__PURE__ */ e(B, {
16
- ...n,
17
- size: "sm",
18
- variant: "outline",
19
- className: p(w.action, r)
20
- }), F = "_banner_181zy_1", I = "_icon_181zy_52", j = "_action_181zy_53", _ = {
21
- banner: F,
22
- icon: I,
23
- action: j
24
- }, C = ({ status: r = "info", variant: n = "solid", color: o = P[r], icon: i, action: t, className: c, children: s, render: m, ref: d, ...a }) => N({
25
- render: m,
26
- ref: d,
27
- state: {
28
- status: r,
29
- variant: n,
30
- color: o
31
- },
32
- props: {
33
- ...a,
34
- className: z(_.banner, c),
35
- children: /* @__PURE__ */ f(A, { children: [
36
- u(i) && /* @__PURE__ */ e("span", {
37
- className: _.icon,
38
- children: i
39
- }),
40
- s,
41
- u(t) && /* @__PURE__ */ e("div", {
42
- className: _.action,
43
- children: t
44
- })
45
- ] })
46
- }
47
- }), H = Object.assign(C, { Action: x }), E = "_bar_o09oi_1", O = "_track_o09oi_17", R = "_indicator_o09oi_23", T = "_progressBarIndeterminate_o09oi_1", v = {
48
- bar: E,
49
- track: O,
50
- indicator: R,
51
- progressBarIndeterminate: T
52
- }, J = ({ size: r = "md", className: n, style: o, children: i, barColor: t, backgroundColor: c = "none", withBorderRadius: s = !1, withMinimumFillWidth: m = !0, ...d }) => /* @__PURE__ */ f(l.Root, {
53
- ...d,
54
- className: p(v.bar, n),
55
- "data-size": r,
56
- "data-with-border-radius": s || void 0,
57
- style: (a) => ({
58
- "--progress-bar-background-color": c,
59
- ...y(t) ? { "--progress-bar-color": t } : {},
60
- ...k(o) ? o(a) : o
61
- }),
62
- children: [/* @__PURE__ */ e(l.Track, {
63
- className: v.track,
64
- children: /* @__PURE__ */ e(l.Indicator, {
65
- className: v.indicator,
66
- "data-with-border-radius": s || void 0,
67
- render: (a) => {
68
- const g = h({
69
- width: a.style?.width,
70
- fallbackPercentage: 0
71
- }), b = m && g > 0 && g < 100;
72
- return /* @__PURE__ */ e("div", {
73
- ...a,
74
- "data-minimum-fill": b || void 0
75
- });
76
- }
77
- })
78
- }), i]
79
- });
80
- export {
81
- H as n,
82
- P as r,
83
- J as t
84
- };
@@ -1 +0,0 @@
1
- const p=require("./mergeClassNames-D4lshrT6.cjs"),j=require("./getProgressIndicatorPercentage-Mii9lnYd.cjs"),q=require("./Button-DTm1WDzp.cjs"),b=require("./isRenderableSlot-Guryb6Nf.cjs");let P=require("@base-ui/react/use-render"),v=require("@sniptt/guards"),x=require("clsx"),e=require("react/jsx-runtime"),l=require("@base-ui/react/progress");var f={neutral:"gray",info:"blue",success:"green",warning:"orange",error:"red"},N="_action_c4pdy_1",h={action:N},S=({className:r,...n})=>(0,e.jsx)(q.Button,{...n,size:"sm",variant:"outline",className:p.mergeClassNames(h.action,r)}),y="_banner_181zy_1",O="_icon_181zy_52",A="_action_181zy_53",d={banner:y,icon:O,action:A},C=({status:r="info",variant:n="solid",color:t=f[r],icon:i,action:s,className:c,children:o,render:u,ref:_,...a})=>(0,P.useRender)({render:u,ref:_,state:{status:r,variant:n,color:t},props:{...a,className:(0,x.clsx)(d.banner,c),children:(0,e.jsxs)(e.Fragment,{children:[b.isRenderableSlot(i)&&(0,e.jsx)("span",{className:d.icon,children:i}),o,b.isRenderableSlot(s)&&(0,e.jsx)("div",{className:d.action,children:s})]})}}),k=Object.assign(C,{Action:S}),R="_bar_o09oi_1",z="_track_o09oi_17",E="_indicator_o09oi_23",F="_progressBarIndeterminate_o09oi_1",g={bar:R,track:z,indicator:E,progressBarIndeterminate:F},I=({size:r="md",className:n,style:t,children:i,barColor:s,backgroundColor:c="none",withBorderRadius:o=!1,withMinimumFillWidth:u=!0,..._})=>(0,e.jsxs)(l.Progress.Root,{..._,className:p.mergeClassNames(g.bar,n),"data-size":r,"data-with-border-radius":o||void 0,style:a=>({"--progress-bar-background-color":c,...(0,v.isNonEmptyString)(s)?{"--progress-bar-color":s}:{},...(0,v.isFunction)(t)?t(a):t}),children:[(0,e.jsx)(l.Progress.Track,{className:g.track,children:(0,e.jsx)(l.Progress.Indicator,{className:g.indicator,"data-with-border-radius":o||void 0,render:a=>{const m=j.getProgressIndicatorPercentage({width:a.style?.width,fallbackPercentage:0}),B=u&&m>0&&m<100;return(0,e.jsx)("div",{...a,"data-minimum-fill":B||void 0})}})}),i]});Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"FEEDBACK_STATUS_COLORS",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return I}});
@@ -1 +0,0 @@
1
- const a=require("./isRenderableSlot-Guryb6Nf.cjs");let r=require("react/jsx-runtime");var _="_root_1trvr_1",i="_list_1trvr_10",o="_tab_1trvr_37",c="_content_1trvr_89",b="_label_1trvr_108",d="_startIcon_1trvr_114",v="_badge_1trvr_115",u="_panel_1trvr_130",m="_indicator_1trvr_140",e={root:_,list:i,tab:o,content:c,label:b,startIcon:d,badge:v,panel:u,indicator:m},p=({children:s,startIcon:t,endIcon:n,badge:l})=>(0,r.jsxs)("span",{className:e.content,children:[a.isRenderableSlot(t)&&(0,r.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:t}),(0,r.jsx)("span",{className:e.label,children:s}),a.isRenderableSlot(n)&&(0,r.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:n}),a.isRenderableSlot(l)&&(0,r.jsx)("span",{className:e.badge,children:l})]});Object.defineProperty(exports,"Tab_module_default",{enumerable:!0,get:function(){return e}});Object.defineProperty(exports,"TabsTabContent",{enumerable:!0,get:function(){return p}});
@@ -1,39 +0,0 @@
1
- import { t } from "./isRenderableSlot-DT_depzM.js";
2
- import { jsx as r, jsxs as l } from "react/jsx-runtime";
3
- var v = "_root_1trvr_1", o = "_list_1trvr_10", i = "_tab_1trvr_37", c = "_content_1trvr_89", d = "_label_1trvr_108", b = "_startIcon_1trvr_114", m = "_badge_1trvr_115", p = "_panel_1trvr_130", h = "_indicator_1trvr_140", a = {
4
- root: v,
5
- list: o,
6
- tab: i,
7
- content: c,
8
- label: d,
9
- startIcon: b,
10
- badge: m,
11
- panel: p,
12
- indicator: h
13
- }, f = ({ children: n, startIcon: e, endIcon: _, badge: s }) => /* @__PURE__ */ l("span", {
14
- className: a.content,
15
- children: [
16
- t(e) && /* @__PURE__ */ r("span", {
17
- className: a.startIcon,
18
- "aria-hidden": !0,
19
- children: e
20
- }),
21
- /* @__PURE__ */ r("span", {
22
- className: a.label,
23
- children: n
24
- }),
25
- t(_) && /* @__PURE__ */ r("span", {
26
- className: a.startIcon,
27
- "aria-hidden": !0,
28
- children: _
29
- }),
30
- t(s) && /* @__PURE__ */ r("span", {
31
- className: a.badge,
32
- children: s
33
- })
34
- ]
35
- });
36
- export {
37
- a as n,
38
- f as t
39
- };
@@ -1,40 +0,0 @@
1
- import { a as n, h as m } from "./theme-B2EaXhye.js";
2
- import { s as C } from "./utilities-BKCMZyqZ.js";
3
- import { useRender as u } from "@base-ui/react/use-render";
4
- import { clsx as T } from "clsx";
5
- import { jsx as _ } from "react/jsx-runtime";
6
- var e = {
7
- background: 4,
8
- border: 6,
9
- icon: 10
10
- }, a = (r, o) => n.color[`${r}${o}`] ?? n.tag.text[r], p = (r) => {
11
- const o = C(r);
12
- return {
13
- backgroundColor: a(o, e.background),
14
- iconColor: a(o, e.icon),
15
- borderColor: a(o, e.border)
16
- };
17
- }, b = "_root_9ntdy_1", h = { root: b }, L = ({ icon: r, color: o = m, className: l, style: s, render: c, ref: d, ...i }) => {
18
- const t = p(o);
19
- return u({
20
- render: c,
21
- ref: d,
22
- props: {
23
- ...i,
24
- className: T(h.root, l),
25
- style: {
26
- backgroundColor: t.backgroundColor,
27
- color: t.iconColor,
28
- ...s
29
- },
30
- children: /* @__PURE__ */ _("span", {
31
- "aria-hidden": "true",
32
- children: r
33
- })
34
- }
35
- });
36
- };
37
- export {
38
- p as n,
39
- L as t
40
- };
@@ -1 +0,0 @@
1
- const n=require("./theme-1XkFz8Qu.cjs"),_=require("./utilities-xZh8D2gd.cjs");let C=require("@base-ui/react/use-render"),b=require("clsx"),T=require("react/jsx-runtime");var o={background:4,border:6,icon:10},t=(r,e)=>n.themeCssVariables.color[`${r}${e}`]??n.themeCssVariables.tag.text[r],l=r=>{const e=_.parseThemeColor(r);return{backgroundColor:t(e,o.background),iconColor:t(e,o.icon),borderColor:t(e,o.border)}},g="_root_9ntdy_1",h={root:g},m=({icon:r,color:e=n.DEFAULT_THEME_COLOR_FALLBACK,className:c,style:a,render:u,ref:s,...d})=>{const i=l(e);return(0,C.useRender)({render:u,ref:s,props:{...d,className:(0,b.clsx)(h.root,c),style:{backgroundColor:i.backgroundColor,color:i.iconColor,...a},children:(0,T.jsx)("span",{"aria-hidden":"true",children:r})}})};Object.defineProperty(exports,"TintedIconTile",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"getIconTileColorShades",{enumerable:!0,get:function(){return l}});
@@ -1 +0,0 @@
1
- const re=require("./theme-1XkFz8Qu.cjs"),ie=require("./isDefined-DS2Q42p5.cjs"),T=require("./mergeClassNames-D4lshrT6.cjs"),a=require("./isRenderableSlot-Guryb6Nf.cjs"),oe=require("./useProvidedTextDirection-PVaoQCLH.cjs");let p=require("@sniptt/guards"),e=require("react/jsx-runtime"),t=require("@base-ui/react/tooltip");var te="_positioner_16x57_1",se="_popup_16x57_8",ae="_content_16x57_50",ne="_title_16x57_56",le="_icon_16x57_68",pe="_description_16x57_78",de="_arrow_16x57_84",n={positioner:te,popup:se,content:ae,title:ne,icon:le,description:pe,arrow:de},v=({className:r,...o})=>(0,e.jsx)(t.Tooltip.Arrow,{...o,className:T.mergeClassNames(n.arrow,r)}),j=({children:r,description:o,startIcon:i})=>(0,e.jsxs)("div",{className:n.content,children:[a.isRenderableSlot(r)&&(0,e.jsxs)("div",{className:n.title,children:[a.isRenderableSlot(i)&&(0,e.jsx)("span",{className:n.icon,"aria-hidden":!0,children:i}),(0,e.jsx)("span",{children:r})]}),a.isRenderableSlot(o)&&(0,e.jsx)("div",{className:n.description,children:o})]}),g=({className:r,withExitAnimation:o=!1,maxWidth:i,style:l,...d})=>(0,e.jsx)(t.Tooltip.Popup,{role:"tooltip","data-with-exit-animation":o||void 0,...d,className:T.mergeClassNames(n.popup,r),style:c=>({"--tw-tooltip-max-width":(0,p.isNumber)(i)?`${i}px`:i,...(0,p.isFunction)(l)?l(c):l})}),b=({container:r,...o})=>{const i=re.useThemeContainer();return(0,e.jsx)(t.Tooltip.Portal,{...o,container:r??i??void 0})},h=({className:r,...o})=>{const i=oe.useProvidedTextDirection();return(0,e.jsx)(t.Tooltip.Positioner,{dir:i,...o,className:T.mergeClassNames(n.positioner,r)})},ce=10,ue="300px",_e=({content:r,children:o,description:i,startIcon:l,open:d,defaultOpen:c,onOpenChange:P,onOpenChangeComplete:q,disabled:N=!1,disableHoverablePopup:f,trackCursorAxis:w,actionsRef:R,handle:S,triggerId:D,defaultTriggerId:F,delay:A,closeDelay:H,closeOnClick:O,side:y="top",align:C="center",sideOffset:E=ce,alignOffset:L,anchor:B,positionMethod:U,collisionBoundary:V,collisionPadding:M,collisionAvoidance:X,sticky:$,arrowPadding:k,disableAnchorTracking:z,arrow:G=!1,maxWidth:I=ue,container:J,keepMounted:K,triggerProps:Q,positionerProps:Y,portalProps:Z,...W})=>{const u=a.isRenderableSlot(i),_=N||!(0,p.isFunction)(r)&&!a.isRenderableSlot(r)&&!u,x=(0,e.jsx)(t.Tooltip.Trigger,{render:o,delay:A,closeDelay:H,closeOnClick:O,...Q}),m=s=>{if(!(a.isRenderableSlot(s)||u))return(0,e.jsx)(e.Fragment,{children:x});const ee=(0,p.isString)(s)||(0,p.isNumber)(s)||u||a.isRenderableSlot(l);return(0,e.jsxs)(e.Fragment,{children:[x,(0,e.jsx)(b,{container:J,keepMounted:K,...Z,children:(0,e.jsx)(h,{side:y,align:C,sideOffset:E,alignOffset:L,anchor:B,positionMethod:U,collisionBoundary:V,collisionPadding:M,collisionAvoidance:X,sticky:$,arrowPadding:k,disableAnchorTracking:z,...Y,children:(0,e.jsxs)(g,{maxWidth:I,...W,children:[ee?(0,e.jsx)(j,{description:i,startIcon:l,children:s}):s,G&&(0,e.jsx)(v,{})]})})})]})};return(0,e.jsx)(t.Tooltip.Root,{open:ie.isDefined(d)?d&&!_:void 0,defaultOpen:c&&!_,onOpenChange:P,onOpenChangeComplete:q,disabled:_,disableHoverablePopup:f,trackCursorAxis:w,actionsRef:R,handle:S,triggerId:D,defaultTriggerId:F,children:(0,p.isFunction)(r)?s=>m(r(s)):m(r)})},Te=Object.assign(_e,{Root:t.Tooltip.Root,Trigger:t.Tooltip.Trigger,Portal:b,Positioner:h,Popup:g,Arrow:v,Viewport:t.Tooltip.Viewport,Provider:t.Tooltip.Provider,Handle:t.Tooltip.Handle,createHandle:t.Tooltip.createHandle});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return Te}});Object.defineProperty(exports,"TooltipBody",{enumerable:!0,get:function(){return j}});
@@ -1,124 +0,0 @@
1
- import { t as er } from "./isDefined-fMi6eQ4r.js";
2
- import { t as tr } from "./theme-B2EaXhye.js";
3
- import { t as u } from "./mergeClassNames-ClFMR1v0.js";
4
- import { t as n } from "./isRenderableSlot-DT_depzM.js";
5
- import { t as ar } from "./useProvidedTextDirection-Dk8LBQeF.js";
6
- import { isFunction as v, isNumber as x, isString as nr } from "@sniptt/guards";
7
- import { Fragment as h, jsx as o, jsxs as d } from "react/jsx-runtime";
8
- import { Tooltip as t } from "@base-ui/react/tooltip";
9
- var sr = "_positioner_16x57_1", pr = "_popup_16x57_8", lr = "_content_16x57_50", dr = "_title_16x57_56", cr = "_icon_16x57_68", mr = "_description_16x57_78", _r = "_arrow_16x57_84", s = {
10
- positioner: sr,
11
- popup: pr,
12
- content: lr,
13
- title: dr,
14
- icon: cr,
15
- description: mr,
16
- arrow: _r
17
- }, g = ({ className: r, ...e }) => /* @__PURE__ */ o(t.Arrow, {
18
- ...e,
19
- className: u(s.arrow, r)
20
- }), vr = ({ children: r, description: e, startIcon: i }) => /* @__PURE__ */ d("div", {
21
- className: s.content,
22
- children: [n(r) && /* @__PURE__ */ d("div", {
23
- className: s.title,
24
- children: [n(i) && /* @__PURE__ */ o("span", {
25
- className: s.icon,
26
- "aria-hidden": !0,
27
- children: i
28
- }), /* @__PURE__ */ o("span", { children: r })]
29
- }), n(e) && /* @__PURE__ */ o("div", {
30
- className: s.description,
31
- children: e
32
- })]
33
- }), P = ({ className: r, withExitAnimation: e = !1, maxWidth: i, style: p, ...l }) => /* @__PURE__ */ o(t.Popup, {
34
- role: "tooltip",
35
- "data-with-exit-animation": e || void 0,
36
- ...l,
37
- className: u(s.popup, r),
38
- style: (c) => ({
39
- "--tw-tooltip-max-width": x(i) ? `${i}px` : i,
40
- ...v(p) ? p(c) : p
41
- })
42
- }), w = ({ container: r, ...e }) => {
43
- const i = tr();
44
- return /* @__PURE__ */ o(t.Portal, {
45
- ...e,
46
- container: r ?? i ?? void 0
47
- });
48
- }, N = ({ className: r, ...e }) => {
49
- const i = ar();
50
- return /* @__PURE__ */ o(t.Positioner, {
51
- dir: i,
52
- ...e,
53
- className: u(s.positioner, r)
54
- });
55
- }, ur = 10, Tr = "300px", fr = ({ content: r, children: e, description: i, startIcon: p, open: l, defaultOpen: c, onOpenChange: D, onOpenChangeComplete: A, disabled: F = !1, disableHoverablePopup: b, trackCursorAxis: H, actionsRef: E, handle: R, triggerId: S, defaultTriggerId: j, delay: L, closeDelay: O, closeOnClick: U, side: V = "top", align: $ = "center", sideOffset: y = ur, alignOffset: B, anchor: C, positionMethod: M, collisionBoundary: X, collisionPadding: k, collisionAvoidance: q, sticky: z, arrowPadding: G, disableAnchorTracking: I, arrow: J = !1, maxWidth: K = Tr, container: Q, keepMounted: Y, triggerProps: Z, positionerProps: W, portalProps: rr, ...or }) => {
56
- const m = n(i), _ = F || !v(r) && !n(r) && !m, T = /* @__PURE__ */ o(t.Trigger, {
57
- render: e,
58
- delay: L,
59
- closeDelay: O,
60
- closeOnClick: U,
61
- ...Z
62
- }), f = (a) => {
63
- if (!(n(a) || m)) return /* @__PURE__ */ o(h, { children: T });
64
- const ir = nr(a) || x(a) || m || n(p);
65
- return /* @__PURE__ */ d(h, { children: [T, /* @__PURE__ */ o(w, {
66
- container: Q,
67
- keepMounted: Y,
68
- ...rr,
69
- children: /* @__PURE__ */ o(N, {
70
- side: V,
71
- align: $,
72
- sideOffset: y,
73
- alignOffset: B,
74
- anchor: C,
75
- positionMethod: M,
76
- collisionBoundary: X,
77
- collisionPadding: k,
78
- collisionAvoidance: q,
79
- sticky: z,
80
- arrowPadding: G,
81
- disableAnchorTracking: I,
82
- ...W,
83
- children: /* @__PURE__ */ d(P, {
84
- maxWidth: K,
85
- ...or,
86
- children: [ir ? /* @__PURE__ */ o(vr, {
87
- description: i,
88
- startIcon: p,
89
- children: a
90
- }) : a, J && /* @__PURE__ */ o(g, {})]
91
- })
92
- })
93
- })] });
94
- };
95
- return /* @__PURE__ */ o(t.Root, {
96
- open: er(l) ? l && !_ : void 0,
97
- defaultOpen: c && !_,
98
- onOpenChange: D,
99
- onOpenChangeComplete: A,
100
- disabled: _,
101
- disableHoverablePopup: b,
102
- trackCursorAxis: H,
103
- actionsRef: E,
104
- handle: R,
105
- triggerId: S,
106
- defaultTriggerId: j,
107
- children: v(r) ? (a) => f(r(a)) : f(r)
108
- });
109
- }, Fr = Object.assign(fr, {
110
- Root: t.Root,
111
- Trigger: t.Trigger,
112
- Portal: w,
113
- Positioner: N,
114
- Popup: P,
115
- Arrow: g,
116
- Viewport: t.Viewport,
117
- Provider: t.Provider,
118
- Handle: t.Handle,
119
- createHandle: t.createHandle
120
- });
121
- export {
122
- vr as n,
123
- Fr as t
124
- };
@@ -1,2 +0,0 @@
1
- import { MenuItemProps } from './types/MenuItemProps';
2
- export declare const MenuItem: ({ accent, className, withIconContainer, withIconContainerBackground, iconButtons, isIconDisplayedOnHoverOnly, LeftIcon, iconThemeColor, LeftComponent, RightIcon, RightComponent, onClick, onMouseEnter, onMouseLeave, testId, text, contextualTextPosition, contextualText, hasSubMenu, disabled, focused, selected, shortcut, shortcutJoinLabel, isSubMenuOpened, }: MenuItemProps) => import("react").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { IconComponent } from '../../../../icon';
2
- import { ThemeColor } from '../../../../theme';
3
- export type MenuItemIconProps = {
4
- Icon: IconComponent | null | undefined;
5
- iconThemeColor?: ThemeColor | null;
6
- withContainer?: boolean;
7
- withContainerBackground?: boolean;
8
- };
9
- export declare const MenuItemIcon: ({ Icon, iconThemeColor, withContainer, withContainerBackground, }: MenuItemIconProps) => import("react").JSX.Element | null;
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export declare const StyledIconContainer: ({ children, className, hasBackground, }: {
3
- children?: ReactNode;
4
- className?: string;
5
- hasBackground?: boolean;
6
- }) => import("react").JSX.Element;
7
- export { StyledIconContainer as MenuItemIconBoxContainer };
@@ -1,8 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export type MenuItemIconWithGripSwapProps = {
3
- leadingContent?: ReactNode;
4
- withIconContainer?: boolean;
5
- withIconContainerBackground?: boolean;
6
- gripIconColor: string;
7
- };
8
- export declare const MenuItemIconWithGripSwap: ({ leadingContent, withIconContainer, withIconContainerBackground, gripIconColor, }: MenuItemIconWithGripSwapProps) => import("react").JSX.Element | null;
@@ -1,19 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { MenuItemDraggableGripMode } from '../types/MenuItemDraggableGripMode';
3
- import { IconComponent } from '../../../../icon';
4
- import { ThemeColor } from '../../../../theme';
5
- type MenuItemLeftContentProps = {
6
- className?: string;
7
- LeftComponent?: ReactNode;
8
- LeftIcon: IconComponent | null | undefined;
9
- iconThemeColor?: ThemeColor | null;
10
- withIconContainer?: boolean;
11
- withIconContainerBackground?: boolean;
12
- gripMode?: MenuItemDraggableGripMode;
13
- disabled?: boolean;
14
- text: ReactNode;
15
- contextualText?: ReactNode;
16
- contextualTextPosition?: 'left' | 'right';
17
- };
18
- export declare const MenuItemLeftContent: ({ className, LeftComponent, LeftIcon, iconThemeColor, withIconContainer, withIconContainerBackground, text, contextualText, contextualTextPosition, gripMode, disabled, }: MenuItemLeftContentProps) => import("react").JSX.Element;
19
- export {};
@@ -1,25 +0,0 @@
1
- import { MenuItemAccent } from '../types/MenuItemAccent';
2
- export type MenuItemBaseProps = {
3
- accent?: MenuItemAccent;
4
- isKeySelected?: boolean;
5
- isHoverBackgroundDisabled?: boolean;
6
- hovered?: boolean;
7
- disabled?: boolean;
8
- focused?: boolean;
9
- };
10
- export declare const StyledMenuItemBase: import('react').ForwardRefExoticComponent<MenuItemBaseProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
11
- export declare const StyledMenuItemLabel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
12
- export declare const StyledMenuItemLabelLight: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
13
- export declare const StyledNoIconFiller: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
14
- export declare const StyledMenuItemLeftContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
15
- export declare const StyledMenuItemRightContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
16
- export declare const StyledDraggableItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
17
- export declare const StyledHoverableMenuItemBase: import('react').ForwardRefExoticComponent<{
18
- isIconDisplayedOnHoverOnly?: boolean;
19
- cursor?: "drag" | "default";
20
- } & MenuItemBaseProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
21
- export declare const StyledMenuItemIconCheck: ({ size }: {
22
- size?: number;
23
- }) => import("react").JSX.Element;
24
- export declare const StyledMenuItemContextualText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
25
- export declare const StyledRightMenuItemContextualText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -1 +0,0 @@
1
- export type MenuItemDraggableGripMode = 'always' | 'onHover' | 'never';
@@ -1,33 +0,0 @@
1
- import { ShortcutDefinition } from '../../../../primitives/typography/Shortcut/types/ShortcutDefinition';
2
- import { MenuItemAccent } from './MenuItemAccent';
3
- import { IconComponent } from '../../../../icon';
4
- import { ThemeColor } from '../../../../theme';
5
- import { MouseEvent, ReactNode } from 'react';
6
- export type MenuItemProps = {
7
- accent?: MenuItemAccent;
8
- className?: string;
9
- withIconContainer?: boolean;
10
- withIconContainerBackground?: boolean;
11
- iconButtons?: ReactNode;
12
- isIconDisplayedOnHoverOnly?: boolean;
13
- isTooltipOpen?: boolean;
14
- LeftIcon?: IconComponent | null;
15
- iconThemeColor?: ThemeColor | null;
16
- LeftComponent?: ReactNode;
17
- RightIcon?: IconComponent | null;
18
- RightComponent?: ReactNode;
19
- onClick?: (event: MouseEvent<HTMLDivElement>) => void;
20
- onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
21
- onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
22
- testId?: string;
23
- disabled?: boolean;
24
- text: ReactNode;
25
- contextualTextPosition?: 'left' | 'right';
26
- contextualText?: ReactNode;
27
- hasSubMenu?: boolean;
28
- focused?: boolean;
29
- selected?: boolean;
30
- shortcut?: ShortcutDefinition;
31
- shortcutJoinLabel?: string;
32
- isSubMenuOpened?: boolean;
33
- };
@@ -1,2 +0,0 @@
1
- import { MenuItemAvatarProps } from './types/MenuItemAvatarProps';
2
- export declare const MenuItemAvatar: ({ accent, className, iconButtons, isIconDisplayedOnHoverOnly, isTooltipOpen, onClick, onMouseEnter, onMouseLeave, testId, avatar, hasSubMenu, text, contextualText, }: MenuItemAvatarProps) => import("react").JSX.Element;
@@ -1,18 +0,0 @@
1
- import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
2
- import { AvatarProps } from '../../../../primitives/data-display/Avatar/types/AvatarProps';
3
- import { MouseEvent, ReactNode } from 'react';
4
- export type MenuItemAvatarProps = {
5
- accent?: MenuItemAccent;
6
- className?: string;
7
- iconButtons?: ReactNode;
8
- isIconDisplayedOnHoverOnly?: boolean;
9
- isTooltipOpen?: boolean;
10
- avatar?: Pick<AvatarProps, 'src' | 'colorSeed' | 'name' | 'size' | 'shape'> | null;
11
- onClick?: (event: MouseEvent<HTMLDivElement>) => void;
12
- onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
13
- onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
14
- testId?: string;
15
- text: string;
16
- hasSubMenu?: boolean;
17
- contextualText?: ReactNode;
18
- };
@@ -1,2 +0,0 @@
1
- import { MenuItemDraggableProps } from './types/MenuItemDraggableProps';
2
- export declare const MenuItemDraggable: ({ LeftIcon, LeftComponent, withIconContainer, accent, iconButtons, onClick, text, contextualText, isDragDisabled, className, isIconDisplayedOnHoverOnly, gripMode, }: MenuItemDraggableProps) => import("react").JSX.Element;
@@ -1,20 +0,0 @@
1
- import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
2
- import { MenuItemDraggableGripMode } from '../../MenuItem/types/MenuItemDraggableGripMode';
3
- import { IconComponent } from '../../../../icon';
4
- import { ReactNode } from 'react';
5
- export type MenuItemDraggableProps = {
6
- LeftIcon?: IconComponent | undefined;
7
- LeftComponent?: ReactNode;
8
- withIconContainer?: boolean;
9
- accent?: MenuItemAccent;
10
- iconButtons?: ReactNode;
11
- isTooltipOpen?: boolean;
12
- onClick?: () => void;
13
- text: ReactNode;
14
- contextualText?: ReactNode;
15
- className?: string;
16
- isIconDisplayedOnHoverOnly?: boolean;
17
- gripMode?: MenuItemDraggableGripMode;
18
- isDragDisabled?: boolean;
19
- isHoverDisabled?: boolean;
20
- };
@@ -1,2 +0,0 @@
1
- import { MenuItemSuggestionProps } from './types/MenuItemSuggestionProps';
2
- export declare const MenuItemSuggestion: ({ LeftIcon, withIconContainer, text, contextualText, contextualTextPosition, className, selected, onClick, }: MenuItemSuggestionProps) => import("react").JSX.Element;
@@ -1,12 +0,0 @@
1
- import { IconComponent } from '../../../../icon';
2
- import { MouseEvent } from 'react';
3
- export type MenuItemSuggestionProps = {
4
- LeftIcon?: IconComponent | null;
5
- withIconContainer?: boolean;
6
- text: string;
7
- contextualText?: string;
8
- contextualTextPosition?: 'left' | 'right';
9
- selected?: boolean;
10
- className?: string;
11
- onClick?: (event: MouseEvent<HTMLLIElement>) => void;
12
- };
@@ -1,2 +0,0 @@
1
- import { MenuPickerProps } from './types/MenuPickerProps';
2
- export declare const MenuPicker: ({ id, icon: Icon, label, selected, disabled, showLabel, onClick, className, testId, tooltipContent, tooltipDelay, tooltipOffset, }: MenuPickerProps) => import("react").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { IconComponent } from '../../../../icon';
2
- export type MenuPickerProps = {
3
- id: string;
4
- className?: string;
5
- disabled?: boolean;
6
- icon: IconComponent;
7
- label?: string;
8
- onClick?: () => void;
9
- selected?: boolean;
10
- showLabel?: boolean;
11
- testId?: string;
12
- tooltipContent?: string;
13
- tooltipDelay?: number;
14
- tooltipOffset?: number;
15
- };
@@ -1 +0,0 @@
1
- const o=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),A=require("./doNotTranslate-CHE7WmRS.cjs"),k=require("./utilities-xZh8D2gd.cjs"),z=require("./Loader-Bb72CUQ9.cjs"),y=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs");let p=require("@base-ui/react/use-render"),f=require("@sniptt/guards"),g=require("clsx"),e=require("react/jsx-runtime");var L={xl:{fontSize:"16px",width:"40px"},lg:{fontSize:"13px",width:"24px"},md:{fontSize:"12px",width:"16px"},sm:{fontSize:"10px",width:"14px"},xs:{fontSize:"8px",width:"12px"}},F="_badge_1q6rc_1",Y={badge:F},I=({size:t="sm",color:r="tertiary",shape:s="pill",className:l,render:a,ref:n,...i})=>(0,p.useRender)({defaultTagName:"span",render:a,ref:n,props:{...i,className:(0,g.clsx)(Y.badge,l),"data-badge-size":t,"data-badge-color":r,"data-badge-shape":s}}),M="_chip_j2xcu_1",W="_label_j2xcu_26",Z="_endElementDivider_j2xcu_75",v={chip:M,label:W,endElementDivider:Z},$={height:"var(--t-spacing-4)"},U=({children:t,size:r="sm",variant:s="ghost",color:l="primary",shape:a="square",weight:n="regular",onClick:i,clickable:d=_.isDefined(i),startElement:c,endElement:u,endElementDivider:b=!1,maxWidth:m,truncate:h=!0,tooltipContent:j,tooltipDelay:C,isTooltipMultiline:w,tooltipPlace:S,alwaysShowTooltip:N=!1,className:O,style:P,render:R,ref:V,...D})=>{const E=_.isDefined(t)&&!(0,f.isBoolean)(t)&&t!=="",B=(0,f.isString)(t)?{text:t,tooltipContent:j}:{text:t??!1,tooltipContent:j??""};return(0,p.useRender)({render:R,ref:V,state:{size:r,variant:s,color:l,shape:a,weight:n,clickable:d,truncate:h},props:{...D,onClick:i,className:(0,g.clsx)(v.chip,O),style:{..._.isDefined(m)?{"--tw-chip-max-width":A.doNotTranslate(`calc(${m}px - 2 * var(--tw-chip-padding))`)}:{},...P},children:(0,e.jsxs)(e.Fragment,{children:[c,E&&(0,e.jsx)(y.OverflowingTextWithTooltip,{...B,render:(0,e.jsx)("span",{}),className:v.label,style:r==="md"?$:void 0,truncate:h,tooltipDelay:C,isTooltipMultiline:w,tooltipPlace:S,alwaysShowTooltip:N}),_.isDefined(u)&&u!==!1&&(0,e.jsxs)(e.Fragment,{children:[b&&(0,e.jsx)("span",{className:v.endElementDivider}),u]})]})}})},G="_root_6bfj6_1",H="_circle_6bfj6_13",T={root:G,circle:H},J=({colorName:t,color:r,variant:s,className:l,style:a,render:n,ref:i,...d})=>(0,p.useRender)({defaultTagName:"div",render:n,ref:i,props:{...d,className:(0,g.clsx)(T.root,s==="circle"&&T.circle,l),style:{"--color-sample-color":r??o.themeCssVariables.tag.background[t],"--color-sample-border-color":o.themeCssVariables.tag.text[t],...a}}}),K="_status_y5v42_1",Q="_content_y5v42_49",q={status:K,content:Q},X=({children:t,color:r,loading:s=!1,weight:l="regular",className:a,style:n,render:i,ref:d,...c})=>{const u=k.parseThemeColor(r);return(0,p.useRender)({defaultTagName:"span",render:i,ref:d,state:{loading:s,weight:l},props:{"aria-busy":s||void 0,...c,className:(0,g.clsx)(q.status,a),style:{"--tw-status-background":o.themeCssVariables.tag.background[u],"--tw-status-text-color":o.themeCssVariables.tag.text[u],...n},children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:q.content,children:t}),s&&(0,e.jsx)(z.Loader,{color:r,"aria-hidden":"true",render:(0,e.jsx)("span",{})})]})}})},ee="_tag_1rqsl_1",te="_content_1rqsl_46",re="_overflowingText_1rqsl_55",ae="_iconContainer_1rqsl_59",x={tag:ee,content:te,overflowingText:re,iconContainer:ae},se=({children:t,color:r,weight:s="regular",variant:l="soft",startIcon:a,truncate:n=!0,borderStyle:i="solid",className:d,style:c,render:u,ref:b,...m})=>(0,p.useRender)({defaultTagName:"span",render:u,ref:b,state:{variant:l,weight:s,truncate:n},props:{...m,className:(0,g.clsx)(x.tag,d),style:{"--tw-tag-background":r==="transparent"?"transparent":o.themeCssVariables.tag.background[r]??o.themeCssVariables.tag.background.gray,"--tw-tag-text":r==="transparent"?o.themeCssVariables.font.color.secondary:o.themeCssVariables.tag.text[r]??o.themeCssVariables.font.color.secondary,"--tw-tag-border-style":i,...c},children:(0,e.jsxs)(e.Fragment,{children:[_.isDefined(a)&&!(0,f.isBoolean)(a)&&a!==""&&(0,e.jsx)("span",{className:x.iconContainer,"aria-hidden":!0,children:a}),(0,e.jsx)("span",{className:x.content,children:(0,f.isString)(t)&&n?(0,e.jsx)(y.OverflowingTextWithTooltip,{text:t,render:(0,e.jsx)("span",{}),className:x.overflowingText}):t})]})}});Object.defineProperty(exports,"AVATAR_PROPERTIES_BY_SIZE",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return I}});Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return U}});Object.defineProperty(exports,"ColorSample",{enumerable:!0,get:function(){return J}});Object.defineProperty(exports,"Status",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return se}});