@ark-ui/react 5.39.2 → 5.40.0

package/dist/components/tour/tour-root.d.ts

@@ -7,4 +7,4 @@ export interface TourRootBaseProps extends UsePresenceProps {
 export interface TourRootProps extends TourRootBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const TourRoot: (props: TourRootProps) => import("react").JSX.Element;
+export declare const TourRoot: (props: TourRootProps) => import('react').JSX.Element;

package/dist/components/tour/tour-spotlight.cjs

@@ -17,7 +17,7 @@ var TourSpotlight = (0, react.forwardRef)((props, ref) => {
 		present: tour.open
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(tour.getSpotlightProps(), presence.getPresenceProps(), props);
-	const hidden = !tour.open || !tour.step?.target?.();
+	const hidden = mergedProps.hidden || !tour.step?.target?.();
 	const composedRefs = require_compose_refs.useComposedRefs(presence.ref, ref);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence_gate.PresenceGate, {
 		presence,

package/dist/components/tour/tour-spotlight.js

@@ -17,7 +17,7 @@ var TourSpotlight = forwardRef((props, ref) => {
 		present: tour.open
 	});
 	const mergedProps = mergeProps(tour.getSpotlightProps(), presence.getPresenceProps(), props);
-	const hidden = !tour.open || !tour.step?.target?.();
+	const hidden = mergedProps.hidden || !tour.step?.target?.();
 	const composedRefs = useComposedRefs(presence.ref, ref);
 	return /* @__PURE__ */ jsx(PresenceGate, {
 		presence,

package/dist/components/tour/tour.d.cts

@@ -1,5 +1,5 @@
 export type { WaitForOptions as WaitOptions } from '@zag-js/dom-query';
-export type { FocusOutsideEvent, InteractOutsideEvent, Point, PointerDownOutsideEvent, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, } from '@zag-js/tour';
+export type { ElementIds, FocusOutsideEvent, InteractOutsideEvent, IntlTranslations, Point, PointerDownOutsideEvent, ProgressTextDetails, ScrollToTargetDetails, StatusChangeDetails, StepAction, StepActionFn, StepActionMap, StepActionTriggerProps, StepActionType, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepEffectCleanup, StepPlacement, StepsChangeDetails, StepStatus, StepType, } from '@zag-js/tour';
 export { TourActionTrigger as ActionTrigger, type TourActionTriggerBaseProps as ActionTriggerBaseProps, type TourActionTriggerProps as ActionTriggerProps, } from './tour-action-trigger.js';
 export { TourActions as Actions, type TourActionsProps as ActionsProps } from './tour-actions.js';
 export { TourArrow as Arrow, type TourArrowBaseProps as ArrowBaseProps, type TourArrowProps as ArrowProps, } from './tour-arrow.js';

package/dist/components/tour/tour.d.ts

@@ -1,5 +1,5 @@
 export type { WaitForOptions as WaitOptions } from '@zag-js/dom-query';
-export type { FocusOutsideEvent, InteractOutsideEvent, Point, PointerDownOutsideEvent, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, } from '@zag-js/tour';
+export type { ElementIds, FocusOutsideEvent, InteractOutsideEvent, IntlTranslations, Point, PointerDownOutsideEvent, ProgressTextDetails, ScrollToTargetDetails, StatusChangeDetails, StepAction, StepActionFn, StepActionMap, StepActionTriggerProps, StepActionType, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepEffectCleanup, StepPlacement, StepsChangeDetails, StepStatus, StepType, } from '@zag-js/tour';
 export { TourActionTrigger as ActionTrigger, type TourActionTriggerBaseProps as ActionTriggerBaseProps, type TourActionTriggerProps as ActionTriggerProps, } from './tour-action-trigger.js';
 export { TourActions as Actions, type TourActionsProps as ActionsProps } from './tour-actions.js';
 export { TourArrow as Arrow, type TourArrowBaseProps as ArrowBaseProps, type TourArrowProps as ArrowProps, } from './tour-arrow.js';

package/dist/components/tree-view/tree-view-node-checkbox-indicator.d.cts

@@ -7,6 +7,6 @@ export interface TreeViewNodeCheckboxIndicatorBaseProps {
 export interface TreeViewNodeCheckboxIndicatorProps extends HTMLProps<'span'>, TreeViewNodeCheckboxIndicatorBaseProps {
 }
 export declare const TreeViewNodeCheckboxIndicator: {
-    (props: TreeViewNodeCheckboxIndicatorProps): import("react").JSX.Element;
+    (props: TreeViewNodeCheckboxIndicatorProps): import('react').JSX.Element;
     displayName: string;
 };

package/dist/components/tree-view/tree-view-node-checkbox-indicator.d.ts

@@ -7,6 +7,6 @@ export interface TreeViewNodeCheckboxIndicatorBaseProps {
 export interface TreeViewNodeCheckboxIndicatorProps extends HTMLProps<'span'>, TreeViewNodeCheckboxIndicatorBaseProps {
 }
 export declare const TreeViewNodeCheckboxIndicator: {
-    (props: TreeViewNodeCheckboxIndicatorProps): import("react").JSX.Element;
+    (props: TreeViewNodeCheckboxIndicatorProps): import('react').JSX.Element;
     displayName: string;
 };

package/dist/components/tree-view/tree-view-node-provider.d.cts

@@ -5,4 +5,4 @@ export interface TreeViewNodeProviderBaseProps<T> extends NodeProps {
 export interface TreeViewNodeProviderProps<T> extends TreeViewNodeProviderBaseProps<T> {
     children?: React.ReactNode | undefined;
 }
-export declare function TreeViewNodeProvider<T>(props: TreeViewNodeProviderProps<T>): import("react").JSX.Element;
+export declare function TreeViewNodeProvider<T>(props: TreeViewNodeProviderProps<T>): import('react').JSX.Element;

package/dist/components/tree-view/tree-view-node-provider.d.ts

@@ -5,4 +5,4 @@ export interface TreeViewNodeProviderBaseProps<T> extends NodeProps {
 export interface TreeViewNodeProviderProps<T> extends TreeViewNodeProviderBaseProps<T> {
     children?: React.ReactNode | undefined;
 }
-export declare function TreeViewNodeProvider<T>(props: TreeViewNodeProviderProps<T>): import("react").JSX.Element;
+export declare function TreeViewNodeProvider<T>(props: TreeViewNodeProviderProps<T>): import('react').JSX.Element;

package/dist/components/tree-view/tree-view.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as treeViewAnatomy } from "@zag-js/tree-view";
-export { treeViewAnatomy };
+export { anatomy as treeViewAnatomy } from "@zag-js/tree-view";

package/dist/providers/environment/environment-provider.d.cts

@@ -4,4 +4,4 @@ export interface EnvironmentProviderProps {
     children?: ReactNode | undefined;
     value?: RootNode | (() => RootNode) | undefined;
 }
-export declare const EnvironmentProvider: (props: EnvironmentProviderProps) => import("react").JSX.Element;
+export declare const EnvironmentProvider: (props: EnvironmentProviderProps) => import('react').JSX.Element;

package/dist/providers/environment/environment-provider.d.ts

@@ -4,4 +4,4 @@ export interface EnvironmentProviderProps {
     children?: ReactNode | undefined;
     value?: RootNode | (() => RootNode) | undefined;
 }
-export declare const EnvironmentProvider: (props: EnvironmentProviderProps) => import("react").JSX.Element;
+export declare const EnvironmentProvider: (props: EnvironmentProviderProps) => import('react').JSX.Element;

package/dist/providers/hotkeys/use-platform.cjs

@@ -2,11 +2,10 @@
 let react = require("react");
 let _zag_js_dom_query = require("@zag-js/dom-query");
 //#region src/providers/hotkeys/use-platform.ts
-var isLinux = () => /^Linux|^CrOS/i.test((0, _zag_js_dom_query.getPlatform)()) && !(0, _zag_js_dom_query.isAndroid)();
 var subscribe = () => () => {};
 var detect = () => {
 	if ((0, _zag_js_dom_query.isApple)()) return "mac";
-	if (isLinux()) return "linux";
+	if ((0, _zag_js_dom_query.isLinux)()) return "linux";
 	return "windows";
 };
 var usePlatform = () => {

package/dist/providers/hotkeys/use-platform.d.cts

@@ -1,2 +1,3 @@
-export type Platform = 'mac' | 'windows' | 'linux';
+import { Platform } from '@zag-js/hotkeys';
+export type { Platform };
 export declare const usePlatform: () => Platform;

package/dist/providers/hotkeys/use-platform.d.ts

@@ -1,2 +1,3 @@
-export type Platform = 'mac' | 'windows' | 'linux';
+import { Platform } from '@zag-js/hotkeys';
+export type { Platform };
 export declare const usePlatform: () => Platform;

package/dist/providers/hotkeys/use-platform.js

@@ -1,8 +1,7 @@
 "use client";
 import { useCallback, useSyncExternalStore } from "react";
-import { getPlatform, isAndroid, isApple } from "@zag-js/dom-query";
+import { isApple, isLinux } from "@zag-js/dom-query";
 //#region src/providers/hotkeys/use-platform.ts
-var isLinux = () => /^Linux|^CrOS/i.test(getPlatform()) && !isAndroid();
 var subscribe = () => () => {};
 var detect = () => {
 	if (isApple()) return "mac";

package/dist/providers/locale/locale-provider.d.cts

@@ -6,4 +6,4 @@ export interface LocaleProviderProps extends PropsWithChildren {
      */
     locale: string;
 }
-export declare const LocaleProvider: (props: LocaleProviderProps) => import("react").JSX.Element;
+export declare const LocaleProvider: (props: LocaleProviderProps) => import('react').JSX.Element;

package/dist/providers/locale/locale-provider.d.ts

@@ -6,4 +6,4 @@ export interface LocaleProviderProps extends PropsWithChildren {
      */
     locale: string;
 }
-export declare const LocaleProvider: (props: LocaleProviderProps) => import("react").JSX.Element;
+export declare const LocaleProvider: (props: LocaleProviderProps) => import('react').JSX.Element;

package/dist/utils/attr.js

@@ -1,2 +1 @@
-import { ariaAttr, dataAttr } from "@zag-js/dom-query";
-export { ariaAttr, dataAttr };
+export { ariaAttr, dataAttr } from "@zag-js/dom-query";

package/dist/utils/react-activity.cjs

@@ -3,7 +3,7 @@ const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
 //#region src/utils/react-activity.ts
-var getActivity = (react$1) => Reflect.get(react$1, "Activity");
+var getActivity = (react) => Reflect.get(react, "Activity");
 var Activity = getActivity(react);
 var supportsActivity = Activity !== void 0;
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.39.2",
+  "version": "5.40.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -171,107 +171,107 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.12.4",
-    "@zag-js/accordion": "1.43.3",
-    "@zag-js/anatomy": "1.43.3",
-    "@zag-js/angle-slider": "1.43.3",
-    "@zag-js/async-list": "1.43.3",
-    "@zag-js/auto-resize": "1.43.3",
-    "@zag-js/avatar": "1.43.3",
-    "@zag-js/carousel": "1.43.3",
-    "@zag-js/cascade-select": "1.43.3",
-    "@zag-js/checkbox": "1.43.3",
-    "@zag-js/clipboard": "1.43.3",
-    "@zag-js/collapsible": "1.43.3",
-    "@zag-js/collection": "1.43.3",
-    "@zag-js/color-picker": "1.43.3",
-    "@zag-js/color-utils": "1.43.3",
-    "@zag-js/combobox": "1.43.3",
-    "@zag-js/core": "1.43.3",
-    "@zag-js/date-input": "1.43.3",
-    "@zag-js/date-picker": "1.43.3",
-    "@zag-js/date-utils": "1.43.3",
-    "@zag-js/dialog": "1.43.3",
-    "@zag-js/dom-query": "1.43.3",
-    "@zag-js/drawer": "1.43.3",
-    "@zag-js/editable": "1.43.3",
-    "@zag-js/file-upload": "1.43.3",
-    "@zag-js/file-utils": "1.43.3",
-    "@zag-js/floating-panel": "1.43.3",
-    "@zag-js/focus-trap": "1.43.3",
-    "@zag-js/focus-visible": "1.43.3",
-    "@zag-js/highlight-word": "1.43.3",
-    "@zag-js/hotkeys": "1.43.3",
-    "@zag-js/hover-card": "1.43.3",
-    "@zag-js/i18n-utils": "1.43.3",
-    "@zag-js/image-cropper": "1.43.3",
-    "@zag-js/json-tree-utils": "1.43.3",
-    "@zag-js/listbox": "1.43.3",
-    "@zag-js/marquee": "1.43.3",
-    "@zag-js/menu": "1.43.3",
-    "@zag-js/navigation-menu": "1.43.3",
-    "@zag-js/number-input": "1.43.3",
-    "@zag-js/pagination": "1.43.3",
-    "@zag-js/password-input": "1.43.3",
-    "@zag-js/pin-input": "1.43.3",
-    "@zag-js/popover": "1.43.3",
-    "@zag-js/presence": "1.43.3",
-    "@zag-js/progress": "1.43.3",
-    "@zag-js/qr-code": "1.43.3",
-    "@zag-js/radio-group": "1.43.3",
-    "@zag-js/rating-group": "1.43.3",
-    "@zag-js/react": "1.43.3",
-    "@zag-js/scroll-area": "1.43.3",
-    "@zag-js/select": "1.43.3",
-    "@zag-js/signature-pad": "1.43.3",
-    "@zag-js/slider": "1.43.3",
-    "@zag-js/splitter": "1.43.3",
-    "@zag-js/steps": "1.43.3",
-    "@zag-js/switch": "1.43.3",
-    "@zag-js/tabs": "1.43.3",
-    "@zag-js/tags-input": "1.43.3",
-    "@zag-js/timer": "1.43.3",
-    "@zag-js/toast": "1.43.3",
-    "@zag-js/toc": "1.43.3",
-    "@zag-js/toggle": "1.43.3",
-    "@zag-js/toggle-group": "1.43.3",
-    "@zag-js/tooltip": "1.43.3",
-    "@zag-js/tour": "1.43.3",
-    "@zag-js/tree-view": "1.43.3",
-    "@zag-js/types": "1.43.3",
-    "@zag-js/utils": "1.43.3"
+    "@zag-js/accordion": "1.47.0",
+    "@zag-js/anatomy": "1.47.0",
+    "@zag-js/angle-slider": "1.47.0",
+    "@zag-js/async-list": "1.47.0",
+    "@zag-js/auto-resize": "1.47.0",
+    "@zag-js/avatar": "1.47.0",
+    "@zag-js/carousel": "1.47.0",
+    "@zag-js/cascade-select": "1.47.0",
+    "@zag-js/checkbox": "1.47.0",
+    "@zag-js/clipboard": "1.47.0",
+    "@zag-js/collapsible": "1.47.0",
+    "@zag-js/collection": "1.47.0",
+    "@zag-js/color-picker": "1.47.0",
+    "@zag-js/color-utils": "1.47.0",
+    "@zag-js/combobox": "1.47.0",
+    "@zag-js/core": "1.47.0",
+    "@zag-js/date-input": "1.47.0",
+    "@zag-js/date-picker": "1.47.0",
+    "@zag-js/date-utils": "1.47.0",
+    "@zag-js/dialog": "1.47.0",
+    "@zag-js/dom-query": "1.47.0",
+    "@zag-js/drawer": "1.47.0",
+    "@zag-js/editable": "1.47.0",
+    "@zag-js/file-upload": "1.47.0",
+    "@zag-js/file-utils": "1.47.0",
+    "@zag-js/floating-panel": "1.47.0",
+    "@zag-js/focus-trap": "1.47.0",
+    "@zag-js/focus-visible": "1.47.0",
+    "@zag-js/highlight-word": "1.47.0",
+    "@zag-js/hotkeys": "1.47.0",
+    "@zag-js/hover-card": "1.47.0",
+    "@zag-js/i18n-utils": "1.47.0",
+    "@zag-js/image-cropper": "1.47.0",
+    "@zag-js/json-tree-utils": "1.47.0",
+    "@zag-js/listbox": "1.47.0",
+    "@zag-js/marquee": "1.47.0",
+    "@zag-js/menu": "1.47.0",
+    "@zag-js/navigation-menu": "1.47.0",
+    "@zag-js/number-input": "1.47.0",
+    "@zag-js/pagination": "1.47.0",
+    "@zag-js/password-input": "1.47.0",
+    "@zag-js/pin-input": "1.47.0",
+    "@zag-js/popover": "1.47.0",
+    "@zag-js/presence": "1.47.0",
+    "@zag-js/progress": "1.47.0",
+    "@zag-js/qr-code": "1.47.0",
+    "@zag-js/radio-group": "1.47.0",
+    "@zag-js/rating-group": "1.47.0",
+    "@zag-js/react": "1.47.0",
+    "@zag-js/scroll-area": "1.47.0",
+    "@zag-js/select": "1.47.0",
+    "@zag-js/signature-pad": "1.47.0",
+    "@zag-js/slider": "1.47.0",
+    "@zag-js/splitter": "1.47.0",
+    "@zag-js/steps": "1.47.0",
+    "@zag-js/switch": "1.47.0",
+    "@zag-js/tabs": "1.47.0",
+    "@zag-js/tags-input": "1.47.0",
+    "@zag-js/timer": "1.47.0",
+    "@zag-js/toast": "1.47.0",
+    "@zag-js/toc": "1.47.0",
+    "@zag-js/toggle": "1.47.0",
+    "@zag-js/toggle-group": "1.47.0",
+    "@zag-js/tooltip": "1.47.0",
+    "@zag-js/tour": "1.47.0",
+    "@zag-js/tree-view": "1.47.0",
+    "@zag-js/types": "1.47.0",
+    "@zag-js/utils": "1.47.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.5.12",
-    "@storybook/addon-a11y": "10.6.0",
-    "@storybook/react-vite": "10.6.0",
-    "@tanstack/react-virtual": "3.14.10",
-    "@testing-library/dom": "10.4.1",
+    "@biomejs/biome": "2.5.15",
+    "@storybook/addon-a11y": "10.6.1",
+    "@storybook/react-vite": "10.6.1",
+    "@tanstack/react-virtual": "3.14.13",
+    "@testing-library/dom": "10.4.2",
     "@testing-library/jest-dom": "7.0.1",
     "@testing-library/react": "16.3.3",
     "@testing-library/user-event": "14.6.7",
     "@types/jsdom": "30.0.0",
-    "@types/react": "19.2.18",
-    "@types/react-dom": "19.2.7",
-    "@vitejs/plugin-react": "6.1.1",
-    "@vitest/coverage-v8": "4.1.11",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@vitejs/plugin-react": "6.1.2",
+    "@vitest/coverage-v8": "5.0.3",
     "check-password-strength": "3.0.0",
     "clean-package": "2.2.0",
     "globby": "16.2.4",
-    "happy-dom": "20.14.0",
+    "happy-dom": "21.0.4",
     "image-conversion": "2.1.1",
-    "lucide-react": "1.41.0",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
+    "lucide-react": "1.53.0",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
     "react-frame-component": "5.3.2",
-    "react-hook-form": "7.87.0",
+    "react-hook-form": "7.89.0",
     "react-shadow": "20.6.0",
     "react-use": "17.6.1",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "10.6.0",
+    "storybook": "10.6.1",
     "typescript": "6.0.3",
-    "vite": "8.2.2",
-    "vite-plugin-dts": "5.1.0",
-    "vitest": "4.1.11",
+    "vite": "8.3.4",
+    "vite-plugin-dts": "5.1.2",
+    "vitest": "5.0.3",
     "vitest-axe": "1.0.0-pre.5"
   },
   "peerDependencies": {