@pismo/marola 0.0.1-alpha.32 → 0.0.1-alpha.5

package/dist/components/Table/Table.js

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

package/dist/components/Table/TableContext.d.ts

@@ -1,19 +0,0 @@
-import { SortTranslationsByKeys } from '../SortTooltip/SortTooltip';
-import { PaginationTranslations } from '../Pagination/Pagination';
-import { ReactNode } from 'react';
-
-export type TableTranslationsKeys = keyof PaginationTranslations | keyof SortTranslationsByKeys;
-export type TableTranslations = {
-    [key in TableTranslationsKeys]?: string;
-};
-type ITableContext = {
-    translations?: TableTranslations;
-    setTranslations: (translation: TableTranslations) => void;
-};
-type TableProviderProps = {
-    initialTranslations?: TableTranslations;
-    children: ReactNode;
-};
-declare const TableProvider: ({ initialTranslations, children }: TableProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useTable: () => Partial<ITableContext>;
-export { TableProvider };

package/dist/components/Table/TableContext.js

@@ -1,21 +1 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createContext as n, useState as u, useEffect as x, useContext as a } from "react";
-const o = n({}), b = ({ initialTranslations: e, children: r }) => {
-  const [s, t] = u(e);
-  return x(() => {
-    t(e);
-  }, [e]), /* @__PURE__ */ c(
-    o.Provider,
-    {
-      value: {
-        translations: s,
-        setTranslations: t
-      },
-      children: r
-    }
-  );
-}, p = () => a(o);
-export {
-  b as TableProvider,
-  p as useTable
-};
+

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

@@ -1,14 +1,9 @@
 import { ReactNode } from 'react';
 
 export interface TabProps {
-    /** The value to be showing in the tab */
     children: ReactNode;
-    /** The value that corresponds to the panel to show.
-     * e.g. value="1" when this tab is clicked it will show the panel which also has value="1! */
     value: string | number;
-    /** Disable clicking the tab */
     disabled?: boolean;
-    /** data test id */
     dataTestId?: string;
 }
-export declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Tabs/Tab.js

@@ -1,123 +1,183 @@
-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-jkH1Qjn7.js";
-import { g as L, a as W, u as O, f as $, b as d, _ as q, c as z, P as e, d as A, e as G } from "../../index-CH45lKw7.js";
-import { u as J, c as K } from "../../combineHooksSlotProps-DVjg9PRh.js";
-import { u as Q, a as X } from "../../useCompoundItem-D1iRfg8D.js";
-import { u as Y } from "../../useButton-DNk3wrQp.js";
-const E = "Tab";
-function Z(o) {
-  return L(E, o);
+import { jsx as I } from "react/jsx-runtime";
+import * as f from "react";
+import { forwardRef as S, useContext as U, useMemo as j } from "react";
+import { c as D } from "../../clsx-DB4S2d7J.js";
+import { u as $, T as A, s as y } from "../../Tabs.module-BKlNuSPH.js";
+import { a as p, _ as B } from "../../objectWithoutPropertiesLoose-ClNcje2_.js";
+import { h as O, g as W, a as q, f as N, u as z, P as o, c as G, b as J } from "../../index-BvA1HyDs.js";
+import { u as K, a as Q } from "../../useCompoundItem-wTwXbURC.js";
+import { L as X, a as E } from "../../ListContext-Dj2Va7Iv.js";
+import { u as Y } from "../../useButton-abQpo0za.js";
+function Z(n) {
+  const {
+    handlePointerOverEvents: t = !1,
+    item: e
+  } = n, s = f.useContext(X);
+  if (!s)
+    throw new Error("useListItem must be used within a ListProvider");
+  const {
+    dispatch: a,
+    getItemState: i
+  } = s, {
+    highlighted: c,
+    selected: b,
+    focusable: m
+  } = i(e), h = f.useCallback((l) => (r) => {
+    var d;
+    if ((d = l.onClick) == null || d.call(l, r), !r.defaultPrevented) {
+      if (process.env.NODE_ENV !== "production" && e === void 0)
+        throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
+`));
+      a({
+        type: E.itemClick,
+        item: e,
+        event: r
+      });
+    }
+  }, [a, e]), P = f.useCallback((l) => (r) => {
+    var d;
+    if ((d = l.onMouseOver) == null || d.call(l, r), !r.defaultPrevented) {
+      if (process.env.NODE_ENV !== "production" && e === void 0)
+        throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
+`));
+      a({
+        type: E.itemHover,
+        item: e,
+        event: r
+      });
+    }
+  }, [a, e]);
+  let u;
+  return m && (u = c ? 0 : -1), {
+    getRootProps: (l = {}) => {
+      const r = O(l);
+      return p({}, l, {
+        onClick: h(r),
+        onPointerOver: t ? P(r) : void 0,
+        tabIndex: u
+      });
+    },
+    highlighted: c,
+    selected: b
+  };
+}
+function ee(n, t) {
+  return function(s = {}) {
+    const a = p({}, s, n(s));
+    return p({}, a, t(a));
+  };
 }
-W(E, ["root", "selected", "disabled"]);
-function ee(o) {
-  return o.size;
+const w = "Tab";
+function te(n) {
+  return W(w, n);
 }
-function te(o) {
+q(w, ["root", "selected", "disabled"]);
+function oe(n) {
+  return n.size;
+}
+function se(n) {
   const {
     value: t,
-    rootRef: s,
-    disabled: n = !1,
+    rootRef: e,
+    disabled: s = !1,
+    id: a
+  } = n, i = f.useRef(null), c = K(a), {
+    value: b,
+    selectionFollowsFocus: m,
+    getTabPanelId: h
+  } = $(), P = f.useMemo(() => ({
+    disabled: s,
+    ref: i,
     id: c
-  } = o, a = b.useRef(null), r = Q(c), {
-    value: f,
-    selectionFollowsFocus: p,
-    getTabPanelId: m
-  } = B(), P = b.useMemo(() => ({
-    disabled: n,
-    ref: a,
-    id: r
-  }), [n, a, r]), {
-    id: l,
-    index: R,
-    totalItemCount: g
-  } = X(t ?? ee, P), {
-    getRootProps: h,
-    highlighted: T,
-    selected: i
-  } = J({
-    item: l
+  }), [s, i, c]), {
+    id: u,
+    index: C,
+    totalItemCount: l
+  } = Q(t ?? oe, P), {
+    getRootProps: r,
+    highlighted: d,
+    selected: g
+  } = Z({
+    item: u
   }), {
-    getRootProps: C,
-    rootRef: u,
-    active: v,
-    focusVisible: I,
-    setFocusVisible: V
+    getRootProps: v,
+    rootRef: R,
+    active: T,
+    focusVisible: L,
+    setFocusVisible: M
   } = Y({
-    disabled: n,
-    focusableWhenDisabled: !p,
+    disabled: s,
+    focusableWhenDisabled: !m,
     type: "button"
-  }), _ = O(a, s, u), M = l !== void 0 ? m(l) : void 0;
+  }), _ = N(i, e, R), H = u !== void 0 ? h(u) : void 0;
   return {
     getRootProps: (x = {}) => {
-      const S = $(x), w = K(h, C);
-      return d({}, x, w(S), {
+      const V = O(x), F = ee(r, v);
+      return p({}, x, F(V), {
         role: "tab",
-        "aria-controls": M,
-        "aria-selected": i,
-        id: r,
+        "aria-controls": H,
+        "aria-selected": g,
+        id: c,
         ref: _
       });
     },
-    active: v,
-    focusVisible: I,
-    highlighted: T,
-    index: R,
+    active: T,
+    focusVisible: L,
+    highlighted: d,
+    index: C,
     rootRef: _,
     // the `selected` state isn't set on the server (it relies on effects to be calculated),
     // so we fall back to checking the `value` prop with the selectedValue from the TabsContext
-    selected: i || l === f,
-    setFocusVisible: V,
-    totalTabsCount: g
+    selected: g || u === b,
+    setFocusVisible: M,
+    totalTabsCount: l
   };
 }
-const oe = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], se = (o) => {
+const ne = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], re = (n) => {
   const {
     selected: t,
-    disabled: s
-  } = o;
-  return A({
-    root: ["root", t && "selected", s && "disabled"]
-  }, G(Z));
-}, F = /* @__PURE__ */ b.forwardRef(function(t, s) {
-  var n;
+    disabled: e
+  } = n;
+  return G({
+    root: ["root", t && "selected", e && "disabled"]
+  }, J(te));
+}, k = /* @__PURE__ */ f.forwardRef(function(t, e) {
+  var s;
   const {
-    children: c,
-    disabled: a = !1,
-    slotProps: r = {},
-    slots: f = {},
-    value: p
-  } = t, m = q(t, oe), P = b.useRef(), l = O(P, s), {
-    active: R,
-    highlighted: g,
-    selected: h,
-    getRootProps: T
-  } = te(d({}, t, {
-    rootRef: l,
-    value: p
-  })), i = d({}, t, {
-    active: R,
-    disabled: a,
-    highlighted: g,
-    selected: h
-  }), C = se(i), u = (n = f.root) != null ? n : "button", v = z({
-    elementType: u,
-    getSlotProps: T,
-    externalSlotProps: r.root,
-    externalForwardedProps: m,
+    children: a,
+    disabled: i = !1,
+    slotProps: c = {},
+    slots: b = {},
+    value: m
+  } = t, h = B(t, ne), P = f.useRef(), u = N(P, e), {
+    active: C,
+    highlighted: l,
+    selected: r,
+    getRootProps: d
+  } = se(p({}, t, {
+    rootRef: u,
+    value: m
+  })), g = p({}, t, {
+    active: C,
+    disabled: i,
+    highlighted: l,
+    selected: r
+  }), v = re(g), R = (s = b.root) != null ? s : "button", T = z({
+    elementType: R,
+    getSlotProps: d,
+    externalSlotProps: c.root,
+    externalForwardedProps: h,
     additionalProps: {
-      ref: s
+      ref: e
     },
-    ownerState: i,
-    className: C.root
+    ownerState: g,
+    className: v.root
   });
-  return /* @__PURE__ */ N(u, d({}, v, {
-    children: c
+  return /* @__PURE__ */ I(R, p({}, T, {
+    children: a
   }));
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
+process.env.NODE_ENV !== "production" && (k.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -125,57 +185,57 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
   /**
    * A ref for imperative actions. It currently only supports `focusVisible()` action.
    */
-  action: e.oneOfType([e.func, e.shape({
-    current: e.shape({
-      focusVisible: e.func.isRequired
+  action: o.oneOfType([o.func, o.shape({
+    current: o.shape({
+      focusVisible: o.func.isRequired
     })
   })]),
   /**
    * @ignore
    */
-  children: e.node,
+  children: o.node,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: o.bool,
   /**
    * Callback invoked when new value is being set.
    */
-  onChange: e.func,
+  onChange: o.func,
   /**
    * The props used for each slot inside the Tab.
    * @default {}
    */
-  slotProps: e.shape({
-    root: e.oneOfType([e.func, e.object])
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside the Tab.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: e.shape({
-    root: e.elementType
+  slots: o.shape({
+    root: o.elementType
   }),
   /**
    * You can provide your own value. Otherwise, it falls back to the child position index.
    */
-  value: e.oneOfType([e.number, e.string])
+  value: o.oneOfType([o.number, o.string])
 });
-const fe = H(
-  ({ children: o, value: t, disabled: s, dataTestId: n }, c) => {
-    const a = U(D), r = j(
-      () => k(
+const he = S(
+  ({ children: n, value: t, disabled: e, dataTestId: s }, a) => {
+    const i = U(A), c = j(
+      () => D(
         y.tabs__tab,
-        t === (a == null ? void 0 : a.value) && y["tabs__tab--selected"],
-        s && y["tabs__tab--disabled"]
+        t === (i == null ? void 0 : i.value) && y["tabs__tab--selected"],
+        e && y["tabs__tab--disabled"]
       ),
-      [t, a, s]
+      [t, i, e]
     );
-    return /* @__PURE__ */ N(F, { className: r, disabled: s, value: t, "data-testid": n, ref: c, children: o });
+    return /* @__PURE__ */ I(k, { className: c, disabled: e, value: t, "data-testid": s, ref: a, children: n });
   }
 );
 export {
-  fe as Tab
+  he as Tab
 };

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

@@ -1,12 +1,8 @@
 import { ReactNode } from 'react';
 
 export interface TabPanelProps {
-    /** The content to be displayed when the corresponding tab is selected */
     children: ReactNode;
-    /** The value that identifies which tab is selected.
-     * e.g. value="1" when the tab button with the value="1" is selected this content will show */
     value: string | number;
-    /** Test id */
     dataTestId?: string;
 }
-export declare const TabPanel: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const TabPanel: import('react').ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/TabPanel.js

@@ -1,14 +1,15 @@
 import { jsx as T } from "react/jsx-runtime";
-import * as m from "react";
+import * as P from "react";
 import { forwardRef as v } from "react";
-import { u as y, s as x } from "../../Tabs.module-jkH1Qjn7.js";
-import { g as C, a as N, u as _, b, _ as w, c as O, P as o, d as E, e as I } from "../../index-CH45lKw7.js";
-import { u as S, a as U } from "../../useCompoundItem-D1iRfg8D.js";
+import { u as y, s as x } from "../../Tabs.module-BKlNuSPH.js";
+import { a as b, _ as C } from "../../objectWithoutPropertiesLoose-ClNcje2_.js";
+import { g as N, a as _, f as w, u as O, P as o, c as E, b as I } from "../../index-BvA1HyDs.js";
+import { u as S, a as U } from "../../useCompoundItem-wTwXbURC.js";
 const h = "TabPanel";
 function j(t) {
-  return C(h, t);
+  return N(h, t);
 }
-N(h, ["root", "hidden"]);
+_(h, ["root", "hidden"]);
 function M(t) {
   return t.size;
 }
@@ -22,13 +23,13 @@ function V(t) {
     throw new Error("No TabContext provided");
   const {
     value: f,
-    getTabId: P
-  } = i, a = S(s), r = m.useRef(null), c = _(r, n), u = m.useMemo(() => ({
+    getTabId: m
+  } = i, a = S(s), r = P.useRef(null), c = w(r, n), u = P.useMemo(() => ({
     id: a,
     ref: r
   }), [a]), {
     id: l
-  } = U(e ?? M, u), d = l !== f, p = l !== void 0 ? P(l) : void 0;
+  } = U(e ?? M, u), d = l !== f, p = l !== void 0 ? m(l) : void 0;
   return {
     hidden: d,
     getRootProps: (g = {}) => b({
@@ -48,18 +49,18 @@ const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
   return E({
     root: ["root", e && "hidden"]
   }, I(j));
-}, R = /* @__PURE__ */ m.forwardRef(function(e, s) {
+}, R = /* @__PURE__ */ P.forwardRef(function(e, s) {
   var n;
   const {
     children: i,
     slotProps: f = {},
-    slots: P = {}
-  } = e, a = w(e, F), {
+    slots: m = {}
+  } = e, a = C(e, F), {
     hidden: r,
     getRootProps: c
   } = V(e), u = b({}, e, {
     hidden: r
-  }), l = $(u), d = (n = P.root) != null ? n : "div", p = O({
+  }), l = $(u), d = (n = m.root) != null ? n : "div", p = O({
     elementType: d,
     getSlotProps: c,
     externalSlotProps: f.root,
@@ -110,9 +111,9 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
    */
   value: o.oneOfType([o.number, o.string])
 });
-const W = v(
+const q = v(
   ({ children: t, value: e, dataTestId: s }, n) => /* @__PURE__ */ T(R, { className: x["tabs__tab-panel"], value: e, "data-testid": s, ref: n, children: t })
 );
 export {
-  W as TabPanel
+  q as TabPanel
 };

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

@@ -1,15 +1,9 @@
 import { ReactNode } from 'react';
 
 export interface TabsProps {
-    /** Should contain `Tab` and `TabPanel` components to be rendered  */
     children?: ReactNode;
-    /** Selected tab */
     value?: number | string;
-    /** Callback triggered when the user has selected a tab */
-    onChange?: (tabValue: number | string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
-    /** Test id */
     dataTestId?: string;
+    onChange?: (tabValue: number | string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
 }
-export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
-export * from './Tab';
-export * from './TabPanel';
+export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;