@telefonica/mistica 14.17.0 → 14.18.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 (177) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +3 -3
  3. package/dist/badge.css-mistica.js +3 -3
  4. package/dist/box.d.ts +8 -8
  5. package/dist/box.js +28 -21
  6. package/dist/boxed.css-mistica.js +1 -1
  7. package/dist/button-group.css-mistica.js +1 -1
  8. package/dist/button-layout.css-mistica.js +8 -8
  9. package/dist/button.css-mistica.js +19 -19
  10. package/dist/callout.css-mistica.js +1 -1
  11. package/dist/card.css-mistica.js +27 -18
  12. package/dist/card.css.d.ts +3 -0
  13. package/dist/card.d.ts +37 -14
  14. package/dist/card.js +442 -268
  15. package/dist/carousel.css-mistica.js +16 -16
  16. package/dist/checkbox.css-mistica.js +10 -10
  17. package/dist/chip.css-mistica.js +4 -4
  18. package/dist/circle.css-mistica.js +2 -2
  19. package/dist/circle.d.ts +2 -0
  20. package/dist/circle.js +61 -7
  21. package/dist/community/advanced-data-card.css-mistica.js +69 -0
  22. package/dist/community/advanced-data-card.css.d.ts +20 -0
  23. package/dist/community/advanced-data-card.css.ts.vanilla.css-mistica.js +11 -0
  24. package/dist/community/advanced-data-card.d.ts +39 -0
  25. package/dist/community/advanced-data-card.js +317 -0
  26. package/dist/community/blocks.css-mistica.js +21 -0
  27. package/dist/community/blocks.css.d.ts +2 -0
  28. package/dist/community/blocks.css.ts.vanilla.css-mistica.js +11 -0
  29. package/dist/community/blocks.d.ts +73 -0
  30. package/dist/community/blocks.js +258 -0
  31. package/dist/community/index.d.ts +2 -0
  32. package/dist/community/index.js +31 -3
  33. package/dist/credit-card-number-field.css-mistica.js +3 -3
  34. package/dist/dialog.css-mistica.js +9 -9
  35. package/dist/double-field.css-mistica.js +2 -2
  36. package/dist/empty-state-card.css-mistica.js +1 -1
  37. package/dist/empty-state.css-mistica.js +4 -4
  38. package/dist/empty-state.js +4 -4
  39. package/dist/feedback.css-mistica.js +3 -3
  40. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  41. package/dist/grid.css.d.ts +6 -6
  42. package/dist/header.css-mistica.js +24 -0
  43. package/dist/header.css.d.ts +3 -0
  44. package/dist/header.css.ts.vanilla.css-mistica.js +11 -0
  45. package/dist/header.d.ts +3 -0
  46. package/dist/header.js +121 -101
  47. package/dist/hero.css-mistica.js +4 -4
  48. package/dist/highlighted-card.css-mistica.js +5 -5
  49. package/dist/horizontal-scroll.css-mistica.js +1 -1
  50. package/dist/icon-button.css-mistica.js +1 -1
  51. package/dist/image.css-mistica.js +1 -1
  52. package/dist/image.d.ts +19 -6
  53. package/dist/image.js +64 -61
  54. package/dist/index.d.ts +1 -1
  55. package/dist/index.js +6 -0
  56. package/dist/list.css-mistica.js +14 -11
  57. package/dist/list.css.d.ts +1 -0
  58. package/dist/list.js +61 -59
  59. package/dist/loading-bar.css-mistica.js +5 -5
  60. package/dist/maybe-dismissable.css-mistica.js +1 -1
  61. package/dist/menu.css-mistica.js +2 -2
  62. package/dist/navigation-bar.css-mistica.js +16 -16
  63. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  64. package/dist/package-version.js +1 -1
  65. package/dist/password-field.css-mistica.js +2 -2
  66. package/dist/popover.css-mistica.js +11 -11
  67. package/dist/progress-bar.css-mistica.js +3 -3
  68. package/dist/radio-button.css-mistica.js +12 -12
  69. package/dist/responsive-layout.css-mistica.js +2 -2
  70. package/dist/screen-reader-only.css-mistica.js +1 -1
  71. package/dist/select.css-mistica.js +12 -12
  72. package/dist/skeletons.css-mistica.js +3 -3
  73. package/dist/snackbar.css-mistica.js +5 -5
  74. package/dist/spinner.css-mistica.js +1 -1
  75. package/dist/sprinkles.css-mistica.js +648 -336
  76. package/dist/sprinkles.css.d.ts +36 -7
  77. package/dist/stack.css-mistica.js +7 -4
  78. package/dist/stack.css.d.ts +3 -0
  79. package/dist/stack.d.ts +4 -2
  80. package/dist/stack.js +20 -13
  81. package/dist/stacking-group.css-mistica.js +1 -1
  82. package/dist/stepper.css-mistica.js +9 -9
  83. package/dist/switch-component.css-mistica.js +21 -21
  84. package/dist/tabs.css-mistica.js +11 -11
  85. package/dist/tag.css-mistica.js +1 -1
  86. package/dist/text-field-base.css-mistica.js +11 -11
  87. package/dist/text-field-components.css-mistica.js +15 -15
  88. package/dist/text-link.css-mistica.js +5 -5
  89. package/dist/theme.d.ts +2 -0
  90. package/dist/theme.js +49 -41
  91. package/dist/tooltip.css-mistica.js +9 -9
  92. package/dist/touchable.css-mistica.js +3 -3
  93. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  94. package/dist/utils/aspect-ratio-support.d.ts +4 -2
  95. package/dist/utils/aspect-ratio-support.js +17 -16
  96. package/dist/utils/types.d.ts +5 -0
  97. package/dist/utils/utility-types.d.ts +7 -0
  98. package/dist/video.css-mistica.js +2 -2
  99. package/dist/video.js +26 -78
  100. package/dist-es/avatar.css-mistica.js +2 -2
  101. package/dist-es/badge.css-mistica.js +2 -2
  102. package/dist-es/box.js +32 -25
  103. package/dist-es/boxed.css-mistica.js +1 -1
  104. package/dist-es/button-group.css-mistica.js +1 -1
  105. package/dist-es/button-layout.css-mistica.js +7 -7
  106. package/dist-es/button.css-mistica.js +9 -9
  107. package/dist-es/callout.css-mistica.js +1 -1
  108. package/dist-es/card.css-mistica.js +4 -4
  109. package/dist-es/card.js +549 -384
  110. package/dist-es/carousel.css-mistica.js +2 -2
  111. package/dist-es/checkbox.css-mistica.js +6 -6
  112. package/dist-es/chip.css-mistica.js +4 -4
  113. package/dist-es/circle.css-mistica.js +2 -2
  114. package/dist-es/circle.js +66 -12
  115. package/dist-es/community/advanced-data-card.css-mistica.js +7 -0
  116. package/dist-es/community/advanced-data-card.css.ts.vanilla.css-mistica.js +2 -0
  117. package/dist-es/community/advanced-data-card.js +256 -0
  118. package/dist-es/community/blocks.css-mistica.js +4 -0
  119. package/dist-es/community/blocks.css.ts.vanilla.css-mistica.js +2 -0
  120. package/dist-es/community/blocks.js +224 -0
  121. package/dist-es/community/index.js +4 -2
  122. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  123. package/dist-es/dialog.css-mistica.js +5 -5
  124. package/dist-es/double-field.css-mistica.js +2 -2
  125. package/dist-es/empty-state-card.css-mistica.js +1 -1
  126. package/dist-es/empty-state.css-mistica.js +3 -3
  127. package/dist-es/empty-state.js +11 -11
  128. package/dist-es/feedback.css-mistica.js +2 -2
  129. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  130. package/dist-es/header.css-mistica.js +4 -0
  131. package/dist-es/header.css.ts.vanilla.css-mistica.js +2 -0
  132. package/dist-es/header.js +141 -121
  133. package/dist-es/hero.css-mistica.js +2 -2
  134. package/dist-es/highlighted-card.css-mistica.js +5 -5
  135. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  136. package/dist-es/icon-button.css-mistica.js +1 -1
  137. package/dist-es/image.css-mistica.js +1 -1
  138. package/dist-es/image.js +76 -73
  139. package/dist-es/index.js +1710 -1710
  140. package/dist-es/list.css-mistica.js +2 -2
  141. package/dist-es/list.js +80 -78
  142. package/dist-es/loading-bar.css-mistica.js +2 -2
  143. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  144. package/dist-es/menu.css-mistica.js +2 -2
  145. package/dist-es/navigation-bar.css-mistica.js +9 -9
  146. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  147. package/dist-es/package-version.js +1 -1
  148. package/dist-es/password-field.css-mistica.js +2 -2
  149. package/dist-es/popover.css-mistica.js +2 -2
  150. package/dist-es/progress-bar.css-mistica.js +2 -2
  151. package/dist-es/radio-button.css-mistica.js +6 -6
  152. package/dist-es/responsive-layout.css-mistica.js +2 -2
  153. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  154. package/dist-es/select.css-mistica.js +10 -10
  155. package/dist-es/skeletons.css-mistica.js +2 -2
  156. package/dist-es/snackbar.css-mistica.js +2 -2
  157. package/dist-es/spinner.css-mistica.js +1 -1
  158. package/dist-es/sprinkles.css-mistica.js +648 -336
  159. package/dist-es/stack.css-mistica.js +6 -3
  160. package/dist-es/stack.js +27 -20
  161. package/dist-es/stacking-group.css-mistica.js +1 -1
  162. package/dist-es/stepper.css-mistica.js +2 -2
  163. package/dist-es/style.css +1 -1
  164. package/dist-es/switch-component.css-mistica.js +18 -18
  165. package/dist-es/tabs.css-mistica.js +7 -7
  166. package/dist-es/tag.css-mistica.js +1 -1
  167. package/dist-es/text-field-base.css-mistica.js +2 -2
  168. package/dist-es/text-field-components.css-mistica.js +2 -2
  169. package/dist-es/text-link.css-mistica.js +5 -5
  170. package/dist-es/theme.js +52 -44
  171. package/dist-es/tooltip.css-mistica.js +3 -3
  172. package/dist-es/touchable.css-mistica.js +2 -2
  173. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  174. package/dist-es/utils/aspect-ratio-support.js +17 -16
  175. package/dist-es/video.css-mistica.js +2 -2
  176. package/dist-es/video.js +36 -88
  177. package/package.json +2 -2
package/dist/list.js CHANGED
@@ -10,16 +10,16 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  BoxedRow: function() {
13
- return Ye;
13
+ return qe;
14
14
  },
15
15
  BoxedRowList: function() {
16
- return qe;
16
+ return ze;
17
17
  },
18
18
  Row: function() {
19
- return Oe;
19
+ return Fe;
20
20
  },
21
21
  RowList: function() {
22
- return Fe;
22
+ return Ye;
23
23
  }
24
24
  });
25
25
  const _jsxruntime = require("react/jsx-runtime");
@@ -173,12 +173,12 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
173
173
  height: "100%"
174
174
  },
175
175
  children: e
176
- }) : e, ve = (param)=>{
177
- let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: d , subtitleLinesMax: b , description: l , descriptionLinesMax: B , detail: s , asset: T , type: f = "basic" , badge: I , right: S , extra: V , labelId: h , disabled: g } = param;
178
- const u = (0, _themevariantcontext.useIsInverseVariant)(), n = [
176
+ }) : e, be = (param)=>{
177
+ let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: s , subtitleLinesMax: b , description: l , descriptionLinesMax: B , detail: c , asset: T , type: f = "basic" , badge: I , right: S , extra: V , labelId: h , disabled: g } = param;
178
+ const m = (0, _themevariantcontext.useIsInverseVariant)(), n = [
179
179
  r,
180
180
  i,
181
- d,
181
+ s,
182
182
  l,
183
183
  V
184
184
  ].filter(Boolean).length === 1, E = ()=>I ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -234,12 +234,12 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
234
234
  hyphens: "auto",
235
235
  children: i
236
236
  }),
237
- d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
237
+ s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
238
238
  regular: !0,
239
239
  color: _skincontractcssmistica.vars.colors.textSecondary,
240
240
  truncate: b,
241
241
  hyphens: "auto",
242
- children: d
242
+ children: s
243
243
  }),
244
244
  l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
245
245
  regular: !0,
@@ -257,10 +257,11 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
257
257
  E(),
258
258
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
259
259
  className: (0, _classnames.default)({
260
- [_listcssmistica.right]: !!s || f !== "basic"
260
+ [_listcssmistica.right]: !!c || f !== "basic",
261
+ [_listcssmistica.rightRestrictedWidth]: !!c
261
262
  }),
262
263
  children: [
263
- s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
264
+ c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
264
265
  className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.detail, {
265
266
  [_listcssmistica.disabled]: g
266
267
  }),
@@ -268,29 +269,29 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
268
269
  regular: !0,
269
270
  color: _skincontractcssmistica.vars.colors.textSecondary,
270
271
  hyphens: "auto",
271
- children: s
272
+ children: c
272
273
  })
273
274
  }),
274
275
  f === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
275
276
  className: (0, _classnames.default)({
276
- [_listcssmistica.detailRight]: !!s
277
+ [_listcssmistica.detailRight]: !!c
277
278
  }),
278
279
  children: U(S, n)
279
280
  }),
280
281
  f === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
281
282
  className: (0, _classnames.default)({
282
- [_listcssmistica.detailRight]: !!s,
283
+ [_listcssmistica.detailRight]: !!c,
283
284
  [_listcssmistica.disabled]: g
284
285
  }),
285
286
  children: U(S, n)
286
287
  }),
287
288
  (f === "chevron" || f === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
288
- paddingLeft: s || f === "custom" ? 4 : 0,
289
+ paddingLeft: c || f === "custom" ? 4 : 0,
289
290
  className: (0, _classnames.default)(_listcssmistica.center, {
290
291
  [_listcssmistica.disabled]: g
291
292
  }),
292
293
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
293
- color: u ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
294
+ color: m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
294
295
  direction: "right"
295
296
  })
296
297
  })
@@ -298,51 +299,51 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
298
299
  })
299
300
  ]
300
301
  });
301
- }, be = (param)=>{
302
+ }, xe = (param)=>{
302
303
  let { value: e , defaultValue: r , onChange: i } = param;
303
- const a = e !== void 0, [d, b] = _react.useState(!!r), l = ()=>{
304
- a || b(!d), i && i(a ? !e : !d);
304
+ const a = e !== void 0, [s, b] = _react.useState(!!r), l = ()=>{
305
+ a || b(!s), i && i(a ? !e : !s);
305
306
  };
306
307
  return a ? [
307
308
  !!e,
308
309
  l
309
310
  ] : [
310
- d,
311
+ s,
311
312
  l
312
313
  ];
313
- }, xe = (e)=>e.switch !== void 0, we = (e)=>e.checkbox !== void 0, ye = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ _react.forwardRef((e, r)=>{
314
- const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { asset: d , headline: b , title: l , titleLinesMax: B , subtitle: s , subtitleLinesMax: T , description: f , descriptionLinesMax: I , detail: S , badge: V , role: h , extra: g , dataAttributes: u } = e, O = (0, _radiobutton.useRadioContext)(), n = e.disabled || e.radioValue !== void 0 && O.disabled, [E, F] = be(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
315
- let { type: c , right: v , labelId: X } = param;
316
- return (0, _jsxruntime.jsx)(ve, {
317
- asset: d,
314
+ }, we = (e)=>e.switch !== void 0, ye = (e)=>e.checkbox !== void 0, Re = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ _react.forwardRef((e, r)=>{
315
+ const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { asset: s , headline: b , title: l , titleLinesMax: B , subtitle: c , subtitleLinesMax: T , description: f , descriptionLinesMax: I , detail: S , badge: V , role: h , extra: g , dataAttributes: m } = e, O = (0, _radiobutton.useRadioContext)(), n = e.disabled || e.radioValue !== void 0 && O.disabled, [E, F] = xe(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
316
+ let { type: d , right: v , labelId: X } = param;
317
+ return (0, _jsxruntime.jsx)(be, {
318
+ asset: s,
318
319
  headline: b,
319
320
  title: l,
320
- subtitle: s,
321
+ subtitle: c,
321
322
  description: f,
322
323
  badge: V,
323
324
  titleLinesMax: B,
324
325
  subtitleLinesMax: T,
325
326
  descriptionLinesMax: I,
326
327
  detail: S,
327
- type: c,
328
+ type: d,
328
329
  right: v,
329
330
  extra: g,
330
331
  labelId: X,
331
332
  disabled: n,
332
333
  withChevron: !!e.onPress || !!e.href || !!e.to
333
334
  });
334
- }, M = (c)=>{
335
+ }, M = (d)=>{
335
336
  let v = "chevron";
336
- return c.right === null && (v = "basic"), c.right && (v = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
337
+ return d.right === null && (v = "basic"), d.right && (v = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
337
338
  paddingX: 16,
338
339
  ref: r,
339
340
  children: x({
340
341
  type: v,
341
- right: c.right
342
+ right: d.right
342
343
  })
343
344
  });
344
345
  };
345
- if (e.onPress && !xe(e) && !we(e) && !ye(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
346
+ if (e.onPress && !we(e) && !ye(e) && !Re(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
346
347
  ref: r,
347
348
  className: (0, _classnames.default)(_listcssmistica.rowContent, {
348
349
  [_listcssmistica.hoverBackground]: !(n || a),
@@ -351,7 +352,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
351
352
  trackingEvent: e.trackingEvent,
352
353
  onPress: e.onPress,
353
354
  role: h,
354
- dataAttributes: u,
355
+ dataAttributes: m,
355
356
  disabled: n,
356
357
  children: M(e)
357
358
  });
@@ -364,7 +365,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
364
365
  to: e.to,
365
366
  fullPageOnWebView: e.fullPageOnWebView,
366
367
  role: h,
367
- dataAttributes: u,
368
+ dataAttributes: m,
368
369
  disabled: n,
369
370
  children: M(e)
370
371
  });
@@ -377,11 +378,11 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
377
378
  href: e.href,
378
379
  newTab: e.newTab,
379
380
  role: h,
380
- dataAttributes: u,
381
+ dataAttributes: m,
381
382
  disabled: n,
382
383
  children: M(e)
383
384
  });
384
- const Y = (c)=>{
385
+ const Y = (d)=>{
385
386
  var X, q;
386
387
  var _ref, _ref1;
387
388
  const v = (_ref1 = (_ref = (X = e.switch) == null ? void 0 : X.name) !== null && _ref !== void 0 ? _ref : (q = e.checkbox) == null ? void 0 : q.name) !== null && _ref1 !== void 0 ? _ref1 : i;
@@ -389,7 +390,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
389
390
  className: _listcssmistica.dualActionContainer,
390
391
  children: [
391
392
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
392
- dataAttributes: u,
393
+ dataAttributes: m,
393
394
  disabled: n,
394
395
  onPress: e.onPress,
395
396
  role: h,
@@ -404,17 +405,17 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
404
405
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
405
406
  className: _listcssmistica.dualActionDivider
406
407
  }),
407
- /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
408
+ /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
408
409
  disabled: n,
409
410
  name: v,
410
411
  checked: E,
411
412
  "aria-labelledby": i,
412
413
  onChange: F,
413
414
  render: (param)=>/* @__PURE__ */ {
414
- let { controlElement: j } = param;
415
+ let { controlElement: W } = param;
415
416
  return (0, _jsxruntime.jsx)("div", {
416
417
  className: _listcssmistica.dualActionRight,
417
- children: j
418
+ children: W
418
419
  });
419
420
  }
420
421
  })
@@ -424,14 +425,14 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
424
425
  [_listcssmistica.hoverBackground]: !(n || a),
425
426
  [_listcssmistica.pointer]: !n
426
427
  }),
427
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
428
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
428
429
  disabled: n,
429
- dataAttributes: u,
430
+ dataAttributes: m,
430
431
  name: v,
431
432
  checked: E,
432
433
  onChange: F,
433
434
  render: (param)=>/* @__PURE__ */ {
434
- let { controlElement: j , labelId: $ } = param;
435
+ let { controlElement: W , labelId: $ } = param;
435
436
  return (0, _jsxruntime.jsx)(_box.default, {
436
437
  paddingX: 16,
437
438
  role: h,
@@ -440,7 +441,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
440
441
  type: "control",
441
442
  right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
442
443
  space: "around",
443
- children: j
444
+ children: W
444
445
  })
445
446
  })
446
447
  });
@@ -467,16 +468,16 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
467
468
  className: _listcssmistica.dualActionDivider
468
469
  }),
469
470
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
470
- dataAttributes: u,
471
+ dataAttributes: m,
471
472
  value: e.radioValue,
472
473
  "aria-labelledby": i,
473
474
  render: (param)=>/* @__PURE__ */ {
474
- let { controlElement: c } = param;
475
+ let { controlElement: d } = param;
475
476
  return (0, _jsxruntime.jsx)(_stack.default, {
476
477
  space: "around",
477
478
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
478
479
  paddingX: 16,
479
- children: c
480
+ children: d
480
481
  })
481
482
  });
482
483
  }
@@ -490,11 +491,11 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
490
491
  role: h,
491
492
  ref: r,
492
493
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
493
- dataAttributes: u,
494
+ dataAttributes: m,
494
495
  value: e.radioValue,
495
496
  "aria-labelledby": i,
496
497
  render: (param)=>/* @__PURE__ */ {
497
- let { controlElement: c } = param;
498
+ let { controlElement: d } = param;
498
499
  return (0, _jsxruntime.jsx)(_box.default, {
499
500
  paddingX: 16,
500
501
  children: x({
@@ -502,7 +503,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
502
503
  type: "control",
503
504
  right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
504
505
  space: "around",
505
- children: c
506
+ children: d
506
507
  })
507
508
  })
508
509
  });
@@ -512,6 +513,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
512
513
  paddingX: 16,
513
514
  className: _listcssmistica.rowContent,
514
515
  role: h,
516
+ dataAttributes: m,
515
517
  children: e.right ? x({
516
518
  type: "custom",
517
519
  right: e.right
@@ -519,7 +521,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
519
521
  type: "basic"
520
522
  })
521
523
  });
522
- }), Oe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
524
+ }), Fe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
523
525
  var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
524
526
  "dataAttributes"
525
527
  ]);
@@ -529,24 +531,24 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
529
531
  "component-name": "Row"
530
532
  }, e)
531
533
  }));
532
- }), Fe = (param)=>{
533
- let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: d } = param;
534
- const b = _react.Children.count(e) - 1, l = !d;
534
+ }), Ye = (param)=>{
535
+ let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: s } = param;
536
+ const b = _react.Children.count(e) - 1, l = !s;
535
537
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
536
538
  role: i,
537
539
  "aria-labelledby": r
538
540
  }, (0, _dom.getPrefixedDataAttributes)(a, "RowList")), {
539
- children: _react.Children.toArray(e).filter(Boolean).map((B, s)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
541
+ children: _react.Children.toArray(e).filter(Boolean).map((B, c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
540
542
  children: [
541
543
  B,
542
- (s < b || l) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
544
+ (c < b || l) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
543
545
  paddingX: 16,
544
546
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
545
547
  })
546
548
  ]
547
- }, s))
549
+ }, c))
548
550
  }));
549
- }, Ye = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
551
+ }, qe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
550
552
  var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
551
553
  "dataAttributes"
552
554
  ]);
@@ -558,7 +560,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
558
560
  }, e),
559
561
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_, _object_spread({}, r))
560
562
  });
561
- }), qe = (param)=>/* @__PURE__ */ {
563
+ }), ze = (param)=>/* @__PURE__ */ {
562
564
  let { children: e , ariaLabelledby: r , role: i , dataAttributes: a } = param;
563
565
  return (0, _jsxruntime.jsx)(_stack.default, {
564
566
  space: 16,
@@ -10,19 +10,19 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  TRANSITION_DURATION_MS: function() {
13
- return r;
13
+ return v;
14
14
  },
15
15
  enter: function() {
16
16
  return _;
17
17
  },
18
18
  enterActive: function() {
19
- return f;
19
+ return e;
20
20
  },
21
21
  exit: function() {
22
- return a;
22
+ return f;
23
23
  },
24
24
  exitActive: function() {
25
- return e;
25
+ return a;
26
26
  },
27
27
  innerProgress: function() {
28
28
  return y;
@@ -39,4 +39,4 @@ _export(exports, {
39
39
  });
40
40
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
41
41
  require("./loading-bar.css.ts.vanilla.css-mistica.js");
42
- var r = 400, _ = "_1num3qg9", f = "_1num3qga", a = "_1num3qgb", e = "_1num3qgc", y = "_1num3qg8 _1y2v1nf8w", t = "_1num3qg3 _1y2v1nf61 _1y2v1nfau _1y2v1nfb9 _1y2v1nfbo", g = "_1num3qg6 _1y2v1nf60 _1y2v1nf8w _1y2v1nf8f", m = "_1y2v1nf8f _1y2v1nfas _1y2v1nf5z _1y2v1nf48 _1y2v1nf8z";
42
+ var v = 400, _ = "_1num3qg9", e = "_1num3qga", f = "_1num3qgb", a = "_1num3qgc", y = "_1num3qg8 _1y2v1nfc8", t = "_1num3qg3 _1y2v1nfb1 _1y2v1nfe6 _1y2v1nfel _1y2v1nff0", g = "_1num3qg6 _1y2v1nfb0 _1y2v1nfc8 _1y2v1nfbr", m = "_1y2v1nfbr _1y2v1nfe4 _1y2v1nfaz _1y2v1nf48 _1y2v1nfcb";
@@ -21,4 +21,4 @@ _export(exports, {
21
21
  });
22
22
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
23
23
  require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
24
- var f = "cim30m2 _1y2v1nf60 _1y2v1nfau _1y2v1nfbo _1y2v1nf8r _1y2v1nf97 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", y = "cim30m4 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nf8o _1y2v1nf94 _1y2v1nfab", _ = "_1y2v1nf5z _1y2v1nf64 _1y2v1nf6m";
24
+ var f = "cim30m2 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nff0 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd", y = "cim30m4 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfc0 _1y2v1nfcg _1y2v1nfdn", _ = "_1y2v1nfaz _1y2v1nfb4 _1y2v1nfbm";
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  hideItems: function() {
13
- return k;
13
+ return r;
14
14
  },
15
15
  menuContainer: function() {
16
16
  return _;
@@ -24,7 +24,7 @@ _export(exports, {
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./menu.css.ts.vanilla.css-mistica.js");
27
- var k = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf31 _1y2v1nfaj _1y2v1nf64 _1y2v1nf6a _1y2v1nf60", a = "_2k0k3u8", n = {
27
+ var r = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nf31 _1y2v1nfdv _1y2v1nfb4 _1y2v1nfba _1y2v1nfb0", a = "_2k0k3u8", n = {
28
28
  top: "var(--_2k0k3u0)",
29
29
  bottom: "var(--_2k0k3u1)",
30
30
  left: "var(--_2k0k3u2)",
@@ -16,22 +16,22 @@ _export(exports, {
16
16
  return _;
17
17
  },
18
18
  burgerMenuEnter: function() {
19
- return f;
19
+ return e;
20
20
  },
21
21
  burgerMenuEnterActive: function() {
22
22
  return r;
23
23
  },
24
24
  burgerMenuExit: function() {
25
- return e;
25
+ return f;
26
26
  },
27
27
  burgerMenuExitActive: function() {
28
- return a;
28
+ return c;
29
29
  },
30
30
  iconButtonVariants: function() {
31
31
  return d;
32
32
  },
33
33
  iconCloseHidden: function() {
34
- return c;
34
+ return a;
35
35
  },
36
36
  iconMenuHidden: function() {
37
37
  return i;
@@ -43,19 +43,19 @@ _export(exports, {
43
43
  return z;
44
44
  },
45
45
  navbarBorderColorVariants: function() {
46
- return o;
46
+ return b;
47
47
  },
48
48
  section: function() {
49
- return b;
49
+ return o;
50
50
  },
51
51
  selectedSectionVariantes: function() {
52
52
  return u;
53
53
  },
54
54
  spacer: function() {
55
- return s;
55
+ return l;
56
56
  },
57
57
  textWrapperVariants: function() {
58
- return l;
58
+ return s;
59
59
  },
60
60
  topFixed: function() {
61
61
  return g;
@@ -63,17 +63,17 @@ _export(exports, {
63
63
  });
64
64
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
65
65
  require("./navigation-bar.css.ts.vanilla.css-mistica.js");
66
- var y = "_1vcy5dz1 _1y2v1nf5z _1y2v1nf8o _1y2v1nf94", _ = "_1vcy5dzr _1y2v1nf61 _1y2v1nfb5 _1y2v1nfb9 _1y2v1nfbo _1y2v1nf30", f = "_1vcy5dzl", r = "_1vcy5dzm", e = "_1vcy5dzn", a = "_1vcy5dzo", d = {
66
+ var y = "_1vcy5dz1 _1y2v1nfaz _1y2v1nfc0 _1y2v1nfcg", _ = "_1vcy5dzr _1y2v1nfb1 _1y2v1nfeh _1y2v1nfel _1y2v1nff0 _1y2v1nf30", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", c = "_1vcy5dzo", d = {
67
67
  default: "_1vcy5dzu _1y2v1nf1m",
68
68
  inverse: "_1vcy5dzv _1y2v1nf1l"
69
- }, c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf60", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf60", t = "_1vcy5dzw", z = "_1y2v1nf64 _1y2v1nf6d", o = {
70
- default: "_1vcy5dza _1vcy5dz9 _1y2v1nf6w _1y2v1nf7b _1y2v1nf64 _1y2v1nf6j _1y2v1nf8f _1y2v1nf9b",
71
- inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf6w _1y2v1nf7b _1y2v1nf64 _1y2v1nf6j _1y2v1nf8f _1y2v1nf9b",
72
- menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf6w _1y2v1nf7b _1y2v1nf64 _1y2v1nf6j _1y2v1nf8f _1y2v1nf9b"
73
- }, b = "_1vcy5dze _1y2v1nf7o _1y2v1nf83 _1y2v1nf9b _1y2v1nf64 _1y2v1nf6j _1y2v1nfaa _1y2v1nf5y", u = {
69
+ }, a = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb0", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb0", t = "_1vcy5dzw", z = "_1y2v1nfb4 _1y2v1nfbd", b = {
70
+ default: "_1vcy5dza _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbr _1y2v1nfcn",
71
+ inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbr _1y2v1nfcn",
72
+ menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbr _1y2v1nfcn"
73
+ }, o = "_1vcy5dze _1y2v1nf8q _1y2v1nf9z _1y2v1nfcn _1y2v1nfb4 _1y2v1nfbj _1y2v1nfdm _1y2v1nf5y", u = {
74
74
  default: "_1vcy5dzf",
75
75
  inverse: "_1vcy5dzg"
76
- }, s = "_1vcy5dzk _1y2v1nf9b", l = {
76
+ }, l = "_1vcy5dzk _1y2v1nfcn", s = {
77
77
  default: "_1vcy5dzh",
78
78
  inverse: "_1vcy5dzi"
79
- }, g = "_1vcy5dz7 _1y2v1nf61 _1y2v1nfau _1y2v1nfb9 _1y2v1nfbo";
79
+ }, g = "_1vcy5dz7 _1y2v1nfb1 _1y2v1nfe6 _1y2v1nfel _1y2v1nff0";
@@ -24,4 +24,4 @@ _export(exports, {
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
27
- var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80", _ = "_1y2v1nf67";
27
+ var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q", _ = "_1y2v1nfb7";
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
8
8
  return o;
9
9
  }
10
10
  });
11
- const o = "14.17.0";
11
+ const o = "14.18.0";
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "shadow", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return f;
8
+ return v;
9
9
  }
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./password-field.css.ts.vanilla.css-mistica.js");
13
- var f = "ptqylz1 _1y2v1nf6u _1y2v1nf79 _1y2v1nf7o _1y2v1nf83 _1y2v1nfab _1y2v1nf5y";
13
+ var v = "ptqylz1 _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfdn _1y2v1nf5y";
@@ -10,42 +10,42 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  arrow: function() {
13
- return n;
13
+ return r;
14
14
  },
15
15
  arrowSize: function() {
16
- return r;
16
+ return t;
17
17
  },
18
18
  arrowWrapper: function() {
19
- return t;
19
+ return o;
20
20
  },
21
21
  closeButtonIcon: function() {
22
22
  return _;
23
23
  },
24
24
  container: function() {
25
- return o;
25
+ return a;
26
26
  },
27
27
  defaultPositionDesktop: function() {
28
28
  return f;
29
29
  },
30
30
  defaultPositionMobile: function() {
31
- return i;
31
+ return e;
32
32
  },
33
33
  distanceToTarget: function() {
34
- return y;
34
+ return i;
35
35
  },
36
36
  marginLeftRightMobile: function() {
37
- return e;
37
+ return y;
38
38
  },
39
39
  maxWidthDesktop: function() {
40
- return g;
40
+ return b;
41
41
  },
42
42
  textAlign: function() {
43
- return u;
43
+ return g;
44
44
  },
45
45
  textContent: function() {
46
- return p;
46
+ return d;
47
47
  }
48
48
  });
49
49
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
50
50
  require("./popover.css.ts.vanilla.css-mistica.js");
51
- var n = "_12igu661 _1y2v1nf60 _1y2v1nfau _1y2v1nfa9 _1y2v1nfac _1y2v1nf31", r = 12, t = "_12igu663 _1y2v1nf60 _1y2v1nf2 _1y2v1nfas", _ = "_12igu669 _1y2v1nf60 _1y2v1nfax _1y2v1nfbr", o = "_12igu665 _1y2v1nf60 _1y2v1nf8g _1y2v1nf31 _1y2v1nfa9 _1y2v1nfal", f = "bottom", i = "top", y = 20, e = 16, g = 488, u = "_1y2v1nf64 _1y2v1nf6j _1y2v1nf8w", p = "_12igu667";
51
+ var r = "_12igu661 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nfdl _1y2v1nfdo _1y2v1nf31", t = 12, o = "_12igu663 _1y2v1nfb0 _1y2v1nf2 _1y2v1nfe4", _ = "_12igu669 _1y2v1nfb0 _1y2v1nfe9 _1y2v1nff3", a = "_12igu665 _1y2v1nfb0 _1y2v1nfbs _1y2v1nf31 _1y2v1nfdl _1y2v1nfdx", f = "bottom", e = "top", i = 20, y = 16, b = 488, g = "_1y2v1nfb4 _1y2v1nfbj _1y2v1nfc8", d = "_12igu667";
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  bar: function() {
13
- return v;
13
+ return a;
14
14
  },
15
15
  barBackground: function() {
16
16
  return n;
@@ -19,9 +19,9 @@ _export(exports, {
19
19
  return y;
20
20
  },
21
21
  normal: function() {
22
- return f;
22
+ return e;
23
23
  }
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./progress-bar.css.ts.vanilla.css-mistica.js");
27
- var v = "_1y2v1nf8w _1y2v1nfap", n = "_1y2v1nfap _1y2v1nf8z _1y2v1nf44", y = "j0y7r95", f = "j0y7r94";
27
+ var a = "_1y2v1nfc8 _1y2v1nfe1", n = "_1y2v1nfe1 _1y2v1nfcb _1y2v1nf44", y = "j0y7r95", e = "j0y7r94";
@@ -10,33 +10,33 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  disabled: function() {
13
- return r;
13
+ return v;
14
14
  },
15
15
  innerCircle: function() {
16
- return a;
16
+ return r;
17
17
  },
18
18
  innerCircleChecked: function() {
19
- return v;
19
+ return c;
20
20
  },
21
21
  outerCircleCheckedVariants: function() {
22
- return c;
22
+ return e;
23
23
  },
24
24
  outerCircleVariants: function() {
25
- return f;
25
+ return a;
26
26
  },
27
27
  radioButton: function() {
28
- return s;
28
+ return f;
29
29
  },
30
30
  radioButtonContainerDisabled: function() {
31
- return u;
31
+ return s;
32
32
  }
33
33
  });
34
34
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
35
35
  require("./radio-button.css.ts.vanilla.css-mistica.js");
36
- var r = "c6dmsud", a = "c6dmsu5 _1y2v1nf64 _1y2v1nfab", v = "c6dmsu7 _1y2v1nf45", c = {
36
+ var v = "c6dmsud", r = "c6dmsu5 _1y2v1nfb4 _1y2v1nfdn", c = "c6dmsu7 _1y2v1nf45", e = {
37
37
  default: "c6dmsub",
38
38
  ios: "c6dmsuc"
39
- }, f = {
40
- default: "c6dmsu2 c6dmsu1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nfar _1y2v1nf6m _1y2v1nfab _1y2v1nf30",
41
- ios: "c6dmsu3 c6dmsu1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nfar _1y2v1nf6m _1y2v1nfab _1y2v1nf30"
42
- }, s = "c6dmsu9 c6dmsu8", u = "c6dmsua c6dmsu8";
39
+ }, a = {
40
+ default: "c6dmsu2 c6dmsu1 _1y2v1nfb5 _1y2v1nfbj _1y2v1nfbd _1y2v1nfe3 _1y2v1nfbm _1y2v1nfdn _1y2v1nf30",
41
+ ios: "c6dmsu3 c6dmsu1 _1y2v1nfb5 _1y2v1nfbj _1y2v1nfbd _1y2v1nfe3 _1y2v1nfbm _1y2v1nfdn _1y2v1nf30"
42
+ }, f = "c6dmsu9 c6dmsu8", s = "c6dmsua c6dmsu8";