@telefonica/mistica 16.28.1 → 16.29.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 (191) hide show
  1. package/css/mistica-common.css +141 -19
  2. package/css/mistica.css +1 -1
  3. package/dist/accordion.css-mistica.js +6 -6
  4. package/dist/align.css-mistica.js +1 -1
  5. package/dist/avatar.css-mistica.js +2 -2
  6. package/dist/badge.css-mistica.js +1 -1
  7. package/dist/box.css-mistica.js +13 -13
  8. package/dist/boxed.css-mistica.js +25 -25
  9. package/dist/button-group.css-mistica.js +1 -1
  10. package/dist/button-layout.css-mistica.js +13 -13
  11. package/dist/button.css-mistica.js +16 -16
  12. package/dist/callout.css-mistica.js +5 -5
  13. package/dist/card.css-mistica.js +3 -3
  14. package/dist/carousel.css-mistica.js +6 -6
  15. package/dist/checkbox.css-mistica.js +7 -7
  16. package/dist/chip.css-mistica.js +12 -12
  17. package/dist/circle.css-mistica.js +1 -1
  18. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  19. package/dist/community/blocks.css-mistica.js +3 -3
  20. package/dist/community/example-component.css-mistica.js +1 -1
  21. package/dist/counter.css-mistica.js +1 -1
  22. package/dist/cover-hero.css-mistica.js +3 -3
  23. package/dist/credit-card-number-field.css-mistica.js +3 -3
  24. package/dist/date-field.css-mistica.js +1 -1
  25. package/dist/date-time-picker.css-mistica.js +1 -1
  26. package/dist/dialog.css-mistica.js +4 -4
  27. package/dist/divider.css-mistica.js +2 -2
  28. package/dist/double-field.css-mistica.js +2 -2
  29. package/dist/drawer.css-mistica.js +1 -1
  30. package/dist/empty-state-card.css-mistica.js +1 -1
  31. package/dist/empty-state.css-mistica.js +7 -7
  32. package/dist/fade-in.css-mistica.js +1 -1
  33. package/dist/feedback.css-mistica.js +1 -1
  34. package/dist/fixed-footer-layout.css-mistica.js +4 -4
  35. package/dist/form.css-mistica.js +1 -1
  36. package/dist/form.d.ts +3 -1
  37. package/dist/form.js +34 -32
  38. package/dist/grid-layout.css-mistica.js +5 -5
  39. package/dist/grid.css-mistica.js +124 -124
  40. package/dist/header.css-mistica.js +1 -1
  41. package/dist/hero.css-mistica.js +2 -2
  42. package/dist/highlighted-card.css-mistica.js +4 -4
  43. package/dist/horizontal-scroll.css-mistica.js +3 -3
  44. package/dist/icon-button.css-mistica.js +42 -42
  45. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  46. package/dist/icons/icon-error.css-mistica.js +1 -1
  47. package/dist/image.css-mistica.js +3 -3
  48. package/dist/inline.css-mistica.js +13 -13
  49. package/dist/list.css-mistica.js +1 -1
  50. package/dist/loading-bar.css-mistica.js +1 -1
  51. package/dist/loading-screen.css-mistica.js +5 -5
  52. package/dist/logo.css-mistica.js +6 -6
  53. package/dist/maybe-dismissable.css-mistica.js +1 -1
  54. package/dist/menu.css-mistica.js +12 -12
  55. package/dist/menu.d.ts +2 -1
  56. package/dist/menu.js +120 -116
  57. package/dist/mosaic.css-mistica.js +2 -2
  58. package/dist/navigation-bar.css-mistica.js +16 -16
  59. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  60. package/dist/package-version.js +1 -1
  61. package/dist/pin-field.css-mistica.js +1 -1
  62. package/dist/popover.css-mistica.js +1 -1
  63. package/dist/progress-bar.css-mistica.js +5 -5
  64. package/dist/radio-button.css-mistica.js +14 -14
  65. package/dist/rating.css-mistica.js +3 -3
  66. package/dist/responsive-layout.css-mistica.js +6 -6
  67. package/dist/screen-reader-only.css-mistica.js +1 -1
  68. package/dist/select.css-mistica.js +15 -15
  69. package/dist/select.d.ts +3 -1
  70. package/dist/select.js +48 -42
  71. package/dist/sheet-action-row.css-mistica.js +1 -1
  72. package/dist/sheet-common.css-mistica.js +1 -1
  73. package/dist/sheet-info.css-mistica.js +2 -2
  74. package/dist/skeletons.css-mistica.js +4 -4
  75. package/dist/skins/skin-contract.css-mistica.js +354 -354
  76. package/dist/slider.css-mistica.js +10 -10
  77. package/dist/snackbar.css-mistica.js +4 -4
  78. package/dist/spinner.css-mistica.js +1 -1
  79. package/dist/stack.css-mistica.js +7 -7
  80. package/dist/stacking-group.css-mistica.js +1 -1
  81. package/dist/stepper.css-mistica.js +2 -2
  82. package/dist/switch-component.css-mistica.js +26 -26
  83. package/dist/table.css-mistica.js +8 -8
  84. package/dist/tabs.css-mistica.js +12 -12
  85. package/dist/tag.css-mistica.js +1 -1
  86. package/dist/text-field-base.css-mistica.js +1 -1
  87. package/dist/text-field-components.css-mistica.js +3 -3
  88. package/dist/text-link.css-mistica.js +5 -5
  89. package/dist/text.css-mistica.js +9 -9
  90. package/dist/theme-context.css-mistica.js +398 -398
  91. package/dist/timeline.css-mistica.js +10 -10
  92. package/dist/timer.css-mistica.js +6 -6
  93. package/dist/tooltip.css-mistica.js +1 -1
  94. package/dist/touchable.css-mistica.js +1 -1
  95. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  96. package/dist/video.css-mistica.js +2 -2
  97. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -3
  98. package/dist-es/accordion.css-mistica.js +6 -6
  99. package/dist-es/align.css-mistica.js +1 -1
  100. package/dist-es/avatar.css-mistica.js +2 -2
  101. package/dist-es/badge.css-mistica.js +1 -1
  102. package/dist-es/box.css-mistica.js +13 -13
  103. package/dist-es/boxed.css-mistica.js +24 -24
  104. package/dist-es/button-group.css-mistica.js +1 -1
  105. package/dist-es/button-layout.css-mistica.js +13 -13
  106. package/dist-es/button.css-mistica.js +16 -16
  107. package/dist-es/callout.css-mistica.js +5 -5
  108. package/dist-es/card.css-mistica.js +3 -3
  109. package/dist-es/carousel.css-mistica.js +6 -6
  110. package/dist-es/checkbox.css-mistica.js +7 -7
  111. package/dist-es/chip.css-mistica.js +12 -12
  112. package/dist-es/circle.css-mistica.js +1 -1
  113. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  114. package/dist-es/community/blocks.css-mistica.js +2 -2
  115. package/dist-es/community/example-component.css-mistica.js +1 -1
  116. package/dist-es/counter.css-mistica.js +1 -1
  117. package/dist-es/cover-hero.css-mistica.js +3 -3
  118. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  119. package/dist-es/date-field.css-mistica.js +1 -1
  120. package/dist-es/date-time-picker.css-mistica.js +1 -1
  121. package/dist-es/dialog.css-mistica.js +4 -4
  122. package/dist-es/divider.css-mistica.js +2 -2
  123. package/dist-es/double-field.css-mistica.js +2 -2
  124. package/dist-es/drawer.css-mistica.js +1 -1
  125. package/dist-es/empty-state-card.css-mistica.js +1 -1
  126. package/dist-es/empty-state.css-mistica.js +6 -6
  127. package/dist-es/fade-in.css-mistica.js +1 -1
  128. package/dist-es/feedback.css-mistica.js +1 -1
  129. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  130. package/dist-es/form.css-mistica.js +1 -1
  131. package/dist-es/form.js +45 -43
  132. package/dist-es/grid-layout.css-mistica.js +4 -4
  133. package/dist-es/grid.css-mistica.js +124 -124
  134. package/dist-es/header.css-mistica.js +1 -1
  135. package/dist-es/hero.css-mistica.js +2 -2
  136. package/dist-es/highlighted-card.css-mistica.js +4 -4
  137. package/dist-es/horizontal-scroll.css-mistica.js +2 -2
  138. package/dist-es/icon-button.css-mistica.js +42 -42
  139. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  140. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  141. package/dist-es/image.css-mistica.js +3 -3
  142. package/dist-es/inline.css-mistica.js +11 -11
  143. package/dist-es/list.css-mistica.js +1 -1
  144. package/dist-es/loading-bar.css-mistica.js +1 -1
  145. package/dist-es/loading-screen.css-mistica.js +5 -5
  146. package/dist-es/logo.css-mistica.js +6 -6
  147. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  148. package/dist-es/menu.css-mistica.js +12 -12
  149. package/dist-es/menu.js +145 -141
  150. package/dist-es/mosaic.css-mistica.js +2 -2
  151. package/dist-es/navigation-bar.css-mistica.js +16 -16
  152. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  153. package/dist-es/package-version.js +1 -1
  154. package/dist-es/pin-field.css-mistica.js +1 -1
  155. package/dist-es/popover.css-mistica.js +1 -1
  156. package/dist-es/progress-bar.css-mistica.js +5 -5
  157. package/dist-es/radio-button.css-mistica.js +14 -14
  158. package/dist-es/rating.css-mistica.js +3 -3
  159. package/dist-es/responsive-layout.css-mistica.js +6 -6
  160. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  161. package/dist-es/select.css-mistica.js +15 -15
  162. package/dist-es/select.js +96 -90
  163. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  164. package/dist-es/sheet-common.css-mistica.js +1 -1
  165. package/dist-es/sheet-info.css-mistica.js +2 -2
  166. package/dist-es/skeletons.css-mistica.js +4 -4
  167. package/dist-es/skins/skin-contract.css-mistica.js +354 -354
  168. package/dist-es/slider.css-mistica.js +10 -10
  169. package/dist-es/snackbar.css-mistica.js +4 -4
  170. package/dist-es/spinner.css-mistica.js +1 -1
  171. package/dist-es/stack.css-mistica.js +6 -6
  172. package/dist-es/stacking-group.css-mistica.js +1 -1
  173. package/dist-es/stepper.css-mistica.js +2 -2
  174. package/dist-es/style.css +1 -1
  175. package/dist-es/switch-component.css-mistica.js +26 -26
  176. package/dist-es/table.css-mistica.js +8 -8
  177. package/dist-es/tabs.css-mistica.js +12 -12
  178. package/dist-es/tag.css-mistica.js +1 -1
  179. package/dist-es/text-field-base.css-mistica.js +1 -1
  180. package/dist-es/text-field-components.css-mistica.js +3 -3
  181. package/dist-es/text-link.css-mistica.js +5 -5
  182. package/dist-es/text.css-mistica.js +8 -8
  183. package/dist-es/theme-context.css-mistica.js +396 -396
  184. package/dist-es/timeline.css-mistica.js +10 -10
  185. package/dist-es/timer.css-mistica.js +6 -6
  186. package/dist-es/tooltip.css-mistica.js +1 -1
  187. package/dist-es/touchable.css-mistica.js +1 -1
  188. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  189. package/dist-es/video.css-mistica.js +2 -2
  190. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +2 -2
  191. package/package.json +1 -1
@@ -9,4 +9,4 @@ Object.defineProperty(exports, "wrapper", {
9
9
  }
10
10
  });
11
11
  require("./fade-in.css.ts.vanilla.css-mistica.js");
12
- var p = "v16_28_1_kq227n1";
12
+ var p = "v16_29_kq227n1";
@@ -48,4 +48,4 @@ _export(exports, {
48
48
  });
49
49
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
50
50
  require("./feedback.css.ts.vanilla.css-mistica.js");
51
- var v = "v16_28_1_1y2v1nfjr v16_28_1_1y2v1nfk7", e = "v16_28_1_gx6h6af", r = "v16_28_1_gx6h6a4 v16_28_1_1y2v1nfis v16_28_1_1y2v1nfjw v16_28_1_1y2v1nfjf v16_28_1_1y2v1nfiy", n = "v16_28_1_gx6h6a0", t = "v16_28_1_gx6h6a1", x = "v16_28_1_gx6h6a2", g = "v16_28_1_gx6h6ae", h = "v16_28_1_gx6h6ab v16_28_1_gx6h6aa", o = "v16_28_1_gx6h6ac v16_28_1_gx6h6aa", i = "v16_28_1_gx6h6ad v16_28_1_gx6h6aa", f = "v16_28_1_gx6h6a5", p = "v16_28_1_gx6h6a6";
51
+ var v = "v16_29_1y2v1nfjr v16_29_1y2v1nfk7", e = "v16_29_gx6h6af", r = "v16_29_gx6h6a4 v16_29_1y2v1nfis v16_29_1y2v1nfjw v16_29_1y2v1nfjf v16_29_1y2v1nfiy", n = "v16_29_gx6h6a0", t = "v16_29_gx6h6a1", x = "v16_29_gx6h6a2", g = "v16_29_gx6h6ae", h = "v16_29_gx6h6ab v16_29_gx6h6aa", o = "v16_29_gx6h6ac v16_29_gx6h6aa", i = "v16_29_gx6h6ad v16_29_gx6h6aa", f = "v16_29_gx6h6a5", p = "v16_29_gx6h6a6";
@@ -39,7 +39,7 @@ _export(exports, {
39
39
  });
40
40
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
41
41
  require("./fixed-footer-layout.css.ts.vanilla.css-mistica.js");
42
- var r = "v16_28_1_p5j8j5d v16_28_1_1y2v1nfmf v16_28_1_1y2v1nfmu v16_28_1_1y2v1nfin", f = "v16_28_1_p5j8j57", n = "v16_28_1_p5j8j55", o = "v16_28_1_p5j8j5b v16_28_1_1y2v1nfm0 v16_28_1_1y2v1nfmf v16_28_1_1y2v1nfmu v16_28_1_1y2v1nfn9 v16_28_1_1y2v1nfio", a = "v16_28_1_p5j8j54", j = "v16_28_1_p5j8j53 v16_28_1_1y2v1nfjf", y = "v16_28_1_p5j8j59 v16_28_1_1y2v1nfm0 v16_28_1_1y2v1nfmf v16_28_1_1y2v1nfmu v16_28_1_1y2v1nfn9 v16_28_1_1y2v1nfio", e = {
43
- footerHeight: "var(--v16_28_1_p5j8j50)",
44
- backgroundColor: "var(--v16_28_1_p5j8j51)"
45
- }, t = "v16_28_1_1y2v1nfir";
42
+ var r = "v16_29_p5j8j5d v16_29_1y2v1nfmf v16_29_1y2v1nfmu v16_29_1y2v1nfin", f = "v16_29_p5j8j57", n = "v16_29_p5j8j55", o = "v16_29_p5j8j5b v16_29_1y2v1nfm0 v16_29_1y2v1nfmf v16_29_1y2v1nfmu v16_29_1y2v1nfn9 v16_29_1y2v1nfio", a = "v16_29_p5j8j54", j = "v16_29_p5j8j53 v16_29_1y2v1nfjf", y = "v16_29_p5j8j59 v16_29_1y2v1nfm0 v16_29_1y2v1nfmf v16_29_1y2v1nfmu v16_29_1y2v1nfn9 v16_29_1y2v1nfio", e = {
43
+ footerHeight: "var(--v16_29_p5j8j50)",
44
+ backgroundColor: "var(--v16_29_p5j8j51)"
45
+ }, t = "v16_29_1y2v1nfir";
@@ -9,4 +9,4 @@ Object.defineProperty(exports, "form", {
9
9
  }
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
- var f = "v16_28_1_1y2v1nfjf";
12
+ var f = "v16_29_1y2v1nfjf";
package/dist/form.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react';
2
+ import type { DataAttributes } from './utils/types';
2
3
  import type { FormErrors } from './form-context';
3
4
  export type FormValues = {
4
5
  [name: string]: any;
@@ -12,6 +13,7 @@ type FormProps = {
12
13
  onValidationErrors?: (errors: FormErrors) => void;
13
14
  getErrorMessageForScreenReader?: (errors: FormErrors) => string;
14
15
  className?: string;
16
+ dataAttributes?: DataAttributes;
15
17
  };
16
- declare const Form: ({ children, className, onSubmit, initialValues, autoJump, onValidationErrors, getErrorMessageForScreenReader, id: idProp, }: FormProps) => JSX.Element;
18
+ declare const Form: ({ children, className, onSubmit, initialValues, autoJump, onValidationErrors, getErrorMessageForScreenReader, id: idProp, dataAttributes, }: FormProps) => JSX.Element;
17
19
  export default Form;
package/dist/form.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return ie;
9
+ return fe;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -18,6 +18,7 @@ const _formcssmistica = require("./form.css-mistica.js");
18
18
  const _texttokens = require("./text-tokens.js");
19
19
  const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./screen-reader-only.js"));
20
20
  const _platform = require("./utils/platform.js");
21
+ const _dom = require("./utils/dom.js");
21
22
  function _interop_require_default(obj) {
22
23
  return obj && obj.__esModule ? obj : {
23
24
  default: obj
@@ -117,13 +118,13 @@ function _object_spread_props(target, source) {
117
118
  return target;
118
119
  }
119
120
  process.env.NODE_ENV !== "test" && typeof document < "u" && !("scrollBehavior" in document.documentElement.style) && Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("scroll-behavior-polyfill"))).finally(()=>{});
120
- const J = (param)=>{
121
- let { children: M, className: T, onSubmit: O, initialValues: g = {}, autoJump: k = !1, onValidationErrors: a, getErrorMessageForScreenReader: F, id: V } = param;
122
- const f = _react.useRef(!0), [u, w] = _react.useState(g), [i, A] = _react.useState(g), [P, m] = _react.useState("filling"), [d, I] = _react.useState({}), l = _react.useRef(/* @__PURE__ */ new Map()), p = _react.useRef(null), { texts: b, t: h, platformOverrides: v } = (0, _hooks.useTheme)(), D = _react.useId(), C = V || D;
121
+ const te = (param)=>{
122
+ let { children: M, className: A, onSubmit: g, initialValues: O = {}, autoJump: k = !1, onValidationErrors: a, getErrorMessageForScreenReader: F, id: P, dataAttributes: T } = param;
123
+ const f = _react.useRef(!0), [u, V] = _react.useState(O), [i, w] = _react.useState(O), [D, m] = _react.useState("filling"), [d, I] = _react.useState({}), l = _react.useRef(/* @__PURE__ */ new Map()), p = _react.useRef(null), { texts: b, t: h, platformOverrides: v } = (0, _hooks.useTheme)(), L = _react.useId(), C = P || L;
123
124
  _react.useEffect(()=>(f.current = !0, ()=>{
124
125
  f.current = !1;
125
126
  }), []);
126
- const L = _react.useCallback((e, param)=>{
127
+ const W = _react.useCallback((e, param)=>{
127
128
  let { input: s, validator: o, focusableElement: t, label: r } = param;
128
129
  s || t ? l.current.set(e, {
129
130
  input: s,
@@ -131,12 +132,12 @@ const J = (param)=>{
131
132
  focusableElement: t,
132
133
  label: r
133
134
  }) : l.current.delete(e);
134
- }, []), W = _react.useCallback((param)=>{
135
+ }, []), B = _react.useCallback((param)=>{
135
136
  let { name: e, error: s } = param;
136
137
  return I((o)=>_object_spread_props(_object_spread({}, o), {
137
138
  [e]: s
138
139
  }));
139
- }, []), N = _react.useCallback((e)=>(0, _platform.isIos)(v) ? !(e.tagName === "SELECT" || [
140
+ }, []), x = _react.useCallback((e)=>(0, _platform.isIos)(v) ? !(e.tagName === "SELECT" || [
140
141
  "date",
141
142
  "datetime-local",
142
143
  "month"
@@ -160,7 +161,7 @@ const J = (param)=>{
160
161
  if (s.length) {
161
162
  s.sort((r, c)=>r.compareDocumentPosition(c) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
162
163
  const t = s[0];
163
- N(t) && t.focus();
164
+ x(t) && t.focus();
164
165
  try {
165
166
  t.scrollIntoView({
166
167
  behavior: "smooth",
@@ -176,8 +177,8 @@ const J = (param)=>{
176
177
  b.formFieldErrorIsMandatory,
177
178
  h,
178
179
  u,
179
- N
180
- ]), B = _react.useCallback((e)=>{
180
+ x
181
+ ]), _ = _react.useCallback((e)=>{
181
182
  setTimeout(()=>{
182
183
  var s;
183
184
  if (k && p.current) {
@@ -190,58 +191,59 @@ const J = (param)=>{
190
191
  }, 100);
191
192
  }, [
192
193
  k
193
- ]), S = (e)=>[
194
+ ]), N = (e)=>[
194
195
  ...l.current.keys()
195
196
  ].reduce((s, o)=>{
196
197
  var t, r;
197
198
  return (r = (t = l.current.get(o)) == null ? void 0 : t.input) != null && r.disabled ? s : _object_spread_props(_object_spread({}, s), {
198
199
  [o]: e[o]
199
200
  });
200
- }, {}), x = _react.useCallback((e)=>(e == null || e.preventDefault(), m("sending"), Object.keys(E()).length > 0 ? (m("filling"), Promise.resolve()) : Promise.resolve(O(S(u), S(i))).finally(()=>{
201
+ }, {}), S = _react.useCallback((e)=>(e == null || e.preventDefault(), m("sending"), Object.keys(E()).length > 0 ? (m("filling"), Promise.resolve()) : Promise.resolve(g(N(u), N(i))).finally(()=>{
201
202
  f.current && m("filling");
202
203
  })), [
203
- O,
204
+ g,
204
205
  i,
205
206
  E,
206
207
  u
207
- ]), _ = _react.useCallback((param)=>{
208
+ ]), $ = _react.useCallback((param)=>{
208
209
  let { name: e, value: s } = param;
209
- w((o)=>_object_spread_props(_object_spread({}, o), {
210
+ V((o)=>_object_spread_props(_object_spread({}, o), {
210
211
  [e]: s
211
212
  }));
212
- }, []), $ = _react.useCallback((param)=>{
213
+ }, []), q = _react.useCallback((param)=>{
213
214
  let { name: e, value: s } = param;
214
- A((o)=>_object_spread_props(_object_spread({}, o), {
215
+ w((o)=>_object_spread_props(_object_spread({}, o), {
215
216
  [e]: s
216
217
  }));
217
218
  }, []), R = Object.entries(d).map((param)=>{
218
219
  let [e, s] = param;
219
220
  var o;
220
221
  return s && ((o = l.current.get(e)) == null ? void 0 : o.label);
221
- }).filter(Boolean), q = R.length > 1;
222
+ }).filter(Boolean), G = R.length > 1;
222
223
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_formcontext.FormContext.Provider, {
223
224
  value: {
224
- formStatus: P,
225
+ formStatus: D,
225
226
  values: u,
226
- setValue: _,
227
+ setValue: $,
227
228
  rawValues: i,
228
- setRawValue: $,
229
+ setRawValue: q,
229
230
  formErrors: d,
230
- setFormError: W,
231
- register: L,
232
- jumpToNext: B,
231
+ setFormError: B,
232
+ register: W,
233
+ jumpToNext: _,
233
234
  validate: E,
234
- submit: x,
235
+ submit: S,
235
236
  formId: C
236
237
  },
237
- children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("form", {
238
+ children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("form", _object_spread_props(_object_spread({
238
239
  id: C,
239
- onSubmit: x,
240
+ onSubmit: S,
240
241
  ref: p,
241
- className: (0, _classnames.default)(_formcssmistica.form, T),
242
- noValidate: !0,
242
+ className: (0, _classnames.default)(_formcssmistica.form, A),
243
+ noValidate: !0
244
+ }, (0, _dom.getPrefixedDataAttributes)(T, "Form")), {
243
245
  children: [
244
- q ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
246
+ G ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
245
247
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
246
248
  role: "alert",
247
249
  children: F ? F(d) : `${b.formErrorsAlertMessage || h(_texttokens.formErrorsAlertMessage)} ${R.join(", ")}`
@@ -249,6 +251,6 @@ const J = (param)=>{
249
251
  }) : null,
250
252
  M
251
253
  ]
252
- })
254
+ }))
253
255
  });
254
- }, ie = J;
256
+ }, fe = te;
@@ -10,10 +10,10 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  collapsedInTablet: function() {
13
- return v;
13
+ return a;
14
14
  },
15
15
  desktopLargeColumn: function() {
16
- return a;
16
+ return _;
17
17
  },
18
18
  desktopMediumColumn: function() {
19
19
  return r;
@@ -32,7 +32,7 @@ _export(exports, {
32
32
  }
33
33
  });
34
34
  require("./grid-layout.css.ts.vanilla.css-mistica.js");
35
- var v = "v16_28_1_379jdb5", a = "v16_28_1_379jdb2", r = "v16_28_1_379jdb1", d = "v16_28_1_379jdb0", e = "v16_28_1_379jdb4", l = "v16_28_1_379jdb7", o = {
36
- colSpan: "var(--v16_28_1_379jdb6)",
37
- verticalSpace: "var(--v16_28_1_379jdb3)"
35
+ var a = "v16_29_379jdb5", _ = "v16_29_379jdb2", r = "v16_29_379jdb1", d = "v16_29_379jdb0", e = "v16_29_379jdb4", l = "v16_29_379jdb7", o = {
36
+ colSpan: "var(--v16_29_379jdb6)",
37
+ verticalSpace: "var(--v16_29_379jdb3)"
38
38
  };
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  alignSelf: function() {
13
- return v;
13
+ return _;
14
14
  },
15
15
  columnStart: function() {
16
16
  return i;
@@ -74,141 +74,141 @@ _export(exports, {
74
74
  }
75
75
  });
76
76
  require("./grid.css.ts.vanilla.css-mistica.js");
77
- var v = {
78
- start: "v16_28_1_mfyikv3b",
79
- end: "v16_28_1_mfyikv3c",
80
- center: "v16_28_1_mfyikv3d",
81
- stretch: "v16_28_1_mfyikv3e",
82
- baseline: "v16_28_1_mfyikv3f"
77
+ var _ = {
78
+ start: "v16_29_mfyikv3b",
79
+ end: "v16_29_mfyikv3c",
80
+ center: "v16_29_mfyikv3d",
81
+ stretch: "v16_29_mfyikv3e",
82
+ baseline: "v16_29_mfyikv3f"
83
83
  }, i = {
84
- 1: "v16_28_1_mfyikv2j",
85
- 2: "v16_28_1_mfyikv2k",
86
- 3: "v16_28_1_mfyikv2l",
87
- 4: "v16_28_1_mfyikv2m",
88
- 5: "v16_28_1_mfyikv2n",
89
- 6: "v16_28_1_mfyikv2o",
90
- 7: "v16_28_1_mfyikv2p",
91
- 8: "v16_28_1_mfyikv2q",
92
- 9: "v16_28_1_mfyikv2r",
93
- 10: "v16_28_1_mfyikv2s",
94
- 11: "v16_28_1_mfyikv2t",
95
- 12: "v16_28_1_mfyikv2u"
96
- }, m = "v16_28_1_mfyikv1t", f = "v16_28_1_mfyikv1u", y = "v16_28_1_mfyikvb", k = {
84
+ 1: "v16_29_mfyikv2j",
85
+ 2: "v16_29_mfyikv2k",
86
+ 3: "v16_29_mfyikv2l",
87
+ 4: "v16_29_mfyikv2m",
88
+ 5: "v16_29_mfyikv2n",
89
+ 6: "v16_29_mfyikv2o",
90
+ 7: "v16_29_mfyikv2p",
91
+ 8: "v16_29_mfyikv2q",
92
+ 9: "v16_29_mfyikv2r",
93
+ 10: "v16_29_mfyikv2s",
94
+ 11: "v16_29_mfyikv2t",
95
+ 12: "v16_29_mfyikv2u"
96
+ }, m = "v16_29_mfyikv1t", f = "v16_29_mfyikv1u", y = "v16_29_mfyikvb", k = {
97
97
  columnGap: {
98
- desktop: "var(--v16_28_1_mfyikv4)",
99
- tablet: "var(--v16_28_1_mfyikv5)",
100
- mobile: "var(--v16_28_1_mfyikv6)"
98
+ desktop: "var(--v16_29_mfyikv4)",
99
+ tablet: "var(--v16_29_mfyikv5)",
100
+ mobile: "var(--v16_29_mfyikv6)"
101
101
  },
102
102
  rowGap: {
103
- desktop: "var(--v16_28_1_mfyikv7)",
104
- tablet: "var(--v16_28_1_mfyikv8)",
105
- mobile: "var(--v16_28_1_mfyikv9)"
103
+ desktop: "var(--v16_29_mfyikv7)",
104
+ tablet: "var(--v16_29_mfyikv8)",
105
+ mobile: "var(--v16_29_mfyikv9)"
106
106
  }
107
- }, e = "v16_28_1_mfyikva", r = {
108
- start: "v16_28_1_mfyikv1m",
109
- end: "v16_28_1_mfyikv1n",
110
- center: "v16_28_1_mfyikv1o",
111
- stretch: "v16_28_1_mfyikv1p",
112
- "space-between": "v16_28_1_mfyikv1q",
113
- "space-around": "v16_28_1_mfyikv1r",
114
- "space-evenly": "v16_28_1_mfyikv1s"
107
+ }, e = "v16_29_mfyikva", r = {
108
+ start: "v16_29_mfyikv1m",
109
+ end: "v16_29_mfyikv1n",
110
+ center: "v16_29_mfyikv1o",
111
+ stretch: "v16_29_mfyikv1p",
112
+ "space-between": "v16_29_mfyikv1q",
113
+ "space-around": "v16_29_mfyikv1r",
114
+ "space-evenly": "v16_29_mfyikv1s"
115
115
  }, a = {
116
- start: "v16_28_1_mfyikv1a",
117
- end: "v16_28_1_mfyikv1b",
118
- center: "v16_28_1_mfyikv1c",
119
- stretch: "v16_28_1_mfyikv1d",
120
- baseline: "v16_28_1_mfyikv1e"
116
+ start: "v16_29_mfyikv1a",
117
+ end: "v16_29_mfyikv1b",
118
+ center: "v16_29_mfyikv1c",
119
+ stretch: "v16_29_mfyikv1d",
120
+ baseline: "v16_29_mfyikv1e"
121
121
  }, t = {
122
- column: "v16_28_1_mfyikv12",
123
- row: "v16_28_1_mfyikv13",
124
- "row dense": "v16_28_1_mfyikv14",
125
- "column dense": "v16_28_1_mfyikv15"
122
+ column: "v16_29_mfyikv12",
123
+ row: "v16_29_mfyikv13",
124
+ "row dense": "v16_29_mfyikv14",
125
+ "column dense": "v16_29_mfyikv15"
126
126
  }, n = {
127
- start: "v16_28_1_mfyikv1f",
128
- end: "v16_28_1_mfyikv1g",
129
- center: "v16_28_1_mfyikv1h",
130
- stretch: "v16_28_1_mfyikv1i",
131
- "space-between": "v16_28_1_mfyikv1j",
132
- "space-around": "v16_28_1_mfyikv1k",
133
- "space-evenly": "v16_28_1_mfyikv1l"
127
+ start: "v16_29_mfyikv1f",
128
+ end: "v16_29_mfyikv1g",
129
+ center: "v16_29_mfyikv1h",
130
+ stretch: "v16_29_mfyikv1i",
131
+ "space-between": "v16_29_mfyikv1j",
132
+ "space-around": "v16_29_mfyikv1k",
133
+ "space-evenly": "v16_29_mfyikv1l"
134
134
  }, s = {
135
- start: "v16_28_1_mfyikv16",
136
- end: "v16_28_1_mfyikv17",
137
- center: "v16_28_1_mfyikv18",
138
- stretch: "v16_28_1_mfyikv19"
135
+ start: "v16_29_mfyikv16",
136
+ end: "v16_29_mfyikv17",
137
+ center: "v16_29_mfyikv18",
138
+ stretch: "v16_29_mfyikv19"
139
139
  }, o = {
140
- 1: "v16_28_1_mfyikve",
141
- 2: "v16_28_1_mfyikvf",
142
- 3: "v16_28_1_mfyikvg",
143
- 4: "v16_28_1_mfyikvh",
144
- 5: "v16_28_1_mfyikvi",
145
- 6: "v16_28_1_mfyikvj",
146
- 7: "v16_28_1_mfyikvk",
147
- 8: "v16_28_1_mfyikvl",
148
- 9: "v16_28_1_mfyikvm",
149
- 10: "v16_28_1_mfyikvn",
150
- 11: "v16_28_1_mfyikvo",
151
- 12: "v16_28_1_mfyikvp"
152
- }, l = "v16_28_1_mfyikvc", c = {
153
- 1: "v16_28_1_mfyikvq",
154
- 2: "v16_28_1_mfyikvr",
155
- 3: "v16_28_1_mfyikvs",
156
- 4: "v16_28_1_mfyikvt",
157
- 5: "v16_28_1_mfyikvu",
158
- 6: "v16_28_1_mfyikvv",
159
- 7: "v16_28_1_mfyikvw",
160
- 8: "v16_28_1_mfyikvx",
161
- 9: "v16_28_1_mfyikvy",
162
- 10: "v16_28_1_mfyikvz",
163
- 11: "v16_28_1_mfyikv10",
164
- 12: "v16_28_1_mfyikv11"
165
- }, d = "v16_28_1_mfyikvd", p = {
166
- start: "v16_28_1_mfyikv37",
167
- end: "v16_28_1_mfyikv38",
168
- center: "v16_28_1_mfyikv39",
169
- stretch: "v16_28_1_mfyikv3a"
140
+ 1: "v16_29_mfyikve",
141
+ 2: "v16_29_mfyikvf",
142
+ 3: "v16_29_mfyikvg",
143
+ 4: "v16_29_mfyikvh",
144
+ 5: "v16_29_mfyikvi",
145
+ 6: "v16_29_mfyikvj",
146
+ 7: "v16_29_mfyikvk",
147
+ 8: "v16_29_mfyikvl",
148
+ 9: "v16_29_mfyikvm",
149
+ 10: "v16_29_mfyikvn",
150
+ 11: "v16_29_mfyikvo",
151
+ 12: "v16_29_mfyikvp"
152
+ }, l = "v16_29_mfyikvc", c = {
153
+ 1: "v16_29_mfyikvq",
154
+ 2: "v16_29_mfyikvr",
155
+ 3: "v16_29_mfyikvs",
156
+ 4: "v16_29_mfyikvt",
157
+ 5: "v16_29_mfyikvu",
158
+ 6: "v16_29_mfyikvv",
159
+ 7: "v16_29_mfyikvw",
160
+ 8: "v16_29_mfyikvx",
161
+ 9: "v16_29_mfyikvy",
162
+ 10: "v16_29_mfyikvz",
163
+ 11: "v16_29_mfyikv10",
164
+ 12: "v16_29_mfyikv11"
165
+ }, d = "v16_29_mfyikvd", p = {
166
+ start: "v16_29_mfyikv37",
167
+ end: "v16_29_mfyikv38",
168
+ center: "v16_29_mfyikv39",
169
+ stretch: "v16_29_mfyikv3a"
170
170
  }, u = {
171
- 1: "v16_28_1_mfyikv2v",
172
- 2: "v16_28_1_mfyikv2w",
173
- 3: "v16_28_1_mfyikv2x",
174
- 4: "v16_28_1_mfyikv2y",
175
- 5: "v16_28_1_mfyikv2z",
176
- 6: "v16_28_1_mfyikv30",
177
- 7: "v16_28_1_mfyikv31",
178
- 8: "v16_28_1_mfyikv32",
179
- 9: "v16_28_1_mfyikv33",
180
- 10: "v16_28_1_mfyikv34",
181
- 11: "v16_28_1_mfyikv35",
182
- 12: "v16_28_1_mfyikv36"
171
+ 1: "v16_29_mfyikv2v",
172
+ 2: "v16_29_mfyikv2w",
173
+ 3: "v16_29_mfyikv2x",
174
+ 4: "v16_29_mfyikv2y",
175
+ 5: "v16_29_mfyikv2z",
176
+ 6: "v16_29_mfyikv30",
177
+ 7: "v16_29_mfyikv31",
178
+ 8: "v16_29_mfyikv32",
179
+ 9: "v16_29_mfyikv33",
180
+ 10: "v16_29_mfyikv34",
181
+ 11: "v16_29_mfyikv35",
182
+ 12: "v16_29_mfyikv36"
183
183
  }, g = {
184
- 1: "v16_28_1_mfyikv1v",
185
- 2: "v16_28_1_mfyikv1w",
186
- 3: "v16_28_1_mfyikv1x",
187
- 4: "v16_28_1_mfyikv1y",
188
- 5: "v16_28_1_mfyikv1z",
189
- 6: "v16_28_1_mfyikv20",
190
- 7: "v16_28_1_mfyikv21",
191
- 8: "v16_28_1_mfyikv22",
192
- 9: "v16_28_1_mfyikv23",
193
- 10: "v16_28_1_mfyikv24",
194
- 11: "v16_28_1_mfyikv25",
195
- 12: "v16_28_1_mfyikv26"
184
+ 1: "v16_29_mfyikv1v",
185
+ 2: "v16_29_mfyikv1w",
186
+ 3: "v16_29_mfyikv1x",
187
+ 4: "v16_29_mfyikv1y",
188
+ 5: "v16_29_mfyikv1z",
189
+ 6: "v16_29_mfyikv20",
190
+ 7: "v16_29_mfyikv21",
191
+ 8: "v16_29_mfyikv22",
192
+ 9: "v16_29_mfyikv23",
193
+ 10: "v16_29_mfyikv24",
194
+ 11: "v16_29_mfyikv25",
195
+ 12: "v16_29_mfyikv26"
196
196
  }, w = {
197
- 1: "v16_28_1_mfyikv27",
198
- 2: "v16_28_1_mfyikv28",
199
- 3: "v16_28_1_mfyikv29",
200
- 4: "v16_28_1_mfyikv2a",
201
- 5: "v16_28_1_mfyikv2b",
202
- 6: "v16_28_1_mfyikv2c",
203
- 7: "v16_28_1_mfyikv2d",
204
- 8: "v16_28_1_mfyikv2e",
205
- 9: "v16_28_1_mfyikv2f",
206
- 10: "v16_28_1_mfyikv2g",
207
- 11: "v16_28_1_mfyikv2h",
208
- 12: "v16_28_1_mfyikv2i"
197
+ 1: "v16_29_mfyikv27",
198
+ 2: "v16_29_mfyikv28",
199
+ 3: "v16_29_mfyikv29",
200
+ 4: "v16_29_mfyikv2a",
201
+ 5: "v16_29_mfyikv2b",
202
+ 6: "v16_29_mfyikv2c",
203
+ 7: "v16_29_mfyikv2d",
204
+ 8: "v16_29_mfyikv2e",
205
+ 9: "v16_29_mfyikv2f",
206
+ 10: "v16_29_mfyikv2g",
207
+ 11: "v16_29_mfyikv2h",
208
+ 12: "v16_29_mfyikv2i"
209
209
  }, b = {
210
- rowMinSize: "var(--v16_28_1_mfyikv0)",
211
- rowMaxSize: "var(--v16_28_1_mfyikv1)",
212
- columnMinSize: "var(--v16_28_1_mfyikv2)",
213
- columnMaxSize: "var(--v16_28_1_mfyikv3)"
210
+ rowMinSize: "var(--v16_29_mfyikv0)",
211
+ rowMaxSize: "var(--v16_29_mfyikv1)",
212
+ columnMinSize: "var(--v16_29_mfyikv2)",
213
+ columnMaxSize: "var(--v16_29_mfyikv3)"
214
214
  };
@@ -24,4 +24,4 @@ _export(exports, {
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./header.css.ts.vanilla.css-mistica.js");
27
- var e = "v16_28_1_mtk7e90 v16_28_1_1y2v1nfak", r = "v16_28_1_1y2v1nfis v16_28_1_1y2v1nfiy", a = "v16_28_1_mtk7e93", m = "v16_28_1_mtk7e90";
27
+ var e = "v16_29_mtk7e90 v16_29_1y2v1nfak", r = "v16_29_1y2v1nfis v16_29_1y2v1nfiy", a = "v16_29_mtk7e93", m = "v16_29_mtk7e90";
@@ -45,6 +45,6 @@ _export(exports, {
45
45
  });
46
46
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
47
47
  require("./hero.css.ts.vanilla.css-mistica.js");
48
- var n = "v16_28_1_16rbpto9 v16_28_1_1y2v1nfis v16_28_1_1y2v1nfje v16_28_1_1y2v1nfj8", r = "v16_28_1_16rbpto3 v16_28_1_1y2v1nfis", t = "v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfjw", a = "v16_28_1_16rbpto5", o = "v16_28_1_1y2v1nfiy", i = "v16_28_1_1y2v1nfjw v16_28_1_1y2v1nfis v16_28_1_1y2v1nfj4 v16_28_1_1y2v1nfiy", y = "v16_28_1_16rbptob", e = "v16_28_1_1y2v1nfis v16_28_1_1y2v1nfiy", f = "v16_28_1_1y2v1nfjw", p = "v16_28_1_16rbptoa", b = {
49
- height: "var(--v16_28_1_16rbpto0)"
48
+ var n = "v16_29_16rbpto9 v16_29_1y2v1nfis v16_29_1y2v1nfje v16_29_1y2v1nfj8", r = "v16_29_16rbpto3 v16_29_1y2v1nfis", t = "v16_29_1y2v1nfj7 v16_29_1y2v1nfjw", a = "v16_29_16rbpto5", o = "v16_29_1y2v1nfiy", i = "v16_29_1y2v1nfjw v16_29_1y2v1nfis v16_29_1y2v1nfj4 v16_29_1y2v1nfiy", y = "v16_29_16rbptob", e = "v16_29_1y2v1nfis v16_29_1y2v1nfiy", f = "v16_29_1y2v1nfjw", p = "v16_29_16rbptoa", b = {
49
+ height: "var(--v16_29_16rbpto0)"
50
50
  };
@@ -24,7 +24,7 @@ _export(exports, {
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./highlighted-card.css.ts.vanilla.css-mistica.js");
27
- var n = "v16_28_1_wrb8722 v16_28_1_1y2v1nfis v16_28_1_1y2v1nfix v16_28_1_1y2v1nfj4 v16_28_1_1y2v1nfja", f = "v16_28_1_wrb8725 v16_28_1_1y2v1nfis", y = {
28
- withImage: "v16_28_1_wrb8728 v16_28_1_wrb8727 v16_28_1_1y2v1nfis v16_28_1_1y2v1nfiy v16_28_1_1y2v1nfj6 v16_28_1_1y2v1nf96 v16_28_1_1y2v1nfaf v16_28_1_1y2v1nfbi",
29
- withoutImage: "v16_28_1_wrb8729 v16_28_1_wrb8727 v16_28_1_1y2v1nfis v16_28_1_1y2v1nfiy v16_28_1_1y2v1nfj6 v16_28_1_1y2v1nf96 v16_28_1_1y2v1nfaf v16_28_1_1y2v1nfbi"
30
- }, i = "v16_28_1_1y2v1nf8l v16_28_1_1y2v1nf9u v16_28_1_1y2v1nfb3 v16_28_1_1y2v1nfcc v16_28_1_1y2v1nfis v16_28_1_1y2v1nfja v16_28_1_1y2v1nfla v16_28_1_1y2v1nfjf v16_28_1_1y2v1nf8k";
27
+ var n = "v16_29_wrb8722 v16_29_1y2v1nfis v16_29_1y2v1nfix v16_29_1y2v1nfj4 v16_29_1y2v1nfja", f = "v16_29_wrb8725 v16_29_1y2v1nfis", y = {
28
+ withImage: "v16_29_wrb8728 v16_29_wrb8727 v16_29_1y2v1nfis v16_29_1y2v1nfiy v16_29_1y2v1nfj6 v16_29_1y2v1nf96 v16_29_1y2v1nfaf v16_29_1y2v1nfbi",
29
+ withoutImage: "v16_29_wrb8729 v16_29_wrb8727 v16_29_1y2v1nfis v16_29_1y2v1nfiy v16_29_1y2v1nfj6 v16_29_1y2v1nf96 v16_29_1y2v1nfaf v16_29_1y2v1nfbi"
30
+ }, i = "v16_29_1y2v1nf8l v16_29_1y2v1nf9u v16_29_1y2v1nfb3 v16_29_1y2v1nfcc v16_29_1y2v1nfis v16_29_1y2v1nfja v16_29_1y2v1nfla v16_29_1y2v1nfjf v16_29_1y2v1nf8k";
@@ -10,13 +10,13 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  noScrollbar: function() {
13
- return o;
13
+ return l;
14
14
  },
15
15
  scroll: function() {
16
- return l;
16
+ return _;
17
17
  }
18
18
  });
19
19
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
20
20
  require("./responsive-layout.css.ts.vanilla.css-mistica.js");
21
21
  require("./horizontal-scroll.css.ts.vanilla.css-mistica.js");
22
- var o = "v16_28_1_1gl3gmv2", l = "v16_28_1_1gl3gmv1 v16_28_1_1y2v1nfis";
22
+ var l = "v16_29_1gl3gmv2", _ = "v16_29_1gl3gmv1 v16_29_1y2v1nfis";