@ark-ui/react 4.9.1 → 5.0.0

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

@@ -1,12 +1,12 @@
 export type { OpenChangeDetails as TooltipOpenChangeDetails } from '@zag-js/tooltip';
 export { TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps } from './tooltip-arrow';
-export { TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps, } from './tooltip-arrow-tip';
-export { TooltipContent, type TooltipContentBaseProps, type TooltipContentProps, } from './tooltip-content';
+export { TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps } from './tooltip-arrow-tip';
+export { TooltipContent, type TooltipContentBaseProps, type TooltipContentProps } from './tooltip-content';
 export { TooltipContext, type TooltipContextProps } from './tooltip-context';
-export { TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps, } from './tooltip-positioner';
+export { TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps } from './tooltip-positioner';
 export { TooltipRoot, type TooltipRootBaseProps, type TooltipRootProps } from './tooltip-root';
 export { TooltipRootProvider, type TooltipRootProviderBaseProps, type TooltipRootProviderProps, } from './tooltip-root-provider';
-export { TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps, } from './tooltip-trigger';
+export { TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps } from './tooltip-trigger';
 export { tooltipAnatomy } from './tooltip.anatomy';
 export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip';
 export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context';

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

@@ -1,12 +1,12 @@
 export type { OpenChangeDetails as TooltipOpenChangeDetails } from '@zag-js/tooltip';
 export { TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps } from './tooltip-arrow';
-export { TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps, } from './tooltip-arrow-tip';
-export { TooltipContent, type TooltipContentBaseProps, type TooltipContentProps, } from './tooltip-content';
+export { TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps } from './tooltip-arrow-tip';
+export { TooltipContent, type TooltipContentBaseProps, type TooltipContentProps } from './tooltip-content';
 export { TooltipContext, type TooltipContextProps } from './tooltip-context';
-export { TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps, } from './tooltip-positioner';
+export { TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps } from './tooltip-positioner';
 export { TooltipRoot, type TooltipRootBaseProps, type TooltipRootProps } from './tooltip-root';
 export { TooltipRootProvider, type TooltipRootProviderBaseProps, type TooltipRootProviderProps, } from './tooltip-root-provider';
-export { TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps, } from './tooltip-trigger';
+export { TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps } from './tooltip-trigger';
 export { tooltipAnatomy } from './tooltip.anatomy';
 export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip';
 export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context';

package/dist/components/tooltip/tooltip-positioner.cjs

@@ -10,17 +10,15 @@ const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useTooltipContext = require('./use-tooltip-context.cjs');
 
-const TooltipPositioner = react.forwardRef(
-  (props, ref) => {
-    const tooltip = useTooltipContext.useTooltipContext();
-    const mergedProps = react$1.mergeProps(tooltip.getPositionerProps(), props);
-    const presence = usePresenceContext.usePresenceContext();
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+const TooltipPositioner = react.forwardRef((props, ref) => {
+  const tooltip = useTooltipContext.useTooltipContext();
+  const mergedProps = react$1.mergeProps(tooltip.getPositionerProps(), props);
+  const presence = usePresenceContext.usePresenceContext();
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 TooltipPositioner.displayName = "TooltipPositioner";
 
 exports.TooltipPositioner = TooltipPositioner;

package/dist/components/tooltip/tooltip-positioner.js

@@ -6,17 +6,15 @@ import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useTooltipContext } from './use-tooltip-context.js';
 
-const TooltipPositioner = forwardRef(
-  (props, ref) => {
-    const tooltip = useTooltipContext();
-    const mergedProps = mergeProps(tooltip.getPositionerProps(), props);
-    const presence = usePresenceContext();
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+const TooltipPositioner = forwardRef((props, ref) => {
+  const tooltip = useTooltipContext();
+  const mergedProps = mergeProps(tooltip.getPositionerProps(), props);
+  const presence = usePresenceContext();
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 TooltipPositioner.displayName = "TooltipPositioner";
 
 export { TooltipPositioner };

package/dist/components/tooltip/tooltip.d.cts

@@ -2,7 +2,7 @@ export type { OpenChangeDetails } from '@zag-js/tooltip';
 export { TooltipArrow as Arrow, type TooltipArrowBaseProps as ArrowBaseProps, type TooltipArrowProps as ArrowProps, } from './tooltip-arrow';
 export { TooltipArrowTip as ArrowTip, type TooltipArrowTipBaseProps as ArrowTipBaseProps, type TooltipArrowTipProps as ArrowTipProps, } from './tooltip-arrow-tip';
 export { TooltipContent as Content, type TooltipContentBaseProps as ContentBaseProps, type TooltipContentProps as ContentProps, } from './tooltip-content';
-export { TooltipContext as Context, type TooltipContextProps as ContextProps, } from './tooltip-context';
+export { TooltipContext as Context, type TooltipContextProps as ContextProps } from './tooltip-context';
 export { TooltipPositioner as Positioner, type TooltipPositionerBaseProps as PositionerBaseProps, type TooltipPositionerProps as PositionerProps, } from './tooltip-positioner';
 export { TooltipRoot as Root, type TooltipRootBaseProps as RootBaseProps, type TooltipRootProps as RootProps, } from './tooltip-root';
 export { TooltipRootProvider as RootProvider, type TooltipRootProviderBaseProps as RootProviderBaseProps, type TooltipRootProviderProps as RootProviderProps, } from './tooltip-root-provider';

package/dist/components/tooltip/tooltip.d.ts

@@ -2,7 +2,7 @@ export type { OpenChangeDetails } from '@zag-js/tooltip';
 export { TooltipArrow as Arrow, type TooltipArrowBaseProps as ArrowBaseProps, type TooltipArrowProps as ArrowProps, } from './tooltip-arrow';
 export { TooltipArrowTip as ArrowTip, type TooltipArrowTipBaseProps as ArrowTipBaseProps, type TooltipArrowTipProps as ArrowTipProps, } from './tooltip-arrow-tip';
 export { TooltipContent as Content, type TooltipContentBaseProps as ContentBaseProps, type TooltipContentProps as ContentProps, } from './tooltip-content';
-export { TooltipContext as Context, type TooltipContextProps as ContextProps, } from './tooltip-context';
+export { TooltipContext as Context, type TooltipContextProps as ContextProps } from './tooltip-context';
 export { TooltipPositioner as Positioner, type TooltipPositionerBaseProps as PositionerBaseProps, type TooltipPositionerProps as PositionerProps, } from './tooltip-positioner';
 export { TooltipRoot as Root, type TooltipRootBaseProps as RootBaseProps, type TooltipRootProps as RootProps, } from './tooltip-root';
 export { TooltipRootProvider as RootProvider, type TooltipRootProviderBaseProps as RootProviderBaseProps, type TooltipRootProviderProps as RootProviderProps, } from './tooltip-root-provider';

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

@@ -8,7 +8,6 @@ const tooltip = require('@zag-js/tooltip');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const useEvent = require('../../utils/use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -30,22 +29,17 @@ function _interopNamespaceDefault(e) {
 const tooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(tooltip);
 
 const useTooltip = (props = {}) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
-  const initialContext = {
-    id: react.useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onOpenChange: useEvent.useEvent(props.onOpenChange, { sync: true })
-  };
-  const [state, send] = react$1.useMachine(tooltip__namespace.machine(initialContext), { context });
-  return tooltip__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(tooltip__namespace.machine, machineProps);
+  return tooltip__namespace.connect(service, react$1.normalizeProps);
 };
 
 exports.useTooltip = useTooltip;

package/dist/components/tooltip/use-tooltip.d.cts

@@ -1,12 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as tooltip from '@zag-js/tooltip';
-export interface UseTooltipProps extends Optional<Omit<tooltip.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
-    /**
-     * The initial open state of the tooltip when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: tooltip.Context['open'];
+export interface UseTooltipProps extends Optional<Omit<tooltip.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseTooltipReturn extends tooltip.Api<PropTypes> {
 }

package/dist/components/tooltip/use-tooltip.d.ts

@@ -1,12 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as tooltip from '@zag-js/tooltip';
-export interface UseTooltipProps extends Optional<Omit<tooltip.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
-    /**
-     * The initial open state of the tooltip when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: tooltip.Context['open'];
+export interface UseTooltipProps extends Optional<Omit<tooltip.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseTooltipReturn extends tooltip.Api<PropTypes> {
 }

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

@@ -4,25 +4,19 @@ import * as tooltip from '@zag-js/tooltip';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
-import { useEvent } from '../../utils/use-event.js';
 
 const useTooltip = (props = {}) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onOpenChange: useEvent(props.onOpenChange, { sync: true })
-  };
-  const [state, send] = useMachine(tooltip.machine(initialContext), { context });
-  return tooltip.connect(state, send, normalizeProps);
+  const service = useMachine(tooltip.machine, machineProps);
+  return tooltip.connect(service, normalizeProps);
 };
 
 export { useTooltip };

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

@@ -1,18 +1,18 @@
 export type { StepDetails as TourStepDetails } from '@zag-js/tour';
-export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, } from './tour-action-trigger';
+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';
 export { TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps } from './tour-arrow-tip';
 export { TourBackdrop, type TourBackdropBaseProps, type TourBackdropProps } from './tour-backdrop';
-export { TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps, } from './tour-close-trigger';
+export { TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps } from './tour-close-trigger';
 export { TourContent, type TourContentBaseProps, type TourContentProps } from './tour-content';
 export { TourContext, type TourContextProps } from './tour-context';
 export { TourControl, type TourControlBaseProps, type TourControlProps } from './tour-control';
-export { TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps, } from './tour-description';
-export { TourPositioner, type TourPositionerBaseProps, type TourPositionerProps, } from './tour-positioner';
-export { TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps, } from './tour-progress-text';
+export { TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps } from './tour-description';
+export { TourPositioner, type TourPositionerBaseProps, type TourPositionerProps } from './tour-positioner';
+export { TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps } from './tour-progress-text';
 export { TourRoot, type TourRootBaseProps, type TourRootProps } from './tour-root';
-export { TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps, } from './tour-spotlight';
+export { TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps } from './tour-spotlight';
 export { TourTitle, type TourTitleBaseProps, type TourTitleProps } from './tour-title';
 export { tourAnatomy } from './tour.anatomy';
 export { useTour, type UseTourProps, type UseTourReturn } from './use-tour';

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

@@ -1,18 +1,18 @@
 export type { StepDetails as TourStepDetails } from '@zag-js/tour';
-export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, } from './tour-action-trigger';
+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';
 export { TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps } from './tour-arrow-tip';
 export { TourBackdrop, type TourBackdropBaseProps, type TourBackdropProps } from './tour-backdrop';
-export { TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps, } from './tour-close-trigger';
+export { TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps } from './tour-close-trigger';
 export { TourContent, type TourContentBaseProps, type TourContentProps } from './tour-content';
 export { TourContext, type TourContextProps } from './tour-context';
 export { TourControl, type TourControlBaseProps, type TourControlProps } from './tour-control';
-export { TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps, } from './tour-description';
-export { TourPositioner, type TourPositionerBaseProps, type TourPositionerProps, } from './tour-positioner';
-export { TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps, } from './tour-progress-text';
+export { TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps } from './tour-description';
+export { TourPositioner, type TourPositionerBaseProps, type TourPositionerProps } from './tour-positioner';
+export { TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps } from './tour-progress-text';
 export { TourRoot, type TourRootBaseProps, type TourRootProps } from './tour-root';
-export { TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps, } from './tour-spotlight';
+export { TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps } from './tour-spotlight';
 export { TourTitle, type TourTitleBaseProps, type TourTitleProps } from './tour-title';
 export { tourAnatomy } from './tour.anatomy';
 export { useTour, type UseTourProps, type UseTourReturn } from './use-tour';

package/dist/components/tour/tour-action-trigger.cjs

@@ -10,16 +10,12 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useTourContext = require('./use-tour-context.cjs');
 
-const TourActionTrigger = react.forwardRef(
-  (props, ref) => {
-    const [actionTriggerProps, localProps] = createSplitProps.createSplitProps()(props, [
-      "action"
-    ]);
-    const tour = useTourContext.useTourContext();
-    const mergedProps = react$1.mergeProps(tour.getActionTriggerProps(actionTriggerProps), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref, children: mergedProps.children || actionTriggerProps.action.label });
-  }
-);
+const TourActionTrigger = react.forwardRef((props, ref) => {
+  const [actionTriggerProps, localProps] = createSplitProps.createSplitProps()(props, ["action"]);
+  const tour = useTourContext.useTourContext();
+  const mergedProps = react$1.mergeProps(tour.getActionTriggerProps(actionTriggerProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref, children: mergedProps.children || actionTriggerProps.action.label });
+});
 TourActionTrigger.displayName = "TourActionTrigger";
 
 exports.TourActionTrigger = TourActionTrigger;

package/dist/components/tour/tour-action-trigger.js

@@ -6,16 +6,12 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useTourContext } from './use-tour-context.js';
 
-const TourActionTrigger = forwardRef(
-  (props, ref) => {
-    const [actionTriggerProps, localProps] = createSplitProps()(props, [
-      "action"
-    ]);
-    const tour = useTourContext();
-    const mergedProps = mergeProps(tour.getActionTriggerProps(actionTriggerProps), localProps);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref, children: mergedProps.children || actionTriggerProps.action.label });
-  }
-);
+const TourActionTrigger = forwardRef((props, ref) => {
+  const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+  const tour = useTourContext();
+  const mergedProps = mergeProps(tour.getActionTriggerProps(actionTriggerProps), localProps);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref, children: mergedProps.children || actionTriggerProps.action.label });
+});
 TourActionTrigger.displayName = "TourActionTrigger";
 
 export { TourActionTrigger };

package/dist/components/tour/tour-close-trigger.cjs

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useTourContext = require('./use-tour-context.cjs');
 
-const TourCloseTrigger = react.forwardRef(
-  (props, ref) => {
-    const tour = useTourContext.useTourContext();
-    const mergedProps = react$1.mergeProps(tour.getCloseTriggerProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const TourCloseTrigger = react.forwardRef((props, ref) => {
+  const tour = useTourContext.useTourContext();
+  const mergedProps = react$1.mergeProps(tour.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 TourCloseTrigger.displayName = "TourCloseTrigger";
 
 exports.TourCloseTrigger = TourCloseTrigger;

package/dist/components/tour/tour-close-trigger.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useTourContext } from './use-tour-context.js';
 
-const TourCloseTrigger = forwardRef(
-  (props, ref) => {
-    const tour = useTourContext();
-    const mergedProps = mergeProps(tour.getCloseTriggerProps(), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const TourCloseTrigger = forwardRef((props, ref) => {
+  const tour = useTourContext();
+  const mergedProps = mergeProps(tour.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 TourCloseTrigger.displayName = "TourCloseTrigger";
 
 export { TourCloseTrigger };

package/dist/components/tour/tour-progress-text.d.cts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface TourProgressTextBaseProps extends PolymorphicProps {
 }
-export interface TourProgressTextProps extends HTMLProps<"div">, TourProgressTextBaseProps {
+export interface TourProgressTextProps extends HTMLProps<'div'>, TourProgressTextBaseProps {
 }
 export declare const TourProgressText: ForwardRefExoticComponent<TourProgressTextProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tour/tour-progress-text.d.ts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface TourProgressTextBaseProps extends PolymorphicProps {
 }
-export interface TourProgressTextProps extends HTMLProps<"div">, TourProgressTextBaseProps {
+export interface TourProgressTextProps extends HTMLProps<'div'>, TourProgressTextBaseProps {
 }
 export declare const TourProgressText: ForwardRefExoticComponent<TourProgressTextProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const tourAnatomy: AnatomyInstance<"title" | "content" | "control" | "positioner" | "description" | "actionTrigger" | "closeTrigger" | "progressText" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const tourAnatomy: AnatomyInstance<"title" | "content" | "control" | "positioner" | "backdrop" | "closeTrigger" | "description" | "arrow" | "actionTrigger" | "progressText" | "arrowTip" | "spotlight">;

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const tourAnatomy: AnatomyInstance<"title" | "content" | "control" | "positioner" | "description" | "actionTrigger" | "closeTrigger" | "progressText" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const tourAnatomy: AnatomyInstance<"title" | "content" | "control" | "positioner" | "backdrop" | "closeTrigger" | "description" | "arrow" | "actionTrigger" | "progressText" | "arrowTip" | "spotlight">;

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

@@ -11,6 +11,6 @@ export { TourControl as Control, type TourControlBaseProps as ControlBaseProps,
 export { TourDescription as Description, type TourDescriptionBaseProps as DescriptionBaseProps, type TourDescriptionProps as DescriptionProps, } from './tour-description';
 export { TourPositioner as Positioner, type TourPositionerBaseProps as PositionerBaseProps, type TourPositionerProps as PositionerProps, } from './tour-positioner';
 export { TourProgressText as ProgressText, type TourProgressTextBaseProps as ProgressTextBaseProps, type TourProgressTextProps as ProgressTextProps, } from './tour-progress-text';
-export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps, } from './tour-root';
+export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps } from './tour-root';
 export { TourSpotlight as Spotlight, type TourSpotlightBaseProps as SpotlightBaseProps, type TourSpotlightProps as SpotlightProps, } from './tour-spotlight';
 export { TourTitle as Title, type TourTitleBaseProps as TitleBaseProps, type TourTitleProps as TitleProps, } from './tour-title';

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

@@ -11,6 +11,6 @@ export { TourControl as Control, type TourControlBaseProps as ControlBaseProps,
 export { TourDescription as Description, type TourDescriptionBaseProps as DescriptionBaseProps, type TourDescriptionProps as DescriptionProps, } from './tour-description';
 export { TourPositioner as Positioner, type TourPositionerBaseProps as PositionerBaseProps, type TourPositionerProps as PositionerProps, } from './tour-positioner';
 export { TourProgressText as ProgressText, type TourProgressTextBaseProps as ProgressTextBaseProps, type TourProgressTextProps as ProgressTextProps, } from './tour-progress-text';
-export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps, } from './tour-root';
+export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps } from './tour-root';
 export { TourSpotlight as Spotlight, type TourSpotlightBaseProps as SpotlightBaseProps, type TourSpotlightProps as SpotlightProps, } from './tour-spotlight';
 export { TourTitle as Title, type TourTitleBaseProps as TitleBaseProps, type TourTitleProps as TitleProps, } from './tour-title';

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

@@ -8,7 +8,6 @@ const tour = require('@zag-js/tour');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const useEvent = require('../../utils/use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -30,20 +29,17 @@ function _interopNamespaceDefault(e) {
 const tour__namespace = /*#__PURE__*/_interopNamespaceDefault(tour);
 
 const useTour = (props = {}) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
-  const initialContext = {
-    id: react.useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onStatusChange: useEvent.useEvent(props.onStatusChange)
-  };
-  const [state, send] = react$1.useMachine(tour__namespace.machine(initialContext), { context });
-  return tour__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(tour__namespace.machine, machineProps);
+  return tour__namespace.connect(service, react$1.normalizeProps);
 };
 
 exports.useTour = useTour;

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

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as tour from '@zag-js/tour';
-export interface UseTourProps extends Optional<Omit<tour.Context, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseTourProps extends Optional<Omit<tour.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseTourReturn extends tour.Api<PropTypes> {
 }

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

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as tour from '@zag-js/tour';
-export interface UseTourProps extends Optional<Omit<tour.Context, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseTourProps extends Optional<Omit<tour.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseTourReturn extends tour.Api<PropTypes> {
 }

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

@@ -4,23 +4,19 @@ import * as tour from '@zag-js/tour';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
-import { useEvent } from '../../utils/use-event.js';
 
 const useTour = (props = {}) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onStatusChange: useEvent(props.onStatusChange)
-  };
-  const [state, send] = useMachine(tour.machine(initialContext), { context });
-  return tour.connect(state, send, normalizeProps);
+  const service = useMachine(tour.machine, machineProps);
+  return tour.connect(service, normalizeProps);
 };
 
 export { useTour };

package/dist/components/tree-view/index.d.cts

@@ -1,6 +1,6 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
-export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode, } from '../collection';
-export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps, } from './tree-view-branch';
+export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
+export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control';
 export { TreeViewBranchIndentGuide, type TreeViewBranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps, } from './tree-view-branch-indent-guide';
@@ -10,8 +10,8 @@ export { TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeVi
 export { TreeViewContext, type TreeViewContextProps } from './tree-view-context';
 export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item';
 export { TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, } from './tree-view-item-indicator';
-export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text';
-export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps, } from './tree-view-label';
+export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps } from './tree-view-item-text';
+export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label';
 export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context';
 export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
 export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root';

package/dist/components/tree-view/index.d.ts

@@ -1,6 +1,6 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
-export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode, } from '../collection';
-export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps, } from './tree-view-branch';
+export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
+export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control';
 export { TreeViewBranchIndentGuide, type TreeViewBranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps, } from './tree-view-branch-indent-guide';
@@ -10,8 +10,8 @@ export { TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeVi
 export { TreeViewContext, type TreeViewContextProps } from './tree-view-context';
 export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item';
 export { TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, } from './tree-view-item-indicator';
-export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text';
-export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps, } from './tree-view-label';
+export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps } from './tree-view-item-text';
+export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label';
 export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context';
 export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
 export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root';

package/dist/components/tree-view/tree-view-branch-content.cjs

@@ -12,16 +12,14 @@ const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
 const splitVisibilityProps = createSplitProps.createSplitProps();
-const TreeViewBranchContent = react.forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext.useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
-    const contentProps = treeView.getBranchContentProps(nodeProps);
-    const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
-    const mergedProps = react$1.mergeProps(branchContentProps, props);
-    return /* @__PURE__ */ jsxRuntime.jsx(collapsibleContent.CollapsibleContent, { ref, ...mergedProps });
-  }
-);
+const TreeViewBranchContent = react.forwardRef((props, ref) => {
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const contentProps = treeView.getBranchContentProps(nodeProps);
+  const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
+  const mergedProps = react$1.mergeProps(branchContentProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(collapsibleContent.CollapsibleContent, { ref, ...mergedProps });
+});
 TreeViewBranchContent.displayName = "TreeViewBranchContent";
 
 exports.TreeViewBranchContent = TreeViewBranchContent;

package/dist/components/tree-view/tree-view-branch-content.js

@@ -8,16 +8,14 @@ import { useTreeViewContext } from './use-tree-view-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
 const splitVisibilityProps = createSplitProps();
-const TreeViewBranchContent = forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext();
-    const contentProps = treeView.getBranchContentProps(nodeProps);
-    const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
-    const mergedProps = mergeProps(branchContentProps, props);
-    return /* @__PURE__ */ jsx(CollapsibleContent, { ref, ...mergedProps });
-  }
-);
+const TreeViewBranchContent = forwardRef((props, ref) => {
+  const treeView = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const contentProps = treeView.getBranchContentProps(nodeProps);
+  const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
+  const mergedProps = mergeProps(branchContentProps, props);
+  return /* @__PURE__ */ jsx(CollapsibleContent, { ref, ...mergedProps });
+});
 TreeViewBranchContent.displayName = "TreeViewBranchContent";
 
 export { TreeViewBranchContent };