@pismo/marola 2.1.63 → 2.1.64

package/dist/assets/Input.css

@@ -1 +1 @@
-._u-typography-h1_1u4jg_2{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_1u4jg_9{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_1u4jg_16{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_1u4jg_23{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_1u4jg_30{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_1u4jg_37{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_1u4jg_44{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1u4jg_50{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1u4jg_54{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1u4jg_58,._input__input-el_1u4jg_58{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1u4jg_62{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1u4jg_66,._input__input-el_1u4jg_58{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1u4jg_69{text-decoration:line-through}._u-typography-base--underlined_1u4jg_72{text-decoration:underline}._u-typography-base--strikethrough-underlined_1u4jg_75{text-decoration:underline line-through}._input_1u4jg_58{position:relative}._input_1u4jg_58:has(._input__messages-wrapper_1u4jg_82:not(:empty)){padding-bottom:1.6875rem}._input__label_1u4jg_85{display:block;margin-bottom:.3125rem;color:var(--colors-neutral-text-color-text)}._input__input-el-wrapper_1u4jg_90{display:flex;align-items:center;height:2.5rem;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el-wrapper_1u4jg_90:has(textarea){height:auto}._input__input-el-wrapper_1u4jg_90:has(input:disabled){background-color:var(--colors-neutral-bg-color-bg-container-disabled)}._input__input-el_1u4jg_58{all:unset;width:100%;height:2.5rem;padding:0 1rem;color:var(--gray-90);outline:none}._input__input-el_1u4jg_58::placeholder{color:var(--gray-50)}._input__left-icon_1u4jg_115,._input__right-icon_1u4jg_115{display:flex;align-items:center;justify-content:center;height:1rem}._input__left-icon_1u4jg_115{padding-left:1rem}._input__right-icon_1u4jg_115{padding-right:1rem}._input__messages-wrapper_1u4jg_82{position:absolute;display:flex;gap:1rem;justify-content:space-between;width:100%}._input__messages-wrapper_1u4jg_82:not(:empty){margin-top:.3125rem}._input__messages-wrapper_1u4jg_82 svg{min-width:1rem;min-height:1rem}._input__info-message_1u4jg_141,._input__error-message_1u4jg_141{display:flex;gap:.375rem;align-items:center}._input__info-message_1u4jg_141{color:var(--gray-75)}._input__error-message_1u4jg_141{color:var(--alert)}._input__chars-counter_1u4jg_152{margin-left:auto;color:var(--gray-75);white-space:nowrap}._input--disabled_1u4jg_157 ._input__input-el_1u4jg_58{color:var(--gray-50)}._input_1u4jg_58:has(._input--disabled_1u4jg_157) ._input__label_1u4jg_85{color:var(--gray-25)}._input--focused_1u4jg_163._input__input-el-wrapper_1u4jg_90{border-color:var(--accent)}._input--error_1u4jg_166._input__input-el-wrapper_1u4jg_90{border-color:var(--alert)}._input__input-el-wrapper_1u4jg_90:hover:not(._input--disabled_1u4jg_157,._input--focused_1u4jg_163,._input--error_1u4jg_166){border-color:var(--gray-75)}textarea._input__input-el_1u4jg_58{height:auto;padding:.5rem 1rem;overflow:hidden;resize:vertical}
+._u-typography-h1_14020_2{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_14020_9{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_14020_16{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_14020_23{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_14020_30{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_14020_37{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_14020_44{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_14020_50{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_14020_54{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_14020_58,._input__input-el_14020_58{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_14020_62{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_14020_66,._input__input-el_14020_58{font-weight:var(--base-bold)}._u-typography-base--strikethrough_14020_69{text-decoration:line-through}._u-typography-base--underlined_14020_72{text-decoration:underline}._u-typography-base--strikethrough-underlined_14020_75{text-decoration:underline line-through}._input_14020_58{position:relative}._input_14020_58:has(._input__messages-wrapper_14020_82:not(:empty)){padding-bottom:1.6875rem}._input__labelWrapper_14020_85{display:flex;gap:.5rem;align-items:center;margin-bottom:.3125rem}._input__label_14020_85{display:block;color:var(--colors-neutral-text-color-text)}._input__labelHelp_14020_95{display:inline-flex;align-items:center;color:var(--colors-neutral-text-color-secondary)}._input__input-el-wrapper_14020_100{display:flex;align-items:center;height:2.5rem;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el-wrapper_14020_100:has(textarea){height:auto}._input__input-el-wrapper_14020_100:has(input:disabled){background-color:var(--colors-neutral-bg-color-bg-container-disabled)}._input__input-el_14020_58{all:unset;width:100%;height:2.5rem;padding:0 1rem;color:var(--gray-90);outline:none}._input__input-el_14020_58::placeholder{color:var(--gray-50)}._input__left-icon_14020_125,._input__right-icon_14020_125{display:flex;align-items:center;justify-content:center;height:1rem}._input__left-icon_14020_125{padding-left:1rem}._input__right-icon_14020_125{padding-right:1rem}._input__messages-wrapper_14020_82{position:absolute;display:flex;gap:1rem;justify-content:space-between;width:100%}._input__messages-wrapper_14020_82:not(:empty){margin-top:.3125rem}._input__messages-wrapper_14020_82 svg{min-width:1rem;min-height:1rem}._input__info-message_14020_151,._input__error-message_14020_151{display:flex;gap:.375rem;align-items:center}._input__info-message_14020_151{color:var(--gray-75)}._input__error-message_14020_151{color:var(--alert)}._input__chars-counter_14020_162{margin-left:auto;color:var(--gray-75);white-space:nowrap}._input--disabled_14020_167 ._input__input-el_14020_58{color:var(--gray-50)}._input_14020_58:has(._input--disabled_14020_167) ._input__label_14020_85{color:var(--gray-25)}._input--focused_14020_173._input__input-el-wrapper_14020_100{border-color:var(--accent)}._input--error_14020_176._input__input-el-wrapper_14020_100{border-color:var(--alert)}._input__input-el-wrapper_14020_100:hover:not(._input--disabled_14020_167,._input--focused_14020_173,._input--error_14020_176){border-color:var(--gray-75)}textarea._input__input-el_14020_58{height:auto;padding:.5rem 1rem;overflow:hidden;resize:vertical}

package/dist/components/Input/Input.d.ts

@@ -4,6 +4,8 @@ type CustomInputTypeAttribute = Exclude<HTMLInputTypeAttribute, ExcludedInputTyp
 export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Label text */
     label?: string;
+    /** Label help element */
+    labelHelp?: React.ReactNode;
     /** Info message text */
     infoMessage?: React.ReactNode;
     /** Show the field layout as an error */

package/dist/components/Input/Input.js

@@ -1,229 +1,229 @@
-import { jsxs as M, jsx as H } from "react/jsx-runtime";
-import * as E from "react";
-import { forwardRef as Ne, useState as ye, useId as Ce, useRef as xe, useMemo as ie } from "react";
-import { formatDecimalValue as me, allowOnlyIntegerNumbers as ve, allowOnlyNumbers as Pe, parseToInteger as Re } from "../../utils/inputNumberAsText.js";
-import { c as B } from "../../clsx-OuTLNxxd.js";
-import { Icon as Ee } from "../Icon/Icon.js";
-import { Typography as se } from "../Typography/Typography.js";
-import { g as je, a as Ve, u as Fe, f as de, _ as y, b as Se, c as _e, i as Oe, d as Te, e as Ie, P as n } from "../../useSlotProps-CYHDC4TN.js";
-import '../../assets/Input.css';function Be(r) {
+import { jsxs as j, jsx as A } from "react/jsx-runtime";
+import * as F from "react";
+import { forwardRef as ye, useState as Ce, useId as ve, useRef as xe, useMemo as se } from "react";
+import { formatDecimalValue as _e, allowOnlyIntegerNumbers as Pe, allowOnlyNumbers as Re, parseToInteger as Ee } from "../../utils/inputNumberAsText.js";
+import { c as U } from "../../clsx-OuTLNxxd.js";
+import { Icon as Ve } from "../Icon/Icon.js";
+import { Typography as de } from "../Typography/Typography.js";
+import { g as Fe, a as Se, u as Oe, f as pe, _ as y, b as Te, c as be, i as Ie, d as Be, e as Ue, P as n } from "../../useSlotProps-CYHDC4TN.js";
+import '../../assets/Input.css';function je(r) {
   let i = "https://mui.com/production-error/?code=" + r;
-  for (let _ = 1; _ < arguments.length; _ += 1)
-    i += "&args[]=" + encodeURIComponent(arguments[_]);
+  for (let f = 1; f < arguments.length; f += 1)
+    i += "&args[]=" + encodeURIComponent(arguments[f]);
   return "Minified MUI error #" + r + "; visit " + i + " for the full message.";
 }
 const ge = "Input";
-function Ue(r) {
-  return je(ge, r);
+function Ae(r) {
+  return Fe(ge, r);
 }
-Ve(ge, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const be = /* @__PURE__ */ E.createContext(void 0);
-process.env.NODE_ENV !== "production" && (be.displayName = "FormControlContext");
-function Ae() {
-  return E.useContext(be);
+Se(ge, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+const he = /* @__PURE__ */ F.createContext(void 0);
+process.env.NODE_ENV !== "production" && (he.displayName = "FormControlContext");
+function ke() {
+  return F.useContext(he);
 }
-function ke(r = {}) {
+function He(r = {}) {
   const {
     defaultValue: i,
-    disabled: _ = !1,
-    error: c = !1,
-    onBlur: g,
+    disabled: f = !1,
+    error: C = !1,
+    onBlur: u,
     onChange: h,
-    onFocus: j,
-    required: V = !1,
-    value: f,
-    inputRef: F
-  } = r, o = Ae();
-  let w, s, C, N, x;
-  if (o) {
-    var U, u, v;
-    if (w = void 0, s = (U = o.disabled) != null ? U : !1, C = (u = o.error) != null ? u : !1, N = (v = o.required) != null ? v : !1, x = o.value, process.env.NODE_ENV !== "production") {
-      const e = ["defaultValue", "disabled", "error", "required", "value"].filter((a) => r[a] !== void 0);
-      e.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: ${e.join(", ")}`].join(`
+    onFocus: x,
+    required: S = !1,
+    value: k,
+    inputRef: m
+  } = r, l = ke();
+  let P, p, _, v, b;
+  if (l) {
+    var H, g, N;
+    if (P = void 0, p = (H = l.disabled) != null ? H : !1, _ = (g = l.error) != null ? g : !1, v = (N = l.required) != null ? N : !1, b = l.value, process.env.NODE_ENV !== "production") {
+      const o = ["defaultValue", "disabled", "error", "required", "value"].filter((e) => r[e] !== 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(`
 `));
     }
   } else
-    w = i, s = _, C = c, N = V, x = f;
+    P = i, p = f, _ = C, v = S, b = k;
   const {
-    current: K
-  } = E.useRef(x != null), q = E.useCallback((e) => {
-    process.env.NODE_ENV !== "production" && e && e.nodeName !== "INPUT" && !e.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: R
+  } = F.useRef(b != null), q = F.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(`
 `));
-  }, []), R = E.useRef(null), A = Fe(R, F, q), [S, O] = E.useState(!1);
-  E.useEffect(() => {
-    !o && s && S && (O(!1), g == null || g());
-  }, [o, s, S, g]);
-  const D = (e) => (a) => {
-    var l;
-    if (o != null && o.disabled) {
-      a.stopPropagation();
+  }, []), E = F.useRef(null), M = Oe(E, m, q), [O, T] = F.useState(!1);
+  F.useEffect(() => {
+    !l && p && O && (T(!1), u == null || u());
+  }, [l, p, O, u]);
+  const D = (o) => (e) => {
+    var a;
+    if (l != null && l.disabled) {
+      e.stopPropagation();
       return;
     }
-    if ((l = e.onFocus) == null || l.call(e, a), o && o.onFocus) {
-      var d;
-      o == null || (d = o.onFocus) == null || d.call(o);
+    if ((a = o.onFocus) == null || a.call(o, e), l && l.onFocus) {
+      var c;
+      l == null || (c = l.onFocus) == null || c.call(l);
     } else
-      O(!0);
-  }, $ = (e) => (a) => {
-    var l;
-    (l = e.onBlur) == null || l.call(e, a), o && o.onBlur ? o.onBlur() : O(!1);
-  }, Y = (e) => (a, ...l) => {
-    var d, T;
-    if (!K && (a.target || R.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." : Be(17));
-    o == null || (d = o.onChange) == null || d.call(o, a), (T = e.onChange) == null || T.call(e, a, ...l);
-  }, L = (e) => (a) => {
-    var l;
-    R.current && a.currentTarget === a.target && R.current.focus(), (l = e.onClick) == null || l.call(e, a);
+      T(!0);
+  }, $ = (o) => (e) => {
+    var a;
+    (a = o.onBlur) == null || a.call(o, e), l && l.onBlur ? l.onBlur() : T(!1);
+  }, W = (o) => (e, ...a) => {
+    var c, V;
+    if (!R && (e.target || E.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." : je(17));
+    l == null || (c = l.onChange) == null || c.call(l, e), (V = o.onChange) == null || V.call(o, e, ...a);
+  }, Y = (o) => (e) => {
+    var a;
+    E.current && e.currentTarget === e.target && E.current.focus(), (a = o.onClick) == null || a.call(o, e);
   };
   return {
-    disabled: s,
-    error: C,
-    focused: S,
-    formControlContext: o,
-    getInputProps: (e = {}) => {
-      const l = y({}, {
-        onBlur: g,
+    disabled: p,
+    error: _,
+    focused: O,
+    formControlContext: l,
+    getInputProps: (o = {}) => {
+      const a = y({}, {
+        onBlur: u,
         onChange: h,
-        onFocus: j
-      }, de(e)), d = y({}, l, {
-        onBlur: $(l),
-        onChange: Y(l),
-        onFocus: D(l)
+        onFocus: x
+      }, pe(o)), c = y({}, a, {
+        onBlur: $(a),
+        onChange: W(a),
+        onFocus: D(a)
       });
-      return y({}, d, {
-        "aria-invalid": C || void 0,
-        defaultValue: w,
-        value: x,
-        required: N,
-        disabled: s
-      }, e, {
-        ref: A
-      }, d);
+      return y({}, c, {
+        "aria-invalid": _ || void 0,
+        defaultValue: P,
+        value: b,
+        required: v,
+        disabled: p
+      }, o, {
+        ref: M
+      }, c);
     },
-    getRootProps: (e = {}) => {
-      const a = de(r, ["onBlur", "onChange", "onFocus"]), l = y({}, a, de(e));
-      return y({}, e, l, {
-        onClick: L(l)
+    getRootProps: (o = {}) => {
+      const e = pe(r, ["onBlur", "onChange", "onFocus"]), a = y({}, e, pe(o));
+      return y({}, o, a, {
+        onClick: Y(a)
       });
     },
-    inputRef: A,
-    required: N,
-    value: x
+    inputRef: M,
+    required: v,
+    value: b
   };
 }
-const Me = ["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"], He = (r) => {
+const Me = ["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"], Ke = (r) => {
   const {
     disabled: i,
-    error: _,
-    focused: c,
-    formControlContext: g,
+    error: f,
+    focused: C,
+    formControlContext: u,
     multiline: h,
-    startAdornment: j,
-    endAdornment: V
+    startAdornment: x,
+    endAdornment: S
   } = r;
-  return Te({
-    root: ["root", i && "disabled", _ && "error", c && "focused", !!g && "formControl", h && "multiline", !!j && "adornedStart", !!V && "adornedEnd"],
+  return Be({
+    root: ["root", i && "disabled", f && "error", C && "focused", !!u && "formControl", h && "multiline", !!x && "adornedStart", !!S && "adornedEnd"],
     input: ["input", i && "disabled", h && "multiline"]
-  }, Ie(Ue));
-}, he = /* @__PURE__ */ E.forwardRef(function(i, _) {
-  var c, g, h;
+  }, Ue(Ae));
+}, Ne = /* @__PURE__ */ F.forwardRef(function(i, f) {
+  var C, u, h;
   const {
-    "aria-describedby": j,
-    "aria-label": V,
-    "aria-labelledby": f,
-    autoComplete: F,
-    autoFocus: o,
-    className: w,
-    defaultValue: s,
-    disabled: C,
-    endAdornment: N,
-    error: x,
-    id: U,
-    multiline: u = !1,
-    name: v,
-    onClick: K,
+    "aria-describedby": x,
+    "aria-label": S,
+    "aria-labelledby": k,
+    autoComplete: m,
+    autoFocus: l,
+    className: P,
+    defaultValue: p,
+    disabled: _,
+    endAdornment: v,
+    error: b,
+    id: H,
+    multiline: g = !1,
+    name: N,
+    onClick: R,
     onChange: q,
-    onKeyDown: R,
-    onKeyUp: A,
-    onFocus: S,
-    onBlur: O,
+    onKeyDown: E,
+    onKeyUp: M,
+    onFocus: O,
+    onBlur: T,
     placeholder: D,
     readOnly: $,
-    required: Y,
-    startAdornment: L,
-    value: Z,
-    type: W,
-    rows: e,
-    slotProps: a = {},
-    slots: l = {},
-    minRows: d,
-    maxRows: T
-  } = i, z = Se(i, Me), {
-    getRootProps: G,
-    getInputProps: J,
-    focused: ae,
-    formControlContext: ee,
-    error: re,
+    required: W,
+    startAdornment: Y,
+    value: X,
+    type: L,
+    rows: o,
+    slotProps: e = {},
+    slots: a = {},
+    minRows: c,
+    maxRows: V
+  } = i, Z = Te(i, Me), {
+    getRootProps: ee,
+    getInputProps: z,
+    focused: G,
+    formControlContext: re,
+    error: ne,
     disabled: ue
-  } = ke({
-    disabled: C,
-    defaultValue: s,
-    error: x,
-    onBlur: O,
-    onClick: K,
+  } = He({
+    disabled: _,
+    defaultValue: p,
+    error: b,
+    onBlur: T,
+    onClick: R,
     onChange: q,
-    onFocus: S,
-    required: Y,
-    value: Z
-  }), ne = u ? void 0 : W ?? "text", Q = y({}, i, {
+    onFocus: O,
+    required: W,
+    value: X
+  }), te = g ? void 0 : L ?? "text", J = y({}, i, {
     disabled: ue,
-    error: re,
-    focused: ae,
-    formControlContext: ee,
-    multiline: u,
-    type: ne
-  }), te = He(Q), oe = {
-    "aria-describedby": j,
-    "aria-label": V,
-    "aria-labelledby": f,
-    autoComplete: F,
-    autoFocus: o,
-    id: U,
-    onKeyDown: R,
-    onKeyUp: A,
-    name: v,
+    error: ne,
+    focused: G,
+    formControlContext: re,
+    multiline: g,
+    type: te
+  }), oe = Ke(J), ie = {
+    "aria-describedby": x,
+    "aria-label": S,
+    "aria-labelledby": k,
+    autoComplete: m,
+    autoFocus: l,
+    id: H,
+    onKeyDown: E,
+    onKeyUp: M,
+    name: N,
     placeholder: D,
     readOnly: $,
-    type: ne
-  }, X = (c = l.root) != null ? c : "div", t = _e({
-    elementType: X,
-    getSlotProps: G,
-    externalSlotProps: a.root,
-    externalForwardedProps: z,
+    type: te
+  }, Q = (C = a.root) != null ? C : "div", le = be({
+    elementType: Q,
+    getSlotProps: ee,
+    externalSlotProps: e.root,
+    externalForwardedProps: Z,
     additionalProps: {
-      ref: _
+      ref: f
     },
-    ownerState: Q,
-    className: [te.root, w]
-  }), b = u ? (g = l.textarea) != null ? g : "textarea" : (h = l.input) != null ? h : "input", I = _e({
-    elementType: b,
-    getSlotProps: (P) => J(y({}, oe, P)),
-    externalSlotProps: a.input,
+    ownerState: J,
+    className: [oe.root, P]
+  }), t = g ? (u = a.textarea) != null ? u : "textarea" : (h = a.input) != null ? h : "input", w = be({
+    elementType: t,
+    getSlotProps: (I) => z(y({}, ie, I)),
+    externalSlotProps: e.input,
     additionalProps: y({
-      rows: u ? e : void 0
-    }, u && !Oe(b) && {
-      minRows: e || d,
-      maxRows: e || T
+      rows: g ? o : void 0
+    }, g && !Ie(t) && {
+      minRows: o || c,
+      maxRows: o || V
     }),
-    ownerState: Q,
-    className: te.input
+    ownerState: J,
+    className: oe.input
   });
-  return process.env.NODE_ENV !== "production" && u && e && (d || T) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ M(X, y({}, t, {
-    children: [L, /* @__PURE__ */ H(b, y({}, I)), N]
+  return process.env.NODE_ENV !== "production" && g && o && (c || V) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ j(Q, y({}, le, {
+    children: [Y, /* @__PURE__ */ A(t, y({}, w)), v]
   }));
 });
-process.env.NODE_ENV !== "production" && (he.propTypes = {
+process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -373,103 +373,106 @@ process.env.NODE_ENV !== "production" && (he.propTypes = {
    */
   value: n.any
 });
-const Ke = "_input_1u4jg_58", qe = "_input__label_1u4jg_85", m = {
-  "input__input-el": "_input__input-el_1u4jg_58",
-  input: Ke,
-  "input__messages-wrapper": "_input__messages-wrapper_1u4jg_82",
-  input__label: qe,
-  "input__input-el-wrapper": "_input__input-el-wrapper_1u4jg_90",
-  "input__left-icon": "_input__left-icon_1u4jg_115",
-  "input__right-icon": "_input__right-icon_1u4jg_115",
-  "input__info-message": "_input__info-message_1u4jg_141",
-  "input__error-message": "_input__error-message_1u4jg_141",
-  "input__chars-counter": "_input__chars-counter_1u4jg_152",
-  "input--disabled": "_input--disabled_1u4jg_157",
-  "input--focused": "_input--focused_1u4jg_163",
-  "input--error": "_input--error_1u4jg_166"
-}, Je = Ne(
+const qe = "_input_14020_58", De = "_input__labelWrapper_14020_85", $e = "_input__label_14020_85", We = "_input__labelHelp_14020_95", s = {
+  "input__input-el": "_input__input-el_14020_58",
+  input: qe,
+  "input__messages-wrapper": "_input__messages-wrapper_14020_82",
+  input__labelWrapper: De,
+  input__label: $e,
+  input__labelHelp: We,
+  "input__input-el-wrapper": "_input__input-el-wrapper_14020_100",
+  "input__left-icon": "_input__left-icon_14020_125",
+  "input__right-icon": "_input__right-icon_14020_125",
+  "input__info-message": "_input__info-message_14020_151",
+  "input__error-message": "_input__error-message_14020_151",
+  "input__chars-counter": "_input__chars-counter_14020_162",
+  "input--disabled": "_input--disabled_14020_167",
+  "input--focused": "_input--focused_14020_173",
+  "input--error": "_input--error_14020_176"
+}, Ze = ye(
   ({
     label: r,
-    infoMessage: i,
-    error: _,
-    errorMessage: c,
-    leftIcon: g,
-    rightIcon: h,
-    id: j,
-    disabled: V,
-    type: f = "text",
-    maxLength: F,
-    allowLeadingZeros: o = !1,
-    isInteger: w,
-    useCommaInDecimal: s,
-    allowNegativeNumbers: C = !1,
-    decimalLength: N = 10,
-    hideCharsCounter: x = !1,
-    required: U,
-    onChange: u,
-    triggerDelay: v,
-    classNameWrapper: K,
-    classNameLabel: q,
-    classNameInput: R,
-    classNameInfoMessage: A,
-    classNameErrorMessage: S,
-    classNameCharsCounter: O,
-    "data-testid-wrapper": D,
-    "data-testid-label": $,
+    labelHelp: i,
+    infoMessage: f,
+    error: C,
+    errorMessage: u,
+    leftIcon: h,
+    rightIcon: x,
+    id: S,
+    disabled: k,
+    type: m = "text",
+    maxLength: l,
+    allowLeadingZeros: P = !1,
+    isInteger: p,
+    useCommaInDecimal: _,
+    allowNegativeNumbers: v = !1,
+    decimalLength: b = 10,
+    hideCharsCounter: H = !1,
+    required: g,
+    onChange: N,
+    triggerDelay: R,
+    classNameWrapper: q,
+    classNameLabel: E,
+    classNameInput: M,
+    classNameInfoMessage: O,
+    classNameErrorMessage: T,
+    classNameCharsCounter: D,
+    "data-testid-wrapper": $,
+    "data-testid-label": W,
     "data-testid-input": Y,
-    "data-testid-infoMessage": L,
-    "data-testid-errorMessage": Z,
-    "data-testid-charsCounter": W,
+    "data-testid-infoMessage": X,
+    "data-testid-errorMessage": L,
+    "data-testid-charsCounter": o,
     ...e
   }, a) => {
-    var oe, X;
-    const [l, d] = ye(
-      ((oe = e.value) == null ? void 0 : oe.length) || ((X = e.defaultValue) == null ? void 0 : X.length) || 0
-    ), T = Ce(), z = j || `input_${T}`;
+    var Q, le;
+    const [c, V] = Ce(
+      ((Q = e.value) == null ? void 0 : Q.length) || ((le = e.defaultValue) == null ? void 0 : le.length) || 0
+    ), Z = ve(), ee = S || `input_${Z}`;
     Object.assign(e, { "data-testid": Y });
-    const G = F && !x, J = xe(), ae = (t) => {
-      J.current && clearTimeout(J.current), J.current = setTimeout(() => {
-        ee(t);
-      }, v);
-    }, ee = (t) => {
-      var b, I, P, pe;
-      if (f === "number-as-text") {
-        let p = w ? Re(t.target.value, o) : s ? t.target.value.replace(".", ",") : t.target.value.replace(",", ".");
-        if (!w && N > 0) {
-          const ce = String(p), [we, fe] = ce.split(/,|\./);
-          ce !== "" && fe && (p = [we, fe.slice(0, N)].join(s ? "," : "."));
+    const z = l && !H, G = xe(), re = (t) => {
+      G.current && clearTimeout(G.current), G.current = setTimeout(() => {
+        ne(t);
+      }, R);
+    }, ne = (t) => {
+      var w, I, B, ce;
+      if (m === "number-as-text") {
+        let d = p ? Ee(t.target.value, P) : _ ? t.target.value.replace(".", ",") : t.target.value.replace(",", ".");
+        if (!p && b > 0) {
+          const fe = String(d), [we, me] = fe.split(/,|\./);
+          fe !== "" && me && (d = [we, me.slice(0, b)].join(_ ? "," : "."));
         }
-        t.target.value = String(p);
-        const le = !isNaN(Number(String(p).replace(",", "."))), k = String(p).length ? String(p).replace(",", ".") : "";
-        u == null || u({
+        t.target.value = String(d);
+        const ae = !isNaN(Number(String(d).replace(",", "."))), K = String(d).length ? String(d).replace(",", ".") : "";
+        N == null || N({
           ...t,
           target: {
             ...t.target,
-            value: k,
-            valueAsNumber: le && String(p).length ? Number(String(p).replace(",", ".")) : NaN
+            value: K,
+            valueAsNumber: ae && String(d).length ? Number(String(d).replace(",", ".")) : NaN
           }
-        }), G && d((I = (b = t == null ? void 0 : t.target) == null ? void 0 : b.value) == null ? void 0 : I.length);
+        }), z && V((I = (w = t == null ? void 0 : t.target) == null ? void 0 : w.value) == null ? void 0 : I.length);
         return;
       }
-      if (f === "number") {
-        let p = String(t.target.value);
-        const [le, k] = p.split(".");
-        p !== "" && (k != null && k.length ? p = [Number(le), k.slice(0, N)].join(".") : p = String(Number(le))), t.target.value = p;
+      if (m === "number") {
+        let d = String(t.target.value);
+        const [ae, K] = d.split(".");
+        d !== "" && (K != null && K.length ? d = [Number(ae), K.slice(0, b)].join(".") : d = String(Number(ae))), t.target.value = d;
       }
-      G && d((pe = (P = t == null ? void 0 : t.target) == null ? void 0 : P.value) == null ? void 0 : pe.length), u && u(t);
-    }, re = (t) => {
-      var b;
-      f === "number-as-text" && (w ? ve(t, C) : Pe(t, C)), (b = e == null ? void 0 : e.onKeyDown) == null || b.call(e, t);
+      z && V((ce = (B = t == null ? void 0 : t.target) == null ? void 0 : B.value) == null ? void 0 : ce.length), N && N(t);
     }, ue = (t) => {
-      var b;
-      if (f === "number-as-text" && t.target.value.length) {
-        const I = w ? t.target.value.replace(/(,\.)/gi, "") : t.target.value.replace(",", ".");
-        let P = String(o ? I : Number(I));
-        isNaN(Number(P)) && (P = ""), t.target.value = s ? P.replace(".", ",") : P;
+      var w;
+      m === "number-as-text" && (p ? Pe(t, v) : Re(t, v)), (w = e == null ? void 0 : e.onKeyDown) == null || w.call(e, t);
+    }, te = (t) => {
+      var w;
+      if (m === "number-as-text" && t.target.value.length) {
+        const I = p ? t.target.value.replace(/(,\.)/gi, "") : t.target.value.replace(",", ".");
+        let B = String(P ? I : Number(I));
+        isNaN(Number(B)) && (B = ""), t.target.value = _ ? B.replace(".", ",") : B;
       }
-      (b = e == null ? void 0 : e.onBlur) == null || b.call(e, t);
-    }, ne = ie(() => e.multiline !== !0 ? {
-      type: f === "number-as-text" ? "text" : f,
+      (w = e == null ? void 0 : e.onBlur) == null || w.call(e, t);
+    }, J = se(() => e.multiline !== !0 ? {
+      type: m === "number-as-text" ? "text" : m,
       multiline: e.multiline
     } : {
       type: void 0,
@@ -477,81 +480,84 @@ const Ke = "_input_1u4jg_58", qe = "_input__label_1u4jg_85", m = {
       rows: (e == null ? void 0 : e.rows) || 5,
       minRows: e == null ? void 0 : e.minRows,
       maxRows: e == null ? void 0 : e.maxRows
-    }, [e]), Q = ie(() => {
-      const t = v ? (e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.defaultValue) : e == null ? void 0 : e.defaultValue;
-      return f === "number-as-text" && t ? me(t, s) : t;
-    }, [e.defaultValue]), te = ie(() => {
-      if (!v)
-        return f === "number-as-text" && (e != null && e.value) ? me(e == null ? void 0 : e.value, s) : e == null ? void 0 : e.value;
+    }, [e]), oe = se(() => {
+      const t = R ? (e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.defaultValue) : e == null ? void 0 : e.defaultValue;
+      return m === "number-as-text" && t ? _e(t, _) : t;
+    }, [e.defaultValue]), ie = se(() => {
+      if (!R)
+        return m === "number-as-text" && (e != null && e.value) ? _e(e == null ? void 0 : e.value, _) : e == null ? void 0 : e.value;
     }, [e.value]);
-    return /* @__PURE__ */ M("div", { className: B(m.input, K), "data-testid": D, children: [
-      r && /* @__PURE__ */ M(
-        se,
-        {
-          bold: !0,
-          element: "label",
-          elementProps: { htmlFor: z },
-          className: B(m.input__label, q),
-          "data-testid": $,
-          children: [
-            r,
-            U && /* @__PURE__ */ H("span", { children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ H(
-        he,
+    return /* @__PURE__ */ j("div", { className: U(s.input, q), "data-testid": $, children: [
+      (r || i) && /* @__PURE__ */ j("div", { className: s.input__labelWrapper, children: [
+        r && /* @__PURE__ */ j(
+          de,
+          {
+            bold: !0,
+            element: "label",
+            elementProps: { htmlFor: ee },
+            className: U(s.input__label, E),
+            "data-testid": W,
+            children: [
+              r,
+              g && /* @__PURE__ */ A("span", { children: "*" })
+            ]
+          }
+        ),
+        i && /* @__PURE__ */ A("div", { className: s.input__labelHelp, children: i })
+      ] }),
+      /* @__PURE__ */ A(
+        Ne,
         {
-          id: z,
-          disabled: V,
-          error: typeof _ == "boolean" ? _ : !!c,
+          id: ee,
+          disabled: k,
+          error: typeof C == "boolean" ? C : !!u,
           "aria-label": r,
           slotProps: {
             root: (t) => ({
-              className: B(m["input__input-el-wrapper"], {
-                [m["input--disabled"]]: t.disabled,
-                [m["input--focused"]]: t.focused,
-                [m["input--error"]]: t.error
+              className: U(s["input__input-el-wrapper"], {
+                [s["input--disabled"]]: t.disabled,
+                [s["input--focused"]]: t.focused,
+                [s["input--error"]]: t.error
               })
             }),
             input: {
               ref: a,
-              className: B(m["input__input-el"], R),
-              maxLength: F,
-              onChange: v ? ae : ee,
+              className: U(s["input__input-el"], M),
+              maxLength: l,
+              onChange: R ? re : ne,
               ...e,
-              onKeyDown: re,
-              onBlur: ue,
-              defaultValue: Q,
-              value: te
+              onKeyDown: ue,
+              onBlur: te,
+              defaultValue: oe,
+              value: ie
             }
           },
-          startAdornment: g && /* @__PURE__ */ H("span", { className: m["input__left-icon"], children: g }),
-          endAdornment: h && /* @__PURE__ */ H("span", { className: m["input__right-icon"], children: h }),
-          ...ne
+          startAdornment: h && /* @__PURE__ */ A("span", { className: s["input__left-icon"], children: h }),
+          endAdornment: x && /* @__PURE__ */ A("span", { className: s["input__right-icon"], children: x }),
+          ...J
         }
       ),
-      /* @__PURE__ */ M("div", { className: m["input__messages-wrapper"], children: [
-        (c || i) && /* @__PURE__ */ M(
-          se,
+      /* @__PURE__ */ j("div", { className: s["input__messages-wrapper"], children: [
+        (u || f) && /* @__PURE__ */ j(
+          de,
           {
-            className: c ? B(m["input__error-message"], S) : B(m["input__info-message"], A),
-            "data-testid": c ? Z : L,
+            className: u ? U(s["input__error-message"], T) : U(s["input__info-message"], O),
+            "data-testid": u ? L : X,
             children: [
-              /* @__PURE__ */ H(Ee, { icon: c ? "circle-exclamation" : "circle-info" }),
-              c || i
+              /* @__PURE__ */ A(Ve, { icon: u ? "circle-exclamation" : "circle-info" }),
+              u || f
             ]
           }
         ),
-        G && /* @__PURE__ */ M(
-          se,
+        z && /* @__PURE__ */ j(
+          de,
           {
-            className: B(m["input__chars-counter"], O),
-            "data-testid": W,
+            className: U(s["input__chars-counter"], D),
+            "data-testid": o,
             children: [
-              l,
+              c,
               " / ",
-              F
+              l
             ]
           }
         )
@@ -560,5 +566,5 @@ const Ke = "_input_1u4jg_58", qe = "_input__label_1u4jg_85", m = {
   }
 );
 export {
-  Je as Input
+  Ze as Input
 };

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

@@ -13,6 +13,8 @@ export declare const Simple: Story;
 export declare const SimpleNumberAsText: Story;
 export declare const WithLabel: Story;
 export declare const WithRequiredLabel: Story;
+export declare const WithLabelHelp: Story;
+export declare const WithLabelHelpSimple: Story;
 export declare const WithPlaceholder: Story;
 export declare const Disabled: Story;
 export declare const WithMaxLength: Story;

package/dist/components/InputSearch/InputSearch.d.ts

@@ -3,6 +3,7 @@ export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omi
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 } & import('react').InputHTMLAttributes<HTMLInputElement> & {
     label?: string | undefined;
+    labelHelp?: import('react').ReactNode;
     infoMessage?: import('react').ReactNode;
     error?: boolean | undefined;
     errorMessage?: import('react').ReactNode;

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

@@ -5,6 +5,7 @@ declare const meta: {
         ref?: import('react').ForwardedRef<HTMLInputElement> | undefined;
     } & import('react').InputHTMLAttributes<HTMLInputElement> & {
         label?: string | undefined;
+        labelHelp?: import('react').ReactNode;
         infoMessage?: import('react').ReactNode;
         error?: boolean | undefined;
         errorMessage?: import('react').ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "2.1.63",
+  "version": "2.1.64",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -74,7 +74,7 @@
     "eslint-plugin-react-refresh": "^0.4.6",
     "eslint-plugin-simple-import-sort": "^12.0.0",
     "eslint-plugin-storybook": "^0.9.0",
-    "glob": "^10.3.14",
+    "glob": "^11.1.0",
     "husky": "^9.0.11",
     "jsdom": "^26.0.0",
     "lint-staged": "^15.2.7",
@@ -111,7 +111,7 @@
     "esbuild": "^0.25.3",
     "express": "^5.1.0",
     "form-data": "^4.0.2",
-    "glob": "^10.2.6",
+    "glob": "^11.1.0",
     "micromatch": "^4.0.8",
     "nanoid": "^3.3.11",
     "path-to-regexp": "^0.1.12",
@@ -122,6 +122,7 @@
     "ws": "^8.18.1",
     "tmp": "^0.2.5",
     "brace-expansion": "^2.0.2",
-    "debug": "^4.4.3"
+    "debug": "^4.4.3",
+    "js-yaml": "^4.1.1"
   }
 }