@ark-ui/react 4.1.0 → 4.1.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.
@@ -12,6 +12,7 @@ const useAccordionItemContext = require('./use-accordion-item-context.cjs');
12
12
  const collapsibleRoot = require('../collapsible/collapsible-root.cjs');
13
13
  require('@zag-js/color-picker');
14
14
  require('@zag-js/date-picker');
15
+ require('@internationalized/date');
15
16
  const renderStrategy = require('../../utils/render-strategy.cjs');
16
17
  const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');
17
18
 
@@ -8,6 +8,7 @@ import { AccordionItemProvider } from './use-accordion-item-context.js';
8
8
  import { CollapsibleRoot } from '../collapsible/collapsible-root.js';
9
9
  import '@zag-js/color-picker';
10
10
  import '@zag-js/date-picker';
11
+ import '@internationalized/date';
11
12
  import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
12
13
  import { AccordionItemPropsProvider } from './use-accordion-item-props-context.js';
13
14
 
@@ -498,6 +498,7 @@ const useTagsInput = require('./tags-input/use-tags-input.cjs');
498
498
  const useTagsInputContext = require('./tags-input/use-tags-input-context.cjs');
499
499
  const useTagsInputItemContext = require('./tags-input/use-tags-input-item-context.cjs');
500
500
  const tagsInput$1 = require('./tags-input/tags-input.cjs');
501
+ const date = require('@internationalized/date');
501
502
  const timePickerCell = require('./time-picker/time-picker-cell.cjs');
502
503
  const timePickerClearTrigger = require('./time-picker/time-picker-clear-trigger.cjs');
503
504
  const timePickerColumn = require('./time-picker/time-picker-column.cjs');
@@ -1117,6 +1118,10 @@ exports.useTagsInput = useTagsInput.useTagsInput;
1117
1118
  exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
1118
1119
  exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
1119
1120
  exports.TagsInput = tagsInput$1;
1121
+ Object.defineProperty(exports, "parseTime", {
1122
+ enumerable: true,
1123
+ get: () => date.parseTime
1124
+ });
1120
1125
  exports.TimePickerCell = timePickerCell.TimePickerCell;
1121
1126
  exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
1122
1127
  exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
@@ -528,6 +528,7 @@ export { useTagsInputContext } from './tags-input/use-tags-input-context.js';
528
528
  export { useTagsInputItemContext } from './tags-input/use-tags-input-item-context.js';
529
529
  import * as tagsInput from './tags-input/tags-input.js';
530
530
  export { tagsInput as TagsInput };
531
+ export { parseTime } from '@internationalized/date';
531
532
  export { TimePickerCell } from './time-picker/time-picker-cell.js';
532
533
  export { TimePickerClearTrigger } from './time-picker/time-picker-clear-trigger.js';
533
534
  export { TimePickerColumn } from './time-picker/time-picker-column.js';
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
+ const date = require('@internationalized/date');
5
6
  const timePickerCell = require('./time-picker-cell.cjs');
6
7
  const timePickerClearTrigger = require('./time-picker-clear-trigger.cjs');
7
8
  const timePickerColumn = require('./time-picker-column.cjs');
@@ -21,6 +22,10 @@ const timePicker = require('./time-picker.cjs');
21
22
 
22
23
 
23
24
 
25
+ Object.defineProperty(exports, "parseTime", {
26
+ enumerable: true,
27
+ get: () => date.parseTime
28
+ });
24
29
  exports.TimePickerCell = timePickerCell.TimePickerCell;
25
30
  exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
26
31
  exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
@@ -1,3 +1,4 @@
1
+ export { parseTime } from '@internationalized/date';
1
2
  export type { FocusChangeDetails as TimePickerFocusChangeDetails, OpenChangeDetails as TimePickerOpenChangeDetails, ValueChangeDetails as TimePickerValueChangeDetails, } from '@zag-js/time-picker';
2
3
  export { TimePickerCell, type TimePickerCellBaseProps, type TimePickerCellProps, } from './time-picker-cell';
3
4
  export { TimePickerClearTrigger, type TimePickerClearTriggerBaseProps, type TimePickerClearTriggerProps, } from './time-picker-clear-trigger';
@@ -1,3 +1,4 @@
1
+ export { parseTime } from '@internationalized/date';
1
2
  export type { FocusChangeDetails as TimePickerFocusChangeDetails, OpenChangeDetails as TimePickerOpenChangeDetails, ValueChangeDetails as TimePickerValueChangeDetails, } from '@zag-js/time-picker';
2
3
  export { TimePickerCell, type TimePickerCellBaseProps, type TimePickerCellProps, } from './time-picker-cell';
3
4
  export { TimePickerClearTrigger, type TimePickerClearTriggerBaseProps, type TimePickerClearTriggerProps, } from './time-picker-clear-trigger';
@@ -1,3 +1,4 @@
1
+ export { parseTime } from '@internationalized/date';
1
2
  export { TimePickerCell } from './time-picker-cell.js';
2
3
  export { TimePickerClearTrigger } from './time-picker-clear-trigger.js';
3
4
  export { TimePickerColumn } from './time-picker-column.js';
@@ -3,7 +3,6 @@
3
3
 
4
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
 
6
- const date = require('@internationalized/date');
7
6
  const react$1 = require('@zag-js/react');
8
7
  const timePicker = require('@zag-js/time-picker');
9
8
  const react = require('react');
@@ -39,16 +38,12 @@ const useTimePicker = (props = {}) => {
39
38
  getRootNode,
40
39
  open: props.defaultOpen,
41
40
  "open.controlled": props.open !== void 0,
42
- ...props,
43
- min: props.min ? date.parseTime(props.min) : void 0,
44
- max: props.max ? date.parseTime(props.max) : void 0,
45
- value: props.defaultValue ? date.parseTime(props.defaultValue) : void 0
41
+ value: props.defaultValue,
42
+ ...props
46
43
  };
47
44
  const context = {
48
45
  ...initialContext,
49
- min: props.min ? date.parseTime(props.min) : void 0,
50
- max: props.max ? date.parseTime(props.max) : void 0,
51
- value: props.value ? date.parseTime(props.value) : void 0,
46
+ value: props.value,
52
47
  onValueChange: useEvent.useEvent(props.onValueChange),
53
48
  onFocusChange: useEvent.useEvent(props.onFocusChange),
54
49
  onOpenChange: useEvent.useEvent(props.onOpenChange)
@@ -1,7 +1,7 @@
1
1
  import { PropTypes } from '@zag-js/react';
2
2
  import { Optional } from '../../types';
3
3
  import * as timePicker from '@zag-js/time-picker';
4
- export interface UseTimePickerProps extends Optional<Omit<timePicker.Context, 'dir' | 'getRootNode' | 'min' | 'max' | 'open.controlled' | 'value'>, 'id'> {
4
+ export interface UseTimePickerProps extends Optional<Omit<timePicker.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
5
5
  /**
6
6
  * The initial open state of the time picker when it is first rendered.
7
7
  * Use when you do not need to control its open state.
@@ -11,19 +11,7 @@ export interface UseTimePickerProps extends Optional<Omit<timePicker.Context, 'd
11
11
  * The initial value of the time picker when it is first rendered.
12
12
  * Use when you do not need to control the state of the time picker.
13
13
  */
14
- defaultValue?: string;
15
- /**
16
- * The minimum time that can be selected.
17
- */
18
- min?: string;
19
- /**
20
- * The maximum time that can be selected.
21
- */
22
- max?: string;
23
- /**
24
- * The value of the time picker
25
- */
26
- value?: string;
14
+ defaultValue?: timePicker.Context['value'];
27
15
  }
28
16
  export interface UseTimePickerReturn extends timePicker.Api<PropTypes> {
29
17
  }
@@ -1,7 +1,7 @@
1
1
  import { PropTypes } from '@zag-js/react';
2
2
  import { Optional } from '../../types';
3
3
  import * as timePicker from '@zag-js/time-picker';
4
- export interface UseTimePickerProps extends Optional<Omit<timePicker.Context, 'dir' | 'getRootNode' | 'min' | 'max' | 'open.controlled' | 'value'>, 'id'> {
4
+ export interface UseTimePickerProps extends Optional<Omit<timePicker.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
5
5
  /**
6
6
  * The initial open state of the time picker when it is first rendered.
7
7
  * Use when you do not need to control its open state.
@@ -11,19 +11,7 @@ export interface UseTimePickerProps extends Optional<Omit<timePicker.Context, 'd
11
11
  * The initial value of the time picker when it is first rendered.
12
12
  * Use when you do not need to control the state of the time picker.
13
13
  */
14
- defaultValue?: string;
15
- /**
16
- * The minimum time that can be selected.
17
- */
18
- min?: string;
19
- /**
20
- * The maximum time that can be selected.
21
- */
22
- max?: string;
23
- /**
24
- * The value of the time picker
25
- */
26
- value?: string;
14
+ defaultValue?: timePicker.Context['value'];
27
15
  }
28
16
  export interface UseTimePickerReturn extends timePicker.Api<PropTypes> {
29
17
  }
@@ -1,5 +1,4 @@
1
1
  'use client';
2
- import { parseTime } from '@internationalized/date';
3
2
  import { useMachine, normalizeProps } from '@zag-js/react';
4
3
  import * as timePicker from '@zag-js/time-picker';
5
4
  import { useId } from 'react';
@@ -16,16 +15,12 @@ const useTimePicker = (props = {}) => {
16
15
  getRootNode,
17
16
  open: props.defaultOpen,
18
17
  "open.controlled": props.open !== void 0,
19
- ...props,
20
- min: props.min ? parseTime(props.min) : void 0,
21
- max: props.max ? parseTime(props.max) : void 0,
22
- value: props.defaultValue ? parseTime(props.defaultValue) : void 0
18
+ value: props.defaultValue,
19
+ ...props
23
20
  };
24
21
  const context = {
25
22
  ...initialContext,
26
- min: props.min ? parseTime(props.min) : void 0,
27
- max: props.max ? parseTime(props.max) : void 0,
28
- value: props.value ? parseTime(props.value) : void 0,
23
+ value: props.value,
29
24
  onValueChange: useEvent(props.onValueChange),
30
25
  onFocusChange: useEvent(props.onFocusChange),
31
26
  onOpenChange: useEvent(props.onOpenChange)
package/dist/index.cjs CHANGED
@@ -498,6 +498,7 @@ const useTagsInput = require('./components/tags-input/use-tags-input.cjs');
498
498
  const useTagsInputContext = require('./components/tags-input/use-tags-input-context.cjs');
499
499
  const useTagsInputItemContext = require('./components/tags-input/use-tags-input-item-context.cjs');
500
500
  const tagsInput$1 = require('./components/tags-input/tags-input.cjs');
501
+ const date = require('@internationalized/date');
501
502
  const timePickerCell = require('./components/time-picker/time-picker-cell.cjs');
502
503
  const timePickerClearTrigger = require('./components/time-picker/time-picker-clear-trigger.cjs');
503
504
  const timePickerColumn = require('./components/time-picker/time-picker-column.cjs');
@@ -1121,6 +1122,10 @@ exports.useTagsInput = useTagsInput.useTagsInput;
1121
1122
  exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
1122
1123
  exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
1123
1124
  exports.TagsInput = tagsInput$1;
1125
+ Object.defineProperty(exports, "parseTime", {
1126
+ enumerable: true,
1127
+ get: () => date.parseTime
1128
+ });
1124
1129
  exports.TimePickerCell = timePickerCell.TimePickerCell;
1125
1130
  exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
1126
1131
  exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
package/dist/index.js CHANGED
@@ -528,6 +528,7 @@ export { useTagsInputContext } from './components/tags-input/use-tags-input-cont
528
528
  export { useTagsInputItemContext } from './components/tags-input/use-tags-input-item-context.js';
529
529
  import * as tagsInput from './components/tags-input/tags-input.js';
530
530
  export { tagsInput as TagsInput };
531
+ export { parseTime } from '@internationalized/date';
531
532
  export { TimePickerCell } from './components/time-picker/time-picker-cell.js';
532
533
  export { TimePickerClearTrigger } from './components/time-picker/time-picker-clear-trigger.js';
533
534
  export { TimePickerColumn } from './components/time-picker/time-picker-column.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ark-ui/react",
3
- "version": "4.1.0",
3
+ "version": "4.1.1",
4
4
  "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
5
5
  "keywords": [
6
6
  "accordion",
@@ -62,7 +62,6 @@
62
62
  ],
63
63
  "exports": {
64
64
  ".": {
65
- "source": "./src/index.ts",
66
65
  "import": {
67
66
  "types": "./dist/index.d.ts",
68
67
  "default": "./dist/index.js"
@@ -73,7 +72,6 @@
73
72
  }
74
73
  },
75
74
  "./collection": {
76
- "source": "./src/components/collection.ts",
77
75
  "import": {
78
76
  "types": "./dist/components/collection.d.ts",
79
77
  "default": "./dist/components/collection.js"
@@ -84,7 +82,6 @@
84
82
  }
85
83
  },
86
84
  "./factory": {
87
- "source": "./src/components/factory.ts",
88
85
  "import": {
89
86
  "types": "./dist/components/factory.d.ts",
90
87
  "default": "./dist/components/factory.js"
@@ -95,7 +92,6 @@
95
92
  }
96
93
  },
97
94
  "./environment": {
98
- "source": "./src/providers/environment/index.ts",
99
95
  "import": {
100
96
  "types": "./dist/providers/environment/index.d.ts",
101
97
  "default": "./dist/providers/environment/index.js"
@@ -106,7 +102,6 @@
106
102
  }
107
103
  },
108
104
  "./locale": {
109
- "source": "./src/providers/locale/index.ts",
110
105
  "import": {
111
106
  "types": "./dist/providers/locale/index.d.ts",
112
107
  "default": "./dist/providers/locale/index.js"
@@ -117,7 +112,6 @@
117
112
  }
118
113
  },
119
114
  "./*": {
120
- "source": "./src/components/*/index.ts",
121
115
  "import": {
122
116
  "types": "./dist/components/*/index.d.ts",
123
117
  "default": "./dist/components/*/index.js"
@@ -135,93 +129,106 @@
135
129
  "test:ci": "vitest --run",
136
130
  "typecheck": "tsc",
137
131
  "storybook": "storybook dev -p 6006",
138
- "release-it": "release-it --config ../../release-it.json"
132
+ "release-it": "release-it --config ../../release-it.json",
133
+ "prepack": "clean-package",
134
+ "postpack": "clean-package restore"
135
+ },
136
+ "clean-package": {
137
+ "remove": [
138
+ "exports.\\..source",
139
+ "exports.\\./collection.source",
140
+ "exports.\\./factory.source",
141
+ "exports.\\./environment.source",
142
+ "exports.\\./locale.source",
143
+ "exports.\\./*.source"
144
+ ]
139
145
  },
140
146
  "publishConfig": {
141
147
  "access": "public"
142
148
  },
143
149
  "sideEffects": false,
144
150
  "dependencies": {
145
- "@internationalized/date": "3.5.5",
146
- "@zag-js/accordion": "0.73.0",
147
- "@zag-js/anatomy": "0.73.0",
148
- "@zag-js/avatar": "0.73.0",
149
- "@zag-js/carousel": "0.73.0",
150
- "@zag-js/checkbox": "0.73.0",
151
- "@zag-js/clipboard": "0.73.0",
152
- "@zag-js/collapsible": "0.73.0",
153
- "@zag-js/collection": "0.73.0",
154
- "@zag-js/color-picker": "0.73.0",
155
- "@zag-js/color-utils": "0.73.0",
156
- "@zag-js/combobox": "0.73.0",
157
- "@zag-js/core": "0.73.0",
158
- "@zag-js/date-picker": "0.73.0",
159
- "@zag-js/date-utils": "0.73.0",
160
- "@zag-js/dialog": "0.73.0",
161
- "@zag-js/dom-query": "0.73.0",
162
- "@zag-js/editable": "0.73.0",
163
- "@zag-js/file-upload": "0.73.0",
164
- "@zag-js/file-utils": "0.73.0",
165
- "@zag-js/highlight-word": "0.73.0",
166
- "@zag-js/hover-card": "0.73.0",
167
- "@zag-js/i18n-utils": "0.73.0",
168
- "@zag-js/menu": "0.73.0",
169
- "@zag-js/number-input": "0.73.0",
170
- "@zag-js/pagination": "0.73.0",
171
- "@zag-js/pin-input": "0.73.0",
172
- "@zag-js/popover": "0.73.0",
173
- "@zag-js/presence": "0.73.0",
174
- "@zag-js/progress": "0.73.0",
175
- "@zag-js/qr-code": "0.73.0",
176
- "@zag-js/radio-group": "0.73.0",
177
- "@zag-js/rating-group": "0.73.0",
178
- "@zag-js/react": "0.73.0",
179
- "@zag-js/select": "0.73.0",
180
- "@zag-js/signature-pad": "0.73.0",
181
- "@zag-js/slider": "0.73.0",
182
- "@zag-js/splitter": "0.73.0",
183
- "@zag-js/steps": "0.73.0",
184
- "@zag-js/switch": "0.73.0",
185
- "@zag-js/tabs": "0.73.0",
186
- "@zag-js/tags-input": "0.73.0",
187
- "@zag-js/time-picker": "0.73.0",
188
- "@zag-js/timer": "0.73.0",
189
- "@zag-js/toast": "0.73.0",
190
- "@zag-js/toggle-group": "0.73.0",
191
- "@zag-js/tooltip": "0.73.0",
192
- "@zag-js/tree-view": "0.73.0",
193
- "@zag-js/types": "0.73.0"
151
+ "@internationalized/date": "3.5.6",
152
+ "@zag-js/accordion": "0.74.2",
153
+ "@zag-js/anatomy": "0.74.2",
154
+ "@zag-js/avatar": "0.74.2",
155
+ "@zag-js/carousel": "0.74.2",
156
+ "@zag-js/checkbox": "0.74.2",
157
+ "@zag-js/clipboard": "0.74.2",
158
+ "@zag-js/collapsible": "0.74.2",
159
+ "@zag-js/collection": "0.74.2",
160
+ "@zag-js/color-picker": "0.74.2",
161
+ "@zag-js/color-utils": "0.74.2",
162
+ "@zag-js/combobox": "0.74.2",
163
+ "@zag-js/core": "0.74.2",
164
+ "@zag-js/date-picker": "0.74.2",
165
+ "@zag-js/date-utils": "0.74.2",
166
+ "@zag-js/dialog": "0.74.2",
167
+ "@zag-js/dom-query": "0.74.2",
168
+ "@zag-js/editable": "0.74.2",
169
+ "@zag-js/file-upload": "0.74.2",
170
+ "@zag-js/file-utils": "0.74.2",
171
+ "@zag-js/highlight-word": "0.74.2",
172
+ "@zag-js/hover-card": "0.74.2",
173
+ "@zag-js/i18n-utils": "0.74.2",
174
+ "@zag-js/menu": "0.74.2",
175
+ "@zag-js/number-input": "0.74.2",
176
+ "@zag-js/pagination": "0.74.2",
177
+ "@zag-js/pin-input": "0.74.2",
178
+ "@zag-js/popover": "0.74.2",
179
+ "@zag-js/presence": "0.74.2",
180
+ "@zag-js/progress": "0.74.2",
181
+ "@zag-js/qr-code": "0.74.2",
182
+ "@zag-js/radio-group": "0.74.2",
183
+ "@zag-js/rating-group": "0.74.2",
184
+ "@zag-js/react": "0.74.2",
185
+ "@zag-js/select": "0.74.2",
186
+ "@zag-js/signature-pad": "0.74.2",
187
+ "@zag-js/slider": "0.74.2",
188
+ "@zag-js/splitter": "0.74.2",
189
+ "@zag-js/steps": "0.74.2",
190
+ "@zag-js/switch": "0.74.2",
191
+ "@zag-js/tabs": "0.74.2",
192
+ "@zag-js/tags-input": "0.74.2",
193
+ "@zag-js/time-picker": "0.74.2",
194
+ "@zag-js/timer": "0.74.2",
195
+ "@zag-js/toast": "0.74.2",
196
+ "@zag-js/toggle-group": "0.74.2",
197
+ "@zag-js/tooltip": "0.74.2",
198
+ "@zag-js/tree-view": "0.74.2",
199
+ "@zag-js/types": "0.74.2"
194
200
  },
195
201
  "devDependencies": {
196
- "@biomejs/biome": "1.9.2",
202
+ "@biomejs/biome": "1.9.3",
197
203
  "@release-it/keep-a-changelog": "5.0.0",
198
- "@storybook/addon-a11y": "8.3.4",
199
- "@storybook/addon-essentials": "8.3.4",
200
- "@storybook/react-vite": "8.3.4",
201
- "@storybook/react": "8.3.4",
204
+ "@storybook/addon-a11y": "8.3.5",
205
+ "@storybook/addon-essentials": "8.3.5",
206
+ "@storybook/react-vite": "8.3.5",
207
+ "@storybook/react": "8.3.5",
202
208
  "@testing-library/dom": "10.4.0",
203
209
  "@testing-library/jest-dom": "6.5.0",
204
210
  "@testing-library/react": "16.0.1",
205
211
  "@testing-library/user-event": "14.5.2",
206
212
  "@types/jsdom": "21.1.7",
207
- "@types/react": "18.3.10",
213
+ "@types/react": "18.3.11",
208
214
  "@types/react-dom": "18.3.0",
209
215
  "@vitejs/plugin-react": "4.3.2",
210
- "@zag-js/stringify-state": "0.73.0",
216
+ "@zag-js/stringify-state": "0.74.2",
217
+ "clean-package": "2.2.0",
211
218
  "globby": "14.0.2",
212
219
  "jsdom": "25.0.1",
213
- "lucide-react": "0.446.0",
220
+ "lucide-react": "0.451.0",
214
221
  "react": "18.3.1",
215
222
  "react-dom": "18.3.1",
216
223
  "react-frame-component": "5.2.7",
217
224
  "react-hook-form": "7.53.0",
218
- "release-it": "17.6.0",
225
+ "release-it": "17.8.0",
219
226
  "resize-observer-polyfill": "1.5.1",
220
- "storybook": "8.3.4",
221
- "typescript": "5.6.2",
227
+ "storybook": "8.3.5",
228
+ "typescript": "5.6.3",
222
229
  "vite": "5.4.8",
223
230
  "vite-plugin-dts": "4.2.3",
224
- "vitest": "2.1.1",
231
+ "vitest": "2.1.2",
225
232
  "vitest-axe": "1.0.0-pre.3"
226
233
  },
227
234
  "peerDependencies": {