@telefonica/mistica 14.34.0 → 14.35.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 (156) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +1 -1
  3. package/dist/button.css-mistica.js +7 -7
  4. package/dist/callout.css-mistica.js +1 -1
  5. package/dist/callout.js +17 -12
  6. package/dist/card.js +277 -244
  7. package/dist/carousel.css-mistica.js +5 -5
  8. package/dist/carousel.js +54 -52
  9. package/dist/checkbox.js +18 -18
  10. package/dist/community/advanced-data-card.css-mistica.js +3 -3
  11. package/dist/community/advanced-data-card.js +57 -50
  12. package/dist/community/blocks.js +42 -35
  13. package/dist/counter.css-mistica.js +1 -1
  14. package/dist/cvv-field.js +1 -1
  15. package/dist/dialog.css-mistica.js +3 -3
  16. package/dist/dialog.js +2 -2
  17. package/dist/hero.js +34 -30
  18. package/dist/hooks.d.ts +12 -1
  19. package/dist/hooks.js +85 -48
  20. package/dist/image.css-mistica.js +7 -2
  21. package/dist/image.css.d.ts +3 -0
  22. package/dist/image.d.ts +1 -7
  23. package/dist/image.js +55 -66
  24. package/dist/list.css-mistica.js +1 -1
  25. package/dist/list.js +80 -75
  26. package/dist/loading-bar.css-mistica.js +6 -6
  27. package/dist/maybe-dismissable.css-mistica.js +1 -1
  28. package/dist/menu.js +32 -32
  29. package/dist/navigation-bar.css-mistica.js +10 -10
  30. package/dist/overlay.js +10 -10
  31. package/dist/package-version.js +1 -1
  32. package/dist/pin-field.css-mistica.js +3 -3
  33. package/dist/popover.css-mistica.js +4 -4
  34. package/dist/radio-button.css-mistica.js +5 -5
  35. package/dist/radio-button.js +7 -7
  36. package/dist/screen-reader-only.css-mistica.js +1 -1
  37. package/dist/select.css-mistica.js +7 -7
  38. package/dist/select.js +65 -53
  39. package/dist/sheet.css-mistica.js +8 -8
  40. package/dist/skeletons.d.ts +9 -1
  41. package/dist/skeletons.js +3 -0
  42. package/dist/skins/blau.js +2 -1
  43. package/dist/skins/defaults.js +2 -1
  44. package/dist/skins/movistar-legacy.js +2 -1
  45. package/dist/skins/movistar.js +2 -1
  46. package/dist/skins/o2.js +2 -1
  47. package/dist/skins/skin-contract.css-mistica.js +2 -1
  48. package/dist/skins/skin-contract.css.d.ts +1 -0
  49. package/dist/skins/telefonica.js +2 -1
  50. package/dist/skins/types/index.d.ts +1 -0
  51. package/dist/skins/vivo-new.js +2 -1
  52. package/dist/skins/vivo.js +2 -1
  53. package/dist/slider.css-mistica.js +19 -19
  54. package/dist/slider.css.d.ts +8 -8
  55. package/dist/slider.d.ts +28 -8
  56. package/dist/slider.js +226 -106
  57. package/dist/snackbar.css-mistica.js +5 -5
  58. package/dist/sprinkles.css-mistica.js +71 -68
  59. package/dist/stacking-group.js +31 -24
  60. package/dist/stepper.css-mistica.js +3 -3
  61. package/dist/switch-component.css-mistica.js +17 -17
  62. package/dist/switch-component.js +12 -12
  63. package/dist/tab-focus.js +12 -12
  64. package/dist/tabs.css-mistica.js +1 -1
  65. package/dist/text-field-base.css-mistica.js +1 -1
  66. package/dist/text-field-components.css-mistica.js +7 -7
  67. package/dist/text-link.css-mistica.js +3 -3
  68. package/dist/theme-context-provider.js +39 -36
  69. package/dist/tooltip-context-provider.d.ts +14 -0
  70. package/dist/tooltip-context-provider.js +90 -0
  71. package/dist/tooltip.css-mistica.js +25 -54
  72. package/dist/tooltip.css.d.ts +19 -26
  73. package/dist/tooltip.d.ts +15 -1
  74. package/dist/tooltip.js +255 -207
  75. package/dist/touchable.css-mistica.js +1 -1
  76. package/dist/touchable.js +8 -8
  77. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  78. package/dist/utils/environment.d.ts +1 -0
  79. package/dist/utils/environment.js +4 -1
  80. package/dist/utils/keys.d.ts +8 -0
  81. package/dist/utils/{key-codes.js → keys.js} +6 -6
  82. package/dist/video.css-mistica.js +1 -1
  83. package/dist/video.js +33 -31
  84. package/dist-es/avatar.css-mistica.js +1 -1
  85. package/dist-es/button.css-mistica.js +7 -7
  86. package/dist-es/callout.css-mistica.js +1 -1
  87. package/dist-es/callout.js +33 -28
  88. package/dist-es/card.js +416 -383
  89. package/dist-es/carousel.css-mistica.js +2 -2
  90. package/dist-es/carousel.js +84 -82
  91. package/dist-es/checkbox.js +18 -18
  92. package/dist-es/community/advanced-data-card.css-mistica.js +2 -2
  93. package/dist-es/community/advanced-data-card.js +83 -76
  94. package/dist-es/community/blocks.js +77 -70
  95. package/dist-es/counter.css-mistica.js +1 -1
  96. package/dist-es/cvv-field.js +1 -1
  97. package/dist-es/dialog.css-mistica.js +3 -3
  98. package/dist-es/dialog.js +2 -2
  99. package/dist-es/hero.js +69 -65
  100. package/dist-es/hooks.js +83 -49
  101. package/dist-es/image.css-mistica.js +4 -2
  102. package/dist-es/image.js +74 -79
  103. package/dist-es/list.css-mistica.js +1 -1
  104. package/dist-es/list.js +116 -111
  105. package/dist-es/loading-bar.css-mistica.js +2 -2
  106. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  107. package/dist-es/menu.js +41 -41
  108. package/dist-es/navigation-bar.css-mistica.js +6 -6
  109. package/dist-es/overlay.js +14 -14
  110. package/dist-es/package-version.js +1 -1
  111. package/dist-es/pin-field.css-mistica.js +2 -2
  112. package/dist-es/popover.css-mistica.js +2 -2
  113. package/dist-es/radio-button.css-mistica.js +4 -4
  114. package/dist-es/radio-button.js +2 -2
  115. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  116. package/dist-es/select.css-mistica.js +7 -7
  117. package/dist-es/select.js +89 -77
  118. package/dist-es/sheet.css-mistica.js +2 -2
  119. package/dist-es/skeletons.js +1 -1
  120. package/dist-es/skins/blau.js +2 -1
  121. package/dist-es/skins/defaults.js +2 -1
  122. package/dist-es/skins/movistar-legacy.js +2 -1
  123. package/dist-es/skins/movistar.js +2 -1
  124. package/dist-es/skins/o2.js +2 -1
  125. package/dist-es/skins/skin-contract.css-mistica.js +2 -1
  126. package/dist-es/skins/telefonica.js +2 -1
  127. package/dist-es/skins/vivo-new.js +2 -1
  128. package/dist-es/skins/vivo.js +2 -1
  129. package/dist-es/slider.css-mistica.js +2 -8
  130. package/dist-es/slider.js +231 -111
  131. package/dist-es/snackbar.css-mistica.js +4 -4
  132. package/dist-es/sprinkles.css-mistica.js +71 -68
  133. package/dist-es/stacking-group.js +37 -30
  134. package/dist-es/stepper.css-mistica.js +2 -2
  135. package/dist-es/style.css +1 -1
  136. package/dist-es/switch-component.css-mistica.js +13 -13
  137. package/dist-es/switch-component.js +14 -14
  138. package/dist-es/tab-focus.js +14 -14
  139. package/dist-es/tabs.css-mistica.js +1 -1
  140. package/dist-es/text-field-base.css-mistica.js +1 -1
  141. package/dist-es/text-field-components.css-mistica.js +2 -2
  142. package/dist-es/text-link.css-mistica.js +3 -3
  143. package/dist-es/theme-context-provider.js +53 -50
  144. package/dist-es/tooltip-context-provider.js +29 -0
  145. package/dist-es/tooltip.css-mistica.js +16 -9
  146. package/dist-es/tooltip.js +264 -216
  147. package/dist-es/touchable.css-mistica.js +1 -1
  148. package/dist-es/touchable.js +8 -8
  149. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  150. package/dist-es/utils/environment.js +2 -2
  151. package/dist-es/utils/keys.js +2 -0
  152. package/dist-es/video.css-mistica.js +1 -1
  153. package/dist-es/video.js +41 -39
  154. package/package.json +1 -1
  155. package/dist/utils/key-codes.d.ts +0 -8
  156. package/dist-es/utils/key-codes.js +0 -2
package/dist-es/select.js CHANGED
@@ -51,27 +51,27 @@ function _object_spread_props(target, source) {
51
51
  }
52
52
  return target;
53
53
  }
54
- import { jsxs as _, jsx as r, Fragment as Ne } from "react/jsx-runtime";
55
- import * as o from "react";
54
+ import { jsxs as _, jsx as o, Fragment as Re } from "react/jsx-runtime";
55
+ import * as n from "react";
56
56
  import ee from "classnames";
57
- import { useForm as Re } from "./form-context.js";
57
+ import { useForm as be } from "./form-context.js";
58
58
  import { useAriaId as Ae, useTheme as ke, useScreenSize as _e } from "./hooks.js";
59
- import { TAB as be, ESC as Pe, ENTER as te, SPACE as ne, UP as Ve, DOWN as De } from "./utils/key-codes.js";
59
+ import { SPACE as te, ENTER as ne, ESC as Ce, TAB as Pe, UP as Ve, DOWN as De } from "./utils/keys.js";
60
60
  import { FieldContainer as Me, HelperText as He, Label as Fe } from "./text-field-components.js";
61
- import oe from "./generated/mistica-icons/icon-chevron-down-regular.js";
61
+ import se from "./generated/mistica-icons/icon-chevron-down-regular.js";
62
62
  import { TextFieldBaseAutosuggest as Ge } from "./text-field-base.js";
63
63
  import Ze from "./overlay.js";
64
64
  import { isAndroid as Be, isIos as We } from "./utils/platform.js";
65
65
  import { cancelEvent as h } from "./utils/dom.js";
66
66
  import { Text3 as Le } from "./text.js";
67
- import { selectVariants as $e, arrowDown as qe, selectContainerVariants as ze, selectTextVariants as je, vars as C, optionsContainer as Ke, optionsAnimationsVariants as se, menuItem as Ue, menuItemSelected as Xe } from "./select.css-mistica.js";
67
+ import { selectVariants as $e, arrowDown as qe, selectContainerVariants as ze, selectTextVariants as je, vars as N, optionsContainer as Ke, optionsAnimationsVariants as re, menuItem as Ue, menuItemSelected as Xe } from "./select.css-mistica.js";
68
68
  import { Portal as Je } from "./portal.js";
69
69
  import { applyCssVars as Qe } from "./utils/css.js";
70
70
  const Ye = (param)=>{
71
- let { id: re, label: d, helperText: ie, value: ce, onChangeValue: b, name: i, fullWidth: P, options: u, optional: V, disabled: le, error: ae, onBlur: D, autoFocus: $ = !1, native: ue } = param;
71
+ let { id: oe, label: d, helperText: ie, value: ce, onChangeValue: C, name: i, fullWidth: P, options: u, optional: V, disabled: ae, error: le, onBlur: D, autoFocus: $ = !1, native: ue } = param;
72
72
  var Y;
73
- const S = o.useRef(null), f = o.useRef(null), g = o.useRef(null), T = o.useRef(null), N = o.useRef(/* @__PURE__ */ new Map()), [de, fe] = o.useState(!0), [p, pe] = o.useState(), [M, q] = o.useState(!1), [z, j] = o.useState(!1), [K, x] = o.useState(!1), [a, H] = o.useState({}), [v, F] = o.useState(), G = o.useRef(null), Z = Ae(re), { rawValues: me, setRawValue: B, setValue: W, formStatus: he, formErrors: U, setFormError: Se, register: L } = Re(), { platformOverrides: X } = ke(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Be(X) || We(X), E = le || he === "sending", R = ae || !!U[i], J = U[i] || ie, l = ce !== null && ce !== void 0 ? ce : me[i], A = (e)=>{
74
- b == null || b(e), Se({
73
+ const S = n.useRef(null), f = n.useRef(null), g = n.useRef(null), T = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [de, fe] = n.useState(!0), [p, pe] = n.useState(), [M, q] = n.useState(!1), [z, j] = n.useState(!1), [K, x] = n.useState(!1), [l, H] = n.useState({}), [v, F] = n.useState(), G = n.useRef(null), Z = Ae(oe), { rawValues: me, setRawValue: B, setValue: W, formStatus: he, formErrors: U, setFormError: Se, register: L } = be(), { platformOverrides: X } = ke(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Be(X) || We(X), E = ae || he === "sending", b = le || !!U[i], J = U[i] || ie, a = ce !== null && ce !== void 0 ? ce : me[i], A = (e)=>{
74
+ C == null || C(e), Se({
75
75
  name: i,
76
76
  error: ""
77
77
  }), B({
@@ -84,15 +84,15 @@ const Ye = (param)=>{
84
84
  }, I = (e)=>{
85
85
  if (e) {
86
86
  if (g != null && g.current) {
87
- const s = g.current.getBoundingClientRect(), m = s.top, w = s.width, O = s.left, Oe = s.height, y = m + Oe, k = Math.min(u.length, 8) * 48 + 16;
87
+ const r = g.current.getBoundingClientRect(), m = r.top, w = r.width, O = r.left, Oe = r.height, y = m + Oe, k = Math.min(u.length, 8) * 48 + 16;
88
88
  if (y + k + 12 > window.innerHeight) {
89
89
  const ye = window.innerHeight - y;
90
90
  if (m > ye) {
91
- const Ce = m - k;
91
+ const Ne = m - k;
92
92
  H({
93
93
  minWidth: w,
94
94
  left: O,
95
- top: Math.max(Ce, 12),
95
+ top: Math.max(Ne, 12),
96
96
  maxHeight: Math.min(m - 12, k),
97
97
  transformOrigin: "center bottom"
98
98
  });
@@ -113,37 +113,37 @@ const Ye = (param)=>{
113
113
  }
114
114
  q(!0), requestAnimationFrame(()=>{
115
115
  G.current && T.current && "scrollTop" in T.current && (T.current.scrollTop = G.current), j(!0);
116
- }), F(p !== null && p !== void 0 ? p : l);
116
+ }), F(p !== null && p !== void 0 ? p : a);
117
117
  } else j(!1), q(!1), F(void 0);
118
118
  }, Q = (e)=>{
119
119
  var t;
120
- G.current = (t = T.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof l > "u" && pe(e);
120
+ G.current = (t = T.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && pe(e);
121
121
  }, Te = (e)=>{
122
- var n;
123
- const t = (n = T.current) == null ? void 0 : n.getBoundingClientRect();
124
- if (t && e && N.current.has(e)) {
125
- const c = N.current.get(e), s = c == null ? void 0 : c.getBoundingClientRect();
126
- if (s && s.top + s.height / 2 >= t.top + t.height) {
122
+ var s;
123
+ const t = (s = T.current) == null ? void 0 : s.getBoundingClientRect();
124
+ if (t && e && R.current.has(e)) {
125
+ const c = R.current.get(e), r = c == null ? void 0 : c.getBoundingClientRect();
126
+ if (r && r.top + r.height / 2 >= t.top + t.height) {
127
127
  c == null || c.scrollIntoView();
128
128
  return;
129
129
  }
130
- s && s.top + s.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
130
+ r && r.top + r.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
131
131
  }
132
132
  }, ve = f.current, Ee = S.current;
133
- o.useEffect(()=>{
133
+ n.useEffect(()=>{
134
134
  B({
135
135
  name: i,
136
- value: l
136
+ value: a
137
137
  }), W({
138
138
  name: i,
139
- value: l
139
+ value: a
140
140
  });
141
141
  }, [
142
142
  i,
143
143
  B,
144
144
  W,
145
- l
146
- ]), o.useEffect(()=>(L(i, {
145
+ a
146
+ ]), n.useEffect(()=>(L(i, {
147
147
  input: S.current,
148
148
  focusableElement: f.current
149
149
  }), ()=>{
@@ -158,43 +158,55 @@ const Ye = (param)=>{
158
158
  S,
159
159
  ve,
160
160
  Ee
161
- ]), o.useEffect(()=>{
162
- const e = (n)=>{
161
+ ]), n.useEffect(()=>{
162
+ const e = (s)=>{
163
163
  var m;
164
- const s = {
164
+ const r = {
165
165
  [Ve]: -1,
166
166
  [De]: 1
167
- }[n.keyCode];
168
- if (s) {
169
- h(n);
167
+ }[s.key];
168
+ if (r) {
169
+ h(s);
170
170
  var _ref;
171
171
  const w = (_ref = (m = u[u.findIndex((param)=>{
172
172
  let { value: O } = param;
173
173
  return O === v;
174
- }) + s]) == null ? void 0 : m.value) !== null && _ref !== void 0 ? _ref : v;
174
+ }) + r]) == null ? void 0 : m.value) !== null && _ref !== void 0 ? _ref : v;
175
175
  F(w), Te(w);
176
176
  }
177
- }, t = (n)=>{
178
- M && (n.keyCode === be && h(n), n.keyCode === Pe && I(!1), (n.keyCode === te || n.keyCode === ne) && (h(n), u.findIndex((param)=>{
179
- let { value: c } = param;
180
- return c === v;
181
- }) !== -1 && v !== p && Q(v), I(!1))), z && e(n);
177
+ }, t = (s)=>{
178
+ if (M) switch(s.key){
179
+ case Pe:
180
+ h(s);
181
+ break;
182
+ case Ce:
183
+ I(!1);
184
+ break;
185
+ case ne:
186
+ case te:
187
+ h(s), u.findIndex((param)=>{
188
+ let { value: c } = param;
189
+ return c === v;
190
+ }) !== -1 && v !== p && Q(v), I(!1);
191
+ break;
192
+ }
193
+ z && e(s);
182
194
  };
183
195
  return document.addEventListener("keydown", t, !1), ()=>{
184
196
  document.removeEventListener("keydown", t, !1);
185
197
  };
186
- }), o.useEffect(()=>{
198
+ }), n.useEffect(()=>{
187
199
  $ && f.current && f.current.focus();
188
200
  }, [
189
201
  $
190
- ]), o.useEffect(()=>{
202
+ ]), n.useEffect(()=>{
191
203
  fe(!1);
192
204
  }, []);
193
205
  const Ie = (e)=>{
194
206
  var t;
195
207
  return e ? (t = u.find((param)=>{
196
- let { value: n } = param;
197
- return n === e;
208
+ let { value: s } = param;
209
+ return s === e;
198
210
  })) == null ? void 0 : t.text : "";
199
211
  }, we = {
200
212
  tabIndex: 0,
@@ -204,31 +216,31 @@ const Ye = (param)=>{
204
216
  I(!0), x(!0);
205
217
  },
206
218
  onKeyDown: (e)=>{
207
- !M && (e.keyCode === ne || e.keyCode === te) && (h(e), I(!0));
219
+ !M && (e.key === te || e.key === ne) && (h(e), I(!0));
208
220
  }
209
221
  }, { isDesktopOrBigger: xe } = _e();
210
- var _ref, _a_transformOrigin;
222
+ var _ref, _l_transformOrigin;
211
223
  return ge || de ? /* @__PURE__ */ _(Me, {
212
224
  disabled: E,
213
- helperText: /* @__PURE__ */ r(He, {
214
- error: R,
225
+ helperText: /* @__PURE__ */ o(He, {
226
+ error: b,
215
227
  leftText: J
216
228
  }),
217
229
  fieldRef: g,
218
230
  fullWidth: P,
219
231
  children: [
220
- d && /* @__PURE__ */ r(Fe, {
221
- error: R,
232
+ d && /* @__PURE__ */ o(Fe, {
233
+ error: b,
222
234
  forId: Z,
223
- inputState: K ? "focused" : ((_ref = l !== null && l !== void 0 ? l : p) !== null && _ref !== void 0 ? _ref : (Y = S.current) == null ? void 0 : Y.value) ? "filled" : "default",
235
+ inputState: K ? "focused" : ((_ref = a !== null && a !== void 0 ? a : p) !== null && _ref !== void 0 ? _ref : (Y = S.current) == null ? void 0 : Y.value) ? "filled" : "default",
224
236
  optional: V,
225
237
  children: d
226
238
  }),
227
239
  /* @__PURE__ */ _("select", {
228
240
  className: $e[E ? "disabled" : "default"],
229
241
  id: Z,
230
- "aria-invalid": !!R,
231
- value: l,
242
+ "aria-invalid": !!b,
243
+ value: a,
232
244
  required: !V,
233
245
  disabled: E,
234
246
  onChange: (e)=>{
@@ -260,7 +272,7 @@ const Ye = (param)=>{
260
272
  return !!e;
261
273
  }) && // if no "empty" option exists, insert a dummy empty option
262
274
  // this is needed to allow a native select with no selected option
263
- /* @__PURE__ */ r("option", {
275
+ /* @__PURE__ */ o("option", {
264
276
  value: "",
265
277
  style: {
266
278
  display: "none"
@@ -268,22 +280,22 @@ const Ye = (param)=>{
268
280
  }),
269
281
  u.map((param)=>/* @__PURE__ */ {
270
282
  let { value: e, text: t } = param;
271
- return r("option", {
283
+ return o("option", {
272
284
  value: e,
273
285
  children: t
274
286
  }, e);
275
287
  })
276
288
  ]
277
289
  }),
278
- /* @__PURE__ */ r("div", {
290
+ /* @__PURE__ */ o("div", {
279
291
  className: qe,
280
292
  "aria-hidden": !0,
281
- children: /* @__PURE__ */ r(oe, {
293
+ children: /* @__PURE__ */ o(se, {
282
294
  size: 20
283
295
  })
284
296
  })
285
297
  ]
286
- }) : /* @__PURE__ */ _(Ne, {
298
+ }) : /* @__PURE__ */ _(Re, {
287
299
  children: [
288
300
  /* @__PURE__ */ _("div", _object_spread_props(_object_spread({
289
301
  className: ze[P ? "fullWidth" : "default"],
@@ -292,69 +304,69 @@ const Ye = (param)=>{
292
304
  ref: f
293
305
  }, !E && we), {
294
306
  children: [
295
- /* @__PURE__ */ r(Ge, {
307
+ /* @__PURE__ */ o(Ge, {
296
308
  style: {
297
309
  visibility: "hidden"
298
310
  },
299
311
  fullWidth: P,
300
- endIcon: /* @__PURE__ */ r(oe, {
312
+ endIcon: /* @__PURE__ */ o(se, {
301
313
  size: 20
302
314
  }),
303
315
  focus: K,
304
316
  label: d,
305
- value: l,
306
- shrinkLabel: !!(l || p),
317
+ value: a,
318
+ shrinkLabel: !!(a || p),
307
319
  name: i,
308
320
  helperText: J,
309
321
  required: !V,
310
322
  disabled: E,
311
323
  id: Z,
312
- error: R,
324
+ error: b,
313
325
  inputRef: S,
314
326
  fieldRef: g
315
327
  }),
316
- /* @__PURE__ */ r("div", {
328
+ /* @__PURE__ */ o("div", {
317
329
  className: je[E ? "disabled" : "default"],
318
330
  style: {
319
331
  top: xe ? d ? 28 : 18 : d ? 25 : 16
320
332
  },
321
- children: Ie(l !== null && l !== void 0 ? l : p)
333
+ children: Ie(a !== null && a !== void 0 ? a : p)
322
334
  })
323
335
  ]
324
336
  })),
325
- M && /* @__PURE__ */ r(Ze, {
337
+ M && /* @__PURE__ */ o(Ze, {
326
338
  onPress: (e)=>{
327
339
  I(!1), h(e);
328
340
  },
329
341
  disableScroll: !0,
330
- children: /* @__PURE__ */ r(Je, {
331
- children: /* @__PURE__ */ r("ul", {
342
+ children: /* @__PURE__ */ o(Je, {
343
+ children: /* @__PURE__ */ o("ul", {
332
344
  style: Qe({
333
- [C.top]: a.top ? `${a.top}px` : "",
334
- [C.left]: a.left ? `${a.left}px` : "",
335
- [C.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
336
- [C.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
337
- [C.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
345
+ [N.top]: l.top ? `${l.top}px` : "",
346
+ [N.left]: l.left ? `${l.left}px` : "",
347
+ [N.maxHeight]: l.maxHeight ? `${l.maxHeight}px` : "",
348
+ [N.minWidth]: l.minWidth ? `${l.minWidth}px` : "",
349
+ [N.transformOrigin]: (_l_transformOrigin = l.transformOrigin) !== null && _l_transformOrigin !== void 0 ? _l_transformOrigin : ""
338
350
  }),
339
351
  onPointerDown: h,
340
- className: ee(Ke, z ? se.show : se.hide),
352
+ className: ee(Ke, z ? re.show : re.hide),
341
353
  role: "listbox",
342
354
  ref: T,
343
355
  children: u.map((param)=>/* @__PURE__ */ {
344
356
  let { value: e, text: t } = param;
345
- return r("li", {
357
+ return o("li", {
346
358
  role: "option",
347
- "aria-selected": e === (p !== null && p !== void 0 ? p : l),
359
+ "aria-selected": e === (p !== null && p !== void 0 ? p : a),
348
360
  "data-value": e,
349
361
  className: ee(Ue, {
350
- [Xe]: e === v || e === (p !== null && p !== void 0 ? p : l)
362
+ [Xe]: e === v || e === (p !== null && p !== void 0 ? p : a)
351
363
  }),
352
364
  onPointerDown: h,
353
365
  onClick: ()=>Q(e),
354
- ref: (n)=>{
355
- n ? N.current.set(e, n) : N.current.delete(e);
366
+ ref: (s)=>{
367
+ s ? R.current.set(e, s) : R.current.delete(e);
356
368
  },
357
- children: /* @__PURE__ */ r(Le, {
369
+ children: /* @__PURE__ */ o(Le, {
358
370
  regular: !0,
359
371
  children: t
360
372
  })
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./sheet.css.ts.vanilla.css-mistica.js";
3
- var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfev _1y2v1nffa _1y2v1nffp", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfef _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeg _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", l = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", b = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeg _1y2v1nffa", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", z = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeg _1y2v1nfev _1y2v1nffa _1y2v1nffp", d = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", h = "_1y2v1nfb8 _1y2v1nffp _1y2v1nf32", p = "_1y2v1nfb8 _1y2v1nfeg _1y2v1nf32", s = 400;
4
- export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, e as children, r as closingOverlay, t as closingSheet, c as handle, o as handleContainer, l as infoItemIcon, b as modalCloseButton, i as modalCloseButtonIcon, z as overlay, d as sheetActionRow, h as stickyButtons, p as stickyTitle, s as transitionDuration };
3
+ var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfew _1y2v1nffb _1y2v1nffq", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfeg _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeh _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", b = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", l = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", h = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeh _1y2v1nfew _1y2v1nffb _1y2v1nffq", z = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", d = "_1y2v1nfb8 _1y2v1nffq _1y2v1nf32", s = "_1y2v1nfb8 _1y2v1nfeh _1y2v1nf32", m = 400;
4
+ export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, e as children, r as closingOverlay, t as closingSheet, c as handle, o as handleContainer, b as infoItemIcon, l as modalCloseButton, i as modalCloseButtonIcon, h as overlay, z as sheetActionRow, d as stickyButtons, s as stickyTitle, m as transitionDuration };
@@ -156,4 +156,4 @@ const o = (param)=>/* @__PURE__ */ {
156
156
  })
157
157
  });
158
158
  };
159
- export { x as SkeletonCircle, g as SkeletonLine, R as SkeletonRectangle, N as SkeletonRow, A as SkeletonText };
159
+ export { o as SkeletonAnimation, x as SkeletonCircle, g as SkeletonLine, R as SkeletonRectangle, N as SkeletonRow, A as SkeletonText };
@@ -268,7 +268,8 @@ const e = {
268
268
  input: "8px",
269
269
  legacyDisplay: "16px",
270
270
  popup: "8px",
271
- sheet: "8px"
271
+ sheet: "8px",
272
+ mediaSmall: "8px"
272
273
  },
273
274
  textPresets: {
274
275
  cardTitle: {
@@ -67,6 +67,7 @@ const t = {
67
67
  indicator: "999px",
68
68
  sheet: "8px",
69
69
  bar: "999px",
70
- avatar: "50%"
70
+ avatar: "50%",
71
+ mediaSmall: "8px"
71
72
  };
72
73
  export { e as defaultBorderRadiiConfig, t as defaultTextPresetsConfig };
@@ -272,7 +272,8 @@ const e = {
272
272
  input: "8px",
273
273
  legacyDisplay: "16px",
274
274
  popup: "8px",
275
- sheet: "8px"
275
+ sheet: "8px",
276
+ mediaSmall: "8px"
276
277
  },
277
278
  textPresets: {
278
279
  cardTitle: {
@@ -272,7 +272,8 @@ const e = {
272
272
  input: "8px",
273
273
  legacyDisplay: "16px",
274
274
  popup: "8px",
275
- sheet: "8px"
275
+ sheet: "8px",
276
+ mediaSmall: "8px"
276
277
  },
277
278
  textPresets: {
278
279
  cardTitle: {
@@ -272,7 +272,8 @@ const e = {
272
272
  input: "8px",
273
273
  legacyDisplay: "16px",
274
274
  popup: "8px",
275
- sheet: "8px"
275
+ sheet: "8px",
276
+ mediaSmall: "8px"
276
277
  },
277
278
  textPresets: {
278
279
  cardTitle: {
@@ -227,7 +227,8 @@ var r = {
227
227
  indicator: "var(--_1vqcj1i64)",
228
228
  sheet: "var(--_1vqcj1i65)",
229
229
  bar: "var(--_1vqcj1i66)",
230
- avatar: "var(--_1vqcj1i67)"
230
+ avatar: "var(--_1vqcj1i67)",
231
+ mediaSmall: "var(--_1vqcj1i68)"
231
232
  }
232
233
  };
233
234
  export { r as vars };
@@ -266,7 +266,8 @@ const e = {
266
266
  input: "0px",
267
267
  legacyDisplay: "0px",
268
268
  popup: "0px",
269
- sheet: "0px"
269
+ sheet: "0px",
270
+ mediaSmall: "0px"
270
271
  },
271
272
  textPresets: {
272
273
  cardTitle: {
@@ -266,7 +266,8 @@ const e = {
266
266
  input: "12px",
267
267
  legacyDisplay: "16px",
268
268
  popup: "8px",
269
- sheet: "16px"
269
+ sheet: "16px",
270
+ mediaSmall: "8px"
270
271
  },
271
272
  textPresets: {
272
273
  cardTitle: {
@@ -266,7 +266,8 @@ const e = {
266
266
  input: "8px",
267
267
  legacyDisplay: "16px",
268
268
  popup: "8px",
269
- sheet: "8px"
269
+ sheet: "8px",
270
+ mediaSmall: "8px"
270
271
  },
271
272
  textPresets: {
272
273
  cardTitle: {
@@ -1,10 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./slider.css.ts.vanilla.css-mistica.js";
3
- var v = "_1j1wlhk1 _1y2v1nfba _1y2v1nfbw", r = "_1j1wlhkf _1y2v1nfb5 _1y2v1nfe7 _1y2v1nf47", a = "_1y2v1nfba _1y2v1nfb4 _1y2v1nfbx", l = "_1j1wlhk9 _1j1wlhk6 _1y2v1nfe7 _1y2v1nf46", f = {
4
- ios: "_1j1wlhkc _1j1wlhkb _1y2v1nfb5",
5
- default: "_1j1wlhkd _1j1wlhkb _1y2v1nfb5"
6
- }, e = {
7
- ios: "_1j1wlhk7 _1j1wlhk6 _1y2v1nfe7 _1y2v1nf46",
8
- default: "_1j1wlhk8 _1j1wlhk6 _1y2v1nfe7 _1y2v1nf46"
9
- }, y = "_1j1wlhk2";
10
- export { v as container, r as progress, a as rangeSlider, l as sliderDisabled, f as sliderThumbVariant, e as sliderVariant, y as targetContainer };
3
+ var n = "_1j1wlhk1 _1y2v1nfbx _1y2v1nfb4 _1y2v1nfba _1y2v1nfbp _1y2v1nfea", f = "_1j1wlhk7 _1y2v1nfc5 _1y2v1nfcl _1y2v1nfdt _1y2v1nf47", y = "_1j1wlhk2", a = "_1j1wlhkd _1y2v1nfb5 _1y2v1nfeh", b = "_1j1wlhk9 _1y2v1nf4f _1y2v1nfdt", r = "_1j1wlhkb", h = "_1j1wlhk5 _1y2v1nfb5 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", t = "_1j1wlhka", l = "_1y2v1nfbx _1y2v1nfch _1y2v1nfe7";
4
+ export { n as container, f as defaultThumb, y as disabled, a as input, b as iosThumb, r as thumbActive, h as thumbContainer, t as thumbHover, l as track };