twenty-ui 2.50.0 → 2.51.3

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 (215) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/README.md +36 -32
  3. package/dist/{AllIcons-Cyd7721G.cjs → AllIcons-1tBWXXrE.cjs} +1 -1
  4. package/dist/{AllIcons-D132B8_i.js → AllIcons-ayl8BCtV.js} +1 -1
  5. package/dist/Dropdown-D_hFndP5.cjs +1 -0
  6. package/dist/Dropdown-xXsGBv57.js +1056 -0
  7. package/dist/Input-D1sIHUZ5.js +25 -0
  8. package/dist/Input-D69M4UwD.cjs +1 -0
  9. package/dist/ListItem-B-SFWJZb.cjs +1 -0
  10. package/dist/ListItem-WLONJMo5.js +91 -0
  11. package/dist/ListItem.module-B31VK9XZ.js +34 -0
  12. package/dist/ListItem.module-DiUK6-0Z.cjs +1 -0
  13. package/dist/OverflowingTextWithTooltip-ClpPsdpP.cjs +1 -0
  14. package/dist/OverflowingTextWithTooltip-D4eZc-7P.js +96 -0
  15. package/dist/ProgressBar-8pjpGrmZ.js +99 -0
  16. package/dist/ProgressBar-goqxS9NE.cjs +1 -0
  17. package/dist/Radio-CpQPRHXa.cjs +1 -0
  18. package/dist/Radio-VTjpEz8M.js +175 -0
  19. package/dist/Skeleton-BbIF780H.js +31 -0
  20. package/dist/Skeleton-tXeIy4qq.cjs +1 -0
  21. package/dist/TablerIcons-B-5Ua_Ne.js +460 -0
  22. package/dist/{Tooltip-DL3sfbuw.cjs → Tooltip-08dDawT_.cjs} +1 -1
  23. package/dist/components/data-display/DetailsRow/DetailsRow.d.ts +2 -0
  24. package/dist/components/data-display/DetailsRow/types/DetailsRowProps.d.ts +9 -0
  25. package/dist/components/data-display/index.d.ts +2 -0
  26. package/dist/components/data-display.cjs +1 -1
  27. package/dist/components/data-display.mjs +9 -8
  28. package/dist/components/feedback/InlineBanner/types/InlineBannerProps.d.ts +1 -1
  29. package/dist/components/feedback.cjs +1 -1
  30. package/dist/components/feedback.mjs +1 -1
  31. package/dist/components/input/DatePicker/DatePicker.d.ts +2 -0
  32. package/dist/components/input/DatePicker/__stories__/DatePickerCssVariableThemeExample.d.ts +1 -0
  33. package/dist/components/input/DatePicker/__stories__/DatePickerExample.d.ts +5 -0
  34. package/dist/components/input/DatePicker/__stories__/DatePickerExternalMonthExample.d.ts +4 -0
  35. package/dist/components/input/DatePicker/__stories__/DatePickerNavigationUnmountExample.d.ts +2 -0
  36. package/dist/components/input/DatePicker/__stories__/datePickerWeekdayLabels.d.ts +1 -0
  37. package/dist/components/input/DatePicker/internal/DatePickerException.d.ts +5 -0
  38. package/dist/components/input/DatePicker/internal/DatePickerHeader.d.ts +3 -0
  39. package/dist/components/input/DatePicker/internal/DatePickerSelect.d.ts +15 -0
  40. package/dist/components/input/DatePicker/internal/DatePickerSelectLifecycleEffect.d.ts +7 -0
  41. package/dist/components/input/DatePicker/internal/DatePickerViewedMonthEffect.d.ts +9 -0
  42. package/dist/components/input/DatePicker/internal/ReactDatePickerLibrary.d.ts +2 -0
  43. package/dist/components/input/DatePicker/internal/datePickerConstants.d.ts +6 -0
  44. package/dist/components/input/DatePicker/internal/formatDatePickerLocalDate.d.ts +1 -0
  45. package/dist/components/input/DatePicker/internal/parseDatePickerDateOrThrow.d.ts +1 -0
  46. package/dist/components/input/DatePicker/internal/parseDatePickerLocalDateOrThrow.d.ts +1 -0
  47. package/dist/components/input/DatePicker/internal/validateDatePickerHighlightedRangeOrThrow.d.ts +4 -0
  48. package/dist/components/input/DatePicker/types/DatePickerHeaderProps.d.ts +9 -0
  49. package/dist/components/input/DatePicker/types/DatePickerProps.d.ts +42 -0
  50. package/dist/components/input/EmojiPicker/EmojiPicker.d.ts +2 -0
  51. package/dist/components/input/EmojiPicker/__stories__/EmojiPickerExample.d.ts +4 -0
  52. package/dist/components/input/EmojiPicker/__stories__/emojiPickerStoryData.d.ts +30 -0
  53. package/dist/components/input/EmojiPicker/__stories__/emojiPickerStoryEmojibaseUrl.d.ts +1 -0
  54. package/dist/components/input/EmojiPicker/__stories__/mockEmojiPickerStoryData.d.ts +5 -0
  55. package/dist/components/input/EmojiPicker/internal/EmojiPickerEmoji.d.ts +2 -0
  56. package/dist/components/input/EmojiPicker/internal/EmojiPickerRow.d.ts +2 -0
  57. package/dist/components/input/EmojiPicker/internal/EmojiPickerScrollEffect.d.ts +6 -0
  58. package/dist/components/input/EmojiPicker/internal/scrollActiveEmojiIntoView.d.ts +1 -0
  59. package/dist/components/input/EmojiPicker/types/EmojiPickerProps.d.ts +11 -0
  60. package/dist/components/input/FormFieldRow/FormFieldRow.d.ts +2 -0
  61. package/dist/components/input/FormFieldRow/types/FormFieldRowProps.d.ts +12 -0
  62. package/dist/components/input/ReactionButton/ReactionButton.d.ts +2 -0
  63. package/dist/components/input/ReactionButton/__stories__/ReactionButtonExample.d.ts +2 -0
  64. package/dist/components/input/ReactionButton/types/ReactionButtonProps.d.ts +14 -0
  65. package/dist/components/input/SearchInput/SearchInput.d.ts +1 -1
  66. package/dist/components/input/SearchInput/types/SearchInputProps.d.ts +1 -1
  67. package/dist/components/input/SegmentedControl/SegmentedControl.d.ts +1 -1
  68. package/dist/components/input/SegmentedControl/types/SegmentedControlProps.d.ts +2 -0
  69. package/dist/components/input/SegmentedControl/types/SegmentedControlVariant.d.ts +1 -0
  70. package/dist/components/input/index.d.ts +10 -0
  71. package/dist/components/input.cjs +1 -1
  72. package/dist/components/input.mjs +17 -13
  73. package/dist/components/layout/LabeledSeparator/LabeledSeparator.d.ts +2 -0
  74. package/dist/components/layout/LabeledSeparator/types/LabeledSeparatorProps.d.ts +7 -0
  75. package/dist/components/layout/index.d.ts +2 -0
  76. package/dist/components/layout.cjs +1 -1
  77. package/dist/components/layout.mjs +5 -4
  78. package/dist/components/navigation/CountPager/CountPager.d.ts +2 -0
  79. package/dist/components/navigation/CountPager/__stories__/CountPagerCollectionExample.d.ts +3 -0
  80. package/dist/components/navigation/CountPager/__stories__/CountPagerExample.d.ts +2 -0
  81. package/dist/components/navigation/CountPager/types/CountPagerProps.d.ts +11 -0
  82. package/dist/components/navigation/Dropdown/Dropdown.d.ts +4 -4
  83. package/dist/components/navigation/Dropdown/__stories__/DropdownControlledPageSessionExample.d.ts +1 -0
  84. package/dist/components/navigation/Dropdown/__stories__/DropdownNestedPageSessionExample.d.ts +6 -0
  85. package/dist/components/navigation/Dropdown/__stories__/DropdownPageActivityExample.d.ts +1 -0
  86. package/dist/components/navigation/Dropdown/__stories__/DropdownPageSessionExample.d.ts +5 -0
  87. package/dist/components/navigation/Dropdown/__stories__/DropdownPickerPageSessionExample.d.ts +1 -0
  88. package/dist/components/navigation/Dropdown/hooks/useDropdownPage.d.ts +1 -0
  89. package/dist/components/navigation/Dropdown/internal/DropdownContent.d.ts +1 -1
  90. package/dist/components/navigation/Dropdown/internal/DropdownContextValue.d.ts +3 -0
  91. package/dist/components/navigation/Dropdown/internal/DropdownEmpty.d.ts +1 -1
  92. package/dist/components/navigation/Dropdown/internal/DropdownLoading.d.ts +1 -1
  93. package/dist/components/navigation/Dropdown/internal/DropdownPageEffect.d.ts +8 -0
  94. package/dist/components/navigation/Dropdown/internal/DropdownSearch.d.ts +1 -1
  95. package/dist/components/navigation/Dropdown/internal/isActiveDropdownElement.d.ts +1 -0
  96. package/dist/components/navigation/Dropdown/types/DropdownSearchProps.d.ts +1 -1
  97. package/dist/components/navigation/ListItemButton/ListItemButton.d.ts +1 -1
  98. package/dist/components/navigation/ListItemButton/types/ListItemButtonProps.d.ts +1 -1
  99. package/dist/components/navigation/index.d.ts +2 -0
  100. package/dist/components/navigation.cjs +1 -1
  101. package/dist/components/navigation.mjs +7 -6
  102. package/dist/components/settings.cjs +1 -1
  103. package/dist/components/settings.mjs +1 -1
  104. package/dist/components.cjs +1 -1
  105. package/dist/components.mjs +44 -37
  106. package/dist/{data-display-CXw-mxeS.js → data-display-DUMj_z1t.js} +25 -25
  107. package/dist/data-display-D_kbXJJd.cjs +2 -0
  108. package/dist/{data-display-DdES9XqZ.cjs → data-display-DzHM5j7j.cjs} +1 -1
  109. package/dist/data-display-b-9s0RTe.js +422 -0
  110. package/dist/feedback-B50I0C35.cjs +1 -0
  111. package/dist/feedback-BQFSnMjh.js +10 -0
  112. package/dist/{feedback-DspXawf9.cjs → feedback-BzR4ggrP.cjs} +1 -1
  113. package/dist/{feedback-4HKPcMRs.js → feedback-EaZszoXf.js} +29 -29
  114. package/dist/icon/components/TablerIcons.d.ts +1 -1
  115. package/dist/icon/constants/TwentyIconDictionary.d.ts +9 -0
  116. package/dist/icon/index.d.ts +1 -1
  117. package/dist/{icon-CUE-QGQK.js → icon-ICz2_dVB.js} +550 -944
  118. package/dist/icon-TSBamkxk.cjs +1 -0
  119. package/dist/icon.cjs +1 -1
  120. package/dist/icon.mjs +510 -504
  121. package/dist/index.cjs +1 -1
  122. package/dist/index.mjs +666 -652
  123. package/dist/input-BQABEELu.cjs +1 -0
  124. package/dist/input-CuySKbhm.js +2356 -0
  125. package/dist/input-DxoXgI5-.js +373 -0
  126. package/dist/input-ExCbk62Y.cjs +1 -0
  127. package/dist/layout-B1Iwc9ku.cjs +1 -0
  128. package/dist/layout-B2KvJ900.js +479 -0
  129. package/dist/navigation-DP5Edsq_.cjs +1 -0
  130. package/dist/navigation-DXMjQMPm.js +134 -0
  131. package/dist/primitives/data-display.cjs +1 -1
  132. package/dist/primitives/data-display.mjs +1 -1
  133. package/dist/primitives/feedback/Banner/Banner.d.ts +1 -1
  134. package/dist/primitives/feedback/Banner/internal/BannerComponent.d.ts +1 -1
  135. package/dist/primitives/feedback/Banner/types/BannerProps.d.ts +2 -0
  136. package/dist/primitives/feedback.cjs +1 -1
  137. package/dist/primitives/feedback.mjs +9 -8
  138. package/dist/primitives/input/Autocomplete/types/AutocompleteItemProps.d.ts +3 -1
  139. package/dist/primitives/input/Input/Input.d.ts +1 -1
  140. package/dist/primitives/input/Input/types/InputProps.d.ts +3 -0
  141. package/dist/primitives/input/InputGroup/InputGroup.d.ts +1 -1
  142. package/dist/primitives/input/InputGroup/types/InputGroupProps.d.ts +1 -0
  143. package/dist/primitives/input/Textarea/Textarea.d.ts +1 -1
  144. package/dist/primitives/input/Textarea/internal/TextareaAutoResizeEffect.d.ts +8 -0
  145. package/dist/primitives/input/Textarea/types/TextareaProps.d.ts +2 -0
  146. package/dist/primitives/input/index.d.ts +1 -0
  147. package/dist/primitives/input/types/InputVariant.d.ts +1 -0
  148. package/dist/primitives/input.cjs +1 -1
  149. package/dist/primitives/input.mjs +14 -14
  150. package/dist/primitives/navigation/ListItem/ListItem.d.ts +1 -1
  151. package/dist/primitives/navigation/ListItem/__stories__/ListItemMultilineExample.d.ts +7 -0
  152. package/dist/primitives/navigation/ListItem/types/ListItemDescriptionPlacement.d.ts +1 -1
  153. package/dist/primitives/navigation/ListItem/types/ListItemProps.d.ts +3 -0
  154. package/dist/primitives/navigation/ListItem/types/ListItemState.d.ts +1 -0
  155. package/dist/primitives/navigation.cjs +1 -1
  156. package/dist/primitives/navigation.mjs +1 -1
  157. package/dist/primitives/surfaces/Card/Card.d.ts +2 -0
  158. package/dist/primitives/surfaces/Card/internal/CardAction.d.ts +2 -0
  159. package/dist/primitives/surfaces/Card/internal/CardControl.d.ts +2 -0
  160. package/dist/primitives/surfaces/Card/types/CardActionProps.d.ts +2 -0
  161. package/dist/primitives/surfaces/Card/types/CardControlProps.d.ts +2 -0
  162. package/dist/primitives/surfaces/index.d.ts +2 -0
  163. package/dist/primitives/surfaces.cjs +1 -1
  164. package/dist/primitives/surfaces.mjs +2 -2
  165. package/dist/primitives/typography/Heading/types/HeadingProps.d.ts +4 -2
  166. package/dist/primitives/typography/OverflowingTextWithTooltip/types/OverflowingTextWithTooltipProps.d.ts +2 -1
  167. package/dist/primitives/typography/Text/Text.d.ts +1 -1
  168. package/dist/primitives/typography/Text/internal/TextTypographyProps.d.ts +7 -0
  169. package/dist/primitives/typography/Text/types/TextProps.d.ts +2 -1
  170. package/dist/primitives/typography/internal/TypographyColor.d.ts +2 -0
  171. package/dist/primitives/typography/internal/TypographyFontSize.d.ts +2 -0
  172. package/dist/primitives/typography.cjs +1 -1
  173. package/dist/primitives/typography.mjs +2 -2
  174. package/dist/primitives.cjs +1 -1
  175. package/dist/primitives.mjs +52 -51
  176. package/dist/{settings-XGSJtobU.js → settings-BTFAqYrD.js} +1 -1
  177. package/dist/{settings-DT5bEO6A.cjs → settings-D_iT1ngl.cjs} +1 -1
  178. package/dist/style.css +1 -1
  179. package/dist/surfaces-DtZwsfms.cjs +1 -0
  180. package/dist/surfaces-v0kQLZYO.js +224 -0
  181. package/dist/{typography-CWtuNruY.cjs → typography-B05olPwL.cjs} +1 -1
  182. package/dist/{typography-BPdXzW2T.js → typography-BwyZEDDi.js} +1 -1
  183. package/dist/utilities/color/utils/themeColorSchema.d.ts +15 -15
  184. package/package.json +3 -1
  185. package/dist/Dropdown-ChTVyesF.js +0 -1018
  186. package/dist/Dropdown-DlItz8Gh.cjs +0 -1
  187. package/dist/Input-DZWl81G_.js +0 -23
  188. package/dist/Input-DvL77rvu.cjs +0 -1
  189. package/dist/ListItem-C6Xl00m1.cjs +0 -1
  190. package/dist/ListItem-C84ANa76.js +0 -86
  191. package/dist/ListItem.module-BJ9Ttjrc.js +0 -34
  192. package/dist/ListItem.module-CO4u2oeF.cjs +0 -1
  193. package/dist/OverflowingTextWithTooltip-BQmpPObX.cjs +0 -1
  194. package/dist/OverflowingTextWithTooltip-BtB9cGdJ.js +0 -89
  195. package/dist/ProgressBar-CzGs7cuE.cjs +0 -1
  196. package/dist/ProgressBar-D4tKQ7OA.js +0 -84
  197. package/dist/Radio-BwBZ4e8g.js +0 -103
  198. package/dist/Radio-sIYxZnR_.cjs +0 -1
  199. package/dist/data-display-C-eoJ5En.js +0 -378
  200. package/dist/data-display-CM1yXpnE.cjs +0 -2
  201. package/dist/feedback-BSOWDBI0.js +0 -38
  202. package/dist/feedback-DBRXDPSP.cjs +0 -1
  203. package/dist/icon-BNcdwwdl.cjs +0 -1
  204. package/dist/input-CWWp7cqL.cjs +0 -1
  205. package/dist/input-CvZ_uB_9.cjs +0 -1
  206. package/dist/input-Qn5_aFYU.js +0 -785
  207. package/dist/input-k5cMhFI_.js +0 -428
  208. package/dist/layout-DDqeMgFv.js +0 -439
  209. package/dist/layout-iSfGrMrH.cjs +0 -1
  210. package/dist/navigation-7Y6gHFlj.cjs +0 -1
  211. package/dist/navigation-BcXCiLE1.js +0 -86
  212. package/dist/primitives/typography/internal/Label/Label.d.ts +0 -8
  213. package/dist/surfaces-q8voTXEJ.cjs +0 -1
  214. package/dist/surfaces-vhSZBmbz.js +0 -201
  215. package/dist/{Tooltip-6uS8_wdA.js → Tooltip-C7zc16gI.js} +1 -1
@@ -1,439 +0,0 @@
1
- import { t as f } from "./isDefined-fMi6eQ4r.js";
2
- import { t as Q } from "./doNotTranslate-BSVT8Xyd.js";
3
- import { r as Fe, t as Ce } from "./OverflowingTextWithTooltip-BtB9cGdJ.js";
4
- import { t as V } from "./Popover-CWeCV7X9.js";
5
- import { t as Ie } from "./Heading-Nj5BlPqB.js";
6
- import { useRender as Z } from "@base-ui/react/use-render";
7
- import { isFunction as X, isNonEmptyString as Oe, isString as J, isUndefined as Le } from "@sniptt/guards";
8
- import { clsx as D } from "clsx";
9
- import { cloneElement as Ee, isValidElement as Ne, memo as le, useCallback as j, useId as Me, useLayoutEffect as Y, useRef as R, useState as $ } from "react";
10
- import { Fragment as G, jsx as d, jsxs as W } from "react/jsx-runtime";
11
- import { mergeProps as Se } from "@base-ui/react/merge-props";
12
- import { useMergedRefs as H } from "@base-ui/utils/useMergedRefs";
13
- import { useControlled as Te } from "@base-ui/utils/useControlled";
14
- import { useStableCallback as U } from "@base-ui/utils/useStableCallback";
15
- var De = "_container_1hm4x_1", xe = "_layer_1hm4x_9", Ae = "_visible_1hm4x_23", Re = "_hidden_1hm4x_28", A = {
16
- container: De,
17
- layer: xe,
18
- visible: Ae,
19
- hidden: Re
20
- }, gt = ({ isActive: t, activeIcon: e, inactiveIcon: n, className: r, render: s, ref: a, ...c }) => Z({
21
- defaultTagName: "span",
22
- render: s,
23
- ref: a,
24
- props: {
25
- ...c,
26
- className: D(A.container, r),
27
- children: /* @__PURE__ */ W(G, { children: [/* @__PURE__ */ d("span", {
28
- "aria-hidden": "true",
29
- className: D(A.layer, t ? A.hidden : A.visible),
30
- children: n
31
- }), /* @__PURE__ */ d("span", {
32
- "aria-hidden": "true",
33
- className: D(A.layer, t ? A.visible : A.hidden),
34
- children: e
35
- })] })
36
- }
37
- }), We = "_root_eheyl_1", Ue = "_items_eheyl_11", ke = "_item_eheyl_11", ze = "_popupItem_eheyl_45", Ke = "_trigger_eheyl_49", Ve = "_popup_eheyl_45", K = {
38
- root: We,
39
- items: Ue,
40
- item: ke,
41
- popupItem: ze,
42
- trigger: Ke,
43
- popup: Ve
44
- }, Be = ({ props: t, state: e, render: n }) => {
45
- const r = Ne(n) ? n : void 0, s = H(t.ref, r?.props.ref);
46
- if (X(n)) return n(t, e);
47
- const a = {
48
- ...Se(t, r?.props),
49
- children: t.children,
50
- ref: s
51
- };
52
- return f(r) ? Ee(r, a) : /* @__PURE__ */ d("div", { ...a });
53
- }, He = le(({ elementRef: t, isHidden: e, onFocusLost: n }) => (Y(() => {
54
- const r = t.current, s = f(r) && r.contains(r.ownerDocument.activeElement);
55
- e && s && n(r);
56
- }, [
57
- t,
58
- e,
59
- n
60
- ]), null)), ue = (t) => j((e) => {
61
- if (f(e))
62
- return () => {
63
- const n = e.ownerDocument, r = e.contains(n.activeElement);
64
- queueMicrotask(() => {
65
- const s = n.activeElement === n.body;
66
- r && !e.isConnected && s && t(e);
67
- });
68
- };
69
- }, [t]), se = ({ children: t, index: e, isHidden: n, isLastVisible: r, isInPopup: s, onFocusLost: a }) => {
70
- const c = R(null), i = U((o) => {
71
- a({
72
- index: e,
73
- element: o,
74
- isInPopup: s
75
- });
76
- });
77
- return /* @__PURE__ */ W(G, { children: [/* @__PURE__ */ d("div", {
78
- ref: H(c, ue(i)),
79
- className: s ? K.popupItem : K.item,
80
- "data-item-index": e,
81
- "data-hidden": n || void 0,
82
- "data-last-visible": r || void 0,
83
- "aria-hidden": n || void 0,
84
- inert: n,
85
- children: t
86
- }), /* @__PURE__ */ d(He, {
87
- elementRef: c,
88
- isHidden: n,
89
- onFocusLost: i
90
- })] });
91
- }, ae = ({ itemWidths: t, availableWidth: e, gap: n, includePartialItem: r }) => {
92
- let s = 0, a = 0;
93
- for (const c of t) {
94
- const i = s + c + (a > 0 ? n : 0);
95
- if (a !== 0 && i > e) {
96
- const o = s + n < e;
97
- return r && o ? a + 1 : a;
98
- }
99
- s = i, a += 1;
100
- }
101
- return a;
102
- }, $e = ({ items: t, itemElements: e }) => {
103
- t.setAttribute("data-measuring", "");
104
- const n = e.map((r) => r.clientWidth);
105
- return t.removeAttribute("data-measuring"), n;
106
- }, qe = ({ container: t, items: e, trigger: n, itemElements: r, itemCount: s, reserveCountSpace: a }) => {
107
- const c = $e({
108
- items: e,
109
- itemElements: r
110
- }), i = parseFloat(getComputedStyle(e).columnGap) || 0, o = t.clientWidth, u = s > ae({
111
- itemWidths: c,
112
- availableWidth: o,
113
- gap: i,
114
- includePartialItem: !1
115
- }), _ = n?.offsetWidth ?? 0;
116
- return {
117
- visibleItemCount: ae({
118
- itemWidths: c,
119
- availableWidth: a && u ? Math.max(0, o - _ - i) : o,
120
- gap: i,
121
- includePartialItem: !0
122
- }),
123
- hasOverflow: u
124
- };
125
- }, je = 100, Ge = le(({ containerRef: t, itemsRef: e, triggerRef: n, itemCount: r, inlineItemCount: s, reserveCountSpace: a, isMeasurementEnabled: c, isOpen: i, onLayoutChange: o, onOverflowUnavailable: u }) => {
126
- const _ = R(void 0), L = R(void 0), C = U(() => ({
127
- itemCount: r,
128
- inlineItemCount: s,
129
- reserveCountSpace: a,
130
- isOpen: i
131
- })), F = U(o), M = U(u);
132
- return Y(() => {
133
- const y = t.current, I = e.current;
134
- if (!c || !f(y) || !f(I)) {
135
- L.current = void 0;
136
- return;
137
- }
138
- const E = /* @__PURE__ */ new Set(), g = () => {
139
- const b = Array.from(I.children), k = /* @__PURE__ */ new Set([y, ...b]);
140
- f(n.current) && k.add(n.current);
141
- for (const p of E) k.has(p) || (N?.unobserve(p), E.delete(p));
142
- for (const p of k) E.has(p) || (N?.observe(p), E.add(p));
143
- const T = C();
144
- if (b.length !== T.inlineItemCount) return;
145
- const l = qe({
146
- container: y,
147
- items: I,
148
- trigger: n.current,
149
- itemElements: b,
150
- itemCount: T.itemCount,
151
- reserveCountSpace: T.reserveCountSpace
152
- }), h = L.current, v = f(h) && h.isOpen && !h.layout.hasOverflow, x = T.isOpen && !l.hasOverflow;
153
- L.current = {
154
- layout: l,
155
- isOpen: T.isOpen
156
- }, F(l), x && !v && M();
157
- }, N = f(globalThis.ResizeObserver) ? new ResizeObserver(g) : void 0;
158
- _.current = g, g();
159
- const S = new MutationObserver(g);
160
- if (S.observe(I, {
161
- attributes: !0,
162
- attributeFilter: [
163
- "class",
164
- "style",
165
- "hidden"
166
- ],
167
- characterData: !0,
168
- childList: !0,
169
- subtree: !0
170
- }), S.observe(y, { childList: !0 }), !f(N)) {
171
- const b = setInterval(g, je);
172
- return window.addEventListener("resize", g), () => {
173
- _.current = void 0, clearInterval(b), S.disconnect(), window.removeEventListener("resize", g);
174
- };
175
- }
176
- return () => {
177
- _.current = void 0, S.disconnect(), N.disconnect();
178
- };
179
- }, [
180
- t,
181
- e,
182
- n,
183
- c,
184
- C,
185
- F,
186
- M
187
- ]), Y(() => {
188
- _.current?.();
189
- }, [
190
- r,
191
- s,
192
- a,
193
- i
194
- ]), null;
195
- }), Je = ({ itemCount: t, inlineItemCount: e }) => {
196
- const n = R(null), r = R(null), s = R(null), [a, c] = $({
197
- visibleItemCount: e,
198
- hasOverflow: t > e
199
- });
200
- return {
201
- containerRef: n,
202
- itemsRef: r,
203
- triggerRef: s,
204
- updateLayout: j((i) => {
205
- c((o) => o.visibleItemCount !== i.visibleItemCount || o.hasOverflow !== i.hasOverflow ? i : o);
206
- }, []),
207
- ...a
208
- };
209
- }, Qe = Q("button, a[href], input, select, textarea, [tabindex]"), ie = ({ items: t, popup: e, trigger: n, root: r, removedIndex: s, excludedItem: a }) => {
210
- const c = [...Array.from(t?.children ?? []), ...Array.from(e?.children ?? [])].filter((i) => i !== a).sort((i, o) => Math.abs(Number(i.getAttribute("data-item-index")) - s) - Math.abs(Number(o.getAttribute("data-item-index")) - s) || Number(o.getAttribute("data-item-index")) - Number(i.getAttribute("data-item-index")));
211
- for (const i of c)
212
- if (!i.hasAttribute("inert")) {
213
- for (const o of Array.from(i.querySelectorAll(Qe))) if (!o.matches(":disabled") && !f(o.closest("[inert]")) && (o.focus(), o.ownerDocument.activeElement === o))
214
- return;
215
- }
216
- n?.focus(), !(f(n) && n.ownerDocument.activeElement === n) && r?.focus();
217
- }, Xe = ({ containerRef: t, itemsRef: e, triggerRef: n, popup: r, itemCount: s, canExpand: a, isPopupOpen: c, isOpen: i, isHovered: o, showOverflowCount: u, onFocusCapture: _, onBlurCapture: L }) => {
218
- const [C, F] = $(!1), [M, y] = $(), I = u ?? M ?? (o || C || i), E = U(({ index: l, element: h, isInPopup: v }) => {
219
- ie({
220
- items: v && a ? null : e.current,
221
- popup: v && c ? r : null,
222
- trigger: n.current,
223
- root: t.current,
224
- removedIndex: l,
225
- excludedItem: h
226
- });
227
- }), g = j(() => {
228
- const l = t.current;
229
- l?.focus(), F(l?.ownerDocument.activeElement === l), y(void 0);
230
- }, [t]), N = U(() => {
231
- if (c) return;
232
- const l = t.current, h = l?.ownerDocument, v = h?.activeElement, x = f(v) && e.current?.contains(v) && !f(v.closest("[inert]")), p = f(v) && v !== h?.body && !l?.contains(v) && !r?.contains(v);
233
- if (x || p) return;
234
- if (!a) {
235
- ie({
236
- items: e.current,
237
- popup: null,
238
- trigger: null,
239
- root: l,
240
- removedIndex: s
241
- });
242
- return;
243
- }
244
- const z = n.current;
245
- if (f(z) && !z.matches(":disabled")) {
246
- z.focus({ preventScroll: !0 });
247
- return;
248
- }
249
- l?.focus({ preventScroll: !0 });
250
- }), S = j(() => (queueMicrotask(N), !1), [N]), b = ue(g);
251
- return {
252
- hasFocus: C,
253
- isCountVisible: I,
254
- restoreItemFocus: E,
255
- schedulePopupFocusRestoration: S,
256
- resetFocusWhenFocusedTriggerUnmounts: b,
257
- handleFocusCapture: (l) => {
258
- F(!0), e.current?.contains(l.target) && y((h) => h ?? I), _?.(l);
259
- },
260
- handleBlurCapture: (l) => {
261
- F(l.currentTarget.contains(l.relatedTarget) || (r?.contains(l.relatedTarget) ?? !1)), e.current?.contains(l.relatedTarget) || y(void 0), L?.(l);
262
- }
263
- };
264
- }, O = (t) => t.stopPropagation(), wt = ({ children: t, showOverflowCount: e, maxInlineCount: n, overflowLabel: r = Q("Show all items"), open: s, defaultOpen: a = !1, onOpenChange: c, actionsRef: i, triggerProps: o, popupProps: u, className: _, onMouseEnter: L, onMouseLeave: C, onFocusCapture: F, onBlurCapture: M, ref: y, ...I }) => {
265
- const [E, g] = $(!1), [N, S] = $(null), [b, k] = Te({
266
- controlled: s,
267
- default: a,
268
- name: Q("OverflowingList"),
269
- state: "open"
270
- }), T = R(null), l = i ?? T, h = f(n) && Number.isFinite(n) ? Math.min(t.length, Math.max(0, Math.floor(n))) : t.length, { containerRef: v, itemsRef: x, triggerRef: p, visibleItemCount: z, hasOverflow: de, updateLayout: me } = Je({
271
- itemCount: t.length,
272
- inlineItemCount: h
273
- }), q = de && (b || e !== !1), P = b && q, { hasFocus: fe, isCountVisible: ee, restoreItemFocus: te, schedulePopupFocusRestoration: ve, resetFocusWhenFocusedTriggerUnmounts: he, handleFocusCapture: be, handleBlurCapture: pe } = Xe({
274
- containerRef: v,
275
- itemsRef: x,
276
- triggerRef: p,
277
- popup: N,
278
- itemCount: t.length,
279
- canExpand: q,
280
- isPopupOpen: P,
281
- isOpen: b,
282
- isHovered: E,
283
- showOverflowCount: e,
284
- onFocusCapture: F,
285
- onBlurCapture: M
286
- }), ne = (e ?? (E || fe)) || b, _e = H(v, y), ye = H(p, he, o?.ref), ge = H(S, u?.ref), re = ne && e !== !1 ? z : h, oe = t.length - z, we = U(() => {
287
- l.current?.close();
288
- });
289
- return /* @__PURE__ */ W(G, { children: [/* @__PURE__ */ W("div", {
290
- ...I,
291
- ref: _e,
292
- tabIndex: I.tabIndex ?? -1,
293
- className: D(K.root, _),
294
- onMouseEnter: (m) => {
295
- g(!0), L?.(m);
296
- },
297
- onMouseLeave: (m) => {
298
- g(!1), C?.(m);
299
- },
300
- onFocusCapture: be,
301
- onBlurCapture: pe,
302
- children: [/* @__PURE__ */ d("div", {
303
- ref: x,
304
- className: K.items,
305
- children: t.slice(0, h).map((m, w) => /* @__PURE__ */ d(se, {
306
- index: w,
307
- isHidden: w >= re,
308
- isLastVisible: e !== !1 && w === re - 1,
309
- isInPopup: !1,
310
- onFocusLost: te,
311
- children: m
312
- }, m.key ?? w))
313
- }), (q || b) && /* @__PURE__ */ W(V.Root, {
314
- open: P,
315
- actionsRef: l,
316
- onOpenChange: (m, w) => {
317
- c?.(m, w), w.isCanceled || k(m);
318
- },
319
- children: [q && /* @__PURE__ */ d(V.Trigger, {
320
- type: "button",
321
- "aria-label": `+${oe} ${r}`,
322
- ...o,
323
- onClick: o?.onClick ?? O,
324
- onMouseDown: o?.onMouseDown ?? O,
325
- onPointerDown: o?.onPointerDown ?? O,
326
- onKeyDown: o?.onKeyDown ?? O,
327
- onKeyUp: o?.onKeyUp ?? O,
328
- ref: ye,
329
- className: (m) => D(K.trigger, X(o?.className) ? o.className(m) : o?.className),
330
- "data-visible": ee || void 0,
331
- children: Le(o?.children) ? `+${oe}` : o.children
332
- }), /* @__PURE__ */ d(V.Portal, { children: /* @__PURE__ */ d(V.Positioner, {
333
- anchor: v,
334
- align: "start",
335
- sideOffset: -9,
336
- alignOffset: -7,
337
- children: /* @__PURE__ */ d(V.Popup, {
338
- "aria-label": r,
339
- ...u,
340
- onClick: u?.onClick ?? O,
341
- onMouseDown: u?.onMouseDown ?? O,
342
- onPointerDown: u?.onPointerDown ?? O,
343
- onKeyDown: u?.onKeyDown ?? O,
344
- onKeyUp: u?.onKeyUp ?? O,
345
- ref: ge,
346
- render: (m, w) => /* @__PURE__ */ d(Be, {
347
- props: m,
348
- state: w,
349
- render: u?.render
350
- }),
351
- finalFocus: u?.finalFocus ?? ve,
352
- className: (m) => D(K.popup, X(u?.className) ? u.className(m) : u?.className),
353
- "data-overflowing-list-popup": "",
354
- children: t.map((m, w) => /* @__PURE__ */ d(se, {
355
- index: w,
356
- isHidden: !1,
357
- isLastVisible: !1,
358
- isInPopup: !0,
359
- onFocusLost: te,
360
- children: m
361
- }, m.key ?? w))
362
- })
363
- }) })]
364
- })]
365
- }), /* @__PURE__ */ d(Ge, {
366
- containerRef: v,
367
- itemsRef: x,
368
- triggerRef: p,
369
- itemCount: t.length,
370
- inlineItemCount: h,
371
- reserveCountSpace: ee,
372
- isMeasurementEnabled: ne,
373
- isOpen: b,
374
- onLayoutChange: me,
375
- onOverflowUnavailable: we
376
- })] });
377
- }, Ye = "_header_1dz7y_1", Ze = "_titleRow_1dz7y_8", Pe = "_title_1dz7y_8", et = "_actions_1dz7y_21", tt = "_description_1dz7y_27", B = {
378
- header: Ye,
379
- titleRow: Ze,
380
- title: Pe,
381
- actions: et,
382
- description: tt
383
- }, nt = ({ title: t, description: e, actions: n, level: r = 2, size: s = "md", color: a = "primary", descriptionLineClamp: c = 5, isDescriptionFocusable: i = !1, render: o, ref: u, className: _, ...L }) => {
384
- const C = Me(), F = J(e) ? Oe(e) : f(e) && e !== !1, M = J(e) && c !== !1, y = J(e) ? /* @__PURE__ */ d(Fe, {
385
- style: { whiteSpace: "pre-wrap" },
386
- children: e
387
- }) : e;
388
- return Z({
389
- render: o,
390
- ref: u,
391
- props: {
392
- ...L,
393
- className: D(B.header, _),
394
- children: /* @__PURE__ */ W(G, { children: [/* @__PURE__ */ W("div", {
395
- className: B.titleRow,
396
- children: [/* @__PURE__ */ d(Ie, {
397
- level: r,
398
- size: s,
399
- color: a,
400
- className: B.title,
401
- "aria-describedby": F ? C : void 0,
402
- children: t
403
- }), f(n) && /* @__PURE__ */ d("div", {
404
- className: B.actions,
405
- children: n
406
- })]
407
- }), F && /* @__PURE__ */ d("div", {
408
- id: C,
409
- className: B.description,
410
- children: M ? /* @__PURE__ */ d(Ce, {
411
- text: e,
412
- lineClamp: c,
413
- isTooltipMultiline: !0,
414
- isFocusable: i
415
- }) : y
416
- })] })
417
- }
418
- });
419
- }, rt = "_root_ztxxm_1", ot = "_fullWidth_ztxxm_20", ce = {
420
- root: rt,
421
- fullWidth: ot
422
- }, st = ({ align: t = "left", color: e = "primary", fullWidth: n = !0, className: r, render: s, ref: a, ...c }) => Z({
423
- render: s,
424
- ref: a,
425
- props: {
426
- ...c,
427
- "data-align": t,
428
- "data-color": e,
429
- className: D(ce.root, n && ce.fullWidth, r)
430
- }
431
- }), Ft = {
432
- Root: st,
433
- Header: nt
434
- };
435
- export {
436
- wt as n,
437
- gt as r,
438
- Ft as t
439
- };
@@ -1 +0,0 @@
1
- const v=require("./isDefined-DS2Q42p5.cjs"),H=require("./doNotTranslate-CHE7WmRS.cjs"),Z=require("./OverflowingTextWithTooltip-BQmpPObX.cjs"),z=require("./Popover-CneCJTvD.cjs"),be=require("./Heading-CHvEXL6n.cjs");let P=require("@base-ui/react/use-render"),j=require("@sniptt/guards"),M=require("clsx"),d=require("react"),l=require("react/jsx-runtime"),_e=require("@base-ui/react/merge-props"),V=require("@base-ui/utils/useMergedRefs"),ge=require("@base-ui/utils/useControlled"),k=require("@base-ui/utils/useStableCallback");var pe="_container_1hm4x_1",ye="_layer_1hm4x_9",xe="_visible_1hm4x_23",Ce="_hidden_1hm4x_28",q={container:pe,layer:ye,visible:xe,hidden:Ce},we=({isActive:t,activeIcon:e,inactiveIcon:n,className:s,render:o,ref:a,...c})=>(0,P.useRender)({defaultTagName:"span",render:o,ref:a,props:{...c,className:(0,M.clsx)(q.container,s),children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{"aria-hidden":"true",className:(0,M.clsx)(q.layer,t?q.hidden:q.visible),children:n}),(0,l.jsx)("span",{"aria-hidden":"true",className:(0,M.clsx)(q.layer,t?q.visible:q.hidden),children:e})]})}}),Fe="_root_eheyl_1",De="_items_eheyl_11",Ie="_item_eheyl_11",Oe="_popupItem_eheyl_45",Se="_trigger_eheyl_49",Le="_popup_eheyl_45",U={root:Fe,items:De,item:Ie,popupItem:Oe,trigger:Se,popup:Le},Ne=({props:t,state:e,render:n})=>{const s=(0,d.isValidElement)(n)?n:void 0,o=(0,V.useMergedRefs)(t.ref,s?.props.ref);if((0,j.isFunction)(n))return n(t,e);const a={...(0,_e.mergeProps)(t,s?.props),children:t.children,ref:o};return v.isDefined(s)?(0,d.cloneElement)(s,a):(0,l.jsx)("div",{...a})},Re=(0,d.memo)(({elementRef:t,isHidden:e,onFocusLost:n})=>((0,d.useLayoutEffect)(()=>{const s=t.current,o=v.isDefined(s)&&s.contains(s.ownerDocument.activeElement);e&&o&&n(s)},[t,e,n]),null)),re=t=>(0,d.useCallback)(e=>{if(v.isDefined(e))return()=>{const n=e.ownerDocument,s=e.contains(n.activeElement);queueMicrotask(()=>{const o=n.activeElement===n.body;s&&!e.isConnected&&o&&t(e)})}},[t]),ee=({children:t,index:e,isHidden:n,isLastVisible:s,isInPopup:o,onFocusLost:a})=>{const c=(0,d.useRef)(null),i=(0,k.useStableCallback)(r=>{a({index:e,element:r,isInPopup:o})});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{ref:(0,V.useMergedRefs)(c,re(i)),className:o?U.popupItem:U.item,"data-item-index":e,"data-hidden":n||void 0,"data-last-visible":s||void 0,"aria-hidden":n||void 0,inert:n,children:t}),(0,l.jsx)(Re,{elementRef:c,isHidden:n,onFocusLost:i})]})},te=({itemWidths:t,availableWidth:e,gap:n,includePartialItem:s})=>{let o=0,a=0;for(const c of t){const i=o+c+(a>0?n:0);if(a!==0&&i>e){const r=o+n<e;return s&&r?a+1:a}o=i,a+=1}return a},Ee=({items:t,itemElements:e})=>{t.setAttribute("data-measuring","");const n=e.map(s=>s.clientWidth);return t.removeAttribute("data-measuring"),n},je=({container:t,items:e,trigger:n,itemElements:s,itemCount:o,reserveCountSpace:a})=>{const c=Ee({items:e,itemElements:s}),i=parseFloat(getComputedStyle(e).columnGap)||0,r=t.clientWidth,f=o>te({itemWidths:c,availableWidth:r,gap:i,includePartialItem:!1}),p=n?.offsetWidth??0;return{visibleItemCount:te({itemWidths:c,availableWidth:a&&f?Math.max(0,r-p-i):r,gap:i,includePartialItem:!0}),hasOverflow:f}},Me=100,Te=(0,d.memo)(({containerRef:t,itemsRef:e,triggerRef:n,itemCount:s,inlineItemCount:o,reserveCountSpace:a,isMeasurementEnabled:c,isOpen:i,onLayoutChange:r,onOverflowUnavailable:f})=>{const p=(0,d.useRef)(void 0),O=(0,d.useRef)(void 0),F=(0,k.useStableCallback)(()=>({itemCount:s,inlineItemCount:o,reserveCountSpace:a,isOpen:i})),w=(0,k.useStableCallback)(r),N=(0,k.useStableCallback)(f);return(0,d.useLayoutEffect)(()=>{const y=t.current,D=e.current;if(!c||!v.isDefined(y)||!v.isDefined(D)){O.current=void 0;return}const S=new Set,x=()=>{const _=Array.from(D.children),A=new Set([y,..._]);v.isDefined(n.current)&&A.add(n.current);for(const g of S)A.has(g)||(L?.unobserve(g),S.delete(g));for(const g of A)S.has(g)||(L?.observe(g),S.add(g));const E=F();if(_.length!==E.inlineItemCount)return;const u=je({container:y,items:D,trigger:n.current,itemElements:_,itemCount:E.itemCount,reserveCountSpace:E.reserveCountSpace}),b=O.current,h=v.isDefined(b)&&b.isOpen&&!b.layout.hasOverflow,T=E.isOpen&&!u.hasOverflow;O.current={layout:u,isOpen:E.isOpen},w(u),T&&!h&&N()},L=v.isDefined(globalThis.ResizeObserver)?new ResizeObserver(x):void 0;p.current=x,x();const R=new MutationObserver(x);if(R.observe(D,{attributes:!0,attributeFilter:["class","style","hidden"],characterData:!0,childList:!0,subtree:!0}),R.observe(y,{childList:!0}),!v.isDefined(L)){const _=setInterval(x,Me);return window.addEventListener("resize",x),()=>{p.current=void 0,clearInterval(_),R.disconnect(),window.removeEventListener("resize",x)}}return()=>{p.current=void 0,R.disconnect(),L.disconnect()}},[t,e,n,c,F,w,N]),(0,d.useLayoutEffect)(()=>{p.current?.()},[s,o,a,i]),null}),qe=({itemCount:t,inlineItemCount:e})=>{const n=(0,d.useRef)(null),s=(0,d.useRef)(null),o=(0,d.useRef)(null),[a,c]=(0,d.useState)({visibleItemCount:e,hasOverflow:t>e});return{containerRef:n,itemsRef:s,triggerRef:o,updateLayout:(0,d.useCallback)(i=>{c(r=>r.visibleItemCount!==i.visibleItemCount||r.hasOverflow!==i.hasOverflow?i:r)},[]),...a}},ke=H.doNotTranslate("button, a[href], input, select, textarea, [tabindex]"),ne=({items:t,popup:e,trigger:n,root:s,removedIndex:o,excludedItem:a})=>{const c=[...Array.from(t?.children??[]),...Array.from(e?.children??[])].filter(i=>i!==a).sort((i,r)=>Math.abs(Number(i.getAttribute("data-item-index"))-o)-Math.abs(Number(r.getAttribute("data-item-index"))-o)||Number(r.getAttribute("data-item-index"))-Number(i.getAttribute("data-item-index")));for(const i of c)if(!i.hasAttribute("inert")){for(const r of Array.from(i.querySelectorAll(ke)))if(!r.matches(":disabled")&&!v.isDefined(r.closest("[inert]"))&&(r.focus(),r.ownerDocument.activeElement===r))return}n?.focus(),!(v.isDefined(n)&&n.ownerDocument.activeElement===n)&&s?.focus()},Ae=({containerRef:t,itemsRef:e,triggerRef:n,popup:s,itemCount:o,canExpand:a,isPopupOpen:c,isOpen:i,isHovered:r,showOverflowCount:f,onFocusCapture:p,onBlurCapture:O})=>{const[F,w]=(0,d.useState)(!1),[N,y]=(0,d.useState)(),D=f??N??(r||F||i),S=(0,k.useStableCallback)(({index:u,element:b,isInPopup:h})=>{ne({items:h&&a?null:e.current,popup:h&&c?s:null,trigger:n.current,root:t.current,removedIndex:u,excludedItem:b})}),x=(0,d.useCallback)(()=>{const u=t.current;u?.focus(),w(u?.ownerDocument.activeElement===u),y(void 0)},[t]),L=(0,k.useStableCallback)(()=>{if(c)return;const u=t.current,b=u?.ownerDocument,h=b?.activeElement,T=v.isDefined(h)&&e.current?.contains(h)&&!v.isDefined(h.closest("[inert]")),g=v.isDefined(h)&&h!==b?.body&&!u?.contains(h)&&!s?.contains(h);if(T||g)return;if(!a){ne({items:e.current,popup:null,trigger:null,root:u,removedIndex:o});return}const W=n.current;if(v.isDefined(W)&&!W.matches(":disabled")){W.focus({preventScroll:!0});return}u?.focus({preventScroll:!0})}),R=(0,d.useCallback)(()=>(queueMicrotask(L),!1),[L]),_=re(x);return{hasFocus:F,isCountVisible:D,restoreItemFocus:S,schedulePopupFocusRestoration:R,resetFocusWhenFocusedTriggerUnmounts:_,handleFocusCapture:u=>{w(!0),e.current?.contains(u.target)&&y(b=>b??D),p?.(u)},handleBlurCapture:u=>{w(u.currentTarget.contains(u.relatedTarget)||(s?.contains(u.relatedTarget)??!1)),e.current?.contains(u.relatedTarget)||y(void 0),O?.(u)}}},I=t=>t.stopPropagation(),We=({children:t,showOverflowCount:e,maxInlineCount:n,overflowLabel:s=H.doNotTranslate("Show all items"),open:o,defaultOpen:a=!1,onOpenChange:c,actionsRef:i,triggerProps:r,popupProps:f,className:p,onMouseEnter:O,onMouseLeave:F,onFocusCapture:w,onBlurCapture:N,ref:y,...D})=>{const[S,x]=(0,d.useState)(!1),[L,R]=(0,d.useState)(null),[_,A]=(0,ge.useControlled)({controlled:o,default:a,name:H.doNotTranslate("OverflowingList"),state:"open"}),E=(0,d.useRef)(null),u=i??E,b=v.isDefined(n)&&Number.isFinite(n)?Math.min(t.length,Math.max(0,Math.floor(n))):t.length,{containerRef:h,itemsRef:T,triggerRef:g,visibleItemCount:W,hasOverflow:oe,updateLayout:ae}=qe({itemCount:t.length,inlineItemCount:b}),B=oe&&(_||e!==!1),$=_&&B,{hasFocus:ie,isCountVisible:G,restoreItemFocus:J,schedulePopupFocusRestoration:le,resetFocusWhenFocusedTriggerUnmounts:ce,handleFocusCapture:ue,handleBlurCapture:de}=Ae({containerRef:h,itemsRef:T,triggerRef:g,popup:L,itemCount:t.length,canExpand:B,isPopupOpen:$,isOpen:_,isHovered:S,showOverflowCount:e,onFocusCapture:w,onBlurCapture:N}),Q=(e??(S||ie))||_,fe=(0,V.useMergedRefs)(h,y),me=(0,V.useMergedRefs)(g,ce,r?.ref),ve=(0,V.useMergedRefs)(R,f?.ref),X=Q&&e!==!1?W:b,Y=t.length-W,he=(0,k.useStableCallback)(()=>{u.current?.close()});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{...D,ref:fe,tabIndex:D.tabIndex??-1,className:(0,M.clsx)(U.root,p),onMouseEnter:m=>{x(!0),O?.(m)},onMouseLeave:m=>{x(!1),F?.(m)},onFocusCapture:ue,onBlurCapture:de,children:[(0,l.jsx)("div",{ref:T,className:U.items,children:t.slice(0,b).map((m,C)=>(0,l.jsx)(ee,{index:C,isHidden:C>=X,isLastVisible:e!==!1&&C===X-1,isInPopup:!1,onFocusLost:J,children:m},m.key??C))}),(B||_)&&(0,l.jsxs)(z.Popover.Root,{open:$,actionsRef:u,onOpenChange:(m,C)=>{c?.(m,C),C.isCanceled||A(m)},children:[B&&(0,l.jsx)(z.Popover.Trigger,{type:"button","aria-label":`+${Y} ${s}`,...r,onClick:r?.onClick??I,onMouseDown:r?.onMouseDown??I,onPointerDown:r?.onPointerDown??I,onKeyDown:r?.onKeyDown??I,onKeyUp:r?.onKeyUp??I,ref:me,className:m=>(0,M.clsx)(U.trigger,(0,j.isFunction)(r?.className)?r.className(m):r?.className),"data-visible":G||void 0,children:(0,j.isUndefined)(r?.children)?`+${Y}`:r.children}),(0,l.jsx)(z.Popover.Portal,{children:(0,l.jsx)(z.Popover.Positioner,{anchor:h,align:"start",sideOffset:-9,alignOffset:-7,children:(0,l.jsx)(z.Popover.Popup,{"aria-label":s,...f,onClick:f?.onClick??I,onMouseDown:f?.onMouseDown??I,onPointerDown:f?.onPointerDown??I,onKeyDown:f?.onKeyDown??I,onKeyUp:f?.onKeyUp??I,ref:ve,render:(m,C)=>(0,l.jsx)(Ne,{props:m,state:C,render:f?.render}),finalFocus:f?.finalFocus??le,className:m=>(0,M.clsx)(U.popup,(0,j.isFunction)(f?.className)?f.className(m):f?.className),"data-overflowing-list-popup":"",children:t.map((m,C)=>(0,l.jsx)(ee,{index:C,isHidden:!1,isLastVisible:!1,isInPopup:!0,onFocusLost:J,children:m},m.key??C))})})})]})]}),(0,l.jsx)(Te,{containerRef:h,itemsRef:T,triggerRef:g,itemCount:t.length,inlineItemCount:b,reserveCountSpace:G,isMeasurementEnabled:Q,isOpen:_,onLayoutChange:ae,onOverflowUnavailable:he})]})},Ue="_header_1dz7y_1",ze="_titleRow_1dz7y_8",Ke="_title_1dz7y_8",Ve="_actions_1dz7y_21",Be="_description_1dz7y_27",K={header:Ue,titleRow:ze,title:Ke,actions:Ve,description:Be},He=({title:t,description:e,actions:n,level:s=2,size:o="md",color:a="primary",descriptionLineClamp:c=5,isDescriptionFocusable:i=!1,render:r,ref:f,className:p,...O})=>{const F=(0,d.useId)(),w=(0,j.isString)(e)?(0,j.isNonEmptyString)(e):v.isDefined(e)&&e!==!1,N=(0,j.isString)(e)&&c!==!1,y=(0,j.isString)(e)?(0,l.jsx)(Z.Text,{style:{whiteSpace:"pre-wrap"},children:e}):e;return(0,P.useRender)({render:r,ref:f,props:{...O,className:(0,M.clsx)(K.header,p),children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:K.titleRow,children:[(0,l.jsx)(be.Heading,{level:s,size:o,color:a,className:K.title,"aria-describedby":w?F:void 0,children:t}),v.isDefined(n)&&(0,l.jsx)("div",{className:K.actions,children:n})]}),w&&(0,l.jsx)("div",{id:F,className:K.description,children:N?(0,l.jsx)(Z.OverflowingTextWithTooltip,{text:e,lineClamp:c,isTooltipMultiline:!0,isFocusable:i}):y})]})}})},Pe="_root_ztxxm_1",$e="_fullWidth_ztxxm_20",se={root:Pe,fullWidth:$e},Ge=({align:t="left",color:e="primary",fullWidth:n=!0,className:s,render:o,ref:a,...c})=>(0,P.useRender)({render:o,ref:a,props:{...c,"data-align":t,"data-color":e,className:(0,M.clsx)(se.root,n&&se.fullWidth,s)}}),Je={Root:Ge,Header:He};Object.defineProperty(exports,"AnimatedIconCrossfade",{enumerable:!0,get:function(){return we}});Object.defineProperty(exports,"OverflowingList",{enumerable:!0,get:function(){return We}});Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return Je}});
@@ -1 +0,0 @@
1
- const B=require("./doNotTranslate-CHE7WmRS.cjs"),T=require("./mergeClassNames-D4lshrT6.cjs"),m=require("./Button-iVyxlrwO.cjs"),y=require("./ListItem-C6Xl00m1.cjs"),L=require("./Dropdown-DlItz8Gh.cjs"),d=require("./TabsTabContent-6rkARU9F.cjs");let f=require("clsx"),v=require("react"),u=require("react/jsx-runtime"),C=require("@base-ui/react/button");var P=()=>{const{pageId:e,goToPage:t,goBack:r,canGoBack:n}=L.useDropdownContext();return{page:e,goToPage:o=>t({id:o}),goBack:r,canGoBack:n}},j=({color:e,selected:t,focused:r,indicator:n,startIcon:o,endIcon:a,description:s,descriptionPlacement:i,shortcut:l,shortcutJoinLabel:c,hasSubmenu:_,disabled:b=!1,type:g="button",children:q,...p})=>(0,u.jsx)(y.ListItem,{color:e,selected:t,focused:r,indicator:n,startIcon:o,endIcon:a,description:s,descriptionPlacement:i,shortcut:l,shortcutJoinLabel:c,hasSubmenu:_,disabled:b,render:(0,u.jsx)(C.Button,{...p,nativeButton:!0,type:g,disabled:b}),children:q}),x=B.doNotTranslate({gray:"Gray",tomato:"Tomato",red:"Red",ruby:"Ruby",crimson:"Crimson",pink:"Pink",plum:"Plum",purple:"Purple",violet:"Violet",iris:"Iris",cyan:"Cyan",turquoise:"Turquoise",sky:"Sky",blue:"Blue",jade:"Jade",green:"Green",grass:"Grass",mint:"Mint",lime:"Lime",bronze:"Bronze",gold:"Gold",brown:"Brown",orange:"Orange",amber:"Amber",yellow:"Yellow"}),w="_button_quwcq_1",O={button:w},G=({active:e=!1,className:t,children:r,startIcon:n,endIcon:o,badge:a,size:s,...i})=>{const l=(0,v.useContext)(m.ButtonGroupContext),c=s??l?.size??"sm";return(0,u.jsx)(m.Button,{...i,variant:"ghost",size:c,"data-active":e||void 0,className:T.mergeClassNames((0,f.clsx)(d.Tab_module_default.tab,O.button),t),children:(0,u.jsx)(d.TabsTabContent,{startIcon:n,endIcon:o,badge:a,children:r})})};Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return x}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return j}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return G}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return P}});
@@ -1,86 +0,0 @@
1
- import { t as c } from "./doNotTranslate-BSVT8Xyd.js";
2
- import { t as B } from "./mergeClassNames-ClFMR1v0.js";
3
- import { r as v, t as T } from "./Button-CU8BS-Yd.js";
4
- import { t as y } from "./ListItem-C84ANa76.js";
5
- import { o as _ } from "./Dropdown-ChTVyesF.js";
6
- import { n as C, t as w } from "./TabsTabContent-DPkLTBi2.js";
7
- import { clsx as G } from "clsx";
8
- import { useContext as L } from "react";
9
- import { jsx as n } from "react/jsx-runtime";
10
- import { Button as k } from "@base-ui/react/button";
11
- var j = () => {
12
- const { pageId: o, goToPage: t, goBack: r, canGoBack: e } = _();
13
- return {
14
- page: o,
15
- goToPage: (a) => t({ id: a }),
16
- goBack: r,
17
- canGoBack: e
18
- };
19
- }, E = ({ color: o, selected: t, focused: r, indicator: e, startIcon: a, endIcon: s, description: m, descriptionPlacement: u, shortcut: i, shortcutJoinLabel: l, hasSubmenu: d, disabled: p = !1, type: b = "button", children: g, ...f }) => /* @__PURE__ */ n(y, {
20
- color: o,
21
- selected: t,
22
- focused: r,
23
- indicator: e,
24
- startIcon: a,
25
- endIcon: s,
26
- description: m,
27
- descriptionPlacement: u,
28
- shortcut: i,
29
- shortcutJoinLabel: l,
30
- hasSubmenu: d,
31
- disabled: p,
32
- render: /* @__PURE__ */ n(k, {
33
- ...f,
34
- nativeButton: !0,
35
- type: b,
36
- disabled: p
37
- }),
38
- children: g
39
- }), F = c({
40
- gray: "Gray",
41
- tomato: "Tomato",
42
- red: "Red",
43
- ruby: "Ruby",
44
- crimson: "Crimson",
45
- pink: "Pink",
46
- plum: "Plum",
47
- purple: "Purple",
48
- violet: "Violet",
49
- iris: "Iris",
50
- cyan: "Cyan",
51
- turquoise: "Turquoise",
52
- sky: "Sky",
53
- blue: "Blue",
54
- jade: "Jade",
55
- green: "Green",
56
- grass: "Grass",
57
- mint: "Mint",
58
- lime: "Lime",
59
- bronze: "Bronze",
60
- gold: "Gold",
61
- brown: "Brown",
62
- orange: "Orange",
63
- amber: "Amber",
64
- yellow: "Yellow"
65
- }), x = "_button_quwcq_1", P = { button: x }, J = ({ active: o = !1, className: t, children: r, startIcon: e, endIcon: a, badge: s, size: m, ...u }) => {
66
- const i = L(v), l = m ?? i?.size ?? "sm";
67
- return /* @__PURE__ */ n(T, {
68
- ...u,
69
- variant: "ghost",
70
- size: l,
71
- "data-active": o || void 0,
72
- className: B(G(C.tab, P.button), t),
73
- children: /* @__PURE__ */ n(w, {
74
- startIcon: e,
75
- endIcon: a,
76
- badge: s,
77
- children: r
78
- })
79
- });
80
- };
81
- export {
82
- j as i,
83
- F as n,
84
- E as r,
85
- J as t
86
- };
@@ -1,8 +0,0 @@
1
- export type LabelVariant = 'default' | 'small';
2
- type LabelProps = {
3
- variant?: LabelVariant;
4
- children?: React.ReactNode;
5
- className?: string;
6
- };
7
- export declare const Label: ({ variant, children, className, }: LabelProps) => import("react").JSX.Element;
8
- export {};
@@ -1 +0,0 @@
1
- const g=require("./theme-1XkFz8Qu.cjs"),D=require("./isDefined-DS2Q42p5.cjs"),c=require("./mergeClassNames-D4lshrT6.cjs"),u=require("./useProvidedTextDirection-PVaoQCLH.cjs"),m=require("./Heading-CHvEXL6n.cjs");let n=require("@base-ui/react/use-render"),C=require("@sniptt/guards"),d=require("clsx"),i=require("react/jsx-runtime"),l=require("@base-ui/react/alert-dialog"),s=require("@base-ui/react/dialog");var x="_backdrop_aak4r_1",N="_viewport_aak4r_12",f="_popup_aak4r_30",A="_header_aak4r_82",H="_body_aak4r_91",P="_footer_aak4r_95",k="_title_aak4r_106",T="_description_aak4r_113",t={backdrop:x,viewport:N,popup:f,header:A,body:H,footer:P,title:k,description:T},b=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Backdrop,{...r,className:c.mergeClassNames(t.backdrop,e)}),j=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.body,a)}}),q=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Description,{...r,className:c.mergeClassNames(t.description,e)}),R=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.footer,a)}}),y=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.header,a)}}),w=({container:e,...r})=>{const a=g.useThemeContainer(),o=u.useProvidedTextDirection();return(0,i.jsx)(l.AlertDialog.Portal,{dir:o,...r,container:e===void 0?a??void 0:e})},h=({size:e="md",className:r,...a})=>(0,i.jsx)(l.AlertDialog.Popup,{...a,"data-size":e,className:c.mergeClassNames(t.popup,r)}),B=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Title,{...r,className:c.mergeClassNames(t.title,e)}),F=({className:e,...r})=>{const a=u.useProvidedTextDirection();return(0,i.jsx)(l.AlertDialog.Viewport,{dir:a,...r,className:c.mergeClassNames(t.viewport,e)})},V=()=>({Root:l.AlertDialog.Root,Trigger:l.AlertDialog.Trigger,Portal:w,Backdrop:b,Viewport:F,Popup:h,Title:B,Description:q,Close:l.AlertDialog.Close,Header:y,Body:j,Footer:R,Handle:l.AlertDialog.Handle,createHandle:l.AlertDialog.createHandle}),z=V(),O="_cardContent_122dn_1",$={cardContent:O},U=({className:e,divider:r,render:a,ref:o,...p})=>(0,n.useRender)({render:a,ref:o,props:{...p,className:(0,d.clsx)($.cardContent,e),"data-divider":r||void 0}}),E="_cardFooter_yo8y2_1",G={cardFooter:E},I=({className:e,divider:r,render:a,ref:o,...p})=>(0,n.useRender)({render:a,ref:o,props:{...p,className:(0,d.clsx)(G.cardFooter,e),"data-no-divider":r===!1||void 0}}),J="_cardHeader_18psr_1",K={cardHeader:J},L=({className:e,render:r,ref:a,...o})=>(0,n.useRender)({render:r,ref:a,props:{...o,className:(0,d.clsx)(K.cardHeader,e)}}),M="_card_l2pp2_1",Q={card:M},S=({className:e,fullWidth:r,backgroundColor:a,style:o,render:p,ref:_,...v})=>(0,n.useRender)({render:p,ref:_,props:{...v,className:(0,d.clsx)(Q.card,e),"data-full-width":r||void 0,style:D.isDefined(a)?{...o,"--card-background-color":a}:o}}),W={Root:S,Header:L,Content:U,Footer:I},X=({className:e,...r})=>(0,i.jsx)(s.Dialog.Backdrop,{...r,className:c.mergeClassNames(t.backdrop,e)}),Y=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.body,a)}}),Z="_description_3f4d1_1",ee={description:Z},re=({className:e,...r})=>(0,i.jsx)(s.Dialog.Description,{...r,className:c.mergeClassNames((0,d.clsx)(t.description,ee.description),e)}),ae=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.footer,a)}}),oe=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.header,a)}}),te=({size:e="md",className:r,...a})=>{const o=u.useProvidedTextDirection();return(0,i.jsx)(s.Dialog.Popup,{dir:o,...a,"data-size":e,className:c.mergeClassNames(t.popup,r)})},ie=({container:e,...r})=>{const a=g.useThemeContainer();return(0,i.jsx)(s.Dialog.Portal,{...r,container:(0,C.isUndefined)(e)?a??void 0:e})},le="_title_yzpck_1",se={title:le},de=({level:e=2,size:r="lg",color:a="primary",className:o,render:p,..._})=>(0,i.jsx)(s.Dialog.Title,{..._,className:c.mergeClassNames(se.title,o),render:(0,i.jsx)(m.Heading,{level:e,size:r,color:a,render:p})}),ce=({className:e,...r})=>{const a=u.useProvidedTextDirection();return(0,i.jsx)(s.Dialog.Viewport,{dir:a,...r,className:c.mergeClassNames(t.viewport,e)})},ne={createHandle:s.Dialog.createHandle,Handle:s.Dialog.Handle,Root:s.Dialog.Root,Trigger:s.Dialog.Trigger,Portal:ie,Backdrop:X,Viewport:ce,Popup:te,Title:de,Description:re,Close:s.Dialog.Close,Header:oe,Body:Y,Footer:ae};Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return z}});Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return W}});Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return ne}});