@tribepad/themis 1.1.3 → 1.2.0

package/CHANGELOG.md

@@ -5,6 +5,19 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.0] - 2026-04-21
+
+### Added
+- **Wizard** — accessible multi-step wizard for linear flows (WCAG 2.2 AAA).
+  Compound API: `Wizard.Stepper`, `Wizard.Content`, `Wizard.Step`, `Wizard.Navigation`, `Wizard.MobileProgress`, `Wizard.Layout`.
+  - Semantic `<ol>` + `aria-current="step"` markup (not `role="tablist"`).
+  - Root-owned live regions: polite `role="status"` for step progress, assertive `role="alert"` for `errors`.
+  - Focus management: step heading focused with `tabIndex={-1}` after step change (not the first form field).
+  - Steps keyed by `id` (not positional index) so conditional/reordered steps don't drift.
+  - Lazy render: only the active step's children are mounted.
+  - `Wizard.MobileProgress` shows a dot indicator with visible "Step N of M · Title" caption.
+  - Themis Button's Layer 1 / Layer 2 architecture keeps 44×44 touch targets on stepper jump buttons.
+
 ## [1.0.0] - 2026-02-08
 
 ### Added

package/dist/elements/Wizard/Wizard.d.ts

@@ -0,0 +1,35 @@
+import type { WizardProps } from './Wizard.types';
+/**
+ * Wizard compound component with dot-syntax sub-components.
+ *
+ * @example
+ * ```tsx
+ * <Wizard
+ *   currentStep={step}
+ *   steps={[
+ *     { id: 'welcome', label: 'Welcome' },
+ *     { id: 'logo',    label: 'Logo' },
+ *   ]}
+ *   onStepChange={(ev) => setStep(ev.index)}
+ * >
+ *   <Wizard.Layout preview={<BrandingPreview />}>
+ *     <Wizard.Stepper sectionLabel="Branding" sectionNumber={1} totalSections={3} />
+ *     <Wizard.MobileProgress />
+ *     <Wizard.Content>
+ *       <Wizard.Step id="welcome"><WelcomeForm /></Wizard.Step>
+ *       <Wizard.Step id="logo"><LogoForm /></Wizard.Step>
+ *     </Wizard.Content>
+ *     <Wizard.Navigation showSkip />
+ *   </Wizard.Layout>
+ * </Wizard>
+ * ```
+ */
+export declare const Wizard: import("react").ForwardRefExoticComponent<WizardProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Layout: import("react").ForwardRefExoticComponent<import("./WizardLayout").WizardLayoutProps & import("react").RefAttributes<HTMLDivElement>>;
+    Stepper: import("react").ForwardRefExoticComponent<import("./Wizard.types").WizardStepperProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<import("./Wizard.types").WizardContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Step: import("react").ForwardRefExoticComponent<import("./Wizard.types").WizardStepProps & import("react").RefAttributes<HTMLElement>>;
+    Navigation: import("react").ForwardRefExoticComponent<import("./Wizard.types").WizardNavigationProps & import("react").RefAttributes<HTMLDivElement>>;
+    MobileProgress: import("react").ForwardRefExoticComponent<import("./Wizard.types").WizardMobileProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=Wizard.d.ts.map

package/dist/elements/Wizard/Wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/Wizard.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkIlD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM;;;;;;;CAOjB,CAAC"}

package/dist/elements/Wizard/Wizard.styles.d.ts

@@ -0,0 +1,43 @@
+export declare const wizardRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardLayoutVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardLayoutMainVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardLayoutStepperSlotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardLayoutContentSlotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardLayoutHelpTextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardLayoutPreviewVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepperContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepperSectionLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepperSectionHeadingVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepperListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepperItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepperIndicatorColumnVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepperCircleVariants: (props?: ({
+    state?: "current" | "completed" | "upcoming" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const wizardStepperConnectorVariants: (props?: ({
+    completed?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const wizardStepperLabelColumnVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepperLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepperLabelTextVariants: (props?: ({
+    state?: "current" | "completed" | "upcoming" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const wizardStepperCurrentSubtitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepHeaderRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepHeadingVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardStepDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardContentCardVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardNavigationVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardNavigationLeftVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardNavigationRightVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardMobileProgressContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardMobileProgressDotRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardMobileProgressDotVariants: (props?: ({
+    state?: "current" | "completed" | "upcoming" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const wizardMobileProgressCaptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardMobileProgressCaptionTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const wizardLiveRegionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=Wizard.styles.d.ts.map

package/dist/elements/Wizard/Wizard.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/Wizard.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB,oFAE9B,CAAC;AAMF,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAEF,eAAO,MAAM,+BAA+B,oFAE3C,CAAC;AAEF,eAAO,MAAM,+BAA+B,oFAE3C,CAAC;AAEF,eAAO,MAAM,4BAA4B,oFAExC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oFAEvC,CAAC;AAOF,eAAO,MAAM,8BAA8B,oFAE1C,CAAC;AAEF,eAAO,MAAM,iCAAiC,oFAE7C,CAAC;AAEF,eAAO,MAAM,mCAAmC,oFAE/C,CAAC;AAEF,eAAO,MAAM,yBAAyB,oFAErC,CAAC;AAEF,eAAO,MAAM,yBAAyB,oFAErC,CAAC;AAEF,eAAO,MAAM,oCAAoC,oFAEhD,CAAC;AAEF,eAAO,MAAM,2BAA2B;;8EAqBvC,CAAC;AAEF,eAAO,MAAM,8BAA8B;;8EAa1C,CAAC;AAEF,eAAO,MAAM,gCAAgC,oFAE5C,CAAC;AAEF,eAAO,MAAM,0BAA0B,oFAEtC,CAAC;AAEF,eAAO,MAAM,8BAA8B;;8EAc1C,CAAC;AAEF,eAAO,MAAM,oCAAoC,oFAEhD,CAAC;AAMF,eAAO,MAAM,2BAA2B,oFAEvC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oFAEvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,oFAElC,CAAC;AAEF,eAAO,MAAM,yBAAyB,oFAIrC,CAAC;AAEF,eAAO,MAAM,6BAA6B,oFAEzC,CAAC;AAMF,eAAO,MAAM,yBAAyB,oFAErC,CAAC;AAMF,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,oFAAU,CAAC;AAEpD,eAAO,MAAM,6BAA6B,oFAEzC,CAAC;AAMF,eAAO,MAAM,qCAAqC,oFAEjD,CAAC;AAEF,eAAO,MAAM,kCAAkC,oFAE9C,CAAC;AAEF,eAAO,MAAM,+BAA+B;;8EAc3C,CAAC;AAEF,eAAO,MAAM,mCAAmC,oFAE/C,CAAC;AAEF,eAAO,MAAM,wCAAwC,oFAEpD,CAAC;AAMF,eAAO,MAAM,wBAAwB,oFAEpC,CAAC"}

package/dist/elements/Wizard/Wizard.types.d.ts

@@ -0,0 +1,222 @@
+import { z } from 'zod';
+import type { ReactNode, ReactElement } from 'react';
+export declare const WizardChangeReasonSchema: z.ZodEnum<{
+    back: "back";
+    next: "next";
+    skip: "skip";
+    jump: "jump";
+}>;
+export type WizardChangeReason = z.infer<typeof WizardChangeReasonSchema>;
+export declare const WizardStepDescriptorSchema: z.ZodObject<{
+    id: z.ZodString;
+    label: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export interface WizardStepDescriptor {
+    id: string;
+    label: string;
+    description?: string;
+}
+export interface WizardStepChangeEvent {
+    index: number;
+    id: string;
+    label: string;
+    reason: WizardChangeReason;
+}
+export interface WizardNavigationLabelContext {
+    index: number;
+    total: number;
+    id: string;
+}
+export type WizardNavigationLabel = string | ((ctx: WizardNavigationLabelContext) => string);
+export interface WizardNavigationLabels {
+    back?: WizardNavigationLabel;
+    skip?: WizardNavigationLabel;
+    next?: WizardNavigationLabel;
+    start?: WizardNavigationLabel;
+    finish?: WizardNavigationLabel;
+}
+export type WizardAnnounceTemplate = (index: number, total: number, label: string) => string;
+export declare const WizardPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    currentStep: z.ZodNumber;
+    steps: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        label: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    onStepChange: z.ZodCustom<(event: WizardStepChangeEvent) => void, (event: WizardStepChangeEvent) => void>;
+    isLoading: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    errors: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    announceTemplate: z.ZodOptional<z.ZodCustom<WizardAnnounceTemplate, WizardAnnounceTemplate>>;
+}, z.core.$strip>;
+export interface WizardProps {
+    children: ReactNode;
+    currentStep: number;
+    steps: WizardStepDescriptor[];
+    onStepChange: (event: WizardStepChangeEvent) => void;
+    isLoading?: boolean;
+    errors?: string[];
+    announceTemplate?: WizardAnnounceTemplate;
+    className?: string;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'data-testid'?: string;
+}
+export declare const WizardLayoutPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    preview: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
+    helpText: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export interface WizardLayoutProps {
+    children: ReactNode;
+    preview?: ReactNode;
+    helpText?: string;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const WizardStepperPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    children: z.ZodOptional<z.ZodAny>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    sectionLabel: z.ZodOptional<z.ZodString>;
+    sectionNumber: z.ZodOptional<z.ZodNumber>;
+    totalSections: z.ZodOptional<z.ZodNumber>;
+    allowClickOnCompleted: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+}, z.core.$strip>;
+export interface WizardStepperProps {
+    sectionLabel?: string;
+    sectionNumber?: number;
+    totalSections?: number;
+    allowClickOnCompleted?: boolean;
+    className?: string;
+    'aria-label'?: string;
+    'data-testid'?: string;
+}
+export declare const WizardStepPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    id: z.ZodString;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    icon: z.ZodOptional<z.ZodCustom<ReactElement<unknown, string | import("react").JSXElementConstructor<any>>, ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>>;
+}, z.core.$strip>;
+export interface WizardStepProps {
+    id: string;
+    children: ReactNode;
+    icon?: ReactElement;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const WizardContentPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+}, z.core.$strip>;
+export interface WizardContentProps {
+    children: ReactNode;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const WizardNavigationPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    children: z.ZodOptional<z.ZodAny>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    labels: z.ZodOptional<z.ZodCustom<WizardNavigationLabels, WizardNavigationLabels>>;
+    showSkip: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    onBack: z.ZodOptional<z.ZodCustom<() => void, () => void>>;
+    onNext: z.ZodOptional<z.ZodCustom<() => void, () => void>>;
+    onSkip: z.ZodOptional<z.ZodCustom<() => void, () => void>>;
+}, z.core.$strip>;
+export interface WizardNavigationProps {
+    labels?: WizardNavigationLabels;
+    showSkip?: boolean;
+    onBack?: () => void;
+    onNext?: () => void;
+    onSkip?: () => void;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const WizardMobileProgressPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    children: z.ZodOptional<z.ZodAny>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export interface WizardMobileProgressProps {
+    className?: string;
+    'data-testid'?: string;
+}
+//# sourceMappingURL=Wizard.types.d.ts.map

package/dist/elements/Wizard/Wizard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/Wizard.types.ts"],"names":[],"mappings":"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"}

package/dist/elements/Wizard/WizardContent.d.ts

@@ -0,0 +1,14 @@
+import type { WizardContentProps } from './Wizard.types';
+/**
+ * Renders ONLY the currently-selected Wizard.Step's subtree. Inactive steps
+ * are unmounted — this is deliberate. It preserves the pre-migration
+ * `renderStepContent()` switch-case behaviour (one step mounted at a time)
+ * and prevents 6 file-upload forms from mounting simultaneously on a 6-step
+ * branding wizard.
+ *
+ * If you need state preserved across step transitions, keep it in the
+ * consumer's parent state (Formik, Zustand, etc.) rather than inside step
+ * subtree local state.
+ */
+export declare const WizardContent: import("react").ForwardRefExoticComponent<WizardContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=WizardContent.d.ts.map

package/dist/elements/Wizard/WizardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContent.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/WizardContent.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAmB,MAAM,gBAAgB,CAAC;AAW1E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,+GAmCzB,CAAC"}

package/dist/elements/Wizard/WizardContext.d.ts

@@ -0,0 +1,16 @@
+import type { WizardStepChangeEvent, WizardStepDescriptor, WizardAnnounceTemplate } from './Wizard.types';
+export interface WizardContextValue {
+    currentStepIndex: number;
+    currentStepId: string;
+    steps: WizardStepDescriptor[];
+    totalSteps: number;
+    isLoading: boolean;
+    errors: string[];
+    announceTemplate: WizardAnnounceTemplate;
+    onStepChange: (event: WizardStepChangeEvent) => void;
+    /** Callback invoked by Wizard.Content after a step change to hand the heading node to the root for focus-on-change. */
+    registerStepHeading: (node: HTMLHeadingElement | null) => void;
+}
+export declare const WizardContext: import("react").Context<WizardContextValue | null>;
+export declare function useWizardContext(): WizardContextValue;
+//# sourceMappingURL=WizardContext.d.ts.map

package/dist/elements/Wizard/WizardContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContext.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/WizardContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,gBAAgB,EAAE,sBAAsB,CAAC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,uHAAuH;IACvH,mBAAmB,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAC;AAE5E,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}

package/dist/elements/Wizard/WizardLayout.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+import type { WizardLayoutProps as BaseWizardLayoutProps } from './Wizard.types';
+/**
+ * 3-column layout helper.
+ *
+ * - `stepper` renders in a <nav> on the left, hidden below lg.
+ * - `children` render in the centre column (intended for Wizard.MobileProgress,
+ *    Wizard.Content, Wizard.Navigation, in that order).
+ * - `preview` renders in an <aside aria-hidden> on the right, hidden below xl.
+ *
+ * Wizard.Layout is opinionated. Consumers who need a different arrangement can
+ * skip it entirely and compose sub-components themselves — the root (<Wizard>)
+ * handles all the a11y plumbing regardless.
+ */
+export interface WizardLayoutProps extends BaseWizardLayoutProps {
+    stepper?: ReactNode;
+}
+export declare const WizardLayout: import("react").ForwardRefExoticComponent<WizardLayoutProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=WizardLayout.d.ts.map

package/dist/elements/Wizard/WizardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/WizardLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUtE,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEjF;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,8GA+CxB,CAAC"}

package/dist/elements/Wizard/WizardMobileProgress.d.ts

@@ -0,0 +1,16 @@
+import type { WizardMobileProgressProps } from './Wizard.types';
+/**
+ * Horizontal dot progress for narrow viewports, with a visible caption below
+ * the dots ("Step N of M · Title"). Hidden on lg+ where `Wizard.Stepper` is the
+ * primary indicator.
+ *
+ * Accessibility:
+ * - `role="progressbar"` on the container.
+ * - `aria-label="Wizard progress"` names the widget.
+ * - `aria-valuetext` carries the "Step N of M: Title" state.
+ * - The visible caption is redundant with `aria-valuetext` — that's intentional
+ *   so sighted users also see the orientation; `aria-valuetext` already speaks
+ *   it, so the caption is marked `aria-hidden` to avoid double-announcement.
+ */
+export declare const WizardMobileProgress: import("react").ForwardRefExoticComponent<WizardMobileProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=WizardMobileProgress.d.ts.map

package/dist/elements/Wizard/WizardMobileProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardMobileProgress.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/WizardMobileProgress.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,sHAuDhC,CAAC"}

package/dist/elements/Wizard/WizardNavigation.d.ts

@@ -0,0 +1,14 @@
+import type { WizardNavigationProps } from './Wizard.types';
+/**
+ * Back / Skip / Next footer.
+ *
+ * Next label resolves from context:
+ * - `labels.start` when currentStepIndex === 0
+ * - `labels.finish` when currentStepIndex === totalSteps - 2 (last content step)
+ * - `labels.next` otherwise
+ *
+ * Omit `showSkip` to hide Skip entirely. Skip is also hidden on the first
+ * and last-content steps by default (where it's semantically meaningless).
+ */
+export declare const WizardNavigation: import("react").ForwardRefExoticComponent<WizardNavigationProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=WizardNavigation.d.ts.map

package/dist/elements/Wizard/WizardNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/WizardNavigation.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAGV,qBAAqB,EACtB,MAAM,gBAAgB,CAAC;AAmBxB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,kHAuH5B,CAAC"}

package/dist/elements/Wizard/WizardStep.d.ts

@@ -0,0 +1,12 @@
+import type { WizardStepProps } from './Wizard.types';
+/**
+ * A single step panel. Rendered only when it's the active step (Wizard.Content
+ * filters). The heading is the focus target after step changes — receives
+ * `tabIndex={-1}` so it can be programmatically focused without landing in
+ * the tab order.
+ *
+ * Each step gets its own `useId` for heading + description, then links them
+ * via `aria-labelledby` / `aria-describedby` on the <section>.
+ */
+export declare const WizardStep: import("react").ForwardRefExoticComponent<WizardStepProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=WizardStep.d.ts.map

package/dist/elements/Wizard/WizardStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/WizardStep.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,yGAmDtB,CAAC"}

package/dist/elements/Wizard/WizardStepper.d.ts

@@ -0,0 +1,12 @@
+import type { WizardStepperProps } from './Wizard.types';
+/**
+ * Vertical stepper. Semantic <ol> + `aria-current="step"` — NOT role="tablist".
+ *
+ * The flex layout lives on an inner <div>, not on the <ol>/<li>, so Safari's
+ * flexbox list-role stripping doesn't kill the list semantics.
+ *
+ * Completed steps are clickable when `allowClickOnCompleted` is true and the
+ * context exposes `onStepChange`. Current and upcoming steps are not clickable.
+ */
+export declare const WizardStepper: import("react").ForwardRefExoticComponent<WizardStepperProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=WizardStepper.d.ts.map

package/dist/elements/Wizard/WizardStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStepper.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/WizardStepper.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,+GAmHzB,CAAC"}

package/dist/elements/Wizard/index.d.ts

@@ -0,0 +1,12 @@
+export { Wizard } from './Wizard';
+export { WizardLayout } from './WizardLayout';
+export { WizardStepper } from './WizardStepper';
+export { WizardContent } from './WizardContent';
+export { WizardStep } from './WizardStep';
+export { WizardNavigation } from './WizardNavigation';
+export { WizardMobileProgress } from './WizardMobileProgress';
+export { useWizardContext, type WizardContextValue } from './WizardContext';
+export { wizardRootVariants, wizardLayoutVariants, wizardLayoutMainVariants, wizardLayoutStepperSlotVariants, wizardLayoutContentSlotVariants, wizardLayoutHelpTextVariants, wizardLayoutPreviewVariants, wizardStepperContainerVariants, wizardStepperSectionLabelVariants, wizardStepperSectionHeadingVariants, wizardStepperListVariants, wizardStepperItemVariants, wizardStepperIndicatorColumnVariants, wizardStepperCircleVariants, wizardStepperConnectorVariants, wizardStepperLabelColumnVariants, wizardStepperLabelVariants, wizardStepperLabelTextVariants, wizardStepperCurrentSubtitleVariants, wizardStepContainerVariants, wizardStepHeaderRowVariants, wizardStepIconVariants, wizardStepHeadingVariants, wizardStepDescriptionVariants, wizardContentCardVariants, wizardNavigationVariants, wizardNavigationLeftVariants, wizardNavigationRightVariants, wizardMobileProgressContainerVariants, wizardMobileProgressDotRowVariants, wizardMobileProgressDotVariants, wizardMobileProgressCaptionVariants, wizardMobileProgressCaptionTitleVariants, wizardLiveRegionVariants, } from './Wizard.styles';
+export { WizardPropsSchema, WizardLayoutPropsSchema, WizardStepperPropsSchema, WizardContentPropsSchema, WizardStepPropsSchema, WizardNavigationPropsSchema, WizardMobileProgressPropsSchema, WizardStepDescriptorSchema, WizardChangeReasonSchema, } from './Wizard.types';
+export type { WizardProps, WizardLayoutProps, WizardStepperProps, WizardContentProps, WizardStepProps, WizardNavigationProps, WizardMobileProgressProps, WizardStepDescriptor, WizardStepChangeEvent, WizardChangeReason, WizardNavigationLabel, WizardNavigationLabels, WizardNavigationLabelContext, WizardAnnounceTemplate, } from './Wizard.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Wizard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Wizard/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG5E,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,+BAA+B,EAC/B,+BAA+B,EAC/B,4BAA4B,EAC5B,2BAA2B,EAC3B,8BAA8B,EAC9B,iCAAiC,EACjC,mCAAmC,EACnC,yBAAyB,EACzB,yBAAyB,EACzB,oCAAoC,EACpC,2BAA2B,EAC3B,8BAA8B,EAC9B,gCAAgC,EAChC,0BAA0B,EAC1B,8BAA8B,EAC9B,oCAAoC,EACpC,2BAA2B,EAC3B,2BAA2B,EAC3B,sBAAsB,EACtB,yBAAyB,EACzB,6BAA6B,EAC7B,yBAAyB,EACzB,wBAAwB,EACxB,4BAA4B,EAC5B,6BAA6B,EAC7B,qCAAqC,EACrC,kCAAkC,EAClC,+BAA+B,EAC/B,mCAAmC,EACnC,wCAAwC,EACxC,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,2BAA2B,EAC3B,+BAA+B,EAC/B,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AAGxB,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,gBAAgB,CAAC"}

package/dist/elements/Wizard/index.js

@@ -0,0 +1,3 @@
+"use client";
+'use strict';var react=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),lucideReact=require('lucide-react'),reactAriaComponents=require('react-aria-components'),zod=require('zod');function z(...s){return tailwindMerge.twMerge(clsx.clsx(s))}var et=react.createContext(null);function W(){let s=react.useContext(et);if(!s)throw new Error("Wizard compound components must be used within <Wizard>");return s}var H=["motion-reduce:transition-none","motion-reduce:animate-none"],rt=["transition-colors","duration-200"];function G(...s){return s.flatMap(t=>Array.isArray(t)?[...t]:[t])}var it=classVarianceAuthority.cva("flex min-h-0 flex-1 flex-col"),ot=classVarianceAuthority.cva("flex min-h-0 flex-1 flex-col lg:flex-row"),nt=classVarianceAuthority.cva("flex min-w-0 flex-1 justify-center gap-8 overflow-y-auto bg-[var(--page-background)] p-6"),st=classVarianceAuthority.cva("hidden w-56 shrink-0 pt-2 lg:block"),dt=classVarianceAuthority.cva("flex w-full max-w-2xl flex-col"),pt=classVarianceAuthority.cva("mt-3 text-center text-xs text-[var(--menu-muted)]"),lt=classVarianceAuthority.cva("hidden w-80 shrink-0 border-l border-[var(--border)] bg-[var(--accent-background)] p-6 xl:block"),ct=classVarianceAuthority.cva("flex flex-col gap-2"),ut=classVarianceAuthority.cva("text-xs font-semibold uppercase tracking-wide text-[var(--primary)]"),mt=classVarianceAuthority.cva("text-sm font-bold text-[var(--content-foreground)]"),ft=classVarianceAuthority.cva("mt-6 flex flex-col"),xt=classVarianceAuthority.cva("flex items-start"),gt=classVarianceAuthority.cva("flex w-11 shrink-0 flex-col items-center"),vt=classVarianceAuthority.cva(G("flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-sm font-semibold",rt,H),{variants:{state:{completed:"bg-[var(--primary)] text-[var(--primary-foreground)]",current:"border-2 border-[var(--primary)] bg-[var(--content-background)] text-[var(--primary)]",upcoming:"border border-[var(--border)] bg-[var(--content-background)] text-[var(--menu-muted)]"}},defaultVariants:{state:"upcoming"}}),zt=classVarianceAuthority.cva(G("my-0.5 h-5 w-0.5",rt,H),{variants:{completed:{true:"bg-[var(--primary)]",false:"bg-[var(--border)]"}},defaultVariants:{completed:false}}),bt=classVarianceAuthority.cva("flex min-h-11 items-center pl-3"),St=classVarianceAuthority.cva("flex flex-col justify-center"),ht=classVarianceAuthority.cva("text-sm",{variants:{state:{completed:"font-medium text-[var(--content-foreground)]",current:"font-semibold text-[var(--content-foreground)]",upcoming:"text-[var(--menu-muted)]"}},defaultVariants:{state:"upcoming"}}),wt=classVarianceAuthority.cva("text-xs text-[var(--primary)]"),Nt=classVarianceAuthority.cva("flex flex-col gap-6"),Wt=classVarianceAuthority.cva("flex items-start gap-4"),Vt=classVarianceAuthority.cva("flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-[var(--accent-background)] text-[var(--primary)]"),yt=classVarianceAuthority.cva("text-lg font-bold text-[var(--content-foreground)] focus:outline-none"),Ct=classVarianceAuthority.cva("mt-1 text-sm text-[var(--menu-muted)]"),Lt=classVarianceAuthority.cva("rounded-lg border border-[var(--border)] bg-[var(--content-background)] p-6 text-[var(--content-foreground)]"),Et=classVarianceAuthority.cva("mt-4 flex items-center justify-between border-t border-[var(--border)] pt-4"),Rt=classVarianceAuthority.cva(""),Pt=classVarianceAuthority.cva("flex items-center gap-3"),Tt=classVarianceAuthority.cva("flex flex-col items-center gap-1.5 py-3 lg:hidden"),It=classVarianceAuthority.cva("flex items-center justify-center gap-2"),_t=classVarianceAuthority.cva(G("h-2 rounded-full transition-all duration-200",H),{variants:{state:{completed:"w-2 bg-[var(--primary)] opacity-60",current:"w-8 bg-[var(--primary)]",upcoming:"w-2 bg-[var(--border)]"}},defaultVariants:{state:"upcoming"}}),At=classVarianceAuthority.cva("text-xs font-medium text-[var(--menu-muted)]"),kt=classVarianceAuthority.cva("text-[var(--content-foreground)]"),$=classVarianceAuthority.cva("sr-only");var U=react.forwardRef(function({children:t,stepper:m,preview:d,helpText:l,className:x,"data-testid":r="wizard-layout"},i){return jsxRuntime.jsxs("div",{ref:i,className:z(ot(),x),"data-testid":r,children:[jsxRuntime.jsxs("div",{className:nt(),children:[m?jsxRuntime.jsx("nav",{className:st(),"aria-label":"Wizard steps","data-testid":`${r}-stepper-slot`,children:m}):null,jsxRuntime.jsxs("div",{className:dt(),children:[t,l?jsxRuntime.jsx("p",{className:pt(),children:l}):null]})]}),d?jsxRuntime.jsx("aside",{className:lt(),"aria-hidden":"true","data-testid":`${r}-preview`,children:d}):null]})});U.displayName="Wizard.Layout";var qt=classVarianceAuthority.cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),Xt=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background motion-safe:transition-transform motion-safe:duration-200 motion-safe:[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)] motion-reduce:transition-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] hover:-translate-y-1",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background-hover,var(--destructive-background))] motion-safe:hover:btn-warn-shake",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary-hover,var(--secondary))]",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)]",link:"text-[var(--text-link)] underline underline-offset-4 hover:bg-[var(--accent)] hover:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var Ot="data-[pressed]:scale-[0.97]";var Bt="data-[hovered]:shadow-md";var F="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",Y="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var te=react.createContext(null);te.displayName="ButtonGroupContext";function ee(){return react.useContext(te)}var ae=react.createContext(null);ae.displayName="ButtonGroupItemContext";function re(){return react.useContext(ae)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var ie=classVarianceAuthority.cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var I=react.memo(react.forwardRef(({className:s,buttonVisualClassName:t,variant:m,size:d,visualSize:l,fullWidth:x,loading:r=false,loadingText:i="Loading...",shortcut:b,children:n,isDisabled:g,paywall:p=false,paywallRedirect:c,paywallDescription:o,onPress:u,...f},v)=>{let h=react.useId(),S=ee(),V=re(),R=m??S?.variant??"default",C=d??S?.size,A=g??S?.isDisabled??false,P=S?.orientation==="vertical",T=x||P,k=V?ie({orientation:S?.orientation??"horizontal",position:V.position}):"",L=l??C??"default";return process.env.NODE_ENV!=="production"&&(L==="dot"||L==="icon")&&!f["aria-label"]&&!n&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:v,isDisabled:A||r||void 0,"aria-disabled":p?true:void 0,"aria-describedby":p?h:void 0,onPress:B=>{if(p){c&&window.open(c,"_blank","noopener,noreferrer");return}u?.(B);},className:z(qt({fullWidth:T,inVerticalGroup:P}),s),...f,children:B=>jsxRuntime.jsxs("span",{className:z(Xt({variant:R,visualSize:L,paywall:p,fullWidth:T}),k,t,Ot,Bt,F,Y),"data-pressed":B.isPressed||void 0,children:[r&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:i})]}),!r&&n,p&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),p&&jsxRuntime.jsxs("span",{id:h,className:"sr-only",children:["Premium feature: ",o||"Upgrade required to access this feature"]}),B.isFocusVisible&&b&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:b})]})})}));I.displayName="Button";var j=react.forwardRef(function({sectionLabel:t,sectionNumber:m,totalSections:d,allowClickOnCompleted:l=true,className:x,"aria-label":r,"data-testid":i="wizard-stepper"},b){let{currentStepIndex:n,steps:g,onStepChange:p,isLoading:c}=W();return jsxRuntime.jsxs("div",{ref:b,className:z(ct(),x),"aria-label":r,"data-testid":i,children:[t&&m!==void 0&&d!==void 0?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("p",{className:ut(),children:["Section ",m," of ",d]}),jsxRuntime.jsx("h2",{className:mt(),children:t})]}):null,jsxRuntime.jsx("ol",{className:ft(),children:g.map((o,u)=>{let f=u<n,v=u===n,h=f?"completed":v?"current":"upcoming",S=f&&l&&!c,V=u===g.length-1,R=vt({state:h}),C=jsxRuntime.jsx("span",{className:R,"aria-hidden":"true",children:f?jsxRuntime.jsx(lucideReact.Check,{className:"h-4 w-4"}):jsxRuntime.jsx("span",{children:u+1})});return jsxRuntime.jsx("li",{"data-testid":`${i}-item-${o.id}`,"aria-current":v?"step":void 0,children:jsxRuntime.jsxs("div",{className:xt(),children:[jsxRuntime.jsxs("div",{className:gt(),children:[S?jsxRuntime.jsx(I,{variant:"ghost",visualSize:"icon",buttonVisualClassName:"rounded-full","aria-label":`Go back to ${o.label}`,onPress:()=>p({index:u,id:o.id,label:o.label,reason:"jump"}),"data-testid":`${i}-button-${o.id}`,children:C}):jsxRuntime.jsx("span",{className:"flex h-11 w-11 items-center justify-center",children:C}),V?null:jsxRuntime.jsx("span",{className:zt({completed:f}),"aria-hidden":"true"})]}),jsxRuntime.jsxs("div",{className:bt(),children:[jsxRuntime.jsxs("span",{className:St(),children:[jsxRuntime.jsx("span",{className:ht({state:h}),children:o.label}),v?jsxRuntime.jsx("span",{className:wt(),children:"Current step"}):null]}),v?null:jsxRuntime.jsx("span",{className:"sr-only",children:f?"(completed)":"(upcoming)"})]})]})},o.id)})})]})});j.displayName="Wizard.Stepper";function Ee(s){if(!react.isValidElement(s))return  false;let t=s.type;return typeof t=="string"?false:t?.displayName==="Wizard.Step"}var Z=react.forwardRef(function({children:t,className:m,"data-testid":d="wizard-content"},l){let{currentStepId:x,steps:r}=W(),i=react.Children.toArray(t).filter(Ee);if(process.env.NODE_ENV!=="production"){let n=i.map(o=>o.props.id),g=r.map(o=>o.id),p=g.filter(o=>!n.includes(o)),c=n.filter(o=>!g.includes(o));(p.length>0||c.length>0)&&console.warn("[Wizard] Wizard.Step children do not match `steps` descriptors. "+(p.length?`Missing steps: ${p.join(", ")}. `:"")+(c.length?`Unknown step ids: ${c.join(", ")}.`:""));}let b=i.find(n=>n.props.id===x)??null;return jsxRuntime.jsx("div",{ref:l,className:z(Lt(),m),"data-testid":d,children:b})});Z.displayName="Wizard.Content";var X=react.forwardRef(function({id:t,icon:m,children:d,className:l,"data-testid":x},r){let{steps:i,currentStepIndex:b,registerStepHeading:n}=W(),g=i.find(v=>v.id===t),p=g?.label??t,c=g?.description,o=react.useId(),u=react.useId(),f=x??`wizard-step-${t}`;return jsxRuntime.jsxs("section",{ref:r,className:z(Nt(),l),"aria-labelledby":o,"aria-describedby":c?u:void 0,"data-testid":f,"data-wizard-step-id":t,"data-wizard-step-index":b,children:[jsxRuntime.jsxs("div",{className:Wt(),children:[m?jsxRuntime.jsx("span",{className:Vt(),"aria-hidden":"true",children:m}):null,jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("h3",{id:o,ref:n,tabIndex:-1,className:yt(),children:p}),c?jsxRuntime.jsx("p",{id:u,className:Ct(),children:c}):null]})]}),jsxRuntime.jsx("div",{children:d})]})});X.displayName="Wizard.Step";var D={back:"Back",skip:"Skip for now",next:"Next",start:"Next",finish:"Finish"};function O(s,t){return typeof s=="function"?s(t):s}var J=react.forwardRef(function({labels:t,showSkip:m=false,onBack:d,onNext:l,onSkip:x,className:r,"data-testid":i="wizard-navigation"},b){let{currentStepIndex:n,currentStepId:g,totalSteps:p,steps:c,isLoading:o,onStepChange:u}=W(),f={index:n,total:p,id:g},v={back:O(t?.back??D.back,f),skip:O(t?.skip??D.skip,f),next:O(t?.next??D.next,f),start:O(t?.start??t?.next??D.start,f),finish:O(t?.finish??D.finish,f)},h=n===0,S=n===p-1,V=n===p-2,R=!h&&!S,C=!S,A=m&&!h&&!S&&!V,P=h?v.start:V?v.finish:v.next,T=()=>{let w=Math.max(0,n-1);u({index:w,id:c[w]?.id??"",label:c[w]?.label??"",reason:"back"}),d?.();},k=()=>{let w=Math.min(p-1,n+1);u({index:w,id:c[w]?.id??"",label:c[w]?.label??"",reason:"next"}),l?.();},L=()=>{let w=Math.min(p-1,n+1);u({index:w,id:c[w]?.id??"",label:c[w]?.label??"",reason:"skip"}),x?.();};return jsxRuntime.jsxs("div",{ref:b,className:z(Et(),r),"data-testid":i,children:[jsxRuntime.jsx("div",{className:Rt(),children:R?jsxRuntime.jsxs(I,{variant:"secondary",onPress:T,isDisabled:o,"data-testid":`${i}-back`,children:[jsxRuntime.jsx(lucideReact.ArrowLeft,{className:"mr-1 h-4 w-4 rtl:rotate-180","aria-hidden":"true"}),v.back]}):null}),jsxRuntime.jsxs("div",{className:Pt(),children:[A?jsxRuntime.jsx(I,{variant:"ghost",onPress:L,isDisabled:o,"data-testid":`${i}-skip`,children:v.skip}):null,C?jsxRuntime.jsxs(I,{variant:"default",onPress:k,isDisabled:o,loading:o,"data-testid":`${i}-next`,children:[P,V?null:jsxRuntime.jsx(lucideReact.ArrowRight,{className:"ml-1 h-4 w-4 rtl:rotate-180","aria-hidden":"true"})]}):null]})]})});J.displayName="Wizard.Navigation";var tt=react.forwardRef(function({className:t,"data-testid":m="wizard-mobile-progress"},d){let{currentStepIndex:l,steps:x,totalSteps:r}=W(),i=x[l]?.label,b=i?`Step ${l+1} of ${r}: ${i}`:`Step ${l+1} of ${r}`;return jsxRuntime.jsxs("div",{ref:d,className:z(Tt(),t),role:"progressbar","aria-label":"Wizard progress","aria-valuemin":1,"aria-valuemax":r,"aria-valuenow":l+1,"aria-valuetext":b,"data-testid":m,children:[jsxRuntime.jsx("div",{className:It(),children:x.map((n,g)=>{let p=g<l?"completed":g===l?"current":"upcoming";return jsxRuntime.jsx("span",{className:_t({state:p}),"aria-hidden":"true","data-testid":`${m}-dot-${n.id}`},n.id)})}),i?jsxRuntime.jsxs("p",{className:At(),"aria-hidden":"true","data-testid":`${m}-caption`,children:["Step ",l+1," of ",r," \xB7 ",jsxRuntime.jsx("span",{className:kt(),children:i})]}):null]})});tt.displayName="Wizard.MobileProgress";var Oe=(s,t)=>`Step ${s} of ${t}`,pe=react.forwardRef(function({children:t,currentStep:m,steps:d,onStepChange:l,isLoading:x=false,errors:r,announceTemplate:i=Oe,className:b,id:n,"aria-label":g,"aria-labelledby":p,"data-testid":c="wizard"},o){let u=Math.min(Math.max(m,0),Math.max(d.length-1,0)),f=d[u],v=f?.id??"",h=f?.label??"",[S,V]=react.useState("");react.useEffect(()=>{d.length!==0&&V(i(u+1,d.length,h));},[u,d.length,h,i]);let[R,C]=react.useState("");react.useEffect(()=>{if(!r||r.length===0){C("");return}C(r.join(". "));},[r]);let A=react.useRef(null),P=react.useRef(true),T=react.useCallback(L=>{A.current=L;},[]);react.useEffect(()=>{if(P.current){P.current=false;return}let L=requestAnimationFrame(()=>{A.current?.focus();});return ()=>cancelAnimationFrame(L)},[u]);let k=react.useMemo(()=>({currentStepIndex:u,currentStepId:v,steps:d,totalSteps:d.length,isLoading:x,errors:r??[],announceTemplate:i,onStepChange:l,registerStepHeading:T}),[u,v,d,x,r,i,l,T]);return jsxRuntime.jsx(et.Provider,{value:k,children:jsxRuntime.jsxs("div",{ref:o,id:n,className:z(it(),b),"aria-label":g,"aria-labelledby":p,"data-testid":c,"data-wizard-step":u,children:[t,jsxRuntime.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:$(),"data-testid":`${c}-live-polite`,children:S}),jsxRuntime.jsx("div",{role:"alert","aria-live":"assertive","aria-atomic":"true",className:$(),"data-testid":`${c}-live-assertive`,children:R})]})})});pe.displayName="Wizard";var Be=Object.assign(pe,{Layout:U,Stepper:j,Content:Z,Step:X,Navigation:J,MobileProgress:tt});var E=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var Ge=zod.z.enum(["next","back","skip","jump"]),le=zod.z.object({id:zod.z.string().min(1),label:zod.z.string().min(1),description:zod.z.string().optional()}),$e=E.extend({children:zod.z.custom(),currentStep:zod.z.number().int().min(0),steps:zod.z.array(le).min(1),onStepChange:zod.z.custom(),isLoading:zod.z.boolean().optional().default(false),errors:zod.z.array(zod.z.string()).optional(),announceTemplate:zod.z.custom().optional()}),Ue=E.extend({children:zod.z.custom(),preview:zod.z.custom().optional(),helpText:zod.z.string().optional()}),Fe=E.extend({sectionLabel:zod.z.string().optional(),sectionNumber:zod.z.number().int().min(1).optional(),totalSections:zod.z.number().int().min(1).optional(),allowClickOnCompleted:zod.z.boolean().optional().default(true)}),Ye=E.extend({id:zod.z.string().min(1),children:zod.z.custom(),icon:zod.z.custom().optional()}),je=E.extend({children:zod.z.custom()}),Ze=E.extend({labels:zod.z.custom().optional(),showSkip:zod.z.boolean().optional().default(false),onBack:zod.z.custom().optional(),onNext:zod.z.custom().optional(),onSkip:zod.z.custom().optional()}),qe=E.extend({});exports.Wizard=Be;exports.WizardChangeReasonSchema=Ge;exports.WizardContent=Z;exports.WizardContentPropsSchema=je;exports.WizardLayout=U;exports.WizardLayoutPropsSchema=Ue;exports.WizardMobileProgress=tt;exports.WizardMobileProgressPropsSchema=qe;exports.WizardNavigation=J;exports.WizardNavigationPropsSchema=Ze;exports.WizardPropsSchema=$e;exports.WizardStep=X;exports.WizardStepDescriptorSchema=le;exports.WizardStepPropsSchema=Ye;exports.WizardStepper=j;exports.WizardStepperPropsSchema=Fe;exports.useWizardContext=W;exports.wizardContentCardVariants=Lt;exports.wizardLayoutContentSlotVariants=dt;exports.wizardLayoutHelpTextVariants=pt;exports.wizardLayoutMainVariants=nt;exports.wizardLayoutPreviewVariants=lt;exports.wizardLayoutStepperSlotVariants=st;exports.wizardLayoutVariants=ot;exports.wizardLiveRegionVariants=$;exports.wizardMobileProgressCaptionTitleVariants=kt;exports.wizardMobileProgressCaptionVariants=At;exports.wizardMobileProgressContainerVariants=Tt;exports.wizardMobileProgressDotRowVariants=It;exports.wizardMobileProgressDotVariants=_t;exports.wizardNavigationLeftVariants=Rt;exports.wizardNavigationRightVariants=Pt;exports.wizardNavigationVariants=Et;exports.wizardRootVariants=it;exports.wizardStepContainerVariants=Nt;exports.wizardStepDescriptionVariants=Ct;exports.wizardStepHeaderRowVariants=Wt;exports.wizardStepHeadingVariants=yt;exports.wizardStepIconVariants=Vt;exports.wizardStepperCircleVariants=vt;exports.wizardStepperConnectorVariants=zt;exports.wizardStepperContainerVariants=ct;exports.wizardStepperCurrentSubtitleVariants=wt;exports.wizardStepperIndicatorColumnVariants=gt;exports.wizardStepperItemVariants=xt;exports.wizardStepperLabelColumnVariants=bt;exports.wizardStepperLabelTextVariants=ht;exports.wizardStepperLabelVariants=St;exports.wizardStepperListVariants=ft;exports.wizardStepperSectionHeadingVariants=mt;exports.wizardStepperSectionLabelVariants=ut;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map