@telefonica/mistica 17.10.0 → 17.11.0

package/dist/community/ai-card.css-mistica.js

@@ -44,5 +44,5 @@ _export(exports, {
     }
 });
 /* empty css                                      */ /* empty css                                   */ var r = {
-    borderColorVar: "var(--v17_10_19dwsmp0)"
-}, s = "v17_10_19dwsmp2 v17_10_19dwsmp1 v17_10_1y2v1nfi6 v17_10_1y2v1nfjf v17_10_1y2v1nfko v17_10_1y2v1nflx v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfsl", n = "v17_10_19dwsmp3", a = "v17_10_19dwsmp5 v17_10_19dwsmp4 v17_10_1y2v1nfry v17_10_1y2v1nfsd", d = "v17_10_19dwsmp7 v17_10_19dwsmp6 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7", p = "v17_10_19dwsmp8", t = "v17_10_19dwsmpa v17_10_19dwsmp9", e = "v17_10_19dwsmp9", m = "v17_10_19dwsmpc", w = "v17_10_19dwsmpd", y = "v17_10_19dwsmpe";
+    borderColorVar: "var(--v17_11_19dwsmp0)"
+}, s = "v17_11_19dwsmp2 v17_11_19dwsmp1 v17_11_1y2v1nfi6 v17_11_1y2v1nfjf v17_11_1y2v1nfko v17_11_1y2v1nflx v17_11_1y2v1nfry v17_11_1y2v1nfsd v17_11_1y2v1nfsl", n = "v17_11_19dwsmp3", a = "v17_11_19dwsmp5 v17_11_19dwsmp4 v17_11_1y2v1nfry v17_11_1y2v1nfsd", d = "v17_11_19dwsmp7 v17_11_19dwsmp6 v17_11_1y2v1nfry v17_11_1y2v1nfsd v17_11_1y2v1nfs7", p = "v17_11_19dwsmp8", t = "v17_11_19dwsmpa v17_11_19dwsmp9", e = "v17_11_19dwsmp9", m = "v17_11_19dwsmpc", w = "v17_11_19dwsmpd", y = "v17_11_19dwsmpe";

package/dist/community/blocks.css-mistica.js

@@ -13,7 +13,7 @@ _export(exports, {
         return n;
     },
     get rightContent () {
-        return o;
+        return t;
     }
 });
-/* empty css                                                */ /* empty css                                          */ /* empty css                                      */ /* empty css                                  */ var n = "v17_10_llrsen0 v17_10_1y2v1nfry v17_10_1y2v1nfs4", o = "v17_10_llrsen1";
+/* empty css                                          */ /* empty css                                      */ /* empty css                                  */ var n = "v17_11_llrsen0 v17_11_1y2v1nfry v17_11_1y2v1nfs4", t = "v17_11_llrsen1";

package/dist/community/cyber/example-component.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "example", {
         return e;
     }
 });
-/* empty css                                             */ var e = "v17_10_1xqw7a70";
+/* empty css                                             */ var e = "v17_11_1xqw7a70";

package/dist/community/example-component.css-mistica.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "example", {
     enumerable: true,
     get: function() {
-        return m;
+        return r;
     }
 });
-/* empty css                                             */ var m = "v17_10_jbmjs60";
+/* empty css                                                */ /* empty css                                             */ var r = "v17_11_jbmjs60";

package/dist/counter.css-mistica.js

@@ -43,4 +43,4 @@ _export(exports, {
         return i;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var n = "v17_10_rijsns0", s = "v17_10_rijsns1", r = "v17_10_rijsns3 v17_10_rijsns2 v17_10_1y2v1nfuo v17_10_1y2v1nf99 v17_10_1y2v1nfrz v17_10_1y2v1nfv2", t = "v17_10_rijsns4", i = "v17_10_rijsns5 v17_10_1y2v1nfrs v17_10_1y2v1nfry v17_10_1y2v1nfs7", a = "v17_10_rijsns6", f = "v17_10_rijsns8 v17_10_rijsns7 v17_10_1y2v1nfhq v17_10_1y2v1nfug v17_10_1y2v1nfrt v17_10_1y2v1nfsw v17_10_1y2v1nftc", y = "v17_10_rijsnsa v17_10_rijsns9 v17_10_1y2v1nfrt", o = "v17_10_rijsnsb v17_10_rijsnsa v17_10_rijsns9 v17_10_1y2v1nfrt", j = "v17_10_rijsnsc v17_10_rijsnsa v17_10_rijsns9 v17_10_1y2v1nfrt", u = "v17_10_rijsnse v17_10_rijsnsd v17_10_1y2v1nfsv v17_10_1y2v1nftb v17_10_1y2v1nfrt v17_10_1y2v1nfuo v17_10_1y2v1nffc";
+/* empty css                                     */ /* empty css                                   */ var n = "v17_11_rijsns0", s = "v17_11_rijsns1", r = "v17_11_rijsns3 v17_11_rijsns2 v17_11_1y2v1nfuo v17_11_1y2v1nf99 v17_11_1y2v1nfrz v17_11_1y2v1nfv2", t = "v17_11_rijsns4", i = "v17_11_rijsns5 v17_11_1y2v1nfrs v17_11_1y2v1nfry v17_11_1y2v1nfs7", a = "v17_11_rijsns6", f = "v17_11_rijsns8 v17_11_rijsns7 v17_11_1y2v1nfhq v17_11_1y2v1nfug v17_11_1y2v1nfrt v17_11_1y2v1nfsw v17_11_1y2v1nftc", y = "v17_11_rijsnsa v17_11_rijsns9 v17_11_1y2v1nfrt", o = "v17_11_rijsnsb v17_11_rijsnsa v17_11_rijsns9 v17_11_1y2v1nfrt", j = "v17_11_rijsnsc v17_11_rijsnsa v17_11_rijsns9 v17_11_1y2v1nfrt", u = "v17_11_rijsnse v17_11_rijsnsd v17_11_1y2v1nfsv v17_11_1y2v1nftb v17_11_1y2v1nfrt v17_11_1y2v1nfuo v17_11_1y2v1nffc";

package/dist/cover-hero.css-mistica.js

@@ -50,5 +50,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                             */ /* empty css                                    */ /* empty css                                      */ var r = {
-    aspectRatio: "var(--v17_10_moeazi0)"
-}, n = "v17_10_moeazi2 v17_10_moeazi1 v17_10_1y2v1nfrs v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfs7 v17_10_1y2v1nfsl v17_10_1y2v1nfv8 v17_10_1y2v1nfwh", o = "v17_10_moeazi4 v17_10_moeazi3 v17_10_1y2v1nfrs v17_10_1y2v1nfry v17_10_1y2v1nfsl", i = "v17_10_moeazi5", y = "v17_10_moeazi6", m = "v17_10_moeazi7", f = "v17_10_moeazi9 v17_10_moeazi8 v17_10_1y2v1nfsd", t = "v17_10_moeazia v17_10_1y2v1nfrt v17_10_1y2v1nfww v17_10_1y2v1nfsl v17_10_1y2v1nft2", s = "v17_10_moeazic v17_10_moeazib v17_10_1y2v1nfrt v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfsl v17_10_1y2v1nft2", z = "v17_10_moeazid v17_10_1y2v1nfrs", l = "v17_10_moeazie", d = "v17_10_moeazif v17_10_1y2v1nfrs", p = "v17_10_moeazig v17_10_1y2v1nfry v17_10_1y2v1nfs4";
+    aspectRatio: "var(--v17_11_moeazi0)"
+}, n = "v17_11_moeazi2 v17_11_moeazi1 v17_11_1y2v1nfrs v17_11_1y2v1nfry v17_11_1y2v1nfs4 v17_11_1y2v1nfs7 v17_11_1y2v1nfsl v17_11_1y2v1nfv8 v17_11_1y2v1nfwh", o = "v17_11_moeazi4 v17_11_moeazi3 v17_11_1y2v1nfrs v17_11_1y2v1nfry v17_11_1y2v1nfsl", i = "v17_11_moeazi5", y = "v17_11_moeazi6", m = "v17_11_moeazi7", f = "v17_11_moeazi9 v17_11_moeazi8 v17_11_1y2v1nfsd", t = "v17_11_moeazia v17_11_1y2v1nfrt v17_11_1y2v1nfww v17_11_1y2v1nfsl v17_11_1y2v1nft2", s = "v17_11_moeazic v17_11_moeazib v17_11_1y2v1nfrt v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfsl v17_11_1y2v1nft2", z = "v17_11_moeazid v17_11_1y2v1nfrs", l = "v17_11_moeazie", d = "v17_11_moeazif v17_11_1y2v1nfrs", p = "v17_11_moeazig v17_11_1y2v1nfry v17_11_1y2v1nfs4";

package/dist/credit-card-number-field.css-mistica.js

@@ -22,7 +22,7 @@ _export(exports, {
         return q;
     }
 });
-/* empty css                                     */ /* empty css                                                    */ var y = "v17_10_yvyo3q0", o = "v17_10_yvyo3q4 v17_10_yvyo3q2 v17_10_yvyo3q1 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nft2 v17_10_yvyo3q3 v17_10_1y2v1nfrt", f = "v17_10_yvyo3q5 v17_10_yvyo3q2 v17_10_yvyo3q1 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nft2", q = {
-    default: "v17_10_yvyo3qa v17_10_yvyo3q7 v17_10_yvyo3q6 v17_10_1y2v1nfrs v17_10_yvyo3q8",
-    backface: "v17_10_yvyo3qb v17_10_yvyo3q7 v17_10_yvyo3q6 v17_10_1y2v1nfrs v17_10_yvyo3q9"
+/* empty css                                     */ /* empty css                                                    */ var y = "v17_11_yvyo3q0", o = "v17_11_yvyo3q4 v17_11_yvyo3q2 v17_11_yvyo3q1 v17_11_1y2v1nfry v17_11_1y2v1nfsd v17_11_1y2v1nfs7 v17_11_1y2v1nft2 v17_11_yvyo3q3 v17_11_1y2v1nfrt", f = "v17_11_yvyo3q5 v17_11_yvyo3q2 v17_11_yvyo3q1 v17_11_1y2v1nfry v17_11_1y2v1nfsd v17_11_1y2v1nfs7 v17_11_1y2v1nft2", q = {
+    default: "v17_11_yvyo3qa v17_11_yvyo3q7 v17_11_yvyo3q6 v17_11_1y2v1nfrs v17_11_yvyo3q8",
+    backface: "v17_11_yvyo3qb v17_11_yvyo3q7 v17_11_yvyo3q6 v17_11_1y2v1nfrs v17_11_yvyo3q9"
 };

package/dist/date-field.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "iconContainer", {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v17_10_1pntndu0";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v17_11_1pntndu0";

package/dist/date-time-picker.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "reactDatePicker", {
         return e;
     }
 });
-/* empty css                                            */ var e = "v17_10_c0yqjy0";
+/* empty css                                            */ var e = "v17_11_c0yqjy0";

package/dist/dialog.css-mistica.js

@@ -43,7 +43,7 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v17_10_3dl29l3 v17_10_3dl29l2 v17_10_1y2v1nfrs", y = "v17_10_3dl29l5 v17_10_3dl29l4 v17_10_1y2v1nfru v17_10_1y2v1nfry v17_10_1y2v1nfs7 v17_10_1y2v1nfsd v17_10_1y2v1nfs4 v17_10_1y2v1nfv8 v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nfvn v17_10_1y2v1nf9m", f = "v17_10_3dl29l6", d = "v17_10_3dl29l8 v17_10_3dl29l7 v17_10_1y2v1nfi6 v17_10_1y2v1nfjf v17_10_1y2v1nfko v17_10_1y2v1nflx v17_10_1y2v1nfrt v17_10_1y2v1nfv8 v17_10_1y2v1nfw2", a = "v17_10_3dl29la v17_10_3dl29l9 v17_10_1y2v1nf8v v17_10_1y2v1nfuq", r = "v17_10_3dl29lb", o = {
-    dialog: "v17_10_3dl29lg v17_10_3dl29ld v17_10_3dl29lc v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsa v17_10_3dl29le v17_10_1y2v1nfku v17_10_1y2v1nfm3 v17_10_1y2v1nfii v17_10_1y2v1nfjl",
-    default: "v17_10_3dl29lh v17_10_3dl29ld v17_10_3dl29lc v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsa v17_10_3dl29lf v17_10_1y2v1nfic v17_10_1y2v1nfjl v17_10_1y2v1nfku v17_10_1y2v1nfm3"
-}, t = "v17_10_3dl29lj v17_10_3dl29li v17_10_1y2v1nfsk v17_10_1y2v1nfty", i = "v17_10_3dl29ll v17_10_3dl29lk v17_10_1y2v1nfic", e = "v17_10_3dl29lm";
+/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v17_11_3dl29l3 v17_11_3dl29l2 v17_11_1y2v1nfrs", y = "v17_11_3dl29l5 v17_11_3dl29l4 v17_11_1y2v1nfru v17_11_1y2v1nfry v17_11_1y2v1nfs7 v17_11_1y2v1nfsd v17_11_1y2v1nfs4 v17_11_1y2v1nfv8 v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfvn v17_11_1y2v1nf9m", f = "v17_11_3dl29l6", d = "v17_11_3dl29l8 v17_11_3dl29l7 v17_11_1y2v1nfi6 v17_11_1y2v1nfjf v17_11_1y2v1nfko v17_11_1y2v1nflx v17_11_1y2v1nfrt v17_11_1y2v1nfv8 v17_11_1y2v1nfw2", a = "v17_11_3dl29la v17_11_3dl29l9 v17_11_1y2v1nf8v v17_11_1y2v1nfuq", r = "v17_11_3dl29lb", o = {
+    dialog: "v17_11_3dl29lg v17_11_3dl29ld v17_11_3dl29lc v17_11_1y2v1nfry v17_11_1y2v1nfs4 v17_11_1y2v1nfsa v17_11_3dl29le v17_11_1y2v1nfku v17_11_1y2v1nfm3 v17_11_1y2v1nfii v17_11_1y2v1nfjl",
+    default: "v17_11_3dl29lh v17_11_3dl29ld v17_11_3dl29lc v17_11_1y2v1nfry v17_11_1y2v1nfs4 v17_11_1y2v1nfsa v17_11_3dl29lf v17_11_1y2v1nfic v17_11_1y2v1nfjl v17_11_1y2v1nfku v17_11_1y2v1nfm3"
+}, t = "v17_11_3dl29lj v17_11_3dl29li v17_11_1y2v1nfsk v17_11_1y2v1nfty", i = "v17_11_3dl29ll v17_11_3dl29lk v17_11_1y2v1nfic", e = "v17_11_3dl29lm";

package/dist/divider.css-mistica.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, "variants", {
     }
 });
 /* empty css                                   */ var t = {
-    default: "v17_10_o0dvt10",
-    alternative: "v17_10_o0dvt11",
-    brand: "v17_10_o0dvt12",
-    negative: "v17_10_o0dvt13",
-    media: "v17_10_o0dvt14"
+    default: "v17_11_o0dvt10",
+    alternative: "v17_11_o0dvt11",
+    brand: "v17_11_o0dvt12",
+    negative: "v17_11_o0dvt13",
+    media: "v17_11_o0dvt14"
 };

package/dist/double-field.css-mistica.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "variants", {
     }
 });
 /* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                        */ var t = {
-    default: "v17_10_skrulh1 v17_10_skrulh0 v17_10_1y2v1nfry v17_10_1y2v1nfs3 v17_10_1y2v1nfsl",
-    fullWidth: "v17_10_skrulh2 v17_10_skrulh0 v17_10_1y2v1nfry v17_10_1y2v1nfs3 v17_10_1y2v1nfsl"
+    default: "v17_11_skrulh1 v17_11_skrulh0 v17_11_1y2v1nfry v17_11_1y2v1nfs3 v17_11_1y2v1nfsl",
+    fullWidth: "v17_11_skrulh2 v17_11_skrulh0 v17_11_1y2v1nfry v17_11_1y2v1nfs3 v17_11_1y2v1nfsl"
 };

package/dist/drawer.css-mistica.js

@@ -52,4 +52,4 @@ _export(exports, {
         return y;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var n = 350, w = "v17_10_c4ngww1 v17_10_c4ngww0 v17_10_1y2v1nfru v17_10_1y2v1nfry v17_10_1y2v1nf8v v17_10_1y2v1nfv8 v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nfv2", r = "v17_10_c4ngww3 v17_10_c4ngww2 v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsj", y = "v17_10_c4ngww5 v17_10_c4ngww4 v17_10_1y2v1nfsg v17_10_1y2v1nfsi", a = "v17_10_c4ngww7 v17_10_c4ngww6 v17_10_1y2v1nfsj v17_10_1y2v1nfv7", c = "v17_10_c4ngww8", f = "v17_10_c4ngww9", o = "v17_10_c4ngwwb v17_10_c4ngwwa v17_10_1y2v1nfru v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nf9m", g = "v17_10_c4ngwwc", t = "v17_10_c4ngwwd", e = "v17_10_c4ngwwe v17_10_1y2v1nfrt v17_10_1y2v1nfvb v17_10_1y2v1nfw5", i = "v17_10_c4ngwwf", l = "v17_10_c4ngwwg", s = "v17_10_c4ngwwh";
+/* empty css                                     */ /* empty css                                  */ var n = 350, w = "v17_11_c4ngww1 v17_11_c4ngww0 v17_11_1y2v1nfru v17_11_1y2v1nfry v17_11_1y2v1nf8v v17_11_1y2v1nfv8 v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfv2", r = "v17_11_c4ngww3 v17_11_c4ngww2 v17_11_1y2v1nfry v17_11_1y2v1nfs4 v17_11_1y2v1nfsj", y = "v17_11_c4ngww5 v17_11_c4ngww4 v17_11_1y2v1nfsg v17_11_1y2v1nfsi", a = "v17_11_c4ngww7 v17_11_c4ngww6 v17_11_1y2v1nfsj v17_11_1y2v1nfv7", c = "v17_11_c4ngww8", f = "v17_11_c4ngww9", o = "v17_11_c4ngwwb v17_11_c4ngwwa v17_11_1y2v1nfru v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nf9m", g = "v17_11_c4ngwwc", t = "v17_11_c4ngwwd", e = "v17_11_c4ngwwe v17_11_1y2v1nfrt v17_11_1y2v1nfvb v17_11_1y2v1nfw5", i = "v17_11_c4ngwwf", l = "v17_11_c4ngwwg", s = "v17_11_c4ngwwh";

package/dist/drawer.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
+import type { FormProps } from './form';
 import type { DataAttributes, HeadingType, TrackingEvent } from './utils/types';
+type DrawerFormProps = Omit<FormProps, 'children'>;
 type ButtonProps = {
     text: string;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
@@ -34,10 +36,12 @@ type DrawerProps = {
      * width is ignored in mobile viewport
      */
     width?: number;
+    /** if form is set, button onPress is ignored. Use form.onSubmit */
     button?: ButtonProps;
     secondaryButton?: ButtonProps;
     buttonLink?: ButtonProps;
     dataAttributes?: DataAttributes;
+    form?: DrawerFormProps | undefined;
 };
-declare const Drawer: ({ title, subtitle, description, titleAs, dismissLabel, width, onClose, onDismiss, children, button, secondaryButton, buttonLink, dataAttributes, }: DrawerProps) => JSX.Element;
+declare const Drawer: ({ title, subtitle, description, titleAs, dismissLabel, width, onClose, onDismiss, children, button, secondaryButton, buttonLink, dataAttributes, form, }: DrawerProps) => JSX.Element;
 export default Drawer;

package/dist/drawer.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Re;
+        return Be;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -27,6 +27,7 @@ const _button = require("./button.js");
 const _divider = /*#__PURE__*/ _interop_require_default(require("./divider.js"));
 const _dom = require("./utils/dom.js");
 const _texttokens = require("./text-tokens.js");
+const _form = /*#__PURE__*/ _interop_require_default(require("./form.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -73,6 +74,35 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -125,98 +155,111 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const b = (param)=>{
+const N = (param)=>{
     let { show: i } = param;
     return i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             borderBottom: "1px solid transparent"
         }
     });
-}, ue = /*#__PURE__*/ _react.forwardRef((param, p)=>{
-    let { width: i, children: m, onClose: n, onDismiss: l } = param;
+}, fe = /*#__PURE__*/ _react.forwardRef((param, E)=>{
+    let { width: i, children: f, onClose: l, onDismiss: c, form: d } = param;
     (0, _modalcontextprovider.useSetModalStateEffect)();
-    const { isMobile: v } = (0, _hooks.useScreenSize)(), [u, d] = _react.useState(!1), h = v ? "auto" : i, a = _react.useCallback((o)=>{
-        o && setTimeout(()=>{
-            d(!0);
+    const { isMobile: g } = (0, _hooks.useScreenSize)(), [m, p] = _react.useState(!1), t = g ? "auto" : i, o = _react.useCallback((s)=>{
+        s && setTimeout(()=>{
+            p(!0);
         }, 50);
-    }, []), r = _react.useCallback(()=>(d(!1), new Promise((o)=>{
-            setTimeout(o, _drawercssmistica.ANIMATION_DURATION_MS);
-        }).then(n)), [
-        n
-    ]), t = _react.useCallback(()=>r().then(()=>l === null || l === void 0 ? void 0 : l()), [
-        l,
+    }, []), r = _react.useCallback(()=>(p(!1), new Promise((s)=>{
+            setTimeout(s, _drawercssmistica.ANIMATION_DURATION_MS);
+        }).then(l)), [
+        l
+    ]), n = _react.useCallback(()=>r().then(()=>c === null || c === void 0 ? void 0 : c()), [
+        c,
         r
     ]);
-    return _react.useImperativeHandle(p, ()=>({
+    _react.useImperativeHandle(E, ()=>({
             close: r,
-            dismiss: t
+            dismiss: n
         })), _react.useEffect(()=>{
-        const o = (c)=>{
-            c.key === "Escape" && t();
+        const s = (v)=>{
+            v.key === "Escape" && n();
         };
-        return document.addEventListener("keydown", o), ()=>{
-            document.removeEventListener("keydown", o);
+        return document.addEventListener("keydown", s), ()=>{
+            document.removeEventListener("keydown", s);
         };
     }, [
-        t
-    ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+        n
+    ]);
+    const u = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        "data-testid": "drawerLayout",
+        ref: o,
+        style: {
+            width: t
+        },
+        className: (0, _classnames.default)(_drawercssmistica.container, m ? _drawercssmistica.open : _drawercssmistica.closed),
+        children: f
+    });
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_focustrap.default, {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     "data-testid": "drawerOverlay",
-                    onClick: l ? t : void 0,
-                    className: (0, _classnames.default)(_drawercssmistica.overlay, u ? _drawercssmistica.overlayOpen : _drawercssmistica.overlayClosed)
+                    onClick: c ? n : void 0,
+                    className: (0, _classnames.default)(_drawercssmistica.overlay, m ? _drawercssmistica.overlayOpen : _drawercssmistica.overlayClosed)
                 }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    "data-testid": "drawerLayout",
-                    ref: a,
-                    style: {
-                        width: h
+                d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_form.default, _object_spread_props(_object_spread({}, d), {
+                    onSubmit: function() {
+                        for(var _len = arguments.length, s = new Array(_len), _key = 0; _key < _len; _key++){
+                            s[_key] = arguments[_key];
+                        }
+                        return _async_to_generator(function*() {
+                            return Promise.resolve(d.onSubmit(...s)).then(r);
+                        })();
                     },
-                    className: (0, _classnames.default)(_drawercssmistica.container, u ? _drawercssmistica.open : _drawercssmistica.closed),
-                    children: m
-                })
+                    children: u
+                })) : u
             ]
         })
     });
-}), Re = (param)=>{
-    let { title: i, subtitle: m, description: n, titleAs: l = "h2", dismissLabel: p, width: v, onClose: u, onDismiss: d, children: h, button: a, secondaryButton: r, buttonLink: t, dataAttributes: o } = param;
-    const c = _react.useRef(null), g = !!(a || r || t), [y, T] = _react.useState(null), P = _react.useRef(null), S = _react.useRef(null), { t: N, texts: C, textPresets: I } = (0, _hooks.useTheme)(), w = (D)=>{
-        var _c_current;
-        (_c_current = c.current) === null || _c_current === void 0 ? void 0 : _c_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
-    }, R = !(0, _hooks.useIsInViewport)(P, !0, {
-        root: y
-    }), A = !(0, _hooks.useIsInViewport)(S, !0, {
+}), Be = (param)=>{
+    let { title: i, subtitle: f, description: l, titleAs: c = "h2", dismissLabel: d, width: E, onClose: g, onDismiss: m, children: p, button: t, secondaryButton: o, buttonLink: r, dataAttributes: n, form: u } = param;
+    const s = _react.useRef(null), v = !!(t || o || r), [w, C] = _react.useState(null), y = _react.useRef(null), P = _react.useRef(null), { t: I, texts: R, textPresets: A } = (0, _hooks.useTheme)(), k = (M)=>{
+        var _s_current;
+        (_s_current = s.current) === null || _s_current === void 0 ? void 0 : _s_current.close().then(()=>M === null || M === void 0 ? void 0 : M());
+    }, D = !(0, _hooks.useIsInViewport)(y, !0, {
+        root: w
+    }), B = !(0, _hooks.useIsInViewport)(P, !0, {
         rootMargin: "1px",
         // bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
-        root: y
+        root: w
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(ue, {
-        width: v,
-        ref: c,
-        onClose: u,
-        onDismiss: d,
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(fe, {
+        width: E,
+        ref: s,
+        onClose: g,
+        onDismiss: m,
+        form: u,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", _object_spread_props(_object_spread({
             role: "dialog",
             "aria-modal": "true",
             className: _drawercssmistica.drawer,
-            ref: T
+            ref: C
         }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
             testid: "Drawer"
-        }, o))), {
+        }, n))), {
             children: [
-                d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _drawercssmistica.closeButtonContainer,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, {
                         dataAttributes: {
                             testid: "dismissButton"
                         },
                         onPress: ()=>{
-                            var _c_current;
-                            return (_c_current = c.current) === null || _c_current === void 0 ? void 0 : _c_current.dismiss();
+                            var _s_current;
+                            return (_s_current = s.current) === null || _s_current === void 0 ? void 0 : _s_current.dismiss();
                         },
                         Icon: _iconcloseregular.default,
-                        "aria-label": p || C.modalClose || N(_texttokens.modalClose),
+                        "aria-label": d || R.modalClose || I(_texttokens.modalClose),
                         type: "neutral",
                         backgroundType: "transparent"
                     })
@@ -224,83 +267,89 @@ const b = (param)=>{
                 i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: (0, _classnames.default)(_drawercssmistica.titleContainer, _drawercssmistica.horizontalPadding),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, (0, _text.getTextSizesWithWeight)({
-                        textPreset: I.drawerTitle
+                        textPreset: A.drawerTitle
                     })), {
-                        as: l,
+                        as: c,
                         dataAttributes: {
                             testid: "title"
                         },
                         children: i
                     }))
                 }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
-                    show: R
+                /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+                    show: D
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                     className: _drawercssmistica.scrollableSection,
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            ref: P
+                            ref: y
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: _drawercssmistica.horizontalPadding,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                                 space: 16,
                                 children: [
-                                    m && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
+                                    f && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
                                         regular: !0,
                                         dataAttributes: {
                                             testid: "subtitle"
                                         },
-                                        children: m
+                                        children: f
                                     }),
-                                    n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                                    l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                         regular: !0,
                                         color: _skincontractcssmistica.vars.colors.textSecondary,
                                         dataAttributes: {
                                             testid: "description"
                                         },
-                                        children: n
+                                        children: l
                                     }),
-                                    h
+                                    p
                                 ]
                             })
                         }),
-                        !g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        !v && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: _drawercssmistica.bottomPadding
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            ref: S
+                            ref: P
                         })
                     ]
                 }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
-                    show: g && A
+                /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+                    show: v && B
                 }),
-                g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                v && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _drawercssmistica.buttonsLayoutContainer,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
-                        primaryButton: a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
-                            trackEvent: a.trackEvent,
-                            trackingEvent: a.trackingEvent,
-                            onPress: ()=>w(a.onPress),
-                            disabled: a.disabled,
-                            children: a.text
+                        primaryButton: t && (u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
+                            submit: !0,
+                            trackEvent: t.trackEvent,
+                            trackingEvent: t.trackingEvent,
+                            disabled: t.disabled,
+                            children: t.text
+                        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
+                            trackEvent: t.trackEvent,
+                            trackingEvent: t.trackingEvent,
+                            onPress: ()=>k(t.onPress),
+                            disabled: t.disabled,
+                            children: t.text
+                        })),
+                        secondaryButton: o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
+                            trackEvent: o.trackEvent,
+                            trackingEvent: o.trackingEvent,
+                            onPress: ()=>k(o.onPress),
+                            disabled: o.disabled,
+                            children: o.text
                         }),
-                        secondaryButton: r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
+                        link: r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonLink, {
                             trackEvent: r.trackEvent,
                             trackingEvent: r.trackingEvent,
-                            onPress: ()=>w(r.onPress),
+                            onPress: ()=>k(r.onPress),
+                            bleedY: !0,
                             disabled: r.disabled,
                             children: r.text
-                        }),
-                        link: t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonLink, {
-                            trackEvent: t.trackEvent,
-                            trackingEvent: t.trackingEvent,
-                            onPress: ()=>w(t.onPress),
-                            bleedY: !0,
-                            disabled: t.disabled,
-                            children: t.text
                         })
                     })
                 })

package/dist/empty-state-card.css-mistica.js

@@ -19,4 +19,4 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                     */ /* empty css                                            */ var r = "v17_10_1azor6p0", a = "v17_10_1azor6p2 v17_10_1azor6p1 v17_10_1y2v1nfs0 v17_10_1y2v1nftf", o = "v17_10_1azor6p4 v17_10_1azor6p3 v17_10_1y2v1nfsx v17_10_1y2v1nftd";
+/* empty css                                     */ /* empty css                                            */ var r = "v17_11_1azor6p0", a = "v17_11_1azor6p2 v17_11_1azor6p1 v17_11_1y2v1nfs0 v17_11_1y2v1nftf", o = "v17_11_1azor6p4 v17_11_1azor6p3 v17_11_1y2v1nfsx v17_11_1y2v1nftd";

package/dist/empty-state.css-mistica.js

@@ -38,8 +38,8 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                       */ var _ = {
-    backgroundColor: "var(--v17_10_13fzrua0)"
-}, v = "v17_10_13fzrua2 v17_10_13fzrua1 v17_10_1y2v1nfry v17_10_1y2v1nfhq", f = {
-    default: "v17_10_13fzrua3",
-    largeImage: "v17_10_13fzrua4"
-}, n = "v17_10_13fzrua5", e = "v17_10_13fzrua7 v17_10_13fzrua6 v17_10_1y2v1nft2", u = "v17_10_13fzrua9 v17_10_13fzrua8 v17_10_1y2v1nfsz v17_10_1y2v1nftf", z = "v17_10_13fzruab v17_10_13fzruaa v17_10_1y2v1nfs0", t = "v17_10_13fzruac v17_10_1y2v1nfuf", o = "v17_10_13fzruad";
+    backgroundColor: "var(--v17_11_13fzrua0)"
+}, v = "v17_11_13fzrua2 v17_11_13fzrua1 v17_11_1y2v1nfry v17_11_1y2v1nfhq", f = {
+    default: "v17_11_13fzrua3",
+    largeImage: "v17_11_13fzrua4"
+}, n = "v17_11_13fzrua5", e = "v17_11_13fzrua7 v17_11_13fzrua6 v17_11_1y2v1nft2", u = "v17_11_13fzrua9 v17_11_13fzrua8 v17_11_1y2v1nfsz v17_11_1y2v1nftf", z = "v17_11_13fzruab v17_11_13fzruaa v17_11_1y2v1nfs0", t = "v17_11_13fzruac v17_11_1y2v1nfuf", o = "v17_11_13fzruad";

package/dist/fade-in.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "wrapper", {
         return p;
     }
 });
-/* empty css                                   */ var p = "v17_10_kq227n1";
+/* empty css                                   */ var p = "v17_11_kq227n1";

package/dist/fade-out.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "wrapper", {
         return p;
     }
 });
-/* empty css                                    */ var p = "v17_10_1momtlt1";
+/* empty css                                    */ var p = "v17_11_1momtlt1";

package/dist/feedback.css-mistica.js

@@ -49,4 +49,4 @@ _export(exports, {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                    */ var v = "v17_10_gx6h6a0", e = "v17_10_gx6h6a1", r = "v17_10_gx6h6a2", n = "v17_10_gx6h6a4 v17_10_gx6h6a3 v17_10_1y2v1nfry v17_10_1y2v1nft2 v17_10_1y2v1nfsl v17_10_1y2v1nfs4", t = "v17_10_gx6h6a5", x = "v17_10_gx6h6a6", g = "v17_10_gx6h6a7 v17_10_1y2v1nfsx v17_10_1y2v1nftd", h = "v17_10_gx6h6ab v17_10_gx6h6aa", o = "v17_10_gx6h6ac v17_10_gx6h6aa", d = "v17_10_gx6h6ad v17_10_gx6h6aa", s = "v17_10_gx6h6ae", i = "v17_10_gx6h6af", p = "v17_10_gx6h6ag";
+/* empty css                                     */ /* empty css                                    */ var v = "v17_11_gx6h6a0", e = "v17_11_gx6h6a1", r = "v17_11_gx6h6a2", n = "v17_11_gx6h6a4 v17_11_gx6h6a3 v17_11_1y2v1nfry v17_11_1y2v1nft2 v17_11_1y2v1nfsl v17_11_1y2v1nfs4", t = "v17_11_gx6h6a5", x = "v17_11_gx6h6a6", g = "v17_11_gx6h6a7 v17_11_1y2v1nfsx v17_11_1y2v1nftd", h = "v17_11_gx6h6ab v17_11_gx6h6aa", o = "v17_11_gx6h6ac v17_11_gx6h6aa", d = "v17_11_gx6h6ad v17_11_gx6h6aa", s = "v17_11_gx6h6ae", i = "v17_11_gx6h6af", p = "v17_11_gx6h6ag";

package/dist/file-upload.css-mistica.js

@@ -31,10 +31,10 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var y = "v17_10_1isvxjy0", a = "v17_10_1isvxjy9 v17_10_1isvxjy2 v17_10_1isvxjy1 v17_10_1y2v1nfku v17_10_1y2v1nfm3 v17_10_1y2v1nfif v17_10_1y2v1nfjo v17_10_1y2v1nfuq", n = {
-    default: "v17_10_1isvxjya",
-    alternative: "v17_10_1isvxjyb",
-    brand: "v17_10_1isvxjyc",
-    negative: "v17_10_1isvxjyd",
-    media: "v17_10_1isvxjye"
-}, t = "v17_10_1isvxjyf", s = "v17_10_1isvxjyh", o = "v17_10_1isvxjyi", j = "v17_10_1isvxjyk v17_10_1isvxjyj v17_10_1y2v1nfry v17_10_1y2v1nfs7";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var y = "v17_11_1isvxjy0", a = "v17_11_1isvxjy9 v17_11_1isvxjy2 v17_11_1isvxjy1 v17_11_1y2v1nfku v17_11_1y2v1nfm3 v17_11_1y2v1nfif v17_11_1y2v1nfjo v17_11_1y2v1nfuq", n = {
+    default: "v17_11_1isvxjya",
+    alternative: "v17_11_1isvxjyb",
+    brand: "v17_11_1isvxjyc",
+    negative: "v17_11_1isvxjyd",
+    media: "v17_11_1isvxjye"
+}, t = "v17_11_1isvxjyf", s = "v17_11_1isvxjyh", o = "v17_11_1isvxjyi", j = "v17_11_1isvxjyk v17_11_1isvxjyj v17_11_1y2v1nfry v17_11_1y2v1nfs7";

package/dist/fixed-footer-layout.css-mistica.js

@@ -38,5 +38,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                               */ var r = {
-    footerHeight: "var(--v17_10_p5j8j50)"
-}, j = "v17_10_p5j8j53 v17_10_p5j8j52 v17_10_1y2v1nfsl", n = "v17_10_p5j8j54", a = "v17_10_p5j8j55", f = "v17_10_p5j8j56 v17_10_1y2v1nfrx", o = "v17_10_p5j8j57", p = "v17_10_p5j8j59 v17_10_p5j8j58 v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nfru", y = "v17_10_p5j8j5b v17_10_p5j8j5a v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nfru", e = "v17_10_p5j8j5d v17_10_p5j8j5c v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfrt";
+    footerHeight: "var(--v17_11_p5j8j50)"
+}, j = "v17_11_p5j8j53 v17_11_p5j8j52 v17_11_1y2v1nfsl", n = "v17_11_p5j8j54", a = "v17_11_p5j8j55", f = "v17_11_p5j8j56 v17_11_1y2v1nfrx", o = "v17_11_p5j8j57", p = "v17_11_p5j8j59 v17_11_p5j8j58 v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfru", y = "v17_11_p5j8j5b v17_11_p5j8j5a v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfru", e = "v17_11_p5j8j5d v17_11_p5j8j5c v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfrt";

package/dist/form.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "form", {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                */ var p = "v17_10_1dycpqb0 v17_10_1y2v1nfsl";
+/* empty css                                     */ /* empty css                                */ var p = "v17_11_1dycpqb0 v17_11_1y2v1nfsl";

package/dist/form.d.ts

@@ -4,7 +4,7 @@ import type { FormErrors } from './form-context';
 export type FormValues = {
     [name: string]: any;
 };
-type FormProps = {
+export type FormProps = {
     id?: string;
     onSubmit: (values: FormValues, rawValues: FormValues) => Promise<void> | void;
     initialValues?: FormValues;