@ark-ui/react 4.3.0 → 4.4.1

package/README.md

@@ -6,7 +6,7 @@
 
 # Welcome to Ark UI
 
-Ark UI is a headless, open-source UI library with over 30+ components designed for building
+Ark UI is a headless, open-source UI library with over 45+ components designed for building
 reusable, scalable Design Systems. It supports a wide range of JavaScript frameworks, offering
 dedciated packages for each supported framework.
 

package/dist/components/anatomy.d.cts

@@ -0,0 +1 @@
+export * from '@zag-js/anatomy';

package/dist/components/anatomy.d.ts

@@ -0,0 +1 @@
+export * from '@zag-js/anatomy';

package/dist/components/combobox/use-combobox.cjs

@@ -58,7 +58,7 @@ const useCombobox = (props) => {
     return {
       ...restProps,
       value: props.value,
-      onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
+      onValueChange: useEvent.useEvent(props.onValueChange),
       onInputValueChange: useEvent.useEvent(props.onInputValueChange, { sync: true }),
       onHighlightChange: useEvent.useEvent(props.onHighlightChange),
       onOpenChange: useEvent.useEvent(props.onOpenChange)

package/dist/components/combobox/use-combobox.js

@@ -35,7 +35,7 @@ const useCombobox = (props) => {
     return {
       ...restProps,
       value: props.value,
-      onValueChange: useEvent(props.onValueChange, { sync: true }),
+      onValueChange: useEvent(props.onValueChange),
       onInputValueChange: useEvent(props.onInputValueChange, { sync: true }),
       onHighlightChange: useEvent(props.onHighlightChange),
       onOpenChange: useEvent(props.onOpenChange)

package/dist/components/index.cjs

@@ -517,7 +517,7 @@ const timePickerSpacer = require('./time-picker/time-picker-spacer.cjs');
 const timePickerTrigger = require('./time-picker/time-picker-trigger.cjs');
 const useTimePicker = require('./time-picker/use-time-picker.cjs');
 const useTimePickerContext = require('./time-picker/use-time-picker-context.cjs');
-const timePicker = require('./time-picker/time-picker.cjs');
+const timePicker$1 = require('./time-picker/time-picker.cjs');
 const timerActionTrigger = require('./timer/timer-action-trigger.cjs');
 const timerContext = require('./timer/timer-context.cjs');
 const timerItem = require('./timer/timer-item.cjs');
@@ -608,6 +608,7 @@ const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
 const tagsInput = require('@zag-js/tags-input');
+const timePicker = require('@zag-js/time-picker');
 const timer = require('@zag-js/timer');
 const toast = require('@zag-js/toast');
 const toggleGroup = require('@zag-js/toggle-group');
@@ -1143,7 +1144,7 @@ exports.TimePickerSpacer = timePickerSpacer.TimePickerSpacer;
 exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
 exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
-exports.TimePicker = timePicker;
+exports.TimePicker = timePicker$1;
 exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
 exports.TimerContext = timerContext.TimerContext;
 exports.TimerItem = timerItem.TimerItem;
@@ -1312,6 +1313,10 @@ Object.defineProperty(exports, "tagsInputAnatomy", {
 	enumerable: true,
 	get: () => tagsInput.anatomy
 });
+Object.defineProperty(exports, "timePickerAnatomy", {
+	enumerable: true,
+	get: () => timePicker.anatomy
+});
 Object.defineProperty(exports, "timerAnatomy", {
 	enumerable: true,
 	get: () => timer.anatomy

package/dist/components/index.js

@@ -645,6 +645,7 @@ export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';
 export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
+export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';
 export { anatomy as timerAnatomy } from '@zag-js/timer';
 export { anatomy as toastAnatomy } from '@zag-js/toast';
 export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';

package/dist/components/time-picker/index.cjs

@@ -18,7 +18,8 @@ const timePickerSpacer = require('./time-picker-spacer.cjs');
 const timePickerTrigger = require('./time-picker-trigger.cjs');
 const useTimePicker = require('./use-time-picker.cjs');
 const useTimePickerContext = require('./use-time-picker-context.cjs');
-const timePicker = require('./time-picker.cjs');
+const timePicker$1 = require('./time-picker.cjs');
+const timePicker = require('@zag-js/time-picker');
 
 
 
@@ -41,4 +42,8 @@ exports.TimePickerSpacer = timePickerSpacer.TimePickerSpacer;
 exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
 exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
-exports.TimePicker = timePicker;
+exports.TimePicker = timePicker$1;
+Object.defineProperty(exports, "timePickerAnatomy", {
+  enumerable: true,
+  get: () => timePicker.anatomy
+});

package/dist/components/time-picker/index.d.cts

@@ -13,6 +13,7 @@ export { TimePickerRoot, type TimePickerRootBaseProps, type TimePickerRootProps,
 export { TimePickerRootProvider, type TimePickerRootProviderBaseProps, type TimePickerRootProviderProps, } from './time-picker-root-provider';
 export { TimePickerSpacer, type TimePickerSpacerBaseProps, type TimePickerSpacerProps, } from './time-picker-spacer';
 export { TimePickerTrigger, type TimePickerTriggerBaseProps, type TimePickerTriggerProps, } from './time-picker-trigger';
+export { timePickerAnatomy } from './time-picker.anatomy';
 export { useTimePicker, type UseTimePickerProps, type UseTimePickerReturn } from './use-time-picker';
 export { useTimePickerContext, type UseTimePickerContext } from './use-time-picker-context';
 export * as TimePicker from './time-picker';

package/dist/components/time-picker/index.d.ts

@@ -13,6 +13,7 @@ export { TimePickerRoot, type TimePickerRootBaseProps, type TimePickerRootProps,
 export { TimePickerRootProvider, type TimePickerRootProviderBaseProps, type TimePickerRootProviderProps, } from './time-picker-root-provider';
 export { TimePickerSpacer, type TimePickerSpacerBaseProps, type TimePickerSpacerProps, } from './time-picker-spacer';
 export { TimePickerTrigger, type TimePickerTriggerBaseProps, type TimePickerTriggerProps, } from './time-picker-trigger';
+export { timePickerAnatomy } from './time-picker.anatomy';
 export { useTimePicker, type UseTimePickerProps, type UseTimePickerReturn } from './use-time-picker';
 export { useTimePickerContext, type UseTimePickerContext } from './use-time-picker-context';
 export * as TimePicker from './time-picker';

package/dist/components/time-picker/index.js

@@ -16,3 +16,4 @@ export { useTimePicker } from './use-time-picker.js';
 export { useTimePickerContext } from './use-time-picker-context.js';
 import * as timePicker from './time-picker.js';
 export { timePicker as TimePicker };
+export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';

package/dist/components/time-picker/time-picker.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';

package/dist/components/time-picker/time-picker.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';

package/dist/index.cjs

@@ -517,7 +517,7 @@ const timePickerSpacer = require('./components/time-picker/time-picker-spacer.cj
 const timePickerTrigger = require('./components/time-picker/time-picker-trigger.cjs');
 const useTimePicker = require('./components/time-picker/use-time-picker.cjs');
 const useTimePickerContext = require('./components/time-picker/use-time-picker-context.cjs');
-const timePicker = require('./components/time-picker/time-picker.cjs');
+const timePicker$1 = require('./components/time-picker/time-picker.cjs');
 const timerActionTrigger = require('./components/timer/timer-action-trigger.cjs');
 const timerContext = require('./components/timer/timer-context.cjs');
 const timerItem = require('./components/timer/timer-item.cjs');
@@ -612,6 +612,7 @@ const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
 const tagsInput = require('@zag-js/tags-input');
+const timePicker = require('@zag-js/time-picker');
 const timer = require('@zag-js/timer');
 const toast = require('@zag-js/toast');
 const toggleGroup = require('@zag-js/toggle-group');
@@ -1147,7 +1148,7 @@ exports.TimePickerSpacer = timePickerSpacer.TimePickerSpacer;
 exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
 exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
-exports.TimePicker = timePicker;
+exports.TimePicker = timePicker$1;
 exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
 exports.TimerContext = timerContext.TimerContext;
 exports.TimerItem = timerItem.TimerItem;
@@ -1320,6 +1321,10 @@ Object.defineProperty(exports, "tagsInputAnatomy", {
 	enumerable: true,
 	get: () => tagsInput.anatomy
 });
+Object.defineProperty(exports, "timePickerAnatomy", {
+	enumerable: true,
+	get: () => timePicker.anatomy
+});
 Object.defineProperty(exports, "timerAnatomy", {
 	enumerable: true,
 	get: () => timer.anatomy

package/dist/index.js

@@ -649,6 +649,7 @@ export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';
 export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
+export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';
 export { anatomy as timerAnatomy } from '@zag-js/timer';
 export { anatomy as toastAnatomy } from '@zag-js/toast';
 export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "4.3.0",
+  "version": "4.4.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -71,6 +71,16 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./anatomy": {
+      "import": {
+        "types": "./dist/components/anatomy.d.ts",
+        "default": "./dist/components/collection.js"
+      },
+      "require": {
+        "types": "./dist/components/anatomy.d.cts",
+        "default": "./dist/components/anatomy.cjs"
+      }
+    },
     "./collection": {
       "import": {
         "types": "./dist/components/collection.d.ts",
@@ -136,6 +146,7 @@
   "clean-package": {
     "remove": [
       "exports.\\..source",
+      "exports.\\./anatomy.source",
       "exports.\\./collection.source",
       "exports.\\./factory.source",
       "exports.\\./environment.source",
@@ -149,55 +160,55 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.5.6",
-    "@zag-js/accordion": "0.77.0",
-    "@zag-js/anatomy": "0.77.0",
-    "@zag-js/auto-resize": "0.77.0",
-    "@zag-js/avatar": "0.77.0",
-    "@zag-js/carousel": "0.77.0",
-    "@zag-js/checkbox": "0.77.0",
-    "@zag-js/clipboard": "0.77.0",
-    "@zag-js/collapsible": "0.77.0",
-    "@zag-js/collection": "0.77.0",
-    "@zag-js/color-picker": "0.77.0",
-    "@zag-js/color-utils": "0.77.0",
-    "@zag-js/combobox": "0.77.0",
-    "@zag-js/core": "0.77.0",
-    "@zag-js/date-picker": "0.77.0",
-    "@zag-js/date-utils": "0.77.0",
-    "@zag-js/dialog": "0.77.0",
-    "@zag-js/dom-query": "0.77.0",
-    "@zag-js/editable": "0.77.0",
-    "@zag-js/file-upload": "0.77.0",
-    "@zag-js/file-utils": "0.77.0",
-    "@zag-js/highlight-word": "0.77.0",
-    "@zag-js/hover-card": "0.77.0",
-    "@zag-js/i18n-utils": "0.77.0",
-    "@zag-js/menu": "0.77.0",
-    "@zag-js/number-input": "0.77.0",
-    "@zag-js/pagination": "0.77.0",
-    "@zag-js/pin-input": "0.77.0",
-    "@zag-js/popover": "0.77.0",
-    "@zag-js/presence": "0.77.0",
-    "@zag-js/progress": "0.77.0",
-    "@zag-js/qr-code": "0.77.0",
-    "@zag-js/radio-group": "0.77.0",
-    "@zag-js/rating-group": "0.77.0",
-    "@zag-js/react": "0.77.0",
-    "@zag-js/select": "0.77.0",
-    "@zag-js/signature-pad": "0.77.0",
-    "@zag-js/slider": "0.77.0",
-    "@zag-js/splitter": "0.77.0",
-    "@zag-js/steps": "0.77.0",
-    "@zag-js/switch": "0.77.0",
-    "@zag-js/tabs": "0.77.0",
-    "@zag-js/tags-input": "0.77.0",
-    "@zag-js/time-picker": "0.77.0",
-    "@zag-js/timer": "0.77.0",
-    "@zag-js/toast": "0.77.0",
-    "@zag-js/toggle-group": "0.77.0",
-    "@zag-js/tooltip": "0.77.0",
-    "@zag-js/tree-view": "0.77.0",
-    "@zag-js/types": "0.77.0"
+    "@zag-js/accordion": "0.77.1",
+    "@zag-js/anatomy": "0.77.1",
+    "@zag-js/auto-resize": "0.77.1",
+    "@zag-js/avatar": "0.77.1",
+    "@zag-js/carousel": "0.77.1",
+    "@zag-js/checkbox": "0.77.1",
+    "@zag-js/clipboard": "0.77.1",
+    "@zag-js/collapsible": "0.77.1",
+    "@zag-js/collection": "0.77.1",
+    "@zag-js/color-picker": "0.77.1",
+    "@zag-js/color-utils": "0.77.1",
+    "@zag-js/combobox": "0.77.1",
+    "@zag-js/core": "0.77.1",
+    "@zag-js/date-picker": "0.77.1",
+    "@zag-js/date-utils": "0.77.1",
+    "@zag-js/dialog": "0.77.1",
+    "@zag-js/dom-query": "0.77.1",
+    "@zag-js/editable": "0.77.1",
+    "@zag-js/file-upload": "0.77.1",
+    "@zag-js/file-utils": "0.77.1",
+    "@zag-js/highlight-word": "0.77.1",
+    "@zag-js/hover-card": "0.77.1",
+    "@zag-js/i18n-utils": "0.77.1",
+    "@zag-js/menu": "0.77.1",
+    "@zag-js/number-input": "0.77.1",
+    "@zag-js/pagination": "0.77.1",
+    "@zag-js/pin-input": "0.77.1",
+    "@zag-js/popover": "0.77.1",
+    "@zag-js/presence": "0.77.1",
+    "@zag-js/progress": "0.77.1",
+    "@zag-js/qr-code": "0.77.1",
+    "@zag-js/radio-group": "0.77.1",
+    "@zag-js/rating-group": "0.77.1",
+    "@zag-js/react": "0.77.1",
+    "@zag-js/select": "0.77.1",
+    "@zag-js/signature-pad": "0.77.1",
+    "@zag-js/slider": "0.77.1",
+    "@zag-js/splitter": "0.77.1",
+    "@zag-js/steps": "0.77.1",
+    "@zag-js/switch": "0.77.1",
+    "@zag-js/tabs": "0.77.1",
+    "@zag-js/tags-input": "0.77.1",
+    "@zag-js/time-picker": "0.77.1",
+    "@zag-js/timer": "0.77.1",
+    "@zag-js/toast": "0.77.1",
+    "@zag-js/toggle-group": "0.77.1",
+    "@zag-js/tooltip": "0.77.1",
+    "@zag-js/tree-view": "0.77.1",
+    "@zag-js/types": "0.77.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -214,7 +225,7 @@
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
     "@vitejs/plugin-react": "4.3.3",
-    "@zag-js/stringify-state": "0.77.0",
+    "@zag-js/stringify-state": "0.77.1",
     "clean-package": "2.2.0",
     "globby": "14.0.2",
     "jsdom": "25.0.1",
@@ -222,12 +233,12 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.7",
-    "react-hook-form": "7.53.1",
+    "react-hook-form": "7.53.2",
     "release-it": "17.10.0",
     "resize-observer-polyfill": "1.5.1",
     "storybook": "8.4.2",
     "typescript": "5.6.3",
-    "vite": "5.4.10",
+    "vite": "5.4.11",
     "vite-plugin-dts": "4.3.0",
     "vitest": "2.1.4",
     "vitest-axe": "1.0.0-pre.3"