@pismo/marola 1.0.0-beta.50 → 1.0.0-beta.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,6 +19,8 @@ export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
19
19
  rightIcon?: ReactNode;
20
20
  /** Input type. Default: text */
21
21
  type?: CustomInputTypeAttribute;
22
+ /** Decimal length when the input type is 'number' */
23
+ decimalLength?: number;
22
24
  /** Hide the chars counter */
23
25
  hideCharsCounter?: boolean;
24
26
  /** CSS classes to be applied on the container element */
@@ -1,229 +1,229 @@
1
1
  import '../../assets/Input.css';
2
- import { jsxs as q, jsx as k } from "react/jsx-runtime";
2
+ import { jsxs as K, jsx as j } from "react/jsx-runtime";
3
3
  import * as x from "react";
4
4
  import { forwardRef as de, useState as ce, useId as _e, useMemo as he } from "react";
5
- import { c as E } from "../../clsx-DB4S2d7J.js";
5
+ import { c as T } from "../../clsx-DB4S2d7J.js";
6
6
  import { Icon as me } from "../Icon/Icon.js";
7
- import { Typography as L } from "../Typography/Typography.js";
8
- import { g as fe, a as ye, u as ge, f as Y, b as f, _ as be, c as Q, i as Ce, P as e, d as we, e as xe } from "../../useSlotProps-C_I1kEHr.js";
9
- function Pe(s) {
10
- let l = "https://mui.com/production-error/?code=" + s;
7
+ import { Typography as G } from "../Typography/Typography.js";
8
+ import { g as fe, a as ye, u as ge, f as J, b as f, _ as be, c as ee, i as Ce, P as e, d as we, e as xe } from "../../useSlotProps-C_I1kEHr.js";
9
+ function Ne(l) {
10
+ let i = "https://mui.com/production-error/?code=" + l;
11
11
  for (let d = 1; d < arguments.length; d += 1)
12
- l += "&args[]=" + encodeURIComponent(arguments[d]);
13
- return "Minified MUI error #" + s + "; visit " + l + " for the full message.";
12
+ i += "&args[]=" + encodeURIComponent(arguments[d]);
13
+ return "Minified MUI error #" + l + "; visit " + i + " for the full message.";
14
14
  }
15
- const X = "Input";
16
- function Ne(s) {
17
- return fe(X, s);
15
+ const ne = "Input";
16
+ function Pe(l) {
17
+ return fe(ne, l);
18
18
  }
19
- ye(X, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
20
- const Z = /* @__PURE__ */ x.createContext(void 0);
21
- process.env.NODE_ENV !== "production" && (Z.displayName = "FormControlContext");
19
+ ye(ne, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
20
+ const te = /* @__PURE__ */ x.createContext(void 0);
21
+ process.env.NODE_ENV !== "production" && (te.displayName = "FormControlContext");
22
22
  function ve() {
23
- return x.useContext(Z);
23
+ return x.useContext(te);
24
24
  }
25
- function Re(s = {}) {
25
+ function Re(l = {}) {
26
26
  const {
27
- defaultValue: l,
27
+ defaultValue: i,
28
28
  disabled: d = !1,
29
29
  error: u = !1,
30
30
  onBlur: c,
31
- onChange: h,
32
- onFocus: P,
33
- required: N = !1,
34
- value: F,
35
- inputRef: v
36
- } = s, t = ve();
37
- let g, m, b, C, y;
31
+ onChange: m,
32
+ onFocus: N,
33
+ required: P = !1,
34
+ value: v,
35
+ inputRef: R
36
+ } = l, t = ve();
37
+ let E, _, g, b, y;
38
38
  if (t) {
39
- var I, _, O;
40
- if (g = void 0, m = (I = t.disabled) != null ? I : !1, b = (_ = t.error) != null ? _ : !1, C = (O = t.required) != null ? O : !1, y = t.value, process.env.NODE_ENV !== "production") {
41
- const n = ["defaultValue", "disabled", "error", "required", "value"].filter((o) => s[o] !== void 0);
39
+ var k, h, S;
40
+ if (E = void 0, _ = (k = t.disabled) != null ? k : !1, g = (h = t.error) != null ? h : !1, b = (S = t.required) != null ? S : !1, y = t.value, process.env.NODE_ENV !== "production") {
41
+ const n = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => l[r] !== void 0);
42
42
  n.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: ${n.join(", ")}`].join(`
43
43
  `));
44
44
  }
45
45
  } else
46
- g = l, m = d, b = u, C = N, y = F;
46
+ E = i, _ = d, g = u, b = P, y = v;
47
47
  const {
48
- current: B
49
- } = x.useRef(y != null), U = x.useCallback((n) => {
48
+ current: A
49
+ } = x.useRef(y != null), D = x.useCallback((n) => {
50
50
  process.env.NODE_ENV !== "production" && n && n.nodeName !== "INPUT" && !n.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(`
51
51
  `));
52
- }, []), w = x.useRef(null), T = ge(w, v, U), [R, a] = x.useState(!1);
52
+ }, []), C = x.useRef(null), B = ge(C, R, D), [F, I] = x.useState(!1);
53
53
  x.useEffect(() => {
54
- !t && m && R && (a(!1), c == null || c());
55
- }, [t, m, R, c]);
56
- const V = (n) => (o) => {
57
- var r;
54
+ !t && _ && F && (I(!1), c == null || c());
55
+ }, [t, _, F, c]);
56
+ const s = (n) => (r) => {
57
+ var o;
58
58
  if (t != null && t.disabled) {
59
- o.stopPropagation();
59
+ r.stopPropagation();
60
60
  return;
61
61
  }
62
- if ((r = n.onFocus) == null || r.call(n, o), t && t.onFocus) {
63
- var i;
64
- t == null || (i = t.onFocus) == null || i.call(t);
62
+ if ((o = n.onFocus) == null || o.call(n, r), t && t.onFocus) {
63
+ var a;
64
+ t == null || (a = t.onFocus) == null || a.call(t);
65
65
  } else
66
- a(!0);
67
- }, S = (n) => (o) => {
68
- var r;
69
- (r = n.onBlur) == null || r.call(n, o), t && t.onBlur ? t.onBlur() : a(!1);
70
- }, A = (n) => (o, ...r) => {
71
- var i, H;
72
- if (!B && (o.target || w.current) == null)
73
- 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));
74
- t == null || (i = t.onChange) == null || i.call(t, o), (H = n.onChange) == null || H.call(n, o, ...r);
75
- }, D = (n) => (o) => {
76
- var r;
77
- w.current && o.currentTarget === o.target && w.current.focus(), (r = n.onClick) == null || r.call(n, o);
66
+ I(!0);
67
+ }, M = (n) => (r) => {
68
+ var o;
69
+ (o = n.onBlur) == null || o.call(n, r), t && t.onBlur ? t.onBlur() : I(!1);
70
+ }, H = (n) => (r, ...o) => {
71
+ var a, w;
72
+ if (!A && (r.target || C.current) == null)
73
+ 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." : Ne(17));
74
+ t == null || (a = t.onChange) == null || a.call(t, r), (w = n.onChange) == null || w.call(n, r, ...o);
75
+ }, q = (n) => (r) => {
76
+ var o;
77
+ C.current && r.currentTarget === r.target && C.current.focus(), (o = n.onClick) == null || o.call(n, r);
78
78
  };
79
79
  return {
80
- disabled: m,
81
- error: b,
82
- focused: R,
80
+ disabled: _,
81
+ error: g,
82
+ focused: F,
83
83
  formControlContext: t,
84
84
  getInputProps: (n = {}) => {
85
- const r = f({}, {
85
+ const o = f({}, {
86
86
  onBlur: c,
87
- onChange: h,
88
- onFocus: P
89
- }, Y(n)), i = f({}, r, {
90
- onBlur: S(r),
91
- onChange: A(r),
92
- onFocus: V(r)
87
+ onChange: m,
88
+ onFocus: N
89
+ }, J(n)), a = f({}, o, {
90
+ onBlur: M(o),
91
+ onChange: H(o),
92
+ onFocus: s(o)
93
93
  });
94
- return f({}, i, {
95
- "aria-invalid": b || void 0,
96
- defaultValue: g,
94
+ return f({}, a, {
95
+ "aria-invalid": g || void 0,
96
+ defaultValue: E,
97
97
  value: y,
98
- required: C,
99
- disabled: m
98
+ required: b,
99
+ disabled: _
100
100
  }, n, {
101
- ref: T
102
- }, i);
101
+ ref: B
102
+ }, a);
103
103
  },
104
104
  getRootProps: (n = {}) => {
105
- const o = Y(s, ["onBlur", "onChange", "onFocus"]), r = f({}, o, Y(n));
106
- return f({}, n, r, {
107
- onClick: D(r)
105
+ const r = J(l, ["onBlur", "onChange", "onFocus"]), o = f({}, r, J(n));
106
+ return f({}, n, o, {
107
+ onClick: q(o)
108
108
  });
109
109
  },
110
- inputRef: T,
111
- required: C,
110
+ inputRef: B,
111
+ required: b,
112
112
  value: y
113
113
  };
114
114
  }
115
- 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) => {
115
+ 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 = (l) => {
116
116
  const {
117
- disabled: l,
117
+ disabled: i,
118
118
  error: d,
119
119
  focused: u,
120
120
  formControlContext: c,
121
- multiline: h,
122
- startAdornment: P,
123
- endAdornment: N
124
- } = s;
121
+ multiline: m,
122
+ startAdornment: N,
123
+ endAdornment: P
124
+ } = l;
125
125
  return we({
126
- root: ["root", l && "disabled", d && "error", u && "focused", !!c && "formControl", h && "multiline", !!P && "adornedStart", !!N && "adornedEnd"],
127
- input: ["input", l && "disabled", h && "multiline"]
128
- }, xe(Ne));
129
- }, ee = /* @__PURE__ */ x.forwardRef(function(l, d) {
130
- var u, c, h;
126
+ root: ["root", i && "disabled", d && "error", u && "focused", !!c && "formControl", m && "multiline", !!N && "adornedStart", !!P && "adornedEnd"],
127
+ input: ["input", i && "disabled", m && "multiline"]
128
+ }, xe(Pe));
129
+ }, oe = /* @__PURE__ */ x.forwardRef(function(i, d) {
130
+ var u, c, m;
131
131
  const {
132
- "aria-describedby": P,
133
- "aria-label": N,
134
- "aria-labelledby": F,
135
- autoComplete: v,
132
+ "aria-describedby": N,
133
+ "aria-label": P,
134
+ "aria-labelledby": v,
135
+ autoComplete: R,
136
136
  autoFocus: t,
137
- className: g,
138
- defaultValue: m,
139
- disabled: b,
140
- endAdornment: C,
137
+ className: E,
138
+ defaultValue: _,
139
+ disabled: g,
140
+ endAdornment: b,
141
141
  error: y,
142
- id: I,
143
- multiline: _ = !1,
144
- name: O,
145
- onClick: B,
146
- onChange: U,
147
- onKeyDown: w,
148
- onKeyUp: T,
149
- onFocus: R,
150
- onBlur: a,
151
- placeholder: V,
152
- readOnly: S,
153
- required: A,
154
- startAdornment: D,
155
- value: j,
156
- type: M,
142
+ id: k,
143
+ multiline: h = !1,
144
+ name: S,
145
+ onClick: A,
146
+ onChange: D,
147
+ onKeyDown: C,
148
+ onKeyUp: B,
149
+ onFocus: F,
150
+ onBlur: I,
151
+ placeholder: s,
152
+ readOnly: M,
153
+ required: H,
154
+ startAdornment: q,
155
+ value: L,
156
+ type: U,
157
157
  rows: n,
158
- slotProps: o = {},
159
- slots: r = {},
160
- minRows: i,
161
- maxRows: H
162
- } = l, W = be(l, Ee), {
163
- getRootProps: ne,
164
- getInputProps: oe,
165
- focused: te,
158
+ slotProps: r = {},
159
+ slots: o = {},
160
+ minRows: a,
161
+ maxRows: w
162
+ } = i, $ = be(i, Ee), {
163
+ getRootProps: O,
164
+ getInputProps: Y,
165
+ focused: V,
166
166
  formControlContext: re,
167
167
  error: ae,
168
168
  disabled: se
169
169
  } = Re({
170
- disabled: b,
171
- defaultValue: m,
170
+ disabled: g,
171
+ defaultValue: _,
172
172
  error: y,
173
- onBlur: a,
174
- onClick: B,
175
- onChange: U,
176
- onFocus: R,
177
- required: A,
178
- value: j
179
- }), z = _ ? void 0 : M ?? "text", $ = f({}, l, {
173
+ onBlur: I,
174
+ onClick: A,
175
+ onChange: D,
176
+ onFocus: F,
177
+ required: H,
178
+ value: L
179
+ }), Q = h ? void 0 : U ?? "text", W = f({}, i, {
180
180
  disabled: se,
181
181
  error: ae,
182
- focused: te,
182
+ focused: V,
183
183
  formControlContext: re,
184
- multiline: _,
185
- type: z
186
- }), G = Fe($), le = {
187
- "aria-describedby": P,
188
- "aria-label": N,
189
- "aria-labelledby": F,
190
- autoComplete: v,
184
+ multiline: h,
185
+ type: Q
186
+ }), X = Fe(W), le = {
187
+ "aria-describedby": N,
188
+ "aria-label": P,
189
+ "aria-labelledby": v,
190
+ autoComplete: R,
191
191
  autoFocus: t,
192
- id: I,
193
- onKeyDown: w,
194
- onKeyUp: T,
195
- name: O,
196
- placeholder: V,
197
- readOnly: S,
198
- type: z
199
- }, J = (u = r.root) != null ? u : "div", ie = Q({
200
- elementType: J,
201
- getSlotProps: ne,
202
- externalSlotProps: o.root,
203
- externalForwardedProps: W,
192
+ id: k,
193
+ onKeyDown: C,
194
+ onKeyUp: B,
195
+ name: S,
196
+ placeholder: s,
197
+ readOnly: M,
198
+ type: Q
199
+ }, Z = (u = o.root) != null ? u : "div", ie = ee({
200
+ elementType: Z,
201
+ getSlotProps: O,
202
+ externalSlotProps: r.root,
203
+ externalForwardedProps: $,
204
204
  additionalProps: {
205
205
  ref: d
206
206
  },
207
- ownerState: $,
208
- className: [G.root, g]
209
- }), K = _ ? (c = r.textarea) != null ? c : "textarea" : (h = r.input) != null ? h : "input", ue = Q({
210
- elementType: K,
211
- getSlotProps: (pe) => oe(f({}, le, pe)),
212
- externalSlotProps: o.input,
207
+ ownerState: W,
208
+ className: [X.root, E]
209
+ }), z = h ? (c = o.textarea) != null ? c : "textarea" : (m = o.input) != null ? m : "input", ue = ee({
210
+ elementType: z,
211
+ getSlotProps: (pe) => Y(f({}, le, pe)),
212
+ externalSlotProps: r.input,
213
213
  additionalProps: f({
214
- rows: _ ? n : void 0
215
- }, _ && !Ce(K) && {
216
- minRows: n || i,
217
- maxRows: n || H
214
+ rows: h ? n : void 0
215
+ }, h && !Ce(z) && {
216
+ minRows: n || a,
217
+ maxRows: n || w
218
218
  }),
219
- ownerState: $,
220
- className: G.input
219
+ ownerState: W,
220
+ className: X.input
221
221
  });
222
- return process.env.NODE_ENV !== "production" && _ && n && (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, {
223
- children: [D, /* @__PURE__ */ k(K, f({}, ue)), C]
222
+ return process.env.NODE_ENV !== "production" && h && n && (a || w) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ K(Z, f({}, ie, {
223
+ children: [q, /* @__PURE__ */ j(z, f({}, ue)), b]
224
224
  }));
225
225
  });
226
- process.env.NODE_ENV !== "production" && (ee.propTypes = {
226
+ process.env.NODE_ENV !== "production" && (oe.propTypes = {
227
227
  // ┌────────────────────────────── Warning ──────────────────────────────┐
228
228
  // │ These PropTypes are generated from the TypeScript type definitions. │
229
229
  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -402,109 +402,115 @@ const Ie = "_input_3n32h_57", Oe = "_input__label_3n32h_84", p = {
402
402
  "input--disabled": "_input--disabled_3n32h_150",
403
403
  "input--focused": "_input--focused_3n32h_156",
404
404
  "input--error": "_input--error_3n32h_159"
405
- }, Ae = de(
405
+ }, je = de(
406
406
  ({
407
- label: s,
408
- infoMessage: l,
407
+ label: l,
408
+ infoMessage: i,
409
409
  error: d,
410
410
  errorMessage: u,
411
411
  leftIcon: c,
412
- rightIcon: h,
413
- id: P,
414
- disabled: N,
415
- type: F = "text",
416
- maxLength: v,
417
- hideCharsCounter: t = !1,
418
- onChange: g,
419
- classNameWrapper: m,
412
+ rightIcon: m,
413
+ id: N,
414
+ disabled: P,
415
+ type: v = "text",
416
+ maxLength: R,
417
+ decimalLength: t = 10,
418
+ hideCharsCounter: E = !1,
419
+ onChange: _,
420
+ classNameWrapper: g,
420
421
  classNameLabel: b,
421
- classNameInput: C,
422
- classNameInfoMessage: y,
423
- classNameErrorMessage: I,
424
- classNameCharsCounter: _,
425
- "data-testid-wrapper": O,
426
- "data-testid-label": B,
427
- "data-testid-input": U,
428
- "data-testid-infoMessage": w,
429
- "data-testid-errorMessage": T,
430
- "data-testid-charsCounter": R,
431
- ...a
432
- }, V) => {
433
- const [S, A] = ce(0), D = _e(), j = P || `input_${D}`;
434
- Object.assign(a, { "data-testid": U });
435
- const M = (o) => {
436
- var r, i;
437
- A((i = (r = o == null ? void 0 : o.target) == null ? void 0 : r.value) == null ? void 0 : i.length), g && g(o);
438
- }, n = he(() => a.multiline !== !0 ? {
439
- type: F,
440
- multiline: a.multiline
422
+ classNameInput: y,
423
+ classNameInfoMessage: k,
424
+ classNameErrorMessage: h,
425
+ classNameCharsCounter: S,
426
+ "data-testid-wrapper": A,
427
+ "data-testid-label": D,
428
+ "data-testid-input": C,
429
+ "data-testid-infoMessage": B,
430
+ "data-testid-errorMessage": F,
431
+ "data-testid-charsCounter": I,
432
+ ...s
433
+ }, M) => {
434
+ const [H, q] = ce(0), L = _e(), U = N || `input_${L}`;
435
+ Object.assign(s, { "data-testid": C });
436
+ const n = R && !E, r = (a) => {
437
+ var w, $;
438
+ if (v === "number") {
439
+ let O = String(a.target.value);
440
+ const [Y, V] = O.split(".");
441
+ O !== "" && (V != null && V.length ? O = [Number(Y), V.slice(0, t)].join(".") : O = String(Number(Y))), a.target.value = O;
442
+ }
443
+ n && q(($ = (w = a == null ? void 0 : a.target) == null ? void 0 : w.value) == null ? void 0 : $.length), _ && _(a);
444
+ }, o = he(() => s.multiline !== !0 ? {
445
+ type: v,
446
+ multiline: s.multiline
441
447
  } : {
442
448
  type: void 0,
443
- multiline: a.multiline,
444
- rows: (a == null ? void 0 : a.rows) || 5,
445
- minRows: a == null ? void 0 : a.minRows,
446
- maxRows: a == null ? void 0 : a.maxRows
447
- }, [a]);
448
- return /* @__PURE__ */ q("div", { className: E(p.input, m), "data-testid": O, children: [
449
- s && /* @__PURE__ */ k(
450
- L,
449
+ multiline: s.multiline,
450
+ rows: (s == null ? void 0 : s.rows) || 5,
451
+ minRows: s == null ? void 0 : s.minRows,
452
+ maxRows: s == null ? void 0 : s.maxRows
453
+ }, [s]);
454
+ return /* @__PURE__ */ K("div", { className: T(p.input, g), "data-testid": A, children: [
455
+ l && /* @__PURE__ */ j(
456
+ G,
451
457
  {
452
458
  element: "label",
453
- elementProps: { htmlFor: j },
454
- className: E(p.input__label, b),
455
- "data-testid": B,
456
- children: s
459
+ elementProps: { htmlFor: U },
460
+ className: T(p.input__label, b),
461
+ "data-testid": D,
462
+ children: l
457
463
  }
458
464
  ),
459
- /* @__PURE__ */ k(
460
- ee,
465
+ /* @__PURE__ */ j(
466
+ oe,
461
467
  {
462
- id: j,
463
- disabled: N,
468
+ id: U,
469
+ disabled: P,
464
470
  error: typeof d == "boolean" ? d : !!u,
465
- "aria-label": s,
471
+ "aria-label": l,
466
472
  slotProps: {
467
- root: (o) => ({
468
- className: E(p["input__input-el-wrapper"], {
469
- [p["input--disabled"]]: o.disabled,
470
- [p["input--focused"]]: o.focused,
471
- [p["input--error"]]: o.error
473
+ root: (a) => ({
474
+ className: T(p["input__input-el-wrapper"], {
475
+ [p["input--disabled"]]: a.disabled,
476
+ [p["input--focused"]]: a.focused,
477
+ [p["input--error"]]: a.error
472
478
  })
473
479
  }),
474
480
  input: {
475
- ref: V,
476
- className: E(p["input__input-el"], C),
477
- maxLength: v,
478
- onChange: M,
479
- ...a
481
+ ref: M,
482
+ className: T(p["input__input-el"], y),
483
+ maxLength: R,
484
+ onChange: r,
485
+ ...s
480
486
  }
481
487
  },
482
- startAdornment: c && /* @__PURE__ */ k("span", { className: p["input__left-icon"], children: c }),
483
- endAdornment: h && /* @__PURE__ */ k("span", { className: p["input__right-icon"], children: h }),
484
- ...n
488
+ startAdornment: c && /* @__PURE__ */ j("span", { className: p["input__left-icon"], children: c }),
489
+ endAdornment: m && /* @__PURE__ */ j("span", { className: p["input__right-icon"], children: m }),
490
+ ...o
485
491
  }
486
492
  ),
487
- /* @__PURE__ */ q("div", { className: p["input__messages-wrapper"], children: [
488
- (u || l) && /* @__PURE__ */ q(
489
- L,
493
+ /* @__PURE__ */ K("div", { className: p["input__messages-wrapper"], children: [
494
+ (u || i) && /* @__PURE__ */ K(
495
+ G,
490
496
  {
491
- className: u ? E(p["input__error-message"], I) : E(p["input__info-message"], y),
492
- "data-testid": u ? T : w,
497
+ className: u ? T(p["input__error-message"], h) : T(p["input__info-message"], k),
498
+ "data-testid": u ? F : B,
493
499
  children: [
494
- /* @__PURE__ */ k(me, { icon: u ? "circle-exclamation" : "circle-info" }),
495
- u || l
500
+ /* @__PURE__ */ j(me, { icon: u ? "circle-exclamation" : "circle-info" }),
501
+ u || i
496
502
  ]
497
503
  }
498
504
  ),
499
- v && !t && /* @__PURE__ */ q(
500
- L,
505
+ n && /* @__PURE__ */ K(
506
+ G,
501
507
  {
502
- className: E(p["input__chars-counter"], _),
503
- "data-testid": R,
508
+ className: T(p["input__chars-counter"], S),
509
+ "data-testid": I,
504
510
  children: [
505
- S,
511
+ H,
506
512
  " / ",
507
- v
513
+ R
508
514
  ]
509
515
  }
510
516
  )
@@ -513,5 +519,5 @@ const Ie = "_input_3n32h_57", Oe = "_input__label_3n32h_84", p = {
513
519
  }
514
520
  );
515
521
  export {
516
- Ae as Input
522
+ je as Input
517
523
  };
@@ -13,6 +13,7 @@ export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omi
13
13
  leftIcon?: import('react').ReactNode;
14
14
  rightIcon?: import('react').ReactNode;
15
15
  type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | undefined;
16
+ decimalLength?: number | undefined;
16
17
  hideCharsCounter?: boolean | undefined;
17
18
  classNameWrapper?: string | undefined;
18
19
  classNameLabel?: string | undefined;
@@ -14,6 +14,7 @@ declare const meta: {
14
14
  leftIcon?: import('react').ReactNode;
15
15
  rightIcon?: import('react').ReactNode;
16
16
  type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | undefined;
17
+ decimalLength?: number | undefined;
17
18
  hideCharsCounter?: boolean | undefined;
18
19
  classNameWrapper?: string | undefined;
19
20
  classNameLabel?: string | undefined;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pismo/marola",
3
3
  "description": "CDX tribe component library",
4
- "version": "1.0.0-beta.50",
4
+ "version": "1.0.0-beta.51",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",