@pismo/marola 1.0.8 → 1.0.10

package/dist/Dialog.module-Duis5XWM.js

@@ -1,4 +1,5 @@
-import './assets/Dialog.css';const _ = "_dialog_2iy7w_78", y = "_dialog__backdrop_2iy7w_88", a = "_dialog__panel_2iy7w_96", o = "_dialog__title_2iy7w_113", i = "_dialog__subtitle_2iy7w_120", p = "_dialog__divider_2iy7w_124", t = "_dialog__actions_2iy7w_138", g = {
+import './assets/Dialog.css';
+const _ = "_dialog_2iy7w_78", y = "_dialog__backdrop_2iy7w_88", a = "_dialog__panel_2iy7w_96", o = "_dialog__title_2iy7w_113", i = "_dialog__subtitle_2iy7w_120", p = "_dialog__divider_2iy7w_124", t = "_dialog__actions_2iy7w_138", g = {
   "u-typography-h1": "_u-typography-h1_2iy7w_1",
   "u-typography-h2": "_u-typography-h2_2iy7w_8",
   "u-typography-h3": "_u-typography-h3_2iy7w_15",

package/dist/Group-ZXteFV4M.js

@@ -1,9 +1,10 @@
+import './assets/Group.css';
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import { c as m } from "./clsx-DB4S2d7J.js";
 import { Icon as u } from "./components/Icon/Icon.js";
 import { Typography as c } from "./components/Typography/Typography.js";
-import './assets/Group.css';const p = "_toggle__input_hu6m0_1", h = "_toggle__label_hu6m0_11", t = {
+const p = "_toggle__input_hu6m0_1", h = "_toggle__label_hu6m0_11", t = {
   toggle__input: p,
   toggle__label: h,
   "toggle__label--selected": "_toggle__label--selected_hu6m0_21",

package/dist/Popover.module-B4boCutS.js

@@ -1,4 +1,5 @@
-import './assets/Popover.css';const o = "_popover_n95k7_1", p = {
+import './assets/Popover.css';
+const o = "_popover_n95k7_1", p = {
   popover: o,
   "popover-header": "_popover-header_n95k7_6",
   "popover-footer": "_popover-footer_n95k7_10",

package/dist/SelectButton-B38avP9u.js

@@ -1,9 +1,10 @@
+import './assets/SelectButton.css';
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { c as d } from "./clsx-DB4S2d7J.js";
 import { Icon as p } from "./components/Icon/Icon.js";
 import { Typography as b } from "./components/Typography/Typography.js";
-import './assets/SelectButton.css';const q = "_select__listbox__option__text_1abqy_65", x = "_select__wrapper_1abqy_78", m = "_select__label_1abqy_84", f = "_select_1abqy_57", w = "_select__popup_1abqy_99", v = "_select__listbox_1abqy_65", S = "_select__listbox__option_1abqy_65", k = "_select__listbox__option__icon_1abqy_129", t = {
+const q = "_select__listbox__option__text_1abqy_65", x = "_select__wrapper_1abqy_78", m = "_select__label_1abqy_84", f = "_select_1abqy_57", w = "_select__popup_1abqy_99", v = "_select__listbox_1abqy_65", S = "_select__listbox__option_1abqy_65", k = "_select__listbox__option__icon_1abqy_129", t = {
   "u-typography-h1": "_u-typography-h1_1abqy_1",
   "u-typography-h2": "_u-typography-h2_1abqy_8",
   "u-typography-h3": "_u-typography-h3_1abqy_15",

package/dist/Tabs.module-By78tLjn.js

@@ -0,0 +1,26 @@
+import './assets/Tabs.css';
+import * as _ from "react";
+const a = /* @__PURE__ */ _.createContext(null);
+process.env.NODE_ENV !== "production" && (a.displayName = "TabsContext");
+function o() {
+  const t = _.useContext(a);
+  if (t == null)
+    throw new Error("No TabsContext provided");
+  return t;
+}
+const b = "_tabs_o8vxb_1", s = "_tabs__tab_o8vxb_5", e = {
+  tabs: b,
+  tabs__tab: s,
+  "tabs__tab--disabled": "_tabs__tab--disabled_o8vxb_23",
+  "tabs__tab--selected": "_tabs__tab--selected_o8vxb_32",
+  "tabs__tab--chip": "_tabs__tab--chip_o8vxb_36",
+  "tabs__tab--chip--disabled": "_tabs__tab--chip--disabled_o8vxb_59",
+  "tabs__tab-panel": "_tabs__tab-panel_o8vxb_69",
+  "tabs__tab-icon": "_tabs__tab-icon_o8vxb_73",
+  "tabs__tab-content": "_tabs__tab-content_o8vxb_78"
+};
+export {
+  a as T,
+  e as s,
+  o as u
+};

package/dist/Toggle-BuZjueQ7.js

@@ -1,3 +1,4 @@
+import './assets/Toggle2.css';
 import { jsx as i, jsxs as k } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { c as l } from "./clsx-DB4S2d7J.js";
@@ -18,7 +19,7 @@ import "./components/Tabs/Tabs.js";
 import { s as y } from "./Group-ZXteFV4M.js";
 import "./contexts/SnackbarProvider/SnackbarProvider.js";
 import { B as x } from "./Button-BAljjMv3.js";
-import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
+const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
   "u-typography-h1": "_u-typography-h1_1wvod_1",
   "u-typography-h2": "_u-typography-h2_1wvod_8",
   "u-typography-h3": "_u-typography-h3_1wvod_15",

package/dist/assets/Tabs.css

@@ -1 +1 @@
-._tabs_q5he5_1{gap:8px;width:100%}._tabs__tab_q5he5_5{min-width:94px;height:48px;padding:0 4px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center}._tabs__tab_q5he5_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_q5he5_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_q5he5_26{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_q5he5_26:focus,._tabs__tab--disabled_q5he5_26:active,._tabs__tab--disabled_q5he5_26:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_q5he5_35{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab--selected_q5he5_35._tabs__tab--chip_q5he5_39{color:var(--accent);border-color:var(--accent)}._tabs__tab--chip_q5he5_39{height:32px;border:1px solid var(--gray-75);border-radius:var(--border-radius);color:var(--gray-75);background-color:transparent}._tabs__tab--chip_q5he5_39:hover{color:var(--hover);border-color:var(--hover);border-bottom:1px solid var(--hover)}._tabs__tab--chip_q5he5_39:active{color:var(--active);border-color:var(--active)}._tabs__tab--chip--disabled_q5he5_59{color:#00000040;cursor:default;border:1px solid rgba(0,0,0,.25)}._tabs__tab--chip--disabled_q5he5_59:focus,._tabs__tab--chip--disabled_q5he5_59:active,._tabs__tab--chip--disabled_q5he5_59:hover{color:#00000040;border:1px solid rgba(0,0,0,.25);background-color:transparent}._tabs__tab-panel_q5he5_69{width:100%;margin-top:16px}._tabs__tab-icon_q5he5_73{height:16px;width:16px;margin-right:12px}
+._tabs_o8vxb_1{gap:8px;width:100%}._tabs__tab_o8vxb_5{min-width:94px;height:48px;padding:0 4px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent}._tabs__tab_o8vxb_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_o8vxb_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_o8vxb_23{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_o8vxb_23:focus,._tabs__tab--disabled_o8vxb_23:active,._tabs__tab--disabled_o8vxb_23:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_o8vxb_32{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab--selected_o8vxb_32._tabs__tab--chip_o8vxb_36{color:var(--accent);border-color:var(--accent)}._tabs__tab--chip_o8vxb_36{display:flex;align-items:center;justify-content:center;height:32px;color:var(--gray-75);background-color:transparent;border:1px solid var(--gray-75);border-radius:var(--border-radius)}._tabs__tab--chip_o8vxb_36:hover{color:var(--hover);border-color:var(--hover);border-bottom:1px solid var(--hover)}._tabs__tab--chip_o8vxb_36:active{color:var(--active);border-color:var(--active)}._tabs__tab--chip--disabled_o8vxb_59{color:#00000040;cursor:default;border:1px solid rgba(0,0,0,.25)}._tabs__tab--chip--disabled_o8vxb_59:focus,._tabs__tab--chip--disabled_o8vxb_59:active,._tabs__tab--chip--disabled_o8vxb_59:hover{color:#00000040;background-color:transparent;border:1px solid rgba(0,0,0,.25)}._tabs__tab-panel_o8vxb_69{width:100%;margin-top:16px}._tabs__tab-icon_o8vxb_73{width:16px;height:16px;margin-right:12px}._tabs__tab-content_o8vxb_78{display:flex;align-items:center;justify-content:center}

package/dist/components/Adornment/Adornment.js

@@ -1,7 +1,8 @@
+import '../../assets/Adornment.css';
 import { jsx as n } from "react/jsx-runtime";
 import { c } from "../../clsx-DB4S2d7J.js";
 import { Icon as d } from "../Icon/Icon.js";
-import '../../assets/Adornment.css';const l = "_adornment_1bwrg_1", i = {
+const l = "_adornment_1bwrg_1", i = {
   adornment: l
 }, g = (t) => {
   const e = c(t.className), { disabled: a, icon: m } = t, o = a ? "rgb(var(--gray-95-rgb), 0.4)" : t == null ? void 0 : t.color;

package/dist/components/Advice/Advice.js

@@ -1,8 +1,9 @@
+import '../../assets/Advice.css';
 import { jsxs as _, jsx as r } from "react/jsx-runtime";
 import { c as g } from "../../clsx-DB4S2d7J.js";
 import { Icon as h } from "../Icon/Icon.js";
 import { Typography as m } from "../Typography/Typography.js";
-import '../../assets/Advice.css';const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
+const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
   advice: x,
   advice__texts: f,
   advice__content: u

package/dist/components/Alert/Alert.js

@@ -1,7 +1,8 @@
+import '../../assets/Alert.css';
 import { jsxs as _, jsx as a } from "react/jsx-runtime";
 import { c as y } from "../../clsx-DB4S2d7J.js";
 import { Icon as s } from "../Icon/Icon.js";
-import '../../assets/Alert.css';const h = "_container_9p2mz_78", t = {
+const h = "_container_9p2mz_78", t = {
   "u-typography-h1": "_u-typography-h1_9p2mz_1",
   "u-typography-h2": "_u-typography-h2_9p2mz_8",
   "u-typography-h3": "_u-typography-h3_9p2mz_15",

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,3 +1,4 @@
+import '../../assets/Autocomplete.css';
 import { jsx as le, jsxs as lt } from "react/jsx-runtime";
 import * as h from "react";
 import { useId as at, useState as ut, createElement as ct } from "react";
@@ -7,7 +8,7 @@ import { b as je, s as dt } from "../../useSlotProps-C_I1kEHr.js";
 import { u as gt } from "../../useId-BW-oWmul.js";
 import { u as _e } from "../../useControlled-CCMYYdCM.js";
 import { u as ae } from "../../useEventCallback-BAQJJ3ye.js";
-import '../../assets/Autocomplete.css';const ht = (c) => {
+const ht = (c) => {
   const b = h.useRef({});
   return h.useEffect(() => {
     b.current = c;

package/dist/components/Avatar/Avatar.js

@@ -1,7 +1,8 @@
+import '../../assets/Avatar.css';
 import { jsxs as v, jsx as _ } from "react/jsx-runtime";
 import { forwardRef as c, useMemo as y } from "react";
 import { c as d } from "../../clsx-DB4S2d7J.js";
-import '../../assets/Avatar.css';const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image_4n12g_108", f = "_avatar__text_4n12g_108", t = {
+const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image_4n12g_108", f = "_avatar__text_4n12g_108", t = {
   "u-typography-h1": "_u-typography-h1_4n12g_1",
   "u-typography-h2": "_u-typography-h2_4n12g_8",
   "u-typography-h3": "_u-typography-h3_4n12g_15",

package/dist/components/Button/Button.js

@@ -1,9 +1,10 @@
+import '../../assets/Button.css';
 import { jsx as p, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as x, useMemo as c } from "react";
 import { c as v } from "../../clsx-DB4S2d7J.js";
 import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
 import { B as f } from "../../Button-BAljjMv3.js";
-import '../../assets/Button.css';const k = "_button_dxo5v_57", t = {
+const k = "_button_dxo5v_57", t = {
   "u-typography-h1": "_u-typography-h1_dxo5v_1",
   "u-typography-h2": "_u-typography-h2_dxo5v_8",
   "u-typography-h3": "_u-typography-h3_dxo5v_15",

package/dist/components/Checkbox/Checkbox.js

@@ -1,8 +1,9 @@
+import '../../assets/Checkbox.css';
 import { jsxs as w, jsx as c } from "react/jsx-runtime";
 import * as l from "react";
 import { useState as k, useEffect as i } from "react";
 import { c as _ } from "../../clsx-DB4S2d7J.js";
-import '../../assets/Checkbox.css';const v = (a) => /* @__PURE__ */ l.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), N = "_label_xqg5n_65", z = "_checkmark_xqg5n_94", e = {
+const v = (a) => /* @__PURE__ */ l.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), N = "_label_xqg5n_65", z = "_checkmark_xqg5n_94", e = {
   "u-typography-h1": "_u-typography-h1_xqg5n_1",
   "u-typography-h2": "_u-typography-h2_xqg5n_8",
   "u-typography-h3": "_u-typography-h3_xqg5n_15",

package/dist/components/Description/Description.js

@@ -1,8 +1,9 @@
+import '../../assets/Description.css';
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { c as g } from "../../clsx-DB4S2d7J.js";
 import { Skeleton as y } from "../Skeleton/Skeleton.js";
 import { Typography as _ } from "../Typography/Typography.js";
-import '../../assets/Description.css';const l = "_container_he0z3_78", a = {
+const l = "_container_he0z3_78", a = {
   "u-typography-h1": "_u-typography-h1_he0z3_1",
   "u-typography-h2": "_u-typography-h2_he0z3_8",
   "u-typography-h3": "_u-typography-h3_he0z3_15",

package/dist/components/EllipsisTooltip/EllipsisTooltip.js

@@ -1,8 +1,9 @@
+import '../../assets/EllipsisTooltip.css';
 import { jsx as s, jsxs as d, Fragment as f } from "react/jsx-runtime";
 import { useState as g } from "react";
 import { c as v } from "../../clsx-DB4S2d7J.js";
 import { Tooltip as x } from "../Tooltip/Tooltip.js";
-import '../../assets/EllipsisTooltip.css';const H = {
+const H = {
   "ellipsis-tooltip": "_ellipsis-tooltip_1ov97_1"
 }, W = ({
   lineClamp: e = 1,

package/dist/components/IconButton/IconButton.js

@@ -1,9 +1,10 @@
+import '../../assets/IconButton.css';
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as d, useMemo as l } from "react";
 import { c as j } from "../../clsx-DB4S2d7J.js";
 import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
 import { B as x } from "../../Button-BAljjMv3.js";
-import '../../assets/IconButton.css';const o = {
+const o = {
   "u-typography-h1": "_u-typography-h1_gt5j9_1",
   "u-typography-h2": "_u-typography-h2_gt5j9_8",
   "u-typography-h3": "_u-typography-h3_gt5j9_15",

package/dist/components/Input/Input.js

@@ -1,3 +1,4 @@
+import '../../assets/Input.css';
 import { jsxs as K, jsx as j } from "react/jsx-runtime";
 import * as w from "react";
 import { forwardRef as de, useState as ce, useId as _e, useMemo as ye } from "react";
@@ -5,7 +6,7 @@ import { c as T } from "../../clsx-DB4S2d7J.js";
 import { Icon as me } from "../Icon/Icon.js";
 import { Typography as G } from "../Typography/Typography.js";
 import { g as fe, a as he, u as ge, f as J, b as f, _ as be, c as ee, i as xe, P as e, d as Ce, e as we } from "../../useSlotProps-C_I1kEHr.js";
-import '../../assets/Input.css';function Ne(l) {
+function Ne(l) {
   let i = "https://mui.com/production-error/?code=" + l;
   for (let d = 1; d < arguments.length; d += 1)
     i += "&args[]=" + encodeURIComponent(arguments[d]);

package/dist/components/InputSearch/InputSearch.js

@@ -1,9 +1,10 @@
+import '../../assets/InputSearch.css';
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { c as u } from "../../clsx-DB4S2d7J.js";
 import { Icon as f } from "../Icon/Icon.js";
 import { Input as l } from "../Input/Input.js";
-import '../../assets/InputSearch.css';const h = "_inputSearch_114e1_1", g = {
+const h = "_inputSearch_114e1_1", g = {
   inputSearch: h
 };
 let r;

package/dist/components/LoadingSpinner/LoadingSpinner.js

@@ -1,7 +1,8 @@
+import '../../assets/LoadingSpinner.css';
 import { jsxs as e, jsx as s } from "react/jsx-runtime";
 import { useMemo as o } from "react";
 import { c as t } from "../../clsx-DB4S2d7J.js";
-import '../../assets/LoadingSpinner.css';const n = {
+const n = {
   "ls-ring": "_ls-ring_elvjz_1",
   "ls-ring--invert": "_ls-ring--invert_elvjz_34"
 }, a = ({ invert: i = !1, classNames: r }) => {

package/dist/components/PageHeader/PageHeader.js

@@ -1,9 +1,10 @@
+import '../../assets/PageHeader.css';
 import { jsx as e, Fragment as l, jsxs as i } from "react/jsx-runtime";
 import { useMemo as H } from "react";
 import { c as _ } from "../../clsx-DB4S2d7J.js";
 import { Icon as I } from "../Icon/Icon.js";
 import { IconButton as T } from "../IconButton/IconButton.js";
-import '../../assets/PageHeader.css';const $ = "_title_1loyf_22", q = "_subtitle_1loyf_43", a = {
+const $ = "_title_1loyf_22", q = "_subtitle_1loyf_43", a = {
   "u-typography-h1": "_u-typography-h1_1loyf_1",
   "u-typography-h2": "_u-typography-h2_1loyf_8",
   "u-typography-h3": "_u-typography-h3_1loyf_15",

package/dist/components/Pagination/Pagination.js

@@ -1,8 +1,9 @@
+import '../../assets/Pagination.css';
 import { jsxs as s, Fragment as p, jsx as t } from "react/jsx-runtime";
 import { c as _ } from "../../clsx-DB4S2d7J.js";
 import { Select as d } from "../Select/Select.js";
 import C from "./usePagination.js";
-import '../../assets/Pagination.css';const w = "_pagination_2n0nk_43", a = {
+const w = "_pagination_2n0nk_43", a = {
   "u-typography-h1": "_u-typography-h1_2n0nk_1",
   "u-typography-h2": "_u-typography-h2_2n0nk_8",
   "u-typography-h3": "_u-typography-h3_2n0nk_15",

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

@@ -0,0 +1 @@
+export {};

package/dist/components/RadioButton/RadioButton.js

@@ -1,9 +1,10 @@
+import '../../assets/RadioButton.css';
 import { jsxs as h, jsx as i } from "react/jsx-runtime";
 import { useState as x } from "react";
 import { c as o } from "../../clsx-DB4S2d7J.js";
 import { Icon as y } from "../Icon/Icon.js";
 import { Typography as C } from "../Typography/Typography.js";
-import '../../assets/RadioButton.css';const S = "_radio_1t160_1", a = {
+const S = "_radio_1t160_1", a = {
   radio: S,
   "radio--label": "_radio--label_1t160_9",
   "radio--label__disabled": "_radio--label__disabled_1t160_12",

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,6 +1,7 @@
+import '../../assets/ResultWithChips.css';
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { C as t } from "../../Toggle-BuZjueQ7.js";
-import '../../assets/ResultWithChips.css';const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
+const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
   container: r,
   "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
   label: o,

package/dist/components/Skeleton/Skeleton.js

@@ -1,6 +1,7 @@
+import '../../assets/Skeleton.css';
 import { jsx as t, jsxs as N } from "react/jsx-runtime";
 import { c as r } from "../../clsx-DB4S2d7J.js";
-import '../../assets/Skeleton.css';const u = "_skeleton_mst8q_1", b = "_skeletonLoading_mst8q_1", o = {
+const u = "_skeleton_mst8q_1", b = "_skeletonLoading_mst8q_1", o = {
   skeleton: u,
   skeletonLoading: b,
   "skeleton--circle-type": "_skeleton--circle-type_mst8q_13",

package/dist/components/Snackbar/Snackbar.js

@@ -1,3 +1,4 @@
+import '../../assets/Snackbar.css';
 import { jsx as h, jsxs as Y } from "react/jsx-runtime";
 import * as w from "react";
 import C, { useState as V, useRef as X } from "react";
@@ -9,7 +10,7 @@ import { u as ee } from "../../useTimeout-DxF9kiZL.js";
 import { u as I } from "../../useEventCallback-BAQJJ3ye.js";
 import { C as B } from "../../ClickAwayListener-DbEYZpyh.js";
 import { R as P } from "../../index-bQFToy-I.js";
-import '../../assets/Snackbar.css';const W = "Snackbar";
+const W = "Snackbar";
 function te(u) {
   return z(W, u);
 }

package/dist/components/SortTooltip/SortTooltip.js

@@ -1,8 +1,9 @@
+import '../../assets/SortTooltip.css';
 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";
-import '../../assets/SortTooltip.css';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 = {
+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",

package/dist/components/Stepper/Stepper.js

@@ -1,6 +1,7 @@
+import '../../assets/Stepper.css';
 import { jsx as s, jsxs as g } from "react/jsx-runtime";
 import { c as r } from "../../clsx-DB4S2d7J.js";
-import '../../assets/Stepper.css';const d = "_stepper_7fsnr_61", m = "_item_7fsnr_61", c = "_name_7fsnr_61", l = "_counter_7fsnr_65", t = {
+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",

package/dist/components/StepperNavigator/StepperNavigator.js

@@ -1,8 +1,9 @@
+import '../../assets/StepperNavigator.css';
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { c as i } from "../../clsx-DB4S2d7J.js";
 import { Button as I } from "../Button/Button.js";
 import { Icon as K } from "../Icon/Icon.js";
-import '../../assets/StepperNavigator.css';const _ = {
+const _ = {
   "stepper-navigator": "_stepper-navigator_27f6m_1",
   "cancel-button": "_cancel-button_27f6m_11",
   "previous-button": "_previous-button_27f6m_20",

package/dist/components/Table/Table.js

@@ -1,3 +1,4 @@
+import '../../assets/Table.css';
 import { jsxs as y, jsx as l } from "react/jsx-runtime";
 import * as c from "react";
 import { useState as f } from "react";
@@ -5,7 +6,7 @@ import { c as m } from "../../clsx-DB4S2d7J.js";
 import { paginationDefaultTranslations as b, Pagination as u } from "../Pagination/Pagination.js";
 import { sortTooltipDefaultTranslations as T, SortTooltip as g } from "../SortTooltip/SortTooltip.js";
 import { TableProvider as N, useTable as x } from "./TableContext.js";
-import '../../assets/Table.css';const C = (r) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__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" })))), L = "_table_yerpo_1", E = "_th__wrapper_yerpo_43", v = "_tr_yerpo_66", B = "_td_yerpo_70", t = {
+const C = (r) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__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" })))), L = "_table_yerpo_1", E = "_th__wrapper_yerpo_43", v = "_tr_yerpo_66", B = "_td_yerpo_70", t = {
   table: L,
   "table--fixed": "_table--fixed_yerpo_5",
   "table--full-width": "_table--full-width_yerpo_8",

package/dist/components/Tabs/Tab.d.ts

@@ -17,5 +17,7 @@ export interface TabProps {
     icon?: IconName | ReactNode;
     /** Is the tab a chip */
     chip?: boolean;
+    /** Show a loading skeleton */
+    isLoading?: boolean;
 }
 export declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Tabs/Tab.js

@@ -1,122 +1,123 @@
-import { jsx as y, jsxs as w } from "react/jsx-runtime";
-import * as P from "react";
-import { forwardRef as H, useContext as U, useMemo as k } from "react";
+import { jsx as m, jsxs as j } from "react/jsx-runtime";
+import * as R from "react";
+import { forwardRef as k, useContext as H, useMemo as U } from "react";
 import { c as B } from "../../clsx-DB4S2d7J.js";
 import { Icon as D } from "../Icon/Icon.js";
-import { u as L, T as W, s as i } from "../../Tabs.module-DSjBjg0Z.js";
-import { g as $, a as q, u as I, f as z, b as m, _ as A, c as G, P as e, d as J, e as K } from "../../useSlotProps-C_I1kEHr.js";
-import { u as Q, c as X } from "../../combineHooksSlotProps-C-zYvfnF.js";
-import { u as Y } from "../../useId-BW-oWmul.js";
-import { u as Z } from "../../useButton-DcihopJG.js";
-import { u as ee } from "../../useCompoundItem-B7Eo_qZk.js";
+import { Skeleton as L } from "../Skeleton/Skeleton.js";
+import { u as W, T as $, s as c } from "../../Tabs.module-By78tLjn.js";
+import { g as q, a as z, u as I, f as A, b as h, _ as G, c as J, P as e, d as K, e as Q } from "../../useSlotProps-C_I1kEHr.js";
+import { u as X, c as Y } from "../../combineHooksSlotProps-C-zYvfnF.js";
+import { u as Z } from "../../useId-BW-oWmul.js";
+import { u as ee } from "../../useButton-DcihopJG.js";
+import { u as te } from "../../useCompoundItem-B7Eo_qZk.js";
 const O = "Tab";
-function te(o) {
-  return $(O, o);
-}
-q(O, ["root", "selected", "disabled"]);
 function se(o) {
-  return o.size;
+  return q(O, o);
 }
+z(O, ["root", "selected", "disabled"]);
 function oe(o) {
+  return o.size;
+}
+function ae(o) {
   const {
     value: t,
     rootRef: s,
     disabled: r = !1,
-    id: u
-  } = o, a = P.useRef(null), n = Y(u), {
-    value: d,
-    selectionFollowsFocus: l,
-    getTabPanelId: b
-  } = L(), R = P.useMemo(() => ({
+    id: d
+  } = o, a = R.useRef(null), n = Z(d), {
+    value: u,
+    selectionFollowsFocus: b,
+    getTabPanelId: l
+  } = W(), f = R.useMemo(() => ({
     disabled: r,
     ref: a,
     id: n
   }), [r, a, n]), {
-    id: c,
+    id: i,
     index: g,
-    totalItemCount: h
-  } = ee(t ?? se, R), {
-    getRootProps: T,
-    highlighted: _,
-    selected: f
-  } = Q({
-    item: c
+    totalItemCount: T
+  } = te(t ?? oe, f), {
+    getRootProps: _,
+    highlighted: C,
+    selected: p
+  } = X({
+    item: i
   }), {
-    getRootProps: C,
-    rootRef: p,
-    active: v,
+    getRootProps: v,
+    rootRef: P,
+    active: y,
     focusVisible: F,
-    setFocusVisible: V
-  } = Z({
+    setFocusVisible: S
+  } = ee({
     disabled: r,
-    focusableWhenDisabled: !l,
+    focusableWhenDisabled: !b,
     type: "button"
-  }), x = I(a, s, p), M = c !== void 0 ? b(c) : void 0;
+  }), x = I(a, s, P), V = i !== void 0 ? l(i) : void 0;
   return {
     getRootProps: (N = {}) => {
-      const S = z(N), j = X(T, C);
-      return m({}, N, j(S), {
+      const w = A(N), M = Y(_, v);
+      return h({}, N, M(w), {
         role: "tab",
-        "aria-controls": M,
-        "aria-selected": f,
+        "aria-controls": V,
+        "aria-selected": p,
         id: n,
         ref: x
       });
     },
-    active: v,
+    active: y,
     focusVisible: F,
-    highlighted: _,
+    highlighted: C,
     index: g,
     rootRef: x,
     // 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: f || c === d,
-    setFocusVisible: V,
-    totalTabsCount: h
+    selected: p || i === u,
+    setFocusVisible: S,
+    totalTabsCount: T
   };
 }
-const ae = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], ne = (o) => {
+const ne = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], re = (o) => {
   const {
     selected: t,
     disabled: s
   } = o;
-  return J({
+  return K({
     root: ["root", t && "selected", s && "disabled"]
-  }, K(te));
-}, E = /* @__PURE__ */ P.forwardRef(function(t, s) {
+  }, Q(se));
+}, E = /* @__PURE__ */ R.forwardRef(function(t, s) {
   var r;
   const {
-    children: u,
+    children: d,
     disabled: a = !1,
     slotProps: n = {},
-    slots: d = {},
-    value: l
-  } = t, b = A(t, ae), R = P.useRef(), c = I(R, s), {
+    slots: u = {},
+    value: b
+  } = t, l = G(t, ne), f = R.useRef(), i = I(f, s), {
     active: g,
-    highlighted: h,
-    selected: T,
-    getRootProps: _
-  } = oe(m({}, t, {
-    rootRef: c,
-    value: l
-  })), f = m({}, t, {
+    highlighted: T,
+    selected: _,
+    getRootProps: C
+  } = ae(h({}, t, {
+    rootRef: i,
+    value: b
+  })), p = h({}, t, {
     active: g,
     disabled: a,
-    highlighted: h,
-    selected: T
-  }), C = ne(f), p = (r = d.root) != null ? r : "button", v = G({
-    elementType: p,
-    getSlotProps: _,
+    highlighted: T,
+    selected: _
+  }), v = re(p), P = (r = u.root) != null ? r : "button", y = J({
+    elementType: P,
+    getSlotProps: C,
     externalSlotProps: n.root,
-    externalForwardedProps: b,
+    externalForwardedProps: l,
     additionalProps: {
       ref: s
     },
-    ownerState: f,
-    className: C.root
+    ownerState: p,
+    className: v.root
   });
-  return /* @__PURE__ */ y(p, m({}, v, {
-    children: u
+  return /* @__PURE__ */ m(P, h({}, y, {
+    children: d
   }));
 });
 process.env.NODE_ENV !== "production" && (E.propTypes = {
@@ -165,25 +166,25 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
    */
   value: e.oneOfType([e.number, e.string])
 });
-const Re = H(
-  ({ children: o, value: t, disabled: s, className: r, "data-testid": u, icon: a, chip: n }, d) => {
-    const l = U(W), b = k(
+const ge = k(
+  ({ children: o, value: t, disabled: s, className: r, "data-testid": d, icon: a, chip: n, isLoading: u }, b) => {
+    const l = H($), f = U(
       () => B(
-        i.tabs__tab,
-        t === (l == null ? void 0 : l.value) && i["tabs__tab--selected"],
-        s && !n && i["tabs__tab--disabled"],
-        n && i["tabs__tab--chip"],
-        n && s && i["tabs__tab--chip--disabled"],
+        c.tabs__tab,
+        t === (l == null ? void 0 : l.value) && c["tabs__tab--selected"],
+        s && !n && c["tabs__tab--disabled"],
+        n && c["tabs__tab--chip"],
+        n && s && c["tabs__tab--chip--disabled"],
         r
       ),
       [t, l, s, n]
     );
-    return /* @__PURE__ */ w(E, { className: b, disabled: s, value: t, "data-testid": u, ref: d, children: [
-      a && /* @__PURE__ */ y("span", { className: i["tabs__tab-icon"], children: typeof a == "string" ? /* @__PURE__ */ y(D, { icon: a }) : a }),
+    return /* @__PURE__ */ m(E, { className: f, disabled: s, value: t, "data-testid": d, ref: b, children: u ? /* @__PURE__ */ m(L, { style: { width: "50px", margin: "auto" } }) : /* @__PURE__ */ j("div", { className: c["tabs__tab-content"], children: [
+      a && /* @__PURE__ */ m("span", { className: c["tabs__tab-icon"], children: typeof a == "string" ? /* @__PURE__ */ m(D, { icon: a }) : a }),
       o
-    ] });
+    ] }) });
   }
 );
 export {
-  Re as Tab
+  ge as Tab
 };

package/dist/components/Tabs/Tab.stories.d.ts

@@ -15,5 +15,6 @@ export declare const Simple: Story;
 export declare const Icon: Story;
 export declare const Chip: Story;
 export declare const IconChip: Story;
+export declare const Loading: Story;
 export declare const Disabled: Story;
 export declare const DisabledChip: Story;

package/dist/components/Tabs/TabPanel.js

@@ -2,7 +2,7 @@ import { jsx as T } from "react/jsx-runtime";
 import * as P from "react";
 import { forwardRef as v } from "react";
 import { c as y } from "../../clsx-DB4S2d7J.js";
-import { u as x, s as C } from "../../Tabs.module-DSjBjg0Z.js";
+import { u as x, s as C } from "../../Tabs.module-By78tLjn.js";
 import { g as N, a as _, u as w, b, _ as O, c as E, P as o, d as I, e as S } from "../../useSlotProps-C_I1kEHr.js";
 import { u as U } from "../../useId-BW-oWmul.js";
 import { u as j } from "../../useCompoundItem-B7Eo_qZk.js";

package/dist/components/Tabs/Tabs.js

@@ -2,7 +2,7 @@ import { jsx as T } from "react/jsx-runtime";
 import * as r from "react";
 import { forwardRef as q } from "react";
 import { c as B } from "../../clsx-DB4S2d7J.js";
-import { T as G, u as J, s as Q } from "../../Tabs.module-DSjBjg0Z.js";
+import { T as G, u as J, s as Q } from "../../Tabs.module-By78tLjn.js";
 import { Tab as Ie } from "./Tab.js";
 import { TabPanel as Fe } from "./TabPanel.js";
 import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as w } from "../../useSlotProps-C_I1kEHr.js";

package/dist/components/Tag/Tag.js

@@ -1,8 +1,9 @@
+import '../../assets/Tag.css';
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import { useMemo as d } from "react";
 import { c } from "../../clsx-DB4S2d7J.js";
 import { Icon as j } from "../Icon/Icon.js";
-import '../../assets/Tag.css';const g = "_container_b8jbs_1", e = {
+const g = "_container_b8jbs_1", e = {
   container: g,
   "container--content": "_container--content_b8jbs_9",
   "container--content__icon": "_container--content__icon_b8jbs_14",

package/dist/components/TextDisplay/TextDisplay.js

@@ -1,8 +1,9 @@
+import '../../assets/TextDisplay.css';
 import { jsxs as f, jsx as d } from "react/jsx-runtime";
 import { c as $ } from "../../clsx-DB4S2d7J.js";
 import { Skeleton as m } from "../Skeleton/Skeleton.js";
 import { Typography as y } from "../Typography/Typography.js";
-import '../../assets/TextDisplay.css';const g = "_container_ia8vu_1", e = {
+const g = "_container_ia8vu_1", e = {
   container: g,
   "container--inline": "_container--inline_ia8vu_5"
 }, i = ({

package/dist/components/Toggle/Toggle.js

@@ -1,10 +1,11 @@
+import '../../assets/Toggle.css';
 import { jsxs as j, jsx as P } from "react/jsx-runtime";
 import { c as O } from "../../clsx-DB4S2d7J.js";
 import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-C_I1kEHr.js";
 import * as F from "react";
 import { u as D } from "../../useControlled-CCMYYdCM.js";
 import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
-import '../../assets/Toggle.css';function W(l) {
+function W(l) {
   const {
     checked: s,
     defaultChecked: i,

package/dist/components/Tooltip/Tooltip.js

@@ -1,3 +1,4 @@
+import '../../assets/Tooltip.css';
 import { jsx as a, jsxs as v, Fragment as P } from "react/jsx-runtime";
 import * as u from "react";
 import { useRef as R, useState as T, useEffect as E, isValidElement as q, cloneElement as M } from "react";
@@ -5,7 +6,7 @@ import { T as O, P as V } from "../../Popup-Ck3XlWMq.js";
 import { _ as $, b as z, P as l } from "../../useSlotProps-C_I1kEHr.js";
 import { c as D } from "../../clsx-DB4S2d7J.js";
 import { C as F } from "../../ClickAwayListener-DbEYZpyh.js";
-import '../../assets/Tooltip.css';function I() {
+function I() {
   const e = u.useContext(O);
   if (!e)
     throw new Error("Missing transition context");

package/dist/components/Typography/Typography.js

@@ -1,8 +1,9 @@
+import '../../assets/Typography.css';
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as c, useMemo as f } from "react";
 import { bemify as x, getBEMBase as k, getBEMBlock as B } from "../../utils/styleStrings.js";
 import { c as $ } from "../../clsx-DB4S2d7J.js";
-import '../../assets/Typography.css';const t = {
+const t = {
   "u-typography-h1": "_u-typography-h1_gn8st_1",
   "u-typography-h2": "_u-typography-h2_gn8st_8",
   "u-typography-h3": "_u-typography-h3_gn8st_15",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Tabs.module-DSjBjg0Z.js

@@ -1,24 +0,0 @@
-import * as _ from "react";
-import './assets/Tabs.css';const a = /* @__PURE__ */ _.createContext(null);
-process.env.NODE_ENV !== "production" && (a.displayName = "TabsContext");
-function e() {
-  const t = _.useContext(a);
-  if (t == null)
-    throw new Error("No TabsContext provided");
-  return t;
-}
-const s = "_tabs_q5he5_1", b = "_tabs__tab_q5he5_5", o = {
-  tabs: s,
-  tabs__tab: b,
-  "tabs__tab--disabled": "_tabs__tab--disabled_q5he5_26",
-  "tabs__tab--selected": "_tabs__tab--selected_q5he5_35",
-  "tabs__tab--chip": "_tabs__tab--chip_q5he5_39",
-  "tabs__tab--chip--disabled": "_tabs__tab--chip--disabled_q5he5_59",
-  "tabs__tab-panel": "_tabs__tab-panel_q5he5_69",
-  "tabs__tab-icon": "_tabs__tab-icon_q5he5_73"
-};
-export {
-  a as T,
-  o as s,
-  e as u
-};