@skdx/react 0.27.0 → 0.29.0

package/dist/tour/Tour.d.ts

@@ -1,58 +1,13 @@
 import * as React from 'react';
 import type { TourContextValue, TourProps } from './types.js';
-export declare const TourProvider: {
-    (props: TourContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTourContext: (consumerName: string) => TourContextValue;
+export declare const TourProvider: React.FC<TourContextValue & {
+    children: React.ReactNode;
+}>, useTourContext: (consumerName: string) => TourContextValue;
 /**
- * Root of a stepped product tour: owns the running state, the active step
- * index, the step list, target resolution and the spotlight geometry, and
- * hands them down to `TourTrigger` / `TourPortal` / `TourBackdrop` /
- * `TourSpotlight` / `TourContent` and the navigation triggers via context.
- * Renders no DOM element itself.
- *
- * Steps are **data**: each declares the element it points at (a selector or a
- * ref), optionally a `placement`, a `title` for the announcement, and a
- * `type`. A step with no target renders centred, which is how a tour usually
- * opens and closes.
- *
- * A target that has not mounted yet is polled for up to `targetTimeout`; on
- * timeout `onStepTargetMissing` fires and the tour skips forward rather than
- * showing a popup anchored to nothing. A target that is found is scrolled into
- * view before it is measured.
- *
- * Works controlled (`open`/`step` + `onOpenChange`/`onStepChange`) or
- * uncontrolled (`defaultOpen`/`defaultStep`).
- *
- * @example
- * ```tsx
- * <Tour
- *   steps={[
- *     { title: 'Welcome' },
- *     { target: '#inbox', title: 'Your inbox', placement: 'right' },
- *     { title: 'All set' },
- *   ]}
- *   onComplete={() => localStorage.setItem('tour-seen', '1')}
- * >
- *   <TourTrigger>Take the tour</TourTrigger>
- *   <TourPortal>
- *     <TourBackdrop />
- *     <TourSpotlight />
- *     <TourContent>
- *       <TourTitle>Your inbox</TourTitle>
- *       <TourDescription>Everything lands here first.</TourDescription>
- *       <TourProgressText />
- *       <TourPrevTrigger>Back</TourPrevTrigger>
- *       <TourNextTrigger>Next</TourNextTrigger>
- *       <TourSkipTrigger>Skip</TourSkipTrigger>
- *     </TourContent>
- *   </TourPortal>
- * </Tour>
- * ```
+ * Root of a stepped product tour that resolves each step's target and renders the spotlight, backdrop and content.
+ * @example `<Tour steps={[{ title: 'Welcome' }, { target: '#inbox', title: 'Your inbox' }]} onComplete={() => localStorage.setItem('tour-seen', '1')} />`
  */
-export declare function Tour({ children, steps, open: openProp, defaultOpen, onOpenChange, step: stepProp, defaultStep, onStepChange, onComplete, onSkip, closeOnEscape, closeOnInteractOutside, spotlightPadding, targetTimeout, onStepTargetMissing, getAnnouncement, }: TourProps): React.JSX.Element;
+export declare function Tour(tourProps: TourProps): React.JSX.Element;
 export declare namespace Tour {
     var displayName: string;
 }

package/dist/tour/Tour.js

@@ -1 +1,2 @@
-import*as n from"react";import{clamp as E}from"../utils/clamp.js";import{createSafeContext as Le}from"../utils/createContext.js";import{announce as Ie}from"../utils/liveAnnouncer.js";import{PopperRoot as Me,usePopperContext as De}from"../utils/popper.js";import{useCallbackRef as N}from"../utils/useCallbackRef.js";import{useControllableState as X}from"../utils/useControllableState.js";import{jsx as Z,jsxs as Ve}from"react/jsx-runtime";var[Ae,o]=Le("Tour"),Be=50;function Oe(e,t,r){return[e.title,`Step ${t+1} of ${r}`].filter(Boolean).join(", ")}function Y(e){return e?typeof e=="string"?document.querySelector(e):e.current:null}function $e({target:e}){let{setAnchor:t}=De("TourAnchor");return n.useEffect(()=>{t(e)},[e,t]),null}function j({children:e,steps:t,open:r,defaultOpen:s=!1,onOpenChange:i,step:f,defaultStep:d=0,onStepChange:O,onComplete:T,onSkip:$,closeOnEscape:p=!0,closeOnInteractOutside:H=!1,spotlightPadding:g=8,targetTimeout:l=2e3,onStepTargetMissing:h,getAnnouncement:R}){let V=n.useRef(null),[c,L]=n.useState(null),[m,P]=n.useState(null),[v=!1,Se]=X({prop:r,defaultProp:s,onChange:i}),[u=0,F]=X({prop:f,defaultProp:d,onChange:O}),C=t.length,k=Se,_=N(T),q=N($),K=N(h),G=N(R??Oe),I=n.useRef(t);n.useEffect(()=>{I.current=t});let S=n.useCallback(a=>F(E(a,0,Math.max(C-1,0))),[F,C]),W=n.useCallback(()=>{k(!1),_()},[k,_]),we=n.useCallback(()=>{k(!1),q()},[k,q]),J=n.useCallback(()=>{u>=C-1?W():S(u+1)},[u,C,W,S]),be=n.useCallback(()=>S(u-1),[S,u]),Q=N(J),z=t[u],x=z?.target,[Ee,Ne]=n.useState(x);Ee!==x&&(Ne(x),L(null)),n.useEffect(()=>{if(!v||!x)return;let a=b=>{b.scrollIntoView?.({block:"center",inline:"center"}),L(b)},w=Y(x);if(w){a(w);return}let M=Date.now(),y=setInterval(()=>{let b=Y(x);if(b){clearInterval(y),a(b);return}Date.now()-M<l||(clearInterval(y),K(u,I.current[u]),Q())},Be);return()=>clearInterval(y)},[v,u,x,l,K,Q]),n.useEffect(()=>{let a=()=>P(c?.getBoundingClientRect()??null);if(a(),!!c)return window.addEventListener("scroll",a,!0),window.addEventListener("resize",a),()=>{window.removeEventListener("scroll",a,!0),window.removeEventListener("resize",a)}},[c]),n.useEffect(()=>{if(!v)return;let a=I.current[u];a&&Ie(G(a,u,I.current.length))},[v,u,G]);let He=n.useMemo(()=>{if(!m)return{};let a=window.innerWidth,w=window.innerHeight,M=E(m.left-g,0,a),y=E(m.top-g,0,w);return{"--skdx-tour-x":`${M}px`,"--skdx-tour-y":`${y}px`,"--skdx-tour-width":`${E(m.width+g*2,0,a-M)}px`,"--skdx-tour-height":`${E(m.height+g*2,0,w-y)}px`}},[m,g]),U=c!==null&&z?.type!=="dialog";return Ve(Me,{children:[Z($e,{target:U?c:null}),Z(Ae,{steps:t,step:u,total:C,activeStep:z,open:v,anchored:U,target:c,spotlightStyle:He,contentRef:V,contentId:n.useId(),titleId:n.useId(),descriptionId:n.useId(),closeOnEscape:p,closeOnInteractOutside:H,setOpen:k,goTo:S,next:J,prev:be,skip:we,complete:W,children:e})]})}j.displayName="Tour";import*as ee from"react";import{skdxPart as We}from"../utils/part.js";import{composeEventHandlers as ze,Primitive as Fe}from"../utils/primitive.js";import{jsx as _e}from"react/jsx-runtime";var te=ee.forwardRef((e,t)=>{let r=o("TourTrigger");return _e(Fe.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":r.open?"open":"closed",...e,...We("tour","trigger",e.className),ref:t,onClick:ze(e.onClick,()=>r.setOpen(!0))})});te.displayName="TourTrigger";import{Portal as qe}from"../utils/portal.js";import{usePresence as Ke}from"../utils/presence.js";import{jsx as Ge}from"react/jsx-runtime";var re=({forceMount:e,children:t,...r})=>{let s=o("TourPortal"),i=Ke(s.open,s.contentRef);return e||i?Ge(qe,{...r,children:t}):null};re.displayName="TourPortal";import*as D from"react";import{useComposedRefs as Je}from"../utils/composeRefs.js";import{skdxPart as Qe}from"../utils/part.js";import{usePresence as Ue}from"../utils/presence.js";import{Primitive as Xe}from"../utils/primitive.js";import{jsx as Ye}from"react/jsx-runtime";var oe=D.forwardRef(({forceMount:e,...t},r)=>{let s=o("TourBackdrop"),i=D.useRef(null),f=Je(r,i),d=Ue(s.open,i);return e||d?Ye(Xe.div,{"aria-hidden":"true","data-state":s.open?"open":"closed",...t,...Qe("tour","backdrop",t.className),ref:f,style:{...s.spotlightStyle,...t.style}}):null});oe.displayName="TourBackdrop";import*as A from"react";import{useComposedRefs as Ze}from"../utils/composeRefs.js";import{skdxPart as je}from"../utils/part.js";import{usePresence as et}from"../utils/presence.js";import{Primitive as tt}from"../utils/primitive.js";import{jsx as rt}from"react/jsx-runtime";var ne=A.forwardRef(({forceMount:e,...t},r)=>{let s=o("TourSpotlight"),i=A.useRef(null),f=Ze(r,i),d=et(s.open,i);return s.target&&(e||d)?rt(tt.div,{"aria-hidden":"true","data-state":s.open?"open":"closed",...t,...je("tour","spotlight",t.className),ref:f,style:{...s.spotlightStyle,...t.style}}):null});ne.displayName="TourSpotlight";import*as B from"react";import{useComposedRefs as ot}from"../utils/composeRefs.js";import{skdxPart as se}from"../utils/part.js";import{PopperContent as ie}from"../utils/popper.js";import{usePresence as nt}from"../utils/presence.js";import{useDismiss as st}from"../utils/useDismiss.js";import{useFocusTrap as it}from"../utils/useFocusTrap.js";import{jsx as ae}from"react/jsx-runtime";var pe=B.forwardRef(({forceMount:e,onEscapeKeyDown:t,onPointerDownOutside:r,onFocusOutside:s,onInteractOutside:i,side:f,align:d,sideOffset:O=8,...T},$)=>{let p=o("TourContent"),H=ot($,p.contentRef),g=nt(p.open,p.contentRef),{open:l,step:h,activeStep:R,anchored:V,contentRef:c,closeOnEscape:L,closeOnInteractOutside:m}=p;return it(c,l),B.useEffect(()=>{l&&c.current?.focus({preventScroll:!0})},[l,h,c]),st({enabled:l,onEscapeKeyDown:P=>{t?.(P),!(P.defaultPrevented||!L)&&p.skip()},onInteractOutside:i,onPointerDownOutside:P=>{r?.(P),!(P.defaultPrevented||!m)&&p.skip()},onFocusOutside:s},[c]),e||g?V?ae(ie,{component:"tour",role:"dialog","aria-modal":"true","aria-labelledby":p.titleId,"aria-describedby":p.descriptionId,id:p.contentId,tabIndex:-1,"data-state":l?"open":"closed","data-step":h,"data-type":R?.type,side:R?.placement??f,align:R?.align??d,sideOffset:O,...T,...se("tour","content",T.className),ref:H}):ae(ie,{component:"tour",role:"dialog","aria-modal":"true","aria-labelledby":p.titleId,"aria-describedby":p.descriptionId,id:p.contentId,tabIndex:-1,"data-state":l?"open":"closed","data-step":h,"data-type":R?.type,"data-centered":"","data-side":void 0,"data-align":void 0,...T,...se("tour","content",T.className),ref:H,style:{position:void 0,left:void 0,top:void 0,transform:void 0,...T.style}}):null});pe.displayName="TourContent";import*as ue from"react";import{skdxPart as at}from"../utils/part.js";import{PopperArrow as pt}from"../utils/popper.js";import{jsx as ut}from"react/jsx-runtime";var ce=ue.forwardRef((e,t)=>o("TourArrow").anchored?ut(pt,{...e,...at("tour","arrow",e.className),ref:t}):null);ce.displayName="TourArrow";import*as le from"react";import{skdxPart as ct}from"../utils/part.js";import{Primitive as lt}from"../utils/primitive.js";import{jsx as mt}from"react/jsx-runtime";var me=le.forwardRef((e,t)=>{let r=o("TourTitle");return mt(lt.h2,{id:r.titleId,...e,...ct("tour","title",e.className),ref:t})});me.displayName="TourTitle";import*as fe from"react";import{skdxPart as ft}from"../utils/part.js";import{Primitive as dt}from"../utils/primitive.js";import{jsx as Tt}from"react/jsx-runtime";var de=fe.forwardRef((e,t)=>{let r=o("TourDescription");return Tt(dt.p,{id:r.descriptionId,...e,...ft("tour","description",e.className),ref:t})});de.displayName="TourDescription";import*as Te from"react";import{skdxPart as gt}from"../utils/part.js";import{Primitive as Pt}from"../utils/primitive.js";import{jsx as Rt}from"react/jsx-runtime";function xt(e,t){return`Step ${e+1} of ${t}`}var ge=Te.forwardRef(({format:e=xt,children:t,...r},s)=>{let i=o("TourProgressText");return Rt(Pt.p,{"data-step":i.step,"data-total":i.total,...r,...gt("tour","progress-text",r.className),ref:s,children:t??e(i.step,i.total)})});ge.displayName="TourProgressText";import*as Pe from"react";import{skdxPart as yt}from"../utils/part.js";import{composeEventHandlers as ht,Primitive as vt}from"../utils/primitive.js";import{jsx as Ct}from"react/jsx-runtime";var xe=Pe.forwardRef((e,t)=>{let r=o("TourNextTrigger"),s=r.step>=r.total-1;return Ct(vt.button,{type:"button","data-last":s?"":void 0,...e,...yt("tour","next-trigger",e.className),ref:t,onClick:ht(e.onClick,()=>r.next())})});xe.displayName="TourNextTrigger";import*as Re from"react";import{skdxPart as kt}from"../utils/part.js";import{composeEventHandlers as St,Primitive as wt}from"../utils/primitive.js";import{jsx as bt}from"react/jsx-runtime";var ye=Re.forwardRef((e,t)=>{let r=o("TourPrevTrigger"),s=e.disabled||r.step===0;return bt(wt.button,{type:"button",...e,disabled:s,"data-disabled":s?"":void 0,...kt("tour","prev-trigger",e.className),ref:t,onClick:St(e.onClick,()=>r.prev())})});ye.displayName="TourPrevTrigger";import*as he from"react";import{skdxPart as Et}from"../utils/part.js";import{composeEventHandlers as Nt,Primitive as Ht}from"../utils/primitive.js";import{jsx as Lt}from"react/jsx-runtime";var ve=he.forwardRef((e,t)=>{let r=o("TourSkipTrigger");return Lt(Ht.button,{type:"button",...e,...Et("tour","skip-trigger",e.className),ref:t,onClick:Nt(e.onClick,()=>r.skip())})});ve.displayName="TourSkipTrigger";import*as Ce from"react";import{skdxPart as It}from"../utils/part.js";import{composeEventHandlers as Mt,Primitive as Dt}from"../utils/primitive.js";import{jsx as At}from"react/jsx-runtime";var ke=Ce.forwardRef((e,t)=>{let r=o("TourCloseTrigger");return At(Dt.button,{type:"button",...e,...It("tour","close-trigger",e.className),ref:t,onClick:Mt(e.onClick,()=>r.skip())})});ke.displayName="TourCloseTrigger";export{j as Tour,ce as TourArrow,oe as TourBackdrop,ke as TourCloseTrigger,pe as TourContent,de as TourDescription,xe as TourNextTrigger,re as TourPortal,ye as TourPrevTrigger,ge as TourProgressText,ve as TourSkipTrigger,ne as TourSpotlight,me as TourTitle,te as TourTrigger};
+'use client';
+import*as s from"react";import{clamp as q}from"../utils/clamp.js";import{createSafeContext as qt}from"../utils/createContext.js";import{announce as zt}from"../utils/liveAnnouncer.js";import{PopperRoot as _t,usePopperContext as Gt}from"../utils/popper.js";import{useCallbackRef as H}from"../utils/useCallbackRef.js";import{useControllableState as Ee}from"../utils/useControllableState.js";import{useOpenChangeComplete as Qt}from"../utils/useOpenChangeComplete.js";import{Glyph as Xt}from"../utils/Glyph.js";import{skdxPart as ze}from"../utils/part.js";import{Primitive as _e}from"../utils/primitive.js";import{jsx as Ge}from"react/jsx-runtime";var Q=({ref:t,...e})=>Ge(_e.div,{...e,...ze("tour","actions",e.className),ref:t});Q.displayName="TourActions";import*as ye from"react";import{useComposedRefs as Qe}from"../utils/composeRefs.js";import{skdxPart as Ue}from"../utils/part.js";import{usePresence as Ye}from"../utils/presence.js";import{Primitive as Ze}from"../utils/primitive.js";import{jsx as je}from"react/jsx-runtime";var U=({forceMount:t,ref:e,...o})=>{let r=n("TourBackdrop"),i=ye.useRef(null),m=Qe(e,i),P=Ye(r.open,i);return r.hasBackdrop&&(t||P)?je(Ze.div,{"aria-hidden":"true","data-state":r.open?"open":"closed",...o,...Ue("tour","backdrop",o.className),ref:m,style:{...r.spotlightStyle,...o.style}}):null};U.displayName="TourBackdrop";import{skdxPart as et}from"../utils/part.js";import{composeEventHandlers as tt,Primitive as ot}from"../utils/primitive.js";import{jsx as rt}from"react/jsx-runtime";var Y=({ref:t,...e})=>{let o=n("TourCloseTrigger");return rt(ot.button,{type:"button",...e,...et("tour","close-trigger",e.className),ref:t,onClick:tt(e.onClick,()=>o.skip())})};Y.displayName="TourCloseTrigger";import*as _ from"react";import{useComposedRefs as nt}from"../utils/composeRefs.js";import{directionalKey as st}from"../utils/direction.js";import{autoFocusEvent as it}from"../utils/dismissal.js";import{skdxPart as xe}from"../utils/part.js";import{PopperContent as he}from"../utils/popper.js";import{usePresence as at}from"../utils/presence.js";import{composeEventHandlers as Se}from"../utils/primitive.js";import{useCallbackRef as pt}from"../utils/useCallbackRef.js";import{useDismiss as ut}from"../utils/useDismiss.js";import{useFocusTrap as ct}from"../utils/useFocusTrap.js";import{useOutsideInert as lt}from"../utils/useOutsideInert.js";import{jsx as ke}from"react/jsx-runtime";function mt(t){if(!(t instanceof HTMLElement))return!1;if(t.isContentEditable||t.getAttribute("role")==="textbox")return!0;let e=t.localName;return e==="input"||e==="textarea"||e==="select"}function Ce(t,e,o,r,i){return{"aria-modal":i||void 0,"aria-labelledby":t.hasTitle?t.titleId:void 0,"aria-describedby":t.hasDescription?t.descriptionId:void 0,id:t.contentId,tabIndex:-1,"data-state":e?"open":"closed","data-step":o,"data-type":r?.type,"data-backdrop":t.hasBackdrop?"":void 0,"data-keyboard-navigation":t.keyboardNavigation?"":void 0}}var Z=({forceMount:t,onEscapeKeyDown:e,onPointerDownOutside:o,onFocusOutside:r,onInteractOutside:i,onOpenAutoFocus:m,onCloseAutoFocus:P,side:L,align:M,sideOffset:V=8,ref:B,...f})=>{let u=n("TourContent"),v=nt(B,u.contentRef),K=at(u.open,u.contentRef),{open:c,step:T,activeStep:x,anchored:b,contentRef:g,closeOnEscape:$,closeOnInteractOutside:F}=u,h=c&&u.preventInteraction;ct(g,c,{onOpenAutoFocus:m,onCloseAutoFocus:P}),lt(g,h);let N=pt(a=>m?.(a)),S=_.useRef(null);_.useEffect(()=>{if(!c){S.current=null;return}let a=S.current;S.current=T,!(a===null||a===T)&&it("open-auto-focus",N)&&g.current?.focus({preventScroll:!0})},[c,T,g,N]);let w=a=>{if(!u.keyboardNavigation||a.defaultPrevented||a.altKey||a.ctrlKey||a.metaKey||mt(a.target))return;let R=st(a.key,a.currentTarget);if(R==="ArrowRight")u.next();else if(R==="ArrowLeft")u.prev();else return;a.preventDefault()};return ut({enabled:c,onEscapeKeyDown:a=>{e?.(a),!(a.defaultPrevented||!$)&&u.skip()},onInteractOutside:i,onPointerDownOutside:a=>{o?.(a),!(a.defaultPrevented||!F)&&u.skip()},onFocusOutside:r},[g]),t||K?b?ke(he,{component:"tour",role:"dialog",...Ce(u,c,T,x,h),side:x?.placement??L,align:x?.align??M,sideOffset:V,...f,...xe("tour","content",f.className),ref:v,onKeyDown:Se(f.onKeyDown,w)}):ke(he,{component:"tour",role:"dialog",...Ce(u,c,T,x,h),"data-centered":"","data-side":void 0,"data-align":void 0,...f,...xe("tour","content",f.className),ref:v,onKeyDown:Se(f.onKeyDown,w),style:{position:void 0,left:void 0,top:void 0,transform:void 0,...f.style}}):null};Z.displayName="TourContent";import*as ve from"react";import{skdxPart as ft}from"../utils/part.js";import{Primitive as dt}from"../utils/primitive.js";import{jsx as Tt}from"react/jsx-runtime";var j=({ref:t,...e})=>{let o=n("TourDescription"),{setHasDescription:r}=o;return ve.useEffect(()=>(r(!0),()=>r(!1)),[r]),Tt(dt.p,{id:o.descriptionId,...e,...ft("tour","description",e.className),ref:t})};j.displayName="TourDescription";import{skdxPart as gt}from"../utils/part.js";import{composeEventHandlers as Pt,Primitive as Rt}from"../utils/primitive.js";import{jsx as yt}from"react/jsx-runtime";var ee=({ref:t,...e})=>{let o=n("TourNextTrigger"),r=o.step>=o.total-1;return yt(Rt.button,{type:"button","data-last":r?"":void 0,...e,...gt("tour","next-trigger",e.className),ref:t,onClick:Pt(e.onClick,()=>o.next())})};ee.displayName="TourNextTrigger";import{Portal as xt}from"../utils/portal.js";import{usePresence as ht}from"../utils/presence.js";import{jsx as St}from"react/jsx-runtime";var te=({forceMount:t,children:e,...o})=>{let r=n("TourPortal"),i=ht(r.open,r.contentRef);return t||i?St(xt,{...o,children:e}):null};te.displayName="TourPortal";import{skdxPart as Ct}from"../utils/part.js";import{composeEventHandlers as kt,Primitive as vt}from"../utils/primitive.js";import{jsx as bt}from"react/jsx-runtime";var oe=({ref:t,...e})=>{let o=n("TourPrevTrigger"),r=e.disabled||o.step===0;return bt(vt.button,{type:"button",...e,disabled:r,"data-disabled":r?"":void 0,...Ct("tour","prev-trigger",e.className),ref:t,onClick:kt(e.onClick,()=>o.prev())})};oe.displayName="TourPrevTrigger";import{skdxPart as Nt}from"../utils/part.js";import{Primitive as wt}from"../utils/primitive.js";import{jsx as It}from"react/jsx-runtime";function Et(t,e){return`Step ${t+1} of ${e}`}var re=({format:t=Et,children:e,ref:o,...r})=>{let i=n("TourProgressText");return It(wt.p,{"data-step":i.step,"data-total":i.total,...r,...Nt("tour","progress-text",r.className),ref:o,children:e??t(i.step,i.total)})};re.displayName="TourProgressText";import{skdxPart as At}from"../utils/part.js";import{composeEventHandlers as Ot,Primitive as Dt}from"../utils/primitive.js";import{jsx as Ht}from"react/jsx-runtime";var ne=({ref:t,...e})=>{let o=n("TourSkipTrigger");return Ht(Dt.button,{type:"button",...e,...At("tour","skip-trigger",e.className),ref:t,onClick:Ot(e.onClick,()=>o.skip())})};ne.displayName="TourSkipTrigger";import*as be from"react";import{useComposedRefs as Lt}from"../utils/composeRefs.js";import{skdxPart as Mt}from"../utils/part.js";import{usePresence as Vt}from"../utils/presence.js";import{Primitive as Bt}from"../utils/primitive.js";import{jsx as Kt}from"react/jsx-runtime";var se=({forceMount:t,ref:e,...o})=>{let r=n("TourSpotlight"),i=be.useRef(null),m=Lt(e,i),P=Vt(r.open,i);return r.target&&(t||P)?Kt(Bt.div,{"aria-hidden":"true","data-state":r.open?"open":"closed",...o,...Mt("tour","spotlight",o.className),ref:m,style:{...r.spotlightStyle,...o.style}}):null};se.displayName="TourSpotlight";import*as Ne from"react";import{skdxPart as $t}from"../utils/part.js";import{Primitive as Ft}from"../utils/primitive.js";import{jsx as Jt}from"react/jsx-runtime";var ie=({ref:t,...e})=>{let o=n("TourTitle"),{setHasTitle:r}=o;return Ne.useEffect(()=>(r(!0),()=>r(!1)),[r]),Jt(Ft.h2,{id:o.titleId,...e,...$t("tour","title",e.className),ref:t})};ie.displayName="TourTitle";import{jsx as d,jsxs as ae}from"react/jsx-runtime";var Wt=()=>d(Xt,{name:"close"}),we=({showProgress:t,showSkip:e,spotlight:o,passThrough:r})=>{let i=n("Tour"),m=i.step>=i.total-1;return ae(te,{children:[d(U,{}),o?d(se,{}):null,ae(Z,{...r,children:[i.activeStep?.title?d(ie,{children:i.activeStep.title}):null,i.activeStep?.description?d(j,{children:i.activeStep.description}):null,t?d(re,{}):null,ae(Q,{children:[d(oe,{children:"Back"}),d(ee,{children:m?"Done":"Next"}),e?d(ne,{children:"Skip"}):null,d(Y,{"aria-label":"Close tour",children:d(Wt,{})})]})]})]})};import{jsx as pe,jsxs as oo}from"react/jsx-runtime";var[Ut,n]=qt("Tour"),Yt=50;function Zt(t,e,o){return[t.title,`Step ${e+1} of ${o}`].filter(Boolean).join(", ")}function Ie(t){return t?typeof t=="string"?document.querySelector(t):t.current:null}function jt({target:t}){let{setAnchor:e}=Gt("TourAnchor");return s.useEffect(()=>{e(t)},[t,e]),null}function eo(t,e){if(e===!1)return;let o=e===!0||e===void 0?{block:"center",inline:"center"}:e,r=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;t.scrollIntoView?.(r?{...o,behavior:"auto"}:o)}function to(t){let{children:e,steps:o,open:r,defaultOpen:i=!1,onOpenChange:m,onOpenChangeComplete:P,step:L,defaultStep:M=0,onStepChange:V,onComplete:B,onSkip:f,closeOnEscape:u=!0,closeOnInteractOutside:v=!1,preventInteraction:K=!1,spotlightPadding:c=8,spotlightRadius:T=0,keyboardNavigation:x=!1,scrollIntoView:b,targetTimeout:g=2e3,onStepTargetMissing:$,getAnnouncement:F,showProgress:h=!0,showSkip:N=!0,spotlight:S=!0,...w}=t;return{children:e,steps:o,openProp:r,defaultOpen:i,onOpenChange:m,onOpenChangeComplete:P,stepProp:L,defaultStep:M,onStepChange:V,onComplete:B,onSkip:f,closeOnEscape:u,closeOnInteractOutside:v,preventInteraction:K,spotlightPadding:c,spotlightRadius:T,keyboardNavigation:x,scrollIntoView:b,targetTimeout:g,onStepTargetMissing:$,getAnnouncement:F,showProgress:h,showSkip:N,spotlight:S,passThrough:w}}function Ae(t){let{children:e,steps:o,openProp:r,defaultOpen:i,onOpenChange:m,onOpenChangeComplete:P,stepProp:L,defaultStep:M,onStepChange:V,onComplete:B,onSkip:f,closeOnEscape:u,closeOnInteractOutside:v,preventInteraction:K,spotlightPadding:c,spotlightRadius:T,keyboardNavigation:x,scrollIntoView:b,targetTimeout:g,onStepTargetMissing:$,getAnnouncement:F,showProgress:h,showSkip:N,spotlight:S,passThrough:w}=to(t),a=s.useRef(null),[R,ue]=s.useState(null),[E,Oe]=s.useState(null),J=s.useRef(o),[I=!1,De]=Ee({prop:r,defaultProp:i,onChange:m}),He=H(p=>V?.({index:p,id:J.current[p]?.id})),[l=0,ce]=Ee({prop:L,defaultProp:M,onChange:He});Qt(I,a,P);let A=o.length,X=De,le=H(B),me=H(f),fe=H($),de=H(F??Zt),Te=s.useRef(b);s.useEffect(()=>{J.current=o,Te.current=b});let Le=s.useId(),Me=s.useId(),[Ve,Be]=s.useState(!1),[Ke,$e]=s.useState(!1),O=s.useCallback(p=>ce(q(p,0,Math.max(A-1,0))),[ce,A]),G=s.useCallback(()=>{X(!1),le()},[X,le]),ge=s.useCallback(()=>{X(!1),me()},[X,me]),Fe=s.useCallback(()=>{l>=A-1?G():O(l+1)},[l,A,G,O]),Je=s.useCallback(()=>O(l-1),[O,l]),Pe=H(()=>{l>=A-1?ge():O(l+1)}),z=o[l],C=z?.target,[Xe,We]=s.useState(C);Xe!==C&&(We(C),ue(null)),s.useEffect(()=>{if(!I||!C)return;let p=W=>{eo(W,Te.current),ue(W)},y=Ie(C);if(y){p(y);return}let k=Date.now(),D=setInterval(()=>{let W=Ie(C);if(W){clearInterval(D),p(W);return}Date.now()-k<g||(clearInterval(D),fe({index:l,step:J.current[l]}),Pe())},Yt);return()=>clearInterval(D)},[I,l,C,g,fe,Pe]),s.useEffect(()=>{let p=()=>Oe(R?.getBoundingClientRect()??null);if(p(),!R)return;let y=0,k=()=>{cancelAnimationFrame(y),y=requestAnimationFrame(p)};return window.addEventListener("scroll",k,{passive:!0,capture:!0}),window.addEventListener("resize",p),()=>{cancelAnimationFrame(y),window.removeEventListener("scroll",k,{capture:!0}),window.removeEventListener("resize",p)}},[R]),s.useEffect(()=>{if(!I)return;let p=J.current[l];p&&zt(de(p,l,J.current.length))},[I,l,de]);let qe=s.useMemo(()=>{if(!E)return{};let p=window.innerWidth,y=window.innerHeight,k=q(E.left-c,0,p),D=q(E.top-c,0,y);return{"--skdx-tour-x":`${k}px`,"--skdx-tour-y":`${D}px`,"--skdx-tour-width":`${q(E.width+c*2,0,p-k)}px`,"--skdx-tour-height":`${q(E.height+c*2,0,y-D)}px`,"--skdx-tour-radius":`${T}px`}},[E,c,T]),Re=R!==null&&z?.type!=="dialog";return oo(_t,{children:[pe(jt,{target:Re?R:null}),pe(Ut,{steps:o,step:l,total:A,activeStep:z,open:I,anchored:Re,hasBackdrop:z?.backdrop!==!1,keyboardNavigation:x,target:R,spotlightStyle:qe,contentRef:a,contentId:s.useId(),titleId:Le,descriptionId:Me,hasTitle:Ve,setHasTitle:Be,hasDescription:Ke,setHasDescription:$e,closeOnEscape:u,closeOnInteractOutside:v,preventInteraction:K,setOpen:X,goTo:O,next:Fe,prev:Je,skip:ge,complete:G,children:e??pe(we,{showProgress:h,showSkip:N,spotlight:S,passThrough:w})})]})}Ae.displayName="Tour";import{skdxPart as ro}from"../utils/part.js";import{composeEventHandlers as no,Primitive as so}from"../utils/primitive.js";import{jsx as ao}from"react/jsx-runtime";var io=({ref:t,...e})=>{let o=n("TourTrigger");return ao(so.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed",...e,...ro("tour","trigger",e.className),ref:t,onClick:no(e.onClick,()=>o.setOpen(!0))})};io.displayName="TourTrigger";import{skdxPart as po}from"../utils/part.js";import{PopperArrow as uo}from"../utils/popper.js";import{jsx as lo}from"react/jsx-runtime";var co=({ref:t,...e})=>n("TourArrow").anchored?lo(uo,{...e,...po("tour","arrow",e.className),ref:t}):null;co.displayName="TourArrow";export{Ae as Tour,Q as TourActions,co as TourArrow,U as TourBackdrop,Y as TourCloseTrigger,Z as TourContent,j as TourDescription,ee as TourNextTrigger,te as TourPortal,oe as TourPrevTrigger,re as TourProgressText,Ut as TourProvider,ne as TourSkipTrigger,se as TourSpotlight,ie as TourTitle,io as TourTrigger,n as useTourContext};

package/dist/tour/TourActions.d.cts

@@ -0,0 +1,23 @@
+import type * as React from 'react';
+import type { TourActionsProps } from './types.cjs';
+/**
+ * Container for tour navigation triggers — no role or label (buttons inside name themselves).
+ *
+ * @example
+ * ```tsx
+ * <TourContent>
+ *   <TourTitle>Your inbox</TourTitle>
+ *   <TourDescription>Everything lands here first.</TourDescription>
+ *   <TourProgressText />
+ *   <TourActions>
+ *     <TourSkipTrigger>Skip</TourSkipTrigger>
+ *     <TourPrevTrigger>Back</TourPrevTrigger>
+ *     <TourNextTrigger>Next</TourNextTrigger>
+ *   </TourActions>
+ * </TourContent>
+ * ```
+ */
+export declare const TourActions: {
+    ({ ref: forwardedRef, ...props }: TourActionsProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourActions.d.ts

@@ -0,0 +1,23 @@
+import type * as React from 'react';
+import type { TourActionsProps } from './types.js';
+/**
+ * Container for tour navigation triggers — no role or label (buttons inside name themselves).
+ *
+ * @example
+ * ```tsx
+ * <TourContent>
+ *   <TourTitle>Your inbox</TourTitle>
+ *   <TourDescription>Everything lands here first.</TourDescription>
+ *   <TourProgressText />
+ *   <TourActions>
+ *     <TourSkipTrigger>Skip</TourSkipTrigger>
+ *     <TourPrevTrigger>Back</TourPrevTrigger>
+ *     <TourNextTrigger>Next</TourNextTrigger>
+ *   </TourActions>
+ * </TourContent>
+ * ```
+ */
+export declare const TourActions: {
+    ({ ref: forwardedRef, ...props }: TourActionsProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourAnatomy.d.cts

@@ -0,0 +1,9 @@
+import type { JSX } from 'react';
+import type { PassThroughProps } from '../utils/passThrough.cjs';
+/** @internal Default anatomy a {@link Tour} draws from `steps` with no manually-composed children. */
+export declare const TourAnatomy: ({ showProgress, showSkip, spotlight, passThrough, }: {
+    showProgress?: boolean | undefined;
+    showSkip?: boolean | undefined;
+    spotlight?: boolean | undefined;
+    passThrough?: PassThroughProps | undefined;
+}) => JSX.Element;

package/dist/tour/TourAnatomy.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from 'react';
+import type { PassThroughProps } from '../utils/passThrough.js';
+/** @internal Default anatomy a {@link Tour} draws from `steps` with no manually-composed children. */
+export declare const TourAnatomy: ({ showProgress, showSkip, spotlight, passThrough, }: {
+    showProgress?: boolean | undefined;
+    showSkip?: boolean | undefined;
+    spotlight?: boolean | undefined;
+    passThrough?: PassThroughProps | undefined;
+}) => JSX.Element;

package/dist/tour/TourArrow.d.cts

@@ -1,13 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TourArrowProps } from './types.cjs';
 /**
- * Optional arrow pointing from `TourContent` back at the step's target,
- * self-positioning on the edge facing it. Must be rendered inside
- * `TourContent`.
- *
- * Renders nothing on a step that is centred — one with no target, or with
- * `type: 'dialog'`. There is nothing for it to point at, and the underlying
- * popper arrow has no positioning context to read on that branch.
+ * Self-positioning arrow pointing from `TourContent` to the target; renders nothing on centred steps.
  *
  * @example
  * ```tsx
@@ -17,4 +11,7 @@ import type { TourArrowProps } from './types.cjs';
  * </TourContent>
  * ```
  */
-export declare const TourArrow: React.ForwardRefExoticComponent<Omit<TourArrowProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const TourArrow: {
+    ({ ref: forwardedRef, ...props }: TourArrowProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourArrow.d.ts

@@ -1,13 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TourArrowProps } from './types.js';
 /**
- * Optional arrow pointing from `TourContent` back at the step's target,
- * self-positioning on the edge facing it. Must be rendered inside
- * `TourContent`.
- *
- * Renders nothing on a step that is centred — one with no target, or with
- * `type: 'dialog'`. There is nothing for it to point at, and the underlying
- * popper arrow has no positioning context to read on that branch.
+ * Self-positioning arrow pointing from `TourContent` to the target; renders nothing on centred steps.
  *
  * @example
  * ```tsx
@@ -17,4 +11,7 @@ import type { TourArrowProps } from './types.js';
  * </TourContent>
  * ```
  */
-export declare const TourArrow: React.ForwardRefExoticComponent<Omit<TourArrowProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const TourArrow: {
+    ({ ref: forwardedRef, ...props }: TourArrowProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourBackdrop.d.cts

@@ -1,17 +1,8 @@
 import * as React from 'react';
 import type { TourBackdropProps } from './types.cjs';
 /**
- * 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 `TourSpotlight` — with no measuring in JavaScript.
- *
- * Decorative and `aria-hidden`: the active step is announced through
- * `TourContent`, not through the backdrop. Exposes `data-state`
- * (`open`/`closed`) for animation and unmounts with the tour unless
- * `forceMount` is set.
+ * Dimming layer behind the tour, exposing the spotlight cutout as
+ * `--skdx-tour-x/-y/-width/-height` custom properties for a CSS cutout.
  *
  * @example
  * ```css
@@ -30,4 +21,7 @@ import type { TourBackdropProps } from './types.cjs';
  * }
  * ```
  */
-export declare const TourBackdrop: React.ForwardRefExoticComponent<Omit<TourBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TourBackdrop: {
+    ({ forceMount, ref: forwardedRef, ...props }: TourBackdropProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourBackdrop.d.ts

@@ -1,17 +1,8 @@
 import * as React from 'react';
 import type { TourBackdropProps } from './types.js';
 /**
- * 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 `TourSpotlight` — with no measuring in JavaScript.
- *
- * Decorative and `aria-hidden`: the active step is announced through
- * `TourContent`, not through the backdrop. Exposes `data-state`
- * (`open`/`closed`) for animation and unmounts with the tour unless
- * `forceMount` is set.
+ * Dimming layer behind the tour, exposing the spotlight cutout as
+ * `--skdx-tour-x/-y/-width/-height` custom properties for a CSS cutout.
  *
  * @example
  * ```css
@@ -30,4 +21,7 @@ import type { TourBackdropProps } from './types.js';
  * }
  * ```
  */
-export declare const TourBackdrop: React.ForwardRefExoticComponent<Omit<TourBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TourBackdrop: {
+    ({ forceMount, ref: forwardedRef, ...props }: TourBackdropProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourCloseTrigger.d.cts

@@ -1,16 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TourCloseTriggerProps } from './types.cjs';
 /**
- * The dismiss affordance — the corner ✕. Ends the tour through the same path
- * as `TourSkipTrigger` and Escape: closes it and fires `onSkip`, never
- * `onComplete`. Abandoning a tour is abandoning it, whichever control did it.
- *
- * Distinct from `TourSkipTrigger` only in intent and placement, so give it an
- * `aria-label` — an icon-only button has no accessible name of its own.
+ * Dismiss affordance (the corner ✕) that fires `onSkip`, never `onComplete`; needs an `aria-label` since it's icon-only.
  *
  * @example
  * ```tsx
  * <TourCloseTrigger aria-label="Close tour">✕</TourCloseTrigger>
  * ```
  */
-export declare const TourCloseTrigger: React.ForwardRefExoticComponent<Omit<TourCloseTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TourCloseTrigger: {
+    ({ ref: forwardedRef, ...props }: TourCloseTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourCloseTrigger.d.ts

@@ -1,16 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TourCloseTriggerProps } from './types.js';
 /**
- * The dismiss affordance — the corner ✕. Ends the tour through the same path
- * as `TourSkipTrigger` and Escape: closes it and fires `onSkip`, never
- * `onComplete`. Abandoning a tour is abandoning it, whichever control did it.
- *
- * Distinct from `TourSkipTrigger` only in intent and placement, so give it an
- * `aria-label` — an icon-only button has no accessible name of its own.
+ * Dismiss affordance (the corner ✕) that fires `onSkip`, never `onComplete`; needs an `aria-label` since it's icon-only.
  *
  * @example
  * ```tsx
  * <TourCloseTrigger aria-label="Close tour">✕</TourCloseTrigger>
  * ```
  */
-export declare const TourCloseTrigger: React.ForwardRefExoticComponent<Omit<TourCloseTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TourCloseTrigger: {
+    ({ ref: forwardedRef, ...props }: TourCloseTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourContent.d.cts

@@ -1,34 +1,7 @@
 import * as React from 'react';
 import type { TourContentProps } from './types.cjs';
 /**
- * The active step's panel: `role="dialog"` with `aria-modal="true"`, labelled
- * by `TourTitle` and described by `TourDescription`, 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.
- *
- * Both branches render the same element, 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
- * `onEscapeKeyDown` and `onPointerDownOutside`/`onInteractOutside` — 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.
+ * Active step's dialog panel (`role="dialog"`), labelled/described by TourTitle/TourDescription, trapping focus and handling escape, outside-click and arrow-key navigation per the root's props.
  *
  * @example
  * ```tsx
@@ -43,4 +16,7 @@ import type { TourContentProps } from './types.cjs';
  * </TourPortal>
  * ```
  */
-export declare const TourContent: React.ForwardRefExoticComponent<Omit<TourContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TourContent: {
+    ({ forceMount, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onOpenAutoFocus, onCloseAutoFocus, side, align, sideOffset, ref: forwardedRef, ...props }: TourContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourContent.d.ts

@@ -1,34 +1,7 @@
 import * as React from 'react';
 import type { TourContentProps } from './types.js';
 /**
- * The active step's panel: `role="dialog"` with `aria-modal="true"`, labelled
- * by `TourTitle` and described by `TourDescription`, 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.
- *
- * Both branches render the same element, 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
- * `onEscapeKeyDown` and `onPointerDownOutside`/`onInteractOutside` — 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.
+ * Active step's dialog panel (`role="dialog"`), labelled/described by TourTitle/TourDescription, trapping focus and handling escape, outside-click and arrow-key navigation per the root's props.
  *
  * @example
  * ```tsx
@@ -43,4 +16,7 @@ import type { TourContentProps } from './types.js';
  * </TourPortal>
  * ```
  */
-export declare const TourContent: React.ForwardRefExoticComponent<Omit<TourContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TourContent: {
+    ({ forceMount, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onOpenAutoFocus, onCloseAutoFocus, side, align, sideOffset, ref: forwardedRef, ...props }: TourContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourDescription.d.cts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { TourDescriptionProps } from './types.cjs';
 /**
- * The active step's accessible description: renders a `<p>` wired to
- * `TourContent` via `aria-describedby`.
+ * Active step's accessible description: renders a `<p>` wired to `TourContent` via `aria-describedby`.
  *
  * @example
  * ```tsx
@@ -12,4 +11,7 @@ import type { TourDescriptionProps } from './types.cjs';
  * </TourContent>
  * ```
  */
-export declare const TourDescription: React.ForwardRefExoticComponent<Omit<TourDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const TourDescription: {
+    ({ ref: forwardedRef, ...props }: TourDescriptionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourDescription.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { TourDescriptionProps } from './types.js';
 /**
- * The active step's accessible description: renders a `<p>` wired to
- * `TourContent` via `aria-describedby`.
+ * Active step's accessible description: renders a `<p>` wired to `TourContent` via `aria-describedby`.
  *
  * @example
  * ```tsx
@@ -12,4 +11,7 @@ import type { TourDescriptionProps } from './types.js';
  * </TourContent>
  * ```
  */
-export declare const TourDescription: React.ForwardRefExoticComponent<Omit<TourDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const TourDescription: {
+    ({ ref: forwardedRef, ...props }: TourDescriptionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourNextTrigger.d.cts

@@ -1,14 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TourNextTriggerProps } from './types.cjs';
 /**
- * Button that advances to the next step — and, on the **last** step,
- * completes the tour: closes it and fires `onComplete`. That means one button
- * can carry the whole flow; use `data-last` to relabel it ("Next" → "Done")
- * without tracking the index yourself.
+ * Button that advances to the next step, or completes the tour and fires `onComplete` on the last one, exposing `data-last` to relabel it.
  *
  * @example
  * ```tsx
  * <TourNextTrigger>{isLast ? 'Done' : 'Next'}</TourNextTrigger>
  * ```
  */
-export declare const TourNextTrigger: React.ForwardRefExoticComponent<Omit<TourNextTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TourNextTrigger: {
+    ({ ref: forwardedRef, ...props }: TourNextTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourNextTrigger.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TourNextTriggerProps } from './types.js';
 /**
- * Button that advances to the next step — and, on the **last** step,
- * completes the tour: closes it and fires `onComplete`. That means one button
- * can carry the whole flow; use `data-last` to relabel it ("Next" → "Done")
- * without tracking the index yourself.
+ * Button that advances to the next step, or completes the tour and fires `onComplete` on the last one, exposing `data-last` to relabel it.
  *
  * @example
  * ```tsx
  * <TourNextTrigger>{isLast ? 'Done' : 'Next'}</TourNextTrigger>
  * ```
  */
-export declare const TourNextTrigger: React.ForwardRefExoticComponent<Omit<TourNextTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TourNextTrigger: {
+    ({ ref: forwardedRef, ...props }: TourNextTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourPortal.d.cts

@@ -1,10 +1,7 @@
+import type { JSX } from 'react';
 import type { TourPortalProps } from './types.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.
- * Stays mounted through `TourContent`'s CSS exit animation and unmounts once
- * it ends, or immediately when none is declared, unless `forceMount` is set.
+ * Teleports tour layers to `document.body`, staying mounted through the exit animation before unmounting.
  *
  * @example
  * ```tsx
@@ -19,6 +16,6 @@ import type { TourPortalProps } from './types.cjs';
  * ```
  */
 export declare const TourPortal: {
-    ({ forceMount, children, ...props }: TourPortalProps): import("react").JSX.Element | null;
+    ({ forceMount, children, ...props }: TourPortalProps): JSX.Element | null;
     displayName: string;
 };

package/dist/tour/TourPortal.d.ts

@@ -1,10 +1,7 @@
+import type { JSX } from 'react';
 import type { TourPortalProps } from './types.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.
- * Stays mounted through `TourContent`'s CSS exit animation and unmounts once
- * it ends, or immediately when none is declared, unless `forceMount` is set.
+ * Teleports tour layers to `document.body`, staying mounted through the exit animation before unmounting.
  *
  * @example
  * ```tsx
@@ -19,6 +16,6 @@ import type { TourPortalProps } from './types.js';
  * ```
  */
 export declare const TourPortal: {
-    ({ forceMount, children, ...props }: TourPortalProps): import("react").JSX.Element | null;
+    ({ forceMount, children, ...props }: TourPortalProps): JSX.Element | null;
     displayName: string;
 };

package/dist/tour/TourPrevTrigger.d.cts

@@ -1,14 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TourPrevTriggerProps } from './types.cjs';
 /**
- * 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. Pass `disabled`
- * yourself to disable it on other steps too.
+ * Button that steps the tour back. Disabled on the first step; exposes `data-disabled` for styling.
  *
  * @example
  * ```tsx
  * <TourPrevTrigger>Back</TourPrevTrigger>
  * ```
  */
-export declare const TourPrevTrigger: React.ForwardRefExoticComponent<Omit<TourPrevTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TourPrevTrigger: {
+    ({ ref: forwardedRef, ...props }: TourPrevTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tour/TourPrevTrigger.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TourPrevTriggerProps } from './types.js';
 /**
- * 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. Pass `disabled`
- * yourself to disable it on other steps too.
+ * Button that steps the tour back. Disabled on the first step; exposes `data-disabled` for styling.
  *
  * @example
  * ```tsx
  * <TourPrevTrigger>Back</TourPrevTrigger>
  * ```
  */
-export declare const TourPrevTrigger: React.ForwardRefExoticComponent<Omit<TourPrevTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TourPrevTrigger: {
+    ({ ref: forwardedRef, ...props }: TourPrevTriggerProps): React.ReactNode;
+    displayName: string;
+};