@ark-ui/react 5.23.0 → 5.24.1

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 (126) hide show
  1. package/README.md +0 -1
  2. package/dist/components/accordion/accordion-item.cjs +0 -1
  3. package/dist/components/accordion/accordion-item.js +0 -1
  4. package/dist/components/anatomy.cjs +190 -0
  5. package/dist/components/anatomy.d.cts +44 -0
  6. package/dist/components/anatomy.d.ts +44 -0
  7. package/dist/components/anatomy.js +44 -0
  8. package/dist/components/checkbox/checkbox.anatomy.d.cts +1 -1
  9. package/dist/components/checkbox/checkbox.anatomy.d.ts +1 -1
  10. package/dist/components/color-picker/color-picker.anatomy.d.cts +1 -1
  11. package/dist/components/color-picker/color-picker.anatomy.d.ts +1 -1
  12. package/dist/components/combobox/combobox-root.cjs +1 -0
  13. package/dist/components/combobox/combobox-root.js +1 -0
  14. package/dist/components/combobox/combobox.anatomy.d.cts +1 -1
  15. package/dist/components/combobox/combobox.anatomy.d.ts +1 -1
  16. package/dist/components/date-picker/date-picker.anatomy.d.cts +1 -1
  17. package/dist/components/date-picker/date-picker.anatomy.d.ts +1 -1
  18. package/dist/components/field/field.anatomy.d.cts +2 -2
  19. package/dist/components/field/field.anatomy.d.ts +2 -2
  20. package/dist/components/fieldset/fieldset-legend.cjs +1 -1
  21. package/dist/components/fieldset/fieldset-legend.d.cts +2 -2
  22. package/dist/components/fieldset/fieldset-legend.d.ts +2 -2
  23. package/dist/components/fieldset/fieldset-legend.js +1 -1
  24. package/dist/components/fieldset/fieldset.anatomy.d.cts +2 -2
  25. package/dist/components/fieldset/fieldset.anatomy.d.ts +2 -2
  26. package/dist/components/file-upload/file-upload-item-group.cjs +5 -2
  27. package/dist/components/file-upload/file-upload-item-group.d.cts +2 -1
  28. package/dist/components/file-upload/file-upload-item-group.d.ts +2 -1
  29. package/dist/components/file-upload/file-upload-item-group.js +5 -2
  30. package/dist/components/file-upload/file-upload-item.cjs +5 -2
  31. package/dist/components/file-upload/file-upload-item.d.cts +3 -1
  32. package/dist/components/file-upload/file-upload-item.d.ts +3 -1
  33. package/dist/components/file-upload/file-upload-item.js +5 -2
  34. package/dist/components/file-upload/use-file-upload-item-group-props-context.cjs +15 -0
  35. package/dist/components/file-upload/use-file-upload-item-group-props-context.d.cts +5 -0
  36. package/dist/components/file-upload/use-file-upload-item-group-props-context.d.ts +5 -0
  37. package/dist/components/file-upload/use-file-upload-item-group-props-context.js +10 -0
  38. package/dist/components/frame/frame.cjs +6 -4
  39. package/dist/components/frame/frame.js +6 -4
  40. package/dist/components/index.cjs +0 -42
  41. package/dist/components/index.d.cts +0 -1
  42. package/dist/components/index.d.ts +0 -1
  43. package/dist/components/index.js +0 -19
  44. package/dist/components/listbox/listbox.anatomy.d.cts +1 -1
  45. package/dist/components/listbox/listbox.anatomy.d.ts +1 -1
  46. package/dist/components/segment-group/segment-group.anatomy.d.cts +2 -2
  47. package/dist/components/segment-group/segment-group.anatomy.d.ts +2 -2
  48. package/dist/components/tour/tour.anatomy.d.cts +1 -1
  49. package/dist/components/tour/tour.anatomy.d.ts +1 -1
  50. package/dist/index.cjs +0 -42
  51. package/dist/index.js +0 -19
  52. package/package.json +70 -71
  53. package/dist/components/time-picker/index.cjs +0 -49
  54. package/dist/components/time-picker/index.d.cts +0 -19
  55. package/dist/components/time-picker/index.d.ts +0 -19
  56. package/dist/components/time-picker/index.js +0 -19
  57. package/dist/components/time-picker/time-picker-cell.cjs +0 -29
  58. package/dist/components/time-picker/time-picker-cell.d.cts +0 -13
  59. package/dist/components/time-picker/time-picker-cell.d.ts +0 -13
  60. package/dist/components/time-picker/time-picker-cell.js +0 -25
  61. package/dist/components/time-picker/time-picker-clear-trigger.cjs +0 -19
  62. package/dist/components/time-picker/time-picker-clear-trigger.d.cts +0 -7
  63. package/dist/components/time-picker/time-picker-clear-trigger.d.ts +0 -7
  64. package/dist/components/time-picker/time-picker-clear-trigger.js +0 -15
  65. package/dist/components/time-picker/time-picker-column.cjs +0 -22
  66. package/dist/components/time-picker/time-picker-column.d.cts +0 -8
  67. package/dist/components/time-picker/time-picker-column.d.ts +0 -8
  68. package/dist/components/time-picker/time-picker-column.js +0 -18
  69. package/dist/components/time-picker/time-picker-content.cjs +0 -25
  70. package/dist/components/time-picker/time-picker-content.d.cts +0 -7
  71. package/dist/components/time-picker/time-picker-content.d.ts +0 -7
  72. package/dist/components/time-picker/time-picker-content.js +0 -21
  73. package/dist/components/time-picker/time-picker-context.cjs +0 -10
  74. package/dist/components/time-picker/time-picker-context.d.cts +0 -6
  75. package/dist/components/time-picker/time-picker-context.d.ts +0 -6
  76. package/dist/components/time-picker/time-picker-context.js +0 -6
  77. package/dist/components/time-picker/time-picker-control.cjs +0 -19
  78. package/dist/components/time-picker/time-picker-control.d.cts +0 -7
  79. package/dist/components/time-picker/time-picker-control.d.ts +0 -7
  80. package/dist/components/time-picker/time-picker-control.js +0 -15
  81. package/dist/components/time-picker/time-picker-input.cjs +0 -19
  82. package/dist/components/time-picker/time-picker-input.d.cts +0 -7
  83. package/dist/components/time-picker/time-picker-input.d.ts +0 -7
  84. package/dist/components/time-picker/time-picker-input.js +0 -15
  85. package/dist/components/time-picker/time-picker-label.cjs +0 -19
  86. package/dist/components/time-picker/time-picker-label.d.cts +0 -7
  87. package/dist/components/time-picker/time-picker-label.d.ts +0 -7
  88. package/dist/components/time-picker/time-picker-label.js +0 -15
  89. package/dist/components/time-picker/time-picker-positioner.cjs +0 -24
  90. package/dist/components/time-picker/time-picker-positioner.d.cts +0 -7
  91. package/dist/components/time-picker/time-picker-positioner.d.ts +0 -7
  92. package/dist/components/time-picker/time-picker-positioner.js +0 -20
  93. package/dist/components/time-picker/time-picker-root-provider.cjs +0 -25
  94. package/dist/components/time-picker/time-picker-root-provider.d.cts +0 -13
  95. package/dist/components/time-picker/time-picker-root-provider.d.ts +0 -13
  96. package/dist/components/time-picker/time-picker-root-provider.js +0 -21
  97. package/dist/components/time-picker/time-picker-root.cjs +0 -48
  98. package/dist/components/time-picker/time-picker-root.d.cts +0 -10
  99. package/dist/components/time-picker/time-picker-root.d.ts +0 -10
  100. package/dist/components/time-picker/time-picker-root.js +0 -44
  101. package/dist/components/time-picker/time-picker-spacer.cjs +0 -19
  102. package/dist/components/time-picker/time-picker-spacer.d.cts +0 -7
  103. package/dist/components/time-picker/time-picker-spacer.d.ts +0 -7
  104. package/dist/components/time-picker/time-picker-spacer.js +0 -15
  105. package/dist/components/time-picker/time-picker-trigger.cjs +0 -19
  106. package/dist/components/time-picker/time-picker-trigger.d.cts +0 -7
  107. package/dist/components/time-picker/time-picker-trigger.d.ts +0 -7
  108. package/dist/components/time-picker/time-picker-trigger.js +0 -15
  109. package/dist/components/time-picker/time-picker.anatomy.d.cts +0 -1
  110. package/dist/components/time-picker/time-picker.anatomy.d.ts +0 -1
  111. package/dist/components/time-picker/time-picker.cjs +0 -33
  112. package/dist/components/time-picker/time-picker.d.cts +0 -14
  113. package/dist/components/time-picker/time-picker.d.ts +0 -14
  114. package/dist/components/time-picker/time-picker.js +0 -13
  115. package/dist/components/time-picker/use-time-picker-column-props-context.cjs +0 -15
  116. package/dist/components/time-picker/use-time-picker-column-props-context.d.cts +0 -6
  117. package/dist/components/time-picker/use-time-picker-column-props-context.d.ts +0 -6
  118. package/dist/components/time-picker/use-time-picker-column-props-context.js +0 -10
  119. package/dist/components/time-picker/use-time-picker-context.cjs +0 -15
  120. package/dist/components/time-picker/use-time-picker-context.d.cts +0 -5
  121. package/dist/components/time-picker/use-time-picker-context.d.ts +0 -5
  122. package/dist/components/time-picker/use-time-picker-context.js +0 -10
  123. package/dist/components/time-picker/use-time-picker.cjs +0 -46
  124. package/dist/components/time-picker/use-time-picker.d.cts +0 -8
  125. package/dist/components/time-picker/use-time-picker.d.ts +0 -8
  126. package/dist/components/time-picker/use-time-picker.js +0 -23
@@ -5,13 +5,16 @@ import { forwardRef } from 'react';
5
5
  import { createSplitProps } from '../../utils/create-split-props.js';
6
6
  import { ark } from '../factory.js';
7
7
  import { useFileUploadContext } from './use-file-upload-context.js';
8
+ import { useFileUploadItemGroupPropsContext } from './use-file-upload-item-group-props-context.js';
8
9
  import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context.js';
9
10
 
10
11
  const FileUploadItem = forwardRef((props, ref) => {
11
12
  const [itemProps, localProps] = createSplitProps()(props, ["file"]);
12
13
  const fileUpload = useFileUploadContext();
13
- const mergedProps = mergeProps(fileUpload.getItemProps(itemProps), localProps);
14
- return /* @__PURE__ */ jsx(FileUploadItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref }) });
14
+ const itemGroupProps = useFileUploadItemGroupPropsContext();
15
+ const itemPropsWithType = { ...itemProps, type: itemGroupProps.type };
16
+ const mergedProps = mergeProps(fileUpload.getItemProps(itemPropsWithType), localProps);
17
+ return /* @__PURE__ */ jsx(FileUploadItemPropsProvider, { value: itemPropsWithType, children: /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref }) });
15
18
  });
16
19
  FileUploadItem.displayName = "FileUploadItem";
17
20
 
@@ -0,0 +1,15 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const createContext = require('../../utils/create-context.cjs');
7
+
8
+ const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext.createContext({
9
+ name: "FileUploadItemGroupPropsContext",
10
+ hookName: "useFileUploadItemGroupPropsContext",
11
+ providerName: "<FileUploadItemGroupPropsProvider />"
12
+ });
13
+
14
+ exports.FileUploadItemGroupPropsProvider = FileUploadItemGroupPropsProvider;
15
+ exports.useFileUploadItemGroupPropsContext = useFileUploadItemGroupPropsContext;
@@ -0,0 +1,5 @@
1
+ import { ItemGroupProps } from '@zag-js/file-upload';
2
+ import { Provider } from 'react';
3
+ export interface UseFileUploadItemGroupContext extends ItemGroupProps {
4
+ }
5
+ export declare const FileUploadItemGroupPropsProvider: Provider<UseFileUploadItemGroupContext>, useFileUploadItemGroupPropsContext: () => UseFileUploadItemGroupContext;
@@ -0,0 +1,5 @@
1
+ import { ItemGroupProps } from '@zag-js/file-upload';
2
+ import { Provider } from 'react';
3
+ export interface UseFileUploadItemGroupContext extends ItemGroupProps {
4
+ }
5
+ export declare const FileUploadItemGroupPropsProvider: Provider<UseFileUploadItemGroupContext>, useFileUploadItemGroupPropsContext: () => UseFileUploadItemGroupContext;
@@ -0,0 +1,10 @@
1
+ 'use client';
2
+ import { createContext } from '../../utils/create-context.js';
3
+
4
+ const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext({
5
+ name: "FileUploadItemGroupPropsContext",
6
+ hookName: "useFileUploadItemGroupPropsContext",
7
+ providerName: "<FileUploadItemGroupPropsProvider />"
8
+ });
9
+
10
+ export { FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext };
@@ -39,10 +39,12 @@ const Frame = react.forwardRef((props, ref) => {
39
39
  const mountNode2 = getMountNode(frameRef);
40
40
  if (!mountNode2) return;
41
41
  const exec = () => {
42
- const rootEl = frameRef.contentDocument?.documentElement;
43
- if (!rootEl) return;
44
- frameRef.style.setProperty("--width", `${mountNode2.scrollWidth}px`);
45
- frameRef.style.setProperty("--height", `${mountNode2.scrollHeight}px`);
42
+ win.requestAnimationFrame(() => {
43
+ const rootEl = frameRef.contentDocument?.documentElement;
44
+ if (!rootEl) return;
45
+ frameRef.style.setProperty("--width", `${mountNode2.scrollWidth}px`);
46
+ frameRef.style.setProperty("--height", `${mountNode2.scrollHeight}px`);
47
+ });
46
48
  };
47
49
  const resizeObserver = new win.ResizeObserver(exec);
48
50
  exec();
@@ -35,10 +35,12 @@ const Frame = forwardRef((props, ref) => {
35
35
  const mountNode2 = getMountNode(frameRef);
36
36
  if (!mountNode2) return;
37
37
  const exec = () => {
38
- const rootEl = frameRef.contentDocument?.documentElement;
39
- if (!rootEl) return;
40
- frameRef.style.setProperty("--width", `${mountNode2.scrollWidth}px`);
41
- frameRef.style.setProperty("--height", `${mountNode2.scrollHeight}px`);
38
+ win.requestAnimationFrame(() => {
39
+ const rootEl = frameRef.contentDocument?.documentElement;
40
+ if (!rootEl) return;
41
+ frameRef.style.setProperty("--width", `${mountNode2.scrollWidth}px`);
42
+ frameRef.style.setProperty("--height", `${mountNode2.scrollHeight}px`);
43
+ });
42
44
  };
43
45
  const resizeObserver = new win.ResizeObserver(exec);
44
46
  exec();
@@ -589,23 +589,6 @@ const useTagsInput = require('./tags-input/use-tags-input.cjs');
589
589
  const useTagsInputContext = require('./tags-input/use-tags-input-context.cjs');
590
590
  const useTagsInputItemContext = require('./tags-input/use-tags-input-item-context.cjs');
591
591
  const tagsInput$1 = require('./tags-input/tags-input.cjs');
592
- const date = require('@internationalized/date');
593
- const timePickerCell = require('./time-picker/time-picker-cell.cjs');
594
- const timePickerClearTrigger = require('./time-picker/time-picker-clear-trigger.cjs');
595
- const timePickerColumn = require('./time-picker/time-picker-column.cjs');
596
- const timePickerContent = require('./time-picker/time-picker-content.cjs');
597
- const timePickerContext = require('./time-picker/time-picker-context.cjs');
598
- const timePickerControl = require('./time-picker/time-picker-control.cjs');
599
- const timePickerInput = require('./time-picker/time-picker-input.cjs');
600
- const timePickerLabel = require('./time-picker/time-picker-label.cjs');
601
- const timePickerPositioner = require('./time-picker/time-picker-positioner.cjs');
602
- const timePickerRoot = require('./time-picker/time-picker-root.cjs');
603
- const timePickerRootProvider = require('./time-picker/time-picker-root-provider.cjs');
604
- const timePickerSpacer = require('./time-picker/time-picker-spacer.cjs');
605
- const timePickerTrigger = require('./time-picker/time-picker-trigger.cjs');
606
- const useTimePicker = require('./time-picker/use-time-picker.cjs');
607
- const useTimePickerContext = require('./time-picker/use-time-picker-context.cjs');
608
- const timePicker$1 = require('./time-picker/time-picker.cjs');
609
592
  const timerActionTrigger = require('./timer/timer-action-trigger.cjs');
610
593
  const timerArea = require('./timer/timer-area.cjs');
611
594
  const timerContext = require('./timer/timer-context.cjs');
@@ -724,7 +707,6 @@ const steps = require('@zag-js/steps');
724
707
  const zagSwitch = require('@zag-js/switch');
725
708
  const tabs = require('@zag-js/tabs');
726
709
  const tagsInput = require('@zag-js/tags-input');
727
- const timePicker = require('@zag-js/time-picker');
728
710
  const timer = require('@zag-js/timer');
729
711
  const toast = require('@zag-js/toast');
730
712
  const toggleGroup = require('@zag-js/toggle-group');
@@ -1329,26 +1311,6 @@ exports.useTagsInput = useTagsInput.useTagsInput;
1329
1311
  exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
1330
1312
  exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
1331
1313
  exports.TagsInput = tagsInput$1;
1332
- Object.defineProperty(exports, "parseTime", {
1333
- enumerable: true,
1334
- get: () => date.parseTime
1335
- });
1336
- exports.TimePickerCell = timePickerCell.TimePickerCell;
1337
- exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
1338
- exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
1339
- exports.TimePickerContent = timePickerContent.TimePickerContent;
1340
- exports.TimePickerContext = timePickerContext.TimePickerContext;
1341
- exports.TimePickerControl = timePickerControl.TimePickerControl;
1342
- exports.TimePickerInput = timePickerInput.TimePickerInput;
1343
- exports.TimePickerLabel = timePickerLabel.TimePickerLabel;
1344
- exports.TimePickerPositioner = timePickerPositioner.TimePickerPositioner;
1345
- exports.TimePickerRoot = timePickerRoot.TimePickerRoot;
1346
- exports.TimePickerRootProvider = timePickerRootProvider.TimePickerRootProvider;
1347
- exports.TimePickerSpacer = timePickerSpacer.TimePickerSpacer;
1348
- exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
1349
- exports.useTimePicker = useTimePicker.useTimePicker;
1350
- exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
1351
- exports.TimePicker = timePicker$1;
1352
1314
  exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
1353
1315
  exports.TimerArea = timerArea.TimerArea;
1354
1316
  exports.TimerContext = timerContext.TimerContext;
@@ -1557,10 +1519,6 @@ Object.defineProperty(exports, "tagsInputAnatomy", {
1557
1519
  enumerable: true,
1558
1520
  get: () => tagsInput.anatomy
1559
1521
  });
1560
- Object.defineProperty(exports, "timePickerAnatomy", {
1561
- enumerable: true,
1562
- get: () => timePicker.anatomy
1563
- });
1564
1522
  Object.defineProperty(exports, "timerAnatomy", {
1565
1523
  enumerable: true,
1566
1524
  get: () => timer.anatomy
@@ -46,7 +46,6 @@ export * from './steps';
46
46
  export * from './switch';
47
47
  export * from './tabs';
48
48
  export * from './tags-input';
49
- export * from './time-picker';
50
49
  export * from './timer';
51
50
  export * from './toast';
52
51
  export * from './toggle';
@@ -46,7 +46,6 @@ export * from './steps';
46
46
  export * from './switch';
47
47
  export * from './tabs';
48
48
  export * from './tags-input';
49
- export * from './time-picker';
50
49
  export * from './timer';
51
50
  export * from './toast';
52
51
  export * from './toggle';
@@ -625,24 +625,6 @@ export { useTagsInputContext } from './tags-input/use-tags-input-context.js';
625
625
  export { useTagsInputItemContext } from './tags-input/use-tags-input-item-context.js';
626
626
  import * as tagsInput from './tags-input/tags-input.js';
627
627
  export { tagsInput as TagsInput };
628
- export { parseTime } from '@internationalized/date';
629
- export { TimePickerCell } from './time-picker/time-picker-cell.js';
630
- export { TimePickerClearTrigger } from './time-picker/time-picker-clear-trigger.js';
631
- export { TimePickerColumn } from './time-picker/time-picker-column.js';
632
- export { TimePickerContent } from './time-picker/time-picker-content.js';
633
- export { TimePickerContext } from './time-picker/time-picker-context.js';
634
- export { TimePickerControl } from './time-picker/time-picker-control.js';
635
- export { TimePickerInput } from './time-picker/time-picker-input.js';
636
- export { TimePickerLabel } from './time-picker/time-picker-label.js';
637
- export { TimePickerPositioner } from './time-picker/time-picker-positioner.js';
638
- export { TimePickerRoot } from './time-picker/time-picker-root.js';
639
- export { TimePickerRootProvider } from './time-picker/time-picker-root-provider.js';
640
- export { TimePickerSpacer } from './time-picker/time-picker-spacer.js';
641
- export { TimePickerTrigger } from './time-picker/time-picker-trigger.js';
642
- export { useTimePicker } from './time-picker/use-time-picker.js';
643
- export { useTimePickerContext } from './time-picker/use-time-picker-context.js';
644
- import * as timePicker from './time-picker/time-picker.js';
645
- export { timePicker as TimePicker };
646
628
  export { TimerActionTrigger } from './timer/timer-action-trigger.js';
647
629
  export { TimerArea } from './timer/timer-area.js';
648
630
  export { TimerContext } from './timer/timer-context.js';
@@ -768,7 +750,6 @@ export { anatomy as stepsAnatomy } from '@zag-js/steps';
768
750
  export { anatomy as switchAnatomy } from '@zag-js/switch';
769
751
  export { anatomy as tabsAnatomy } from '@zag-js/tabs';
770
752
  export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
771
- export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';
772
753
  export { anatomy as timerAnatomy } from '@zag-js/timer';
773
754
  export { anatomy as toastAnatomy } from '@zag-js/toast';
774
755
  export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
@@ -1,2 +1,2 @@
1
1
  import { AnatomyInstance } from '@zag-js/anatomy';
2
- export declare const listboxAnatomy: AnatomyInstance<"input" | "label" | "content" | "root" | "item" | "valueText" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
2
+ export declare const listboxAnatomy: AnatomyInstance<"root" | "label" | "content" | "valueText" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
@@ -1,2 +1,2 @@
1
1
  import { AnatomyInstance } from '@zag-js/anatomy';
2
- export declare const listboxAnatomy: AnatomyInstance<"input" | "label" | "content" | "root" | "item" | "valueText" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
2
+ export declare const listboxAnatomy: AnatomyInstance<"root" | "label" | "content" | "valueText" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
@@ -1,3 +1,3 @@
1
1
  import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
2
- export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
3
- export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;
2
+ export declare const segmentGroupAnatomy: Anatomy<"root" | "label" | "indicator" | "item" | "itemText" | "itemControl">;
3
+ export declare const parts: Record<"root" | "label" | "indicator" | "item" | "itemText" | "itemControl", AnatomyPart>;
@@ -1,3 +1,3 @@
1
1
  import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
2
- export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
3
- export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;
2
+ export declare const segmentGroupAnatomy: Anatomy<"root" | "label" | "indicator" | "item" | "itemText" | "itemControl">;
3
+ export declare const parts: Record<"root" | "label" | "indicator" | "item" | "itemText" | "itemControl", AnatomyPart>;
@@ -1,2 +1,2 @@
1
1
  import { AnatomyInstance } from '@zag-js/anatomy';
2
- export declare const tourAnatomy: AnatomyInstance<"title" | "content" | "control" | "positioner" | "backdrop" | "closeTrigger" | "description" | "arrow" | "actionTrigger" | "progressText" | "arrowTip" | "spotlight">;
2
+ export declare const tourAnatomy: AnatomyInstance<"control" | "content" | "positioner" | "title" | "actionTrigger" | "closeTrigger" | "progressText" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
@@ -1,2 +1,2 @@
1
1
  import { AnatomyInstance } from '@zag-js/anatomy';
2
- export declare const tourAnatomy: AnatomyInstance<"title" | "content" | "control" | "positioner" | "backdrop" | "closeTrigger" | "description" | "arrow" | "actionTrigger" | "progressText" | "arrowTip" | "spotlight">;
2
+ export declare const tourAnatomy: AnatomyInstance<"control" | "content" | "positioner" | "title" | "actionTrigger" | "closeTrigger" | "progressText" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
package/dist/index.cjs CHANGED
@@ -589,23 +589,6 @@ const useTagsInput = require('./components/tags-input/use-tags-input.cjs');
589
589
  const useTagsInputContext = require('./components/tags-input/use-tags-input-context.cjs');
590
590
  const useTagsInputItemContext = require('./components/tags-input/use-tags-input-item-context.cjs');
591
591
  const tagsInput$1 = require('./components/tags-input/tags-input.cjs');
592
- const date = require('@internationalized/date');
593
- const timePickerCell = require('./components/time-picker/time-picker-cell.cjs');
594
- const timePickerClearTrigger = require('./components/time-picker/time-picker-clear-trigger.cjs');
595
- const timePickerColumn = require('./components/time-picker/time-picker-column.cjs');
596
- const timePickerContent = require('./components/time-picker/time-picker-content.cjs');
597
- const timePickerContext = require('./components/time-picker/time-picker-context.cjs');
598
- const timePickerControl = require('./components/time-picker/time-picker-control.cjs');
599
- const timePickerInput = require('./components/time-picker/time-picker-input.cjs');
600
- const timePickerLabel = require('./components/time-picker/time-picker-label.cjs');
601
- const timePickerPositioner = require('./components/time-picker/time-picker-positioner.cjs');
602
- const timePickerRoot = require('./components/time-picker/time-picker-root.cjs');
603
- const timePickerRootProvider = require('./components/time-picker/time-picker-root-provider.cjs');
604
- const timePickerSpacer = require('./components/time-picker/time-picker-spacer.cjs');
605
- const timePickerTrigger = require('./components/time-picker/time-picker-trigger.cjs');
606
- const useTimePicker = require('./components/time-picker/use-time-picker.cjs');
607
- const useTimePickerContext = require('./components/time-picker/use-time-picker-context.cjs');
608
- const timePicker$1 = require('./components/time-picker/time-picker.cjs');
609
592
  const timerActionTrigger = require('./components/timer/timer-action-trigger.cjs');
610
593
  const timerArea = require('./components/timer/timer-area.cjs');
611
594
  const timerContext = require('./components/timer/timer-context.cjs');
@@ -730,7 +713,6 @@ const steps = require('@zag-js/steps');
730
713
  const zagSwitch = require('@zag-js/switch');
731
714
  const tabs = require('@zag-js/tabs');
732
715
  const tagsInput = require('@zag-js/tags-input');
733
- const timePicker = require('@zag-js/time-picker');
734
716
  const timer = require('@zag-js/timer');
735
717
  const toast = require('@zag-js/toast');
736
718
  const toggleGroup = require('@zag-js/toggle-group');
@@ -1335,26 +1317,6 @@ exports.useTagsInput = useTagsInput.useTagsInput;
1335
1317
  exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
1336
1318
  exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
1337
1319
  exports.TagsInput = tagsInput$1;
1338
- Object.defineProperty(exports, "parseTime", {
1339
- enumerable: true,
1340
- get: () => date.parseTime
1341
- });
1342
- exports.TimePickerCell = timePickerCell.TimePickerCell;
1343
- exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
1344
- exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
1345
- exports.TimePickerContent = timePickerContent.TimePickerContent;
1346
- exports.TimePickerContext = timePickerContext.TimePickerContext;
1347
- exports.TimePickerControl = timePickerControl.TimePickerControl;
1348
- exports.TimePickerInput = timePickerInput.TimePickerInput;
1349
- exports.TimePickerLabel = timePickerLabel.TimePickerLabel;
1350
- exports.TimePickerPositioner = timePickerPositioner.TimePickerPositioner;
1351
- exports.TimePickerRoot = timePickerRoot.TimePickerRoot;
1352
- exports.TimePickerRootProvider = timePickerRootProvider.TimePickerRootProvider;
1353
- exports.TimePickerSpacer = timePickerSpacer.TimePickerSpacer;
1354
- exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
1355
- exports.useTimePicker = useTimePicker.useTimePicker;
1356
- exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
1357
- exports.TimePicker = timePicker$1;
1358
1320
  exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
1359
1321
  exports.TimerArea = timerArea.TimerArea;
1360
1322
  exports.TimerContext = timerContext.TimerContext;
@@ -1569,10 +1531,6 @@ Object.defineProperty(exports, "tagsInputAnatomy", {
1569
1531
  enumerable: true,
1570
1532
  get: () => tagsInput.anatomy
1571
1533
  });
1572
- Object.defineProperty(exports, "timePickerAnatomy", {
1573
- enumerable: true,
1574
- get: () => timePicker.anatomy
1575
- });
1576
1534
  Object.defineProperty(exports, "timerAnatomy", {
1577
1535
  enumerable: true,
1578
1536
  get: () => timer.anatomy
package/dist/index.js CHANGED
@@ -625,24 +625,6 @@ export { useTagsInputContext } from './components/tags-input/use-tags-input-cont
625
625
  export { useTagsInputItemContext } from './components/tags-input/use-tags-input-item-context.js';
626
626
  import * as tagsInput from './components/tags-input/tags-input.js';
627
627
  export { tagsInput as TagsInput };
628
- export { parseTime } from '@internationalized/date';
629
- export { TimePickerCell } from './components/time-picker/time-picker-cell.js';
630
- export { TimePickerClearTrigger } from './components/time-picker/time-picker-clear-trigger.js';
631
- export { TimePickerColumn } from './components/time-picker/time-picker-column.js';
632
- export { TimePickerContent } from './components/time-picker/time-picker-content.js';
633
- export { TimePickerContext } from './components/time-picker/time-picker-context.js';
634
- export { TimePickerControl } from './components/time-picker/time-picker-control.js';
635
- export { TimePickerInput } from './components/time-picker/time-picker-input.js';
636
- export { TimePickerLabel } from './components/time-picker/time-picker-label.js';
637
- export { TimePickerPositioner } from './components/time-picker/time-picker-positioner.js';
638
- export { TimePickerRoot } from './components/time-picker/time-picker-root.js';
639
- export { TimePickerRootProvider } from './components/time-picker/time-picker-root-provider.js';
640
- export { TimePickerSpacer } from './components/time-picker/time-picker-spacer.js';
641
- export { TimePickerTrigger } from './components/time-picker/time-picker-trigger.js';
642
- export { useTimePicker } from './components/time-picker/use-time-picker.js';
643
- export { useTimePickerContext } from './components/time-picker/use-time-picker-context.js';
644
- import * as timePicker from './components/time-picker/time-picker.js';
645
- export { timePicker as TimePicker };
646
628
  export { TimerActionTrigger } from './components/timer/timer-action-trigger.js';
647
629
  export { TimerArea } from './components/timer/timer-area.js';
648
630
  export { TimerContext } from './components/timer/timer-context.js';
@@ -774,7 +756,6 @@ export { anatomy as stepsAnatomy } from '@zag-js/steps';
774
756
  export { anatomy as switchAnatomy } from '@zag-js/switch';
775
757
  export { anatomy as tabsAnatomy } from '@zag-js/tabs';
776
758
  export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
777
- export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';
778
759
  export { anatomy as timerAnatomy } from '@zag-js/timer';
779
760
  export { anatomy as toastAnatomy } from '@zag-js/toast';
780
761
  export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/react",
3
3
  "type": "module",
4
- "version": "5.23.0",
4
+ "version": "5.24.1",
5
5
  "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
6
6
  "keywords": [
7
7
  "accordion",
@@ -140,85 +140,84 @@
140
140
  },
141
141
  "sideEffects": false,
142
142
  "dependencies": {
143
- "@internationalized/date": "3.8.2",
144
- "@zag-js/accordion": "1.22.1",
145
- "@zag-js/anatomy": "1.22.1",
146
- "@zag-js/angle-slider": "1.22.1",
147
- "@zag-js/async-list": "1.22.1",
148
- "@zag-js/auto-resize": "1.22.1",
149
- "@zag-js/avatar": "1.22.1",
150
- "@zag-js/carousel": "1.22.1",
151
- "@zag-js/checkbox": "1.22.1",
152
- "@zag-js/clipboard": "1.22.1",
153
- "@zag-js/collapsible": "1.22.1",
154
- "@zag-js/collection": "1.22.1",
155
- "@zag-js/color-picker": "1.22.1",
156
- "@zag-js/color-utils": "1.22.1",
157
- "@zag-js/combobox": "1.22.1",
158
- "@zag-js/core": "1.22.1",
159
- "@zag-js/date-picker": "1.22.1",
160
- "@zag-js/date-utils": "1.22.1",
161
- "@zag-js/dialog": "1.22.1",
162
- "@zag-js/dom-query": "1.22.1",
163
- "@zag-js/editable": "1.22.1",
164
- "@zag-js/file-upload": "1.22.1",
165
- "@zag-js/file-utils": "1.22.1",
166
- "@zag-js/floating-panel": "1.22.1",
167
- "@zag-js/focus-trap": "1.22.1",
168
- "@zag-js/highlight-word": "1.22.1",
169
- "@zag-js/hover-card": "1.22.1",
170
- "@zag-js/i18n-utils": "1.22.1",
171
- "@zag-js/json-tree-utils": "1.22.1",
172
- "@zag-js/listbox": "1.22.1",
173
- "@zag-js/menu": "1.22.1",
174
- "@zag-js/number-input": "1.22.1",
175
- "@zag-js/pagination": "1.22.1",
176
- "@zag-js/password-input": "1.22.1",
177
- "@zag-js/pin-input": "1.22.1",
178
- "@zag-js/popover": "1.22.1",
179
- "@zag-js/presence": "1.22.1",
180
- "@zag-js/progress": "1.22.1",
181
- "@zag-js/qr-code": "1.22.1",
182
- "@zag-js/radio-group": "1.22.1",
183
- "@zag-js/rating-group": "1.22.1",
184
- "@zag-js/react": "1.22.1",
185
- "@zag-js/scroll-area": "1.22.1",
186
- "@zag-js/select": "1.22.1",
187
- "@zag-js/signature-pad": "1.22.1",
188
- "@zag-js/slider": "1.22.1",
189
- "@zag-js/splitter": "1.22.1",
190
- "@zag-js/steps": "1.22.1",
191
- "@zag-js/switch": "1.22.1",
192
- "@zag-js/tabs": "1.22.1",
193
- "@zag-js/tags-input": "1.22.1",
194
- "@zag-js/time-picker": "1.22.1",
195
- "@zag-js/timer": "1.22.1",
196
- "@zag-js/toast": "1.22.1",
197
- "@zag-js/toggle": "1.22.1",
198
- "@zag-js/toggle-group": "1.22.1",
199
- "@zag-js/tooltip": "1.22.1",
200
- "@zag-js/tour": "1.22.1",
201
- "@zag-js/tree-view": "1.22.1",
202
- "@zag-js/types": "1.22.1",
203
- "@zag-js/utils": "1.22.1"
143
+ "@internationalized/date": "3.9.0",
144
+ "@zag-js/accordion": "1.24.1",
145
+ "@zag-js/anatomy": "1.24.1",
146
+ "@zag-js/angle-slider": "1.24.1",
147
+ "@zag-js/async-list": "1.24.1",
148
+ "@zag-js/auto-resize": "1.24.1",
149
+ "@zag-js/avatar": "1.24.1",
150
+ "@zag-js/carousel": "1.24.1",
151
+ "@zag-js/checkbox": "1.24.1",
152
+ "@zag-js/clipboard": "1.24.1",
153
+ "@zag-js/collapsible": "1.24.1",
154
+ "@zag-js/collection": "1.24.1",
155
+ "@zag-js/color-picker": "1.24.1",
156
+ "@zag-js/color-utils": "1.24.1",
157
+ "@zag-js/combobox": "1.24.1",
158
+ "@zag-js/core": "1.24.1",
159
+ "@zag-js/date-picker": "1.24.1",
160
+ "@zag-js/date-utils": "1.24.1",
161
+ "@zag-js/dialog": "1.24.1",
162
+ "@zag-js/dom-query": "1.24.1",
163
+ "@zag-js/editable": "1.24.1",
164
+ "@zag-js/file-upload": "1.24.1",
165
+ "@zag-js/file-utils": "1.24.1",
166
+ "@zag-js/floating-panel": "1.24.1",
167
+ "@zag-js/focus-trap": "1.24.1",
168
+ "@zag-js/highlight-word": "1.24.1",
169
+ "@zag-js/hover-card": "1.24.1",
170
+ "@zag-js/i18n-utils": "1.24.1",
171
+ "@zag-js/json-tree-utils": "1.24.1",
172
+ "@zag-js/listbox": "1.24.1",
173
+ "@zag-js/menu": "1.24.1",
174
+ "@zag-js/number-input": "1.24.1",
175
+ "@zag-js/pagination": "1.24.1",
176
+ "@zag-js/password-input": "1.24.1",
177
+ "@zag-js/pin-input": "1.24.1",
178
+ "@zag-js/popover": "1.24.1",
179
+ "@zag-js/presence": "1.24.1",
180
+ "@zag-js/progress": "1.24.1",
181
+ "@zag-js/qr-code": "1.24.1",
182
+ "@zag-js/radio-group": "1.24.1",
183
+ "@zag-js/rating-group": "1.24.1",
184
+ "@zag-js/react": "1.24.1",
185
+ "@zag-js/scroll-area": "1.24.1",
186
+ "@zag-js/select": "1.24.1",
187
+ "@zag-js/signature-pad": "1.24.1",
188
+ "@zag-js/slider": "1.24.1",
189
+ "@zag-js/splitter": "1.24.1",
190
+ "@zag-js/steps": "1.24.1",
191
+ "@zag-js/switch": "1.24.1",
192
+ "@zag-js/tabs": "1.24.1",
193
+ "@zag-js/tags-input": "1.24.1",
194
+ "@zag-js/timer": "1.24.1",
195
+ "@zag-js/toast": "1.24.1",
196
+ "@zag-js/toggle": "1.24.1",
197
+ "@zag-js/toggle-group": "1.24.1",
198
+ "@zag-js/tooltip": "1.24.1",
199
+ "@zag-js/tour": "1.24.1",
200
+ "@zag-js/tree-view": "1.24.1",
201
+ "@zag-js/types": "1.24.1",
202
+ "@zag-js/utils": "1.24.1"
204
203
  },
205
204
  "devDependencies": {
206
- "@biomejs/biome": "2.2.2",
207
- "@storybook/addon-a11y": "9.1.3",
208
- "@storybook/react-vite": "9.1.3",
205
+ "@biomejs/biome": "2.2.4",
206
+ "@storybook/addon-a11y": "9.1.5",
207
+ "@storybook/react-vite": "9.1.5",
209
208
  "@testing-library/dom": "10.4.1",
210
209
  "@testing-library/jest-dom": "6.8.0",
211
210
  "@testing-library/react": "16.3.0",
212
211
  "@testing-library/user-event": "14.6.1",
213
212
  "@types/jsdom": "21.1.7",
214
- "@types/react": "19.1.11",
215
- "@types/react-dom": "19.1.7",
216
- "@vitejs/plugin-react": "5.0.1",
213
+ "@types/react": "19.1.12",
214
+ "@types/react-dom": "19.1.9",
215
+ "@vitejs/plugin-react": "5.0.2",
217
216
  "clean-package": "2.2.0",
218
217
  "image-conversion": "2.1.1",
219
218
  "globby": "14.1.0",
220
219
  "happy-dom": "18.0.1",
221
- "lucide-react": "0.541.0",
220
+ "lucide-react": "0.544.0",
222
221
  "react": "19.1.1",
223
222
  "react-dom": "19.1.1",
224
223
  "react-shadow": "20.6.0",
@@ -226,9 +225,9 @@
226
225
  "react-frame-component": "5.2.7",
227
226
  "react-hook-form": "7.62.0",
228
227
  "resize-observer-polyfill": "1.5.1",
229
- "storybook": "9.1.3",
228
+ "storybook": "9.1.5",
230
229
  "typescript": "5.9.2",
231
- "vite": "7.1.3",
230
+ "vite": "7.1.5",
232
231
  "vite-plugin-dts": "4.5.4",
233
232
  "vitest": "3.2.4",
234
233
  "@vitest/coverage-v8": "3.2.4",
@@ -1,49 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
-
5
- const date = require('@internationalized/date');
6
- const timePickerCell = require('./time-picker-cell.cjs');
7
- const timePickerClearTrigger = require('./time-picker-clear-trigger.cjs');
8
- const timePickerColumn = require('./time-picker-column.cjs');
9
- const timePickerContent = require('./time-picker-content.cjs');
10
- const timePickerContext = require('./time-picker-context.cjs');
11
- const timePickerControl = require('./time-picker-control.cjs');
12
- const timePickerInput = require('./time-picker-input.cjs');
13
- const timePickerLabel = require('./time-picker-label.cjs');
14
- const timePickerPositioner = require('./time-picker-positioner.cjs');
15
- const timePickerRoot = require('./time-picker-root.cjs');
16
- const timePickerRootProvider = require('./time-picker-root-provider.cjs');
17
- const timePickerSpacer = require('./time-picker-spacer.cjs');
18
- const timePickerTrigger = require('./time-picker-trigger.cjs');
19
- const useTimePicker = require('./use-time-picker.cjs');
20
- const useTimePickerContext = require('./use-time-picker-context.cjs');
21
- const timePicker$1 = require('./time-picker.cjs');
22
- const timePicker = require('@zag-js/time-picker');
23
-
24
-
25
-
26
- Object.defineProperty(exports, "parseTime", {
27
- enumerable: true,
28
- get: () => date.parseTime
29
- });
30
- exports.TimePickerCell = timePickerCell.TimePickerCell;
31
- exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
32
- exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
33
- exports.TimePickerContent = timePickerContent.TimePickerContent;
34
- exports.TimePickerContext = timePickerContext.TimePickerContext;
35
- exports.TimePickerControl = timePickerControl.TimePickerControl;
36
- exports.TimePickerInput = timePickerInput.TimePickerInput;
37
- exports.TimePickerLabel = timePickerLabel.TimePickerLabel;
38
- exports.TimePickerPositioner = timePickerPositioner.TimePickerPositioner;
39
- exports.TimePickerRoot = timePickerRoot.TimePickerRoot;
40
- exports.TimePickerRootProvider = timePickerRootProvider.TimePickerRootProvider;
41
- exports.TimePickerSpacer = timePickerSpacer.TimePickerSpacer;
42
- exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
43
- exports.useTimePicker = useTimePicker.useTimePicker;
44
- exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
45
- exports.TimePicker = timePicker$1;
46
- Object.defineProperty(exports, "timePickerAnatomy", {
47
- enumerable: true,
48
- get: () => timePicker.anatomy
49
- });
@@ -1,19 +0,0 @@
1
- export { parseTime } from '@internationalized/date';
2
- export type { FocusChangeDetails as TimePickerFocusChangeDetails, OpenChangeDetails as TimePickerOpenChangeDetails, ValueChangeDetails as TimePickerValueChangeDetails, } from '@zag-js/time-picker';
3
- export { TimePickerCell, type TimePickerCellBaseProps, type TimePickerCellProps } from './time-picker-cell';
4
- export { TimePickerClearTrigger, type TimePickerClearTriggerBaseProps, type TimePickerClearTriggerProps, } from './time-picker-clear-trigger';
5
- export { TimePickerColumn, type TimePickerColumnBaseProps, type TimePickerColumnProps } from './time-picker-column';
6
- export { TimePickerContent, type TimePickerContentBaseProps, type TimePickerContentProps } from './time-picker-content';
7
- export { TimePickerContext, type TimePickerContextProps } from './time-picker-context';
8
- export { TimePickerControl, type TimePickerControlBaseProps, type TimePickerControlProps } from './time-picker-control';
9
- export { TimePickerInput, type TimePickerInputBaseProps, type TimePickerInputProps } from './time-picker-input';
10
- export { TimePickerLabel, type TimePickerLabelBaseProps, type TimePickerLabelProps } from './time-picker-label';
11
- export { TimePickerPositioner, type TimePickerPositionerBaseProps, type TimePickerPositionerProps, } from './time-picker-positioner';
12
- export { TimePickerRoot, type TimePickerRootBaseProps, type TimePickerRootProps } from './time-picker-root';
13
- export { TimePickerRootProvider, type TimePickerRootProviderBaseProps, type TimePickerRootProviderProps, } from './time-picker-root-provider';
14
- export { TimePickerSpacer, type TimePickerSpacerBaseProps, type TimePickerSpacerProps } from './time-picker-spacer';
15
- export { TimePickerTrigger, type TimePickerTriggerBaseProps, type TimePickerTriggerProps } from './time-picker-trigger';
16
- export { timePickerAnatomy } from './time-picker.anatomy';
17
- export { useTimePicker, type UseTimePickerProps, type UseTimePickerReturn } from './use-time-picker';
18
- export { useTimePickerContext, type UseTimePickerContext } from './use-time-picker-context';
19
- export * as TimePicker from './time-picker';