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,73 +0,0 @@
1
- import { t as c } from "./isDefined-fMi6eQ4r.js";
2
- import { t as j } from "./doNotTranslate-BSVT8Xyd.js";
3
- import { r as w } from "./theme-B2EaXhye.js";
4
- import { t as _ } from "./mergeClassNames-ClFMR1v0.js";
5
- import { o as p } from "./utilities-BKCMZyqZ.js";
6
- import { isBoolean as y, isFunction as B, isNonEmptyString as R } from "@sniptt/guards";
7
- import { jsx as v, jsxs as S } from "react/jsx-runtime";
8
- import { Avatar as h } from "@base-ui/react/avatar";
9
- var D = "_root_14f7e_1", P = "_avatarPulsing_14f7e_1", $ = "_image_14f7e_89", q = "_fallback_14f7e_101", A = {
10
- root: D,
11
- avatarPulsing: P,
12
- image: $,
13
- fallback: q
14
- }, I = ({ className: a, ...t }) => /* @__PURE__ */ v(h.Fallback, {
15
- ...t,
16
- className: _(A.fallback, a)
17
- }), N = ({ className: a, ...t }) => /* @__PURE__ */ v(h.Image, {
18
- ...t,
19
- className: _(A.image, a)
20
- }), x = (a) => a?.trim().charAt(0).toUpperCase(), C = ({ name: a, colorSeed: t = a, size: i = "md", shape: d = "square", variant: g = "soft", color: f, backgroundColor: b, borderColor: u, pulsing: e = !1, ring: l = !1, className: s, style: n, ...r }) => {
21
- const o = w(), m = x(a), L = m ? f ?? p({
22
- string: t ?? "",
23
- variant: 12,
24
- theme: o
25
- }) : f ?? o.font.color.tertiary, T = m ? b ?? p({
26
- string: t ?? "",
27
- variant: g === "outline" ? 5 : 4,
28
- theme: o
29
- }) : b ?? o.background.transparent.light, F = u ?? (m ? p({
30
- string: t ?? "",
31
- variant: 6,
32
- theme: o
33
- }) : void 0);
34
- return /* @__PURE__ */ v(h.Root, {
35
- ...r,
36
- "data-size": i,
37
- "data-shape": d,
38
- "data-pulsing": e || void 0,
39
- "data-ring": l || void 0,
40
- className: _(A.root, s),
41
- style: (k) => ({
42
- "--tw-avatar-color": L,
43
- "--tw-avatar-background": k.imageLoadingStatus === "loaded" ? "none" : T,
44
- "--tw-avatar-border": g === "outline" && k.imageLoadingStatus !== "loaded" && F ? j(`1px solid ${F}`) : "none",
45
- ...B(n) ? n(k) : n
46
- })
47
- });
48
- }, z = ({ src: a, name: t, icon: i, imageProps: d, fallbackProps: g, backgroundColor: f, ...b }) => {
49
- const u = x(t), e = c(i) && !y(i) && i !== "", l = d?.alt ?? "", s = !e && R(l), { children: n = e ? i : u || "-", ...r } = g ?? {}, o = c(r.role) || c(r["aria-label"]) || c(r["aria-labelledby"]), m = !s && !o && !c(r.render);
50
- return /* @__PURE__ */ S(C, {
51
- ...b,
52
- name: t,
53
- backgroundColor: e ? "inherit" : f,
54
- children: [!e && /* @__PURE__ */ v(N, {
55
- src: a ?? void 0,
56
- ...d,
57
- alt: l
58
- }), /* @__PURE__ */ v(I, {
59
- role: s ? "img" : void 0,
60
- "aria-label": s ? l : void 0,
61
- "aria-hidden": m || void 0,
62
- ...r,
63
- children: n
64
- })]
65
- });
66
- }, Q = Object.assign(z, {
67
- Root: C,
68
- Image: N,
69
- Fallback: I
70
- });
71
- export {
72
- Q as t
73
- };
@@ -1,72 +0,0 @@
1
- import { t as e } from "./isDefined-fMi6eQ4r.js";
2
- import { t as D } from "./mergeClassNames-ClFMR1v0.js";
3
- import { t as l } from "./Loader-DtHWQH8w.js";
4
- import { t as E } from "./Shortcut-Bp9iDdQg.js";
5
- import { clsx as J } from "clsx";
6
- import { createContext as R, useContext as V } from "react";
7
- import { jsx as t, jsxs as h } from "react/jsx-runtime";
8
- import { Button as $ } from "@base-ui/react/button";
9
- var F = R(null), H = "_button_vtbjg_1", K = "_content_vtbjg_181", M = "_label_vtbjg_190", O = "_icon_vtbjg_196", P = "_hidden_vtbjg_206", Q = "_loader_vtbjg_210", a = {
10
- button: H,
11
- content: K,
12
- label: M,
13
- icon: O,
14
- hidden: P,
15
- loader: Q
16
- }, at = ({ variant: j, color: x, size: N, fullWidth: C = !1, loading: o = !1, loadingPosition: n = "center", elevated: k = !1, startIcon: B, endIcon: L, shortcut: c, shortcutJoinLabel: y, disabled: z = !1, href: r, render: v, nativeButton: u, role: S, className: g, children: s, ...m }) => {
17
- const i = V(F), G = j ?? i?.variant ?? "outline", I = x ?? i?.color ?? "neutral", q = N ?? i?.size ?? "md", d = e(r) && !e(v) && u !== !0, w = e(r) ? { href: r } : void 0, _ = S ?? (d ? "link" : void 0), A = e(_) ? { role: _ } : void 0, b = o && n === "center", p = o && n === "start" ? /* @__PURE__ */ t(l, {}) : B, f = o && n === "end" ? /* @__PURE__ */ t(l, {}) : L;
18
- return /* @__PURE__ */ h($, {
19
- ...m,
20
- ...w,
21
- className: D(a.button, g),
22
- "data-variant": G,
23
- "data-color": I,
24
- "data-size": q,
25
- "data-full-width": C || void 0,
26
- "data-loading": o || void 0,
27
- "data-elevated": k || void 0,
28
- "aria-busy": o ? "true" : m["aria-busy"],
29
- disabled: z || o,
30
- ...A,
31
- nativeButton: u ?? !d,
32
- render: v ?? (d ? /* @__PURE__ */ t("a", {
33
- href: r,
34
- children: s
35
- }) : void 0),
36
- children: [/* @__PURE__ */ h("span", {
37
- className: J(a.content, b && a.hidden),
38
- children: [
39
- e(p) && /* @__PURE__ */ t("span", {
40
- className: a.icon,
41
- "aria-hidden": !0,
42
- children: p
43
- }),
44
- e(s) && /* @__PURE__ */ t("span", {
45
- className: a.label,
46
- children: s
47
- }),
48
- e(f) && /* @__PURE__ */ t("span", {
49
- className: a.icon,
50
- "aria-hidden": !0,
51
- children: f
52
- }),
53
- e(c) && /* @__PURE__ */ t(E, {
54
- shortcut: c,
55
- sequenceJoinLabel: y,
56
- variant: "button",
57
- visibility: "desktop",
58
- "aria-hidden": !0
59
- })
60
- ]
61
- }), b && /* @__PURE__ */ t("span", {
62
- className: a.loader,
63
- "aria-hidden": !0,
64
- children: /* @__PURE__ */ t(l, {})
65
- })]
66
- });
67
- };
68
- export {
69
- a as n,
70
- F as r,
71
- at as t
72
- };
@@ -1 +0,0 @@
1
- const t=require("./isDefined-DS2Q42p5.cjs"),w=require("./mergeClassNames-D4lshrT6.cjs"),d=require("./Loader-Bb72CUQ9.cjs"),A=require("./Shortcut-N8TELGPI.cjs");let E=require("clsx"),x=require("react"),e=require("react/jsx-runtime"),J=require("@base-ui/react/button");var q=(0,x.createContext)(null),R="_button_vtbjg_1",V="_content_vtbjg_181",F="_label_vtbjg_190",H="_icon_vtbjg_196",K="_hidden_vtbjg_206",M="_loader_vtbjg_210",r={button:R,content:V,label:F,icon:H,hidden:K,loader:M},Q=({variant:p,color:h,size:D,fullWidth:C=!1,loading:n=!1,loadingPosition:s="center",elevated:N=!1,startIcon:B,endIcon:L,shortcut:l,shortcutJoinLabel:g,disabled:y=!1,href:a,render:c,nativeButton:v,role:k,className:S,children:o,..._})=>{const i=(0,x.useContext)(q),z=p??i?.variant??"outline",G=h??i?.color??"neutral",O=D??i?.size??"md",u=t.isDefined(a)&&!t.isDefined(c)&&v!==!0,P=t.isDefined(a)?{href:a}:void 0,b=k??(u?"link":void 0),I=t.isDefined(b)?{role:b}:void 0,j=n&&s==="center",f=n&&s==="start"?(0,e.jsx)(d.Loader,{}):B,m=n&&s==="end"?(0,e.jsx)(d.Loader,{}):L;return(0,e.jsxs)(J.Button,{..._,...P,className:w.mergeClassNames(r.button,S),"data-variant":z,"data-color":G,"data-size":O,"data-full-width":C||void 0,"data-loading":n||void 0,"data-elevated":N||void 0,"aria-busy":n?"true":_["aria-busy"],disabled:y||n,...I,nativeButton:v??!u,render:c??(u?(0,e.jsx)("a",{href:a,children:o}):void 0),children:[(0,e.jsxs)("span",{className:(0,E.clsx)(r.content,j&&r.hidden),children:[t.isDefined(f)&&(0,e.jsx)("span",{className:r.icon,"aria-hidden":!0,children:f}),t.isDefined(o)&&(0,e.jsx)("span",{className:r.label,children:o}),t.isDefined(m)&&(0,e.jsx)("span",{className:r.icon,"aria-hidden":!0,children:m}),t.isDefined(l)&&(0,e.jsx)(A.Shortcut,{shortcut:l,sequenceJoinLabel:g,variant:"button",visibility:"desktop","aria-hidden":!0})]}),j&&(0,e.jsx)("span",{className:r.loader,"aria-hidden":!0,children:(0,e.jsx)(d.Loader,{})})]})};Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"ButtonGroupContext",{enumerable:!0,get:function(){return q}});Object.defineProperty(exports,"Button_module_default",{enumerable:!0,get:function(){return r}});