@wirekyt/react 0.0.1 → 0.0.2

package/dist/tour.cjs

@@ -0,0 +1,290 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+const require_presence = require("./presence-BOs-D6Cv.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_tour = require("@wirekyt/dom/machines/tour");
+_wirekyt_dom_machines_tour = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_tour, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/tour/wait-for-event.ts
+function waitForEvent(target, event, options) {
+	let cleanup;
+	const { predicate, ...listenerOptions } = options ?? {};
+	return [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);
+	}), () => cleanup?.()];
+}
+//#endregion
+//#region src/components/tour/use-context.ts
+const [TourProvider, useTourContext] = require_utils.createContext({
+	name: "TourContext",
+	hookName: "useTourContext",
+	providerName: "<TourProvider />"
+});
+//#endregion
+//#region src/components/tour/action-trigger.tsx
+const splitActionTriggerProps = require_utils.createSplitProps();
+const TourActionTrigger = (0, react.forwardRef)((props, ref) => {
+	const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useTourContext().getActionTriggerProps(actionTriggerProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref,
+		children: mergedProps.children || actionTriggerProps.action.label
+	});
+});
+TourActionTrigger.displayName = "TourActionTrigger";
+//#endregion
+//#region src/components/tour/actions.tsx
+const TourActions = (props) => props.children(useTourContext().step?.actions ?? []);
+//#endregion
+//#region src/components/tour/arrow.tsx
+const TourArrow = (0, react.forwardRef)((props, ref) => {
+	const tour = useTourContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(tour.getArrowProps(), props);
+	return tour.step?.arrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	}) : null;
+});
+TourArrow.displayName = "TourArrow";
+//#endregion
+//#region src/components/tour/arrow-tip.tsx
+const TourArrowTip = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useTourContext().getArrowTipProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+TourArrowTip.displayName = "TourArrowTip";
+//#endregion
+//#region src/components/tour/backdrop.tsx
+const TourBackdrop = (0, react.forwardRef)((props, ref) => {
+	const tour = useTourContext();
+	const presence = require_presence.usePresence({
+		...require_utils.useRenderStrategyPropsContext(),
+		present: tour.open
+	});
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(tour.getBackdropProps(), presence.getPresenceProps(), props);
+	const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref: composedRefs,
+		hidden: !tour.step?.backdrop
+	});
+});
+TourBackdrop.displayName = "TourBackdrop";
+//#endregion
+//#region src/components/tour/close-trigger.tsx
+const TourCloseTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useTourContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+TourCloseTrigger.displayName = "TourCloseTrigger";
+//#endregion
+//#region src/components/tour/content.tsx
+const TourContent = (0, react.forwardRef)((props, ref) => {
+	const tour = useTourContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(tour.getContentProps(), presence.getPresenceProps(), props);
+	const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+TourContent.displayName = "TourContent";
+//#endregion
+//#region src/components/tour/context.tsx
+const TourContext = (props) => props.children(useTourContext());
+//#endregion
+//#region src/components/tour/anatomy.ts
+const tourAnatomy = _wirekyt_dom_machines_tour.anatomy.extendWith("control");
+//#endregion
+//#region src/components/tour/control.tsx
+const TourControl = (0, react.forwardRef)((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+	...tourAnatomy.build().control.attrs,
+	...props,
+	ref
+}));
+TourControl.displayName = "TourControl";
+//#endregion
+//#region src/components/tour/description.tsx
+const TourDescription = (0, react.forwardRef)((props, ref) => {
+	const tour = useTourContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(tour.getDescriptionProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref,
+		children: mergedProps.children || tour.step?.description
+	});
+});
+TourDescription.displayName = "TourDescription";
+//#endregion
+//#region src/components/tour/positioner.tsx
+const TourPositioner = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useTourContext().getPositionerProps(), props);
+	if (require_presence.usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+TourPositioner.displayName = "TourPositioner";
+//#endregion
+//#region src/components/tour/progress-text.tsx
+const TourProgressText = (0, react.forwardRef)((props, ref) => {
+	const tour = useTourContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(tour.getProgressTextProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref,
+		children: mergedProps.children || tour.getProgressText()
+	});
+});
+TourProgressText.displayName = "TourProgressText";
+//#endregion
+//#region src/components/tour/root.tsx
+const TourRoot = (props) => {
+	const [presenceProps, { children, tour }] = require_presence.splitPresenceProps(props);
+	const [renderStrategyProps] = require_utils.splitRenderStrategyProps(presenceProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TourProvider, {
+		value: tour,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_utils.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+				value: require_presence.usePresence((0, _wirekyt_dom.mergeProps)({ present: tour.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/tour/spotlight.tsx
+const TourSpotlight = (0, react.forwardRef)((props, ref) => {
+	const tour = useTourContext();
+	const presence = require_presence.usePresence({
+		...require_utils.useRenderStrategyPropsContext(),
+		present: tour.open
+	});
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(tour.getSpotlightProps(), presence.getPresenceProps(), props);
+	const hidden = !tour.open || !tour.step?.target?.();
+	const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref: composedRefs,
+		hidden
+	});
+});
+TourSpotlight.displayName = "TourSpotlight";
+//#endregion
+//#region src/components/tour/title.tsx
+const TourTitle = (0, react.forwardRef)((props, ref) => {
+	const tour = useTourContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(tour.getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.h2, {
+		...mergedProps,
+		ref,
+		children: mergedProps.children || tour.step?.title
+	});
+});
+TourTitle.displayName = "TourTitle";
+//#endregion
+//#region src/components/tour/use.ts
+const useTour = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_tour.machine, machineProps);
+	return _wirekyt_dom_machines_tour.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/tour/tour.ts
+var tour_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	ActionTrigger: () => TourActionTrigger,
+	Actions: () => TourActions,
+	Arrow: () => TourArrow,
+	ArrowTip: () => TourArrowTip,
+	Backdrop: () => TourBackdrop,
+	CloseTrigger: () => TourCloseTrigger,
+	Content: () => TourContent,
+	Context: () => TourContext,
+	Control: () => TourControl,
+	Description: () => TourDescription,
+	Positioner: () => TourPositioner,
+	ProgressText: () => TourProgressText,
+	Root: () => TourRoot,
+	Spotlight: () => TourSpotlight,
+	Title: () => TourTitle
+});
+//#endregion
+Object.defineProperty(exports, "Tour", {
+	enumerable: true,
+	get: function() {
+		return tour_exports;
+	}
+});
+exports.TourActionTrigger = TourActionTrigger;
+exports.TourActions = TourActions;
+exports.TourArrow = TourArrow;
+exports.TourArrowTip = TourArrowTip;
+exports.TourBackdrop = TourBackdrop;
+exports.TourCloseTrigger = TourCloseTrigger;
+exports.TourContent = TourContent;
+exports.TourContext = TourContext;
+exports.TourControl = TourControl;
+exports.TourDescription = TourDescription;
+exports.TourPositioner = TourPositioner;
+exports.TourProgressText = TourProgressText;
+exports.TourRoot = TourRoot;
+exports.TourSpotlight = TourSpotlight;
+exports.TourTitle = TourTitle;
+exports.tourAnatomy = tourAnatomy;
+exports.useTour = useTour;
+exports.useTourContext = useTourContext;
+Object.defineProperty(exports, "waitForElement", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_tour.waitForElement;
+	}
+});
+Object.defineProperty(exports, "waitForElementValue", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_tour.waitForElementValue;
+	}
+});
+exports.waitForEvent = waitForEvent;
+Object.defineProperty(exports, "waitForPromise", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_tour.waitForPromise;
+	}
+});

package/dist/tour.d.cts

@@ -0,0 +1,112 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { r as Optional } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { c as UsePresenceProps } from "./index-CUyHBXOI.cjs";
+import { ReactNode } from "react";
+import * as tour from "@wirekyt/dom/machines/tour";
+import { FocusOutsideEvent, FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, Point, PointerDownOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, ProgressTextDetails, StatusChangeDetails, StepAction, StepAction as StepAction$1, StepActionMap, StepActionTriggerProps, StepActionTriggerProps as StepActionTriggerProps$1, StepBaseDetails, StepChangeDetails, StepDetails, StepDetails as TourStepDetails, StepEffectArgs, StepEffectArgs as TourStepEffectArgs, StepPlacement, StepStatus, StepType, WaitOptions, waitForElement, waitForElementValue, waitForPromise } from "@wirekyt/dom/machines/tour";
+import { WaitForOptions as WaitOptions$1 } from "@wirekyt/dom/dom-query";
+//#region src/components/tour/wait-for-event.d.ts
+type WaitForEventReturn<K extends keyof HTMLElementEventMap> = [Promise<HTMLElementEventMap[K]>, VoidFunction];
+interface WaitForEventOptions<T extends HTMLElement = HTMLElement> extends AddEventListenerOptions {
+  predicate?: (element: T) => boolean;
+}
+declare function waitForEvent<T extends HTMLElement = HTMLElement, K extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(target: (() => HTMLElement | null) | undefined, event: K, options?: WaitForEventOptions<T>): WaitForEventReturn<K>;
+//#endregion
+//#region src/components/tour/action-trigger.d.ts
+interface TourActionTriggerBaseProps extends PolymorphicProps, StepActionTriggerProps {}
+interface TourActionTriggerProps extends HTMLProps<"button">, TourActionTriggerBaseProps {}
+declare const TourActionTrigger: import("react").ForwardRefExoticComponent<TourActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/tour/actions.d.ts
+interface TourActionsProps {
+  children: (actions: StepAction[]) => ReactNode;
+}
+declare const TourActions: (props: TourActionsProps) => ReactNode;
+//#endregion
+//#region src/components/tour/arrow.d.ts
+interface TourArrowBaseProps extends PolymorphicProps {}
+interface TourArrowProps extends HTMLProps<"div">, TourArrowBaseProps {}
+declare const TourArrow: import("react").ForwardRefExoticComponent<TourArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/arrow-tip.d.ts
+interface TourArrowTipBaseProps extends PolymorphicProps {}
+interface TourArrowTipProps extends HTMLProps<"div">, TourArrowTipBaseProps {}
+declare const TourArrowTip: import("react").ForwardRefExoticComponent<TourArrowTipProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/backdrop.d.ts
+interface TourBackdropBaseProps extends PolymorphicProps {}
+interface TourBackdropProps extends HTMLProps<"div">, TourBackdropBaseProps {}
+declare const TourBackdrop: import("react").ForwardRefExoticComponent<TourBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/close-trigger.d.ts
+interface TourCloseTriggerBaseProps extends PolymorphicProps {}
+interface TourCloseTriggerProps extends HTMLProps<"button">, TourCloseTriggerBaseProps {}
+declare const TourCloseTrigger: import("react").ForwardRefExoticComponent<TourCloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/tour/content.d.ts
+interface TourContentBaseProps extends PolymorphicProps {}
+interface TourContentProps extends HTMLProps<"div">, TourContentBaseProps {}
+declare const TourContent: import("react").ForwardRefExoticComponent<TourContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/use-context.d.ts
+interface UseTourContext extends tour.Api<PropTypes> {}
+declare const TourProvider: import("react").Provider<UseTourContext>, useTourContext: () => UseTourContext;
+//#endregion
+//#region src/components/tour/context.d.ts
+interface TourContextProps {
+  children: (context: UseTourContext) => ReactNode;
+}
+declare const TourContext: (props: TourContextProps) => ReactNode;
+//#endregion
+//#region src/components/tour/control.d.ts
+interface TourControlBaseProps extends PolymorphicProps {}
+interface TourControlProps extends HTMLProps<"div">, TourControlBaseProps {}
+declare const TourControl: import("react").ForwardRefExoticComponent<TourControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/description.d.ts
+interface TourDescriptionBaseProps extends PolymorphicProps {}
+interface TourDescriptionProps extends HTMLProps<"div">, TourDescriptionBaseProps {}
+declare const TourDescription: import("react").ForwardRefExoticComponent<TourDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/positioner.d.ts
+interface TourPositionerBaseProps extends PolymorphicProps {}
+interface TourPositionerProps extends HTMLProps<"div">, TourPositionerBaseProps {}
+declare const TourPositioner: import("react").ForwardRefExoticComponent<TourPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/progress-text.d.ts
+interface TourProgressTextBaseProps extends PolymorphicProps {}
+interface TourProgressTextProps extends HTMLProps<"div">, TourProgressTextBaseProps {}
+declare const TourProgressText: import("react").ForwardRefExoticComponent<TourProgressTextProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/use.d.ts
+interface UseTourProps extends Optional<Omit<tour.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTourReturn extends tour.Api<PropTypes> {}
+declare const useTour: (props?: UseTourProps) => UseTourReturn;
+//#endregion
+//#region src/components/tour/root.d.ts
+interface TourRootBaseProps extends UsePresenceProps {
+  tour: UseTourReturn;
+}
+interface TourRootProps extends TourRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const TourRoot: (props: TourRootProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/tour/spotlight.d.ts
+interface TourSpotlightBaseProps extends PolymorphicProps {}
+interface TourSpotlightProps extends HTMLProps<"div">, TourSpotlightBaseProps {}
+declare const TourSpotlight: import("react").ForwardRefExoticComponent<TourSpotlightProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/title.d.ts
+interface TourTitleBaseProps extends PolymorphicProps {}
+interface TourTitleProps extends HTMLProps<"h2">, TourTitleBaseProps {}
+declare const TourTitle: import("react").ForwardRefExoticComponent<TourTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region src/components/tour/anatomy.d.ts
+declare const tourAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"title" | "content" | "arrow" | "control" | "progressText" | "positioner" | "arrowTip" | "description" | "closeTrigger" | "actionTrigger" | "backdrop" | "spotlight">;
+declare namespace tour_d_exports {
+  export { TourActionTrigger as ActionTrigger, TourActionTriggerBaseProps as ActionTriggerBaseProps, TourActionTriggerProps as ActionTriggerProps, TourActions as Actions, TourActionsProps as ActionsProps, TourArrow as Arrow, TourArrowBaseProps as ArrowBaseProps, TourArrowProps as ArrowProps, TourArrowTip as ArrowTip, TourArrowTipBaseProps as ArrowTipBaseProps, TourArrowTipProps as ArrowTipProps, TourBackdrop as Backdrop, TourBackdropBaseProps as BackdropBaseProps, TourBackdropProps as BackdropProps, TourCloseTrigger as CloseTrigger, TourCloseTriggerBaseProps as CloseTriggerBaseProps, TourCloseTriggerProps as CloseTriggerProps, TourContent as Content, TourContentBaseProps as ContentBaseProps, TourContentProps as ContentProps, TourContext as Context, TourContextProps as ContextProps, TourControl as Control, TourControlBaseProps as ControlBaseProps, TourControlProps as ControlProps, TourDescription as Description, TourDescriptionBaseProps as DescriptionBaseProps, TourDescriptionProps as DescriptionProps, FocusOutsideEvent, InteractOutsideEvent, Point, PointerDownOutsideEvent, TourPositioner as Positioner, TourPositionerBaseProps as PositionerBaseProps, TourPositionerProps as PositionerProps, TourProgressText as ProgressText, TourProgressTextBaseProps as ProgressTextBaseProps, ProgressTextDetails, TourProgressTextProps as ProgressTextProps, TourRoot as Root, TourRootBaseProps as RootBaseProps, TourRootProps as RootProps, TourSpotlight as Spotlight, TourSpotlightBaseProps as SpotlightBaseProps, TourSpotlightProps as SpotlightProps, StatusChangeDetails, StepAction$1 as StepAction, StepActionMap, StepActionTriggerProps$1 as StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, TourTitle as Title, TourTitleBaseProps as TitleBaseProps, TourTitleProps as TitleProps, WaitOptions$1 as WaitOptions };
+}
+//#endregion
+export { tour_d_exports as Tour, TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, TourActions, type TourActionsProps, TourArrow, type TourArrowBaseProps, type TourArrowProps, TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps, TourBackdrop, type TourBackdropBaseProps, type TourBackdropProps, TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps, TourContent, type TourContentBaseProps, type TourContentProps, TourContext, type TourContextProps, TourControl, type TourControlBaseProps, type TourControlProps, TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps, type TourFocusOutsideEvent, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, TourPositioner, type TourPositionerBaseProps, type TourPositionerProps, TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps, TourRoot, type TourRootBaseProps, type TourRootProps, TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps, type TourStepDetails, type TourStepEffectArgs, TourTitle, type TourTitleBaseProps, type TourTitleProps, type UseTourContext, type UseTourProps, type UseTourReturn, type WaitForEventOptions, type WaitOptions, tourAnatomy, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise };

package/dist/tour.d.ts

@@ -0,0 +1,112 @@
+import { a as PropTypes } from "./index-CxWYgVJk.js";
+import { r as Optional } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { c as UsePresenceProps } from "./index-D7JH9e9E.js";
+import { ReactNode } from "react";
+import { WaitForOptions as WaitOptions$1 } from "@wirekyt/dom/dom-query";
+import * as tour from "@wirekyt/dom/machines/tour";
+import { FocusOutsideEvent, FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, Point, PointerDownOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, ProgressTextDetails, StatusChangeDetails, StepAction, StepAction as StepAction$1, StepActionMap, StepActionTriggerProps, StepActionTriggerProps as StepActionTriggerProps$1, StepBaseDetails, StepChangeDetails, StepDetails, StepDetails as TourStepDetails, StepEffectArgs, StepEffectArgs as TourStepEffectArgs, StepPlacement, StepStatus, StepType, WaitOptions, waitForElement, waitForElementValue, waitForPromise } from "@wirekyt/dom/machines/tour";
+//#region src/components/tour/wait-for-event.d.ts
+type WaitForEventReturn<K extends keyof HTMLElementEventMap> = [Promise<HTMLElementEventMap[K]>, VoidFunction];
+interface WaitForEventOptions<T extends HTMLElement = HTMLElement> extends AddEventListenerOptions {
+  predicate?: (element: T) => boolean;
+}
+declare function waitForEvent<T extends HTMLElement = HTMLElement, K extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(target: (() => HTMLElement | null) | undefined, event: K, options?: WaitForEventOptions<T>): WaitForEventReturn<K>;
+//#endregion
+//#region src/components/tour/action-trigger.d.ts
+interface TourActionTriggerBaseProps extends PolymorphicProps, StepActionTriggerProps {}
+interface TourActionTriggerProps extends HTMLProps<"button">, TourActionTriggerBaseProps {}
+declare const TourActionTrigger: import("react").ForwardRefExoticComponent<TourActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/tour/actions.d.ts
+interface TourActionsProps {
+  children: (actions: StepAction[]) => ReactNode;
+}
+declare const TourActions: (props: TourActionsProps) => ReactNode;
+//#endregion
+//#region src/components/tour/arrow.d.ts
+interface TourArrowBaseProps extends PolymorphicProps {}
+interface TourArrowProps extends HTMLProps<"div">, TourArrowBaseProps {}
+declare const TourArrow: import("react").ForwardRefExoticComponent<TourArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/arrow-tip.d.ts
+interface TourArrowTipBaseProps extends PolymorphicProps {}
+interface TourArrowTipProps extends HTMLProps<"div">, TourArrowTipBaseProps {}
+declare const TourArrowTip: import("react").ForwardRefExoticComponent<TourArrowTipProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/backdrop.d.ts
+interface TourBackdropBaseProps extends PolymorphicProps {}
+interface TourBackdropProps extends HTMLProps<"div">, TourBackdropBaseProps {}
+declare const TourBackdrop: import("react").ForwardRefExoticComponent<TourBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/close-trigger.d.ts
+interface TourCloseTriggerBaseProps extends PolymorphicProps {}
+interface TourCloseTriggerProps extends HTMLProps<"button">, TourCloseTriggerBaseProps {}
+declare const TourCloseTrigger: import("react").ForwardRefExoticComponent<TourCloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/tour/content.d.ts
+interface TourContentBaseProps extends PolymorphicProps {}
+interface TourContentProps extends HTMLProps<"div">, TourContentBaseProps {}
+declare const TourContent: import("react").ForwardRefExoticComponent<TourContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/use-context.d.ts
+interface UseTourContext extends tour.Api<PropTypes> {}
+declare const TourProvider: import("react").Provider<UseTourContext>, useTourContext: () => UseTourContext;
+//#endregion
+//#region src/components/tour/context.d.ts
+interface TourContextProps {
+  children: (context: UseTourContext) => ReactNode;
+}
+declare const TourContext: (props: TourContextProps) => ReactNode;
+//#endregion
+//#region src/components/tour/control.d.ts
+interface TourControlBaseProps extends PolymorphicProps {}
+interface TourControlProps extends HTMLProps<"div">, TourControlBaseProps {}
+declare const TourControl: import("react").ForwardRefExoticComponent<TourControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/description.d.ts
+interface TourDescriptionBaseProps extends PolymorphicProps {}
+interface TourDescriptionProps extends HTMLProps<"div">, TourDescriptionBaseProps {}
+declare const TourDescription: import("react").ForwardRefExoticComponent<TourDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/positioner.d.ts
+interface TourPositionerBaseProps extends PolymorphicProps {}
+interface TourPositionerProps extends HTMLProps<"div">, TourPositionerBaseProps {}
+declare const TourPositioner: import("react").ForwardRefExoticComponent<TourPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/progress-text.d.ts
+interface TourProgressTextBaseProps extends PolymorphicProps {}
+interface TourProgressTextProps extends HTMLProps<"div">, TourProgressTextBaseProps {}
+declare const TourProgressText: import("react").ForwardRefExoticComponent<TourProgressTextProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/use.d.ts
+interface UseTourProps extends Optional<Omit<tour.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTourReturn extends tour.Api<PropTypes> {}
+declare const useTour: (props?: UseTourProps) => UseTourReturn;
+//#endregion
+//#region src/components/tour/root.d.ts
+interface TourRootBaseProps extends UsePresenceProps {
+  tour: UseTourReturn;
+}
+interface TourRootProps extends TourRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const TourRoot: (props: TourRootProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/tour/spotlight.d.ts
+interface TourSpotlightBaseProps extends PolymorphicProps {}
+interface TourSpotlightProps extends HTMLProps<"div">, TourSpotlightBaseProps {}
+declare const TourSpotlight: import("react").ForwardRefExoticComponent<TourSpotlightProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tour/title.d.ts
+interface TourTitleBaseProps extends PolymorphicProps {}
+interface TourTitleProps extends HTMLProps<"h2">, TourTitleBaseProps {}
+declare const TourTitle: import("react").ForwardRefExoticComponent<TourTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region src/components/tour/anatomy.d.ts
+declare const tourAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"title" | "content" | "arrow" | "control" | "progressText" | "positioner" | "arrowTip" | "description" | "closeTrigger" | "actionTrigger" | "backdrop" | "spotlight">;
+declare namespace tour_d_exports {
+  export { TourActionTrigger as ActionTrigger, TourActionTriggerBaseProps as ActionTriggerBaseProps, TourActionTriggerProps as ActionTriggerProps, TourActions as Actions, TourActionsProps as ActionsProps, TourArrow as Arrow, TourArrowBaseProps as ArrowBaseProps, TourArrowProps as ArrowProps, TourArrowTip as ArrowTip, TourArrowTipBaseProps as ArrowTipBaseProps, TourArrowTipProps as ArrowTipProps, TourBackdrop as Backdrop, TourBackdropBaseProps as BackdropBaseProps, TourBackdropProps as BackdropProps, TourCloseTrigger as CloseTrigger, TourCloseTriggerBaseProps as CloseTriggerBaseProps, TourCloseTriggerProps as CloseTriggerProps, TourContent as Content, TourContentBaseProps as ContentBaseProps, TourContentProps as ContentProps, TourContext as Context, TourContextProps as ContextProps, TourControl as Control, TourControlBaseProps as ControlBaseProps, TourControlProps as ControlProps, TourDescription as Description, TourDescriptionBaseProps as DescriptionBaseProps, TourDescriptionProps as DescriptionProps, FocusOutsideEvent, InteractOutsideEvent, Point, PointerDownOutsideEvent, TourPositioner as Positioner, TourPositionerBaseProps as PositionerBaseProps, TourPositionerProps as PositionerProps, TourProgressText as ProgressText, TourProgressTextBaseProps as ProgressTextBaseProps, ProgressTextDetails, TourProgressTextProps as ProgressTextProps, TourRoot as Root, TourRootBaseProps as RootBaseProps, TourRootProps as RootProps, TourSpotlight as Spotlight, TourSpotlightBaseProps as SpotlightBaseProps, TourSpotlightProps as SpotlightProps, StatusChangeDetails, StepAction$1 as StepAction, StepActionMap, StepActionTriggerProps$1 as StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, TourTitle as Title, TourTitleBaseProps as TitleBaseProps, TourTitleProps as TitleProps, WaitOptions$1 as WaitOptions };
+}
+//#endregion
+export { tour_d_exports as Tour, TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, TourActions, type TourActionsProps, TourArrow, type TourArrowBaseProps, type TourArrowProps, TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps, TourBackdrop, type TourBackdropBaseProps, type TourBackdropProps, TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps, TourContent, type TourContentBaseProps, type TourContentProps, TourContext, type TourContextProps, TourControl, type TourControlBaseProps, type TourControlProps, TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps, type TourFocusOutsideEvent, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, TourPositioner, type TourPositionerBaseProps, type TourPositionerProps, TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps, TourRoot, type TourRootBaseProps, type TourRootProps, TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps, type TourStepDetails, type TourStepEffectArgs, TourTitle, type TourTitleBaseProps, type TourTitleProps, type UseTourContext, type UseTourProps, type UseTourReturn, type WaitForEventOptions, type WaitOptions, tourAnatomy, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise };