@pismo/marola 1.0.6 → 1.0.8

package/dist/Dialog.module-Duis5XWM.js

@@ -1,5 +1,4 @@
-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,10 +1,9 @@
-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";
-const p = "_toggle__input_hu6m0_1", h = "_toggle__label_hu6m0_11", t = {
+import './assets/Group.css';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,5 +1,4 @@
-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,10 +1,9 @@
-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";
-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 = {
+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 = {
   "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-DSjBjg0Z.js

@@ -0,0 +1,24 @@
+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
+};

package/dist/Toggle-BuZjueQ7.js

@@ -1,4 +1,3 @@
-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";
@@ -19,7 +18,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";
-const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
+import './assets/Toggle2.css';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_1xfbu_1{gap:8px;width:100%}._tabs__tab_1xfbu_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent}._tabs__tab_1xfbu_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_1xfbu_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_1xfbu_23{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_1xfbu_23:focus,._tabs__tab--disabled_1xfbu_23:active,._tabs__tab--disabled_1xfbu_23:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_1xfbu_32{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_1xfbu_36{width:100%;margin-top:16px}
+._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}

package/dist/components/Adornment/Adornment.js

@@ -1,8 +1,7 @@
-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";
-const l = "_adornment_1bwrg_1", i = {
+import '../../assets/Adornment.css';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,9 +1,8 @@
-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";
-const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
+import '../../assets/Advice.css';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,8 +1,7 @@
-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";
-const h = "_container_9p2mz_78", t = {
+import '../../assets/Alert.css';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,4 +1,3 @@
-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";
@@ -8,7 +7,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";
-const ht = (c) => {
+import '../../assets/Autocomplete.css';const ht = (c) => {
   const b = h.useRef({});
   return h.useEffect(() => {
     b.current = c;

package/dist/components/Avatar/Avatar.js

@@ -1,8 +1,7 @@
-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";
-const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image_4n12g_108", f = "_avatar__text_4n12g_108", t = {
+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 = {
   "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,10 +1,9 @@
-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";
-const k = "_button_dxo5v_57", t = {
+import '../../assets/Button.css';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,9 +1,8 @@
-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";
-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 = {
+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 = {
   "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/Chip/Chip.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
         leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;

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

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         open: boolean;
         onClose: () => void;
         title?: import('react').ReactNode;

package/dist/components/Description/Description.js

@@ -1,9 +1,8 @@
-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";
-const l = "_container_he0z3_78", a = {
+import '../../assets/Description.css';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/Dialog/Dialog.stories.d.ts

@@ -10,7 +10,7 @@ declare const meta: {
         Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         color?: string | undefined;
         ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
         children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;

package/dist/components/EllipsisTooltip/EllipsisTooltip.js

@@ -1,9 +1,8 @@
-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";
-const H = {
+import '../../assets/EllipsisTooltip.css';const H = {
   "ellipsis-tooltip": "_ellipsis-tooltip_1ov97_1"
 }, W = ({
   lineClamp: e = 1,

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

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         style?: import('react').CSSProperties | undefined;

package/dist/components/IconButton/IconButton.js

@@ -1,10 +1,9 @@
-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";
-const o = {
+import '../../assets/IconButton.css';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,4 +1,3 @@
-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";
@@ -6,7 +5,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";
-function Ne(l) {
+import '../../assets/Input.css';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,10 +1,9 @@
-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";
-const h = "_inputSearch_114e1_1", g = {
+import '../../assets/InputSearch.css';const h = "_inputSearch_114e1_1", g = {
   inputSearch: h
 };
 let r;

package/dist/components/LoadingSpinner/LoadingSpinner.js

@@ -1,8 +1,7 @@
-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";
-const n = {
+import '../../assets/LoadingSpinner.css';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/LoadingSpinner/LoadingSpinner.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         invert?: boolean | undefined;
         classNames?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

package/dist/components/PageHeader/PageHeader.js

@@ -1,10 +1,9 @@
-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";
-const $ = "_title_1loyf_22", q = "_subtitle_1loyf_43", a = {
+import '../../assets/PageHeader.css';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,9 +1,8 @@
-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";
-const w = "_pagination_2n0nk_43", a = {
+import '../../assets/Pagination.css';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/Popover/Popover.stories.d.ts

@@ -25,7 +25,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/components/RadioButton/RadioButton.js

@@ -1,10 +1,9 @@
-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";
-const S = "_radio_1t160_1", a = {
+import '../../assets/RadioButton.css';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,7 +1,6 @@
-import '../../assets/ResultWithChips.css';
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { C as t } from "../../Toggle-BuZjueQ7.js";
-const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
+import '../../assets/ResultWithChips.css';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,7 +1,6 @@
-import '../../assets/Skeleton.css';
 import { jsx as t, jsxs as N } from "react/jsx-runtime";
 import { c as r } from "../../clsx-DB4S2d7J.js";
-const u = "_skeleton_mst8q_1", b = "_skeletonLoading_mst8q_1", o = {
+import '../../assets/Skeleton.css';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,4 +1,3 @@
-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";
@@ -10,7 +9,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";
-const W = "Snackbar";
+import '../../assets/Snackbar.css';const W = "Snackbar";
 function te(u) {
   return z(W, u);
 }

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

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;

package/dist/components/SortTooltip/SortTooltip.js

@@ -1,9 +1,8 @@
-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";
-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 = {
+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 = {
   "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,7 +1,6 @@
-import '../../assets/Stepper.css';
 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 = {
+import '../../assets/Stepper.css';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,9 +1,8 @@
-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";
-const _ = {
+import '../../assets/StepperNavigator.css';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,4 +1,3 @@
-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";
@@ -6,7 +5,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";
-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 = {
+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 = {
   table: L,
   "table--fixed": "_table--fixed_yerpo_5",
   "table--full-width": "_table--full-width_yerpo_8",

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

@@ -1,3 +1,4 @@
+import { IconName } from '../Icon/types.ts';
 import { ReactNode } from 'react';
 
 export interface TabProps {
@@ -12,5 +13,9 @@ export interface TabProps {
     className?: string;
     /** Id to be applied as `data-testid` on the container element */
     'data-testid'?: string;
+    /** Icon to be displayed in the tab */
+    icon?: IconName | ReactNode;
+    /** Is the tab a chip */
+    chip?: boolean;
 }
 export declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Tabs/Tab.js

@@ -1,124 +1,125 @@
-import { jsx as N } from "react/jsx-runtime";
-import * as b 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-BGGTkDc5.js";
-import { g as L, a as W, u as O, f as $, b as f, _ as q, c as z, P as e, d as A, e as G } from "../../useSlotProps-C_I1kEHr.js";
-import { u as J, c as K } from "../../combineHooksSlotProps-C-zYvfnF.js";
-import { u as Q } from "../../useId-BW-oWmul.js";
-import { u as X } from "../../useButton-DcihopJG.js";
-import { u as Y } from "../../useCompoundItem-B7Eo_qZk.js";
-const E = "Tab";
-function Z(o) {
-  return L(E, o);
+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 { 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";
+const O = "Tab";
+function te(o) {
+  return $(O, o);
 }
-W(E, ["root", "selected", "disabled"]);
-function ee(o) {
+q(O, ["root", "selected", "disabled"]);
+function se(o) {
   return o.size;
 }
-function te(o) {
+function oe(o) {
   const {
     value: t,
     rootRef: s,
-    disabled: n = !1,
-    id: c
-  } = o, r = b.useRef(null), a = Q(c), {
-    value: i,
-    selectionFollowsFocus: p,
-    getTabPanelId: m
-  } = B(), P = b.useMemo(() => ({
-    disabled: n,
-    ref: r,
-    id: a
-  }), [n, r, a]), {
-    id: l,
-    index: R,
-    totalItemCount: g
-  } = Y(t ?? ee, P), {
-    getRootProps: h,
-    highlighted: T,
-    selected: u
-  } = J({
-    item: l
+    disabled: r = !1,
+    id: u
+  } = o, a = P.useRef(null), n = Y(u), {
+    value: d,
+    selectionFollowsFocus: l,
+    getTabPanelId: b
+  } = L(), R = P.useMemo(() => ({
+    disabled: r,
+    ref: a,
+    id: n
+  }), [r, a, n]), {
+    id: c,
+    index: g,
+    totalItemCount: h
+  } = ee(t ?? se, R), {
+    getRootProps: T,
+    highlighted: _,
+    selected: f
+  } = Q({
+    item: c
   }), {
     getRootProps: C,
-    rootRef: d,
+    rootRef: p,
     active: v,
-    focusVisible: I,
+    focusVisible: F,
     setFocusVisible: V
-  } = X({
-    disabled: n,
-    focusableWhenDisabled: !p,
+  } = Z({
+    disabled: r,
+    focusableWhenDisabled: !l,
     type: "button"
-  }), _ = O(r, s, d), M = l !== void 0 ? m(l) : void 0;
+  }), x = I(a, s, p), M = c !== void 0 ? b(c) : void 0;
   return {
-    getRootProps: (x = {}) => {
-      const S = $(x), w = K(h, C);
-      return f({}, x, w(S), {
+    getRootProps: (N = {}) => {
+      const S = z(N), j = X(T, C);
+      return m({}, N, j(S), {
         role: "tab",
         "aria-controls": M,
-        "aria-selected": u,
-        id: a,
-        ref: _
+        "aria-selected": f,
+        id: n,
+        ref: x
       });
     },
     active: v,
-    focusVisible: I,
-    highlighted: T,
-    index: R,
-    rootRef: _,
+    focusVisible: F,
+    highlighted: _,
+    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: u || l === i,
+    selected: f || c === d,
     setFocusVisible: V,
-    totalTabsCount: g
+    totalTabsCount: h
   };
 }
-const oe = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], se = (o) => {
+const ae = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], ne = (o) => {
   const {
     selected: t,
     disabled: s
   } = o;
-  return A({
+  return J({
     root: ["root", t && "selected", s && "disabled"]
-  }, G(Z));
-}, F = /* @__PURE__ */ b.forwardRef(function(t, s) {
-  var n;
+  }, K(te));
+}, E = /* @__PURE__ */ P.forwardRef(function(t, s) {
+  var r;
   const {
-    children: c,
-    disabled: r = !1,
-    slotProps: a = {},
-    slots: i = {},
-    value: p
-  } = t, m = q(t, oe), P = b.useRef(), l = O(P, s), {
-    active: R,
-    highlighted: g,
-    selected: h,
-    getRootProps: T
-  } = te(f({}, t, {
-    rootRef: l,
-    value: p
-  })), u = f({}, t, {
-    active: R,
-    disabled: r,
-    highlighted: g,
-    selected: h
-  }), C = se(u), d = (n = i.root) != null ? n : "button", v = z({
-    elementType: d,
-    getSlotProps: T,
-    externalSlotProps: a.root,
-    externalForwardedProps: m,
+    children: u,
+    disabled: a = !1,
+    slotProps: n = {},
+    slots: d = {},
+    value: l
+  } = t, b = A(t, ae), R = P.useRef(), c = I(R, s), {
+    active: g,
+    highlighted: h,
+    selected: T,
+    getRootProps: _
+  } = oe(m({}, t, {
+    rootRef: c,
+    value: l
+  })), f = m({}, t, {
+    active: g,
+    disabled: a,
+    highlighted: h,
+    selected: T
+  }), C = ne(f), p = (r = d.root) != null ? r : "button", v = G({
+    elementType: p,
+    getSlotProps: _,
+    externalSlotProps: n.root,
+    externalForwardedProps: b,
     additionalProps: {
       ref: s
     },
-    ownerState: u,
+    ownerState: f,
     className: C.root
   });
-  return /* @__PURE__ */ N(d, f({}, v, {
-    children: c
+  return /* @__PURE__ */ y(p, m({}, v, {
+    children: u
   }));
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -164,20 +165,25 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
    */
   value: e.oneOfType([e.number, e.string])
 });
-const pe = H(
-  ({ children: o, value: t, disabled: s, className: n, "data-testid": c }, r) => {
-    const a = U(D), i = j(
-      () => k(
-        y.tabs__tab,
-        t === (a == null ? void 0 : a.value) && y["tabs__tab--selected"],
-        s && y["tabs__tab--disabled"],
-        n
+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(
+      () => 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"],
+        r
       ),
-      [t, a, s]
+      [t, l, s, n]
     );
-    return /* @__PURE__ */ N(F, { className: i, disabled: s, value: t, "data-testid": c, ref: r, children: o });
+    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 }),
+      o
+    ] });
   }
 );
 export {
-  pe as Tab
+  Re as Tab
 };

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

@@ -12,4 +12,8 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
+export declare const Icon: Story;
+export declare const Chip: Story;
+export declare const IconChip: 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-BGGTkDc5.js";
+import { u as x, s as C } from "../../Tabs.module-DSjBjg0Z.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-BGGTkDc5.js";
+import { T as G, u as J, s as Q } from "../../Tabs.module-DSjBjg0Z.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,9 +1,8 @@
-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";
-const g = "_container_b8jbs_1", e = {
+import '../../assets/Tag.css';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,9 +1,8 @@
-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";
-const g = "_container_ia8vu_1", e = {
+import '../../assets/TextDisplay.css';const g = "_container_ia8vu_1", e = {
   container: g,
   "container--inline": "_container--inline_ia8vu_5"
 }, i = ({

package/dist/components/Toggle/Toggle.js

@@ -1,11 +1,10 @@
-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";
-function W(l) {
+import '../../assets/Toggle.css';function W(l) {
   const {
     checked: s,
     defaultChecked: i,

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

@@ -6,7 +6,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         legend?: import('react').ReactNode;
         error?: import('react').ReactNode;
         children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];

package/dist/components/Tooltip/Tooltip.js

@@ -1,4 +1,3 @@
-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";
@@ -6,7 +5,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";
-function I() {
+import '../../assets/Tooltip.css';function I() {
   const e = u.useContext(O);
   if (!e)
     throw new Error("Missing transition context");

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

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         open?: boolean | undefined;

package/dist/components/Typography/Typography.js

@@ -1,9 +1,8 @@
-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";
-const t = {
+import '../../assets/Typography.css';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/dist/components/Typography/Typography.stories.d.ts

@@ -12,7 +12,7 @@ declare const meta: {
             };
         };
     };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         element?: import('react').ElementType | undefined;
         variant?: import('./Typography').VariantType | undefined;

package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts

@@ -12,7 +12,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -91,7 +91,7 @@
     "typescript": "^5.2.2",
     "vite": "^5.2.0",
     "vite-plugin-dts": "^3.8.1",
-    "vite-plugin-lib-inject-css": "^2.0.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^1.4.0",
     "vitest-preview": "^0.0.1"

package/dist/Tabs.module-BGGTkDc5.js

@@ -1,22 +0,0 @@
-import './assets/Tabs.css';
-import * as a from "react";
-const s = /* @__PURE__ */ a.createContext(null);
-process.env.NODE_ENV !== "production" && (s.displayName = "TabsContext");
-function e() {
-  const t = a.useContext(s);
-  if (t == null)
-    throw new Error("No TabsContext provided");
-  return t;
-}
-const _ = "_tabs_1xfbu_1", b = "_tabs__tab_1xfbu_5", o = {
-  tabs: _,
-  tabs__tab: b,
-  "tabs__tab--disabled": "_tabs__tab--disabled_1xfbu_23",
-  "tabs__tab--selected": "_tabs__tab--selected_1xfbu_32",
-  "tabs__tab-panel": "_tabs__tab-panel_1xfbu_36"
-};
-export {
-  s as T,
-  o as s,
-  e as u
-};