@eifi1/ui-kit 0.4.0

package/dist/wizard/use-wizard.js

@@ -0,0 +1,222 @@
+import { useCallback, useEffect, useReducer, useRef, useState } from "react";
+import { useSearchParams } from "react-router";
+function createReducer(stepCount) {
+  return function reducer(state, action) {
+    switch (action.type) {
+      case "GO_NEXT": {
+        const completed = new Set(state.completedSteps);
+        completed.add(state.currentStepIndex);
+        const nextIndex = Math.min(state.currentStepIndex + 1, stepCount - 1);
+        return { ...state, currentStepIndex: nextIndex, completedSteps: completed, fieldErrors: {} };
+      }
+      case "GO_BACK": {
+        const prevIndex = Math.max(state.currentStepIndex - 1, 0);
+        return { ...state, currentStepIndex: prevIndex, fieldErrors: {} };
+      }
+      case "GO_TO_STEP": {
+        if (action.index < 0 || action.index >= stepCount) return state;
+        if (!state.completedSteps.has(action.index) && action.index > state.currentStepIndex) {
+          return state;
+        }
+        return { ...state, currentStepIndex: action.index };
+      }
+      case "SKIP": {
+        const skipped = new Set(state.skippedSteps);
+        skipped.add(state.currentStepIndex);
+        const nextIndex = Math.min(state.currentStepIndex + 1, stepCount - 1);
+        return { ...state, currentStepIndex: nextIndex, skippedSteps: skipped };
+      }
+      case "UPDATE_DATA": {
+        const nextErrors = { ...state.fieldErrors };
+        for (const key of Object.keys(action.partial)) {
+          delete nextErrors[key];
+        }
+        return { ...state, data: { ...state.data, ...action.partial }, fieldErrors: nextErrors };
+      }
+      case "SET_SUBMITTING":
+        return { ...state, isSubmitting: action.value };
+      case "SET_ERROR":
+        return { ...state, error: action.error };
+      case "SET_FIELD_ERRORS":
+        return { ...state, fieldErrors: action.errors };
+      case "SHOW_CANCEL_DIALOG":
+        return { ...state, showCancelDialog: action.show };
+      default:
+        return state;
+    }
+  };
+}
+function useWizard(options) {
+  const { steps, initialData, onComplete, onCancel, missingRequiredMessage, onValidationFailed } = options;
+  const stepsRef = useRef(steps);
+  stepsRef.current = steps;
+  const validatorsRef = useRef(
+    /* @__PURE__ */ new Map()
+  );
+  const registerStepValidate = useCallback(
+    (fn) => {
+      const token = /* @__PURE__ */ Symbol();
+      validatorsRef.current.set(token, fn);
+      return () => {
+        validatorsRef.current.delete(token);
+      };
+    },
+    []
+  );
+  const [, setUrlParams] = useSearchParams();
+  const initialStep = 0;
+  const reducer = createReducer(steps.length);
+  const [state, dispatch] = useReducer(reducer, {
+    currentStepIndex: initialStep,
+    completedSteps: /* @__PURE__ */ new Set(),
+    skippedSteps: /* @__PURE__ */ new Set(),
+    data: initialData ?? {},
+    isSubmitting: false,
+    error: null,
+    fieldErrors: {},
+    showCancelDialog: false
+  });
+  const [nextBlocked, setNextBlockedState] = useState(false);
+  const setNextBlocked = useCallback(
+    (blocked) => setNextBlockedState(blocked),
+    []
+  );
+  useEffect(() => {
+    setUrlParams((prev) => {
+      prev.set("step", String(state.currentStepIndex));
+      return prev;
+    }, { replace: true });
+  }, [state.currentStepIndex, setUrlParams]);
+  const currentStep = stepsRef.current[state.currentStepIndex];
+  const isFirstStep = state.currentStepIndex === 0;
+  const isLastStep = state.currentStepIndex === stepsRef.current.length - 1;
+  const canFinish = stepsRef.current.every(
+    (_, index) => index === stepsRef.current.length - 1 || state.completedSteps.has(index) || state.skippedSteps.has(index)
+  );
+  const runStepValidators = useCallback(async () => {
+    const step = stepsRef.current[state.currentStepIndex];
+    const validators = [...validatorsRef.current.values()];
+    if (step.validate) validators.push(step.validate);
+    if (validators.length === 0) return true;
+    let ok = true;
+    let errors = {};
+    try {
+      for (const validate of validators) {
+        const result = await validate();
+        const vOk = typeof result === "boolean" ? result : result.ok;
+        if (!vOk) {
+          ok = false;
+          if (typeof result !== "boolean" && result.errors) {
+            errors = { ...errors, ...result.errors };
+          }
+        }
+      }
+    } catch (err) {
+      console.error("[wizard] a step validator threw", err);
+      ok = false;
+    }
+    if (!ok) {
+      dispatch({ type: "SET_FIELD_ERRORS", errors });
+      if (Object.keys(errors).length === 0) {
+        const message = missingRequiredMessage ?? "Please fill in all required fields.";
+        if (onValidationFailed) {
+          onValidationFailed(message);
+        } else {
+          const { toast } = await import("sonner");
+          toast.error(message);
+        }
+      }
+      return false;
+    }
+    return true;
+  }, [state.currentStepIndex, missingRequiredMessage, onValidationFailed]);
+  const goNext = useCallback(async () => {
+    if (await runStepValidators()) {
+      dispatch({ type: "GO_NEXT" });
+    }
+  }, [runStepValidators]);
+  const goBack = useCallback(() => {
+    dispatch({ type: "GO_BACK" });
+  }, []);
+  const goToStep = useCallback((index) => {
+    dispatch({ type: "GO_TO_STEP", index });
+  }, []);
+  const skip = useCallback(() => {
+    dispatch({ type: "SKIP" });
+  }, []);
+  const cancel = useCallback(() => {
+    dispatch({ type: "SHOW_CANCEL_DIALOG", show: true });
+  }, []);
+  const confirmCancel = useCallback(() => {
+    dispatch({ type: "SHOW_CANCEL_DIALOG", show: false });
+    onCancel?.();
+  }, [onCancel]);
+  const dismissCancel = useCallback(() => {
+    dispatch({ type: "SHOW_CANCEL_DIALOG", show: false });
+  }, []);
+  const updateData = useCallback((partial) => {
+    dispatch({ type: "UPDATE_DATA", partial });
+  }, []);
+  const clearError = useCallback(() => {
+    dispatch({ type: "SET_ERROR", error: null });
+  }, []);
+  const clearFieldErrors = useCallback(() => {
+    dispatch({ type: "SET_FIELD_ERRORS", errors: {} });
+  }, []);
+  const finish = useCallback(async () => {
+    if (!onComplete || !canFinish) return;
+    if (!await runStepValidators()) return;
+    dispatch({ type: "SET_SUBMITTING", value: true });
+    dispatch({ type: "SET_ERROR", error: null });
+    try {
+      await onComplete(state.data);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "An error occurred";
+      dispatch({ type: "SET_ERROR", error: message });
+    } finally {
+      dispatch({ type: "SET_SUBMITTING", value: false });
+    }
+  }, [onComplete, canFinish, state.data, runStepValidators]);
+  const stepStatus = useCallback(
+    (index) => {
+      if (index === state.currentStepIndex) return "active";
+      if (state.skippedSteps.has(index)) return "skipped";
+      if (state.completedSteps.has(index)) return "completed";
+      return "upcoming";
+    },
+    [state.currentStepIndex, state.completedSteps, state.skippedSteps]
+  );
+  return {
+    currentStepIndex: state.currentStepIndex,
+    currentStep,
+    steps: stepsRef.current,
+    isFirstStep,
+    isLastStep,
+    canFinish,
+    goNext,
+    goBack,
+    goToStep,
+    skip,
+    cancel,
+    finish,
+    registerStepValidate,
+    nextBlocked,
+    setNextBlocked,
+    stepStatus,
+    completedSteps: state.completedSteps,
+    data: state.data,
+    updateData,
+    isSubmitting: state.isSubmitting,
+    error: state.error,
+    clearError,
+    fieldErrors: state.fieldErrors,
+    clearFieldErrors,
+    showCancelDialog: state.showCancelDialog,
+    confirmCancel,
+    dismissCancel
+  };
+}
+export {
+  useWizard
+};
+//# sourceMappingURL=use-wizard.js.map

package/dist/wizard/use-wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/wizard/use-wizard.ts"],"sourcesContent":["/**\n * The multi-step wizard state machine: step index, completed/skipped sets,\n * per-step async validators, collected data, field errors, submit and the\n * cancel-confirm gate.\n *\n * Domain-free, but NOT router-free: it mirrors the active step to `?step=N`, so\n * it must be mounted inside a react-router context — the same requirement\n * `DataTable` already carries. It only ever WRITES that param (see the note on\n * `initialStep` below for why it deliberately does not read it back).\n */\nimport { useCallback, useEffect, useReducer, useRef, useState } from \"react\";\nimport { useSearchParams } from \"react-router\";\nimport type {\n  FieldErrors,\n  StepStatus,\n  UseWizardOptions,\n  UseWizardReturn,\n  ValidateResult,\n  WizardStepConfig,\n} from \"./types\";\n\ninterface WizardState<TData> {\n  currentStepIndex: number;\n  completedSteps: Set<number>;\n  skippedSteps: Set<number>;\n  data: TData;\n  isSubmitting: boolean;\n  error: string | null;\n  fieldErrors: FieldErrors;\n  showCancelDialog: boolean;\n}\n\ntype WizardAction<TData> =\n  | { type: \"GO_NEXT\" }\n  | { type: \"GO_BACK\" }\n  | { type: \"GO_TO_STEP\"; index: number }\n  | { type: \"SKIP\" }\n  | { type: \"UPDATE_DATA\"; partial: Partial<TData> }\n  | { type: \"SET_SUBMITTING\"; value: boolean }\n  | { type: \"SET_ERROR\"; error: string | null }\n  | { type: \"SET_FIELD_ERRORS\"; errors: FieldErrors }\n  | { type: \"SHOW_CANCEL_DIALOG\"; show: boolean };\n\nfunction createReducer<TData>(stepCount: number) {\n  return function reducer(\n    state: WizardState<TData>,\n    action: WizardAction<TData>,\n  ): WizardState<TData> {\n    switch (action.type) {\n      case \"GO_NEXT\": {\n        const completed = new Set(state.completedSteps);\n        completed.add(state.currentStepIndex);\n        const nextIndex = Math.min(state.currentStepIndex + 1, stepCount - 1);\n        return { ...state, currentStepIndex: nextIndex, completedSteps: completed, fieldErrors: {} };\n      }\n      case \"GO_BACK\": {\n        const prevIndex = Math.max(state.currentStepIndex - 1, 0);\n        return { ...state, currentStepIndex: prevIndex, fieldErrors: {} };\n      }\n      case \"GO_TO_STEP\": {\n        if (action.index < 0 || action.index >= stepCount) return state;\n        if (!state.completedSteps.has(action.index) && action.index > state.currentStepIndex) {\n          return state;\n        }\n        return { ...state, currentStepIndex: action.index };\n      }\n      case \"SKIP\": {\n        const skipped = new Set(state.skippedSteps);\n        skipped.add(state.currentStepIndex);\n        const nextIndex = Math.min(state.currentStepIndex + 1, stepCount - 1);\n        return { ...state, currentStepIndex: nextIndex, skippedSteps: skipped };\n      }\n      case \"UPDATE_DATA\": {\n        // Clear error for any field that is now being edited (so typing makes\n        // the red message disappear).\n        const nextErrors = { ...state.fieldErrors };\n        for (const key of Object.keys(action.partial)) {\n          delete nextErrors[key];\n        }\n        return { ...state, data: { ...state.data, ...action.partial }, fieldErrors: nextErrors };\n      }\n      case \"SET_SUBMITTING\":\n        return { ...state, isSubmitting: action.value };\n      case \"SET_ERROR\":\n        return { ...state, error: action.error };\n      case \"SET_FIELD_ERRORS\":\n        return { ...state, fieldErrors: action.errors };\n      case \"SHOW_CANCEL_DIALOG\":\n        return { ...state, showCancelDialog: action.show };\n      default:\n        return state;\n    }\n  };\n}\n\nexport function useWizard<TData extends Record<string, unknown>>(\n  options: UseWizardOptions<TData>,\n): UseWizardReturn<TData> {\n  const { steps, initialData, onComplete, onCancel, missingRequiredMessage, onValidationFailed } =\n    options;\n  const stepsRef = useRef<WizardStepConfig[]>(steps);\n  stepsRef.current = steps;\n\n  // Validators registered by the CURRENT step's mounted components (RHF steps\n  // register via `useRhfWizardStep` through the wizard context). Only the active\n  // step's validators are present — each unregisters on unmount. `goNext` and\n  // `finish` run them (via `runStepValidators`) alongside the step config's own\n  // `validate`.\n  const validatorsRef = useRef(\n    new Map<symbol, () => ValidateResult | Promise<ValidateResult>>(),\n  );\n  const registerStepValidate = useCallback(\n    (fn: () => ValidateResult | Promise<ValidateResult>) => {\n      const token = Symbol();\n      validatorsRef.current.set(token, fn);\n      return () => {\n        validatorsRef.current.delete(token);\n      };\n    },\n    [],\n  );\n\n  const [, setUrlParams] = useSearchParams();\n  // The wizard's entered `data` and `completedSteps` are NOT persisted across a\n  // reload / deep-link (the reducer re-inits to empty defaults on every mount).\n  // Restoring a later step index from `?step=N` would therefore leave the wizard\n  // on (or past) the last step with an EMPTY data set, letting Finish submit an\n  // empty payload. Always start at step 0 so a reload re-runs the wizard from a\n  // valid state instead of losing the entered data silently.\n  const initialStep = 0;\n\n  const reducer = createReducer<TData>(steps.length);\n  const [state, dispatch] = useReducer(reducer, {\n    currentStepIndex: initialStep,\n    completedSteps: new Set<number>(),\n    skippedSteps: new Set<number>(),\n    data: (initialData ?? {}) as TData,\n    isSubmitting: false,\n    error: null,\n    fieldErrors: {},\n    showCancelDialog: false,\n  });\n\n  // A mounted step can DISABLE forward navigation (Next/Skip) while its own\n  // state is invalid (e.g. tenant shares != 100%). Defaults to false, so\n  // wizards that never call setNextBlocked behave exactly as before.\n  const [nextBlocked, setNextBlockedState] = useState(false);\n  const setNextBlocked = useCallback(\n    (blocked: boolean) => setNextBlockedState(blocked),\n    [],\n  );\n\n  // Sync step index to URL\n  useEffect(() => {\n    setUrlParams((prev) => {\n      prev.set(\"step\", String(state.currentStepIndex));\n      return prev;\n    }, { replace: true });\n  }, [state.currentStepIndex, setUrlParams]);\n\n  const currentStep = stepsRef.current[state.currentStepIndex];\n  const isFirstStep = state.currentStepIndex === 0;\n  const isLastStep = state.currentStepIndex === stepsRef.current.length - 1;\n  // Finish is only valid once every step before the last has actually been\n  // walked through (completed or skipped). Guards against a restored/last-step\n  // index submitting a payload built from empty defaults.\n  const canFinish = stepsRef.current.every(\n    (_, index) =>\n      index === stepsRef.current.length - 1 ||\n      state.completedSteps.has(index) ||\n      state.skippedSteps.has(index),\n  );\n\n  // Runs the active step's config `validate` plus every validator its mounted\n  // components registered (RHF steps via useRhfWizardStep), AND-combining the\n  // results and merging any per-field errors. Returns `true` when the step\n  // passes (or registered no validators). Shared by `goNext` and `finish` so a\n  // form-bearing last step is validated (and its values flushed) on Finish too.\n  const runStepValidators = useCallback(async (): Promise<boolean> => {\n    const step = stepsRef.current[state.currentStepIndex];\n    const validators = [...validatorsRef.current.values()];\n    if (step.validate) validators.push(step.validate);\n    if (validators.length === 0) return true;\n    let ok = true;\n    let errors: FieldErrors = {};\n    try {\n      for (const validate of validators) {\n        const result = await validate();\n        const vOk = typeof result === \"boolean\" ? result : result.ok;\n        if (!vOk) {\n          ok = false;\n          if (typeof result !== \"boolean\" && result.errors) {\n            errors = { ...errors, ...result.errors };\n          }\n        }\n      }\n    } catch (err) {\n      // FALL THROUGH, do not return. A bare `return false` here blocked Next while\n      // skipping the `if (!ok)` block below — the only thing that shows a message,\n      // and whose own comment is \"say something anyway, so the user is not left with\n      // a Next button that silently does nothing\". So a validator that threw (an\n      // async one whose request rejected, a null dereference in a field rule)\n      // produced exactly the outcome that block was written to prevent: no field\n      // errors, no toast, `onValidationFailed` never called, nothing in the console.\n      //\n      // The step still must not advance; `ok = false` is what says so. Whatever\n      // partial `errors` the loop had collected before the throw are kept — they are\n      // real, and an empty set is what routes this to the generic message.\n      console.error(\"[wizard] a step validator threw\", err);\n      ok = false;\n    }\n    if (!ok) {\n      dispatch({ type: \"SET_FIELD_ERRORS\", errors });\n      if (Object.keys(errors).length === 0) {\n        // No per-field detail (e.g. an RHF step surfacing its own inline\n        // message) — say something anyway, so the user is not left with a Next\n        // button that silently does nothing.\n        const message = missingRequiredMessage ?? \"Please fill in all required fields.\";\n        if (onValidationFailed) {\n          onValidationFailed(message);\n        } else {\n          // sonner is an optional peer: imported here, on the failure path only,\n          // so an app that never trips this never has to install it.\n          const { toast } = await import(\"sonner\");\n          toast.error(message);\n        }\n      }\n      return false;\n    }\n    return true;\n  }, [state.currentStepIndex, missingRequiredMessage, onValidationFailed]);\n\n  const goNext = useCallback(async () => {\n    if (await runStepValidators()) {\n      dispatch({ type: \"GO_NEXT\" });\n    }\n  }, [runStepValidators]);\n\n  const goBack = useCallback(() => {\n    dispatch({ type: \"GO_BACK\" });\n  }, []);\n\n  const goToStep = useCallback((index: number) => {\n    dispatch({ type: \"GO_TO_STEP\", index });\n  }, []);\n\n  const skip = useCallback(() => {\n    dispatch({ type: \"SKIP\" });\n  }, []);\n\n  const cancel = useCallback(() => {\n    dispatch({ type: \"SHOW_CANCEL_DIALOG\", show: true });\n  }, []);\n\n  const confirmCancel = useCallback(() => {\n    dispatch({ type: \"SHOW_CANCEL_DIALOG\", show: false });\n    onCancel?.();\n  }, [onCancel]);\n\n  const dismissCancel = useCallback(() => {\n    dispatch({ type: \"SHOW_CANCEL_DIALOG\", show: false });\n  }, []);\n\n  const updateData = useCallback((partial: Partial<TData>) => {\n    dispatch({ type: \"UPDATE_DATA\", partial });\n  }, []);\n\n  const clearError = useCallback(() => {\n    dispatch({ type: \"SET_ERROR\", error: null });\n  }, []);\n\n  const clearFieldErrors = useCallback(() => {\n    dispatch({ type: \"SET_FIELD_ERRORS\", errors: {} });\n  }, []);\n\n  const finish = useCallback(async () => {\n    if (!onComplete || !canFinish) return;\n    // Validate the (possibly form-bearing) last step before submitting, matching\n    // the Next gate — review-only steps register no validators and pass through.\n    if (!(await runStepValidators())) return;\n    dispatch({ type: \"SET_SUBMITTING\", value: true });\n    dispatch({ type: \"SET_ERROR\", error: null });\n    try {\n      await onComplete(state.data);\n    } catch (err) {\n      const message = err instanceof Error ? err.message : \"An error occurred\";\n      dispatch({ type: \"SET_ERROR\", error: message });\n    } finally {\n      dispatch({ type: \"SET_SUBMITTING\", value: false });\n    }\n  }, [onComplete, canFinish, state.data, runStepValidators]);\n\n  const stepStatus = useCallback(\n    (index: number): StepStatus => {\n      if (index === state.currentStepIndex) return \"active\";\n      if (state.skippedSteps.has(index)) return \"skipped\";\n      if (state.completedSteps.has(index)) return \"completed\";\n      return \"upcoming\";\n    },\n    [state.currentStepIndex, state.completedSteps, state.skippedSteps],\n  );\n\n  return {\n    currentStepIndex: state.currentStepIndex,\n    currentStep,\n    steps: stepsRef.current,\n    isFirstStep,\n    isLastStep,\n    canFinish,\n    goNext,\n    goBack,\n    goToStep,\n    skip,\n    cancel,\n    finish,\n    registerStepValidate,\n    nextBlocked,\n    setNextBlocked,\n    stepStatus,\n    completedSteps: state.completedSteps,\n    data: state.data,\n    updateData,\n    isSubmitting: state.isSubmitting,\n    error: state.error,\n    clearError,\n    fieldErrors: state.fieldErrors,\n    clearFieldErrors,\n    showCancelDialog: state.showCancelDialog,\n    confirmCancel,\n    dismissCancel,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/wizard/validation.d.ts

@@ -0,0 +1,23 @@
+import { ValidateResult } from './types.js';
+import 'react';
+
+interface RequiredFieldSpec<T> {
+    key: keyof T;
+    /**
+     * Custom predicate (e.g. numeric `> 0` or range checks). Defaults to a
+     * "present" check: a non-empty trimmed string, or a non-null id/enum.
+     */
+    valid?: (value: unknown, data: T) => boolean;
+    /** Per-field message override (defaults to the shared `defaultMessage`). */
+    message?: string;
+}
+/**
+ * Folds the copy-pasted `const errors = {}; if (!data.x) errors.x = required; …`
+ * step-validate block reimplemented across the single-file entity wizards.
+ * Pure-required fields need only `{ key }`; numeric constraints (amount `> 0`,
+ * rate in range) pass a `valid` predicate. The message is caller-supplied so
+ * each page keeps its own namespace (e.g. `t("common:validation.required")`).
+ */
+declare function requiredFieldsValidator<T extends Record<string, unknown>>(data: T, fields: RequiredFieldSpec<T>[], defaultMessage: string): ValidateResult;
+
+export { type RequiredFieldSpec, requiredFieldsValidator };

package/dist/wizard/validation.js

@@ -0,0 +1,13 @@
+function requiredFieldsValidator(data, fields, defaultMessage) {
+  const errors = {};
+  for (const f of fields) {
+    const v = data[f.key];
+    const ok = f.valid ? f.valid(v, data) : typeof v === "string" ? v.trim() !== "" : v != null;
+    if (!ok) errors[String(f.key)] = f.message ?? defaultMessage;
+  }
+  return { ok: Object.keys(errors).length === 0, errors };
+}
+export {
+  requiredFieldsValidator
+};
+//# sourceMappingURL=validation.js.map

package/dist/wizard/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/wizard/validation.ts"],"sourcesContent":["import type { ValidateResult, FieldErrors } from \"./types\";\n\nexport interface RequiredFieldSpec<T> {\n  key: keyof T;\n  /**\n   * Custom predicate (e.g. numeric `> 0` or range checks). Defaults to a\n   * \"present\" check: a non-empty trimmed string, or a non-null id/enum.\n   */\n  valid?: (value: unknown, data: T) => boolean;\n  /** Per-field message override (defaults to the shared `defaultMessage`). */\n  message?: string;\n}\n\n/**\n * Folds the copy-pasted `const errors = {}; if (!data.x) errors.x = required; …`\n * step-validate block reimplemented across the single-file entity wizards.\n * Pure-required fields need only `{ key }`; numeric constraints (amount `> 0`,\n * rate in range) pass a `valid` predicate. The message is caller-supplied so\n * each page keeps its own namespace (e.g. `t(\"common:validation.required\")`).\n */\nexport function requiredFieldsValidator<T extends Record<string, unknown>>(\n  data: T,\n  fields: RequiredFieldSpec<T>[],\n  defaultMessage: string,\n): ValidateResult {\n  const errors: FieldErrors = {};\n  for (const f of fields) {\n    const v = data[f.key];\n    const ok = f.valid\n      ? f.valid(v, data)\n      : typeof v === \"string\"\n        ? v.trim() !== \"\"\n        : v != null;\n    if (!ok) errors[String(f.key)] = f.message ?? defaultMessage;\n  }\n  return { ok: Object.keys(errors).length === 0, errors };\n}\n"],"mappings":"AAoBO,SAAS,wBACd,MACA,QACA,gBACgB;AAChB,QAAM,SAAsB,CAAC;AAC7B,aAAW,KAAK,QAAQ;AACtB,UAAM,IAAI,KAAK,EAAE,GAAG;AACpB,UAAM,KAAK,EAAE,QACT,EAAE,MAAM,GAAG,IAAI,IACf,OAAO,MAAM,WACX,EAAE,KAAK,MAAM,KACb,KAAK;AACX,QAAI,CAAC,GAAI,QAAO,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,WAAW;AAAA,EAChD;AACA,SAAO,EAAE,IAAI,OAAO,KAAK,MAAM,EAAE,WAAW,GAAG,OAAO;AACxD;","names":[]}

package/dist/wizard/wizard-context.d.ts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import { ValidateResult } from './types.js';
+
+interface WizardContextValue {
+    /**
+     * Register a validator for the currently-mounted step. Returns an unregister
+     * fn (call it in a useEffect cleanup). `goNext` runs every registered
+     * validator for the active step (plus the step config's own `validate`),
+     * AND-combining the results — this replaces the per-page `useRef` +
+     * `validate: () => ref.current?.()` bridge each RHF step used to wire.
+     */
+    registerStepValidate: (fn: () => ValidateResult | Promise<ValidateResult>) => () => void;
+    /** Lets the mounted step disable Next/Skip (e.g. invalid tenant shares). */
+    setNextBlocked: (blocked: boolean) => void;
+}
+declare const WizardContextProvider: react.Provider<WizardContextValue | null>;
+declare function useWizardContext(): WizardContextValue;
+
+export { WizardContextProvider, type WizardContextValue, useWizardContext };

package/dist/wizard/wizard-context.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from "react";
+const WizardContext = createContext(null);
+const WizardContextProvider = WizardContext.Provider;
+function useWizardContext() {
+  const ctx = useContext(WizardContext);
+  if (!ctx) {
+    throw new Error("useWizardContext must be used within a <StepperNav>");
+  }
+  return ctx;
+}
+export {
+  WizardContextProvider,
+  useWizardContext
+};
+//# sourceMappingURL=wizard-context.js.map

package/dist/wizard/wizard-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/wizard/wizard-context.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ValidateResult } from \"./types\";\n\nexport interface WizardContextValue {\n  /**\n   * Register a validator for the currently-mounted step. Returns an unregister\n   * fn (call it in a useEffect cleanup). `goNext` runs every registered\n   * validator for the active step (plus the step config's own `validate`),\n   * AND-combining the results — this replaces the per-page `useRef` +\n   * `validate: () => ref.current?.()` bridge each RHF step used to wire.\n   */\n  registerStepValidate: (\n    fn: () => ValidateResult | Promise<ValidateResult>,\n  ) => () => void;\n  /** Lets the mounted step disable Next/Skip (e.g. invalid tenant shares). */\n  setNextBlocked: (blocked: boolean) => void;\n}\n\nconst WizardContext = createContext<WizardContextValue | null>(null);\n\nexport const WizardContextProvider = WizardContext.Provider;\n\nexport function useWizardContext(): WizardContextValue {\n  const ctx = useContext(WizardContext);\n  if (!ctx) {\n    throw new Error(\"useWizardContext must be used within a <StepperNav>\");\n  }\n  return ctx;\n}\n"],"mappings":"AAAA,SAAS,eAAe,kBAAkB;AAkB1C,MAAM,gBAAgB,cAAyC,IAAI;AAE5D,MAAM,wBAAwB,cAAc;AAE5C,SAAS,mBAAuC;AACrD,QAAM,MAAM,WAAW,aAAa;AACpC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}

package/dist/wizard/wizard-step.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+/** The vertical rhythm one wizard step's content sits on. A component rather
+ *  than a class string so every step in every app spaces its fields the same. */
+declare function WizardStep({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
+export { WizardStep };

package/dist/wizard/wizard-step.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/cn.js";
+function WizardStep({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-6", className), children });
+}
+export {
+  WizardStep
+};
+//# sourceMappingURL=wizard-step.js.map

package/dist/wizard/wizard-step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/wizard/wizard-step.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\n\n/** The vertical rhythm one wizard step's content sits on. A component rather\n *  than a class string so every step in every app spaces its fields the same. */\nexport function WizardStep({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return <div className={cn(\"space-y-6\", className)}>{children}</div>;\n}\n"],"mappings":"AAYS;AAXT,SAAS,UAAU;AAIZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,SAAO,oBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAI,UAAS;AAC/D;","names":[]}

package/dist/wizard/wizard-summary.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { SummarySection, WizardLabels } from './types.js';
+
+/**
+ * The review step: one card per section, each row a label/value pair, each card
+ * carrying an edit button back to the step it came from.
+ *
+ * Sections are data, not children, because "jump back to step N" is the whole
+ * point of the component and a caller assembling its own cards invariably drops
+ * it. Labels and values are `ReactNode`, so a value can be a badge or a link.
+ */
+declare function WizardSummary({ sections, onEditStep, labels, }: {
+    sections: SummarySection[];
+    onEditStep: (stepIndex: number) => void;
+    labels?: Partial<WizardLabels>;
+}): react.JSX.Element;
+
+export { WizardSummary };

package/dist/wizard/wizard-summary.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Pencil } from "lucide-react";
+import { Card, CardAction, CardContent, CardHeader, CardTitle, IconButton } from "../components/ui.js";
+import { resolveWizardLabels } from "./types.js";
+function WizardSummary({
+  sections,
+  onEditStep,
+  labels
+}) {
+  const l = resolveWizardLabels(labels);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-[var(--text-primary)]", children: l.reviewTitle }),
+    sections.map((section, sIdx) => /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "pb-2", children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: section.label }),
+        /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "sm",
+            variant: "ghost",
+            "aria-label": l.edit,
+            title: l.edit,
+            onClick: () => onEditStep(section.stepIndex),
+            children: /* @__PURE__ */ jsx(Pencil, {})
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("dl", { className: "grid gap-2 text-sm", children: section.items.map((item, iIdx) => /* @__PURE__ */ jsxs("div", { children: [
+        iIdx > 0 && /* @__PURE__ */ jsx("div", { className: "mb-2 border-t border-[var(--border)]", role: "presentation" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-slate-500 dark:text-slate-400", children: item.label }),
+          /* @__PURE__ */ jsx("dd", { className: "text-right font-medium text-[var(--text-primary)]", children: item.value })
+        ] })
+      ] }, iIdx)) }) })
+    ] }, sIdx))
+  ] });
+}
+export {
+  WizardSummary
+};
+//# sourceMappingURL=wizard-summary.js.map

package/dist/wizard/wizard-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/wizard/wizard-summary.tsx"],"sourcesContent":["import { Pencil } from \"lucide-react\";\nimport { Card, CardAction, CardContent, CardHeader, CardTitle, IconButton } from \"../components/ui\";\nimport type { SummarySection, WizardLabels } from \"./types\";\nimport { resolveWizardLabels } from \"./types\";\n\n/**\n * The review step: one card per section, each row a label/value pair, each card\n * carrying an edit button back to the step it came from.\n *\n * Sections are data, not children, because \"jump back to step N\" is the whole\n * point of the component and a caller assembling its own cards invariably drops\n * it. Labels and values are `ReactNode`, so a value can be a badge or a link.\n */\nexport function WizardSummary({\n  sections,\n  onEditStep,\n  labels,\n}: {\n  sections: SummarySection[];\n  onEditStep: (stepIndex: number) => void;\n  labels?: Partial<WizardLabels>;\n}) {\n  const l = resolveWizardLabels(labels);\n\n  return (\n    <div className=\"space-y-4\">\n      <h2 className=\"text-lg font-semibold text-[var(--text-primary)]\">{l.reviewTitle}</h2>\n      {sections.map((section, sIdx) => (\n        <Card key={sIdx}>\n          {/* CardHeader is a grid, and CardAction is the top-right column it\n              reserves — the edit button has to go through it or it stacks under\n              the title instead of sitting beside it. */}\n          <CardHeader className=\"pb-2\">\n            <CardTitle className=\"text-base\">{section.label}</CardTitle>\n            <CardAction>\n              <IconButton\n                size=\"sm\"\n                variant=\"ghost\"\n                aria-label={l.edit}\n                title={l.edit}\n                onClick={() => onEditStep(section.stepIndex)}\n              >\n                <Pencil />\n              </IconButton>\n            </CardAction>\n          </CardHeader>\n          <CardContent>\n            <dl className=\"grid gap-2 text-sm\">\n              {section.items.map((item, iIdx) => (\n                <div key={iIdx}>\n                  {iIdx > 0 && (\n                    <div className=\"mb-2 border-t border-[var(--border)]\" role=\"presentation\" />\n                  )}\n                  <div className=\"flex items-start justify-between gap-4\">\n                    <dt className=\"text-slate-500 dark:text-slate-400\">{item.label}</dt>\n                    <dd className=\"text-right font-medium text-[var(--text-primary)]\">\n                      {item.value}\n                    </dd>\n                  </div>\n                </div>\n              ))}\n            </dl>\n          </CardContent>\n        </Card>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"AA0BM,cAMI,YANJ;AA1BN,SAAS,cAAc;AACvB,SAAS,MAAM,YAAY,aAAa,YAAY,WAAW,kBAAkB;AAEjF,SAAS,2BAA2B;AAU7B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,IAAI,oBAAoB,MAAM;AAEpC,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,QAAG,WAAU,oDAAoD,YAAE,aAAY;AAAA,IAC/E,SAAS,IAAI,CAAC,SAAS,SACtB,qBAAC,QAIC;AAAA,2BAAC,cAAW,WAAU,QACpB;AAAA,4BAAC,aAAU,WAAU,aAAa,kBAAQ,OAAM;AAAA,QAChD,oBAAC,cACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,cAAY,EAAE;AAAA,YACd,OAAO,EAAE;AAAA,YACT,SAAS,MAAM,WAAW,QAAQ,SAAS;AAAA,YAE3C,8BAAC,UAAO;AAAA;AAAA,QACV,GACF;AAAA,SACF;AAAA,MACA,oBAAC,eACC,8BAAC,QAAG,WAAU,sBACX,kBAAQ,MAAM,IAAI,CAAC,MAAM,SACxB,qBAAC,SACE;AAAA,eAAO,KACN,oBAAC,SAAI,WAAU,wCAAuC,MAAK,gBAAe;AAAA,QAE5E,qBAAC,SAAI,WAAU,0CACb;AAAA,8BAAC,QAAG,WAAU,sCAAsC,eAAK,OAAM;AAAA,UAC/D,oBAAC,QAAG,WAAU,qDACX,eAAK,OACR;AAAA,WACF;AAAA,WATQ,IAUV,CACD,GACH,GACF;AAAA,SAlCS,IAmCX,CACD;AAAA,KACH;AAEJ;","names":[]}

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@eifi1/ui-kit",
+  "version": "0.4.0",
+  "type": "module",
+  "description": "App-agnostic shared design system: domain-free React components, theme and tokens.",
+  "_sideEffects": "The barrel (src/index.ts) re-exports EVERY component, including components/chart, which statically imports recharts. Without this field a bundler must assume each of those modules has side effects, so it cannot drop the unused ones: importing a Button from '@eifi1/ui-kit' dragged all 433KB of recharts into the consumer's ENTRY chunk, and Keksdose was preloading it on every page load, login included. Nothing in src/ imports for side effects (no bare imports, no CSS imports from JS, no module-level global writes) — the token stylesheet is its own './tokens.css' export — so this is safe. CSS is still listed so any future stylesheet survives.",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./dates": {
+      "types": "./dist/lib/dates.d.ts",
+      "import": "./dist/lib/dates.js"
+    },
+    "./tokens.css": "./tokens.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "tokens.css"
+  ],
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "build": "tsup && node scripts/fix-esm-extensions.mjs",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19",
+    "react-router": "^8.3.0",
+    "recharts": ">=3",
+    "sonner": ">=2"
+  },
+  "peerDependenciesMeta": {
+    "react-router": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
+    },
+    "sonner": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "flag-icons": "^7.5.0",
+    "lucide-react": "^0.511.0",
+    "tailwind-merge": "^3.3.0",
+    "zustand": "^5.0.5"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.5.2",
+    "jsdom": "^30.0.1",
+    "react-router": "^8.3.0",
+    "recharts": "^3.8.1",
+    "sonner": "^2.0.7",
+    "tsup": "^8.5.0",
+    "typescript": "~5.9.3",
+    "vitest": "^4.1.11"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Eifi1/ui-kit.git"
+  },
+  "homepage": "https://github.com/Eifi1/ui-kit#readme",
+  "bugs": {
+    "url": "https://github.com/Eifi1/ui-kit/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts"
+}