@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/menu.js CHANGED
@@ -51,13 +51,13 @@ function _object_spread_props(target, source) {
51
51
  }
52
52
  return target;
53
53
  }
54
- import { jsx as e, jsxs as S, Fragment as U } from "react/jsx-runtime";
54
+ import { jsx as e, jsxs as E, Fragment as U } from "react/jsx-runtime";
55
55
  import * as o from "react";
56
56
  import ne from "classnames";
57
- import { TAB as oe, ENTER as W, SPACE as G, ESC as se, UP as re, LEFT as ie, DOWN as K, RIGHT as ce } from "./utils/key-codes.js";
58
- import { getPrefixedDataAttributes as le, cancelEvent as C } from "./utils/dom.js";
57
+ import { TAB as oe, ENTER as W, SPACE as G, ESC as se, UP as re, LEFT as ie, DOWN as K, RIGHT as ce } from "./utils/keys.js";
58
+ import { getPrefixedDataAttributes as le, cancelEvent as S } from "./utils/dom.js";
59
59
  import ae from "./overlay.js";
60
- import { menuItem as ue, menuItemEnabled as me, menuItemDisabled as de, menuItemHovered as fe, menuSectionDivider as pe, menuTransitionClasses as he, vars as b, itemContent as Y, iconContainer as j, menuContainer as ge } from "./menu.css-mistica.js";
60
+ import { menuItem as ue, menuItemEnabled as me, menuItemDisabled as fe, menuItemHovered as de, menuSectionDivider as pe, menuTransitionClasses as he, vars as b, itemContent as Y, iconContainer as j, menuContainer as ge } from "./menu.css-mistica.js";
61
61
  import { useWindowSize as xe } from "./hooks.js";
62
62
  import { Portal as be } from "./portal.js";
63
63
  import y from "./box.js";
@@ -68,26 +68,26 @@ import { vars as q } from "./skins/skin-contract.css-mistica.js";
68
68
  import Me from "./divider.js";
69
69
  import Oe from "./checkbox.js";
70
70
  import { CSSTransition as Te } from "react-transition-group";
71
- import { combineRefs as Ce } from "./utils/common.js";
72
- import { applyCssVars as Se } from "./utils/css.js";
73
- import { isRunningAcceptanceTest as Ee } from "./utils/platform.js";
71
+ import { combineRefs as Se } from "./utils/common.js";
72
+ import { applyCssVars as Ee } from "./utils/css.js";
73
+ import { isRunningAcceptanceTest as Ce } from "./utils/platform.js";
74
74
  const ke = 120, Q = /*#__PURE__*/ o.createContext({
75
75
  focusedItem: null,
76
76
  isMenuOpen: !1,
77
77
  setFocusedItem: ()=>{},
78
78
  closeMenu: ()=>{}
79
- }), Ne = ()=>o.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, d)=>{
80
- if (!d) return null;
81
- const f = D(r).indexOf(d);
82
- return f < 0 ? null : f;
79
+ }), Ne = ()=>o.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, f)=>{
80
+ if (!f) return null;
81
+ const d = D(r).indexOf(f);
82
+ return d < 0 ? null : d;
83
83
  }, qe = (param)=>{
84
- let { label: r, Icon: d, destructive: f, disabled: u, onPress: E, controlType: s, checked: p } = param;
85
- const { focusedItem: n, setFocusedItem: v, closeMenu: i, isMenuOpen: k } = Ne(), c = o.useRef(null), h = f ? q.colors.textLinkDanger : q.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Re(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ e(Oe, {
84
+ let { label: r, Icon: f, destructive: d, disabled: u, onPress: C, controlType: s, checked: p } = param;
85
+ const { focusedItem: n, setFocusedItem: v, closeMenu: i, isMenuOpen: k } = Ne(), c = o.useRef(null), h = d ? q.colors.textLinkDanger : q.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Re(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ e(Oe, {
86
86
  ref: c,
87
87
  name: r,
88
88
  checked: p,
89
89
  onChange: ()=>{
90
- k && m !== null && (E(m), i());
90
+ k && m !== null && (C(m), i());
91
91
  },
92
92
  disabled: u,
93
93
  role: "menuitemcheckbox",
@@ -96,16 +96,16 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
96
96
  return e(y, {
97
97
  paddingX: 8,
98
98
  paddingY: 12,
99
- children: /* @__PURE__ */ S(Ie, {
99
+ children: /* @__PURE__ */ E(Ie, {
100
100
  space: "between",
101
101
  alignItems: "center",
102
102
  children: [
103
- /* @__PURE__ */ S("div", {
103
+ /* @__PURE__ */ E("div", {
104
104
  className: Y,
105
105
  children: [
106
- d && /* @__PURE__ */ e("div", {
106
+ f && /* @__PURE__ */ e("div", {
107
107
  className: j,
108
- children: /* @__PURE__ */ e(d, {
108
+ children: /* @__PURE__ */ e(f, {
109
109
  size: 24,
110
110
  color: h
111
111
  })
@@ -128,19 +128,19 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
128
128
  }) : /* @__PURE__ */ e(ve, {
129
129
  ref: c,
130
130
  onPress: ()=>{
131
- k && m !== null && (E(m), i());
131
+ k && m !== null && (C(m), i());
132
132
  },
133
133
  disabled: u,
134
134
  role: "menuitem",
135
135
  children: /* @__PURE__ */ e(y, {
136
136
  paddingX: 8,
137
137
  paddingY: 12,
138
- children: /* @__PURE__ */ S("div", {
138
+ children: /* @__PURE__ */ E("div", {
139
139
  className: Y,
140
140
  children: [
141
- d && /* @__PURE__ */ e("div", {
141
+ f && /* @__PURE__ */ e("div", {
142
142
  className: j,
143
- children: /* @__PURE__ */ e(d, {
143
+ children: /* @__PURE__ */ e(f, {
144
144
  size: 24,
145
145
  color: h
146
146
  })
@@ -157,8 +157,8 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
157
157
  return /* @__PURE__ */ e("div", {
158
158
  className: ne(ue, {
159
159
  [me]: !u,
160
- [de]: u,
161
- [fe]: !u && m !== null && n === m
160
+ [fe]: u,
161
+ [de]: !u && m !== null && n === m
162
162
  }),
163
163
  onMouseMove: ()=>v(u ? null : m),
164
164
  onMouseLeave: ()=>v(null),
@@ -166,7 +166,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
166
166
  });
167
167
  }, Ve = (param)=>{
168
168
  let { children: r } = param;
169
- return r ? /* @__PURE__ */ S(U, {
169
+ return r ? /* @__PURE__ */ E(U, {
170
170
  children: [
171
171
  r,
172
172
  /* @__PURE__ */ e(y, {
@@ -177,7 +177,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
177
177
  ]
178
178
  }) : /* @__PURE__ */ e(U, {});
179
179
  }, V = 12, J = 8, Je = (param)=>{
180
- let { renderTarget: r, renderMenu: d, width: f, position: u = "left", dataAttributes: E } = param;
180
+ let { renderTarget: r, renderMenu: f, width: d, position: u = "left", dataAttributes: C } = param;
181
181
  const [s, p] = o.useState(!1), [n, v] = o.useState(null), [i, k] = o.useState(null), [c, h] = o.useState(null), [x, M] = o.useState(!1), m = o.useRef(null), [l, N] = o.useState(null), R = xe();
182
182
  o.useEffect(()=>{
183
183
  const a = n == null ? void 0 : n.getBoundingClientRect();
@@ -203,7 +203,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
203
203
  s,
204
204
  i,
205
205
  n,
206
- f,
206
+ d,
207
207
  R
208
208
  ]);
209
209
  const Z = o.useMemo(()=>({
@@ -215,7 +215,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
215
215
  v,
216
216
  s
217
217
  ]), ee = {
218
- ref: Ce(k, m),
218
+ ref: Se(k, m),
219
219
  className: ge,
220
220
  close: ()=>p(!1)
221
221
  }, w = o.useCallback(()=>{
@@ -245,27 +245,27 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
245
245
  i
246
246
  ]), o.useEffect(()=>{
247
247
  const a = (t)=>{
248
- if (s) switch(t.keyCode){
248
+ if (s) switch(t.key){
249
249
  case ce:
250
250
  case K:
251
- C(t), _();
251
+ S(t), _();
252
252
  break;
253
253
  case ie:
254
254
  case re:
255
- C(t), _(!0);
255
+ S(t), _(!0);
256
256
  break;
257
257
  case se:
258
258
  p(!1);
259
259
  break;
260
260
  case G:
261
261
  case W:
262
- C(t), c !== null && D(i)[c].click();
262
+ S(t), c !== null && D(i)[c].click();
263
263
  break;
264
264
  case oe:
265
- C(t);
265
+ S(t);
266
266
  break;
267
267
  }
268
- else switch(t.keyCode){
268
+ else switch(t.key){
269
269
  case W:
270
270
  case G:
271
271
  M(!0);
@@ -283,7 +283,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
283
283
  }, [
284
284
  n,
285
285
  s
286
- ]), /* @__PURE__ */ S("div", _object_spread_props(_object_spread({}, le(E, "Menu")), {
286
+ ]), /* @__PURE__ */ E("div", _object_spread_props(_object_spread({}, le(C, "Menu")), {
287
287
  children: [
288
288
  r(_object_spread_props(_object_spread({}, Z), {
289
289
  isMenuOpen: s
@@ -292,18 +292,18 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
292
292
  children: /* @__PURE__ */ e(Te, {
293
293
  in: s,
294
294
  nodeRef: m,
295
- timeout: Ee() ? 0 : ke,
295
+ timeout: Ce() ? 0 : ke,
296
296
  classNames: he,
297
297
  mountOnEnter: !0,
298
298
  unmountOnExit: !0,
299
299
  onExit: ()=>n == null ? void 0 : n.focus(),
300
300
  children: /* @__PURE__ */ e(ae, {
301
301
  onPress: (a)=>{
302
- C(a), p(!1);
302
+ S(a), p(!1);
303
303
  },
304
304
  disableScroll: !0,
305
305
  children: /* @__PURE__ */ e("div", {
306
- style: _object_spread({}, Se(_object_spread({}, l ? _object_spread({
306
+ style: _object_spread({}, Ee(_object_spread({}, l ? _object_spread({
307
307
  [b.top]: l.top,
308
308
  [b.bottom]: l.bottom,
309
309
  [b.transformOrigin]: l.transformOrigin
@@ -313,8 +313,8 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
313
313
  [b.right]: `${l.right}px`
314
314
  }, l.maxHeight !== void 0 && {
315
315
  [b.maxHeight]: `${l.maxHeight}px`
316
- }, f !== void 0 && {
317
- [b.width]: f ? `${f}px` : ""
316
+ }, d !== void 0 && {
317
+ [b.width]: d ? `${d}px` : ""
318
318
  }) : {}))),
319
319
  role: "menu",
320
320
  children: /* @__PURE__ */ e(Q.Provider, {
@@ -324,7 +324,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
324
324
  setFocusedItem: h,
325
325
  closeMenu: ()=>p(!1)
326
326
  },
327
- children: d(ee)
327
+ children: f(ee)
328
328
  })
329
329
  })
330
330
  })
@@ -1,6 +1,6 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./navigation-bar.css.ts.vanilla.css-mistica.js";
3
- var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6 _1y2v1nfer _1y2v1nfev _1y2v1nffa _1y2v1nf32", e = {
3
+ var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6 _1y2v1nfes _1y2v1nfew _1y2v1nffb _1y2v1nf32", e = {
4
4
  entering: "_1vcy5dzt",
5
5
  entered: "_1vcy5dzu",
6
6
  exiting: "_1vcy5dzv",
@@ -9,15 +9,15 @@ var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6
9
9
  }, f = {
10
10
  default: "_1vcy5dz13 _1y2v1nf1o",
11
11
  inverse: "_1vcy5dz14 _1y2v1nf1n"
12
- }, r = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb5", a = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb5", d = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfb5", c = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfb5", t = "_1vcy5dz15", i = "_1y2v1nfba _1y2v1nfbj", o = {
12
+ }, r = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb5", d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb5", c = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfb5", a = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfb5", t = "_1vcy5dz15", i = "_1y2v1nfba _1y2v1nfbj", o = {
13
13
  default: "_1vcy5dze _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
14
14
  noBorder: "_1vcy5dzf _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
15
15
  menuOpen: "_1vcy5dzg _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct"
16
- }, z = "_1vcy5dzn", b = "_1vcy5dzo", p = "_1vcy5dzi _1y2v1nf8u _1y2v1nfa3 _1y2v1nfct _1y2v1nfba _1y2v1nfbp _1y2v1nfds _1y2v1nf62", u = {
16
+ }, z = "_1vcy5dzn", b = "_1vcy5dzo", p = "_1vcy5dzi _1y2v1nf8u _1y2v1nfa3 _1y2v1nfct _1y2v1nfba _1y2v1nfbp _1y2v1nfds _1y2v1nf62", s = {
17
17
  default: "_1vcy5dzj",
18
18
  inverse: "_1vcy5dzk"
19
- }, s = "_1y2v1nfct _1vcy5dzp", g = "_1vcy5dzs _1vcy5dzp", l = {
19
+ }, u = "_1y2v1nfct _1vcy5dzp", g = "_1vcy5dzs _1vcy5dzp", l = {
20
20
  default: "_1vcy5dzl",
21
21
  inverse: "_1vcy5dzm"
22
- }, x = "_1vcy5dz9 _1y2v1nfb6 _1y2v1nfeg _1y2v1nfev _1y2v1nffa", m = "_1vcy5dzb _1y2v1nfb6 _1y2v1nfeu _1y2v1nfev _1y2v1nffa";
23
- export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuTransition, f as iconButtonVariants, r as iconCloseHidden, a as iconCloseOpen, d as iconMenuHidden, c as iconMenuOpen, t as lineHeightFix, i as logoContainer, o as navbarBorderColorVariants, z as navigationBarContent, b as navigationBarContentRight, p as section, u as selectedSectionVariantes, s as spacer, g as spacerLarge, l as textWrapperVariants, x as topFixed, m as topFixedBottomRow };
22
+ }, x = "_1vcy5dz9 _1y2v1nfb6 _1y2v1nfeh _1y2v1nfew _1y2v1nffb", m = "_1vcy5dzb _1y2v1nfb6 _1y2v1nfev _1y2v1nfew _1y2v1nffb";
23
+ export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuTransition, f as iconButtonVariants, r as iconCloseHidden, d as iconCloseOpen, c as iconMenuHidden, a as iconMenuOpen, t as lineHeightFix, i as logoContainer, o as navbarBorderColorVariants, z as navigationBarContent, b as navigationBarContentRight, p as section, s as selectedSectionVariantes, u as spacer, g as spacerLarge, l as textWrapperVariants, x as topFixed, m as topFixedBottomRow };
@@ -51,11 +51,11 @@ function _object_spread_props(target, source) {
51
51
  }
52
52
  return target;
53
53
  }
54
- import { jsx as m } from "react/jsx-runtime";
54
+ import { jsx as d } from "react/jsx-runtime";
55
55
  import { isAndroid as r, isChrome as i } from "./utils/platform.js";
56
- import { useDisableBodyScroll as p, useTheme as s } from "./hooks.js";
56
+ import { useDisableBodyScroll as s, useTheme as m } from "./hooks.js";
57
57
  import { getPrefixedDataAttributes as y } from "./utils/dom.js";
58
- const x = {
58
+ const g = {
59
59
  position: "fixed",
60
60
  top: 0,
61
61
  right: 0,
@@ -64,28 +64,28 @@ const x = {
64
64
  zIndex: 12,
65
65
  outline: "none",
66
66
  WebkitTapHighlightColor: "transparent"
67
- }, b = (param)=>{
68
- let { onPress: o, children: a, className: l, style: n, disableScroll: f = !1, dataAttributes: u } = param;
69
- p(f);
70
- const { platformOverrides: e } = s(), d = (t)=>{
67
+ }, x = (param)=>{
68
+ let { onPress: o, children: a, className: n, style: l, disableScroll: f = !1, dataAttributes: p } = param;
69
+ s(f);
70
+ const { platformOverrides: e } = m(), u = (t)=>{
71
71
  t.button === 2 && o && o(t);
72
72
  };
73
- return /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
73
+ return /* @__PURE__ */ d("div", _object_spread_props(_object_spread({
74
74
  "data-overlay": "true"
75
- }, y(u, "Overlay")), {
76
- style: _object_spread({}, x, n),
77
- className: l,
75
+ }, y(p, "Overlay")), {
76
+ style: _object_spread({}, g, l),
77
+ className: n,
78
78
  onPointerDown: (t)=>{
79
79
  t.target.dataset.overlay && o && (a && r(e) && i(e) ? t.stopPropagation() : o(t));
80
80
  },
81
81
  onClick: (t)=>{
82
- t.target.dataset.overlay && o && a && r(e) && i(e) && o(t);
82
+ t.stopPropagation(), t.target.dataset.overlay && o && a && r(e) && i(e) && o(t);
83
83
  },
84
84
  "touch-action": "auto",
85
- onContextMenu: d,
85
+ onContextMenu: u,
86
86
  role: "button",
87
87
  tabIndex: 0,
88
88
  children: a
89
89
  }));
90
- }, C = b;
90
+ }, C = x;
91
91
  export { C as default };
@@ -1,2 +1,2 @@
1
- const o = "14.34.0";
1
+ const o = "14.35.0";
2
2
  export { o as PACKAGE_VERSION };
@@ -1,5 +1,5 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./text-field-base.css.ts.vanilla.css-mistica.js";
3
3
  import "./pin-field.css.ts.vanilla.css-mistica.js";
4
- var f = "_3pc6ro0", y = "_1y2v1nfea _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", r = "_3pc6ro2 _1y2v1nfea _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", a = "_3pc6ro4", p = "_3pc6ro7", e = "_1y2v1nf2z", d = "_1y2v1nfea _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf4q";
5
- export { f as disabled, y as field, r as focusedField, a as input, p as passwordDot, e as passwordInput, d as readOnlyField };
4
+ var f = "_3pc6ro0", y = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", r = "_3pc6ro2 _1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", p = "_3pc6ro4", a = "_3pc6ro7", e = "_1y2v1nf2z", d = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf4q";
5
+ export { f as disabled, y as field, r as focusedField, p as input, a as passwordDot, e as passwordInput, d as readOnlyField };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./popover.css.ts.vanilla.css-mistica.js";
3
- var r = "_12igu661 _1y2v1nfb5 _1y2v1nfeg _1y2v1nfdr _1y2v1nfdu _1y2v1nf33", t = 12, a = "_12igu663 _1y2v1nfb5 _1y2v1nf2 _1y2v1nfea", _ = "_12igu669 _1y2v1nfb5 _1y2v1nfej _1y2v1nffd", f = "_12igu665 _1y2v1nfb5 _1y2v1nfby _1y2v1nf33 _1y2v1nfdr _1y2v1nfe3", o = "bottom", e = "top", i = 20, y = 16, b = 488, g = "_1y2v1nfba _1y2v1nfbp _1y2v1nfce", p = "_12igu667";
4
- export { r as arrow, t as arrowSize, a as arrowWrapper, _ as closeButtonIcon, f as container, o as defaultPositionDesktop, e as defaultPositionMobile, i as distanceToTarget, y as marginLeftRightMobile, b as maxWidthDesktop, g as textAlign, p as textContent };
3
+ var r = "_12igu661 _1y2v1nfb5 _1y2v1nfeh _1y2v1nfdr _1y2v1nfdu _1y2v1nf33", t = 12, a = "_12igu663 _1y2v1nfb5 _1y2v1nf2 _1y2v1nfeb", _ = "_12igu669 _1y2v1nfb5 _1y2v1nfek _1y2v1nffe", e = "_12igu665 _1y2v1nfb5 _1y2v1nfby _1y2v1nf33 _1y2v1nfdr _1y2v1nfe3", f = "bottom", o = "top", i = 20, y = 16, b = 488, g = "_1y2v1nfba _1y2v1nfbp _1y2v1nfce", p = "_12igu667";
4
+ export { r as arrow, t as arrowSize, a as arrowWrapper, _ as closeButtonIcon, e as container, f as defaultPositionDesktop, o as defaultPositionMobile, i as distanceToTarget, y as marginLeftRightMobile, b as maxWidthDesktop, g as textAlign, p as textContent };
@@ -1,10 +1,10 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./radio-button.css.ts.vanilla.css-mistica.js";
3
- var v = "c6dmsud", r = "c6dmsu5 _1y2v1nfba _1y2v1nfdt", s = "c6dmsu7 _1y2v1nf47", a = {
3
+ var v = "c6dmsud", r = "c6dmsu5 _1y2v1nfba _1y2v1nfdt", a = "c6dmsu7 _1y2v1nf47", s = {
4
4
  default: "c6dmsub",
5
5
  ios: "c6dmsuc"
6
6
  }, c = {
7
- default: "c6dmsu2 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj _1y2v1nfe9 _1y2v1nfbs _1y2v1nfdt _1y2v1nf32",
8
- ios: "c6dmsu3 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj _1y2v1nfe9 _1y2v1nfbs _1y2v1nfdt _1y2v1nf32"
7
+ default: "c6dmsu2 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj _1y2v1nfea _1y2v1nfbs _1y2v1nfdt _1y2v1nf32",
8
+ ios: "c6dmsu3 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj _1y2v1nfea _1y2v1nfbs _1y2v1nfdt _1y2v1nf32"
9
9
  }, e = "c6dmsu9 c6dmsu8", f = "c6dmsua c6dmsu8";
10
- export { v as disabled, r as innerCircle, s as innerCircleChecked, a as outerCircleCheckedVariants, c as outerCircleVariants, e as radioButton, f as radioButtonContainerDisabled };
10
+ export { v as disabled, r as innerCircle, a as innerCircleChecked, s as outerCircleCheckedVariants, c as outerCircleVariants, e as radioButton, f as radioButtonContainerDisabled };
@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
80
80
  }
81
81
  import { jsx as n, jsxs as S } from "react/jsx-runtime";
82
82
  import * as i from "react";
83
- import { UP as B, LEFT as q, DOWN as E, RIGHT as T, SPACE as w } from "./utils/key-codes.js";
83
+ import { UP as B, LEFT as q, DOWN as E, RIGHT as T, SPACE as w } from "./utils/keys.js";
84
84
  import { useControlProps as G } from "./form-context.js";
85
85
  import { combineRefs as O } from "./utils/common.js";
86
86
  import { Text3 as k } from "./text.js";
@@ -104,7 +104,7 @@ const N = /*#__PURE__*/ i.createContext({
104
104
  "aria-labelledby"
105
105
  ]);
106
106
  const { disabled: l, selectedValue: v, focusableValue: p, select: u, selectNext: f, selectPrev: g } = z(), m = F(R), r = i.useRef(null), c = e === v, y = p === e ? 0 : -1, { isIos: h } = K(), t = (o)=>{
107
- switch(o.keyCode){
107
+ switch(o.key){
108
108
  case w:
109
109
  u(e), o.preventDefault(), o.stopPropagation();
110
110
  break;
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./screen-reader-only.css.ts.vanilla.css-mistica.js";
3
- var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfb5 _1y2v1nfea _1y2v1nfds";
3
+ var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfb5 _1y2v1nfeb _1y2v1nfds";
4
4
  export { y as screenReaderOnly };
@@ -1,17 +1,17 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./select.css.ts.vanilla.css-mistica.js";
3
- var n = "_1sqpivvo _1y2v1nfb5 _1y2v1nfff", f = "_1sqpivvq _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7l _1y2v1nf1y _1y2v1nfba _1y2v1nfbp _1y2v1nfe9 _1y2v1nfcp", y = "_1y2v1nf3g", i = {
3
+ var n = "_1sqpivvo _1y2v1nfb5 _1y2v1nffg", f = "_1sqpivvq _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7l _1y2v1nf1y _1y2v1nfba _1y2v1nfbp _1y2v1nfea _1y2v1nfcp", y = "_1y2v1nf3g", i = {
4
4
  show: "_1sqpivv7",
5
5
  hide: "_1sqpivv8"
6
6
  }, a = "_1sqpivv6 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfb6 _1y2v1nfe0 _1y2v1nf33", s = {
7
- default: "_1sqpivvd _1sqpivvc _1y2v1nfb4 _1y2v1nfe9",
8
- fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfb4 _1y2v1nfe9"
7
+ default: "_1sqpivvd _1sqpivvc _1y2v1nfb4 _1y2v1nfea",
8
+ fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfb4 _1y2v1nfea"
9
9
  }, e = {
10
- default: "_1sqpivvl _1sqpivvk _1y2v1nfb5 _1y2v1nfea _1y2v1nfdp _1y2v1nf1y",
11
- disabled: "_1sqpivvm _1sqpivvk _1y2v1nfb5 _1y2v1nfea _1y2v1nfdp _1y2v1nf1y"
10
+ default: "_1sqpivvl _1sqpivvk _1y2v1nfb5 _1y2v1nfeb _1y2v1nfdp _1y2v1nf1y",
11
+ disabled: "_1sqpivvm _1sqpivvk _1y2v1nfb5 _1y2v1nfeb _1y2v1nfdp _1y2v1nf1y"
12
12
  }, p = {
13
- default: "_1sqpivvh _1sqpivvg _1y2v1nfds _1y2v1nfea _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce",
14
- disabled: "_1sqpivvi _1sqpivvg _1y2v1nfds _1y2v1nfea _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce"
13
+ default: "_1sqpivvh _1sqpivvg _1y2v1nfds _1y2v1nfeb _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce",
14
+ disabled: "_1sqpivvi _1sqpivvg _1y2v1nfds _1y2v1nfeb _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce"
15
15
  }, r = {
16
16
  top: "var(--_1sqpivv0)",
17
17
  left: "var(--_1sqpivv1)",