@telefonica/mistica 15.0.0 → 15.1.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 (213) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +5 -5
  3. package/dist/accordion.d.ts +1 -0
  4. package/dist/avatar.css-mistica.js +3 -3
  5. package/dist/badge.css-mistica.js +6 -6
  6. package/dist/boxed.css-mistica.js +3 -3
  7. package/dist/button-group.css-mistica.js +1 -1
  8. package/dist/button-layout.css-mistica.js +9 -9
  9. package/dist/button.css-mistica.js +27 -27
  10. package/dist/button.d.ts +12 -0
  11. package/dist/button.js +67 -62
  12. package/dist/callout.css-mistica.js +2 -2
  13. package/dist/callout.d.ts +1 -0
  14. package/dist/callout.js +11 -11
  15. package/dist/card.css-mistica.js +13 -13
  16. package/dist/card.d.ts +6 -0
  17. package/dist/card.js +301 -293
  18. package/dist/carousel.css-mistica.js +19 -19
  19. package/dist/checkbox.css-mistica.js +9 -9
  20. package/dist/chip.css-mistica.js +10 -10
  21. package/dist/circle.css-mistica.js +2 -2
  22. package/dist/community/advanced-data-card.css-mistica.js +12 -12
  23. package/dist/community/blocks.css-mistica.js +1 -1
  24. package/dist/counter.css-mistica.js +4 -4
  25. package/dist/credit-card-number-field.css-mistica.js +5 -5
  26. package/dist/dialog.css-mistica.js +6 -6
  27. package/dist/double-field.css-mistica.js +2 -2
  28. package/dist/empty-state-card.css-mistica.js +3 -3
  29. package/dist/empty-state-card.d.ts +1 -0
  30. package/dist/empty-state-card.js +10 -9
  31. package/dist/empty-state.css-mistica.js +4 -4
  32. package/dist/empty-state.d.ts +1 -0
  33. package/dist/empty-state.js +14 -14
  34. package/dist/feedback.css-mistica.js +5 -5
  35. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  36. package/dist/header.css-mistica.js +1 -1
  37. package/dist/header.d.ts +2 -0
  38. package/dist/header.js +46 -47
  39. package/dist/hero.css-mistica.js +2 -2
  40. package/dist/hero.d.ts +1 -0
  41. package/dist/hero.js +29 -29
  42. package/dist/highlighted-card.css-mistica.js +7 -7
  43. package/dist/highlighted-card.d.ts +1 -2
  44. package/dist/highlighted-card.js +9 -9
  45. package/dist/horizontal-scroll.css-mistica.js +1 -1
  46. package/dist/icon-button.css-mistica.js +14 -17
  47. package/dist/icon-button.css.d.ts +1 -1
  48. package/dist/icon-button.d.ts +0 -13
  49. package/dist/icon-button.js +84 -87
  50. package/dist/image.css-mistica.js +3 -3
  51. package/dist/index.d.ts +4 -2
  52. package/dist/index.js +13 -0
  53. package/dist/inline.js +8 -7
  54. package/dist/list.css-mistica.js +12 -12
  55. package/dist/list.d.ts +1 -0
  56. package/dist/list.js +143 -138
  57. package/dist/loading-bar.css-mistica.js +4 -4
  58. package/dist/loading-screen.css-mistica.js +3 -3
  59. package/dist/logo.d.ts +1 -0
  60. package/dist/logo.js +155 -136
  61. package/dist/maybe-dismissable.css-mistica.js +1 -1
  62. package/dist/maybe-dismissable.js +3 -4
  63. package/dist/menu.css-mistica.js +1 -1
  64. package/dist/navigation-bar.css-mistica.js +22 -22
  65. package/dist/navigation-bar.d.ts +2 -1
  66. package/dist/navigation-bar.js +53 -52
  67. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  68. package/dist/package-version.js +1 -1
  69. package/dist/pin-field.css-mistica.js +4 -4
  70. package/dist/progress-bar.css-mistica.js +3 -3
  71. package/dist/radio-button.css-mistica.js +8 -8
  72. package/dist/responsive-layout.css-mistica.js +5 -5
  73. package/dist/screen-reader-only.css-mistica.js +1 -1
  74. package/dist/select.css-mistica.js +10 -10
  75. package/dist/sheet.css-mistica.js +8 -8
  76. package/dist/skeletons.css-mistica.js +5 -5
  77. package/dist/skins/blau.js +4 -2
  78. package/dist/skins/constants.d.ts +1 -0
  79. package/dist/skins/constants.js +6 -3
  80. package/dist/skins/movistar.d.ts +1 -0
  81. package/dist/skins/movistar.js +5 -2
  82. package/dist/skins/o2-new.d.ts +50 -0
  83. package/dist/skins/o2-new.js +397 -0
  84. package/dist/skins/o2.d.ts +1 -0
  85. package/dist/skins/o2.js +5 -2
  86. package/dist/skins/skin-contract.css-mistica.js +138 -136
  87. package/dist/skins/skin-contract.css.d.ts +2 -0
  88. package/dist/skins/telefonica.d.ts +1 -0
  89. package/dist/skins/telefonica.js +5 -2
  90. package/dist/skins/tu.d.ts +1 -0
  91. package/dist/skins/tu.js +5 -2
  92. package/dist/skins/types/colors.d.ts +1 -0
  93. package/dist/skins/types/index.d.ts +1 -1
  94. package/dist/skins/utils.js +7 -4
  95. package/dist/skins/vivo-new.js +4 -2
  96. package/dist/skins/vivo.js +4 -2
  97. package/dist/slider.css-mistica.js +7 -7
  98. package/dist/snackbar.css-mistica.js +12 -12
  99. package/dist/spinner.css-mistica.js +5 -5
  100. package/dist/sprinkles.css-mistica.js +792 -786
  101. package/dist/stacking-group.css-mistica.js +2 -2
  102. package/dist/stepper.css-mistica.js +9 -9
  103. package/dist/switch-component.css-mistica.js +26 -23
  104. package/dist/switch-component.css.d.ts +1 -0
  105. package/dist/switch-component.js +11 -10
  106. package/dist/tabs.css-mistica.js +9 -9
  107. package/dist/tag.css-mistica.js +1 -1
  108. package/dist/text-field-base.css-mistica.js +5 -5
  109. package/dist/text-field-components.css-mistica.js +11 -11
  110. package/dist/text-link.css-mistica.js +3 -3
  111. package/dist/text-link.d.ts +5 -0
  112. package/dist/tooltip.css-mistica.js +2 -2
  113. package/dist/tooltip.js +0 -1
  114. package/dist/touchable.css-mistica.js +5 -5
  115. package/dist/touchable.d.ts +33 -19
  116. package/dist/touchable.js +54 -51
  117. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  118. package/dist/utils/browser.d.ts +1 -0
  119. package/dist/utils/browser.js +14 -0
  120. package/dist/video.css-mistica.js +1 -1
  121. package/dist-es/accordion.css-mistica.js +3 -3
  122. package/dist-es/avatar.css-mistica.js +2 -2
  123. package/dist-es/badge.css-mistica.js +2 -2
  124. package/dist-es/boxed.css-mistica.js +2 -2
  125. package/dist-es/button-group.css-mistica.js +1 -1
  126. package/dist-es/button-layout.css-mistica.js +6 -6
  127. package/dist-es/button.css-mistica.js +16 -16
  128. package/dist-es/button.js +88 -83
  129. package/dist-es/callout.css-mistica.js +2 -2
  130. package/dist-es/callout.js +37 -37
  131. package/dist-es/card.css-mistica.js +2 -2
  132. package/dist-es/card.js +442 -434
  133. package/dist-es/carousel.css-mistica.js +2 -2
  134. package/dist-es/checkbox.css-mistica.js +6 -6
  135. package/dist-es/chip.css-mistica.js +7 -7
  136. package/dist-es/circle.css-mistica.js +2 -2
  137. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  138. package/dist-es/community/blocks.css-mistica.js +1 -1
  139. package/dist-es/counter.css-mistica.js +2 -2
  140. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  141. package/dist-es/dialog.css-mistica.js +5 -5
  142. package/dist-es/double-field.css-mistica.js +2 -2
  143. package/dist-es/empty-state-card.css-mistica.js +2 -2
  144. package/dist-es/empty-state-card.js +30 -29
  145. package/dist-es/empty-state.css-mistica.js +3 -3
  146. package/dist-es/empty-state.js +34 -34
  147. package/dist-es/feedback.css-mistica.js +2 -2
  148. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  149. package/dist-es/header.css-mistica.js +1 -1
  150. package/dist-es/header.js +69 -70
  151. package/dist-es/hero.css-mistica.js +2 -2
  152. package/dist-es/hero.js +56 -56
  153. package/dist-es/highlighted-card.css-mistica.js +5 -5
  154. package/dist-es/highlighted-card.js +26 -26
  155. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  156. package/dist-es/icon-button.css-mistica.js +9 -12
  157. package/dist-es/icon-button.js +94 -97
  158. package/dist-es/image.css-mistica.js +2 -2
  159. package/dist-es/index.js +1765 -1764
  160. package/dist-es/inline.js +13 -12
  161. package/dist-es/list.css-mistica.js +2 -2
  162. package/dist-es/list.js +184 -179
  163. package/dist-es/loading-bar.css-mistica.js +2 -2
  164. package/dist-es/loading-screen.css-mistica.js +2 -2
  165. package/dist-es/logo.js +172 -156
  166. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  167. package/dist-es/maybe-dismissable.js +7 -8
  168. package/dist-es/menu.css-mistica.js +1 -1
  169. package/dist-es/navigation-bar.css-mistica.js +9 -9
  170. package/dist-es/navigation-bar.js +72 -71
  171. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  172. package/dist-es/package-version.js +1 -1
  173. package/dist-es/pin-field.css-mistica.js +2 -2
  174. package/dist-es/progress-bar.css-mistica.js +2 -2
  175. package/dist-es/radio-button.css-mistica.js +5 -5
  176. package/dist-es/responsive-layout.css-mistica.js +4 -4
  177. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  178. package/dist-es/select.css-mistica.js +9 -9
  179. package/dist-es/sheet.css-mistica.js +2 -2
  180. package/dist-es/skeletons.css-mistica.js +2 -2
  181. package/dist-es/skins/blau.js +4 -2
  182. package/dist-es/skins/constants.js +2 -2
  183. package/dist-es/skins/movistar.js +7 -4
  184. package/dist-es/skins/o2-new.js +380 -0
  185. package/dist-es/skins/o2.js +5 -2
  186. package/dist-es/skins/skin-contract.css-mistica.js +138 -136
  187. package/dist-es/skins/telefonica.js +5 -2
  188. package/dist-es/skins/tu.js +5 -2
  189. package/dist-es/skins/utils.js +20 -17
  190. package/dist-es/skins/vivo-new.js +4 -2
  191. package/dist-es/skins/vivo.js +4 -2
  192. package/dist-es/slider.css-mistica.js +2 -2
  193. package/dist-es/snackbar.css-mistica.js +5 -5
  194. package/dist-es/spinner.css-mistica.js +2 -2
  195. package/dist-es/sprinkles.css-mistica.js +792 -786
  196. package/dist-es/stacking-group.css-mistica.js +2 -2
  197. package/dist-es/stepper.css-mistica.js +2 -2
  198. package/dist-es/style.css +1 -1
  199. package/dist-es/switch-component.css-mistica.js +19 -19
  200. package/dist-es/switch-component.js +24 -23
  201. package/dist-es/tabs.css-mistica.js +6 -6
  202. package/dist-es/tag.css-mistica.js +1 -1
  203. package/dist-es/text-field-base.css-mistica.js +2 -2
  204. package/dist-es/text-field-components.css-mistica.js +2 -2
  205. package/dist-es/text-link.css-mistica.js +3 -3
  206. package/dist-es/tooltip.css-mistica.js +2 -2
  207. package/dist-es/tooltip.js +0 -1
  208. package/dist-es/touchable.css-mistica.js +2 -2
  209. package/dist-es/touchable.js +68 -65
  210. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  211. package/dist-es/utils/browser.js +5 -0
  212. package/dist-es/video.css-mistica.js +1 -1
  213. package/package.json +2 -2
package/dist-es/list.js CHANGED
@@ -79,11 +79,11 @@ function _object_without_properties_loose(source, excluded) {
79
79
  return target;
80
80
  }
81
81
  import { jsx as t, jsxs as C } from "react/jsx-runtime";
82
- import * as P from "react";
82
+ import * as I from "react";
83
83
  import a from "classnames";
84
- import { BaseTouchable as L } from "./touchable.js";
85
- import { Text1 as ie, Text3 as ae, Text2 as O } from "./text.js";
86
- import d from "./box.js";
84
+ import { BaseTouchable as P } from "./touchable.js";
85
+ import { Text1 as ie, Text3 as ae, Text2 as F } from "./text.js";
86
+ import h from "./box.js";
87
87
  import R from "./stack.js";
88
88
  import U from "./badge.js";
89
89
  import { useAriaId as oe } from "./hooks.js";
@@ -95,7 +95,7 @@ import se from "./checkbox.js";
95
95
  import { Boxed as he } from "./boxed.js";
96
96
  import ue from "./divider.js";
97
97
  import { getPrefixedDataAttributes as me } from "./utils/dom.js";
98
- import { rowContent as I, touchableBackground as y, touchableBackgroundInverse as B, pointer as T, dualActionContainer as F, dualActionLeft as Y, dualActionDivider as q, content as ge, center as M, disabled as A, asset as ve, rowBody as fe, right as be, rightRestrictedWidth as xe, detail as we, detailRight as _, dualActionRight as ye, badge as Be } from "./list.css-mistica.js";
98
+ import { rowContent as k, touchableBackground as y, touchableBackgroundInverse as B, pointer as T, dualActionContainer as Y, dualActionLeft as q, dualActionDivider as z, content as ge, center as D, disabled as L, asset as ve, rowBody as fe, right as be, rightRestrictedWidth as xe, detail as we, detailRight as _, dualActionRight as ye, badge as Be } from "./list.css-mistica.js";
99
99
  import { vars as Ne } from "./image.css-mistica.js";
100
100
  import { vars as N } from "./skins/skin-contract.css-mistica.js";
101
101
  import { applyCssVars as Re } from "./utils/css.js";
@@ -110,33 +110,33 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
110
110
  },
111
111
  children: e
112
112
  }) : e, Ce = (param)=>{
113
- let { withChevron: e, headline: n, title: r, titleLinesMax: o, subtitle: l, subtitleLinesMax: k, description: s, descriptionLinesMax: W, detail: g, asset: S, type: f = "basic", badge: E, right: V, extra: X, labelId: h, disabled: b } = param;
114
- const u = te(), i = [
113
+ let { withChevron: e, headline: n, title: r, titleAs: c, titleLinesMax: m, subtitle: g, subtitleLinesMax: v, description: A, descriptionLinesMax: M, detail: f, asset: S, type: x = "basic", badge: E, right: V, extra: l, labelId: W, disabled: o } = param;
114
+ const j = te(), d = [
115
115
  n,
116
116
  r,
117
- l,
118
- s,
119
- X
120
- ].filter(Boolean).length === 1, m = ()=>E ? /* @__PURE__ */ t(d, {
117
+ g,
118
+ A,
119
+ l
120
+ ].filter(Boolean).length === 1, u = ()=>E ? /* @__PURE__ */ t(h, {
121
121
  paddingLeft: 16,
122
122
  children: /* @__PURE__ */ t("div", {
123
- className: a(M, Be, {
124
- [A]: b
123
+ className: a(D, Be, {
124
+ [L]: o
125
125
  }),
126
126
  children: E === !0 ? /* @__PURE__ */ t(U, {}) : /* @__PURE__ */ t(U, {
127
127
  value: E
128
128
  })
129
129
  })
130
130
  }) : null;
131
- return /* @__PURE__ */ C(d, {
131
+ return /* @__PURE__ */ C(h, {
132
132
  paddingY: 16,
133
133
  className: ge,
134
134
  children: [
135
- S && /* @__PURE__ */ t(d, {
135
+ S && /* @__PURE__ */ t(h, {
136
136
  paddingRight: 16,
137
137
  className: a({
138
- [M]: i,
139
- [A]: b
138
+ [D]: d,
139
+ [L]: o
140
140
  }),
141
141
  children: /* @__PURE__ */ t("div", {
142
142
  className: ve,
@@ -148,10 +148,10 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
148
148
  }),
149
149
  /* @__PURE__ */ t("div", {
150
150
  className: a(fe, {
151
- [A]: b
151
+ [L]: o
152
152
  }),
153
153
  style: {
154
- justifyContent: i ? "center" : "flex-start"
154
+ justifyContent: d ? "center" : "flex-start"
155
155
  },
156
156
  children: /* @__PURE__ */ C(R, {
157
157
  space: 4,
@@ -168,69 +168,70 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
168
168
  /* @__PURE__ */ t(ae, {
169
169
  regular: !0,
170
170
  color: N.colors.textPrimary,
171
- truncate: o,
172
- id: h,
171
+ truncate: m,
172
+ id: W,
173
173
  hyphens: "auto",
174
+ as: c,
174
175
  children: r
175
176
  }),
176
- l && /* @__PURE__ */ t(O, {
177
+ g && /* @__PURE__ */ t(F, {
177
178
  regular: !0,
178
179
  color: N.colors.textSecondary,
179
- truncate: k,
180
+ truncate: v,
180
181
  hyphens: "auto",
181
- children: l
182
+ children: g
182
183
  }),
183
- s && /* @__PURE__ */ t(O, {
184
+ A && /* @__PURE__ */ t(F, {
184
185
  regular: !0,
185
186
  color: N.colors.textSecondary,
186
- truncate: W,
187
+ truncate: M,
187
188
  hyphens: "auto",
188
- children: s
189
+ children: A
189
190
  }),
190
- X
191
+ l
191
192
  ]
192
193
  })
193
194
  ]
194
195
  })
195
196
  }),
196
- m(),
197
+ u(),
197
198
  /* @__PURE__ */ C("div", {
198
199
  className: a({
199
- [be]: !!g || f !== "basic",
200
- [xe]: !!g
200
+ [be]: !!f || x !== "basic",
201
+ [xe]: !!f
201
202
  }),
202
203
  children: [
203
- g && /* @__PURE__ */ t("div", {
204
- className: a(M, we, {
205
- [A]: b
204
+ f && /* @__PURE__ */ t("div", {
205
+ className: a(D, we, {
206
+ [L]: o
206
207
  }),
207
- children: /* @__PURE__ */ t(O, {
208
+ children: /* @__PURE__ */ t(F, {
208
209
  regular: !0,
209
210
  color: N.colors.textSecondary,
210
211
  hyphens: "auto",
211
- children: g
212
+ children: f
212
213
  })
213
214
  }),
214
- f === "control" && /* @__PURE__ */ t("div", {
215
+ x === "control" && /* @__PURE__ */ t("div", {
215
216
  className: a({
216
- [_]: !!g
217
+ [_]: !!f
217
218
  }),
218
- children: ee(V, i)
219
+ children: ee(V, d)
219
220
  }),
220
- f === "custom" && /* @__PURE__ */ t("div", {
221
+ x === "custom" && /* @__PURE__ */ t("div", {
221
222
  className: a({
222
- [_]: !!g,
223
- [A]: b
223
+ [_]: !!f,
224
+ [L]: o
224
225
  }),
225
- children: ee(V, i)
226
+ children: ee(V, d)
226
227
  }),
227
- (f === "chevron" || f === "custom" && e) && /* @__PURE__ */ t(d, {
228
- paddingLeft: g || f === "custom" ? 4 : 0,
229
- className: a(M, {
230
- [A]: b
228
+ (x === "chevron" || x === "custom" && e) && /* @__PURE__ */ t(h, {
229
+ paddingLeft: f || x === "custom" ? 4 : 0,
230
+ className: a(D, {
231
+ [L]: o
231
232
  }),
232
233
  children: /* @__PURE__ */ t(ce, {
233
- color: u ? N.colors.inverse : N.colors.neutralMedium,
234
+ color: j ? N.colors.inverse : N.colors.neutralMedium,
234
235
  direction: "right"
235
236
  })
236
237
  })
@@ -240,153 +241,153 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
240
241
  });
241
242
  }, ke = (param)=>{
242
243
  let { value: e, defaultValue: n, onChange: r } = param;
243
- const o = e !== void 0, [l, k] = P.useState(!!n), s = ()=>{
244
- o || k(!l), r && r(o ? !e : !l);
244
+ const c = e !== void 0, [m, g] = I.useState(!!n), v = ()=>{
245
+ c || g(!m), r && r(c ? !e : !m);
245
246
  };
246
- return o ? [
247
+ return c ? [
247
248
  !!e,
248
- s
249
+ v
249
250
  ] : [
250
- l,
251
- s
251
+ m,
252
+ v
252
253
  ];
253
- }, Ie = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Le = (e)=>e.radioValue !== void 0, Ae = (e)=>e.iconButton !== void 0, ne = /*#__PURE__*/ P.forwardRef((e, n)=>{
254
- const r = oe(), o = te(), { asset: l, headline: k, title: s, titleLinesMax: W, subtitle: g, subtitleLinesMax: S, description: f, descriptionLinesMax: E, detail: V, badge: X, role: h, extra: b, dataAttributes: u } = e, z = le(), i = e.disabled || e.radioValue !== void 0 && z.disabled, m = !i && !o, x = !i && o, [G, J] = ke(e.switch || e.checkbox || {}), v = (param)=>{
255
- let { type: c, right: w, labelId: D } = param;
254
+ }, Ie = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Le = (e)=>e.radioValue !== void 0, Ae = (e)=>e.iconButton !== void 0, ne = /*#__PURE__*/ I.forwardRef((e, n)=>{
255
+ const r = oe(), c = te(), { asset: m, headline: g, title: v, titleLinesMax: A, subtitle: M, subtitleLinesMax: f, description: S, descriptionLinesMax: x, detail: E, badge: V, role: l, extra: W, dataAttributes: o } = e, j = le(), i = e.disabled || e.radioValue !== void 0 && j.disabled, d = !i && !c, u = !i && c, [G, J] = ke(e.switch || e.checkbox || {}), b = (param)=>{
256
+ let { type: s, right: w, labelId: X } = param;
256
257
  return /* @__PURE__ */ t(Ce, {
257
- asset: l,
258
- headline: k,
259
- title: s,
260
- subtitle: g,
261
- description: f,
262
- badge: X,
263
- titleLinesMax: W,
264
- subtitleLinesMax: S,
265
- descriptionLinesMax: E,
266
- detail: V,
267
- type: c,
258
+ asset: m,
259
+ headline: g,
260
+ title: v,
261
+ subtitle: M,
262
+ description: S,
263
+ badge: V,
264
+ titleLinesMax: A,
265
+ subtitleLinesMax: f,
266
+ descriptionLinesMax: x,
267
+ detail: E,
268
+ type: s,
268
269
  right: w,
269
- extra: b,
270
- labelId: D,
270
+ extra: W,
271
+ labelId: X,
271
272
  disabled: i,
272
273
  withChevron: !!e.onPress || !!e.href || !!e.to
273
274
  });
274
- }, j = (c)=>{
275
+ }, H = (s)=>{
275
276
  let w = "chevron";
276
- return c.right === null && (w = "basic"), c.right && (w = "custom"), /* @__PURE__ */ t(d, {
277
+ return s.right === null && (w = "basic"), s.right && (w = "custom"), /* @__PURE__ */ t(h, {
277
278
  paddingX: 16,
278
279
  ref: n,
279
- children: v({
280
+ children: b({
280
281
  type: w,
281
- right: c.right
282
+ right: s.right
282
283
  })
283
284
  });
284
285
  };
285
- if (e.onPress && !Ie(e) && !Pe(e) && !Le(e) && !Ae(e)) return /* @__PURE__ */ t(L, {
286
+ if (e.onPress && !Ie(e) && !Pe(e) && !Le(e) && !Ae(e)) return /* @__PURE__ */ t(P, {
286
287
  ref: n,
287
- className: a(I, {
288
- [y]: m,
289
- [B]: x,
288
+ className: a(k, {
289
+ [y]: d,
290
+ [B]: u,
290
291
  [T]: !i
291
292
  }),
292
293
  trackingEvent: e.trackingEvent,
293
294
  onPress: e.onPress,
294
- role: h,
295
- dataAttributes: u,
295
+ role: l,
296
+ dataAttributes: o,
296
297
  disabled: i,
297
- children: j(e)
298
+ children: H(e)
298
299
  });
299
- if (e.to) return /* @__PURE__ */ t(L, {
300
- className: a(I, {
301
- [y]: m,
302
- [B]: x,
300
+ if (e.to) return /* @__PURE__ */ t(P, {
301
+ className: a(k, {
302
+ [y]: d,
303
+ [B]: u,
303
304
  [T]: !i
304
305
  }),
305
306
  trackingEvent: e.trackingEvent,
306
307
  to: e.to,
307
308
  fullPageOnWebView: e.fullPageOnWebView,
308
- role: h,
309
- dataAttributes: u,
309
+ role: l,
310
+ dataAttributes: o,
310
311
  disabled: i,
311
- children: j(e)
312
+ children: H(e)
312
313
  });
313
- if (e.href) return /* @__PURE__ */ t(L, {
314
- className: a(I, {
315
- [y]: m,
316
- [B]: x,
314
+ if (e.href) return /* @__PURE__ */ t(P, {
315
+ className: a(k, {
316
+ [y]: d,
317
+ [B]: u,
317
318
  [T]: !i
318
319
  }),
319
320
  trackingEvent: e.trackingEvent,
320
321
  href: e.href,
321
322
  newTab: e.newTab,
322
- role: h,
323
- dataAttributes: u,
323
+ role: l,
324
+ dataAttributes: o,
324
325
  disabled: i,
325
- children: j(e)
326
+ children: H(e)
326
327
  });
327
- const K = (c)=>{
328
- var D, Q;
328
+ const K = (s)=>{
329
+ var X, Q;
329
330
  var _ref, _ref1;
330
- const w = (_ref1 = (_ref = (D = e.switch) == null ? void 0 : D.name) !== null && _ref !== void 0 ? _ref : (Q = e.checkbox) == null ? void 0 : Q.name) !== null && _ref1 !== void 0 ? _ref1 : r;
331
+ const w = (_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 : r;
331
332
  return e.onPress ? /* @__PURE__ */ C("div", {
332
- className: F,
333
+ className: Y,
333
334
  children: [
334
- /* @__PURE__ */ t(L, {
335
- dataAttributes: u,
335
+ /* @__PURE__ */ t(P, {
336
+ dataAttributes: o,
336
337
  disabled: i,
337
338
  onPress: e.onPress,
338
339
  trackingEvent: e.trackingEvent,
339
- role: h,
340
- className: a(Y, {
341
- [y]: m,
342
- [B]: x
340
+ role: l,
341
+ className: a(q, {
342
+ [y]: d,
343
+ [B]: u
343
344
  }),
344
- children: v({
345
+ children: b({
345
346
  type: "basic",
346
347
  labelId: r
347
348
  })
348
349
  }),
349
350
  /* @__PURE__ */ t("div", {
350
- className: q
351
+ className: z
351
352
  }),
352
- /* @__PURE__ */ t(c, {
353
+ /* @__PURE__ */ t(s, {
353
354
  disabled: i,
354
355
  name: w,
355
356
  checked: G,
356
357
  "aria-labelledby": r,
357
358
  onChange: J,
358
359
  render: (param)=>{
359
- let { controlElement: H } = param;
360
+ let { controlElement: O } = param;
360
361
  return /* @__PURE__ */ t("div", {
361
362
  className: ye,
362
- children: H
363
+ children: O
363
364
  });
364
365
  }
365
366
  })
366
367
  ]
367
368
  }) : /* @__PURE__ */ t("div", {
368
- className: a(I, {
369
- [y]: m,
370
- [B]: x,
369
+ className: a(k, {
370
+ [y]: d,
371
+ [B]: u,
371
372
  [T]: !i
372
373
  }),
373
- children: /* @__PURE__ */ t(c, {
374
+ children: /* @__PURE__ */ t(s, {
374
375
  disabled: i,
375
- dataAttributes: u,
376
+ dataAttributes: o,
376
377
  name: w,
377
378
  checked: G,
378
379
  onChange: J,
379
380
  render: (param)=>{
380
- let { controlElement: H, labelId: re } = param;
381
- return /* @__PURE__ */ t(d, {
381
+ let { controlElement: O, labelId: re } = param;
382
+ return /* @__PURE__ */ t(h, {
382
383
  paddingX: 16,
383
- role: h,
384
- children: v({
384
+ role: l,
385
+ children: b({
385
386
  labelId: re,
386
387
  type: "control",
387
388
  right: ()=>/* @__PURE__ */ t(R, {
388
389
  space: "around",
389
- children: H
390
+ children: O
390
391
  })
391
392
  })
392
393
  });
@@ -395,27 +396,27 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
395
396
  });
396
397
  };
397
398
  return e.switch ? K(de) : e.checkbox ? K(se) : e.iconButton ? e.onPress ? /* @__PURE__ */ C("div", {
398
- className: F,
399
+ className: Y,
399
400
  children: [
400
- /* @__PURE__ */ t(L, {
401
- dataAttributes: u,
401
+ /* @__PURE__ */ t(P, {
402
+ dataAttributes: o,
402
403
  disabled: i,
403
404
  onPress: e.onPress,
404
405
  trackingEvent: e.trackingEvent,
405
- role: h,
406
- className: a(Y, {
407
- [y]: m,
408
- [B]: x
406
+ role: l,
407
+ className: a(q, {
408
+ [y]: d,
409
+ [B]: u
409
410
  }),
410
- children: v({
411
+ children: b({
411
412
  type: "basic",
412
413
  labelId: r
413
414
  })
414
415
  }),
415
416
  /* @__PURE__ */ t("div", {
416
- className: q
417
+ className: z
417
418
  }),
418
- /* @__PURE__ */ t(d, {
419
+ /* @__PURE__ */ t(h, {
419
420
  padding: 16,
420
421
  children: /* @__PURE__ */ t(R, {
421
422
  space: "around",
@@ -430,10 +431,10 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
430
431
  })
431
432
  ]
432
433
  }) : /* @__PURE__ */ t("div", {
433
- className: a(I),
434
- children: /* @__PURE__ */ t(d, {
434
+ className: a(k),
435
+ children: /* @__PURE__ */ t(h, {
435
436
  paddingX: 16,
436
- children: v({
437
+ children: b({
437
438
  labelId: r,
438
439
  type: "control",
439
440
  right: /* @__PURE__ */ t(R, {
@@ -449,107 +450,111 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
449
450
  })
450
451
  })
451
452
  }) : e.radioValue ? e.onPress ? /* @__PURE__ */ C("div", {
452
- className: F,
453
+ className: Y,
453
454
  children: [
454
- /* @__PURE__ */ t(L, {
455
+ /* @__PURE__ */ t(P, {
455
456
  disabled: i,
456
457
  onPress: e.onPress,
457
- role: h,
458
- className: a(Y, {
459
- [y]: m,
460
- [B]: x
458
+ role: l,
459
+ className: a(q, {
460
+ [y]: d,
461
+ [B]: u
461
462
  }),
462
- children: v({
463
+ children: b({
463
464
  type: "basic",
464
465
  labelId: r
465
466
  })
466
467
  }),
467
468
  /* @__PURE__ */ t("div", {
468
- className: q
469
+ className: z
469
470
  }),
470
471
  /* @__PURE__ */ t(Z, {
471
- dataAttributes: u,
472
+ dataAttributes: o,
472
473
  value: e.radioValue,
473
474
  "aria-labelledby": r,
474
475
  render: (param)=>{
475
- let { controlElement: c } = param;
476
+ let { controlElement: s } = param;
476
477
  return /* @__PURE__ */ t(R, {
477
478
  space: "around",
478
- children: /* @__PURE__ */ t(d, {
479
+ children: /* @__PURE__ */ t(h, {
479
480
  paddingX: 16,
480
- children: c
481
+ children: s
481
482
  })
482
483
  });
483
484
  }
484
485
  })
485
486
  ]
486
487
  }) : /* @__PURE__ */ t("div", {
487
- className: a(I, {
488
- [y]: m,
489
- [B]: x,
488
+ className: a(k, {
489
+ [y]: d,
490
+ [B]: u,
490
491
  [T]: !i
491
492
  }),
492
- role: h,
493
+ role: l,
493
494
  ref: n,
494
495
  children: /* @__PURE__ */ t(Z, {
495
- dataAttributes: u,
496
+ dataAttributes: o,
496
497
  value: e.radioValue,
497
498
  "aria-labelledby": r,
498
499
  render: (param)=>{
499
- let { controlElement: c } = param;
500
- return /* @__PURE__ */ t(d, {
500
+ let { controlElement: s } = param;
501
+ return /* @__PURE__ */ t(h, {
501
502
  paddingX: 16,
502
- children: v({
503
+ children: b({
503
504
  labelId: r,
504
505
  type: "control",
505
506
  right: ()=>/* @__PURE__ */ t(R, {
506
507
  space: "around",
507
- children: c
508
+ children: s
508
509
  })
509
510
  })
510
511
  });
511
512
  }
512
513
  })
513
- }) : /* @__PURE__ */ t(d, {
514
+ }) : /* @__PURE__ */ t(h, {
514
515
  paddingX: 16,
515
- className: I,
516
- role: h,
517
- dataAttributes: u,
518
- children: e.right ? v({
516
+ className: k,
517
+ role: l,
518
+ dataAttributes: o,
519
+ children: e.right ? b({
519
520
  type: "custom",
520
521
  right: e.right
521
- }) : v({
522
+ }) : b({
522
523
  type: "basic"
523
524
  })
524
525
  });
525
- }), _e = /*#__PURE__*/ P.forwardRef((_param, r)=>{
526
- var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
527
- "dataAttributes"
526
+ }), _e = /*#__PURE__*/ I.forwardRef((_param, c)=>{
527
+ var { dataAttributes: e, role: n = "listitem" } = _param, r = _object_without_properties(_param, [
528
+ "dataAttributes",
529
+ "role"
528
530
  ]);
529
- return /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, n), {
530
- ref: r,
531
- dataAttributes: _object_spread({
532
- "component-name": "Row"
533
- }, e)
534
- }));
531
+ return /* @__PURE__ */ t("div", {
532
+ role: n,
533
+ children: /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, r), {
534
+ ref: c,
535
+ dataAttributes: _object_spread({
536
+ "component-name": "Row"
537
+ }, e)
538
+ }))
539
+ });
535
540
  }), $e = (param)=>{
536
- let { children: e, ariaLabelledby: n, role: r, dataAttributes: o } = param;
537
- const l = P.Children.count(e) - 1;
541
+ let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
542
+ const m = I.Children.count(e) - 1;
538
543
  return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
539
544
  role: r,
540
545
  "aria-labelledby": n
541
- }, me(o, "RowList")), {
542
- children: P.Children.toArray(e).filter(Boolean).map((k, s)=>/* @__PURE__ */ C(P.Fragment, {
546
+ }, me(c, "RowList")), {
547
+ children: I.Children.toArray(e).filter(Boolean).map((g, v)=>/* @__PURE__ */ C(I.Fragment, {
543
548
  children: [
544
- k,
545
- s < l && /* @__PURE__ */ t(d, {
549
+ g,
550
+ v < m && /* @__PURE__ */ t(h, {
546
551
  paddingX: 16,
547
552
  children: /* @__PURE__ */ t(ue, {})
548
553
  })
549
554
  ]
550
- }, s))
555
+ }, v))
551
556
  }));
552
- }, pe = /*#__PURE__*/ P.forwardRef((_param, r)=>{
557
+ }, pe = /*#__PURE__*/ I.forwardRef((_param, r)=>{
553
558
  var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
554
559
  "dataAttributes"
555
560
  ]);
@@ -562,14 +567,14 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
562
567
  children: /* @__PURE__ */ t(ne, _object_spread({}, n))
563
568
  });
564
569
  }), et = (param)=>{
565
- let { children: e, ariaLabelledby: n, role: r, dataAttributes: o } = param;
570
+ let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
566
571
  return /* @__PURE__ */ t(R, {
567
572
  space: 16,
568
573
  role: r,
569
574
  "aria-labelledby": n,
570
575
  dataAttributes: _object_spread({
571
576
  "component-name": "BoxedRowList"
572
- }, o),
577
+ }, c),
573
578
  children: e
574
579
  });
575
580
  };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./loading-bar.css.ts.vanilla.css-mistica.js";
3
- var _ = "_1num3qg3", f = "_1num3qg2 _1y2v1nfh4 _1y2v1nfkf _1y2v1nfku _1y2v1nfl9", r = "_1num3qg7 _1y2v1nfh3 _1y2v1nfhv _1y2v1nfic", y = "_1y2v1nfhv _1y2v1nfk9 _1y2v1nfh2 _1y2v1nf4x _1y2v1nfif";
4
- export { _ as hidden, f as portal, r as progress, y as progressContainer };
3
+ var _ = "_1num3qg3", r = "_1num3qg2 _1y2v1nfh6 _1y2v1nfkh _1y2v1nfkw _1y2v1nflb", y = "_1num3qg7 _1y2v1nfh5 _1y2v1nfhx _1y2v1nfie", f = "_1y2v1nfhx _1y2v1nfkb _1y2v1nfh4 _1y2v1nf4y _1y2v1nfih";
4
+ export { _ as hidden, r as portal, y as progress, f as progressContainer };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./loading-screen.css.ts.vanilla.css-mistica.js";
3
- var r = 500, a = "flke8b1 _1y2v1nfh8 _1y2v1nfhe _1y2v1nfhn", f = "_1y2v1nfhu _1y2v1nfh8 _1y2v1nfhe _1y2v1nfhn _1y2v1nfhh", v = "flke8b9 _1y2v1nf7m", l = "flke8bb", o = "flke8bc", i = "flke8bf", d = "flke8be", t = {
3
+ var a = 500, r = "flke8b1 _1y2v1nfha _1y2v1nfhg _1y2v1nfhp", f = "_1y2v1nfhw _1y2v1nfha _1y2v1nfhg _1y2v1nfhp _1y2v1nfhj", v = "flke8b9 _1y2v1nf7o", l = "flke8bb", o = "flke8bc", i = "flke8bf", d = "flke8be", t = {
4
4
  default: "flke8b4",
5
5
  inverse: "flke8b5"
6
6
  }, k = "flke8b3", c = "flke8b6";
7
- export { r as inOutAnimationMs, a as loadingScreen, f as loadingScreenChildren, v as loadingScreenText, l as loadingScreenTextAnimated, o as loadingScreenTextAnimatedOut, i as logo, d as pulseLogo, t as screenBackground, k as screenBackgroundAnimated, c as screenBackgroundFadeOut };
7
+ export { a as inOutAnimationMs, r as loadingScreen, f as loadingScreenChildren, v as loadingScreenText, l as loadingScreenTextAnimated, o as loadingScreenTextAnimatedOut, i as logo, d as pulseLogo, t as screenBackground, k as screenBackgroundAnimated, c as screenBackgroundFadeOut };