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

package/dist/components/TextDisplay/TextDisplay.js

@@ -1,37 +1,37 @@
 import '../../assets/TextDisplay.css';
 import { jsxs as h, jsx as c } from "react/jsx-runtime";
-import { Skeleton as o } from "../Skeleton/Skeleton.js";
-import { Typography as y } from "../Typography/Typography.js";
+import { Skeleton as d } from "../Skeleton/Skeleton.js";
+import { Typography as o } from "../Typography/Typography.js";
 const x = "_container_13z5o_1", f = {
   container: x
-}, g = ({
-  label: e,
-  value: m,
-  isLoading: d = !1,
+}, $ = ({
+  label: m,
+  value: y,
+  isLoading: e = !1,
   testId: t = "TextDisplay",
   labelOptions: r,
   valueOptions: a
 }) => /* @__PURE__ */ h("div", { className: f.container, children: [
   /* @__PURE__ */ c(
-    y,
+    o,
     {
       color: (r == null ? void 0 : r.color) || "var(--gray-90)",
-      variant: (r == null ? void 0 : r.variant) || "body-small",
+      variant: (r == null ? void 0 : r.variant) || "base",
       "data-testid": `${t}-label`,
-      children: d ? /* @__PURE__ */ c(o, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : e
+      children: e ? /* @__PURE__ */ c(d, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : m
     }
   ),
   /* @__PURE__ */ c(
-    y,
+    o,
     {
       bold: !0,
       color: (a == null ? void 0 : a.color) || "var(--gray-90)",
-      variant: (a == null ? void 0 : a.variant) || "body",
+      variant: (a == null ? void 0 : a.variant) || "base-lg",
       "data-testid": `${t}-value`,
-      children: d ? /* @__PURE__ */ c(o, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : m || "-"
+      children: e ? /* @__PURE__ */ c(d, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : y || "-"
     }
   )
 ] });
 export {
-  g as TextDisplay
+  $ as TextDisplay
 };

package/dist/components/Toggle/Toggle.js

@@ -1,133 +1,133 @@
 import '../../assets/Toggle.css';
-import { jsxs as I, jsx as P } from "react/jsx-runtime";
-import { c as C } from "../../clsx-DB4S2d7J.js";
-import { u as v, b as x, g as U, a as q, _ as H, c as F, P as e, d as M, e as A } from "../../index-CH45lKw7.js";
-import * as N from "react";
-import { u as D } from "../../useControlled-CCMYYdCM.js";
-import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
-function W(l) {
+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 q, c as C, P as e, d as H, e as M } from "../../index-CH45lKw7.js";
+import * as F from "react";
+import { u as A } from "../../useControlled-CCMYYdCM.js";
+import { u as D } from "../../useIsFocusVisible-BH4IAdcw.js";
+function L(l) {
   const {
     checked: s,
-    defaultChecked: p,
-    disabled: c,
-    onBlur: a,
-    onChange: g,
-    onFocus: r,
+    defaultChecked: i,
+    disabled: r,
+    onBlur: c,
+    onChange: h,
+    onFocus: n,
     onFocusVisible: u,
-    readOnly: n,
-    required: i
-  } = l, [V, S] = D({
+    readOnly: a,
+    required: p
+  } = l, [N, V] = A({
     controlled: s,
-    default: !!p,
+    default: !!i,
     name: "Switch",
     state: "checked"
-  }), B = (t) => (o) => {
-    var b;
-    o.nativeEvent.defaultPrevented || (S(o.target.checked), g == null || g(o), (b = t.onChange) == null || b.call(t, o));
+  }), S = (t) => (o) => {
+    var d;
+    o.nativeEvent.defaultPrevented || (V(o.target.checked), h == null || h(o), (d = t.onChange) == null || d.call(t, o));
   }, {
-    isFocusVisibleRef: _,
-    onBlur: w,
-    onFocus: f,
-    ref: m
-  } = L(), [h, y] = N.useState(!1);
-  c && h && y(!1), N.useEffect(() => {
-    _.current = h;
-  }, [h, _]);
-  const k = N.useRef(null), R = (t) => (o) => {
-    var b;
-    k.current || (k.current = o.currentTarget), f(o), _.current === !0 && (y(!0), u == null || u(o)), r == null || r(o), (b = t.onFocus) == null || b.call(t, o);
+    isFocusVisibleRef: b,
+    onBlur: B,
+    onFocus: _,
+    ref: f
+  } = D(), [y, z] = F.useState(!1);
+  r && y && z(!1), F.useEffect(() => {
+    b.current = y;
+  }, [y, b]);
+  const m = F.useRef(null), w = (t) => (o) => {
+    var d;
+    m.current || (m.current = o.currentTarget), _(o), b.current === !0 && (z(!0), u == null || u(o)), n == null || n(o), (d = t.onFocus) == null || d.call(t, o);
   }, T = (t) => (o) => {
-    var b;
-    w(o), _.current === !1 && y(!1), a == null || a(o), (b = t.onBlur) == null || b.call(t, o);
-  }, O = v(m, k);
+    var d;
+    B(o), b.current === !1 && z(!1), c == null || c(o), (d = t.onBlur) == null || d.call(t, o);
+  }, x = E(f, m);
   return {
-    checked: V,
-    disabled: !!c,
-    focusVisible: h,
-    getInputProps: (t = {}) => x({
+    checked: N,
+    disabled: !!r,
+    focusVisible: y,
+    getInputProps: (t = {}) => k({
       checked: s,
-      defaultChecked: p,
-      disabled: c,
-      readOnly: n,
-      ref: O,
-      required: i,
+      defaultChecked: i,
+      disabled: r,
+      readOnly: a,
+      ref: x,
+      required: p,
       type: "checkbox",
       role: "switch",
       "aria-checked": s
     }, t, {
-      onChange: B(t),
-      onFocus: R(t),
+      onChange: S(t),
+      onFocus: w(t),
       onBlur: T(t)
     }),
-    inputRef: O,
-    readOnly: !!n
+    inputRef: x,
+    readOnly: !!a
   };
 }
-const $ = "Switch";
-function z(l) {
-  return U($, l);
+const I = "Switch";
+function W(l) {
+  return v(I, l);
 }
-q($, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
+U(I, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
 const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "slotProps", "slots"], J = (l) => {
   const {
     checked: s,
-    disabled: p,
-    focusVisible: c,
-    readOnly: a
+    disabled: i,
+    focusVisible: r,
+    readOnly: c
   } = l;
-  return M({
-    root: ["root", s && "checked", p && "disabled", c && "focusVisible", a && "readOnly"],
+  return H({
+    root: ["root", s && "checked", i && "disabled", r && "focusVisible", c && "readOnly"],
     thumb: ["thumb"],
     input: ["input"],
     track: ["track"]
-  }, A(z));
-}, E = /* @__PURE__ */ N.forwardRef(function(s, p) {
-  var c, a, g, r;
+  }, M(W));
+}, $ = /* @__PURE__ */ F.forwardRef(function(s, i) {
+  var r, c, h, n;
   const {
     slotProps: u = {},
-    slots: n = {}
-  } = s, i = H(s, G), {
-    getInputProps: V,
-    checked: S,
-    disabled: B,
-    focusVisible: _,
-    readOnly: w
-  } = W(s), f = x({}, s, {
-    checked: S,
-    disabled: B,
-    focusVisible: _,
-    readOnly: w
-  }), m = J(f), h = (c = n.root) != null ? c : "span", y = F({
-    elementType: h,
+    slots: a = {}
+  } = s, p = q(s, G), {
+    getInputProps: N,
+    checked: V,
+    disabled: S,
+    focusVisible: b,
+    readOnly: B
+  } = L(s), _ = k({}, s, {
+    checked: V,
+    disabled: S,
+    focusVisible: b,
+    readOnly: B
+  }), f = J(_), y = (r = a.root) != null ? r : "span", z = C({
+    elementType: y,
     externalSlotProps: u.root,
-    externalForwardedProps: i,
+    externalForwardedProps: p,
     additionalProps: {
-      ref: p
+      ref: i
     },
-    ownerState: f,
-    className: m.root
-  }), k = (a = n.thumb) != null ? a : "span", R = F({
-    elementType: k,
+    ownerState: _,
+    className: f.root
+  }), m = (c = a.thumb) != null ? c : "span", w = C({
+    elementType: m,
     externalSlotProps: u.thumb,
-    ownerState: f,
-    className: m.thumb
-  }), T = (g = n.input) != null ? g : "input", O = F({
+    ownerState: _,
+    className: f.thumb
+  }), T = (h = a.input) != null ? h : "input", x = C({
     elementType: T,
-    getSlotProps: V,
+    getSlotProps: N,
     externalSlotProps: u.input,
-    ownerState: f,
-    className: m.input
-  }), j = n.track === null ? () => null : (r = n.track) != null ? r : "span", t = F({
-    elementType: j,
+    ownerState: _,
+    className: f.input
+  }), R = a.track === null ? () => null : (n = a.track) != null ? n : "span", t = C({
+    elementType: R,
     externalSlotProps: u.track,
-    ownerState: f,
-    className: m.track
+    ownerState: _,
+    className: f.track
   });
-  return /* @__PURE__ */ I(h, x({}, y, {
-    children: [/* @__PURE__ */ P(j, x({}, t)), /* @__PURE__ */ P(k, x({}, R)), /* @__PURE__ */ P(T, x({}, O))]
+  return /* @__PURE__ */ j(y, k({}, z, {
+    children: [/* @__PURE__ */ P(R, k({}, t)), /* @__PURE__ */ P(m, k({}, w)), /* @__PURE__ */ P(T, k({}, x))]
   }));
 });
-process.env.NODE_ENV !== "production" && (E.propTypes = {
+process.env.NODE_ENV !== "production" && ($.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -198,54 +198,69 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
     track: e.oneOfType([e.elementType, e.oneOf([null])])
   })
 });
-const K = "_toggle_1icxx_1", Q = "_input_1icxx_12", X = "_thumb_1icxx_23", Y = "_track_1icxx_37", Z = "_toggle__label_1icxx_61", d = {
-  toggle: K,
-  "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_1icxx_8",
-  input: Q,
-  thumb: X,
-  track: Y,
-  "toggle--focus-visible": "_toggle--focus-visible_1icxx_47",
-  "toggle--checked": "_toggle--checked_1icxx_51",
-  toggle__label: Z,
-  "toggle--disabled": "_toggle--disabled_1icxx_66"
-}, ce = ({
+const K = "_toggle__label_1rzg2_43", Q = "_toggle_1rzg2_43", X = "_input_1rzg2_88", Y = "_thumb_1rzg2_99", Z = "_track_1rzg2_113", g = {
+  "u-typography-h1": "_u-typography-h1_1rzg2_1",
+  "u-typography-h2": "_u-typography-h2_1rzg2_8",
+  "u-typography-h3": "_u-typography-h3_1rzg2_15",
+  "u-typography-h4": "_u-typography-h4_1rzg2_22",
+  "u-typography-h5": "_u-typography-h5_1rzg2_29",
+  "u-typography-h6": "_u-typography-h6_1rzg2_36",
+  "u-typography-base": "_u-typography-base_1rzg2_43",
+  toggle__label: K,
+  "u-typography-base--xxl": "_u-typography-base--xxl_1rzg2_48",
+  "u-typography-base--xl": "_u-typography-base--xl_1rzg2_52",
+  "u-typography-base--lg": "_u-typography-base--lg_1rzg2_56",
+  "u-typography-base--sm": "_u-typography-base--sm_1rzg2_60",
+  "u-typography-base--bold": "_u-typography-base--bold_1rzg2_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rzg2_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1rzg2_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rzg2_73",
+  toggle: Q,
+  "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_1rzg2_84",
+  input: X,
+  thumb: Y,
+  track: Z,
+  "toggle--focus-visible": "_toggle--focus-visible_1rzg2_123",
+  "toggle--checked": "_toggle--checked_1rzg2_127",
+  "toggle--disabled": "_toggle--disabled_1rzg2_140"
+}, re = ({
   label: l,
   checked: s,
-  disabled: p,
-  classNameWrapper: c,
-  classNameInput: a,
-  "data-testid": g,
-  onChange: r,
+  disabled: i,
+  classNameWrapper: r,
+  classNameInput: c,
+  "data-testid": h,
+  onChange: n,
   classNameLabel: u
 }) => {
-  const n = (i) => {
-    r == null || r(i);
+  const a = (p) => {
+    n == null || n(p);
   };
-  return /* @__PURE__ */ I("div", { className: C(d.toggle, c), "data-testid": g, children: [
+  return /* @__PURE__ */ j("div", { className: O(g.toggle, r), "data-testid": h, children: [
     /* @__PURE__ */ P(
-      E,
+      $,
       {
         checked: s === !0,
-        disabled: p,
-        onChange: n,
+        disabled: i,
+        onChange: a,
         "aria-label": l,
         slotProps: {
-          root: (i) => ({
-            className: C(d["toggle__toggle-el-wrapper"], {
-              [d["toggle--disabled"]]: i.disabled,
-              [d["toggle--focus-visible"]]: i.focusVisible,
-              [d["toggle--checked"]]: i.checked
+          root: (p) => ({
+            className: O(g["toggle__toggle-el-wrapper"], {
+              [g["toggle--disabled"]]: p.disabled,
+              [g["toggle--focus-visible"]]: p.focusVisible,
+              [g["toggle--checked"]]: p.checked
             })
           }),
-          input: { className: C(d.input, a) },
-          thumb: { className: d.thumb },
-          track: { className: d.track }
+          input: { className: O(g.input, c) },
+          thumb: { className: g.thumb },
+          track: { className: g.track }
         }
       }
     ),
-    l && /* @__PURE__ */ P("label", { className: C(d.toggle__label, u), children: l })
+    l && /* @__PURE__ */ P("label", { className: O(g.toggle__label, u), children: l })
   ] });
 };
 export {
-  ce as Toggle
+  re as Toggle
 };

package/dist/components/Typography/Typography.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType, ElementType, HTMLAttributes, LabelHTMLAttributes, ReactNode } from 'react';
 
-export type VariantType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-large' | 'body-medium' | 'body' | 'body-small' | 'body-tiny' | 'quote-large' | 'quote' | 'form-input' | 'form-label' | 'form-hint' | 'form-dropdown' | 'table-header' | 'table-body' | 'table-body-secondary' | 'button' | 'link';
+export type VariantType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'base-lg' | 'base-xl' | 'base-xxl' | 'base' | 'base-sm';
 export type CommonTypographyHTMLAttributes = HTMLAttributes<HTMLParagraphElement> & HTMLAttributes<HTMLHeadingElement> & HTMLAttributes<HTMLSpanElement> & HTMLAttributes<HTMLTableCellElement>;
 export type TypographyProps = {
     /** Text or children to display */

package/dist/components/Typography/Typography.js

@@ -1,94 +1,64 @@
 import '../../assets/Typography.css';
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as y, useMemo as g } from "react";
-import { bemify as p, getBEMBase as q, getBEMBlock as M } from "../../utils/styleStrings.js";
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as m, useMemo as c } from "react";
+import { bemify as f, getBEMBase as k, getBEMBlock as x } from "../../utils/styleStrings.js";
 import { c as B } from "../../clsx-DB4S2d7J.js";
-const E = "_h1_1elsk_1", S = "_h2_1elsk_11", $ = "_h3_1elsk_21", w = "_h4_1elsk_31", v = "_body_1elsk_41", x = "_quote_1elsk_75", N = "_form__input_1elsk_98", T = "_form__hint_1elsk_103", j = "_form__label_1elsk_108", P = "_form__dropdown_1elsk_113", R = "_table__header_1elsk_131", U = "_table__body_1elsk_136", V = "_button_1elsk_159", W = "_SM_1elsk_178", t = {
-  h1: E,
-  "h1--bold": "_h1--bold_1elsk_7",
-  h2: S,
-  "h2--bold": "_h2--bold_1elsk_17",
-  h3: $,
-  "h3--bold": "_h3--bold_1elsk_27",
-  h4: w,
-  "h4--bold": "_h4--bold_1elsk_37",
-  body: v,
-  "body--large": "_body--large_1elsk_46",
-  "body--medium": "_body--medium_1elsk_50",
-  "body--small": "_body--small_1elsk_54",
-  "body--tiny": "_body--tiny_1elsk_58",
-  "body--bold": "_body--bold_1elsk_62",
-  "body--strikethrough": "_body--strikethrough_1elsk_65",
-  "body--underlined": "_body--underlined_1elsk_68",
-  "body--strikethrough-underlined": "_body--strikethrough-underlined_1elsk_71",
-  quote: x,
-  "quote--large": "_quote--large_1elsk_80",
-  "quote--bold": "_quote--bold_1elsk_85",
-  "quote--strikethrough": "_quote--strikethrough_1elsk_88",
-  "quote--underlined": "_quote--underlined_1elsk_91",
-  "quote--strikethrough-underlined": "_quote--strikethrough-underlined_1elsk_94",
-  form__input: N,
-  form__hint: T,
-  form__label: j,
-  form__dropdown: P,
-  "form--bold": "_form--bold_1elsk_118",
-  "form--strikethrough": "_form--strikethrough_1elsk_121",
-  "form--underlined": "_form--underlined_1elsk_124",
-  "form--strikethrough-underlined": "_form--strikethrough-underlined_1elsk_127",
-  table__header: R,
-  table__body: U,
-  "table__body--secondary": "_table__body--secondary_1elsk_141",
-  "table--bold": "_table--bold_1elsk_146",
-  "table--strikethrough": "_table--strikethrough_1elsk_149",
-  "table--underlined": "_table--underlined_1elsk_152",
-  "table--strikethrough-underlined": "_table--strikethrough-underlined_1elsk_155",
-  button: V,
-  "button--bold": "_button--bold_1elsk_165",
-  "button--strikethrough": "_button--strikethrough_1elsk_168",
-  "button--underlined": "_button--underlined_1elsk_171",
-  "button--strikethrough-underlined": "_button--strikethrough-underlined_1elsk_174",
-  SM: W,
-  "SM--bold": "_SM--bold_1elsk_183"
-}, z = ["form", "table"], A = (o) => {
-  const e = o.toString();
-  let _ = "body";
-  return e.match(/^h[1-4]/) ? _ = e : e.match(/^h[5-6]/) && (_ = "h4"), e === "th" && (_ = "table-header"), e === "td" && (_ = "table-body"), _;
-}, H = y((o, e) => {
+const t = {
+  "u-typography-h1": "_u-typography-h1_zizdh_1",
+  "u-typography-h2": "_u-typography-h2_zizdh_8",
+  "u-typography-h3": "_u-typography-h3_zizdh_15",
+  "u-typography-h4": "_u-typography-h4_zizdh_22",
+  "u-typography-h5": "_u-typography-h5_zizdh_29",
+  "u-typography-h6": "_u-typography-h6_zizdh_36",
+  "u-typography-base": "_u-typography-base_zizdh_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_zizdh_48",
+  "u-typography-base--xl": "_u-typography-base--xl_zizdh_52",
+  "u-typography-base--lg": "_u-typography-base--lg_zizdh_56",
+  "u-typography-base--sm": "_u-typography-base--sm_zizdh_60",
+  "u-typography-base--bold": "_u-typography-base--bold_zizdh_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_zizdh_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_zizdh_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_zizdh_73"
+}, E = (a) => {
+  const r = a.toString();
+  let h = "base";
+  return r.match(/^h[1-6]/) && (h = r), h;
+}, T = m((a, r) => {
   const {
-    children: _,
-    className: n,
-    underline: d = !1,
-    element: b = "span",
-    bold: h = !1,
-    color: k,
-    variant: u = A(b),
-    strikethrough: l = !1,
-    elementProps: a
-  } = o, m = b, c = g(() => {
-    const r = p(u, z), i = q(r), s = M(r);
-    return B(
-      t[i],
-      { [t[`${r}`]]: r !== i },
-      n,
-      { [t[`${s}--bold`]]: h },
-      { [t[`${s}--underlined`]]: d },
-      { [t[`${s}--strikethrough`]]: l },
-      { [t[`${s}--strikethrough-underlined`]]: l && l && d }
+    children: h,
+    className: s,
+    underline: y = !1,
+    element: u = "span",
+    bold: i = !1,
+    color: d,
+    variant: g = E(u),
+    strikethrough: o = !1,
+    elementProps: n
+  } = a, l = u, z = c(() => {
+    const e = `u-typography-${f(g)}`, _ = k(e), p = x(e);
+    return console.log("variantBEMified: ", e), B(
+      t[_],
+      { [t[`${e}`]]: e !== _ },
+      s,
+      { [t[`${p}--bold`]]: i },
+      { [t[`${p}--underlined`]]: y },
+      { [t[`${p}--strikethrough`]]: o },
+      { [t[`${p}--strikethrough-underlined`]]: o && o && y }
     );
-  }, [h, n, l, d, u]);
-  return /* @__PURE__ */ f(
-    m,
+  }, [i, s, o, y, g]);
+  return /* @__PURE__ */ b(
+    l,
     {
-      style: { color: k },
-      ref: e,
-      "data-testid": o["data-testid"],
-      ...a ?? {},
-      className: c,
-      children: _
+      style: { color: d },
+      ref: r,
+      "data-testid": a["data-testid"],
+      ...n ?? {},
+      className: z,
+      children: h
     }
   );
 });
 export {
-  H as Typography,
-  H as default
+  T as Typography,
+  T as default
 };

package/dist/main.js

@@ -4,61 +4,66 @@ import { Checkbox as f } from "./components/Checkbox/Checkbox.js";
 import { Chip as m } from "./components/Chip/Chip.js";
 import { Dialog as l } from "./components/Dialog/Dialog.js";
 import { FamilyAndIcons as T, Icon as s } from "./components/Icon/Icon.js";
-import { IconButton as S } from "./components/IconButton/IconButton.js";
-import { Input as u } from "./components/Input/Input.js";
-import { InputSearch as d } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as D } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as h } from "./components/PageHeader/PageHeader.js";
+import { IconButton as d } from "./components/IconButton/IconButton.js";
+import { Input as g } from "./components/Input/Input.js";
+import { InputSearch as b } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as k } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as D } from "./components/PageHeader/PageHeader.js";
 import { Pagination as C, paginationDefaultTranslations as A } from "./components/Pagination/Pagination.js";
-import { Select as B, SelectOption as v } from "./components/Select/Select.js";
-import { Skeleton as H, SkeletonCircle as L, SkeletonTable as O } from "./components/Skeleton/Skeleton.js";
+import { Select as P, SelectOption as H } from "./components/Select/Select.js";
+import { Skeleton as F, SkeletonCircle as L, SkeletonTable as O } from "./components/Skeleton/Skeleton.js";
 import { Snackbar as q } from "./components/Snackbar/Snackbar.js";
 import { SortTooltip as z, sortTooltipDefaultTranslations as E } from "./components/SortTooltip/SortTooltip.js";
 import { Stepper as J } from "./components/Stepper/Stepper.js";
-import { Table as M } from "./components/Table/Table.js";
-import { Tabs as Q } from "./components/Tabs/Tabs.js";
-import { TextDisplay as U } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as W } from "./components/Toggle/Toggle.js";
-import { Tooltip as Y } from "./components/Tooltip/Tooltip.js";
-import { Typography as _ } from "./components/Typography/Typography.js";
-import { default as oo } from "./components/Dialog/Title.js";
-import { default as eo } from "./components/Dialog/Content.js";
-import { default as po } from "./components/Dialog/Actions.js";
-import { Tab as fo } from "./components/Tabs/Tab.js";
-import { TabPanel as mo } from "./components/Tabs/TabPanel.js";
+import { TBody as M, THead as N, Table as Q, Td as R, Th as U, Tr as V } from "./components/Table/Table.js";
+import { Tabs as X } from "./components/Tabs/Tabs.js";
+import { TextDisplay as Z } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as $ } from "./components/Toggle/Toggle.js";
+import { Tooltip as ro } from "./components/Tooltip/Tooltip.js";
+import { Typography as to } from "./components/Typography/Typography.js";
+import { default as ao } from "./components/Dialog/DialogTitle.js";
+import { default as xo } from "./components/Dialog/Content.js";
+import { default as no } from "./components/Dialog/Actions.js";
+import { Tab as io } from "./components/Tabs/Tab.js";
+import { TabPanel as so } from "./components/Tabs/TabPanel.js";
 export {
-  po as Actions,
+  no as Actions,
   e as Advice,
   p as Button,
   f as Checkbox,
   m as Chip,
-  eo as Content,
+  xo as Content,
   l as Dialog,
-  oo as DialogTitle,
+  ao as DialogTitle,
   T as FamilyAndIcons,
   s as Icon,
-  S as IconButton,
-  u as Input,
-  d as InputSearch,
-  D as LoadingSpinner,
-  h as PageHeader,
+  d as IconButton,
+  g as Input,
+  b as InputSearch,
+  k as LoadingSpinner,
+  D as PageHeader,
   C as Pagination,
-  B as Select,
-  v as SelectOption,
-  H as Skeleton,
+  P as Select,
+  H as SelectOption,
+  F as Skeleton,
   L as SkeletonCircle,
   O as SkeletonTable,
   q as Snackbar,
   z as SortTooltip,
   J as Stepper,
-  fo as Tab,
-  mo as TabPanel,
-  M as Table,
-  Q as Tabs,
-  U as TextDisplay,
-  W as Toggle,
-  Y as Tooltip,
-  _ as Typography,
+  M as TBody,
+  N as THead,
+  io as Tab,
+  so as TabPanel,
+  Q as Table,
+  X as Tabs,
+  R as Td,
+  Z as TextDisplay,
+  U as Th,
+  $ as Toggle,
+  ro as Tooltip,
+  V as Tr,
+  to as Typography,
   A as paginationDefaultTranslations,
   E as sortTooltipDefaultTranslations
 };