@ark-ui/react 5.29.1 → 5.30.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 (123) hide show
  1. package/dist/components/anatomy.cjs +5 -0
  2. package/dist/components/anatomy.d.cts +1 -0
  3. package/dist/components/anatomy.d.ts +1 -0
  4. package/dist/components/anatomy.js +1 -0
  5. package/dist/components/checkbox/use-checkbox-group.cjs +11 -1
  6. package/dist/components/checkbox/use-checkbox-group.d.cts +2 -2
  7. package/dist/components/checkbox/use-checkbox-group.d.ts +2 -2
  8. package/dist/components/checkbox/use-checkbox-group.js +11 -1
  9. package/dist/components/date-picker/date-picker-root.cjs +4 -2
  10. package/dist/components/date-picker/date-picker-root.js +4 -2
  11. package/dist/components/fieldset/use-fieldset.cjs +5 -0
  12. package/dist/components/fieldset/use-fieldset.d.cts +5 -0
  13. package/dist/components/fieldset/use-fieldset.d.ts +5 -0
  14. package/dist/components/fieldset/use-fieldset.js +5 -0
  15. package/dist/components/index.cjs +41 -0
  16. package/dist/components/index.d.cts +1 -0
  17. package/dist/components/index.d.ts +1 -0
  18. package/dist/components/index.js +20 -0
  19. package/dist/components/navigation-menu/index.cjs +44 -0
  20. package/dist/components/navigation-menu/index.d.cts +18 -0
  21. package/dist/components/navigation-menu/index.d.ts +18 -0
  22. package/dist/components/navigation-menu/index.js +18 -0
  23. package/dist/components/navigation-menu/navigation-menu-arrow.cjs +19 -0
  24. package/dist/components/navigation-menu/navigation-menu-arrow.d.cts +7 -0
  25. package/dist/components/navigation-menu/navigation-menu-arrow.d.ts +7 -0
  26. package/dist/components/navigation-menu/navigation-menu-arrow.js +15 -0
  27. package/dist/components/navigation-menu/navigation-menu-content.cjs +41 -0
  28. package/dist/components/navigation-menu/navigation-menu-content.d.cts +9 -0
  29. package/dist/components/navigation-menu/navigation-menu-content.d.ts +9 -0
  30. package/dist/components/navigation-menu/navigation-menu-content.js +37 -0
  31. package/dist/components/navigation-menu/navigation-menu-context.cjs +10 -0
  32. package/dist/components/navigation-menu/navigation-menu-context.d.cts +6 -0
  33. package/dist/components/navigation-menu/navigation-menu-context.d.ts +6 -0
  34. package/dist/components/navigation-menu/navigation-menu-context.js +6 -0
  35. package/dist/components/navigation-menu/navigation-menu-indicator.cjs +25 -0
  36. package/dist/components/navigation-menu/navigation-menu-indicator.d.cts +7 -0
  37. package/dist/components/navigation-menu/navigation-menu-indicator.d.ts +7 -0
  38. package/dist/components/navigation-menu/navigation-menu-indicator.js +21 -0
  39. package/dist/components/navigation-menu/navigation-menu-item-indicator.cjs +23 -0
  40. package/dist/components/navigation-menu/navigation-menu-item-indicator.d.cts +7 -0
  41. package/dist/components/navigation-menu/navigation-menu-item-indicator.d.ts +7 -0
  42. package/dist/components/navigation-menu/navigation-menu-item-indicator.js +19 -0
  43. package/dist/components/navigation-menu/navigation-menu-item.cjs +23 -0
  44. package/dist/components/navigation-menu/navigation-menu-item.d.cts +8 -0
  45. package/dist/components/navigation-menu/navigation-menu-item.d.ts +8 -0
  46. package/dist/components/navigation-menu/navigation-menu-item.js +19 -0
  47. package/dist/components/navigation-menu/navigation-menu-link.cjs +25 -0
  48. package/dist/components/navigation-menu/navigation-menu-link.d.cts +9 -0
  49. package/dist/components/navigation-menu/navigation-menu-link.d.ts +9 -0
  50. package/dist/components/navigation-menu/navigation-menu-link.js +21 -0
  51. package/dist/components/navigation-menu/navigation-menu-list.cjs +19 -0
  52. package/dist/components/navigation-menu/navigation-menu-list.d.cts +7 -0
  53. package/dist/components/navigation-menu/navigation-menu-list.d.ts +7 -0
  54. package/dist/components/navigation-menu/navigation-menu-list.js +15 -0
  55. package/dist/components/navigation-menu/navigation-menu-root-provider.cjs +23 -0
  56. package/dist/components/navigation-menu/navigation-menu-root-provider.d.cts +13 -0
  57. package/dist/components/navigation-menu/navigation-menu-root-provider.d.ts +13 -0
  58. package/dist/components/navigation-menu/navigation-menu-root-provider.js +19 -0
  59. package/dist/components/navigation-menu/navigation-menu-root.cjs +37 -0
  60. package/dist/components/navigation-menu/navigation-menu-root.d.cts +10 -0
  61. package/dist/components/navigation-menu/navigation-menu-root.d.ts +10 -0
  62. package/dist/components/navigation-menu/navigation-menu-root.js +33 -0
  63. package/dist/components/navigation-menu/navigation-menu-trigger.cjs +28 -0
  64. package/dist/components/navigation-menu/navigation-menu-trigger.d.cts +9 -0
  65. package/dist/components/navigation-menu/navigation-menu-trigger.d.ts +9 -0
  66. package/dist/components/navigation-menu/navigation-menu-trigger.js +24 -0
  67. package/dist/components/navigation-menu/navigation-menu-viewport-positioner.cjs +24 -0
  68. package/dist/components/navigation-menu/navigation-menu-viewport-positioner.d.cts +8 -0
  69. package/dist/components/navigation-menu/navigation-menu-viewport-positioner.d.ts +8 -0
  70. package/dist/components/navigation-menu/navigation-menu-viewport-positioner.js +20 -0
  71. package/dist/components/navigation-menu/navigation-menu-viewport.cjs +32 -0
  72. package/dist/components/navigation-menu/navigation-menu-viewport.d.cts +8 -0
  73. package/dist/components/navigation-menu/navigation-menu-viewport.d.ts +8 -0
  74. package/dist/components/navigation-menu/navigation-menu-viewport.js +28 -0
  75. package/dist/components/navigation-menu/navigation-menu.anatomy.d.cts +1 -0
  76. package/dist/components/navigation-menu/navigation-menu.anatomy.d.ts +1 -0
  77. package/dist/components/navigation-menu/navigation-menu.cjs +33 -0
  78. package/dist/components/navigation-menu/navigation-menu.d.cts +14 -0
  79. package/dist/components/navigation-menu/navigation-menu.d.ts +14 -0
  80. package/dist/components/navigation-menu/navigation-menu.js +13 -0
  81. package/dist/components/navigation-menu/use-navigation-menu-context.cjs +15 -0
  82. package/dist/components/navigation-menu/use-navigation-menu-context.d.cts +5 -0
  83. package/dist/components/navigation-menu/use-navigation-menu-context.d.ts +5 -0
  84. package/dist/components/navigation-menu/use-navigation-menu-context.js +10 -0
  85. package/dist/components/navigation-menu/use-navigation-menu-item-props-context.cjs +16 -0
  86. package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.cts +3 -0
  87. package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.ts +3 -0
  88. package/dist/components/navigation-menu/use-navigation-menu-item-props-context.js +11 -0
  89. package/dist/components/navigation-menu/use-navigation-menu.cjs +45 -0
  90. package/dist/components/navigation-menu/use-navigation-menu.d.cts +8 -0
  91. package/dist/components/navigation-menu/use-navigation-menu.d.ts +8 -0
  92. package/dist/components/navigation-menu/use-navigation-menu.js +22 -0
  93. package/dist/components/number-input/number-input-root.cjs +1 -0
  94. package/dist/components/number-input/number-input-root.js +1 -0
  95. package/dist/components/pagination/index.cjs +4 -0
  96. package/dist/components/pagination/index.d.cts +2 -0
  97. package/dist/components/pagination/index.d.ts +2 -0
  98. package/dist/components/pagination/index.js +2 -0
  99. package/dist/components/pagination/pagination-first-trigger.cjs +19 -0
  100. package/dist/components/pagination/pagination-first-trigger.d.cts +7 -0
  101. package/dist/components/pagination/pagination-first-trigger.d.ts +7 -0
  102. package/dist/components/pagination/pagination-first-trigger.js +15 -0
  103. package/dist/components/pagination/pagination-last-trigger.cjs +19 -0
  104. package/dist/components/pagination/pagination-last-trigger.d.cts +7 -0
  105. package/dist/components/pagination/pagination-last-trigger.d.ts +7 -0
  106. package/dist/components/pagination/pagination-last-trigger.js +15 -0
  107. package/dist/components/pagination/pagination-root.cjs +1 -0
  108. package/dist/components/pagination/pagination-root.js +1 -0
  109. package/dist/components/pagination/pagination.cjs +4 -0
  110. package/dist/components/pagination/pagination.d.cts +2 -0
  111. package/dist/components/pagination/pagination.d.ts +2 -0
  112. package/dist/components/pagination/pagination.js +2 -0
  113. package/dist/components/radio-group/radio-group-root.cjs +2 -0
  114. package/dist/components/radio-group/radio-group-root.js +2 -0
  115. package/dist/components/radio-group/use-radio-group.cjs +7 -0
  116. package/dist/components/radio-group/use-radio-group.js +7 -0
  117. package/dist/components/segment-group/segment-group-root.cjs +2 -0
  118. package/dist/components/segment-group/segment-group-root.js +2 -0
  119. package/dist/components/tree-view/tree-view-root.cjs +1 -0
  120. package/dist/components/tree-view/tree-view-root.js +1 -0
  121. package/dist/index.cjs +41 -0
  122. package/dist/index.js +20 -0
  123. package/package.json +72 -71
@@ -4,7 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const paginationContext = require('./pagination-context.cjs');
6
6
  const paginationEllipsis = require('./pagination-ellipsis.cjs');
7
+ const paginationFirstTrigger = require('./pagination-first-trigger.cjs');
7
8
  const paginationItem = require('./pagination-item.cjs');
9
+ const paginationLastTrigger = require('./pagination-last-trigger.cjs');
8
10
  const paginationNextTrigger = require('./pagination-next-trigger.cjs');
9
11
  const paginationPrevTrigger = require('./pagination-prev-trigger.cjs');
10
12
  const paginationRoot = require('./pagination-root.cjs');
@@ -14,7 +16,9 @@ const paginationRootProvider = require('./pagination-root-provider.cjs');
14
16
 
15
17
  exports.Context = paginationContext.PaginationContext;
16
18
  exports.Ellipsis = paginationEllipsis.PaginationEllipsis;
19
+ exports.FirstTrigger = paginationFirstTrigger.PaginationFirstTrigger;
17
20
  exports.Item = paginationItem.PaginationItem;
21
+ exports.LastTrigger = paginationLastTrigger.PaginationLastTrigger;
18
22
  exports.NextTrigger = paginationNextTrigger.PaginationNextTrigger;
19
23
  exports.PrevTrigger = paginationPrevTrigger.PaginationPrevTrigger;
20
24
  exports.Root = paginationRoot.PaginationRoot;
@@ -1,7 +1,9 @@
1
1
  export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination';
2
2
  export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context';
3
3
  export { PaginationEllipsis as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, } from './pagination-ellipsis';
4
+ export { PaginationFirstTrigger as FirstTrigger, type PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, type PaginationFirstTriggerProps as FirstTriggerProps, } from './pagination-first-trigger';
4
5
  export { PaginationItem as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, } from './pagination-item';
6
+ export { PaginationLastTrigger as LastTrigger, type PaginationLastTriggerBaseProps as LastTriggerBaseProps, type PaginationLastTriggerProps as LastTriggerProps, } from './pagination-last-trigger';
5
7
  export { PaginationNextTrigger as NextTrigger, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, type PaginationNextTriggerProps as NextTriggerProps, } from './pagination-next-trigger';
6
8
  export { PaginationPrevTrigger as PrevTrigger, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, type PaginationPrevTriggerProps as PrevTriggerProps, } from './pagination-prev-trigger';
7
9
  export { PaginationRoot as Root, type PaginationRootBaseProps as RootBaseProps, type PaginationRootProps as RootProps, } from './pagination-root';
@@ -1,7 +1,9 @@
1
1
  export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination';
2
2
  export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context';
3
3
  export { PaginationEllipsis as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, } from './pagination-ellipsis';
4
+ export { PaginationFirstTrigger as FirstTrigger, type PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, type PaginationFirstTriggerProps as FirstTriggerProps, } from './pagination-first-trigger';
4
5
  export { PaginationItem as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, } from './pagination-item';
6
+ export { PaginationLastTrigger as LastTrigger, type PaginationLastTriggerBaseProps as LastTriggerBaseProps, type PaginationLastTriggerProps as LastTriggerProps, } from './pagination-last-trigger';
5
7
  export { PaginationNextTrigger as NextTrigger, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, type PaginationNextTriggerProps as NextTriggerProps, } from './pagination-next-trigger';
6
8
  export { PaginationPrevTrigger as PrevTrigger, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, type PaginationPrevTriggerProps as PrevTriggerProps, } from './pagination-prev-trigger';
7
9
  export { PaginationRoot as Root, type PaginationRootBaseProps as RootBaseProps, type PaginationRootProps as RootProps, } from './pagination-root';
@@ -1,6 +1,8 @@
1
1
  export { PaginationContext as Context } from './pagination-context.js';
2
2
  export { PaginationEllipsis as Ellipsis } from './pagination-ellipsis.js';
3
+ export { PaginationFirstTrigger as FirstTrigger } from './pagination-first-trigger.js';
3
4
  export { PaginationItem as Item } from './pagination-item.js';
5
+ export { PaginationLastTrigger as LastTrigger } from './pagination-last-trigger.js';
4
6
  export { PaginationNextTrigger as NextTrigger } from './pagination-next-trigger.js';
5
7
  export { PaginationPrevTrigger as PrevTrigger } from './pagination-prev-trigger.js';
6
8
  export { PaginationRoot as Root } from './pagination-root.js';
@@ -19,10 +19,12 @@ const RadioGroupRoot = react.forwardRef((props, ref) => {
19
19
  "form",
20
20
  "id",
21
21
  "ids",
22
+ "invalid",
22
23
  "name",
23
24
  "onValueChange",
24
25
  "orientation",
25
26
  "readOnly",
27
+ "required",
26
28
  "value"
27
29
  ]);
28
30
  const radioGroup = useRadioGroup.useRadioGroup(useRadioGroupProps);
@@ -15,10 +15,12 @@ const RadioGroupRoot = forwardRef((props, ref) => {
15
15
  "form",
16
16
  "id",
17
17
  "ids",
18
+ "invalid",
18
19
  "name",
19
20
  "onValueChange",
20
21
  "orientation",
21
22
  "readOnly",
23
+ "required",
22
24
  "value"
23
25
  ]);
24
26
  const radioGroup = useRadioGroup(useRadioGroupProps);
@@ -8,6 +8,7 @@ const react$1 = require('@zag-js/react');
8
8
  const react = require('react');
9
9
  const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
10
10
  const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
11
+ const useFieldsetContext = require('../fieldset/use-fieldset-context.cjs');
11
12
 
12
13
  function _interopNamespaceDefault(e) {
13
14
  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -29,12 +30,18 @@ function _interopNamespaceDefault(e) {
29
30
  const radio__namespace = /*#__PURE__*/_interopNamespaceDefault(radio);
30
31
 
31
32
  const useRadioGroup = (props) => {
33
+ const fieldset = useFieldsetContext.useFieldsetContext();
32
34
  const id = react.useId();
33
35
  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
34
36
  const { dir } = useLocaleContext.useLocaleContext();
35
37
  const machineProps = {
36
38
  id,
39
+ ids: {
40
+ label: fieldset?.ids?.legend
41
+ },
37
42
  dir,
43
+ disabled: fieldset?.disabled,
44
+ invalid: fieldset?.invalid,
38
45
  getRootNode,
39
46
  ...props
40
47
  };
@@ -4,14 +4,21 @@ import { useMachine, normalizeProps } from '@zag-js/react';
4
4
  import { useId } from 'react';
5
5
  import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
6
6
  import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
7
+ import { useFieldsetContext } from '../fieldset/use-fieldset-context.js';
7
8
 
8
9
  const useRadioGroup = (props) => {
10
+ const fieldset = useFieldsetContext();
9
11
  const id = useId();
10
12
  const { getRootNode } = useEnvironmentContext();
11
13
  const { dir } = useLocaleContext();
12
14
  const machineProps = {
13
15
  id,
16
+ ids: {
17
+ label: fieldset?.ids?.legend
18
+ },
14
19
  dir,
20
+ disabled: fieldset?.disabled,
21
+ invalid: fieldset?.invalid,
15
22
  getRootNode,
16
23
  ...props
17
24
  };
@@ -20,10 +20,12 @@ const SegmentGroupRoot = react.forwardRef((props, ref) => {
20
20
  "form",
21
21
  "id",
22
22
  "ids",
23
+ "invalid",
23
24
  "name",
24
25
  "onValueChange",
25
26
  "orientation",
26
27
  "readOnly",
28
+ "required",
27
29
  "value"
28
30
  ]);
29
31
  const segmentGroup = useSegmentGroup.useSegmentGroup(useSegmentGroupProps);
@@ -16,10 +16,12 @@ const SegmentGroupRoot = forwardRef((props, ref) => {
16
16
  "form",
17
17
  "id",
18
18
  "ids",
19
+ "invalid",
19
20
  "name",
20
21
  "onValueChange",
21
22
  "orientation",
22
23
  "readOnly",
24
+ "required",
23
25
  "value"
24
26
  ]);
25
27
  const segmentGroup = useSegmentGroup(useSegmentGroupProps);
@@ -37,6 +37,7 @@ const TreeViewImpl = (props, ref) => {
37
37
  "onRenameComplete",
38
38
  "onRenameStart",
39
39
  "onSelectionChange",
40
+ "scrollToIndexFn",
40
41
  "selectedValue",
41
42
  "selectionMode",
42
43
  "typeahead"
@@ -33,6 +33,7 @@ const TreeViewImpl = (props, ref) => {
33
33
  "onRenameComplete",
34
34
  "onRenameStart",
35
35
  "onSelectionChange",
36
+ "scrollToIndexFn",
36
37
  "selectedValue",
37
38
  "selectionMode",
38
39
  "typeahead"
package/dist/index.cjs CHANGED
@@ -370,6 +370,22 @@ const useMenu = require('./components/menu/use-menu.cjs');
370
370
  const useMenuContext = require('./components/menu/use-menu-context.cjs');
371
371
  const useMenuItemContext = require('./components/menu/use-menu-item-context.cjs');
372
372
  const menu$1 = require('./components/menu/menu.cjs');
373
+ const navigationMenuArrow = require('./components/navigation-menu/navigation-menu-arrow.cjs');
374
+ const navigationMenuContent = require('./components/navigation-menu/navigation-menu-content.cjs');
375
+ const navigationMenuContext = require('./components/navigation-menu/navigation-menu-context.cjs');
376
+ const navigationMenuIndicator = require('./components/navigation-menu/navigation-menu-indicator.cjs');
377
+ const navigationMenuItem = require('./components/navigation-menu/navigation-menu-item.cjs');
378
+ const navigationMenuItemIndicator = require('./components/navigation-menu/navigation-menu-item-indicator.cjs');
379
+ const navigationMenuLink = require('./components/navigation-menu/navigation-menu-link.cjs');
380
+ const navigationMenuList = require('./components/navigation-menu/navigation-menu-list.cjs');
381
+ const navigationMenuRoot = require('./components/navigation-menu/navigation-menu-root.cjs');
382
+ const navigationMenuRootProvider = require('./components/navigation-menu/navigation-menu-root-provider.cjs');
383
+ const navigationMenuTrigger = require('./components/navigation-menu/navigation-menu-trigger.cjs');
384
+ const navigationMenuViewport = require('./components/navigation-menu/navigation-menu-viewport.cjs');
385
+ const navigationMenuViewportPositioner = require('./components/navigation-menu/navigation-menu-viewport-positioner.cjs');
386
+ const useNavigationMenu = require('./components/navigation-menu/use-navigation-menu.cjs');
387
+ const useNavigationMenuContext = require('./components/navigation-menu/use-navigation-menu-context.cjs');
388
+ const navigationMenu$1 = require('./components/navigation-menu/navigation-menu.cjs');
373
389
  const numberInputContext = require('./components/number-input/number-input-context.cjs');
374
390
  const numberInputControl = require('./components/number-input/number-input-control.cjs');
375
391
  const numberInputDecrementTrigger = require('./components/number-input/number-input-decrement-trigger.cjs');
@@ -385,7 +401,9 @@ const useNumberInputContext = require('./components/number-input/use-number-inpu
385
401
  const numberInput$1 = require('./components/number-input/number-input.cjs');
386
402
  const paginationContext = require('./components/pagination/pagination-context.cjs');
387
403
  const paginationEllipsis = require('./components/pagination/pagination-ellipsis.cjs');
404
+ const paginationFirstTrigger = require('./components/pagination/pagination-first-trigger.cjs');
388
405
  const paginationItem = require('./components/pagination/pagination-item.cjs');
406
+ const paginationLastTrigger = require('./components/pagination/pagination-last-trigger.cjs');
389
407
  const paginationNextTrigger = require('./components/pagination/pagination-next-trigger.cjs');
390
408
  const paginationPrevTrigger = require('./components/pagination/pagination-prev-trigger.cjs');
391
409
  const paginationRoot = require('./components/pagination/pagination-root.cjs');
@@ -739,6 +757,7 @@ const hoverCard = require('@zag-js/hover-card');
739
757
  const imageCropper = require('@zag-js/image-cropper');
740
758
  const marquee = require('@zag-js/marquee');
741
759
  const menu = require('@zag-js/menu');
760
+ const navigationMenu = require('@zag-js/navigation-menu');
742
761
  const numberInput = require('@zag-js/number-input');
743
762
  const pagination = require('@zag-js/pagination');
744
763
  const passwordInput = require('@zag-js/password-input');
@@ -1140,6 +1159,22 @@ exports.useMenu = useMenu.useMenu;
1140
1159
  exports.useMenuContext = useMenuContext.useMenuContext;
1141
1160
  exports.useMenuItemContext = useMenuItemContext.useMenuItemContext;
1142
1161
  exports.Menu = menu$1;
1162
+ exports.NavigationMenuArrow = navigationMenuArrow.NavigationMenuArrow;
1163
+ exports.NavigationMenuContent = navigationMenuContent.NavigationMenuContent;
1164
+ exports.NavigationMenuContext = navigationMenuContext.NavigationMenuContext;
1165
+ exports.NavigationMenuIndicator = navigationMenuIndicator.NavigationMenuIndicator;
1166
+ exports.NavigationMenuItem = navigationMenuItem.NavigationMenuItem;
1167
+ exports.NavigationMenuItemIndicator = navigationMenuItemIndicator.NavigationMenuItemIndicator;
1168
+ exports.NavigationMenuLink = navigationMenuLink.NavigationMenuLink;
1169
+ exports.NavigationMenuList = navigationMenuList.NavigationMenuList;
1170
+ exports.NavigationMenuRoot = navigationMenuRoot.NavigationMenuRoot;
1171
+ exports.NavigationMenuRootProvider = navigationMenuRootProvider.NavigationMenuRootProvider;
1172
+ exports.NavigationMenuTrigger = navigationMenuTrigger.NavigationMenuTrigger;
1173
+ exports.NavigationMenuViewport = navigationMenuViewport.NavigationMenuViewport;
1174
+ exports.NavigationMenuViewportPositioner = navigationMenuViewportPositioner.NavigationMenuViewportPositioner;
1175
+ exports.useNavigationMenu = useNavigationMenu.useNavigationMenu;
1176
+ exports.useNavigationMenuContext = useNavigationMenuContext.useNavigationMenuContext;
1177
+ exports.NavigationMenu = navigationMenu$1;
1143
1178
  exports.NumberInputContext = numberInputContext.NumberInputContext;
1144
1179
  exports.NumberInputControl = numberInputControl.NumberInputControl;
1145
1180
  exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
@@ -1155,7 +1190,9 @@ exports.useNumberInputContext = useNumberInputContext.useNumberInputContext;
1155
1190
  exports.NumberInput = numberInput$1;
1156
1191
  exports.PaginationContext = paginationContext.PaginationContext;
1157
1192
  exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
1193
+ exports.PaginationFirstTrigger = paginationFirstTrigger.PaginationFirstTrigger;
1158
1194
  exports.PaginationItem = paginationItem.PaginationItem;
1195
+ exports.PaginationLastTrigger = paginationLastTrigger.PaginationLastTrigger;
1159
1196
  exports.PaginationNextTrigger = paginationNextTrigger.PaginationNextTrigger;
1160
1197
  exports.PaginationPrevTrigger = paginationPrevTrigger.PaginationPrevTrigger;
1161
1198
  exports.PaginationRoot = paginationRoot.PaginationRoot;
@@ -1562,6 +1599,10 @@ Object.defineProperty(exports, "menuAnatomy", {
1562
1599
  enumerable: true,
1563
1600
  get: () => menu.anatomy
1564
1601
  });
1602
+ Object.defineProperty(exports, "navigationMenuAnatomy", {
1603
+ enumerable: true,
1604
+ get: () => navigationMenu.anatomy
1605
+ });
1565
1606
  Object.defineProperty(exports, "numberInputAnatomy", {
1566
1607
  enumerable: true,
1567
1608
  get: () => numberInput.anatomy
package/dist/index.js CHANGED
@@ -390,6 +390,23 @@ export { useMenuContext } from './components/menu/use-menu-context.js';
390
390
  export { useMenuItemContext } from './components/menu/use-menu-item-context.js';
391
391
  import * as menu from './components/menu/menu.js';
392
392
  export { menu as Menu };
393
+ export { NavigationMenuArrow } from './components/navigation-menu/navigation-menu-arrow.js';
394
+ export { NavigationMenuContent } from './components/navigation-menu/navigation-menu-content.js';
395
+ export { NavigationMenuContext } from './components/navigation-menu/navigation-menu-context.js';
396
+ export { NavigationMenuIndicator } from './components/navigation-menu/navigation-menu-indicator.js';
397
+ export { NavigationMenuItem } from './components/navigation-menu/navigation-menu-item.js';
398
+ export { NavigationMenuItemIndicator } from './components/navigation-menu/navigation-menu-item-indicator.js';
399
+ export { NavigationMenuLink } from './components/navigation-menu/navigation-menu-link.js';
400
+ export { NavigationMenuList } from './components/navigation-menu/navigation-menu-list.js';
401
+ export { NavigationMenuRoot } from './components/navigation-menu/navigation-menu-root.js';
402
+ export { NavigationMenuRootProvider } from './components/navigation-menu/navigation-menu-root-provider.js';
403
+ export { NavigationMenuTrigger } from './components/navigation-menu/navigation-menu-trigger.js';
404
+ export { NavigationMenuViewport } from './components/navigation-menu/navigation-menu-viewport.js';
405
+ export { NavigationMenuViewportPositioner } from './components/navigation-menu/navigation-menu-viewport-positioner.js';
406
+ export { useNavigationMenu } from './components/navigation-menu/use-navigation-menu.js';
407
+ export { useNavigationMenuContext } from './components/navigation-menu/use-navigation-menu-context.js';
408
+ import * as navigationMenu from './components/navigation-menu/navigation-menu.js';
409
+ export { navigationMenu as NavigationMenu };
393
410
  export { NumberInputContext } from './components/number-input/number-input-context.js';
394
411
  export { NumberInputControl } from './components/number-input/number-input-control.js';
395
412
  export { NumberInputDecrementTrigger } from './components/number-input/number-input-decrement-trigger.js';
@@ -406,7 +423,9 @@ import * as numberInput from './components/number-input/number-input.js';
406
423
  export { numberInput as NumberInput };
407
424
  export { PaginationContext } from './components/pagination/pagination-context.js';
408
425
  export { PaginationEllipsis } from './components/pagination/pagination-ellipsis.js';
426
+ export { PaginationFirstTrigger } from './components/pagination/pagination-first-trigger.js';
409
427
  export { PaginationItem } from './components/pagination/pagination-item.js';
428
+ export { PaginationLastTrigger } from './components/pagination/pagination-last-trigger.js';
410
429
  export { PaginationNextTrigger } from './components/pagination/pagination-next-trigger.js';
411
430
  export { PaginationPrevTrigger } from './components/pagination/pagination-prev-trigger.js';
412
431
  export { PaginationRoot } from './components/pagination/pagination-root.js';
@@ -785,6 +804,7 @@ export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
785
804
  export { anatomy as imageCropperAnatomy } from '@zag-js/image-cropper';
786
805
  export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
787
806
  export { anatomy as menuAnatomy } from '@zag-js/menu';
807
+ export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';
788
808
  export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
789
809
  export { anatomy as paginationAnatomy } from '@zag-js/pagination';
790
810
  export { anatomy as passwordInputAnatomy } from '@zag-js/password-input';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/react",
3
3
  "type": "module",
4
- "version": "5.29.1",
4
+ "version": "5.30.0",
5
5
  "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
6
6
  "keywords": [
7
7
  "accordion",
@@ -150,72 +150,73 @@
150
150
  "sideEffects": false,
151
151
  "dependencies": {
152
152
  "@internationalized/date": "3.10.0",
153
- "@zag-js/accordion": "1.29.1",
154
- "@zag-js/anatomy": "1.29.1",
155
- "@zag-js/angle-slider": "1.29.1",
156
- "@zag-js/async-list": "1.29.1",
157
- "@zag-js/auto-resize": "1.29.1",
158
- "@zag-js/avatar": "1.29.1",
159
- "@zag-js/bottom-sheet": "1.29.1",
160
- "@zag-js/carousel": "1.29.1",
161
- "@zag-js/checkbox": "1.29.1",
162
- "@zag-js/clipboard": "1.29.1",
163
- "@zag-js/collapsible": "1.29.1",
164
- "@zag-js/collection": "1.29.1",
165
- "@zag-js/color-picker": "1.29.1",
166
- "@zag-js/color-utils": "1.29.1",
167
- "@zag-js/combobox": "1.29.1",
168
- "@zag-js/core": "1.29.1",
169
- "@zag-js/date-picker": "1.29.1",
170
- "@zag-js/date-utils": "1.29.1",
171
- "@zag-js/dialog": "1.29.1",
172
- "@zag-js/dom-query": "1.29.1",
173
- "@zag-js/editable": "1.29.1",
174
- "@zag-js/file-upload": "1.29.1",
175
- "@zag-js/file-utils": "1.29.1",
176
- "@zag-js/floating-panel": "1.29.1",
177
- "@zag-js/focus-trap": "1.29.1",
178
- "@zag-js/highlight-word": "1.29.1",
179
- "@zag-js/hover-card": "1.29.1",
180
- "@zag-js/image-cropper": "1.29.1",
181
- "@zag-js/i18n-utils": "1.29.1",
182
- "@zag-js/json-tree-utils": "1.29.1",
183
- "@zag-js/listbox": "1.29.1",
184
- "@zag-js/marquee": "1.29.1",
185
- "@zag-js/menu": "1.29.1",
186
- "@zag-js/number-input": "1.29.1",
187
- "@zag-js/pagination": "1.29.1",
188
- "@zag-js/password-input": "1.29.1",
189
- "@zag-js/pin-input": "1.29.1",
190
- "@zag-js/popover": "1.29.1",
191
- "@zag-js/presence": "1.29.1",
192
- "@zag-js/progress": "1.29.1",
193
- "@zag-js/qr-code": "1.29.1",
194
- "@zag-js/radio-group": "1.29.1",
195
- "@zag-js/rating-group": "1.29.1",
196
- "@zag-js/react": "1.29.1",
197
- "@zag-js/scroll-area": "1.29.1",
198
- "@zag-js/select": "1.29.1",
199
- "@zag-js/signature-pad": "1.29.1",
200
- "@zag-js/slider": "1.29.1",
201
- "@zag-js/splitter": "1.29.1",
202
- "@zag-js/steps": "1.29.1",
203
- "@zag-js/switch": "1.29.1",
204
- "@zag-js/tabs": "1.29.1",
205
- "@zag-js/tags-input": "1.29.1",
206
- "@zag-js/timer": "1.29.1",
207
- "@zag-js/toast": "1.29.1",
208
- "@zag-js/toggle": "1.29.1",
209
- "@zag-js/toggle-group": "1.29.1",
210
- "@zag-js/tooltip": "1.29.1",
211
- "@zag-js/tour": "1.29.1",
212
- "@zag-js/tree-view": "1.29.1",
213
- "@zag-js/types": "1.29.1",
214
- "@zag-js/utils": "1.29.1"
153
+ "@zag-js/accordion": "1.31.1",
154
+ "@zag-js/anatomy": "1.31.1",
155
+ "@zag-js/angle-slider": "1.31.1",
156
+ "@zag-js/async-list": "1.31.1",
157
+ "@zag-js/auto-resize": "1.31.1",
158
+ "@zag-js/avatar": "1.31.1",
159
+ "@zag-js/bottom-sheet": "1.31.1",
160
+ "@zag-js/carousel": "1.31.1",
161
+ "@zag-js/checkbox": "1.31.1",
162
+ "@zag-js/clipboard": "1.31.1",
163
+ "@zag-js/collapsible": "1.31.1",
164
+ "@zag-js/collection": "1.31.1",
165
+ "@zag-js/color-picker": "1.31.1",
166
+ "@zag-js/color-utils": "1.31.1",
167
+ "@zag-js/combobox": "1.31.1",
168
+ "@zag-js/core": "1.31.1",
169
+ "@zag-js/date-picker": "1.31.1",
170
+ "@zag-js/date-utils": "1.31.1",
171
+ "@zag-js/dialog": "1.31.1",
172
+ "@zag-js/dom-query": "1.31.1",
173
+ "@zag-js/editable": "1.31.1",
174
+ "@zag-js/file-upload": "1.31.1",
175
+ "@zag-js/file-utils": "1.31.1",
176
+ "@zag-js/floating-panel": "1.31.1",
177
+ "@zag-js/focus-trap": "1.31.1",
178
+ "@zag-js/highlight-word": "1.31.1",
179
+ "@zag-js/hover-card": "1.31.1",
180
+ "@zag-js/image-cropper": "1.31.1",
181
+ "@zag-js/i18n-utils": "1.31.1",
182
+ "@zag-js/json-tree-utils": "1.31.1",
183
+ "@zag-js/listbox": "1.31.1",
184
+ "@zag-js/marquee": "1.31.1",
185
+ "@zag-js/menu": "1.31.1",
186
+ "@zag-js/navigation-menu": "1.31.1",
187
+ "@zag-js/number-input": "1.31.1",
188
+ "@zag-js/pagination": "1.31.1",
189
+ "@zag-js/password-input": "1.31.1",
190
+ "@zag-js/pin-input": "1.31.1",
191
+ "@zag-js/popover": "1.31.1",
192
+ "@zag-js/presence": "1.31.1",
193
+ "@zag-js/progress": "1.31.1",
194
+ "@zag-js/qr-code": "1.31.1",
195
+ "@zag-js/radio-group": "1.31.1",
196
+ "@zag-js/rating-group": "1.31.1",
197
+ "@zag-js/react": "1.31.1",
198
+ "@zag-js/scroll-area": "1.31.1",
199
+ "@zag-js/select": "1.31.1",
200
+ "@zag-js/signature-pad": "1.31.1",
201
+ "@zag-js/slider": "1.31.1",
202
+ "@zag-js/splitter": "1.31.1",
203
+ "@zag-js/steps": "1.31.1",
204
+ "@zag-js/switch": "1.31.1",
205
+ "@zag-js/tabs": "1.31.1",
206
+ "@zag-js/tags-input": "1.31.1",
207
+ "@zag-js/timer": "1.31.1",
208
+ "@zag-js/toast": "1.31.1",
209
+ "@zag-js/toggle": "1.31.1",
210
+ "@zag-js/toggle-group": "1.31.1",
211
+ "@zag-js/tooltip": "1.31.1",
212
+ "@zag-js/tour": "1.31.1",
213
+ "@zag-js/tree-view": "1.31.1",
214
+ "@zag-js/types": "1.31.1",
215
+ "@zag-js/utils": "1.31.1"
215
216
  },
216
217
  "devDependencies": {
217
218
  "check-password-strength": "3.0.0",
218
- "@biomejs/biome": "2.3.6",
219
+ "@biomejs/biome": "2.3.8",
219
220
  "@storybook/addon-a11y": "9.1.16",
220
221
  "@storybook/react-vite": "9.1.16",
221
222
  "@testing-library/dom": "10.4.1",
@@ -223,24 +224,24 @@
223
224
  "@testing-library/react": "16.3.0",
224
225
  "@testing-library/user-event": "14.6.1",
225
226
  "@types/jsdom": "21.1.7",
226
- "@types/react": "19.2.5",
227
+ "@types/react": "19.2.7",
227
228
  "@types/react-dom": "19.2.3",
228
229
  "@vitejs/plugin-react": "5.1.1",
229
230
  "clean-package": "2.2.0",
230
231
  "image-conversion": "2.1.1",
231
232
  "globby": "15.0.0",
232
- "happy-dom": "20.0.10",
233
- "lucide-react": "0.554.0",
234
- "react": "19.2.0",
235
- "react-dom": "19.2.0",
233
+ "happy-dom": "20.0.11",
234
+ "lucide-react": "0.555.0",
235
+ "react": "19.2.1",
236
+ "react-dom": "19.2.1",
236
237
  "react-shadow": "20.6.0",
237
238
  "react-use": "17.6.0",
238
239
  "react-frame-component": "5.2.7",
239
- "react-hook-form": "7.66.0",
240
+ "react-hook-form": "7.67.0",
240
241
  "resize-observer-polyfill": "1.5.1",
241
242
  "storybook": "9.1.16",
242
243
  "typescript": "5.9.3",
243
- "vite": "7.2.2",
244
+ "vite": "7.2.4",
244
245
  "vite-plugin-dts": "4.5.4",
245
246
  "vitest": "^4.0.0",
246
247
  "@vitest/coverage-v8": "^4.0.0",