@ark-ui/react 4.7.0 → 4.8.0

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+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 });
+  }
+);
+TourCloseTrigger.displayName = "TourCloseTrigger";
+
+export { TourCloseTrigger };

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

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
+const factory = require('../factory.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useTourContext = require('./use-tour-context.cjs');
+
+const TourContent = react.forwardRef((props, ref) => {
+  const tour = useTourContext.useTourContext();
+  const presence = usePresenceContext.usePresenceContext();
+  const mergedProps = react$1.mergeProps(tour.getContentProps(), presence.getPresenceProps(), props);
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
+});
+TourContent.displayName = "TourContent";
+
+exports.TourContent = TourContent;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourContentBaseProps extends PolymorphicProps {
+}
+export interface TourContentProps extends HTMLProps<'div'>, TourContentBaseProps {
+}
+export declare const TourContent: ForwardRefExoticComponent<TourContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourContentBaseProps extends PolymorphicProps {
+}
+export interface TourContentProps extends HTMLProps<'div'>, TourContentBaseProps {
+}
+export declare const TourContent: ForwardRefExoticComponent<TourContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,21 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { ark } from '../factory.js';
+import { usePresenceContext } from '../presence/use-presence-context.js';
+import { useTourContext } from './use-tour-context.js';
+
+const TourContent = forwardRef((props, ref) => {
+  const tour = useTourContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(tour.getContentProps(), presence.getPresenceProps(), props);
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
+});
+TourContent.displayName = "TourContent";
+
+export { TourContent };

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

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useTourContext = require('./use-tour-context.cjs');
+
+const TourContext = (props) => props.children(useTourContext.useTourContext());
+
+exports.TourContext = TourContext;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseTourContext } from './use-tour-context';
+export interface TourContextProps {
+    children: (context: UseTourContext) => ReactNode;
+}
+export declare const TourContext: (props: TourContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseTourContext } from './use-tour-context';
+export interface TourContextProps {
+    children: (context: UseTourContext) => ReactNode;
+}
+export declare const TourContext: (props: TourContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+'use client';
+import { useTourContext } from './use-tour-context.js';
+
+const TourContext = (props) => props.children(useTourContext());
+
+export { TourContext };

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

@@ -0,0 +1,14 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const factory = require('../factory.cjs');
+const tour_anatomy = require('./tour.anatomy.cjs');
+
+const TourControl = react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...tour_anatomy.tourAnatomy.build().control.attrs, ...props, ref }));
+TourControl.displayName = "TourControl";
+
+exports.TourControl = TourControl;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourControlBaseProps extends PolymorphicProps {
+}
+export interface TourControlProps extends HTMLProps<'div'>, TourControlBaseProps {
+}
+export declare const TourControl: ForwardRefExoticComponent<TourControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourControlBaseProps extends PolymorphicProps {
+}
+export interface TourControlProps extends HTMLProps<'div'>, TourControlBaseProps {
+}
+export declare const TourControl: ForwardRefExoticComponent<TourControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,10 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { tourAnatomy } from './tour.anatomy.js';
+
+const TourControl = forwardRef((props, ref) => /* @__PURE__ */ jsx(ark.div, { ...tourAnatomy.build().control.attrs, ...props, ref }));
+TourControl.displayName = "TourControl";
+
+export { TourControl };

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

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useTourContext = require('./use-tour-context.cjs');
+
+const TourDescription = react.forwardRef((props, ref) => {
+  const tour = useTourContext.useTourContext();
+  const mergedProps = react$1.mergeProps(tour.getDescriptionProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: mergedProps.children || tour.step?.description });
+});
+TourDescription.displayName = "TourDescription";
+
+exports.TourDescription = TourDescription;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourDescriptionBaseProps extends PolymorphicProps {
+}
+export interface TourDescriptionProps extends HTMLProps<'div'>, TourDescriptionBaseProps {
+}
+export declare const TourDescription: ForwardRefExoticComponent<TourDescriptionProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourDescriptionBaseProps extends PolymorphicProps {
+}
+export interface TourDescriptionProps extends HTMLProps<'div'>, TourDescriptionBaseProps {
+}
+export declare const TourDescription: ForwardRefExoticComponent<TourDescriptionProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useTourContext } from './use-tour-context.js';
+
+const TourDescription = forwardRef((props, ref) => {
+  const tour = useTourContext();
+  const mergedProps = mergeProps(tour.getDescriptionProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: mergedProps.children || tour.step?.description });
+});
+TourDescription.displayName = "TourDescription";
+
+export { TourDescription };

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

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useTourContext = require('./use-tour-context.cjs');
+
+const TourPositioner = react.forwardRef((props, ref) => {
+  const tour = useTourContext.useTourContext();
+  const mergedProps = react$1.mergeProps(tour.getPositionerProps(), props);
+  const presence = usePresenceContext.usePresenceContext();
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+TourPositioner.displayName = "TourPositioner";
+
+exports.TourPositioner = TourPositioner;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourPositionerBaseProps extends PolymorphicProps {
+}
+export interface TourPositionerProps extends HTMLProps<'div'>, TourPositionerBaseProps {
+}
+export declare const TourPositioner: ForwardRefExoticComponent<TourPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourPositionerBaseProps extends PolymorphicProps {
+}
+export interface TourPositionerProps extends HTMLProps<'div'>, TourPositionerBaseProps {
+}
+export declare const TourPositioner: ForwardRefExoticComponent<TourPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { usePresenceContext } from '../presence/use-presence-context.js';
+import { useTourContext } from './use-tour-context.js';
+
+const TourPositioner = forwardRef((props, ref) => {
+  const tour = useTourContext();
+  const mergedProps = mergeProps(tour.getPositionerProps(), props);
+  const presence = usePresenceContext();
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+TourPositioner.displayName = "TourPositioner";
+
+export { TourPositioner };

package/dist/components/tour/tour-progress-text.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useTourContext = require('./use-tour-context.cjs');
+
+const TourProgressText = react.forwardRef((props, ref) => {
+  const tour = useTourContext.useTourContext();
+  const mergedProps = react$1.mergeProps(tour.getProgressTextProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+TourProgressText.displayName = "TourProgressText";
+
+exports.TourProgressText = TourProgressText;

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

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

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

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

package/dist/components/tour/tour-progress-text.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useTourContext } from './use-tour-context.js';
+
+const TourProgressText = forwardRef((props, ref) => {
+  const tour = useTourContext();
+  const mergedProps = mergeProps(tour.getProgressTextProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+TourProgressText.displayName = "TourProgressText";
+
+export { TourProgressText };

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

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const renderStrategy = require('../../utils/render-strategy.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useTourContext = require('./use-tour-context.cjs');
+
+const TourRoot = (props) => {
+  const [presenceProps, { children, tour }] = splitPresenceProps.splitPresenceProps(props);
+  const [renderStrategyProps] = renderStrategy.splitRenderStrategyProps(presenceProps);
+  const presence = usePresence.usePresence(react.mergeProps({ present: tour.open }, presenceProps));
+  return /* @__PURE__ */ jsxRuntime.jsx(useTourContext.TourProvider, { value: tour, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) }) });
+};
+
+exports.TourRoot = TourRoot;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseTourReturn } from './use-tour';
+export interface TourRootBaseProps extends UsePresenceProps {
+    tour: UseTourReturn;
+}
+export interface TourRootProps extends TourRootBaseProps {
+    children?: ReactNode;
+}
+export declare const TourRoot: (props: TourRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseTourReturn } from './use-tour';
+export interface TourRootBaseProps extends UsePresenceProps {
+    tour: UseTourReturn;
+}
+export interface TourRootProps extends TourRootBaseProps {
+    children?: ReactNode;
+}
+export declare const TourRoot: (props: TourRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { TourProvider } from './use-tour-context.js';
+
+const TourRoot = (props) => {
+  const [presenceProps, { children, tour }] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const presence = usePresence(mergeProps({ present: tour.open }, presenceProps));
+  return /* @__PURE__ */ jsx(TourProvider, { value: tour, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });
+};
+
+export { TourRoot };

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

@@ -0,0 +1,31 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
+const renderStrategy = require('../../utils/render-strategy.cjs');
+const factory = require('../factory.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const useTourContext = require('./use-tour-context.cjs');
+
+const TourSpotlight = react.forwardRef((props, ref) => {
+  const tour = useTourContext.useTourContext();
+  const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
+  const presence = usePresence.usePresence({
+    ...renderStrategyProps,
+    present: tour.open
+  });
+  const mergedProps = react$1.mergeProps(tour.getSpotlightProps(), presence.getPresenceProps(), props);
+  const hidden = !tour.open || !tour.step?.target?.();
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref), hidden });
+});
+TourSpotlight.displayName = "TourSpotlight";
+
+exports.TourSpotlight = TourSpotlight;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourSpotlightBaseProps extends PolymorphicProps {
+}
+export interface TourSpotlightProps extends HTMLProps<'div'>, TourSpotlightBaseProps {
+}
+export declare const TourSpotlight: ForwardRefExoticComponent<TourSpotlightProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourSpotlightBaseProps extends PolymorphicProps {
+}
+export interface TourSpotlightProps extends HTMLProps<'div'>, TourSpotlightBaseProps {
+}
+export declare const TourSpotlight: ForwardRefExoticComponent<TourSpotlightProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,27 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
+import { ark } from '../factory.js';
+import { usePresence } from '../presence/use-presence.js';
+import { useTourContext } from './use-tour-context.js';
+
+const TourSpotlight = forwardRef((props, ref) => {
+  const tour = useTourContext();
+  const renderStrategyProps = useRenderStrategyPropsContext();
+  const presence = usePresence({
+    ...renderStrategyProps,
+    present: tour.open
+  });
+  const mergedProps = mergeProps(tour.getSpotlightProps(), presence.getPresenceProps(), props);
+  const hidden = !tour.open || !tour.step?.target?.();
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref), hidden });
+});
+TourSpotlight.displayName = "TourSpotlight";
+
+export { TourSpotlight };

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

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useTourContext = require('./use-tour-context.cjs');
+
+const TourTitle = react.forwardRef((props, ref) => {
+  const tour = useTourContext.useTourContext();
+  const mergedProps = react$1.mergeProps(tour.getTitleProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.h2, { ...mergedProps, ref, children: mergedProps.children || tour.step?.title });
+});
+TourTitle.displayName = "TourTitle";
+
+exports.TourTitle = TourTitle;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourTitleBaseProps extends PolymorphicProps {
+}
+export interface TourTitleProps extends HTMLProps<'h2'>, TourTitleBaseProps {
+}
+export declare const TourTitle: ForwardRefExoticComponent<TourTitleProps & RefAttributes<HTMLHeadingElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TourTitleBaseProps extends PolymorphicProps {
+}
+export interface TourTitleProps extends HTMLProps<'h2'>, TourTitleBaseProps {
+}
+export declare const TourTitle: ForwardRefExoticComponent<TourTitleProps & RefAttributes<HTMLHeadingElement>>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useTourContext } from './use-tour-context.js';
+
+const TourTitle = forwardRef((props, ref) => {
+  const tour = useTourContext();
+  const mergedProps = mergeProps(tour.getTitleProps(), props);
+  return /* @__PURE__ */ jsx(ark.h2, { ...mergedProps, ref, children: mergedProps.children || tour.step?.title });
+});
+TourTitle.displayName = "TourTitle";
+
+export { TourTitle };

package/dist/components/tour/tour.anatomy.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tour = require('@zag-js/tour');
+
+const tourAnatomy = tour.anatomy.extendWith("control");
+
+exports.tourAnatomy = tourAnatomy;

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

@@ -0,0 +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">;

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

@@ -0,0 +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">;

package/dist/components/tour/tour.anatomy.js

@@ -0,0 +1,6 @@
+'use client';
+import { anatomy } from '@zag-js/tour';
+
+const tourAnatomy = anatomy.extendWith("control");
+
+export { tourAnatomy };

package/dist/components/tour/tour.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tourActionTrigger = require('./tour-action-trigger.cjs');
+const tourActions = require('./tour-actions.cjs');
+const tourArrow = require('./tour-arrow.cjs');
+const tourArrowTip = require('./tour-arrow-tip.cjs');
+const tourBackdrop = require('./tour-backdrop.cjs');
+const tourCloseTrigger = require('./tour-close-trigger.cjs');
+const tourContent = require('./tour-content.cjs');
+const tourContext = require('./tour-context.cjs');
+const tourControl = require('./tour-control.cjs');
+const tourDescription = require('./tour-description.cjs');
+const tourPositioner = require('./tour-positioner.cjs');
+const tourProgressText = require('./tour-progress-text.cjs');
+const tourRoot = require('./tour-root.cjs');
+const tourSpotlight = require('./tour-spotlight.cjs');
+const tourTitle = require('./tour-title.cjs');
+
+
+
+exports.ActionTrigger = tourActionTrigger.TourActionTrigger;
+exports.Actions = tourActions.TourActions;
+exports.Arrow = tourArrow.TourArrow;
+exports.ArrowTip = tourArrowTip.TourArrowTip;
+exports.Backdrop = tourBackdrop.TourBackdrop;
+exports.CloseTrigger = tourCloseTrigger.TourCloseTrigger;
+exports.Content = tourContent.TourContent;
+exports.Context = tourContext.TourContext;
+exports.Control = tourControl.TourControl;
+exports.Description = tourDescription.TourDescription;
+exports.Positioner = tourPositioner.TourPositioner;
+exports.ProgressText = tourProgressText.TourProgressText;
+exports.Root = tourRoot.TourRoot;
+exports.Spotlight = tourSpotlight.TourSpotlight;
+exports.Title = tourTitle.TourTitle;

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

@@ -0,0 +1,16 @@
+export type { Point, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, WaitOptions, } from '@zag-js/tour';
+export { TourActionTrigger as ActionTrigger, type TourActionTriggerBaseProps as ActionTriggerBaseProps, type TourActionTriggerProps as ActionTriggerProps, } from './tour-action-trigger';
+export { TourActions as Actions, type TourActionsProps as ActionsProps } from './tour-actions';
+export { TourArrow as Arrow, type TourArrowBaseProps as ArrowBaseProps, type TourArrowProps as ArrowProps, } from './tour-arrow';
+export { TourArrowTip as ArrowTip, type TourArrowTipBaseProps as ArrowTipBaseProps, type TourArrowTipProps as ArrowTipProps, } from './tour-arrow-tip';
+export { TourBackdrop as Backdrop, type TourBackdropBaseProps as BackdropBaseProps, type TourBackdropProps as BackdropProps, } from './tour-backdrop';
+export { TourCloseTrigger as CloseTrigger, type TourCloseTriggerBaseProps as CloseTriggerBaseProps, type TourCloseTriggerProps as CloseTriggerProps, } from './tour-close-trigger';
+export { TourContent as Content, type TourContentBaseProps as ContentBaseProps, type TourContentProps as ContentProps, } from './tour-content';
+export { TourContext as Context, type TourContextProps as ContextProps } from './tour-context';
+export { TourControl as Control, type TourControlBaseProps as ControlBaseProps, type TourControlProps as ControlProps, } from './tour-control';
+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 { 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';