jcicl 0.0.257 → 0.0.259

package/Stepper/Stepper.js

@@ -1,23 +1,23 @@
-import { jsxs as C, jsx as n, Fragment as T } from "react/jsx-runtime";
-import * as O from "react";
-import { useState as q, Children as h } from "react";
-import { flushSync as k } from "react-dom";
+import { jsxs as S, jsx as n, Fragment as D } from "react/jsx-runtime";
+import * as N 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 I, c as P } from "../.chunks/emotion-react.browser.esm.js";
-import { Button as z } from "../Button/Button.js";
-import N from "../theme.js";
-import { SlideOut as H, SlideIn as J, SlideInReverse as U, SlideOutReverse as Q } from "../animation/Slide/Slide.js";
-import { g as V, a as K, s as y, c as m, u as F, b as $, P as o, d as X, l as W, j as Z, k as rr } from "../.chunks/DefaultPropsProvider.js";
-import { m as w } from "../.chunks/memoTheme.js";
-import { P as er } from "../.chunks/Paper.js";
-import { u as tr } from "../.chunks/index.js";
-import { c as M } from "../.chunks/createSimplePaletteValueFilter.js";
+import { k as A, c as C } from "../.chunks/emotion-react.browser.esm.js";
+import { Button as q } from "../Button/Button.js";
+import x from "../theme.js";
+import { SlideOut as J, SlideIn as Q, SlideInReverse as z, SlideOutReverse as W } from "../animation/Slide/Slide.js";
+import { g as V, a as _, s as y, c as m, u as K, b as O, P as o, d as F, l as Z, j as rr, k as er } from "../.chunks/DefaultPropsProvider.js";
+import { m as P } from "../.chunks/memoTheme.js";
+import { P as tr } from "../.chunks/Paper.js";
+import { u as or } from "../.chunks/index.js";
+import { c as w } from "../.chunks/createSimplePaletteValueFilter.js";
 import { i as E } from "../.chunks/integerPropType.js";
-function or(e) {
+function ar(e) {
   return V("MuiLinearProgress", e);
 }
-K("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
-const j = 4, A = I`
+_("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
+const $ = 4, j = A`
   0% {
     left: -35%;
     right: 100%;
@@ -32,9 +32,9 @@ const j = 4, A = I`
     left: 100%;
     right: -90%;
   }
-`, ar = typeof A != "string" ? P`
-        animation: ${A} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-      ` : null, B = I`
+`, nr = typeof j != "string" ? C`
+        animation: ${j} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+      ` : null, B = A`
   0% {
     left: -200%;
     right: 100%;
@@ -49,9 +49,9 @@ const j = 4, A = I`
     left: 107%;
     right: -8%;
   }
-`, nr = typeof B != "string" ? P`
+`, ir = typeof B != "string" ? C`
         animation: ${B} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
-      ` : null, L = I`
+      ` : null, L = A`
   0% {
     opacity: 1;
     background-position: 0 -23px;
@@ -66,21 +66,21 @@ const j = 4, A = I`
     opacity: 1;
     background-position: -200px -23px;
   }
-`, ir = typeof L != "string" ? P`
+`, sr = typeof L != "string" ? C`
         animation: ${L} 3s infinite linear;
-      ` : null, sr = (e) => {
+      ` : null, lr = (e) => {
   const {
     classes: r,
     variant: t,
-    color: a
-  } = e, f = {
-    root: ["root", `color${m(a)}`, t],
-    dashed: ["dashed", `dashedColor${m(a)}`],
-    bar1: ["bar", `barColor${m(a)}`, (t === "indeterminate" || t === "query") && "bar1Indeterminate", t === "determinate" && "bar1Determinate", t === "buffer" && "bar1Buffer"],
-    bar2: ["bar", t !== "buffer" && `barColor${m(a)}`, t === "buffer" && `color${m(a)}`, (t === "indeterminate" || t === "query") && "bar2Indeterminate", t === "buffer" && "bar2Buffer"]
+    color: l
+  } = e, u = {
+    root: ["root", `color${m(l)}`, t],
+    dashed: ["dashed", `dashedColor${m(l)}`],
+    bar1: ["bar", `barColor${m(l)}`, (t === "indeterminate" || t === "query") && "bar1Indeterminate", t === "determinate" && "bar1Determinate", t === "buffer" && "bar1Buffer"],
+    bar2: ["bar", t !== "buffer" && `barColor${m(l)}`, t === "buffer" && `color${m(l)}`, (t === "indeterminate" || t === "query") && "bar2Indeterminate", t === "buffer" && "bar2Buffer"]
   };
-  return X(f, or, r);
-}, D = (e, r) => e.vars ? e.vars.palette.LinearProgress[`${r}Bg`] : e.palette.mode === "light" ? W(e.palette[r].main, 0.62) : Z(e.palette[r].main, 0.5), lr = y("span", {
+  return F(u, ar, r);
+}, I = (e, r) => e.vars ? e.vars.palette.LinearProgress[`${r}Bg`] : e.palette.mode === "light" ? Z(e.palette[r].main, 0.62) : rr(e.palette[r].main, 0.5), pr = y("span", {
   name: "MuiLinearProgress",
   slot: "Root",
   overridesResolver: (e, r) => {
@@ -89,7 +89,7 @@ const j = 4, A = I`
     } = e;
     return [r.root, r[`color${m(t.color)}`], r[t.variant]];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   position: "relative",
@@ -101,12 +101,12 @@ const j = 4, A = I`
   "@media print": {
     colorAdjust: "exact"
   },
-  variants: [...Object.entries(e.palette).filter(M()).map(([r]) => ({
+  variants: [...Object.entries(e.palette).filter(w()).map(([r]) => ({
     props: {
       color: r
     },
     style: {
-      backgroundColor: D(e, r)
+      backgroundColor: I(e, r)
     }
   })), {
     props: ({
@@ -139,7 +139,7 @@ const j = 4, A = I`
       transform: "rotate(180deg)"
     }
   }]
-}))), pr = y("span", {
+}))), cr = y("span", {
   name: "MuiLinearProgress",
   slot: "Dashed",
   overridesResolver: (e, r) => {
@@ -148,7 +148,7 @@ const j = 4, A = I`
     } = e;
     return [r.dashed, r[`dashedColor${m(t.color)}`]];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   position: "absolute",
@@ -165,8 +165,8 @@ const j = 4, A = I`
       opacity: 0.3,
       backgroundImage: "radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)"
     }
-  }, ...Object.entries(e.palette).filter(M()).map(([r]) => {
-    const t = D(e, r);
+  }, ...Object.entries(e.palette).filter(w()).map(([r]) => {
+    const t = I(e, r);
     return {
       props: {
         color: r
@@ -176,10 +176,10 @@ const j = 4, A = I`
       }
     };
   })]
-})), ir || {
+})), sr || {
   // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
   animation: `${L} 3s infinite linear`
-}), cr = y("span", {
+}), dr = y("span", {
   name: "MuiLinearProgress",
   slot: "Bar1",
   overridesResolver: (e, r) => {
@@ -188,7 +188,7 @@ const j = 4, A = I`
     } = e;
     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%",
@@ -205,7 +205,7 @@ const j = 4, A = I`
     style: {
       backgroundColor: "currentColor"
     }
-  }, ...Object.entries(e.palette).filter(M()).map(([r]) => ({
+  }, ...Object.entries(e.palette).filter(w()).map(([r]) => ({
     props: {
       color: r
     },
@@ -217,7 +217,7 @@ const j = 4, A = I`
       variant: "determinate"
     },
     style: {
-      transition: `transform .${j}s linear`
+      transition: `transform .${$}s linear`
     }
   }, {
     props: {
@@ -225,7 +225,7 @@ const j = 4, A = I`
     },
     style: {
       zIndex: 1,
-      transition: `transform .${j}s linear`
+      transition: `transform .${$}s linear`
     }
   }, {
     props: ({
@@ -238,11 +238,11 @@ const j = 4, A = I`
     props: ({
       ownerState: r
     }) => r.variant === "indeterminate" || r.variant === "query",
-    style: ar || {
-      animation: `${A} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
+    style: nr || {
+      animation: `${j} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
     }
   }]
-}))), dr = y("span", {
+}))), ur = y("span", {
   name: "MuiLinearProgress",
   slot: "Bar2",
   overridesResolver: (e, r) => {
@@ -251,7 +251,7 @@ const j = 4, A = I`
     } = e;
     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%",
@@ -261,7 +261,7 @@ const j = 4, A = I`
   top: 0,
   transition: "transform 0.2s linear",
   transformOrigin: "left",
-  variants: [...Object.entries(e.palette).filter(M()).map(([r]) => ({
+  variants: [...Object.entries(e.palette).filter(w()).map(([r]) => ({
     props: {
       color: r
     },
@@ -289,14 +289,14 @@ const j = 4, A = I`
     style: {
       opacity: 0.3
     }
-  }, ...Object.entries(e.palette).filter(M()).map(([r]) => ({
+  }, ...Object.entries(e.palette).filter(w()).map(([r]) => ({
     props: {
       color: r,
       variant: "buffer"
     },
     style: {
-      backgroundColor: D(e, r),
-      transition: `transform .${j}s linear`
+      backgroundColor: I(e, r),
+      transition: `transform .${$}s linear`
     }
   })), {
     props: ({
@@ -309,62 +309,62 @@ const j = 4, A = I`
     props: ({
       ownerState: r
     }) => r.variant === "indeterminate" || r.variant === "query",
-    style: nr || {
+    style: ir || {
       animation: `${B} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
     }
   }]
-}))), Y = /* @__PURE__ */ O.forwardRef(function(r, t) {
-  const a = F({
+}))), X = /* @__PURE__ */ N.forwardRef(function(r, t) {
+  const l = K({
     props: r,
     name: "MuiLinearProgress"
   }), {
-    className: f,
+    className: u,
     color: i = "primary",
     value: g,
-    valueBuffer: b,
-    variant: s = "indeterminate",
-    ...v
-  } = a, p = {
-    ...a,
+    valueBuffer: v,
+    variant: p = "indeterminate",
+    ...f
+  } = l, s = {
+    ...l,
     color: i,
-    variant: s
-  }, c = sr(p), S = tr(), d = {}, u = {
+    variant: p
+  }, c = lr(s), h = or(), d = {}, b = {
     bar1: {},
     bar2: {}
   };
-  if (s === "determinate" || s === "buffer")
+  if (p === "determinate" || p === "buffer")
     if (g !== void 0) {
       d["aria-valuenow"] = Math.round(g), d["aria-valuemin"] = 0, d["aria-valuemax"] = 100;
-      let l = g - 100;
-      S && (l = -l), u.bar1.transform = `translateX(${l}%)`;
+      let a = g - 100;
+      h && (a = -a), b.bar1.transform = `translateX(${a}%)`;
     } 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 (s === "buffer")
-    if (b !== void 0) {
-      let l = (b || 0) - 100;
-      S && (l = -l), u.bar2.transform = `translateX(${l}%)`;
+  if (p === "buffer")
+    if (v !== void 0) {
+      let a = (v || 0) - 100;
+      h && (a = -a), b.bar2.transform = `translateX(${a}%)`;
     } 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__ */ C(lr, {
-    className: $(c.root, f),
-    ownerState: p,
+  return /* @__PURE__ */ S(pr, {
+    className: O(c.root, u),
+    ownerState: s,
     role: "progressbar",
     ...d,
     ref: t,
-    ...v,
-    children: [s === "buffer" ? /* @__PURE__ */ n(pr, {
+    ...f,
+    children: [p === "buffer" ? /* @__PURE__ */ n(cr, {
       className: c.dashed,
-      ownerState: p
-    }) : null, /* @__PURE__ */ n(cr, {
+      ownerState: s
+    }) : null, /* @__PURE__ */ n(dr, {
       className: c.bar1,
-      ownerState: p,
-      style: u.bar1
-    }), s === "determinate" ? null : /* @__PURE__ */ n(dr, {
+      ownerState: s,
+      style: b.bar1
+    }), p === "determinate" ? null : /* @__PURE__ */ n(ur, {
       className: c.bar2,
-      ownerState: p,
-      style: u.bar2
+      ownerState: s,
+      style: b.bar2
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Y.propTypes = {
+process.env.NODE_ENV !== "production" && (X.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -405,23 +405,23 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
    */
   variant: o.oneOf(["buffer", "determinate", "indeterminate", "query"])
 });
-function ur(e) {
+function fr(e) {
   return V("MuiMobileStepper", e);
 }
-K("MuiMobileStepper", ["root", "positionBottom", "positionTop", "positionStatic", "dots", "dot", "dotActive", "progress"]);
-const fr = (e) => {
+_("MuiMobileStepper", ["root", "positionBottom", "positionTop", "positionStatic", "dots", "dot", "dotActive", "progress"]);
+const mr = (e) => {
   const {
     classes: r,
     position: t
-  } = e, a = {
+  } = e, l = {
     root: ["root", `position${m(t)}`],
     dots: ["dots"],
     dot: ["dot"],
     dotActive: ["dotActive"],
     progress: ["progress"]
   };
-  return X(a, ur, r);
-}, mr = y(er, {
+  return F(l, fr, r);
+}, br = y(tr, {
   name: "MuiMobileStepper",
   slot: "Root",
   overridesResolver: (e, r) => {
@@ -430,7 +430,7 @@ const fr = (e) => {
     } = e;
     return [r.root, r[`position${m(t.position)}`]];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   display: "flex",
@@ -464,7 +464,7 @@ const fr = (e) => {
       bottom: 0
     }
   }]
-}))), br = y("div", {
+}))), vr = y("div", {
   name: "MuiMobileStepper",
   slot: "Dots",
   overridesResolver: (e, r) => r.dots
@@ -478,17 +478,17 @@ const fr = (e) => {
       flexDirection: "row"
     }
   }]
-}), vr = y("div", {
+}), gr = y("div", {
   name: "MuiMobileStepper",
   slot: "Dot",
-  shouldForwardProp: (e) => rr(e) && e !== "dotActive",
+  shouldForwardProp: (e) => er(e) && e !== "dotActive",
   overridesResolver: (e, r) => {
     const {
       dotActive: t
     } = e;
     return [r.dot, t && r.dotActive];
   }
-})(w(({
+})(P(({
   theme: e
 }) => ({
   variants: [{
@@ -514,7 +514,7 @@ const fr = (e) => {
       backgroundColor: (e.vars || e).palette.primary.main
     }
   }]
-}))), gr = y(Y, {
+}))), yr = y(X, {
   name: "MuiMobileStepper",
   slot: "Progress",
   overridesResolver: (e, r) => r.progress
@@ -527,56 +527,56 @@ const fr = (e) => {
       width: "50%"
     }
   }]
-}), G = /* @__PURE__ */ O.forwardRef(function(r, t) {
-  const a = F({
+}), Y = /* @__PURE__ */ N.forwardRef(function(r, t) {
+  const l = K({
     props: r,
     name: "MuiMobileStepper"
   }), {
-    activeStep: f = 0,
+    activeStep: u = 0,
     backButton: i,
     className: g,
-    LinearProgressProps: b,
-    nextButton: s,
-    position: v = "bottom",
-    steps: p,
+    LinearProgressProps: v,
+    nextButton: p,
+    position: f = "bottom",
+    steps: s,
     variant: c = "dots",
-    ...S
-  } = a, d = {
-    ...a,
-    activeStep: f,
-    position: v,
+    ...h
+  } = l, d = {
+    ...l,
+    activeStep: u,
+    position: f,
     variant: c
   };
-  let u;
-  c === "progress" && (p === 1 ? u = 100 : u = Math.ceil(f / (p - 1) * 100));
-  const l = fr(d);
-  return /* @__PURE__ */ C(mr, {
+  let b;
+  c === "progress" && (s === 1 ? b = 100 : b = Math.ceil(u / (s - 1) * 100));
+  const a = mr(d);
+  return /* @__PURE__ */ S(br, {
     square: !0,
     elevation: 0,
-    className: $(l.root, g),
+    className: O(a.root, g),
     ref: t,
     ownerState: d,
-    ...S,
-    children: [i, c === "text" && /* @__PURE__ */ C(O.Fragment, {
-      children: [f + 1, " / ", p]
-    }), c === "dots" && /* @__PURE__ */ n(br, {
+    ...h,
+    children: [i, c === "text" && /* @__PURE__ */ S(N.Fragment, {
+      children: [u + 1, " / ", s]
+    }), c === "dots" && /* @__PURE__ */ n(vr, {
       ownerState: d,
-      className: l.dots,
-      children: [...new Array(p)].map((Sr, x) => /* @__PURE__ */ n(vr, {
-        className: $(l.dot, x === f && l.dotActive),
+      className: a.dots,
+      children: [...new Array(s)].map((Cr, k) => /* @__PURE__ */ n(gr, {
+        className: O(a.dot, k === u && a.dotActive),
         ownerState: d,
-        dotActive: x === f
-      }, x))
-    }), c === "progress" && /* @__PURE__ */ n(gr, {
+        dotActive: k === u
+      }, k))
+    }), c === "progress" && /* @__PURE__ */ n(yr, {
       ownerState: d,
-      className: l.progress,
+      className: a.progress,
       variant: "determinate",
-      value: u,
-      ...b
-    }), s]
+      value: b,
+      ...v
+    }), p]
   });
 });
-process.env.NODE_ENV !== "production" && (G.propTypes = {
+process.env.NODE_ENV !== "production" && (Y.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -626,8 +626,8 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
    */
   variant: o.oneOf(["dots", "progress", "text"])
 });
-const yr = R("div")(() => ({
-  ...P`
+const hr = R("div")(() => ({
+  ...C`
     position: relative;
     display: flex;
     flex-direction: column;
@@ -650,63 +650,65 @@ const yr = R("div")(() => ({
     .MuiLinearProgress-root {
       padding: 9px;
       margin: 0 9px;
-      background-color: ${N.colors.whiteGreenA};
-      border-color: ${N.colors.green};
+      background-color: ${x.colors.whiteGreenA};
+      border-color: ${x.colors.green};
 
       .MuiLinearProgress-bar {
-        background-color: ${N.colors.green};
+        background-color: ${x.colors.green};
       }
     }
   `
-})), _ = R("div")(() => ({
-  ...P`
+})), U = R("div")(() => ({
+  ...C`
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
   `
-})), hr = R("div")(() => ({
-  ...P`
+})), Sr = R("div")(() => ({
+  ...C`
     width: 100%;
     height: 100%;
   `
-})), Ir = ({
+})), Dr = ({
   onNext: e,
   onBack: r,
   onFinish: t,
-  children: a,
-  ...f
+  children: l,
+  ...u
 }) => {
-  const [i, g] = q(0), [b, s] = q("forward"), v = h.toArray(a).length, p = () => {
-    i === v - 1 ? t == null || t() : (k(() => s("none")), k(() => s("forward")), g((u) => u + 1), e == null || e());
-  }, c = () => {
-    k(() => s("none")), k(() => s("reverse")), g((u) => u - 1), r == null || r();
-  }, S = () => /* @__PURE__ */ n(z, { onClick: p, children: i === v - 1 ? "Finish" : "Next" }), d = () => /* @__PURE__ */ n(z, { onClick: c, children: "Back" });
-  return /* @__PURE__ */ C(yr, { className: "jcStepContainer", children: [
-    i === 0 && b === "forward" && /* @__PURE__ */ n(hr, { className: "jcSlideContainer", children: h.toArray(a)[i] ?? null }),
-    i !== 0 && b === "forward" && /* @__PURE__ */ C(T, { children: [
-      /* @__PURE__ */ n(_, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(H, { className: "jcSlideContainer", children: h.toArray(a)[i - 1] ?? null }) }),
-      /* @__PURE__ */ n(J, { className: "jcSlideContainer", children: h.toArray(a)[i] ?? null })
+  const [i, g] = T(0), [v, p] = T("forward"), f = G.toArray(l).filter(
+    (a) => H(a) && a.type !== null && a !== void 0
+  ), s = f.length, c = () => {
+    i === s - 1 ? t == null || t() : (M(() => p("none")), M(() => p("forward")), g((a) => a + 1), e == null || e());
+  }, h = () => {
+    M(() => p("none")), M(() => p("reverse")), g((a) => a - 1), r == null || r();
+  }, d = () => /* @__PURE__ */ n(q, { onClick: c, children: i === s - 1 ? "Finish" : "Next" }), b = () => /* @__PURE__ */ n(q, { onClick: h, children: "Back" });
+  return /* @__PURE__ */ S(hr, { className: "jcStepContainer", children: [
+    i === 0 && v === "forward" && /* @__PURE__ */ n(Sr, { className: "jcSlideContainer", children: f[i] ?? null }),
+    i !== 0 && v === "forward" && /* @__PURE__ */ S(D, { children: [
+      /* @__PURE__ */ n(U, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(J, { className: "jcSlideContainer", children: f[i - 1] ?? null }) }),
+      /* @__PURE__ */ n(Q, { className: "jcSlideContainer", children: f[i] ?? null })
     ] }),
-    i === v - 1 && b === "reverse" && /* @__PURE__ */ n(U, { className: "jcSlideContainer", children: h.toArray(a)[i] ?? null }),
-    i !== v - 1 && b === "reverse" && /* @__PURE__ */ C(T, { children: [
-      /* @__PURE__ */ n(_, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(Q, { className: "jcSlideContainer", children: h.toArray(a)[i + 1] ?? null }) }),
-      /* @__PURE__ */ n(U, { className: "jcSlideContainer", children: h.toArray(a)[i] ?? null })
+    i === s - 1 && v === "reverse" && /* @__PURE__ */ n(z, { className: "jcSlideContainer", children: f[i] ?? null }),
+    i !== s - 1 && v === "reverse" && /* @__PURE__ */ S(D, { children: [
+      /* @__PURE__ */ n(U, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(W, { className: "jcSlideContainer", children: f[i + 1] ?? null }) }),
+      /* @__PURE__ */ n(z, { className: "jcSlideContainer", children: f[i] ?? null })
     ] }),
     /* @__PURE__ */ n(
-      G,
+      Y,
       {
         variant: "progress",
-        steps: v,
+        steps: s,
         position: "static",
         activeStep: i,
-        nextButton: /* @__PURE__ */ n(S, {}),
-        backButton: i === 0 ? /* @__PURE__ */ n("div", { style: { width: "103px" } }) : /* @__PURE__ */ n(d, {}),
-        ...f
+        nextButton: /* @__PURE__ */ n(d, {}),
+        backButton: i === 0 ? /* @__PURE__ */ n("div", { style: { width: "103px" } }) : /* @__PURE__ */ n(b, {}),
+        ...u
       }
     )
   ] });
 };
 export {
-  Ir as default
+  Dr as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.257",
+  "version": "0.0.259",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",