@telefonica/mistica 16.7.0 → 16.8.0

package/dist-es/community/advanced-data-card.css-mistica.js

@@ -1,10 +1,10 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "../icon-button.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var f = 216, n = "v16_7_1x00fru4 v16_7_1x00fru2 v16_7_1y2v1nfae v16_7_1y2v1nfbn v16_7_1y2v1nfho v16_7_1y2v1nfi0 v16_7_1y2v1nf9b", a = {
-    default: "v16_7_1x00fruk",
-    mobile: "v16_7_1x00frul"
-}, t = "v16_7_1x00frut", o = "v16_7_1x00fruo", u = "v16_7_1x00frup v16_7_1x00fruo", i = "v16_7_1x00fru8 v16_7_1x00fru2 v16_7_1y2v1nfae v16_7_1y2v1nfbn v16_7_1y2v1nf7q v16_7_1y2v1nf9b", y = "v16_7_1y2v1nfhi v16_7_1y2v1nfis", x = "v16_7_1x00frud v16_7_1y2v1nfhi v16_7_1y2v1nfho v16_7_1y2v1nfia v16_7_1y2v1nfhu", e = "v16_7_1x00frui", h = "v16_7_1x00frua v16_7_1y2v1nf7w v16_7_1y2v1nf9b v16_7_1y2v1nfib", b = "v16_7_1x00frux", d = "v16_7_1x00frus v16_7_1y2v1nfho v16_7_1y2v1nfht", c = "v16_7_1y2v1nfi3 v16_7_1y2v1nfho v16_7_1y2v1nfbn", l = "v16_7_1y2v1nfho v16_7_1y2v1nfia v16_7_1y2v1nfi3 v16_7_1y2v1nfjx", m = "v16_7_1x00frum", p = "v16_7_1x00fruu", s = "v16_7_1x00frub", g = "v16_7_1x00fru2 v16_7_1y2v1nfae v16_7_1y2v1nfbn", C = "v16_7_1x00fruw", w = "v16_7_1x00fru5", H = "v16_7_1x00fru6", I = {
-    topActionsCount: "var(--v16_7_1x00fruv)"
-}, A = "v16_7_1y2v1nf7w";
+var f = 216, n = "v16_8_1x00fru4 v16_8_1x00fru2 v16_8_1y2v1nfae v16_8_1y2v1nfbn v16_8_1y2v1nfho v16_8_1y2v1nfi0 v16_8_1y2v1nf9b", a = {
+    default: "v16_8_1x00fruk",
+    mobile: "v16_8_1x00frul"
+}, t = "v16_8_1x00frut", o = "v16_8_1x00fruo", u = "v16_8_1x00frup v16_8_1x00fruo", i = "v16_8_1x00fru8 v16_8_1x00fru2 v16_8_1y2v1nfae v16_8_1y2v1nfbn v16_8_1y2v1nf7q v16_8_1y2v1nf9b", y = "v16_8_1y2v1nfhi v16_8_1y2v1nfis", x = "v16_8_1x00frud v16_8_1y2v1nfhi v16_8_1y2v1nfho v16_8_1y2v1nfia v16_8_1y2v1nfhu", e = "v16_8_1x00frui", h = "v16_8_1x00frua v16_8_1y2v1nf7w v16_8_1y2v1nf9b v16_8_1y2v1nfib", b = "v16_8_1x00frux", d = "v16_8_1x00frus v16_8_1y2v1nfho v16_8_1y2v1nfht", c = "v16_8_1y2v1nfi3 v16_8_1y2v1nfho v16_8_1y2v1nfbn", l = "v16_8_1y2v1nfho v16_8_1y2v1nfia v16_8_1y2v1nfi3 v16_8_1y2v1nfjx", m = "v16_8_1x00frum", p = "v16_8_1x00fruu", s = "v16_8_1x00frub", g = "v16_8_1x00fru2 v16_8_1y2v1nfae v16_8_1y2v1nfbn", C = "v16_8_1x00fruw", w = "v16_8_1x00fru5", H = "v16_8_1x00fru6", I = {
+    topActionsCount: "var(--v16_8_1x00fruv)"
+}, A = "v16_8_1y2v1nf7w";
 export { f as MIN_HEIGHT, n as actions, a as actionsVariants, t as adjustButtonLink, o as button, u as buttonMobile, i as cardContentStyle, y as container, x as dataCard, e as divider, h as extra, b as flexColumn, d as footerDirection, c as footerImage, l as footerText, m as marginRightAuto, p as marginRightButton, s as minHeight, g as paddingX, C as topActionsWithoutIcon, w as touchable, H as touchableCardHoverOverlay, I as vars, A as withPaddingTop };

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

@@ -1,4 +1,4 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./blocks.css.ts.vanilla.css-mistica.js";
-var n = "v16_7_1y2v1nfho v16_7_1y2v1nfhu", o = "v16_7_llrsen1";
+var n = "v16_8_1y2v1nfho v16_8_1y2v1nfhu", o = "v16_8_llrsen1";
 export { n as column, o as rightContent };

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_7_jbmjs60";
+var m = "v16_8_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_7_rijsns8 v16_7_1y2v1nf7g v16_7_1y2v1nfk6 v16_7_1y2v1nfhj v16_7_1y2v1nfim v16_7_1y2v1nfj2", r = "v16_7_rijsnse v16_7_1y2v1nfil v16_7_1y2v1nfj1 v16_7_1y2v1nfhj v16_7_1y2v1nfkd v16_7_1y2v1nf6p", s = "v16_7_rijsns6", a = "v16_7_rijsns3 v16_7_1y2v1nfkd v16_7_1y2v1nf3s v16_7_1y2v1nfhp v16_7_1y2v1nfkp", i = "v16_7_rijsnsc v16_7_rijsnsa v16_7_1y2v1nfhj", t = "v16_7_rijsnsa v16_7_1y2v1nfhj", f = "v16_7_rijsns4", y = "v16_7_rijsns0", j = "v16_7_rijsns1", o = "v16_7_rijsnsb v16_7_rijsnsa v16_7_1y2v1nfhj", e = "v16_7_1y2v1nfhi v16_7_1y2v1nfho v16_7_1y2v1nfhx";
+var n = "v16_8_rijsns8 v16_8_1y2v1nf7g v16_8_1y2v1nfk6 v16_8_1y2v1nfhj v16_8_1y2v1nfim v16_8_1y2v1nfj2", r = "v16_8_rijsnse v16_8_1y2v1nfil v16_8_1y2v1nfj1 v16_8_1y2v1nfhj v16_8_1y2v1nfkd v16_8_1y2v1nf6p", s = "v16_8_rijsns6", a = "v16_8_rijsns3 v16_8_1y2v1nfkd v16_8_1y2v1nf3s v16_8_1y2v1nfhp v16_8_1y2v1nfkp", i = "v16_8_rijsnsc v16_8_rijsnsa v16_8_1y2v1nfhj", t = "v16_8_rijsnsa v16_8_1y2v1nfhj", f = "v16_8_rijsns4", y = "v16_8_rijsns0", j = "v16_8_rijsns1", o = "v16_8_rijsnsb v16_8_rijsnsa v16_8_1y2v1nfhj", e = "v16_8_1y2v1nfhi v16_8_1y2v1nfho v16_8_1y2v1nfhx";
 export { n as button, r as buttonBackground, s as buttonContainer, a as counter, i as decreaseButtonIcon, t as defaultButtonIcon, f as disabled, y as hasTrashIcon, j as isButtonDisabled, o 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 r = "v16_7_moeazi9 v16_7_1y2v1nfi3", e = "v16_7_moeazi2 v16_7_1y2v1nfhi v16_7_1y2v1nfho v16_7_1y2v1nfhu v16_7_1y2v1nfhx v16_7_1y2v1nfib v16_7_1y2v1nfkv v16_7_1y2v1nfm4", o = "v16_7_moeazi4 v16_7_1y2v1nfhi v16_7_1y2v1nfho v16_7_1y2v1nfib", y = "v16_7_1y2v1nfho v16_7_1y2v1nfhu", f = "v16_7_moeazi7", m = "v16_7_1y2v1nfhi", t = "v16_7_1y2v1nfhj v16_7_1y2v1nfmj v16_7_1y2v1nfib v16_7_1y2v1nfis", h = "v16_7_moeazic v16_7_1y2v1nfhj v16_7_1y2v1nfkv v16_7_1y2v1nfla v16_7_1y2v1nfib v16_7_1y2v1nfis", s = "v16_7_moeazi6", z = "v16_7_1y2v1nfhi", p = "v16_7_moeazie", c = {
-    aspectRatio: "var(--v16_7_moeazi0)"
-}, x = "v16_7_moeazi5";
+var r = "v16_8_moeazi9 v16_8_1y2v1nfi3", e = "v16_8_moeazi2 v16_8_1y2v1nfhi v16_8_1y2v1nfho v16_8_1y2v1nfhu v16_8_1y2v1nfhx v16_8_1y2v1nfib v16_8_1y2v1nfkv v16_8_1y2v1nfm4", o = "v16_8_moeazi4 v16_8_1y2v1nfhi v16_8_1y2v1nfho v16_8_1y2v1nfib", y = "v16_8_1y2v1nfho v16_8_1y2v1nfhu", f = "v16_8_moeazi7", m = "v16_8_1y2v1nfhi", t = "v16_8_1y2v1nfhj v16_8_1y2v1nfmj v16_8_1y2v1nfib v16_8_1y2v1nfis", h = "v16_8_moeazic v16_8_1y2v1nfhj v16_8_1y2v1nfkv v16_8_1y2v1nfla v16_8_1y2v1nfib v16_8_1y2v1nfis", s = "v16_8_moeazi6", z = "v16_8_1y2v1nfhi", p = "v16_8_moeazie", c = {
+    aspectRatio: "var(--v16_8_moeazi0)"
+}, x = "v16_8_moeazi5";
 export { r as centered, e as coverHero, o as coverHeroContainer, y as flexColumn, f as hasSideExtra, m as mainContent, t as mediaLayer, h as mediaOverlay, s as minHeight, z as sideExtra, p as sixColumns, c as vars, x as withAspectRatio };

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_7_yvyo3q0", f = "v16_7_yvyo3q5 v16_7_yvyo3q2 v16_7_1y2v1nfho v16_7_1y2v1nfi3 v16_7_1y2v1nfhx v16_7_1y2v1nfis", o = "v16_7_yvyo3q2 v16_7_1y2v1nfho v16_7_1y2v1nfi3 v16_7_1y2v1nfhx v16_7_1y2v1nfis v16_7_1y2v1nfhj", n = {
-    default: "v16_7_yvyo3q7 v16_7_1y2v1nfhi v16_7_yvyo3q8",
-    backface: "v16_7_yvyo3q7 v16_7_1y2v1nfhi v16_7_yvyo3q9"
+var y = "v16_8_yvyo3q0", f = "v16_8_yvyo3q5 v16_8_yvyo3q2 v16_8_1y2v1nfho v16_8_1y2v1nfi3 v16_8_1y2v1nfhx v16_8_1y2v1nfis", o = "v16_8_yvyo3q2 v16_8_1y2v1nfho v16_8_1y2v1nfi3 v16_8_1y2v1nfhx v16_8_1y2v1nfis v16_8_1y2v1nfhj", n = {
+    default: "v16_8_yvyo3q7 v16_8_1y2v1nfhi v16_8_yvyo3q8",
+    backface: "v16_8_yvyo3q7 v16_8_1y2v1nfhi v16_8_yvyo3q9"
 };
 export { y as flip, f as flipBack, o as flipFront, n as variants };

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

@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./date-field.css.ts.vanilla.css-mistica.js";
-var p = "v16_7_1pntndu0";
+var p = "v16_8_1pntndu0";
 export { p as iconContainer };

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

@@ -1,3 +1,3 @@
 import "./date-time-picker.css.ts.vanilla.css-mistica.js";
-var e = "v16_7_c0yqjy0";
+var e = "v16_8_c0yqjy0";
 export { e as reactDatePicker };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./dialog.css.ts.vanilla.css-mistica.js";
-var n = 200, y = "v16_7_3dl29lb", f = "v16_7_3dl29l6", l = "v16_7_3dl29ll v16_7_1y2v1nf82", a = "v16_7_3dl29lj v16_7_1y2v1nfia v16_7_1y2v1nfjo", o = "v16_7_3dl29lm", d = "v16_7_3dl29l8 v16_7_1y2v1nf7w v16_7_1y2v1nf95 v16_7_1y2v1nfae v16_7_1y2v1nfbn v16_7_1y2v1nfhj v16_7_1y2v1nfkv v16_7_1y2v1nflp", r = "v16_7_3dl29la v16_7_1y2v1nf3r v16_7_1y2v1nfkf", t = "v16_7_3dl29l5 v16_7_1y2v1nfhk v16_7_1y2v1nfho v16_7_1y2v1nfhx v16_7_1y2v1nfi3 v16_7_1y2v1nfhu v16_7_1y2v1nfkv v16_7_1y2v1nflp v16_7_1y2v1nfm4 v16_7_1y2v1nfla v16_7_1y2v1nf43", i = {
-    dialog: "v16_7_3dl29ld v16_7_1y2v1nfho v16_7_1y2v1nfhu v16_7_1y2v1nfi0 v16_7_1y2v1nfak v16_7_1y2v1nfbt v16_7_1y2v1nf88 v16_7_1y2v1nf9b",
-    default: "v16_7_3dl29ld v16_7_1y2v1nfho v16_7_1y2v1nfhu v16_7_1y2v1nfi0 v16_7_1y2v1nf82 v16_7_1y2v1nf9b v16_7_1y2v1nfak v16_7_1y2v1nfbt"
-}, e = "v16_7_1y2v1nfhi";
+var n = 200, y = "v16_8_3dl29lb", f = "v16_8_3dl29l6", l = "v16_8_3dl29ll v16_8_1y2v1nf82", a = "v16_8_3dl29lj v16_8_1y2v1nfia v16_8_1y2v1nfjo", o = "v16_8_3dl29lm", d = "v16_8_3dl29l8 v16_8_1y2v1nf7w v16_8_1y2v1nf95 v16_8_1y2v1nfae v16_8_1y2v1nfbn v16_8_1y2v1nfhj v16_8_1y2v1nfkv v16_8_1y2v1nflp", r = "v16_8_3dl29la v16_8_1y2v1nf3r v16_8_1y2v1nfkf", t = "v16_8_3dl29l5 v16_8_1y2v1nfhk v16_8_1y2v1nfho v16_8_1y2v1nfhx v16_8_1y2v1nfi3 v16_8_1y2v1nfhu v16_8_1y2v1nfkv v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nfla v16_8_1y2v1nf43", i = {
+    dialog: "v16_8_3dl29ld v16_8_1y2v1nfho v16_8_1y2v1nfhu v16_8_1y2v1nfi0 v16_8_1y2v1nfak v16_8_1y2v1nfbt v16_8_1y2v1nf88 v16_8_1y2v1nf9b",
+    default: "v16_8_3dl29ld v16_8_1y2v1nfho v16_8_1y2v1nfhu v16_8_1y2v1nfi0 v16_8_1y2v1nf82 v16_8_1y2v1nf9b v16_8_1y2v1nfak v16_8_1y2v1nfbt"
+}, e = "v16_8_1y2v1nfhi";
 export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, o as iconContainer, d as modalCloseButtonContainer, r as modalContent, t as modalOpacityLayer, i as variants, e as wrapper };

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

@@ -1,6 +1,6 @@
 import "./divider.css.ts.vanilla.css-mistica.js";
 var t = {
-    default: "v16_7_o0dvt10",
-    inverse: "v16_7_o0dvt11"
+    default: "v16_8_o0dvt10",
+    inverse: "v16_8_o0dvt11"
 };
 export { t as variants };

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

@@ -4,7 +4,7 @@ import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
 import "./double-field.css.ts.vanilla.css-mistica.js";
 var f = {
-    default: "v16_7_skrulh1 v16_7_1y2v1nfho v16_7_1y2v1nfht v16_7_1y2v1nfib",
-    fullWidth: "v16_7_skrulh2 v16_7_1y2v1nfho v16_7_1y2v1nfht v16_7_1y2v1nfib"
+    default: "v16_8_skrulh1 v16_8_1y2v1nfho v16_8_1y2v1nfht v16_8_1y2v1nfib",
+    fullWidth: "v16_8_skrulh2 v16_8_1y2v1nfho v16_8_1y2v1nfht v16_8_1y2v1nfib"
 };
 export { f as variants };

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

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./drawer.css.ts.vanilla.css-mistica.js";
+var n = 350, y = "v16_8_1y2v1nfhj v16_8_1y2v1nfky v16_8_1y2v1nfls", f = "v16_8_c4ngww9", r = "v16_8_c4ngww1 v16_8_1y2v1nfhk v16_8_1y2v1nfho v16_8_1y2v1nf3r v16_8_1y2v1nfkv v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nfkp", a = "v16_8_1y2v1nf88 v16_8_1y2v1nfho v16_8_1y2v1nfhu v16_8_1y2v1nfi9", o = "v16_8_c4ngww8", e = "v16_8_c4ngwwb v16_8_1y2v1nfhk v16_8_1y2v1nfkv v16_8_1y2v1nfla v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nf43", w = "v16_8_c4ngwwc", l = "v16_8_c4ngwwd", c = "v16_8_1y2v1nfi9 v16_8_1y2v1nfku", i = "v16_8_c4ngww5 v16_8_1y2v1nfi6 v16_8_1y2v1nfi8";
+export { n as ANIMATION_DURATION_MS, y as closeButtonContainer, f as closed, r as container, a as drawer, o as open, e as overlay, w as overlayClosed, l as overlayOpen, c as scrollableSection, i as titleContainer };

package/dist-es/drawer.css.ts.vanilla.css-mistica.js

@@ -0,0 +1,2 @@
+const a = "";
+export { a as default };

package/dist-es/drawer.js

@@ -0,0 +1,273 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import * as t from "react";
+import W from "./stack.js";
+import { Text5 as L, Text4 as X, Text3 as G } from "./text.js";
+import { vars as K } from "./skins/skin-contract.css-mistica.js";
+import { IconButton as j } from "./icon-button.js";
+import Y from "./generated/mistica-icons/icon-close-regular.js";
+import E from "./box.js";
+import { ANIMATION_DURATION_MS as $, overlay as z, overlayOpen as U, overlayClosed as V, container as q, open as H, closed as J, drawer as Q, closeButtonContainer as Z, titleContainer as F, scrollableSection as ee } from "./drawer.css-mistica.js";
+import x from "classnames";
+import { Portal as te } from "./portal.js";
+import { useScreenSize as re, useTheme as oe, useIsInViewport as D } from "./hooks.js";
+import ne from "./focus-trap.js";
+import { useSetModalStateEffect as ae } from "./modal-context-provider.js";
+import se from "./button-layout.js";
+import { ButtonPrimary as ie, ButtonSecondary as ce, ButtonLink as le } from "./button.js";
+import de from "./divider.js";
+import { getPrefixedDataAttributes as me } from "./utils/dom.js";
+import { modalClose as ue } from "./text-tokens.js";
+const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (param)=>{
+    let { show: n } = param;
+    return n ? /* @__PURE__ */ e(de, {}) : /* @__PURE__ */ e("div", {
+        style: {
+            borderBottom: "1px solid transparent"
+        }
+    });
+}, he = ()=>{
+    const n = t.useRef(document.activeElement);
+    t.useEffect(()=>{
+        const r = n.current;
+        return ()=>{
+            var a;
+            (a = r == null ? void 0 : r.focus) == null || a.call(r);
+        };
+    }, []);
+}, Ee = /*#__PURE__*/ t.forwardRef((param, S)=>{
+    let { width: n, children: r, onClose: a, onDismiss: d } = param;
+    ae(), he();
+    const { isMobile: p, isTablet: T } = re(), [u, v] = t.useState(!1), s = p ? "none" : T ? ve : pe, i = p ? "auto" : n, c = t.useCallback((o)=>{
+        o && setTimeout(()=>{
+            v(!0);
+        }, 50);
+    }, []), f = t.useCallback(()=>(v(!1), new Promise((o)=>{
+            setTimeout(o, $);
+        }).then(a)), [
+        a
+    ]), l = t.useCallback(()=>f().then(()=>d == null ? void 0 : d()), [
+        d,
+        f
+    ]);
+    return t.useImperativeHandle(S, ()=>({
+            close: f,
+            dismiss: l
+        })), t.useEffect(()=>{
+        const o = (h)=>{
+            h.key === "Escape" && l();
+        };
+        return document.addEventListener("keydown", o), ()=>{
+            document.removeEventListener("keydown", o);
+        };
+    }, [
+        l
+    ]), /* @__PURE__ */ e(te, {
+        children: /* @__PURE__ */ k(ne, {
+            children: [
+                /* @__PURE__ */ e("div", {
+                    "data-testid": "drawerOverlay",
+                    onClick: d ? l : void 0,
+                    className: x(z, u ? U : V)
+                }),
+                /* @__PURE__ */ e("div", {
+                    "data-testid": "drawerLayout",
+                    ref: c,
+                    style: {
+                        width: i,
+                        minWidth: s
+                    },
+                    className: x(q, u ? H : J),
+                    children: r
+                })
+            ]
+        })
+    });
+}), ke = (param)=>{
+    let { title: n, subtitle: r, description: a, titleAs: d = "h2", dismissLabel: S, width: p, onClose: T, onDismiss: u, children: v, button: s, secondaryButton: i, buttonLink: c, dataAttributes: f } = param;
+    const l = t.useRef(null), o = !!(s || i || c), [h, _] = t.useState(null), I = t.useRef(null), g = t.useRef(null), { t: B, texts: C } = oe(), w = {
+        mobile: fe,
+        tablet: b,
+        desktop: A
+    }, y = (m)=>{
+        var N;
+        (N = l.current) == null || N.close().then(()=>m == null ? void 0 : m());
+    }, O = !D(I, !0, {
+        root: h
+    }), M = !D(g, !0, {
+        rootMargin: "1px",
+        // bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
+        root: h
+    });
+    return /* @__PURE__ */ e(Ee, {
+        width: p,
+        ref: l,
+        onClose: T,
+        onDismiss: u,
+        children: /* @__PURE__ */ k("section", _object_spread_props(_object_spread({
+            role: "dialog",
+            "aria-modal": "true",
+            className: Q,
+            ref: _
+        }, me(f, "Drawer")), {
+            children: [
+                u && /* @__PURE__ */ e("div", {
+                    className: Z,
+                    children: /* @__PURE__ */ e(j, {
+                        dataAttributes: {
+                            testid: "dismissButton"
+                        },
+                        onPress: ()=>{
+                            var m;
+                            return (m = l.current) == null ? void 0 : m.dismiss();
+                        },
+                        Icon: Y,
+                        "aria-label": S || C.modalClose || B(ue),
+                        type: "neutral",
+                        backgroundType: "transparent"
+                    })
+                }),
+                n && /* @__PURE__ */ e("div", {
+                    className: F,
+                    children: /* @__PURE__ */ e(E, {
+                        paddingX: w,
+                        children: /* @__PURE__ */ e(L, {
+                            as: d,
+                            dataAttributes: {
+                                testid: "title"
+                            },
+                            children: n
+                        })
+                    })
+                }),
+                /* @__PURE__ */ e(P, {
+                    show: O
+                }),
+                /* @__PURE__ */ k("div", {
+                    className: ee,
+                    children: [
+                        /* @__PURE__ */ e("div", {
+                            ref: I
+                        }),
+                        /* @__PURE__ */ e(E, {
+                            paddingX: w,
+                            children: /* @__PURE__ */ k(W, {
+                                space: 16,
+                                children: [
+                                    r && /* @__PURE__ */ e(X, {
+                                        regular: !0,
+                                        dataAttributes: {
+                                            testid: "subtitle"
+                                        },
+                                        children: r
+                                    }),
+                                    a && /* @__PURE__ */ e(G, {
+                                        regular: !0,
+                                        color: K.colors.textSecondary,
+                                        dataAttributes: {
+                                            testid: "description"
+                                        },
+                                        children: a
+                                    }),
+                                    v
+                                ]
+                            })
+                        }),
+                        !o && /* @__PURE__ */ e(E, {
+                            paddingBottom: {
+                                mobile: 16,
+                                desktop: 24
+                            }
+                        }),
+                        /* @__PURE__ */ e("div", {
+                            ref: g
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ e(P, {
+                    show: o && M
+                }),
+                o && /* @__PURE__ */ e(E, {
+                    paddingX: w,
+                    paddingY: {
+                        mobile: 16,
+                        desktop: 24
+                    },
+                    children: /* @__PURE__ */ e(se, {
+                        primaryButton: s && /* @__PURE__ */ e(ie, {
+                            trackEvent: s.trackEvent,
+                            trackingEvent: s.trackingEvent,
+                            onPress: ()=>y(s.onPress),
+                            children: s.text
+                        }),
+                        secondaryButton: i && /* @__PURE__ */ e(ce, {
+                            trackEvent: i.trackEvent,
+                            trackingEvent: i.trackingEvent,
+                            onPress: ()=>y(i.onPress),
+                            children: i.text
+                        }),
+                        link: c && /* @__PURE__ */ e(le, {
+                            trackEvent: c.trackEvent,
+                            trackingEvent: c.trackingEvent,
+                            onPress: ()=>y(c.onPress),
+                            bleedY: !0,
+                            children: c.text
+                        })
+                    })
+                })
+            ]
+        }))
+    });
+}, We = ke;
+export { We as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state-card.css.ts.vanilla.css-mistica.js";
-var r = "v16_7_1azor6p4 v16_7_1y2v1nfin v16_7_1y2v1nfj3", a = "v16_7_1azor6p0", n = "v16_7_1azor6p2 v16_7_1y2v1nfhq v16_7_1y2v1nfj5";
+var r = "v16_8_1azor6p4 v16_8_1y2v1nfin v16_8_1y2v1nfj3", a = "v16_8_1azor6p0", n = "v16_8_1azor6p2 v16_8_1y2v1nfhq v16_8_1y2v1nfj5";
 export { r as assetContainer, a as container, n as image };

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state.css.ts.vanilla.css-mistica.js";
-var v = "v16_7_13fzrua9 v16_7_1y2v1nfip v16_7_1y2v1nfj5", _ = "v16_7_1y2v1nfk5", e = "v16_7_13fzrua2 v16_7_1y2v1nfho v16_7_1y2v1nf7g", n = {
-    default: "v16_7_13fzrua3",
-    largeImage: "v16_7_13fzrua4"
-}, f = "v16_7_13fzruad", o = "v16_7_13fzrua7 v16_7_1y2v1nfis", t = "v16_7_13fzrua5", u = "v16_7_13fzruab v16_7_1y2v1nfhq", g = {
-    backgroundColor: "var(--v16_7_13fzrua0)"
+var v = "v16_8_13fzrua9 v16_8_1y2v1nfip v16_8_1y2v1nfj5", _ = "v16_8_1y2v1nfk5", e = "v16_8_13fzrua2 v16_8_1y2v1nfho v16_8_1y2v1nf7g", n = {
+    default: "v16_8_13fzrua3",
+    largeImage: "v16_8_13fzrua4"
+}, f = "v16_8_13fzruad", o = "v16_8_13fzrua7 v16_8_1y2v1nfis", t = "v16_8_13fzrua5", u = "v16_8_13fzruab v16_8_1y2v1nfhq", g = {
+    backgroundColor: "var(--v16_8_13fzrua0)"
 };
 export { v as assetContainer, _ as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, g as vars };

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

@@ -1,3 +1,3 @@
 import "./fade-in.css.ts.vanilla.css-mistica.js";
-var p = "v16_7_kq227n1";
+var p = "v16_8_kq227n1";
 export { p as wrapper };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./feedback.css.ts.vanilla.css-mistica.js";
-var v = "v16_7_1y2v1nfin v16_7_1y2v1nfj3", e = "v16_7_gx6h6af", r = "v16_7_gx6h6a4 v16_7_1y2v1nfho v16_7_1y2v1nfis v16_7_1y2v1nfib v16_7_1y2v1nfhu", n = "v16_7_gx6h6a0", t = "v16_7_gx6h6a1", x = "v16_7_gx6h6a2", h = "v16_7_gx6h6ae", g = "v16_7_gx6h6ab v16_7_gx6h6aa", o = "v16_7_gx6h6ac v16_7_gx6h6aa", i = "v16_7_gx6h6ad v16_7_gx6h6aa", p = "v16_7_gx6h6a5", d = "v16_7_gx6h6a6";
+var v = "v16_8_1y2v1nfin v16_8_1y2v1nfj3", e = "v16_8_gx6h6af", r = "v16_8_gx6h6a4 v16_8_1y2v1nfho v16_8_1y2v1nfis v16_8_1y2v1nfib v16_8_1y2v1nfhu", n = "v16_8_gx6h6a0", t = "v16_8_gx6h6a1", x = "v16_8_gx6h6a2", h = "v16_8_gx6h6ae", g = "v16_8_gx6h6ab v16_8_gx6h6aa", o = "v16_8_gx6h6ac v16_8_gx6h6aa", i = "v16_8_gx6h6ad v16_8_gx6h6aa", p = "v16_8_gx6h6a5", d = "v16_8_gx6h6a6";
 export { v as assetContainer, e as backgroundBrand, r as container, n as desktopContainer, t as desktopContent, x as desktopImage, h as feedbackData, g as feedbackTextAppearFast, o as feedbackTextAppearMedium, i as feedbackTextAppearSlow, p as innerContainer, d as innerContainerWithButtons };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./fixed-footer-layout.css.ts.vanilla.css-mistica.js";
-var r = "v16_7_p5j8j5d v16_7_1y2v1nfla v16_7_1y2v1nflp v16_7_1y2v1nfhj", a = "v16_7_p5j8j57", n = "v16_7_p5j8j55", o = "v16_7_p5j8j5b v16_7_1y2v1nfkv v16_7_1y2v1nfla v16_7_1y2v1nflp v16_7_1y2v1nfm4 v16_7_1y2v1nfhk", f = "v16_7_p5j8j54", j = "v16_7_p5j8j53 v16_7_1y2v1nfib", y = "v16_7_p5j8j59 v16_7_1y2v1nfkv v16_7_1y2v1nfla v16_7_1y2v1nflp v16_7_1y2v1nfm4 v16_7_1y2v1nfhk", p = {
-    footerHeight: "var(--v16_7_p5j8j50)",
-    backgroundColor: "var(--v16_7_p5j8j51)"
-}, e = "v16_7_1y2v1nfhn";
+var r = "v16_8_p5j8j5d v16_8_1y2v1nfla v16_8_1y2v1nflp v16_8_1y2v1nfhj", a = "v16_8_p5j8j57", n = "v16_8_p5j8j55", o = "v16_8_p5j8j5b v16_8_1y2v1nfkv v16_8_1y2v1nfla v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nfhk", f = "v16_8_p5j8j54", j = "v16_8_p5j8j53 v16_8_1y2v1nfib", y = "v16_8_p5j8j59 v16_8_1y2v1nfkv v16_8_1y2v1nfla v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nfhk", p = {
+    footerHeight: "var(--v16_8_p5j8j50)",
+    backgroundColor: "var(--v16_8_p5j8j51)"
+}, e = "v16_8_1y2v1nfhn";
 export { r as absoluteBackgroundLayer, a as container, n as elevated, o as fixedBackgroundLayer, f as fixedFooter, j as footer, y as portal, p as vars, e as withoutFooter };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var o = "v16_7_1y2v1nfib";
+var o = "v16_8_1y2v1nfib";
 export { o as form };

package/dist-es/generated/mistica-icons/icon-floppy-disk-filled.js

@@ -0,0 +1,108 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+const h = (_param)=>{
+    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const t = a(), r = e !== null && e !== void 0 ? e : t ? s.colors.inverse : s.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ l("path", {
+                fill: r,
+                d: "M5.6 2h1.6v5.2a1.6 1.6 0 0 0 1.6 1.6h6.4a1.6 1.6 0 0 0 1.6-1.6V2h.8a.4.4 0 0 1 .283.117l4 4A.4.4 0 0 1 22 6.4v12a3.6 3.6 0 0 1-3.6 3.6H5.6A3.6 3.6 0 0 1 2 18.4V5.6A3.6 3.6 0 0 1 5.6 2"
+            }),
+            /* @__PURE__ */ l("path", {
+                fill: r,
+                d: "M8.8 2h6.4v5.2H8.8z"
+            })
+        ]
+    }));
+}, d = h;
+export { d as default };