@skdx/vue 0.26.0

package/dist/tour/TourPortal.vue_vue_type_script_setup_true_lang.js

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

package/dist/tour/TourPositioner.vue.cjs

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

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

@@ -0,0 +1,22 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
+type __VLS_Props = {
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+    collisionBoundary?: Element | Element[] | null;
+};
+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/TourPositioner.vue.d.ts

@@ -0,0 +1,22 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
+type __VLS_Props = {
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+    collisionBoundary?: Element | Element[] | null;
+};
+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/TourPositioner.vue.js

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

package/dist/tour/TourPositioner.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../utils/popper.cjs"),d=require("./context.cjs");let o=require("vue");var _=(0,o.defineComponent)({__name:"TourPositioner",props:{side:{},align:{},sideOffset:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionPadding:{},collisionBoundary:{}},setup(n){const i=n,e=(0,o.inject)(d.TOUR_POSITION);if(!e)throw new Error("TourPositioner must be used within SkdxTourContent.");const t=(0,o.inject)(r.POPPER_CONTEXT);if(!t)throw new Error("TourPositioner must be used within SkdxTour.");const u=(0,o.computed)(()=>t.anchor.value!==null),{style:l,arrowStyle:s,placedSide:a,placedAlign:c}=r.usePopperPosition(t.anchor,e.contentRef,u,()=>({...i,component:"tour"}),e.arrowRef);return(0,o.watchEffect)(()=>{e.style.value=l.value,e.arrowStyle.value=s.value,e.placedSide.value=a.value,e.placedAlign.value=c.value}),(p,f)=>(0,o.renderSlot)(p.$slots,"default")}});exports.default=_;

package/dist/tour/TourPositioner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{POPPER_CONTEXT as e,usePopperPosition as o}from"../utils/popper.js";import{TOUR_POSITION as t}from"./context.js";import{computed as r,defineComponent as a,inject as n,renderSlot as s,watchEffect as i}from"vue";var l=/* @__PURE__ */a({__name:"TourPositioner",props:{side:{},align:{},sideOffset:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionPadding:{},collisionBoundary:{}},setup(a){const l=a,u=n(t);if(!u)throw new Error("TourPositioner must be used within SkdxTourContent.");const d=n(e);if(!d)throw new Error("TourPositioner must be used within SkdxTour.");const p=r(()=>null!==d.anchor.value),{style:c,arrowStyle:f,placedSide:m,placedAlign:v}=o(d.anchor,u.contentRef,p,()=>({...l,component:"tour"}),u.arrowRef);return i(()=>{u.style.value=c.value,u.arrowStyle.value=f.value,u.placedSide.value=m.value,u.placedAlign.value=v.value}),(e,o)=>s(e.$slots,"default")}});export{l as default};

package/dist/tour/TourPrevTrigger.vue.cjs

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

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

@@ -0,0 +1,27 @@
+/**
+ * Button that steps the tour back. Disabled on the first step — there is
+ * nowhere to go, and a button that silently does nothing is worse than one
+ * that says so — and exposes `data-disabled` for styling. Must be used inside
+ * `SkdxTour`.
+ */
+type __VLS_Props = {
+    /**
+     * Disable the trigger on steps other than the first as well.
+     * @default false — only the first step disables it, since that is the only step with nowhere to go back to.
+     */
+    disabled?: 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<{}>, {
+    disabled: 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/TourPrevTrigger.vue.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Button that steps the tour back. Disabled on the first step — there is
+ * nowhere to go, and a button that silently does nothing is worse than one
+ * that says so — and exposes `data-disabled` for styling. Must be used inside
+ * `SkdxTour`.
+ */
+type __VLS_Props = {
+    /**
+     * Disable the trigger on steps other than the first as well.
+     * @default false — only the first step disables it, since that is the only step with nowhere to go back to.
+     */
+    disabled?: 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<{}>, {
+    disabled: 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/TourPrevTrigger.vue.js

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

package/dist/tour/TourPrevTrigger.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/tour/TourPrevTrigger.vue_vue_type_script_setup_true_lang.js

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

package/dist/tour/TourProgressText.vue.cjs

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

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

@@ -0,0 +1,36 @@
+/**
+ * The visible "Step 2 of 5" line, as a `<p>` also carrying `data-step` and
+ * `data-total`. Pass `format` to translate it, or default slot content to
+ * render the position yourself.
+ *
+ * Not a live region: the same information is already spoken on every step
+ * change through the tour's own announcement, and a second live region would
+ * make a screen reader say it twice. Must be used inside `SkdxTour`.
+ *
+ * @example
+ * ```vue
+ * <SkdxTourProgressText :format="(index, total) => `${index + 1} / ${total}`" />
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Builds the visible progress string from the zero-based index and the
+     * total.
+     * @default undefined — renders "Step {index + 1} of {total}" in English.
+     */
+    format?: (index: number, total: number) => string;
+};
+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<{}>, {
+    format: (index: number, total: number) => string;
+}, {}, {}, {}, 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/TourProgressText.vue.d.ts

@@ -0,0 +1,36 @@
+/**
+ * The visible "Step 2 of 5" line, as a `<p>` also carrying `data-step` and
+ * `data-total`. Pass `format` to translate it, or default slot content to
+ * render the position yourself.
+ *
+ * Not a live region: the same information is already spoken on every step
+ * change through the tour's own announcement, and a second live region would
+ * make a screen reader say it twice. Must be used inside `SkdxTour`.
+ *
+ * @example
+ * ```vue
+ * <SkdxTourProgressText :format="(index, total) => `${index + 1} / ${total}`" />
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Builds the visible progress string from the zero-based index and the
+     * total.
+     * @default undefined — renders "Step {index + 1} of {total}" in English.
+     */
+    format?: (index: number, total: number) => string;
+};
+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<{}>, {
+    format: (index: number, total: number) => string;
+}, {}, {}, {}, 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/TourProgressText.vue.js

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

package/dist/tour/TourProgressText.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const s=require("./context.cjs");let e=require("vue");var u=["data-step","data-total"],n=(0,e.defineComponent)({__name:"TourProgressText",props:{format:{type:Function,default:(r,o)=>`Step ${r+1} of ${o}`}},setup(r){const o=r,t=(0,e.inject)(s.TOUR_CONTEXT);if(!t)throw new Error("SkdxTourProgressText must be used within SkdxTour.");return(a,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("p",{class:"skdx-tour__progress-text","data-part":"progress-text","data-step":(0,e.unref)(t).step.value,"data-total":(0,e.unref)(t).total.value},[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.format((0,e.unref)(t).step.value,(0,e.unref)(t).total.value)),1)])],8,u))}});exports.default=n;

package/dist/tour/TourProgressText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{TOUR_CONTEXT as t}from"./context.js";import{createElementBlock as e,createTextVNode as a,defineComponent as o,inject as r,openBlock as s,renderSlot as p,toDisplayString as l,unref as u}from"vue";var n=["data-step","data-total"],d=/* @__PURE__ */o({__name:"TourProgressText",props:{format:{type:Function,default:(t,e)=>`Step ${t+1} of ${e}`}},setup(o){const d=o,f=r(t);if(!f)throw new Error("SkdxTourProgressText must be used within SkdxTour.");return(t,o)=>(s(),e("p",{class:"skdx-tour__progress-text","data-part":"progress-text","data-step":u(f).step.value,"data-total":u(f).total.value},[p(t.$slots,"default",{},()=>[a(l(d.format(u(f).step.value,u(f).total.value)),1)])],8,n))}});export{d as default};

package/dist/tour/TourSkipTrigger.vue.cjs

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

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

@@ -0,0 +1,19 @@
+/**
+ * Button that ends the tour early: closes it and emits `skip`, never
+ * `complete`. The explicit "Skip tour" affordance — every tour needs one on
+ * every step, since a user who already knows the product must be able to get
+ * out without clicking through. 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/TourSkipTrigger.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Button that ends the tour early: closes it and emits `skip`, never
+ * `complete`. The explicit "Skip tour" affordance — every tour needs one on
+ * every step, since a user who already knows the product must be able to get
+ * out without clicking through. 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/TourSkipTrigger.vue.js

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

package/dist/tour/TourSkipTrigger.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/tour/TourSkipTrigger.vue_vue_type_script_setup_true_lang.js

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

package/dist/tour/TourSpotlight.vue.cjs

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

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

@@ -0,0 +1,45 @@
+/**
+ * The highlight box sitting over the active step's target, carrying the same
+ * `--skdx-tour-x` / `-y` / `-width` / `-height` geometry as `SkdxTourBackdrop`
+ * so a ring, glow or cut-out can be positioned from CSS alone.
+ *
+ * Renders nothing when the active step has no resolved target — a centred
+ * step spotlights nothing, and an empty box parked at the top-left corner
+ * would be worse than no box. Decorative and `aria-hidden`. Must be used
+ * inside `SkdxTour`.
+ *
+ * @example
+ * ```css
+ * .tour-spotlight {
+ *   position: fixed;
+ *   left: var(--skdx-tour-x);
+ *   top: var(--skdx-tour-y);
+ *   width: var(--skdx-tour-width);
+ *   height: var(--skdx-tour-height);
+ *   box-shadow: 0 0 0 9999px rgb(0 0 0 / 0.5);
+ * }
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Keep the spotlight mounted even while the tour is closed. It still
+     * renders nothing when the active step has no target — there is nothing to
+     * spotlight.
+     * @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/TourSpotlight.vue.d.ts

@@ -0,0 +1,45 @@
+/**
+ * The highlight box sitting over the active step's target, carrying the same
+ * `--skdx-tour-x` / `-y` / `-width` / `-height` geometry as `SkdxTourBackdrop`
+ * so a ring, glow or cut-out can be positioned from CSS alone.
+ *
+ * Renders nothing when the active step has no resolved target — a centred
+ * step spotlights nothing, and an empty box parked at the top-left corner
+ * would be worse than no box. Decorative and `aria-hidden`. Must be used
+ * inside `SkdxTour`.
+ *
+ * @example
+ * ```css
+ * .tour-spotlight {
+ *   position: fixed;
+ *   left: var(--skdx-tour-x);
+ *   top: var(--skdx-tour-y);
+ *   width: var(--skdx-tour-width);
+ *   height: var(--skdx-tour-height);
+ *   box-shadow: 0 0 0 9999px rgb(0 0 0 / 0.5);
+ * }
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Keep the spotlight mounted even while the tour is closed. It still
+     * renders nothing when the active step has no target — there is nothing to
+     * spotlight.
+     * @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/TourSpotlight.vue.js

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

package/dist/tour/TourSpotlight.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("./context.cjs");let e=require("vue");var a=["data-state"],n=(0,e.defineComponent)({__name:"TourSpotlight",props:{forceMount:{type:Boolean,default:!1}},setup(r){const t=(0,e.inject)(u.TOUR_CONTEXT);if(!t)throw new Error("SkdxTourSpotlight must be used within SkdxTour.");return(o,l)=>(0,e.unref)(t).target.value&&(r.forceMount||(0,e.unref)(t).open.value)?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tour__spotlight","data-part":"spotlight","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,a)):(0,e.createCommentVNode)("",!0)}});exports.default=n;

package/dist/tour/TourSpotlight.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 l,renderSlot as n,unref as u}from"vue";var p=["data-state"],d=/* @__PURE__ */a({__name:"TourSpotlight",props:{forceMount:{type:Boolean,default:!1}},setup(a){const d=r(e);if(!d)throw new Error("SkdxTourSpotlight must be used within SkdxTour.");return(e,r)=>u(d).target.value&&(a.forceMount||u(d).open.value)?(l(),o("div",{key:0,class:"skdx-tour__spotlight","data-part":"spotlight","aria-hidden":"true","data-state":u(d).open.value?"open":"closed",style:s(u(d).spotlightStyle.value)},[n(e.$slots,"default")],12,p)):t("",!0)}});export{d as default};

package/dist/tour/TourTitle.vue.cjs

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

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

@@ -0,0 +1,21 @@
+/**
+ * The active step's accessible name: renders an `<h2>` wired to
+ * `SkdxTourContent` via `aria-labelledby`. Every step should have one.
+ *
+ * This is the *visible* heading. The string announced on a step change comes
+ * from the step's own `title` in the `steps` array — set both, and keep them
+ * saying the same thing. 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/TourTitle.vue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The active step's accessible name: renders an `<h2>` wired to
+ * `SkdxTourContent` via `aria-labelledby`. Every step should have one.
+ *
+ * This is the *visible* heading. The string announced on a step change comes
+ * from the step's own `title` in the `steps` array — set both, and keep them
+ * saying the same thing. 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/TourTitle.vue.js

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

package/dist/tour/TourTitle.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/tour/TourTitle.vue_vue_type_script_setup_true_lang.js

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

package/dist/tour/TourTrigger.vue.cjs

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

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

@@ -0,0 +1,23 @@
+/**
+ * Button that starts the tour. Sets `aria-haspopup="dialog"`,
+ * `aria-expanded`, `aria-controls` pointing at `SkdxTourContent`, and
+ * `data-state` (`open`/`closed`).
+ *
+ * It is also where focus goes back to when the tour completes or is skipped —
+ * whatever was focused when the tour started is what the focus trap restores,
+ * and for a tour started from a button that is this button. 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/TourTrigger.vue.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Button that starts the tour. Sets `aria-haspopup="dialog"`,
+ * `aria-expanded`, `aria-controls` pointing at `SkdxTourContent`, and
+ * `data-state` (`open`/`closed`).
+ *
+ * It is also where focus goes back to when the tour completes or is skipped —
+ * whatever was focused when the tour started is what the focus trap restores,
+ * and for a tour started from a button that is this button. 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/TourTrigger.vue.js

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

package/dist/tour/TourTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var a=["aria-expanded","aria-controls","data-state"],u=(0,e.defineComponent)({__name:"TourTrigger",setup(i){const r=(0,e.inject)(o.TOUR_CONTEXT);if(!r)throw new Error("SkdxTourTrigger must be used within SkdxTour.");return(n,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tour__trigger","data-part":"trigger",type:"button","aria-haspopup":"dialog","aria-expanded":(0,e.unref)(r).open.value,"aria-controls":(0,e.unref)(r).contentId,"data-state":(0,e.unref)(r).open.value?"open":"closed",onClick:t[0]||(t[0]=s=>(0,e.unref)(r).setOpen(!0))},[(0,e.renderSlot)(n.$slots,"default")],8,a))}});exports.default=u;

package/dist/tour/TourTrigger.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 a,inject as r,openBlock as o,renderSlot as n,unref as s}from"vue";var d=["aria-expanded","aria-controls","data-state"],i=/* @__PURE__ */a({__name:"TourTrigger",setup(a){const i=r(e);if(!i)throw new Error("SkdxTourTrigger must be used within SkdxTour.");return(e,a)=>(o(),t("button",{class:"skdx-tour__trigger","data-part":"trigger",type:"button","aria-haspopup":"dialog","aria-expanded":s(i).open.value,"aria-controls":s(i).contentId,"data-state":s(i).open.value?"open":"closed",onClick:a[0]||(a[0]=e=>s(i).setOpen(!0))},[n(e.$slots,"default")],8,d))}});export{i as default};

package/dist/tour/context.cjs

@@ -0,0 +1 @@
+var O=Symbol("skdx-tour-context"),T=Symbol("skdx-tour-position");exports.TOUR_CONTEXT=O;exports.TOUR_POSITION=T;

package/dist/tour/context.d.cts

@@ -0,0 +1,90 @@
+import type { ComputedRef, CSSProperties, InjectionKey, Ref } from 'vue';
+import type { Align, PhysicalSide, Side } from '../utils/popper.cjs';
+/**
+ * How a step presents itself. `tooltip` and `floating` both anchor to the
+ * step's target; `dialog` renders centred even when a target is present, so a
+ * step can spotlight an element while explaining it from the middle of the
+ * screen. Published as `data-type` on `SkdxTourContent` either way.
+ */
+export type TourStepType = 'tooltip' | 'dialog' | 'floating';
+/** One step of a tour. Steps are data, not markup — the whole list is passed to `SkdxTour`. */
+export interface TourStep {
+    /**
+     * The element this step points at: a CSS selector, the element itself, or a
+     * template ref holding it. A step with no target renders centred and
+     * spotlights nothing — that is how a tour opens and closes.
+     * @default undefined — the step is centred, with no spotlight and no anchoring.
+     */
+    target?: string | HTMLElement | Ref<HTMLElement | null> | null;
+    /**
+     * Short name for the step, announced to screen readers alongside its
+     * position. Purely for the announcement — render the visible heading with
+     * `SkdxTourTitle`.
+     * @default undefined — only the position ("Step 2 of 5") is announced.
+     */
+    title?: string;
+    /**
+     * Side of the target this step's content is placed against, fed straight to
+     * the shared popper layer. `start`/`end` are logical and mirror under RTL.
+     * @default undefined — falls back to `SkdxTourContent`'s own `side`, which defaults to `bottom`.
+     */
+    placement?: Side;
+    /**
+     * Alignment along `placement`.
+     * @default undefined — falls back to `SkdxTourContent`'s own `align`, which defaults to `center`.
+     */
+    align?: Align;
+    /**
+     * How this step presents itself. `dialog` forces centred content even with a
+     * target set; the other two anchor.
+     * @default undefined — anchored when the step has a target, centred when it does not.
+     */
+    type?: TourStepType;
+}
+/** @internal Shared, reactive state an `SkdxTour` distributes to its parts. */
+export interface TourContext {
+    steps: ComputedRef<TourStep[]>;
+    step: ComputedRef<number>;
+    total: ComputedRef<number>;
+    activeStep: ComputedRef<TourStep | undefined>;
+    open: ComputedRef<boolean>;
+    /** True when the active step's content is positioned against a resolved target rather than centred. */
+    anchored: ComputedRef<boolean>;
+    target: Readonly<Ref<HTMLElement | null>>;
+    /** The `--skdx-tour-x/-y/-width/-height` bag, already padded and clamped to the viewport. */
+    spotlightStyle: ComputedRef<Record<string, string>>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    titleId: string;
+    descriptionId: string;
+    closeOnEscape: ComputedRef<boolean>;
+    closeOnInteractOutside: ComputedRef<boolean>;
+    setOpen(open: boolean): void;
+    goTo(index: number): void;
+    next(): void;
+    prev(): void;
+    skip(): void;
+    complete(): void;
+}
+/** @internal Injection key an `SkdxTour` provides so its parts share the step list, the active index and the spotlight geometry. */
+export declare const TOUR_CONTEXT: InjectionKey<TourContext>;
+/**
+ * @internal What `SkdxTourContent` hands its renderless positioner: the two
+ * element refs the shared popper layer needs, and the four result refs the
+ * positioner writes back into.
+ *
+ * It exists because `usePopperPosition` reads its anchor element and its
+ * `side`/`align` once, when it is enabled — and a tour re-anchors and
+ * re-places on every step. Remounting the positioner is what makes those
+ * re-read, without reaching into the shared util.
+ */
+export interface TourPositionContext {
+    contentRef: Ref<HTMLElement | null>;
+    arrowRef: Ref<HTMLElement | null>;
+    style: Ref<CSSProperties>;
+    arrowStyle: Ref<CSSProperties>;
+    placedSide: Ref<PhysicalSide>;
+    placedAlign: Ref<Align>;
+}
+/** @internal Injection key `SkdxTourContent` provides so its renderless positioner can position the panel it owns. */
+export declare const TOUR_POSITION: InjectionKey<TourPositionContext>;