laif-ds 0.1.34 → 0.1.36

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 (84) hide show
  1. package/dist/_virtual/index.js +5 -2
  2. package/dist/_virtual/index3.js +2 -7
  3. package/dist/_virtual/index4.js +2 -5
  4. package/dist/_virtual/index5.js +4 -4
  5. package/dist/_virtual/index6.js +5 -2
  6. package/dist/_virtual/index7.js +5 -2
  7. package/dist/_virtual/index8.js +5 -0
  8. package/dist/_virtual/index9.js +5 -0
  9. package/dist/_virtual/use-sync-external-store-shim.development.js +5 -0
  10. package/dist/_virtual/use-sync-external-store-shim.production.js +5 -0
  11. package/dist/components/ui/checkbox.js +12 -12
  12. package/dist/components/ui/data-table.js +10 -10
  13. package/dist/components/ui/gantt/components/Chart/Chart.js +1 -1
  14. package/dist/components/ui/message-input.js +1 -1
  15. package/dist/components/ui/tables/data-cross-table/data-cross-table.js +348 -0
  16. package/dist/components/ui/tables/data-cross-table/edit-controls.js +47 -0
  17. package/dist/components/ui/tables/data-cross-table/editable-input.js +100 -0
  18. package/dist/components/ui/tables/data-cross-table/truncated-text.js +19 -0
  19. package/dist/index.d.ts +29 -3
  20. package/dist/index.js +1 -1
  21. package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +126 -122
  22. package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +10 -6
  23. package/dist/node_modules/@radix-ui/react-accordion/dist/index.js +44 -42
  24. package/dist/node_modules/@radix-ui/react-avatar/dist/index.js +33 -43
  25. package/dist/node_modules/@radix-ui/react-checkbox/dist/index.js +237 -120
  26. package/dist/node_modules/@radix-ui/react-collapsible/dist/index.js +17 -16
  27. package/dist/node_modules/@radix-ui/react-context-menu/dist/index.js +95 -94
  28. package/dist/node_modules/@radix-ui/react-dialog/dist/index.js +20 -19
  29. package/dist/node_modules/@radix-ui/react-dropdown-menu/dist/index.js +3 -3
  30. package/dist/node_modules/@radix-ui/react-hover-card/dist/index.js +14 -13
  31. package/dist/node_modules/@radix-ui/react-menu/dist/index.js +136 -136
  32. package/dist/node_modules/@radix-ui/react-menubar/dist/index.js +70 -68
  33. package/dist/node_modules/@radix-ui/react-navigation-menu/dist/index.js +66 -64
  34. package/dist/node_modules/@radix-ui/react-popover/dist/index.js +10 -9
  35. package/dist/node_modules/@radix-ui/react-presence/dist/index.js +16 -16
  36. package/dist/node_modules/@radix-ui/react-primitive/dist/index.js +11 -10
  37. package/dist/node_modules/@radix-ui/react-radio-group/dist/index.js +161 -146
  38. package/dist/node_modules/@radix-ui/react-roving-focus/dist/index.js +87 -84
  39. package/dist/node_modules/@radix-ui/react-select/dist/index.js +269 -257
  40. package/dist/node_modules/@radix-ui/react-slider/dist/index.js +3 -3
  41. package/dist/node_modules/@radix-ui/react-slot/dist/index.js +29 -28
  42. package/dist/node_modules/@radix-ui/react-switch/dist/index.js +101 -86
  43. package/dist/node_modules/@radix-ui/react-tabs/dist/index.js +23 -22
  44. package/dist/node_modules/@radix-ui/react-toggle/dist/index.js +17 -16
  45. package/dist/node_modules/@radix-ui/react-toggle-group/dist/index.js +25 -23
  46. package/dist/node_modules/@radix-ui/react-tooltip/dist/index.js +77 -76
  47. package/dist/node_modules/@radix-ui/react-use-controllable-state/dist/index.js +43 -21
  48. package/dist/node_modules/@radix-ui/react-use-is-hydrated/dist/index.js +16 -0
  49. package/dist/node_modules/@radix-ui/react-visually-hidden/dist/index.js +18 -18
  50. package/dist/node_modules/@tanstack/react-virtual/dist/esm/index.js +36 -0
  51. package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.js +491 -0
  52. package/dist/node_modules/@tanstack/virtual-core/dist/esm/utils.js +53 -0
  53. package/dist/node_modules/classnames/index.js +1 -1
  54. package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js +1 -1
  55. package/dist/node_modules/property-information/lib/html.js +9 -9
  56. package/dist/node_modules/react-hook-form/dist/index.esm.js +88 -88
  57. package/dist/node_modules/react-is/index.js +1 -1
  58. package/dist/node_modules/react-resizable-panels/dist/react-resizable-panels.browser.esm.js +830 -801
  59. package/dist/node_modules/recharts/es6/util/ReactUtils.js +1 -1
  60. package/dist/node_modules/remeda/dist/chunk-AIG3BDKO.js +9 -0
  61. package/dist/node_modules/remeda/dist/{chunk-A3PVMI4K.js → chunk-KI5X74E2.js} +1 -1
  62. package/dist/node_modules/style-to-object/cjs/index.js +1 -1
  63. package/dist/node_modules/tailwind-merge/dist/bundle-mjs.js +3 -3
  64. package/dist/node_modules/unified/lib/index.js +1 -1
  65. package/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js +68 -0
  66. package/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js +56 -0
  67. package/dist/node_modules/use-sync-external-store/shim/index.js +11 -0
  68. package/dist/styles.css +1 -1
  69. package/package.json +2 -1
  70. package/dist/components/ui/data-cross-table.js +0 -216
  71. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-arrow/dist/index.js +0 -25
  72. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-collection/dist/index.js +0 -49
  73. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -128
  74. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-focus-scope/dist/index.js +0 -138
  75. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-menu/dist/index.js +0 -625
  76. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-popper/dist/index.js +0 -221
  77. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-portal/dist/index.js +0 -17
  78. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-primitive/dist/index.js +0 -37
  79. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-roving-focus/dist/index.js +0 -184
  80. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-use-controllable-state/dist/index.js +0 -55
  81. package/dist/node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-collection/dist/index.js +0 -49
  82. package/dist/node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-primitive/dist/index.js +0 -33
  83. package/dist/node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-use-controllable-state/dist/index.js +0 -55
  84. package/dist/node_modules/remeda/dist/chunk-OAMXQXGR.js +0 -9
@@ -1,20 +1,20 @@
1
1
  "use client";
2
2
  import * as u from "react";
3
- import { createCollection as ee } from "../../react-collection/dist/index.js";
4
- import { useDirection as re } from "../../react-direction/dist/index.js";
3
+ import { createCollection as re } from "../../react-collection/dist/index.js";
4
+ import { useDirection as ae } from "../../react-direction/dist/index.js";
5
5
  import { composeEventHandlers as h } from "../../primitive/dist/index.js";
6
- import { useComposedRefs as ae } from "../../react-compose-refs/dist/index.js";
7
- import { createContextScope as oe } from "../../react-context/dist/index.js";
6
+ import { useComposedRefs as oe } from "../../react-compose-refs/dist/index.js";
7
+ import { createContextScope as ne } from "../../react-context/dist/index.js";
8
8
  import { useId as I } from "../../react-id/dist/index.js";
9
- import { createMenuScope as ne, Root as te, Anchor as ue, Content as se, Item as ie, Separator as ce, Label as pe, CheckboxItem as le, ItemIndicator as de, RadioItem as be, RadioGroup as me, Portal as fe, SubContent as ve, SubTrigger as Me, Group as ge, Sub as he, Arrow as Re } from "../../react-menu/dist/index.js";
10
- import { createRovingFocusGroupScope as O, Root as Se, Item as _e } from "../../react-roving-focus/dist/index.js";
9
+ import { createMenuScope as te, Root as ue, Anchor as se, Content as ie, Item as ce, Separator as pe, Label as le, CheckboxItem as de, ItemIndicator as be, RadioItem as me, RadioGroup as fe, Portal as ve, SubContent as Me, SubTrigger as ge, Group as he, Sub as Re, Arrow as Se } from "../../react-menu/dist/index.js";
10
+ import { createRovingFocusGroupScope as O, Root as _e, Item as Ie } from "../../react-roving-focus/dist/index.js";
11
11
  import { Primitive as T } from "../../react-primitive/dist/index.js";
12
12
  import { useControllableState as G } from "../../react-use-controllable-state/dist/index.js";
13
13
  import { jsx as t } from "react/jsx-runtime";
14
- var S = "Menubar", [C, Ie, Ce] = ee(S), [D, er] = oe(S, [
15
- Ce,
14
+ var S = "Menubar", [C, Ce, xe] = re(S), [D, er] = ne(S, [
15
+ xe,
16
16
  O
17
- ]), l = ne(), k = O(), [xe, A] = D(S), K = u.forwardRef(
17
+ ]), l = te(), k = O(), [we, A] = D(S), K = u.forwardRef(
18
18
  (e, o) => {
19
19
  const {
20
20
  __scopeMenubar: r,
@@ -24,13 +24,14 @@ var S = "Menubar", [C, Ie, Ce] = ee(S), [D, er] = oe(S, [
24
24
  loop: d = !0,
25
25
  dir: c,
26
26
  ...s
27
- } = e, m = re(c), i = k(r), [v = "", b] = G({
27
+ } = e, m = ae(c), i = k(r), [v, b] = G({
28
28
  prop: a,
29
29
  onChange: n,
30
- defaultProp: g
30
+ defaultProp: g ?? "",
31
+ caller: S
31
32
  }), [M, p] = u.useState(null);
32
33
  return /* @__PURE__ */ t(
33
- xe,
34
+ we,
34
35
  {
35
36
  scope: r,
36
37
  value: v,
@@ -50,7 +51,7 @@ var S = "Menubar", [C, Ie, Ce] = ee(S), [D, er] = oe(S, [
50
51
  dir: m,
51
52
  loop: d,
52
53
  children: /* @__PURE__ */ t(C.Provider, { scope: r, children: /* @__PURE__ */ t(C.Slot, { scope: r, children: /* @__PURE__ */ t(
53
- Se,
54
+ _e,
54
55
  {
55
56
  asChild: !0,
56
57
  ...i,
@@ -67,12 +68,12 @@ var S = "Menubar", [C, Ie, Ce] = ee(S), [D, er] = oe(S, [
67
68
  }
68
69
  );
69
70
  K.displayName = S;
70
- var N = "MenubarMenu", [we, F] = D(N), L = (e) => {
71
+ var N = "MenubarMenu", [Ae, F] = D(N), L = (e) => {
71
72
  const { __scopeMenubar: o, value: r, ...a } = e, n = I(), g = r || n || "LEGACY_REACT_AUTO_VALUE", d = A(N, o), c = l(o), s = u.useRef(null), m = u.useRef(!1), i = d.value === g;
72
73
  return u.useEffect(() => {
73
74
  i || (m.current = !1);
74
75
  }, [i]), /* @__PURE__ */ t(
75
- we,
76
+ Ae,
76
77
  {
77
78
  scope: o,
78
79
  value: g,
@@ -81,7 +82,7 @@ var N = "MenubarMenu", [we, F] = D(N), L = (e) => {
81
82
  contentId: I(),
82
83
  wasKeyboardTriggerOpenRef: m,
83
84
  children: /* @__PURE__ */ t(
84
- te,
85
+ ue,
85
86
  {
86
87
  ...c,
87
88
  open: i,
@@ -99,15 +100,15 @@ var N = "MenubarMenu", [we, F] = D(N), L = (e) => {
99
100
  L.displayName = N;
100
101
  var x = "MenubarTrigger", B = u.forwardRef(
101
102
  (e, o) => {
102
- const { __scopeMenubar: r, disabled: a = !1, ...n } = e, g = k(r), d = l(r), c = A(x, r), s = F(x, r), m = u.useRef(null), i = ae(o, m, s.triggerRef), [v, b] = u.useState(!1), M = c.value === s.value;
103
+ const { __scopeMenubar: r, disabled: a = !1, ...n } = e, g = k(r), d = l(r), c = A(x, r), s = F(x, r), m = u.useRef(null), i = oe(o, m, s.triggerRef), [v, b] = u.useState(!1), M = c.value === s.value;
103
104
  return /* @__PURE__ */ t(C.ItemSlot, { scope: r, value: s.value, disabled: a, children: /* @__PURE__ */ t(
104
- _e,
105
+ Ie,
105
106
  {
106
107
  asChild: !0,
107
108
  ...g,
108
109
  focusable: !a,
109
110
  tabStopId: s.value,
110
- children: /* @__PURE__ */ t(ue, { asChild: !0, ...d, children: /* @__PURE__ */ t(
111
+ children: /* @__PURE__ */ t(se, { asChild: !0, ...d, children: /* @__PURE__ */ t(
111
112
  T.button,
112
113
  {
113
114
  type: "button",
@@ -141,16 +142,16 @@ var x = "MenubarTrigger", B = u.forwardRef(
141
142
  }
142
143
  );
143
144
  B.displayName = x;
144
- var Ae = "MenubarPortal", U = (e) => {
145
+ var Ne = "MenubarPortal", U = (e) => {
145
146
  const { __scopeMenubar: o, ...r } = e, a = l(o);
146
- return /* @__PURE__ */ t(fe, { ...a, ...r });
147
+ return /* @__PURE__ */ t(ve, { ...a, ...r });
147
148
  };
148
- U.displayName = Ae;
149
+ U.displayName = Ne;
149
150
  var w = "MenubarContent", V = u.forwardRef(
150
151
  (e, o) => {
151
- const { __scopeMenubar: r, align: a = "start", ...n } = e, g = l(r), d = A(w, r), c = F(w, r), s = Ie(r), m = u.useRef(!1);
152
+ const { __scopeMenubar: r, align: a = "start", ...n } = e, g = l(r), d = A(w, r), c = F(w, r), s = Ce(r), m = u.useRef(!1);
152
153
  return /* @__PURE__ */ t(
153
- se,
154
+ ie,
154
155
  {
155
156
  id: c.contentId,
156
157
  "aria-labelledby": c.triggerId,
@@ -205,81 +206,82 @@ var w = "MenubarContent", V = u.forwardRef(
205
206
  }
206
207
  );
207
208
  V.displayName = w;
208
- var Ne = "MenubarGroup", H = u.forwardRef(
209
+ var ye = "MenubarGroup", H = u.forwardRef(
209
210
  (e, o) => {
210
211
  const { __scopeMenubar: r, ...a } = e, n = l(r);
211
- return /* @__PURE__ */ t(ge, { ...n, ...a, ref: o });
212
+ return /* @__PURE__ */ t(he, { ...n, ...a, ref: o });
212
213
  }
213
214
  );
214
- H.displayName = Ne;
215
- var ye = "MenubarLabel", $ = u.forwardRef(
215
+ H.displayName = ye;
216
+ var Pe = "MenubarLabel", $ = u.forwardRef(
216
217
  (e, o) => {
217
218
  const { __scopeMenubar: r, ...a } = e, n = l(r);
218
- return /* @__PURE__ */ t(pe, { ...n, ...a, ref: o });
219
+ return /* @__PURE__ */ t(le, { ...n, ...a, ref: o });
219
220
  }
220
221
  );
221
- $.displayName = ye;
222
- var Pe = "MenubarItem", j = u.forwardRef(
222
+ $.displayName = Pe;
223
+ var Ee = "MenubarItem", j = u.forwardRef(
223
224
  (e, o) => {
224
225
  const { __scopeMenubar: r, ...a } = e, n = l(r);
225
- return /* @__PURE__ */ t(ie, { ...n, ...a, ref: o });
226
+ return /* @__PURE__ */ t(ce, { ...n, ...a, ref: o });
226
227
  }
227
228
  );
228
- j.displayName = Pe;
229
- var Ee = "MenubarCheckboxItem", z = u.forwardRef(
229
+ j.displayName = Ee;
230
+ var Oe = "MenubarCheckboxItem", z = u.forwardRef(
230
231
  (e, o) => {
231
232
  const { __scopeMenubar: r, ...a } = e, n = l(r);
232
- return /* @__PURE__ */ t(le, { ...n, ...a, ref: o });
233
+ return /* @__PURE__ */ t(de, { ...n, ...a, ref: o });
233
234
  }
234
235
  );
235
- z.displayName = Ee;
236
- var Oe = "MenubarRadioGroup", W = u.forwardRef(
236
+ z.displayName = Oe;
237
+ var Te = "MenubarRadioGroup", W = u.forwardRef(
237
238
  (e, o) => {
238
239
  const { __scopeMenubar: r, ...a } = e, n = l(r);
239
- return /* @__PURE__ */ t(me, { ...n, ...a, ref: o });
240
+ return /* @__PURE__ */ t(fe, { ...n, ...a, ref: o });
240
241
  }
241
242
  );
242
- W.displayName = Oe;
243
- var Te = "MenubarRadioItem", X = u.forwardRef(
243
+ W.displayName = Te;
244
+ var Ge = "MenubarRadioItem", X = u.forwardRef(
244
245
  (e, o) => {
245
246
  const { __scopeMenubar: r, ...a } = e, n = l(r);
246
- return /* @__PURE__ */ t(be, { ...n, ...a, ref: o });
247
+ return /* @__PURE__ */ t(me, { ...n, ...a, ref: o });
247
248
  }
248
249
  );
249
- X.displayName = Te;
250
- var Ge = "MenubarItemIndicator", Y = u.forwardRef((e, o) => {
250
+ X.displayName = Ge;
251
+ var De = "MenubarItemIndicator", Y = u.forwardRef((e, o) => {
251
252
  const { __scopeMenubar: r, ...a } = e, n = l(r);
252
- return /* @__PURE__ */ t(de, { ...n, ...a, ref: o });
253
+ return /* @__PURE__ */ t(be, { ...n, ...a, ref: o });
253
254
  });
254
- Y.displayName = Ge;
255
- var De = "MenubarSeparator", q = u.forwardRef(
255
+ Y.displayName = De;
256
+ var ke = "MenubarSeparator", q = u.forwardRef(
256
257
  (e, o) => {
257
258
  const { __scopeMenubar: r, ...a } = e, n = l(r);
258
- return /* @__PURE__ */ t(ce, { ...n, ...a, ref: o });
259
+ return /* @__PURE__ */ t(pe, { ...n, ...a, ref: o });
259
260
  }
260
261
  );
261
- q.displayName = De;
262
- var ke = "MenubarArrow", Ke = u.forwardRef(
262
+ q.displayName = ke;
263
+ var Ke = "MenubarArrow", Fe = u.forwardRef(
263
264
  (e, o) => {
264
265
  const { __scopeMenubar: r, ...a } = e, n = l(r);
265
- return /* @__PURE__ */ t(Re, { ...n, ...a, ref: o });
266
+ return /* @__PURE__ */ t(Se, { ...n, ...a, ref: o });
266
267
  }
267
268
  );
268
- Ke.displayName = ke;
269
- var Fe = "MenubarSub", J = (e) => {
270
- const { __scopeMenubar: o, children: r, open: a, onOpenChange: n, defaultOpen: g } = e, d = l(o), [c = !1, s] = G({
269
+ Fe.displayName = Ke;
270
+ var J = "MenubarSub", Q = (e) => {
271
+ const { __scopeMenubar: o, children: r, open: a, onOpenChange: n, defaultOpen: g } = e, d = l(o), [c, s] = G({
271
272
  prop: a,
272
- defaultProp: g,
273
- onChange: n
273
+ defaultProp: g ?? !1,
274
+ onChange: n,
275
+ caller: J
274
276
  });
275
- return /* @__PURE__ */ t(he, { ...d, open: c, onOpenChange: s, children: r });
277
+ return /* @__PURE__ */ t(Re, { ...d, open: c, onOpenChange: s, children: r });
276
278
  };
277
- J.displayName = Fe;
278
- var Le = "MenubarSubTrigger", Q = u.forwardRef(
279
+ Q.displayName = J;
280
+ var Le = "MenubarSubTrigger", Z = u.forwardRef(
279
281
  (e, o) => {
280
282
  const { __scopeMenubar: r, ...a } = e, n = l(r);
281
283
  return /* @__PURE__ */ t(
282
- Me,
284
+ ge,
283
285
  {
284
286
  "data-radix-menubar-subtrigger": "",
285
287
  ...n,
@@ -289,12 +291,12 @@ var Le = "MenubarSubTrigger", Q = u.forwardRef(
289
291
  );
290
292
  }
291
293
  );
292
- Q.displayName = Le;
293
- var Be = "MenubarSubContent", Z = u.forwardRef(
294
+ Z.displayName = Le;
295
+ var Be = "MenubarSubContent", ee = u.forwardRef(
294
296
  (e, o) => {
295
297
  const { __scopeMenubar: r, ...a } = e, n = l(r);
296
298
  return /* @__PURE__ */ t(
297
- ve,
299
+ Me,
298
300
  {
299
301
  ...n,
300
302
  "data-radix-menubar-content": "",
@@ -312,11 +314,11 @@ var Be = "MenubarSubContent", Z = u.forwardRef(
312
314
  );
313
315
  }
314
316
  );
315
- Z.displayName = Be;
317
+ ee.displayName = Be;
316
318
  function Ue(e, o) {
317
319
  return e.map((r, a) => e[(o + a) % e.length]);
318
320
  }
319
- var rr = K, ar = L, or = B, nr = U, tr = V, ur = H, sr = $, ir = j, cr = z, pr = W, lr = X, dr = Y, br = q, mr = J, fr = Q, vr = Z;
321
+ var rr = K, ar = L, or = B, nr = U, tr = V, ur = H, sr = $, ir = j, cr = z, pr = W, lr = X, dr = Y, br = q, mr = Q, fr = Z, vr = ee;
320
322
  export {
321
323
  cr as CheckboxItem,
322
324
  tr as Content,
@@ -326,7 +328,7 @@ export {
326
328
  sr as Label,
327
329
  ar as Menu,
328
330
  K as Menubar,
329
- Ke as MenubarArrow,
331
+ Fe as MenubarArrow,
330
332
  z as MenubarCheckboxItem,
331
333
  V as MenubarContent,
332
334
  H as MenubarGroup,
@@ -338,9 +340,9 @@ export {
338
340
  W as MenubarRadioGroup,
339
341
  X as MenubarRadioItem,
340
342
  q as MenubarSeparator,
341
- J as MenubarSub,
342
- Z as MenubarSubContent,
343
- Q as MenubarSubTrigger,
343
+ Q as MenubarSub,
344
+ ee as MenubarSubContent,
345
+ Z as MenubarSubTrigger,
344
346
  B as MenubarTrigger,
345
347
  nr as Portal,
346
348
  pr as RadioGroup,
@@ -3,23 +3,23 @@ import * as a from "react";
3
3
  import Ie from "react-dom";
4
4
  import { createContextScope as ye } from "../../react-context/dist/index.js";
5
5
  import { composeEventHandlers as I } from "../../primitive/dist/index.js";
6
- import { Primitive as _, dispatchDiscreteCustomEvent as J } from "../../react-primitive/dist/index.js";
7
- import { useControllableState as ne } from "../../react-use-controllable-state/dist/index.js";
6
+ import { Primitive as _, dispatchDiscreteCustomEvent as Q } from "../../react-primitive/dist/index.js";
7
+ import { useControllableState as oe } from "../../react-use-controllable-state/dist/index.js";
8
8
  import { useComposedRefs as k, composeRefs as be } from "../../react-compose-refs/dist/index.js";
9
9
  import { useDirection as _e } from "../../react-direction/dist/index.js";
10
10
  import { Presence as K } from "../../react-presence/dist/index.js";
11
- import { useId as oe } from "../../react-id/dist/index.js";
12
- import { createCollection as re } from "../../react-collection/dist/index.js";
11
+ import { useId as re } from "../../react-id/dist/index.js";
12
+ import { createCollection as ie } from "../../react-collection/dist/index.js";
13
13
  import { DismissableLayer as Pe } from "../../react-dismissable-layer/dist/index.js";
14
14
  import { usePrevious as xe } from "../../react-use-previous/dist/index.js";
15
15
  import { useLayoutEffect as G } from "../../react-use-layout-effect/dist/index.js";
16
16
  import { useCallbackRef as D } from "../../react-use-callback-ref/dist/index.js";
17
17
  import { Root as Se } from "../../react-visually-hidden/dist/index.js";
18
- import { jsx as l, jsxs as Q, Fragment as Z } from "react/jsx-runtime";
19
- var O = "NavigationMenu", [W, ie, De] = re(O), [z, Ae, Oe] = re(O), [$, ut] = ye(
20
- O,
18
+ import { jsx as l, jsxs as Z, Fragment as ee } from "react/jsx-runtime";
19
+ var A = "NavigationMenu", [$, ae, De] = ie(A), [z, Ae, Oe] = ie(A), [Y, ut] = ye(
20
+ A,
21
21
  [De, Oe]
22
- ), [ke, b] = $(O), [Le, Fe] = $(O), ae = a.forwardRef(
22
+ ), [ke, b] = Y(A), [Le, Fe] = Y(A), se = a.forwardRef(
23
23
  (e, t) => {
24
24
  const {
25
25
  __scopeNavigationMenu: r,
@@ -31,7 +31,7 @@ var O = "NavigationMenu", [W, ie, De] = re(O), [z, Ae, Oe] = re(O), [$, ut] = ye
31
31
  orientation: c = "horizontal",
32
32
  dir: R,
33
33
  ...u
34
- } = e, [g, E] = a.useState(null), h = k(t, (w) => E(w)), C = _e(R), p = a.useRef(0), M = a.useRef(0), T = a.useRef(0), [P, f] = a.useState(!0), [m = "", v] = ne({
34
+ } = e, [g, E] = a.useState(null), h = k(t, (w) => E(w)), C = _e(R), p = a.useRef(0), M = a.useRef(0), T = a.useRef(0), [P, f] = a.useState(!0), [m, v] = oe({
35
35
  prop: i,
36
36
  onChange: (w) => {
37
37
  const S = w !== "", V = d > 0;
@@ -40,7 +40,8 @@ var O = "NavigationMenu", [W, ie, De] = re(O), [z, Ae, Oe] = re(O), [$, ut] = ye
40
40
  d
41
41
  )), n == null || n(w);
42
42
  },
43
- defaultProp: o
43
+ defaultProp: o ?? "",
44
+ caller: A
44
45
  }), N = a.useCallback(() => {
45
46
  window.clearTimeout(M.current), M.current = window.setTimeout(() => v(""), 150);
46
47
  }, [v]), y = a.useCallback(
@@ -93,8 +94,8 @@ var O = "NavigationMenu", [W, ie, De] = re(O), [z, Ae, Oe] = re(O), [$, ut] = ye
93
94
  );
94
95
  }
95
96
  );
96
- ae.displayName = O;
97
- var se = "NavigationMenuSub", Ke = a.forwardRef(
97
+ se.displayName = A;
98
+ var U = "NavigationMenuSub", Ke = a.forwardRef(
98
99
  (e, t) => {
99
100
  const {
100
101
  __scopeNavigationMenu: r,
@@ -103,10 +104,11 @@ var se = "NavigationMenuSub", Ke = a.forwardRef(
103
104
  defaultValue: o,
104
105
  orientation: s = "horizontal",
105
106
  ...d
106
- } = e, c = b(se, r), [R = "", u] = ne({
107
+ } = e, c = b(U, r), [R, u] = oe({
107
108
  prop: i,
108
109
  onChange: n,
109
- defaultProp: o
110
+ defaultProp: o ?? "",
111
+ caller: U
110
112
  });
111
113
  return /* @__PURE__ */ l(
112
114
  ce,
@@ -125,7 +127,7 @@ var se = "NavigationMenuSub", Ke = a.forwardRef(
125
127
  );
126
128
  }
127
129
  );
128
- Ke.displayName = se;
130
+ Ke.displayName = U;
129
131
  var ce = (e) => {
130
132
  const {
131
133
  scope: t,
@@ -150,7 +152,7 @@ var ce = (e) => {
150
152
  rootNavigationMenu: i,
151
153
  value: d,
152
154
  previousValue: xe(d),
153
- baseId: oe(),
155
+ baseId: re(),
154
156
  dir: n,
155
157
  orientation: o,
156
158
  viewport: C,
@@ -169,28 +171,28 @@ var ce = (e) => {
169
171
  onViewportContentRemove: a.useCallback((m) => {
170
172
  T((v) => v.has(m) ? (v.delete(m), new Map(v)) : v);
171
173
  }, []),
172
- children: /* @__PURE__ */ l(W.Provider, { scope: t, children: /* @__PURE__ */ l(Le, { scope: t, items: M, children: s }) })
174
+ children: /* @__PURE__ */ l($.Provider, { scope: t, children: /* @__PURE__ */ l(Le, { scope: t, items: M, children: s }) })
173
175
  }
174
176
  );
175
177
  }, ue = "NavigationMenuList", le = a.forwardRef(
176
178
  (e, t) => {
177
179
  const { __scopeNavigationMenu: r, ...i } = e, n = b(ue, r), o = /* @__PURE__ */ l(_.ul, { "data-orientation": n.orientation, ...i, ref: t });
178
- return /* @__PURE__ */ l(_.div, { style: { position: "relative" }, ref: n.onIndicatorTrackChange, children: /* @__PURE__ */ l(W.Slot, { scope: r, children: n.isRootMenu ? /* @__PURE__ */ l(Me, { asChild: !0, children: o }) : o }) });
180
+ return /* @__PURE__ */ l(_.div, { style: { position: "relative" }, ref: n.onIndicatorTrackChange, children: /* @__PURE__ */ l($.Slot, { scope: r, children: n.isRootMenu ? /* @__PURE__ */ l(Me, { asChild: !0, children: o }) : o }) });
179
181
  }
180
182
  );
181
183
  le.displayName = ue;
182
- var de = "NavigationMenuItem", [Ve, ve] = $(de), fe = a.forwardRef(
184
+ var de = "NavigationMenuItem", [Ve, ve] = Y(de), fe = a.forwardRef(
183
185
  (e, t) => {
184
- const { __scopeNavigationMenu: r, value: i, ...n } = e, o = oe(), s = i || o || "LEGACY_REACT_AUTO_VALUE", d = a.useRef(null), c = a.useRef(null), R = a.useRef(null), u = a.useRef(() => {
186
+ const { __scopeNavigationMenu: r, value: i, ...n } = e, o = re(), s = i || o || "LEGACY_REACT_AUTO_VALUE", d = a.useRef(null), c = a.useRef(null), R = a.useRef(null), u = a.useRef(() => {
185
187
  }), g = a.useRef(!1), E = a.useCallback((C = "start") => {
186
188
  if (d.current) {
187
189
  u.current();
188
- const p = H(d.current);
189
- p.length && q(C === "start" ? p : p.reverse());
190
+ const p = B(d.current);
191
+ p.length && X(C === "start" ? p : p.reverse());
190
192
  }
191
193
  }, []), h = a.useCallback(() => {
192
194
  if (d.current) {
193
- const C = H(d.current);
195
+ const C = B(d.current);
194
196
  C.length && (u.current = $e(C));
195
197
  }
196
198
  }, []);
@@ -213,16 +215,16 @@ var de = "NavigationMenuItem", [Ve, ve] = $(de), fe = a.forwardRef(
213
215
  }
214
216
  );
215
217
  fe.displayName = de;
216
- var U = "NavigationMenuTrigger", me = a.forwardRef((e, t) => {
217
- const { __scopeNavigationMenu: r, disabled: i, ...n } = e, o = b(U, e.__scopeNavigationMenu), s = ve(U, e.__scopeNavigationMenu), d = a.useRef(null), c = k(d, s.triggerRef, t), R = Ee(o.baseId, s.value), u = he(o.baseId, s.value), g = a.useRef(!1), E = a.useRef(!1), h = s.value === o.value;
218
- return /* @__PURE__ */ Q(Z, { children: [
219
- /* @__PURE__ */ l(W.ItemSlot, { scope: r, value: s.value, children: /* @__PURE__ */ l(Ne, { asChild: !0, children: /* @__PURE__ */ l(
218
+ var H = "NavigationMenuTrigger", me = a.forwardRef((e, t) => {
219
+ const { __scopeNavigationMenu: r, disabled: i, ...n } = e, o = b(H, e.__scopeNavigationMenu), s = ve(H, e.__scopeNavigationMenu), d = a.useRef(null), c = k(d, s.triggerRef, t), R = Ee(o.baseId, s.value), u = he(o.baseId, s.value), g = a.useRef(!1), E = a.useRef(!1), h = s.value === o.value;
220
+ return /* @__PURE__ */ Z(ee, { children: [
221
+ /* @__PURE__ */ l($.ItemSlot, { scope: r, value: s.value, children: /* @__PURE__ */ l(Ne, { asChild: !0, children: /* @__PURE__ */ l(
220
222
  _.button,
221
223
  {
222
224
  id: R,
223
225
  disabled: i,
224
226
  "data-disabled": i ? "" : void 0,
225
- "data-state": X(h),
227
+ "data-state": J(h),
226
228
  "aria-expanded": h,
227
229
  "aria-controls": u,
228
230
  ...n,
@@ -251,7 +253,7 @@ var U = "NavigationMenuTrigger", me = a.forwardRef((e, t) => {
251
253
  })
252
254
  }
253
255
  ) }) }),
254
- h && /* @__PURE__ */ Q(Z, { children: [
256
+ h && /* @__PURE__ */ Z(ee, { children: [
255
257
  /* @__PURE__ */ l(
256
258
  Se,
257
259
  {
@@ -268,8 +270,8 @@ var U = "NavigationMenuTrigger", me = a.forwardRef((e, t) => {
268
270
  ] })
269
271
  ] });
270
272
  });
271
- me.displayName = U;
272
- var Ge = "NavigationMenuLink", ee = "navigationMenu.linkSelect", ge = a.forwardRef(
273
+ me.displayName = H;
274
+ var Ge = "NavigationMenuLink", te = "navigationMenu.linkSelect", ge = a.forwardRef(
273
275
  (e, t) => {
274
276
  const { __scopeNavigationMenu: r, active: i, onSelect: n, ...o } = e;
275
277
  return /* @__PURE__ */ l(Ne, { asChild: !0, children: /* @__PURE__ */ l(
@@ -282,16 +284,16 @@ var Ge = "NavigationMenuLink", ee = "navigationMenu.linkSelect", ge = a.forwardR
282
284
  onClick: I(
283
285
  e.onClick,
284
286
  (s) => {
285
- const d = s.target, c = new CustomEvent(ee, {
287
+ const d = s.target, c = new CustomEvent(te, {
286
288
  bubbles: !0,
287
289
  cancelable: !0
288
290
  });
289
- if (d.addEventListener(ee, (R) => n == null ? void 0 : n(R), { once: !0 }), J(d, c), !c.defaultPrevented && !s.metaKey) {
291
+ if (d.addEventListener(te, (R) => n == null ? void 0 : n(R), { once: !0 }), Q(d, c), !c.defaultPrevented && !s.metaKey) {
290
292
  const R = new CustomEvent(L, {
291
293
  bubbles: !0,
292
294
  cancelable: !0
293
295
  });
294
- J(d, R);
296
+ Q(d, R);
295
297
  }
296
298
  },
297
299
  { checkForDefaultPrevented: !1 }
@@ -301,16 +303,16 @@ var Ge = "NavigationMenuLink", ee = "navigationMenu.linkSelect", ge = a.forwardR
301
303
  }
302
304
  );
303
305
  ge.displayName = Ge;
304
- var Y = "NavigationMenuIndicator", pe = a.forwardRef((e, t) => {
305
- const { forceMount: r, ...i } = e, n = b(Y, e.__scopeNavigationMenu), o = !!n.value;
306
+ var j = "NavigationMenuIndicator", pe = a.forwardRef((e, t) => {
307
+ const { forceMount: r, ...i } = e, n = b(j, e.__scopeNavigationMenu), o = !!n.value;
306
308
  return n.indicatorTrack ? Ie.createPortal(
307
309
  /* @__PURE__ */ l(K, { present: r || o, children: /* @__PURE__ */ l(ze, { ...i, ref: t }) }),
308
310
  n.indicatorTrack
309
311
  ) : null;
310
312
  });
311
- pe.displayName = Y;
313
+ pe.displayName = j;
312
314
  var ze = a.forwardRef((e, t) => {
313
- const { __scopeNavigationMenu: r, ...i } = e, n = b(Y, r), o = ie(r), [s, d] = a.useState(
315
+ const { __scopeNavigationMenu: r, ...i } = e, n = b(j, r), o = ae(r), [s, d] = a.useState(
314
316
  null
315
317
  ), [c, R] = a.useState(null), u = n.orientation === "horizontal", g = !!n.value;
316
318
  a.useEffect(() => {
@@ -324,7 +326,7 @@ var ze = a.forwardRef((e, t) => {
324
326
  offset: u ? s.offsetLeft : s.offsetTop
325
327
  });
326
328
  };
327
- return B(s, E), B(n.indicatorTrack, E), c ? /* @__PURE__ */ l(
329
+ return W(s, E), W(n.indicatorTrack, E), c ? /* @__PURE__ */ l(
328
330
  _.div,
329
331
  {
330
332
  "aria-hidden": !0,
@@ -347,8 +349,8 @@ var ze = a.forwardRef((e, t) => {
347
349
  }
348
350
  }
349
351
  ) : null;
350
- }), A = "NavigationMenuContent", we = a.forwardRef((e, t) => {
351
- const { forceMount: r, ...i } = e, n = b(A, e.__scopeNavigationMenu), o = ve(A, e.__scopeNavigationMenu), s = k(o.contentRef, t), d = o.value === n.value, c = {
352
+ }), O = "NavigationMenuContent", we = a.forwardRef((e, t) => {
353
+ const { forceMount: r, ...i } = e, n = b(O, e.__scopeNavigationMenu), o = ve(O, e.__scopeNavigationMenu), s = k(o.contentRef, t), d = o.value === n.value, c = {
352
354
  value: o.value,
353
355
  triggerRef: o.triggerRef,
354
356
  focusProxyRef: o.focusProxyRef,
@@ -360,7 +362,7 @@ var ze = a.forwardRef((e, t) => {
360
362
  return n.viewport ? /* @__PURE__ */ l(Ue, { forceMount: r, ...c, ref: s }) : /* @__PURE__ */ l(K, { present: r || d, children: /* @__PURE__ */ l(
361
363
  Ce,
362
364
  {
363
- "data-state": X(d),
365
+ "data-state": J(d),
364
366
  ...c,
365
367
  ref: s,
366
368
  onPointerEnter: I(e.onPointerEnter, n.onContentEnter),
@@ -376,9 +378,9 @@ var ze = a.forwardRef((e, t) => {
376
378
  }
377
379
  ) });
378
380
  });
379
- we.displayName = A;
381
+ we.displayName = O;
380
382
  var Ue = a.forwardRef((e, t) => {
381
- const r = b(A, e.__scopeNavigationMenu), { onViewportContentChange: i, onViewportContentRemove: n } = r;
383
+ const r = b(O, e.__scopeNavigationMenu), { onViewportContentChange: i, onViewportContentRemove: n } = r;
382
384
  return G(() => {
383
385
  i(e.value, {
384
386
  ref: t,
@@ -395,7 +397,7 @@ var Ue = a.forwardRef((e, t) => {
395
397
  onRootContentClose: d,
396
398
  onContentFocusOutside: c,
397
399
  ...R
398
- } = e, u = b(A, r), g = a.useRef(null), E = k(g, t), h = Ee(u.baseId, i), C = he(u.baseId, i), p = ie(r), M = a.useRef(null), { onItemDismiss: T } = u;
400
+ } = e, u = b(O, r), g = a.useRef(null), E = k(g, t), h = Ee(u.baseId, i), C = he(u.baseId, i), p = ae(r), M = a.useRef(null), { onItemDismiss: T } = u;
399
401
  a.useEffect(() => {
400
402
  const f = g.current;
401
403
  if (u.isRootMenu && f) {
@@ -456,8 +458,8 @@ var Ue = a.forwardRef((e, t) => {
456
458
  var N;
457
459
  const m = f.altKey || f.ctrlKey || f.metaKey;
458
460
  if (f.key === "Tab" && !m) {
459
- const y = H(f.currentTarget), x = document.activeElement, w = y.findIndex((Te) => Te === x), V = f.shiftKey ? y.slice(0, w).reverse() : y.slice(w + 1, y.length);
460
- q(V) ? f.preventDefault() : (N = o.current) == null || N.focus();
461
+ const y = B(f.currentTarget), x = document.activeElement, w = y.findIndex((Te) => Te === x), V = f.shiftKey ? y.slice(0, w).reverse() : y.slice(w + 1, y.length);
462
+ X(V) ? f.preventDefault() : (N = o.current) == null || N.focus();
461
463
  }
462
464
  }),
463
465
  onEscapeKeyDown: I(e.onEscapeKeyDown, (f) => {
@@ -465,22 +467,22 @@ var Ue = a.forwardRef((e, t) => {
465
467
  })
466
468
  }
467
469
  ) });
468
- }), j = "NavigationMenuViewport", Re = a.forwardRef((e, t) => {
469
- const { forceMount: r, ...i } = e, o = !!b(j, e.__scopeNavigationMenu).value;
470
+ }), q = "NavigationMenuViewport", Re = a.forwardRef((e, t) => {
471
+ const { forceMount: r, ...i } = e, o = !!b(q, e.__scopeNavigationMenu).value;
470
472
  return /* @__PURE__ */ l(K, { present: r || o, children: /* @__PURE__ */ l(He, { ...i, ref: t }) });
471
473
  });
472
- Re.displayName = j;
474
+ Re.displayName = q;
473
475
  var He = a.forwardRef((e, t) => {
474
- const { __scopeNavigationMenu: r, children: i, ...n } = e, o = b(j, r), s = k(t, o.onViewportChange), d = Fe(
475
- A,
476
+ const { __scopeNavigationMenu: r, children: i, ...n } = e, o = b(q, r), s = k(t, o.onViewportChange), d = Fe(
477
+ O,
476
478
  e.__scopeNavigationMenu
477
479
  ), [c, R] = a.useState(null), [u, g] = a.useState(null), E = c ? (c == null ? void 0 : c.width) + "px" : void 0, h = c ? (c == null ? void 0 : c.height) + "px" : void 0, C = !!o.value, p = C ? o.value : o.previousValue;
478
- return B(u, () => {
480
+ return W(u, () => {
479
481
  u && R({ width: u.offsetWidth, height: u.offsetHeight });
480
482
  }), /* @__PURE__ */ l(
481
483
  _.div,
482
484
  {
483
- "data-state": X(C),
485
+ "data-state": J(C),
484
486
  "data-orientation": o.orientation,
485
487
  ...n,
486
488
  ref: s,
@@ -512,7 +514,7 @@ var He = a.forwardRef((e, t) => {
512
514
  const { __scopeNavigationMenu: r, ...i } = e, n = b(Be, r);
513
515
  return /* @__PURE__ */ l(z.Provider, { scope: r, children: /* @__PURE__ */ l(z.Slot, { scope: r, children: /* @__PURE__ */ l(_.div, { dir: n.dir, ...i, ref: t }) }) });
514
516
  }
515
- ), te = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], We = "FocusGroupItem", Ne = a.forwardRef(
517
+ ), ne = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], We = "FocusGroupItem", Ne = a.forwardRef(
516
518
  (e, t) => {
517
519
  const { __scopeNavigationMenu: r, ...i } = e, n = Ae(r), o = b(We, r);
518
520
  return /* @__PURE__ */ l(z.ItemSlot, { scope: r, children: /* @__PURE__ */ l(
@@ -521,20 +523,20 @@ var He = a.forwardRef((e, t) => {
521
523
  ...i,
522
524
  ref: t,
523
525
  onKeyDown: I(e.onKeyDown, (s) => {
524
- if (["Home", "End", ...te].includes(s.key)) {
526
+ if (["Home", "End", ...ne].includes(s.key)) {
525
527
  let c = n().map((g) => g.ref.current);
526
- if ([o.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(s.key) && c.reverse(), te.includes(s.key)) {
528
+ if ([o.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(s.key) && c.reverse(), ne.includes(s.key)) {
527
529
  const g = c.indexOf(s.currentTarget);
528
530
  c = c.slice(g + 1);
529
531
  }
530
- setTimeout(() => q(c)), s.preventDefault();
532
+ setTimeout(() => X(c)), s.preventDefault();
531
533
  }
532
534
  })
533
535
  }
534
536
  ) });
535
537
  }
536
538
  );
537
- function H(e) {
539
+ function B(e) {
538
540
  const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
539
541
  acceptNode: (i) => {
540
542
  const n = i.tagName === "INPUT" && i.type === "hidden";
@@ -544,7 +546,7 @@ function H(e) {
544
546
  for (; r.nextNode(); ) t.push(r.currentNode);
545
547
  return t;
546
548
  }
547
- function q(e) {
549
+ function X(e) {
548
550
  const t = document.activeElement;
549
551
  return e.some((r) => r === t ? !0 : (r.focus(), document.activeElement !== t));
550
552
  }
@@ -558,7 +560,7 @@ function $e(e) {
558
560
  });
559
561
  };
560
562
  }
561
- function B(e, t) {
563
+ function W(e, t) {
562
564
  const r = D(t);
563
565
  G(() => {
564
566
  let i = 0;
@@ -572,7 +574,7 @@ function B(e, t) {
572
574
  }
573
575
  }, [e, r]);
574
576
  }
575
- function X(e) {
577
+ function J(e) {
576
578
  return e ? "open" : "closed";
577
579
  }
578
580
  function Ee(e, t) {
@@ -584,14 +586,14 @@ function he(e, t) {
584
586
  function F(e) {
585
587
  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
586
588
  }
587
- var lt = ae, dt = le, vt = fe, ft = me, mt = ge, gt = pe, pt = we, wt = Re;
589
+ var lt = se, dt = le, vt = fe, ft = me, mt = ge, gt = pe, pt = we, wt = Re;
588
590
  export {
589
591
  pt as Content,
590
592
  gt as Indicator,
591
593
  vt as Item,
592
594
  mt as Link,
593
595
  dt as List,
594
- ae as NavigationMenu,
596
+ se as NavigationMenu,
595
597
  we as NavigationMenuContent,
596
598
  pe as NavigationMenuIndicator,
597
599
  fe as NavigationMenuItem,