@pismo/marola 1.0.0-beta.45 → 1.0.0-beta.47

package/dist/assets/Input.css

@@ -1 +1 @@
-._u-typography-h1_1iqdc_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1iqdc_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1iqdc_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1iqdc_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1iqdc_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1iqdc_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1iqdc_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1iqdc_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1iqdc_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1iqdc_57,._input__input-el_1iqdc_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1iqdc_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1iqdc_65,._input__input-el_1iqdc_57{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1iqdc_68{text-decoration:line-through}._u-typography-base--underlined_1iqdc_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1iqdc_74{text-decoration:underline line-through}._input_1iqdc_57{position:relative}._input__label_1iqdc_81{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_1iqdc_86{display:flex;align-items:center;height:2.5rem;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_1iqdc_57{all:unset;width:100%;height:2.5rem;padding:0 1rem;color:var(--gray-90);outline:none}._input__input-el_1iqdc_57::placeholder{color:var(--gray-50)}._input__left-icon_1iqdc_105,._input__right-icon_1iqdc_105{display:flex;align-items:center;justify-content:center;height:1rem}._input__left-icon_1iqdc_105{padding-left:1rem}._input__right-icon_1iqdc_105{padding-right:1rem}._input__messages-wrapper_1iqdc_117{position:absolute;display:flex;align-items:center;justify-content:space-between}._input__messages-wrapper_1iqdc_117:not(:empty){margin-top:.3125rem}._input__messages-wrapper_1iqdc_117 svg{min-width:1rem;min-height:1rem}._input__info-message_1iqdc_130,._input__error-message_1iqdc_130{display:flex;gap:.375rem;align-items:center}._input__info-message_1iqdc_130{color:var(--gray-75)}._input__error-message_1iqdc_130{color:var(--alert)}._input__chars-counter_1iqdc_141{margin-left:auto;color:var(--gray-75)}._input--disabled_1iqdc_145 ._input__input-el_1iqdc_57{color:var(--gray-50)}._input_1iqdc_57:has(._input--disabled_1iqdc_145) ._input__label_1iqdc_81{color:var(--gray-25)}._input--focused_1iqdc_151._input__input-el-wrapper_1iqdc_86{border-color:var(--accent)}._input--error_1iqdc_154._input__input-el-wrapper_1iqdc_86{border-color:var(--alert)}._input__input-el-wrapper_1iqdc_86:hover:not(._input--disabled_1iqdc_145,._input--focused_1iqdc_151,._input--error_1iqdc_154){border-color:var(--gray-75)}textarea._input__input-el_1iqdc_57{height:auto;padding:.5rem 1rem;resize:vertical}
+._u-typography-h1_y27xt_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_y27xt_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_y27xt_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_y27xt_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_y27xt_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_y27xt_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_y27xt_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_y27xt_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_y27xt_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_y27xt_57,._input__input-el_y27xt_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_y27xt_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_y27xt_65,._input__input-el_y27xt_57{font-weight:var(--base-bold)}._u-typography-base--strikethrough_y27xt_68{text-decoration:line-through}._u-typography-base--underlined_y27xt_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_y27xt_74{text-decoration:underline line-through}._input_y27xt_57{position:relative}._input__label_y27xt_81{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_y27xt_86{display:flex;align-items:center;height:2.5rem;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_y27xt_57{all:unset;width:100%;height:2.5rem;padding:0 1rem;color:var(--gray-90);outline:none}._input__input-el_y27xt_57::placeholder{color:var(--gray-50)}._input__left-icon_y27xt_105,._input__right-icon_y27xt_105{display:flex;align-items:center;justify-content:center;height:1rem}._input__left-icon_y27xt_105{padding-left:1rem}._input__right-icon_y27xt_105{padding-right:1rem}._input__messages-wrapper_y27xt_117{position:absolute;display:flex;gap:1rem;justify-content:space-between;width:100%}._input__messages-wrapper_y27xt_117:not(:empty){margin-top:.3125rem}._input__messages-wrapper_y27xt_117 svg{min-width:1rem;min-height:1rem}._input__info-message_y27xt_131,._input__error-message_y27xt_131{display:flex;gap:.375rem;align-items:center}._input__info-message_y27xt_131{color:var(--gray-75)}._input__error-message_y27xt_131{color:var(--alert)}._input__chars-counter_y27xt_142{margin-left:auto;color:var(--gray-75);white-space:nowrap}._input--disabled_y27xt_147 ._input__input-el_y27xt_57{color:var(--gray-50)}._input_y27xt_57:has(._input--disabled_y27xt_147) ._input__label_y27xt_81{color:var(--gray-25)}._input--focused_y27xt_153._input__input-el-wrapper_y27xt_86{border-color:var(--accent)}._input--error_y27xt_156._input__input-el-wrapper_y27xt_86{border-color:var(--alert)}._input__input-el-wrapper_y27xt_86:hover:not(._input--disabled_y27xt_147,._input--focused_y27xt_153,._input--error_y27xt_156){border-color:var(--gray-75)}textarea._input__input-el_y27xt_57{height:auto;padding:.5rem 1rem;resize:vertical}

package/dist/assets/StepperNavigator.css

@@ -1 +1 @@
-._stepper-navigator_1ouny_1{display:flex;justify-content:space-between;padding:1rem 0}._stepper-navigator_1ouny_1>span{display:flex;gap:1rem}._cancel-button_1ouny_11{color:var(--accent-alert-light);background-color:transparent}._cancel-button_1ouny_11:hover:not(:disabled){color:rgba(var(--alert-dark-rgb),.75);background-color:var(--gray-5)}._previous-button_1ouny_20{color:var(--gray-75);background-color:transparent;border:solid 1px var(--gray-75)}._previous-button_1ouny_20:disabled{border-color:transparent}._previous-button_1ouny_20:hover:not(:disabled){color:rgba(var(--gray-75-rgb),.75);background-color:var(--gray-5);border-color:rgba(var(--gray-75),.75)}
+._stepper-navigator_27f6m_1{display:flex;justify-content:space-between;padding:1rem 0}._stepper-navigator_27f6m_1>span{display:flex;gap:1rem}._cancel-button_27f6m_11{color:var(--accent-alert-light);background-color:transparent}._cancel-button_27f6m_11:hover:not(:disabled){color:rgba(var(--alert-dark-rgb),.75);background-color:var(--gray-5)}._previous-button_27f6m_20{color:var(--gray-75);background-color:transparent;border:solid 1px var(--gray-75)}._previous-button_27f6m_20:disabled{border-color:transparent}._previous-button_27f6m_20:hover:not(:disabled){color:rgba(var(--gray-75-rgb),.75);background-color:var(--gray-5);border-color:rgba(var(--gray-75),.75)}._previous-button_27f6m_20,._cancel-button_27f6m_11{min-width:6.25rem}._next-button_27f6m_39,._finish-button_27f6m_40{min-width:15rem}._previous-button_27f6m_20,._cancel-button_27f6m_11,._next-button_27f6m_39,._finish-button_27f6m_40{display:flex;gap:.25rem;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.875rem}._previous-button_27f6m_20>*,._cancel-button_27f6m_11>*,._next-button_27f6m_39>*,._finish-button_27f6m_40>*{display:inline-flex;flex:1;align-items:center;justify-content:center}._previous-button_27f6m_20>*:nth-child(1),._cancel-button_27f6m_11>*:nth-child(1),._next-button_27f6m_39>*:nth-child(1),._finish-button_27f6m_40>*:nth-child(1){justify-content:flex-start}._previous-button_27f6m_20>*:nth-child(3),._cancel-button_27f6m_11>*:nth-child(3),._next-button_27f6m_39>*:nth-child(3),._finish-button_27f6m_40>*:nth-child(3){justify-content:flex-end}

package/dist/components/Input/Input.js

@@ -1,226 +1,226 @@
 import '../../assets/Input.css';
-import { jsxs as H, jsx as T } from "react/jsx-runtime";
-import * as q from "react";
-import { forwardRef as de, useState as ce, useId as _e, useMemo as me } from "react";
-import { c as R } from "../../clsx-DB4S2d7J.js";
-import { Icon as fe } from "../Icon/Icon.js";
+import { jsxs as q, jsx as k } from "react/jsx-runtime";
+import * as w from "react";
+import { forwardRef as de, useState as ce, useId as _e, useMemo as ye } from "react";
+import { c as E } from "../../clsx-DB4S2d7J.js";
+import { Icon as me } from "../Icon/Icon.js";
 import { Typography as L } from "../Typography/Typography.js";
-import { g as he, a as ye, u as ge, f as Y, b as h, _ as be, c as Q, i as Ce, P as e, d as we, e as qe } from "../../useSlotProps-C_I1kEHr.js";
-function xe(s) {
+import { g as fe, a as he, u as ge, f as Y, b as f, _ as be, c as Q, i as xe, P as e, d as Ce, e as we } from "../../useSlotProps-C_I1kEHr.js";
+function Pe(s) {
   let l = "https://mui.com/production-error/?code=" + s;
   for (let d = 1; d < arguments.length; d += 1)
     l += "&args[]=" + encodeURIComponent(arguments[d]);
   return "Minified MUI error #" + s + "; visit " + l + " for the full message.";
 }
 const X = "Input";
-function Pe(s) {
-  return he(X, s);
+function Ne(s) {
+  return fe(X, s);
 }
-ye(X, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const Z = /* @__PURE__ */ q.createContext(void 0);
+he(X, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+const Z = /* @__PURE__ */ w.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Z.displayName = "FormControlContext");
-function Ne() {
-  return q.useContext(Z);
+function ve() {
+  return w.useContext(Z);
 }
-function ve(s = {}) {
+function Re(s = {}) {
   const {
     defaultValue: l,
     disabled: d = !1,
     error: u = !1,
     onBlur: c,
-    onChange: m,
-    onFocus: x,
-    required: P = !1,
-    value: E,
-    inputRef: N
-  } = s, n = Ne();
-  let g, f, b, C, y;
+    onChange: y,
+    onFocus: P,
+    required: N = !1,
+    value: F,
+    inputRef: v
+  } = s, n = ve();
+  let g, m, b, x, h;
   if (n) {
-    var F, _, I;
-    if (g = void 0, f = (F = n.disabled) != null ? F : !1, b = (_ = n.error) != null ? _ : !1, C = (I = n.required) != null ? I : !1, y = n.value, process.env.NODE_ENV !== "production") {
-      const o = ["defaultValue", "disabled", "error", "required", "value"].filter((t) => s[t] !== void 0);
-      o.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${o.join(", ")}`].join(`
+    var I, _, O;
+    if (g = void 0, m = (I = n.disabled) != null ? I : !1, b = (_ = n.error) != null ? _ : !1, x = (O = n.required) != null ? O : !1, h = n.value, process.env.NODE_ENV !== "production") {
+      const t = ["defaultValue", "disabled", "error", "required", "value"].filter((o) => s[o] !== void 0);
+      t.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${t.join(", ")}`].join(`
 `));
     }
   } else
-    g = l, f = d, b = u, C = P, y = E;
+    g = l, m = d, b = u, x = N, h = F;
   const {
-    current: k
-  } = q.useRef(y != null), B = q.useCallback((o) => {
-    process.env.NODE_ENV !== "production" && o && o.nodeName !== "INPUT" && !o.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
+    current: B
+  } = w.useRef(h != null), U = w.useCallback((t) => {
+    process.env.NODE_ENV !== "production" && t && t.nodeName !== "INPUT" && !t.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), w = q.useRef(null), O = ge(w, N, B), [v, a] = q.useState(!1);
-  q.useEffect(() => {
-    !n && f && v && (a(!1), c == null || c());
-  }, [n, f, v, c]);
-  const U = (o) => (t) => {
+  }, []), C = w.useRef(null), T = ge(C, v, U), [R, a] = w.useState(!1);
+  w.useEffect(() => {
+    !n && m && R && (a(!1), c == null || c());
+  }, [n, m, R, c]);
+  const V = (t) => (o) => {
     var r;
     if (n != null && n.disabled) {
-      t.stopPropagation();
+      o.stopPropagation();
       return;
     }
-    if ((r = o.onFocus) == null || r.call(o, t), n && n.onFocus) {
+    if ((r = t.onFocus) == null || r.call(t, o), n && n.onFocus) {
       var i;
       n == null || (i = n.onFocus) == null || i.call(n);
     } else
       a(!0);
-  }, V = (o) => (t) => {
+  }, S = (t) => (o) => {
     var r;
-    (r = o.onBlur) == null || r.call(o, t), n && n.onBlur ? n.onBlur() : a(!1);
-  }, S = (o) => (t, ...r) => {
-    var i, M;
-    if (!k && (t.target || w.current) == null)
-      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : xe(17));
-    n == null || (i = n.onChange) == null || i.call(n, t), (M = o.onChange) == null || M.call(o, t, ...r);
-  }, A = (o) => (t) => {
+    (r = t.onBlur) == null || r.call(t, o), n && n.onBlur ? n.onBlur() : a(!1);
+  }, A = (t) => (o, ...r) => {
+    var i, H;
+    if (!B && (o.target || C.current) == null)
+      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Pe(17));
+    n == null || (i = n.onChange) == null || i.call(n, o), (H = t.onChange) == null || H.call(t, o, ...r);
+  }, D = (t) => (o) => {
     var r;
-    w.current && t.currentTarget === t.target && w.current.focus(), (r = o.onClick) == null || r.call(o, t);
+    C.current && o.currentTarget === o.target && C.current.focus(), (r = t.onClick) == null || r.call(t, o);
   };
   return {
-    disabled: f,
+    disabled: m,
     error: b,
-    focused: v,
+    focused: R,
     formControlContext: n,
-    getInputProps: (o = {}) => {
-      const r = h({}, {
+    getInputProps: (t = {}) => {
+      const r = f({}, {
         onBlur: c,
-        onChange: m,
-        onFocus: x
-      }, Y(o)), i = h({}, r, {
-        onBlur: V(r),
-        onChange: S(r),
-        onFocus: U(r)
+        onChange: y,
+        onFocus: P
+      }, Y(t)), i = f({}, r, {
+        onBlur: S(r),
+        onChange: A(r),
+        onFocus: V(r)
       });
-      return h({}, i, {
+      return f({}, i, {
         "aria-invalid": b || void 0,
         defaultValue: g,
-        value: y,
-        required: C,
-        disabled: f
-      }, o, {
-        ref: O
+        value: h,
+        required: x,
+        disabled: m
+      }, t, {
+        ref: T
       }, i);
     },
-    getRootProps: (o = {}) => {
-      const t = Y(s, ["onBlur", "onChange", "onFocus"]), r = h({}, t, Y(o));
-      return h({}, o, r, {
-        onClick: A(r)
+    getRootProps: (t = {}) => {
+      const o = Y(s, ["onBlur", "onChange", "onFocus"]), r = f({}, o, Y(t));
+      return f({}, t, r, {
+        onClick: D(r)
       });
     },
-    inputRef: O,
-    required: C,
-    value: y
+    inputRef: T,
+    required: x,
+    value: h
   };
 }
-const Re = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "defaultValue", "disabled", "endAdornment", "error", "id", "multiline", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "startAdornment", "value", "type", "rows", "slotProps", "slots", "minRows", "maxRows"], Ee = (s) => {
+const Ee = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "defaultValue", "disabled", "endAdornment", "error", "id", "multiline", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "startAdornment", "value", "type", "rows", "slotProps", "slots", "minRows", "maxRows"], Fe = (s) => {
   const {
     disabled: l,
     error: d,
     focused: u,
     formControlContext: c,
-    multiline: m,
-    startAdornment: x,
-    endAdornment: P
+    multiline: y,
+    startAdornment: P,
+    endAdornment: N
   } = s;
-  return we({
-    root: ["root", l && "disabled", d && "error", u && "focused", !!c && "formControl", m && "multiline", !!x && "adornedStart", !!P && "adornedEnd"],
-    input: ["input", l && "disabled", m && "multiline"]
-  }, qe(Pe));
-}, ee = /* @__PURE__ */ q.forwardRef(function(l, d) {
-  var u, c, m;
+  return Ce({
+    root: ["root", l && "disabled", d && "error", u && "focused", !!c && "formControl", y && "multiline", !!P && "adornedStart", !!N && "adornedEnd"],
+    input: ["input", l && "disabled", y && "multiline"]
+  }, we(Ne));
+}, ee = /* @__PURE__ */ w.forwardRef(function(l, d) {
+  var u, c, y;
   const {
-    "aria-describedby": x,
-    "aria-label": P,
-    "aria-labelledby": E,
-    autoComplete: N,
+    "aria-describedby": P,
+    "aria-label": N,
+    "aria-labelledby": F,
+    autoComplete: v,
     autoFocus: n,
     className: g,
-    defaultValue: f,
+    defaultValue: m,
     disabled: b,
-    endAdornment: C,
-    error: y,
-    id: F,
+    endAdornment: x,
+    error: h,
+    id: I,
     multiline: _ = !1,
-    name: I,
-    onClick: k,
-    onChange: B,
-    onKeyDown: w,
-    onKeyUp: O,
-    onFocus: v,
+    name: O,
+    onClick: B,
+    onChange: U,
+    onKeyDown: C,
+    onKeyUp: T,
+    onFocus: R,
     onBlur: a,
-    placeholder: U,
-    readOnly: V,
-    required: S,
-    startAdornment: A,
-    value: D,
-    type: j,
-    rows: o,
-    slotProps: t = {},
+    placeholder: V,
+    readOnly: S,
+    required: A,
+    startAdornment: D,
+    value: j,
+    type: M,
+    rows: t,
+    slotProps: o = {},
     slots: r = {},
     minRows: i,
-    maxRows: M
-  } = l, W = be(l, Re), {
-    getRootProps: oe,
-    getInputProps: te,
+    maxRows: H
+  } = l, W = be(l, Ee), {
+    getRootProps: te,
+    getInputProps: oe,
     focused: ne,
     formControlContext: re,
     error: ae,
     disabled: se
-  } = ve({
+  } = Re({
     disabled: b,
-    defaultValue: f,
-    error: y,
+    defaultValue: m,
+    error: h,
     onBlur: a,
-    onClick: k,
-    onChange: B,
-    onFocus: v,
-    required: S,
-    value: D
-  }), z = _ ? void 0 : j ?? "text", $ = h({}, l, {
+    onClick: B,
+    onChange: U,
+    onFocus: R,
+    required: A,
+    value: j
+  }), z = _ ? void 0 : M ?? "text", $ = f({}, l, {
     disabled: se,
     error: ae,
     focused: ne,
     formControlContext: re,
     multiline: _,
     type: z
-  }), G = Ee($), le = {
-    "aria-describedby": x,
-    "aria-label": P,
-    "aria-labelledby": E,
-    autoComplete: N,
+  }), G = Fe($), le = {
+    "aria-describedby": P,
+    "aria-label": N,
+    "aria-labelledby": F,
+    autoComplete: v,
     autoFocus: n,
-    id: F,
-    onKeyDown: w,
-    onKeyUp: O,
-    name: I,
-    placeholder: U,
-    readOnly: V,
+    id: I,
+    onKeyDown: C,
+    onKeyUp: T,
+    name: O,
+    placeholder: V,
+    readOnly: S,
     type: z
   }, J = (u = r.root) != null ? u : "div", ie = Q({
     elementType: J,
-    getSlotProps: oe,
-    externalSlotProps: t.root,
+    getSlotProps: te,
+    externalSlotProps: o.root,
     externalForwardedProps: W,
     additionalProps: {
       ref: d
     },
     ownerState: $,
     className: [G.root, g]
-  }), K = _ ? (c = r.textarea) != null ? c : "textarea" : (m = r.input) != null ? m : "input", ue = Q({
+  }), K = _ ? (c = r.textarea) != null ? c : "textarea" : (y = r.input) != null ? y : "input", ue = Q({
     elementType: K,
-    getSlotProps: (pe) => te(h({}, le, pe)),
-    externalSlotProps: t.input,
-    additionalProps: h({
-      rows: _ ? o : void 0
-    }, _ && !Ce(K) && {
-      minRows: o || i,
-      maxRows: o || M
+    getSlotProps: (pe) => oe(f({}, le, pe)),
+    externalSlotProps: o.input,
+    additionalProps: f({
+      rows: _ ? t : void 0
+    }, _ && !xe(K) && {
+      minRows: t || i,
+      maxRows: t || H
     }),
     ownerState: $,
     className: G.input
   });
-  return process.env.NODE_ENV !== "production" && _ && o && (i || M) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ H(J, h({}, ie, {
-    children: [A, /* @__PURE__ */ T(K, h({}, ue)), C]
+  return process.env.NODE_ENV !== "production" && _ && t && (i || H) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ q(J, f({}, ie, {
+    children: [D, /* @__PURE__ */ k(K, f({}, ue)), x]
   }));
 });
 process.env.NODE_ENV !== "production" && (ee.propTypes = {
@@ -373,70 +373,70 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    */
   value: e.any
 });
-const Fe = "_input_1iqdc_57", Ie = "_input__label_1iqdc_81", p = {
-  "u-typography-h1": "_u-typography-h1_1iqdc_1",
-  "u-typography-h2": "_u-typography-h2_1iqdc_8",
-  "u-typography-h3": "_u-typography-h3_1iqdc_15",
-  "u-typography-h4": "_u-typography-h4_1iqdc_22",
-  "u-typography-h5": "_u-typography-h5_1iqdc_29",
-  "u-typography-h6": "_u-typography-h6_1iqdc_36",
-  "u-typography-base": "_u-typography-base_1iqdc_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1iqdc_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1iqdc_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1iqdc_57",
-  "input__input-el": "_input__input-el_1iqdc_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1iqdc_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1iqdc_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1iqdc_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1iqdc_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1iqdc_74",
-  input: Fe,
-  input__label: Ie,
-  "input__input-el-wrapper": "_input__input-el-wrapper_1iqdc_86",
-  "input__left-icon": "_input__left-icon_1iqdc_105",
-  "input__right-icon": "_input__right-icon_1iqdc_105",
-  "input__messages-wrapper": "_input__messages-wrapper_1iqdc_117",
-  "input__info-message": "_input__info-message_1iqdc_130",
-  "input__error-message": "_input__error-message_1iqdc_130",
-  "input__chars-counter": "_input__chars-counter_1iqdc_141",
-  "input--disabled": "_input--disabled_1iqdc_145",
-  "input--focused": "_input--focused_1iqdc_151",
-  "input--error": "_input--error_1iqdc_154"
-}, Se = de(
+const Ie = "_input_y27xt_57", Oe = "_input__label_y27xt_81", p = {
+  "u-typography-h1": "_u-typography-h1_y27xt_1",
+  "u-typography-h2": "_u-typography-h2_y27xt_8",
+  "u-typography-h3": "_u-typography-h3_y27xt_15",
+  "u-typography-h4": "_u-typography-h4_y27xt_22",
+  "u-typography-h5": "_u-typography-h5_y27xt_29",
+  "u-typography-h6": "_u-typography-h6_y27xt_36",
+  "u-typography-base": "_u-typography-base_y27xt_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_y27xt_49",
+  "u-typography-base--xl": "_u-typography-base--xl_y27xt_53",
+  "u-typography-base--lg": "_u-typography-base--lg_y27xt_57",
+  "input__input-el": "_input__input-el_y27xt_57",
+  "u-typography-base--sm": "_u-typography-base--sm_y27xt_61",
+  "u-typography-base--bold": "_u-typography-base--bold_y27xt_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_y27xt_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_y27xt_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_y27xt_74",
+  input: Ie,
+  input__label: Oe,
+  "input__input-el-wrapper": "_input__input-el-wrapper_y27xt_86",
+  "input__left-icon": "_input__left-icon_y27xt_105",
+  "input__right-icon": "_input__right-icon_y27xt_105",
+  "input__messages-wrapper": "_input__messages-wrapper_y27xt_117",
+  "input__info-message": "_input__info-message_y27xt_131",
+  "input__error-message": "_input__error-message_y27xt_131",
+  "input__chars-counter": "_input__chars-counter_y27xt_142",
+  "input--disabled": "_input--disabled_y27xt_147",
+  "input--focused": "_input--focused_y27xt_153",
+  "input--error": "_input--error_y27xt_156"
+}, Ae = de(
   ({
     label: s,
     infoMessage: l,
     error: d,
     errorMessage: u,
     leftIcon: c,
-    rightIcon: m,
-    id: x,
-    disabled: P,
-    type: E = "text",
-    maxLength: N,
+    rightIcon: y,
+    id: P,
+    disabled: N,
+    type: F = "text",
+    maxLength: v,
     hideCharsCounter: n = !1,
     onChange: g,
-    classNameWrapper: f,
+    classNameWrapper: m,
     classNameLabel: b,
-    classNameInput: C,
-    classNameInfoMessage: y,
-    classNameErrorMessage: F,
+    classNameInput: x,
+    classNameInfoMessage: h,
+    classNameErrorMessage: I,
     classNameCharsCounter: _,
-    "data-testid-wrapper": I,
-    "data-testid-label": k,
-    "data-testid-input": B,
-    "data-testid-infoMessage": w,
-    "data-testid-errorMessage": O,
-    "data-testid-charsCounter": v,
+    "data-testid-wrapper": O,
+    "data-testid-label": B,
+    "data-testid-input": U,
+    "data-testid-infoMessage": C,
+    "data-testid-errorMessage": T,
+    "data-testid-charsCounter": R,
     ...a
-  }, U) => {
-    const [V, S] = ce(0), A = _e(), D = x || `input_${A}`;
-    Object.assign(a, { "data-testid": B });
-    const j = (t) => {
+  }, V) => {
+    const [S, A] = ce(0), D = _e(), j = P || `input_${D}`;
+    Object.assign(a, { "data-testid": U });
+    const M = (o) => {
       var r, i;
-      S((i = (r = t == null ? void 0 : t.target) == null ? void 0 : r.value) == null ? void 0 : i.length), g && g(t);
-    }, o = me(() => a.multiline !== !0 ? {
-      type: E,
+      A((i = (r = o == null ? void 0 : o.target) == null ? void 0 : r.value) == null ? void 0 : i.length), g && g(o);
+    }, t = ye(() => a.multiline !== !0 ? {
+      type: F,
       multiline: a.multiline
     } : {
       type: void 0,
@@ -445,66 +445,66 @@ const Fe = "_input_1iqdc_57", Ie = "_input__label_1iqdc_81", p = {
       minRows: a == null ? void 0 : a.minRows,
       maxRows: a == null ? void 0 : a.maxRows
     }, [a]);
-    return /* @__PURE__ */ H("div", { className: R(p.input, f), "data-testid": I, children: [
-      s && /* @__PURE__ */ T(
+    return /* @__PURE__ */ q("div", { className: E(p.input, m), "data-testid": O, children: [
+      s && /* @__PURE__ */ k(
         L,
         {
           element: "label",
-          elementProps: { htmlFor: D },
-          className: R(p.input__label, b),
-          "data-testid": k,
+          elementProps: { htmlFor: j },
+          className: E(p.input__label, b),
+          "data-testid": B,
           children: s
         }
       ),
-      /* @__PURE__ */ T(
+      /* @__PURE__ */ k(
         ee,
         {
-          id: D,
-          disabled: P,
+          id: j,
+          disabled: N,
           error: typeof d == "boolean" ? d : !!u,
           "aria-label": s,
           slotProps: {
-            root: (t) => ({
-              className: R(p["input__input-el-wrapper"], {
-                [p["input--disabled"]]: t.disabled,
-                [p["input--focused"]]: t.focused,
-                [p["input--error"]]: t.error
+            root: (o) => ({
+              className: E(p["input__input-el-wrapper"], {
+                [p["input--disabled"]]: o.disabled,
+                [p["input--focused"]]: o.focused,
+                [p["input--error"]]: o.error
               })
             }),
             input: {
-              ref: U,
-              className: R(p["input__input-el"], C),
-              maxLength: N,
-              onChange: j,
+              ref: V,
+              className: E(p["input__input-el"], x),
+              maxLength: v,
+              onChange: M,
               ...a
             }
           },
-          startAdornment: c && /* @__PURE__ */ T("span", { className: p["input__left-icon"], children: c }),
-          endAdornment: m && /* @__PURE__ */ T("span", { className: p["input__right-icon"], children: m }),
-          ...o
+          startAdornment: c && /* @__PURE__ */ k("span", { className: p["input__left-icon"], children: c }),
+          endAdornment: y && /* @__PURE__ */ k("span", { className: p["input__right-icon"], children: y }),
+          ...t
         }
       ),
-      /* @__PURE__ */ H("div", { className: p["input__messages-wrapper"], children: [
-        (u || l) && /* @__PURE__ */ H(
+      /* @__PURE__ */ q("div", { className: p["input__messages-wrapper"], children: [
+        (u || l) && /* @__PURE__ */ q(
           L,
           {
-            className: u ? R(p["input__error-message"], F) : R(p["input__info-message"], y),
-            "data-testid": u ? O : w,
+            className: u ? E(p["input__error-message"], I) : E(p["input__info-message"], h),
+            "data-testid": u ? T : C,
             children: [
-              /* @__PURE__ */ T(fe, { icon: u ? "circle-exclamation" : "circle-info" }),
+              /* @__PURE__ */ k(me, { icon: u ? "circle-exclamation" : "circle-info" }),
               u || l
             ]
           }
         ),
-        N && !n && /* @__PURE__ */ H(
+        v && !n && /* @__PURE__ */ q(
           L,
           {
-            className: R(p["input__chars-counter"], _),
-            "data-testid": v,
+            className: E(p["input__chars-counter"], _),
+            "data-testid": R,
             children: [
-              V,
+              S,
               " / ",
-              N
+              v
             ]
           }
         )
@@ -513,5 +513,5 @@ const Fe = "_input_1iqdc_57", Ie = "_input__label_1iqdc_81", p = {
   }
 );
 export {
-  Se as Input
+  Ae as Input
 };

package/dist/components/StepperNavigator/StepperNavigator.d.ts

@@ -1,4 +1,11 @@
+/// <reference types="react" />
 type StepperNavigatorLang = 'en' | 'pt';
+export type StepperNavigatorButtonProps = {
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    className?: string;
+    'data-testid'?: string;
+};
 export type StepperNavigatorProps = {
     /** Hides the "previous" button  */
     hidePrevious?: boolean;
@@ -26,6 +33,18 @@ export type StepperNavigatorProps = {
     labelFinish?: string;
     /** Language to be used for the button labels. Default "en" */
     lang?: StepperNavigatorLang;
+    /** CSS classes to be applied on the container element */
+    className?: string;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid'?: string;
+    /** Previous button props */
+    previousButtonProps?: StepperNavigatorButtonProps;
+    /** Cancel button props */
+    cancelButtonProps?: StepperNavigatorButtonProps;
+    /** Next button props */
+    nextButtonProps?: StepperNavigatorButtonProps;
+    /** Finish button props */
+    finishButtonProps?: StepperNavigatorButtonProps;
     /** Callback to be called when the "previous" button is clicked */
     onPrevious?: () => void;
     /** Callback to be called when the "cancel" button is clicked */
@@ -34,10 +53,6 @@ export type StepperNavigatorProps = {
     onNext?: () => void;
     /** Callback to be called when the "finish" button is clicked */
     onFinish?: () => void;
-    /** CSS classes to be applied on the container element */
-    className?: string;
-    /** Id to be applied as `data-testid` on the container element */
-    'data-testid'?: string;
 };
-export declare const StepperNavigator: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, onNext, onPrevious, onCancel, onFinish, }: StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperNavigator: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onFinish, }: StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/StepperNavigator/StepperNavigator.js

@@ -1,12 +1,15 @@
 import '../../assets/StepperNavigator.css';
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { c as g } from "../../clsx-DB4S2d7J.js";
-import { Button as t } from "../Button/Button.js";
-const c = {
-  "stepper-navigator": "_stepper-navigator_1ouny_1",
-  "cancel-button": "_cancel-button_1ouny_11",
-  "previous-button": "_previous-button_1ouny_20"
-}, n = {
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { c as i } from "../../clsx-DB4S2d7J.js";
+import { Button as I } from "../Button/Button.js";
+import { Icon as K } from "../Icon/Icon.js";
+const _ = {
+  "stepper-navigator": "_stepper-navigator_27f6m_1",
+  "cancel-button": "_cancel-button_27f6m_11",
+  "previous-button": "_previous-button_27f6m_20",
+  "next-button": "_next-button_27f6m_39",
+  "finish-button": "_finish-button_27f6m_40"
+}, b = {
   en: {
     previous: "Previous",
     cancel: "Cancel",
@@ -19,38 +22,94 @@ const c = {
     next: "Próximo",
     finish: "Finalizar"
   }
-}, B = ({
-  hideNext: d = !1,
-  hidePrevious: l = !1,
-  hideCancel: u = !1,
-  hideFinish: f = !1,
-  disableNext: v = !1,
-  disablePrevious: m = !1,
-  disableCancel: _ = !1,
-  disableFinish: h = !1,
-  lang: s = "en",
-  labelNext: i,
-  labelPrevious: o,
-  labelCancel: r,
-  labelFinish: a,
-  className: x,
-  "data-testid": k = "stepper-navigator",
-  onNext: y = () => {
+}, R = ({
+  hideNext: C = !1,
+  hidePrevious: j = !1,
+  hideCancel: z = !1,
+  hideFinish: w = !1,
+  disableNext: y = !1,
+  disablePrevious: A = !1,
+  disableCancel: S = !1,
+  disableFinish: q = !1,
+  lang: h = "en",
+  labelNext: N,
+  labelPrevious: f,
+  labelCancel: g,
+  labelFinish: k,
+  className: D,
+  "data-testid": E = "stepper-navigator",
+  previousButtonProps: d,
+  cancelButtonProps: c,
+  nextButtonProps: e = { rightIcon: /* @__PURE__ */ a(K, { icon: "circle-arrow-right", size: 24 }) },
+  finishButtonProps: m,
+  onNext: F = () => {
   },
-  onPrevious: C = () => {
+  onPrevious: G = () => {
   },
-  onCancel: b = () => {
+  onCancel: H = () => {
   },
-  onFinish: N = () => {
+  onFinish: J = () => {
   }
-}) => (r = r || n[s].cancel, o = o || n[s].previous, i = i || n[s].next, a = a || n[s].finish, /* @__PURE__ */ p("div", { className: g(c["stepper-navigator"], x), "data-testid": k, children: [
-  l ? /* @__PURE__ */ e("span", {}) : /* @__PURE__ */ e(t, { className: c["previous-button"], disabled: m, onClick: C, children: o }),
-  /* @__PURE__ */ p("span", { children: [
-    !u && /* @__PURE__ */ e(t, { className: c["cancel-button"], disabled: _, onClick: b, children: r }),
-    !d && /* @__PURE__ */ e(t, { disabled: v, onClick: y, children: i }),
-    !f && /* @__PURE__ */ e(t, { disabled: h, onClick: N, children: a })
+}) => (g = g || b[h].cancel, f = f || b[h].previous, N = N || b[h].next, k = k || b[h].finish, /* @__PURE__ */ l("div", { className: i(_["stepper-navigator"], D), "data-testid": E, children: [
+  j ? /* @__PURE__ */ a("span", {}) : /* @__PURE__ */ l(
+    I,
+    {
+      className: i(_["previous-button"], d == null ? void 0 : d.className),
+      "data-testid": d == null ? void 0 : d["data-testid"],
+      disabled: A,
+      onClick: G,
+      children: [
+        /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.leftIcon }),
+        /* @__PURE__ */ a("span", { children: f }),
+        /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.rightIcon })
+      ]
+    }
+  ),
+  /* @__PURE__ */ l("span", { children: [
+    !z && /* @__PURE__ */ l(
+      I,
+      {
+        className: i(_["cancel-button"], c == null ? void 0 : c.className),
+        "data-testid": c == null ? void 0 : c["data-testid"],
+        disabled: S,
+        onClick: H,
+        children: [
+          /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.leftIcon }),
+          /* @__PURE__ */ a("span", { children: g }),
+          /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.rightIcon })
+        ]
+      }
+    ),
+    !C && /* @__PURE__ */ l(
+      I,
+      {
+        className: i(_["next-button"], e == null ? void 0 : e.className),
+        "data-testid": e == null ? void 0 : e["data-testid"],
+        disabled: y,
+        onClick: F,
+        children: [
+          /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.leftIcon }),
+          /* @__PURE__ */ a("span", { children: N }),
+          /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.rightIcon })
+        ]
+      }
+    ),
+    !w && /* @__PURE__ */ l(
+      I,
+      {
+        className: i(_["finish-button"], m == null ? void 0 : m.className),
+        "data-testid": m == null ? void 0 : m["data-testid"],
+        disabled: q,
+        onClick: J,
+        children: [
+          /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.leftIcon }),
+          /* @__PURE__ */ a("span", { children: k }),
+          /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.rightIcon })
+        ]
+      }
+    )
   ] })
 ] }));
 export {
-  B as StepperNavigator
+  R as StepperNavigator
 };

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, onNext, onPrevious, onCancel, onFinish, }: import('./StepperNavigator').StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onFinish, }: import('./StepperNavigator').StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -14,3 +14,5 @@ export declare const Simple: Story;
 export declare const WithCustomLanguage: Story;
 export declare const WithCustomLabels: Story;
 export declare const Disabled: Story;
+export declare const WithIcons: Story;
+export declare const DefaultWithNoIcons: Story;

package/package.json

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