@skdx/react 0.27.0 → 0.29.0

package/dist/toolbar/index.d.cts

@@ -1,7 +1,3 @@
-export * from './Toolbar.cjs';
-export { ToolbarButton } from './ToolbarButton.cjs';
-export { ToolbarLink } from './ToolbarLink.cjs';
-export { ToolbarSeparator } from './ToolbarSeparator.cjs';
-export { ToolbarToggleGroup } from './ToolbarToggleGroup.cjs';
-export { ToolbarToggleItem } from './ToolbarToggleItem.cjs';
-export type { ToolbarProps, ToolbarButtonProps, ToolbarLinkProps, ToolbarSeparatorProps, ToolbarToggleGroupSingleProps, ToolbarToggleGroupMultipleProps, ToolbarToggleGroupProps, ToolbarToggleItemProps, } from './types.cjs';
+export { Toolbar } from './Toolbar.cjs';
+export type { ToolbarProps, ToolbarItem } from './types.cjs';
+export type { SelectionChangeDetail } from '../utils/useSelection.cjs';

package/dist/toolbar/index.d.ts

@@ -1,7 +1,3 @@
-export * from './Toolbar.js';
-export { ToolbarButton } from './ToolbarButton.js';
-export { ToolbarLink } from './ToolbarLink.js';
-export { ToolbarSeparator } from './ToolbarSeparator.js';
-export { ToolbarToggleGroup } from './ToolbarToggleGroup.js';
-export { ToolbarToggleItem } from './ToolbarToggleItem.js';
-export type { ToolbarProps, ToolbarButtonProps, ToolbarLinkProps, ToolbarSeparatorProps, ToolbarToggleGroupSingleProps, ToolbarToggleGroupMultipleProps, ToolbarToggleGroupProps, ToolbarToggleItemProps, } from './types.js';
+export { Toolbar } from './Toolbar.js';
+export type { ToolbarProps, ToolbarItem } from './types.js';
+export type { SelectionChangeDetail } from '../utils/useSelection.js';

package/dist/toolbar/primitives.d.cts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `Toolbar` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { Toolbar, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem } from '@skdx/react/primitives/toolbar';
+ *
+ * <Toolbar aria-label="Formatting">
+ *   <ToolbarToggleGroup type="multiple">
+ *     <ToolbarToggleItem value="bold">Bold</ToolbarToggleItem>
+ *   </ToolbarToggleGroup>
+ *   <ToolbarSeparator />
+ *   <ToolbarLink href="/help">Help</ToolbarLink>
+ * </Toolbar>
+ * ```
+ */
+export { Toolbar } from './Toolbar.cjs';
+export { ToolbarButton } from './ToolbarButton.cjs';
+export { ToolbarLink } from './ToolbarLink.cjs';
+export { ToolbarSeparator } from './ToolbarSeparator.cjs';
+export { ToolbarToggleGroup } from './ToolbarToggleGroup.cjs';
+export { ToolbarToggleItem } from './ToolbarToggleItem.cjs';
+export type { ToolbarProps, ToolbarButtonProps, ToolbarLinkProps, ToolbarSeparatorProps, ToolbarToggleGroupProps, ToolbarToggleItemProps, } from './types.cjs';

package/dist/toolbar/primitives.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `Toolbar` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { Toolbar, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem } from '@skdx/react/primitives/toolbar';
+ *
+ * <Toolbar aria-label="Formatting">
+ *   <ToolbarToggleGroup type="multiple">
+ *     <ToolbarToggleItem value="bold">Bold</ToolbarToggleItem>
+ *   </ToolbarToggleGroup>
+ *   <ToolbarSeparator />
+ *   <ToolbarLink href="/help">Help</ToolbarLink>
+ * </Toolbar>
+ * ```
+ */
+export { Toolbar } from './Toolbar.js';
+export { ToolbarButton } from './ToolbarButton.js';
+export { ToolbarLink } from './ToolbarLink.js';
+export { ToolbarSeparator } from './ToolbarSeparator.js';
+export { ToolbarToggleGroup } from './ToolbarToggleGroup.js';
+export { ToolbarToggleItem } from './ToolbarToggleItem.js';
+export type { ToolbarProps, ToolbarButtonProps, ToolbarLinkProps, ToolbarSeparatorProps, ToolbarToggleGroupProps, ToolbarToggleItemProps, } from './types.js';

package/dist/toolbar/types.d.cts

@@ -1,7 +1,79 @@
+import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
+import type { SelectionChangeDetail, SelectionChangeReason } from '../utils/useSelection.cjs';
+/**
+ * One entry of {@link ToolbarProps.items}: a discriminated union narrowed with `'type' in item`, whose plain-button variant carries no `type`.
+ */
+export type ToolbarItem = {
+    /** Text rendered inside the derived `ToolbarButton`. */
+    label: string;
+    /**
+     * Called when the derived button is activated.
+     * @default undefined — no-op if omitted.
+     */
+    onClick?: (() => void) | undefined;
+    /**
+     * Disables the button and takes it out of the roving-tabindex ring.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+} | {
+    /** Renders a `ToolbarLink` instead of a `ToolbarButton`. */
+    type: 'link';
+    /** Text rendered inside the derived `ToolbarLink`. */
+    label: string;
+    /** Destination of the derived `ToolbarLink`. */
+    href: string;
+    /**
+     * Marks the link `aria-disabled` — an `<a>` has no `disabled` attribute,
+     * so it stays in the roving ring and announces as unavailable.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+} | {
+    /** Renders a `ToolbarSeparator` between groups of controls. */
+    type: 'separator';
+} | {
+    /** Renders a `ToolbarToggleGroup` of `ToolbarToggleItem`s. */
+    type: 'toggle-group';
+    /**
+     * Whether at most one item may be pressed (`'single'`) or any number
+     * (`'multiple'`), mapped to the `ToolbarToggleGroup` part's `type`.
+     * @default 'single'
+     */
+    mode?: 'single' | 'multiple' | undefined;
+    /**
+     * Pressed item's value(s), for controlled usage.
+     * @default undefined — uncontrolled.
+     */
+    value?: string | string[] | undefined;
+    /**
+     * Fires with the pressed value(s) — a bare string under `'single'`, the
+     * whole array under `'multiple'`.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: ((value: string | string[]) => void) | undefined;
+    /**
+     * Disables every item in the group.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /** The group's toggle options. */
+    items: {
+        /** Identifier tracked in the group's pressed value(s). */
+        value: string;
+        /** Text rendered inside the derived `ToolbarToggleItem`. */
+        label: string;
+        /**
+         * Disables this option alone, on top of the group's own `disabled`.
+         * @default false
+         */
+        disabled?: boolean | undefined;
+    }[];
+};
 /** Layout axis of a {@link Toolbar}, driving `aria-orientation` and the arrow keys used for roving-tabindex navigation. */
 export type ToolbarOrientation = 'horizontal' | 'vertical';
-/** @internal Shared state distributed from {@link Toolbar} to its parts via context. Not part of the public API. */
+/** @internal Shared state distributed from {@link Toolbar} to its parts via context. */
 export interface ToolbarContextValue {
     orientation: ToolbarOrientation;
     currentTabStopId: string | null;
@@ -9,21 +81,39 @@ export interface ToolbarContextValue {
 }
 /** Props for the {@link Toolbar} root. */
 export interface ToolbarProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * The toolbar's controls, rendered into the derived anatomy. Ignored when
+     * `children` is given, which switches to full manual composition.
+     * @default undefined — an empty toolbar.
+     */
+    items?: ToolbarItem[] | undefined;
+    /**
+     * Renders the *contents* of a derived control, in place of its label. The
+     * control itself — its role, `data-*`, roving `tabIndex` and disabled state
+     * — stays the library's. Not called for separators, which render no label.
+     * @default undefined — the entry's `label` is rendered.
+     */
+    renderItem?: ((item: ToolbarItem) => React.ReactNode) | undefined;
     /**
      * Layout axis, exposed as `aria-orientation`/`data-orientation` and used to
      * pick Arrow Left/Right vs. Arrow Up/Down for roving-tabindex navigation.
      * @default 'horizontal'
      */
-    orientation?: ToolbarOrientation;
+    orientation?: ToolbarOrientation | undefined;
     /**
      * Whether arrow-key navigation wraps from the last item back to the first
      * (and vice versa).
      * @default true
      */
-    loop?: boolean;
+    loop?: boolean | undefined;
 }
 /** Props for {@link ToolbarButton}, a plain action button in the toolbar. */
 export interface ToolbarButtonProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Disables this button and removes it from the roving-tabindex ring.
+     * @default false
+     */
+    disabled?: boolean | undefined;
 }
 /** Props for {@link ToolbarLink}, a plain navigable link in the toolbar. */
 export interface ToolbarLinkProps extends PrimitivePropsWithRef<'a'> {
@@ -33,48 +123,51 @@ export interface ToolbarSeparatorProps extends PrimitivePropsWithRef<'div'> {
 }
 /** Whether a {@link ToolbarToggleGroup} allows one pressed item (`'single'`) or several (`'multiple'`). */
 export type ToolbarToggleGroupType = 'single' | 'multiple';
-/** @internal Shared state distributed from {@link ToolbarToggleGroup} to its `ToolbarToggleItem`s via context. Not part of the public API. */
+/** @internal Shared state distributed from {@link ToolbarToggleGroup} to its `ToolbarToggleItem`s via context. */
 export interface ToolbarToggleGroupContextValue {
     type: ToolbarToggleGroupType;
     value: string[];
     disabled: boolean;
-    onItemActivate: (value: string) => void;
-    onItemDeactivate: (value: string) => void;
+    /** Commits one item: presses it, or unpresses it when the group's cardinality allows. */
+    onItemToggle: (value: string, reason?: SelectionChangeReason) => void;
 }
-/** Props shared by both {@link ToolbarToggleGroupSingleProps} and {@link ToolbarToggleGroupMultipleProps}. */
-export interface ToolbarToggleGroupBaseProps extends PrimitivePropsWithRef<'div'> {
+/** Props for the {@link ToolbarToggleGroup} root; `type` picks single- or multiple-item selection. */
+export interface ToolbarToggleGroupProps extends PrimitivePropsWithRef<'div'> {
     /**
      * Disables every `ToolbarToggleItem` in the group.
      * @default false
      */
-    disabled?: boolean;
-}
-/** Props for a {@link ToolbarToggleGroup} where at most one item can be pressed at a time. */
-export interface ToolbarToggleGroupSingleProps extends ToolbarToggleGroupBaseProps {
-    /** Restricts the group to at most one pressed item. */
-    type: 'single';
-    /** Pressed item's value, for controlled usage. Pair with `onValueChange`. */
-    value?: string;
-    /** Initially pressed item's value, for uncontrolled usage. */
-    defaultValue?: string;
-    /** Fires with the new value whenever the pressed item changes, controlled or not. */
-    onValueChange?: (value: string) => void;
-}
-/** Props for a {@link ToolbarToggleGroup} where any number of items can be pressed at once. */
-export interface ToolbarToggleGroupMultipleProps extends ToolbarToggleGroupBaseProps {
-    /** Allows any number of items to be pressed at once. */
-    type: 'multiple';
-    /** Pressed items' values, for controlled usage. Pair with `onValueChange`. */
-    value?: string[];
-    /** Initially pressed items' values, for uncontrolled usage. */
-    defaultValue?: string[];
-    /** Fires with the new values whenever the pressed set changes, controlled or not. */
-    onValueChange?: (value: string[]) => void;
+    disabled?: boolean | undefined;
+    /**
+     * Whether at most one item may be pressed at a time (`'single'`) or any number (`'multiple'`), deciding whether `value` takes a `string` or `string[]`.
+     */
+    type: ToolbarToggleGroupType;
+    /**
+     * Pressed item's value(s), for controlled usage — a `string` or `string[]`; pair with `onValueChange`.
+     * @default undefined — uncontrolled, tracks its own pressed items internally.
+     */
+    value?: string | string[] | undefined;
+    /**
+     * Initially pressed item's value(s), for uncontrolled usage — the same bare
+     * `string` or `string[]` shapes `value` accepts, under either cardinality.
+     * @default undefined — starts with no item pressed.
+     */
+    defaultValue?: string | string[] | undefined;
+    /**
+     * Fires whenever the pressed items change, carrying the whole selection as a `string[]` alongside `selectedValue`, `previousValue` and `reason`.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: ((detail: SelectionChangeDetail) => void) | undefined;
 }
-/** Props for the {@link ToolbarToggleGroup} root — discriminated on `type` between single and multiple selection. */
-export type ToolbarToggleGroupProps = ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps;
 /** Props for a single {@link ToolbarToggleItem} within a `ToolbarToggleGroup`. */
 export interface ToolbarToggleItemProps extends PrimitivePropsWithRef<'button'> {
     /** Unique identifier tracked in the group's pressed value(s). */
     value: string;
+    /**
+     * Disables this item alone, on top of the group's `disabled` — OR-ed so
+     * group-level disabled cannot be re-enabled from here. Reflected as
+     * `data-disabled` in addition to `disabled`.
+     * @default false
+     */
+    disabled?: boolean | undefined;
 }

package/dist/toolbar/types.d.ts

@@ -1,7 +1,79 @@
+import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
+import type { SelectionChangeDetail, SelectionChangeReason } from '../utils/useSelection.js';
+/**
+ * One entry of {@link ToolbarProps.items}: a discriminated union narrowed with `'type' in item`, whose plain-button variant carries no `type`.
+ */
+export type ToolbarItem = {
+    /** Text rendered inside the derived `ToolbarButton`. */
+    label: string;
+    /**
+     * Called when the derived button is activated.
+     * @default undefined — no-op if omitted.
+     */
+    onClick?: (() => void) | undefined;
+    /**
+     * Disables the button and takes it out of the roving-tabindex ring.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+} | {
+    /** Renders a `ToolbarLink` instead of a `ToolbarButton`. */
+    type: 'link';
+    /** Text rendered inside the derived `ToolbarLink`. */
+    label: string;
+    /** Destination of the derived `ToolbarLink`. */
+    href: string;
+    /**
+     * Marks the link `aria-disabled` — an `<a>` has no `disabled` attribute,
+     * so it stays in the roving ring and announces as unavailable.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+} | {
+    /** Renders a `ToolbarSeparator` between groups of controls. */
+    type: 'separator';
+} | {
+    /** Renders a `ToolbarToggleGroup` of `ToolbarToggleItem`s. */
+    type: 'toggle-group';
+    /**
+     * Whether at most one item may be pressed (`'single'`) or any number
+     * (`'multiple'`), mapped to the `ToolbarToggleGroup` part's `type`.
+     * @default 'single'
+     */
+    mode?: 'single' | 'multiple' | undefined;
+    /**
+     * Pressed item's value(s), for controlled usage.
+     * @default undefined — uncontrolled.
+     */
+    value?: string | string[] | undefined;
+    /**
+     * Fires with the pressed value(s) — a bare string under `'single'`, the
+     * whole array under `'multiple'`.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: ((value: string | string[]) => void) | undefined;
+    /**
+     * Disables every item in the group.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /** The group's toggle options. */
+    items: {
+        /** Identifier tracked in the group's pressed value(s). */
+        value: string;
+        /** Text rendered inside the derived `ToolbarToggleItem`. */
+        label: string;
+        /**
+         * Disables this option alone, on top of the group's own `disabled`.
+         * @default false
+         */
+        disabled?: boolean | undefined;
+    }[];
+};
 /** Layout axis of a {@link Toolbar}, driving `aria-orientation` and the arrow keys used for roving-tabindex navigation. */
 export type ToolbarOrientation = 'horizontal' | 'vertical';
-/** @internal Shared state distributed from {@link Toolbar} to its parts via context. Not part of the public API. */
+/** @internal Shared state distributed from {@link Toolbar} to its parts via context. */
 export interface ToolbarContextValue {
     orientation: ToolbarOrientation;
     currentTabStopId: string | null;
@@ -9,21 +81,39 @@ export interface ToolbarContextValue {
 }
 /** Props for the {@link Toolbar} root. */
 export interface ToolbarProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * The toolbar's controls, rendered into the derived anatomy. Ignored when
+     * `children` is given, which switches to full manual composition.
+     * @default undefined — an empty toolbar.
+     */
+    items?: ToolbarItem[] | undefined;
+    /**
+     * Renders the *contents* of a derived control, in place of its label. The
+     * control itself — its role, `data-*`, roving `tabIndex` and disabled state
+     * — stays the library's. Not called for separators, which render no label.
+     * @default undefined — the entry's `label` is rendered.
+     */
+    renderItem?: ((item: ToolbarItem) => React.ReactNode) | undefined;
     /**
      * Layout axis, exposed as `aria-orientation`/`data-orientation` and used to
      * pick Arrow Left/Right vs. Arrow Up/Down for roving-tabindex navigation.
      * @default 'horizontal'
      */
-    orientation?: ToolbarOrientation;
+    orientation?: ToolbarOrientation | undefined;
     /**
      * Whether arrow-key navigation wraps from the last item back to the first
      * (and vice versa).
      * @default true
      */
-    loop?: boolean;
+    loop?: boolean | undefined;
 }
 /** Props for {@link ToolbarButton}, a plain action button in the toolbar. */
 export interface ToolbarButtonProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Disables this button and removes it from the roving-tabindex ring.
+     * @default false
+     */
+    disabled?: boolean | undefined;
 }
 /** Props for {@link ToolbarLink}, a plain navigable link in the toolbar. */
 export interface ToolbarLinkProps extends PrimitivePropsWithRef<'a'> {
@@ -33,48 +123,51 @@ export interface ToolbarSeparatorProps extends PrimitivePropsWithRef<'div'> {
 }
 /** Whether a {@link ToolbarToggleGroup} allows one pressed item (`'single'`) or several (`'multiple'`). */
 export type ToolbarToggleGroupType = 'single' | 'multiple';
-/** @internal Shared state distributed from {@link ToolbarToggleGroup} to its `ToolbarToggleItem`s via context. Not part of the public API. */
+/** @internal Shared state distributed from {@link ToolbarToggleGroup} to its `ToolbarToggleItem`s via context. */
 export interface ToolbarToggleGroupContextValue {
     type: ToolbarToggleGroupType;
     value: string[];
     disabled: boolean;
-    onItemActivate: (value: string) => void;
-    onItemDeactivate: (value: string) => void;
+    /** Commits one item: presses it, or unpresses it when the group's cardinality allows. */
+    onItemToggle: (value: string, reason?: SelectionChangeReason) => void;
 }
-/** Props shared by both {@link ToolbarToggleGroupSingleProps} and {@link ToolbarToggleGroupMultipleProps}. */
-export interface ToolbarToggleGroupBaseProps extends PrimitivePropsWithRef<'div'> {
+/** Props for the {@link ToolbarToggleGroup} root; `type` picks single- or multiple-item selection. */
+export interface ToolbarToggleGroupProps extends PrimitivePropsWithRef<'div'> {
     /**
      * Disables every `ToolbarToggleItem` in the group.
      * @default false
      */
-    disabled?: boolean;
-}
-/** Props for a {@link ToolbarToggleGroup} where at most one item can be pressed at a time. */
-export interface ToolbarToggleGroupSingleProps extends ToolbarToggleGroupBaseProps {
-    /** Restricts the group to at most one pressed item. */
-    type: 'single';
-    /** Pressed item's value, for controlled usage. Pair with `onValueChange`. */
-    value?: string;
-    /** Initially pressed item's value, for uncontrolled usage. */
-    defaultValue?: string;
-    /** Fires with the new value whenever the pressed item changes, controlled or not. */
-    onValueChange?: (value: string) => void;
-}
-/** Props for a {@link ToolbarToggleGroup} where any number of items can be pressed at once. */
-export interface ToolbarToggleGroupMultipleProps extends ToolbarToggleGroupBaseProps {
-    /** Allows any number of items to be pressed at once. */
-    type: 'multiple';
-    /** Pressed items' values, for controlled usage. Pair with `onValueChange`. */
-    value?: string[];
-    /** Initially pressed items' values, for uncontrolled usage. */
-    defaultValue?: string[];
-    /** Fires with the new values whenever the pressed set changes, controlled or not. */
-    onValueChange?: (value: string[]) => void;
+    disabled?: boolean | undefined;
+    /**
+     * Whether at most one item may be pressed at a time (`'single'`) or any number (`'multiple'`), deciding whether `value` takes a `string` or `string[]`.
+     */
+    type: ToolbarToggleGroupType;
+    /**
+     * Pressed item's value(s), for controlled usage — a `string` or `string[]`; pair with `onValueChange`.
+     * @default undefined — uncontrolled, tracks its own pressed items internally.
+     */
+    value?: string | string[] | undefined;
+    /**
+     * Initially pressed item's value(s), for uncontrolled usage — the same bare
+     * `string` or `string[]` shapes `value` accepts, under either cardinality.
+     * @default undefined — starts with no item pressed.
+     */
+    defaultValue?: string | string[] | undefined;
+    /**
+     * Fires whenever the pressed items change, carrying the whole selection as a `string[]` alongside `selectedValue`, `previousValue` and `reason`.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: ((detail: SelectionChangeDetail) => void) | undefined;
 }
-/** Props for the {@link ToolbarToggleGroup} root — discriminated on `type` between single and multiple selection. */
-export type ToolbarToggleGroupProps = ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps;
 /** Props for a single {@link ToolbarToggleItem} within a `ToolbarToggleGroup`. */
 export interface ToolbarToggleItemProps extends PrimitivePropsWithRef<'button'> {
     /** Unique identifier tracked in the group's pressed value(s). */
     value: string;
+    /**
+     * Disables this item alone, on top of the group's `disabled` — OR-ed so
+     * group-level disabled cannot be re-enabled from here. Reflected as
+     * `data-disabled` in addition to `disabled`.
+     * @default false
+     */
+    disabled?: boolean | undefined;
 }

package/dist/tour/Tour.cjs

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

package/dist/tour/Tour.d.cts

@@ -1,58 +1,13 @@
 import * as React from 'react';
 import type { TourContextValue, TourProps } from './types.cjs';
-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;
 }