@pismo/marola 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/components/SortTooltip/SortTooltip.js

@@ -1,27 +1,27 @@
 import '../../assets/SortTooltip.css';
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { jsx as h, jsxs as s } from "react/jsx-runtime";
 import { c as d } from "../../clsx-DB4S2d7J.js";
 import { Tooltip as b } from "../Tooltip/Tooltip.js";
 import * as t from "react";
-const m = (h) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...h }, /* @__PURE__ */ t.createElement("path", { d: "M4.73768 14.6906C4.35893 15.105 3.64205 15.105 3.26299 14.6906L0.541112 11.6878C0.167987 11.28 0.195487 10.6469 0.602643 10.2731C1.00952 9.89969 1.64233 9.92812 2.01577 10.3348L3.00017 11.4406V2.00094C3.00017 1.44781 3.44799 1 4.00017 1C4.55236 1 5.00017 1.44781 5.00017 2.00094V11.4384L6.01267 10.3325C6.3708 9.94219 7.00236 9.88281 7.4258 10.2708C7.83299 10.6443 7.86018 11.2777 7.48733 11.6855L4.73768 14.6906Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M14.0001 13H12.4141L14.7073 10.7069C14.9934 10.4208 15.0788 9.99098 14.9241 9.61691C14.7693 9.24285 14.4032 9.00004 13.972 9.00004H9.97196C9.44696 9.00004 9.00008 9.44691 9.00008 10C9.00008 10.5532 9.4479 11 10.0001 11H11.586L9.2929 13.2932C9.00677 13.5793 8.92133 14.0091 9.07608 14.3832C9.23083 14.7572 9.59696 15 9.97196 15H13.9438C14.5532 15 15.0001 14.5532 15.0001 14C15.0001 13.4469 14.5532 13 14.0001 13ZM15.3938 6.54066L12.8941 1.53754C12.5554 0.855977 11.4441 0.855977 11.1054 1.53754L8.60633 6.54066C8.35927 7.03785 8.55946 7.64191 9.05352 7.89035C9.54946 8.13791 10.1485 7.93651 10.3951 7.44035L10.6186 6.99066H13.3821L13.6056 7.44035C13.7986 7.82879 14.3547 8.18629 14.9472 7.89035C15.4407 7.64379 15.6407 7.03754 15.3938 6.54066ZM11.4938 5.23129L12.0001 4.20941L12.507 5.2291H11.4938V5.23129Z", fill: "#1897F3" })), L = (h) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...h }, /* @__PURE__ */ t.createElement("path", { d: "M0.512792 11.6594C0.139667 11.2516 0.167167 10.6184 0.574323 10.2447C0.766229 10.0688 1.00839 9.98175 1.24964 9.98175C1.52063 9.98175 1.79026 10.0912 1.98745 10.3064L2.99998 11.4406V2.00094C2.99998 1.44781 3.44779 1 3.99998 1C4.55217 1 4.99998 1.44781 4.99998 2.00094V11.4384L6.01248 10.3325C6.38748 9.92812 7.01873 9.89687 7.42498 10.2719C7.83216 10.6453 7.85935 11.2787 7.48651 11.6866L4.76463 14.6894C4.38588 15.1037 3.66901 15.1037 3.28995 14.6894L0.512792 11.6594Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M10.0002 3H11.5862L9.29303 5.29313C9.00691 5.57925 8.92147 6.00906 9.07622 6.38313C9.23097 6.75719 9.59591 7 9.99997 7H13.9718C14.5533 6.97188 15.0002 6.55313 15.0002 6C15.0002 5.44688 14.5524 5 14.0002 5H12.4143L14.7074 2.70688C14.9935 2.42075 15.079 1.99094 14.9242 1.61688C14.7695 1.24281 14.4033 1 13.9721 1H10.0002C9.44709 1 9.00022 1.44719 9.00022 2C9.00022 2.55281 9.44709 3 10.0002 3ZM15.394 13.5406L12.8943 8.5375C12.5555 7.85594 11.4443 7.85594 11.1055 8.5375L8.60584 13.5406C8.35878 14.0378 8.55897 14.6419 9.05303 14.8903C9.54897 15.1379 10.148 14.9365 10.3946 14.4403L10.6182 13.9906H13.3816L13.6052 14.4403C13.7981 14.8288 14.3542 15.1863 14.9467 14.8903C15.4408 14.6438 15.6408 14.0375 15.394 13.5406ZM11.494 12.2313L12.0002 11.2094L12.5071 12.2291H11.494V12.2313Z", fill: "#1897F3" })), p = {
-  "u-typography-h1": "_u-typography-h1_1hhgh_1",
-  "u-typography-h2": "_u-typography-h2_1hhgh_8",
-  "u-typography-h3": "_u-typography-h3_1hhgh_15",
-  "u-typography-h4": "_u-typography-h4_1hhgh_22",
-  "u-typography-h5": "_u-typography-h5_1hhgh_29",
-  "u-typography-h6": "_u-typography-h6_1hhgh_36",
-  "u-typography-base": "_u-typography-base_1hhgh_43",
-  "sort-tooltip": "_sort-tooltip_1hhgh_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1hhgh_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1hhgh_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1hhgh_56",
-  "u-typography-base--sm": "_u-typography-base--sm_1hhgh_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1hhgh_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1hhgh_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1hhgh_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1hhgh_73",
-  "button--selected": "_button--selected_1hhgh_94"
-}, w = {
+const f = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M4.73768 14.6906C4.35893 15.105 3.64205 15.105 3.26299 14.6906L0.541112 11.6878C0.167987 11.28 0.195487 10.6469 0.602643 10.2731C1.00952 9.89969 1.64233 9.92812 2.01577 10.3348L3.00017 11.4406V2.00094C3.00017 1.44781 3.44799 1 4.00017 1C4.55236 1 5.00017 1.44781 5.00017 2.00094V11.4384L6.01267 10.3325C6.3708 9.94219 7.00236 9.88281 7.4258 10.2708C7.83299 10.6443 7.86018 11.2777 7.48733 11.6855L4.73768 14.6906Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M14.0001 13H12.4141L14.7073 10.7069C14.9934 10.4208 15.0788 9.99098 14.9241 9.61691C14.7693 9.24285 14.4032 9.00004 13.972 9.00004H9.97196C9.44696 9.00004 9.00008 9.44691 9.00008 10C9.00008 10.5532 9.4479 11 10.0001 11H11.586L9.2929 13.2932C9.00677 13.5793 8.92133 14.0091 9.07608 14.3832C9.23083 14.7572 9.59696 15 9.97196 15H13.9438C14.5532 15 15.0001 14.5532 15.0001 14C15.0001 13.4469 14.5532 13 14.0001 13ZM15.3938 6.54066L12.8941 1.53754C12.5554 0.855977 11.4441 0.855977 11.1054 1.53754L8.60633 6.54066C8.35927 7.03785 8.55946 7.64191 9.05352 7.89035C9.54946 8.13791 10.1485 7.93651 10.3951 7.44035L10.6186 6.99066H13.3821L13.6056 7.44035C13.7986 7.82879 14.3547 8.18629 14.9472 7.89035C15.4407 7.64379 15.6407 7.03754 15.3938 6.54066ZM11.4938 5.23129L12.0001 4.20941L12.507 5.2291H11.4938V5.23129Z", fill: "#1897F3" })), m = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M0.512792 11.6594C0.139667 11.2516 0.167167 10.6184 0.574323 10.2447C0.766229 10.0688 1.00839 9.98175 1.24964 9.98175C1.52063 9.98175 1.79026 10.0912 1.98745 10.3064L2.99998 11.4406V2.00094C2.99998 1.44781 3.44779 1 3.99998 1C4.55217 1 4.99998 1.44781 4.99998 2.00094V11.4384L6.01248 10.3325C6.38748 9.92812 7.01873 9.89687 7.42498 10.2719C7.83216 10.6453 7.85935 11.2787 7.48651 11.6866L4.76463 14.6894C4.38588 15.1037 3.66901 15.1037 3.28995 14.6894L0.512792 11.6594Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M10.0002 3H11.5862L9.29303 5.29313C9.00691 5.57925 8.92147 6.00906 9.07622 6.38313C9.23097 6.75719 9.59591 7 9.99997 7H13.9718C14.5533 6.97188 15.0002 6.55313 15.0002 6C15.0002 5.44688 14.5524 5 14.0002 5H12.4143L14.7074 2.70688C14.9935 2.42075 15.079 1.99094 14.9242 1.61688C14.7695 1.24281 14.4033 1 13.9721 1H10.0002C9.44709 1 9.00022 1.44719 9.00022 2C9.00022 2.55281 9.44709 3 10.0002 3ZM15.394 13.5406L12.8943 8.5375C12.5555 7.85594 11.4443 7.85594 11.1055 8.5375L8.60584 13.5406C8.35878 14.0378 8.55897 14.6419 9.05303 14.8903C9.54897 15.1379 10.148 14.9365 10.3946 14.4403L10.6182 13.9906H13.3816L13.6052 14.4403C13.7981 14.8288 14.3542 15.1863 14.9467 14.8903C15.4408 14.6438 15.6408 14.0375 15.394 13.5406ZM11.494 12.2313L12.0002 11.2094L12.5071 12.2291H11.494V12.2313Z", fill: "#1897F3" })), a = {
+  "u-typography-h1": "_u-typography-h1_3hhsf_1",
+  "u-typography-h2": "_u-typography-h2_3hhsf_8",
+  "u-typography-h3": "_u-typography-h3_3hhsf_15",
+  "u-typography-h4": "_u-typography-h4_3hhsf_22",
+  "u-typography-h5": "_u-typography-h5_3hhsf_29",
+  "u-typography-h6": "_u-typography-h6_3hhsf_36",
+  "u-typography-base": "_u-typography-base_3hhsf_43",
+  "sort-tooltip": "_sort-tooltip_3hhsf_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_3hhsf_49",
+  "u-typography-base--xl": "_u-typography-base--xl_3hhsf_53",
+  "u-typography-base--lg": "_u-typography-base--lg_3hhsf_57",
+  "u-typography-base--sm": "_u-typography-base--sm_3hhsf_61",
+  "u-typography-base--bold": "_u-typography-base--bold_3hhsf_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_3hhsf_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_3hhsf_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_3hhsf_74",
+  "button--selected": "_button--selected_3hhsf_95"
+}, L = {
   pt: {
     asc: "Ascendente",
     desc: "Descendente"
@@ -31,63 +31,63 @@ const m = (h) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16,
     desc: "Sort descending"
   }
 }, Z = ({
-  children: h,
-  className: y,
-  language: l,
+  children: e,
+  className: l,
+  language: n,
   onClose: o,
-  onSort: r,
-  show: n,
-  sortType: s,
-  t: i,
-  ..._
+  onSort: p,
+  show: i,
+  sortType: r,
+  t: _,
+  ...u
 }) => {
-  const u = d(p["sort-tooltip"], y), C = i || w[l || "en"], g = (c) => C[c];
-  return /* @__PURE__ */ e(
+  const g = d(a["sort-tooltip"], l), C = _ || L[n || "en"], y = (c) => C[c];
+  return /* @__PURE__ */ h(
     b,
     {
-      className: u,
+      className: g,
       onClose: o,
-      open: n,
+      open: i,
       theme: "white",
       padding: "normal",
       position: "bottom-start",
       disableHoverListener: !0,
-      title: /* @__PURE__ */ a("ul", { children: [
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ a(
+      title: /* @__PURE__ */ s("ul", { children: [
+        /* @__PURE__ */ h("li", { children: /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             onClick: () => {
-              o(), r("ASC");
+              o(), p("ASC");
             },
-            className: s === "ASC" ? p["button--selected"] : "",
+            className: r === "ASC" ? a["button--selected"] : "",
             children: [
-              /* @__PURE__ */ e(m, {}),
-              g`asc`
+              /* @__PURE__ */ h(f, {}),
+              y`asc`
             ]
           }
         ) }),
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ a(
+        /* @__PURE__ */ h("li", { children: /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             onClick: () => {
-              o(), r("DESC");
+              o(), p("DESC");
             },
-            className: s === "DESC" ? p["button--selected"] : "",
+            className: r === "DESC" ? a["button--selected"] : "",
             children: [
-              /* @__PURE__ */ e(L, {}),
-              g`desc`
+              /* @__PURE__ */ h(m, {}),
+              y`desc`
             ]
           }
         ) })
       ] }),
-      ..._,
-      children: h
+      ...u,
+      children: e
     }
   );
 };
 export {
   Z as SortTooltip,
-  w as sortTooltipDefaultTranslations
+  L as sortTooltipDefaultTranslations
 };

package/dist/components/Stepper/Stepper.js

@@ -1,46 +1,46 @@
 import '../../assets/Stepper.css';
-import { jsx as _, jsxs as d } from "react/jsx-runtime";
-import { c as p } from "../../clsx-DB4S2d7J.js";
-const m = "_stepper_a47qe_60", c = "_item_a47qe_60", n = "_name_a47qe_60", l = "_counter_a47qe_64", e = {
-  "u-typography-h1": "_u-typography-h1_a47qe_1",
-  "u-typography-h2": "_u-typography-h2_a47qe_8",
-  "u-typography-h3": "_u-typography-h3_a47qe_15",
-  "u-typography-h4": "_u-typography-h4_a47qe_22",
-  "u-typography-h5": "_u-typography-h5_a47qe_29",
-  "u-typography-h6": "_u-typography-h6_a47qe_36",
-  "u-typography-base": "_u-typography-base_a47qe_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_a47qe_48",
-  "u-typography-base--xl": "_u-typography-base--xl_a47qe_52",
-  "u-typography-base--lg": "_u-typography-base--lg_a47qe_56",
-  "u-typography-base--sm": "_u-typography-base--sm_a47qe_60",
-  stepper: m,
-  item: c,
-  name: n,
-  "u-typography-base--bold": "_u-typography-base--bold_a47qe_64",
-  "item--active": "_item--active_a47qe_64",
-  "item--completed": "_item--completed_a47qe_64",
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+import { c as r } from "../../clsx-DB4S2d7J.js";
+const d = "_stepper_7fsnr_61", m = "_item_7fsnr_61", c = "_name_7fsnr_61", l = "_counter_7fsnr_65", t = {
+  "u-typography-h1": "_u-typography-h1_7fsnr_1",
+  "u-typography-h2": "_u-typography-h2_7fsnr_8",
+  "u-typography-h3": "_u-typography-h3_7fsnr_15",
+  "u-typography-h4": "_u-typography-h4_7fsnr_22",
+  "u-typography-h5": "_u-typography-h5_7fsnr_29",
+  "u-typography-h6": "_u-typography-h6_7fsnr_36",
+  "u-typography-base": "_u-typography-base_7fsnr_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_7fsnr_49",
+  "u-typography-base--xl": "_u-typography-base--xl_7fsnr_53",
+  "u-typography-base--lg": "_u-typography-base--lg_7fsnr_57",
+  "u-typography-base--sm": "_u-typography-base--sm_7fsnr_61",
+  stepper: d,
+  item: m,
+  name: c,
+  "u-typography-base--bold": "_u-typography-base--bold_7fsnr_65",
+  "item--active": "_item--active_7fsnr_65",
+  "item--completed": "_item--completed_7fsnr_65",
   counter: l,
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_a47qe_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_a47qe_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_a47qe_73"
-}, v = ({ currentStep: y = 0, steps: r, classNameItem: s, classNameCounter: o, classNameName: h, ...a }) => /* @__PURE__ */ _("div", { className: p(e.stepper, a.className), "data-testid": a["data-testid"], children: r.map((u, t) => {
-  const i = t < y, g = t === y;
-  return /* @__PURE__ */ d(
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_7fsnr_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_7fsnr_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_7fsnr_74"
+}, v = ({ currentStep: p = 0, steps: _, classNameItem: y, classNameCounter: o, classNameName: h, ...e }) => /* @__PURE__ */ s("div", { className: r(t.stepper, e.className), "data-testid": e["data-testid"], children: _.map((n, a) => {
+  const u = a < p, i = a === p;
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: p(
-        e.item,
-        i && e["item--completed"],
-        g && e["item--active"],
-        s
+      className: r(
+        t.item,
+        u && t["item--completed"],
+        i && t["item--active"],
+        y
       ),
-      "data-testid": a["data-testid-item"],
+      "data-testid": e["data-testid-item"],
       children: [
-        /* @__PURE__ */ _("div", { className: p(e.counter, o), "data-testid": a["data-testid-counter"], children: t + 1 }),
-        /* @__PURE__ */ _("div", { className: p(e.name, h), "data-testid": a["data-testid-name"], children: u })
+        /* @__PURE__ */ s("div", { className: r(t.counter, o), "data-testid": e["data-testid-counter"], children: a + 1 }),
+        /* @__PURE__ */ s("div", { className: r(t.name, h), "data-testid": e["data-testid-name"], children: n })
       ]
     },
-    t
+    a
   );
 }) });
 export {

package/dist/components/Table/Table.js

@@ -1,53 +1,53 @@
 import '../../assets/Table.css';
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import * as h from "react";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import * as c from "react";
 import { useState as w } from "react";
-import { c as g } from "../../clsx-DB4S2d7J.js";
-import { paginationDefaultTranslations as y, Pagination as T } from "../Pagination/Pagination.js";
-import { sortTooltipDefaultTranslations as u, SortTooltip as f } from "../SortTooltip/SortTooltip.js";
-import { TableProvider as N, useTable as x } from "./TableContext.js";
-const C = (p) => /* @__PURE__ */ h.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...p }, /* @__PURE__ */ h.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ h.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ h.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ h.createElement("defs", null, /* @__PURE__ */ h.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ h.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_1gspp_43", E = "_th__wrapper_1gspp_114", k = "_tr_1gspp_130", v = "_td_1gspp_134", t = {
-  "u-typography-h1": "_u-typography-h1_1gspp_1",
-  "u-typography-h2": "_u-typography-h2_1gspp_8",
-  "u-typography-h3": "_u-typography-h3_1gspp_15",
-  "u-typography-h4": "_u-typography-h4_1gspp_22",
-  "u-typography-h5": "_u-typography-h5_1gspp_29",
-  "u-typography-h6": "_u-typography-h6_1gspp_36",
-  "u-typography-base": "_u-typography-base_1gspp_43",
-  table: L,
-  "u-typography-base--xxl": "_u-typography-base--xxl_1gspp_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1gspp_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1gspp_56",
-  "u-typography-base--sm": "_u-typography-base--sm_1gspp_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1gspp_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1gspp_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1gspp_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1gspp_73",
-  "table--full-width": "_table--full-width_1gspp_81",
-  "table--white-theme": "_table--white-theme_1gspp_84",
-  "table--transparent-theme": "_table--transparent-theme_1gspp_87",
-  "cell--left-alignment": "_cell--left-alignment_1gspp_90",
-  "cell--center-alignment": "_cell--center-alignment_1gspp_94",
-  "cell--right-alignment": "_cell--right-alignment_1gspp_98",
-  th__wrapper: E,
-  "th__wrapper--pressed": "_th__wrapper--pressed_1gspp_117",
-  "th__wrapper--clickable": "_th__wrapper--clickable_1gspp_121",
-  "th__sort-icon-container": "_th__sort-icon-container_1gspp_124",
-  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_1gspp_130",
-  tr: k,
-  td: v,
-  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_1gspp_139",
-  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_1gspp_140",
-  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_1gspp_144",
-  "td-wrapper": "_td-wrapper_1gspp_148"
-}, B = {
+import { c as i } from "../../clsx-DB4S2d7J.js";
+import { paginationDefaultTranslations as u, Pagination as T } from "../Pagination/Pagination.js";
+import { sortTooltipDefaultTranslations as b, SortTooltip as j } from "../SortTooltip/SortTooltip.js";
+import { TableProvider as f, useTable as N } from "./TableContext.js";
+const x = (a) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ c.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ c.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ c.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ c.createElement("defs", null, /* @__PURE__ */ c.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ c.createElement("rect", { width: 7, height: 10, fill: "white" })))), C = "_table_9cjay_43", L = "_th__wrapper_9cjay_115", E = "_tr_9cjay_131", k = "_td_9cjay_135", t = {
+  "u-typography-h1": "_u-typography-h1_9cjay_1",
+  "u-typography-h2": "_u-typography-h2_9cjay_8",
+  "u-typography-h3": "_u-typography-h3_9cjay_15",
+  "u-typography-h4": "_u-typography-h4_9cjay_22",
+  "u-typography-h5": "_u-typography-h5_9cjay_29",
+  "u-typography-h6": "_u-typography-h6_9cjay_36",
+  "u-typography-base": "_u-typography-base_9cjay_43",
+  table: C,
+  "u-typography-base--xxl": "_u-typography-base--xxl_9cjay_49",
+  "u-typography-base--xl": "_u-typography-base--xl_9cjay_53",
+  "u-typography-base--lg": "_u-typography-base--lg_9cjay_57",
+  "u-typography-base--sm": "_u-typography-base--sm_9cjay_61",
+  "u-typography-base--bold": "_u-typography-base--bold_9cjay_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_9cjay_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_9cjay_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_9cjay_74",
+  "table--full-width": "_table--full-width_9cjay_82",
+  "table--white-theme": "_table--white-theme_9cjay_85",
+  "table--transparent-theme": "_table--transparent-theme_9cjay_88",
+  "cell--left-alignment": "_cell--left-alignment_9cjay_91",
+  "cell--center-alignment": "_cell--center-alignment_9cjay_95",
+  "cell--right-alignment": "_cell--right-alignment_9cjay_99",
+  th__wrapper: L,
+  "th__wrapper--pressed": "_th__wrapper--pressed_9cjay_118",
+  "th__wrapper--clickable": "_th__wrapper--clickable_9cjay_122",
+  "th__sort-icon-container": "_th__sort-icon-container_9cjay_125",
+  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_9cjay_131",
+  tr: E,
+  td: k,
+  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_9cjay_140",
+  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_9cjay_141",
+  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_9cjay_145",
+  "td-wrapper": "_td-wrapper_9cjay_149"
+}, v = {
   pt: {
-    ...y.pt,
-    ...u.pt
+    ...u.pt,
+    ...b.pt
   },
   en: {
-    ...y.en,
-    ...u.en
+    ...u.en,
+    ...b.en
   },
   // example to add a new language translation
   es: {
@@ -59,79 +59,79 @@ const C = (p) => /* @__PURE__ */ h.createElement("svg", { width: 7, height: 10,
     of: "de",
     results: "resultados"
   }
-}, l = ({
-  children: p,
+}, _ = ({
+  children: a,
   theme: e = "white",
-  fullWidth: r = !0,
-  className: o,
+  fullWidth: l = !0,
+  className: p,
   paginationProps: s,
-  language: _,
-  translations: n,
+  language: o,
+  translations: y,
   ...d
 }) => {
-  const c = g(
+  const h = i(
     t.table,
-    r ? t["table--full-width"] : "",
+    l ? t["table--full-width"] : "",
     t[`table--${e}-theme`],
-    o
-  ), i = _ && B[_] || n;
-  return /* @__PURE__ */ b(N, { initialTranslations: i, children: [
-    /* @__PURE__ */ a("table", { ...d, className: c, children: p }),
-    s && /* @__PURE__ */ a(T, { ...s, t: i })
+    p
+  ), n = o && v[o] || y;
+  return /* @__PURE__ */ m(f, { initialTranslations: n, children: [
+    /* @__PURE__ */ r("table", { ...d, className: h, children: a }),
+    s && /* @__PURE__ */ r(T, { ...s, t: n })
   ] });
-}, H = ({ children: p, ...e }) => /* @__PURE__ */ a("thead", { ...e, children: p }), P = ({ children: p, ...e }) => /* @__PURE__ */ a("tbody", { ...e, children: p }), D = ({ children: p, onClick: e, disabled: r, className: o, ...s }) => {
-  const _ = g(
+}, B = ({ children: a, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: a }), H = ({ children: a, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: a }), P = ({ children: a, onClick: e, disabled: l, className: p, ...s }) => {
+  const o = i(
     t.tr,
-    e && !r ? t["tr__row-or-cell--clickable"] : r ? t["tr__row-or-cell--disabled"] : "",
-    o
+    e && !l ? t["tr__row-or-cell--clickable"] : l ? t["tr__row-or-cell--disabled"] : "",
+    p
   );
-  return /* @__PURE__ */ a("tr", { ...s, className: _, onClick: () => !r && (e == null ? void 0 : e()), children: p });
-}, M = ({ children: p, onClick: e, disabled: r, className: o, align: s = "left", ..._ }) => {
-  const n = g(
+  return /* @__PURE__ */ r("tr", { ...s, className: o, onClick: () => !l && (e == null ? void 0 : e()), children: a });
+}, D = ({ children: a, onClick: e, disabled: l, className: p, align: s = "left", ...o }) => {
+  const y = i(
     t.td,
-    e && !r ? t["td__row-or-cell--clickable"] : r ? t["td__row-or-cell--disabled"] : "",
+    e && !l ? t["td__row-or-cell--clickable"] : l ? t["td__row-or-cell--disabled"] : "",
     t[`cell--${s}-alignment`],
-    o
+    p
   );
-  return /* @__PURE__ */ a("td", { ..._, className: n, onClick: () => !r && (e == null ? void 0 : e()), children: /* @__PURE__ */ a("span", { className: t["td-wrapper"], children: p }) });
-}, O = ({ children: p, onSort: e, sortType: r, className: o, classNameTooltip: s, align: _ = "left", ...n }) => {
-  const { translations: d } = x(), [c, i] = w(!1), m = g(
+  return /* @__PURE__ */ r("td", { ...o, className: y, onClick: () => !l && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: a }) });
+}, M = ({ children: a, onSort: e, sortType: l, className: p, classNameTooltip: s, align: o = "left", ...y }) => {
+  const { translations: d } = N(), [h, n] = w(!1), g = i(
     t.th__wrapper,
-    c ? t["th__wrapper--pressed"] : "",
+    h ? t["th__wrapper--pressed"] : "",
     e ? t["th__wrapper--clickable"] : "",
-    o
+    p
   );
-  return /* @__PURE__ */ a("th", { ...n, className: t[`cell--${_}-alignment`], children: /* @__PURE__ */ a("span", { className: m, onClick: e && (() => i(!c)), children: e ? /* @__PURE__ */ b(
-    f,
+  return /* @__PURE__ */ r("th", { ...y, className: t[`cell--${o}-alignment`], children: /* @__PURE__ */ r("span", { className: g, onClick: e && (() => n(!h)), children: e ? /* @__PURE__ */ m(
+    j,
     {
-      onClose: () => i(!1),
+      onClose: () => n(!1),
       onSort: e,
-      show: c,
-      sortType: r,
+      show: h,
+      sortType: l,
       className: s,
       t: d,
       children: [
-        /* @__PURE__ */ a("span", { children: p }),
-        /* @__PURE__ */ a("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ a(C, {}) })
+        /* @__PURE__ */ r("span", { children: a }),
+        /* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(x, {}) })
       ]
     }
-  ) : /* @__PURE__ */ a("span", { children: p }) }) });
+  ) : /* @__PURE__ */ r("span", { children: a }) }) });
 };
-l.THead = H;
-l.THead.displayName = "Table.THead";
-l.TBody = P;
-l.TBody.displayName = "Table.TBody";
-l.Tr = D;
-l.Tr.displayName = "Table.Tr";
-l.Td = M;
-l.Td.displayName = "Table.Td";
-l.Th = O;
-l.Th.displayName = "Table.Th";
+_.THead = B;
+_.THead.displayName = "Table.THead";
+_.TBody = H;
+_.TBody.displayName = "Table.TBody";
+_.Tr = P;
+_.Tr.displayName = "Table.Tr";
+_.Td = D;
+_.Td.displayName = "Table.Td";
+_.Th = M;
+_.Th.displayName = "Table.Th";
 export {
-  P as TBody,
-  H as THead,
-  l as Table,
-  M as Td,
-  O as Th,
-  D as Tr
+  H as TBody,
+  B as THead,
+  _ as Table,
+  D as Td,
+  M as Th,
+  P as Tr
 };

package/dist/components/Tabs/Tab.js

@@ -1,12 +1,13 @@
 import { jsx as N } from "react/jsx-runtime";
-import * as b from "react";
+import * as f from "react";
 import { forwardRef as H, useContext as U, useMemo as j } from "react";
 import { c as k } from "../../clsx-DB4S2d7J.js";
 import { u as B, T as D, s as y } from "../../Tabs.module-jkH1Qjn7.js";
-import { g as L, a as W, u as O, f as $, b as d, _ as q, c as z, P as e, d as A, e as G } from "../../index-CH45lKw7.js";
-import { u as J, c as K } from "../../combineHooksSlotProps-DVjg9PRh.js";
-import { u as Q, a as X } from "../../useCompoundItem-D1iRfg8D.js";
-import { u as Y } from "../../useButton-DNk3wrQp.js";
+import { g as L, a as W, u as O, f as $, b as d, _ as q, c as z, P as e, d as A, e as G } from "../../useSlotProps-kRhf7Gil.js";
+import { u as J, c as K } from "../../combineHooksSlotProps-BtBYUV_B.js";
+import { u as Q } from "../../useId-BW-oWmul.js";
+import { u as X } from "../../useButton-Bn3MNH8I.js";
+import { u as Y } from "../../useCompoundItem-B7Eo_qZk.js";
 const E = "Tab";
 function Z(o) {
   return L(E, o);
@@ -21,11 +22,11 @@ function te(o) {
     rootRef: s,
     disabled: n = !1,
     id: c
-  } = o, a = b.useRef(null), r = Q(c), {
-    value: f,
+  } = o, a = f.useRef(null), r = Q(c), {
+    value: b,
     selectionFollowsFocus: p,
     getTabPanelId: m
-  } = B(), P = b.useMemo(() => ({
+  } = B(), P = f.useMemo(() => ({
     disabled: n,
     ref: a,
     id: r
@@ -33,7 +34,7 @@ function te(o) {
     id: l,
     index: R,
     totalItemCount: g
-  } = X(t ?? ee, P), {
+  } = Y(t ?? ee, P), {
     getRootProps: h,
     highlighted: T,
     selected: i
@@ -45,7 +46,7 @@ function te(o) {
     active: v,
     focusVisible: I,
     setFocusVisible: V
-  } = Y({
+  } = X({
     disabled: n,
     focusableWhenDisabled: !p,
     type: "button"
@@ -68,7 +69,7 @@ function te(o) {
     rootRef: _,
     // the `selected` state isn't set on the server (it relies on effects to be calculated),
     // so we fall back to checking the `value` prop with the selectedValue from the TabsContext
-    selected: i || l === f,
+    selected: i || l === b,
     setFocusVisible: V,
     totalTabsCount: g
   };
@@ -81,15 +82,15 @@ const oe = ["action", "children", "disabled", "onChange", "onClick", "onFocus",
   return A({
     root: ["root", t && "selected", s && "disabled"]
   }, G(Z));
-}, F = /* @__PURE__ */ b.forwardRef(function(t, s) {
+}, F = /* @__PURE__ */ f.forwardRef(function(t, s) {
   var n;
   const {
     children: c,
     disabled: a = !1,
     slotProps: r = {},
-    slots: f = {},
+    slots: b = {},
     value: p
-  } = t, m = q(t, oe), P = b.useRef(), l = O(P, s), {
+  } = t, m = q(t, oe), P = f.useRef(), l = O(P, s), {
     active: R,
     highlighted: g,
     selected: h,
@@ -102,7 +103,7 @@ const oe = ["action", "children", "disabled", "onChange", "onClick", "onFocus",
     disabled: a,
     highlighted: g,
     selected: h
-  }), C = se(i), u = (n = f.root) != null ? n : "button", v = z({
+  }), C = se(i), u = (n = b.root) != null ? n : "button", v = z({
     elementType: u,
     getSlotProps: T,
     externalSlotProps: r.root,
@@ -163,7 +164,7 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
    */
   value: e.oneOfType([e.number, e.string])
 });
-const fe = H(
+const pe = H(
   ({ children: o, value: t, disabled: s, dataTestId: n }, c) => {
     const a = U(D), r = j(
       () => k(
@@ -177,5 +178,5 @@ const fe = H(
   }
 );
 export {
-  fe as Tab
+  pe as Tab
 };