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