@ark-ui/react 5.29.1 → 5.31.0

package/dist/components/tour/index.cjs

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const tour$1 = require('@zag-js/tour');
+const waitForEvent = require('./wait-for-event.cjs');
 const tourActionTrigger = require('./tour-action-trigger.cjs');
 const tourActions = require('./tour-actions.cjs');
 const tourArrow = require('./tour-arrow.cjs');
@@ -24,6 +26,19 @@ const tour = require('./tour.cjs');
 
 
 
+Object.defineProperty(exports, "waitForElement", {
+  enumerable: true,
+  get: () => tour$1.waitForElement
+});
+Object.defineProperty(exports, "waitForElementValue", {
+  enumerable: true,
+  get: () => tour$1.waitForElementValue
+});
+Object.defineProperty(exports, "waitForPromise", {
+  enumerable: true,
+  get: () => tour$1.waitForPromise
+});
+exports.waitForEvent = waitForEvent.waitForEvent;
 exports.TourActionTrigger = tourActionTrigger.TourActionTrigger;
 exports.TourActions = tourActions.TourActions;
 exports.TourArrow = tourArrow.TourArrow;

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

@@ -1,4 +1,6 @@
-export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, } from '@zag-js/tour';
+export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions } from '@zag-js/tour';
+export { waitForEvent, type WaitForEventOptions } from './wait-for-event';
+export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from '@zag-js/tour';
 export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps } from './tour-action-trigger';
 export { TourActions, type TourActionsProps } from './tour-actions';
 export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow';

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

@@ -1,4 +1,6 @@
-export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, } from '@zag-js/tour';
+export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions } from '@zag-js/tour';
+export { waitForEvent, type WaitForEventOptions } from './wait-for-event';
+export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from '@zag-js/tour';
 export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps } from './tour-action-trigger';
 export { TourActions, type TourActionsProps } from './tour-actions';
 export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow';

package/dist/components/tour/index.js

@@ -1,3 +1,5 @@
+export { waitForElement, waitForElementValue, waitForPromise } from '@zag-js/tour';
+export { waitForEvent } from './wait-for-event.js';
 export { TourActionTrigger } from './tour-action-trigger.js';
 export { TourActions } from './tour-actions.js';
 export { TourArrow } from './tour-arrow.js';

package/dist/components/tour/wait-for-event.cjs

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function waitForEvent(target, event, options) {
+  let cleanup;
+  const { predicate, ...listenerOptions } = options ?? {};
+  const promise = new Promise((resolve) => {
+    const element = target?.();
+    if (!element) {
+      return;
+    }
+    const handler = (e) => {
+      if (!predicate || predicate(element)) {
+        resolve(e);
+        cleanup?.();
+      }
+    };
+    element.addEventListener(event, handler, listenerOptions);
+    cleanup = () => element.removeEventListener(event, handler, listenerOptions);
+  });
+  return [promise, () => cleanup?.()];
+}
+
+exports.waitForEvent = waitForEvent;

package/dist/components/tour/wait-for-event.d.cts

@@ -0,0 +1,6 @@
+type WaitForEventReturn<K extends keyof HTMLElementEventMap> = [Promise<HTMLElementEventMap[K]>, VoidFunction];
+export interface WaitForEventOptions<T extends HTMLElement = HTMLElement> extends AddEventListenerOptions {
+    predicate?: (element: T) => boolean;
+}
+export declare function waitForEvent<T extends HTMLElement = HTMLElement, K extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(target: (() => HTMLElement | null) | undefined, event: K, options?: WaitForEventOptions<T>): WaitForEventReturn<K>;
+export {};

package/dist/components/tour/wait-for-event.d.ts

@@ -0,0 +1,6 @@
+type WaitForEventReturn<K extends keyof HTMLElementEventMap> = [Promise<HTMLElementEventMap[K]>, VoidFunction];
+export interface WaitForEventOptions<T extends HTMLElement = HTMLElement> extends AddEventListenerOptions {
+    predicate?: (element: T) => boolean;
+}
+export declare function waitForEvent<T extends HTMLElement = HTMLElement, K extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(target: (() => HTMLElement | null) | undefined, event: K, options?: WaitForEventOptions<T>): WaitForEventReturn<K>;
+export {};

package/dist/components/tour/wait-for-event.js

@@ -0,0 +1,22 @@
+'use client';
+function waitForEvent(target, event, options) {
+  let cleanup;
+  const { predicate, ...listenerOptions } = options ?? {};
+  const promise = new Promise((resolve) => {
+    const element = target?.();
+    if (!element) {
+      return;
+    }
+    const handler = (e) => {
+      if (!predicate || predicate(element)) {
+        resolve(e);
+        cleanup?.();
+      }
+    };
+    element.addEventListener(event, handler, listenerOptions);
+    cleanup = () => element.removeEventListener(event, handler, listenerOptions);
+  });
+  return [promise, () => cleanup?.()];
+}
+
+export { waitForEvent };

package/dist/components/tree-view/index.cjs

@@ -26,8 +26,8 @@ const treeViewNodeRenameInput = require('./tree-view-node-rename-input.cjs');
 const useTreeView = require('./use-tree-view.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
-const treeView$1 = require('./tree-view.cjs');
-const treeView = require('@zag-js/tree-view');
+const treeView = require('./tree-view.cjs');
+const treeView$1 = require('@zag-js/tree-view');
 
 
 
@@ -56,8 +56,8 @@ exports.TreeViewNodeRenameInput = treeViewNodeRenameInput.TreeViewNodeRenameInpu
 exports.useTreeView = useTreeView.useTreeView;
 exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
 exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
-exports.TreeView = treeView$1;
+exports.TreeView = treeView;
 Object.defineProperty(exports, "treeViewAnatomy", {
   enumerable: true,
-  get: () => treeView.anatomy
+  get: () => treeView$1.anatomy
 });

package/dist/components/tree-view/tree-view-root.cjs

@@ -37,6 +37,7 @@ const TreeViewImpl = (props, ref) => {
     "onRenameComplete",
     "onRenameStart",
     "onSelectionChange",
+    "scrollToIndexFn",
     "selectedValue",
     "selectionMode",
     "typeahead"

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

@@ -33,6 +33,7 @@ const TreeViewImpl = (props, ref) => {
     "onRenameComplete",
     "onRenameStart",
     "onSelectionChange",
+    "scrollToIndexFn",
     "selectedValue",
     "selectionMode",
     "typeahead"