@telefonica/mistica 17.9.0 → 17.11.0

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_9_1azor6p0", a = "v17_9_1azor6p2 v17_9_1azor6p1 v17_9_1y2v1nfrg v17_9_1y2v1nfsv", o = "v17_9_1azor6p4 v17_9_1azor6p3 v17_9_1y2v1nfsd v17_9_1y2v1nfst";
+/* 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

@@ -13,33 +13,33 @@ _export(exports, {
         return u;
     },
     get border () {
-        return o;
+        return t;
     },
     get borderOverBrand () {
-        return t;
+        return o;
     },
     get container () {
-        return _;
+        return v;
     },
     get contentVariants () {
         return f;
     },
     get largeImage () {
-        return n;
+        return e;
     },
     get largeImageContainer () {
-        return e;
+        return n;
     },
     get smallImage () {
         return z;
     },
     get vars () {
-        return v;
+        return _;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var v = {
-    backgroundColor: "var(--v17_9_13fzrua0)"
-}, _ = "v17_9_13fzrua2 v17_9_13fzrua1 v17_9_1y2v1nfre v17_9_1y2v1nfh6", f = {
-    default: "v17_9_13fzrua3",
-    largeImage: "v17_9_13fzrua4"
-}, e = "v17_9_13fzrua5", n = "v17_9_13fzrua7 v17_9_13fzrua6 v17_9_1y2v1nfsi", u = "v17_9_13fzrua9 v17_9_13fzrua8 v17_9_1y2v1nfsf v17_9_1y2v1nfsv", z = "v17_9_13fzruab v17_9_13fzruaa v17_9_1y2v1nfrg", o = "v17_9_13fzruac v17_9_1y2v1nftv", t = "v17_9_13fzruad";
+/* empty css                                     */ /* empty css                                       */ var _ = {
+    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_9_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_9_1momtlt1";
+/* empty css                                    */ var p = "v17_11_1momtlt1";

package/dist/feedback.css-mistica.js

@@ -28,7 +28,7 @@ _export(exports, {
         return r;
     },
     get feedbackData () {
-        return d;
+        return s;
     },
     get feedbackTextAppearFast () {
         return h;
@@ -37,7 +37,7 @@ _export(exports, {
         return o;
     },
     get feedbackTextAppearSlow () {
-        return s;
+        return d;
     },
     get innerContainer () {
         return t;
@@ -49,4 +49,4 @@ _export(exports, {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                    */ var v = "v17_9_gx6h6a0", e = "v17_9_gx6h6a1", r = "v17_9_gx6h6a2", n = "v17_9_gx6h6a4 v17_9_gx6h6a3 v17_9_1y2v1nfre v17_9_1y2v1nfsi v17_9_1y2v1nfs1 v17_9_1y2v1nfrk", t = "v17_9_gx6h6a5", x = "v17_9_gx6h6a6", g = "v17_9_gx6h6a7 v17_9_1y2v1nfsd v17_9_1y2v1nfst", h = "v17_9_gx6h6ab v17_9_gx6h6aa", o = "v17_9_gx6h6ac v17_9_gx6h6aa", s = "v17_9_gx6h6ad v17_9_gx6h6aa", d = "v17_9_gx6h6ae", i = "v17_9_gx6h6af", p = "v17_9_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

@@ -13,28 +13,28 @@ _export(exports, {
         return s;
     },
     get centeredButton () {
-        return o;
+        return j;
     },
     get disabled () {
-        return a;
+        return y;
     },
     get dropZoneActive () {
         return t;
     },
     get dropZoneButton () {
-        return j;
+        return o;
     },
     get dropZoneContainerBase () {
-        return n;
+        return a;
     },
     get dropZoneVariant () {
-        return y;
+        return n;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v17_9_1isvxjy0", n = "v17_9_1isvxjy9 v17_9_1isvxjy2 v17_9_1isvxjy1 v17_9_1y2v1nfka v17_9_1y2v1nflj v17_9_1y2v1nfhv v17_9_1y2v1nfj4 v17_9_1y2v1nfu6", y = {
-    default: "v17_9_1isvxjya",
-    alternative: "v17_9_1isvxjyb",
-    brand: "v17_9_1isvxjyc",
-    negative: "v17_9_1isvxjyd",
-    media: "v17_9_1isvxjye"
-}, t = "v17_9_1isvxjyf", s = "v17_9_1isvxjyh", j = "v17_9_1isvxjyi", o = "v17_9_1isvxjyk v17_9_1isvxjyj v17_9_1y2v1nfre v17_9_1y2v1nfrn";
+/* 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

@@ -16,13 +16,13 @@ _export(exports, {
         return o;
     },
     get elevated () {
-        return f;
+        return a;
     },
     get fixedBackgroundLayer () {
         return y;
     },
     get fixedFooter () {
-        return a;
+        return n;
     },
     get footer () {
         return j;
@@ -34,9 +34,9 @@ _export(exports, {
         return r;
     },
     get withoutFooter () {
-        return n;
+        return f;
     }
 });
 /* empty css                                     */ /* empty css                                               */ var r = {
-    footerHeight: "var(--v17_9_p5j8j50)"
-}, j = "v17_9_p5j8j53 v17_9_p5j8j52 v17_9_1y2v1nfs1", a = "v17_9_p5j8j54", f = "v17_9_p5j8j55", n = "v17_9_p5j8j56 v17_9_1y2v1nfrd", o = "v17_9_p5j8j57", p = "v17_9_p5j8j59 v17_9_p5j8j58 v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", y = "v17_9_p5j8j5b v17_9_p5j8j5a v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", e = "v17_9_p5j8j5d v17_9_p5j8j5c v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfr9";
+    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_9_1dycpqb0 v17_9_1y2v1nfs1";
+/* 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;

package/dist/grid-layout.css-mistica.js

@@ -31,7 +31,7 @@ _export(exports, {
         return o;
     }
 });
-/* empty css                                       */ var a = "v17_9_379jdb0", _ = "v17_9_379jdb1", r = "v17_9_379jdb2", d = "v17_9_379jdb4", e = "v17_9_379jdb5", l = "v17_9_379jdb7", o = {
-    colSpan: "var(--v17_9_379jdb6)",
-    verticalSpace: "var(--v17_9_379jdb3)"
+/* empty css                                       */ var a = "v17_11_379jdb0", _ = "v17_11_379jdb1", r = "v17_11_379jdb2", d = "v17_11_379jdb4", e = "v17_11_379jdb5", l = "v17_11_379jdb7", o = {
+    colSpan: "var(--v17_11_379jdb6)",
+    verticalSpace: "var(--v17_11_379jdb3)"
 };

package/dist/grid-layout.d.ts

@@ -20,6 +20,11 @@ type PropsTemplate8plus4 = {
     left: React.ReactNode;
     right: React.ReactNode;
 };
+type PropsTemplate7plus5 = {
+    template: '7+5';
+    left: React.ReactNode;
+    right: React.ReactNode;
+};
 type PropsTemplate4plus6 = {
     template: '4+6';
     left: React.ReactNode;
@@ -43,6 +48,6 @@ type PropsTemplate8 = {
     template: '8';
     children: React.ReactNode;
 };
-type Props = CommonProps & ExclusifyUnion<PropsChildren | PropsTemplate6plus6 | PropsTemplate8plus4 | PropsTemplate4plus6 | PropsTemplate5plus4 | PropsTemplate3plus9 | PropsTemplate10 | PropsTemplate8>;
+type Props = CommonProps & ExclusifyUnion<PropsChildren | PropsTemplate6plus6 | PropsTemplate8plus4 | PropsTemplate7plus5 | PropsTemplate4plus6 | PropsTemplate5plus4 | PropsTemplate3plus9 | PropsTemplate10 | PropsTemplate8>;
 declare const GridLayout: ({ dataAttributes, template, left, right, verticalSpace, collapseBreakpoint, children, }: Props) => JSX.Element;
 export default GridLayout;