@telefonica/mistica 16.1.1 → 16.3.0

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 (167) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +12 -9
  3. package/dist/accordion.css.d.ts +1 -0
  4. package/dist/accordion.js +36 -39
  5. package/dist/align.css-mistica.js +12 -0
  6. package/dist/align.css.d.ts +1 -0
  7. package/dist/align.css.ts.vanilla.css-mistica.js +11 -0
  8. package/dist/align.d.ts +12 -0
  9. package/dist/align.js +79 -0
  10. package/dist/box.css-mistica.js +41 -0
  11. package/dist/box.css.d.ts +23 -0
  12. package/dist/box.css.ts.vanilla.css-mistica.js +11 -0
  13. package/dist/box.d.ts +4 -0
  14. package/dist/box.js +39 -31
  15. package/dist/boxed.css-mistica.js +10 -5
  16. package/dist/boxed.css.d.ts +3 -0
  17. package/dist/boxed.js +20 -24
  18. package/dist/callout.css-mistica.js +12 -4
  19. package/dist/callout.css.d.ts +1 -0
  20. package/dist/callout.js +14 -22
  21. package/dist/card.css-mistica.js +39 -24
  22. package/dist/card.css.d.ts +5 -0
  23. package/dist/card.js +236 -270
  24. package/dist/chip.css-mistica.js +19 -7
  25. package/dist/chip.css.d.ts +2 -0
  26. package/dist/chip.js +33 -49
  27. package/dist/community/advanced-data-card.css-mistica.js +30 -21
  28. package/dist/community/advanced-data-card.css.d.ts +4 -1
  29. package/dist/community/advanced-data-card.js +56 -68
  30. package/dist/empty-state-card.js +12 -11
  31. package/dist/empty-state.css-mistica.js +11 -8
  32. package/dist/empty-state.css.d.ts +1 -0
  33. package/dist/empty-state.js +10 -13
  34. package/dist/form.css-mistica.js +12 -0
  35. package/dist/form.css.d.ts +1 -0
  36. package/dist/form.js +8 -10
  37. package/dist/grid.css-mistica.js +143 -126
  38. package/dist/grid.css.d.ts +13 -0
  39. package/dist/grid.js +35 -38
  40. package/dist/hero.css-mistica.js +14 -8
  41. package/dist/hero.css.d.ts +2 -0
  42. package/dist/hero.js +35 -37
  43. package/dist/highlighted-card.js +15 -14
  44. package/dist/image.js +23 -25
  45. package/dist/index.d.ts +1 -0
  46. package/dist/index.js +4 -0
  47. package/dist/inline.js +10 -11
  48. package/dist/list.css-mistica.js +26 -17
  49. package/dist/list.css.d.ts +3 -0
  50. package/dist/list.js +120 -122
  51. package/dist/loading-screen.js +16 -16
  52. package/dist/logo-blau.d.ts +1 -1
  53. package/dist/logo-blau.js +10 -10
  54. package/dist/logo-common.d.ts +1 -0
  55. package/dist/logo-movistar.d.ts +1 -1
  56. package/dist/logo-movistar.js +4 -4
  57. package/dist/logo-o2-new.d.ts +1 -1
  58. package/dist/logo-o2-new.js +5 -5
  59. package/dist/logo-o2.d.ts +1 -1
  60. package/dist/logo-o2.js +5 -5
  61. package/dist/logo-telefonica.d.ts +1 -1
  62. package/dist/logo-telefonica.js +4 -4
  63. package/dist/logo-tu.d.ts +1 -1
  64. package/dist/logo-tu.js +5 -5
  65. package/dist/logo-vivo.d.ts +1 -1
  66. package/dist/logo-vivo.js +7 -7
  67. package/dist/logo.d.ts +9 -8
  68. package/dist/logo.js +125 -102
  69. package/dist/menu.css-mistica.js +9 -9
  70. package/dist/menu.js +9 -10
  71. package/dist/navigation-bar.css-mistica.js +23 -20
  72. package/dist/navigation-bar.css.d.ts +1 -0
  73. package/dist/navigation-bar.js +30 -37
  74. package/dist/package-version.js +1 -1
  75. package/dist/popover.d.ts +1 -0
  76. package/dist/popover.js +9 -10
  77. package/dist/sheet-common.js +3 -2
  78. package/dist/skeleton-base.js +10 -12
  79. package/dist/skeletons.css-mistica.js +11 -5
  80. package/dist/skeletons.css.d.ts +1 -0
  81. package/dist/snackbar.css-mistica.js +20 -14
  82. package/dist/snackbar.css.d.ts +3 -1
  83. package/dist/snackbar.js +65 -75
  84. package/dist/table.js +52 -51
  85. package/dist/tag.css-mistica.js +15 -4
  86. package/dist/tag.css.d.ts +2 -0
  87. package/dist/tag.js +22 -27
  88. package/dist/text-field-components.css-mistica.js +16 -10
  89. package/dist/text-field-components.css.d.ts +1 -0
  90. package/dist/text-field-components.js +32 -35
  91. package/dist/text-props.d.ts +60 -0
  92. package/dist/text-props.js +93 -0
  93. package/dist/text.d.ts +0 -62
  94. package/dist/text.js +156 -219
  95. package/dist/timer.js +42 -43
  96. package/dist/title.js +10 -9
  97. package/dist/tooltip.d.ts +3 -1
  98. package/dist/tooltip.js +106 -106
  99. package/dist/touchable.js +47 -42
  100. package/dist-es/accordion.css-mistica.js +3 -3
  101. package/dist-es/accordion.js +58 -61
  102. package/dist-es/align.css-mistica.js +3 -0
  103. package/dist-es/align.css.ts.vanilla.css-mistica.js +2 -0
  104. package/dist-es/align.js +70 -0
  105. package/dist-es/box.css-mistica.js +24 -0
  106. package/dist-es/box.css.ts.vanilla.css-mistica.js +2 -0
  107. package/dist-es/box.js +43 -35
  108. package/dist-es/boxed.css-mistica.js +5 -3
  109. package/dist-es/boxed.js +28 -32
  110. package/dist-es/callout.css-mistica.js +7 -2
  111. package/dist-es/callout.js +44 -52
  112. package/dist-es/card.css-mistica.js +4 -4
  113. package/dist-es/card.js +343 -377
  114. package/dist-es/chip.css-mistica.js +10 -4
  115. package/dist-es/chip.js +44 -60
  116. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  117. package/dist-es/community/advanced-data-card.js +94 -106
  118. package/dist-es/empty-state-card.js +17 -16
  119. package/dist-es/empty-state.css-mistica.js +3 -3
  120. package/dist-es/empty-state.js +19 -22
  121. package/dist-es/form.css-mistica.js +3 -0
  122. package/dist-es/form.js +12 -14
  123. package/dist-es/grid.css-mistica.js +123 -112
  124. package/dist-es/grid.js +38 -41
  125. package/dist-es/hero.css-mistica.js +2 -2
  126. package/dist-es/hero.js +75 -77
  127. package/dist-es/highlighted-card.js +19 -18
  128. package/dist-es/image.js +28 -30
  129. package/dist-es/index.js +1844 -1843
  130. package/dist-es/inline.js +19 -20
  131. package/dist-es/list.css-mistica.js +2 -2
  132. package/dist-es/list.js +170 -172
  133. package/dist-es/loading-screen.js +30 -30
  134. package/dist-es/logo-blau.js +11 -11
  135. package/dist-es/logo-movistar.js +5 -5
  136. package/dist-es/logo-o2-new.js +8 -8
  137. package/dist-es/logo-o2.js +8 -8
  138. package/dist-es/logo-telefonica.js +4 -4
  139. package/dist-es/logo-tu.js +8 -8
  140. package/dist-es/logo-vivo.js +16 -16
  141. package/dist-es/logo.js +132 -109
  142. package/dist-es/menu.css-mistica.js +3 -3
  143. package/dist-es/menu.js +21 -22
  144. package/dist-es/navigation-bar.css-mistica.js +11 -11
  145. package/dist-es/navigation-bar.js +80 -87
  146. package/dist-es/package-version.js +1 -1
  147. package/dist-es/popover.js +17 -18
  148. package/dist-es/sheet-common.js +12 -11
  149. package/dist-es/skeleton-base.js +15 -17
  150. package/dist-es/skeletons.css-mistica.js +5 -2
  151. package/dist-es/snackbar.css-mistica.js +4 -4
  152. package/dist-es/snackbar.js +93 -103
  153. package/dist-es/style.css +1 -1
  154. package/dist-es/table.js +89 -88
  155. package/dist-es/tag.css-mistica.js +2 -2
  156. package/dist-es/tag.js +36 -41
  157. package/dist-es/text-field-components.css-mistica.js +5 -2
  158. package/dist-es/text-field-components.js +48 -51
  159. package/dist-es/text-props.js +52 -0
  160. package/dist-es/text.js +171 -231
  161. package/dist-es/timer.js +80 -81
  162. package/dist-es/title.js +14 -13
  163. package/dist-es/tooltip.js +148 -148
  164. package/dist-es/touchable.js +55 -50
  165. package/package.json +3 -3
  166. package/dist/sprinkles.css-mistica.js +0 -2494
  167. package/dist-es/sprinkles.css-mistica.js +0 -2485
package/dist-es/list.js CHANGED
@@ -78,12 +78,12 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsx as t, jsxs as X } from "react/jsx-runtime";
82
- import * as u from "react";
83
- import m from "classnames";
81
+ import { jsx as t, jsxs as P } from "react/jsx-runtime";
82
+ import * as m from "react";
83
+ import s from "classnames";
84
84
  import { BaseTouchable as te } from "./touchable.js";
85
- import { Text3 as xe, Text1 as ve, Text2 as Y } from "./text.js";
86
- import o from "./box.js";
85
+ import { Text3 as ve, Text1 as xe, Text2 as z } from "./text.js";
86
+ import h from "./box.js";
87
87
  import C from "./stack.js";
88
88
  import ge from "./badge.js";
89
89
  import { useIsInverseOrMediaVariant as oe } from "./theme-variant-context.js";
@@ -93,14 +93,13 @@ import ae, { useRadioContext as Be } from "./radio-button.js";
93
93
  import Re from "./checkbox.js";
94
94
  import { Boxed as Ie } from "./boxed.js";
95
95
  import Ce from "./divider.js";
96
- import { getPrefixedDataAttributes as K } from "./utils/dom.js";
97
- import { rowContent as q, touchableBackground as z, touchableBackgroundInverse as G, pointer as re, content as Te, center as J, disabled as I, asset as Ne, rowBody as ke, badge as Le, rightContent as Ae, rightRestrictedWidth as Se, detail as Ve, detailRight as Xe, dualActionContainer as Ee, dualActionLeft as Pe, dualActionDivider as De, dualActionRight as Me } from "./list.css-mistica.js";
98
- import { vars as Oe } from "./image.css-mistica.js";
99
- import { vars as d } from "./skins/skin-contract.css-mistica.js";
100
- import { applyCssVars as We } from "./utils/css.js";
101
- import { IconButton as ie, ToggleIconButton as ne } from "./icon-button.js";
102
- import { sprinkles as je } from "./sprinkles.css-mistica.js";
103
- const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
96
+ import { getPrefixedDataAttributes as X } from "./utils/dom.js";
97
+ import { rowContent as G, touchableBackground as J, touchableBackgroundInverse as K, pointer as re, rowContentPadding as Te, row as Ne, content as Le, assetContainer as ke, center as Q, disabled as I, asset as Ae, rowBody as Se, badge as Ve, rightContent as Pe, rightRestrictedWidth as Ee, detail as Xe, detailRight as De, dualActionContainer as Me, dualActionLeft as Oe, dualActionDivider as We, dualActionRight as je } from "./list.css-mistica.js";
98
+ import { vars as He } from "./image.css-mistica.js";
99
+ import { vars as l } from "./skins/skin-contract.css-mistica.js";
100
+ import { applyCssVars as Fe } from "./utils/css.js";
101
+ import { IconButton as ne, ToggleIconButton as ie } from "./icon-button.js";
102
+ const qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
104
103
  centerY: a
105
104
  }) : a ? /* @__PURE__ */ t("div", {
106
105
  style: {
@@ -111,51 +110,49 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
111
110
  children: /* @__PURE__ */ t("div", {
112
111
  children: e
113
112
  })
114
- }) : e, Fe = (param)=>{
115
- let { withChevron: e, headline: a, headlineRef: r, extraRef: l, title: c, titleAs: v, titleLinesMax: g, subtitle: x, subtitleLinesMax: P, description: w, descriptionLinesMax: D, detail: h, asset: E, danger: T, badge: N, right: y, rightRef: f, extra: k, labelId: M, disabled: s, control: L } = param;
113
+ }) : e, ze = (param)=>{
114
+ let { withChevron: e, headline: a, headlineRef: r, extraRef: o, title: d, titleAs: x, titleLinesMax: g, subtitle: v, subtitleLinesMax: D, description: w, descriptionLinesMax: M, detail: u, asset: E, danger: T, badge: N, right: y, rightRef: f, extra: L, labelId: O, disabled: c, control: k } = param;
116
115
  const A = oe(), S = [
117
116
  a,
118
- c,
119
- x,
117
+ d,
118
+ v,
120
119
  w,
121
- k
120
+ L
122
121
  ].filter(Boolean).length === 1;
123
- return /* @__PURE__ */ X(o, {
124
- paddingY: 16,
125
- className: Te,
126
- id: M,
122
+ return /* @__PURE__ */ P("div", {
123
+ className: Le,
124
+ id: O,
127
125
  children: [
128
- E && /* @__PURE__ */ t(o, {
129
- paddingRight: 16,
130
- className: m({
131
- [J]: S,
132
- [I]: s
126
+ E && /* @__PURE__ */ t("div", {
127
+ className: s(ke, {
128
+ [Q]: S,
129
+ [I]: c
133
130
  }),
134
131
  "aria-hidden": !0,
135
132
  children: /* @__PURE__ */ t("div", {
136
- className: Ne,
137
- style: We({
138
- color: T ? A ? d.colors.textErrorInverse : d.colors.textError : A ? d.colors.textPrimaryInverse : d.colors.textPrimary,
139
- [Oe.mediaBorderRadius]: d.borderRadii.mediaSmall
133
+ className: Ae,
134
+ style: Fe({
135
+ color: T ? A ? l.colors.textErrorInverse : l.colors.textError : A ? l.colors.textPrimaryInverse : l.colors.textPrimary,
136
+ [He.mediaBorderRadius]: l.borderRadii.mediaSmall
140
137
  }),
141
138
  children: E
142
139
  })
143
140
  }),
144
- /* @__PURE__ */ X("div", {
145
- className: m(ke, {
146
- [I]: s
141
+ /* @__PURE__ */ P("div", {
142
+ className: s(Se, {
143
+ [I]: c
147
144
  }),
148
145
  style: {
149
146
  justifyContent: S ? "center" : "flex-start"
150
147
  },
151
148
  children: [
152
- /* @__PURE__ */ t(xe, {
149
+ /* @__PURE__ */ t(ve, {
153
150
  regular: !0,
154
- color: T ? d.colors.textError : d.colors.textPrimary,
151
+ color: T ? l.colors.textError : l.colors.textPrimary,
155
152
  truncate: g,
156
153
  hyphens: "auto",
157
- as: v,
158
- children: c
154
+ as: x,
155
+ children: d
159
156
  }),
160
157
  a && /* @__PURE__ */ t("div", {
161
158
  ref: r,
@@ -163,119 +160,123 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
163
160
  order: -1,
164
161
  paddingBottom: 4
165
162
  },
166
- children: /* @__PURE__ */ t(ve, {
163
+ children: /* @__PURE__ */ t(xe, {
167
164
  regular: !0,
168
- color: d.colors.textPrimary,
165
+ color: l.colors.textPrimary,
169
166
  hyphens: "auto",
170
167
  children: a
171
168
  })
172
169
  }),
173
- x && /* @__PURE__ */ t(o, {
170
+ v && /* @__PURE__ */ t(h, {
174
171
  paddingTop: 2,
175
- children: /* @__PURE__ */ t(Y, {
172
+ children: /* @__PURE__ */ t(z, {
176
173
  regular: !0,
177
- color: d.colors.textPrimary,
178
- truncate: P,
174
+ color: l.colors.textPrimary,
175
+ truncate: D,
179
176
  hyphens: "auto",
180
- children: x
177
+ children: v
181
178
  })
182
179
  }),
183
- w && /* @__PURE__ */ t(o, {
180
+ w && /* @__PURE__ */ t(h, {
184
181
  paddingTop: 2,
185
- children: /* @__PURE__ */ t(Y, {
182
+ children: /* @__PURE__ */ t(z, {
186
183
  regular: !0,
187
- color: d.colors.textSecondary,
188
- truncate: D,
184
+ color: l.colors.textSecondary,
185
+ truncate: M,
189
186
  hyphens: "auto",
190
187
  children: w
191
188
  })
192
189
  }),
193
- k && /* @__PURE__ */ t(o, {
194
- ref: l,
190
+ L && /* @__PURE__ */ t(h, {
191
+ ref: o,
195
192
  paddingTop: 2,
196
- children: k
193
+ children: L
197
194
  })
198
195
  ]
199
196
  }),
200
- N && /* @__PURE__ */ t(o, {
197
+ N && /* @__PURE__ */ t(h, {
201
198
  paddingLeft: 16,
202
199
  children: /* @__PURE__ */ t("div", {
203
- className: m(Le, {
204
- [I]: s
200
+ className: s(Ve, {
201
+ [I]: c
205
202
  }),
206
203
  children: /* @__PURE__ */ t(ge, {
207
204
  value: N === !0 ? void 0 : N
208
205
  })
209
206
  })
210
207
  }),
211
- (h || y || e || L) && /* @__PURE__ */ X("div", {
212
- className: m(Ae, {
213
- [Se]: !!h
208
+ (u || y || e || k) && /* @__PURE__ */ P("div", {
209
+ className: s(Pe, {
210
+ [Ee]: !!u
214
211
  }),
215
212
  children: [
216
- h && /* @__PURE__ */ t("div", {
217
- className: m(Ve, {
218
- [I]: s
213
+ u && /* @__PURE__ */ t("div", {
214
+ className: s(Xe, {
215
+ [I]: c
219
216
  }),
220
- children: /* @__PURE__ */ t(Y, {
217
+ children: /* @__PURE__ */ t(z, {
221
218
  regular: !0,
222
- color: d.colors.textSecondary,
219
+ color: l.colors.textSecondary,
223
220
  hyphens: "auto",
224
- children: h
221
+ children: u
225
222
  })
226
223
  }),
227
224
  y && /* @__PURE__ */ t("div", {
228
- className: m({
229
- [Xe]: !!h,
230
- [I]: s
225
+ className: s({
226
+ [De]: !!u,
227
+ [I]: c
231
228
  }),
232
229
  ref: f,
233
- children: He(y, S)
230
+ children: qe(y, S)
234
231
  }),
235
- e && /* @__PURE__ */ t(o, {
236
- paddingLeft: h || y ? 4 : 0,
237
- className: m(J, {
238
- [I]: s
232
+ e && /* @__PURE__ */ t("div", {
233
+ style: {
234
+ paddingLeft: u || y ? 4 : 0
235
+ },
236
+ className: s(Q, {
237
+ [I]: c
239
238
  }),
240
239
  children: /* @__PURE__ */ t(ye, {
241
- color: A ? d.colors.inverse : d.colors.neutralMedium,
240
+ color: A ? l.colors.inverse : l.colors.neutralMedium,
242
241
  direction: "right"
243
242
  })
244
243
  }),
245
- L && /* @__PURE__ */ t(o, {
246
- paddingLeft: h || y ? 8 : 0,
247
- className: J,
248
- children: L
244
+ k && /* @__PURE__ */ t("div", {
245
+ style: {
246
+ paddingLeft: u || y ? 8 : 0
247
+ },
248
+ className: Q,
249
+ children: k
249
250
  })
250
251
  ]
251
252
  })
252
253
  ]
253
254
  });
254
- }, Ye = (param)=>{
255
+ }, Ge = (param)=>{
255
256
  let { value: e, defaultValue: a, onChange: r } = param;
256
- const l = e !== void 0, [c, v] = u.useState(!!a);
257
+ const o = e !== void 0, [d, x] = m.useState(!!a);
257
258
  return [
258
- l ? !!e : c,
259
+ o ? !!e : d,
259
260
  ()=>{
260
- l || v(!c), r == null || r(l ? !e : !c);
261
+ o || x(!d), r == null || r(o ? !e : !d);
261
262
  }
262
263
  ];
263
- }, qe = (e)=>[
264
+ }, Je = (e)=>[
264
265
  "switch",
265
266
  "checkbox",
266
267
  "radioValue",
267
268
  "iconButton"
268
- ].some((a)=>e[a] !== void 0), le = /*#__PURE__*/ u.forwardRef((e, a)=>{
269
+ ].some((a)=>e[a] !== void 0), le = /*#__PURE__*/ m.forwardRef((e, a)=>{
269
270
  var p, ee;
270
- const r = u.useId(), l = oe(), { asset: c, headline: v, title: g, titleAs: x, titleLinesMax: P, subtitle: w, subtitleLinesMax: D, description: h, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: f, extra: k, withChevron: M, dataAttributes: s, right: L, "aria-label": A } = e, [Q, S] = u.useState(""), [de, ce] = u.useState(""), [se, he] = u.useState(""), me = [
271
+ const r = m.useId(), o = oe(), { asset: d, headline: x, title: g, titleAs: v, titleLinesMax: D, subtitle: w, subtitleLinesMax: M, description: u, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: f, extra: L, withChevron: O, dataAttributes: c, right: k, "aria-label": A } = e, [U, S] = m.useState(""), [de, ce] = m.useState(""), [se, he] = m.useState(""), ue = [
271
272
  g,
272
- Q,
273
+ U,
273
274
  w,
274
- h,
275
+ u,
275
276
  de,
276
277
  T,
277
278
  se
278
- ].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? me : void 0, ue = Be(), b = e.disabled || e.radioValue !== void 0 && ue.disabled, O = !b && !l, W = !b && l, U = qe(e), V = !!e.onPress || !!e.href || !!e.to, fe = U ? !1 : M !== null && M !== void 0 ? M : V, Z = {
279
+ ].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? ue : void 0, me = Be(), b = e.disabled || e.radioValue !== void 0 && me.disabled, W = !b && !o, j = !b && o, Y = Je(e), V = !!e.onPress || !!e.href || !!e.to, fe = Y ? !1 : O !== null && O !== void 0 ? O : V, Z = {
279
280
  href: e.href,
280
281
  newTab: e.newTab,
281
282
  loadOnTop: e.loadOnTop,
@@ -285,65 +286,65 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
285
286
  onNavigate: e.onNavigate,
286
287
  onPress: e.onPress,
287
288
  trackingEvent: e.trackingEvent
288
- }, [_, $] = Ye(e.switch || e.checkbox || {}), R = (i)=>/* @__PURE__ */ t(Fe, {
289
- asset: c,
290
- headline: v,
291
- headlineRef: (n)=>{
292
- n && S(n.textContent || "");
289
+ }, [_, $] = Ge(e.switch || e.checkbox || {}), R = (n)=>/* @__PURE__ */ t(ze, {
290
+ asset: d,
291
+ headline: x,
292
+ headlineRef: (i)=>{
293
+ i && S(i.textContent || "");
293
294
  },
294
295
  title: g,
295
- titleAs: x,
296
+ titleAs: v,
296
297
  subtitle: w,
297
- description: h,
298
+ description: u,
298
299
  badge: y,
299
- titleLinesMax: P,
300
- subtitleLinesMax: D,
300
+ titleLinesMax: D,
301
+ subtitleLinesMax: M,
301
302
  descriptionLinesMax: E,
302
303
  detail: T,
303
304
  danger: N,
304
- right: L,
305
- rightRef: (n)=>{
306
- n && he(n.innerText || n.textContent || "");
305
+ right: k,
306
+ rightRef: (i)=>{
307
+ i && he(i.innerText || i.textContent || "");
307
308
  },
308
- control: i == null ? void 0 : i.control,
309
- extra: k,
310
- extraRef: (n)=>{
311
- n && ce(n.innerText || n.textContent || "");
309
+ control: n == null ? void 0 : n.control,
310
+ extra: L,
311
+ extraRef: (i)=>{
312
+ i && ce(i.innerText || i.textContent || "");
312
313
  },
313
- labelId: i == null ? void 0 : i.labelId,
314
+ labelId: n == null ? void 0 : n.labelId,
314
315
  disabled: b,
315
316
  withChevron: fe
316
317
  });
317
- if (V && !U) return /* @__PURE__ */ t(te, _object_spread_props(_object_spread({
318
+ if (V && !Y) return /* @__PURE__ */ t(te, _object_spread_props(_object_spread({
318
319
  ref: a,
319
- className: m(q, {
320
- [z]: O,
321
- [G]: W,
320
+ className: s(G, {
321
+ [J]: W,
322
+ [K]: j,
322
323
  [re]: !b
323
324
  })
324
325
  }, Z), {
325
326
  role: f,
326
- dataAttributes: s,
327
+ dataAttributes: c,
327
328
  disabled: b,
328
329
  "aria-label": B,
329
- children: /* @__PURE__ */ t(o, {
330
+ children: /* @__PURE__ */ t(h, {
330
331
  paddingX: 16,
331
332
  "aria-hidden": !!e.to || !!e.href || void 0,
332
333
  children: R()
333
334
  })
334
335
  }));
335
- const j = (i)=>/* @__PURE__ */ X("div", _object_spread_props(_object_spread({
336
- className: Ee,
336
+ const H = (n)=>/* @__PURE__ */ P("div", _object_spread_props(_object_spread({
337
+ className: Me,
337
338
  ref: a
338
- }, K(s)), {
339
+ }, X(c)), {
339
340
  children: [
340
341
  /* @__PURE__ */ t(te, _object_spread_props(_object_spread({
341
342
  disabled: b
342
343
  }, Z), {
343
344
  role: f,
344
- className: m(Pe, {
345
- [z]: O,
346
- [G]: W
345
+ className: s(Oe, {
346
+ [J]: W,
347
+ [K]: j
347
348
  }),
348
349
  "aria-label": B,
349
350
  children: R({
@@ -351,160 +352,157 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
351
352
  })
352
353
  })),
353
354
  /* @__PURE__ */ t("div", {
354
- className: De
355
+ className: We
355
356
  }),
356
- i
357
+ n
357
358
  ]
358
- })), H = (i, n)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
359
- className: m(q, {
360
- [z]: O && n,
361
- [G]: W && n,
362
- [re]: !b && n
359
+ })), F = (n, i)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
360
+ className: s(G, {
361
+ [J]: W && i,
362
+ [K]: j && i,
363
+ [re]: !b && i
363
364
  }),
364
365
  ref: a
365
- }, K(s)), {
366
- children: i
366
+ }, X(c)), {
367
+ children: n
367
368
  }));
368
369
  if (e.switch || e.checkbox) {
369
370
  var _ref, _ref1;
370
- const i = e.switch ? we : Re, n = (_ref1 = (_ref = (p = e.switch) == null ? void 0 : p.name) !== null && _ref !== void 0 ? _ref : (ee = e.checkbox) == null ? void 0 : ee.name) !== null && _ref1 !== void 0 ? _ref1 : r;
371
- return V ? j(/* @__PURE__ */ t(i, {
371
+ const n = e.switch ? we : Re, i = (_ref1 = (_ref = (p = e.switch) == null ? void 0 : p.name) !== null && _ref !== void 0 ? _ref : (ee = e.checkbox) == null ? void 0 : ee.name) !== null && _ref1 !== void 0 ? _ref1 : r;
372
+ return V ? H(/* @__PURE__ */ t(n, {
372
373
  disabled: b,
373
- name: n,
374
+ name: i,
374
375
  checked: _,
375
376
  "aria-label": B,
376
377
  "aria-labelledby": r,
377
378
  onChange: $,
378
379
  render: (param)=>{
379
- let { controlElement: F } = param;
380
+ let { controlElement: q } = param;
380
381
  return /* @__PURE__ */ t("div", {
381
- className: Me,
382
- children: F
382
+ className: je,
383
+ children: q
383
384
  });
384
385
  }
385
- })) : H(/* @__PURE__ */ t(i, {
386
+ })) : F(/* @__PURE__ */ t(n, {
386
387
  disabled: b,
387
- name: n,
388
+ name: i,
388
389
  checked: _,
389
390
  "aria-label": B,
390
391
  "aria-labelledby": r,
391
392
  onChange: $,
392
393
  render: (param)=>{
393
- let { controlElement: F, labelId: be } = param;
394
- return /* @__PURE__ */ t(o, {
394
+ let { controlElement: q, labelId: be } = param;
395
+ return /* @__PURE__ */ t(h, {
395
396
  paddingX: 16,
396
397
  role: f,
397
398
  children: R({
398
399
  labelId: be,
399
400
  control: /* @__PURE__ */ t(C, {
400
401
  space: "around",
401
- children: F
402
+ children: q
402
403
  })
403
404
  })
404
405
  });
405
406
  }
406
407
  }), !0);
407
408
  }
408
- return e.radioValue ? V ? j(/* @__PURE__ */ t(ae, {
409
+ return e.radioValue ? V ? H(/* @__PURE__ */ t(ae, {
409
410
  value: e.radioValue,
410
411
  "aria-label": B,
411
412
  "aria-labelledby": r,
412
413
  render: (param)=>{
413
- let { controlElement: i } = param;
414
+ let { controlElement: n } = param;
414
415
  return /* @__PURE__ */ t(C, {
415
416
  space: "around",
416
- children: /* @__PURE__ */ t(o, {
417
+ children: /* @__PURE__ */ t(h, {
417
418
  paddingX: 16,
418
- children: i
419
+ children: n
419
420
  })
420
421
  });
421
422
  }
422
- })) : H(/* @__PURE__ */ t(ae, {
423
+ })) : F(/* @__PURE__ */ t(ae, {
423
424
  value: e.radioValue,
424
425
  "aria-label": B,
425
426
  "aria-labelledby": r,
426
427
  render: (param)=>{
427
- let { controlElement: i } = param;
428
- return /* @__PURE__ */ t(o, {
428
+ let { controlElement: n } = param;
429
+ return /* @__PURE__ */ t(h, {
429
430
  paddingX: 16,
430
431
  role: f,
431
432
  children: R({
432
433
  labelId: r,
433
434
  control: /* @__PURE__ */ t(C, {
434
435
  space: "around",
435
- children: i
436
+ children: n
436
437
  })
437
438
  })
438
439
  });
439
440
  }
440
- }), !0) : e.iconButton ? V ? j(/* @__PURE__ */ t(o, {
441
+ }), !0) : e.iconButton ? V ? H(/* @__PURE__ */ t(h, {
441
442
  padding: 16,
442
443
  children: /* @__PURE__ */ t(C, {
443
444
  space: "around",
444
- children: e.iconButton.Icon ? /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({}, e.iconButton), {
445
+ children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
445
446
  disabled: e.disabled
446
- })) : /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
447
+ })) : /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({}, e.iconButton), {
447
448
  disabled: e.disabled
448
449
  }))
449
450
  })
450
- })) : H(/* @__PURE__ */ t(o, {
451
+ })) : F(/* @__PURE__ */ t(h, {
451
452
  paddingX: 16,
452
453
  children: R({
453
454
  labelId: r,
454
455
  control: /* @__PURE__ */ t(C, {
455
456
  space: "around",
456
- children: e.iconButton.Icon ? /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({}, e.iconButton), {
457
+ children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
457
458
  disabled: e.disabled,
458
459
  role: f
459
- })) : /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
460
+ })) : /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({}, e.iconButton), {
460
461
  disabled: e.disabled,
461
462
  role: f
462
463
  }))
463
464
  })
464
465
  })
465
- })) : /* @__PURE__ */ t(o, {
466
- paddingX: 16,
467
- className: q,
468
- role: f,
469
- dataAttributes: s,
466
+ })) : /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
467
+ className: s(G, Te),
468
+ role: f
469
+ }, X(c)), {
470
470
  ref: a,
471
471
  children: R()
472
- });
473
- }), ht = /*#__PURE__*/ u.forwardRef((_param, l)=>{
472
+ }));
473
+ }), ut = /*#__PURE__*/ m.forwardRef((_param, o)=>{
474
474
  var { dataAttributes: e, role: a = "listitem" } = _param, r = _object_without_properties(_param, [
475
475
  "dataAttributes",
476
476
  "role"
477
477
  ]);
478
478
  return /* @__PURE__ */ t("div", {
479
479
  role: a,
480
- className: je({
481
- width: "100%"
482
- }),
480
+ className: Ne,
483
481
  children: /* @__PURE__ */ t(le, _object_spread_props(_object_spread({}, r), {
484
- ref: l,
482
+ ref: o,
485
483
  dataAttributes: _object_spread({
486
484
  "component-name": "Row"
487
485
  }, e)
488
486
  }))
489
487
  });
490
488
  }), mt = (param)=>{
491
- let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
492
- const c = u.Children.toArray(e).filter(Boolean), v = c.length - 1;
489
+ let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
490
+ const d = m.Children.toArray(e).filter(Boolean), x = d.length - 1;
493
491
  return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
494
492
  role: r,
495
493
  "aria-labelledby": a
496
- }, K(l, "RowList")), {
497
- children: c.map((g, x)=>/* @__PURE__ */ X(u.Fragment, {
494
+ }, X(o, "RowList")), {
495
+ children: d.map((g, v)=>/* @__PURE__ */ P(m.Fragment, {
498
496
  children: [
499
497
  g,
500
- x < v && /* @__PURE__ */ t(o, {
498
+ v < x && /* @__PURE__ */ t(h, {
501
499
  paddingX: 16,
502
500
  children: /* @__PURE__ */ t(Ce, {})
503
501
  })
504
502
  ]
505
- }, x))
503
+ }, v))
506
504
  }));
507
- }, ut = /*#__PURE__*/ u.forwardRef((_param, r)=>{
505
+ }, ft = /*#__PURE__*/ m.forwardRef((_param, r)=>{
508
506
  var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
509
507
  "dataAttributes"
510
508
  ]);
@@ -516,16 +514,16 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
516
514
  }, e),
517
515
  children: /* @__PURE__ */ t(le, _object_spread({}, a))
518
516
  });
519
- }), ft = (param)=>{
520
- let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
517
+ }), bt = (param)=>{
518
+ let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
521
519
  return /* @__PURE__ */ t(C, {
522
520
  space: 16,
523
521
  role: r,
524
522
  "aria-labelledby": a,
525
523
  dataAttributes: _object_spread({
526
524
  "component-name": "BoxedRowList"
527
- }, l),
525
+ }, o),
528
526
  children: e
529
527
  });
530
528
  };
531
- export { ut as BoxedRow, ft as BoxedRowList, Fe as Content, ht as Row, mt as RowList };
529
+ export { ft as BoxedRow, bt as BoxedRowList, ze as Content, ut as Row, mt as RowList };