@pismo/marola 0.0.1-alpha.17 → 0.0.1-alpha.18

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

@@ -1,18 +1,27 @@
 export declare const FamilyAndIcons: {
-    readonly 'fa/duotone': readonly ["calendar-days", "circle-arrow-right", "eye-slash", "folder-magnifying-glass", "magnifying-glass", "circle-exclamation", "circle-xmark", "xmark"];
+    readonly 'fa/duotone': readonly ["arrow-down-arrow-up", "calendar-days", "circle-arrow-right", "circle-exclamation", "circle-xmark", "eye-slash", "folder-magnifying-glass", "lock-keyhole", "magnifying-glass", "xmark"];
     readonly pi: readonly ["logo"];
 };
 export type IconFamilies = keyof typeof FamilyAndIcons;
 export type IconPropsByIconFamily<T extends IconFamilies> = {
+    /** Icon family name */
     iconFamily: T;
+    /** Icon name  */
     icon: (typeof FamilyAndIcons)[T][number];
 } | {
+    /** Icon family name */
     iconFamily?: never | undefined;
+    /** Icon name  */
     icon: (typeof FamilyAndIcons)['fa/duotone'][number];
 };
 export type IconCommonProps = {
+    /** Size of icon */
     size?: number | string;
+    /** Color of the icon */
     color?: string;
 };
 export type IconProps<T extends IconFamilies> = IconCommonProps & IconPropsByIconFamily<T>;
+/**
+ * Icon component for most common icons used in Marola
+ */
 export declare const Icon: <T extends "fa/duotone" | "pi">({ iconFamily, icon, size, color }: IconProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/Icon.js

@@ -1,6 +1,11 @@
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import * as e from "react";
-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: {
+const C = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/arrow-down-arrow-up", 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: "M237.6 328.7c13.03 11.95 13.9 32.22 1.969 45.27l-87.1 96.09c-12.12 13.26-35.06 13.26-47.19 0l-87.1-96.09c-11.94-13.05-11.06-33.31 1.969-45.27c13.59-12.46 33.8-10.48 45.22 1.969L96 366.1V64.03C96 46.33 110.3 32 128 32s32 14.33 32 32.03v302l32.4-35.4C204.4 317.7 224.6 316.8 237.6 328.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M431.6 138l-87.1-96.09c-12.12-13.26-35.06-13.26-47.19 0l-87.1 96.09C196.5 151.1 197.3 171.4 210.4 183.3c13.02 11.95 33.27 11.04 45.22-1.973L288 145.9v302C288 465.7 302.3 480 320 480s32-14.33 32-32.03V145.9l32.4 35.39c11.42 12.45 31.63 14.43 45.22 1.973C442.7 171.4 443.5 151.1 431.6 138z" })), m = (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",
@@ -10,7 +15,7 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
   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: "M406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z" })), m = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-exclamation", 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: "M406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z" })), d = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-exclamation", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
@@ -19,7 +24,7 @@ const C = (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" })), 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: {
+    `)), /* @__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" })), h = (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",
@@ -28,7 +33,7 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
       .fa-secondary {
         opacity: .4
       }
-    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z" })), h = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", "data-waves-icon": "fa/duotone/eye-slash", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z" })), w = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", "data-waves-icon": "fa/duotone/eye-slash", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
@@ -42,7 +47,12 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
   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" })), 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: {
+}, ...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 448 512", "data-waves-icon": "fa/duotone/lock-keyhole", 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: "M384 192C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H384zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320V384C192 401.7 206.3 416 224 416C241.7 416 256 401.7 256 384V320z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M224 64C179.8 64 144 99.82 144 144V192H80V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H304V144C304 99.82 268.2 64 224 64z" })), u = (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",
@@ -51,7 +61,7 @@ const C = (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" })), 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: {
+    `)), /* @__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" })), y = (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",
@@ -60,43 +70,47 @@ const C = (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" })), 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: {
+    `)), /* @__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" })), p = (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" })), y = {
+}, ...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" })), v = {
   // icon family / icon name
   // fa/duotone  / eye-slash
+  "fa/duotone/arrow-down-arrow-up": C,
+  "fa/duotone/calendar-days": m,
   "fa/duotone/circle-arrow-right": i,
-  "fa/duotone/eye-slash": h,
+  "fa/duotone/circle-exclamation": d,
+  "fa/duotone/circle-xmark": h,
+  "fa/duotone/eye-slash": w,
   "fa/duotone/folder-magnifying-glass": g,
-  "fa/duotone/magnifying-glass": f,
-  "fa/duotone/circle-exclamation": m,
-  "fa/duotone/circle-xmark": d,
-  "fa/duotone/xmark": w,
-  "fa/duotone/calendar-days": C,
-  "pi/logo": u
-}, E = {
+  "fa/duotone/lock-keyhole": f,
+  "fa/duotone/magnifying-glass": u,
+  "fa/duotone/xmark": y,
+  "pi/logo": p
+}, L = {
   "fa/duotone": [
+    "arrow-down-arrow-up",
     "calendar-days",
     "circle-arrow-right",
+    "circle-exclamation",
+    "circle-xmark",
     "eye-slash",
     "folder-magnifying-glass",
+    "lock-keyhole",
     "magnifying-glass",
-    "circle-exclamation",
-    "circle-xmark",
     "xmark"
   ],
   pi: ["logo"]
-}, p = ({ iconFamily: t, icon: o, size: l, color: n }) => {
-  const r = `${t ?? "fa/duotone"}/${o}`, a = y[r] ?? /* @__PURE__ */ s("span", { title: r, children: [
+}, E = ({ iconFamily: t, icon: c, size: l, color: n }) => {
+  const r = `${t ?? "fa/duotone"}/${c}`, o = v[r] ?? /* @__PURE__ */ s("span", { title: r, children: [
     "ERROR ICON ",
-    /* @__PURE__ */ c(p, { icon: "circle-exclamation" })
+    /* @__PURE__ */ a(E, { icon: "circle-exclamation" })
   ] });
-  return a && /* @__PURE__ */ c(a, { style: { color: n, height: l, width: l } });
+  return o && /* @__PURE__ */ a(o, { style: { color: n, height: l, width: l } });
 };
 export {
-  E as FamilyAndIcons,
-  p as Icon
+  L as FamilyAndIcons,
+  E as Icon
 };

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: <T extends "fa/duotone" | "pi">({ iconFamily, icon, size, color }: import('./Icon').IconProps<T>) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const CustomFamily: Story;
+export declare const CustomSize: Story;
+export declare const CustomColor: Story;

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

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./IconButton').IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithChildren: Story;
+export declare const Square: Story;

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

@@ -3,20 +3,34 @@ import { ReactNode, SyntheticEvent } from 'react';
 
 type variant = 'primary' | 'square';
 type IconButtonCoreProps = {
+    /** The icon can be any ReactNode element, including the Icon component. */
     icon: ReactNode;
+    /** Loading status  */
     loading?: boolean;
+    /** Disabled status */
     disabled?: boolean;
+    /** ClassNames for MuiButton */
     className?: string;
+    /** Children content */
     children?: ReactNode;
+    /** Variant of component */
     variant?: variant;
 };
 interface IconButtonPropsWithLink extends IconButtonCoreProps {
+    /** Link to access when Icon Button is clicked  */
     link: string;
 }
 interface IconButtonPropsWithOnClick extends IconButtonCoreProps {
+    /** Functionality executed when the Icon Button is clicked   */
     onClick: (e: SyntheticEvent<HTMLButtonElement>) => void;
+    /** Button type */
     type?: HTMLButtonElement['type'];
 }
 export type IconButtonProps = Either<IconButtonPropsWithLink, IconButtonPropsWithOnClick>;
+/**
+ * The icon button is used in some cases where you need the icon to be pressed, sometimes it can contain text.
+ * Icon buttons are commonly found in app bars and toolbars.
+ * Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected, such as adding or removing a star to an item.
+ */
 export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/dist/components/IconButton/IconButton.js

@@ -3,7 +3,7 @@ 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-CSuug0jG.js";
+import { B as k } from "../../Button-2b1peDFT.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",

package/dist/components/Input/Input.js

@@ -1,27 +1,26 @@
 import '../../assets/Input.css';
 import { jsxs as q, jsx as V } from "react/jsx-runtime";
-import * as f from "react";
+import * as m from "react";
 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 me } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { g as fe, a as _e, u as he, e as z, b as Q, i as be, P as e, c as ge, d as we } from "../../index-CtPvew6C.js";
+import { g as fe, a as me, u as _e, f as z, b as _, _ as he, c as Q, i as be, P as e, d as ge, e as we } from "../../index-CH45lKw7.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]);
   return "Minified MUI error #" + s + "; visit " + l + " for the full message.";
 }
-const X = /* @__PURE__ */ f.createContext(void 0);
+const X = /* @__PURE__ */ m.createContext(void 0);
 process.env.NODE_ENV !== "production" && (X.displayName = "FormControlContext");
 function ye() {
-  return f.useContext(X);
+  return m.useContext(X);
 }
 const Z = "Input";
 function ve(s) {
   return fe(Z, s);
 }
-_e(Z, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+me(Z, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
 function Ne(s = {}) {
   const {
     defaultValue: l,
@@ -34,25 +33,25 @@ function Ne(s = {}) {
     value: w,
     inputRef: U
   } = s, n = ye();
-  let E, m, C, y, g;
+  let E, f, C, y, g;
   if (n) {
     var I, d, O;
-    if (E = void 0, m = (I = n.disabled) != null ? I : !1, C = (d = n.error) != null ? d : !1, y = (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, y = (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, m = a, C = h, y = x, g = w;
+    E = l, f = a, C = h, y = x, g = w;
   const {
     current: M
-  } = f.useRef(g != null), k = f.useCallback((t) => {
+  } = m.useRef(g != null), k = m.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(`
 `));
-  }, []), v = f.useRef(null), T = he(v, U, k), [N, R] = f.useState(!1);
-  f.useEffect(() => {
-    !n && m && N && (R(!1), u == null || u());
-  }, [n, m, N, u]);
+  }, []), v = m.useRef(null), T = _e(v, U, k), [N, R] = m.useState(!1);
+  m.useEffect(() => {
+    !n && f && N && (R(!1), u == null || u());
+  }, [n, f, N, u]);
   const A = (t) => (r) => {
     var o;
     if (n != null && n.disabled) {
@@ -77,7 +76,7 @@ function Ne(s = {}) {
     v.current && r.currentTarget === r.target && v.current.focus(), (o = t.onClick) == null || o.call(t, r);
   };
   return {
-    disabled: m,
+    disabled: f,
     error: C,
     focused: N,
     formControlContext: n,
@@ -96,7 +95,7 @@ function Ne(s = {}) {
         defaultValue: E,
         value: g,
         required: y,
-        disabled: m
+        disabled: f
       }, t, {
         ref: T
       }, c);
@@ -126,7 +125,7 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     root: ["root", l && "disabled", a && "error", h && "focused", !!u && "formControl", b && "multiline", !!P && "adornedStart", !!x && "adornedEnd"],
     input: ["input", l && "disabled", b && "multiline"]
   }, we(ve));
-}, ee = /* @__PURE__ */ f.forwardRef(function(l, a) {
+}, ee = /* @__PURE__ */ m.forwardRef(function(l, a) {
   var h, u, b;
   const {
     "aria-describedby": P,
@@ -135,7 +134,7 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     autoComplete: U,
     autoFocus: n,
     className: E,
-    defaultValue: m,
+    defaultValue: f,
     disabled: C,
     endAdornment: y,
     error: g,
@@ -159,7 +158,7 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     slots: o = {},
     minRows: c,
     maxRows: H
-  } = l, Y = me(l, Pe), {
+  } = l, Y = he(l, Pe), {
     getRootProps: te,
     getInputProps: ne,
     focused: oe,
@@ -168,7 +167,7 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     disabled: ae
   } = Ne({
     disabled: C,
-    defaultValue: m,
+    defaultValue: f,
     error: g,
     onBlur: R,
     onClick: M,
@@ -373,12 +372,12 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    */
   value: e.any
 });
-const Ee = (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: {
+const Ee = (s) => /* @__PURE__ */ m.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" })), Re = "_input__label_29e4w_1", Fe = "_input_29e4w_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_29e4w_1", Fe = "_input_29e4w_1", i = {
   input__label: Re,
   "input__input-el-wrapper": "_input__input-el-wrapper_29e4w_6",
   "input__input-el": "_input__input-el_29e4w_6",
@@ -392,7 +391,7 @@ const Ee = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
   input: Fe,
   "input--focused": "_input--focused_29e4w_68",
   "input--error": "_input--error_29e4w_71"
-}, Ue = ({
+}, Ve = ({
   label: s,
   infoMessage: l,
   errorMessage: a,
@@ -405,7 +404,7 @@ const Ee = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
   hideCharsCounter: U = !1,
   onChange: n,
   classNameWrapper: E,
-  classNameLabel: m,
+  classNameLabel: f,
   classNameInput: C,
   classNameInfoMessage: y,
   classNameErrorMessage: g,
@@ -431,7 +430,7 @@ const Ee = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
         element: "label",
         variant: "form-label",
         elementProps: { htmlFor: S },
-        className: F(i.input__label, m),
+        className: F(i.input__label, f),
         "data-testid": O,
         children: s
       }
@@ -493,5 +492,5 @@ const Ee = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
   ] });
 };
 export {
-  Ue as Input
+  Ve as Input
 };

package/dist/components/Pagination/Pagination.d.ts

@@ -1,36 +1,55 @@
 export type PaginationParams = {
+    /** Total number of items to paginate */
     totalItems: number;
+    /** Number of items to show per page */
     perPage: number;
+    /** Current page */
     currentPage: number;
 };
 export type PaginationTranslations = {
+    /** Translation text for `showing` */
     showing: string;
+    /** Translation text for `of` */
     of: string;
+    /** Translation text for `result` */
     results: string;
+    /** Translation text for `previous` */
     previous: string;
+    /** Translation text for `next` */
     next: string;
 };
 type PaginationLanguages = 'pt' | 'en';
 type PaginationCommonProps = {
+    /** CSS classes to be applied on the container element */
     className?: string;
-    'data-testid'?: string;
+    /** CSS classes to be applied on the per page element */
     classNamePerPage?: string;
-    'data-testid__per-page'?: string;
+    /** CSS classes to be applied on the pages navigation element */
     classNamePagesNav?: string;
-    'data-testid__pages-nav'?: string;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid'?: string;
+    /** Id to be applied as `data-testid` on per page element */
+    'data-testid-per-page'?: string;
+    /** Id to be applied as `data-testid` on the pages navigation element */
+    'data-testid-pages-nav'?: string;
 };
 export type PaginationProps = {
+    /** Array of options to be rendered as per page options. */
     perPageOptions?: (number | {
         value: number;
         label: string;
     })[] | undefined;
+    /** Callback called when page changes. */
     onPageChange: (page: number) => void;
-    onRowsPerPageChange: (perPage: number | string) => void;
+    /** Callback called when items per page changes. */
+    onRowsPerPageChange: (perPage: number) => void;
+    /** Language to be used for texts. */
     language?: PaginationLanguages;
+    /** Custom translation object to be used for texts. */
     t?: PaginationTranslations;
 } & PaginationParams & PaginationCommonProps;
 export declare const paginationDefaultTranslations: {
     [key in PaginationLanguages]: PaginationTranslations;
 };
-export declare const Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ perPageOptions, language, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
 export {};