linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/dialog/form/index.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { IFormProps, IFormDialogContext } from '../types';
-export declare const FormDialogContext: React.Context<IFormDialogContext>;
+export declare const FormDialogContext: import('react').Context<IFormDialogContext>;
 declare const _default: (props: IFormProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/dialog/form/index.js

@@ -1,72 +1,111 @@
-import { jsx as n, jsxs as P } from "react/jsx-runtime";
-import { c as T } from "react/compiler-runtime";
-import B, { createContext as U, useRef as q, useContext as z } from "react";
-import G from "../base/index.js";
-import I from "../base/Header.js";
-import J from "../../buttons/button_container/index.js";
-import "../../buttons/DefaultButton.js";
-import "../../icons/index.js";
-import '../../styles/assets/styles/button.css';/* empty css                              */
-import K from "../base/Content.js";
-import L from "../base/Footer.js";
-import O from "../../spinner/index.js";
-import Q, { FormSecurityContext as V } from "../../form/withFormSecurity.js";
-const X = U({}), Y = (t) => {
-  const e = T(33), {
-    showFooter: D,
-    isWaiting: E,
-    width: R,
-    height: j,
-    content: k,
-    children: A,
-    className: W,
-    wrapperClassName: _,
-    contentClassName: $
-  } = t, u = D === void 0 ? !0 : D, o = E === void 0 ? !1 : E, v = R === void 0 ? "50%" : R, F = j === void 0 ? "50%" : j, w = W === void 0 ? "" : W, H = _ === void 0 ? "" : _, g = $ === void 0 ? "" : $, M = q(null), d = z(V);
-  let f;
-  e[0] !== o ? (f = o ? {
+import { jsx as l, jsxs as X } from "react/jsx-runtime";
+import { c as ie } from "../../_virtual/compiler-runtime.js";
+import { createContext as ne, useRef as le, useContext as re, useState as se, useEffect as ae, Children as ce, cloneElement as Y } from "react";
+import me from "../base/index.js";
+import fe from "../base/Header.js";
+import de from "../../buttons/button_container/index.js";
+import '../../assets/styles/button.css';/* empty css                              */
+import ue from "../base/Content.js";
+import he from "../base/Footer.js";
+import Ce from "../../spinner/index.js";
+import ye, { FormSecurityContext as ve } from "../../form/withFormSecurity.js";
+import we from "../Question.js";
+const xe = ne({}), ge = (t) => {
+  const e = ie.c(55), {
+    showFooter: H,
+    isWaiting: I,
+    width: M,
+    height: P,
+    content: Z,
+    children: p,
+    className: Q,
+    wrapperClassName: V,
+    contentClassName: q,
+    headerClassName: G,
+    securityBeforeUnload: J,
+    securityTitle: K,
+    securityText: O
+  } = t, D = H === void 0 ? !0 : H, r = I === void 0 ? !1 : I, E = M === void 0 ? "50%" : M, T = P === void 0 ? "50%" : P, U = Q === void 0 ? "" : Q, ee = V === void 0 ? "" : V, _ = q === void 0 ? "" : q, b = G === void 0 ? "" : G, o = J === void 0 ? !1 : J, k = K === void 0 ? "Dados Alterados" : K, R = O === void 0 ? "Você possui dados alterados, confirma o fechamento?" : O, te = le(null), C = re(ve), [$, j] = se(!1);
+  let y;
+  e[0] !== r ? (y = r ? {
     opacity: 0.4,
     pointerEvent: "none"
-  } : {}, e[0] = o, e[1] = f) : f = e[1];
-  const i = f;
-  let h;
-  e[2] !== o ? (h = () => o ? /* @__PURE__ */ n("div", { className: "waitingspinner", children: /* @__PURE__ */ n(O, { style: {
+  } : {}, e[0] = r, e[1] = y) : y = e[1];
+  const s = y;
+  let v;
+  e[2] !== t || e[3] !== o ? (v = () => {
+    if (o) {
+      j(!0);
+      return;
+    }
+    t.handlerClose && t.handlerClose();
+  }, e[2] = t, e[3] = o, e[4] = v) : v = e[4];
+  const i = v;
+  let w;
+  e[5] !== t ? (w = () => {
+    t.handlerClose?.(), j(!1);
+  }, e[5] = t, e[6] = w) : w = e[6];
+  const A = w;
+  let x;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+    j(!1);
+  }, e[7] = x) : x = e[7];
+  const oe = x;
+  let g;
+  e[8] !== r ? (g = () => r ? /* @__PURE__ */ l("div", { className: "waitingspinner", children: /* @__PURE__ */ l(Ce, { style: {
     width: 60
-  }, delayTime: 0 }) }) : null, e[2] = o, e[3] = h) : h = e[3];
-  const N = h;
-  let C;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (C = {
-    headerRef: M
-  }, e[4] = C) : C = e[4];
-  const x = `dialog-form-wrapper ${H}`;
-  let l;
-  e[5] !== t.handlerClose || e[6] !== t.icon || e[7] !== t.title ? (l = t.title && /* @__PURE__ */ n("div", { className: "header-form", children: /* @__PURE__ */ n(I, { title: t.title, handlerClose: t.handlerClose, icon: t.icon }) }), e[5] = t.handlerClose, e[6] = t.icon, e[7] = t.title, e[8] = l) : l = e[8];
-  let r;
-  e[9] !== i || e[10] !== t.styleForContent ? (r = {
-    ...t.styleForContent,
-    ...i
-  }, e[9] = i, e[10] = t.styleForContent, e[11] = r) : r = e[11];
-  const S = k || A;
+  }, delayTime: 0 }) }) : null, e[8] = r, e[9] = g) : g = e[9];
+  const L = g;
+  let F, N;
+  e[10] !== o ? (F = () => {
+    const n = Fe;
+    return o && window.addEventListener("beforeunload", n), () => {
+      window.removeEventListener("beforeunload", n);
+    };
+  }, N = [o], e[10] = o, e[11] = F, e[12] = N) : (F = e[11], N = e[12]), ae(F, N);
+  let S;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (S = {
+    headerRef: te
+  }, e[13] = S) : S = e[13];
+  const W = `dialog-form-wrapper ${ee}`;
   let a;
-  e[12] !== g || e[13] !== r || e[14] !== S ? (a = /* @__PURE__ */ n(K, { styleForContent: r, className: g, children: S }), e[12] = g, e[13] = r, e[14] = S, e[15] = a) : a = e[15];
+  e[14] !== i || e[15] !== b || e[16] !== t.icon || e[17] !== t.title ? (a = t.title && /* @__PURE__ */ l("div", { className: `header-form ${b}`, children: /* @__PURE__ */ l(fe, { title: t.title, handlerClose: i, icon: t.icon }) }), e[14] = i, e[15] = b, e[16] = t.icon, e[17] = t.title, e[18] = a) : a = e[18];
   let c;
-  e[16] !== N ? (c = N(), e[16] = N, e[17] = c) : c = e[17];
-  let s;
-  e[18] !== d || e[19] !== i || e[20] !== t || e[21] !== u ? (s = u && t.buttons && /* @__PURE__ */ n(L, { children: /* @__PURE__ */ n(J, { ...t, style: {
-    ...i
-  }, children: B.Children.toArray(t.buttons.map((m) => d && d.securityBeforeUnload && m && m.type && m.type.name === "CancelButton" ? B.cloneElement(m, {
-    onClick: t.handlerClose
-  }) : B.cloneElement(m))) }) }), e[18] = d, e[19] = i, e[20] = t, e[21] = u, e[22] = s) : s = e[22];
-  let y;
-  return e[23] !== w || e[24] !== F || e[25] !== t || e[26] !== x || e[27] !== l || e[28] !== a || e[29] !== c || e[30] !== s || e[31] !== v ? (y = /* @__PURE__ */ n(X.Provider, { value: C, children: /* @__PURE__ */ P(G, { width: v, height: F, ...t, className: w, wrapperClassName: x, children: [
-    l,
+  e[19] !== s || e[20] !== t.styleForContent ? (c = {
+    ...t.styleForContent,
+    ...s
+  }, e[19] = s, e[20] = t.styleForContent, e[21] = c) : c = e[21];
+  const z = Z || p;
+  let m;
+  e[22] !== _ || e[23] !== c || e[24] !== z ? (m = /* @__PURE__ */ l(ue, { styleForContent: c, className: _, children: z }), e[22] = _, e[23] = c, e[24] = z, e[25] = m) : m = e[25];
+  let f;
+  e[26] !== L ? (f = L(), e[26] = L, e[27] = f) : f = e[27];
+  let d;
+  e[28] !== C || e[29] !== i || e[30] !== s || e[31] !== t || e[32] !== o || e[33] !== D ? (d = D && t.buttons && /* @__PURE__ */ l(he, { children: /* @__PURE__ */ l(de, { ...t, style: {
+    ...s
+  }, children: ce.toArray(t.buttons.map((n) => C && (C.securityBeforeUnload || o) && n && n.type && n.type.name === "CancelButton" ? Y(n, {
+    onClick: i
+  }) : Y(n))) }) }), e[28] = C, e[29] = i, e[30] = s, e[31] = t, e[32] = o, e[33] = D, e[34] = d) : d = e[34];
+  let u;
+  e[35] !== U || e[36] !== i || e[37] !== T || e[38] !== t || e[39] !== o || e[40] !== W || e[41] !== a || e[42] !== m || e[43] !== f || e[44] !== d || e[45] !== E ? (u = /* @__PURE__ */ X(me, { ...t, width: E, height: T, className: U, wrapperClassName: W, securityBeforeUnload: o, handlerClose: i, children: [
     a,
-    c,
-    s
-  ] }) }), e[23] = w, e[24] = F, e[25] = t, e[26] = x, e[27] = l, e[28] = a, e[29] = c, e[30] = s, e[31] = v, e[32] = y) : y = e[32], y;
-}, me = Q(Y);
+    m,
+    f,
+    d
+  ] }), e[35] = U, e[36] = i, e[37] = T, e[38] = t, e[39] = o, e[40] = W, e[41] = a, e[42] = m, e[43] = f, e[44] = d, e[45] = E, e[46] = u) : u = e[46];
+  let h;
+  e[47] !== A || e[48] !== R || e[49] !== k || e[50] !== $ ? (h = /* @__PURE__ */ l(we, { zIndex: "99999999", title: k, text: R, visible: $, onConfirmClick: A, onUnconfirmClick: oe }), e[47] = A, e[48] = R, e[49] = k, e[50] = $, e[51] = h) : h = e[51];
+  let B;
+  return e[52] !== u || e[53] !== h ? (B = /* @__PURE__ */ X(xe.Provider, { value: S, children: [
+    u,
+    h
+  ] }), e[52] = u, e[53] = h, e[54] = B) : B = e[54], B;
+}, je = ye(ge);
+function Fe(t) {
+  t?.preventDefault();
+}
 export {
-  X as FormDialogContext,
-  me as default
+  xe as FormDialogContext,
+  je as default
 };
 //# sourceMappingURL=index.js.map

package/lib/dialog/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/dialog/form/index.tsx"],"sourcesContent":["import React, { useContext, createContext, useRef } from 'react';\nimport * as uuid from 'uuid';\nimport BaseDialog from '../base';\nimport BaseHeader from '../base/Header';\nimport { ButtonContainer } from '../../buttons/index';\nimport Content from '../base/Content';\nimport BaseFooter from '../base/Footer';\nimport SpinnerLoading from '../../spinner';\nimport withFormSecurity, { FormSecurityContext } from '../../form/withFormSecurity';\nimport { IFormProps, IFormDialogContext } from '../types';\n\nexport const FormDialogContext = createContext({} as IFormDialogContext);\n\nconst ModalForm = (props: IFormProps) => {\n  const {\n    showFooter = true,\n    isWaiting = false,\n    width = '50%',\n    height = '50%',\n    content,\n    children,\n    className = '',\n    wrapperClassName = '',\n    contentClassName = '',\n  } = props;\n  const headerRef = useRef<HTMLDivElement>(null);\n  const context = useContext(FormSecurityContext);\n  const overlayStyle = isWaiting ? { opacity: 0.4, pointerEvent: 'none' } : {};\n\n  const getSpinner = () => {\n    if (!isWaiting) return null;\n    return (\n      <div className=\"waitingspinner\">\n        <SpinnerLoading style={{ width: 60 }} delayTime={0} />\n      </div>\n    );\n  };\n\n  return (\n    <FormDialogContext.Provider value={{ headerRef: headerRef as any }}>\n      <BaseDialog\n        width={width}\n        height={height}\n        {...props}\n        className={className}\n        wrapperClassName={`dialog-form-wrapper ${wrapperClassName}`}>\n        {props.title &&\n          <div className=\"header-form\">\n            <BaseHeader\n              title={props.title}\n              handlerClose={props.handlerClose}\n              icon={props.icon} />\n          </div>\n        }\n        <Content \n          styleForContent={{ ...props.styleForContent, ...overlayStyle }} \n          className={contentClassName}>\n          {content || children}\n        </Content>\n        {getSpinner()}\n        {showFooter && props.buttons &&\n          <BaseFooter>\n            <ButtonContainer {...props} style={{ ...overlayStyle }}>\n              {React.Children.toArray(props.buttons.map((button) => {\n                if (context && context.securityBeforeUnload && button && button.type\n                  && button.type.name === 'CancelButton') {\n                  return React.cloneElement(button, { onClick: props.handlerClose });\n                }\n                return React.cloneElement(button);\n              }))}\n            </ButtonContainer>\n          </BaseFooter>\n        }\n      </BaseDialog>\n    </FormDialogContext.Provider>\n  );\n};\n\nexport default withFormSecurity(ModalForm);\n"],"names":["FormDialogContext","createContext","ModalForm","props","$","_c","showFooter","t0","isWaiting","t1","width","t2","height","t3","content","children","className","t4","wrapperClassName","t5","contentClassName","t6","undefined","headerRef","useRef","context","useContext","FormSecurityContext","t7","opacity","pointerEvent","overlayStyle","t8","jsx","SpinnerLoading","getSpinner","t9","Symbol","for","t10","t11","handlerClose","icon","title","BaseHeader","t12","styleForContent","t13","t14","Content","t15","t16","buttons","BaseFooter","ButtonContainer","React","Children","toArray","map","button","securityBeforeUnload","type","name","cloneElement","onClick","t17","jsxs","BaseDialog","FormDialog","withFormSecurity"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/dialog/form/index.tsx"],"sourcesContent":["import { useContext, createContext, useRef, useState, useEffect, Children, cloneElement } from 'react';\nimport BaseDialog from '../base';\nimport BaseHeader from '../base/Header';\nimport { ButtonContainer } from '../../buttons/index';\nimport Content from '../base/Content';\nimport BaseFooter from '../base/Footer';\nimport SpinnerLoading from '../../spinner';\nimport withFormSecurity, { FormSecurityContext } from '../../form/withFormSecurity';\nimport { IFormProps, IFormDialogContext } from '../types';\nimport DialogQuestion from '../Question';\n\nexport const FormDialogContext = createContext({} as IFormDialogContext);\n\nconst ModalForm = (props: IFormProps) => {\n  const {\n    showFooter = true,\n    isWaiting = false,\n    width = '50%',\n    height = '50%',\n    content,\n    children,\n    className = '',\n    wrapperClassName = '',\n    contentClassName = '',\n    headerClassName = '',\n    securityBeforeUnload = false,\n    securityTitle = 'Dados Alterados',\n    securityText = 'Você possui dados alterados, confirma o fechamento?',\n  } = props;\n  const headerRef = useRef<HTMLDivElement>(null);\n  const context = useContext(FormSecurityContext);\n  const [showSecurityDialog, setShowSecurityDialog] = useState(false);\n  const overlayStyle = isWaiting ? { opacity: 0.4, pointerEvent: 'none' } : {};\n\n  const handlerClose = () => {\n    if (securityBeforeUnload) {\n      setShowSecurityDialog(true);\n      return;\n    }\n\n    if (props.handlerClose) {\n      props.handlerClose();\n    }\n  };\n\n  const onConfirmSecurity = () => {\n    props.handlerClose?.();\n    setShowSecurityDialog(false);\n  };\n\n  const onUnconfirmClick = () => {\n    setShowSecurityDialog(false);\n  };\n\n  const getSpinner = () => {\n    if (!isWaiting) return null;\n    return (\n      <div className=\"waitingspinner\">\n        <SpinnerLoading style={{ width: 60 }} delayTime={0} />\n      </div>\n    );\n  };\n\n  useEffect(() => {\n    const onBeforeUnload = (e: Event) => {\n      e?.preventDefault();\n    };\n\n    if (securityBeforeUnload) {\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => {\n      window.removeEventListener('beforeunload', onBeforeUnload);\n    };\n  }, [securityBeforeUnload]);\n\n  return (\n    <FormDialogContext.Provider value={{ headerRef: headerRef as any }}>\n      <BaseDialog\n        {...props}\n        width={width}\n        height={height}\n        className={className}\n        wrapperClassName={`dialog-form-wrapper ${wrapperClassName}`}\n        securityBeforeUnload={securityBeforeUnload}\n        handlerClose={handlerClose}>\n        {props.title &&\n          <div className={`header-form ${headerClassName}`}>\n            <BaseHeader\n              title={props.title}\n              handlerClose={handlerClose}\n              icon={props.icon} />\n          </div>\n        }\n        <Content \n          styleForContent={{ ...props.styleForContent, ...overlayStyle }} \n          className={contentClassName}>\n          {content || children}\n        </Content>\n        {getSpinner()}\n        {showFooter && props.buttons &&\n          <BaseFooter>\n            <ButtonContainer {...props} style={{ ...overlayStyle }}>\n              {Children.toArray(props.buttons.map((button) => {\n                if (context && (context.securityBeforeUnload || securityBeforeUnload) && button \n                  && button.type && button.type.name === 'CancelButton') {\n                  return cloneElement(button, { onClick: handlerClose });\n                }\n                return cloneElement(button);\n              }))}\n            </ButtonContainer>\n          </BaseFooter>\n        }\n      </BaseDialog>\n      <DialogQuestion\n        zIndex=\"99999999\"\n        title={securityTitle}\n        text={securityText}\n        visible={showSecurityDialog}\n        onConfirmClick={onConfirmSecurity}\n        onUnconfirmClick={onUnconfirmClick} />\n    </FormDialogContext.Provider>\n  );\n};\n\nexport default withFormSecurity(ModalForm);\n"],"names":["FormDialogContext","createContext","ModalForm","props","$","_c","showFooter","t0","isWaiting","t1","width","t2","height","t3","content","children","className","t4","wrapperClassName","t5","contentClassName","t6","headerClassName","t7","securityBeforeUnload","t8","securityTitle","t9","securityText","t10","undefined","headerRef","useRef","context","useContext","FormSecurityContext","showSecurityDialog","setShowSecurityDialog","useState","t11","opacity","pointerEvent","overlayStyle","t12","handlerClose","t13","onConfirmSecurity","t14","Symbol","for","onUnconfirmClick","t15","jsx","SpinnerLoading","getSpinner","t16","t17","onBeforeUnload","_temp","window","addEventListener","removeEventListener","useEffect","t18","t19","t20","icon","title","BaseHeader","t21","styleForContent","t22","t23","Content","t24","t25","buttons","BaseFooter","ButtonContainer","Children","toArray","map","button","type","name","cloneElement","onClick","t26","jsxs","BaseDialog","t27","DialogQuestion","t28","FormDialog","withFormSecurity","e","preventDefault"],"mappings":"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"}

package/lib/dialog/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties, ReactElement, Dispatch, JSX } from 'react';
+import { ReactNode, CSSProperties, ReactElement, Dispatch, JSX, RefObject, SetStateAction } from 'react';
 import { TextAlign } from '../@types/Align';
 import { IconNames } from '../@types/Icon';
 export interface IContentProps {
@@ -31,6 +31,7 @@ export interface IBaseProps {
     onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
     id?: string;
+    securityBeforeUnload?: boolean;
 }
 export interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     buttons?: JSX.Element[];
@@ -41,6 +42,10 @@ export interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     icon?: JSX.Element;
     content?: ReactNode;
     contentClassName?: string;
+    headerClassName?: string;
+    securityBeforeUnload?: boolean;
+    securityTitle?: string;
+    securityText?: string;
 }
 export interface ICommonDialogProps {
     onConfirmClick?: () => void;
@@ -73,10 +78,10 @@ export interface ICustomProps {
     handlerClose?: () => void;
 }
 export interface IFormDialogContext {
-    headerRef?: React.RefObject<HTMLDivElement>;
+    headerRef?: RefObject<HTMLDivElement>;
 }
 export interface WizardComponentProps extends Omit<IFormProps, 'content'> {
-    children: React.ReactNode;
+    children: ReactNode;
     buttons?: JSX.Element[];
     showProgressbar?: boolean;
     title?: string;
@@ -87,13 +92,13 @@ export interface WizardComponentProps extends Omit<IFormProps, 'content'> {
     progressBarPosition?: 'top' | 'left';
 }
 export interface WizardStepComponentProps {
-    children: React.ReactNode;
+    children: ReactNode;
     title: string;
     customClass?: string;
     customStyle?: CSSProperties;
 }
 export interface WizardControls extends Omit<UseWizardReturn, 'controls'> {
-    setTotalSteps: Dispatch<React.SetStateAction<number>>;
+    setTotalSteps: Dispatch<SetStateAction<number>>;
 }
 export interface UseWizardReturn {
     changeStep: (nextStep: number) => void;

package/lib/dialog/wizard/index.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 import { WizardComponentProps, WizardControls } from '../types';
-export declare const WizardContext: React.Context<WizardControls | null>;
+export declare const WizardContext: import('react').Context<WizardControls | null>;
 export declare const useWizardContext: () => WizardControls | null;
 declare function Wizard({ children, controls, showProgressbar, customStyleForProgressBar, customStyleForBody, progressBarPosition, ...dialogProps }: Readonly<WizardComponentProps>): import("react/jsx-runtime").JSX.Element;
 export { WizardStep as Step } from './step';

package/lib/dialog/wizard/index.js

@@ -1,67 +1,67 @@
-import { jsx as W, jsxs as N } from "react/jsx-runtime";
-import { c as F } from "react/compiler-runtime";
-import v, { useEffect as j } from "react";
-import T from "../../_virtual/lodash.js";
-import k from "../form/index.js";
-import { Progressbar as A } from "./progressbar.js";
-import '../../styles/assets/styles/wizard.css';/* empty css                              */
-import { WizardStep as M } from "./step.js";
-import { useWizard as Q } from "./useWizard.js";
-const B = v.createContext(null), I = () => v.useContext(B);
-function J(w) {
-  const e = F(34);
-  let s, r, l, i, n, m, d;
+import { jsxs as B, jsx as W } from "react/jsx-runtime";
+import { c as N } from "../../_virtual/compiler-runtime.js";
+import { createContext as F, useContext as j, Children as T, useEffect as k } from "react";
+import A from "../../_virtual/lodash.js";
+import D from "../form/index.js";
+import { Progressbar as R } from "./progressbar.js";
+import '../../assets/styles/wizard.css';/* empty css                              */
+import { WizardStep as Q } from "./step.js";
+import { useWizard as V } from "./useWizard.js";
+const v = F(null), K = () => j(v);
+function L(w) {
+  const e = N.c(34);
+  let s, r, l, i, n, c, d;
   e[0] !== w ? ({
     children: s,
     controls: r,
-    showProgressbar: m,
+    showProgressbar: c,
     customStyleForProgressBar: i,
     customStyleForBody: l,
     progressBarPosition: d,
     ...n
-  } = w, e[0] = w, e[1] = s, e[2] = r, e[3] = l, e[4] = i, e[5] = n, e[6] = m, e[7] = d) : (s = e[1], r = e[2], l = e[3], i = e[4], n = e[5], m = e[6], d = e[7]);
-  const y = m === void 0 ? !0 : m, S = d === void 0 ? "top" : d, {
+  } = w, e[0] = w, e[1] = s, e[2] = r, e[3] = l, e[4] = i, e[5] = n, e[6] = c, e[7] = d) : (s = e[1], r = e[2], l = e[3], i = e[4], n = e[5], c = e[6], d = e[7]);
+  const y = c === void 0 ? !0 : c, S = d === void 0 ? "top" : d, {
     currentStep: o,
-    setTotalSteps: C
+    setTotalSteps: x
   } = r;
   let t, f;
   if (e[8] !== s || e[9] !== o) {
-    t = v.Children.toArray(s);
+    t = T.toArray(s);
     let z;
-    e[12] !== o ? (z = (E, x) => ({
+    e[12] !== o ? (z = (E, b) => ({
       title: String(E.props.title),
-      number: x + 1,
-      completed: x < o - 1 && x !== o
+      number: b + 1,
+      completed: b < o - 1 && b !== o
     }), e[12] = o, e[13] = z) : z = e[13], f = t.map(z), e[8] = s, e[9] = o, e[10] = t, e[11] = f;
   } else
     t = e[10], f = e[11];
-  const P = f, b = t[o - 1];
-  if (!r || T.isEmpty(r))
+  const C = f, P = t[o - 1];
+  if (!r || A.isEmpty(r))
     throw new Error("Wizard must be have controls by using useWizard hook or creating manually.");
   let u;
-  e[14] !== C || e[15] !== t.length ? (u = () => {
-    C(t.length);
-  }, e[14] = C, e[15] = t.length, e[16] = u) : u = e[16];
+  e[14] !== x || e[15] !== t.length ? (u = () => {
+    x(t.length);
+  }, e[14] = x, e[15] = t.length, e[16] = u) : u = e[16];
   let g;
-  e[17] !== t.length ? (g = [t.length], e[17] = t.length, e[18] = g) : g = e[18], j(u, g);
+  e[17] !== t.length ? (g = [t.length], e[17] = t.length, e[18] = g) : g = e[18], k(u, g);
   let a;
-  e[19] !== i || e[20] !== S || e[21] !== y || e[22] !== P ? (a = y && /* @__PURE__ */ W(A, { stepsTitle: P, customStyle: i, position: S }), e[19] = i, e[20] = S, e[21] = y, e[22] = P, e[23] = a) : a = e[23];
+  e[19] !== i || e[20] !== S || e[21] !== y || e[22] !== C ? (a = y && /* @__PURE__ */ W(R, { stepsTitle: C, customStyle: i, position: S }), e[19] = i, e[20] = S, e[21] = y, e[22] = C, e[23] = a) : a = e[23];
   let p;
-  e[24] !== b || e[25] !== l ? (p = /* @__PURE__ */ W("div", { className: "wizard-body", style: l, children: b }), e[24] = b, e[25] = l, e[26] = p) : p = e[26];
-  let c;
-  e[27] !== n || e[28] !== a || e[29] !== p ? (c = /* @__PURE__ */ N(k, { className: "wizard-dialog", wrapperClassName: "wizard-wrapper", contentClassName: "wizard-content", ...n, children: [
+  e[24] !== P || e[25] !== l ? (p = /* @__PURE__ */ W("div", { className: "wizard-body", style: l, children: P }), e[24] = P, e[25] = l, e[26] = p) : p = e[26];
+  let m;
+  e[27] !== n || e[28] !== a || e[29] !== p ? (m = /* @__PURE__ */ B(D, { className: "wizard-dialog", wrapperClassName: "wizard-wrapper", contentClassName: "wizard-content", ...n, children: [
     a,
     p
-  ] }), e[27] = n, e[28] = a, e[29] = p, e[30] = c) : c = e[30];
+  ] }), e[27] = n, e[28] = a, e[29] = p, e[30] = m) : m = e[30];
   let h;
-  return e[31] !== r || e[32] !== c ? (h = /* @__PURE__ */ W(B.Provider, { value: r, children: c }), e[31] = r, e[32] = c, e[33] = h) : h = e[33], h;
+  return e[31] !== r || e[32] !== m ? (h = /* @__PURE__ */ W(v.Provider, { value: r, children: m }), e[31] = r, e[32] = m, e[33] = h) : h = e[33], h;
 }
 export {
-  J as Container,
-  M as Step,
-  B as WizardContext,
-  J as default,
-  Q as useWizard,
-  I as useWizardContext
+  L as Container,
+  Q as Step,
+  v as WizardContext,
+  L as default,
+  V as useWizard,
+  K as useWizardContext
 };
 //# sourceMappingURL=index.js.map

package/lib/dialog/wizard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/dialog/wizard/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useEffect } from 'react';\nimport _ from 'lodash';\nimport FormDialog from '../form/';\nimport { Progressbar } from './progressbar';\nimport { type WizardComponentProps, type WizardControls } from '../types';\n\nimport '../../assets/styles/wizard.scss';\n\nexport const WizardContext = React.createContext<WizardControls | null>(null);\n\nexport const useWizardContext = () => React.useContext(WizardContext);\n\nfunction Wizard({\n  children, controls, showProgressbar = true, customStyleForProgressBar, customStyleForBody,\n  progressBarPosition = 'top', ...dialogProps\n}: Readonly<WizardComponentProps>) {\n  const { currentStep, setTotalSteps } = controls;\n  const steps = React.Children.toArray(children) as ReactElement[];\n  const stepsTitle = steps.map((step: any, index) => {\n    return {\n      title: String(step.props.title),\n      number: index + 1,\n      completed: index < currentStep - 1 && index !== currentStep,\n    };\n  });\n\n  const currentStepElement = steps[currentStep - 1] as ReactNode;\n\n  if (!controls || _.isEmpty(controls))\n    throw new Error('Wizard must be have controls by using useWizard hook or creating manually.');\n\n  useEffect(() => {\n    setTotalSteps(steps.length);\n  }, [steps.length]);\n\n  return (\n    <WizardContext.Provider value={controls}>\n      <FormDialog\n        className='wizard-dialog'\n        wrapperClassName='wizard-wrapper'\n        contentClassName='wizard-content'\n        {...dialogProps}>\n        {showProgressbar && (\n          <Progressbar\n            stepsTitle={stepsTitle}\n            customStyle={customStyleForProgressBar}\n            position={progressBarPosition} />\n        )}\n        <div className='wizard-body' style={customStyleForBody}>\n          {currentStepElement}\n        </div>\n      </FormDialog>\n    </WizardContext.Provider>\n  );\n}\n\nexport { WizardStep as Step } from './step';\nexport { Wizard as Container };\nexport { useWizard } from './useWizard';\nexport default Wizard;\n"],"names":["WizardContext","React","createContext","useWizardContext","useContext","Wizard","t0","$","_c","children","controls","customStyleForBody","customStyleForProgressBar","dialogProps","t1","t2","showProgressbar","progressBarPosition","undefined","currentStep","setTotalSteps","steps","t3","Children","toArray","t4","step","index","title","String","props","number","completed","map","stepsTitle","currentStepElement","_","isEmpty","Error","length","t5","useEffect","t6","jsx","Progressbar","t7","t8","jsxs","FormDialog","t9"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/dialog/wizard/index.tsx"],"sourcesContent":["import { Children, createContext, ReactElement, ReactNode, useContext, useEffect } from 'react';\nimport _ from 'lodash';\nimport FormDialog from '../form/';\nimport { Progressbar } from './progressbar';\nimport { WizardStepComponentProps, type WizardComponentProps, type WizardControls } from '../types';\nimport '../../assets/styles/wizard.scss';\n\nexport const WizardContext = createContext<WizardControls | null>(null);\n\nexport const useWizardContext = () => useContext(WizardContext);\n\nfunction Wizard({\n  children, controls, showProgressbar = true, customStyleForProgressBar, customStyleForBody,\n  progressBarPosition = 'top', ...dialogProps\n}: Readonly<WizardComponentProps>) {\n  const { currentStep, setTotalSteps } = controls;\n  const steps = Children.toArray(children) as ReactElement<WizardStepComponentProps>[];\n  const stepsTitle = steps.map((step, index) => {\n    return {\n      title: String(step.props.title),\n      number: index + 1,\n      completed: index < currentStep - 1 && index !== currentStep,\n    };\n  });\n\n  const currentStepElement = steps[currentStep - 1] as ReactNode;\n\n  if (!controls || _.isEmpty(controls))\n    throw new Error('Wizard must be have controls by using useWizard hook or creating manually.');\n\n  useEffect(() => {\n    setTotalSteps(steps.length);\n  }, [steps.length]);\n\n  return (\n    <WizardContext.Provider value={controls}>\n      <FormDialog\n        className='wizard-dialog'\n        wrapperClassName='wizard-wrapper'\n        contentClassName='wizard-content'\n        {...dialogProps}>\n        {showProgressbar && (\n          <Progressbar\n            stepsTitle={stepsTitle}\n            customStyle={customStyleForProgressBar}\n            position={progressBarPosition} />\n        )}\n        <div className='wizard-body' style={customStyleForBody}>\n          {currentStepElement}\n        </div>\n      </FormDialog>\n    </WizardContext.Provider>\n  );\n}\n\nexport { WizardStep as Step } from './step';\nexport { Wizard as Container };\nexport { useWizard } from './useWizard';\nexport default Wizard;\n"],"names":["WizardContext","createContext","useWizardContext","useContext","Wizard","t0","$","_c","children","controls","customStyleForBody","customStyleForProgressBar","dialogProps","t1","t2","showProgressbar","progressBarPosition","undefined","currentStep","setTotalSteps","steps","t3","Children","toArray","t4","step","index","title","String","props","number","completed","map","stepsTitle","currentStepElement","_","isEmpty","Error","length","t5","useEffect","t6","jsx","Progressbar","t7","t8","jsxs","FormDialog","t9"],"mappings":"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"}

package/lib/dialog/wizard/progressbar.js

@@ -1,29 +1,29 @@
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import { c as h } from "react/compiler-runtime";
+import { c as h } from "../../_virtual/compiler-runtime.js";
 import { useWizardContext as x } from "./index.js";
 function z(u) {
-  const t = h(10), {
+  const t = h.c(10), {
     customClass: b,
     customStyle: a,
-    stepsTitle: l,
+    stepsTitle: c,
     position: d
-  } = u, c = d === void 0 ? "top" : d, p = x();
+  } = u, l = d === void 0 ? "top" : d, p = x();
   if (!p)
     throw new Error("WizardProgressbar must be used within a Wizard component");
   const {
     currentStep: s
   } = p, m = `wizard-progressbar ${b}`;
   let e;
-  if (t[0] !== s || t[1] !== l) {
+  if (t[0] !== s || t[1] !== c) {
     let i;
     t[3] !== s ? (i = (r) => /* @__PURE__ */ f("div", { className: "title", "data-completed": r.completed, "data-disabled": r.number > s, children: [
       /* @__PURE__ */ n("div", { className: "step", children: /* @__PURE__ */ n("span", { className: "number", children: r.number }) }),
       /* @__PURE__ */ n("span", { className: "step-title", children: r.title })
-    ] }, r.number), t[3] = s, t[4] = i) : i = t[4], e = l.map(i), t[0] = s, t[1] = l, t[2] = e;
+    ] }, r.number), t[3] = s, t[4] = i) : i = t[4], e = c.map(i), t[0] = s, t[1] = c, t[2] = e;
   } else
     e = t[2];
   let o;
-  return t[5] !== a || t[6] !== c || t[7] !== m || t[8] !== e ? (o = /* @__PURE__ */ n("div", { className: m, style: a, "data-position": c, children: e }), t[5] = a, t[6] = c, t[7] = m, t[8] = e, t[9] = o) : o = t[9], o;
+  return t[5] !== a || t[6] !== l || t[7] !== m || t[8] !== e ? (o = /* @__PURE__ */ n("div", { className: m, style: a, "data-position": l, children: e }), t[5] = a, t[6] = l, t[7] = m, t[8] = e, t[9] = o) : o = t[9], o;
 }
 export {
   z as Progressbar

package/lib/dialog/wizard/progressbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressbar.js","sources":["../../../src/lib/dialog/wizard/progressbar.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement } from 'react';\nimport { useWizardContext } from '.';\n\nexport function Progressbar({ \n  customClass, \n  customStyle, \n  stepsTitle,\n  position = 'top',\n}: Readonly<{ \n  customClass?: string,\n  stepsTitle: {\n    title: string,\n    number: number,\n    completed: boolean\n  }[]\n  customStyle?: CSSProperties \n  position?: 'top' | 'left'\n}>) {\n  const context = useWizardContext();\n\n  if (!context) \n    throw new Error('WizardProgressbar must be used within a Wizard component');\n\n  const { currentStep } = context;\n\n  return (\n    <div \n      className={`wizard-progressbar ${customClass}`} \n      style={customStyle}\n      data-position={position}>\n      {stepsTitle.map(step => (\n        <div \n          key={step.number} \n          className='title' data-completed={step.completed}\n          data-disabled={step.number > currentStep}>\n          <div className='step'>\n            <span className='number' >\n              {step.number}\n            </span>\n          </div>\n          <span className='step-title'>{step.title}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["Progressbar","t0","$","_c","customClass","customStyle","stepsTitle","position","t1","undefined","context","useWizardContext","Error","currentStep","t2","t3","t4","step","jsxs","completed","number","jsx","title","map"],"mappings":";;;AAGO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAqB;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,UAAAC;AAAAA,EAAAA,IAAAP,GAI1BM,IAAAC,MAAAC,SAAA,QAAAD,GAWAE,IAAgBC,EAAAA;AAEhB,MAAI,CAACD;AACH,UAAM,IAAIE,MAAM,0DAA0D;AAE5E,QAAA;AAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAwBH,GAITI,IAAA,sBAAsBV,CAAW;AAAE,MAAAW;AAAA,MAAAb,EAAA,CAAA,MAAAW,KAAAX,SAAAI,GAAA;AAAA,QAAAU;AAAA,IAAAd,SAAAW,KAG9BG,IAAAC,CAAAA,MACd,gBAAAC,EAAA,OAAA,EAEY,WAAA,SAAwB,kBAAAD,EAAIE,WACvB,iBAAAF,EAAIG,SAAUP,GAC7B,UAAA;AAAA,MAAA,gBAAAQ,EAAA,OAAA,EAAe,WAAA,QACb,UAAA,gBAAAA,EAAA,UAAgB,WAAA,UACbJ,UAAAA,EAAIG,OAAAA,CACP,EAAA,CACF;AAAA,MACA,gBAAAC,YAAgB,WAAA,cAAcJ,YAAIK,MAAAA,CAAO;AAAA,IAAA,EAAA,GARpCL,EAAIG,MASX,GACDlB,OAAAW,GAAAX,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GAZAa,IAAAT,EAAUiB,IAAKP,CAYf,GAACd,OAAAW,GAAAX,OAAAI,GAAAJ,OAAAa;AAAAA,EAAA;AAAAA,IAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAc;AAAA,SAAAd,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAY,KAAAZ,SAAAa,KAhBJC,IAAA,gBAAAK,EAAA,SACa,WAAAP,GACJT,OAAAA,GACQE,iBAAAA,GACdQ,UAAAA,EAAAA,CAaH,GAAMb,OAAAG,GAAAH,OAAAK,GAAAL,OAAAY,GAAAZ,OAAAa,GAAAb,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GAjBNc;AAiBM;"}
+{"version":3,"file":"progressbar.js","sources":["../../../src/lib/dialog/wizard/progressbar.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useWizardContext } from '.';\n\nexport function Progressbar({\n  customClass,\n  customStyle,\n  stepsTitle,\n  position = 'top',\n}: Readonly<{\n  customClass?: string,\n  stepsTitle: {\n    title: string,\n    number: number,\n    completed: boolean\n  }[]\n  customStyle?: CSSProperties\n  position?: 'top' | 'left'\n}>) {\n  const context = useWizardContext();\n\n  if (!context)\n    throw new Error('WizardProgressbar must be used within a Wizard component');\n\n  const { currentStep } = context;\n\n  return (\n    <div\n      className={`wizard-progressbar ${customClass}`}\n      style={customStyle}\n      data-position={position}>\n      {stepsTitle.map(step => (\n        <div\n          key={step.number}\n          className='title' data-completed={step.completed}\n          data-disabled={step.number > currentStep}>\n          <div className='step'>\n            <span className='number' >\n              {step.number}\n            </span>\n          </div>\n          <span className='step-title'>{step.title}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["Progressbar","t0","$","_c","customClass","customStyle","stepsTitle","position","t1","undefined","context","useWizardContext","Error","currentStep","t2","t3","t4","step","jsxs","completed","number","jsx","title","map"],"mappings":";;;AAGO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAqB;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,UAAAC;AAAAA,EAAAA,IAAAP,GAI1BM,IAAAC,MAAAC,SAAA,QAAAD,GAWAE,IAAgBC,EAAAA;AAEhB,MAAI,CAACD;AACH,UAAM,IAAIE,MAAM,0DAA0D;AAE5E,QAAA;AAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAwBH,GAITI,IAAA,sBAAsBV,CAAW;AAAE,MAAAW;AAAA,MAAAb,EAAA,CAAA,MAAAW,KAAAX,SAAAI,GAAA;AAAA,QAAAU;AAAA,IAAAd,SAAAW,KAG9BG,IAAAC,CAAAA,MACd,gBAAAC,EAAA,OAAA,EAEY,WAAA,SAAwB,kBAAAD,EAAIE,WACvB,iBAAAF,EAAIG,SAAUP,GAC7B,UAAA;AAAA,MAAA,gBAAAQ,EAAA,OAAA,EAAe,WAAA,QACb,UAAA,gBAAAA,EAAA,UAAgB,WAAA,UACbJ,UAAAA,EAAIG,OAAAA,CACP,EAAA,CACF;AAAA,MACA,gBAAAC,YAAgB,WAAA,cAAcJ,YAAIK,MAAAA,CAAO;AAAA,IAAA,EAAA,GARpCL,EAAIG,MASX,GACDlB,OAAAW,GAAAX,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GAZAa,IAAAT,EAAUiB,IAAKP,CAYf,GAACd,OAAAW,GAAAX,OAAAI,GAAAJ,OAAAa;AAAAA,EAAA;AAAAA,IAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAc;AAAA,SAAAd,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAY,KAAAZ,SAAAa,KAhBJC,IAAA,gBAAAK,EAAA,SACa,WAAAP,GACJT,OAAAA,GACQE,iBAAAA,GACdQ,UAAAA,EAAAA,CAaH,GAAMb,OAAAG,GAAAH,OAAAK,GAAAL,OAAAY,GAAAZ,OAAAa,GAAAb,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GAjBNc;AAiBM;"}

package/lib/dialog/wizard/step.js

@@ -1,13 +1,13 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "react/compiler-runtime";
-import { useWizardContext as d } from "./index.js";
+import { c as a } from "../../_virtual/compiler-runtime.js";
+import { useWizardContext as p } from "./index.js";
 function x(c) {
-  const t = a(4), {
+  const t = a.c(4), {
     children: e,
     customClass: n,
     customStyle: s
   } = c, i = n === void 0 ? "" : n;
-  if (!d())
+  if (!p())
     throw new Error("WizardStep must be used within a Wizard component");
   const r = `wizard-step-component ${i}`;
   let o;

package/lib/dialog/wizard/step.js.map

@@ -1 +1 @@
-{"version":3,"file":"step.js","sources":["../../../src/lib/dialog/wizard/step.tsx"],"sourcesContent":["import React from 'react';\nimport { useWizardContext } from '.';\nimport { WizardStepComponentProps } from '../types';\n\nexport function WizardStep({ children, customClass = '', customStyle }: Readonly<WizardStepComponentProps>) {\n  const context = useWizardContext();\n  \n  if (!context) \n    throw new Error('WizardStep must be used within a Wizard component');\n\n  return (\n    <div className={`wizard-step-component ${customClass}`} style={customStyle}>\n      {children}\n    </div>\n  );\n}\n"],"names":["WizardStep","t0","$","_c","children","customClass","t1","customStyle","undefined","useWizardContext","Error","t2","t3"],"mappings":";;;AAIO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAoB;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAN,GAAYI,IAAAC,MAAAE,SAAA,KAAAF;AAGrC,MAAI,CAFYG,EAAAA;AAGd,UAAM,IAAIC,MAAM,mDAAmD;AAGnD,QAAAC,IAAA,yBAAyBN,CAAW;AAAE,MAAAO;AAAA,SAAAV,EAAA,CAAA,MAAAE,KAAAF,SAAAK,KAAAL,EAAA,CAAA,MAAAS,KAAtDC,+BAAgB,WAAAD,GAA+CJ,UAC5DH,UAAAA,GACH,GAAMF,OAAAE,GAAAF,OAAAK,GAAAL,OAAAS,GAAAT,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAFNU;AAEM;"}
+{"version":3,"file":"step.js","sources":["../../../src/lib/dialog/wizard/step.tsx"],"sourcesContent":["import { useWizardContext } from '.';\nimport { WizardStepComponentProps } from '../types';\n\nexport function WizardStep({ children, customClass = '', customStyle }: Readonly<WizardStepComponentProps>) {\n  const context = useWizardContext();\n  \n  if (!context) \n    throw new Error('WizardStep must be used within a Wizard component');\n\n  return (\n    <div className={`wizard-step-component ${customClass}`} style={customStyle}>\n      {children}\n    </div>\n  );\n}\n"],"names":["WizardStep","t0","$","_c","children","customClass","t1","customStyle","undefined","useWizardContext","Error","t2","t3"],"mappings":";;;AAGO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAoB;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAN,GAAYI,IAAAC,MAAAE,SAAA,KAAAF;AAGrC,MAAI,CAFYG,EAAAA;AAGd,UAAM,IAAIC,MAAM,mDAAmD;AAGnD,QAAAC,IAAA,yBAAyBN,CAAW;AAAE,MAAAO;AAAA,SAAAV,EAAA,CAAA,MAAAE,KAAAF,SAAAK,KAAAL,EAAA,CAAA,MAAAS,KAAtDC,+BAAgB,WAAAD,GAA+CJ,UAC5DH,UAAAA,GACH,GAAMF,OAAAE,GAAAF,OAAAK,GAAAL,OAAAS,GAAAT,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAFNU;AAEM;"}

package/lib/dialog/wizard/useWizard.js

@@ -1,46 +1,46 @@
-import { c as _ } from "react/compiler-runtime";
-import v, { useState as b } from "react";
-const y = () => {
-  const t = _(20), [n, u] = b(0), [o, m] = v.useState(1), e = o < n, s = o > 1;
-  let p;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (p = (x) => {
-    m((h) => h + x);
-  }, t[0] = p) : p = t[0];
-  const S = p;
-  let i;
-  t[1] !== e ? (i = () => {
-    e && S(1);
-  }, t[1] = e, t[2] = i) : i = t[2];
-  const c = i;
+import { c as v } from "../../_virtual/compiler-runtime.js";
+import { useState as m } from "react";
+const g = () => {
+  const t = v.c(20), [n, u] = m(0), [o, x] = m(1), e = o < n, s = o > 1;
+  let l;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (l = (h) => {
+    x((_) => _ + h);
+  }, t[0] = l) : l = t[0];
+  const i = l;
+  let S;
+  t[1] !== e ? (S = () => {
+    e && i(1);
+  }, t[1] = e, t[2] = S) : S = t[2];
+  const r = S;
   let a;
   t[3] !== s ? (a = () => {
-    s && S(-1);
+    s && i(-1);
   }, t[3] = s, t[4] = a) : a = t[4];
-  const r = a;
-  let l;
-  t[5] !== o || t[6] !== e || t[7] !== s || t[8] !== c || t[9] !== r || t[10] !== n ? (l = {
-    changeStep: S,
-    nextStep: c,
+  const c = a;
+  let p;
+  t[5] !== o || t[6] !== e || t[7] !== s || t[8] !== r || t[9] !== c || t[10] !== n ? (p = {
+    changeStep: i,
+    nextStep: r,
     hasNextStep: e,
-    previousStep: r,
+    previousStep: c,
     hasPreviousStep: s,
     currentStep: o,
     totalSteps: n,
     setTotalSteps: u
-  }, t[5] = o, t[6] = e, t[7] = s, t[8] = c, t[9] = r, t[10] = n, t[11] = l) : l = t[11];
+  }, t[5] = o, t[6] = e, t[7] = s, t[8] = r, t[9] = c, t[10] = n, t[11] = p) : p = t[11];
   let f;
-  return t[12] !== o || t[13] !== e || t[14] !== s || t[15] !== c || t[16] !== r || t[17] !== l || t[18] !== n ? (f = {
-    changeStep: S,
-    nextStep: c,
+  return t[12] !== o || t[13] !== e || t[14] !== s || t[15] !== r || t[16] !== c || t[17] !== p || t[18] !== n ? (f = {
+    changeStep: i,
+    nextStep: r,
     hasNextStep: e,
-    previousStep: r,
+    previousStep: c,
     hasPreviousStep: s,
     currentStep: o,
     totalSteps: n,
-    controls: l
-  }, t[12] = o, t[13] = e, t[14] = s, t[15] = c, t[16] = r, t[17] = l, t[18] = n, t[19] = f) : f = t[19], f;
+    controls: p
+  }, t[12] = o, t[13] = e, t[14] = s, t[15] = r, t[16] = c, t[17] = p, t[18] = n, t[19] = f) : f = t[19], f;
 };
 export {
-  y as useWizard
+  g as useWizard
 };
 //# sourceMappingURL=useWizard.js.map