@telefonica/mistica 16.18.2 → 16.20.0

package/dist-es/community/blocks.js

@@ -1,53 +1,53 @@
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import x from "../stack.js";
-import { rightContent as b, column as h } from "./blocks.css-mistica.js";
-import { vars as v } from "../image.css-mistica.js";
-import { Text2 as n, Text5 as y, Text8 as p, Text3 as f } from "../text.js";
-import { vars as c } from "../skins/skin-contract.css-mistica.js";
+import g from "../stack.js";
+import { rightContent as v, column as p } from "./blocks.css-mistica.js";
+import { vars as f } from "../image.css-mistica.js";
+import { Text2 as i, Text5 as B, Text8 as x, Text3 as S } from "../text.js";
+import { vars as o } from "../skins/skin-contract.css-mistica.js";
 import s from "../inline.js";
 import m from "../box.js";
-import { ProgressBar as B } from "../progress-bar.js";
-import S from "classnames";
-import { applyCssVars as I } from "../utils/css.js";
-const g = (param)=>{
-    let { title: o, description: e } = param;
+import { ProgressBar as I } from "../progress-bar.js";
+import P from "classnames";
+import { applyCssVars as k } from "../utils/css.js";
+const b = (param)=>{
+    let { title: a, description: e } = param;
     const l = typeof e == "string" ? [
         e
     ] : e;
     return /* @__PURE__ */ t("div", {
-        className: h,
+        className: p,
         children: [
-            /* @__PURE__ */ r(f, {
+            /* @__PURE__ */ r(S, {
                 regular: !0,
-                color: c.colors.textPrimary,
-                children: o
+                color: o.colors.textPrimary,
+                children: a
             }),
-            l && l.map((a, i)=>/* @__PURE__ */ r(n, {
+            l && l.map((c, n)=>/* @__PURE__ */ r(i, {
                     regular: !0,
-                    color: c.colors.textSecondary,
+                    color: o.colors.textSecondary,
                     as: "p",
-                    children: a
-                }, i))
+                    children: c
+                }, n))
         ]
     });
-}, L = (param)=>{
-    let { title: o, stackingGroup: e, description: l, "aria-label": a } = param;
+}, q = (param)=>{
+    let { title: a, stackingGroup: e, description: l, "aria-label": c } = param;
     return /* @__PURE__ */ r("div", {
-        "aria-label": a,
+        "aria-label": c,
         children: /* @__PURE__ */ t(s, {
             space: "between",
             alignItems: "center",
             children: [
-                o && /* @__PURE__ */ r(m, {
+                a && /* @__PURE__ */ r(m, {
                     paddingRight: 32,
-                    children: /* @__PURE__ */ r(n, {
+                    children: /* @__PURE__ */ r(i, {
                         regular: !0,
-                        children: o
+                        children: a
                     })
                 }),
-                e || /* @__PURE__ */ r(n, {
+                e || /* @__PURE__ */ r(i, {
                     regular: !0,
-                    color: c.colors.textSecondary,
+                    color: o.colors.textSecondary,
                     textAlign: "right",
                     as: "div",
                     children: l
@@ -55,8 +55,8 @@ const g = (param)=>{
             ]
         })
     });
-}, $ = (param)=>{
-    let { image: o, description: e, "aria-label": l, rightText: a } = param;
+}, z = (param)=>{
+    let { image: a, description: e, "aria-label": l, rightText: c } = param;
     return /* @__PURE__ */ r("div", {
         "aria-label": l,
         children: /* @__PURE__ */ t(s, {
@@ -68,121 +68,136 @@ const g = (param)=>{
                     alignItems: "center",
                     children: [
                         /* @__PURE__ */ r("div", {
-                            style: I({
-                                [v.mediaBorderRadius]: c.borderRadii.mediaSmall
+                            style: k({
+                                [f.mediaBorderRadius]: o.borderRadii.mediaSmall
                             }),
-                            children: o
+                            children: a
                         }),
-                        /* @__PURE__ */ r(n, {
+                        /* @__PURE__ */ r(i, {
                             regular: !0,
-                            color: c.colors.textSecondary,
+                            color: o.colors.textSecondary,
                             children: e
                         })
                     ]
                 }),
-                a && /* @__PURE__ */ r("div", {
-                    className: b,
-                    children: /* @__PURE__ */ r(n, {
+                c && /* @__PURE__ */ r("div", {
+                    className: v,
+                    children: /* @__PURE__ */ r(i, {
                         regular: !0,
-                        color: c.colors.textBrand,
-                        children: a
+                        color: o.colors.textBrand,
+                        children: c
                     })
                 })
             ]
         })
     });
-}, q = (param)=>{
-    let { title: o, description: e, secondaryValue: l, value: a, valueColor: i = c.colors.textPrimary, "aria-label": d } = param;
+}, D = (param)=>{
+    let { title: a, description: e, secondaryValue: l, value: c, valueColor: n = o.colors.textPrimary, "aria-label": d } = param;
     return /* @__PURE__ */ t(s, {
         space: "between",
         alignItems: "flex-end",
         "aria-label": d,
         children: [
-            /* @__PURE__ */ r(g, {
-                title: o,
+            /* @__PURE__ */ r(b, {
+                title: a,
                 description: e
             }),
             /* @__PURE__ */ t("div", {
-                className: S(h, b),
+                className: P(p, v),
                 children: [
-                    /* @__PURE__ */ r(n, {
+                    /* @__PURE__ */ r(i, {
                         regular: !0,
-                        color: c.colors.textSecondary,
+                        color: o.colors.textSecondary,
                         decoration: "line-through",
                         children: l
                     }),
-                    /* @__PURE__ */ r(y, {
-                        color: i,
-                        children: a
+                    /* @__PURE__ */ r(B, {
+                        color: n,
+                        children: c
                     })
                 ]
             })
         ]
     });
-}, z = (param)=>{
-    let { headline: o, headings: e, title: l, description: a, "aria-label": i } = param;
+}, E = (param)=>{
+    let { headline: a, headings: e, title: l, pretitle: c, description: n, strikedValue: d, "aria-label": h } = param;
     return /* @__PURE__ */ t("div", {
-        "aria-label": i,
+        "aria-label": h,
         children: [
-            o && /* @__PURE__ */ r(m, {
+            a && /* @__PURE__ */ r(m, {
                 paddingBottom: 24,
-                children: o
+                children: a
+            }),
+            /* @__PURE__ */ t(g, {
+                space: 2,
+                children: [
+                    c && /* @__PURE__ */ r(i, {
+                        regular: !0,
+                        children: c
+                    }),
+                    d && /* @__PURE__ */ r(i, {
+                        regular: !0,
+                        color: o.colors.textSecondary,
+                        decoration: "line-through",
+                        children: d
+                    })
+                ]
             }),
-            e && /* @__PURE__ */ r(x, {
+            e && /* @__PURE__ */ r(g, {
                 space: 2,
-                children: e.map((d, u)=>/* @__PURE__ */ {
-                    var _d_valueColor;
+                children: e.map((u, y)=>/* @__PURE__ */ {
+                    var _u_valueColor;
                     return t(s, {
                         space: 8,
                         alignItems: "baseline",
                         children: [
-                            /* @__PURE__ */ r(p, {
-                                color: (_d_valueColor = d.valueColor) !== null && _d_valueColor !== void 0 ? _d_valueColor : c.colors.textPrimary,
-                                children: d.value
+                            /* @__PURE__ */ r(x, {
+                                color: (_u_valueColor = u.valueColor) !== null && _u_valueColor !== void 0 ? _u_valueColor : o.colors.textPrimary,
+                                children: u.value
                             }),
-                            /* @__PURE__ */ r(n, {
+                            /* @__PURE__ */ r(i, {
                                 regular: !0,
-                                color: c.colors.textSecondary,
-                                children: d.text
+                                color: o.colors.textSecondary,
+                                children: u.text
                             })
                         ]
-                    }, u);
+                    }, y);
                 })
             }),
-            l || a ? /* @__PURE__ */ r(m, {
+            l || n ? /* @__PURE__ */ r(m, {
                 paddingTop: 8,
-                children: /* @__PURE__ */ r(g, {
+                children: /* @__PURE__ */ r(b, {
                     title: l,
-                    description: a
+                    description: n
                 })
             }) : null
         ]
     });
-}, D = (param)=>{
-    let { title: o, value: e, description: l, valueColor: a = c.colors.textPrimary, "aria-label": i } = param;
+}, F = (param)=>{
+    let { title: a, value: e, description: l, valueColor: c = o.colors.textPrimary, "aria-label": n } = param;
     return /* @__PURE__ */ t("div", {
-        "aria-label": i,
-        className: h,
+        "aria-label": n,
+        className: p,
         children: [
-            /* @__PURE__ */ r(n, {
+            /* @__PURE__ */ r(i, {
                 regular: !0,
-                color: c.colors.textPrimary,
-                children: o
+                color: o.colors.textPrimary,
+                children: a
             }),
-            /* @__PURE__ */ r(p, {
-                color: a,
+            /* @__PURE__ */ r(x, {
+                color: c,
                 children: e
             }),
-            /* @__PURE__ */ r(g, {
+            /* @__PURE__ */ r(b, {
                 description: l
             })
         ]
     });
-}, E = (param)=>{
-    let { title: o, stackingGroup: e, progressPercent: l, reverse: a, heading: i, description: d, "aria-label": u } = param;
+}, J = (param)=>{
+    let { title: a, stackingGroup: e, progressPercent: l, reverse: c, heading: n, description: d, "aria-label": h } = param;
     return /* @__PURE__ */ r("div", {
-        "aria-label": u,
-        children: /* @__PURE__ */ t(x, {
+        "aria-label": h,
+        children: /* @__PURE__ */ t(g, {
             space: 8,
             children: [
                 /* @__PURE__ */ t(s, {
@@ -191,41 +206,41 @@ const g = (param)=>{
                     children: [
                         /* @__PURE__ */ r(m, {
                             paddingRight: 32,
-                            children: /* @__PURE__ */ r(n, {
+                            children: /* @__PURE__ */ r(i, {
                                 regular: !0,
-                                children: o
+                                children: a
                             })
                         }),
                         e
                     ]
                 }),
-                l !== void 0 && /* @__PURE__ */ r(B, {
+                l !== void 0 && /* @__PURE__ */ r(I, {
                     "aria-hidden": !0,
                     progressPercent: l,
-                    reverse: a
+                    reverse: c
                 }),
                 /* @__PURE__ */ t(s, {
                     space: 8,
                     alignItems: "baseline",
                     children: [
-                        /* @__PURE__ */ r(p, {
-                            color: i.valueColor || c.colors.textPrimary,
-                            children: i.value
+                        /* @__PURE__ */ r(x, {
+                            color: n.valueColor || o.colors.textPrimary,
+                            children: n.value
                         }),
-                        /* @__PURE__ */ r(n, {
+                        /* @__PURE__ */ r(i, {
                             regular: !0,
-                            color: c.colors.textSecondary,
-                            children: i.text
+                            color: o.colors.textSecondary,
+                            children: n.text
                         })
                     ]
                 }),
-                d && /* @__PURE__ */ r(n, {
+                d && /* @__PURE__ */ r(i, {
                     regular: !0,
-                    color: c.colors.textSecondary,
+                    color: o.colors.textSecondary,
                     children: d
                 })
             ]
         })
     });
 };
-export { z as HighlightedValueBlock, q as InformationBlock, E as ProgressBlock, L as RowBlock, $ as SimpleBlock, D as ValueBlock };
+export { E as HighlightedValueBlock, D as InformationBlock, J as ProgressBlock, q as RowBlock, z as SimpleBlock, F as ValueBlock };

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

@@ -1,3 +1,3 @@
 import "./example-component.css.ts.vanilla.css-mistica.js";
-var m = "v16_18_2_jbmjs60";
+var m = "v16_20_jbmjs60";
 export { m as example };

package/dist-es/counter.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./counter.css.ts.vanilla.css-mistica.js";
-var n = "v16_18_2_rijsns8 v16_18_2_1y2v1nf8c v16_18_2_1y2v1nfl2 v16_18_2_1y2v1nfif v16_18_2_1y2v1nfji v16_18_2_1y2v1nfjy", r = "v16_18_2_rijsnse v16_18_2_1y2v1nfjh v16_18_2_1y2v1nfjx v16_18_2_1y2v1nfif v16_18_2_1y2v1nfl9 v16_18_2_1y2v1nf75", s = "v16_18_2_rijsns6", i = "v16_18_2_rijsns3 v16_18_2_1y2v1nfl9 v16_18_2_1y2v1nf48 v16_18_2_1y2v1nfil v16_18_2_1y2v1nfll", f = "v16_18_2_rijsnsc v16_18_2_rijsnsa v16_18_2_1y2v1nfif", a = "v16_18_2_rijsnsa v16_18_2_1y2v1nfif", t = "v16_18_2_rijsns4", y = "v16_18_2_rijsns0", o = "v16_18_2_rijsns1", j = "v16_18_2_rijsnsb v16_18_2_rijsnsa v16_18_2_1y2v1nfif", e = "v16_18_2_1y2v1nfie v16_18_2_1y2v1nfik v16_18_2_1y2v1nfit";
+var n = "v16_20_rijsns8 v16_20_1y2v1nf8c v16_20_1y2v1nfl2 v16_20_1y2v1nfif v16_20_1y2v1nfji v16_20_1y2v1nfjy", r = "v16_20_rijsnse v16_20_1y2v1nfjh v16_20_1y2v1nfjx v16_20_1y2v1nfif v16_20_1y2v1nfl9 v16_20_1y2v1nf75", s = "v16_20_rijsns6", i = "v16_20_rijsns3 v16_20_1y2v1nfl9 v16_20_1y2v1nf48 v16_20_1y2v1nfil v16_20_1y2v1nfll", f = "v16_20_rijsnsc v16_20_rijsnsa v16_20_1y2v1nfif", a = "v16_20_rijsnsa v16_20_1y2v1nfif", t = "v16_20_rijsns4", y = "v16_20_rijsns0", o = "v16_20_rijsns1", j = "v16_20_rijsnsb v16_20_rijsnsa v16_20_1y2v1nfif", e = "v16_20_1y2v1nfie v16_20_1y2v1nfik v16_20_1y2v1nfit";
 export { n as button, r as buttonBackground, s as buttonContainer, i as counter, f as decreaseButtonIcon, a as defaultButtonIcon, t as disabled, y as hasTrashIcon, o as isButtonDisabled, j as trashButtonIcon, e as valueContainer };

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

@@ -3,7 +3,7 @@ import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./grid-layout.css.ts.vanilla.css-mistica.js";
 import "./carousel.css.ts.vanilla.css-mistica.js";
 import "./cover-hero.css.ts.vanilla.css-mistica.js";
-var e = "v16_18_2_moeazi9 v16_18_2_1y2v1nfiz", r = "v16_18_2_moeazi2 v16_18_2_1y2v1nfie v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiq v16_18_2_1y2v1nfit v16_18_2_1y2v1nfj7 v16_18_2_1y2v1nflr v16_18_2_1y2v1nfn0", f = "v16_18_2_moeazi4 v16_18_2_1y2v1nfie v16_18_2_1y2v1nfik v16_18_2_1y2v1nfj7", o = "v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiq", y = "v16_18_2_moeazi7", m = "v16_18_2_1y2v1nfie", t = "v16_18_2_1y2v1nfif v16_18_2_1y2v1nfnf v16_18_2_1y2v1nfj7 v16_18_2_1y2v1nfjo", z = "v16_18_2_moeazic v16_18_2_1y2v1nfif v16_18_2_1y2v1nflr v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfj7 v16_18_2_1y2v1nfjo", p = "v16_18_2_moeazi6", s = "v16_18_2_1y2v1nfie", c = "v16_18_2_moeazie", j = {
-    aspectRatio: "var(--v16_18_2_moeazi0)"
-}, l = "v16_18_2_moeazi5";
+var e = "v16_20_moeazi9 v16_20_1y2v1nfiz", r = "v16_20_moeazi2 v16_20_1y2v1nfie v16_20_1y2v1nfik v16_20_1y2v1nfiq v16_20_1y2v1nfit v16_20_1y2v1nfj7 v16_20_1y2v1nflr v16_20_1y2v1nfn0", f = "v16_20_moeazi4 v16_20_1y2v1nfie v16_20_1y2v1nfik v16_20_1y2v1nfj7", o = "v16_20_1y2v1nfik v16_20_1y2v1nfiq", y = "v16_20_moeazi7", m = "v16_20_1y2v1nfie", t = "v16_20_1y2v1nfif v16_20_1y2v1nfnf v16_20_1y2v1nfj7 v16_20_1y2v1nfjo", z = "v16_20_moeazic v16_20_1y2v1nfif v16_20_1y2v1nflr v16_20_1y2v1nfm6 v16_20_1y2v1nfj7 v16_20_1y2v1nfjo", p = "v16_20_moeazi6", s = "v16_20_1y2v1nfie", c = "v16_20_moeazie", j = {
+    aspectRatio: "var(--v16_20_moeazi0)"
+}, l = "v16_20_moeazi5";
 export { e as centered, r as coverHero, f as coverHeroContainer, o as flexColumn, y as hasSideExtra, m as mainContent, t as mediaLayer, z as mediaOverlay, p as minHeight, s as sideExtra, c as sixColumns, j as vars, l as withAspectRatio };

package/dist-es/credit-card-expiration-field.js

@@ -79,18 +79,18 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as w } from "react/jsx-runtime";
-import * as V from "react";
-import { useForm as b, useFieldProps as j } from "./form-context.js";
+import * as b from "react";
+import { useForm as j, useFieldProps as A } from "./form-context.js";
 import { useTheme as T } from "./hooks.js";
-import { TextFieldBaseAutosuggest as A } from "./text-field-base.js";
-import { expirationDatePlaceholder as B, formCreditCardExpirationError as F } from "./text-tokens.js";
-const K = (_param)=>{
+import { TextFieldBaseAutosuggest as B } from "./text-field-base.js";
+import { expirationDatePlaceholder as K, formCreditCardExpirationError as F } from "./text-tokens.js";
+const N = (_param)=>{
     var { inputRef: m, defaultValue: s, value: l } = _param, c = _object_without_properties(_param, [
         "inputRef",
         "defaultValue",
         "value"
     ]);
-    const { texts: f, t: g } = T(), i = V.useRef(""), u = (r)=>{
+    const { texts: f, t: g } = T(), i = b.useRef(""), u = (r)=>{
         if (r.length === 2 && i.current === "Backspace") return r[0];
         let e = "";
         return [
@@ -102,7 +102,7 @@ const K = (_param)=>{
         i.current = r.key;
     };
     return /* @__PURE__ */ w("input", _object_spread_props(_object_spread({}, c), {
-        placeholder: f.expirationDatePlaceholder || g(B),
+        placeholder: f.expirationDatePlaceholder || g(K),
         type: "text",
         inputMode: "decimal",
         maxLength: "5",
@@ -115,8 +115,8 @@ const K = (_param)=>{
         defaultValue: s === void 0 ? void 0 : u(s),
         ref: m
     }));
-}, N = (_param)=>{
-    var { disabled: m, error: s, helperText: l, name: c, label: f, optional: g, validate: i, onChange: u, onChangeValue: x, onBlur: r, value: e, autoComplete: C = "cc-exp", defaultValue: I, dataAttributes: M } = _param, Y = _object_without_properties(_param, [
+}, L = (_param)=>{
+    var { disabled: m, error: s, helperText: l, name: c, label: f, optional: g, validate: i, validateOnBlurInsideForm: u, onChange: x, onChangeValue: r, onBlur: e, value: C, autoComplete: I = "cc-exp", defaultValue: M, dataAttributes: Y } = _param, k = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -124,6 +124,7 @@ const K = (_param)=>{
         "label",
         "optional",
         "validate",
+        "validateOnBlurInsideForm",
         "onChange",
         "onChangeValue",
         "onBlur",
@@ -132,11 +133,11 @@ const K = (_param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: h, t: E } = T(), { setFormError: k, jumpToNext: v } = b(), p = (t, n)=>{
+    const { texts: h, t: E } = T(), { setFormError: v, jumpToNext: R } = j(), p = (t, n)=>{
         const { month: a, year: o } = t;
         if (!a || !o) return h.formCreditCardExpirationError || E(F);
-        const d = /* @__PURE__ */ new Date(), R = d.getMonth() + 1, $ = d.getFullYear();
-        return o < $ ? h.formCreditCardExpirationError || E(F) : o === $ && a < R ? h.formCreditCardExpirationError || E(F) : i == null ? void 0 : i(t, n);
+        const d = /* @__PURE__ */ new Date(), V = d.getMonth() + 1, $ = d.getFullYear();
+        return o < $ ? h.formCreditCardExpirationError || E(F) : o === $ && a < V ? h.formCreditCardExpirationError || E(F) : i == null ? void 0 : i(t, n);
     }, y = (t)=>{
         const [n, a] = String(t).split("/").map((d)=>parseInt(d)), o = Number.isInteger(a) ? 2e3 + a : null;
         return {
@@ -144,39 +145,40 @@ const K = (_param)=>{
             year: o,
             raw: t
         };
-    }, D = j({
+    }, D = A({
         name: c,
         label: f,
-        value: e,
-        defaultValue: I,
+        value: C,
+        defaultValue: M,
         processValue: y,
         helperText: l,
         optional: g,
         error: s,
         disabled: m,
-        onBlur: r,
+        onBlur: e,
         validate: p,
-        onChange: u,
-        onChangeValue: x
+        validateOnBlurInsideForm: u,
+        onChange: x,
+        onChangeValue: r
     });
-    return /* @__PURE__ */ w(A, _object_spread_props(_object_spread({}, Y, D), {
+    return /* @__PURE__ */ w(B, _object_spread_props(_object_spread({}, k, D), {
         onChange: (t)=>{
             D.onChange(t);
             const n = t.currentTarget.value, a = y(n);
             if (n.length === 5) {
                 const o = p == null ? void 0 : p(a, n);
-                o ? k({
+                o ? v({
                     name: c,
                     error: o
-                }) : v(c);
+                }) : R(c);
             }
         },
-        autoComplete: C,
-        inputComponent: K,
+        autoComplete: I,
+        inputComponent: N,
         dataAttributes: _object_spread({
             "component-name": "CreditCardExpirationField",
             testid: "CreditCardExpirationField"
-        }, M)
+        }, Y)
     }));
-}, H = N;
-export { H as default };
+}, J = L;
+export { J as default };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./credit-card-number-field.css.ts.vanilla.css-mistica.js";
-var y = "v16_18_2_yvyo3q0", f = "v16_18_2_yvyo3q5 v16_18_2_yvyo3q2 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfit v16_18_2_1y2v1nfjo", i = "v16_18_2_yvyo3q2 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfit v16_18_2_1y2v1nfjo v16_18_2_1y2v1nfif", o = {
-    default: "v16_18_2_yvyo3q7 v16_18_2_1y2v1nfie v16_18_2_yvyo3q8",
-    backface: "v16_18_2_yvyo3q7 v16_18_2_1y2v1nfie v16_18_2_yvyo3q9"
+var y = "v16_20_yvyo3q0", f = "v16_20_yvyo3q5 v16_20_yvyo3q2 v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nfit v16_20_1y2v1nfjo", i = "v16_20_yvyo3q2 v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nfit v16_20_1y2v1nfjo v16_20_1y2v1nfif", o = {
+    default: "v16_20_yvyo3q7 v16_20_1y2v1nfie v16_20_yvyo3q8",
+    backface: "v16_20_yvyo3q7 v16_20_1y2v1nfie v16_20_yvyo3q9"
 };
 export { y as flip, f as flipBack, i as flipFront, o as variants };