@iamfiro/design 0.3.2 → 0.3.4

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 (158) hide show
  1. package/agents/INDEX.md +1 -1
  2. package/agents/brand-icon/AGENTS.md +1 -1
  3. package/agents/social-login-button/AGENTS.md +4 -3
  4. package/lib/components/Accordion/Accordion2.js +87 -87
  5. package/lib/components/ActionBar/ActionBar2.js +42 -44
  6. package/lib/components/Alert/Alert2.js +61 -61
  7. package/lib/components/AppShell/AppShell2.js +70 -71
  8. package/lib/components/AreaChart/AreaChart.js +38 -40
  9. package/lib/components/BarChart/BarChart2.js +126 -126
  10. package/lib/components/BarList/BarList2.js +95 -95
  11. package/lib/components/Breadcrumb/Breadcrumb2.js +68 -66
  12. package/lib/components/Calendar/Calendar2.js +164 -164
  13. package/lib/components/Calendar/DatePicker2.js +103 -102
  14. package/lib/components/Calendar/date.js +64 -66
  15. package/lib/components/Card/Card2.js +67 -67
  16. package/lib/components/CardFrame/CardFrame2.js +43 -51
  17. package/lib/components/Chart/ChartParts.js +94 -94
  18. package/lib/components/Chart/chart2.js +52 -52
  19. package/lib/components/Chart/useChartInteraction.js +54 -54
  20. package/lib/components/ChatBubble/ChatBubble2.js +92 -92
  21. package/lib/components/ChatBubble/formatChatTime.js +35 -41
  22. package/lib/components/ChatComposer/ChatComposer2.js +63 -63
  23. package/lib/components/CodeBlock/CodeBlock2.js +61 -61
  24. package/lib/components/CodeBlock/highlight.js +84 -84
  25. package/lib/components/ColorPicker/ColorPicker2.js +387 -386
  26. package/lib/components/ColorPicker/color.js +71 -71
  27. package/lib/components/ColorPicker/presets.js +41 -46
  28. package/lib/components/Combobox/Combobox2.js +117 -118
  29. package/lib/components/CommandMenu/CommandMenu.js +127 -127
  30. package/lib/components/Comment/Comment2.js +86 -60
  31. package/lib/components/ContextMenu/ContextMenu2.js +77 -75
  32. package/lib/components/DataGrid/DataGrid2.js +1192 -1190
  33. package/lib/components/DataGrid/GridPopover.js +94 -94
  34. package/lib/components/DataGrid/anchor.js +34 -31
  35. package/lib/components/DataGrid/model.js +284 -283
  36. package/lib/components/DataGrid/panels.js +398 -399
  37. package/lib/components/DataGrid/typeMeta.js +51 -50
  38. package/lib/components/DataGrid/types.js +38 -39
  39. package/lib/components/DescriptionList/DescriptionList2.js +103 -103
  40. package/lib/components/Dialog/AlertDialog.js +79 -78
  41. package/lib/components/Dialog/Dialog2.js +59 -59
  42. package/lib/components/Dialog/modal.js +44 -46
  43. package/lib/components/Drawer/Drawer2.js +130 -129
  44. package/lib/components/DropdownMenu/DropdownMenu2.js +235 -233
  45. package/lib/components/DropdownMenu/menuCore.js +69 -42
  46. package/lib/components/Dropzone/Dropzone2.js +79 -78
  47. package/lib/components/EmptyState/EmptyState2.js +34 -35
  48. package/lib/components/FileChip/FileChip2.js +73 -73
  49. package/lib/components/FileUpload/FileUpload.js +159 -159
  50. package/lib/components/FilterChips/FilterChips2.js +61 -61
  51. package/lib/components/FunnelChart/FunnelChart2.js +161 -161
  52. package/lib/components/FunnelChart/funnel.js +48 -44
  53. package/lib/components/Highlight/Highlight2.js +43 -43
  54. package/lib/components/HoverCard/HoverCard.js +59 -84
  55. package/lib/components/InlineDiff/InlineDiff2.js +112 -112
  56. package/lib/components/InlineDiff/diff.js +90 -90
  57. package/lib/components/InlineDiff/useDiffReview.js +64 -63
  58. package/lib/components/Kanban/Kanban2.js +386 -387
  59. package/lib/components/Kanban/KanbanCard.js +70 -95
  60. package/lib/components/Kanban/move.js +50 -46
  61. package/lib/components/LineChart/LineChart2.js +211 -211
  62. package/lib/components/List/List2.js +53 -54
  63. package/lib/components/Listbox/Listbox2.js +115 -115
  64. package/lib/components/Marker/Marker2.js +56 -61
  65. package/lib/components/Menubar/Menubar2.js +144 -141
  66. package/lib/components/MultiSelect/MultiSelect2.js +108 -108
  67. package/lib/components/NavigationMenu/NavigationMenu2.js +298 -299
  68. package/lib/components/NoticeStack/NoticeStack2.js +84 -84
  69. package/lib/components/NumberStepper/NumberStepper2.js +65 -66
  70. package/lib/components/OtpInput/OtpInput2.js +70 -69
  71. package/lib/components/Pagination/Pagination2.js +106 -106
  72. package/lib/components/Pagination/paginationRange.js +37 -39
  73. package/lib/components/PhoneInput/PhoneInput.js +87 -88
  74. package/lib/components/PieChart/PieChart2.js +160 -160
  75. package/lib/components/PieChart/arc.js +65 -62
  76. package/lib/components/PieChart/useArcTween.js +53 -60
  77. package/lib/components/Popover/Popover2.js +62 -62
  78. package/lib/components/ProgressTracker/ProgressTracker2.js +121 -121
  79. package/lib/components/Rating/Rating2.js +82 -81
  80. package/lib/components/Resizable/Resizable2.js +126 -127
  81. package/lib/components/Resizable/layout.js +73 -73
  82. package/lib/components/ScaledPreview/ScaledPreview2.js +68 -67
  83. package/lib/components/ScatterChart/ScatterChart2.js +214 -213
  84. package/lib/components/ScatterChart/scatter.js +47 -49
  85. package/lib/components/ScrollArea/ScrollArea2.js +117 -118
  86. package/lib/components/Select/Select2.js +78 -79
  87. package/lib/components/Sidebar/Sidebar2.js +69 -69
  88. package/lib/components/Skeleton/Skeleton2.js +57 -57
  89. package/lib/components/Slider/Slider2.js +73 -74
  90. package/lib/components/SocialLoginButton/SocialLoginButton.js +76 -68
  91. package/lib/components/SparkChart/SparkChart2.js +145 -145
  92. package/lib/components/SparkChart/spark.js +64 -42
  93. package/lib/components/Sparkbar/Sparkbar2.js +60 -60
  94. package/lib/components/SplitView/SplitView2.js +51 -52
  95. package/lib/components/Stat/Stat2.js +90 -90
  96. package/lib/components/StepList/StepList2.js +70 -70
  97. package/lib/components/Table/Table2.js +70 -70
  98. package/lib/components/Tabs/Tabs2.js +81 -81
  99. package/lib/components/TagInput/TagInput2.js +220 -217
  100. package/lib/components/TimePicker/TimePicker2.js +187 -186
  101. package/lib/components/TimePicker/time.js +63 -62
  102. package/lib/components/Timeline/Timeline2.js +199 -199
  103. package/lib/components/Timeline/scale.js +67 -64
  104. package/lib/components/Toast/Toaster.js +100 -98
  105. package/lib/components/Toast/store.js +90 -94
  106. package/lib/components/ToggleGroup/ToggleGroup2.js +76 -76
  107. package/lib/components/Toolbar/Toolbar2.js +163 -161
  108. package/lib/components/Tracker/Tracker2.js +82 -82
  109. package/lib/components/TreeDiagram/TreeDiagram2.js +123 -124
  110. package/lib/components/TreeView/TreeView2.js +154 -152
  111. package/lib/hooks/timing.js +31 -30
  112. package/lib/hooks/useControllableState.js +37 -38
  113. package/lib/hooks/useCountdown.js +53 -56
  114. package/lib/hooks/useDigitInput.js +66 -41
  115. package/lib/hooks/useDismiss.js +55 -58
  116. package/lib/hooks/useElapsed.js +57 -55
  117. package/lib/hooks/useFloating.js +44 -44
  118. package/lib/hooks/useFocusTrap.js +70 -46
  119. package/lib/hooks/usePresence.js +23 -22
  120. package/lib/hooks/usePressToOpen.js +51 -51
  121. package/lib/hooks/useScrollLock.js +57 -58
  122. package/lib/hooks/useSelection.js +49 -52
  123. package/lib/index.js +65 -65
  124. package/lib/primitives/AspectRatio2.js +57 -57
  125. package/lib/primitives/BrandIcon.js +189 -158
  126. package/lib/primitives/ColorDot2.js +50 -45
  127. package/lib/primitives/CopyButton2.js +52 -50
  128. package/lib/primitives/CountBadge2.js +53 -55
  129. package/lib/primitives/Countdown2.js +28 -25
  130. package/lib/primitives/Delta2.js +41 -41
  131. package/lib/primitives/Elapsed.js +47 -47
  132. package/lib/primitives/FileIcon2.js +86 -86
  133. package/lib/primitives/Flag2.js +122 -122
  134. package/lib/primitives/IconStack2.js +55 -31
  135. package/lib/primitives/IconTile2.js +43 -43
  136. package/lib/primitives/Kbd2.js +55 -55
  137. package/lib/primitives/Layout2.js +78 -78
  138. package/lib/primitives/Link2.js +39 -36
  139. package/lib/primitives/MaskedText2.js +74 -52
  140. package/lib/primitives/Progress2.js +67 -66
  141. package/lib/primitives/RelativeTime.js +54 -61
  142. package/lib/primitives/SearchInput2.js +45 -45
  143. package/lib/primitives/SelectorButton2.js +72 -76
  144. package/lib/primitives/Spinner2.js +56 -56
  145. package/lib/primitives/StatusIcon2.js +63 -63
  146. package/lib/primitives/Swatch2.js +55 -61
  147. package/lib/primitives/Tooltip2.js +78 -78
  148. package/lib/primitives/Typography2.js +53 -53
  149. package/lib/primitives/formatCountdown.js +30 -29
  150. package/lib/primitives/formatElapsed.js +46 -49
  151. package/lib/primitives/formatRelativeTime.js +76 -50
  152. package/lib/primitives/hotkey.js +80 -80
  153. package/lib/primitives/index.js +169 -168
  154. package/lib/primitives/maskValue.js +55 -50
  155. package/lib/style.css +1 -1
  156. package/lib/types/components/SocialLoginButton/SocialLoginButton.d.ts +1 -1
  157. package/lib/types/primitives/BrandIcon.d.ts +1 -1
  158. package/package.json +1 -1
@@ -1,220 +1,223 @@
1
1
  "use client";
2
- const e = t;
3
- function t(e, r) {
4
- e -= 198;
5
- let i = n(), a = i[e];
6
- t.fyKfru === void 0 && (t.TcDkMb = function(e) {
2
+ const e = a;
3
+ (function(e, t) {
4
+ let n = a, r = e();
5
+ for (;;) try {
6
+ if (-parseInt(n(376)) / 1 * (parseInt(n(389)) / 2) + parseInt(n(395)) / 3 + parseInt(n(400)) / 4 * (-parseInt(n(401)) / 5) + -parseInt(n(396)) / 6 + -parseInt(n(413)) / 7 * (-parseInt(n(361)) / 8) + parseInt(n(412)) / 9 * (parseInt(n(378)) / 10) + parseInt(n(352)) / 11 == t) break;
7
+ r.push(r.shift());
8
+ } catch {
9
+ r.push(r.shift());
10
+ }
11
+ })(B, 448061);
12
+ import { usePresence as t } from "../../hooks/usePresence.js";
13
+ import { useControllableState as n } from "../../hooks/useControllableState.js";
14
+ import { useFloating as r } from "../../hooks/useFloating.js";
15
+ import { useDismiss as i } from "../../hooks/useDismiss.js";
16
+ function a(e, t) {
17
+ e -= 349;
18
+ let n = B(), r = n[e];
19
+ a.mNDPuU === void 0 && (a.nXghyl = function(e) {
7
20
  let t = "", n = "";
8
21
  for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
9
22
  for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
10
23
  return decodeURIComponent(n);
11
- }, t.nAdMfv = {}, t.fyKfru = !0);
12
- let o = i[0];
13
- t.sZhPwM !== o && (t.nAdMfv = {}, t.sZhPwM = o);
14
- let s = t.nAdMfv[e];
15
- return s === void 0 ? (a = t.TcDkMb(a), t.nAdMfv[e] = a) : a = s, a;
24
+ }, a.OiSGan = {}, a.mNDPuU = !0);
25
+ let i = n[0];
26
+ a.pFYtqL !== i && (a.OiSGan = {}, a.pFYtqL = i);
27
+ let o = a.OiSGan[e];
28
+ return o === void 0 ? (r = a.nXghyl(r), a.OiSGan[e] = r) : r = o, r;
16
29
  }
17
- function n() {
18
- let e = /* @__PURE__ */ "lw1LBNu.Cg9PBNrLCLr5Cgu.odi3mJeWtwDuA3LK.DMLZAwjSzq.qxjYB3DeB3DU.BwvUDwjHCG.B2jZzxj2zq.qxjYB3DvCa.qxjYB3DsAwDODa.ndq1nte3mJDjtxbvwxu.nte4odjtBw9Qz3a.mti3ntGYotHRBvHxsK0.uMfKAw9hCM91Ca.tgfIzwW.twvUDq.mJDutevet3e.nMLzDvrNDG.w2rHDgeTBwvUDwjHCI10CMLNz2vYxtPUB3qOoMrPC2fIBgvKkq.mJm1mtK0ne5sAfnPsG.ywrK.C2XPzgu.zM9JDxm.zgv0ywLS.zgf0yxnLDa.C3rLCa.D2LKDgG.zgL2.uMfKAw9jDgvT.CxvLCNLtzwXLy3rVCKfSBa.zMLYC3q.B3bLBG.lxrYAwDNzxi.zM9JDxnuCMLNz2vY.A2v5.DMfSDwu.BgvUz3rO.uhjVDMLKzxi.q2HLy2TIB3HjDgvT.zhmTBwvUDwjHCL9FDgH1Bwi.rxnJyxbL.rw5K.zMLUza.C2v0qwn0AxzL.u2vWyxjHDg9Y.y3vYCMvUDa.mtmZodbiEuDdvMK.DgfYz2v0.y2XVC2vbBgW.sg9Tzq.qxjYB3Dmzwz0.BwvUDq.zhmTBwvUDwjHCL9FCgfUzwWTlwLUC3rHBNq.Bw91C2u.BgfZDa.BwvUDwL0zw0.m2XdAfvMtq.yNv0Dg9U.nJCZntmWnhDzD0rpqG.mZCZmeDKzKnbrq.B3bLBK1LBNu.y2XVC2LUzW.CgfUzwXZ.ChjLDMvUDerLzMf1Bhq.zhmTBwvUDwjHCG.B2zMC2v0v2LKDgG.B2zMC2v0tgvMDa.u3vI.zhmTBwvUDwjHCIa.Bw91BNrLza.CgfUzwW".split(".");
19
- return n = function() {
20
- return e;
21
- }, n();
22
- }
23
- (function(e, n) {
24
- let r = t, i = e();
25
- for (;;) try {
26
- if (-parseInt(r(204)) / 1 * (parseInt(r(210)) / 2) + parseInt(r(249)) / 3 * (parseInt(r(251)) / 4) + parseInt(r(252)) / 5 * (parseInt(r(239)) / 6) + parseInt(r(205)) / 7 + -parseInt(r(212)) / 8 + parseInt(r(209)) / 9 * (parseInt(r(266)) / 10) + -parseInt(r(203)) / 11 == n) break;
27
- i.push(i.shift());
28
- } catch {
29
- i.push(i.shift());
30
- }
31
- })(n, 918387);
32
- import { usePresence as r } from "../../hooks/usePresence.js";
33
- import { useControllableState as i } from "../../hooks/useControllableState.js";
34
- import { useFloating as a } from "../../hooks/useFloating.js";
35
- import { useDismiss as o } from "../../hooks/useDismiss.js";
36
30
  /* empty css */
37
- import { MenuContext as s, menuItems as c, trackPressDragRelease as l, useMenuRoot as u } from "../DropdownMenu/menuCore.js";
38
- import { DropdownMenuCheckboxItem as d, DropdownMenuItem as f, DropdownMenuLabel as p, DropdownMenuRadioGroup as m, DropdownMenuRadioItem as h, DropdownMenuSeparator as g, DropdownMenuSub as _, MenuPanel as v } from "../DropdownMenu/DropdownMenu2.js";
31
+ import { MenuContext as o, menuItems as s, trackPressDragRelease as c, useMenuRoot as l } from "../DropdownMenu/menuCore.js";
32
+ import { DropdownMenuCheckboxItem as u, DropdownMenuItem as d, DropdownMenuLabel as f, DropdownMenuRadioGroup as p, DropdownMenuRadioItem as m, DropdownMenuSeparator as h, DropdownMenuSub as g, MenuPanel as _ } from "../DropdownMenu/DropdownMenu2.js";
39
33
  /* empty css */
40
- import { createContext as y, useContext as b, useEffect as x, useId as S, useLayoutEffect as C, useRef as w, useState as T } from "react";
41
- import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
42
- var k = e(211), A = y(null), j = (t) => [...t?.[e(222)](k) ?? []];
43
- function M({ children: n, value: r, defaultValue: a = null, onValueChange: c, "aria-label": l, className: d }) {
44
- let f = e, [p, m] = i(r, a, c), [h, g] = T(!1), [_, v] = T(null), y = w(f(263)), b = w(null), [S, E] = T({
34
+ import { createContext as v, useContext as y, useEffect as b, useId as x, useLayoutEffect as S, useRef as C, useState as w } from "react";
35
+ import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
36
+ var O = e(410), k = v(null), A = (t) => [...t?.[e(365)](O) ?? []];
37
+ function j({ children: t, value: r, defaultValue: a = null, onValueChange: s, "aria-label": c, className: u }) {
38
+ let d = e, [f, p] = n(r, a, s), [m, h] = w(!1), [g, _] = w(null), v = C("panel"), y = C(null), [x, T] = w({
45
39
  left: 0,
46
40
  width: 0,
47
41
  visible: !1,
48
42
  slide: !1
49
- }), k = (e) => e === null ? void 0 : j(b[f(238)])[f(235)]((t) => t.dataset[f(228)] === e), M = (e, t = f(263)) => {
50
- y.current = t, g(p !== null && e !== null), e !== null && v(e), m(e);
51
- }, N = u((e = !0) => {
52
- let t = f, n = k(p);
53
- M(null), e && n?.[t(215)]({ preventScroll: !0 });
43
+ }), O = (e) => e === null ? void 0 : A(y.current)[d(407)]((t) => t[d(359)].value === e), j = (e, t = d(358)) => {
44
+ let n = d;
45
+ v[n(377)] = t, h(f !== null && e !== null), e !== null && _(e), p(e);
46
+ }, M = l((e = !0) => {
47
+ let t = d, n = O(f);
48
+ j(null), e && n?.[t(387)]({ preventScroll: !0 });
54
49
  });
55
- return o(p !== null, [b, ...N[f(255)]], () => M(null)), x(() => {
56
- let e = f;
57
- if (_ === null || !k(_)) {
58
- let t = j(b[e(238)])[0]?.[e(217)][e(228)];
59
- t !== void 0 && t !== _ && v(t);
50
+ return i(f !== null, [y, ...M[d(411)]], () => j(null)), b(() => {
51
+ let e = d;
52
+ if (g === null || !O(g)) {
53
+ let t = A(y[e(377)])[0]?.[e(359)][e(415)];
54
+ t !== void 0 && t !== g && _(t);
60
55
  }
61
- }, [_, n]), C(() => {
62
- let e = f, n = b.current;
63
- if (!n) return;
64
- let r = () => {
65
- let e = t, n = k(p);
66
- E((t) => n ? {
67
- left: n[e(259)],
68
- width: n[e(258)],
56
+ }, [g, t]), S(() => {
57
+ let e = d, t = y[e(377)];
58
+ if (!t) return;
59
+ let n = () => {
60
+ let t = e, n = O(f);
61
+ T((e) => n ? {
62
+ left: n.offsetLeft,
63
+ width: n[t(383)],
69
64
  visible: !0,
70
- slide: t[e(267)]
65
+ slide: e[t(353)]
71
66
  } : {
72
- ...t,
67
+ ...e,
73
68
  visible: !1,
74
69
  slide: !1
75
70
  });
76
71
  };
77
- r();
78
- let i = new ResizeObserver(r);
79
- return i[e(200)](n), () => i.disconnect();
80
- }, [p]), D(A[f(230)], {
72
+ n();
73
+ let r = new ResizeObserver(n);
74
+ return r[e(373)](t), () => r[e(402)]();
75
+ }, [f]), E(k[d(380)], {
81
76
  value: {
82
- open: p,
83
- instant: h,
84
- active: _,
85
- setActive: v,
86
- openMenu: M,
87
- focusRef: y,
77
+ open: f,
78
+ instant: m,
79
+ active: g,
80
+ setActive: _,
81
+ openMenu: j,
82
+ focusRef: v,
88
83
  step: (e, t) => {
89
- let n = f, r = j(b[n(238)]), i = r[(r.findIndex((t) => t[n(217)].value === e) + t + r.length) % r[n(229)]]?.dataset[n(228)];
90
- i !== void 0 && M(i, n(223));
84
+ let n = d, r = A(y[n(377)]), i = r[(r[n(367)]((t) => t[n(359)][n(415)] === e) + t + r[n(414)]) % r[n(414)]]?.dataset[n(415)];
85
+ i !== void 0 && j(i, n(355));
91
86
  },
92
87
  focusTrigger: (e, t) => {
93
- let n = f, r = j(b[n(238)]), i = r.findIndex((t) => t[n(217)].value === e), a = t === "first" ? r[0] : t === n(247) ? r.at(-1) : r[(i + t + r[n(229)]) % r[n(229)]];
94
- a && (v(a.dataset[n(228)] ?? ""), a[n(215)]());
88
+ let n = d, r = A(y.current), i = r[n(367)]((t) => t[n(359)][n(415)] === e), a = t === n(355) ? r[0] : t === n(404) ? r.at(-1) : r[(i + t + r[n(414)]) % r[n(414)]];
89
+ a && (_(a[n(359)][n(415)] ?? ""), a.focus());
95
90
  },
96
- menu: N
91
+ menu: M
97
92
  },
98
- children: D(s[f(230)], {
99
- value: N,
100
- children: O(f(220), {
101
- ref: b,
102
- role: f(199),
103
- "aria-label": l,
104
- className: d ? f(261) + d : f(257),
105
- "data-open": p !== null || void 0,
93
+ children: E(o.Provider, {
94
+ value: M,
95
+ children: D(d(406), {
96
+ ref: y,
97
+ role: d(386),
98
+ "aria-label": c,
99
+ className: u ? d(398) + u : d(360),
100
+ "data-open": f !== null || void 0,
106
101
  onPointerDown: (e) => {
107
- e[f(240)] === e.currentTarget && p !== null && M(null);
102
+ let t = d;
103
+ e[t(416)] === e[t(408)] && f !== null && j(null);
108
104
  },
109
- children: [D("span", {
110
- className: f(232),
105
+ children: [E(d(381), {
106
+ className: d(375),
111
107
  "aria-hidden": !0,
112
- "data-visible": S.visible || void 0,
113
- "data-slide": S[f(214)] || void 0,
108
+ "data-visible": x[d(353)] || void 0,
109
+ "data-slide": x[d(382)] || void 0,
114
110
  style: {
115
- left: S.left,
116
- width: S[f(219)]
111
+ left: x[d(394)],
112
+ width: x[d(362)]
117
113
  }
118
- }), n]
114
+ }), t]
119
115
  })
120
116
  })
121
117
  });
122
118
  }
123
- function N({ label: n, children: i, value: o, disabled: s, minWidth: u = 220 }) {
124
- let d = e, f = b(A);
125
- if (!f) throw Error("MenubarMenu must be inside <Menubar>");
126
- let p = S(), m = o ?? p, h = f[d(224)] === m, g = r(h, 160), _ = w(null), y = w(null), C = w(""), T = p + d(225), k = p + d(264), { style: j, side: M } = a(_, g[d(262)], {
119
+ function M({ label: n, children: i, value: o, disabled: l, minWidth: u = 220 }) {
120
+ let d = e, f = y(k);
121
+ if (!f) throw Error(d(388));
122
+ let p = x(), m = o ?? p, h = f[d(368)] === m, g = t(h, 160), v = C(null), S = C(null), w = C(""), O = p + d(372), A = p + d(363), { style: j, side: M } = r(v, g.mounted, {
127
123
  matchWidth: !1,
128
- panelRef: y,
124
+ panelRef: S,
129
125
  maxHeight: 420,
130
126
  offset: 4
131
127
  }), { menu: N, focusRef: P } = f;
132
- x(() => {
128
+ b(() => {
133
129
  let e = d;
134
- return N[e(255)][e(213)](y), () => {
135
- N[e(255)].delete(y);
130
+ return N[e(411)][e(369)](S), () => {
131
+ let t = e;
132
+ N[t(411)][t(418)](S);
136
133
  };
137
- }, [N[d(255)]]), x(() => {
134
+ }, [N[d(411)]]), b(() => {
138
135
  if (!h) return;
139
136
  let e = requestAnimationFrame(() => {
140
- let e = t, n = P.current, r = c(y[e(238)]);
141
- n === e(223) ? r[0]?.[e(215)]({ preventScroll: !0 }) : n === e(247) ? r.at(-1)?.[e(215)]({ preventScroll: !0 }) : y[e(238)]?.[e(215)]({ preventScroll: !0 });
137
+ let e = a, t = P.current, n = s(S[e(377)]);
138
+ t === "first" ? n[0]?.[e(387)]({ preventScroll: !0 }) : t === e(404) ? n.at(-1)?.[e(387)]({ preventScroll: !0 }) : S[e(377)]?.[e(387)]({ preventScroll: !0 });
142
139
  });
143
140
  return () => cancelAnimationFrame(e);
144
141
  }, [h, P]);
145
142
  let F = (e) => {
146
143
  let t = d;
147
- if (C[t(238)] = e[t(265)], !(s || e[t(265)] !== t(246) || e[t(250)] !== 0)) {
148
- if (e[t(256)](), h) return f[t(253)](null);
149
- f[t(253)](m), l(e);
144
+ if (w.current = e[t(371)], !(l || e[t(371)] !== t(399) || e[t(370)] !== 0)) {
145
+ if (e[t(364)](), h) return f.openMenu(null);
146
+ f[t(351)](m), c(e);
150
147
  }
151
148
  }, I = (e) => {
152
149
  let t = d;
153
- switch (e[t(227)]) {
154
- case t(198):
155
- e[t(256)](), f[t(253)](m, t(223));
150
+ switch (e.key) {
151
+ case t(384):
152
+ e.preventDefault(), f[t(351)](m, t(355));
156
153
  break;
157
- case t(201):
158
- e[t(256)](), f[t(253)](m, "last");
154
+ case t(403):
155
+ e[t(364)](), f[t(351)](m, t(404));
159
156
  break;
160
- case t(202):
161
- e[t(256)](), f[t(226)](m, 1);
157
+ case "ArrowRight":
158
+ e.preventDefault(), f[t(379)](m, 1);
162
159
  break;
163
- case t(243):
164
- e[t(256)](), f[t(226)](m, -1);
160
+ case t(349):
161
+ e[t(364)](), f[t(379)](m, -1);
165
162
  break;
166
- case t(242):
167
- e.preventDefault(), f[t(226)](m, "first");
163
+ case "Home":
164
+ e[t(364)](), f.focusTrigger(m, "first");
168
165
  break;
169
- case t(234):
170
- e[t(256)](), f[t(226)](m, t(247));
166
+ case t(356):
167
+ e.preventDefault(), f[t(379)](m, "last");
171
168
  break;
172
- case t(233): h && (e[t(256)](), f[t(253)](null));
169
+ case "Escape": h && (e[t(364)](), f[t(351)](null));
173
170
  }
174
- }, L = f[d(224)] !== null && !h;
175
- return O(E, { children: [D(d(250), {
176
- ref: _,
177
- id: T,
178
- type: "button",
179
- role: d(248),
171
+ }, L = f[d(368)] !== null && !h;
172
+ return D(T, { children: [E(d(370), {
173
+ ref: v,
174
+ id: O,
175
+ type: d(370),
176
+ role: d(405),
180
177
  className: "ds-menubar__trigger",
181
178
  "data-menubar-trigger": "",
182
179
  "data-value": m,
183
- "data-state": h ? "open" : "closed",
184
- "aria-haspopup": d(244),
180
+ "data-state": h ? d(368) : "closed",
181
+ "aria-haspopup": "menu",
185
182
  "aria-expanded": h,
186
- "aria-controls": h ? k : void 0,
187
- tabIndex: f.active === m ? 0 : -1,
188
- disabled: s,
183
+ "aria-controls": h ? A : void 0,
184
+ tabIndex: f[d(354)] === m ? 0 : -1,
185
+ disabled: l,
189
186
  onPointerDown: F,
190
187
  onPointerEnter: (e) => {
191
188
  let t = d;
192
- e.pointerType === t(246) && f[t(224)] !== null && !h && !s && f[t(253)](m);
189
+ e[t(371)] === t(399) && f[t(368)] !== null && !h && !l && f[t(351)](m);
193
190
  },
194
- onFocus: () => f[d(236)](m),
191
+ onFocus: () => f[d(357)](m),
195
192
  onKeyDown: I,
196
193
  onClick: (e) => {
197
194
  let t = d;
198
- (e.detail === 0 || C.current !== t(246)) && f[t(253)](h ? null : m, e[t(216)] === 0 ? t(223) : t(263));
195
+ (e[t(417)] === 0 || w[t(377)] !== t(399)) && f[t(351)](h ? null : m, e[t(417)] === 0 ? "first" : t(358));
199
196
  },
200
197
  children: n
201
- }), g[d(262)] && !L && D(v, {
202
- id: k,
203
- panelRef: y,
198
+ }), g[d(350)] && !L && E(_, {
199
+ id: A,
200
+ panelRef: S,
204
201
  side: M,
205
- closing: g[d(254)],
202
+ closing: g[d(397)],
206
203
  style: {
207
204
  ...j,
208
205
  minWidth: u
209
206
  },
210
- className: f.instant ? d(245) : void 0,
211
- "aria-labelledby": T,
212
- onEscape: () => N[d(241)](!0),
213
- onArrowLeft: () => f.step(m, -1),
214
- onArrowRight: () => f[d(218)](m, 1),
207
+ className: f[d(390)] ? "ds-menubar__panel--instant" : void 0,
208
+ "aria-labelledby": O,
209
+ onEscape: () => N[d(393)](!0),
210
+ onArrowLeft: () => f[d(385)](m, -1),
211
+ onArrowRight: () => f[d(385)](m, 1),
215
212
  children: i
216
213
  })] });
217
214
  }
218
- var P = f, F = d, I = m, L = h, R = p, z = g, B = _;
219
- M[e(208)] = N, M.Item = f, M[e(231)] = d, M[e(206)] = m, M[e(221)] = h, M[e(207)] = p, M[e(237)] = g, M[e(260)] = _;
220
- export { M as Menubar, F as MenubarCheckboxItem, P as MenubarItem, R as MenubarLabel, N as MenubarMenu, I as MenubarRadioGroup, L as MenubarRadioItem, z as MenubarSeparator, B as MenubarSub };
215
+ var N = d, P = u, F = p, I = m, L = f, R = h, z = g;
216
+ function B() {
217
+ let e = /* @__PURE__ */ "zhmTBwvUDwjHCG.mJy0wfL3rNPj.D2LKDgG.lw1LBNu.ChjLDMvUDerLzMf1Bhq.CxvLCNLtzwXLy3rVCKfSBa.twvUDq.zMLUzeLUzgv4.B3bLBG.ywrK.yNv0Dg9U.Cg9PBNrLCLr5Cgu.lxrYAwDNzxi.B2jZzxj2zq.sxrLBq.zhmTBwvUDwjHCL9FDgH1Bwi.odqXmJy1v3vtEhnN.y3vYCMvUDa.mJbPu3zxsg4.zM9JDxnuCMLNz2vY.uhjVDMLKzxi.C3bHBG.C2XPzgu.B2zMC2v0v2LKDgG.qxjYB3DeB3DU.C3rLCa.BwvUDwjHCG.zM9JDxm.twvUDwjHCK1LBNuGBxvZDcbIzsbPBNnPzguGpe1LBNvIyxi+.mNvqqNjLDq.Aw5ZDgfUDa.u2vWyxjHDg9Y.uMfKAw9jDgvT.y2XVC2vbBgW.BgvMDa.mJe2ndCWmuXZt1fOzq.mZqWmdmZoeX5A2nIqG.y2XVC2LUzW.zhmTBwvUDwjHCIa.Bw91C2u.mZq4vKfdwMjY.ntaWmtv1y1fXv3e.zgLZy29UBMvJDa.qxjYB3DvCa.BgfZDa.BwvUDwL0zw0.zgL2.zMLUza.y3vYCMvUDfrHCMDLDa.u3vI.w2rHDgeTBwvUDwjHCI10CMLNz2vYxtPUB3qOoMrPC2fIBgvKkq.CgfUzwXZ.mty3mJGXmNvZBwH2tW.mte2nJq4Een0serR.BgvUz3rO.DMfSDwu.DgfYz2v0.zgv0ywLS.zgvSzxrL.qxjYB3Dmzwz0.Bw91BNrLza.B3bLBK1LBNu.mte5mtqWndveuLDREum.DMLZAwjSzq.ywn0AxzL.zMLYC3q.rw5K.C2v0qwn0AxzL.CgfUzwW.zgf0yxnLDa".split(".");
218
+ return B = function() {
219
+ return e;
220
+ }, B();
221
+ }
222
+ j[e(366)] = M, j[e(374)] = d, j.CheckboxItem = u, j.RadioGroup = p, j[e(392)] = m, j.Label = f, j[e(391)] = h, j[e(409)] = g;
223
+ export { j as Menubar, P as MenubarCheckboxItem, N as MenubarItem, L as MenubarLabel, M as MenubarMenu, F as MenubarRadioGroup, I as MenubarRadioItem, R as MenubarSeparator, z as MenubarSub };