@pismo/marola 0.0.1-alpha.11 → 0.0.1-alpha.13

package/dist/components/Dialog/Dialog.js

@@ -1,15 +1,16 @@
 import { jsxs as $, jsx as S } from "react/jsx-runtime";
-import { default as $e } from "./Actions.js";
+import { default as Ye } from "./Actions.js";
 import oe from "./Backdrop.js";
 import re from "./CloseIconButton.js";
-import { default as ze } from "./Content.js";
+import { default as Ge } from "./Content.js";
 import { s as q } from "../../Dialog.module-CGVM5V_D.js";
 import se from "./Title.js";
 import { a as C, _ as ie } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
 import * as f from "react";
 import { u as Z, P as i, e as ae, g as le, a as ce, b as z, c as de, d as ue } from "../../index-CqjC7P5Y.js";
-import { o as w, e as ee, a as fe, u as G } from "../../index-BNWbc5Kh.js";
-import { P as pe, H as be } from "../../Portal-BcdMtRGF.js";
+import { o as w, e as ee, u as G } from "../../useEventCallback-vAfOD-oT.js";
+import { P as fe, H as pe } from "../../Portal-D__zvwbZ.js";
+import { e as be } from "../../index-BJ8HbRCy.js";
 function X(...e) {
   return e.reduce((t, o) => o == null ? t : function(...s) {
     t.apply(this, s), o.apply(this, s);
@@ -187,7 +188,7 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   open: i.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = fe(W.propTypes));
+process.env.NODE_ENV !== "production" && (W.propTypes = be(W.propTypes));
 function Re(e) {
   const t = w(e);
   return t.body === e ? Y(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
@@ -478,7 +479,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
     className: H.backdrop,
     ownerState: F
   });
-  return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(pe, {
+  return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(fe, {
     ref: T,
     container: a,
     disablePortal: h,
@@ -518,7 +519,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: i.oneOfType([be, i.func]),
+  container: i.oneOfType([pe, i.func]),
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -613,7 +614,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
     root: i.elementType
   })
 });
-const je = ({
+const qe = ({
   children: e,
   dialogTitle: t,
   dialogSubtitle: o,
@@ -638,9 +639,9 @@ const je = ({
   }
 );
 export {
-  $e as Actions,
-  ze as Content,
-  je as Dialog,
+  Ye as Actions,
+  Ge as Content,
+  qe as Dialog,
   se as DialogTitle,
-  je as default
+  qe as default
 };

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

@@ -82,7 +82,7 @@ declare const meta: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -97,7 +97,7 @@ declare const meta: {
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
@@ -119,7 +119,7 @@ declare const meta: {
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;

package/dist/components/Dialog/Dialog.stories.js

@@ -1,16 +1,16 @@
-import '../../assets/global.css';
 import { jsx as e, Fragment as r, jsxs as i } from "react/jsx-runtime";
-import { useState as m } from "react";
-/* empty css                    */
+import { useState as d } from "react";
+import "../Chip/Chip.js";
 import { Button as l } from "../Button/Button.js";
 import { Dialog as a } from "./Dialog.js";
 import "../IconButton/IconButton.js";
 import { Typography as n } from "../Typography/Typography.js";
+import "../Select/Select.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
 import s from "./Content.js";
 import c from "./Actions.js";
-const q = {
+const y = {
   title: "Components/Dialog",
   component: a,
   tags: ["autodocs"],
@@ -19,7 +19,7 @@ const q = {
   ]
 };
 function p(o) {
-  const [d, t] = m(!1);
+  const [m, t] = d(!1);
   return /* @__PURE__ */ i(r, { children: [
     /* @__PURE__ */ e(l, { onClick: () => t(!0), children: "Open" }),
     /* @__PURE__ */ e(
@@ -27,7 +27,7 @@ function p(o) {
       {
         dialogTitle: o.dialogTitle,
         dialogSubtitle: o.dialogSubtitle,
-        open: d,
+        open: m,
         onClose: () => {
           t(!1), o != null && o.onClose && (o == null || o.onClose());
         },
@@ -43,7 +43,7 @@ function p(o) {
     )
   ] });
 }
-const y = {
+const O = {
   render: p,
   args: {
     dialogTitle: "This is a dialog title",
@@ -54,6 +54,6 @@ const y = {
   }
 };
 export {
-  y as Simple,
-  q as default
+  O as Simple,
+  y as default
 };

package/dist/components/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 export declare const FamilyAndIcons: {
-    readonly 'fa/duotone': readonly ["circle-arrow-right", "eye-slash", "folder-magnifying-glass", "magnifying-glass", "circle-exclamation", "circle-xmark", "xmark"];
+    readonly 'fa/duotone': readonly ["calendar-days", "circle-arrow-right", "eye-slash", "folder-magnifying-glass", "magnifying-glass", "circle-exclamation", "circle-xmark", "xmark"];
     readonly pi: readonly ["logo"];
 };
 export type IconFamilies = keyof typeof FamilyAndIcons;

package/dist/components/Icon/Icon.js

@@ -1,6 +1,11 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
 import * as e from "react";
-const i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-arrow-right", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+const C = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/calendar-days", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+  fill: "currentcolor",
+  color: "currentcolor",
+  width: "1em",
+  height: "1em"
+}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M160 64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V192H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32V64z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM208 256C199.2 256 192 263.2 192 272V304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208zM320 304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336C327.2 256 320 263.2 320 272V304zM80 384C71.16 384 64 391.2 64 400V432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80zM192 432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208C199.2 384 192 391.2 192 400V432zM336 384C327.2 384 320 391.2 320 400V432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336z" })), i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-arrow-right", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
@@ -14,7 +19,7 @@ const i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
       .fa-secondary {
         opacity: .4
       }
-    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", 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" })), C = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", 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" })), d = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
@@ -32,12 +37,12 @@ const i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
       .fa-secondary {
         opacity: .4
       }
-    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196V9.196z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M446.6 324.7C457.7 304.3 464 280.9 464 256C464 176.5 399.5 112 320 112C282.7 112 248.6 126.2 223.1 149.5L150.7 92.77C195 58.27 251.8 32 320 32C400.8 32 465.5 68.84 512.6 112.6C559.4 156 590.7 207.1 605.5 243.7C608.8 251.6 608.8 260.4 605.5 268.3C592.1 300.6 565.2 346.1 525.6 386.7L446.6 324.7zM313.4 220.3C317.6 211.8 320 202.2 320 192C320 180.5 316.1 169.7 311.6 160.4C314.4 160.1 317.2 160 320 160C373 160 416 202.1 416 256C416 269.7 413.1 282.7 407.1 294.5L313.4 220.3zM320 480C239.2 480 174.5 443.2 127.4 399.4C80.62 355.1 49.34 304 34.46 268.3C31.18 260.4 31.18 251.6 34.46 243.7C44 220.8 60.29 191.2 83.09 161.5L177.4 235.8C176.5 242.4 176 249.1 176 256C176 335.5 240.5 400 320 400C338.7 400 356.6 396.4 373 389.9L446.2 447.5C409.9 467.1 367.8 480 320 480H320z" })), d = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/folder-magnifying-glass", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196V9.196z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M446.6 324.7C457.7 304.3 464 280.9 464 256C464 176.5 399.5 112 320 112C282.7 112 248.6 126.2 223.1 149.5L150.7 92.77C195 58.27 251.8 32 320 32C400.8 32 465.5 68.84 512.6 112.6C559.4 156 590.7 207.1 605.5 243.7C608.8 251.6 608.8 260.4 605.5 268.3C592.1 300.6 565.2 346.1 525.6 386.7L446.6 324.7zM313.4 220.3C317.6 211.8 320 202.2 320 192C320 180.5 316.1 169.7 311.6 160.4C314.4 160.1 317.2 160 320 160C373 160 416 202.1 416 256C416 269.7 413.1 282.7 407.1 294.5L313.4 220.3zM320 480C239.2 480 174.5 443.2 127.4 399.4C80.62 355.1 49.34 304 34.46 268.3C31.18 260.4 31.18 251.6 34.46 243.7C44 220.8 60.29 191.2 83.09 161.5L177.4 235.8C176.5 242.4 176 249.1 176 256C176 335.5 240.5 400 320 400C338.7 400 356.6 396.4 373 389.9L446.2 447.5C409.9 467.1 367.8 480 320 480H320z" })), g = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/folder-magnifying-glass", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
   height: "1em"
-}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M376.1 375l-48.67-48.67C338.1 310.5 344 292 344 272c0-57.44-46.56-104-104-104S136 214.6 136 272s46.56 104 104 104c19.1 0 38.5-5.922 54.36-15.71l48.67 48.67C347.7 413.7 353.8 416 360 416s12.28-2.344 16.97-7.031C386.3 399.6 386.3 384.4 376.1 375zM240 328c-30.88 0-56-25.12-56-56c0-30.88 25.12-56 56-56c30.88 0 56 25.12 56 56C296 302.9 270.9 328 240 328z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M464 96h-192l-64-64h-160C21.5 32 0 53.5 0 80v352C0 458.5 21.5 480 48 480h416c26.5 0 48-21.5 48-48v-288C512 117.5 490.5 96 464 96zM376.1 408.1C372.3 413.7 366.2 416 360 416s-12.28-2.344-16.97-7.031l-48.67-48.67C278.5 370.1 259.1 376 240 376c-57.44 0-104-46.56-104-104S182.6 168 240 168s104 46.56 104 104c0 20-5.922 38.5-15.71 54.36l48.67 48.67C386.3 384.4 386.3 399.6 376.1 408.1zM240 216c-30.88 0-56 25.12-56 56c0 30.88 25.12 56 56 56c30.88 0 56-25.12 56-56C296 241.1 270.9 216 240 216z" })), g = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/magnifying-glass", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M376.1 375l-48.67-48.67C338.1 310.5 344 292 344 272c0-57.44-46.56-104-104-104S136 214.6 136 272s46.56 104 104 104c19.1 0 38.5-5.922 54.36-15.71l48.67 48.67C347.7 413.7 353.8 416 360 416s12.28-2.344 16.97-7.031C386.3 399.6 386.3 384.4 376.1 375zM240 328c-30.88 0-56-25.12-56-56c0-30.88 25.12-56 56-56c30.88 0 56 25.12 56 56C296 302.9 270.9 328 240 328z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M464 96h-192l-64-64h-160C21.5 32 0 53.5 0 80v352C0 458.5 21.5 480 48 480h416c26.5 0 48-21.5 48-48v-288C512 117.5 490.5 96 464 96zM376.1 408.1C372.3 413.7 366.2 416 360 416s-12.28-2.344-16.97-7.031l-48.67-48.67C278.5 370.1 259.1 376 240 376c-57.44 0-104-46.56-104-104S182.6 168 240 168s104 46.56 104 104c0 20-5.922 38.5-15.71 54.36l48.67 48.67C386.3 384.4 386.3 399.6 376.1 408.1zM240 216c-30.88 0-56 25.12-56 56c0 30.88 25.12 56 56 56c30.88 0 56-25.12 56-56C296 241.1 270.9 216 240 216z" })), f = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/magnifying-glass", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
@@ -46,7 +51,7 @@ const i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
       .fa-secondary {
         opacity: .4
       }
-    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z" })), f = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", "data-waves-icon": "fa/duotone/xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z" })), w = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", "data-waves-icon": "fa/duotone/xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
@@ -55,24 +60,26 @@ const i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
       .fa-secondary {
         opacity: .4
       }
-    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" })), w = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 664 652", xmlns: "http://www.w3.org/2000/svg", "data-waves-icon": "pi/logo", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" })), u = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 664 652", xmlns: "http://www.w3.org/2000/svg", "data-waves-icon": "pi/logo", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
   height: "1em"
-}, ...t }, /* @__PURE__ */ e.createElement("path", { d: "M391.42 125.965C448.039 184.645 504.938 243.615 565.81 185.331C583.085 168.806 588.671 138.702 583.932 117.95C552.33 -20.4551 366.687 -26.094 284.964 44.5249L285.069 45.0613C321.006 52.9875 356.159 89.4202 391.42 125.965Z" }), /* @__PURE__ */ e.createElement("path", { d: "M522.431 495.702C448.189 455.82 486.69 383.483 525.002 311.503C548.862 266.674 572.648 221.983 569.081 185.356L569.559 185.09C661.976 240.991 713.98 419.291 592.114 492.115C573.842 503.035 543.486 507.025 522.431 495.702V495.702Z" }), /* @__PURE__ */ e.createElement("path", { d: "M213.844 550.355C228.833 467.423 309.526 481.686 389.823 495.879C439.831 504.719 489.685 513.531 523.417 498.82L523.818 499.192C499.211 604.36 345.708 708.916 238.789 615.519C222.757 601.516 209.582 573.878 213.844 550.355Z" }), /* @__PURE__ */ e.createElement("path", { d: "M284.035 48.1638C320.656 124.068 246.989 159.959 173.686 195.673C128.033 217.916 82.5196 240.09 63.8762 271.819L63.3335 271.753C21.4251 172.207 84.1548 -2.6076 225.552 10.1071C246.753 12.0131 273.657 26.6279 284.035 48.1638Z" }), /* @__PURE__ */ e.createElement("path", { d: "M172.699 424.293C161.384 343.54 150.014 262.389 66.5079 273.761C42.819 276.977 20.6057 298.048 12.2415 317.622C-43.5448 448.169 103.33 561.849 210.954 552.754L211.185 552.258C186.77 524.722 179.745 474.585 172.699 424.293Z" })), u = {
+}, ...t }, /* @__PURE__ */ e.createElement("path", { d: "M391.42 125.965C448.039 184.645 504.938 243.615 565.81 185.331C583.085 168.806 588.671 138.702 583.932 117.95C552.33 -20.4551 366.687 -26.094 284.964 44.5249L285.069 45.0613C321.006 52.9875 356.159 89.4202 391.42 125.965Z" }), /* @__PURE__ */ e.createElement("path", { d: "M522.431 495.702C448.189 455.82 486.69 383.483 525.002 311.503C548.862 266.674 572.648 221.983 569.081 185.356L569.559 185.09C661.976 240.991 713.98 419.291 592.114 492.115C573.842 503.035 543.486 507.025 522.431 495.702V495.702Z" }), /* @__PURE__ */ e.createElement("path", { d: "M213.844 550.355C228.833 467.423 309.526 481.686 389.823 495.879C439.831 504.719 489.685 513.531 523.417 498.82L523.818 499.192C499.211 604.36 345.708 708.916 238.789 615.519C222.757 601.516 209.582 573.878 213.844 550.355Z" }), /* @__PURE__ */ e.createElement("path", { d: "M284.035 48.1638C320.656 124.068 246.989 159.959 173.686 195.673C128.033 217.916 82.5196 240.09 63.8762 271.819L63.3335 271.753C21.4251 172.207 84.1548 -2.6076 225.552 10.1071C246.753 12.0131 273.657 26.6279 284.035 48.1638Z" }), /* @__PURE__ */ e.createElement("path", { d: "M172.699 424.293C161.384 343.54 150.014 262.389 66.5079 273.761C42.819 276.977 20.6057 298.048 12.2415 317.622C-43.5448 448.169 103.33 561.849 210.954 552.754L211.185 552.258C186.77 524.722 179.745 474.585 172.699 424.293Z" })), y = {
   // icon family / icon name
   // fa/duotone  / eye-slash
   "fa/duotone/circle-arrow-right": i,
   "fa/duotone/eye-slash": h,
-  "fa/duotone/folder-magnifying-glass": d,
-  "fa/duotone/magnifying-glass": g,
+  "fa/duotone/folder-magnifying-glass": g,
+  "fa/duotone/magnifying-glass": f,
   "fa/duotone/circle-exclamation": m,
-  "fa/duotone/circle-xmark": C,
-  "fa/duotone/xmark": f,
-  "pi/logo": w
-}, v = {
+  "fa/duotone/circle-xmark": d,
+  "fa/duotone/xmark": w,
+  "fa/duotone/calendar-days": C,
+  "pi/logo": u
+}, E = {
   "fa/duotone": [
+    "calendar-days",
     "circle-arrow-right",
     "eye-slash",
     "folder-magnifying-glass",
@@ -82,14 +89,14 @@ const i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
     "xmark"
   ],
   pi: ["logo"]
-}, y = ({ iconFamily: t, icon: a, size: l, color: n }) => {
-  const r = `${t ?? "fa/duotone"}/${a}`, c = u[r] ?? /* @__PURE__ */ s("span", { title: r, children: [
+}, p = ({ iconFamily: t, icon: o, size: l, color: n }) => {
+  const r = `${t ?? "fa/duotone"}/${o}`, a = y[r] ?? /* @__PURE__ */ s("span", { title: r, children: [
     "ERROR ICON ",
-    /* @__PURE__ */ o(y, { icon: "circle-exclamation" })
+    /* @__PURE__ */ c(p, { icon: "circle-exclamation" })
   ] });
-  return c && /* @__PURE__ */ o(c, { style: { color: n, height: l, width: l } });
+  return a && /* @__PURE__ */ c(a, { style: { color: n, height: l, width: l } });
 };
 export {
-  v as FamilyAndIcons,
-  y as Icon
+  E as FamilyAndIcons,
+  p as Icon
 };

package/dist/components/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 import { Either } from '../../types/helpers';
-import { ReactNode } from 'react';
+import { ReactNode, SyntheticEvent } from 'react';
 
 type variant = 'primary' | 'square';
 type IconButtonCoreProps = {
@@ -14,7 +14,7 @@ interface IconButtonPropsWithLink extends IconButtonCoreProps {
     link: string;
 }
 interface IconButtonPropsWithOnClick extends IconButtonCoreProps {
-    onClick: () => void;
+    onClick: (e: SyntheticEvent<HTMLButtonElement>) => void;
     type?: HTMLButtonElement['type'];
 }
 export type IconButtonProps = Either<IconButtonPropsWithLink, IconButtonPropsWithOnClick>;

package/dist/components/IconButton/IconButton.js

@@ -1,68 +1,70 @@
 import '../../assets/IconButton.css';
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as q, useMemo as a } from "react";
-import { c } from "../../clsx-DB4S2d7J.js";
-import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as g } from "../../Button-B1umG8kJ.js";
-const k = "_h1_8qiyf_1", p = "_h2_8qiyf_11", w = "_h3_8qiyf_21", x = "_h4_8qiyf_31", N = "_body_8qiyf_41", v = "_quote_8qiyf_75", B = "_form__input_8qiyf_98", j = "_form__hint_8qiyf_103", C = "_form__label_8qiyf_108", I = "_form__dropdown_8qiyf_113", L = "_table__header_8qiyf_131", M = "_table__body_8qiyf_136", R = "_button_8qiyf_159", o = {
-  h1: k,
-  "h1--bold": "_h1--bold_8qiyf_7",
-  h2: p,
-  "h2--bold": "_h2--bold_8qiyf_17",
-  h3: w,
-  "h3--bold": "_h3--bold_8qiyf_27",
-  h4: x,
-  "h4--bold": "_h4--bold_8qiyf_37",
-  body: N,
-  "body--large": "_body--large_8qiyf_46",
-  "body--medium": "_body--medium_8qiyf_50",
-  "body--small": "_body--small_8qiyf_54",
-  "body--tiny": "_body--tiny_8qiyf_58",
-  "body--bold": "_body--bold_8qiyf_62",
-  "body--strikethrough": "_body--strikethrough_8qiyf_65",
-  "body--underlined": "_body--underlined_8qiyf_68",
-  "body--strikethrough-underlined": "_body--strikethrough-underlined_8qiyf_71",
-  quote: v,
-  "quote--large": "_quote--large_8qiyf_80",
-  "quote--bold": "_quote--bold_8qiyf_85",
-  "quote--strikethrough": "_quote--strikethrough_8qiyf_88",
-  "quote--underlined": "_quote--underlined_8qiyf_91",
-  "quote--strikethrough-underlined": "_quote--strikethrough-underlined_8qiyf_94",
-  form__input: B,
-  form__hint: j,
-  form__label: C,
-  form__dropdown: I,
-  "form--bold": "_form--bold_8qiyf_118",
-  "form--strikethrough": "_form--strikethrough_8qiyf_121",
-  "form--underlined": "_form--underlined_8qiyf_124",
-  "form--strikethrough-underlined": "_form--strikethrough-underlined_8qiyf_127",
-  table__header: L,
-  table__body: M,
-  "table__body--secondary": "_table__body--secondary_8qiyf_141",
-  "table--bold": "_table--bold_8qiyf_146",
-  "table--strikethrough": "_table--strikethrough_8qiyf_149",
-  "table--underlined": "_table--underlined_8qiyf_152",
-  "table--strikethrough-underlined": "_table--strikethrough-underlined_8qiyf_155",
-  button: R,
-  "button--bold": "_button--bold_8qiyf_165",
-  "button--strikethrough": "_button--strikethrough_8qiyf_168",
-  "button--underlined": "_button--underlined_8qiyf_171",
-  "button--strikethrough-underlined": "_button--strikethrough-underlined_8qiyf_174",
-  "icon-button": "_icon-button_8qiyf_178",
-  "icon-button--primary": "_icon-button--primary_8qiyf_190",
-  "icon-button--square": "_icon-button--square_8qiyf_212",
-  "icon-button__container": "_icon-button__container_8qiyf_228"
-}, E = q((i, r) => {
-  const { onClick: n, icon: d, link: u, loading: b, children: l, type: y = "button", disabled: f, className: t, variant: _ = "primary" } = i, h = a(
-    () => c([o["icon-button"], o[`icon-button--${_}`], t]),
-    [t, _]
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as c, useMemo as m } from "react";
+import { c as y } from "../../clsx-DB4S2d7J.js";
+import { LoadingSpinner as g } from "../LoadingSpinner/LoadingSpinner.js";
+import { B as k } from "../../Button-B1umG8kJ.js";
+const p = "_h1_f1r29_1", q = "_h2_f1r29_11", M = "_h3_f1r29_21", S = "_h4_f1r29_31", w = "_body_f1r29_41", x = "_quote_f1r29_75", N = "_form__input_f1r29_98", v = "_form__hint_f1r29_103", B = "_form__label_f1r29_108", j = "_form__dropdown_f1r29_113", C = "_table__header_f1r29_131", I = "_table__body_f1r29_136", L = "_button_f1r29_159", R = "_SM_f1r29_178", o = {
+  h1: p,
+  "h1--bold": "_h1--bold_f1r29_7",
+  h2: q,
+  "h2--bold": "_h2--bold_f1r29_17",
+  h3: M,
+  "h3--bold": "_h3--bold_f1r29_27",
+  h4: S,
+  "h4--bold": "_h4--bold_f1r29_37",
+  body: w,
+  "body--large": "_body--large_f1r29_46",
+  "body--medium": "_body--medium_f1r29_50",
+  "body--small": "_body--small_f1r29_54",
+  "body--tiny": "_body--tiny_f1r29_58",
+  "body--bold": "_body--bold_f1r29_62",
+  "body--strikethrough": "_body--strikethrough_f1r29_65",
+  "body--underlined": "_body--underlined_f1r29_68",
+  "body--strikethrough-underlined": "_body--strikethrough-underlined_f1r29_71",
+  quote: x,
+  "quote--large": "_quote--large_f1r29_80",
+  "quote--bold": "_quote--bold_f1r29_85",
+  "quote--strikethrough": "_quote--strikethrough_f1r29_88",
+  "quote--underlined": "_quote--underlined_f1r29_91",
+  "quote--strikethrough-underlined": "_quote--strikethrough-underlined_f1r29_94",
+  form__input: N,
+  form__hint: v,
+  form__label: B,
+  form__dropdown: j,
+  "form--bold": "_form--bold_f1r29_118",
+  "form--strikethrough": "_form--strikethrough_f1r29_121",
+  "form--underlined": "_form--underlined_f1r29_124",
+  "form--strikethrough-underlined": "_form--strikethrough-underlined_f1r29_127",
+  table__header: C,
+  table__body: I,
+  "table__body--secondary": "_table__body--secondary_f1r29_141",
+  "table--bold": "_table--bold_f1r29_146",
+  "table--strikethrough": "_table--strikethrough_f1r29_149",
+  "table--underlined": "_table--underlined_f1r29_152",
+  "table--strikethrough-underlined": "_table--strikethrough-underlined_f1r29_155",
+  button: L,
+  "button--bold": "_button--bold_f1r29_165",
+  "button--strikethrough": "_button--strikethrough_f1r29_168",
+  "button--underlined": "_button--underlined_f1r29_171",
+  "button--strikethrough-underlined": "_button--strikethrough-underlined_f1r29_174",
+  SM: R,
+  "SM--bold": "_SM--bold_f1r29_183",
+  "icon-button": "_icon-button_f1r29_187",
+  "icon-button--primary": "_icon-button--primary_f1r29_199",
+  "icon-button--square": "_icon-button--square_f1r29_221",
+  "icon-button__container": "_icon-button__container_f1r29_237"
+}, F = c((e, n) => {
+  const { onClick: d, icon: u, link: b, loading: i, children: l, type: f = "button", disabled: h, className: r, variant: _ = "primary" } = e, s = m(
+    () => y([o["icon-button"], o[`icon-button--${_}`], r]),
+    [r, _]
   );
-  return /* @__PURE__ */ e(g, { type: y, href: u, onClick: n, disabled: f, className: h, ref: r, children: /* @__PURE__ */ s("div", { className: o["icon-button__container"], children: [
-    b ? /* @__PURE__ */ e(m, { invert: !0 }) : d,
+  return /* @__PURE__ */ t(k, { type: f, href: b, onClick: d, disabled: h, className: s, ref: n, children: /* @__PURE__ */ a("div", { className: o["icon-button__container"], children: [
+    i ? /* @__PURE__ */ t(g, { invert: !0 }) : u,
     _ !== "square" && l
   ] }) });
 });
 export {
-  E as IconButton,
-  E as default
+  F as IconButton,
+  F as default
 };

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

@@ -13,7 +13,7 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     rightIcon?: ReactNode;
     /** Input type. Default: text */
     type?: 'text' | 'password' | 'search';
-    /** Hide the chars counter. Default: false */
+    /** Hide the chars counter */
     hideCharsCounter?: boolean;
     /** CSS classes to be applied on the container element */
     classNameWrapper?: string;

package/dist/components/Input/Input.js

@@ -5,8 +5,8 @@ import { useState as pe, useId as ce } from "react";
 import { c as F } from "../../clsx-DB4S2d7J.js";
 import { Typography as L } from "../Typography/Typography.js";
 import { a as _, _ as fe } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { g as me, a as _e, u as he, e as z, b as Q, i as be, P as e, c as ge, d as Ce } from "../../index-CqjC7P5Y.js";
-function ye(s) {
+import { g as me, a as _e, u as he, e as z, b as Q, i as be, P as e, c as ge, d as ye } from "../../index-CqjC7P5Y.js";
+function Ce(s) {
   let l = "https://mui.com/production-error/?code=" + s;
   for (let a = 1; a < arguments.length; a += 1)
     l += "&args[]=" + encodeURIComponent(arguments[a]);
@@ -31,19 +31,19 @@ function Ne(s = {}) {
     onChange: b,
     onFocus: P,
     required: x = !1,
-    value: C,
+    value: y,
     inputRef: U
   } = s, n = we();
-  let E, f, y, w, g;
+  let E, f, C, w, g;
   if (n) {
     var I, d, O;
-    if (E = void 0, f = (I = n.disabled) != null ? I : !1, y = (d = n.error) != null ? d : !1, w = (O = n.required) != null ? O : !1, g = n.value, process.env.NODE_ENV !== "production") {
+    if (E = void 0, f = (I = n.disabled) != null ? I : !1, C = (d = n.error) != null ? d : !1, w = (O = n.required) != null ? O : !1, g = n.value, process.env.NODE_ENV !== "production") {
       const t = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => s[r] !== 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
-    E = l, f = a, y = h, w = x, g = C;
+    E = l, f = a, C = h, w = x, g = y;
   const {
     current: M
   } = m.useRef(g != null), k = m.useCallback((t) => {
@@ -70,7 +70,7 @@ function Ne(s = {}) {
   }, S = (t) => (r, ...o) => {
     var c, H;
     if (!M && (r.target || v.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." : ye(17));
+      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 || (c = n.onChange) == null || c.call(n, r), (H = t.onChange) == null || H.call(t, r, ...o);
   }, j = (t) => (r) => {
     var o;
@@ -78,7 +78,7 @@ function Ne(s = {}) {
   };
   return {
     disabled: f,
-    error: y,
+    error: C,
     focused: N,
     formControlContext: n,
     getInputProps: (t = {}) => {
@@ -92,7 +92,7 @@ function Ne(s = {}) {
         onFocus: A(o)
       });
       return _({}, c, {
-        "aria-invalid": y || void 0,
+        "aria-invalid": C || void 0,
         defaultValue: E,
         value: g,
         required: w,
@@ -125,18 +125,18 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
   return ge({
     root: ["root", l && "disabled", a && "error", h && "focused", !!u && "formControl", b && "multiline", !!P && "adornedStart", !!x && "adornedEnd"],
     input: ["input", l && "disabled", b && "multiline"]
-  }, Ce(ve));
+  }, ye(ve));
 }, ee = /* @__PURE__ */ m.forwardRef(function(l, a) {
   var h, u, b;
   const {
     "aria-describedby": P,
     "aria-label": x,
-    "aria-labelledby": C,
+    "aria-labelledby": y,
     autoComplete: U,
     autoFocus: n,
     className: E,
     defaultValue: f,
-    disabled: y,
+    disabled: C,
     endAdornment: w,
     error: g,
     id: I,
@@ -167,7 +167,7 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     error: se,
     disabled: ae
   } = Ne({
-    disabled: y,
+    disabled: C,
     defaultValue: f,
     error: g,
     onBlur: R,
@@ -186,7 +186,7 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
   }), G = xe($), le = {
     "aria-describedby": P,
     "aria-label": x,
-    "aria-labelledby": C,
+    "aria-labelledby": y,
     autoComplete: U,
     autoFocus: n,
     id: I,
@@ -378,20 +378,20 @@ const Ee = (s) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3
   color: "currentcolor",
   width: "1em",
   height: "1em"
-}, ...s }, /* @__PURE__ */ m.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" })), Re = "_input__label_f2das_1", Fe = "_input_f2das_1", i = {
+}, ...s }, /* @__PURE__ */ m.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" })), Re = "_input__label_1fy22_1", Fe = "_input_1fy22_1", i = {
   input__label: Re,
-  "input__input-el-wrapper": "_input__input-el-wrapper_f2das_6",
-  "input__input-el": "_input__input-el_f2das_6",
-  "input__left-icon": "_input__left-icon_f2das_27",
-  "input__right-icon": "_input__right-icon_f2das_30",
-  "input__messages-wrapper": "_input__messages-wrapper_f2das_33",
-  "input__info-message": "_input__info-message_f2das_41",
-  "input__error-message": "_input__error-message_f2das_41",
-  "input__chars-counter": "_input__chars-counter_f2das_52",
-  "input--disabled": "_input--disabled_f2das_56",
+  "input__input-el-wrapper": "_input__input-el-wrapper_1fy22_6",
+  "input__input-el": "_input__input-el_1fy22_6",
+  "input__left-icon": "_input__left-icon_1fy22_27",
+  "input__right-icon": "_input__right-icon_1fy22_31",
+  "input__messages-wrapper": "_input__messages-wrapper_1fy22_35",
+  "input__info-message": "_input__info-message_1fy22_43",
+  "input__error-message": "_input__error-message_1fy22_43",
+  "input__chars-counter": "_input__chars-counter_1fy22_54",
+  "input--disabled": "_input--disabled_1fy22_58",
   input: Fe,
-  "input--focused": "_input--focused_f2das_62",
-  "input--error": "_input--error_f2das_65"
+  "input--focused": "_input--focused_1fy22_64",
+  "input--error": "_input--error_1fy22_67"
 }, Ue = ({
   label: s,
   infoMessage: l,
@@ -401,12 +401,12 @@ const Ee = (s) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3
   id: b,
   disabled: P,
   type: x = "text",
-  maxLength: C,
+  maxLength: y,
   hideCharsCounter: U = !1,
   onChange: n,
   classNameWrapper: E,
   classNameLabel: f,
-  classNameInput: y,
+  classNameInput: C,
   classNameInfoMessage: w,
   classNameErrorMessage: g,
   classNameCharsCounter: I,
@@ -453,8 +453,8 @@ const Ee = (s) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3
             })
           }),
           input: {
-            className: F(i["input__input-el"], y),
-            maxLength: C,
+            className: F(i["input__input-el"], C),
+            maxLength: y,
             onChange: j,
             ...N
           }
@@ -476,7 +476,7 @@ const Ee = (s) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3
           ]
         }
       ),
-      C && !U && /* @__PURE__ */ q(
+      y && !U && /* @__PURE__ */ q(
         L,
         {
           variant: "form-hint",
@@ -485,7 +485,7 @@ const Ee = (s) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3
           children: [
             R,
             " / ",
-            C
+            y
           ]
         }
       )