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
@@ -3,74 +3,73 @@ import { n as a } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
3
3
  import { t as m } from "./ProgressRing-8mYV9cxE.js";
4
4
  import { t as e } from "./Loader-DtHWQH8w.js";
5
5
  import { t as f } from "./Shortcut-Bp9iDdQg.js";
6
- import { t as l } from "./Button-DIw804CX.js";
7
- import { n as u, t as S } from "./ProgressBar-B3xACTV2.js";
8
- import { t as g } from "./Tooltip-cLCgtFBF.js";
9
- import { r as E, t as P } from "./OverflowingTextWithTooltip-BmUROIah.js";
6
+ import { t as l } from "./Button-CU8BS-Yd.js";
7
+ import { n as u, t as S } from "./ProgressBar-D4tKQ7OA.js";
8
+ import { t as g } from "./Tooltip-6uS8_wdA.js";
9
+ import { r as E, t as P } from "./OverflowingTextWithTooltip-BtB9cGdJ.js";
10
10
  import { t as B } from "./Separator-0LzwPfOn.js";
11
- import { t as R } from "./ListItem-DizNUBT8.js";
11
+ import { t as R } from "./ListItem-C84ANa76.js";
12
12
  import { t as v } from "./Popover-CWeCV7X9.js";
13
13
  import { t as A } from "./Input-DZWl81G_.js";
14
- import { n as H, r as _, t as w } from "./Radio-BEAztmPu.js";
15
- import { t as G } from "./Heading-pXllCJCO.js";
16
- import { t as k } from "./Avatar-ifVlxbx_.js";
17
- import { t as y } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
18
- import { t as K } from "./Switch-DOd0gh7W.js";
19
- import { a as V, i as Z, n as z, o as M, r as W, t as Y } from "./data-display-DtXIhJ4B.js";
20
- import { n as q, t as J } from "./feedback-DA-AU5z5.js";
21
- import { a as U, c as X, i as $, n as oo, o as ro, r as to, s as ao, t as so } from "./input-D1oyk0tD.js";
22
- import { n as io, t as eo } from "./layout-xYrynD7_.js";
23
- import { t as fo } from "./ResizeHandle-B30OYZxS.js";
24
- import { n as lo, t as uo } from "./navigation-CIVYqPc5.js";
25
- import { n as To, r as go, t as co } from "./surfaces-BLsR5ka0.js";
26
- import { n as Po, t as ho } from "./typography-DT2eKLvd.js";
14
+ import { n as H, r as _, t as w } from "./Radio-BwBZ4e8g.js";
15
+ import { t as G } from "./Heading-Nj5BlPqB.js";
16
+ import { t as k } from "./Switch-DOd0gh7W.js";
17
+ import { t as y } from "./accessibility-C8Uz61XJ.js";
18
+ import { a as K, i as N, n as V, o as Z, r as z, s as M, t as W } from "./data-display-CXw-mxeS.js";
19
+ import { n as j, t as q } from "./feedback-BSOWDBI0.js";
20
+ import { a as Q, c as U, i as X, n as $, o as oo, r as ro, s as to, t as ao } from "./input-k5cMhFI_.js";
21
+ import { n as mo, t as io } from "./layout-xYrynD7_.js";
22
+ import { t as po } from "./ResizeHandle-B30OYZxS.js";
23
+ import { n as no, t as lo } from "./navigation-BY8X2w04.js";
24
+ import { n as So, r as To, t as go } from "./surfaces-vhSZBmbz.js";
25
+ import { n as Eo, t as Po } from "./typography-BPdXzW2T.js";
27
26
  export {
28
- M as AVATAR_PROPERTIES_BY_SIZE,
29
- go as AlertDialog,
30
- X as Autocomplete,
31
- k as Avatar,
32
- V as Badge,
27
+ Z as AVATAR_PROPERTIES_BY_SIZE,
28
+ To as AlertDialog,
29
+ U as Autocomplete,
30
+ M as Avatar,
31
+ K as Badge,
33
32
  u as Banner,
34
- lo as Breadcrumb,
33
+ no as Breadcrumb,
35
34
  l as Button,
36
- ao as ButtonGroup,
37
- To as Card,
38
- ro as Checkbox,
39
- Z as Chip,
40
- io as Collapsible,
41
- W as ColorSample,
42
- co as Dialog,
43
- eo as DirectionProvider,
44
- U as Field,
35
+ to as ButtonGroup,
36
+ So as Card,
37
+ oo as Checkbox,
38
+ N as Chip,
39
+ mo as Collapsible,
40
+ z as ColorSample,
41
+ go as Dialog,
42
+ io as DirectionProvider,
43
+ Q as Field,
45
44
  G as Heading,
46
45
  A as Input,
47
46
  H as InputGroup,
48
47
  R as ListItem,
49
48
  e as Loader,
50
49
  _ as NumberField,
51
- Po as OverflowingTextTooltipModeProvider,
50
+ Eo as OverflowingTextTooltipModeProvider,
52
51
  P as OverflowingTextWithTooltip,
53
52
  v as Popover,
54
53
  a as Progress,
55
54
  S as ProgressBar,
56
55
  m as ProgressRing,
57
56
  w as Radio,
58
- $ as RadioGroup,
59
- fo as ResizeHandle,
60
- q as SKELETON_HEIGHT_SIZES,
61
- to as Select,
57
+ X as RadioGroup,
58
+ po as ResizeHandle,
59
+ j as SKELETON_HEIGHT_SIZES,
60
+ ro as Select,
62
61
  B as Separator,
63
62
  f as Shortcut,
64
- J as Skeleton,
65
- oo as Slider,
66
- z as Status,
67
- K as Switch,
68
- uo as Tabs,
69
- Y as Tag,
63
+ q as Skeleton,
64
+ $ as Slider,
65
+ V as Status,
66
+ k as Switch,
67
+ lo as Tabs,
68
+ W as Tag,
70
69
  E as Text,
71
- so as Textarea,
70
+ ao as Textarea,
72
71
  g as Tooltip,
73
72
  r as VisuallyHidden,
74
- ho as formatShortcut,
73
+ Po as formatShortcut,
75
74
  y as handleClickableElementKeyDown
76
75
  };
@@ -1 +1 @@
1
- const I=require("./isDefined-DS2Q42p5.cjs"),S=require("./isRenderableSlot-Guryb6Nf.cjs"),f=require("./ListItem-DwBb-I1D.cjs"),j=require("./Switch-Ck8QAAbb.cjs");let m=require("@base-ui/react/use-render"),w=require("react"),i=require("react/jsx-runtime");var g=({render:t,ref:a,...r})=>(0,m.useRender)({defaultTagName:"label",render:t,ref:a,props:r}),x=({children:t,startElement:a,description:r,focused:u=!1,labelRender:b,labelRef:o,...e})=>{const s=(0,w.useId)(),{id:d=s,size:q="sm"}=e,n=`${s}-label`,l=`${s}-description`,c=S.isRenderableSlot(r),_=I.isDefined(e["aria-label"]);return(0,i.jsx)(f.ListItem,{startIcon:a,focused:u,"data-disabled":e.disabled||void 0,description:c&&(0,i.jsx)("span",{id:l,children:r}),render:h=>(0,i.jsx)(g,{...h,htmlFor:d,render:b,ref:o}),endIcon:(0,i.jsx)(j.Switch,{...e,"aria-labelledby":e["aria-labelledby"]??(_?"":n),"aria-describedby":e["aria-describedby"]??(c?l:void 0),id:d,size:q}),children:(0,i.jsx)("span",{id:n,children:t})})};Object.defineProperty(exports,"SettingsRow",{enumerable:!0,get:function(){return x}});
1
+ const I=require("./isDefined-DS2Q42p5.cjs"),S=require("./isRenderableSlot-Guryb6Nf.cjs"),f=require("./ListItem-C6Xl00m1.cjs"),j=require("./Switch-Ck8QAAbb.cjs");let m=require("@base-ui/react/use-render"),w=require("react"),i=require("react/jsx-runtime");var g=({render:t,ref:a,...r})=>(0,m.useRender)({defaultTagName:"label",render:t,ref:a,props:r}),x=({children:t,startElement:a,description:r,focused:u=!1,labelRender:b,labelRef:o,...e})=>{const s=(0,w.useId)(),{id:d=s,size:q="sm"}=e,n=`${s}-label`,l=`${s}-description`,c=S.isRenderableSlot(r),_=I.isDefined(e["aria-label"]);return(0,i.jsx)(f.ListItem,{startIcon:a,focused:u,"data-disabled":e.disabled||void 0,description:c&&(0,i.jsx)("span",{id:l,children:r}),render:h=>(0,i.jsx)(g,{...h,htmlFor:d,render:b,ref:o}),endIcon:(0,i.jsx)(j.Switch,{...e,"aria-labelledby":e["aria-labelledby"]??(_?"":n),"aria-describedby":e["aria-describedby"]??(c?l:void 0),id:d,size:q}),children:(0,i.jsx)("span",{id:n,children:t})})};Object.defineProperty(exports,"SettingsRow",{enumerable:!0,get:function(){return x}});
@@ -1,6 +1,6 @@
1
1
  import { t as I } from "./isDefined-fMi6eQ4r.js";
2
2
  import { t as w } from "./isRenderableSlot-DT_depzM.js";
3
- import { t as S } from "./ListItem-DizNUBT8.js";
3
+ import { t as S } from "./ListItem-C84ANa76.js";
4
4
  import { t as g } from "./Switch-DOd0gh7W.js";
5
5
  import { useRender as u } from "@base-ui/react/use-render";
6
6
  import { useId as v } from "react";