react-wizard-engine 0.1.3 → 0.1.4

package/dist/index.js

@@ -1,4 +1,15 @@
 "use client";
+import {
+  WizardComponentsProvider,
+  WizardEngineContext,
+  WizardError,
+  WizardInitializationError,
+  WizardNavigationError,
+  WizardResolverError,
+  cn,
+  useWizard,
+  useWizardComponents
+} from "./chunk-5ZSA2PNS.js";
 
 // src/enums/wizard-event-type.enum.ts
 var WizardEventType = /* @__PURE__ */ ((WizardEventType2) => {
@@ -210,24 +221,6 @@ var wizardDefaultState = {
 };
 var wizardDefaultBranch = "main";
 
-// src/core/errors/wizard.error.ts
-var WizardError = class extends Error {
-  name = "WizardError";
-  constructor(message) {
-    super(message);
-    Object.setPrototypeOf(this, new.target.prototype);
-  }
-};
-var WizardInitializationError = class extends WizardError {
-  name = "WizardInitializationError";
-};
-var WizardNavigationError = class extends WizardError {
-  name = "WizardNavigationError";
-};
-var WizardResolverError = class extends WizardError {
-  name = "WizardResolverError";
-};
-
 // src/core/rules/wizard-rule.ts
 var WizardRule = class {
 };
@@ -1693,61 +1686,22 @@ var WizardCategoryDirection = /* @__PURE__ */ ((WizardCategoryDirection2) => {
   return WizardCategoryDirection2;
 })(WizardCategoryDirection || {});
 
-// src/react/components-provider.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var FallbackButton = (props) => {
-  const { children, asChild: _asChild, variant: _variant, size: _size, ...rest } = props;
-  return /* @__PURE__ */ jsx("button", { ...rest, type: props.type ?? "button", children });
-};
-var FallbackBackArrowIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 4 L6 8 L10 12", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }) });
-var defaults = { Button: FallbackButton, BackArrowIcon: FallbackBackArrowIcon };
-var WizardComponentsContext = createContext(defaults);
-function WizardComponentsProvider(props) {
-  const { Button, BackArrowIcon, children } = props;
-  const value = {
-    Button: Button ?? defaults.Button,
-    BackArrowIcon: BackArrowIcon ?? defaults.BackArrowIcon
-  };
-  return /* @__PURE__ */ jsx(WizardComponentsContext.Provider, { value, children });
-}
-function useWizardComponents() {
-  return useContext(WizardComponentsContext);
-}
-
-// src/react/use-wizard.ts
-import { useContext as useContext2, useSyncExternalStore } from "react";
-
-// src/react/context.ts
-import { createContext as createContext2 } from "react";
-var WizardEngineContext = createContext2(null);
-
-// src/react/use-wizard.ts
-function useWizard() {
-  const engine = useContext2(WizardEngineContext);
-  if (!engine) {
-    throw new WizardError("useWizard must be used inside <WizardProvider>");
-  }
-  useSyncExternalStore(engine.subscribe, engine.getTreeSnapshot, engine.getTreeSnapshot);
-  return engine;
-}
-
 // src/react/components/wizard-action-button.tsx
 import { Slot } from "@radix-ui/react-slot";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 function WizardActionButton(props) {
   const { Button } = useWizardComponents();
   if (props.asChild) {
-    return /* @__PURE__ */ jsx2(Slot, { className: props.className, onClick: props.onClick, children: props.children });
+    return /* @__PURE__ */ jsx(Slot, { className: props.className, onClick: props.onClick, children: props.children });
   }
-  return /* @__PURE__ */ jsx2(Button, { className: props.className, onClick: props.onClick, type: "button", variant: props.variant, children: props.children ?? props.defaultLabel });
+  return /* @__PURE__ */ jsx(Button, { className: props.className, onClick: props.onClick, type: "button", variant: props.variant, children: props.children ?? props.defaultLabel });
 }
 
 // src/react/components/wizard-back.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function WizardBack(props) {
   const wizard = useWizard();
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     WizardActionButton,
     {
       asChild: props.asChild,
@@ -1761,28 +1715,21 @@ function WizardBack(props) {
 }
 
 // src/react/components/wizard-category.tsx
-import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
 function WizardCategory(props) {
   const wizard = useWizard();
   if (wizard.tree.activeCategory.id !== props.categoryId) return null;
-  return /* @__PURE__ */ jsx4(Fragment, { children: props.children });
-}
-
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(...inputs));
+  return /* @__PURE__ */ jsx3(Fragment, { children: props.children });
 }
 
 // src/react/components/wizard-stepper-dot.tsx
 import { CheckIcon } from "lucide-react";
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 function WizardStepperDot(props) {
   const { clickable = false, isLast = false, label, onClick, progress, state } = props;
   const isInteractive = clickable && !!onClick;
   return /* @__PURE__ */ jsxs("li", { className: "relative flex flex-1 items-center", "data-state": state, children: [
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       "button",
       {
         "aria-current": state === "active" ? "step" : void 0,
@@ -1799,17 +1746,17 @@ function WizardStepperDot(props) {
         disabled: !isInteractive,
         onClick: isInteractive ? onClick : void 0,
         type: "button",
-        children: state === "completed" && /* @__PURE__ */ jsx5(CheckIcon, { className: "size-2 text-background" })
+        children: state === "completed" && /* @__PURE__ */ jsx4(CheckIcon, { className: "size-2 text-background" })
       }
     ),
-    !isLast && /* @__PURE__ */ jsx5("span", { "aria-hidden": true, className: "relative ml-1 mr-1 h-px flex-1 bg-border", children: /* @__PURE__ */ jsx5(
+    !isLast && /* @__PURE__ */ jsx4("span", { "aria-hidden": true, className: "relative ml-1 mr-1 h-px flex-1 bg-border", children: /* @__PURE__ */ jsx4(
       "span",
       {
         className: "absolute inset-y-0 left-0 bg-success-border transition-[width]",
         style: { width: `${Math.max(0, Math.min(100, progress))}%` }
       }
     ) }),
-    label && /* @__PURE__ */ jsx5(
+    label && /* @__PURE__ */ jsx4(
       "span",
       {
         className: cn(
@@ -1824,7 +1771,7 @@ function WizardStepperDot(props) {
 }
 
 // src/react/components/wizard-stepper.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function WizardStepper(props) {
   const { canAccessCategory, categories, doneDot, headerI18n, onCategoryClick, progress } = props;
   const lastIdx = categories.length - 1;
@@ -1832,7 +1779,7 @@ function WizardStepper(props) {
     categories.map((category, idx) => {
       const isLast = idx === lastIdx && !doneDot;
       const clickable = canAccessCategory?.(category) ?? false;
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx5(
         WizardStepperDot,
         {
           clickable,
@@ -1845,7 +1792,7 @@ function WizardStepper(props) {
         category.id
       );
     }),
-    doneDot && /* @__PURE__ */ jsx6(WizardStepperDot, { isLast: true, label: doneDot.text, progress: 0, state: "pending" })
+    doneDot && /* @__PURE__ */ jsx5(WizardStepperDot, { isLast: true, label: doneDot.text, progress: 0, state: "pending" })
   ] });
 }
 function getDotState(category, progress) {
@@ -1856,7 +1803,7 @@ function getDotState(category, progress) {
 }
 
 // src/react/components/wizard-header.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function WizardHeader() {
   const wizard = useWizard();
   const tree = wizard.tree;
@@ -1894,8 +1841,8 @@ function WizardHeader() {
         config.stickyHeader && "sticky top-0 z-10"
       ),
       children: [
-        /* @__PURE__ */ jsx7(WizardBack, {}),
-        showSteps && /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(WizardBack, {}),
+        showSteps && /* @__PURE__ */ jsx6(
           WizardStepper,
           {
             canAccessCategory,
@@ -1912,11 +1859,11 @@ function WizardHeader() {
 }
 
 // src/react/components/wizard-next.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function WizardNext(props) {
   const wizard = useWizard();
   const defaultLabel = !props.asChild && props.children === void 0 ? getNextLabel(wizard) : "";
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     WizardActionButton,
     {
       asChild: props.asChild,
@@ -1965,20 +1912,20 @@ function projectCategory(category) {
 }
 
 // src/react/components/wizard-rail.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function WizardRail(props) {
   const { canAccessCategory, className, headerI18n, subStepLabels } = props;
   const wizard = useWizard();
   const view = useWizardCategoriesView();
   const labels = headerI18n ?? wizard.configOptions.headerI18n;
   const isClickable = (category) => canAccessCategory?.(category) ?? defaultClickable(category.state);
-  return /* @__PURE__ */ jsx9("nav", { "aria-label": "Wizard steps", className: cn("flex flex-col gap-1", className), children: /* @__PURE__ */ jsx9("ol", { className: "relative flex flex-col gap-1", children: view.map((category, idx) => {
+  return /* @__PURE__ */ jsx8("nav", { "aria-label": "Wizard steps", className: cn("flex flex-col gap-1", className), children: /* @__PURE__ */ jsx8("ol", { className: "relative flex flex-col gap-1", children: view.map((category, idx) => {
     const label = labels?.[category.id] ?? String(category.id);
     const clickable = isClickable(category);
     const isLast = idx === view.length - 1;
     const isPassed = category.state === "completed" || category.state === "skipped";
     return /* @__PURE__ */ jsxs4("li", { className: "relative", children: [
-      !isLast && /* @__PURE__ */ jsx9(
+      !isLast && /* @__PURE__ */ jsx8(
         "span",
         {
           "aria-hidden": true,
@@ -2007,12 +1954,12 @@ function WizardRail(props) {
           },
           type: "button",
           children: [
-            /* @__PURE__ */ jsx9(RailDot, { state: category.state }),
-            /* @__PURE__ */ jsx9("span", { children: label })
+            /* @__PURE__ */ jsx8(RailDot, { state: category.state }),
+            /* @__PURE__ */ jsx8("span", { children: label })
           ]
         }
       ),
-      category.isActive && category.subSteps.length > 0 && /* @__PURE__ */ jsx9("ol", { className: "mt-1 ml-7 flex flex-col gap-1 border-l border-border pl-3", children: category.subSteps.map((step) => /* @__PURE__ */ jsx9(
+      category.isActive && category.subSteps.length > 0 && /* @__PURE__ */ jsx8("ol", { className: "mt-1 ml-7 flex flex-col gap-1 border-l border-border pl-3", children: category.subSteps.map((step) => /* @__PURE__ */ jsx8(
         "li",
         {
           "aria-current": step.isActive ? "step" : void 0,
@@ -2031,7 +1978,7 @@ function defaultClickable(state) {
   return state !== "pending";
 }
 function RailDot({ state }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "span",
     {
       "aria-hidden": true,
@@ -2042,23 +1989,23 @@ function RailDot({ state }) {
         state === "completed" && "border-success-border bg-success-text",
         state === "skipped" && "border-border bg-background opacity-60"
       ),
-      children: state === "completed" && /* @__PURE__ */ jsx9(CheckIcon2, { className: "size-2.5 text-background motion-safe:animate-in motion-safe:fade-in motion-safe:zoom-in-75 motion-safe:duration-200" })
+      children: state === "completed" && /* @__PURE__ */ jsx8(CheckIcon2, { className: "size-2.5 text-background motion-safe:animate-in motion-safe:fade-in motion-safe:zoom-in-75 motion-safe:duration-200" })
     }
   );
 }
 
 // src/react/components/wizard-step.tsx
-import { useCallback, useContext as useContext3, useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { useCallback, useContext, useSyncExternalStore } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function WizardStep(props) {
-  const engine = useContext3(WizardEngineContext);
+  const engine = useContext(WizardEngineContext);
   if (!engine) {
     throw new WizardError("WizardStep must be used inside <WizardProvider>");
   }
   const getSnapshot = useCallback(() => engine.isStepVisible(props.id), [engine, props.id]);
-  const isVisible = useSyncExternalStore2(engine.subscribe, getSnapshot, getSnapshot);
+  const isVisible = useSyncExternalStore(engine.subscribe, getSnapshot, getSnapshot);
   if (!isVisible) return null;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       className: "motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-1 motion-safe:duration-300 motion-safe:ease-(--ease-out-strong)",
@@ -2070,7 +2017,7 @@ function WizardStep(props) {
 
 // src/react/provider.tsx
 import { useEffect, useState } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function WizardProvider(props) {
   const { activeBranch, children, config, initializers, listeners, scrollContainer, state, strategies } = props;
   const [bootOptions] = useState(() => ({
@@ -2098,7 +2045,7 @@ function WizardProvider(props) {
   if (!engine) {
     return null;
   }
-  return /* @__PURE__ */ jsx11(WizardEngineContext.Provider, { value: engine, children });
+  return /* @__PURE__ */ jsx10(WizardEngineContext.Provider, { value: engine, children });
 }
 
 // src/react/use-wizard-engine-ref.ts
@@ -2120,9 +2067,9 @@ function WizardEngineRefCapture({
 }
 
 // src/react/use-wizard-event.ts
-import { useContext as useContext4, useEffect as useEffect3, useRef as useRef2 } from "react";
+import { useContext as useContext2, useEffect as useEffect3, useRef as useRef2 } from "react";
 function useWizardEvent(type, handler) {
-  const engine = useContext4(WizardEngineContext);
+  const engine = useContext2(WizardEngineContext);
   if (!engine) {
     throw new WizardError("useWizardEvent must be used inside <WizardProvider>");
   }
@@ -2136,9 +2083,9 @@ function useWizardEvent(type, handler) {
 }
 
 // src/react/use-wizard-step.ts
-import { useCallback as useCallback2, useContext as useContext5, useRef as useRef3, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useCallback as useCallback2, useContext as useContext3, useRef as useRef3, useSyncExternalStore as useSyncExternalStore2 } from "react";
 function useWizardStep(stepId) {
-  const engine = useContext5(WizardEngineContext);
+  const engine = useContext3(WizardEngineContext);
   if (!engine) {
     throw new WizardError("useWizardStep must be used inside <WizardProvider>");
   }
@@ -2153,7 +2100,7 @@ function useWizardStep(stepId) {
     lastRef.current = next;
     return next;
   }, [engine, stepId]);
-  return useSyncExternalStore3(engine.subscribe, getSnapshot, getSnapshot);
+  return useSyncExternalStore2(engine.subscribe, getSnapshot, getSnapshot);
 }
 export {
   TypedEmitter,