@skdx/vue 0.26.0

package/dist/tour/TourBackdrop.vue.d.cts

@@ -0,0 +1,51 @@
+/**
+ * The dimming layer behind the tour, carrying the spotlight geometry as the
+ * custom properties `--skdx-tour-x` / `-y` / `-width` / `-height` (already
+ * padded by `spotlightPadding` and clamped to the viewport). Those four are
+ * everything a cutout needs, so the hole over the highlighted element is
+ * drawable from CSS alone — a `clip-path`, a `radial-gradient`, or a giant
+ * `box-shadow` on `SkdxTourSpotlight` — with no measuring in JavaScript.
+ *
+ * Decorative and `aria-hidden`: the active step is announced through
+ * `SkdxTourContent`, not through the backdrop. Exposes `data-state`
+ * (`open`/`closed`) for animation and unmounts with the tour unless
+ * `forceMount` is set. Must be used inside `SkdxTour`.
+ *
+ * @example
+ * ```css
+ * .tour-backdrop {
+ *   position: fixed;
+ *   inset: 0;
+ *   background: rgb(0 0 0 / 0.5);
+ *   clip-path: polygon(
+ *     0 0, 100% 0, 100% 100%, 0 100%, 0 0,
+ *     var(--skdx-tour-x) var(--skdx-tour-y),
+ *     var(--skdx-tour-x) calc(var(--skdx-tour-y) + var(--skdx-tour-height)),
+ *     calc(var(--skdx-tour-x) + var(--skdx-tour-width)) calc(var(--skdx-tour-y) + var(--skdx-tour-height)),
+ *     calc(var(--skdx-tour-x) + var(--skdx-tour-width)) var(--skdx-tour-y),
+ *     var(--skdx-tour-x) var(--skdx-tour-y)
+ *   );
+ * }
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Keep the backdrop mounted even while the tour is closed.
+     * @default false — it leaves the DOM with the tour.
+     */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourBackdrop.vue.d.ts

@@ -0,0 +1,51 @@
+/**
+ * The dimming layer behind the tour, carrying the spotlight geometry as the
+ * custom properties `--skdx-tour-x` / `-y` / `-width` / `-height` (already
+ * padded by `spotlightPadding` and clamped to the viewport). Those four are
+ * everything a cutout needs, so the hole over the highlighted element is
+ * drawable from CSS alone — a `clip-path`, a `radial-gradient`, or a giant
+ * `box-shadow` on `SkdxTourSpotlight` — with no measuring in JavaScript.
+ *
+ * Decorative and `aria-hidden`: the active step is announced through
+ * `SkdxTourContent`, not through the backdrop. Exposes `data-state`
+ * (`open`/`closed`) for animation and unmounts with the tour unless
+ * `forceMount` is set. Must be used inside `SkdxTour`.
+ *
+ * @example
+ * ```css
+ * .tour-backdrop {
+ *   position: fixed;
+ *   inset: 0;
+ *   background: rgb(0 0 0 / 0.5);
+ *   clip-path: polygon(
+ *     0 0, 100% 0, 100% 100%, 0 100%, 0 0,
+ *     var(--skdx-tour-x) var(--skdx-tour-y),
+ *     var(--skdx-tour-x) calc(var(--skdx-tour-y) + var(--skdx-tour-height)),
+ *     calc(var(--skdx-tour-x) + var(--skdx-tour-width)) calc(var(--skdx-tour-y) + var(--skdx-tour-height)),
+ *     calc(var(--skdx-tour-x) + var(--skdx-tour-width)) var(--skdx-tour-y),
+ *     var(--skdx-tour-x) var(--skdx-tour-y)
+ *   );
+ * }
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Keep the backdrop mounted even while the tour is closed.
+     * @default false — it leaves the DOM with the tour.
+     */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourBackdrop.vue.js

@@ -0,0 +1 @@
+import r from"./TourBackdrop.vue_vue_type_script_setup_true_lang.js";var e=r;export{e as default};

package/dist/tour/TourBackdrop.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("./context.cjs");let e=require("vue");var u=["data-state"],n=(0,e.defineComponent)({__name:"TourBackdrop",props:{forceMount:{type:Boolean,default:!1}},setup(r){const t=(0,e.inject)(a.TOUR_CONTEXT);if(!t)throw new Error("SkdxTourBackdrop must be used within SkdxTour.");return(o,d)=>r.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tour__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":(0,e.unref)(t).open.value?"open":"closed",style:(0,e.normalizeStyle)((0,e.unref)(t).spotlightStyle.value)},[(0,e.renderSlot)(o.$slots,"default")],12,u)):(0,e.createCommentVNode)("",!0)}});exports.default=n;

package/dist/tour/TourBackdrop.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{TOUR_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as o,defineComponent as a,inject as r,normalizeStyle as s,openBlock as n,renderSlot as d,unref as l}from"vue";var u=["data-state"],p=/* @__PURE__ */a({__name:"TourBackdrop",props:{forceMount:{type:Boolean,default:!1}},setup(a){const p=r(e);if(!p)throw new Error("SkdxTourBackdrop must be used within SkdxTour.");return(e,r)=>a.forceMount||l(p).open.value?(n(),o("div",{key:0,class:"skdx-tour__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":l(p).open.value?"open":"closed",style:s(l(p).spotlightStyle.value)},[d(e.$slots,"default")],12,u)):t("",!0)}});export{p as default};

package/dist/tour/TourCloseTrigger.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TourCloseTrigger.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/tour/TourCloseTrigger.vue.d.cts

@@ -0,0 +1,27 @@
+/**
+ * The dismiss affordance — the corner ✕. Ends the tour through the same path
+ * as `SkdxTourSkipTrigger` and Escape: closes it and emits `skip`, never
+ * `complete`. Abandoning a tour is abandoning it, whichever control did it.
+ *
+ * Distinct from `SkdxTourSkipTrigger` only in intent and placement, so give it
+ * an `aria-label` — an icon-only button has no accessible name of its own.
+ * Must be used inside `SkdxTour`.
+ *
+ * @example
+ * ```vue
+ * <SkdxTourCloseTrigger aria-label="Close tour">✕</SkdxTourCloseTrigger>
+ * ```
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourCloseTrigger.vue.d.ts

@@ -0,0 +1,27 @@
+/**
+ * The dismiss affordance — the corner ✕. Ends the tour through the same path
+ * as `SkdxTourSkipTrigger` and Escape: closes it and emits `skip`, never
+ * `complete`. Abandoning a tour is abandoning it, whichever control did it.
+ *
+ * Distinct from `SkdxTourSkipTrigger` only in intent and placement, so give it
+ * an `aria-label` — an icon-only button has no accessible name of its own.
+ * Must be used inside `SkdxTour`.
+ *
+ * @example
+ * ```vue
+ * <SkdxTourCloseTrigger aria-label="Close tour">✕</SkdxTourCloseTrigger>
+ * ```
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourCloseTrigger.vue.js

@@ -0,0 +1 @@
+import e from"./TourCloseTrigger.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/tour/TourCloseTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("./context.cjs");let e=require("vue");var n=(0,e.defineComponent)({__name:"TourCloseTrigger",setup(s){const r=(0,e.inject)(u.TOUR_CONTEXT);if(!r)throw new Error("SkdxTourCloseTrigger must be used within SkdxTour.");return(o,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tour__close-trigger","data-part":"close-trigger",type:"button",onClick:t[0]||(t[0]=l=>(0,e.unref)(r).skip())},[(0,e.renderSlot)(o.$slots,"default")]))}});exports.default=n;

package/dist/tour/TourCloseTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{TOUR_CONTEXT as e}from"./context.js";import{createElementBlock as r,defineComponent as t,inject as o,openBlock as s,renderSlot as a,unref as n}from"vue";var u=/* @__PURE__ */t({__name:"TourCloseTrigger",setup(t){const u=o(e);if(!u)throw new Error("SkdxTourCloseTrigger must be used within SkdxTour.");return(e,t)=>(s(),r("button",{class:"skdx-tour__close-trigger","data-part":"close-trigger",type:"button",onClick:t[0]||(t[0]=e=>n(u).skip())},[a(e.$slots,"default")]))}});export{u as default};

package/dist/tour/TourContent.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TourContent.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/tour/TourContent.vue.d.cts

@@ -0,0 +1,111 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+/**
+ * The active step's panel: `role="dialog"` with `aria-modal="true"`, labelled
+ * by `SkdxTourTitle` and described by `SkdxTourDescription`, and `data-state`
+ * (`open`/`closed`) plus `data-step` and `data-type`.
+ *
+ * When the step has a resolved target (and is not `type: 'dialog'`) it is
+ * positioned by the shared popper layer against that target, exposing the
+ * resolved `data-side`/`data-align` and the `--skdx-tour-available-width` /
+ * `-available-height` / `-trigger-width` / `-transform-origin` measurement
+ * properties. A step with no target — or an explicit `type: 'dialog'` — gets
+ * `data-centered` instead, with **no** inline positioning and no
+ * `data-side`/`data-align` at all, so CSS is free to place it in the middle
+ * of the viewport. The active step's `placement`/`align` override this
+ * component's own `side`/`align`, which act as the tour-wide defaults.
+ *
+ * The same element is rendered on both branches, deliberately: a step change
+ * that remounted the panel would strand the focus trap's listener on the old
+ * node.
+ *
+ * Focus is trapped inside while the tour runs, moves onto the panel on **each
+ * step change** (not just on open — a step change that only swaps text is
+ * invisible to a screen reader otherwise), and is restored to whatever was
+ * focused before the tour started when it completes or is skipped.
+ *
+ * Escape skips the tour when `closeOnEscape`; a pointer-down outside skips it
+ * only when `closeOnInteractOutside`. Both are reported first — via
+ * `escape-key-down` and `pointer-down-outside`/`interact-outside` — and
+ * `event.preventDefault()` on any of them keeps the tour running. Arrow keys
+ * are deliberately **not** handled: they belong to whatever the step is
+ * pointing at. Must be used inside `SkdxTour`.
+ */
+type __VLS_Props = {
+    /**
+     * Preferred edge of the target to place the panel against, for steps that
+     * do not name their own `placement`.
+     * @default 'bottom' — below the target, which is where a walkthrough panel is least likely to cover what it is describing.
+     */
+    side?: Side;
+    /**
+     * Preferred alignment along that edge, for steps that do not name their
+     * own `align`.
+     * @default 'center'
+     */
+    align?: Align;
+    /**
+     * Pixel gap between the panel and the target's edge.
+     * @default 8 — wide enough to clear the spotlight's default padding.
+     */
+    sideOffset?: number;
+    /**
+     * Pixel offset along the alignment axis.
+     * @default 0 — aligned exactly as `align` says.
+     */
+    alignOffset?: number;
+    /**
+     * Flip/shift to stay within the viewport instead of overflowing it.
+     * @default true — a panel explaining an element at the edge of the screen must still be readable.
+     */
+    avoidCollisions?: boolean;
+    /**
+     * Minimum pixel distance to keep from the collision boundary. A number
+     * applies to every side; an object sets only the sides it names.
+     * @default 8
+     */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * panel's clipping ancestors.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /**
+     * Keep the panel mounted even while the tour is closed, so an animation
+     * library can play an exit transition against `data-state="closed"`.
+     * @default false — the panel unmounts with the tour.
+     */
+    forceMount?: boolean;
+};
+declare var __VLS_4: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+    collisionBoundary: Element | Element[] | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourContent.vue.d.ts

@@ -0,0 +1,111 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+/**
+ * The active step's panel: `role="dialog"` with `aria-modal="true"`, labelled
+ * by `SkdxTourTitle` and described by `SkdxTourDescription`, and `data-state`
+ * (`open`/`closed`) plus `data-step` and `data-type`.
+ *
+ * When the step has a resolved target (and is not `type: 'dialog'`) it is
+ * positioned by the shared popper layer against that target, exposing the
+ * resolved `data-side`/`data-align` and the `--skdx-tour-available-width` /
+ * `-available-height` / `-trigger-width` / `-transform-origin` measurement
+ * properties. A step with no target — or an explicit `type: 'dialog'` — gets
+ * `data-centered` instead, with **no** inline positioning and no
+ * `data-side`/`data-align` at all, so CSS is free to place it in the middle
+ * of the viewport. The active step's `placement`/`align` override this
+ * component's own `side`/`align`, which act as the tour-wide defaults.
+ *
+ * The same element is rendered on both branches, deliberately: a step change
+ * that remounted the panel would strand the focus trap's listener on the old
+ * node.
+ *
+ * Focus is trapped inside while the tour runs, moves onto the panel on **each
+ * step change** (not just on open — a step change that only swaps text is
+ * invisible to a screen reader otherwise), and is restored to whatever was
+ * focused before the tour started when it completes or is skipped.
+ *
+ * Escape skips the tour when `closeOnEscape`; a pointer-down outside skips it
+ * only when `closeOnInteractOutside`. Both are reported first — via
+ * `escape-key-down` and `pointer-down-outside`/`interact-outside` — and
+ * `event.preventDefault()` on any of them keeps the tour running. Arrow keys
+ * are deliberately **not** handled: they belong to whatever the step is
+ * pointing at. Must be used inside `SkdxTour`.
+ */
+type __VLS_Props = {
+    /**
+     * Preferred edge of the target to place the panel against, for steps that
+     * do not name their own `placement`.
+     * @default 'bottom' — below the target, which is where a walkthrough panel is least likely to cover what it is describing.
+     */
+    side?: Side;
+    /**
+     * Preferred alignment along that edge, for steps that do not name their
+     * own `align`.
+     * @default 'center'
+     */
+    align?: Align;
+    /**
+     * Pixel gap between the panel and the target's edge.
+     * @default 8 — wide enough to clear the spotlight's default padding.
+     */
+    sideOffset?: number;
+    /**
+     * Pixel offset along the alignment axis.
+     * @default 0 — aligned exactly as `align` says.
+     */
+    alignOffset?: number;
+    /**
+     * Flip/shift to stay within the viewport instead of overflowing it.
+     * @default true — a panel explaining an element at the edge of the screen must still be readable.
+     */
+    avoidCollisions?: boolean;
+    /**
+     * Minimum pixel distance to keep from the collision boundary. A number
+     * applies to every side; an object sets only the sides it names.
+     * @default 8
+     */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * panel's clipping ancestors.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /**
+     * Keep the panel mounted even while the tour is closed, so an animation
+     * library can play an exit transition against `data-state="closed"`.
+     * @default false — the panel unmounts with the tour.
+     */
+    forceMount?: boolean;
+};
+declare var __VLS_4: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+    collisionBoundary: Element | Element[] | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourContent.vue.js

@@ -0,0 +1 @@
+import t from"./TourContent.vue_vue_type_script_setup_true_lang.js";var e=t;export{e as default};

package/dist/tour/TourContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const T=require("../utils/composeRefs.cjs"),g=require("../utils/useDismiss.cjs"),b=require("../utils/useFocusTrap.cjs"),y=require("../utils/popper.cjs"),_=require("./context.cjs"),k=require("./TourPositioner.vue.cjs");let e=require("vue");var C=["id","aria-labelledby","aria-describedby","data-state","data-step","data-type","data-centered","data-side","data-align"],q=(0,e.defineComponent)({__name:"TourContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{default:void 0},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(u,{emit:O}){const n=u,r=O,t=(0,e.inject)(_.TOUR_CONTEXT);if(!t)throw new Error("SkdxTourContent must be used within SkdxTour.");const s=(0,e.inject)(y.POPPER_CONTEXT);if(!s)throw new Error("SkdxTourContent must be used within SkdxTour.");const a=(0,e.ref)(null),l=(0,e.ref)(null),d=(0,e.shallowRef)({}),c=(0,e.shallowRef)({position:"absolute"}),f=(0,e.ref)("bottom"),p=(0,e.ref)("center"),h=T.composeRefs(a,t.contentRef);(0,e.provide)(_.TOUR_POSITION,{contentRef:a,arrowRef:l,style:d,arrowStyle:c,placedSide:f,placedAlign:p}),(0,e.provide)(y.ARROW_CONTEXT,{style:c,setArrowEl:o=>{l.value=o}});const v=(0,e.ref)(0);(0,e.watch)(()=>s.anchor.value,()=>{v.value+=1});const i=(0,e.computed)(()=>({side:t.activeStep.value?.placement??n.side,align:t.activeStep.value?.align??n.align,sideOffset:n.sideOffset,alignOffset:n.alignOffset,avoidCollisions:n.avoidCollisions,collisionPadding:n.collisionPadding,collisionBoundary:n.collisionBoundary})),w=(0,e.computed)(()=>`${i.value.side}|${i.value.align}|${v.value}`);b.useFocusTrap(a,t.open);function m(){t.open.value&&a.value?.focus({preventScroll:!0})}return(0,e.watch)([t.open,t.step],m,{flush:"post"}),(0,e.onMounted)(m),g.useDismiss({enabled:t.open,onEscapeKeyDown:o=>{r("escape-key-down",o),!(o.defaultPrevented||!t.closeOnEscape.value)&&t.skip()},onInteractOutside:o=>r("interact-outside",o),onPointerDownOutside:o=>{r("pointer-down-outside",o),!(o.defaultPrevented||!t.closeOnInteractOutside.value)&&t.skip()},onFocusOutside:o=>r("focus-outside",o)},[a]),(o,P)=>u.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tour__content","data-part":"content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(h),role:"dialog","aria-modal":"true","aria-labelledby":(0,e.unref)(t).titleId,"aria-describedby":(0,e.unref)(t).descriptionId,tabindex:"-1","data-state":(0,e.unref)(t).open.value?"open":"closed","data-step":(0,e.unref)(t).step.value,"data-type":(0,e.unref)(t).activeStep.value?.type,"data-centered":(0,e.unref)(t).anchored.value?void 0:"","data-side":(0,e.unref)(t).anchored.value?f.value:void 0,"data-align":(0,e.unref)(t).anchored.value?p.value:void 0,style:(0,e.normalizeStyle)((0,e.unref)(t).anchored.value?d.value:void 0)},[(0,e.unref)(t).anchored.value?((0,e.openBlock)(),(0,e.createBlock)(k.default,(0,e.mergeProps)({key:w.value},i.value),null,16)):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(o.$slots,"default")],12,C)):(0,e.createCommentVNode)("",!0)}});exports.default=q;

package/dist/tour/TourContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as a}from"../utils/useDismiss.js";import{useFocusTrap as o}from"../utils/useFocusTrap.js";import{ARROW_CONTEXT as t,POPPER_CONTEXT as s}from"../utils/popper.js";import{TOUR_CONTEXT as n,TOUR_POSITION as i}from"./context.js";import l from"./TourPositioner.vue.js";import{computed as d,createBlock as r,createCommentVNode as u,createElementBlock as c,defineComponent as p,inject as f,mergeProps as v,normalizeStyle as m,onMounted as y,openBlock as O,provide as w,ref as T,renderSlot as g,shallowRef as b,unref as k,watch as h}from"vue";var S=["id","aria-labelledby","aria-describedby","data-state","data-step","data-type","data-centered","data-side","data-align"],P=/* @__PURE__ */p({__name:"TourContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{default:void 0},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(p,{emit:P}){const C=p,R=P,E=f(n);if(!E)throw new Error("SkdxTourContent must be used within SkdxTour.");const x=f(s);if(!x)throw new Error("SkdxTourContent must be used within SkdxTour.");const B=T(null),_=T(null),j=b({}),I=b({position:"absolute"}),N=T("bottom"),D=T("center"),$=e(B,E.contentRef);w(i,{contentRef:B,arrowRef:_,style:j,arrowStyle:I,placedSide:N,placedAlign:D}),w(t,{style:I,setArrowEl:e=>{_.value=e}});const A=T(0);h(()=>x.anchor.value,()=>{A.value+=1});const F=d(()=>({side:E.activeStep.value?.placement??C.side,align:E.activeStep.value?.align??C.align,sideOffset:C.sideOffset,alignOffset:C.alignOffset,avoidCollisions:C.avoidCollisions,collisionPadding:C.collisionPadding,collisionBoundary:C.collisionBoundary})),M=d(()=>`${F.value.side}|${F.value.align}|${A.value}`);function X(){E.open.value&&B.value?.focus({preventScroll:!0})}return o(B,E.open),h([E.open,E.step],X,{flush:"post"}),y(X),a({enabled:E.open,onEscapeKeyDown:e=>{R("escape-key-down",e),!e.defaultPrevented&&E.closeOnEscape.value&&E.skip()},onInteractOutside:e=>R("interact-outside",e),onPointerDownOutside:e=>{R("pointer-down-outside",e),!e.defaultPrevented&&E.closeOnInteractOutside.value&&E.skip()},onFocusOutside:e=>R("focus-outside",e)},[B]),(e,a)=>p.forceMount||k(E).open.value?(O(),c("div",{key:0,class:"skdx-tour__content","data-part":"content",id:k(E).contentId,ref:k($),role:"dialog","aria-modal":"true","aria-labelledby":k(E).titleId,"aria-describedby":k(E).descriptionId,tabindex:"-1","data-state":k(E).open.value?"open":"closed","data-step":k(E).step.value,"data-type":k(E).activeStep.value?.type,"data-centered":k(E).anchored.value?void 0:"","data-side":k(E).anchored.value?N.value:void 0,"data-align":k(E).anchored.value?D.value:void 0,style:m(k(E).anchored.value?j.value:void 0)},[k(E).anchored.value?(O(),r(l,v({key:M.value},F.value),null,16)):u("",!0),g(e.$slots,"default")],12,S)):u("",!0)}});export{P as default};

package/dist/tour/TourDescription.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TourDescription.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/tour/TourDescription.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * The active step's accessible description: renders a `<p>` wired to
+ * `SkdxTourContent` via `aria-describedby`. Must be used inside `SkdxTour`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourDescription.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The active step's accessible description: renders a `<p>` wired to
+ * `SkdxTourContent` via `aria-describedby`. Must be used inside `SkdxTour`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourDescription.vue.js

@@ -0,0 +1 @@
+import e from"./TourDescription.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/tour/TourDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var i=["id"],n=(0,e.defineComponent)({__name:"TourDescription",setup(u){const t=(0,e.inject)(o.TOUR_CONTEXT);if(!t)throw new Error("SkdxTourDescription must be used within SkdxTour.");return(r,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("p",{class:"skdx-tour__description","data-part":"description",id:(0,e.unref)(t).descriptionId},[(0,e.renderSlot)(r.$slots,"default")],8,i))}});exports.default=n;

package/dist/tour/TourDescription.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{TOUR_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as r,inject as o,openBlock as s,renderSlot as i,unref as n}from"vue";var a=["id"],d=/* @__PURE__ */r({__name:"TourDescription",setup(r){const d=o(e);if(!d)throw new Error("SkdxTourDescription must be used within SkdxTour.");return(e,r)=>(s(),t("p",{class:"skdx-tour__description","data-part":"description",id:n(d).descriptionId},[i(e.$slots,"default")],8,a))}});export{d as default};

package/dist/tour/TourNextTrigger.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TourNextTrigger.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/tour/TourNextTrigger.vue.d.cts

@@ -0,0 +1,24 @@
+/**
+ * Button that advances to the next step — and, on the **last** step,
+ * completes the tour: closes it and emits `complete`. That means one button
+ * can carry the whole flow; use `data-last` to relabel it ("Next" → "Done")
+ * without tracking the index yourself. Must be used inside `SkdxTour`.
+ *
+ * @example
+ * ```vue
+ * <SkdxTourNextTrigger>{{ isLast ? 'Done' : 'Next' }}</SkdxTourNextTrigger>
+ * ```
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourNextTrigger.vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Button that advances to the next step — and, on the **last** step,
+ * completes the tour: closes it and emits `complete`. That means one button
+ * can carry the whole flow; use `data-last` to relabel it ("Next" → "Done")
+ * without tracking the index yourself. Must be used inside `SkdxTour`.
+ *
+ * @example
+ * ```vue
+ * <SkdxTourNextTrigger>{{ isLast ? 'Done' : 'Next' }}</SkdxTourNextTrigger>
+ * ```
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourNextTrigger.vue.js

@@ -0,0 +1 @@
+import e from"./TourNextTrigger.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/tour/TourNextTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./context.cjs");let e=require("vue");var a=["data-last"],s=(0,e.defineComponent)({__name:"TourNextTrigger",setup(i){const t=(0,e.inject)(n.TOUR_CONTEXT);if(!t)throw new Error("SkdxTourNextTrigger must be used within SkdxTour.");const u=(0,e.computed)(()=>t.step.value>=t.total.value-1);return(o,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tour__next-trigger","data-part":"next-trigger",type:"button","data-last":u.value?"":void 0,onClick:r[0]||(r[0]=l=>(0,e.unref)(t).next())},[(0,e.renderSlot)(o.$slots,"default")],8,a))}});exports.default=s;

package/dist/tour/TourNextTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{TOUR_CONTEXT as t}from"./context.js";import{computed as e,createElementBlock as r,defineComponent as a,inject as o,openBlock as s,renderSlot as n,unref as u}from"vue";var l=["data-last"],d=/* @__PURE__ */a({__name:"TourNextTrigger",setup(a){const d=o(t);if(!d)throw new Error("SkdxTourNextTrigger must be used within SkdxTour.");const i=e(()=>d.step.value>=d.total.value-1);return(t,e)=>(s(),r("button",{class:"skdx-tour__next-trigger","data-part":"next-trigger",type:"button","data-last":i.value?"":void 0,onClick:e[0]||(e[0]=t=>u(d).next())},[n(t.$slots,"default")],8,l))}});export{d as default};

package/dist/tour/TourPortal.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TourPortal.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/tour/TourPortal.vue.d.cts

@@ -0,0 +1,36 @@
+import type { PortalContainer } from '../utils/portal.cjs';
+/**
+ * Teleports the tour's layer — backdrop, spotlight and content — to
+ * `document.body` (or a custom `container`), so it escapes any clipping or `overflow` ancestor of the
+ * element the tour happens to be pointing at. Mounts only while the tour is
+ * running unless `forceMount` is set. Must be used inside `SkdxTour`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /**
+     * Render the portal even while the tour is closed, instead of unmounting
+     * it — for animation libraries that need the outgoing layer present in the
+     * DOM during an exit transition.
+     * @default false — the layer leaves the DOM with the tour.
+     */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourPortal.vue.d.ts

@@ -0,0 +1,36 @@
+import type { PortalContainer } from '../utils/portal.js';
+/**
+ * Teleports the tour's layer — backdrop, spotlight and content — to
+ * `document.body` (or a custom `container`), so it escapes any clipping or `overflow` ancestor of the
+ * element the tour happens to be pointing at. Mounts only while the tour is
+ * running unless `forceMount` is set. Must be used inside `SkdxTour`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /**
+     * Render the portal even while the tour is closed, instead of unmounting
+     * it — for animation libraries that need the outgoing layer present in the
+     * DOM during an exit transition.
+     * @default false — the layer leaves the DOM with the tour.
+     */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tour/TourPortal.vue.js

@@ -0,0 +1 @@
+import r from"./TourPortal.vue_vue_type_script_setup_true_lang.js";var t=r;export{t as default};

package/dist/tour/TourPortal.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../utils/Portal.vue.cjs"),u=require("./context.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"TourPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=(0,e.inject)(u.TOUR_CONTEXT);if(!r)throw new Error("SkdxTourPortal must be used within SkdxTour.");return(o,l)=>t.forceMount||(0,e.unref)(r).open.value?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=a;