@telefonica/mistica 14.20.1 → 14.21.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 (175) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +1 -1
  3. package/dist/badge.css-mistica.js +1 -1
  4. package/dist/boxed.css-mistica.js +1 -1
  5. package/dist/button-group.css-mistica.js +1 -1
  6. package/dist/button-layout.css-mistica.js +8 -8
  7. package/dist/button-layout.js +2 -2
  8. package/dist/button.css-mistica.js +17 -17
  9. package/dist/callout.css-mistica.js +1 -1
  10. package/dist/card.css-mistica.js +16 -16
  11. package/dist/card.js +190 -193
  12. package/dist/carousel.css-mistica.js +11 -11
  13. package/dist/checkbox.css-mistica.js +9 -9
  14. package/dist/chip.css-mistica.js +4 -4
  15. package/dist/circle.css-mistica.js +2 -2
  16. package/dist/community/advanced-data-card.css-mistica.js +4 -4
  17. package/dist/community/blocks.css-mistica.js +1 -1
  18. package/dist/dialog.css-mistica.js +9 -9
  19. package/dist/dialog.js +52 -62
  20. package/dist/double-field.css-mistica.js +2 -2
  21. package/dist/empty-state-card.css-mistica.js +1 -1
  22. package/dist/empty-state.css-mistica.js +2 -2
  23. package/dist/feedback.css-mistica.js +15 -6
  24. package/dist/feedback.css.d.ts +4 -1
  25. package/dist/feedback.d.ts +10 -3
  26. package/dist/feedback.js +140 -107
  27. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  28. package/dist/fixed-footer-layout.js +2 -2
  29. package/dist/grid.css.d.ts +6 -6
  30. package/dist/hero.css-mistica.js +3 -3
  31. package/dist/highlighted-card.css-mistica.js +4 -4
  32. package/dist/horizontal-scroll.css-mistica.js +1 -1
  33. package/dist/icon-button.css-mistica.js +1 -1
  34. package/dist/icons/icon-error.d.ts +4 -1
  35. package/dist/icons/icon-error.js +16 -12
  36. package/dist/icons/icon-info.d.ts +4 -1
  37. package/dist/icons/icon-info.js +42 -14
  38. package/dist/icons/icon-success-vivo-new.d.ts +6 -0
  39. package/dist/icons/icon-success-vivo-new.js +86 -0
  40. package/dist/icons/icon-success-vivo.d.ts +2 -3
  41. package/dist/icons/icon-success-vivo.js +11 -15
  42. package/dist/icons/icon-success.d.ts +2 -2
  43. package/dist/icons/icon-success.js +2 -2
  44. package/dist/image.css-mistica.js +1 -1
  45. package/dist/index.d.ts +4 -0
  46. package/dist/index.js +30 -0
  47. package/dist/list.css-mistica.js +6 -6
  48. package/dist/loading-bar.css-mistica.js +2 -2
  49. package/dist/maybe-dismissable.css-mistica.js +1 -1
  50. package/dist/menu.css-mistica.js +1 -1
  51. package/dist/modal-context-provider.d.ts +1 -0
  52. package/dist/modal-context-provider.js +24 -10
  53. package/dist/navigation-bar.css-mistica.js +10 -10
  54. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  55. package/dist/nestable-context.js +2 -7
  56. package/dist/package-version.js +1 -1
  57. package/dist/password-field.css-mistica.js +2 -2
  58. package/dist/popover.css-mistica.js +8 -8
  59. package/dist/progress-bar.css-mistica.js +1 -1
  60. package/dist/radio-button.css-mistica.js +5 -5
  61. package/dist/responsive-layout.css-mistica.js +1 -1
  62. package/dist/screen-reader-only.css-mistica.js +1 -1
  63. package/dist/select.css-mistica.js +10 -10
  64. package/dist/sheet-root.d.ts +93 -0
  65. package/dist/sheet-root.js +370 -0
  66. package/dist/sheet.css-mistica.js +66 -0
  67. package/dist/sheet.css.d.ts +17 -0
  68. package/dist/sheet.css.ts.vanilla.css-mistica.js +11 -0
  69. package/dist/sheet.d.ts +107 -0
  70. package/dist/sheet.js +643 -0
  71. package/dist/skeletons.css-mistica.js +1 -1
  72. package/dist/snackbar.css-mistica.js +1 -1
  73. package/dist/spinner.css-mistica.js +1 -1
  74. package/dist/sprinkles.css-mistica.js +191 -172
  75. package/dist/sprinkles.css.d.ts +4 -3
  76. package/dist/stack.js +14 -13
  77. package/dist/stacking-group.css-mistica.js +2 -2
  78. package/dist/stepper.css-mistica.js +8 -8
  79. package/dist/switch-component.css-mistica.js +13 -13
  80. package/dist/switch-component.js +2 -2
  81. package/dist/tabs.css-mistica.js +7 -7
  82. package/dist/tag.css-mistica.js +1 -1
  83. package/dist/text-field-base.css-mistica.js +6 -6
  84. package/dist/text-field-components.css-mistica.js +5 -5
  85. package/dist/text-link.css-mistica.js +3 -3
  86. package/dist/theme.d.ts +1 -0
  87. package/dist/theme.js +22 -18
  88. package/dist/tooltip.css-mistica.js +11 -11
  89. package/dist/touchable.css-mistica.js +2 -2
  90. package/dist/utils/animation.d.ts +2 -1
  91. package/dist/utils/animation.js +28 -14
  92. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  93. package/dist/utils/helpers.d.ts +9 -0
  94. package/dist/utils/helpers.js +46 -0
  95. package/dist/utils/utility-types.d.ts +1 -1
  96. package/dist/video.css-mistica.js +1 -1
  97. package/dist-es/avatar.css-mistica.js +1 -1
  98. package/dist-es/badge.css-mistica.js +1 -1
  99. package/dist-es/boxed.css-mistica.js +1 -1
  100. package/dist-es/button-group.css-mistica.js +1 -1
  101. package/dist-es/button-layout.css-mistica.js +7 -7
  102. package/dist-es/button-layout.js +1 -1
  103. package/dist-es/button.css-mistica.js +9 -9
  104. package/dist-es/callout.css-mistica.js +1 -1
  105. package/dist-es/card.css-mistica.js +2 -2
  106. package/dist-es/card.js +251 -254
  107. package/dist-es/carousel.css-mistica.js +2 -2
  108. package/dist-es/checkbox.css-mistica.js +6 -6
  109. package/dist-es/chip.css-mistica.js +4 -4
  110. package/dist-es/circle.css-mistica.js +2 -2
  111. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  112. package/dist-es/community/blocks.css-mistica.js +1 -1
  113. package/dist-es/dialog.css-mistica.js +5 -5
  114. package/dist-es/dialog.js +101 -111
  115. package/dist-es/double-field.css-mistica.js +2 -2
  116. package/dist-es/empty-state-card.css-mistica.js +1 -1
  117. package/dist-es/empty-state.css-mistica.js +2 -2
  118. package/dist-es/feedback.css-mistica.js +2 -2
  119. package/dist-es/feedback.js +180 -147
  120. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  121. package/dist-es/fixed-footer-layout.js +1 -1
  122. package/dist-es/hero.css-mistica.js +2 -2
  123. package/dist-es/highlighted-card.css-mistica.js +4 -4
  124. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  125. package/dist-es/icon-button.css-mistica.js +1 -1
  126. package/dist-es/icons/icon-error.js +40 -36
  127. package/dist-es/icons/icon-info.js +45 -17
  128. package/dist-es/icons/icon-success-vivo-new.js +77 -0
  129. package/dist-es/icons/icon-success-vivo.js +19 -23
  130. package/dist-es/icons/icon-success.js +2 -2
  131. package/dist-es/image.css-mistica.js +1 -1
  132. package/dist-es/index.js +1709 -1706
  133. package/dist-es/list.css-mistica.js +2 -2
  134. package/dist-es/loading-bar.css-mistica.js +2 -2
  135. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  136. package/dist-es/menu.css-mistica.js +1 -1
  137. package/dist-es/modal-context-provider.js +22 -11
  138. package/dist-es/navigation-bar.css-mistica.js +9 -9
  139. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  140. package/dist-es/nestable-context.js +1 -1
  141. package/dist-es/package-version.js +1 -1
  142. package/dist-es/password-field.css-mistica.js +2 -2
  143. package/dist-es/popover.css-mistica.js +2 -2
  144. package/dist-es/progress-bar.css-mistica.js +1 -1
  145. package/dist-es/radio-button.css-mistica.js +4 -4
  146. package/dist-es/responsive-layout.css-mistica.js +1 -1
  147. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  148. package/dist-es/select.css-mistica.js +9 -9
  149. package/dist-es/sheet-root.js +306 -0
  150. package/dist-es/sheet.css-mistica.js +4 -0
  151. package/dist-es/sheet.css.ts.vanilla.css-mistica.js +2 -0
  152. package/dist-es/sheet.js +570 -0
  153. package/dist-es/skeletons.css-mistica.js +1 -1
  154. package/dist-es/snackbar.css-mistica.js +1 -1
  155. package/dist-es/spinner.css-mistica.js +1 -1
  156. package/dist-es/sprinkles.css-mistica.js +191 -172
  157. package/dist-es/stack.js +18 -17
  158. package/dist-es/stacking-group.css-mistica.js +2 -2
  159. package/dist-es/stepper.css-mistica.js +2 -2
  160. package/dist-es/style.css +1 -1
  161. package/dist-es/switch-component.css-mistica.js +13 -13
  162. package/dist-es/switch-component.js +1 -1
  163. package/dist-es/tabs.css-mistica.js +6 -6
  164. package/dist-es/tag.css-mistica.js +1 -1
  165. package/dist-es/text-field-base.css-mistica.js +2 -2
  166. package/dist-es/text-field-components.css-mistica.js +2 -2
  167. package/dist-es/text-link.css-mistica.js +3 -3
  168. package/dist-es/theme.js +28 -24
  169. package/dist-es/tooltip.css-mistica.js +3 -3
  170. package/dist-es/touchable.css-mistica.js +2 -2
  171. package/dist-es/utils/animation.js +26 -15
  172. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  173. package/dist-es/utils/helpers.js +29 -0
  174. package/dist-es/video.css-mistica.js +1 -1
  175. package/package.json +4 -4
@@ -2,7 +2,7 @@ import { vars } from './skins/skin-contract.css';
2
2
  type ColorKeys = keyof typeof vars.colors;
3
3
  type ColorValues = (typeof vars.colors)[ColorKeys];
4
4
  export declare const sprinkles: ((props: {
5
- readonly position?: "fixed" | "absolute" | "relative" | "static" | undefined;
5
+ readonly position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
6
6
  readonly display?: "flex" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
7
7
  readonly flexDirection?: "column" | "row" | undefined;
8
8
  readonly justifyContent?: "center" | "space-around" | "space-between" | "stretch" | "flex-end" | "flex-start" | undefined;
@@ -19,7 +19,8 @@ export declare const sprinkles: ((props: {
19
19
  readonly border?: "regular" | "none" | undefined;
20
20
  readonly borderRadius?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | 2 | 4 | 8 | 16 | 20 | "50%" | undefined;
21
21
  readonly cursor?: "pointer" | undefined;
22
- readonly overflow?: "hidden" | "visible" | undefined;
22
+ readonly overflow?: "auto" | "hidden" | "visible" | undefined;
23
+ readonly overflowY?: "auto" | "hidden" | "visible" | undefined;
23
24
  readonly top?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
24
25
  readonly left?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
25
26
  readonly right?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
@@ -65,7 +66,7 @@ export declare const sprinkles: ((props: {
65
66
  color?: ColorValues | "transparent" | "inherit" | undefined;
66
67
  background?: `var(--${string})` | "transparent" | "inherit" | undefined;
67
68
  }) => string) & {
68
- properties: Set<"background" | "border" | "alignItems" | "bottom" | "color" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "height" | "justifyContent" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "width" | "borderRadius" | "flex" | "overflow" | "padding" | "paddingX" | "paddingY">;
69
+ properties: Set<"background" | "border" | "alignItems" | "bottom" | "color" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "height" | "justifyContent" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "width" | "borderRadius" | "flex" | "overflow" | "padding" | "paddingX" | "paddingY">;
69
70
  };
70
71
  export type Sprinkles = Parameters<typeof sprinkles>[0];
71
72
  export {};
package/dist/stack.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "default", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return $;
8
+ return V;
9
9
  }
10
10
  });
11
11
  const _jsxruntime = require("react/jsx-runtime");
@@ -110,7 +110,7 @@ function _object_spread_props(target, source) {
110
110
  }
111
111
  return target;
112
112
  }
113
- const a = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, p = (t)=>{
113
+ const a = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, k = (t)=>{
114
114
  if (typeof t == "number" || typeof t == "string") return {
115
115
  [_stackcssmistica.vars.space]: a(t)
116
116
  };
@@ -119,16 +119,17 @@ const a = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, p = (t)=>{
119
119
  [_stackcssmistica.vars.spaceDesktop]: a(t.desktop)
120
120
  };
121
121
  return t.tablet && (e[_stackcssmistica.vars.spaceTablet] = a(t.tablet)), e;
122
- }, k = (t)=>{
123
- const { space: e , className: l , children: s , role: n } = t;
124
- return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
125
- className: (0, _classnames.default)(l, typeof e == "string" ? _stackcssmistica.flexStack : _stackcssmistica.marginStack),
126
- style: (0, _dynamic.assignInlineVars)(p(e)),
127
- role: n,
128
- "aria-labelledby": t["aria-labelledby"]
129
- }, (0, _dom.getPrefixedDataAttributes)(t.dataAttributes)), {
130
- children: _react.Children.map(s, (o)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
131
- children: o
122
+ }, x = (param)=>/* @__PURE__ */ {
123
+ let { space: t , className: e , children: o , role: i , "aria-labelledby": s , dataAttributes: n } = param;
124
+ return (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
125
+ className: (0, _classnames.default)(e, typeof t == "string" ? _stackcssmistica.flexStack : _stackcssmistica.marginStack),
126
+ style: (0, _dynamic.assignInlineVars)(k(t)),
127
+ role: i,
128
+ "aria-labelledby": s
129
+ }, (0, _dom.getPrefixedDataAttributes)(n)), {
130
+ children: _react.Children.map(o, (m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
131
+ role: i === "list" ? "listitem" : void 0,
132
+ children: m
132
133
  }))
133
134
  }));
134
- }, $ = k;
135
+ }, V = x;
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "moreItems", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return r;
8
+ return n;
9
9
  }
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./stacking-group.css.ts.vanilla.css-mistica.js");
13
- var r = "_1y38nye1 _1y2v1nfb4 _1y2v1nfaz _1y2v1nfbd _1y2v1nfbj";
13
+ var n = "_1y38nye1 _1y2v1nfb5 _1y2v1nfaz _1y2v1nfbe _1y2v1nfbk";
@@ -16,28 +16,28 @@ _export(exports, {
16
16
  return r;
17
17
  },
18
18
  barFilledAnimation: function() {
19
- return a;
19
+ return e;
20
20
  },
21
21
  barFilledReverseAnimation: function() {
22
- return e;
22
+ return a;
23
23
  },
24
24
  currentNumber: function() {
25
- return b;
25
+ return f;
26
26
  },
27
27
  iconAnimation: function() {
28
- return f;
28
+ return y;
29
29
  },
30
30
  number: function() {
31
- return y;
31
+ return b;
32
32
  },
33
33
  step: function() {
34
34
  return m;
35
35
  },
36
36
  stepIconNumber: function() {
37
- return t;
37
+ return i;
38
38
  },
39
39
  stepper: function() {
40
- return i;
40
+ return t;
41
41
  },
42
42
  textContainer: function() {
43
43
  return h;
@@ -48,6 +48,6 @@ _export(exports, {
48
48
  });
49
49
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
50
50
  require("./stepper.css.ts.vanilla.css-mistica.js");
51
- var _ = "_14h93mqk _1y2v1nfcb _1y2v1nfbr _1y2v1nfe1 _1y2v1nfe4", r = "_14h93mqm _1y2v1nfcb _1y2v1nfbr _1y2v1nfe1 _1y2v1nfe4", a = "_14h93mqn", e = "_14h93mqp _1y2v1nfbt", b = "_14h93mqf", f = "_14h93mqc", y = "_14h93mqe _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", m = "_14h93mq9 _1y2v1nfaz _1y2v1nfb5 _1y2v1nfba _1y2v1nfbj", t = "_14h93mqb _1y2v1nfaz _1y2v1nfb4", i = "_14h93mq7 _1y2v1nfb4 _1y2v1nfdb", h = "_14h93mqh _1y2v1nfb0", q = {
51
+ var _ = "_14h93mqk _1y2v1nfcc _1y2v1nfbs _1y2v1nfe2 _1y2v1nfe5", r = "_14h93mqm _1y2v1nfcc _1y2v1nfbs _1y2v1nfe2 _1y2v1nfe5", e = "_14h93mqn", a = "_14h93mqp _1y2v1nfbu", f = "_14h93mqf", y = "_14h93mqc", b = "_14h93mqe _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo", m = "_14h93mq9 _1y2v1nfaz _1y2v1nfb6 _1y2v1nfbb _1y2v1nfbk", i = "_14h93mqb _1y2v1nfaz _1y2v1nfb5", t = "_14h93mq7 _1y2v1nfb5 _1y2v1nfdc", h = "_14h93mqh _1y2v1nfb0", q = {
52
52
  stepperMinHeight: "var(--_14h93mq0)"
53
53
  };
@@ -37,21 +37,21 @@ _export(exports, {
37
37
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
38
38
  require("./switch-component.css.ts.vanilla.css-mistica.js");
39
39
  var n = {
40
- default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nfff _1y2v1nfb6 _1y2v1nfdn",
41
- ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nfff _1y2v1nfb6 _1y2v1nfdn",
42
- checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nfff _1y2v1nfb6 _1y2v1nfdn",
43
- checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nfff _1y2v1nfb6 _1y2v1nfdn"
40
+ default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo",
41
+ ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo",
42
+ checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo",
43
+ checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo"
44
44
  }, f = {
45
- default: "q0hp3ai q0hp3ah _1y2v1nfb6",
46
- ios: "q0hp3aj q0hp3ah _1y2v1nfb6",
47
- checked: "q0hp3ak q0hp3ah _1y2v1nfb6",
48
- checkedIos: "q0hp3al q0hp3ah _1y2v1nfb6"
45
+ default: "q0hp3ai q0hp3ah _1y2v1nfb7",
46
+ ios: "q0hp3aj q0hp3ah _1y2v1nfb7",
47
+ checked: "q0hp3ak q0hp3ah _1y2v1nfb7",
48
+ checkedIos: "q0hp3al q0hp3ah _1y2v1nfb7"
49
49
  }, v = {
50
- default: "q0hp3a6 _1y2v1nfb8 _1y2v1nfe3",
51
- ios: "q0hp3a7 _1y2v1nfb8 _1y2v1nfe3",
52
- disabled: "q0hp3a8 _1y2v1nfb8 _1y2v1nfe3",
53
- disabledIos: "q0hp3a9 _1y2v1nfb8 _1y2v1nfe3"
50
+ default: "q0hp3a6 _1y2v1nfb9 _1y2v1nfe4",
51
+ ios: "q0hp3a7 _1y2v1nfb9 _1y2v1nfe4",
52
+ disabled: "q0hp3a8 _1y2v1nfb9 _1y2v1nfe4",
53
+ disabledIos: "q0hp3a9 _1y2v1nfb9 _1y2v1nfe4"
54
54
  }, p = "q0hp3an q0hp3am", q = "q0hp3ao q0hp3am", y = "q0hp3ap", _ = {
55
55
  default: "q0hp3ac q0hp3ab _1y2v1nfaz",
56
56
  ios: "q0hp3ad q0hp3ab _1y2v1nfaz"
57
- }, b = "q0hp3af _1y2v1nfb6 _1y2v1nfe4";
57
+ }, b = "q0hp3af _1y2v1nfb7 _1y2v1nfe5";
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "default", {
10
10
  });
11
11
  const _jsxruntime = require("react/jsx-runtime");
12
12
  const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
13
- const _debounce = /*#__PURE__*/ _interop_require_default(require("lodash/debounce"));
13
+ const _helpers = require("./utils/helpers.js");
14
14
  const _keycodes = require("./utils/key-codes.js");
15
15
  const _formcontext = require("./form-context.js");
16
16
  const _text = require("./text.js");
@@ -121,7 +121,7 @@ const $ = (e)=>{
121
121
  defaultValue: e.defaultChecked,
122
122
  onChange: e.onChange,
123
123
  disabled: e.disabled
124
- }), [c, k] = _react.useState(!!u), r = d !== null && d !== void 0 ? d : c, v = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : (0, _debounce.default)((i)=>{
124
+ }), [c, k] = _react.useState(!!u), r = d !== null && d !== void 0 ? d : c, v = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : (0, _helpers.debounce)((i)=>{
125
125
  a == null || a(i);
126
126
  }, 300), [
127
127
  a
@@ -25,10 +25,10 @@ _export(exports, {
25
25
  return e;
26
26
  },
27
27
  tabSelectionVariants: function() {
28
- return r;
28
+ return o;
29
29
  },
30
30
  tabVariants: function() {
31
- return o;
31
+ return r;
32
32
  },
33
33
  tabsContainer: function() {
34
34
  return t;
@@ -36,11 +36,11 @@ _export(exports, {
36
36
  });
37
37
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
38
38
  require("./tabs.css.ts.vanilla.css-mistica.js");
39
- var v = "_1y2v1nfb3 _1y2v1nfb0 _1y2v1nfel _1y2v1nfff _1y2v1nfca _1y2v1nf45", y = "lgofm1g", _ = "lgofm13", a = "lgofm12 _1y2v1nfdf _1y2v1nfbr _1y2v1nfaz", e = "lgofm10", r = {
39
+ var v = "_1y2v1nfb4 _1y2v1nfb0 _1y2v1nfeq _1y2v1nffk _1y2v1nfcb _1y2v1nf45", y = "lgofm1g", _ = "lgofm13", a = "lgofm12 _1y2v1nfdg _1y2v1nfbs _1y2v1nfaz", e = "lgofm10", o = {
40
40
  noSelected: "_1y2v1nf1y",
41
41
  selected: "_1y2v1nf1w lgofm1b",
42
42
  selectedAnimating: "_1y2v1nf1w lgofm1c"
43
- }, o = {
44
- default: "lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbm _1y2v1nfbj _1y2v1nfbd _1y2v1nfd3 _1y2v1nfdf _1y2v1nf5y",
45
- fullWidth: "lgofm18 lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbm _1y2v1nfbj _1y2v1nfbd _1y2v1nfd3 _1y2v1nfdf _1y2v1nf5y"
46
- }, t = "_1y2v1nfdf _1y2v1nfbr _1y2v1nfb4";
43
+ }, r = {
44
+ default: "lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbn _1y2v1nfbk _1y2v1nfbe _1y2v1nfd4 _1y2v1nfdg _1y2v1nf5y",
45
+ fullWidth: "lgofm18 lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbn _1y2v1nfbk _1y2v1nfbe _1y2v1nfd4 _1y2v1nfdg _1y2v1nf5y"
46
+ }, t = "_1y2v1nfdg _1y2v1nfbs _1y2v1nfb5";
@@ -10,4 +10,4 @@ Object.defineProperty(exports, "tag", {
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./tag.css.ts.vanilla.css-mistica.js");
13
- var _ = "_1wy08671 _1y2v1nf65 _1y2v1nf7e _1y2v1nfb5 _1y2v1nfb9 _1y2v1nfbj _1y2v1nfbd _1y2v1nfd0 _1y2v1nfa2";
13
+ var _ = "_1wy08671 _1y2v1nf65 _1y2v1nf7e _1y2v1nfb6 _1y2v1nfba _1y2v1nfbk _1y2v1nfbe _1y2v1nfd1 _1y2v1nfa2";
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  endIcon: function() {
13
- return n;
13
+ return y;
14
14
  },
15
15
  fullWidth: function() {
16
16
  return t;
@@ -43,21 +43,21 @@ _export(exports, {
43
43
  return o;
44
44
  },
45
45
  startIcon: function() {
46
- return p;
46
+ return l;
47
47
  },
48
48
  suggestionsContainer: function() {
49
- return l;
49
+ return u;
50
50
  },
51
51
  textArea: function() {
52
- return u;
52
+ return p;
53
53
  },
54
54
  textAreaWithLabel: function() {
55
55
  return c;
56
56
  },
57
57
  textAreaWithoutLabel: function() {
58
- return m;
58
+ return x;
59
59
  }
60
60
  });
61
61
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
62
62
  require("./text-field-base.css.ts.vanilla.css-mistica.js");
63
- var n = "rhey4tf _1y2v1nf8q _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbj", t = "rhey4t4", e = "rhey4ta _1y2v1nfaz _1y2v1nfc8 rhey4t1 _1y2v1nfdm _1y2v1nfcp _1y2v1nf1w _1y2v1nfbr", r = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6e _1y2v1nf7n", a = "rhey4to _1y2v1nfcj _1y2v1nfb4 _1y2v1nfbj _1y2v1nfe3", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf8t _1y2v1nfa5", b = "rhey4tl _1y2v1nf7h", o = "_1y2v1nf6e _1y2v1nf7n", p = "rhey4th _1y2v1nf8t _1y2v1nfa2 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfc8 _1y2v1nfb0", l = "rhey4tr _1y2v1nfb0", u = "rhey4t6 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q rhey4t1 _1y2v1nfdm _1y2v1nfcp _1y2v1nf1w _1y2v1nfbr", c = "rhey4t7", m = "rhey4t8";
63
+ var y = "rhey4tf _1y2v1nf8q _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbk", t = "rhey4t4", e = "rhey4ta _1y2v1nfaz _1y2v1nfc9 rhey4t1 _1y2v1nfdn _1y2v1nfcq _1y2v1nf1w _1y2v1nfbs", r = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6e _1y2v1nf7n", a = "rhey4to _1y2v1nfck _1y2v1nfb5 _1y2v1nfbk _1y2v1nfe4", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf8t _1y2v1nfa5", b = "rhey4tl _1y2v1nf7h", o = "_1y2v1nf6e _1y2v1nf7n", l = "rhey4th _1y2v1nf8t _1y2v1nfa2 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfc9 _1y2v1nfb0", u = "rhey4tr _1y2v1nfb0", p = "rhey4t6 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q rhey4t1 _1y2v1nfdn _1y2v1nfcq _1y2v1nf1w _1y2v1nfbs", c = "rhey4t7", x = "rhey4t8";
@@ -37,16 +37,16 @@ _export(exports, {
37
37
  return t;
38
38
  },
39
39
  fullWidth: function() {
40
- return u;
40
+ return b;
41
41
  },
42
42
  helperContainer: function() {
43
- return b;
43
+ return u;
44
44
  },
45
45
  helperText: function() {
46
- return k;
46
+ return d;
47
47
  },
48
48
  labelContainer: function() {
49
- return d;
49
+ return k;
50
50
  },
51
51
  labelText: function() {
52
52
  return L;
@@ -66,4 +66,4 @@ _export(exports, {
66
66
  });
67
67
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
68
68
  require("./text-field-components.css.ts.vanilla.css-mistica.js");
69
- var _ = 328, n = 12, a = 0.78, e = 0.75, f = "_15k6ur97", y = "_1y2v1nfe4 _1y2v1nfdl _1y2v1nfb4 _1y2v1nfdu _1y2v1nfaz", l = "_15k6ur96 _1y2v1nfb4 _1y2v1nfba", i = "_15k6ur9e", t = "_15k6ur9d _1y2v1nfck", u = "_1y2v1nfbr", b = "_1y2v1nf8t _1y2v1nfa5 _1y2v1nfb4", k = "_15k6ur9g", d = "_15k6ur91 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nfcg _1y2v1nfb4 _1y2v1nfb9 _1y2v1nfep", L = "_15k6ur93 _1y2v1nfe4 _1y2v1nfbn", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbr", h = "_15k6ur9i", o = "_15k6ur94";
69
+ var _ = 328, n = 12, a = 0.78, e = 0.75, f = "_15k6ur97", y = "_1y2v1nfe5 _1y2v1nfdm _1y2v1nfb5 _1y2v1nfdv _1y2v1nfaz", l = "_15k6ur96 _1y2v1nfb5 _1y2v1nfbb", i = "_15k6ur9e", t = "_15k6ur9d _1y2v1nfcl", b = "_1y2v1nfbs", u = "_1y2v1nf8t _1y2v1nfa5 _1y2v1nfb5", d = "_15k6ur9g", k = "_15k6ur91 _1y2v1nfb0 _1y2v1nfeb _1y2v1nfch _1y2v1nfb5 _1y2v1nfba _1y2v1nfeu", L = "_15k6ur93 _1y2v1nfe5 _1y2v1nfbo", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbs", h = "_15k6ur9i", o = "_15k6ur94";
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "variants", {
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./text-link.css.ts.vanilla.css-mistica.js");
13
13
  var v = {
14
- default: "_1m1n0pr1 _1y2v1nfbs _1y2v1nfb7 _1y2v1nfe3 _1y2v1nf27",
15
- inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfbs _1y2v1nfb7 _1y2v1nfe3 _1y2v1nf28",
16
- inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfbs _1y2v1nfb7 _1y2v1nfe3 _1y2v1nf27"
14
+ default: "_1m1n0pr1 _1y2v1nfbt _1y2v1nfb8 _1y2v1nfe4 _1y2v1nf27",
15
+ inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfbt _1y2v1nfb8 _1y2v1nfe4 _1y2v1nf28",
16
+ inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfbt _1y2v1nfb8 _1y2v1nfe4 _1y2v1nf27"
17
17
  };
package/dist/theme.d.ts CHANGED
@@ -37,6 +37,7 @@ declare const TEXTS_ES: {
37
37
  carouselPrevButton: string;
38
38
  playIconButtonLabel: string;
39
39
  pauseIconButtonLabel: string;
40
+ sheetConfirmButton: string;
40
41
  };
41
42
  export declare const getTexts: (locale: Locale) => typeof TEXTS_ES;
42
43
  export declare const NAVBAR_HEIGHT_MOBILE = 56;
package/dist/theme.js CHANGED
@@ -137,8 +137,9 @@ const l = {
137
137
  carouselNextButton: "siguiente",
138
138
  carouselPrevButton: "anterior",
139
139
  playIconButtonLabel: "Reproducir",
140
- pauseIconButtonLabel: "Pausar"
141
- }, n = {
140
+ pauseIconButtonLabel: "Pausar",
141
+ sheetConfirmButton: "Continuar"
142
+ }, i = {
142
143
  expirationDatePlaceholder: "MM/YY",
143
144
  togglePasswordVisibilityLabel: "Toggle password visibility",
144
145
  loading: "Loading",
@@ -170,7 +171,8 @@ const l = {
170
171
  carouselNextButton: "next",
171
172
  carouselPrevButton: "previous",
172
173
  playIconButtonLabel: "Play",
173
- pauseIconButtonLabel: "Pause"
174
+ pauseIconButtonLabel: "Pause",
175
+ sheetConfirmButton: "Continue"
174
176
  }, d = {
175
177
  expirationDatePlaceholder: "MM/JJ",
176
178
  togglePasswordVisibilityLabel: "Passwort un-/sichtbar machen",
@@ -203,7 +205,8 @@ const l = {
203
205
  carouselNextButton: "n\xe4chste",
204
206
  carouselPrevButton: "vorherige",
205
207
  playIconButtonLabel: "Abspielen",
206
- pauseIconButtonLabel: "Pausieren"
208
+ pauseIconButtonLabel: "Pausieren",
209
+ sheetConfirmButton: "Fortfahren"
207
210
  }, s = {
208
211
  expirationDatePlaceholder: "MM/AA",
209
212
  togglePasswordVisibilityLabel: "Mostrar ou ocultar senha",
@@ -236,7 +239,8 @@ const l = {
236
239
  carouselNextButton: "pr\xf3ximo",
237
240
  carouselPrevButton: "anterior",
238
241
  playIconButtonLabel: "Reproduzir",
239
- pauseIconButtonLabel: "Pausar"
242
+ pauseIconButtonLabel: "Pausar",
243
+ sheetConfirmButton: "Continuar"
240
244
  }, b = (e)=>{
241
245
  switch(e.toLocaleLowerCase().split(/[-_]/)[0]){
242
246
  case "es":
@@ -246,33 +250,33 @@ const l = {
246
250
  case "de":
247
251
  return d;
248
252
  case "en":
249
- return n;
253
+ return i;
250
254
  default:
251
- return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${e}`), n;
255
+ return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${e}`), i;
252
256
  }
253
257
  }, c = 56, u = 80, E = {
254
258
  headerMobileHeight: c,
255
259
  headerDesktopHeight: u
256
260
  }, C = (_param)=>/* @__PURE__ */ {
257
- var { to: e , innerRef: r } = _param, a = _object_without_properties(_param, [
261
+ var { to: e , innerRef: r } = _param, o = _object_without_properties(_param, [
258
262
  "to",
259
263
  "innerRef"
260
264
  ]);
261
265
  return (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
262
266
  ref: r,
263
267
  href: typeof e == "string" ? e : e == null ? void 0 : e.pathname
264
- }, a), {
265
- children: a.children
268
+ }, o), {
269
+ children: o.children
266
270
  }));
267
271
  }, m = (e)=>e, f = (e)=>(_param)=>/* @__PURE__ */ {
268
- var { innerRef: r } = _param, a = _object_without_properties(_param, [
272
+ var { innerRef: r } = _param, o = _object_without_properties(_param, [
269
273
  "innerRef"
270
274
  ]);
271
275
  return (0, _jsxruntime.jsx)(e, _object_spread({
272
276
  ref: r
273
- }, a));
277
+ }, o));
274
278
  }, p = (e)=>(_param)=>/* @__PURE__ */ {
275
- var { to: r , innerRef: a , children: t } = _param, i = _object_without_properties(_param, [
279
+ var { to: r , innerRef: o , children: t } = _param, n = _object_without_properties(_param, [
276
280
  "to",
277
281
  "innerRef",
278
282
  "children"
@@ -280,21 +284,21 @@ const l = {
280
284
  return (0, _jsxruntime.jsx)(e, {
281
285
  href: r,
282
286
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
283
- ref: a
284
- }, i), {
287
+ ref: o
288
+ }, n), {
285
289
  children: t
286
290
  }))
287
291
  });
288
292
  }, v = (e)=>(_param)=>/* @__PURE__ */ {
289
- var { to: r , innerRef: a , children: t } = _param, i = _object_without_properties(_param, [
293
+ var { to: r , innerRef: o , children: t } = _param, n = _object_without_properties(_param, [
290
294
  "to",
291
295
  "innerRef",
292
296
  "children"
293
297
  ]);
294
298
  return (0, _jsxruntime.jsx)(e, _object_spread_props(_object_spread({
295
299
  href: r,
296
- ref: a
297
- }, i), {
300
+ ref: o
301
+ }, n), {
298
302
  children: t
299
303
  }));
300
304
  }, h = (e)=>{
@@ -19,10 +19,10 @@ _export(exports, {
19
19
  return _;
20
20
  },
21
21
  arrowRight: function() {
22
- return n;
22
+ return e;
23
23
  },
24
24
  arrowTop: function() {
25
- return e;
25
+ return n;
26
26
  },
27
27
  arrowWrapper: function() {
28
28
  return f;
@@ -31,43 +31,43 @@ _export(exports, {
31
31
  return p;
32
32
  },
33
33
  enter: function() {
34
- return o;
34
+ return b;
35
35
  },
36
36
  enterActive: function() {
37
- return b;
37
+ return o;
38
38
  },
39
39
  enterDone: function() {
40
- return x;
40
+ return y;
41
41
  },
42
42
  exit: function() {
43
43
  return h;
44
44
  },
45
45
  exitActive: function() {
46
- return y;
46
+ return x;
47
47
  },
48
48
  fadeInBottomKeyframes: function() {
49
49
  return m;
50
50
  },
51
51
  fadeInTopKeyframes: function() {
52
- return d;
52
+ return i;
53
53
  },
54
54
  fadeInXKeyframes: function() {
55
- return i;
55
+ return d;
56
56
  },
57
57
  vars: function() {
58
58
  return w;
59
59
  },
60
60
  wrapper: function() {
61
- return s;
61
+ return c;
62
62
  }
63
63
  });
64
64
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
65
65
  require("./tooltip.css.ts.vanilla.css-mistica.js");
66
- var v = "_1xhatbpb _1y2v1nfb0 _1y2v1nfe6 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf31 _1y2v1nfdl", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nfb0 _1y2v1nfc0 _1y2v1nfcd _1y2v1nfe4 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb0 _1y2v1nfeq _1y2v1nfbs _1y2v1nfdx _1y2v1nfdl", o = "_1xhatbpk", b = "_1xhatbpl", x = "_1xhatbpm", h = "_1xhatbpn", y = "_1xhatbpo", m = "_1xhatbp6", d = "_1xhatbp7", i = "_1xhatbp8", w = {
66
+ var v = "_1xhatbpb _1y2v1nfb0 _1y2v1nfeb _1y2v1nfby _1y2v1nfce _1y2v1nfdp _1y2v1nf31 _1y2v1nfdm", t = "_1xhatbpe", _ = "_1xhatbpf", e = "_1xhatbpd", n = "_1xhatbpc", f = "_1y2v1nfb0 _1y2v1nfc1 _1y2v1nfce _1y2v1nfe5 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb0 _1y2v1nfev _1y2v1nfbt _1y2v1nfdy _1y2v1nfdm", b = "_1xhatbpk", o = "_1xhatbpl", y = "_1xhatbpm", h = "_1xhatbpn", x = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", d = "_1xhatbp8", w = {
67
67
  shadowAlpha: "var(--_1xhatbp0)",
68
68
  enterTransform: "var(--_1xhatbp1)",
69
69
  enterDoneTransform: "var(--_1xhatbp2)",
70
70
  exitTransform: "var(--_1xhatbp3)",
71
71
  enterActiveAnimationName: "var(--_1xhatbp4)",
72
72
  arrowBoxShadow: "var(--_1xhatbp5)"
73
- }, s = "_1y2v1nfb8";
73
+ }, c = "_1y2v1nfb9";
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  base: function() {
13
- return n;
13
+ return y;
14
14
  },
15
15
  notTouchable: function() {
16
16
  return f;
@@ -21,4 +21,4 @@ _export(exports, {
21
21
  });
22
22
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
23
23
  require("./touchable.css.ts.vanilla.css-mistica.js");
24
- var n = "mhti6u1 _1y2v1nfe3", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfe3 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb6 _1y2v1nfdm _1y2v1nfbr _1y2v1nf2y _1y2v1nf5y _1y2v1nfe5";
24
+ var y = "mhti6u1 _1y2v1nfe4", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfe4 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb7 _1y2v1nfdn _1y2v1nfbs _1y2v1nf2y _1y2v1nf5y _1y2v1nfe6";
@@ -6,7 +6,8 @@ type AnimationProps = {
6
6
  strokeDashoffset?: string;
7
7
  opacity?: number;
8
8
  };
9
- export declare const getAnimateDrawLineProps: (from: string, begin: string, platformOverrides: Theme['platformOverrides']) => null | AnimationProps;
9
+ export declare const getAnimateCircleScaleInProps: (to: string | number, platformOverrides: Theme['platformOverrides']) => null | AnimationProps;
10
+ export declare const getAnimateDrawLineProps: (from: string, begin: string, platformOverrides: Theme['platformOverrides'], keySplines?: string) => null | AnimationProps;
10
11
  export declare const getAnimateFadeInProps: (begin: string, platformOverrides: Theme['platformOverrides']) => null | AnimationProps;
11
12
  export declare const getAnimateHopInProps: (begin: string, platformOverrides: Theme['platformOverrides']) => null | AnimationProps;
12
13
  export declare const getAnimateSweepInProps: (begin: string, platformOverrides: Theme['platformOverrides']) => null | AnimationProps;
@@ -9,20 +9,23 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
+ getAnimateCircleScaleInProps: function() {
13
+ return d;
14
+ },
12
15
  getAnimateDrawLineProps: function() {
13
- return p;
16
+ return f;
14
17
  },
15
18
  getAnimateFadeInProps: function() {
16
- return d;
19
+ return u;
17
20
  },
18
21
  getAnimateHopInProps: function() {
19
- return f;
22
+ return y;
20
23
  },
21
24
  getAnimateSweepInProps: function() {
22
- return u;
25
+ return k;
23
26
  },
24
27
  mergeProperties: function() {
25
- return y;
28
+ return h;
26
29
  }
27
30
  });
28
31
  const _jsxruntime = require("react/jsx-runtime");
@@ -79,7 +82,18 @@ function _object_spread_props(target, source) {
79
82
  }
80
83
  return target;
81
84
  }
82
- const i = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), p = (e, t, a)=>i(a) ? {
85
+ const a = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), d = (e, t)=>a(t) ? {
86
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)("animate", {
87
+ attributeName: "r",
88
+ begin: "0s",
89
+ dur: "0.9s",
90
+ from: "0",
91
+ to: e,
92
+ keyTimes: "0;1",
93
+ calcMode: "spline",
94
+ keySplines: "0.56 0 0.2 1"
95
+ })
96
+ } : null, f = (e, t, i, s)=>a(i) ? {
83
97
  strokeDasharray: e.replace("-", ""),
84
98
  strokeDashoffset: e,
85
99
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("animate", {
@@ -92,9 +106,9 @@ const i = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), p = (e, t, a)=>i(a) ?
92
106
  fill: "freeze",
93
107
  keyTimes: "0;1",
94
108
  calcMode: "spline",
95
- keySplines: "0.75 0 0.25 1"
109
+ keySplines: s !== null && s !== void 0 ? s : "0.75 0 0.25 1"
96
110
  })
97
- } : null, d = (e, t)=>i(t) ? {
111
+ } : null, u = (e, t)=>a(t) ? {
98
112
  opacity: 0,
99
113
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("animate", {
100
114
  attributeName: "opacity",
@@ -108,7 +122,7 @@ const i = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), p = (e, t, a)=>i(a) ?
108
122
  calcMode: "spline",
109
123
  keySplines: "0.75 0 0.25 1"
110
124
  })
111
- } : null, f = (e, t)=>i(t) ? {
125
+ } : null, y = (e, t)=>a(t) ? {
112
126
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
113
127
  children: [
114
128
  /* @__PURE__ */ (0, _jsxruntime.jsx)("animate", {
@@ -135,7 +149,7 @@ const i = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), p = (e, t, a)=>i(a) ?
135
149
  })
136
150
  ]
137
151
  })
138
- } : null, u = (e, t)=>i(t) ? {
152
+ } : null, k = (e, t)=>a(t) ? {
139
153
  opacity: 0,
140
154
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
141
155
  children: [
@@ -190,7 +204,7 @@ const i = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), p = (e, t, a)=>i(a) ?
190
204
  })
191
205
  ]
192
206
  })
193
- } : null, o = (param, t)=>/* @__PURE__ */ {
207
+ } : null, m = (param, t)=>/* @__PURE__ */ {
194
208
  let { children: e } = param;
195
209
  return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
196
210
  children: [
@@ -198,12 +212,12 @@ const i = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), p = (e, t, a)=>i(a) ?
198
212
  t
199
213
  ]
200
214
  });
201
- }, y = function() {
215
+ }, h = function() {
202
216
  for(var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++){
203
217
  e[_key] = arguments[_key];
204
218
  }
205
- return e.reduce((t, a)=>_object_spread_props(_object_spread({}, t, a || {}), {
206
- children: o(t, a ? a.children : null)
219
+ return e.reduce((t, i)=>_object_spread_props(_object_spread({}, t, i || {}), {
220
+ children: m(t, i ? i.children : null)
207
221
  }), {
208
222
  children: null
209
223
  });
@@ -24,6 +24,6 @@ _export(exports, {
24
24
  });
25
25
  require("../sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
27
- var a = "yqswj62", n = "_1y2v1nfbr _1y2v1nfc8 _1y2v1nfe6 _1y2v1nfel", y = {
27
+ var a = "yqswj62", n = "_1y2v1nfbs _1y2v1nfc9 _1y2v1nfeb _1y2v1nfeq", y = {
28
28
  aspectRatio: "var(--yqswj60)"
29
- }, e = "_1y2v1nfe4 _1y2v1nfdj _1y2v1nfdk _1y2v1nfaz";
29
+ }, e = "_1y2v1nfe5 _1y2v1nfdk _1y2v1nfdl _1y2v1nfaz";