@wirekyt/solid 0.0.1 → 0.0.2

package/dist/tour.d.ts

@@ -0,0 +1,112 @@
+import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { s as UsePresenceProps } from "./index-B17eqq14.js";
+import { Accessor, JSX } from "solid-js";
+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<"button">, StepActionTriggerProps {}
+interface TourActionTriggerProps extends HTMLProps<"button">, TourActionTriggerBaseProps {}
+declare const TourActionTrigger: (props: TourActionTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/actions.d.ts
+interface TourActionsProps {
+  children: (actions: Accessor<StepAction[]>) => JSX.Element;
+}
+declare const TourActions: (props: TourActionsProps) => JSX.Element;
+//#endregion
+//#region src/components/tour/arrow.d.ts
+interface TourArrowBaseProps extends PolymorphicProps<"div"> {}
+interface TourArrowProps extends HTMLProps<"div">, TourArrowBaseProps {}
+declare const TourArrow: (props: TourArrowProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/arrow-tip.d.ts
+interface TourArrowTipBaseProps extends PolymorphicProps<"div"> {}
+interface TourArrowTipProps extends HTMLProps<"div">, TourArrowTipBaseProps {}
+declare const TourArrowTip: (props: TourArrowTipProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/backdrop.d.ts
+interface TourBackdropBaseProps extends PolymorphicProps<"div"> {}
+interface TourBackdropProps extends HTMLProps<"div">, TourBackdropBaseProps {}
+declare const TourBackdrop: (props: TourBackdropProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/close-trigger.d.ts
+interface TourCloseTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface TourCloseTriggerProps extends HTMLProps<"button">, TourCloseTriggerBaseProps {}
+declare const TourCloseTrigger: (props: TourCloseTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/content.d.ts
+interface TourContentBaseProps extends PolymorphicProps<"div"> {}
+interface TourContentProps extends HTMLProps<"div">, TourContentBaseProps {}
+declare const TourContent: (props: TourContentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/use.d.ts
+interface UseTourProps extends Optional<Omit<tour.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTourReturn extends Accessor<tour.Api<PropTypes>> {}
+declare const useTour: (props?: MaybeAccessor<UseTourProps>) => UseTourReturn;
+//#endregion
+//#region src/components/tour/use-context.d.ts
+interface UseTourContext extends UseTourReturn {}
+declare const TourProvider: import("solid-js").ContextProviderComponent<UseTourContext>, useTourContext: () => UseTourContext;
+//#endregion
+//#region src/components/tour/context.d.ts
+interface TourContextProps {
+  children: (context: UseTourContext) => JSX.Element;
+}
+declare const TourContext: (props: TourContextProps) => JSX.Element;
+//#endregion
+//#region src/components/tour/control.d.ts
+interface TourControlBaseProps extends PolymorphicProps<"div"> {}
+interface TourControlProps extends HTMLProps<"div">, TourControlBaseProps {}
+declare const TourControl: (props: TourControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/description.d.ts
+interface TourDescriptionBaseProps extends PolymorphicProps<"div"> {}
+interface TourDescriptionProps extends HTMLProps<"div">, TourDescriptionBaseProps {}
+declare const TourDescription: (props: TourDescriptionProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/positioner.d.ts
+interface TourPositionerBaseProps extends PolymorphicProps<"div"> {}
+interface TourPositionerProps extends HTMLProps<"div">, TourPositionerBaseProps {}
+declare const TourPositioner: (props: TourPositionerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/progress-text.d.ts
+interface TourProgressTextBaseProps extends PolymorphicProps<"div"> {}
+interface TourProgressTextProps extends HTMLProps<"div">, TourProgressTextBaseProps {}
+declare const TourProgressText: (props: TourProgressTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/root.d.ts
+interface RootProps {
+  tour: UseTourReturn;
+}
+interface TourRootBaseProps extends RootProps, UsePresenceProps {}
+interface TourRootProps extends TourRootBaseProps {
+  children?: JSX.Element;
+}
+declare const TourRoot: (props: TourRootProps) => JSX.Element;
+//#endregion
+//#region src/components/tour/spotlight.d.ts
+interface TourSpotlightBaseProps extends PolymorphicProps<"div"> {}
+interface TourSpotlightProps extends HTMLProps<"div">, TourSpotlightBaseProps {}
+declare const TourSpotlight: (props: TourSpotlightProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/title.d.ts
+interface TourTitleBaseProps extends PolymorphicProps<"h2"> {}
+interface TourTitleProps extends HTMLProps<"h2">, TourTitleBaseProps {}
+declare const TourTitle: (props: TourTitleProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tour/anatomy.d.ts
+declare const tourAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"title" | "control" | "progressText" | "content" | "positioner" | "arrow" | "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.js

@@ -0,0 +1,256 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps, u as composeRefs } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-CE6lXCu5.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as tour from "@wirekyt/dom/machines/tour";
+import { anatomy, waitForElement, waitForElementValue, waitForPromise } from "@wirekyt/dom/machines/tour";
+//#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] = createContext$1({
+	hookName: "useTourContext",
+	providerName: "<TourProvider />"
+});
+//#endregion
+//#region src/components/tour/action-trigger.tsx
+const TourActionTrigger = (props) => {
+	const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+	const tour = useTourContext();
+	const mergedProps = mergeProps$2(() => tour().getActionTriggerProps(actionTriggerProps), localProps);
+	return createComponent(wire.button, mergeProps$1(mergedProps, { get children() {
+		return mergedProps.children || actionTriggerProps.action.label;
+	} }));
+};
+//#endregion
+//#region src/components/tour/actions.tsx
+const TourActions = (props) => {
+	const tour = useTourContext();
+	return props.children(() => tour().step?.actions ?? []);
+};
+//#endregion
+//#region src/components/tour/arrow.tsx
+const TourArrow = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$2(() => tour().getArrowProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return tour().step?.arrow;
+		},
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/tour/arrow-tip.tsx
+const TourArrowTip = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$2(() => tour().getArrowTipProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/tour/backdrop.tsx
+const TourBackdrop = (props) => {
+	const tour = useTourContext();
+	const presence = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: tour().open })));
+	const mergedProps = mergeProps$2(() => tour().getBackdropProps(), () => presence().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, {
+				get hidden() {
+					return !tour().step?.backdrop;
+				},
+				ref(r$) {
+					var _ref$ = composeRefs(presence().ref, props.ref);
+					typeof _ref$ === "function" && _ref$(r$);
+				}
+			}));
+		}
+	});
+};
+//#endregion
+//#region src/components/tour/close-trigger.tsx
+const TourCloseTrigger = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$2(() => tour().getCloseTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/tour/content.tsx
+const TourContent = (props) => {
+	const tour = useTourContext();
+	const presence = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: tour().open })));
+	const mergedProps = mergeProps$2(() => tour().getContentProps(), () => presence().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presence().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+//#endregion
+//#region src/components/tour/context.tsx
+const TourContext = (props) => props.children(useTourContext());
+//#endregion
+//#region src/components/tour/anatomy.ts
+const tourAnatomy = anatomy.extendWith("control");
+//#endregion
+//#region src/components/tour/control.tsx
+const TourControl = (props) => {
+	const mergedProps = mergeProps$2(() => tourAnatomy.build().control.attrs, props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/tour/description.tsx
+const TourDescription = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$2(() => tour().getDescriptionProps(), props);
+	return createComponent(wire.div, mergeProps$1(mergedProps, { get children() {
+		return mergedProps.children || tour().step?.description;
+	} }));
+};
+//#endregion
+//#region src/components/tour/positioner.tsx
+const TourPositioner = (props) => {
+	const tour = useTourContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$2(() => tour().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/tour/progress-text.tsx
+const TourProgressText = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$2(() => tour().getProgressTextProps(), props);
+	return createComponent(wire.div, mergeProps$1(mergedProps, { get children() {
+		return mergedProps.children || tour().getProgressText();
+	} }));
+};
+//#endregion
+//#region src/components/tour/root.tsx
+const TourRoot = (props) => {
+	const [presenceProps, rootProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const presence = usePresence(mergeProps$2(presenceProps, () => ({ present: rootProps.tour().open })));
+	return createComponent(TourProvider, {
+		get value() {
+			return rootProps.tour;
+		},
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: presence,
+						get children() {
+							return rootProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/tour/spotlight.tsx
+const TourSpotlight = (props) => {
+	const tour = useTourContext();
+	const presenceApi = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: tour().open })));
+	const mergedProps = mergeProps$2(() => tour().getSpotlightProps(), () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, {
+				get hidden() {
+					return !tour().open || !tour().step?.target?.();
+				},
+				ref(r$) {
+					var _ref$ = composeRefs(presenceApi().ref, props.ref);
+					typeof _ref$ === "function" && _ref$(r$);
+				}
+			}));
+		}
+	});
+};
+//#endregion
+//#region src/components/tour/title.tsx
+const TourTitle = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$2(() => tour().getTitleProps(), props);
+	return createComponent(wire.h2, mergeProps$1(mergedProps, { get children() {
+		return mergedProps.children || tour().step?.title;
+	} }));
+};
+//#endregion
+//#region src/components/tour/use.ts
+const useTour = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(tour.machine, machineProps);
+	return createMemo(() => tour.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/tour/tour.ts
+var tour_exports = /* @__PURE__ */ __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
+export { tour_exports as Tour, TourActionTrigger, TourActions, TourArrow, TourArrowTip, TourBackdrop, TourCloseTrigger, TourContent, TourContext, TourControl, TourDescription, TourPositioner, TourProgressText, TourRoot, TourSpotlight, TourTitle, tourAnatomy, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise };

package/dist/tour.jsx

@@ -0,0 +1,192 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps, u as composeRefs } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-9UGkuyfn.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as tour from "@wirekyt/dom/machines/tour";
+import { anatomy, waitForElement, waitForElementValue, waitForPromise } from "@wirekyt/dom/machines/tour";
+//#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] = createContext$1({
+	hookName: "useTourContext",
+	providerName: "<TourProvider />"
+});
+//#endregion
+//#region src/components/tour/action-trigger.tsx
+const TourActionTrigger = (props) => {
+	const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+	const tour = useTourContext();
+	const mergedProps = mergeProps$1(() => tour().getActionTriggerProps(actionTriggerProps), localProps);
+	return <wire.button {...mergedProps}>
+      {mergedProps.children || actionTriggerProps.action.label}
+    </wire.button>;
+};
+//#endregion
+//#region src/components/tour/actions.tsx
+const TourActions = (props) => {
+	const tour = useTourContext();
+	return props.children(() => tour().step?.actions ?? []);
+};
+//#endregion
+//#region src/components/tour/arrow.tsx
+const TourArrow = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$1(() => tour().getArrowProps(), props);
+	return <Show when={tour().step?.arrow}>
+      <wire.div {...mergedProps} />
+    </Show>;
+};
+//#endregion
+//#region src/components/tour/arrow-tip.tsx
+const TourArrowTip = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$1(() => tour().getArrowTipProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tour/backdrop.tsx
+const TourBackdrop = (props) => {
+	const tour = useTourContext();
+	const presence = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: tour().open })));
+	const mergedProps = mergeProps$1(() => tour().getBackdropProps(), () => presence().presenceProps, props);
+	return <Show when={!presence().unmounted}>
+      <wire.div {...mergedProps} hidden={!tour().step?.backdrop} ref={composeRefs(presence().ref, props.ref)} />
+    </Show>;
+};
+//#endregion
+//#region src/components/tour/close-trigger.tsx
+const TourCloseTrigger = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$1(() => tour().getCloseTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tour/content.tsx
+const TourContent = (props) => {
+	const tour = useTourContext();
+	const presence = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: tour().open })));
+	const mergedProps = mergeProps$1(() => tour().getContentProps(), () => presence().presenceProps, props);
+	return <Show when={!presence().unmounted}>
+      <wire.div {...mergedProps} ref={composeRefs(presence().ref, props.ref)} />
+    </Show>;
+};
+//#endregion
+//#region src/components/tour/context.tsx
+const TourContext = (props) => props.children(useTourContext());
+//#endregion
+//#region src/components/tour/anatomy.ts
+const tourAnatomy = anatomy.extendWith("control");
+//#endregion
+//#region src/components/tour/control.tsx
+const TourControl = (props) => {
+	const mergedProps = mergeProps$1(() => tourAnatomy.build().control.attrs, props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tour/description.tsx
+const TourDescription = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$1(() => tour().getDescriptionProps(), props);
+	return <wire.div {...mergedProps}>{mergedProps.children || tour().step?.description}</wire.div>;
+};
+//#endregion
+//#region src/components/tour/positioner.tsx
+const TourPositioner = (props) => {
+	const tour = useTourContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$1(() => tour().getPositionerProps(), props);
+	return <Show when={!presence().unmounted}>
+      <wire.div {...mergedProps} />
+    </Show>;
+};
+//#endregion
+//#region src/components/tour/progress-text.tsx
+const TourProgressText = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$1(() => tour().getProgressTextProps(), props);
+	return <wire.div {...mergedProps}>{mergedProps.children || tour().getProgressText()}</wire.div>;
+};
+//#endregion
+//#region src/components/tour/root.tsx
+const TourRoot = (props) => {
+	const [presenceProps, rootProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: rootProps.tour().open })));
+	return <TourProvider value={rootProps.tour}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={presence}>{rootProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </TourProvider>;
+};
+//#endregion
+//#region src/components/tour/spotlight.tsx
+const TourSpotlight = (props) => {
+	const tour = useTourContext();
+	const presenceApi = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: tour().open })));
+	const mergedProps = mergeProps$1(() => tour().getSpotlightProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <wire.div {...mergedProps} hidden={!tour().open || !tour().step?.target?.()} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+//#endregion
+//#region src/components/tour/title.tsx
+const TourTitle = (props) => {
+	const tour = useTourContext();
+	const mergedProps = mergeProps$1(() => tour().getTitleProps(), props);
+	return <wire.h2 {...mergedProps}>{mergedProps.children || tour().step?.title}</wire.h2>;
+};
+//#endregion
+//#region src/components/tour/use.ts
+const useTour = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(tour.machine, machineProps);
+	return createMemo(() => tour.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/tour/tour.ts
+var tour_exports = /* @__PURE__ */ __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
+export { tour_exports as Tour, TourActionTrigger, TourActions, TourArrow, TourArrowTip, TourBackdrop, TourCloseTrigger, TourContent, TourContext, TourControl, TourDescription, TourPositioner, TourProgressText, TourRoot, TourSpotlight, TourTitle, tourAnatomy, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise };