@pismo/marola 2.1.74 → 2.1.77

package/dist/{RadioOption-CbeBwSaN.js → RadioOption-BfFnVxxq.js}

@@ -10,7 +10,7 @@ import { createElement as fe } from "react";
 import "./components/Input/Input.js";
 import "./components/Avatar/Avatar.js";
 import "./components/Button/Button.js";
-import "./Toggle-C4jN6Ewk.js";
+import "./Toggle-DbpYFezR.js";
 import "./components/Dialog/Dialog.js";
 import "./components/DatePicker/DatePicker.js";
 import { r as H } from "./index-ew-96uBP.js";

package/dist/{Toggle-C4jN6Ewk.js → Toggle-DbpYFezR.js}

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as g, useId as C } from "react";
+import { forwardRef as g, useId as N } from "react";
 import { c as d } from "./clsx-OuTLNxxd.js";
 import "./utils/iconsList.js";
-import { Typography as N } from "./components/Typography/Typography.js";
+import { Typography as C } from "./components/Typography/Typography.js";
 import "./components/Input/Input.js";
 import "./components/Avatar/Avatar.js";
 import "./components/Button/Button.js";
@@ -47,17 +47,17 @@ import './assets/Toggle2.css';const P = "_chip_1wvod_61", z = "_chip__adornment_
   "chip__remove--disabled": "_chip__remove--disabled_1wvod_133",
   "chip-loading": "_chip-loading_1wvod_137"
 }, R = g((t, l) => {
-  const { children: p, onClickContent: a, disabled: r, className: o, variant: s } = t;
+  const { children: p, onClickContent: o, disabled: r, className: a, variant: s } = t;
   let e = d(
     n.chip,
     { [n["chip--outlined"]]: s === "outlined" },
     { [n["chip--contained"]]: s === "contained" },
-    o
+    a
   );
-  return a ? (e += ` ${n["chip--button"]}`, /* @__PURE__ */ i(
+  return o ? (e += ` ${n["chip--button"]}`, /* @__PURE__ */ i(
     I,
     {
-      onClick: a,
+      onClick: o,
       disabled: r,
       "data-testid": t["data-testid"],
       ref: l,
@@ -65,16 +65,16 @@ import './assets/Toggle2.css';const P = "_chip_1wvod_61", z = "_chip__adornment_
       children: p
     }
   )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: l, className: e, children: p });
-}), ao = g((t, l) => {
+}), oa = g((t, l) => {
   const {
     label: p,
-    className: a,
+    className: o,
     onClickContent: r,
-    leftAdornment: o,
+    leftAdornment: a,
     loading: s = !1,
     disabled: e = !1,
-    variant: h = "default",
-    onClickRemove: y
+    variant: m = "default",
+    onClickRemove: h
   } = t;
   if (s)
     return /* @__PURE__ */ i(
@@ -84,7 +84,7 @@ import './assets/Toggle2.css';const P = "_chip_1wvod_61", z = "_chip__adornment_
         "data-testid": t["data-testid-skeleton"]
       }
     );
-  const b = d(o == null ? void 0 : o.className, n.chip__adornment), w = o != null && o.customIcon ? { ...o, className: b } : { ...o, disabled: e, className: b };
+  const b = d(a == null ? void 0 : a.className, n.chip__adornment), w = a != null && a.customIcon ? { ...a, className: b } : { ...a, disabled: e, className: b };
   return /* @__PURE__ */ k(
     R,
     {
@@ -92,20 +92,20 @@ import './assets/Toggle2.css';const P = "_chip_1wvod_61", z = "_chip__adornment_
       "data-testid": t["data-testid"],
       onClickContent: r,
       disabled: e,
-      className: a,
-      variant: h,
+      className: o,
+      variant: m,
       children: [
-        o && /* @__PURE__ */ i(v, { ...w }),
+        a && /* @__PURE__ */ i(v, { ...w }),
         p,
-        y && /* @__PURE__ */ i(
+        h && /* @__PURE__ */ i(
           "span",
           {
             className: d(n.chip__remove, { [n["chip__remove--disabled"]]: e }),
             role: "button",
             tabIndex: e ? -1 : 0,
             "aria-label": "remove",
-            onClick: (_) => {
-              _ == null || _.stopPropagation(), _ == null || _.nativeEvent.stopImmediatePropagation(), y();
+            onClick: (c) => {
+              c == null || c.stopPropagation(), c == null || c.nativeEvent.stopImmediatePropagation(), h();
             },
             "aria-disabled": e,
             children: /* @__PURE__ */ i(f, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
@@ -114,40 +114,40 @@ import './assets/Toggle2.css';const P = "_chip_1wvod_61", z = "_chip__adornment_
       ]
     }
   );
-}), m = {
+}), y = {
   "row-item": "_row-item_11zdk_1",
   "row-item--clickable": "_row-item--clickable_11zdk_12",
   "row-item--disabled": "_row-item--disabled_11zdk_18",
   "row-item__content": "_row-item__content_11zdk_24"
-}, to = g((t, l) => {
-  const { children: p, leftAdornment: a, disabled: r, onClick: o, buttons: s, ariaLabel: e, className: h } = t, y = d(a == null ? void 0 : a.className, m["row-item__adornment"]), w = {
-    onClick: (c) => {
-      r || o && o(c);
+}, ta = g((t, l) => {
+  const { children: p, leftAdornment: o, disabled: r, onClick: a, buttons: s, ariaLabel: e, className: m } = t, h = d(o == null ? void 0 : o.className, y["row-item__adornment"]), w = {
+    onClick: (_) => {
+      r || a && a(_);
     },
     tabIndex: 0,
     "aria-label": e,
     role: "button"
-  }, _ = a != null && a.customIcon ? a : { size: "1rem", ...a };
+  }, c = o != null && o.customIcon ? o : { size: "1rem", ...o };
   return /* @__PURE__ */ k(
     "div",
     {
       "data-testid": t["data-testid"],
       className: d(
-        m["row-item"],
-        o && m["row-item--clickable"],
-        o && r && m["row-item--disabled"],
-        h
+        y["row-item"],
+        a && y["row-item--clickable"],
+        a && r && y["row-item--disabled"],
+        m
       ),
-      ...!!o && w,
+      ...!!a && w,
       ref: l,
       children: [
-        a && /* @__PURE__ */ i(v, { ..._, className: y, disabled: r }),
-        /* @__PURE__ */ i("span", { className: d(m["row-item__content"]), children: p }),
+        o && /* @__PURE__ */ i(v, { ...c, className: h, disabled: r }),
+        /* @__PURE__ */ i("span", { className: d(y["row-item__content"]), children: p }),
         s && /* @__PURE__ */ i(
           "div",
           {
-            onClick: (c) => {
-              c == null || c.stopPropagation(), c == null || c.nativeEvent.stopImmediatePropagation();
+            onClick: (_) => {
+              _ == null || _.stopPropagation(), _ == null || _.nativeEvent.stopImmediatePropagation();
             },
             children: s
           }
@@ -155,15 +155,16 @@ import './assets/Toggle2.css';const P = "_chip_1wvod_61", z = "_chip__adornment_
       ]
     }
   );
-}), eo = g((t, l) => {
-  const { text: p, isSelected: a = !1, value: r, onChange: o, disabled: s, type: e } = t, h = C();
+}), ea = g((t, l) => {
+  const { text: p, isSelected: o = !1, value: r, onChange: a, disabled: s, type: e, classNameLabel: m } = t, h = N();
   return /* @__PURE__ */ k(
     "label",
     {
       className: d(
         [u.toggle__label],
-        a && u["toggle__label--selected"],
-        s && u["toggle__label--disabled"]
+        o && u["toggle__label--selected"],
+        s && u["toggle__label--disabled"],
+        m
       ),
       "data-testid": t["data-testid"],
       id: h,
@@ -175,21 +176,21 @@ import './assets/Toggle2.css';const P = "_chip_1wvod_61", z = "_chip__adornment_
             type: e ?? "radio",
             ref: l,
             value: r.toString(),
-            onChange: () => o(r),
+            onChange: () => a(r),
             role: e ?? "radio",
-            checked: a,
-            "aria-checked": a,
+            checked: o,
+            "aria-checked": o,
             "aria-labelledby": h,
             disabled: s
           }
         ),
-        /* @__PURE__ */ i(N, { bold: !0, children: p })
+        /* @__PURE__ */ i(C, { bold: !0, children: p })
       ]
     }
   );
 });
 export {
-  ao as C,
-  to as R,
-  eo as T
+  oa as C,
+  ta as R,
+  ea as T
 };

package/dist/assets/VerticalStepper.css

@@ -0,0 +1 @@
+._vertical-stepper_16maa_1{display:flex}._stepper-container_16maa_5{min-width:15rem}._steps-list_16maa_9{position:relative;display:flex;flex-direction:column;padding:0;margin:0;list-style:none}._steps-list_16maa_9:before{position:absolute;top:1rem;bottom:1rem;left:.4375rem;width:2px;content:"";background-color:var(--colors-neutral-text-color-text-quaternary)}._step-wrapper_16maa_27{padding:0;margin:0}._step-item_16maa_32{position:relative;z-index:1;display:flex;gap:.75rem;align-items:center;width:100%;padding:.375rem 0;font-family:inherit;font-size:inherit;color:var(--colors-neutral-text-color-text-quaternary);text-align:left;cursor:default;background:transparent;border:none;transition:all .2s ease}._step-item_16maa_32:focus-visible{border-radius:.25rem;outline:2px solid var(--colors-base-blue-6);outline-offset:2px}._step-clickable_16maa_55{cursor:pointer}._step-clickable_16maa_55:hover:not(._step-disabled_16maa_58) ._step-label_16maa_58{opacity:.8}._step-icon_16maa_62{position:relative;z-index:2;background-color:var(--colors-neutral-bg-color-bg-layout);border:2px solid var(--color-gray-600);border-radius:50%;transition:all .2s ease}._step-active_16maa_71 ._step-icon_16maa_62{z-index:2;width:.625rem;height:.625rem;margin-left:.1875rem;background-color:var(--colors-neutral-bg-color-bg-layout);border:2px solid var(--colors-base-blue-6)}._step-active_16maa_71 ._step-label_16maa_58{font-weight:600;color:var(--colors-base-blue-6)}._step-completed_16maa_84 ._step-label_16maa_58{color:var(--colors-neutral-text-color-text)}._completed-icon_16maa_88{position:relative;z-index:2;display:flex;align-items:center;margin-left:.125rem;background-color:var(--colors-neutral-bg-color-bg-layout)}._step-inactive_16maa_97 ._step-icon_16maa_62{z-index:2;width:.625rem;height:.625rem;margin-left:.1875rem;background-color:var(--colors-neutral-bg-color-bg-layout);border:2px solid var(--colors-neutral-text-color-text-quaternary)}._step-inactive_16maa_97 ._step-label_16maa_58{color:var(--colors-neutral-text-color-text-quaternary)}._step-disabled_16maa_58{cursor:not-allowed;opacity:.5}._step-disabled_16maa_58 ._step-label_16maa_58{color:var(--colors-neutral-text-color-text-quaternary)}._step-disabled_16maa_58:hover ._step-label_16maa_58{opacity:1}._step-label_16maa_58{font-size:.875rem;font-weight:400;line-height:1.25rem;transition:all .2s ease}._stepper-content_16maa_127{flex:1;min-width:0}

package/dist/components/Chip/Chip.js

@@ -8,7 +8,7 @@ import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Skeleton/Skeleton.js";
 import "../Button/Button.js";
-import { C as z } from "../../Toggle-C4jN6Ewk.js";
+import { C as z } from "../../Toggle-DbpYFezR.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";

package/dist/components/DoubleAutocomplete/DoubleAutocomplete.js

@@ -6,7 +6,7 @@ import { Autocomplete as i } from "../Autocomplete/Autocomplete.js";
 import "../Avatar/Avatar.js";
 import "react";
 import "../Button/Button.js";
-import "../../Toggle-C4jN6Ewk.js";
+import "../../Toggle-DbpYFezR.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../Input/Input.js";

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -6,7 +6,7 @@ import { Typography as p } from "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import { Button as k } from "../Button/Button.js";
-import "../../Toggle-C4jN6Ewk.js";
+import "../../Toggle-DbpYFezR.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";

package/dist/components/RadioButton/RadioButton.js

@@ -7,7 +7,7 @@ import { Typography as ze } from "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import "../../Toggle-C4jN6Ewk.js";
+import "../../Toggle-DbpYFezR.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import { r as Be } from "../../index-ew-96uBP.js";
@@ -21,8 +21,8 @@ import "../Tabs/Tabs.js";
 import "../../Group-DJz1rK2n.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 import "../../utils/iconsList.js";
-import { u as L, a as he, b as F, C as Ue, f as we, N as Oe, c as Ne, d as be, A as Ye, E as pe, e as Ge, g as $e, h as ve, i as je, j as Je, m as Xe, k as qe, l as Ze, v as Qe, s as j } from "../../RadioOption-CbeBwSaN.js";
-import { R as ln } from "../../RadioOption-CbeBwSaN.js";
+import { u as L, a as he, b as F, C as Ue, f as we, N as Oe, c as Ne, d as be, A as Ye, E as pe, e as Ge, g as $e, h as ve, i as je, j as Je, m as Xe, k as qe, l as Ze, v as Qe, s as j } from "../../RadioOption-BfFnVxxq.js";
+import { R as ln } from "../../RadioOption-BfFnVxxq.js";
 import { i as et, a as me, b as Ce } from "../../Popup-D267EI4e.js";
 function tt({
   controlled: e,

package/dist/components/RadioButton/RadioOption.js

@@ -6,7 +6,7 @@ import "react";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import "../../Toggle-C4jN6Ewk.js";
+import "../../Toggle-DbpYFezR.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";
@@ -15,7 +15,7 @@ import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
 import "../Select/Select.js";
 import "../Popover/Popover.js";
-import { R as u } from "../../RadioOption-CbeBwSaN.js";
+import { R as u } from "../../RadioOption-BfFnVxxq.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
 import "../../Group-DJz1rK2n.js";

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { c as s } from "../../clsx-OuTLNxxd.js";
-import { C as i } from "../../Toggle-C4jN6Ewk.js";
+import { C as i } from "../../Toggle-DbpYFezR.js";
 import { ResultContainer as o } from "../ResultContainer/ResultContainer.js";
 import '../../assets/ResultWithChips.css';const h = "_container_hgp0p_1", n = {
   container: h,

package/dist/components/RowItem/RowItem.js

@@ -7,7 +7,7 @@ import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { R as n, R as q } from "../../Toggle-C4jN6Ewk.js";
+import { R as n, R as q } from "../../Toggle-DbpYFezR.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";

package/dist/components/Toggle/Toggle.js

@@ -1,12 +1,13 @@
-import { jsxs as j, jsx as k } from "react/jsx-runtime";
-import { c as T } from "../../clsx-OuTLNxxd.js";
-import * as S from "react";
-import { u as v, g as A, a as D, b as O, c as z, d as G, P as e } from "../../ClassNameConfigurator-CVRWfyIa.js";
-import { u as J } from "../../useControlled-BYdyS7Pn.js";
-import { i as B } from "../../isFocusVisible-CPZqtjv2.js";
-import '../../assets/Toggle.css';function K(l) {
+import { jsxs as B, jsx as y } from "react/jsx-runtime";
+import * as w from "react";
+import { useId as v } from "react";
+import { c as O } from "../../clsx-OuTLNxxd.js";
+import { u as A, g as D, a as z, b as N, c as G, d as J, P as e } from "../../ClassNameConfigurator-CVRWfyIa.js";
+import { u as K } from "../../useControlled-BYdyS7Pn.js";
+import { i as R } from "../../isFocusVisible-CPZqtjv2.js";
+import '../../assets/Toggle.css';function L(o) {
   const {
-    checked: o,
+    checked: c,
     defaultChecked: n,
     disabled: r,
     onBlur: i,
@@ -14,66 +15,66 @@ import '../../assets/Toggle.css';function K(l) {
     onFocus: u,
     onFocusVisible: b,
     readOnly: m,
-    required: d
-  } = l, [w, P] = J({
-    controlled: o,
+    required: _
+  } = o, [d, P] = K({
+    controlled: c,
     default: !!n,
     name: "Switch",
     state: "checked"
   }), f = (t) => (s) => {
-    var c;
-    s.nativeEvent.defaultPrevented || (P(s.target.checked), g == null || g(s), (c = t.onChange) == null || c.call(t, s));
-  }, [p, _] = S.useState(!1);
-  r && p && _(!1);
-  const h = S.useRef(null), N = (t) => (s) => {
-    var c;
-    h.current || (h.current = s.currentTarget), B(s.target) && (_(!0), b == null || b(s)), u == null || u(s), (c = t.onFocus) == null || c.call(t, s);
-  }, C = (t) => (s) => {
-    var c;
-    B(s.target) || _(!1), i == null || i(s), (c = t.onBlur) == null || c.call(t, s);
-  }, y = v(h);
+    var l;
+    s.nativeEvent.defaultPrevented || (P(s.target.checked), g == null || g(s), (l = t.onChange) == null || l.call(t, s));
+  }, [p, h] = w.useState(!1);
+  r && p && h(!1);
+  const k = w.useRef(null), C = (t) => (s) => {
+    var l;
+    k.current || (k.current = s.currentTarget), R(s.target) && (h(!0), b == null || b(s)), u == null || u(s), (l = t.onFocus) == null || l.call(t, s);
+  }, S = (t) => (s) => {
+    var l;
+    R(s.target) || h(!1), i == null || i(s), (l = t.onBlur) == null || l.call(t, s);
+  }, T = A(k);
   return {
-    checked: w,
+    checked: d,
     disabled: !!r,
     focusVisible: p,
     getInputProps: (t = {}) => ({
-      checked: o,
+      checked: c,
       defaultChecked: n,
       disabled: r,
       readOnly: m,
-      ref: y,
-      required: d,
+      ref: T,
+      required: _,
       type: "checkbox",
       role: "switch",
-      "aria-checked": o,
+      "aria-checked": c,
       ...t,
       onChange: f(t),
-      onFocus: N(t),
-      onBlur: C(t)
+      onFocus: C(t),
+      onBlur: S(t)
     }),
-    inputRef: y,
+    inputRef: T,
     readOnly: !!m
   };
 }
-const I = "Switch";
-function L(l) {
-  return A(I, l);
+const j = "Switch";
+function Q(o) {
+  return D(j, o);
 }
-D(I, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
-const Q = (l) => {
+z(j, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
+const W = (o) => {
   const {
-    checked: o,
+    checked: c,
     disabled: n,
     focusVisible: r,
     readOnly: i
-  } = l;
-  return z({
-    root: ["root", o && "checked", n && "disabled", r && "focusVisible", i && "readOnly"],
+  } = o;
+  return G({
+    root: ["root", c && "checked", n && "disabled", r && "focusVisible", i && "readOnly"],
     thumb: ["thumb"],
     input: ["input"],
     track: ["track"]
-  }, G(L));
-}, E = /* @__PURE__ */ S.forwardRef(function(o, n) {
+  }, J(Q));
+}, E = /* @__PURE__ */ w.forwardRef(function(c, n) {
   const {
     checked: r,
     defaultChecked: i,
@@ -81,57 +82,57 @@ const Q = (l) => {
     onBlur: u,
     onChange: b,
     onFocus: m,
-    onFocusVisible: d,
-    readOnly: w,
+    onFocusVisible: _,
+    readOnly: d,
     required: P,
     slotProps: f = {},
     slots: p = {},
-    ..._
-  } = o, {
-    getInputProps: h,
-    checked: N,
-    disabled: C,
-    focusVisible: y,
+    ...h
+  } = c, {
+    getInputProps: k,
+    checked: C,
+    disabled: S,
+    focusVisible: T,
     readOnly: x
-  } = K(o), t = {
-    ...o,
-    checked: N,
-    disabled: C,
-    focusVisible: y,
+  } = L(c), t = {
+    ...c,
+    checked: C,
+    disabled: S,
+    focusVisible: T,
     readOnly: x
-  }, s = Q(t), c = p.root ?? "span", U = O({
-    elementType: c,
+  }, s = W(t), l = p.root ?? "span", U = N({
+    elementType: l,
     externalSlotProps: f.root,
-    externalForwardedProps: _,
+    externalForwardedProps: h,
     additionalProps: {
       ref: n
     },
     ownerState: t,
     className: s.root
-  }), V = p.thumb ?? "span", q = O({
+  }), V = p.thumb ?? "span", q = N({
     elementType: V,
     externalSlotProps: f.thumb,
     ownerState: t,
     className: s.thumb
-  }), F = p.input ?? "input", H = O({
+  }), F = p.input ?? "input", H = N({
     elementType: F,
-    getSlotProps: h,
+    getSlotProps: k,
     externalSlotProps: f.input,
     ownerState: t,
     className: s.input
-  }), R = p.track === null ? () => null : p.track ?? "span", M = O({
-    elementType: R,
+  }), I = p.track === null ? () => null : p.track ?? "span", M = N({
+    elementType: I,
     externalSlotProps: f.track,
     ownerState: t,
     className: s.track
   });
-  return /* @__PURE__ */ j(c, {
+  return /* @__PURE__ */ B(l, {
     ...U,
-    children: [/* @__PURE__ */ k(R, {
+    children: [/* @__PURE__ */ y(I, {
       ...M
-    }), /* @__PURE__ */ k(V, {
+    }), /* @__PURE__ */ y(V, {
       ...q
-    }), /* @__PURE__ */ k(F, {
+    }), /* @__PURE__ */ y(F, {
       ...H
     })]
   });
@@ -207,19 +208,19 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
     track: e.oneOfType([e.elementType, e.oneOf([null])])
   })
 });
-const W = "_toggle__label_spoae_44", X = "_toggle_spoae_44", Y = "_input_spoae_90", Z = "_thumb_spoae_101", $ = "_track_spoae_115", a = {
-  toggle__label: W,
-  toggle: X,
+const X = "_toggle__label_spoae_44", Y = "_toggle_spoae_44", Z = "_input_spoae_90", $ = "_thumb_spoae_101", ee = "_track_spoae_115", a = {
+  toggle__label: X,
+  toggle: Y,
   "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_spoae_86",
-  input: Y,
-  thumb: Z,
-  track: $,
+  input: Z,
+  thumb: $,
+  track: ee,
   "toggle--focus-visible": "_toggle--focus-visible_spoae_125",
   "toggle--checked": "_toggle--checked_spoae_129",
   "toggle--disabled": "_toggle--disabled_spoae_142"
-}, le = ({
-  label: l,
-  checked: o,
+}, ne = ({
+  label: o,
+  checked: c,
   disabled: n,
   classNameWrapper: r,
   classNameInput: i,
@@ -229,32 +230,32 @@ const W = "_toggle__label_spoae_44", X = "_toggle_spoae_44", Y = "_input_spoae_9
 }) => {
   const m = (d) => {
     u == null || u(d);
-  };
-  return /* @__PURE__ */ j("div", { className: T(a.toggle, r), "data-testid": g, children: [
-    /* @__PURE__ */ k(
+  }, _ = v();
+  return /* @__PURE__ */ B("div", { className: O(a.toggle, r), "data-testid": g, children: [
+    /* @__PURE__ */ y(
       E,
       {
-        checked: o === !0,
+        checked: c === !0,
         disabled: n,
         onChange: m,
-        "aria-label": l,
+        "aria-label": o,
         slotProps: {
           root: (d) => ({
-            className: T(a["toggle__toggle-el-wrapper"], {
+            className: O(a["toggle__toggle-el-wrapper"], {
               [a["toggle--disabled"]]: d.disabled,
               [a["toggle--focus-visible"]]: d.focusVisible,
               [a["toggle--checked"]]: d.checked
             })
           }),
-          input: { className: T(a.input, i) },
+          input: { className: O(a.input, i), ...o && { "aria-labelledby": _ } },
           thumb: { className: a.thumb },
           track: { className: a.track }
         }
       }
     ),
-    l && /* @__PURE__ */ k("label", { className: T(a.toggle__label, b), children: l })
+    o && /* @__PURE__ */ y("label", { className: O(a.toggle__label, b), id: _, children: o })
   ] });
 };
 export {
-  le as Toggle
+  ne as Toggle
 };

package/dist/components/ToggleGroup/Toggle.d.ts

@@ -5,6 +5,8 @@ export type ToggleGroupItemProps<T extends string | number> = {
     value: T;
     /** Whether this radio button is selected */
     isSelected?: boolean;
+    /** Space separated list of CSS classes to apply */
+    classNameLabel?: string;
     /** callback for selection change */
     onChange: (value: T | '') => void;
     /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the label */

package/dist/components/ToggleGroup/Toggle.js

@@ -6,7 +6,7 @@ import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { T as q } from "../../Toggle-C4jN6Ewk.js";
+import { T as q } from "../../Toggle-DbpYFezR.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,4 +1,4 @@
-import { T as e } from "../../Toggle-C4jN6Ewk.js";
+import { T as e } from "../../Toggle-DbpYFezR.js";
 import { G as p } from "../../Group-DJz1rK2n.js";
 export {
   p as ToggleGroup,

package/dist/components/VerticalStepper/VerticalStepper.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export interface VerticalStepperProps {
+    /** Array of items to be rendered as steps */
+    steps: Array<ReactNode>;
+    /** The current active step (0-indexed) */
+    currentStep: number;
+    /** Callback function triggered when a step is clicked */
+    onStepClick?: (stepIndex: number) => void;
+    /** Array of disabled step indices */
+    disabledSteps?: number[];
+    /** Additional content to display alongside the stepper */
+    children?: ReactNode;
+    /** CSS classes to be applied on the container element */
+    className?: string;
+    /** CSS classes to be applied on each step item */
+    classNameItem?: string;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid'?: string;
+    /** Id to be applied as `data-testid` on the step items */
+    'data-testid-item'?: string;
+    /** Accessible label for the stepper navigation */
+    ariaLabel?: string;
+}
+export declare const VerticalStepper: ({ currentStep, steps, onStepClick, disabledSteps, children, className, classNameItem, ariaLabel, ...rest }: VerticalStepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VerticalStepper/VerticalStepper.js

@@ -0,0 +1,76 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { c as v } from "../../clsx-OuTLNxxd.js";
+import { Icon as w } from "../Icon/Icon.js";
+import '../../assets/VerticalStepper.css';const t = {
+  "vertical-stepper": "_vertical-stepper_16maa_1",
+  "stepper-container": "_stepper-container_16maa_5",
+  "steps-list": "_steps-list_16maa_9",
+  "step-wrapper": "_step-wrapper_16maa_27",
+  "step-item": "_step-item_16maa_32",
+  "step-clickable": "_step-clickable_16maa_55",
+  "step-disabled": "_step-disabled_16maa_58",
+  "step-label": "_step-label_16maa_58",
+  "step-icon": "_step-icon_16maa_62",
+  "step-active": "_step-active_16maa_71",
+  "step-completed": "_step-completed_16maa_84",
+  "completed-icon": "_completed-icon_16maa_88",
+  "step-inactive": "_step-inactive_16maa_97",
+  "stepper-content": "_stepper-content_16maa_127"
+}, j = ({
+  currentStep: r,
+  steps: b,
+  onStepClick: c,
+  disabledSteps: o = [],
+  children: n,
+  className: h,
+  classNameItem: u,
+  ariaLabel: N = "Step navigation",
+  ...m
+}) => {
+  const _ = (e) => {
+    !o.includes(e) && c && c(e);
+  }, f = (e, a) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), _(a));
+  }, i = (e) => e < r, l = (e) => e === r, p = (e) => o.includes(e), k = (e) => v(
+    t["step-item"],
+    {
+      [t["step-active"]]: l(e),
+      [t["step-completed"]]: i(e),
+      [t["step-inactive"]]: !l(e) && !i(e),
+      [t["step-disabled"]]: p(e),
+      [t["step-clickable"]]: c && !p(e)
+    },
+    u
+  );
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: v(t["vertical-stepper"], h),
+      "data-testid": m["data-testid"] || "vertical-stepper",
+      children: [
+        /* @__PURE__ */ s("nav", { className: t["stepper-container"], "aria-label": N, role: "navigation", children: /* @__PURE__ */ s("ol", { className: t["steps-list"], children: b.map((e, a) => /* @__PURE__ */ s("li", { className: t["step-wrapper"], children: /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: k(a),
+            onClick: () => _(a),
+            onKeyDown: (y) => f(y, a),
+            disabled: p(a),
+            "aria-current": l(a) ? "step" : void 0,
+            "aria-disabled": p(a),
+            "data-testid": m["data-testid-item"] || `vertical-stepper-step-${a}`,
+            tabIndex: p(a) ? -1 : 0,
+            children: [
+              i(a) ? /* @__PURE__ */ s("span", { className: t["completed-icon"], "data-testid": "step-completed-icon", "aria-hidden": "true", children: /* @__PURE__ */ s(w, { icon: "circle-check", size: "13", color: "var(--colors-base-blue-6)" }) }) : /* @__PURE__ */ s("div", { className: t["step-icon"], "data-testid": "step-icon", "aria-hidden": "true" }),
+              /* @__PURE__ */ s("span", { className: t["step-label"], children: e })
+            ]
+          }
+        ) }, a)) }) }),
+        n && /* @__PURE__ */ s("div", { className: t["stepper-content"], children: n })
+      ]
+    }
+  );
+};
+export {
+  j as VerticalStepper
+};

package/dist/components/VerticalStepper/VerticalStepper.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { VerticalStepperProps } from './VerticalStepper';
+declare const meta: {
+    title: string;
+    component: ({ currentStep, steps, onStepClick, disabledSteps, children, className, classNameItem, ariaLabel, ...rest }: VerticalStepperProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/VerticalStepper/VerticalStepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/main.d.ts

@@ -53,6 +53,7 @@ export * from './components/ToggleGroup/ToggleGroup';
 export * from './components/Tooltip/Tooltip';
 export * from './components/TransactionRow/TransactionRow';
 export * from './components/Typography/Typography';
+export * from './components/VerticalStepper/VerticalStepper';
 export * from './contexts/DraggableProvider/DraggableProvider';
 export * from './contexts/SnackbarProvider/SnackbarProvider';
 export * from './utils/draggable';

package/dist/main.js

@@ -2,21 +2,21 @@ import { Adornment as e } from "./components/Adornment/Adornment.js";
 import { Advice as p } from "./components/Advice/Advice.js";
 import { Alert as m } from "./components/Alert/Alert.js";
 import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
-import { Avatar as l } from "./components/Avatar/Avatar.js";
+import { Avatar as n } from "./components/Avatar/Avatar.js";
 import { Badge as s } from "./components/Badge/Badge.js";
 import { BankCard as g } from "./components/BankCard/BankCard.js";
 import { BankingCard as u } from "./components/BankingCard/BankingCard.js";
-import { Button as b } from "./components/Button/Button.js";
+import { Button as S } from "./components/Button/Button.js";
 import { Calendar as C } from "./components/Calendar/Calendar.js";
 import { Card as I } from "./components/Card/Card.js";
 import { Checkbox as D } from "./components/Checkbox/Checkbox.js";
-import { C as h, R, T as A } from "./Toggle-C4jN6Ewk.js";
+import { C as h, R, T as A } from "./Toggle-DbpYFezR.js";
 import { ConfirmationDialog as v } from "./components/ConfirmationDialog/ConfirmationDialog.js";
 import { DatePicker as O } from "./components/DatePicker/DatePicker.js";
 import { Description as E } from "./components/Description/Description.js";
 import { Dialog as N } from "./components/Dialog/Dialog.js";
 import { DoubleAutocomplete as K } from "./components/DoubleAutocomplete/DoubleAutocomplete.js";
-import { DoubleInput as F } from "./components/DoubleInput/DoubleInput.js";
+import { DoubleInput as V } from "./components/DoubleInput/DoubleInput.js";
 import { Draggable as W } from "./components/Draggable/Draggable.js";
 import { DropdownMenu as q } from "./components/DropdownMenu/DropdownMenu.js";
 import { EllipsisTooltip as J } from "./components/EllipsisTooltip/EllipsisTooltip.js";
@@ -27,18 +27,18 @@ import { Input as oo } from "./components/Input/Input.js";
 import { InputSearch as eo } from "./components/InputSearch/InputSearch.js";
 import { LoadingSpinner as po } from "./components/LoadingSpinner/LoadingSpinner.js";
 import { PageHeader as mo } from "./components/PageHeader/PageHeader.js";
-import { Pagination as xo, paginationDefaultTranslations as no } from "./components/Pagination/Pagination.js";
+import { Pagination as xo, paginationDefaultTranslations as lo } from "./components/Pagination/Pagination.js";
 import { Popover as io } from "./components/Popover/Popover.js";
 import { RadioButton as To } from "./components/RadioButton/RadioButton.js";
 import { ResultContainer as co } from "./components/ResultContainer/ResultContainer.js";
-import { ResultWithChips as bo } from "./components/ResultWithChips/ResultWithChips.js";
+import { ResultWithChips as So } from "./components/ResultWithChips/ResultWithChips.js";
 import { Select as Co, SelectContext as Bo, SelectOption as Io, useSelectContext as yo } from "./components/Select/Select.js";
 import { Skeleton as ko, SkeletonCircle as ho, SkeletonTable as Ro } from "./components/Skeleton/Skeleton.js";
 import { Snackbar as Po } from "./components/Snackbar/Snackbar.js";
 import { SortTooltip as wo, sortTooltipDefaultTranslations as Oo } from "./components/SortTooltip/SortTooltip.js";
 import { Stepper as Eo } from "./components/Stepper/Stepper.js";
 import { StepperNavigator as No } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as Ko, THead as Lo, Table as Fo, Td as Vo, Th as Wo, Tr as jo } from "./components/Table/Table.js";
+import { TBody as Ko, THead as Lo, Table as Vo, Td as Fo, Th as Wo, Tr as jo } from "./components/Table/Table.js";
 import { Tabs as zo } from "./components/Tabs/Tabs.js";
 import { Tag as Qo } from "./components/Tag/Tag.js";
 import { TextDisplay as Xo } from "./components/TextDisplay/TextDisplay.js";
@@ -48,43 +48,44 @@ import { G as rr } from "./Group-DJz1rK2n.js";
 import { Tooltip as tr } from "./components/Tooltip/Tooltip.js";
 import { TransactionRow as ar } from "./components/TransactionRow/TransactionRow.js";
 import { Text as fr, Typography as xr } from "./components/Typography/Typography.js";
-import { DraggableProvider as lr } from "./contexts/DraggableProvider/DraggableProvider.js";
-import { SnackbarContext as sr, SnackbarProvider as Tr, useSnackbar as gr } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { replaceItemsByIndex as ur, replaceItemsByKey as dr, sortItemsByIndex as br, sortItemsByKey as Sr } from "./utils/draggable.js";
-import { iconsList as Br } from "./utils/iconsList.js";
-import { allowOnlyIntegerNumbers as yr, allowOnlyMathSignals as Dr, allowOnlyNumbers as kr, formatDecimalValue as hr, parseToInteger as Rr } from "./utils/inputNumberAsText.js";
-import { bemify as Pr, getBEMBase as vr, getBEMBlock as wr } from "./utils/styleStrings.js";
-import { default as Mr } from "./components/Dialog/DialogTitle.js";
-import { default as Gr } from "./components/Dialog/Content.js";
-import { default as Hr } from "./components/Dialog/Actions.js";
-import { R as Lr } from "./RadioOption-CbeBwSaN.js";
-import { Tab as Vr } from "./components/Tabs/Tab.js";
-import { TabPanel as jr } from "./components/Tabs/TabPanel.js";
+import { VerticalStepper as nr } from "./components/VerticalStepper/VerticalStepper.js";
+import { DraggableProvider as sr } from "./contexts/DraggableProvider/DraggableProvider.js";
+import { SnackbarContext as gr, SnackbarProvider as cr, useSnackbar as ur } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { replaceItemsByIndex as Sr, replaceItemsByKey as br, sortItemsByIndex as Cr, sortItemsByKey as Br } from "./utils/draggable.js";
+import { iconsList as yr } from "./utils/iconsList.js";
+import { allowOnlyIntegerNumbers as kr, allowOnlyMathSignals as hr, allowOnlyNumbers as Rr, formatDecimalValue as Ar, parseToInteger as Pr } from "./utils/inputNumberAsText.js";
+import { bemify as wr, getBEMBase as Or, getBEMBlock as Mr } from "./utils/styleStrings.js";
+import { default as Gr } from "./components/Dialog/DialogTitle.js";
+import { default as Hr } from "./components/Dialog/Content.js";
+import { default as Lr } from "./components/Dialog/Actions.js";
+import { R as Fr } from "./RadioOption-BfFnVxxq.js";
+import { Tab as jr } from "./components/Tabs/Tab.js";
+import { TabPanel as zr } from "./components/Tabs/TabPanel.js";
 export {
-  Hr as Actions,
+  Lr as Actions,
   e as Adornment,
   p as Advice,
   m as Alert,
   x as Autocomplete,
-  l as Avatar,
+  n as Avatar,
   s as Badge,
   g as BankCard,
   u as BankingCard,
-  b as Button,
+  S as Button,
   C as Calendar,
   I as Card,
   D as Checkbox,
   h as Chip,
   v as ConfirmationDialog,
-  Gr as Content,
+  Hr as Content,
   O as DatePicker,
   E as Description,
   N as Dialog,
-  Mr as DialogTitle,
+  Gr as DialogTitle,
   K as DoubleAutocomplete,
-  F as DoubleInput,
+  V as DoubleInput,
   W as Draggable,
-  lr as DraggableProvider,
+  sr as DraggableProvider,
   q as DropdownMenu,
   J as EllipsisTooltip,
   U as Fieldset,
@@ -97,9 +98,9 @@ export {
   xo as Pagination,
   io as Popover,
   To as RadioButton,
-  Lr as RadioOption,
+  Fr as RadioOption,
   co as ResultContainer,
-  bo as ResultWithChips,
+  So as ResultWithChips,
   R as RowItem,
   Co as Select,
   Bo as SelectContext,
@@ -108,19 +109,19 @@ export {
   ho as SkeletonCircle,
   Ro as SkeletonTable,
   Po as Snackbar,
-  sr as SnackbarContext,
-  Tr as SnackbarProvider,
+  gr as SnackbarContext,
+  cr as SnackbarProvider,
   wo as SortTooltip,
   Eo as Stepper,
   No as StepperNavigator,
   Ko as TBody,
   Lo as THead,
-  Vr as Tab,
-  jr as TabPanel,
-  Fo as Table,
+  jr as Tab,
+  zr as TabPanel,
+  Vo as Table,
   zo as Tabs,
   Qo as Tag,
-  Vo as Td,
+  Fo as Td,
   fr as Text,
   Xo as TextDisplay,
   Wo as Th,
@@ -132,21 +133,22 @@ export {
   jo as Tr,
   ar as TransactionRow,
   xr as Typography,
-  yr as allowOnlyIntegerNumbers,
-  Dr as allowOnlyMathSignals,
-  kr as allowOnlyNumbers,
-  Pr as bemify,
-  hr as formatDecimalValue,
-  vr as getBEMBase,
-  wr as getBEMBlock,
-  Br as iconsList,
-  no as paginationDefaultTranslations,
-  Rr as parseToInteger,
-  ur as replaceItemsByIndex,
-  dr as replaceItemsByKey,
-  br as sortItemsByIndex,
-  Sr as sortItemsByKey,
+  nr as VerticalStepper,
+  kr as allowOnlyIntegerNumbers,
+  hr as allowOnlyMathSignals,
+  Rr as allowOnlyNumbers,
+  wr as bemify,
+  Ar as formatDecimalValue,
+  Or as getBEMBase,
+  Mr as getBEMBlock,
+  yr as iconsList,
+  lo as paginationDefaultTranslations,
+  Pr as parseToInteger,
+  Sr as replaceItemsByIndex,
+  br as replaceItemsByKey,
+  Cr as sortItemsByIndex,
+  Br as sortItemsByKey,
   Oo as sortTooltipDefaultTranslations,
   yo as useSelectContext,
-  gr as useSnackbar
+  ur as useSnackbar
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "2.1.74",
+  "version": "2.1.77",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",