@ark-ui/react 5.3.0 → 5.4.0

package/dist/components/download-trigger/download-trigger.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const fileUtils = require('@zag-js/file-utils');
-const index = require('../../node_modules/@zag-js/utils/dist/index.cjs');
+const utils = require('@zag-js/utils');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const factory = require('../factory.cjs');
@@ -19,7 +19,7 @@ const DownloadTrigger = react.forwardRef((props, ref) => {
   const onClick = (e) => {
     props.onClick?.(e);
     if (e.defaultPrevented) return;
-    if (index.isFunction(data)) {
+    if (utils.isFunction(data)) {
       const maybePromise = data();
       if (maybePromise instanceof Promise) {
         maybePromise.then((data2) => download(data2));

package/dist/components/download-trigger/download-trigger.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { downloadFile } from '@zag-js/file-utils';
-import { isFunction } from '../../node_modules/@zag-js/utils/dist/index.js';
+import { isFunction } from '@zag-js/utils';
 import { forwardRef } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { ark } from '../factory.js';

package/dist/components/menu/menu-item.cjs

@@ -16,11 +16,15 @@ const MenuItem = react.forwardRef((props, ref) => {
     "closeOnSelect",
     "disabled",
     "value",
-    "valueText"
+    "valueText",
+    "onSelect"
   ]);
   const menu = useMenuContext.useMenuContext();
   const mergedProps = react$1.mergeProps(menu.getItemProps(itemProps), localProps);
   const itemState = menu.getItemState(itemProps);
+  react.useEffect(() => {
+    return menu.addItemListener({ id: itemState.id, onSelect: itemProps.onSelect });
+  }, [itemState.id, itemProps.onSelect]);
   return /* @__PURE__ */ jsxRuntime.jsx(useMenuItemContext.MenuItemProvider, { value: itemState, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 MenuItem.displayName = "MenuItem";

package/dist/components/menu/menu-item.d.cts

@@ -1,8 +1,16 @@
 import { ItemProps } from '@zag-js/menu';
+import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface MenuItemBaseProps extends ItemProps, PolymorphicProps {
+interface ItemBaseProps extends ItemProps {
+    /**
+     * The function to call when the item is selected
+     */
+    onSelect?: VoidFunction;
 }
-export interface MenuItemProps extends HTMLProps<'div'>, MenuItemBaseProps {
+export interface MenuItemBaseProps extends ItemBaseProps, PolymorphicProps {
+}
+export interface MenuItemProps extends Assign<HTMLProps<'div'>, MenuItemBaseProps> {
 }
 export declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/menu/menu-item.d.ts

@@ -1,8 +1,16 @@
 import { ItemProps } from '@zag-js/menu';
+import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface MenuItemBaseProps extends ItemProps, PolymorphicProps {
+interface ItemBaseProps extends ItemProps {
+    /**
+     * The function to call when the item is selected
+     */
+    onSelect?: VoidFunction;
 }
-export interface MenuItemProps extends HTMLProps<'div'>, MenuItemBaseProps {
+export interface MenuItemBaseProps extends ItemBaseProps, PolymorphicProps {
+}
+export interface MenuItemProps extends Assign<HTMLProps<'div'>, MenuItemBaseProps> {
 }
 export declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/menu/menu-item.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
+import { forwardRef, useEffect } from 'react';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useMenuContext } from './use-menu-context.js';
@@ -12,11 +12,15 @@ const MenuItem = forwardRef((props, ref) => {
     "closeOnSelect",
     "disabled",
     "value",
-    "valueText"
+    "valueText",
+    "onSelect"
   ]);
   const menu = useMenuContext();
   const mergedProps = mergeProps(menu.getItemProps(itemProps), localProps);
   const itemState = menu.getItemState(itemProps);
+  useEffect(() => {
+    return menu.addItemListener({ id: itemState.id, onSelect: itemProps.onSelect });
+  }, [itemState.id, itemProps.onSelect]);
   return /* @__PURE__ */ jsx(MenuItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 MenuItem.displayName = "MenuItem";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -148,88 +148,89 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.7.0",
-    "@zag-js/accordion": "1.6.0",
-    "@zag-js/anatomy": "1.6.0",
-    "@zag-js/auto-resize": "1.6.0",
-    "@zag-js/avatar": "1.6.0",
-    "@zag-js/carousel": "1.6.0",
-    "@zag-js/checkbox": "1.6.0",
-    "@zag-js/clipboard": "1.6.0",
-    "@zag-js/collapsible": "1.6.0",
-    "@zag-js/collection": "1.6.0",
-    "@zag-js/color-picker": "1.6.0",
-    "@zag-js/color-utils": "1.6.0",
-    "@zag-js/combobox": "1.6.0",
-    "@zag-js/core": "1.6.0",
-    "@zag-js/date-picker": "1.6.0",
-    "@zag-js/date-utils": "1.6.0",
-    "@zag-js/dialog": "1.6.0",
-    "@zag-js/dom-query": "1.6.0",
-    "@zag-js/editable": "1.6.0",
-    "@zag-js/file-upload": "1.6.0",
-    "@zag-js/file-utils": "1.6.0",
-    "@zag-js/focus-trap": "1.6.0",
-    "@zag-js/highlight-word": "1.6.0",
-    "@zag-js/hover-card": "1.6.0",
-    "@zag-js/i18n-utils": "1.6.0",
-    "@zag-js/menu": "1.6.0",
-    "@zag-js/number-input": "1.6.0",
-    "@zag-js/pagination": "1.6.0",
-    "@zag-js/pin-input": "1.6.0",
-    "@zag-js/popover": "1.6.0",
-    "@zag-js/presence": "1.6.0",
-    "@zag-js/progress": "1.6.0",
-    "@zag-js/qr-code": "1.6.0",
-    "@zag-js/radio-group": "1.6.0",
-    "@zag-js/rating-group": "1.6.0",
-    "@zag-js/react": "1.6.0",
-    "@zag-js/select": "1.6.0",
-    "@zag-js/signature-pad": "1.6.0",
-    "@zag-js/slider": "1.6.0",
-    "@zag-js/splitter": "1.6.0",
-    "@zag-js/steps": "1.6.0",
-    "@zag-js/switch": "1.6.0",
-    "@zag-js/tabs": "1.6.0",
-    "@zag-js/tags-input": "1.6.0",
-    "@zag-js/time-picker": "1.6.0",
-    "@zag-js/timer": "1.6.0",
-    "@zag-js/toast": "1.6.0",
-    "@zag-js/toggle": "1.6.0",
-    "@zag-js/toggle-group": "1.6.0",
-    "@zag-js/tooltip": "1.6.0",
-    "@zag-js/tour": "1.6.0",
-    "@zag-js/tree-view": "1.6.0",
-    "@zag-js/types": "1.6.0"
+    "@zag-js/accordion": "1.7.0",
+    "@zag-js/anatomy": "1.7.0",
+    "@zag-js/auto-resize": "1.7.0",
+    "@zag-js/avatar": "1.7.0",
+    "@zag-js/carousel": "1.7.0",
+    "@zag-js/checkbox": "1.7.0",
+    "@zag-js/clipboard": "1.7.0",
+    "@zag-js/collapsible": "1.7.0",
+    "@zag-js/collection": "1.7.0",
+    "@zag-js/color-picker": "1.7.0",
+    "@zag-js/color-utils": "1.7.0",
+    "@zag-js/combobox": "1.7.0",
+    "@zag-js/core": "1.7.0",
+    "@zag-js/date-picker": "1.7.0",
+    "@zag-js/date-utils": "1.7.0",
+    "@zag-js/dialog": "1.7.0",
+    "@zag-js/dom-query": "1.7.0",
+    "@zag-js/editable": "1.7.0",
+    "@zag-js/file-upload": "1.7.0",
+    "@zag-js/file-utils": "1.7.0",
+    "@zag-js/focus-trap": "1.7.0",
+    "@zag-js/highlight-word": "1.7.0",
+    "@zag-js/hover-card": "1.7.0",
+    "@zag-js/i18n-utils": "1.7.0",
+    "@zag-js/menu": "1.7.0",
+    "@zag-js/number-input": "1.7.0",
+    "@zag-js/pagination": "1.7.0",
+    "@zag-js/pin-input": "1.7.0",
+    "@zag-js/popover": "1.7.0",
+    "@zag-js/presence": "1.7.0",
+    "@zag-js/progress": "1.7.0",
+    "@zag-js/qr-code": "1.7.0",
+    "@zag-js/radio-group": "1.7.0",
+    "@zag-js/rating-group": "1.7.0",
+    "@zag-js/react": "1.7.0",
+    "@zag-js/select": "1.7.0",
+    "@zag-js/signature-pad": "1.7.0",
+    "@zag-js/slider": "1.7.0",
+    "@zag-js/splitter": "1.7.0",
+    "@zag-js/steps": "1.7.0",
+    "@zag-js/switch": "1.7.0",
+    "@zag-js/tabs": "1.7.0",
+    "@zag-js/tags-input": "1.7.0",
+    "@zag-js/time-picker": "1.7.0",
+    "@zag-js/timer": "1.7.0",
+    "@zag-js/toast": "1.7.0",
+    "@zag-js/toggle": "1.7.0",
+    "@zag-js/toggle-group": "1.7.0",
+    "@zag-js/tooltip": "1.7.0",
+    "@zag-js/tour": "1.7.0",
+    "@zag-js/tree-view": "1.7.0",
+    "@zag-js/types": "1.7.0",
+    "@zag-js/utils": "1.7.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@release-it/keep-a-changelog": "6.0.0",
-    "@storybook/addon-a11y": "8.6.7",
-    "@storybook/addon-essentials": "8.6.7",
-    "@storybook/react": "8.6.7",
-    "@storybook/react-vite": "8.6.7",
+    "@storybook/addon-a11y": "8.6.11",
+    "@storybook/addon-essentials": "8.6.11",
+    "@storybook/react": "8.6.11",
+    "@storybook/react-vite": "8.6.11",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
     "@testing-library/user-event": "14.6.1",
     "@types/jsdom": "21.1.7",
-    "@types/react": "19.0.10",
+    "@types/react": "19.0.12",
     "@types/react-dom": "19.0.4",
     "@vitejs/plugin-react": "4.3.4",
-    "@zag-js/stringify-state": "1.6.0",
+    "@zag-js/stringify-state": "1.7.0",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
     "happy-dom": "17.4.4",
-    "lucide-react": "0.482.0",
+    "lucide-react": "0.484.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.54.2",
     "release-it": "18.1.2",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.6.7",
+    "storybook": "8.6.11",
     "typescript": "5.8.2",
-    "vite": "6.2.2",
+    "vite": "6.2.3",
     "vite-plugin-dts": "4.5.3",
     "vitest": "3.0.9",
     "@vitest/coverage-v8": "3.0.9",

package/dist/node_modules/@zag-js/utils/dist/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-// src/array.ts
-var isFunction = (v) => typeof v === "function";
-var fnToString = Function.prototype.toString;
-fnToString.call(Object);
-
-exports.isFunction = isFunction;

package/dist/node_modules/@zag-js/utils/dist/index.js

@@ -1,6 +0,0 @@
-// src/array.ts
-var isFunction = (v) => typeof v === "function";
-var fnToString = Function.prototype.toString;
-fnToString.call(Object);
-
-export { isFunction };