@pismo/marola 1.0.0-beta.7 → 1.0.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/{Button-2b1peDFT.js → Button-DiLqcAJG.js} +2 -2
  2. package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-BaJ-OV_7.js} +4 -3
  3. package/dist/Dialog.module-DFcZsVAd.js +30 -0
  4. package/dist/Input.module-ZTRZRcNt.js +405 -0
  5. package/dist/{Popup-B6ZSGIEI.js → Popup-lLWZt2wk.js} +3 -3
  6. package/dist/{Portal-DIeBsWdL.js → Portal-B_Es6eUL.js} +2 -2
  7. package/dist/SelectButton-CoOT2txy.js +61 -0
  8. package/dist/Toggle-f5brSwAI.js +175 -0
  9. package/dist/assets/Advice.css +1 -1
  10. package/dist/assets/Autocomplete.css +1 -0
  11. package/dist/assets/Button.css +1 -1
  12. package/dist/assets/Checkbox.css +1 -1
  13. package/dist/assets/Dialog.css +1 -1
  14. package/dist/assets/IconButton.css +1 -1
  15. package/dist/assets/Input.css +1 -1
  16. package/dist/assets/PageHeader.css +1 -1
  17. package/dist/assets/Pagination.css +1 -1
  18. package/dist/assets/SelectButton.css +1 -1
  19. package/dist/assets/Snackbar.css +1 -1
  20. package/dist/assets/SortTooltip.css +1 -1
  21. package/dist/assets/Stepper.css +1 -1
  22. package/dist/assets/Table.css +1 -1
  23. package/dist/assets/Toggle.css +1 -1
  24. package/dist/assets/Toggle2.css +1 -1
  25. package/dist/assets/Typography.css +1 -1
  26. package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
  27. package/dist/components/Advice/Advice.d.ts +32 -17
  28. package/dist/components/Advice/Advice.js +39 -40
  29. package/dist/components/Advice/Advice.stories.d.ts +4 -3
  30. package/dist/components/Autocomplete/Autocomplete.d.ts +50 -0
  31. package/dist/components/Autocomplete/Autocomplete.js +689 -0
  32. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +45 -0
  33. package/dist/components/Button/Button.js +48 -48
  34. package/dist/components/Checkbox/Checkbox.js +52 -52
  35. package/dist/components/Chip/Chip.js +3 -3
  36. package/dist/components/Dialog/Actions.js +1 -1
  37. package/dist/components/Dialog/Backdrop.js +1 -1
  38. package/dist/components/Dialog/CloseIconButton.js +2 -2
  39. package/dist/components/Dialog/Dialog.js +13 -12
  40. package/dist/components/Dialog/Dialog.stories.d.ts +43 -43
  41. package/dist/components/Dialog/DialogTitle.js +1 -1
  42. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
  43. package/dist/components/IconButton/IconButton.js +42 -42
  44. package/dist/components/Input/Input.js +74 -471
  45. package/dist/components/PageHeader/PageHeader.js +57 -57
  46. package/dist/components/Pagination/Pagination.js +70 -70
  47. package/dist/components/RowItem/RowItem.js +2 -2
  48. package/dist/components/Select/Select.js +8 -7
  49. package/dist/components/Select/SelectButton.js +1 -1
  50. package/dist/components/Snackbar/Snackbar.js +94 -94
  51. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  52. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  53. package/dist/components/Stepper/Stepper.js +35 -35
  54. package/dist/components/Table/Table.js +96 -96
  55. package/dist/components/Tabs/Tab.js +18 -17
  56. package/dist/components/Tabs/TabPanel.js +27 -26
  57. package/dist/components/Tabs/Tabs.js +25 -25
  58. package/dist/components/Toggle/Toggle.js +55 -55
  59. package/dist/components/ToggleGroup/Toggle.js +2 -2
  60. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  61. package/dist/components/Tooltip/Tooltip.js +3 -3
  62. package/dist/components/Typography/Typography.js +47 -47
  63. package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
  64. package/dist/main.d.ts +1 -0
  65. package/dist/main.js +77 -75
  66. package/dist/ownerDocument-B61GUaFs.js +33 -0
  67. package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js} +1 -1
  68. package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
  69. package/dist/useEventCallback-BAQJJ3ye.js +14 -0
  70. package/dist/useId-BW-oWmul.js +19 -0
  71. package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js} +2 -2
  72. package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js} +93 -94
  73. package/package.json +1 -1
  74. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  75. package/dist/SelectButton-K3OIfR5m.js +0 -61
  76. package/dist/Toggle-BWF0-SPB.js +0 -175
  77. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  78. package/dist/useEventCallback-xTG9piMa.js +0 -45
@@ -1,53 +1,53 @@
1
1
  import '../../assets/Table.css';
2
- import { jsxs as b, jsx as a } from "react/jsx-runtime";
3
- import * as h from "react";
2
+ import { jsxs as m, jsx as r } from "react/jsx-runtime";
3
+ import * as c from "react";
4
4
  import { useState as w } from "react";
5
- import { c as g } from "../../clsx-DB4S2d7J.js";
6
- import { paginationDefaultTranslations as y, Pagination as T } from "../Pagination/Pagination.js";
7
- import { sortTooltipDefaultTranslations as u, SortTooltip as f } from "../SortTooltip/SortTooltip.js";
8
- import { TableProvider as N, useTable as x } from "./TableContext.js";
9
- 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 = {
10
- "u-typography-h1": "_u-typography-h1_1gspp_1",
11
- "u-typography-h2": "_u-typography-h2_1gspp_8",
12
- "u-typography-h3": "_u-typography-h3_1gspp_15",
13
- "u-typography-h4": "_u-typography-h4_1gspp_22",
14
- "u-typography-h5": "_u-typography-h5_1gspp_29",
15
- "u-typography-h6": "_u-typography-h6_1gspp_36",
16
- "u-typography-base": "_u-typography-base_1gspp_43",
17
- table: L,
18
- "u-typography-base--xxl": "_u-typography-base--xxl_1gspp_48",
19
- "u-typography-base--xl": "_u-typography-base--xl_1gspp_52",
20
- "u-typography-base--lg": "_u-typography-base--lg_1gspp_56",
21
- "u-typography-base--sm": "_u-typography-base--sm_1gspp_60",
22
- "u-typography-base--bold": "_u-typography-base--bold_1gspp_64",
23
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1gspp_67",
24
- "u-typography-base--underlined": "_u-typography-base--underlined_1gspp_70",
25
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1gspp_73",
26
- "table--full-width": "_table--full-width_1gspp_81",
27
- "table--white-theme": "_table--white-theme_1gspp_84",
28
- "table--transparent-theme": "_table--transparent-theme_1gspp_87",
29
- "cell--left-alignment": "_cell--left-alignment_1gspp_90",
30
- "cell--center-alignment": "_cell--center-alignment_1gspp_94",
31
- "cell--right-alignment": "_cell--right-alignment_1gspp_98",
32
- th__wrapper: E,
33
- "th__wrapper--pressed": "_th__wrapper--pressed_1gspp_117",
34
- "th__wrapper--clickable": "_th__wrapper--clickable_1gspp_121",
35
- "th__sort-icon-container": "_th__sort-icon-container_1gspp_124",
36
- "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_1gspp_130",
37
- tr: k,
38
- td: v,
39
- "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_1gspp_139",
40
- "td__row-or-cell--clickable": "_td__row-or-cell--clickable_1gspp_140",
41
- "td__row-or-cell--disabled": "_td__row-or-cell--disabled_1gspp_144",
42
- "td-wrapper": "_td-wrapper_1gspp_148"
43
- }, B = {
5
+ import { c as i } from "../../clsx-DB4S2d7J.js";
6
+ import { paginationDefaultTranslations as u, Pagination as T } from "../Pagination/Pagination.js";
7
+ import { sortTooltipDefaultTranslations as b, SortTooltip as j } from "../SortTooltip/SortTooltip.js";
8
+ import { TableProvider as f, useTable as N } from "./TableContext.js";
9
+ const x = (a) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__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" })))), C = "_table_9cjay_43", L = "_th__wrapper_9cjay_115", E = "_tr_9cjay_131", k = "_td_9cjay_135", t = {
10
+ "u-typography-h1": "_u-typography-h1_9cjay_1",
11
+ "u-typography-h2": "_u-typography-h2_9cjay_8",
12
+ "u-typography-h3": "_u-typography-h3_9cjay_15",
13
+ "u-typography-h4": "_u-typography-h4_9cjay_22",
14
+ "u-typography-h5": "_u-typography-h5_9cjay_29",
15
+ "u-typography-h6": "_u-typography-h6_9cjay_36",
16
+ "u-typography-base": "_u-typography-base_9cjay_43",
17
+ table: C,
18
+ "u-typography-base--xxl": "_u-typography-base--xxl_9cjay_49",
19
+ "u-typography-base--xl": "_u-typography-base--xl_9cjay_53",
20
+ "u-typography-base--lg": "_u-typography-base--lg_9cjay_57",
21
+ "u-typography-base--sm": "_u-typography-base--sm_9cjay_61",
22
+ "u-typography-base--bold": "_u-typography-base--bold_9cjay_65",
23
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_9cjay_68",
24
+ "u-typography-base--underlined": "_u-typography-base--underlined_9cjay_71",
25
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_9cjay_74",
26
+ "table--full-width": "_table--full-width_9cjay_82",
27
+ "table--white-theme": "_table--white-theme_9cjay_85",
28
+ "table--transparent-theme": "_table--transparent-theme_9cjay_88",
29
+ "cell--left-alignment": "_cell--left-alignment_9cjay_91",
30
+ "cell--center-alignment": "_cell--center-alignment_9cjay_95",
31
+ "cell--right-alignment": "_cell--right-alignment_9cjay_99",
32
+ th__wrapper: L,
33
+ "th__wrapper--pressed": "_th__wrapper--pressed_9cjay_118",
34
+ "th__wrapper--clickable": "_th__wrapper--clickable_9cjay_122",
35
+ "th__sort-icon-container": "_th__sort-icon-container_9cjay_125",
36
+ "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_9cjay_131",
37
+ tr: E,
38
+ td: k,
39
+ "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_9cjay_140",
40
+ "td__row-or-cell--clickable": "_td__row-or-cell--clickable_9cjay_141",
41
+ "td__row-or-cell--disabled": "_td__row-or-cell--disabled_9cjay_145",
42
+ "td-wrapper": "_td-wrapper_9cjay_149"
43
+ }, v = {
44
44
  pt: {
45
- ...y.pt,
46
- ...u.pt
45
+ ...u.pt,
46
+ ...b.pt
47
47
  },
48
48
  en: {
49
- ...y.en,
50
- ...u.en
49
+ ...u.en,
50
+ ...b.en
51
51
  },
52
52
  // example to add a new language translation
53
53
  es: {
@@ -59,79 +59,79 @@ const C = (p) => /* @__PURE__ */ h.createElement("svg", { width: 7, height: 10,
59
59
  of: "de",
60
60
  results: "resultados"
61
61
  }
62
- }, l = ({
63
- children: p,
62
+ }, _ = ({
63
+ children: a,
64
64
  theme: e = "white",
65
- fullWidth: r = !0,
66
- className: o,
65
+ fullWidth: l = !0,
66
+ className: p,
67
67
  paginationProps: s,
68
- language: _,
69
- translations: n,
68
+ language: o,
69
+ translations: y,
70
70
  ...d
71
71
  }) => {
72
- const c = g(
72
+ const h = i(
73
73
  t.table,
74
- r ? t["table--full-width"] : "",
74
+ l ? t["table--full-width"] : "",
75
75
  t[`table--${e}-theme`],
76
- o
77
- ), i = _ && B[_] || n;
78
- return /* @__PURE__ */ b(N, { initialTranslations: i, children: [
79
- /* @__PURE__ */ a("table", { ...d, className: c, children: p }),
80
- s && /* @__PURE__ */ a(T, { ...s, t: i })
76
+ p
77
+ ), n = o && v[o] || y;
78
+ return /* @__PURE__ */ m(f, { initialTranslations: n, children: [
79
+ /* @__PURE__ */ r("table", { ...d, className: h, children: a }),
80
+ s && /* @__PURE__ */ r(T, { ...s, t: n })
81
81
  ] });
82
- }, 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 }) => {
83
- const _ = g(
82
+ }, B = ({ children: a, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: a }), H = ({ children: a, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: a }), P = ({ children: a, onClick: e, disabled: l, className: p, ...s }) => {
83
+ const o = i(
84
84
  t.tr,
85
- e && !r ? t["tr__row-or-cell--clickable"] : r ? t["tr__row-or-cell--disabled"] : "",
86
- o
85
+ e && !l ? t["tr__row-or-cell--clickable"] : l ? t["tr__row-or-cell--disabled"] : "",
86
+ p
87
87
  );
88
- return /* @__PURE__ */ a("tr", { ...s, className: _, onClick: () => !r && (e == null ? void 0 : e()), children: p });
89
- }, M = ({ children: p, onClick: e, disabled: r, className: o, align: s = "left", ..._ }) => {
90
- const n = g(
88
+ return /* @__PURE__ */ r("tr", { ...s, className: o, onClick: () => !l && (e == null ? void 0 : e()), children: a });
89
+ }, D = ({ children: a, onClick: e, disabled: l, className: p, align: s = "left", ...o }) => {
90
+ const y = i(
91
91
  t.td,
92
- e && !r ? t["td__row-or-cell--clickable"] : r ? t["td__row-or-cell--disabled"] : "",
92
+ e && !l ? t["td__row-or-cell--clickable"] : l ? t["td__row-or-cell--disabled"] : "",
93
93
  t[`cell--${s}-alignment`],
94
- o
94
+ p
95
95
  );
96
- return /* @__PURE__ */ a("td", { ..._, className: n, onClick: () => !r && (e == null ? void 0 : e()), children: /* @__PURE__ */ a("span", { className: t["td-wrapper"], children: p }) });
97
- }, O = ({ children: p, onSort: e, sortType: r, className: o, classNameTooltip: s, align: _ = "left", ...n }) => {
98
- const { translations: d } = x(), [c, i] = w(!1), m = g(
96
+ return /* @__PURE__ */ r("td", { ...o, className: y, onClick: () => !l && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: a }) });
97
+ }, M = ({ children: a, onSort: e, sortType: l, className: p, classNameTooltip: s, align: o = "left", ...y }) => {
98
+ const { translations: d } = N(), [h, n] = w(!1), g = i(
99
99
  t.th__wrapper,
100
- c ? t["th__wrapper--pressed"] : "",
100
+ h ? t["th__wrapper--pressed"] : "",
101
101
  e ? t["th__wrapper--clickable"] : "",
102
- o
102
+ p
103
103
  );
104
- return /* @__PURE__ */ a("th", { ...n, className: t[`cell--${_}-alignment`], children: /* @__PURE__ */ a("span", { className: m, onClick: e && (() => i(!c)), children: e ? /* @__PURE__ */ b(
105
- f,
104
+ return /* @__PURE__ */ r("th", { ...y, className: t[`cell--${o}-alignment`], children: /* @__PURE__ */ r("span", { className: g, onClick: e && (() => n(!h)), children: e ? /* @__PURE__ */ m(
105
+ j,
106
106
  {
107
- onClose: () => i(!1),
107
+ onClose: () => n(!1),
108
108
  onSort: e,
109
- show: c,
110
- sortType: r,
109
+ show: h,
110
+ sortType: l,
111
111
  className: s,
112
112
  t: d,
113
113
  children: [
114
- /* @__PURE__ */ a("span", { children: p }),
115
- /* @__PURE__ */ a("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ a(C, {}) })
114
+ /* @__PURE__ */ r("span", { children: a }),
115
+ /* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(x, {}) })
116
116
  ]
117
117
  }
118
- ) : /* @__PURE__ */ a("span", { children: p }) }) });
118
+ ) : /* @__PURE__ */ r("span", { children: a }) }) });
119
119
  };
120
- l.THead = H;
121
- l.THead.displayName = "Table.THead";
122
- l.TBody = P;
123
- l.TBody.displayName = "Table.TBody";
124
- l.Tr = D;
125
- l.Tr.displayName = "Table.Tr";
126
- l.Td = M;
127
- l.Td.displayName = "Table.Td";
128
- l.Th = O;
129
- l.Th.displayName = "Table.Th";
120
+ _.THead = B;
121
+ _.THead.displayName = "Table.THead";
122
+ _.TBody = H;
123
+ _.TBody.displayName = "Table.TBody";
124
+ _.Tr = P;
125
+ _.Tr.displayName = "Table.Tr";
126
+ _.Td = D;
127
+ _.Td.displayName = "Table.Td";
128
+ _.Th = M;
129
+ _.Th.displayName = "Table.Th";
130
130
  export {
131
- P as TBody,
132
- H as THead,
133
- l as Table,
134
- M as Td,
135
- O as Th,
136
- D as Tr
131
+ H as TBody,
132
+ B as THead,
133
+ _ as Table,
134
+ D as Td,
135
+ M as Th,
136
+ P as Tr
137
137
  };
@@ -1,12 +1,13 @@
1
1
  import { jsx as N } from "react/jsx-runtime";
2
- import * as b from "react";
2
+ import * as f from "react";
3
3
  import { forwardRef as H, useContext as U, useMemo as j } from "react";
4
4
  import { c as k } from "../../clsx-DB4S2d7J.js";
5
5
  import { u as B, T as D, s as y } from "../../Tabs.module-jkH1Qjn7.js";
6
- 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";
7
- import { u as J, c as K } from "../../combineHooksSlotProps-DVjg9PRh.js";
8
- import { u as Q, a as X } from "../../useCompoundItem-D1iRfg8D.js";
9
- import { u as Y } from "../../useButton-DNk3wrQp.js";
6
+ 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";
7
+ import { u as J, c as K } from "../../combineHooksSlotProps-BtBYUV_B.js";
8
+ import { u as Q } from "../../useId-BW-oWmul.js";
9
+ import { u as X } from "../../useButton-Bn3MNH8I.js";
10
+ import { u as Y } from "../../useCompoundItem-B7Eo_qZk.js";
10
11
  const E = "Tab";
11
12
  function Z(o) {
12
13
  return L(E, o);
@@ -21,11 +22,11 @@ function te(o) {
21
22
  rootRef: s,
22
23
  disabled: n = !1,
23
24
  id: c
24
- } = o, a = b.useRef(null), r = Q(c), {
25
- value: f,
25
+ } = o, a = f.useRef(null), r = Q(c), {
26
+ value: b,
26
27
  selectionFollowsFocus: p,
27
28
  getTabPanelId: m
28
- } = B(), P = b.useMemo(() => ({
29
+ } = B(), P = f.useMemo(() => ({
29
30
  disabled: n,
30
31
  ref: a,
31
32
  id: r
@@ -33,7 +34,7 @@ function te(o) {
33
34
  id: l,
34
35
  index: R,
35
36
  totalItemCount: g
36
- } = X(t ?? ee, P), {
37
+ } = Y(t ?? ee, P), {
37
38
  getRootProps: h,
38
39
  highlighted: T,
39
40
  selected: i
@@ -45,7 +46,7 @@ function te(o) {
45
46
  active: v,
46
47
  focusVisible: I,
47
48
  setFocusVisible: V
48
- } = Y({
49
+ } = X({
49
50
  disabled: n,
50
51
  focusableWhenDisabled: !p,
51
52
  type: "button"
@@ -68,7 +69,7 @@ function te(o) {
68
69
  rootRef: _,
69
70
  // the `selected` state isn't set on the server (it relies on effects to be calculated),
70
71
  // so we fall back to checking the `value` prop with the selectedValue from the TabsContext
71
- selected: i || l === f,
72
+ selected: i || l === b,
72
73
  setFocusVisible: V,
73
74
  totalTabsCount: g
74
75
  };
@@ -81,15 +82,15 @@ const oe = ["action", "children", "disabled", "onChange", "onClick", "onFocus",
81
82
  return A({
82
83
  root: ["root", t && "selected", s && "disabled"]
83
84
  }, G(Z));
84
- }, F = /* @__PURE__ */ b.forwardRef(function(t, s) {
85
+ }, F = /* @__PURE__ */ f.forwardRef(function(t, s) {
85
86
  var n;
86
87
  const {
87
88
  children: c,
88
89
  disabled: a = !1,
89
90
  slotProps: r = {},
90
- slots: f = {},
91
+ slots: b = {},
91
92
  value: p
92
- } = t, m = q(t, oe), P = b.useRef(), l = O(P, s), {
93
+ } = t, m = q(t, oe), P = f.useRef(), l = O(P, s), {
93
94
  active: R,
94
95
  highlighted: g,
95
96
  selected: h,
@@ -102,7 +103,7 @@ const oe = ["action", "children", "disabled", "onChange", "onClick", "onFocus",
102
103
  disabled: a,
103
104
  highlighted: g,
104
105
  selected: h
105
- }), C = se(i), u = (n = f.root) != null ? n : "button", v = z({
106
+ }), C = se(i), u = (n = b.root) != null ? n : "button", v = z({
106
107
  elementType: u,
107
108
  getSlotProps: T,
108
109
  externalSlotProps: r.root,
@@ -163,7 +164,7 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
163
164
  */
164
165
  value: e.oneOfType([e.number, e.string])
165
166
  });
166
- const fe = H(
167
+ const pe = H(
167
168
  ({ children: o, value: t, disabled: s, dataTestId: n }, c) => {
168
169
  const a = U(D), r = j(
169
170
  () => k(
@@ -177,5 +178,5 @@ const fe = H(
177
178
  }
178
179
  );
179
180
  export {
180
- fe as Tab
181
+ pe as Tab
181
182
  };
@@ -1,9 +1,10 @@
1
1
  import { jsx as T } from "react/jsx-runtime";
2
- import * as m from "react";
2
+ import * as P from "react";
3
3
  import { forwardRef as v } from "react";
4
4
  import { u as y, s as x } from "../../Tabs.module-jkH1Qjn7.js";
5
- 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";
6
- import { u as S, a as U } from "../../useCompoundItem-D1iRfg8D.js";
5
+ 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";
6
+ import { u as S } from "../../useId-BW-oWmul.js";
7
+ import { u as U } from "../../useCompoundItem-B7Eo_qZk.js";
7
8
  const h = "TabPanel";
8
9
  function j(t) {
9
10
  return C(h, t);
@@ -22,23 +23,23 @@ function V(t) {
22
23
  throw new Error("No TabContext provided");
23
24
  const {
24
25
  value: f,
25
- getTabId: P
26
- } = i, a = S(s), r = m.useRef(null), c = _(r, n), u = m.useMemo(() => ({
27
- id: a,
28
- ref: r
29
- }), [a]), {
26
+ getTabId: m
27
+ } = i, r = S(s), a = P.useRef(null), u = _(a, n), c = P.useMemo(() => ({
28
+ id: r,
29
+ ref: a
30
+ }), [r]), {
30
31
  id: l
31
- } = U(e ?? M, u), d = l !== f, p = l !== void 0 ? P(l) : void 0;
32
+ } = U(e ?? M, c), d = l !== f, p = l !== void 0 ? m(l) : void 0;
32
33
  return {
33
34
  hidden: d,
34
35
  getRootProps: (g = {}) => b({
35
36
  "aria-labelledby": p ?? void 0,
36
37
  hidden: d,
37
- id: a ?? void 0
38
+ id: r ?? void 0
38
39
  }, g, {
39
- ref: c
40
+ ref: u
40
41
  }),
41
- rootRef: c
42
+ rootRef: u
42
43
  };
43
44
  }
44
45
  const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
@@ -48,31 +49,31 @@ const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
48
49
  return E({
49
50
  root: ["root", e && "hidden"]
50
51
  }, I(j));
51
- }, R = /* @__PURE__ */ m.forwardRef(function(e, s) {
52
+ }, R = /* @__PURE__ */ P.forwardRef(function(e, s) {
52
53
  var n;
53
54
  const {
54
55
  children: i,
55
56
  slotProps: f = {},
56
- slots: P = {}
57
- } = e, a = w(e, F), {
58
- hidden: r,
59
- getRootProps: c
60
- } = V(e), u = b({}, e, {
61
- hidden: r
62
- }), l = $(u), d = (n = P.root) != null ? n : "div", p = O({
57
+ slots: m = {}
58
+ } = e, r = w(e, F), {
59
+ hidden: a,
60
+ getRootProps: u
61
+ } = V(e), c = b({}, e, {
62
+ hidden: a
63
+ }), l = $(c), d = (n = m.root) != null ? n : "div", p = O({
63
64
  elementType: d,
64
- getSlotProps: c,
65
+ getSlotProps: u,
65
66
  externalSlotProps: f.root,
66
- externalForwardedProps: a,
67
+ externalForwardedProps: r,
67
68
  additionalProps: {
68
69
  role: "tabpanel",
69
70
  ref: s
70
71
  },
71
- ownerState: u,
72
+ ownerState: c,
72
73
  className: l.root
73
74
  });
74
75
  return /* @__PURE__ */ T(d, b({}, p, {
75
- children: !r && i
76
+ children: !a && i
76
77
  }));
77
78
  });
78
79
  process.env.NODE_ENV !== "production" && (R.propTypes = {
@@ -110,9 +111,9 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
110
111
  */
111
112
  value: o.oneOfType([o.number, o.string])
112
113
  });
113
- const W = v(
114
+ const q = v(
114
115
  ({ children: t, value: e, dataTestId: s }, n) => /* @__PURE__ */ T(R, { className: x["tabs__tab-panel"], value: e, "data-testid": s, ref: n, children: t })
115
116
  );
116
117
  export {
117
- W as TabPanel
118
+ q as TabPanel
118
119
  };
@@ -4,11 +4,11 @@ import { forwardRef as q, useState as B } from "react";
4
4
  import { T as G, u as J, s as Q } from "../../Tabs.module-jkH1Qjn7.js";
5
5
  import { Tab as Le } from "./Tab.js";
6
6
  import { TabPanel as _e } from "./TabPanel.js";
7
- 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";
8
- import { b as O, C as S } from "../../useCompoundItem-D1iRfg8D.js";
7
+ 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";
8
+ import { a as O, C as S } from "../../useCompoundItem-B7Eo_qZk.js";
9
9
  import { u as X } from "../../useControlled-CCMYYdCM.js";
10
- import { L as Y, a as Z } from "../../combineHooksSlotProps-DVjg9PRh.js";
11
- import { l as ee, m as te, u as oe } from "../../useList-B0hog_3-.js";
10
+ import { L as Y, a as Z } from "../../combineHooksSlotProps-BtBYUV_B.js";
11
+ import { l as ee, m as te, u as oe } from "../../useList-BpJT77u3.js";
12
12
  const k = "Tabs";
13
13
  function se(s) {
14
14
  return I(k, s);
@@ -33,17 +33,17 @@ function ne(s) {
33
33
  subitems: m,
34
34
  contextValue: g
35
35
  } = O(), p = r.useRef(() => {
36
- }), b = r.useCallback((x) => {
36
+ }), f = r.useCallback((x) => {
37
37
  var y;
38
38
  return (y = m.get(x)) == null ? void 0 : y.id;
39
- }, [m]), f = r.useCallback((x) => p.current(x), []), P = r.useCallback((x) => {
39
+ }, [m]), b = r.useCallback((x) => p.current(x), []), P = r.useCallback((x) => {
40
40
  p.current = x;
41
41
  }, []);
42
42
  return {
43
43
  contextValue: C({
44
44
  direction: c,
45
- getTabId: f,
46
- getTabPanelId: b,
45
+ getTabId: b,
46
+ getTabPanelId: f,
47
47
  onSelected: a,
48
48
  orientation: i,
49
49
  registerTabIdLookup: P,
@@ -67,23 +67,23 @@ function le(s) {
67
67
  totalSubitemCount: m,
68
68
  value: g,
69
69
  getTabId: p,
70
- getTabPanelId: b
71
- } = e, f = r.useMemo(() => ({
70
+ getTabPanelId: f
71
+ } = e, b = r.useMemo(() => ({
72
72
  getItemIndex: i,
73
73
  registerItem: d,
74
74
  totalSubitemCount: m
75
75
  }), [d, i, m]), P = r.useMemo(() => ({
76
76
  direction: n,
77
77
  getTabId: p,
78
- getTabPanelId: b,
78
+ getTabPanelId: f,
79
79
  onSelected: c,
80
80
  orientation: l,
81
81
  registerTabIdLookup: u,
82
82
  selectionFollowsFocus: a,
83
83
  value: g
84
- }), [n, p, b, c, l, u, a, g]);
84
+ }), [n, p, f, c, l, u, a, g]);
85
85
  return /* @__PURE__ */ T(S.Provider, {
86
- value: f,
86
+ value: b,
87
87
  children: /* @__PURE__ */ T(G.Provider, {
88
88
  value: P,
89
89
  children: o
@@ -110,8 +110,8 @@ const re = ["children", "value", "defaultValue", "orientation", "direction", "on
110
110
  direction: l
111
111
  }), {
112
112
  contextValue: g
113
- } = ne(m), p = ae(m), b = (n = u.root) != null ? n : "div", f = $({
114
- elementType: b,
113
+ } = ne(m), p = ae(m), f = (n = u.root) != null ? n : "div", b = $({
114
+ elementType: f,
115
115
  externalSlotProps: d.root,
116
116
  externalForwardedProps: a,
117
117
  additionalProps: {
@@ -120,7 +120,7 @@ const re = ["children", "value", "defaultValue", "orientation", "direction", "on
120
120
  ownerState: m,
121
121
  className: p.root
122
122
  });
123
- return /* @__PURE__ */ T(b, C({}, f, {
123
+ return /* @__PURE__ */ T(f, C({}, b, {
124
124
  children: /* @__PURE__ */ T(le, {
125
125
  value: g,
126
126
  children: i
@@ -232,12 +232,12 @@ function ce(s) {
232
232
  return (v = a.get(h)) == null ? void 0 : v.id;
233
233
  }, [a]);
234
234
  d(g);
235
- const p = r.useMemo(() => Array.from(a.keys()), [a]), b = r.useCallback((h) => {
235
+ const p = r.useMemo(() => Array.from(a.keys()), [a]), f = r.useCallback((h) => {
236
236
  var v, V;
237
237
  return h == null ? null : (v = (V = a.get(h)) == null ? void 0 : V.ref.current) != null ? v : null;
238
- }, [a]), f = n === "rtl";
238
+ }, [a]), b = n === "rtl";
239
239
  let P;
240
- c === "vertical" ? P = "vertical" : P = f ? "horizontal-rtl" : "horizontal-ltr";
240
+ c === "vertical" ? P = "vertical" : P = b ? "horizontal-rtl" : "horizontal-ltr";
241
241
  const x = r.useCallback((h, v) => {
242
242
  var V;
243
243
  i(h, (V = v[0]) != null ? V : null);
@@ -261,7 +261,7 @@ function ce(s) {
261
261
  controlledProps: y,
262
262
  disabledItemsFocusable: !u,
263
263
  focusManagement: "DOM",
264
- getItemDomElement: b,
264
+ getItemDomElement: f,
265
265
  isItemDisabled: U,
266
266
  items: p,
267
267
  rootRef: o,
@@ -288,7 +288,7 @@ function ce(s) {
288
288
  dispatch: R,
289
289
  getRootProps: W,
290
290
  highlightedValue: j,
291
- isRtl: f,
291
+ isRtl: b,
292
292
  orientation: c,
293
293
  rootRef: K,
294
294
  selectedValue: (e = H[0]) != null ? e : null
@@ -344,17 +344,17 @@ const me = ["children", "slotProps", "slots"], pe = (s) => {
344
344
  }), p = C({}, e, {
345
345
  isRtl: u,
346
346
  orientation: a
347
- }), b = pe(p), f = (n = l.root) != null ? n : "div", P = $({
348
- elementType: f,
347
+ }), f = pe(p), b = (n = l.root) != null ? n : "div", P = $({
348
+ elementType: b,
349
349
  getSlotProps: m,
350
350
  externalSlotProps: c.root,
351
351
  externalForwardedProps: d,
352
352
  ownerState: p,
353
- className: b.root
353
+ className: f.root
354
354
  });
355
355
  return /* @__PURE__ */ T(de, {
356
356
  value: g,
357
- children: /* @__PURE__ */ T(f, C({}, P, {
357
+ children: /* @__PURE__ */ T(b, C({}, P, {
358
358
  children: i
359
359
  }))
360
360
  });