@pismo/marola 1.0.0-beta.18 → 1.0.0-beta.2

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

@@ -28,15 +28,13 @@ export type TableProps = ChildrenProps & {
     paginationProps?: PaginationProps;
     /** Set theme */
     theme?: TableTheme;
-    /** Set css style `table-layout: fixed;` if was `true` */
-    isFixed?: boolean;
     /** Set language */
     language?: string;
     /** Set translations to labels */
     translations?: TableTranslations;
 };
 declare const Table: {
-    ({ children, theme, fullWidth, className, paginationProps, isFixed, language, translations, ...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, theme, fullWidth, className, paginationProps, language, translations, ...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
     THead: import('react').FunctionComponent<ChildrenProps>;
     TBody: import('react').FunctionComponent<ChildrenProps>;
     Tr: import('react').FunctionComponent<TrProps>;

package/dist/components/Table/Table.js

@@ -1,54 +1,53 @@
 import '../../assets/Table.css';
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import * as p from "react";
+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 d } from "../../clsx-DB4S2d7J.js";
-import { paginationDefaultTranslations as u, Pagination as T } from "../Pagination/Pagination.js";
-import { sortTooltipDefaultTranslations as m, SortTooltip as f } from "../SortTooltip/SortTooltip.js";
-import { TableProvider as x, useTable as N } from "./TableContext.js";
-const C = (l) => /* @__PURE__ */ p.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ p.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ p.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__ */ p.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__ */ p.createElement("defs", null, /* @__PURE__ */ p.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ p.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_1ysnl_43", E = "_th__wrapper_1ysnl_118", k = "_tr_1ysnl_134", v = "_td_1ysnl_138", t = {
-  "u-typography-h1": "_u-typography-h1_1ysnl_1",
-  "u-typography-h2": "_u-typography-h2_1ysnl_8",
-  "u-typography-h3": "_u-typography-h3_1ysnl_15",
-  "u-typography-h4": "_u-typography-h4_1ysnl_22",
-  "u-typography-h5": "_u-typography-h5_1ysnl_29",
-  "u-typography-h6": "_u-typography-h6_1ysnl_36",
-  "u-typography-base": "_u-typography-base_1ysnl_43",
+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_1ysnl_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1ysnl_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1ysnl_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1ysnl_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1ysnl_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1ysnl_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1ysnl_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1ysnl_74",
-  "table--fixed": "_table--fixed_1ysnl_82",
-  "table--full-width": "_table--full-width_1ysnl_85",
-  "table--white-theme": "_table--white-theme_1ysnl_88",
-  "table--transparent-theme": "_table--transparent-theme_1ysnl_91",
-  "cell--left-alignment": "_cell--left-alignment_1ysnl_94",
-  "cell--center-alignment": "_cell--center-alignment_1ysnl_98",
-  "cell--right-alignment": "_cell--right-alignment_1ysnl_102",
+  "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_1ysnl_121",
-  "th__wrapper--clickable": "_th__wrapper--clickable_1ysnl_125",
-  "th__sort-icon-container": "_th__sort-icon-container_1ysnl_128",
-  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_1ysnl_134",
+  "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_1ysnl_143",
-  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_1ysnl_144",
-  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_1ysnl_148",
-  "td-wrapper": "_td-wrapper_1ysnl_152"
+  "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: {
-    ...u.pt,
-    ...m.pt
+    ...y.pt,
+    ...u.pt
   },
   en: {
-    ...u.en,
-    ...m.en
+    ...y.en,
+    ...u.en
   },
   // example to add a new language translation
   es: {
@@ -60,80 +59,78 @@ const C = (l) => /* @__PURE__ */ p.createElement("svg", { width: 7, height: 10,
     of: "de",
     results: "resultados"
   }
-}, s = ({
-  children: l,
+}, l = ({
+  children: p,
   theme: e = "white",
   fullWidth: r = !0,
-  className: n,
-  paginationProps: _,
-  isFixed: o,
-  language: y,
-  translations: b,
-  ...h
+  className: o,
+  paginationProps: s,
+  language: _,
+  translations: n,
+  ...d
 }) => {
-  const c = d(
+  const c = g(
     t.table,
-    r && t["table--full-width"],
-    o && t["table--fixed"],
+    r ? t["table--full-width"] : "",
     t[`table--${e}-theme`],
-    n
-  ), i = y && B[y] || b;
-  return /* @__PURE__ */ g(x, { initialTranslations: i, children: [
-    /* @__PURE__ */ a("table", { ...h, className: c, children: l }),
-    _ && /* @__PURE__ */ a(T, { ..._, t: i })
+    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: l, ...e }) => /* @__PURE__ */ a("thead", { ...e, children: l }), P = ({ children: l, ...e }) => /* @__PURE__ */ a("tbody", { ...e, children: l }), D = ({ children: l, onClick: e, disabled: r, className: n, ..._ }) => {
-  const o = d(
+}, 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"] : "",
-    n
+    o
   );
-  return /* @__PURE__ */ a("tr", { ..._, className: o, onClick: () => !r && (e == null ? void 0 : e()), children: l });
-}, M = ({ children: l, onClick: e, disabled: r, className: n, align: _ = "left", ...o }) => {
-  const y = d(
+  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--${_}-alignment`],
-    n
+    t[`cell--${s}-alignment`],
+    o
   );
-  return /* @__PURE__ */ a("td", { ...o, className: y, onClick: () => !r && (e == null ? void 0 : e()), children: /* @__PURE__ */ a("span", { className: t["td-wrapper"], children: l }) });
-}, O = ({ children: l, onSort: e, sortType: r, className: n, classNameTooltip: _, align: o = "left", ...y }) => {
-  const { translations: b } = N(), [h, c] = w(!1), i = d(
+  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,
-    h ? t["th__wrapper--pressed"] : "",
+    c ? t["th__wrapper--pressed"] : "",
     e ? t["th__wrapper--clickable"] : "",
-    n
+    o
   );
-  return /* @__PURE__ */ a("th", { ...y, className: t[`cell--${o}-alignment`], children: /* @__PURE__ */ a("span", { className: i, onClick: e && (() => c(!h)), children: e ? /* @__PURE__ */ g(
+  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: () => c(!1),
+      onClose: () => i(!1),
       onSort: e,
-      show: h,
+      show: c,
       sortType: r,
-      className: _,
-      t: b,
+      className: s,
+      t: d,
       children: [
-        /* @__PURE__ */ a("span", { children: l }),
+        /* @__PURE__ */ a("span", { children: p }),
         /* @__PURE__ */ a("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ a(C, {}) })
       ]
     }
-  ) : /* @__PURE__ */ a("span", { children: l }) }) });
+  ) : /* @__PURE__ */ a("span", { children: p }) }) });
 };
-s.THead = H;
-s.THead.displayName = "Table.THead";
-s.TBody = P;
-s.TBody.displayName = "Table.TBody";
-s.Tr = D;
-s.Tr.displayName = "Table.Tr";
-s.Td = M;
-s.Td.displayName = "Table.Td";
-s.Th = O;
-s.Th.displayName = "Table.Th";
+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,
-  s as Table,
+  l as Table,
   M as Td,
   O as Th,
   D as Tr

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

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        ({ children, theme, fullWidth, className, paginationProps, isFixed, language, translations, ...rest }: import('./Table').TableProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, theme, fullWidth, className, paginationProps, language, translations, ...rest }: import('./Table').TableProps): import("react/jsx-runtime").JSX.Element;
         THead: import('react').FunctionComponent<import('./Table').ChildrenProps>;
         TBody: import('react').FunctionComponent<import('./Table').ChildrenProps>;
         Tr: import('react').FunctionComponent<import('./Table').TrProps>;

package/dist/components/Tabs/Tab.js

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

package/dist/components/Tabs/TabPanel.js

@@ -1,10 +1,9 @@
 import { jsx as T } from "react/jsx-runtime";
-import * as P from "react";
+import * as m 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 "../../useSlotProps-kRhf7Gil.js";
-import { u as S } from "../../useId-BW-oWmul.js";
-import { u as U } from "../../useCompoundItem-B7Eo_qZk.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";
 const h = "TabPanel";
 function j(t) {
   return C(h, t);
@@ -23,23 +22,23 @@ function V(t) {
     throw new Error("No TabContext provided");
   const {
     value: f,
-    getTabId: m
-  } = i, r = S(s), a = P.useRef(null), u = _(a, n), c = P.useMemo(() => ({
-    id: r,
-    ref: a
-  }), [r]), {
+    getTabId: P
+  } = i, a = S(s), r = m.useRef(null), c = _(r, n), u = m.useMemo(() => ({
+    id: a,
+    ref: r
+  }), [a]), {
     id: l
-  } = U(e ?? M, c), d = l !== f, p = l !== void 0 ? m(l) : void 0;
+  } = U(e ?? M, u), d = l !== f, p = l !== void 0 ? P(l) : void 0;
   return {
     hidden: d,
     getRootProps: (g = {}) => b({
       "aria-labelledby": p ?? void 0,
       hidden: d,
-      id: r ?? void 0
+      id: a ?? void 0
     }, g, {
-      ref: u
+      ref: c
     }),
-    rootRef: u
+    rootRef: c
   };
 }
 const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
@@ -49,31 +48,31 @@ const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
   return E({
     root: ["root", e && "hidden"]
   }, I(j));
-}, R = /* @__PURE__ */ P.forwardRef(function(e, s) {
+}, R = /* @__PURE__ */ m.forwardRef(function(e, s) {
   var n;
   const {
     children: i,
     slotProps: f = {},
-    slots: m = {}
-  } = e, r = w(e, F), {
-    hidden: a,
-    getRootProps: u
-  } = V(e), c = b({}, e, {
-    hidden: a
-  }), l = $(c), d = (n = m.root) != null ? n : "div", p = O({
+    slots: P = {}
+  } = e, a = w(e, F), {
+    hidden: r,
+    getRootProps: c
+  } = V(e), u = b({}, e, {
+    hidden: r
+  }), l = $(u), d = (n = P.root) != null ? n : "div", p = O({
     elementType: d,
-    getSlotProps: u,
+    getSlotProps: c,
     externalSlotProps: f.root,
-    externalForwardedProps: r,
+    externalForwardedProps: a,
     additionalProps: {
       role: "tabpanel",
       ref: s
     },
-    ownerState: c,
+    ownerState: u,
     className: l.root
   });
   return /* @__PURE__ */ T(d, b({}, p, {
-    children: !a && i
+    children: !r && i
   }));
 });
 process.env.NODE_ENV !== "production" && (R.propTypes = {
@@ -111,9 +110,9 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
    */
   value: o.oneOfType([o.number, o.string])
 });
-const q = v(
+const W = 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 {
-  q as TabPanel
+  W as TabPanel
 };

package/dist/components/Tabs/Tabs.js

@@ -4,11 +4,11 @@ import { forwardRef as q, useState as B } from "react";
 import { T as G, u as J, s as Q } from "../../Tabs.module-jkH1Qjn7.js";
 import { Tab as Le } from "./Tab.js";
 import { TabPanel as _e } from "./TabPanel.js";
-import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as M } from "../../useSlotProps-kRhf7Gil.js";
-import { a as O, C as S } from "../../useCompoundItem-B7Eo_qZk.js";
+import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as M } from "../../index-CH45lKw7.js";
+import { b as O, C as S } from "../../useCompoundItem-D1iRfg8D.js";
 import { u as X } from "../../useControlled-CCMYYdCM.js";
-import { L as Y, a as Z } from "../../combineHooksSlotProps-BtBYUV_B.js";
-import { l as ee, m as te, u as oe } from "../../useList-BpJT77u3.js";
+import { L as Y, a as Z } from "../../combineHooksSlotProps-DVjg9PRh.js";
+import { l as ee, m as te, u as oe } from "../../useList-B0hog_3-.js";
 const k = "Tabs";
 function se(s) {
   return I(k, s);
@@ -33,17 +33,17 @@ function ne(s) {
     subitems: m,
     contextValue: g
   } = O(), p = r.useRef(() => {
-  }), f = r.useCallback((x) => {
+  }), b = r.useCallback((x) => {
     var y;
     return (y = m.get(x)) == null ? void 0 : y.id;
-  }, [m]), b = r.useCallback((x) => p.current(x), []), P = r.useCallback((x) => {
+  }, [m]), f = r.useCallback((x) => p.current(x), []), P = r.useCallback((x) => {
     p.current = x;
   }, []);
   return {
     contextValue: C({
       direction: c,
-      getTabId: b,
-      getTabPanelId: f,
+      getTabId: f,
+      getTabPanelId: b,
       onSelected: a,
       orientation: i,
       registerTabIdLookup: P,
@@ -67,23 +67,23 @@ function le(s) {
     totalSubitemCount: m,
     value: g,
     getTabId: p,
-    getTabPanelId: f
-  } = e, b = r.useMemo(() => ({
+    getTabPanelId: b
+  } = e, f = r.useMemo(() => ({
     getItemIndex: i,
     registerItem: d,
     totalSubitemCount: m
   }), [d, i, m]), P = r.useMemo(() => ({
     direction: n,
     getTabId: p,
-    getTabPanelId: f,
+    getTabPanelId: b,
     onSelected: c,
     orientation: l,
     registerTabIdLookup: u,
     selectionFollowsFocus: a,
     value: g
-  }), [n, p, f, c, l, u, a, g]);
+  }), [n, p, b, c, l, u, a, g]);
   return /* @__PURE__ */ T(S.Provider, {
-    value: b,
+    value: f,
     children: /* @__PURE__ */ T(G.Provider, {
       value: P,
       children: o
@@ -110,8 +110,8 @@ const re = ["children", "value", "defaultValue", "orientation", "direction", "on
     direction: l
   }), {
     contextValue: g
-  } = ne(m), p = ae(m), f = (n = u.root) != null ? n : "div", b = $({
-    elementType: f,
+  } = ne(m), p = ae(m), b = (n = u.root) != null ? n : "div", f = $({
+    elementType: b,
     externalSlotProps: d.root,
     externalForwardedProps: a,
     additionalProps: {
@@ -120,7 +120,7 @@ const re = ["children", "value", "defaultValue", "orientation", "direction", "on
     ownerState: m,
     className: p.root
   });
-  return /* @__PURE__ */ T(f, C({}, b, {
+  return /* @__PURE__ */ T(b, C({}, f, {
     children: /* @__PURE__ */ T(le, {
       value: g,
       children: i
@@ -232,12 +232,12 @@ function ce(s) {
     return (v = a.get(h)) == null ? void 0 : v.id;
   }, [a]);
   d(g);
-  const p = r.useMemo(() => Array.from(a.keys()), [a]), f = r.useCallback((h) => {
+  const p = r.useMemo(() => Array.from(a.keys()), [a]), b = r.useCallback((h) => {
     var v, V;
     return h == null ? null : (v = (V = a.get(h)) == null ? void 0 : V.ref.current) != null ? v : null;
-  }, [a]), b = n === "rtl";
+  }, [a]), f = n === "rtl";
   let P;
-  c === "vertical" ? P = "vertical" : P = b ? "horizontal-rtl" : "horizontal-ltr";
+  c === "vertical" ? P = "vertical" : P = f ? "horizontal-rtl" : "horizontal-ltr";
   const x = r.useCallback((h, v) => {
     var V;
     i(h, (V = v[0]) != null ? V : null);
@@ -261,7 +261,7 @@ function ce(s) {
     controlledProps: y,
     disabledItemsFocusable: !u,
     focusManagement: "DOM",
-    getItemDomElement: f,
+    getItemDomElement: b,
     isItemDisabled: U,
     items: p,
     rootRef: o,
@@ -288,7 +288,7 @@ function ce(s) {
     dispatch: R,
     getRootProps: W,
     highlightedValue: j,
-    isRtl: b,
+    isRtl: f,
     orientation: c,
     rootRef: K,
     selectedValue: (e = H[0]) != null ? e : null
@@ -344,17 +344,17 @@ const me = ["children", "slotProps", "slots"], pe = (s) => {
   }), p = C({}, e, {
     isRtl: u,
     orientation: a
-  }), f = pe(p), b = (n = l.root) != null ? n : "div", P = $({
-    elementType: b,
+  }), b = pe(p), f = (n = l.root) != null ? n : "div", P = $({
+    elementType: f,
     getSlotProps: m,
     externalSlotProps: c.root,
     externalForwardedProps: d,
     ownerState: p,
-    className: f.root
+    className: b.root
   });
   return /* @__PURE__ */ T(de, {
     value: g,
-    children: /* @__PURE__ */ T(b, C({}, P, {
+    children: /* @__PURE__ */ T(f, C({}, P, {
       children: i
     }))
   });

package/dist/components/TextDisplay/TextDisplay.d.ts

@@ -18,8 +18,6 @@ export interface TextDisplayProps {
     labelOptions?: OptionsProps;
     /** Sets the value options */
     valueOptions?: OptionsProps;
-    /** Sets the label and value onto the same line */
-    inline?: boolean;
 }
-export declare const TextDisplay: ({ label, value, isLoading, testId, labelOptions, valueOptions, inline, }: TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextDisplay: ({ label, value, isLoading, testId, labelOptions, valueOptions, }: TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
 export {};