@pismo/marola 1.0.0-beta.42 → 1.0.0-beta.44

package/dist/components/Input/Input.js

@@ -1,225 +1,226 @@
 import '../../assets/Input.css';
-import { jsxs as q, jsx as S } from "react/jsx-runtime";
-import * as f from "react";
+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 E } from "../../clsx-DB4S2d7J.js";
+import { c as R } from "../../clsx-DB4S2d7J.js";
+import { Icon as fe } from "../Icon/Icon.js";
 import { Typography as L } from "../Typography/Typography.js";
-import { g as he, a as fe, u as ye, f as z, b as y, _ as ge, c as Q, i as be, P as e, d as ve, e as we } from "../../useSlotProps-C_I1kEHr.js";
-function Ce(s) {
+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) {
   let l = "https://mui.com/production-error/?code=" + s;
-  for (let p = 1; p < arguments.length; p += 1)
-    l += "&args[]=" + encodeURIComponent(arguments[p]);
+  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 xe(s) {
+function Pe(s) {
   return he(X, s);
 }
-fe(X, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const Z = /* @__PURE__ */ f.createContext(void 0);
+ye(X, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+const Z = /* @__PURE__ */ q.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Z.displayName = "FormControlContext");
-function Pe() {
-  return f.useContext(Z);
+function Ne() {
+  return q.useContext(Z);
 }
-function Ne(s = {}) {
+function ve(s = {}) {
   const {
     defaultValue: l,
-    disabled: p = !1,
-    error: d = !1,
+    disabled: d = !1,
+    error: u = !1,
     onBlur: c,
     onChange: m,
     onFocus: x,
     required: P = !1,
-    value: F,
+    value: E,
     inputRef: N
-  } = s, n = Pe();
-  let b, h, v, w, g;
+  } = s, n = Ne();
+  let g, f, b, C, y;
   if (n) {
-    var I, _, O;
-    if (b = void 0, h = (I = n.disabled) != null ? I : !1, v = (_ = n.error) != null ? _ : !1, w = (O = n.required) != null ? O : !1, g = 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(`
+    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(`
 `));
     }
   } else
-    b = l, h = p, v = d, w = P, g = F;
+    g = l, f = d, b = u, C = P, y = E;
   const {
     current: k
-  } = f.useRef(g != null), B = f.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(`
+  } = 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(`
 `));
-  }, []), C = f.useRef(null), T = ye(C, N, B), [R, a] = f.useState(!1);
-  f.useEffect(() => {
-    !n && h && R && (a(!1), c == null || c());
-  }, [n, h, R, c]);
-  const V = (t) => (o) => {
+  }, []), 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) => {
     var r;
     if (n != null && n.disabled) {
-      o.stopPropagation();
+      t.stopPropagation();
       return;
     }
-    if ((r = t.onFocus) == null || r.call(t, o), n && n.onFocus) {
+    if ((r = o.onFocus) == null || r.call(o, t), n && n.onFocus) {
       var i;
       n == null || (i = n.onFocus) == null || i.call(n);
     } else
       a(!0);
-  }, M = (t) => (o) => {
+  }, V = (o) => (t) => {
     var r;
-    (r = t.onBlur) == null || r.call(t, o), n && n.onBlur ? n.onBlur() : a(!1);
-  }, U = (t) => (o, ...r) => {
-    var i, H;
-    if (!k && (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." : Ce(17));
-    n == null || (i = n.onChange) == null || i.call(n, o), (H = t.onChange) == null || H.call(t, o, ...r);
-  }, A = (t) => (o) => {
+    (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) => {
     var r;
-    C.current && o.currentTarget === o.target && C.current.focus(), (r = t.onClick) == null || r.call(t, o);
+    w.current && t.currentTarget === t.target && w.current.focus(), (r = o.onClick) == null || r.call(o, t);
   };
   return {
-    disabled: h,
-    error: v,
-    focused: R,
+    disabled: f,
+    error: b,
+    focused: v,
     formControlContext: n,
-    getInputProps: (t = {}) => {
-      const r = y({}, {
+    getInputProps: (o = {}) => {
+      const r = h({}, {
         onBlur: c,
         onChange: m,
         onFocus: x
-      }, z(t)), i = y({}, r, {
-        onBlur: M(r),
-        onChange: U(r),
-        onFocus: V(r)
+      }, Y(o)), i = h({}, r, {
+        onBlur: V(r),
+        onChange: S(r),
+        onFocus: U(r)
       });
-      return y({}, i, {
-        "aria-invalid": v || void 0,
-        defaultValue: b,
-        value: g,
-        required: w,
-        disabled: h
-      }, t, {
-        ref: T
+      return h({}, i, {
+        "aria-invalid": b || void 0,
+        defaultValue: g,
+        value: y,
+        required: C,
+        disabled: f
+      }, o, {
+        ref: O
       }, i);
     },
-    getRootProps: (t = {}) => {
-      const o = z(s, ["onBlur", "onChange", "onFocus"]), r = y({}, o, z(t));
-      return y({}, t, r, {
+    getRootProps: (o = {}) => {
+      const t = Y(s, ["onBlur", "onChange", "onFocus"]), r = h({}, t, Y(o));
+      return h({}, o, r, {
         onClick: A(r)
       });
     },
-    inputRef: T,
-    required: w,
-    value: g
+    inputRef: O,
+    required: C,
+    value: y
   };
 }
 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 {
     disabled: l,
-    error: p,
-    focused: d,
+    error: d,
+    focused: u,
     formControlContext: c,
     multiline: m,
     startAdornment: x,
     endAdornment: P
   } = s;
-  return ve({
-    root: ["root", l && "disabled", p && "error", d && "focused", !!c && "formControl", m && "multiline", !!x && "adornedStart", !!P && "adornedEnd"],
+  return we({
+    root: ["root", l && "disabled", d && "error", u && "focused", !!c && "formControl", m && "multiline", !!x && "adornedStart", !!P && "adornedEnd"],
     input: ["input", l && "disabled", m && "multiline"]
-  }, we(xe));
-}, ee = /* @__PURE__ */ f.forwardRef(function(l, p) {
-  var d, c, m;
+  }, qe(Pe));
+}, ee = /* @__PURE__ */ q.forwardRef(function(l, d) {
+  var u, c, m;
   const {
     "aria-describedby": x,
     "aria-label": P,
-    "aria-labelledby": F,
+    "aria-labelledby": E,
     autoComplete: N,
     autoFocus: n,
-    className: b,
-    defaultValue: h,
-    disabled: v,
-    endAdornment: w,
-    error: g,
-    id: I,
+    className: g,
+    defaultValue: f,
+    disabled: b,
+    endAdornment: C,
+    error: y,
+    id: F,
     multiline: _ = !1,
-    name: O,
+    name: I,
     onClick: k,
     onChange: B,
-    onKeyDown: C,
-    onKeyUp: T,
-    onFocus: R,
+    onKeyDown: w,
+    onKeyUp: O,
+    onFocus: v,
     onBlur: a,
-    placeholder: V,
-    readOnly: M,
-    required: U,
+    placeholder: U,
+    readOnly: V,
+    required: S,
     startAdornment: A,
     value: D,
     type: j,
-    rows: t,
-    slotProps: o = {},
+    rows: o,
+    slotProps: t = {},
     slots: r = {},
     minRows: i,
-    maxRows: H
-  } = l, Y = ge(l, Re), {
-    getRootProps: te,
-    getInputProps: oe,
+    maxRows: M
+  } = l, W = be(l, Re), {
+    getRootProps: oe,
+    getInputProps: te,
     focused: ne,
     formControlContext: re,
     error: ae,
     disabled: se
-  } = Ne({
-    disabled: v,
-    defaultValue: h,
-    error: g,
+  } = ve({
+    disabled: b,
+    defaultValue: f,
+    error: y,
     onBlur: a,
     onClick: k,
     onChange: B,
-    onFocus: R,
-    required: U,
+    onFocus: v,
+    required: S,
     value: D
-  }), W = _ ? void 0 : j ?? "text", $ = y({}, l, {
+  }), z = _ ? void 0 : j ?? "text", $ = h({}, l, {
     disabled: se,
     error: ae,
     focused: ne,
     formControlContext: re,
     multiline: _,
-    type: W
+    type: z
   }), G = Ee($), le = {
     "aria-describedby": x,
     "aria-label": P,
-    "aria-labelledby": F,
+    "aria-labelledby": E,
     autoComplete: N,
     autoFocus: n,
-    id: I,
-    onKeyDown: C,
-    onKeyUp: T,
-    name: O,
-    placeholder: V,
-    readOnly: M,
-    type: W
-  }, J = (d = r.root) != null ? d : "div", ie = Q({
+    id: F,
+    onKeyDown: w,
+    onKeyUp: O,
+    name: I,
+    placeholder: U,
+    readOnly: V,
+    type: z
+  }, J = (u = r.root) != null ? u : "div", ie = Q({
     elementType: J,
-    getSlotProps: te,
-    externalSlotProps: o.root,
-    externalForwardedProps: Y,
+    getSlotProps: oe,
+    externalSlotProps: t.root,
+    externalForwardedProps: W,
     additionalProps: {
-      ref: p
+      ref: d
     },
     ownerState: $,
-    className: [G.root, b]
+    className: [G.root, g]
   }), K = _ ? (c = r.textarea) != null ? c : "textarea" : (m = r.input) != null ? m : "input", ue = Q({
     elementType: K,
-    getSlotProps: (pe) => oe(y({}, le, pe)),
-    externalSlotProps: o.input,
-    additionalProps: y({
-      rows: _ ? t : void 0
-    }, _ && !be(K) && {
-      minRows: t || i,
-      maxRows: t || H
+    getSlotProps: (pe) => te(h({}, le, pe)),
+    externalSlotProps: t.input,
+    additionalProps: h({
+      rows: _ ? o : void 0
+    }, _ && !Ce(K) && {
+      minRows: o || i,
+      maxRows: o || M
     }),
     ownerState: $,
     className: G.input
   });
-  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, y({}, ie, {
-    children: [A, /* @__PURE__ */ S(K, y({}, ue)), w]
+  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]
   }));
 });
 process.env.NODE_ENV !== "production" && (ee.propTypes = {
@@ -372,75 +373,70 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    */
   value: e.any
 });
-const Fe = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/solid/circle-exclamation", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
-  fill: "currentcolor",
-  color: "currentcolor",
-  width: "1em",
-  height: "1em"
-}, ...s }, /* @__PURE__ */ f.createElement("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })), Ie = "_input__label_6va87_78", Oe = "_input_6va87_57", u = {
-  "u-typography-h1": "_u-typography-h1_6va87_1",
-  "u-typography-h2": "_u-typography-h2_6va87_8",
-  "u-typography-h3": "_u-typography-h3_6va87_15",
-  "u-typography-h4": "_u-typography-h4_6va87_22",
-  "u-typography-h5": "_u-typography-h5_6va87_29",
-  "u-typography-h6": "_u-typography-h6_6va87_36",
-  "u-typography-base": "_u-typography-base_6va87_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_6va87_49",
-  "u-typography-base--xl": "_u-typography-base--xl_6va87_53",
-  "u-typography-base--lg": "_u-typography-base--lg_6va87_57",
-  "input__input-el": "_input__input-el_6va87_57",
-  "u-typography-base--sm": "_u-typography-base--sm_6va87_61",
-  "u-typography-base--bold": "_u-typography-base--bold_6va87_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_6va87_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_6va87_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_6va87_74",
+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_6va87_83",
-  "input__left-icon": "_input__left-icon_6va87_101",
-  "input__right-icon": "_input__right-icon_6va87_101",
-  "input__messages-wrapper": "_input__messages-wrapper_6va87_113",
-  "input__info-message": "_input__info-message_6va87_121",
-  "input__error-message": "_input__error-message_6va87_121",
-  "input__chars-counter": "_input__chars-counter_6va87_132",
-  "input--disabled": "_input--disabled_6va87_136",
-  input: Oe,
-  "input--focused": "_input--focused_6va87_142",
-  "input--error": "_input--error_6va87_145"
-}, Me = de(
+  "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(
   ({
     label: s,
     infoMessage: l,
-    error: p,
-    errorMessage: d,
+    error: d,
+    errorMessage: u,
     leftIcon: c,
     rightIcon: m,
     id: x,
     disabled: P,
-    type: F = "text",
+    type: E = "text",
     maxLength: N,
     hideCharsCounter: n = !1,
-    onChange: b,
-    classNameWrapper: h,
-    classNameLabel: v,
-    classNameInput: w,
-    classNameInfoMessage: g,
-    classNameErrorMessage: I,
+    onChange: g,
+    classNameWrapper: f,
+    classNameLabel: b,
+    classNameInput: C,
+    classNameInfoMessage: y,
+    classNameErrorMessage: F,
     classNameCharsCounter: _,
-    "data-testid-wrapper": O,
+    "data-testid-wrapper": I,
     "data-testid-label": k,
     "data-testid-input": B,
-    "data-testid-infoMessage": C,
-    "data-testid-errorMessage": T,
-    "data-testid-charsCounter": R,
+    "data-testid-infoMessage": w,
+    "data-testid-errorMessage": O,
+    "data-testid-charsCounter": v,
     ...a
-  }, V) => {
-    const [M, U] = ce(0), A = _e(), D = x || `input_${A}`;
+  }, U) => {
+    const [V, S] = ce(0), A = _e(), D = x || `input_${A}`;
     Object.assign(a, { "data-testid": B });
-    const j = (o) => {
+    const j = (t) => {
       var r, i;
-      U((i = (r = o == null ? void 0 : o.target) == null ? void 0 : r.value) == null ? void 0 : i.length), b && b(o);
-    }, t = me(() => a.multiline !== !0 ? {
-      type: F,
+      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,
       multiline: a.multiline
     } : {
       type: void 0,
@@ -449,64 +445,64 @@ const Fe = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
       minRows: a == null ? void 0 : a.minRows,
       maxRows: a == null ? void 0 : a.maxRows
     }, [a]);
-    return /* @__PURE__ */ q("div", { className: E(u.input, h), "data-testid": O, children: [
-      s && /* @__PURE__ */ S(
+    return /* @__PURE__ */ H("div", { className: R(p.input, f), "data-testid": I, children: [
+      s && /* @__PURE__ */ T(
         L,
         {
           element: "label",
           elementProps: { htmlFor: D },
-          className: E(u.input__label, v),
+          className: R(p.input__label, b),
           "data-testid": k,
           children: s
         }
       ),
-      /* @__PURE__ */ S(
+      /* @__PURE__ */ T(
         ee,
         {
           id: D,
           disabled: P,
-          error: typeof p == "boolean" ? p : !!d,
+          error: typeof d == "boolean" ? d : !!u,
           "aria-label": s,
           slotProps: {
-            root: (o) => ({
-              className: E(u["input__input-el-wrapper"], {
-                [u["input--disabled"]]: o.disabled,
-                [u["input--focused"]]: o.focused,
-                [u["input--error"]]: o.error
+            root: (t) => ({
+              className: R(p["input__input-el-wrapper"], {
+                [p["input--disabled"]]: t.disabled,
+                [p["input--focused"]]: t.focused,
+                [p["input--error"]]: t.error
               })
             }),
             input: {
-              ref: V,
-              className: E(u["input__input-el"], w),
+              ref: U,
+              className: R(p["input__input-el"], C),
               maxLength: N,
               onChange: j,
               ...a
             }
           },
-          startAdornment: c && /* @__PURE__ */ S("span", { className: u["input__left-icon"], children: c }),
-          endAdornment: m && /* @__PURE__ */ S("span", { className: u["input__right-icon"], children: m }),
-          ...t
+          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
         }
       ),
-      /* @__PURE__ */ q("div", { className: u["input__messages-wrapper"], children: [
-        (d || l) && /* @__PURE__ */ q(
+      /* @__PURE__ */ H("div", { className: p["input__messages-wrapper"], children: [
+        (u || l) && /* @__PURE__ */ H(
           L,
           {
-            className: d ? E(u["input__error-message"], I) : E(u["input__info-message"], g),
-            "data-testid": d ? T : C,
+            className: u ? R(p["input__error-message"], F) : R(p["input__info-message"], y),
+            "data-testid": u ? O : w,
             children: [
-              /* @__PURE__ */ S(Fe, {}),
-              d || l
+              /* @__PURE__ */ T(fe, { icon: u ? "circle-exclamation" : "circle-info" }),
+              u || l
             ]
           }
         ),
-        N && !n && /* @__PURE__ */ q(
+        N && !n && /* @__PURE__ */ H(
           L,
           {
-            className: E(u["input__chars-counter"], _),
-            "data-testid": R,
+            className: R(p["input__chars-counter"], _),
+            "data-testid": v,
             children: [
-              M,
+              V,
               " / ",
               N
             ]
@@ -517,5 +513,5 @@ const Fe = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
   }
 );
 export {
-  Me as Input
+  Se as Input
 };

package/dist/components/Popover/Popover.d.ts

@@ -15,9 +15,11 @@ export type PopoverProps = {
     className?: string;
     /** Id to be applied as `data-testid` on the root element */
     'data-testid'?: string;
+    /** Callback fired when a "click away" event is detected. */
+    onClickAway?: (event: MouseEvent | TouchEvent) => void;
 };
 export declare const Popover: {
-    ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
     Header: ({ children }: {
         children: import('react').ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/Popover.js

@@ -1,22 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as d } from "../../clsx-DB4S2d7J.js";
-import { s as f } from "../../Popover.module-B4boCutS.js";
-import { PopoverBody as c } from "./PopoverBody.js";
-import { PopoverFooter as v } from "./PopoverFooter.js";
+import { jsx as o } from "react/jsx-runtime";
+import { c as f } from "../../clsx-DB4S2d7J.js";
+import { s as v } from "../../Popover.module-B4boCutS.js";
+import { PopoverBody as l } from "./PopoverBody.js";
+import { PopoverFooter as n } from "./PopoverFooter.js";
 import { PopoverHeader as P } from "./PopoverHeader.js";
-import { P as l } from "../../Popup-Ck3XlWMq.js";
-const o = ({
+import { P as y } from "../../Popup-Ck3XlWMq.js";
+import { C as h } from "../../ClickAwayListener-DbEYZpyh.js";
+const r = ({
   anchorRef: t,
-  open: e,
+  open: m,
   children: p,
-  placement: m,
+  placement: i,
   className: s,
   offset: a,
-  "data-testid": i
-}) => /* @__PURE__ */ r(l, { offset: a, placement: m, open: e, anchor: t, children: /* @__PURE__ */ r("div", { "data-testid": i, className: d(f.popover, s), children: p }) });
-o.Header = P;
-o.Footer = v;
-o.Body = c;
+  "data-testid": d,
+  onClickAway: e
+}) => /* @__PURE__ */ o(h, { onClickAway: (c) => e ? e(c) : void 0, children: /* @__PURE__ */ o(y, { offset: a, placement: i, open: m, anchor: t, children: /* @__PURE__ */ o("div", { "data-testid": d, className: f(v.popover, s), children: p }) }) });
+r.Header = P;
+r.Footer = n;
+r.Body = l;
 export {
-  o as Popover
+  r as Popover
 };

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

@@ -4,7 +4,7 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+        ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
         Header: ({ children }: {
             children: import('react').ReactNode;
         }) => import("react/jsx-runtime").JSX.Element;