@pismo/marola 0.0.1-alpha.19 → 0.0.1-alpha.20

package/dist/components/PageHeader/PageHeader.js

@@ -1,51 +1,66 @@
 import '../../assets/PageHeader.css';
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { c as n } from "../../clsx-DB4S2d7J.js";
-import * as _ from "react";
-const w = (c) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+import { c as _ } from "../../clsx-DB4S2d7J.js";
+import * as g from "react";
+const j = (r) => /* @__PURE__ */ g.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
   height: "1em"
-}, ...c }, /* @__PURE__ */ _.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), b = "_title_fxc86_47", N = "_subtitle_fxc86_48", e = {
-  "page-header": "_page-header_fxc86_1",
-  "page-header__top-content": "_page-header__top-content_fxc86_10",
-  "page-header__main-content": "_page-header__main-content_fxc86_13",
-  "page-header__bottom-content": "_page-header__bottom-content_fxc86_13",
-  "page-header__main-left-content": "_page-header__main-left-content_fxc86_41",
-  title: b,
-  subtitle: N,
-  "page-header__main-right-content": "_page-header__main-right-content_fxc86_65"
-}, H = ({
-  title: c,
-  subtitle: d,
-  backLinkText: r,
-  onBackLinkClick: s,
-  rightChildren: i,
-  bottomChildren: o,
-  classNameWrapper: l,
-  classNameBackLink: h,
-  classNameTitle: m,
-  classNameSubtitle: p,
-  "data-testid-wrapper": g,
-  "data-testid-backLink": f,
-  "data-testid-title": x,
-  "data-testid-subtitle": u,
-  ...v
-}) => /* @__PURE__ */ a("div", { className: n([e["page-header"], l]), "data-testid": g, ...v, children: [
-  r && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("button", { type: "button", onClick: s, className: h, "data-testid": f, children: [
-    /* @__PURE__ */ t(w, { fontSize: 16 }),
-    r
+}, ...r }, /* @__PURE__ */ g.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), f = "_subtitle_8gwjb_43", v = "_title_8gwjb_48", e = {
+  "u-typography-h1": "_u-typography-h1_8gwjb_1",
+  "u-typography-h2": "_u-typography-h2_8gwjb_8",
+  "u-typography-h3": "_u-typography-h3_8gwjb_15",
+  "u-typography-h4": "_u-typography-h4_8gwjb_22",
+  "u-typography-h5": "_u-typography-h5_8gwjb_29",
+  "u-typography-h6": "_u-typography-h6_8gwjb_36",
+  "u-typography-base": "_u-typography-base_8gwjb_43",
+  "page-header__main-left-content": "_page-header__main-left-content_8gwjb_43",
+  subtitle: f,
+  "page-header__top-content": "_page-header__top-content_8gwjb_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_8gwjb_48",
+  title: v,
+  "u-typography-base--xl": "_u-typography-base--xl_8gwjb_52",
+  "u-typography-base--lg": "_u-typography-base--lg_8gwjb_56",
+  "u-typography-base--sm": "_u-typography-base--sm_8gwjb_60",
+  "u-typography-base--bold": "_u-typography-base--bold_8gwjb_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_8gwjb_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_8gwjb_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_8gwjb_73",
+  "page-header": "_page-header_8gwjb_43",
+  "page-header__main-content": "_page-header__main-content_8gwjb_89",
+  "page-header__bottom-content": "_page-header__bottom-content_8gwjb_89",
+  "page-header__main-right-content": "_page-header__main-right-content_8gwjb_128"
+}, k = ({
+  title: r,
+  subtitle: s,
+  backLinkText: o,
+  onBackLinkClick: n,
+  rightChildren: p,
+  bottomChildren: h,
+  classNameWrapper: i,
+  classNameBackLink: d,
+  classNameTitle: l,
+  classNameSubtitle: y,
+  "data-testid-wrapper": c,
+  "data-testid-backLink": b,
+  "data-testid-title": u,
+  "data-testid-subtitle": m,
+  ...w
+}) => /* @__PURE__ */ a("div", { className: _([e["page-header"], i]), "data-testid": c, ...w, children: [
+  o && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("button", { type: "button", onClick: n, className: d, "data-testid": b, children: [
+    /* @__PURE__ */ t(j, { fontSize: 16 }),
+    o
   ] }) }),
   /* @__PURE__ */ a("div", { className: e["page-header__main-content"], children: [
     /* @__PURE__ */ a("div", { className: e["page-header__main-left-content"], children: [
-      /* @__PURE__ */ t("h1", { className: n(e.title, m), "data-testid": x, children: c }),
-      /* @__PURE__ */ t("h2", { className: n(e.subtitle, p), "data-testid": u, children: d })
+      /* @__PURE__ */ t("h1", { className: _(e.title, l), "data-testid": u, children: r }),
+      /* @__PURE__ */ t("h2", { className: _(e.subtitle, y), "data-testid": m, children: s })
     ] }),
-    i && /* @__PURE__ */ t("div", { className: e["page-header__main-right-content"], children: i })
+    p && /* @__PURE__ */ t("div", { className: e["page-header__main-right-content"], children: p })
   ] }),
-  o && /* @__PURE__ */ t("div", { className: e["page-header__bottom-content"], children: o })
+  h && /* @__PURE__ */ t("div", { className: e["page-header__bottom-content"], children: h })
 ] });
 export {
-  H as PageHeader
+  k as PageHeader
 };

package/dist/components/Pagination/Pagination.js

@@ -1,114 +1,128 @@
 import '../../assets/Pagination.css';
-import { jsxs as m, jsx as o, Fragment as M } from "react/jsx-runtime";
-import { c as p } from "../../clsx-DB4S2d7J.js";
-import { Select as k } from "../Select/Select.js";
-import { _ as A, b as E } from "../../index-CH45lKw7.js";
-import { u as $ } from "../../useControlled-CCMYYdCM.js";
-const R = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
-function T(g = {}) {
+import { jsxs as b, jsx as r, Fragment as k } from "react/jsx-runtime";
+import { c as y } from "../../clsx-DB4S2d7J.js";
+import { Select as w } from "../Select/Select.js";
+import { _ as I, b as A } from "../../index-CH45lKw7.js";
+import { u as E } from "../../useControlled-CCMYYdCM.js";
+const $ = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function R(g = {}) {
   const {
     boundaryCount: a = 1,
     componentName: e = "usePagination",
-    count: s = 1,
-    defaultPage: v = 1,
-    disabled: _ = !1,
-    hideNextButton: f = !1,
-    hidePrevButton: u = !1,
-    onChange: h,
-    page: n,
-    showFirstButton: r = !1,
+    count: o = 1,
+    defaultPage: m = 1,
+    disabled: h = !1,
+    hideNextButton: v = !1,
+    hidePrevButton: d = !1,
+    onChange: c,
+    page: t,
+    showFirstButton: i = !1,
     showLastButton: x = !1,
-    siblingCount: d = 1
-  } = g, b = A(g, R), [i, S] = $({
-    controlled: n,
-    default: v,
+    siblingCount: _ = 1
+  } = g, p = I(g, $), [s, M] = E({
+    controlled: t,
+    default: m,
     name: e,
     state: "page"
-  }), N = (t, c) => {
-    n || S(c), h && h(t, c);
-  }, C = (t, c) => {
-    const F = c - t + 1;
+  }), P = (n, l) => {
+    t || M(l), c && c(n, l);
+  }, f = (n, l) => {
+    const D = l - n + 1;
     return Array.from({
-      length: F
-    }, (z, I) => t + I);
-  }, L = C(1, Math.min(a, s)), P = C(Math.max(s - a + 1, a + 1), s), y = Math.max(
+      length: D
+    }, (q, F) => n + F);
+  }, S = f(1, Math.min(a, o)), C = f(Math.max(o - a + 1, a + 1), o), z = Math.max(
     Math.min(
       // Natural start
-      i - d,
+      s - _,
       // Lower boundary when page is high
-      s - a - d * 2 - 1
+      o - a - _ * 2 - 1
     ),
     // Greater than startPages
     a + 2
-  ), B = Math.min(
+  ), N = Math.min(
     Math.max(
       // Natural end
-      i + d,
+      s + _,
       // Upper boundary when page is low
-      a + d * 2 + 2
+      a + _ * 2 + 2
     ),
     // Less than endPages
-    P.length > 0 ? P[0] - 2 : s - 1
-  ), j = [
-    ...r ? ["first"] : [],
-    ...u ? [] : ["previous"],
-    ...L,
+    C.length > 0 ? C[0] - 2 : o - 1
+  ), L = [
+    ...i ? ["first"] : [],
+    ...d ? [] : ["previous"],
+    ...S,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...y > a + 2 ? ["start-ellipsis"] : a + 1 < s - a ? [a + 1] : [],
+    ...z > a + 2 ? ["start-ellipsis"] : a + 1 < o - a ? [a + 1] : [],
     // Sibling pages
-    ...C(y, B),
+    ...f(z, N),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...B < s - a - 1 ? ["end-ellipsis"] : s - a > a ? [s - a] : [],
-    ...P,
-    ...f ? [] : ["next"],
+    ...N < o - a - 1 ? ["end-ellipsis"] : o - a > a ? [o - a] : [],
+    ...C,
+    ...v ? [] : ["next"],
     ...x ? ["last"] : []
-  ], w = (t) => {
-    switch (t) {
+  ], B = (n) => {
+    switch (n) {
       case "first":
         return 1;
       case "previous":
-        return i - 1;
+        return s - 1;
       case "next":
-        return i + 1;
+        return s + 1;
       case "last":
-        return s;
+        return o;
       default:
         return null;
     }
-  }, D = j.map((t) => typeof t == "number" ? {
-    onClick: (c) => {
-      N(c, t);
+  }, j = L.map((n) => typeof n == "number" ? {
+    onClick: (l) => {
+      P(l, n);
     },
     type: "page",
-    page: t,
-    selected: t === i,
-    disabled: _,
-    "aria-current": t === i ? "true" : void 0
+    page: n,
+    selected: n === s,
+    disabled: h,
+    "aria-current": n === s ? "true" : void 0
   } : {
-    onClick: (c) => {
-      N(c, w(t));
+    onClick: (l) => {
+      P(l, B(n));
     },
-    type: t,
-    page: w(t),
+    type: n,
+    page: B(n),
     selected: !1,
-    disabled: _ || t.indexOf("ellipsis") === -1 && (t === "next" || t === "last" ? i >= s : i <= 1)
+    disabled: h || n.indexOf("ellipsis") === -1 && (n === "next" || n === "last" ? s >= o : s <= 1)
   });
-  return E({
-    items: D
-  }, b);
+  return A({
+    items: j
+  }, p);
 }
-const W = "_pagination_n3y7g_1", l = {
-  pagination: W,
-  "per-page-container": "_per-page-container_n3y7g_8",
-  "per-page-container__select": "_per-page-container__select_n3y7g_17",
-  "pages-navigator-container": "_pages-navigator-container_n3y7g_22",
-  "pages-navigator-container__label": "_pages-navigator-container__label_n3y7g_37",
-  "page-number__btn": "_page-number__btn_n3y7g_37",
-  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_n3y7g_50",
-  "page-number__btn--selected": "_page-number__btn--selected_n3y7g_75"
-}, q = {
+const T = "_pagination_ondmz_43", u = {
+  "u-typography-h1": "_u-typography-h1_ondmz_1",
+  "u-typography-h2": "_u-typography-h2_ondmz_8",
+  "u-typography-h3": "_u-typography-h3_ondmz_15",
+  "u-typography-h4": "_u-typography-h4_ondmz_22",
+  "u-typography-h5": "_u-typography-h5_ondmz_29",
+  "u-typography-h6": "_u-typography-h6_ondmz_36",
+  "u-typography-base": "_u-typography-base_ondmz_43",
+  pagination: T,
+  "per-page-container": "_per-page-container_ondmz_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_ondmz_48",
+  "u-typography-base--xl": "_u-typography-base--xl_ondmz_52",
+  "u-typography-base--lg": "_u-typography-base--lg_ondmz_56",
+  "u-typography-base--sm": "_u-typography-base--sm_ondmz_60",
+  "u-typography-base--bold": "_u-typography-base--bold_ondmz_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_ondmz_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_ondmz_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_ondmz_73",
+  "pages-navigator-container": "_pages-navigator-container_ondmz_96",
+  "pages-navigator-container__label": "_pages-navigator-container__label_ondmz_107",
+  "page-number__btn": "_page-number__btn_ondmz_107",
+  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_ondmz_120",
+  "page-number__btn--selected": "_page-number__btn--selected_ondmz_145"
+}, W = {
   pt: {
     showing: "Exibindo",
     of: "de",
@@ -124,90 +138,90 @@ const W = "_pagination_n3y7g_1", l = {
     next: "Next"
   }
 }, U = ({ perPageOptions: g = [5, 10, 25, 50, 100], language: a = "en", ...e }) => {
-  const s = Math.ceil(e.totalItems / e.perPage), v = e.currentPage <= 1, _ = e.currentPage >= s, f = e.t || q[a], u = (n) => f[n], { items: h } = T({
-    count: s,
+  const o = Math.ceil(e.totalItems / e.perPage), m = e.currentPage <= 1, h = e.currentPage >= o, v = e.t || W[a], d = (t) => v[t], { items: c } = R({
+    count: o,
     hideNextButton: !0,
     hidePrevButton: !0,
     page: e.currentPage,
     siblingCount: 1,
     boundaryCount: 2,
-    onChange: (n, r) => e.onPageChange(r)
+    onChange: (t, i) => e.onPageChange(i)
   });
-  return /* @__PURE__ */ m("div", { className: p(l.pagination, e.className), "data-testid": e["data-testid"], children: [
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ b("div", { className: y(u.pagination, e.className), "data-testid": e["data-testid"], children: [
+    /* @__PURE__ */ r(
       "div",
       {
-        className: p(l["per-page-container"], e.classNamePerPage),
+        className: y(u["per-page-container"], e.classNamePerPage),
         "data-testid": e["data-testid-per-page"],
-        children: g && /* @__PURE__ */ m(M, { children: [
-          /* @__PURE__ */ o("span", { children: u`showing` }),
-          /* @__PURE__ */ o(
-            k,
+        children: g && /* @__PURE__ */ b(k, { children: [
+          /* @__PURE__ */ r("span", { children: d`showing` }),
+          /* @__PURE__ */ r(
+            w,
             {
-              className: l["per-page-container__select"],
+              className: u["per-page-container__select"],
               value: String(e.perPage),
-              onChange: (n) => e.onRowsPerPageChange(Number(n)),
-              children: g == null ? void 0 : g.map((n) => {
-                const r = typeof n == "number";
-                return /* @__PURE__ */ o(
-                  k.Option,
+              onChange: (t) => e.onRowsPerPageChange(Number(t)),
+              children: g == null ? void 0 : g.map((t) => {
+                const i = typeof t == "number";
+                return /* @__PURE__ */ r(
+                  w.Option,
                   {
-                    value: String(r ? n : n.value),
-                    children: r ? n : n.label
+                    value: String(i ? t : t.value),
+                    children: i ? t : t.label
                   },
-                  `per-page__${r ? n : n.value}`
+                  `per-page__${i ? t : t.value}`
                 );
               })
             }
           ),
-          /* @__PURE__ */ m("span", { children: [
-            u`of`,
+          /* @__PURE__ */ b("span", { children: [
+            d`of`,
             " ",
-            /* @__PURE__ */ o("strong", { children: e.totalItems }),
+            /* @__PURE__ */ r("strong", { children: e.totalItems }),
             " ",
-            u`results`
+            d`results`
           ] })
         ] })
       }
     ),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ b(
       "div",
       {
-        className: p(l["pages-navigator-container"], e.classNamePagesNav),
+        className: y(u["pages-navigator-container"], e.classNamePagesNav),
         "data-testid": e["data-testid-pages-nav"],
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             "button",
             {
-              className: l["pages-navigator-container__previous-next-btn"],
-              disabled: v,
+              className: u["pages-navigator-container__previous-next-btn"],
+              disabled: m,
               onClick: () => e.onPageChange(e.currentPage - 1),
               type: "button",
-              children: u`previous`
+              children: d`previous`
             },
             "page__previous"
           ),
-          /* @__PURE__ */ o("ul", { children: h.map(({ page: n, type: r, selected: x, ...d }, b) => {
-            let i = /* @__PURE__ */ o(M, {});
-            return r === "start-ellipsis" || r === "end-ellipsis" ? i = /* @__PURE__ */ o("span", { className: l["pages-navigator-container__label"], children: "..." }) : r === "page" ? i = /* @__PURE__ */ o(
+          /* @__PURE__ */ r("ul", { children: c.map(({ page: t, type: i, selected: x, ..._ }, p) => {
+            let s = /* @__PURE__ */ r(k, {});
+            return i === "start-ellipsis" || i === "end-ellipsis" ? s = /* @__PURE__ */ r("span", { className: u["pages-navigator-container__label"], children: "..." }) : i === "page" ? s = /* @__PURE__ */ r(
               "button",
               {
-                className: p(l["page-number__btn"], x && l["page-number__btn--selected"]),
-                onClick: () => e.onPageChange(n || 0),
+                className: y(u["page-number__btn"], x && u["page-number__btn--selected"]),
+                onClick: () => e.onPageChange(t || 0),
                 type: "button",
-                children: n
+                children: t
               },
-              `page__${b}`
-            ) : i = /* @__PURE__ */ o("button", { type: "button", ...d, children: r }), /* @__PURE__ */ o("li", { children: i }, b);
+              `page__${p}`
+            ) : s = /* @__PURE__ */ r("button", { type: "button", ..._, children: i }), /* @__PURE__ */ r("li", { children: s }, p);
           }) }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             "button",
             {
-              className: l["pages-navigator-container__previous-next-btn"],
-              disabled: _,
+              className: u["pages-navigator-container__previous-next-btn"],
+              disabled: h,
               onClick: () => e.onPageChange(e.currentPage + 1),
               type: "button",
-              children: u`next`
+              children: d`next`
             },
             "page__next"
           )
@@ -218,5 +232,5 @@ const W = "_pagination_n3y7g_1", l = {
 };
 export {
   U as Pagination,
-  q as paginationDefaultTranslations
+  W as paginationDefaultTranslations
 };

package/dist/components/Select/Select.js

@@ -1,7 +1,7 @@
 import { jsx as h, jsxs as Oe } from "react/jsx-runtime";
 import { c as _e } from "../../clsx-DB4S2d7J.js";
 import { Typography as Ke } from "../Typography/Typography.js";
-import { s as L, S as ze } from "../../SelectButton-pciwIWcj.js";
+import { s as L, S as ze } from "../../SelectButton-C8JQKaf4.js";
 import { g as Ve, a as we, u as X, f as ne, b as g, P as l, _ as ke, c as le, d as Ie, e as Ne } from "../../index-CH45lKw7.js";
 import * as s from "react";
 import { u as Je, c as se, a as ye, L as Q } from "../../combineHooksSlotProps-DVjg9PRh.js";
@@ -827,7 +827,7 @@ const ht = (n) => {
       },
       children: [
         i ? /* @__PURE__ */ h("span", { className: L.select__listbox__option__icon, children: i }) : "",
-        /* @__PURE__ */ h(Ke, { element: "span", variant: "body-small", className: L.select__listbox__option__text, children: o })
+        /* @__PURE__ */ h(Ke, { className: L.select__listbox__option__text, children: o })
       ]
     }
   );

package/dist/components/Select/SelectButton.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Typography/Typography.js";
-import { S as e } from "../../SelectButton-pciwIWcj.js";
+import { S as e } from "../../SelectButton-C8JQKaf4.js";
 export {
   e as SelectButton
 };