@telefonica/mistica 14.39.0 → 14.40.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 (103) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.js +47 -49
  3. package/dist/button.js +10 -10
  4. package/dist/card.js +10 -10
  5. package/dist/carousel.css-mistica.js +48 -24
  6. package/dist/carousel.css.d.ts +9 -1
  7. package/dist/carousel.d.ts +2 -2
  8. package/dist/carousel.js +227 -219
  9. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  10. package/dist/community/blocks.js +12 -12
  11. package/dist/desktop-container-type-context.js +2 -2
  12. package/dist/fade-in.js +2 -2
  13. package/dist/feedback.js +6 -6
  14. package/dist/focus-trap.js +2 -2
  15. package/dist/header.js +4 -4
  16. package/dist/hero.js +4 -4
  17. package/dist/horizontal-scroll.js +2 -2
  18. package/dist/icons/icon-amex.js +2 -2
  19. package/dist/icons/icon-chevron.js +2 -2
  20. package/dist/icons/icon-cvv-amex.js +2 -2
  21. package/dist/icons/icon-cvv-visa-mc.js +2 -2
  22. package/dist/icons/icon-info.js +4 -4
  23. package/dist/icons/icon-mastercard.js +2 -2
  24. package/dist/icons/icon-visa.js +2 -2
  25. package/dist/image.js +2 -2
  26. package/dist/list.js +16 -16
  27. package/dist/loading-bar.js +2 -2
  28. package/dist/logo.js +10 -10
  29. package/dist/menu.js +2 -2
  30. package/dist/mosaic.js +2 -2
  31. package/dist/navigation-bar.js +8 -8
  32. package/dist/navigation-breadcrumbs.js +2 -2
  33. package/dist/negative-box.js +2 -2
  34. package/dist/nestable-context.js +2 -2
  35. package/dist/package-version.js +1 -1
  36. package/dist/placeholder.js +2 -2
  37. package/dist/responsive-layout.js +2 -2
  38. package/dist/select.js +4 -4
  39. package/dist/sheet.js +71 -67
  40. package/dist/skeletons.js +12 -12
  41. package/dist/stack.js +2 -2
  42. package/dist/text-field-base.js +2 -2
  43. package/dist/text-field-components.js +2 -2
  44. package/dist/text.js +18 -17
  45. package/dist/theme-variant-context.js +2 -2
  46. package/dist/theme.js +8 -8
  47. package/dist/title.js +2 -2
  48. package/dist/tooltip.js +64 -60
  49. package/dist/utils/animation.js +2 -2
  50. package/dist/utils/css.js +1 -1
  51. package/dist/video.js +2 -2
  52. package/dist/vivinho-loading-animation/pulse-lottie.json.js +3 -5
  53. package/dist-es/accordion.js +65 -67
  54. package/dist-es/button.js +10 -10
  55. package/dist-es/card.js +10 -10
  56. package/dist-es/carousel.css-mistica.js +7 -7
  57. package/dist-es/carousel.js +278 -270
  58. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  59. package/dist-es/community/blocks.js +12 -12
  60. package/dist-es/desktop-container-type-context.js +2 -2
  61. package/dist-es/fade-in.js +2 -2
  62. package/dist-es/feedback.js +6 -6
  63. package/dist-es/focus-trap.js +2 -2
  64. package/dist-es/header.js +4 -4
  65. package/dist-es/hero.js +4 -4
  66. package/dist-es/horizontal-scroll.js +2 -2
  67. package/dist-es/icons/icon-amex.js +2 -2
  68. package/dist-es/icons/icon-chevron.js +2 -2
  69. package/dist-es/icons/icon-cvv-amex.js +2 -2
  70. package/dist-es/icons/icon-cvv-visa-mc.js +2 -2
  71. package/dist-es/icons/icon-info.js +4 -4
  72. package/dist-es/icons/icon-mastercard.js +2 -2
  73. package/dist-es/icons/icon-visa.js +2 -2
  74. package/dist-es/image.js +2 -2
  75. package/dist-es/list.js +16 -16
  76. package/dist-es/loading-bar.js +2 -2
  77. package/dist-es/logo.js +10 -10
  78. package/dist-es/menu.js +2 -2
  79. package/dist-es/mosaic.js +2 -2
  80. package/dist-es/navigation-bar.js +8 -8
  81. package/dist-es/navigation-breadcrumbs.js +2 -2
  82. package/dist-es/negative-box.js +2 -2
  83. package/dist-es/nestable-context.js +2 -2
  84. package/dist-es/package-version.js +1 -1
  85. package/dist-es/placeholder.js +2 -2
  86. package/dist-es/responsive-layout.js +2 -2
  87. package/dist-es/select.js +4 -4
  88. package/dist-es/sheet.js +79 -75
  89. package/dist-es/skeletons.js +12 -12
  90. package/dist-es/stack.js +2 -2
  91. package/dist-es/style.css +1 -1
  92. package/dist-es/text-field-base.js +2 -2
  93. package/dist-es/text-field-components.js +4 -4
  94. package/dist-es/text.js +21 -20
  95. package/dist-es/theme-variant-context.js +2 -2
  96. package/dist-es/theme.js +8 -8
  97. package/dist-es/title.js +2 -2
  98. package/dist-es/tooltip.js +80 -76
  99. package/dist-es/utils/animation.js +2 -2
  100. package/dist-es/utils/css.js +1 -1
  101. package/dist-es/video.js +2 -2
  102. package/dist-es/vivinho-loading-animation/pulse-lottie.json.js +3 -5
  103. package/package.json +16 -17
package/dist/text.js CHANGED
@@ -187,8 +187,8 @@ const J = {
187
187
  medium: 500,
188
188
  bold: 700
189
189
  }, K = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
190
- let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: o, transform: l, wordBreak: c = !0, hyphens: f, as: z = "span", children: g, size: u, mobileSize: d = u, desktopSize: b = u, lineHeight: T, mobileLineHeight: k = T, desktopLineHeight: L = T, letterSpacing: w, textAlign: H, textShadow: v, id: A, role: P, "aria-level": y, dataAttributes: I } = param;
191
- const W = (0, _themevariantcontext.useIsInverseVariant)(), C = K(o), V = {
190
+ let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: o, transform: l, wordBreak: c = !0, hyphens: u, as: z = "span", children: g, size: d, mobileSize: b = d, desktopSize: T = d, lineHeight: k, mobileLineHeight: L = k, desktopLineHeight: S = k, letterSpacing: w, textAlign: H, textShadow: v, id: A, role: P, "aria-level": y, dataAttributes: W } = param;
191
+ const I = (0, _themevariantcontext.useIsInverseVariant)(), C = K(o), V = {
192
192
  [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
193
193
  [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
194
194
  [_skincontractcssmistica.vars.colors.textLink]: _skincontractcssmistica.vars.colors.textLinkInverse
@@ -198,10 +198,10 @@ const J = {
198
198
  [_textcssmistica.truncateToOneLine]: o === 1 || o === !0,
199
199
  [_textcssmistica.truncateToMoreThanOneLine]: o && o > 1
200
200
  }), M = (0, _css.applyCssVars)({
201
- [_textcssmistica.vars.mobileSize]: d ? (0, _css.pxToRem)(d) : "inherit",
202
- [_textcssmistica.vars.mobileLineHeight]: k ? (0, _css.pxToRem)(k) : "inherit",
203
- [_textcssmistica.vars.desktopSize]: b ? (0, _css.pxToRem)(b) : "inherit",
204
- [_textcssmistica.vars.desktopLineHeight]: L ? (0, _css.pxToRem)(L) : "inherit"
201
+ [_textcssmistica.vars.mobileSize]: b ? (0, _css.pxToRem)(b) : "inherit",
202
+ [_textcssmistica.vars.mobileLineHeight]: L ? (0, _css.pxToRem)(L) : "inherit",
203
+ [_textcssmistica.vars.desktopSize]: T ? (0, _css.pxToRem)(T) : "inherit",
204
+ [_textcssmistica.vars.desktopLineHeight]: S ? (0, _css.pxToRem)(S) : "inherit"
205
205
  }), O = o ? (0, _css.applyCssVars)({
206
206
  [_textcssmistica.vars.lineClamp]: String(C)
207
207
  }) : {};
@@ -211,15 +211,16 @@ const J = {
211
211
  id: A,
212
212
  role: P,
213
213
  "aria-level": y
214
- }, (0, _dom.getPrefixedDataAttributes)(I)), {
214
+ }, (0, _dom.getPrefixedDataAttributes)(W)), {
215
215
  style: _object_spread_props(_object_spread({}, M, O), {
216
- hyphens: f,
216
+ hyphens: u,
217
+ WebkitHyphens: u,
217
218
  letterSpacing: w,
218
219
  fontWeight: e ? J[e] : "inherit",
219
220
  textTransform: l || "inherit",
220
221
  textDecoration: t !== null && t !== void 0 ? t : "inherit",
221
222
  overflowWrap: c ? "anywhere" : "inherit",
222
- color: W ? (_V_i = V[i]) !== null && _V_i !== void 0 ? _V_i : i : i,
223
+ color: I ? (_V_i = V[i]) !== null && _V_i !== void 0 ? _V_i : i : i,
223
224
  textAlign: H,
224
225
  textShadow: v
225
226
  })
@@ -348,12 +349,12 @@ const J = {
348
349
  "component-name": "Text5"
349
350
  }, e)
350
351
  }), t));
351
- }, ae = (_param)=>/* @__PURE__ */ {
352
+ }, ae = (_param)=>{
352
353
  var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
353
354
  "dataAttributes",
354
355
  "forceMobileSizes"
355
356
  ]);
356
- return (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
357
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
357
358
  forceMobileSizes: i,
358
359
  mobileSize: 18,
359
360
  mobileLineHeight: "24px",
@@ -365,12 +366,12 @@ const J = {
365
366
  "component-name": "Text4"
366
367
  }, e)
367
368
  }), t));
368
- }, xe = (_param)=>/* @__PURE__ */ {
369
+ }, xe = (_param)=>{
369
370
  var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
370
371
  "dataAttributes",
371
372
  "forceMobileSizes"
372
373
  ]);
373
- return (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
374
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
374
375
  forceMobileSizes: i,
375
376
  mobileSize: 16,
376
377
  mobileLineHeight: "24px",
@@ -382,12 +383,12 @@ const J = {
382
383
  "component-name": "Text3"
383
384
  }, e)
384
385
  }), t));
385
- }, pe = (_param)=>/* @__PURE__ */ {
386
+ }, pe = (_param)=>{
386
387
  var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
387
388
  "dataAttributes",
388
389
  "forceMobileSizes"
389
390
  ]);
390
- return (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
391
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
391
392
  forceMobileSizes: i,
392
393
  mobileSize: 14,
393
394
  mobileLineHeight: "20px",
@@ -399,12 +400,12 @@ const J = {
399
400
  "component-name": "Text2"
400
401
  }, e)
401
402
  }), t));
402
- }, he = (_param)=>/* @__PURE__ */ {
403
+ }, he = (_param)=>{
403
404
  var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
404
405
  "dataAttributes",
405
406
  "forceMobileSizes"
406
407
  ]);
407
- return (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
408
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
408
409
  forceMobileSizes: i,
409
410
  mobileSize: 12,
410
411
  mobileLineHeight: "16px",
@@ -63,9 +63,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
63
63
  }
64
64
  return newObj;
65
65
  }
66
- const t = /*#__PURE__*/ _react.createContext("default"), m = (param)=>/* @__PURE__ */ {
66
+ const t = /*#__PURE__*/ _react.createContext("default"), m = (param)=>{
67
67
  let { isInverse: r, variant: a, children: n } = param;
68
- return (0, _jsxruntime.jsx)(t.Provider, {
68
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(t.Provider, {
69
69
  value: a !== null && a !== void 0 ? a : r ? "inverse" : "default",
70
70
  children: n
71
71
  });
package/dist/theme.js CHANGED
@@ -293,31 +293,31 @@ const l = {
293
293
  }, u = 56, d = 80, E = {
294
294
  headerMobileHeight: u,
295
295
  headerDesktopHeight: d
296
- }, m = (_param)=>/* @__PURE__ */ {
296
+ }, m = (_param)=>{
297
297
  var { to: e, innerRef: r } = _param, a = _object_without_properties(_param, [
298
298
  "to",
299
299
  "innerRef"
300
300
  ]);
301
- return (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
301
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
302
302
  ref: r,
303
303
  href: typeof e == "string" ? e : e == null ? void 0 : e.pathname
304
304
  }, a), {
305
305
  children: a.children
306
306
  }));
307
- }, C = (e)=>e, f = (e)=>(_param)=>/* @__PURE__ */ {
307
+ }, C = (e)=>e, f = (e)=>(_param)=>{
308
308
  var { innerRef: r } = _param, a = _object_without_properties(_param, [
309
309
  "innerRef"
310
310
  ]);
311
- return (0, _jsxruntime.jsx)(e, _object_spread({
311
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, _object_spread({
312
312
  ref: r
313
313
  }, a));
314
- }, p = (e)=>(_param)=>/* @__PURE__ */ {
314
+ }, p = (e)=>(_param)=>{
315
315
  var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
316
316
  "to",
317
317
  "innerRef",
318
318
  "children"
319
319
  ]);
320
- return (0, _jsxruntime.jsx)(e, {
320
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, {
321
321
  href: r,
322
322
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
323
323
  ref: a
@@ -325,13 +325,13 @@ const l = {
325
325
  children: t
326
326
  }))
327
327
  });
328
- }, b = (e)=>(_param)=>/* @__PURE__ */ {
328
+ }, b = (e)=>(_param)=>{
329
329
  var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
330
330
  "to",
331
331
  "innerRef",
332
332
  "children"
333
333
  ]);
334
- return (0, _jsxruntime.jsx)(e, _object_spread_props(_object_spread({
334
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, _object_spread_props(_object_spread({
335
335
  href: r,
336
336
  ref: a
337
337
  }, n), {
package/dist/title.js CHANGED
@@ -182,9 +182,9 @@ const m = (param)=>{
182
182
  "component-name": "Title2"
183
183
  }, s)
184
184
  });
185
- }, S = (param)=>/* @__PURE__ */ {
185
+ }, S = (param)=>{
186
186
  let { children: t, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
187
- return (0, _jsxruntime.jsx)(m, {
187
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
188
188
  title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
189
189
  as: i,
190
190
  id: o,
package/dist/tooltip.js CHANGED
@@ -127,59 +127,60 @@ function _object_spread_props(target, source) {
127
127
  }
128
128
  const at = (e)=>({
129
129
  border: `1px solid ${e ? _skincontractcssmistica.vars.colors.backgroundContainer : _skincontractcssmistica.vars.colors.border}`
130
- }), lt = 496, Dt = 300, Wt = 500, Vt = 100, c = 20, b = 6, E = b + c / 2 + 1, Bt = (e)=>{
130
+ }), lt = 496, Dt = 300, Wt = 500, Vt = 100, c = 20, O = 6, E = O + c / 2 + 1, Bt = (e)=>{
131
131
  switch(e){
132
132
  case "left":
133
- return `translateX(-${b}px)`;
133
+ return `translateX(-${O}px)`;
134
134
  case "right":
135
- return `translateX(${b}px)`;
135
+ return `translateX(${O}px)`;
136
136
  case "top":
137
- return `translateY(-${b}px)`;
137
+ return `translateY(-${O}px)`;
138
138
  case "bottom":
139
- return `translateY(${b}px)`;
139
+ return `translateY(${O}px)`;
140
140
  default:
141
141
  return "";
142
142
  }
143
- }, ft = (e)=>{
144
- const O = parseFloat(getComputedStyle(e, null).paddingLeft) + parseFloat(getComputedStyle(e, null).paddingRight), m = parseFloat(getComputedStyle(e, null).paddingTop) + parseFloat(getComputedStyle(e, null).paddingBottom), w = e.offsetWidth - O, h = e.offsetHeight - m;
143
+ }, pt = (e)=>{
144
+ const I = parseFloat(getComputedStyle(e, null).paddingLeft) + parseFloat(getComputedStyle(e, null).paddingRight), m = parseFloat(getComputedStyle(e, null).paddingTop) + parseFloat(getComputedStyle(e, null).paddingBottom), w = e.offsetWidth - I, h = e.offsetHeight - m;
145
145
  return {
146
146
  width: w,
147
147
  height: h
148
148
  };
149
- }, ct = (e, O, m, w, h)=>{
150
- if (!e || !O) return;
151
- const { top: D, bottom: R, left: W, right: V } = e, I = w - R, g = h - V, M = D, n = W, { width: B, height: $ } = ft(O), S = B + E, d = $ + E, y = S <= Math.max(n, g), T = d <= Math.max(I, M);
152
- if (!(!T && !y)) switch(m){
149
+ }, ct = (e, I, m, w, h)=>{
150
+ if (!e || !I) return;
151
+ const { top: D, bottom: R, left: W, right: V } = e, M = w - R, g = h - V, S = D, n = W, { width: B, height: $ } = pt(I), y = B + E, d = $ + E, T = y <= Math.max(n, g), v = d <= Math.max(M, S);
152
+ if (!(!v && !T)) switch(m){
153
153
  case "left":
154
- return y ? S <= n ? "left" : "right" : I > M ? "bottom" : "top";
154
+ return T ? y <= n ? "left" : "right" : M > S ? "bottom" : "top";
155
155
  case "right":
156
- return y ? S <= g ? "right" : "left" : I > M ? "bottom" : "top";
156
+ return T ? y <= g ? "right" : "left" : M > S ? "bottom" : "top";
157
157
  case "top":
158
- return T ? d <= M ? "top" : "bottom" : n > g ? "left" : "right";
158
+ return v ? d <= S ? "top" : "bottom" : n > g ? "left" : "right";
159
159
  case "bottom":
160
- return T ? d <= I ? "bottom" : "top" : n > g ? "left" : "right";
160
+ return v ? d <= M ? "bottom" : "top" : n > g ? "left" : "right";
161
161
  default:
162
162
  return;
163
163
  }
164
164
  }, Xt = (param)=>{
165
- let { children: e, extra: O, description: m, target: w, title: h, width: D, position: R = "top", dataAttributes: W, delay: V = !0, centerContent: I, open: g, textCenter: M } = param;
166
- const n = (0, _hooks.useAriaId)(), { openTooltipId: B } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: $, closeTooltip: S } = (0, _tooltipcontextprovider.useSetTooltipState)(), [d, y] = _react.useState(), [T, J] = _react.useState(), X = _react.useRef(null), z = _react.useRef(null), [_, pt] = _react.useState(null), p = (0, _environment.isTouchableDevice)(), H = V ? Wt : 0, [Q, Y] = _react.useState(!1), [tt, P] = _react.useState(!1), G = g !== void 0, [et, K] = _react.useState(!1), v = G ? g : n === B, U = (0, _themevariantcontext.useIsInverseVariant)(), l = (0, _hooks.useBoundingRect)(X, v), dt = (0, _hooks.useBoundingRect)(z, v, !0), s = (0, _hooks.useWindowSize)(), x = _react.useCallback(()=>{
167
- K(!1), Y(!1), P(!1);
165
+ let { children: e, extra: I, description: m, target: w, title: h, width: D, position: R = "top", dataAttributes: W, delay: V = !0, centerContent: M, open: g, textCenter: S } = param;
166
+ const n = (0, _hooks.useAriaId)(), { openTooltipId: B } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: $, closeTooltip: y } = (0, _tooltipcontextprovider.useSetTooltipState)(), [d, T] = _react.useState(), [v, X] = _react.useState(), z = _react.useRef(null), H = _react.useRef(null), [_, ft] = _react.useState(null), f = (0, _environment.isTouchableDevice)(), Y = V ? Wt : 0, [Q, G] = _react.useState(!1), [tt, P] = _react.useState(!1), K = g !== void 0, [et, U] = _react.useState(!1), x = K ? g : n === B, j = (0, _themevariantcontext.useIsInverseVariant)(), l = (0, _hooks.useBoundingRect)(z, x), dt = (0, _hooks.useBoundingRect)(H, x, !0), s = (0, _hooks.useWindowSize)(), b = _react.useCallback(()=>{
167
+ U(!1), G(!1), P(!1);
168
168
  }, []);
169
169
  _react.useEffect(()=>{
170
- v || x();
170
+ x || b();
171
171
  }, [
172
- v,
173
- x
172
+ x,
173
+ b
174
174
  ]), _react.useEffect(()=>{
175
- if (!_ || !v) return;
175
+ if (!_ || !x) return;
176
176
  const r = ct(l, _, R, s.height, s.width);
177
177
  if (!r || !l) {
178
- y(void 0), J(void 0), x();
178
+ T(void 0), X(void 0), b();
179
179
  return;
180
180
  }
181
181
  let o, t;
182
- const { left: a, right: C, top: N, bottom: k } = l, { width: L, height: A } = ft(_), ot = s.width - L, rt = s.height - A, u = parseInt((0, _dom.getCssVarValue)(_skincontractcssmistica.vars.borderRadii.container)) || 8;
182
+ var _parseInt;
183
+ const { left: a, right: C, top: N, bottom: k } = l, { width: L, height: A } = pt(_), ot = s.width - L, rt = s.height - A, u = (_parseInt = parseInt((0, _dom.getCssVarValue)(_skincontractcssmistica.vars.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
183
184
  switch(r){
184
185
  case "top":
185
186
  o = {
@@ -194,7 +195,7 @@ const at = (e)=>({
194
195
  case "bottom":
195
196
  o = {
196
197
  left: Math.max(0, Math.min(ot, (a + C - L) / 2)),
197
- top: k - b,
198
+ top: k - O,
198
199
  padding: `${E}px 0px 0px 0px`
199
200
  }, t = {
200
201
  left: Math.max(u, Math.min(s.width - u - c, (a + C - c) / 2)),
@@ -217,7 +218,7 @@ const at = (e)=>({
217
218
  case "right":
218
219
  default:
219
220
  o = {
220
- left: C - b,
221
+ left: C - O,
221
222
  top: Math.max(0, Math.min(rt, (N + k - A) / 2)),
222
223
  padding: `0px 0px 0px ${E}px`
223
224
  }, t = {
@@ -228,52 +229,52 @@ const at = (e)=>({
228
229
  };
229
230
  break;
230
231
  }
231
- typeof t.top == "number" && (t.top -= o.top, t.top = `${t.top / A * 100}%`), typeof t.left == "number" && (t.left -= o.left, t.left = `${t.left / L * 100}%`), (0, _helpers.isEqual)(o, d) || y(o), (0, _helpers.isEqual)(t, T) || J(t);
232
+ typeof t.top == "number" && (t.top -= o.top, t.top = `${t.top / A * 100}%`), typeof t.left == "number" && (t.left -= o.left, t.left = `${t.left / L * 100}%`), (0, _helpers.isEqual)(o, d) || T(o), (0, _helpers.isEqual)(t, v) || X(t);
232
233
  }, [
233
234
  _,
234
235
  l,
235
236
  dt,
236
- v,
237
+ x,
237
238
  R,
238
239
  s,
239
240
  d,
240
- T,
241
- U,
242
- p,
241
+ v,
242
+ j,
243
+ f,
243
244
  n,
244
- x
245
+ b
245
246
  ]);
246
- const j = _react.useRef(!1);
247
+ const q = _react.useRef(!1);
247
248
  _react.useEffect(()=>{
248
249
  const r = (a)=>{
249
250
  switch(a.key){
250
251
  case _keys.ESC:
251
- x();
252
+ b();
252
253
  break;
253
254
  case _keys.TAB:
254
- j.current = !0;
255
+ q.current = !0;
255
256
  break;
256
257
  }
257
- }, o = ()=>j.current = !1, t = (a)=>{
258
- p && l && (a.clientX < l.left || a.clientX > l.right || a.clientY < l.top || a.clientY > l.bottom) && x();
258
+ }, o = ()=>q.current = !1, t = (a)=>{
259
+ f && l && (a.clientX < l.left || a.clientX > l.right || a.clientY < l.top || a.clientY > l.bottom) && b();
259
260
  };
260
261
  return document.addEventListener("keydown", r, !1), document.addEventListener("keyup", o, !1), document.addEventListener("click", t, !1), ()=>{
261
262
  document.removeEventListener("keydown", r, !1), document.removeEventListener("keyup", o, !1), document.removeEventListener("click", t, !1);
262
263
  };
263
264
  }, [
264
- p,
265
- x,
265
+ f,
266
+ b,
266
267
  l
267
268
  ]), _react.useEffect(()=>{
268
- G || (tt || Q || et ? $(n) : S(n));
269
+ K || (tt || Q || et ? $(n) : y(n));
269
270
  }, [
270
271
  tt,
271
272
  Q,
272
273
  et,
273
274
  n,
274
275
  $,
275
- S,
276
- G
276
+ y,
277
+ K
277
278
  ]);
278
279
  const ut = ct(l, _, R, s.height, s.width);
279
280
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
@@ -281,34 +282,37 @@ const at = (e)=>({
281
282
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
282
283
  ref: (r)=>{
283
284
  const o = r == null ? void 0 : r.firstElementChild;
284
- o && o !== X.current && (X.current = o);
285
+ o && o !== z.current && (z.current = o);
285
286
  },
286
287
  onMouseOver: ()=>{
287
- p || P(!0);
288
+ f || P(!0);
288
289
  },
289
290
  onMouseLeave: ()=>{
290
- p || P(!1);
291
+ f || P(!1);
291
292
  },
292
293
  onClick: ()=>{
293
- p && P(!0);
294
+ f && P(!0);
294
295
  },
295
296
  onFocus: ()=>{
296
- j.current && K(!0);
297
+ q.current && U(!0);
297
298
  },
298
299
  onBlur: ()=>{
299
- p || K(!1);
300
+ f || U(!1);
300
301
  },
301
302
  "aria-describedby": n,
302
303
  children: w
303
304
  }),
304
305
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
305
306
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
306
- in: v,
307
- nodeRef: z,
307
+ in: x,
308
+ nodeRef: H,
308
309
  timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : {
309
- enter: Dt + H,
310
+ enter: Dt + Y,
310
311
  exit: Vt
311
312
  },
313
+ onExited: ()=>{
314
+ T(void 0), X(void 0);
315
+ },
312
316
  mountOnEnter: !0,
313
317
  unmountOnExit: !0,
314
318
  children: (r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
@@ -333,23 +337,23 @@ const at = (e)=>({
333
337
  pointerEvents: r === "entered" ? "auto" : "none",
334
338
  transform: Bt(ut)
335
339
  }, d, _tooltipcssmistica.tooltipTransitionClasses[r]), {
336
- transition: r === "entering" ? `opacity .1s linear ${H}ms,transform .3s cubic-bezier(0.215,0.61,0.335,1) ${H}ms` : "opacity .1s linear"
340
+ transition: r === "entering" ? `opacity .1s linear ${Y}ms,transform .3s cubic-bezier(0.215,0.61,0.335,1) ${Y}ms` : "opacity .1s linear"
337
341
  }),
338
- ref: (0, _common.combineRefs)(pt, z),
342
+ ref: (0, _common.combineRefs)(ft, H),
339
343
  onMouseEnter: ()=>{
340
- !p && r === "entered" && Y(!0);
344
+ !f && r === "entered" && G(!0);
341
345
  },
342
346
  onMouseLeave: ()=>{
343
- p || Y(!1);
347
+ f || G(!1);
344
348
  },
345
349
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
346
350
  className: _tooltipcssmistica.tooltip,
347
351
  style: _object_spread({
348
352
  width: D
349
- }, at(U)),
353
+ }, at(j)),
350
354
  children: [
351
355
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
352
- className: (0, _classnames.default)(_tooltipcssmistica.content, I || M ? _tooltipcssmistica.tooltipCenter : void 0),
356
+ className: (0, _classnames.default)(_tooltipcssmistica.content, M || S ? _tooltipcssmistica.tooltipCenter : void 0),
353
357
  style: {
354
358
  maxWidth: Math.min(lt, s.width)
355
359
  },
@@ -369,16 +373,16 @@ const at = (e)=>({
369
373
  })
370
374
  ]
371
375
  }),
372
- O || e
376
+ I || e
373
377
  ]
374
378
  })
375
379
  }),
376
380
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
377
381
  className: _tooltipcssmistica.arrowContainer,
378
- style: T,
382
+ style: v,
379
383
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
380
384
  className: (0, _classnames.default)(_tooltipcssmistica.arrow),
381
- style: at(U)
385
+ style: at(j)
382
386
  })
383
387
  })
384
388
  ]
@@ -204,9 +204,9 @@ const a = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), d = (e, t)=>a(t) ? {
204
204
  })
205
205
  ]
206
206
  })
207
- } : null, m = (param, t)=>/* @__PURE__ */ {
207
+ } : null, m = (param, t)=>{
208
208
  let { children: e } = param;
209
- return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
209
+ return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
210
210
  children: [
211
211
  e,
212
212
  t
package/dist/utils/css.js CHANGED
@@ -55,7 +55,7 @@ function _object_spread(target) {
55
55
  const n = 16, f = (e)=>`${(parseFloat(e) / n).toFixed(3)}rem`, p = (e)=>_object_spread({}, (0, _dynamic.assignInlineVars)(e));
56
56
  (0, _platform.isRunningAcceptanceTest)();
57
57
  (0, _platform.isRunningAcceptanceTest)();
58
- const v = (0, _platform.isRunningAcceptanceTest)() ? "max(env(safe-area-inset-bottom), var(--acceptance-test-override-safe-area-inset--bottom, 0px))" : "env(safe-area-inset-bottom)";
58
+ const v = (0, _platform.isRunningAcceptanceTest)() ? "max(env(safe-area-inset-bottom), var(--acceptance-test-override-safe-area-inset-bottom, 0px))" : "env(safe-area-inset-bottom)";
59
59
  (0, _platform.isRunningAcceptanceTest)();
60
60
  const o = function() {
61
61
  for(var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++){
package/dist/video.js CHANGED
@@ -201,9 +201,9 @@ const K = {
201
201
  width: "100%",
202
202
  height: "100%"
203
203
  },
204
- children: V.map((param, i)=>/* @__PURE__ */ {
204
+ children: V.map((param, i)=>{
205
205
  let { src: e, type: t } = param;
206
- return (0, _jsxruntime.jsx)("source", {
206
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)("source", {
207
207
  src: e,
208
208
  type: t
209
209
  }, i);
@@ -19,7 +19,7 @@ _export(exports, {
19
19
  return x;
20
20
  },
21
21
  default: function() {
22
- return l;
22
+ return p;
23
23
  },
24
24
  fr: function() {
25
25
  return r;
@@ -170,9 +170,7 @@ const t = "4.8.0", e = {
170
170
  ]
171
171
  }
172
172
  ],
173
- ix: 6,
174
- x: `var $bm_rt;
175
- $bm_rt = loopOut('cycle', 0);`
173
+ ix: 6
176
174
  }
177
175
  },
178
176
  ao: 0,
@@ -2000,7 +1998,7 @@ $bm_rt = loopOut('cycle', 0);`
2000
1998
  bm: 0,
2001
1999
  completed: !0
2002
2000
  }
2003
- ], c = [], d = !0, l = {
2001
+ ], c = [], d = !0, p = {
2004
2002
  v: t,
2005
2003
  meta: e,
2006
2004
  fr: r,