@wirekyt/svelte 0.0.1 → 0.0.2

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

@@ -0,0 +1,12 @@
+import type { Snippet } from "svelte";
+import type { UsePresenceProps } from "../presence";
+import type { UseTooltipProps } from "./use.svelte";
+export interface TooltipRootBaseProps extends Optional<UseTooltipProps, "id">, UsePresenceProps {
+}
+export interface TooltipRootProps extends TooltipRootBaseProps {
+    children?: Snippet;
+}
+import type { Optional } from "../../core";
+declare const Root: import("svelte").Component<TooltipRootProps, {}, "open">;
+type Root = ReturnType<typeof Root>;
+export default Root;

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

@@ -0,0 +1,9 @@
+export type { OpenChangeDetails, TriggerValueChangeDetails } from "@wirekyt/dom/machines/tooltip";
+export { default as Arrow, type TooltipArrowBaseProps as ArrowBaseProps, type TooltipArrowProps as ArrowProps, } from "./arrow.svelte";
+export { default as ArrowTip, type TooltipArrowTipBaseProps as ArrowTipBaseProps, type TooltipArrowTipProps as ArrowTipProps, } from "./arrow-tip.svelte";
+export { default as Content, type TooltipContentBaseProps as ContentBaseProps, type TooltipContentProps as ContentProps, } from "./content.svelte";
+export { default as Context, type TooltipContextProps as ContextProps } from "./context.svelte";
+export { default as Positioner, type TooltipPositionerBaseProps as PositionerBaseProps, type TooltipPositionerProps as PositionerProps, } from "./positioner.svelte";
+export { default as Root, type TooltipRootBaseProps as RootBaseProps, type TooltipRootProps as RootProps, } from "./root.svelte";
+export { default as RootProvider, type TooltipRootProviderBaseProps as RootProviderBaseProps, type TooltipRootProviderProps as RootProviderProps, } from "./root-provider.svelte";
+export { default as Trigger, type TooltipTriggerBaseProps as TriggerBaseProps, type TooltipTriggerProps as TriggerProps, } from "./trigger.svelte";

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,8 @@
+export { default as Arrow, } from "./arrow.svelte";
+export { default as ArrowTip, } from "./arrow-tip.svelte";
+export { default as Content, } from "./content.svelte";
+export { default as Context } from "./context.svelte";
+export { default as Positioner, } from "./positioner.svelte";
+export { default as Root, } from "./root.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";
+export { default as Trigger, } from "./trigger.svelte";

package/dist/components/tooltip/trigger.svelte

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { TriggerProps } from "@wirekyt/dom/machines/tooltip";
+
+  export interface TooltipTriggerBaseProps
+    extends TriggerProps, PolymorphicProps<"button">, RefAttribute {}
+  export interface TooltipTriggerProps extends Assign<
+    HTMLProps<"button">,
+    TooltipTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useTooltipContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TooltipTriggerProps = $props();
+  const [triggerProps, localProps] = $derived(createSplitProps<TriggerProps>()(props, ["value"]));
+  const tooltip = useTooltipContext();
+  const mergedProps = $derived(mergeProps(tooltip().getTriggerProps(triggerProps), localProps));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { TriggerProps } from "@wirekyt/dom/machines/tooltip";
+export interface TooltipTriggerBaseProps extends TriggerProps, PolymorphicProps<"button">, RefAttribute {
+}
+export interface TooltipTriggerProps extends Assign<HTMLProps<"button">, TooltipTriggerBaseProps> {
+}
+declare const Trigger: import("svelte").Component<TooltipTriggerProps, {}, "ref">;
+type Trigger = ReturnType<typeof Trigger>;
+export default Trigger;

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

@@ -0,0 +1,4 @@
+import type { UseTooltipReturn } from "./use.svelte";
+export interface UseTooltipContext extends UseTooltipReturn {
+}
+export declare const TooltipProvider: (opts: UseTooltipContext) => void, useTooltipContext: (fallback?: UseTooltipContext | undefined) => UseTooltipContext;

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

@@ -0,0 +1,4 @@
+import { createContext } from "../../utils";
+export const [TooltipProvider, useTooltipContext] = createContext({
+    name: "TooltipContext",
+});

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

@@ -0,0 +1,9 @@
+import type { Accessor } from "../../core";
+import { type PropTypes } from "../../core";
+import * as tooltip from "@wirekyt/dom/machines/tooltip";
+import { type MaybeFunction } from "@wirekyt/dom/utils";
+export interface UseTooltipProps extends Omit<tooltip.Props, "dir" | "getRootNode"> {
+}
+export interface UseTooltipReturn extends Accessor<tooltip.Api<PropTypes>> {
+}
+export declare const useTooltip: (props?: MaybeFunction<UseTooltipProps>) => UseTooltipReturn;

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

@@ -0,0 +1,20 @@
+import { normalizeProps, useMachine } from "../../core";
+import { useEnvironmentContext } from "../../providers";
+import { useLocaleContext } from "../../providers";
+import * as tooltip from "@wirekyt/dom/machines/tooltip";
+import { runIfFn } from "@wirekyt/dom/utils";
+export const useTooltip = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(tooltip.machine, () => machineProps);
+    const api = $derived(tooltip.connect(service, normalizeProps));
+    return () => api;
+};

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

@@ -0,0 +1,35 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { StepActionTriggerProps } from "@wirekyt/dom/machines/tour";
+
+  export interface TourActionTriggerBaseProps
+    extends StepActionTriggerProps, PolymorphicProps<"button">, RefAttribute {}
+  export interface TourActionTriggerProps extends HTMLProps<"button">, TourActionTriggerBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useTourContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TourActionTriggerProps = $props();
+  const [actionTriggerProps, localProps] = $derived(
+    createSplitProps<StepActionTriggerProps>()(props, ["action"]),
+  );
+
+  const tour = useTourContext();
+
+  const mergedProps = $derived(
+    mergeProps(tour().getActionTriggerProps(actionTriggerProps), localProps),
+  );
+</script>
+
+<Wire as="button" bind:ref {...mergedProps}>
+  {#if localProps.children}
+    {@render localProps.children()}
+  {:else}
+    {actionTriggerProps.action.label}
+  {/if}
+</Wire>

package/dist/components/tour/action-trigger.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { StepActionTriggerProps } from "@wirekyt/dom/machines/tour";
+export interface TourActionTriggerBaseProps extends StepActionTriggerProps, PolymorphicProps<"button">, RefAttribute {
+}
+export interface TourActionTriggerProps extends HTMLProps<"button">, TourActionTriggerBaseProps {
+}
+declare const ActionTrigger: import("svelte").Component<TourActionTriggerProps, {}, "ref">;
+type ActionTrigger = ReturnType<typeof ActionTrigger>;
+export default ActionTrigger;

package/dist/components/tour/actions.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import type { Accessor } from "../../core";
+  import type { StepAction } from "@wirekyt/dom/machines/tour";
+  import type { Snippet } from "svelte";
+
+  import { useTourContext } from "./use-context";
+
+  export interface TourActionsProps {
+    children: Snippet<[Accessor<StepAction[]>]>;
+  }
+
+  const { children }: TourActionsProps = $props();
+
+  const tour = useTourContext();
+  const actions = $derived(tour().step?.actions ?? []);
+</script>
+
+{@render children(() => actions)}

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

@@ -0,0 +1,9 @@
+import type { Accessor } from "../../core";
+import type { StepAction } from "@wirekyt/dom/machines/tour";
+import type { Snippet } from "svelte";
+export interface TourActionsProps {
+    children: Snippet<[Accessor<StepAction[]>]>;
+}
+declare const Actions: import("svelte").Component<TourActionsProps, {}, "">;
+type Actions = ReturnType<typeof Actions>;
+export default Actions;

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

@@ -0,0 +1 @@
+export declare const tourAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"description" | "title" | "content" | "control" | "progressText" | "positioner" | "backdrop" | "closeTrigger" | "arrow" | "arrowTip" | "actionTrigger" | "spotlight">;

package/dist/components/tour/anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from "@wirekyt/dom/machines/tour";
+export const tourAnatomy = anatomy.extendWith("control");

package/dist/components/tour/arrow-tip.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface TourArrowTipBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface TourArrowTipProps extends HTMLProps<"div">, TourArrowTipBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useTourContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TourArrowTipProps = $props();
+
+  const tour = useTourContext();
+  const mergedProps = $derived(mergeProps(tour().getArrowTipProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/tour/arrow-tip.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface TourArrowTipBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface TourArrowTipProps extends HTMLProps<"div">, TourArrowTipBaseProps {
+}
+declare const ArrowTip: import("svelte").Component<TourArrowTipProps, {}, "ref">;
+type ArrowTip = ReturnType<typeof ArrowTip>;
+export default ArrowTip;

package/dist/components/tour/arrow.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface TourArrowBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface TourArrowProps extends HTMLProps<"div">, TourArrowBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useTourContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TourArrowProps = $props();
+
+  const tour = useTourContext();
+
+  const mergedProps = $derived(mergeProps(tour().getArrowProps(), props));
+</script>
+
+{#if tour().step?.arrow}
+  <Wire bind:ref as="div" {...mergedProps} />
+{/if}

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

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface TourArrowBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface TourArrowProps extends HTMLProps<"div">, TourArrowBaseProps {
+}
+declare const Arrow: import("svelte").Component<TourArrowProps, {}, "ref">;
+type Arrow = ReturnType<typeof Arrow>;
+export default Arrow;

package/dist/components/tour/backdrop.svelte

@@ -0,0 +1,36 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface TourBackdropBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface TourBackdropProps extends HTMLProps<"div">, TourBackdropBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { useRenderStrategyPropsContext } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { usePresence } from "../presence";
+  import { useTourContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TourBackdropProps = $props();
+  const renderStrategyProps = useRenderStrategyPropsContext();
+
+  const tour = useTourContext();
+  const presence = usePresence(() => ({
+    ...renderStrategyProps(),
+    present: tour().open,
+  }));
+
+  const mergedProps = $derived(
+    mergeProps(tour().getBackdropProps(), presence().getPresenceProps(), props),
+  );
+
+  function setNode(node: Element | null) {
+    presence().setNode(node);
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} {@attach setNode} hidden={!tour().step?.backdrop} />
+{/if}

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

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface TourBackdropBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface TourBackdropProps extends HTMLProps<"div">, TourBackdropBaseProps {
+}
+declare const Backdrop: import("svelte").Component<TourBackdropProps, {}, "ref">;
+type Backdrop = ReturnType<typeof Backdrop>;
+export default Backdrop;

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

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface TourCloseTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {}
+  export interface TourCloseTriggerProps extends HTMLProps<"button">, TourCloseTriggerBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useTourContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TourCloseTriggerProps = $props();
+
+  const tour = useTourContext();
+
+  const mergedProps = $derived(mergeProps(tour().getCloseTriggerProps(), props));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

package/dist/components/tour/close-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface TourCloseTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {
+}
+export interface TourCloseTriggerProps extends HTMLProps<"button">, TourCloseTriggerBaseProps {
+}
+declare const CloseTrigger: import("svelte").Component<TourCloseTriggerProps, {}, "ref">;
+type CloseTrigger = ReturnType<typeof CloseTrigger>;
+export default CloseTrigger;

package/dist/components/tour/content.svelte

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface TourContentBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface TourContentProps extends HTMLProps<"div">, TourContentBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { usePresenceContext } from "../presence";
+  import { useTourContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TourContentProps = $props();
+
+  const tour = useTourContext();
+  const presence = usePresenceContext();
+
+  const mergedProps = $derived(
+    mergeProps(tour().getContentProps(), presence().getPresenceProps(), props),
+  );
+
+  function setNode(node: Element | null) {
+    presence().setNode(node);
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

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

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface TourContentBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface TourContentProps extends HTMLProps<"div">, TourContentBaseProps {
+}
+declare const Content: import("svelte").Component<TourContentProps, {}, "ref">;
+type Content = ReturnType<typeof Content>;
+export default Content;

package/dist/components/tour/context.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  import { useTourContext, type UseTourContext } from "./use-context";
+
+  export interface TourContextProps {
+    render: Snippet<[UseTourContext]>;
+  }
+
+  const { render }: TourContextProps = $props();
+
+  const tour = useTourContext();
+</script>
+
+{@render render(tour)}

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

@@ -0,0 +1,8 @@
+import type { Snippet } from "svelte";
+import { type UseTourContext } from "./use-context";
+export interface TourContextProps {
+    render: Snippet<[UseTourContext]>;
+}
+declare const Context: import("svelte").Component<TourContextProps, {}, "">;
+type Context = ReturnType<typeof Context>;
+export default Context;

package/dist/components/tour/control.svelte

@@ -0,0 +1,15 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface TourControlBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface TourControlProps extends HTMLProps<"div">, TourControlBaseProps {}
+</script>
+
+<script lang="ts">
+  import { Wire } from "../factory";
+  import { tourAnatomy } from "./anatomy";
+
+  let { ref = $bindable(null), ...props }: TourControlProps = $props();
+</script>
+
+<Wire as="div" bind:ref {...tourAnatomy.build().control.attrs} {...props} />

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

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface TourControlBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface TourControlProps extends HTMLProps<"div">, TourControlBaseProps {
+}
+declare const Control: import("svelte").Component<TourControlProps, {}, "ref">;
+type Control = ReturnType<typeof Control>;
+export default Control;

package/dist/components/tour/description.svelte

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface TourDescriptionBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface TourDescriptionProps extends HTMLProps<"div">, TourDescriptionBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useTourContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TourDescriptionProps = $props();
+
+  const tour = useTourContext();
+  const mergedProps = $derived(mergeProps(tour().getDescriptionProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps}>
+  {#if props.children}
+    {@render props.children()}
+  {:else}
+    {tour().step?.description}
+  {/if}
+</Wire>

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

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface TourDescriptionBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface TourDescriptionProps extends HTMLProps<"div">, TourDescriptionBaseProps {
+}
+declare const Description: import("svelte").Component<TourDescriptionProps, {}, "ref">;
+type Description = ReturnType<typeof Description>;
+export default Description;

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

@@ -0,0 +1,22 @@
+export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions, } from "@wirekyt/dom/machines/tour";
+export { waitForEvent, type WaitForEventOptions } from "./wait-for-event";
+export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from "@wirekyt/dom/machines/tour";
+export { default as TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, } from "./action-trigger.svelte";
+export { default as TourActions, type TourActionsProps } from "./actions.svelte";
+export { default as TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps, } from "./arrow-tip.svelte";
+export { default as TourArrow, type TourArrowBaseProps, type TourArrowProps } from "./arrow.svelte";
+export { default as TourBackdrop, type TourBackdropBaseProps, type TourBackdropProps, } from "./backdrop.svelte";
+export { default as TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps, } from "./close-trigger.svelte";
+export { default as TourContent, type TourContentBaseProps, type TourContentProps, } from "./content.svelte";
+export { default as TourContext, type TourContextProps } from "./context.svelte";
+export { default as TourControl, type TourControlBaseProps, type TourControlProps, } from "./control.svelte";
+export { default as TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps, } from "./description.svelte";
+export { default as TourPositioner, type TourPositionerBaseProps, type TourPositionerProps, } from "./positioner.svelte";
+export { default as TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps, } from "./progress-text.svelte";
+export { default as TourRoot, type TourRootBaseProps, type TourRootProps } from "./root.svelte";
+export { default as TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps, } from "./spotlight.svelte";
+export { default as TourTitle, type TourTitleBaseProps, type TourTitleProps } from "./title.svelte";
+export { tourAnatomy } from "./anatomy";
+export { useTourContext, type UseTourContext } from "./use-context";
+export { useTour, type UseTourProps, type UseTourReturn } from "./use.svelte";
+export * as Tour from "./tour";

package/dist/components/tour/index.js

@@ -0,0 +1,21 @@
+export { waitForElement, waitForElementValue, waitForPromise, } from "@wirekyt/dom/machines/tour";
+export { waitForEvent } from "./wait-for-event";
+export { default as TourActionTrigger, } from "./action-trigger.svelte";
+export { default as TourActions } from "./actions.svelte";
+export { default as TourArrowTip, } from "./arrow-tip.svelte";
+export { default as TourArrow } from "./arrow.svelte";
+export { default as TourBackdrop, } from "./backdrop.svelte";
+export { default as TourCloseTrigger, } from "./close-trigger.svelte";
+export { default as TourContent, } from "./content.svelte";
+export { default as TourContext } from "./context.svelte";
+export { default as TourControl, } from "./control.svelte";
+export { default as TourDescription, } from "./description.svelte";
+export { default as TourPositioner, } from "./positioner.svelte";
+export { default as TourProgressText, } from "./progress-text.svelte";
+export { default as TourRoot } from "./root.svelte";
+export { default as TourSpotlight, } from "./spotlight.svelte";
+export { default as TourTitle } from "./title.svelte";
+export { tourAnatomy } from "./anatomy";
+export { useTourContext } from "./use-context";
+export { useTour } from "./use.svelte";
+export * as Tour from "./tour";

package/dist/components/tour/positioner.svelte

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface TourPositionerBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface TourPositionerProps extends HTMLProps<"div">, TourPositionerBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { usePresenceContext } from "../presence";
+  import { useTourContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TourPositionerProps = $props();
+
+  const tour = useTourContext();
+  const presence = usePresenceContext();
+
+  const mergedProps = $derived(mergeProps(tour().getPositionerProps(), props));
+</script>
+
+{#if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} />
+{/if}

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

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface TourPositionerBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface TourPositionerProps extends HTMLProps<"div">, TourPositionerBaseProps {
+}
+declare const Positioner: import("svelte").Component<TourPositionerProps, {}, "ref">;
+type Positioner = ReturnType<typeof Positioner>;
+export default Positioner;

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

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface TourProgressTextBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface TourProgressTextProps extends HTMLProps<"div">, TourProgressTextBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useTourContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TourProgressTextProps = $props();
+
+  const tour = useTourContext();
+
+  const mergedProps = $derived(mergeProps(tour().getProgressTextProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps}>
+  {#if props.children}
+    {@render props.children()}
+  {:else}
+    {tour().getProgressText()}
+  {/if}
+</Wire>

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

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface TourProgressTextBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface TourProgressTextProps extends HTMLProps<"div">, TourProgressTextBaseProps {
+}
+declare const ProgressText: import("svelte").Component<TourProgressTextProps, {}, "ref">;
+type ProgressText = ReturnType<typeof ProgressText>;
+export default ProgressText;

package/dist/components/tour/root.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  import { RenderStrategyPropsProvider, splitRenderStrategyProps } from "../../utils";
+
+  import type { UseTourReturn } from "./use.svelte";
+
+  import {
+    PresenceProvider,
+    splitPresenceProps,
+    usePresence,
+    type UsePresenceProps,
+  } from "../presence";
+  import { TourProvider } from "./use-context";
+
+  export interface TourRootBaseProps extends UsePresenceProps {
+    tour: UseTourReturn;
+    children?: Snippet;
+  }
+  export interface TourRootProps extends TourRootBaseProps {}
+
+  const props: TourRootProps = $props();
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props));
+  const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps));
+
+  const presence = usePresence(() => ({
+    present: localProps.tour().open,
+    ...presenceProps,
+  }));
+
+  TourProvider(() => localProps.tour());
+  RenderStrategyPropsProvider(() => renderStrategyProps);
+  PresenceProvider(presence);
+</script>
+
+{@render localProps.children?.()}