jcicl 1.1.5 → 1.2.2

package/Stepper/Stepper.js

@@ -1,24 +1,24 @@
-import { jsxs as S, jsx as n, Fragment as I } from "react/jsx-runtime";
-import * as N from "react";
+import { jsxs as S, jsx as s, Fragment as I } from "react/jsx-runtime";
+import * as k from "react";
 import { useState as T, Children as G, isValidElement as H } from "react";
-import { flushSync as M } from "react-dom";
-import { n as R } from "../.chunks/emotion-styled.browser.esm.js";
-import { k as A, c as P } from "../.chunks/emotion-react.browser.esm.js";
-import { Button as q } from "../Button/Button.js";
-import { SlideOut as J, SlideIn as Q, SlideInReverse as z, SlideOutReverse as W } from "../animation/Slide/Slide.js";
+import { flushSync as x } from "react-dom";
+import { cn as M } from "../cn.js";
+import { Button as _ } from "../Button/Button.js";
+import { SlideOut as J, SlideIn as Q, SlideInReverse as q, SlideOutReverse as W } from "../animation/Slide/Slide.js";
 import { useThemeColors as Z } from "../ThemeContext.js";
-import { g as V, a as _, s as g, c as f, u as F, P as o, b as K, l as rr, f as er, h as tr } from "../.chunks/DefaultPropsProvider.js";
-import { c as O } from "../.chunks/clsx.js";
-import { m as w } from "../.chunks/memoTheme.js";
+import { g as U, a as V, s as h, c as m, u as K, P as o, b as F, l as rr, f as er, h as tr } from "../.chunks/DefaultPropsProvider.js";
+import { c as N } from "../.chunks/clsx.js";
+import { m as P } from "../.chunks/memoTheme.js";
 import { P as or } from "../.chunks/Paper.js";
 import { u as ar } from "../.chunks/index.js";
-import { c as k } from "../.chunks/createSimplePaletteValueFilter.js";
-import { i as E } from "../.chunks/integerPropType.js";
+import { c as w } from "../.chunks/createSimplePaletteValueFilter.js";
+import { k as B, c as R } from "../.chunks/emotion-react.browser.esm.js";
+import { i as z } from "../.chunks/integerPropType.js";
 function nr(e) {
-  return V("MuiLinearProgress", e);
+  return U("MuiLinearProgress", e);
 }
-_("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
-const $ = 4, j = A`
+V("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
+const O = 4, L = B`
   0% {
     left: -35%;
     right: 100%;
@@ -33,9 +33,9 @@ const $ = 4, j = A`
     left: 100%;
     right: -90%;
   }
-`, ir = typeof j != "string" ? P`
-        animation: ${j} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-      ` : null, B = A`
+`, sr = typeof L != "string" ? R`
+        animation: ${L} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+      ` : null, j = B`
   0% {
     left: -200%;
     right: 100%;
@@ -50,9 +50,9 @@ const $ = 4, j = A`
     left: 107%;
     right: -8%;
   }
-`, sr = typeof B != "string" ? P`
-        animation: ${B} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
-      ` : null, L = A`
+`, ir = typeof j != "string" ? R`
+        animation: ${j} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
+      ` : null, $ = B`
   0% {
     opacity: 1;
     background-position: 0 -23px;
@@ -67,30 +67,30 @@ const $ = 4, j = A`
     opacity: 1;
     background-position: -200px -23px;
   }
-`, lr = typeof L != "string" ? P`
-        animation: ${L} 3s infinite linear;
+`, lr = typeof $ != "string" ? R`
+        animation: ${$} 3s infinite linear;
       ` : null, pr = (e) => {
   const {
     classes: r,
     variant: t,
-    color: l
-  } = e, u = {
-    root: ["root", `color${f(l)}`, t],
-    dashed: ["dashed", `dashedColor${f(l)}`],
-    bar1: ["bar", `barColor${f(l)}`, (t === "indeterminate" || t === "query") && "bar1Indeterminate", t === "determinate" && "bar1Determinate", t === "buffer" && "bar1Buffer"],
-    bar2: ["bar", t !== "buffer" && `barColor${f(l)}`, t === "buffer" && `color${f(l)}`, (t === "indeterminate" || t === "query") && "bar2Indeterminate", t === "buffer" && "bar2Buffer"]
+    color: i
+  } = e, d = {
+    root: ["root", `color${m(i)}`, t],
+    dashed: ["dashed", `dashedColor${m(i)}`],
+    bar1: ["bar", `barColor${m(i)}`, (t === "indeterminate" || t === "query") && "bar1Indeterminate", t === "determinate" && "bar1Determinate", t === "buffer" && "bar1Buffer"],
+    bar2: ["bar", t !== "buffer" && `barColor${m(i)}`, t === "buffer" && `color${m(i)}`, (t === "indeterminate" || t === "query") && "bar2Indeterminate", t === "buffer" && "bar2Buffer"]
   };
-  return K(u, nr, r);
-}, D = (e, r) => e.vars ? e.vars.palette.LinearProgress[`${r}Bg`] : e.palette.mode === "light" ? rr(e.palette[r].main, 0.62) : er(e.palette[r].main, 0.5), cr = g("span", {
+  return F(d, nr, r);
+}, A = (e, r) => e.vars ? e.vars.palette.LinearProgress[`${r}Bg`] : e.palette.mode === "light" ? rr(e.palette[r].main, 0.62) : er(e.palette[r].main, 0.5), cr = h("span", {
   name: "MuiLinearProgress",
   slot: "Root",
   overridesResolver: (e, r) => {
     const {
       ownerState: t
     } = e;
-    return [r.root, r[`color${f(t.color)}`], r[t.variant]];
+    return [r.root, r[`color${m(t.color)}`], r[t.variant]];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   position: "relative",
@@ -102,12 +102,12 @@ const $ = 4, j = A`
   "@media print": {
     colorAdjust: "exact"
   },
-  variants: [...Object.entries(e.palette).filter(k()).map(([r]) => ({
+  variants: [...Object.entries(e.palette).filter(w()).map(([r]) => ({
     props: {
       color: r
     },
     style: {
-      backgroundColor: D(e, r)
+      backgroundColor: A(e, r)
     }
   })), {
     props: ({
@@ -140,16 +140,16 @@ const $ = 4, j = A`
       transform: "rotate(180deg)"
     }
   }]
-}))), dr = g("span", {
+}))), dr = h("span", {
   name: "MuiLinearProgress",
   slot: "Dashed",
   overridesResolver: (e, r) => {
     const {
       ownerState: t
     } = e;
-    return [r.dashed, r[`dashedColor${f(t.color)}`]];
+    return [r.dashed, r[`dashedColor${m(t.color)}`]];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   position: "absolute",
@@ -166,8 +166,8 @@ const $ = 4, j = A`
       opacity: 0.3,
       backgroundImage: "radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)"
     }
-  }, ...Object.entries(e.palette).filter(k()).map(([r]) => {
-    const t = D(e, r);
+  }, ...Object.entries(e.palette).filter(w()).map(([r]) => {
+    const t = A(e, r);
     return {
       props: {
         color: r
@@ -179,17 +179,17 @@ const $ = 4, j = A`
   })]
 })), lr || {
   // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
-  animation: `${L} 3s infinite linear`
-}), ur = g("span", {
+  animation: `${$} 3s infinite linear`
+}), ur = h("span", {
   name: "MuiLinearProgress",
   slot: "Bar1",
   overridesResolver: (e, r) => {
     const {
       ownerState: t
     } = e;
-    return [r.bar, r[`barColor${f(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && r.bar1Indeterminate, t.variant === "determinate" && r.bar1Determinate, t.variant === "buffer" && r.bar1Buffer];
+    return [r.bar, r[`barColor${m(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && r.bar1Indeterminate, t.variant === "determinate" && r.bar1Determinate, t.variant === "buffer" && r.bar1Buffer];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   width: "100%",
@@ -206,7 +206,7 @@ const $ = 4, j = A`
     style: {
       backgroundColor: "currentColor"
     }
-  }, ...Object.entries(e.palette).filter(k()).map(([r]) => ({
+  }, ...Object.entries(e.palette).filter(w()).map(([r]) => ({
     props: {
       color: r
     },
@@ -218,7 +218,7 @@ const $ = 4, j = A`
       variant: "determinate"
     },
     style: {
-      transition: `transform .${$}s linear`
+      transition: `transform .${O}s linear`
     }
   }, {
     props: {
@@ -226,7 +226,7 @@ const $ = 4, j = A`
     },
     style: {
       zIndex: 1,
-      transition: `transform .${$}s linear`
+      transition: `transform .${O}s linear`
     }
   }, {
     props: ({
@@ -239,20 +239,20 @@ const $ = 4, j = A`
     props: ({
       ownerState: r
     }) => r.variant === "indeterminate" || r.variant === "query",
-    style: ir || {
-      animation: `${j} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
+    style: sr || {
+      animation: `${L} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
     }
   }]
-}))), fr = g("span", {
+}))), fr = h("span", {
   name: "MuiLinearProgress",
   slot: "Bar2",
   overridesResolver: (e, r) => {
     const {
       ownerState: t
     } = e;
-    return [r.bar, r[`barColor${f(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && r.bar2Indeterminate, t.variant === "buffer" && r.bar2Buffer];
+    return [r.bar, r[`barColor${m(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && r.bar2Indeterminate, t.variant === "buffer" && r.bar2Buffer];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   width: "100%",
@@ -262,7 +262,7 @@ const $ = 4, j = A`
   top: 0,
   transition: "transform 0.2s linear",
   transformOrigin: "left",
-  variants: [...Object.entries(e.palette).filter(k()).map(([r]) => ({
+  variants: [...Object.entries(e.palette).filter(w()).map(([r]) => ({
     props: {
       color: r
     },
@@ -290,14 +290,14 @@ const $ = 4, j = A`
     style: {
       opacity: 0.3
     }
-  }, ...Object.entries(e.palette).filter(k()).map(([r]) => ({
+  }, ...Object.entries(e.palette).filter(w()).map(([r]) => ({
     props: {
       color: r,
       variant: "buffer"
     },
     style: {
-      backgroundColor: D(e, r),
-      transition: `transform .${$}s linear`
+      backgroundColor: A(e, r),
+      transition: `transform .${O}s linear`
     }
   })), {
     props: ({
@@ -310,58 +310,58 @@ const $ = 4, j = A`
     props: ({
       ownerState: r
     }) => r.variant === "indeterminate" || r.variant === "query",
-    style: sr || {
-      animation: `${B} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
+    style: ir || {
+      animation: `${j} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
     }
   }]
-}))), X = /* @__PURE__ */ N.forwardRef(function(r, t) {
-  const l = F({
+}))), X = /* @__PURE__ */ k.forwardRef(function(r, t) {
+  const i = K({
     props: r,
     name: "MuiLinearProgress"
   }), {
-    className: u,
-    color: b = "primary",
-    value: a,
-    valueBuffer: h,
-    variant: c = "indeterminate",
-    ...v
-  } = l, i = {
-    ...l,
-    color: b,
-    variant: c
-  }, s = pr(i), y = ar(), d = {}, m = {
+    className: d,
+    color: u = "primary",
+    value: C,
+    valueBuffer: a,
+    variant: f = "indeterminate",
+    ...y
+  } = i, l = {
+    ...i,
+    color: u,
+    variant: f
+  }, n = pr(l), b = ar(), c = {}, v = {
     bar1: {},
     bar2: {}
   };
-  if (c === "determinate" || c === "buffer")
-    if (a !== void 0) {
-      d["aria-valuenow"] = Math.round(a), d["aria-valuemin"] = 0, d["aria-valuemax"] = 100;
-      let p = a - 100;
-      y && (p = -p), m.bar1.transform = `translateX(${p}%)`;
+  if (f === "determinate" || f === "buffer")
+    if (C !== void 0) {
+      c["aria-valuenow"] = Math.round(C), c["aria-valuemin"] = 0, c["aria-valuemax"] = 100;
+      let p = C - 100;
+      b && (p = -p), v.bar1.transform = `translateX(${p}%)`;
     } else process.env.NODE_ENV !== "production" && console.error("MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .");
-  if (c === "buffer")
-    if (h !== void 0) {
-      let p = (h || 0) - 100;
-      y && (p = -p), m.bar2.transform = `translateX(${p}%)`;
+  if (f === "buffer")
+    if (a !== void 0) {
+      let p = (a || 0) - 100;
+      b && (p = -p), v.bar2.transform = `translateX(${p}%)`;
     } else process.env.NODE_ENV !== "production" && console.error("MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.");
   return /* @__PURE__ */ S(cr, {
-    className: O(s.root, u),
-    ownerState: i,
+    className: N(n.root, d),
+    ownerState: l,
     role: "progressbar",
-    ...d,
+    ...c,
     ref: t,
-    ...v,
-    children: [c === "buffer" ? /* @__PURE__ */ n(dr, {
-      className: s.dashed,
-      ownerState: i
-    }) : null, /* @__PURE__ */ n(ur, {
-      className: s.bar1,
-      ownerState: i,
-      style: m.bar1
-    }), c === "determinate" ? null : /* @__PURE__ */ n(fr, {
-      className: s.bar2,
-      ownerState: i,
-      style: m.bar2
+    ...y,
+    children: [f === "buffer" ? /* @__PURE__ */ s(dr, {
+      className: n.dashed,
+      ownerState: l
+    }) : null, /* @__PURE__ */ s(ur, {
+      className: n.bar1,
+      ownerState: l,
+      style: v.bar1
+    }), f === "determinate" ? null : /* @__PURE__ */ s(fr, {
+      className: n.bar2,
+      ownerState: l,
+      style: v.bar2
     })]
   });
 });
@@ -407,31 +407,31 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
   variant: o.oneOf(["buffer", "determinate", "indeterminate", "query"])
 });
 function mr(e) {
-  return V("MuiMobileStepper", e);
+  return U("MuiMobileStepper", e);
 }
-_("MuiMobileStepper", ["root", "positionBottom", "positionTop", "positionStatic", "dots", "dot", "dotActive", "progress"]);
+V("MuiMobileStepper", ["root", "positionBottom", "positionTop", "positionStatic", "dots", "dot", "dotActive", "progress"]);
 const br = (e) => {
   const {
     classes: r,
     position: t
-  } = e, l = {
-    root: ["root", `position${f(t)}`],
+  } = e, i = {
+    root: ["root", `position${m(t)}`],
     dots: ["dots"],
     dot: ["dot"],
     dotActive: ["dotActive"],
     progress: ["progress"]
   };
-  return K(l, mr, r);
-}, vr = g(or, {
+  return F(i, mr, r);
+}, vr = h(or, {
   name: "MuiMobileStepper",
   slot: "Root",
   overridesResolver: (e, r) => {
     const {
       ownerState: t
     } = e;
-    return [r.root, r[`position${f(t.position)}`]];
+    return [r.root, r[`position${m(t.position)}`]];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   display: "flex",
@@ -465,7 +465,7 @@ const br = (e) => {
       bottom: 0
     }
   }]
-}))), gr = g("div", {
+}))), gr = h("div", {
   name: "MuiMobileStepper",
   slot: "Dots",
   overridesResolver: (e, r) => r.dots
@@ -479,7 +479,7 @@ const br = (e) => {
       flexDirection: "row"
     }
   }]
-}), hr = g("div", {
+}), yr = h("div", {
   name: "MuiMobileStepper",
   slot: "Dot",
   shouldForwardProp: (e) => tr(e) && e !== "dotActive",
@@ -489,7 +489,7 @@ const br = (e) => {
     } = e;
     return [r.dot, t && r.dotActive];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   variants: [{
@@ -515,7 +515,7 @@ const br = (e) => {
       backgroundColor: (e.vars || e).palette.primary.main
     }
   }]
-}))), yr = g(X, {
+}))), hr = h(X, {
   name: "MuiMobileStepper",
   slot: "Progress",
   overridesResolver: (e, r) => r.progress
@@ -528,53 +528,53 @@ const br = (e) => {
       width: "50%"
     }
   }]
-}), Y = /* @__PURE__ */ N.forwardRef(function(r, t) {
-  const l = F({
+}), Y = /* @__PURE__ */ k.forwardRef(function(r, t) {
+  const i = K({
     props: r,
     name: "MuiMobileStepper"
   }), {
-    activeStep: u = 0,
-    backButton: b,
-    className: a,
-    LinearProgressProps: h,
-    nextButton: c,
-    position: v = "bottom",
-    steps: i,
-    variant: s = "dots",
-    ...y
-  } = l, d = {
-    ...l,
-    activeStep: u,
-    position: v,
-    variant: s
+    activeStep: d = 0,
+    backButton: u,
+    className: C,
+    LinearProgressProps: a,
+    nextButton: f,
+    position: y = "bottom",
+    steps: l,
+    variant: n = "dots",
+    ...b
+  } = i, c = {
+    ...i,
+    activeStep: d,
+    position: y,
+    variant: n
   };
-  let m;
-  s === "progress" && (i === 1 ? m = 100 : m = Math.ceil(u / (i - 1) * 100));
-  const p = br(d);
+  let v;
+  n === "progress" && (l === 1 ? v = 100 : v = Math.ceil(d / (l - 1) * 100));
+  const p = br(c);
   return /* @__PURE__ */ S(vr, {
     square: !0,
     elevation: 0,
-    className: O(p.root, a),
+    className: N(p.root, C),
     ref: t,
-    ownerState: d,
-    ...y,
-    children: [b, s === "text" && /* @__PURE__ */ S(N.Fragment, {
-      children: [u + 1, " / ", i]
-    }), s === "dots" && /* @__PURE__ */ n(gr, {
-      ownerState: d,
+    ownerState: c,
+    ...b,
+    children: [u, n === "text" && /* @__PURE__ */ S(k.Fragment, {
+      children: [d + 1, " / ", l]
+    }), n === "dots" && /* @__PURE__ */ s(gr, {
+      ownerState: c,
       className: p.dots,
-      children: [...new Array(i)].map((C, x) => /* @__PURE__ */ n(hr, {
-        className: O(p.dot, x === u && p.dotActive),
-        ownerState: d,
-        dotActive: x === u
-      }, x))
-    }), s === "progress" && /* @__PURE__ */ n(yr, {
-      ownerState: d,
+      children: [...new Array(l)].map((D, g) => /* @__PURE__ */ s(yr, {
+        className: N(p.dot, g === d && p.dotActive),
+        ownerState: c,
+        dotActive: g === d
+      }, g))
+    }), n === "progress" && /* @__PURE__ */ s(hr, {
+      ownerState: c,
       className: p.progress,
       variant: "determinate",
-      value: m,
-      ...h
-    }), c]
+      value: v,
+      ...a
+    }), f]
   });
 });
 process.env.NODE_ENV !== "production" && (Y.propTypes = {
@@ -587,7 +587,7 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
    * Defines which dot is highlighted when the variant is 'dots'.
    * @default 0
    */
-  activeStep: E,
+  activeStep: z,
   /**
    * A back button element. For instance, it can be a `Button` or an `IconButton`.
    */
@@ -616,7 +616,7 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
   /**
    * The total steps.
    */
-  steps: E.isRequired,
+  steps: z.isRequired,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -627,109 +627,67 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
    */
   variant: o.oneOf(["dots", "progress", "text"])
 });
-const Cr = R("div", {
-  shouldForwardProp: (e) => !["customTheme"].includes(e)
-})(({ customTheme: e }) => ({
-  ...P`
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    justify-content: space-between;
-    padding: 0;
-    margin: 0;
-    background-color: transparent;
-    overflow: hidden;
-
-    .MuiPaper-root {
-      width: 100%;
-      background-color: transparent;
-      color: inherit;
-      padding: 9px 13px;
-    }
-
-    .MuiLinearProgress-root {
-      padding: 9px;
-      margin: 0 9px;
-      background-color: ${e.themeLightA}; // whiteGreenA
-      border-color: ${e.themeColor}; // green
-
-      .MuiLinearProgress-bar {
-        background-color: ${e.themeColor}; // green
-      }
-    }
-  `
-})), U = R("div")(() => ({
-  ...P`
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: 100%;
-  `
-})), Sr = R("div")(() => ({
-  ...P`
-    width: 100%;
-    height: 100%;
-  `
-})), Tr = ({
+const Cr = "relative w-full h-full flex items-center justify-between flex-col p-0 m-0 bg-transparent overflow-hidden", Sr = "[&_.MuiPaper-root]:w-full [&_.MuiPaper-root]:bg-transparent [&_.MuiPaper-root]:color-inherit [&_.MuiPaper-root]:p-[9px_13px]", Pr = "[&_.MuiLinearProgress-root]:p-[9px] [&_.MuiLinearProgress-root]:m-[0_9px] [&_.MuiLinearProgress-root]:bg-[var(--progress-bar-bg)] [&_.MuiLinearProgress-root]:border-[var(--progress-bar-border)] [&_.MuiLinearProgress-bar]:bg-[var(--progress-bar-color)]", Mr = M(Cr, Sr, Pr), E = "absolute top-0 w-full h-full", qr = ({
   onNext: e,
   onBack: r,
   onFinish: t,
-  children: l,
-  ...u
+  children: i,
+  ...d
 }) => {
-  const b = Z(), [a, h] = T(0), [c, v] = T("forward"), i = G.toArray(l).filter(
-    (C) => H(C)
-  ), s = i.length, y = () => {
-    a === s - 1 ? t == null || t() : (M(() => v("none")), M(() => v("forward")), h((C) => C + 1), e == null || e());
-  }, d = () => {
-    M(() => v("none")), M(() => v("reverse")), h((C) => C - 1), r == null || r();
-  }, m = () => /* @__PURE__ */ n(
-    q,
+  const u = Z(), C = {
+    "--progress-bar-bg": u.themeLightA,
+    "--progress-bar-border": u.themeColor,
+    "--progress-bar-color": u.themeColor
+  }, [a, f] = T(0), [y, l] = T("forward"), n = G.toArray(i).filter(
+    (g) => H(g)
+  ), b = n.length, c = () => {
+    a === b - 1 ? t == null || t() : (x(() => l("none")), x(() => l("forward")), f((g) => g + 1), e == null || e());
+  }, v = () => {
+    x(() => l("none")), x(() => l("reverse")), f((g) => g - 1), r == null || r();
+  }, p = () => /* @__PURE__ */ s(
+    _,
     {
       variant: "custom",
-      onClick: y,
-      backgroundColor: b.themeColor,
-      hoverColor: b.themeDark,
-      children: a === s - 1 ? "Finish" : "Next"
+      onClick: c,
+      backgroundColor: u.themeColor,
+      hoverColor: u.themeDark,
+      children: a === b - 1 ? "Finish" : "Next"
     }
-  ), p = () => /* @__PURE__ */ n(
-    q,
+  ), D = () => /* @__PURE__ */ s(
+    _,
     {
       variant: "custom",
-      onClick: d,
-      backgroundColor: b.themeColor,
-      hoverColor: b.themeDark,
+      onClick: v,
+      backgroundColor: u.themeColor,
+      hoverColor: u.themeDark,
       children: "Back"
     }
   );
-  return /* @__PURE__ */ S(Cr, { className: "jcStepContainer", customTheme: b, children: [
-    a === 0 && c === "forward" && /* @__PURE__ */ n(Sr, { className: "jcSlideContainer", children: i[a] ?? null }),
-    a !== 0 && c === "forward" && /* @__PURE__ */ S(I, { children: [
-      /* @__PURE__ */ n(U, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(J, { className: "jcSlideContainer", children: i[a - 1] ?? null }) }),
-      /* @__PURE__ */ n(Q, { className: "jcSlideContainer", children: i[a] ?? null })
+  return /* @__PURE__ */ S("div", { className: M("jcStepContainer", Mr), style: C, children: [
+    a === 0 && y === "forward" && /* @__PURE__ */ s("div", { className: M("jcSlideContainer", "w-full h-full"), children: n[a] ?? null }),
+    a !== 0 && y === "forward" && /* @__PURE__ */ S(I, { children: [
+      /* @__PURE__ */ s("div", { className: M("jcSlideOutContainer", E), children: /* @__PURE__ */ s(J, { className: "jcSlideContainer", children: n[a - 1] ?? null }) }),
+      /* @__PURE__ */ s(Q, { className: "jcSlideContainer", children: n[a] ?? null })
     ] }),
-    a === s - 1 && c === "reverse" && /* @__PURE__ */ n(z, { className: "jcSlideContainer", children: i[a] ?? null }),
-    a !== s - 1 && c === "reverse" && /* @__PURE__ */ S(I, { children: [
-      /* @__PURE__ */ n(U, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(W, { className: "jcSlideContainer", children: i[a + 1] ?? null }) }),
-      /* @__PURE__ */ n(z, { className: "jcSlideContainer", children: i[a] ?? null })
+    a === b - 1 && y === "reverse" && /* @__PURE__ */ s(q, { className: "jcSlideContainer", children: n[a] ?? null }),
+    a !== b - 1 && y === "reverse" && /* @__PURE__ */ S(I, { children: [
+      /* @__PURE__ */ s("div", { className: M("jcSlideOutContainer", E), children: /* @__PURE__ */ s(W, { className: "jcSlideContainer", children: n[a + 1] ?? null }) }),
+      /* @__PURE__ */ s(q, { className: "jcSlideContainer", children: n[a] ?? null })
     ] }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ s(
       Y,
       {
         variant: "progress",
-        steps: s,
+        steps: b,
         position: "static",
         activeStep: a,
-        nextButton: /* @__PURE__ */ n(m, {}),
-        backButton: a === 0 ? /* @__PURE__ */ n("div", { style: { width: "103px" } }) : /* @__PURE__ */ n(p, {}),
-        ...u
+        nextButton: p(),
+        backButton: a === 0 ? /* @__PURE__ */ s("div", { className: "w-[103px]" }) : D(),
+        ...d
       }
     )
   ] });
 };
 export {
-  Tr as default
+  qr as default
 };