twenty-ui 2.47.0 → 2.48.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 (216) hide show
  1. package/dist/{AllIcons-DrlkKKQf.cjs → AllIcons-Cyd7721G.cjs} +1 -1
  2. package/dist/{AllIcons-G3nKeM41.js → AllIcons-D132B8_i.js} +1 -1
  3. package/dist/{Button-Cs07psdD.js → Button-D5enZ0Qz.js} +1 -1
  4. package/dist/{Button-COxEKIHL.cjs → Button-Dbi5P05r.cjs} +1 -1
  5. package/dist/Dropdown-BKjAaZS0.cjs +1 -0
  6. package/dist/Dropdown-C2hXrjvD.js +820 -0
  7. package/dist/{ListItem-q6DHGlev.cjs → ListItem-CHTR-GLd.cjs} +1 -1
  8. package/dist/{ListItem-CXu35dzp.js → ListItem-CjnrSbka.js} +4 -4
  9. package/dist/ListItem.module-BJ9Ttjrc.js +34 -0
  10. package/dist/ListItem.module-CO4u2oeF.cjs +1 -0
  11. package/dist/OverflowingTextWithTooltip-BmUROIah.js +90 -0
  12. package/dist/OverflowingTextWithTooltip-Z2daM0_x.cjs +1 -0
  13. package/dist/{ProgressBar-D_3Gia0E.js → ProgressBar-BvT1dyFo.js} +1 -1
  14. package/dist/{ProgressBar-oF1qVHFx.cjs → ProgressBar-DfFz0fFB.cjs} +1 -1
  15. package/dist/{Radio-BMoQHDe7.js → Radio-DMI1B7o5.js} +1 -1
  16. package/dist/{Radio-D_YUizSv.cjs → Radio-xmHgGHQO.cjs} +1 -1
  17. package/dist/{ResizeHandle-Bjg4R0c-.js → ResizeHandle-C1kQ3MYR.js} +1 -0
  18. package/dist/ResizeHandle-DI4LHIQm.cjs +1 -0
  19. package/dist/Shortcut-BvWUZ3pb.js +72 -0
  20. package/dist/Shortcut-CgrdLv_L.cjs +1 -0
  21. package/dist/TabsTabContent-Co27Y2TU.cjs +1 -0
  22. package/dist/TabsTabContent-DVcObDp6.js +39 -0
  23. package/dist/Tooltip-Bg9Uk01p.cjs +1 -0
  24. package/dist/Tooltip-cLCgtFBF.js +124 -0
  25. package/dist/components/code-editor/CodeEditor/CodeEditor.d.ts +1 -1
  26. package/dist/components/code-editor/CodeEditor/__stories__/ControlledCodeEditor.d.ts +2 -0
  27. package/dist/components/code-editor/CodeEditor/__stories__/ModelCodeEditor.d.ts +2 -0
  28. package/dist/components/code-editor/CodeEditor/__stories__/ResizableCodeEditor.d.ts +2 -0
  29. package/dist/components/code-editor/CodeEditor/__stories__/ThemedCodeEditor.d.ts +2 -0
  30. package/dist/components/code-editor/CodeEditor/__stories__/UnmountingCodeEditor.d.ts +2 -0
  31. package/dist/components/code-editor/CodeEditor/__stories__/waitForCodeEditorContent.d.ts +4 -1
  32. package/dist/components/code-editor/CodeEditor/internal/CodeEditorAutoHeightEffect.d.ts +9 -0
  33. package/dist/components/code-editor/CodeEditor/internal/CodeEditorLifecycleEffect.d.ts +11 -0
  34. package/dist/components/code-editor/CodeEditor/internal/CodeEditorLoaderConfigurationEffect.d.ts +7 -0
  35. package/dist/components/code-editor/CodeEditor/internal/CodeEditorMarkersEffect.d.ts +10 -0
  36. package/dist/components/code-editor/CodeEditor/internal/CodeEditorResizableHeightEffect.d.ts +11 -0
  37. package/dist/components/code-editor/CodeEditor/internal/CodeEditorThemeEffect.d.ts +10 -0
  38. package/dist/components/code-editor/CodeEditor/internal/constants/CodeEditorDefaultHeight.d.ts +1 -0
  39. package/dist/components/code-editor/CodeEditor/internal/types/ResizedCodeEditorHeight.d.ts +4 -0
  40. package/dist/components/code-editor/CodeEditor/internal/useCodeEditorHeight.d.ts +13 -0
  41. package/dist/components/code-editor/CodeEditor/internal/utils/defineCodeEditorDefaultTheme.d.ts +7 -0
  42. package/dist/components/code-editor/CodeEditor/internal/utils/getBaseCodeEditorTheme.d.ts +4 -1
  43. package/dist/components/code-editor/CodeEditor/internal/utils/getBoundedCodeEditorHeight.d.ts +1 -0
  44. package/dist/components/code-editor/CodeEditor/internal/utils/getCurrentCodeEditorHeight.d.ts +7 -0
  45. package/dist/components/code-editor/CodeEditor/internal/utils/getResizableCodeEditorHeight.d.ts +5 -0
  46. package/dist/components/code-editor/CodeEditor/types/CodeEditorProps.d.ts +4 -2
  47. package/dist/components/code-editor.cjs +1 -1
  48. package/dist/components/code-editor.mjs +267 -155
  49. package/dist/components/data-display.mjs +1 -1
  50. package/dist/components/feedback/Toast/internal/components/ToastCountdownEffect.d.ts +4 -3
  51. package/dist/components/feedback/Toast/internal/components/ToastProviderLifecycleEffect.d.ts +3 -0
  52. package/dist/components/feedback/Toast/internal/constants/DefaultToastDuration.d.ts +1 -0
  53. package/dist/components/feedback/Toast/internal/contexts/ToastContext.d.ts +60 -1
  54. package/dist/components/feedback/Toast/internal/contexts/ToastTimingContext.d.ts +12 -2
  55. package/dist/components/feedback/Toast/internal/hooks/useToastContext.d.ts +60 -1
  56. package/dist/components/feedback/Toast/internal/hooks/useToastCountdown.d.ts +26 -0
  57. package/dist/components/feedback/Toast/internal/stores/createToastStore.d.ts +60 -1
  58. package/dist/components/feedback/Toast/internal/utils/assertValidToastLimit.d.ts +1 -0
  59. package/dist/components/feedback/Toast/internal/utils/completeToastExit.d.ts +3 -2
  60. package/dist/components/feedback/Toast/internal/utils/createToastCountdownStore.d.ts +22 -0
  61. package/dist/components/feedback/Toast/internal/utils/createToastLifecycle.d.ts +62 -0
  62. package/dist/components/feedback/Toast/internal/utils/dismissToasts.d.ts +3 -2
  63. package/dist/components/feedback/Toast/internal/utils/updateToastLimit.d.ts +5 -0
  64. package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleControls.d.ts +7 -0
  65. package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleExample.d.ts +2 -0
  66. package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleExampleProps.d.ts +7 -0
  67. package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleTimingOverrideExample.d.ts +9 -0
  68. package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleUnrelatedNotificationActions.d.ts +5 -0
  69. package/dist/components/feedback/Toaster/__stories__/ToasterPortalExample.d.ts +5 -0
  70. package/dist/components/feedback/Toaster/__stories__/ToasterProviderLayoutReplayEffect.d.ts +4 -0
  71. package/dist/components/feedback/Toaster/__stories__/ToasterProviderPassiveReplayEffect.d.ts +4 -0
  72. package/dist/components/feedback/Toaster/__stories__/ToasterProviderReplayExample.d.ts +6 -0
  73. package/dist/components/feedback/Toaster/__stories__/ToasterProviderSuspenseExample.d.ts +4 -0
  74. package/dist/components/feedback/Toaster/__stories__/ToasterProviderSuspension.d.ts +5 -0
  75. package/dist/components/feedback/Toaster/internal/ToasterItemExitEffect.d.ts +2 -1
  76. package/dist/components/feedback.cjs +1 -1
  77. package/dist/components/feedback.mjs +1 -1
  78. package/dist/components/input/SearchInput/SearchInput.d.ts +1 -1
  79. package/dist/components/input/SearchInput/types/SearchInputProps.d.ts +2 -3
  80. package/dist/components/input/SegmentedControl/SegmentedControl.d.ts +1 -1
  81. package/dist/components/input/SegmentedControl/types/SegmentedControlProps.d.ts +2 -0
  82. package/dist/components/input/SegmentedControl/types/SegmentedControlSize.d.ts +1 -0
  83. package/dist/components/input/index.d.ts +1 -0
  84. package/dist/components/input.cjs +1 -1
  85. package/dist/components/input.mjs +2 -2
  86. package/dist/components/layout/OverflowingList/OverflowingList.d.ts +1 -1
  87. package/dist/components/layout/OverflowingList/__stories__/OverflowingListActionsExample.d.ts +7 -0
  88. package/dist/components/layout/OverflowingList/__stories__/OverflowingListCanceledCloseExample.d.ts +1 -0
  89. package/dist/components/layout/OverflowingList/__stories__/OverflowingListControlledExample.d.ts +1 -0
  90. package/dist/components/layout/OverflowingList/__stories__/OverflowingListControlledStateExample.d.ts +1 -0
  91. package/dist/components/layout/OverflowingList/__stories__/OverflowingListDisabledTriggerFocusExample.d.ts +1 -0
  92. package/dist/components/layout/OverflowingList/__stories__/OverflowingListEventBlockingExample.d.ts +7 -0
  93. package/dist/components/layout/OverflowingList/__stories__/OverflowingListFocusExample.d.ts +1 -0
  94. package/dist/components/layout/OverflowingList/__stories__/OverflowingListInstanceCleanupExample.d.ts +1 -0
  95. package/dist/components/layout/OverflowingList/__stories__/OverflowingListStateExample.d.ts +1 -0
  96. package/dist/components/layout/OverflowingList/__stories__/OverflowingListTriggerRefExample.d.ts +1 -0
  97. package/dist/components/layout/OverflowingList/internal/OverflowingListItem.d.ts +8 -2
  98. package/dist/components/layout/OverflowingList/internal/OverflowingListItemFocusEffect.d.ts +8 -0
  99. package/dist/components/layout/OverflowingList/internal/OverflowingListLayoutEffect.d.ts +16 -0
  100. package/dist/components/layout/OverflowingList/internal/OverflowingListPopupTarget.d.ts +10 -0
  101. package/dist/components/layout/OverflowingList/internal/focusOverflowingListFallback.d.ts +8 -0
  102. package/dist/components/layout/OverflowingList/internal/measureOverflowingListLayout.d.ts +10 -0
  103. package/dist/components/layout/OverflowingList/internal/types/OverflowingListLayout.d.ts +4 -0
  104. package/dist/components/layout/OverflowingList/internal/useFocusedElementUnmountRef.d.ts +1 -1
  105. package/dist/components/layout/OverflowingList/internal/useOverflowingListFocus.d.ts +30 -0
  106. package/dist/components/layout/OverflowingList/internal/useOverflowingListLayout.d.ts +6 -6
  107. package/dist/components/layout/OverflowingList/types/OverflowingListProps.d.ts +7 -2
  108. package/dist/components/layout.cjs +1 -1
  109. package/dist/components/layout.mjs +1 -1
  110. package/dist/components/navigation/Dropdown/Dropdown.d.ts +4 -4
  111. package/dist/components/navigation/Dropdown/internal/DropdownActionItem.d.ts +1 -1
  112. package/dist/components/navigation/Dropdown/internal/DropdownContent.d.ts +1 -1
  113. package/dist/components/navigation/Dropdown/internal/DropdownContextValue.d.ts +6 -5
  114. package/dist/components/navigation/Dropdown/internal/DropdownOptionItem.d.ts +1 -1
  115. package/dist/components/navigation/Dropdown/internal/DropdownRowFocus.d.ts +5 -0
  116. package/dist/components/navigation/Dropdown/internal/DropdownRowsEffect.d.ts +5 -0
  117. package/dist/components/navigation/Dropdown/internal/DropdownSubmenuTrigger.d.ts +1 -1
  118. package/dist/components/navigation/Dropdown/internal/getDropdownItemExplicitId.d.ts +5 -0
  119. package/dist/components/navigation/Dropdown/internal/getDropdownRows.d.ts +1 -0
  120. package/dist/components/navigation/Dropdown/internal/getDropdownSearch.d.ts +1 -0
  121. package/dist/components/navigation/Dropdown/internal/getDropdownTabStopRowId.d.ts +4 -0
  122. package/dist/components/navigation/Dropdown/internal/isDropdownDismissPrevented.d.ts +2 -1
  123. package/dist/components/navigation/Dropdown/internal/isDropdownRow.d.ts +4 -0
  124. package/dist/components/navigation/Dropdown/internal/isEnabledDropdownItem.d.ts +4 -0
  125. package/dist/components/navigation/Dropdown/internal/useDropdownItemFocus.d.ts +0 -1
  126. package/dist/components/navigation/Dropdown/internal/useDropdownKeyboardNavigation.d.ts +1 -6
  127. package/dist/components/navigation.cjs +1 -1
  128. package/dist/components/navigation.mjs +2 -2
  129. package/dist/components/settings.cjs +1 -1
  130. package/dist/components/settings.mjs +1 -1
  131. package/dist/components.cjs +1 -1
  132. package/dist/components.mjs +7 -7
  133. package/dist/data-display-0QO_WDSs.js +183 -0
  134. package/dist/data-display-CPmTJAWJ.cjs +1 -0
  135. package/dist/{data-display-DU3G8ZyI.js → data-display-KyZbLLy-.js} +1 -1
  136. package/dist/feedback-CM6fatE8.js +664 -0
  137. package/dist/feedback-ybO4n69s.cjs +1 -0
  138. package/dist/icon/components/TablerIcons.d.ts +1 -1
  139. package/dist/icon/constants/TwentyIconDictionary.d.ts +7 -7
  140. package/dist/icon/index.d.ts +1 -1
  141. package/dist/{icon-JuDK6Wxr.cjs → icon-BNcdwwdl.cjs} +1 -1
  142. package/dist/{icon-BdXwnJA6.js → icon-CUE-QGQK.js} +129 -128
  143. package/dist/icon.cjs +1 -1
  144. package/dist/icon.mjs +77 -76
  145. package/dist/index.cjs +1 -1
  146. package/dist/index.mjs +222 -220
  147. package/dist/input-3D2lXywH.cjs +1 -0
  148. package/dist/{input-Bnu5kNjg.cjs → input-CJDYNwoO.cjs} +1 -1
  149. package/dist/{input-vl6yK36n.js → input-DRpDiMRi.js} +4 -4
  150. package/dist/input-TM3nUdu6.js +554 -0
  151. package/dist/layout-BszCDxAO.js +441 -0
  152. package/dist/layout-VaIq7Sjr.cjs +1 -0
  153. package/dist/{navigation-itBinyPi.js → navigation-B1SRvzKK.js} +8 -8
  154. package/dist/{navigation-Dg46Wr5m.js → navigation-CYAs2LnR.js} +1 -1
  155. package/dist/{navigation-WsiYsmaq.cjs → navigation-CthkGHJ8.cjs} +1 -1
  156. package/dist/{navigation-B1hPNYv2.cjs → navigation-DrOV5E67.cjs} +1 -1
  157. package/dist/primitives/data-display.cjs +1 -1
  158. package/dist/primitives/data-display.mjs +1 -1
  159. package/dist/primitives/feedback.cjs +1 -1
  160. package/dist/primitives/feedback.mjs +1 -1
  161. package/dist/primitives/input.cjs +1 -1
  162. package/dist/primitives/input.mjs +3 -3
  163. package/dist/primitives/layout.cjs +1 -1
  164. package/dist/primitives/layout.mjs +1 -1
  165. package/dist/primitives/navigation.cjs +1 -1
  166. package/dist/primitives/navigation.mjs +2 -2
  167. package/dist/primitives/surfaces/Tooltip/Tooltip.d.ts +1 -1
  168. package/dist/primitives/surfaces/Tooltip/internal/TooltipPopup.d.ts +1 -1
  169. package/dist/primitives/surfaces/Tooltip/types/TooltipPopupProps.d.ts +2 -0
  170. package/dist/primitives/surfaces.cjs +1 -1
  171. package/dist/primitives/surfaces.mjs +2 -2
  172. package/dist/primitives/typography/OverflowingTextWithTooltip/OverflowingTextTooltipModeProvider.d.ts +6 -0
  173. package/dist/primitives/typography/OverflowingTextWithTooltip/internal/OverflowingTextTooltipModeContext.d.ts +2 -0
  174. package/dist/primitives/typography/OverflowingTextWithTooltip/internal/isElementOverflowing.d.ts +1 -0
  175. package/dist/primitives/typography/OverflowingTextWithTooltip/types/OverflowingTextTooltipMode.d.ts +1 -0
  176. package/dist/primitives/typography/Shortcut/Shortcut.d.ts +1 -1
  177. package/dist/primitives/typography/Shortcut/internal/getShortcutPresentation.d.ts +1 -1
  178. package/dist/primitives/typography/Shortcut/types/ShortcutFormatOptions.d.ts +1 -0
  179. package/dist/primitives/typography/index.d.ts +2 -0
  180. package/dist/primitives/typography.cjs +1 -1
  181. package/dist/primitives/typography.mjs +10 -9
  182. package/dist/primitives.cjs +1 -1
  183. package/dist/primitives.mjs +37 -36
  184. package/dist/{settings-BiSAY2oN.cjs → settings-BAYsnlZJ.cjs} +1 -1
  185. package/dist/{settings-CC-2gcAx.js → settings-BjEZiHXE.js} +1 -1
  186. package/dist/style.css +1 -1
  187. package/dist/surfaces-0rL5DoHt.cjs +1 -0
  188. package/dist/{surfaces-DZ2A-Nb9.js → surfaces-BLsR5ka0.js} +54 -54
  189. package/dist/typography-B5QEuPaL.cjs +1 -0
  190. package/dist/typography-fOTFr0jS.js +11 -0
  191. package/package.json +1 -1
  192. package/dist/Dropdown-BBUGkQQV.cjs +0 -1
  193. package/dist/Dropdown-CScN_olN.js +0 -784
  194. package/dist/ListItem.module-Ar-vZ7Qu.js +0 -34
  195. package/dist/ListItem.module-B8NeDH1P.cjs +0 -1
  196. package/dist/OverflowingTextWithTooltip-Be2-wCcZ.js +0 -88
  197. package/dist/OverflowingTextWithTooltip-BlufG-6n.cjs +0 -1
  198. package/dist/ResizeHandle-CNlQ4TEE.cjs +0 -1
  199. package/dist/Shortcut-DKfB0kej.js +0 -71
  200. package/dist/Shortcut-ZuZ-KYSk.cjs +0 -1
  201. package/dist/TabsTabContent-DZUNi_iE.cjs +0 -1
  202. package/dist/TabsTabContent-s6J5bZ3R.js +0 -39
  203. package/dist/Tooltip-BMkznyoi.js +0 -120
  204. package/dist/Tooltip-JOYVeSsf.cjs +0 -1
  205. package/dist/components/navigation/Dropdown/internal/DropdownSearchTargetEffect.d.ts +0 -5
  206. package/dist/data-display-BMV-nC-9.js +0 -181
  207. package/dist/data-display-BkujQe5v.cjs +0 -1
  208. package/dist/feedback-B5x8tmnG.cjs +0 -1
  209. package/dist/feedback-DhilJ_fX.js +0 -509
  210. package/dist/input-BEKjAOjS.cjs +0 -1
  211. package/dist/input-BUgnp6eA.js +0 -559
  212. package/dist/layout-BKHabkTu.js +0 -267
  213. package/dist/layout-wuIu4rJ3.cjs +0 -1
  214. package/dist/surfaces-vyAhk2Gw.cjs +0 -1
  215. package/dist/typography-8DF9mq2w.cjs +0 -1
  216. package/dist/typography-DmY7-GzQ.js +0 -5
@@ -1,267 +0,0 @@
1
- import { t as h } from "./isDefined-fMi6eQ4r.js";
2
- import { n as se, t as ae } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
3
- import { t as M } from "./Popover-CWeCV7X9.js";
4
- import { t as oe } from "./Heading-pXllCJCO.js";
5
- import { useRender as j } from "@base-ui/react/use-render";
6
- import { isNonEmptyString as ne, isString as K } from "@sniptt/guards";
7
- import { clsx as T } from "clsx";
8
- import { useCallback as ee, useId as ie, useLayoutEffect as J, useRef as z, useState as W } from "react";
9
- import { Fragment as te, jsx as l, jsxs as V } from "react/jsx-runtime";
10
- import { useMergedRefs as Q } from "@base-ui/utils/useMergedRefs";
11
- var le = "_container_1hm4x_1", ce = "_layer_1hm4x_9", de = "_visible_1hm4x_23", ue = "_hidden_1hm4x_28", I = {
12
- container: le,
13
- layer: ce,
14
- visible: de,
15
- hidden: ue
16
- }, Ve = ({ isActive: t, activeIcon: e, inactiveIcon: r, className: a, render: s, ref: o, ...n }) => j({
17
- defaultTagName: "span",
18
- render: s,
19
- ref: o,
20
- props: {
21
- ...n,
22
- className: T(I.container, a),
23
- children: /* @__PURE__ */ V(te, { children: [/* @__PURE__ */ l("span", {
24
- "aria-hidden": "true",
25
- className: T(I.layer, t ? I.hidden : I.visible),
26
- children: r
27
- }), /* @__PURE__ */ l("span", {
28
- "aria-hidden": "true",
29
- className: T(I.layer, t ? I.visible : I.hidden),
30
- children: e
31
- })] })
32
- }
33
- }), me = "_root_1yq9n_1", fe = "_items_1yq9n_11", ve = "_item_1yq9n_11", he = "_trigger_1yq9n_45", pe = "_popup_1yq9n_72", H = {
34
- root: me,
35
- items: fe,
36
- item: ve,
37
- trigger: he,
38
- popup: pe
39
- }, re = (t) => ee((e) => {
40
- if (h(e))
41
- return () => {
42
- e.contains(e.ownerDocument.activeElement) && t();
43
- };
44
- }, [t]), _e = ({ children: t, isHidden: e, isLastVisible: r, onFocusedItemUnmount: a }) => /* @__PURE__ */ l("div", {
45
- ref: re(a),
46
- className: H.item,
47
- "data-hidden": e || void 0,
48
- "data-last-visible": r || void 0,
49
- "aria-hidden": e || void 0,
50
- inert: e,
51
- children: t
52
- }), X = ({ itemWidths: t, availableWidth: e, gap: r, includePartialItem: a }) => {
53
- let s = 0, o = 0;
54
- for (const n of t) {
55
- const c = s + n + (o > 0 ? r : 0);
56
- if (o !== 0 && c > e) {
57
- const p = s + r < e;
58
- return a && p ? o + 1 : o;
59
- }
60
- s = c, o += 1;
61
- }
62
- return o;
63
- }, ge = ({ items: t, itemElements: e, supportsSynchronousLayout: r }) => {
64
- if (!r) return e.map((s) => s.scrollWidth);
65
- t.setAttribute("data-measuring", "");
66
- const a = e.map((s) => s.clientWidth);
67
- return t.removeAttribute("data-measuring"), a;
68
- }, be = 100, ye = ({ itemCount: t, inlineItemCount: e, reserveCountSpace: r, isMeasurementEnabled: a }) => {
69
- const s = z(null), o = z(null), n = z(null), c = z(void 0), p = z({
70
- itemCount: t,
71
- reserveCountSpace: r
72
- }), [x, F] = W(e), [w, y] = W(t > e);
73
- return J(() => {
74
- p.current = {
75
- itemCount: t,
76
- reserveCountSpace: r
77
- }, c.current?.();
78
- }, [
79
- t,
80
- e,
81
- r
82
- ]), J(() => {
83
- const u = s.current, d = o.current;
84
- if (!a || !h(u) || !h(d)) return;
85
- const m = h(globalThis.ResizeObserver), R = /* @__PURE__ */ new Set(), f = () => {
86
- const b = Array.from(d.children), N = /* @__PURE__ */ new Set([u, ...b]);
87
- h(n.current) && N.add(n.current);
88
- for (const v of R) N.has(v) || (_?.unobserve(v), R.delete(v));
89
- for (const v of N) R.has(v) || (_?.observe(v), R.add(v));
90
- const L = p.current, O = ge({
91
- items: d,
92
- itemElements: b,
93
- supportsSynchronousLayout: m
94
- }), C = parseFloat(getComputedStyle(d).columnGap) || 0, S = u.clientWidth, q = X({
95
- itemWidths: O,
96
- availableWidth: S,
97
- gap: C,
98
- includePartialItem: !1
99
- }), P = L.itemCount > q, U = n.current?.offsetWidth ?? 0, $ = L.reserveCountSpace && P ? Math.max(0, S - U - C) : S;
100
- y(P), F(X({
101
- itemWidths: O,
102
- availableWidth: $,
103
- gap: C,
104
- includePartialItem: !0
105
- }));
106
- }, _ = m ? new ResizeObserver(f) : void 0;
107
- c.current = f, f();
108
- const g = new MutationObserver(f);
109
- if (g.observe(d, {
110
- attributes: !0,
111
- attributeFilter: [
112
- "class",
113
- "style",
114
- "hidden"
115
- ],
116
- characterData: !0,
117
- childList: !0,
118
- subtree: !0
119
- }), g.observe(u, { childList: !0 }), !h(_)) {
120
- const b = setInterval(f, be);
121
- return window.addEventListener("resize", f), () => {
122
- c.current = void 0, clearInterval(b), g.disconnect(), window.removeEventListener("resize", f);
123
- };
124
- }
125
- return () => {
126
- c.current = void 0, g.disconnect(), _.disconnect();
127
- };
128
- }, [a]), {
129
- containerRef: s,
130
- itemsRef: o,
131
- triggerRef: n,
132
- visibleItemCount: x,
133
- hasOverflow: w
134
- };
135
- }, A = (t) => t.stopPropagation(), Y = {
136
- onClick: A,
137
- onMouseDown: A,
138
- onPointerDown: A,
139
- onKeyDown: A,
140
- onKeyUp: A
141
- }, qe = ({ children: t, showOverflowCount: e, maxInlineCount: r, overflowLabel: a = "Show all items", className: s, onMouseEnter: o, onMouseLeave: n, onFocusCapture: c, onBlurCapture: p, ref: x, ...F }) => {
142
- const [w, y] = W(!1), [u, d] = W(!1), [m, R] = W(!1), [f, _] = W(), g = e ?? f ?? (w || u || m), b = h(r) && Number.isFinite(r) ? Math.min(t.length, Math.max(0, Math.floor(r))) : t.length, N = e ?? (w || u || m), { containerRef: L, itemsRef: O, triggerRef: C, visibleItemCount: S, hasOverflow: q } = ye({
143
- itemCount: t.length,
144
- inlineItemCount: b,
145
- reserveCountSpace: g,
146
- isMeasurementEnabled: N
147
- }), P = ee(() => {
148
- d(!1), _(void 0);
149
- }, []), U = re(P), $ = Q(L, x), v = Q(C, U), B = N ? S : b, G = t.length - S, k = q && (m || e !== !1);
150
- return m && !k && R(!1), /* @__PURE__ */ l(M.Root, {
151
- open: m && k,
152
- onOpenChange: R,
153
- children: /* @__PURE__ */ V("div", {
154
- ...F,
155
- ref: $,
156
- className: T(H.root, s),
157
- onMouseEnter: (i) => {
158
- y(!0), o?.(i);
159
- },
160
- onMouseLeave: (i) => {
161
- y(!1), n?.(i);
162
- },
163
- onFocusCapture: (i) => {
164
- d(!0), O.current?.contains(i.target) && _((E) => E ?? g), c?.(i);
165
- },
166
- onBlurCapture: (i) => {
167
- d(i.currentTarget.contains(i.relatedTarget)), O.current?.contains(i.relatedTarget) || _(void 0), p?.(i);
168
- },
169
- children: [
170
- /* @__PURE__ */ l("div", {
171
- ref: O,
172
- className: H.items,
173
- children: t.slice(0, b).map((i, E) => /* @__PURE__ */ l(_e, {
174
- isHidden: E >= B,
175
- isLastVisible: e !== !1 && E === B - 1,
176
- onFocusedItemUnmount: P,
177
- children: i
178
- }, i.key ?? E))
179
- }),
180
- k && /* @__PURE__ */ V(M.Trigger, {
181
- ref: v,
182
- type: "button",
183
- className: H.trigger,
184
- "data-visible": g || void 0,
185
- "aria-label": `+${G} ${a}`,
186
- ...Y,
187
- children: ["+", G]
188
- }),
189
- /* @__PURE__ */ l(M.Portal, { children: /* @__PURE__ */ l(M.Positioner, {
190
- anchor: L,
191
- align: "start",
192
- sideOffset: -9,
193
- alignOffset: -7,
194
- children: /* @__PURE__ */ l(M.Popup, {
195
- "aria-label": a,
196
- className: H.popup,
197
- "data-overflowing-list-popup": "",
198
- ...Y,
199
- children: t
200
- })
201
- }) })
202
- ]
203
- })
204
- });
205
- }, Re = "_header_1dz7y_1", Ie = "_titleRow_1dz7y_8", we = "_title_1dz7y_8", Ne = "_actions_1dz7y_21", Oe = "_description_1dz7y_27", D = {
206
- header: Re,
207
- titleRow: Ie,
208
- title: we,
209
- actions: Ne,
210
- description: Oe
211
- }, Se = ({ title: t, description: e, actions: r, level: a = 2, size: s = "md", color: o = "primary", descriptionLineClamp: n = 5, isDescriptionFocusable: c = !1, render: p, ref: x, className: F, ...w }) => {
212
- const y = ie(), u = K(e) ? ne(e) : h(e) && e !== !1, d = K(e) && n !== !1, m = K(e) ? /* @__PURE__ */ l(se, {
213
- style: { whiteSpace: "pre-wrap" },
214
- children: e
215
- }) : e;
216
- return j({
217
- render: p,
218
- ref: x,
219
- props: {
220
- ...w,
221
- className: T(D.header, F),
222
- children: /* @__PURE__ */ V(te, { children: [/* @__PURE__ */ V("div", {
223
- className: D.titleRow,
224
- children: [/* @__PURE__ */ l(oe, {
225
- level: a,
226
- size: s,
227
- color: o,
228
- className: D.title,
229
- "aria-describedby": u ? y : void 0,
230
- children: t
231
- }), h(r) && /* @__PURE__ */ l("div", {
232
- className: D.actions,
233
- children: r
234
- })]
235
- }), u && /* @__PURE__ */ l("div", {
236
- id: y,
237
- className: D.description,
238
- children: d ? /* @__PURE__ */ l(ae, {
239
- text: e,
240
- lineClamp: n,
241
- isTooltipMultiline: !0,
242
- isFocusable: c
243
- }) : m
244
- })] })
245
- }
246
- });
247
- }, We = "_root_ztxxm_1", Te = "_fullWidth_ztxxm_20", Z = {
248
- root: We,
249
- fullWidth: Te
250
- }, xe = ({ align: t = "left", color: e = "primary", fullWidth: r = !0, className: a, render: s, ref: o, ...n }) => j({
251
- render: s,
252
- ref: o,
253
- props: {
254
- ...n,
255
- "data-align": t,
256
- "data-color": e,
257
- className: T(Z.root, r && Z.fullWidth, a)
258
- }
259
- }), Ue = {
260
- Root: xe,
261
- Header: Se
262
- };
263
- export {
264
- qe as n,
265
- Ve as r,
266
- Ue as t
267
- };
@@ -1 +0,0 @@
1
- const h=require("./isDefined-DS2Q42p5.cjs"),B=require("./OverflowingTextWithTooltip-BlufG-6n.cjs"),C=require("./Popover-CneCJTvD.cjs"),Z=require("./Heading-CTRYClCO.cjs");let U=require("@base-ui/react/use-render"),z=require("@sniptt/guards"),P=require("clsx"),o=require("react"),s=require("react/jsx-runtime"),G=require("@base-ui/utils/useMergedRefs");var ee="_container_1hm4x_1",te="_layer_1hm4x_9",re="_visible_1hm4x_23",se="_hidden_1hm4x_28",I={container:ee,layer:te,visible:re,hidden:se},ie=({isActive:t,activeIcon:e,inactiveIcon:r,className:n,render:i,ref:a,...c})=>(0,U.useRender)({defaultTagName:"span",render:i,ref:a,props:{...c,className:(0,P.clsx)(I.container,n),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{"aria-hidden":"true",className:(0,P.clsx)(I.layer,t?I.hidden:I.visible),children:r}),(0,s.jsx)("span",{"aria-hidden":"true",className:(0,P.clsx)(I.layer,t?I.visible:I.hidden),children:e})]})}}),ne="_root_1yq9n_1",ae="_items_1yq9n_11",oe="_item_1yq9n_11",ce="_trigger_1yq9n_45",le="_popup_1yq9n_72",E={root:ne,items:ae,item:oe,trigger:ce,popup:le},Y=t=>(0,o.useCallback)(e=>{if(h.isDefined(e))return()=>{e.contains(e.ownerDocument.activeElement)&&t()}},[t]),ue=({children:t,isHidden:e,isLastVisible:r,onFocusedItemUnmount:n})=>(0,s.jsx)("div",{ref:Y(n),className:E.item,"data-hidden":e||void 0,"data-last-visible":r||void 0,"aria-hidden":e||void 0,inert:e,children:t}),J=({itemWidths:t,availableWidth:e,gap:r,includePartialItem:n})=>{let i=0,a=0;for(const c of t){const u=i+c+(a>0?r:0);if(a!==0&&u>e){const p=i+r<e;return n&&p?a+1:a}i=u,a+=1}return a},de=({items:t,itemElements:e,supportsSynchronousLayout:r})=>{if(!r)return e.map(i=>i.scrollWidth);t.setAttribute("data-measuring","");const n=e.map(i=>i.clientWidth);return t.removeAttribute("data-measuring"),n},fe=100,ve=({itemCount:t,inlineItemCount:e,reserveCountSpace:r,isMeasurementEnabled:n})=>{const i=(0,o.useRef)(null),a=(0,o.useRef)(null),c=(0,o.useRef)(null),u=(0,o.useRef)(void 0),p=(0,o.useRef)({itemCount:t,reserveCountSpace:r}),[N,q]=(0,o.useState)(e),[S,y]=(0,o.useState)(t>e);return(0,o.useLayoutEffect)(()=>{p.current={itemCount:t,reserveCountSpace:r},u.current?.()},[t,e,r]),(0,o.useLayoutEffect)(()=>{const f=i.current,d=a.current;if(!n||!h.isDefined(f)||!h.isDefined(d))return;const v=h.isDefined(globalThis.ResizeObserver),R=new Set,m=()=>{const x=Array.from(d.children),O=new Set([f,...x]);h.isDefined(c.current)&&O.add(c.current);for(const _ of R)O.has(_)||(g?.unobserve(_),R.delete(_));for(const _ of O)R.has(_)||(g?.observe(_),R.add(_));const T=p.current,j=de({items:d,itemElements:x,supportsSynchronousLayout:v}),W=parseFloat(getComputedStyle(d).columnGap)||0,w=f.clientWidth,A=J({itemWidths:j,availableWidth:w,gap:W,includePartialItem:!1}),D=T.itemCount>A,H=c.current?.offsetWidth??0,V=T.reserveCountSpace&&D?Math.max(0,w-H-W):w;y(D),q(J({itemWidths:j,availableWidth:V,gap:W,includePartialItem:!0}))},g=v?new ResizeObserver(m):void 0;u.current=m,m();const b=new MutationObserver(m);if(b.observe(d,{attributes:!0,attributeFilter:["class","style","hidden"],characterData:!0,childList:!0,subtree:!0}),b.observe(f,{childList:!0}),!h.isDefined(g)){const x=setInterval(m,fe);return window.addEventListener("resize",m),()=>{u.current=void 0,clearInterval(x),b.disconnect(),window.removeEventListener("resize",m)}}return()=>{u.current=void 0,b.disconnect(),g.disconnect()}},[n]),{containerRef:i,itemsRef:a,triggerRef:c,visibleItemCount:N,hasOverflow:S}},F=t=>t.stopPropagation(),Q={onClick:F,onMouseDown:F,onPointerDown:F,onKeyDown:F,onKeyUp:F},me=({children:t,showOverflowCount:e,maxInlineCount:r,overflowLabel:n="Show all items",className:i,onMouseEnter:a,onMouseLeave:c,onFocusCapture:u,onBlurCapture:p,ref:N,...q})=>{const[S,y]=(0,o.useState)(!1),[f,d]=(0,o.useState)(!1),[v,R]=(0,o.useState)(!1),[m,g]=(0,o.useState)(),b=e??m??(S||f||v),x=h.isDefined(r)&&Number.isFinite(r)?Math.min(t.length,Math.max(0,Math.floor(r))):t.length,O=e??(S||f||v),{containerRef:T,itemsRef:j,triggerRef:W,visibleItemCount:w,hasOverflow:A}=ve({itemCount:t.length,inlineItemCount:x,reserveCountSpace:b,isMeasurementEnabled:O}),D=(0,o.useCallback)(()=>{d(!1),g(void 0)},[]),H=Y(D),V=(0,G.useMergedRefs)(T,N),_=(0,G.useMergedRefs)(W,H),K=O?w:x,$=t.length-w,k=A&&(v||e!==!1);return v&&!k&&R(!1),(0,s.jsx)(C.Popover.Root,{open:v&&k,onOpenChange:R,children:(0,s.jsxs)("div",{...q,ref:V,className:(0,P.clsx)(E.root,i),onMouseEnter:l=>{y(!0),a?.(l)},onMouseLeave:l=>{y(!1),c?.(l)},onFocusCapture:l=>{d(!0),j.current?.contains(l.target)&&g(L=>L??b),u?.(l)},onBlurCapture:l=>{d(l.currentTarget.contains(l.relatedTarget)),j.current?.contains(l.relatedTarget)||g(void 0),p?.(l)},children:[(0,s.jsx)("div",{ref:j,className:E.items,children:t.slice(0,x).map((l,L)=>(0,s.jsx)(ue,{isHidden:L>=K,isLastVisible:e!==!1&&L===K-1,onFocusedItemUnmount:D,children:l},l.key??L))}),k&&(0,s.jsxs)(C.Popover.Trigger,{ref:_,type:"button",className:E.trigger,"data-visible":b||void 0,"aria-label":`+${$} ${n}`,...Q,children:["+",$]}),(0,s.jsx)(C.Popover.Portal,{children:(0,s.jsx)(C.Popover.Positioner,{anchor:T,align:"start",sideOffset:-9,alignOffset:-7,children:(0,s.jsx)(C.Popover.Popup,{"aria-label":n,className:E.popup,"data-overflowing-list-popup":"",...Q,children:t})})})]})})},_e="_header_1dz7y_1",he="_titleRow_1dz7y_8",pe="_title_1dz7y_8",ge="_actions_1dz7y_21",be="_description_1dz7y_27",M={header:_e,titleRow:he,title:pe,actions:ge,description:be},xe=({title:t,description:e,actions:r,level:n=2,size:i="md",color:a="primary",descriptionLineClamp:c=5,isDescriptionFocusable:u=!1,render:p,ref:N,className:q,...S})=>{const y=(0,o.useId)(),f=(0,z.isString)(e)?(0,z.isNonEmptyString)(e):h.isDefined(e)&&e!==!1,d=(0,z.isString)(e)&&c!==!1,v=(0,z.isString)(e)?(0,s.jsx)(B.Text,{style:{whiteSpace:"pre-wrap"},children:e}):e;return(0,U.useRender)({render:p,ref:N,props:{...S,className:(0,P.clsx)(M.header,q),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:M.titleRow,children:[(0,s.jsx)(Z.Heading,{level:n,size:i,color:a,className:M.title,"aria-describedby":f?y:void 0,children:t}),h.isDefined(r)&&(0,s.jsx)("div",{className:M.actions,children:r})]}),f&&(0,s.jsx)("div",{id:y,className:M.description,children:d?(0,s.jsx)(B.OverflowingTextWithTooltip,{text:e,lineClamp:c,isTooltipMultiline:!0,isFocusable:u}):v})]})}})},ye="_root_ztxxm_1",Re="_fullWidth_ztxxm_20",X={root:ye,fullWidth:Re},Ie=({align:t="left",color:e="primary",fullWidth:r=!0,className:n,render:i,ref:a,...c})=>(0,U.useRender)({render:i,ref:a,props:{...c,"data-align":t,"data-color":e,className:(0,P.clsx)(X.root,r&&X.fullWidth,n)}}),Se={Root:Ie,Header:xe};Object.defineProperty(exports,"AnimatedIconCrossfade",{enumerable:!0,get:function(){return ie}});Object.defineProperty(exports,"OverflowingList",{enumerable:!0,get:function(){return me}});Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return Se}});
@@ -1 +0,0 @@
1
- const _=require("./theme-1XkFz8Qu.cjs"),D=require("./isDefined-DS2Q42p5.cjs"),d=require("./mergeClassNames-D4lshrT6.cjs"),u=require("./useProvidedTextDirection-PVaoQCLH.cjs"),C=require("./Heading-CTRYClCO.cjs");let c=require("@base-ui/react/use-render"),N=require("@sniptt/guards"),n=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",A="_viewport_aak4r_12",f="_popup_aak4r_30",H="_header_aak4r_82",P="_body_aak4r_91",k="_footer_aak4r_95",T="_title_aak4r_106",b="_description_aak4r_113",t={backdrop:x,viewport:A,popup:f,header:H,body:P,footer:k,title:T,description:b},j=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Backdrop,{...r,className:d.mergeClassNames(t.backdrop,e)}),q=({render:e,ref:r,className:a,...o})=>(0,c.useRender)({render:e,ref:r,props:{...o,className:(0,n.clsx)(t.body,a)}}),R=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Description,{...r,className:d.mergeClassNames(t.description,e)}),y=({render:e,ref:r,className:a,...o})=>(0,c.useRender)({render:e,ref:r,props:{...o,className:(0,n.clsx)(t.footer,a)}}),w=({render:e,ref:r,className:a,...o})=>(0,c.useRender)({render:e,ref:r,props:{...o,className:(0,n.clsx)(t.header,a)}}),h=({container:e,...r})=>{const a=_.useThemeContainer(),o=u.useProvidedTextDirection();return(0,i.jsx)(l.AlertDialog.Portal,{dir:o,...r,container:e===void 0?a??void 0:e})},B=({size:e="md",className:r,...a})=>(0,i.jsx)(l.AlertDialog.Popup,{...a,"data-size":e,className:d.mergeClassNames(t.popup,r)}),F=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Title,{...r,className:d.mergeClassNames(t.title,e)}),V=({className:e,...r})=>{const a=u.useProvidedTextDirection();return(0,i.jsx)(l.AlertDialog.Viewport,{dir:a,...r,className:d.mergeClassNames(t.viewport,e)})},z=()=>({Root:l.AlertDialog.Root,Trigger:l.AlertDialog.Trigger,Portal:h,Backdrop:j,Viewport:V,Popup:B,Title:F,Description:R,Close:l.AlertDialog.Close,Header:w,Body:q,Footer:y,Handle:l.AlertDialog.Handle,createHandle:l.AlertDialog.createHandle}),O=z(),U="_cardContent_122dn_1",$={cardContent:U},E=({className:e,divider:r,render:a,ref:o,...p})=>(0,c.useRender)({render:a,ref:o,props:{...p,className:(0,n.clsx)($.cardContent,e),"data-divider":r||void 0}}),G="_cardFooter_yo8y2_1",I={cardFooter:G},J=({className:e,divider:r,render:a,ref:o,...p})=>(0,c.useRender)({render:a,ref:o,props:{...p,className:(0,n.clsx)(I.cardFooter,e),"data-no-divider":r===!1||void 0}}),K="_cardHeader_18psr_1",L={cardHeader:K},M=({className:e,render:r,ref:a,...o})=>(0,c.useRender)({render:r,ref:a,props:{...o,className:(0,n.clsx)(L.cardHeader,e)}}),Q="_card_1mvso_1",S={card:Q},W=({className:e,fullWidth:r,rounded:a,backgroundColor:o,style:p,render:g,ref:v,...m})=>(0,c.useRender)({render:g,ref:v,props:{...m,className:(0,n.clsx)(S.card,e),"data-full-width":r||void 0,"data-rounded":a||void 0,style:D.isDefined(o)?{...p,"--card-background-color":o}:p}}),X={Root:W,Header:M,Content:E,Footer:J},Y=({className:e,...r})=>(0,i.jsx)(s.Dialog.Backdrop,{...r,className:d.mergeClassNames(t.backdrop,e)}),Z=({render:e,ref:r,className:a,...o})=>(0,c.useRender)({render:e,ref:r,props:{...o,className:(0,n.clsx)(t.body,a)}}),ee=({className:e,...r})=>(0,i.jsx)(s.Dialog.Description,{...r,className:d.mergeClassNames(t.description,e)}),re=({render:e,ref:r,className:a,...o})=>(0,c.useRender)({render:e,ref:r,props:{...o,className:(0,n.clsx)(t.footer,a)}}),ae=({render:e,ref:r,className:a,...o})=>(0,c.useRender)({render:e,ref:r,props:{...o,className:(0,n.clsx)(t.header,a)}}),oe=({size:e="md",className:r,...a})=>{const o=u.useProvidedTextDirection();return(0,i.jsx)(s.Dialog.Popup,{dir:o,...a,"data-size":e,className:d.mergeClassNames(t.popup,r)})},te=({container:e,...r})=>{const a=_.useThemeContainer();return(0,i.jsx)(s.Dialog.Portal,{...r,container:(0,N.isUndefined)(e)?a??void 0:e})},ie="_title_yzpck_1",le={title:ie},se=({level:e=2,size:r="lg",color:a="primary",className:o,render:p,...g})=>(0,i.jsx)(s.Dialog.Title,{...g,className:d.mergeClassNames(le.title,o),render:(0,i.jsx)(C.Heading,{level:e,size:r,color:a,render:p})}),de=({className:e,...r})=>{const a=u.useProvidedTextDirection();return(0,i.jsx)(s.Dialog.Viewport,{dir:a,...r,className:d.mergeClassNames(t.viewport,e)})},ce={createHandle:s.Dialog.createHandle,Handle:s.Dialog.Handle,Root:s.Dialog.Root,Trigger:s.Dialog.Trigger,Portal:te,Backdrop:Y,Viewport:de,Popup:oe,Title:se,Description:ee,Close:s.Dialog.Close,Header:ae,Body:Z,Footer:re};Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return ce}});
@@ -1 +0,0 @@
1
- const e=require("./Shortcut-ZuZ-KYSk.cjs");var r=t=>e.getShortcutPresentation(t).text;Object.defineProperty(exports,"formatShortcut",{enumerable:!0,get:function(){return r}});
@@ -1,5 +0,0 @@
1
- import { n as r } from "./Shortcut-DKfB0kej.js";
2
- var a = (t) => r(t).text;
3
- export {
4
- a as t
5
- };