@telefonica/mistica 14.26.1 → 14.28.0

package/dist-es/generated/mistica-icons/icon-videogames-light.js

@@ -77,25 +77,50 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
+import { useTheme as m } from "../../hooks.js";
 import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: o , size: c = 24  } = _param, r = _object_without_properties(_param, [
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const n = (_param)=>{
+    var { color: e , size: a = 24  } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), t = o !== null && o !== void 0 ? o : e ? l.colors.inverse : l.colors.neutralHigh;
-    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = s(), l = e !== null && e !== void 0 ? e : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: i  } = m();
+    return i.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, h), {
+        children: [
+            /* @__PURE__ */ c("path", {
+                fill: l,
+                d: "M21.736 9.958l-3.603-3.963c-.24-.24-.56-.4-.88-.4H14.77c-.32 0-.64.12-.84.36l-1.121 1.121c-.08.08-.16.12-.28.12h-.961c-.12 0-.2-.04-.28-.12l-1.122-1.12c-.28-.24-.56-.361-.88-.361H6.804c-.32 0-.68.16-.88.4L2.32 9.958c-.2.24-.32.52-.32.801v5.645c0 1.12.88 2.001 2.002 2.001h.92c.52 0 1.041-.2 1.401-.6l3.683-3.683c.08-.08.16-.12.28-.12h3.363c.12 0 .2.04.28.12l1.362 1.36c.08.08.2.121.28.121.08 0 .2-.04.28-.12.16-.16.16-.4 0-.56L14.49 13.56c-.16-.24-.48-.36-.8-.36h-3.363c-.32 0-.64.12-.841.36l-3.683 3.683c-.24.24-.52.36-.84.36h-.961a1.18 1.18 0 01-1.201-1.2v-5.645c0-.08.04-.2.12-.28l3.603-3.963c.08-.08.2-.12.28-.12h2.482c.12 0 .2.04.28.12l1.12 1.12c.241.24.521.36.842.36h.96c.32 0 .64-.12.841-.36l1.121-1.12c.08-.08.16-.12.28-.12h2.482c.12 0 .2.04.28.12l3.603 3.963c.08.08.12.16.12.28v5.645c0 .68-.52 1.2-1.2 1.2h-.921c-.12 0-.28-.04-.4-.08-.2-.08-.441.04-.521.24-.08.2.04.441.24.521.2.08.44.12.64.12h.921c1.121 0 2.002-.88 2.002-2.001v-5.645c.08-.28-.04-.6-.24-.8z"
+            }),
+            /* @__PURE__ */ c("path", {
+                fill: l,
+                d: "M7.604 9.998v-.36c0-.24.16-.4.4-.4.241 0 .401.16.401.4v.36h.36c.24 0 .4.16.4.4 0 .241-.16.401-.4.401h-.36v.36c0 .24-.16.4-.4.4-.24 0-.4-.16-.4-.4v-.36h-.36c-.241 0-.401-.16-.401-.4 0-.24.16-.4.4-.4h.36z"
+            }),
+            /* @__PURE__ */ c("path", {
+                fill: l,
+                d: "M5.523 10.399a2.494 2.494 0 002.482 2.482 2.494 2.494 0 002.482-2.482 2.494 2.494 0 00-2.482-2.482 2.494 2.494 0 00-2.482 2.482zm4.163 0c0 .92-.76 1.681-1.681 1.681-.92 0-1.682-.76-1.682-1.681 0-.92.761-1.682 1.682-1.682.92 0 1.681.761 1.681 1.682zm5.524-.401h1.602c.24 0 .4.16.4.4 0 .241-.16.401-.4.401H15.21c-.24 0-.4-.16-.4-.4 0-.24.16-.4.4-.4z"
+            }),
+            /* @__PURE__ */ c("path", {
+                fill: l,
+                d: "M18.493 10.399a2.494 2.494 0 00-2.482-2.482 2.494 2.494 0 00-2.482 2.482 2.494 2.494 0 002.482 2.482 2.494 2.494 0 002.482-2.482zm-2.482 1.681c-.92 0-1.681-.76-1.681-1.681 0-.92.76-1.682 1.681-1.682s1.682.761 1.682 1.682c0 .92-.761 1.681-1.682 1.681zm-4.403-2.922c-.24 0-.4.16-.4.4 0 .24.16.4.4.4h.8c.24 0 .4-.16.4-.4 0-.24-.16-.4-.4-.4h-.8zm4.843 6.885c.16-.16.36-.24.601-.24.44 0 .8.36.8.8 0 .441-.36.801-.8.801-.44 0-.8-.36-.8-.8 0-.24.08-.4.2-.56z"
+            })
+        ]
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, h), {
+        children: /* @__PURE__ */ c("path", {
+            fill: l,
             d: "M20.087 8.358a42.34 42.34 0 01-.276-.63c-.048-.112-.09-.212-.133-.29a1.672 1.672 0 00-.069-.14l-.057-.11a3.097 3.097 0 00-.554-.722c-.692-.641-1.67-.966-2.91-.966-.51 0-.963.07-1.384.178-.247.063-.796.3-.805.305 0 0-.42.23-.555.32a2.45 2.45 0 01-1.345.399c-.47 0-.94-.133-1.346-.4-.131-.089-.552-.32-.552-.32-.012-.005-.56-.24-.808-.304A5.476 5.476 0 007.91 5.5c-1.24 0-2.222.325-2.91.966a2.961 2.961 0 00-.558.721l-.06.111-.008.016c-.011.021-.029.053-.06.123a14.813 14.813 0 00-.154.358c-.07.163-.154.354-.25.57-.692 1.553-1.944 4.367-1.91 6.863.006.408.166 1.226.288 1.618a2.26 2.26 0 001.46 1.493c.259.083.611.139.862.161h.08c.358 0 .967-.142 1.283-.28a3.32 3.32 0 00.782-.492c.168-.141.252-.242.484-.52l.105-.126c.069-.083.135-.167.201-.251.15-.19.298-.38.476-.546.592-.55 1.34-.938 2.23-1.182a6.643 6.643 0 011.75-.233c.59 0 1.181.08 1.75.233.89.241 1.642.633 2.23 1.182.178.165.326.355.474.545.066.085.133.17.201.252l.022.027c.295.358.381.462.567.62.319.263.603.405.797.49.341.15 1.007.281 1.345.281.254 0 .604-.078.863-.161a2.248 2.248 0 001.46-1.493c.124-.392.284-1.207.29-1.618.034-2.502-1.222-5.32-1.913-6.87zm.825 8.258c-.15.471-.489.824-.933.968a2.35 2.35 0 01-.597.12c-.22 0-.766-.106-1.002-.209a2.338 2.338 0 01-.594-.366c-.111-.092-.16-.147-.393-.428l-.094-.113a7.244 7.244 0 01-.185-.23l-.018-.024c-.155-.197-.326-.415-.542-.615-.68-.633-1.548-1.096-2.584-1.38a7.507 7.507 0 00-1.977-.263c-.672 0-1.337.089-1.978.264-1.032.283-1.9.746-2.583 1.379a5.24 5.24 0 00-.56.636l-.185.233-.097.113c-.233.28-.282.336-.39.428-.193.16-.381.28-.58.366-.228.1-.717.208-.948.208a3.237 3.237 0 01-.663-.119c-.44-.141-.776-.491-.927-.966-.105-.338-.248-1.077-.25-1.398-.032-2.328 1.184-5.061 1.84-6.534l.003-.008.062-.14c.072-.162.136-.307.191-.437l.02-.048.034-.078.094-.213.026-.053.011-.022.023-.047.003-.003.031-.058c.137-.236.265-.408.407-.539.53-.49 1.312-.74 2.33-.74.396 0 .777.046 1.164.146.125.034.48.175.646.247.096.053.364.203.463.267a3.325 3.325 0 003.639 0c.097-.064.365-.211.461-.264a7.44 7.44 0 01.646-.247c.39-.1.771-.147 1.167-.147 1.015 0 1.8.247 2.33.741.142.133.27.303.39.508l.042.075.032.061c.008.014.02.036.037.075l.027.063c.026.06.056.126.087.2l.03.078c.046.108.1.228.159.36l.095.215c.657 1.47 1.875 4.21 1.844 6.539-.006.322-.148 1.06-.254 1.399zM9.88 9.81c-.208-.191-.495-.3-.86-.316-.014-.372-.136-.664-.358-.866-.227-.214-.557-.322-.976-.322-.418 0-.742.108-.973.322-.227.21-.347.516-.355.907-.393.012-.703.12-.922.322-.236.22-.359.544-.359.96 0 .42.123.742.359.961.219.203.529.308.922.32.008.39.13.698.355.91.23.21.555.316.973.316.419 0 .749-.108.976-.316.24-.223.362-.544.362-.964.372-.019.651-.125.853-.31.242-.223.361-.544.361-.963 0-.417-.12-.739-.358-.96zm6.834-1.138c-.14-.127-.339-.191-.595-.191-.256 0-.455.064-.594.191-.142.134-.216.33-.216.589 0 .258.074.452.216.585.14.128.338.192.594.192.256 0 .456-.064.595-.192.145-.133.22-.33.22-.585 0-.258-.075-.455-.22-.589zm-1.642 1.557c-.14-.13-.338-.194-.594-.194-.26 0-.458.067-.595.194-.145.134-.219.33-.219.589 0 .258.077.452.22.585.139.128.338.192.594.192.256 0 .455-.064.594-.192.145-.133.22-.33.22-.585 0-.258-.075-.455-.22-.589zm1.047 1.363c.256 0 .456.064.595.191.145.134.22.33.22.589 0 .255-.075.452-.22.585-.14.128-.339.192-.595.192-.256 0-.455-.064-.594-.191-.142-.134-.216-.328-.216-.586 0-.255.074-.455.216-.588.14-.128.338-.192.594-.192zm2.24-1.363c-.14-.13-.34-.194-.595-.194-.256 0-.455.067-.595.194-.142.134-.216.33-.216.589 0 .258.071.452.216.585.14.128.336.192.595.192.256 0 .455-.064.595-.192.145-.133.219-.33.219-.585 0-.258-.074-.455-.22-.589zm-9.057.925c-.065.058-.21.094-.395.091h-.074c-.026 0-.046 0-.08-.008H8.75c-.004 0-.013 0-.022-.002a.429.429 0 00-.023-.001h-.046a.516.516 0 00-.33.097c-.1.078-.159.206-.176.37-.002.02 0 .039.003.058.001.013.003.027.003.041 0 .028 0 .053.002.078l.009.06a.422.422 0 00.009.054c.004.02.008.038.008.052 0 .109-.014.3-.102.383-.066.062-.21.095-.399.095-.185 0-.327-.034-.392-.092-.063-.058-.1-.2-.1-.383 0-.022.005-.05.01-.077l.004-.023c.003-.027.006-.055.012-.086 0-.006 0-.013-.002-.02l-.001-.024-.002-.033a.432.432 0 00-.012-.106c-.04-.16-.114-.275-.222-.341a.44.44 0 00-.24-.059c-.028 0-.059 0-.087.003H6.65l-.037.003-.037.003h-.003c-.068.01-.068.01-.162.01-.188 0-.33-.035-.396-.094-.062-.06-.1-.2-.1-.383 0-.108.015-.3.103-.383.066-.063.205-.097.393-.097.023 0 .042.004.061.007a.517.517 0 00.035.004h.003l.007.001a.336.336 0 00.05.005l.04-.001a.883.883 0 01.043-.002h.003c.013 0 .024 0 .036.002l.032.001c.011 0 .02 0 .028-.003.177-.025.308-.089.387-.194a.493.493 0 00.077-.341.11.11 0 010-.027.108.108 0 000-.026c-.003-.003-.003-.006-.003-.009v-.006a.937.937 0 01-.017-.16c0-.108.012-.303.103-.386.065-.06.204-.094.392-.094.19 0 .333.033.398.094.089.083.103.278.103.386l-.004.042a.985.985 0 00-.005.033c0 .008 0 .017-.002.028v.013c.002.005.002.011.002.017 0 .056 0 .111.017.175.04.161.114.278.222.344a.458.458 0 00.242.059c.032 0 .064-.003.098-.005l.007-.001c-.002.003.009.003.02.003h.032l.021-.002a.39.39 0 01.064-.004c.19 0 .333.033.398.095.089.083.103.277.103.383 0 .108-.014.3-.103.382z"
         })
     }));
-}, v = i;
-export { v as default };
+}, p = n;
+export { p as default };

package/dist-es/generated/mistica-icons/icon-videogames-regular.js

@@ -77,25 +77,50 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: o , size: c = 24  } = _param, r = _object_without_properties(_param, [
+import { jsxs as i, jsx as c } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseVariant as m } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+const n = (_param)=>{
+    var { color: o , size: l = 24  } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = t(), s = o !== null && o !== void 0 ? o : e ? l.colors.inverse : l.colors.neutralHigh;
-    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = m(), a = o !== null && o !== void 0 ? o : r ? e.colors.inverse : e.colors.neutralHigh, { skinName: t  } = s();
+    return t.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: s,
+    }, h), {
+        children: [
+            /* @__PURE__ */ c("path", {
+                fill: a,
+                d: "M8.824 10.039H8.47v-.353c0-.235-.157-.392-.393-.392-.235 0-.392.157-.392.392v.353h-.392c-.235 0-.392.157-.392.392 0 .235.157.392.392.392h.392v.353c0 .236.157.392.392.392.236 0 .393-.156.393-.392v-.353h.353c.235 0 .392-.157.392-.392 0-.235-.157-.392-.392-.392z"
+            }),
+            /* @__PURE__ */ c("path", {
+                fill: a,
+                d: "M5.412 10.431a2.67 2.67 0 012.666-2.667c1.451 0 2.628 1.216 2.667 2.667a2.645 2.645 0 01-2.667 2.667 2.67 2.67 0 01-2.666-2.667zm1.176 0c0 .824.667 1.49 1.49 1.49.785 0 1.49-.666 1.49-1.49a1.49 1.49 0 10-2.98 0zm8.549-.392c-.235 0-.392.157-.392.392 0 .235.157.392.392.392h1.569c.235 0 .392-.157.392-.392 0-.235-.157-.392-.392-.392h-1.569z"
+            }),
+            /* @__PURE__ */ c("path", {
+                fill: a,
+                d: "M13.255 10.431a2.67 2.67 0 012.666-2.667c1.451 0 2.628 1.216 2.667 2.667a2.645 2.645 0 01-2.667 2.667 2.67 2.67 0 01-2.666-2.667zm1.176 0c0 .824.667 1.49 1.49 1.49.785 0 1.49-.666 1.49-1.49a1.49 1.49 0 10-2.98 0zM11.608 9.02h.784c.314 0 .588.274.588.588a.603.603 0 01-.588.588h-.784a.603.603 0 01-.588-.588c0-.314.274-.589.588-.589z"
+            }),
+            /* @__PURE__ */ c("path", {
+                fill: a,
+                d: "M18.118 5.96l3.53 3.883c.234.274.352.588.352.941v5.53c0 1.176-.98 2.156-2.157 2.156h-.902a2.165 2.165 0 01-1.53-.627l-3.607-3.608c-.02 0-.05-.01-.079-.02-.029-.01-.058-.02-.078-.02h-3.294c-.079 0-.118 0-.157.04l-3.608 3.608a2.165 2.165 0 01-1.53.627h-.901A2.176 2.176 0 012 16.313v-5.529c0-.353.118-.706.353-.941l3.53-3.883a1.424 1.424 0 011.019-.43h2.353c.392 0 .706.117.98.391l1.098 1.098c.02 0 .05.01.079.02.03.01.059.02.078.02h.941c.079 0 .118 0 .157-.04l1.098-1.098c.275-.235.628-.392.98-.392h2.432c.392 0 .745.157 1.02.431zm1.725 11.334a.97.97 0 00.98-.98v-5.53c0-.04 0-.078-.039-.118l-3.53-3.882a.297.297 0 00-.156-.078h-2.353c-.078 0-.117 0-.157.039L13.49 7.843c-.274.235-.627.392-.98.392h-.941c-.393 0-.706-.118-.98-.392L9.49 6.745a.303.303 0 01-.078-.02.313.313 0 00-.079-.02H6.902c-.078 0-.118.04-.157.079l-3.53 3.882c-.039.04-.039.079-.039.118v5.53c0 .549.432.98.98.98h.903c.274 0 .51-.079.706-.275l3.608-3.607c.274-.236.627-.393.98-.393h3.294c.392 0 .706.118.98.393l3.608 3.607c.196.157.432.275.706.275h.902z"
+            })
+        ]
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, h), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M19.953 8.313a42.75 42.75 0 01-.303-.71 9.26 9.26 0 00-.088-.209 2.269 2.269 0 00-.052-.109.73.73 0 01-.015-.03l-.059-.11a3.059 3.059 0 00-.546-.731c-.68-.647-1.645-.975-2.866-.975-.501 0-.947.067-1.361.18-.244.064-.784.302-.796.307 0 0-.414.233-.546.32a2.377 2.377 0 01-2.653 0c-.131-.087-.546-.32-.546-.32-.008-.005-.549-.243-.792-.308a5.234 5.234 0 00-1.362-.179c-1.218 0-2.185.328-2.863.975a3.08 3.08 0 00-.549.73l-.056.11a.732.732 0 01-.015.032c-.011.022-.027.053-.052.108-.033.07-.069.157-.109.253a26.883 26.883 0 01-.293.686c-.68 1.567-1.912 4.404-1.878 6.921.008.415.163 1.238.286 1.636.246.793.812 1.302 1.437 1.507.255.081.6.14.848.16.023.002.05.002.079.002.353 0 .95-.145 1.26-.285.19-.084.457-.23.77-.496.161-.137.244-.239.46-.504l.12-.149c.064-.08.126-.16.188-.241a4.74 4.74 0 01.476-.563c.583-.554 1.32-.95 2.197-1.193.56-.16 1.14-.235 1.722-.235.583 0 1.165.078 1.723.235.877.244 1.616.642 2.196 1.193.17.164.315.351.459.54.068.088.136.178.208.264l.084.105c.241.299.326.404.495.548.314.266.594.412.785.496.336.151.991.283 1.325.283.249 0 .593-.079.848-.16.625-.204 1.194-.714 1.437-1.507.124-.398.278-1.221.283-1.636.035-2.528-1.205-5.378-1.886-6.94zm.424 8.224c-.154.499-.504.661-.652.706a2.104 2.104 0 01-.46.098 3.23 3.23 0 01-.818-.174 1.836 1.836 0 01-.484-.305c-.073-.067-.104-.098-.331-.378l-.092-.115-.174-.224a5.46 5.46 0 00-.594-.692c-.72-.686-1.633-1.188-2.717-1.49a7.716 7.716 0 00-4.118 0c-1.08.302-1.997.804-2.717 1.49a5.348 5.348 0 00-.56.652l-.03.04-.088.113-.086.114-.096.117c-.227.28-.255.311-.33.376-.16.134-.314.235-.47.305a3.025 3.025 0 01-.735.18 2.924 2.924 0 01-.554-.104c-.146-.048-.496-.21-.65-.709-.104-.328-.227-1.034-.23-1.297-.03-2.26 1.144-4.968 1.778-6.429l.004-.008.011-.027c.091-.208.174-.397.24-.558l.023-.056.034-.08c.03-.075.059-.142.084-.198l.028-.058.056-.113c.106-.19.213-.33.316-.43.44-.418 1.115-.634 2.006-.634.353 0 .692.048 1.04.137.094.028.391.152.557.222l.04.023c.108.061.287.163.369.217a3.598 3.598 0 002.022.617c.726 0 1.423-.213 2.022-.617.087-.058.306-.182.407-.238a6.76 6.76 0 01.557-.22 3.967 3.967 0 011.04-.138c.89 0 1.565.213 2.008.633.103.1.204.238.316.431l.04.073.019.04.025.055.06.14.044.104.036.09a25.933 25.933 0 00.252.585l.004.008c.634 1.461 1.809 4.17 1.778 6.43-.003.262-.129.965-.23 1.296zM16.052 8.45c.252 0 .448.065.586.193.142.135.215.334.215.594 0 .258-.073.457-.215.591-.138.13-.334.194-.586.194-.252 0-.448-.065-.585-.194-.143-.134-.213-.33-.213-.59 0-.261.073-.46.213-.595.134-.128.33-.193.585-.193zm-1.619 1.569c.252 0 .448.064.586.196.143.134.215.333.215.594 0 .257-.072.456-.215.59-.138.13-.334.194-.586.194-.252 0-.448-.064-.585-.193-.14-.135-.216-.33-.216-.591 0-.26.073-.46.216-.594.137-.132.333-.196.585-.196zm2.205 1.762c-.138-.13-.334-.194-.586-.194-.255 0-.45.065-.585.194-.14.134-.213.333-.213.593 0 .261.07.457.213.592.137.128.333.193.585.193.252 0 .448-.065.586-.193.142-.135.215-.334.215-.591 0-.261-.073-.46-.215-.594zm1.03-1.762c.253 0 .449.064.586.196.143.134.216.333.216.594 0 .257-.073.456-.216.59-.137.13-.333.194-.585.194-.255 0-.449-.064-.586-.193-.14-.135-.213-.33-.213-.591 0-.26.073-.46.213-.594.137-.132.333-.196.586-.196zm-7.56-.087c-.185-.177-.46-.263-.818-.263h-.089a.923.923 0 00.008-.107c0-.364-.1-.644-.291-.826-.185-.177-.46-.266-.818-.266-.359 0-.633.092-.815.266-.196.182-.292.46-.292.826 0 .059.006.11.012.16h-.02a1.275 1.275 0 00-.146-.011c-.358 0-.633.092-.815.266-.19.18-.288.456-.288.823 0 .367.098.647.285.824.185.176.46.266.818.266.086 0 .12-.002.157-.005h.011a1.579 1.579 0 00-.016.156c0 .367.095.644.285.82.182.18.46.267.818.267.356 0 .63-.087.818-.263.193-.182.291-.457.291-.821a.846.846 0 00-.022-.177l-.003-.022h.112c.356 0 .633-.09.818-.266.194-.182.291-.457.291-.82 0-.365-.097-.64-.29-.827z"
         })
     }));
-}, g = i;
-export { g as default };
+}, p = n;
+export { p as default };

package/dist-es/menu.js

@@ -51,15 +51,15 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { jsx as e, jsxs as C, Fragment as U } from "react/jsx-runtime";
-import * as n from "react";
+import * as o from "react";
 import ne from "classnames";
 import { TAB as oe, ENTER as W, SPACE as G, ESC as se, UP as re, LEFT as ie, DOWN as K, RIGHT as ce } from "./utils/key-codes.js";
 import { getPrefixedDataAttributes as le, cancelEvent as S } from "./utils/dom.js";
 import ae from "./overlay.js";
-import { menuItem as me, menuItemEnabled as ue, menuItemDisabled as de, menuItemHovered as fe, menuSectionDivider as pe, menuTransitionClasses as he, vars as I, itemContent as Y, iconContainer as j, menuContainer as ge } from "./menu.css-mistica.js";
+import { menuItem as ue, menuItemEnabled as me, menuItemDisabled as de, menuItemHovered as fe, menuSectionDivider as pe, menuTransitionClasses as he, vars as b, itemContent as Y, iconContainer as j, menuContainer as ge } from "./menu.css-mistica.js";
 import { useWindowSize as xe } from "./hooks.js";
-import { Portal as Ie } from "./portal.js";
-import { assignInlineVars as be } from "@vanilla-extract/dynamic";
+import { Portal as be } from "./portal.js";
+import { assignInlineVars as Ie } from "@vanilla-extract/dynamic";
 import y from "./box.js";
 import ve from "./inline.js";
 import Me from "./touchable.js";
@@ -69,25 +69,25 @@ import Oe from "./divider.js";
 import Te from "./checkbox.js";
 import { CSSTransition as Se } from "react-transition-group";
 import { combineRefs as Ce } from "./utils/common.js";
-const Ee = 120, Q = /*#__PURE__*/ n.createContext({
+const Ee = 120, Q = /*#__PURE__*/ o.createContext({
     focusedItem: null,
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), ke = ()=>n.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (r, d)=>{
+}), ke = ()=>o.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (r, d)=>{
     if (!d) return null;
     const f = D(r).indexOf(d);
     return f < 0 ? null : f;
 }, je = (param)=>{
-    let { label: r , Icon: d , destructive: f , disabled: m , onPress: E , controlType: o , checked: p  } = param;
-    const { focusedItem: s , setFocusedItem: v , closeMenu: i , isMenuOpen: k  } = ke(), c = n.useRef(null), h = f ? q.colors.textLinkDanger : q.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, u = Ne(M, x), l = ()=>o === "checkbox" ? /* @__PURE__ */ e(Te, {
+    let { label: r , Icon: d , destructive: f , disabled: u , onPress: E , controlType: s , checked: p  } = param;
+    const { focusedItem: n , setFocusedItem: v , closeMenu: i , isMenuOpen: k  } = ke(), c = o.useRef(null), h = f ? q.colors.textLinkDanger : q.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Ne(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ e(Te, {
             ref: c,
             name: r,
             checked: p,
             onChange: ()=>{
-                k && u !== null && (E(u), i());
+                k && m !== null && (E(m), i());
             },
-            disabled: m,
+            disabled: u,
             role: "menuitemcheckbox",
             render: (param)=>/* @__PURE__ */ {
                 let { controlElement: N  } = param;
@@ -126,9 +126,9 @@ const Ee = 120, Q = /*#__PURE__*/ n.createContext({
         }) : /* @__PURE__ */ e(Me, {
             ref: c,
             onPress: ()=>{
-                k && u !== null && (E(u), i());
+                k && m !== null && (E(m), i());
             },
-            disabled: m,
+            disabled: u,
             role: "menuitem",
             children: /* @__PURE__ */ e(y, {
                 paddingX: 8,
@@ -153,12 +153,12 @@ const Ee = 120, Q = /*#__PURE__*/ n.createContext({
             })
         });
     return /* @__PURE__ */ e("div", {
-        className: ne(me, {
-            [ue]: !m,
-            [de]: m,
-            [fe]: !m && u !== null && s === u
+        className: ne(ue, {
+            [me]: !u,
+            [de]: u,
+            [fe]: !u && m !== null && n === m
         }),
-        onMouseMove: ()=>v(m ? null : u),
+        onMouseMove: ()=>v(u ? null : m),
         onMouseLeave: ()=>v(null),
         children: l()
     });
@@ -175,75 +175,75 @@ const Ee = 120, Q = /*#__PURE__*/ n.createContext({
         ]
     }) : /* @__PURE__ */ e(U, {});
 }, V = 12, J = 8, qe = (param)=>{
-    let { renderTarget: r , renderMenu: d , width: f , position: m = "left" , dataAttributes: E  } = param;
-    const [o, p] = n.useState(!1), [s, v] = n.useState(null), [i, k] = n.useState(null), [c, h] = n.useState(null), [x, M] = n.useState(!1), u = n.useRef(null), [l, N] = n.useState(null), R = xe();
-    n.useEffect(()=>{
-        const a = s == null ? void 0 : s.getBoundingClientRect();
-        if (!i || !a || !o) return;
-        const { top: t , right: O , left: g , bottom: F  } = a, T = i.scrollHeight, b = m === "left" ? g : void 0, A = m === "right" ? R.width - O : void 0, L = t - J, $ = F + J, H = R.height - $ - V, P = L - V, B = H > T, z = P > T, te = B || !z && H > P;
+    let { renderTarget: r , renderMenu: d , width: f , position: u = "left" , dataAttributes: E  } = param;
+    const [s, p] = o.useState(!1), [n, v] = o.useState(null), [i, k] = o.useState(null), [c, h] = o.useState(null), [x, M] = o.useState(!1), m = o.useRef(null), [l, N] = o.useState(null), R = xe();
+    o.useEffect(()=>{
+        const a = n == null ? void 0 : n.getBoundingClientRect();
+        if (!i || !a || !s) return;
+        const { top: t , right: O , left: g , bottom: A  } = a, T = i.scrollHeight, I = u === "left" ? g : void 0, F = u === "right" ? R.width - O : void 0, L = t - J, $ = A + J, H = R.height - $ - V, P = L - V, B = H > T, z = P > T, te = B || !z && H > P;
         N(te ? {
-            left: b,
-            right: A,
+            left: I,
+            right: F,
             top: `${$}px`,
             bottom: "auto",
             maxHeight: B ? void 0 : H,
             transformOrigin: "center top"
         } : {
-            left: b,
-            right: A,
+            left: I,
+            right: F,
             top: "auto",
             bottom: `${R.height - L}px`,
             maxHeight: z ? void 0 : P,
             transformOrigin: "center bottom"
         });
     }, [
-        m,
-        o,
-        i,
+        u,
         s,
+        i,
+        n,
         f,
         R
     ]);
-    const Z = n.useMemo(()=>({
+    const Z = o.useMemo(()=>({
             ref: v,
             onPress: ()=>{
-                p(!o);
+                p(!s);
             }
         }), [
         v,
-        o
+        s
     ]), ee = {
-        ref: Ce(k, u),
+        ref: Ce(k, m),
         className: ge,
         close: ()=>p(!1)
-    }, w = n.useCallback(()=>{
+    }, w = o.useCallback(()=>{
         const t = D(i).findIndex((O)=>!O.getAttribute("aria-disabled"));
         h(t < 0 ? null : t);
     }, [
         i
-    ]), _ = n.useCallback((a)=>{
+    ]), _ = o.useCallback((a)=>{
         var T;
         const t = D(i);
         a && t.reverse();
         const O = c === null ? -1 : a ? t.length - 1 - c : c;
-        let g = t.findIndex((b, A)=>!b.getAttribute("aria-disabled") && A > O);
-        g === -1 && (g = t.findIndex((b)=>!b.getAttribute("aria-disabled")));
-        const F = a && g !== -1 ? t.length - 1 - g : g;
-        h(F < 0 ? null : F), (T = t[g]) == null || T.focus();
+        let g = t.findIndex((I, F)=>!I.getAttribute("aria-disabled") && F > O);
+        g === -1 && (g = t.findIndex((I)=>!I.getAttribute("aria-disabled")));
+        const A = a && g !== -1 ? t.length - 1 - g : g;
+        h(A < 0 ? null : A), (T = t[g]) == null || T.focus();
     }, [
         c,
         i
     ]);
-    return n.useEffect(()=>{
-        o ? x && i && (w(), M(!1)) : h(null);
+    return o.useEffect(()=>{
+        s ? x && i && (w(), M(!1)) : h(null);
     }, [
-        o,
+        s,
         w,
         x,
         i
-    ]), n.useEffect(()=>{
+    ]), o.useEffect(()=>{
         const a = (t)=>{
-            if (o) switch(t.keyCode){
+            if (s) switch(t.keyCode){
                 case ce:
                 case K:
                     S(t), _();
@@ -269,55 +269,55 @@ const Ee = 120, Q = /*#__PURE__*/ n.createContext({
                     M(!0);
                     break;
                 case K:
-                    s === document.activeElement && (M(!0), p(!0));
+                    n === document.activeElement && (M(!0), p(!0));
                     break;
             }
         };
         return document.addEventListener("keydown", a, !1), ()=>{
             document.removeEventListener("keydown", a, !1);
         };
-    }), n.useEffect(()=>{
-        s == null || s.setAttribute("aria-expanded", String(o));
+    }), o.useEffect(()=>{
+        n == null || n.setAttribute("aria-haspopup", "menu"), n == null || n.setAttribute("aria-expanded", String(s));
     }, [
-        s,
-        o
+        n,
+        s
     ]), /* @__PURE__ */ C("div", _object_spread_props(_object_spread({}, le(E, "Menu")), {
         children: [
             r(_object_spread_props(_object_spread({}, Z), {
-                isMenuOpen: o
+                isMenuOpen: s
             })),
-            /* @__PURE__ */ e(Ie, {
+            /* @__PURE__ */ e(be, {
                 children: /* @__PURE__ */ e(Se, {
-                    in: o,
-                    nodeRef: u,
+                    in: s,
+                    nodeRef: m,
                     timeout: Ee,
                     classNames: he,
                     mountOnEnter: !0,
                     unmountOnExit: !0,
-                    onExit: ()=>s == null ? void 0 : s.focus(),
+                    onExit: ()=>n == null ? void 0 : n.focus(),
                     children: /* @__PURE__ */ e(ae, {
                         onPress: (a)=>{
                             S(a), p(!1);
                         },
                         disableScroll: !0,
                         children: /* @__PURE__ */ e("div", {
-                            style: _object_spread({}, be(_object_spread({}, l ? _object_spread({
-                                [I.top]: l.top,
-                                [I.bottom]: l.bottom,
-                                [I.transformOrigin]: l.transformOrigin
+                            style: _object_spread({}, Ie(_object_spread({}, l ? _object_spread({
+                                [b.top]: l.top,
+                                [b.bottom]: l.bottom,
+                                [b.transformOrigin]: l.transformOrigin
                             }, l.left !== void 0 && {
-                                [I.left]: `${l.left}px`
+                                [b.left]: `${l.left}px`
                             }, l.right !== void 0 && {
-                                [I.right]: `${l.right}px`
+                                [b.right]: `${l.right}px`
                             }, l.maxHeight !== void 0 && {
-                                [I.maxHeight]: `${l.maxHeight}px`
+                                [b.maxHeight]: `${l.maxHeight}px`
                             }, f !== void 0 && {
-                                [I.width]: f ? `${f}px` : ""
+                                [b.width]: f ? `${f}px` : ""
                             }) : {}))),
                             role: "menu",
                             children: /* @__PURE__ */ e(Q.Provider, {
                                 value: {
-                                    isMenuOpen: o,
+                                    isMenuOpen: s,
                                     focusedItem: c,
                                     setFocusedItem: h,
                                     closeMenu: ()=>p(!1)

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "14.26.1";
+const o = "14.28.0";
 export { o as PACKAGE_VERSION };

package/dist-es/phone-number-field.js

@@ -117,7 +117,7 @@ const P = (r, s)=>A(s.replace(/[^\d+*#]/g, ""), r), $ = (r)=>!!r.match(/^\+\d+$/
         format: C,
         value: h,
         onChange: y,
-        accept: /[\d\-()+#*]+/g,
+        accept: /[\d\-+#*]+/g,
         replace: (o)=>o.replace(/@/g, "-")
     });
     return /* @__PURE__ */ R("input", _object_spread_props(_object_spread({}, p), {

package/dist-es/responsive-layout.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
-var n = {
+var o = {
     inverse: "_1y2v1nf39",
     alternative: "_1y2v1nf3e"
-}, t = "_1y2v1nfbt", v = "_17lofg76 _1y2v1nfbt", e = "_17lofg74";
-export { n as backgroundVariant, t as container, v as fullWidth, e as responsiveLayout };
+}, n = "_17lofg78", r = "_17lofg73", t = "_17lofg7a _1y2v1nfbt", v = "_17lofg74", i = "_17lofg77", f = "_17lofg72 _1y2v1nfbt";
+export { o as backgroundVariant, n as expandedResponsiveLayout, r as expandedResponsiveLayoutContainer, t as fullWidth, v as fullwidthContainer, i as responsiveLayout, f as responsiveLayoutContainer };

package/dist-es/responsive-layout.js

@@ -50,27 +50,62 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import l from "classnames";
-import { getPrefixedDataAttributes as u } from "./utils/dom.js";
-import { container as c, backgroundVariant as f, fullWidth as p, responsiveLayout as v } from "./responsive-layout.css-mistica.js";
-import { useThemeVariant as h, ThemeVariant as V } from "./theme-variant-context.js";
-const y = (param)=>{
-    let { children: i , isInverse: r = !1 , variant: s , backgroundColor: a , className: o , fullWidth: n , dataAttributes: m  } = param;
-    const d = h(), t = s || r && "inverse" || void 0;
-    return /* @__PURE__ */ e(V, {
-        variant: t !== null && t !== void 0 ? t : d,
-        children: /* @__PURE__ */ e("div", _object_spread_props(_object_spread({
-            className: l(c, o, t && t !== "default" && f[t]),
-            style: a ? {
-                background: a
+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 { jsx as t } from "react/jsx-runtime";
+import r from "classnames";
+import { getPrefixedDataAttributes as v } from "./utils/dom.js";
+import { fullwidthContainer as c, responsiveLayoutContainer as l, backgroundVariant as f, expandedResponsiveLayoutContainer as y, fullWidth as L, responsiveLayout as x, expandedResponsiveLayout as R } from "./responsive-layout.css-mistica.js";
+import { useThemeVariant as V, ThemeVariant as h } from "./theme-variant-context.js";
+const b = (param)=>{
+    let { children: n , isInverse: o = !1 , variant: d , backgroundColor: s , className: m , fullWidth: e , dataAttributes: p , shouldExpandWhenNested: i = !1  } = param;
+    const u = V(), a = d || o && "inverse" || void 0;
+    return /* @__PURE__ */ t(h, {
+        variant: a !== null && a !== void 0 ? a : u,
+        children: /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
+            className: r(e ? c : l, m, a && a !== "default" && f[a], i && !e && y),
+            style: s ? {
+                background: s
             } : void 0
-        }, u(m)), {
-            children: /* @__PURE__ */ e("div", {
-                className: n ? p : v,
-                children: i
+        }, v(p)), {
+            children: /* @__PURE__ */ t("div", {
+                className: r(e ? L : x, i && !e && R),
+                children: n
             })
         }))
     });
-}, R = y;
-export { R as default };
+}, g = (_param)=>/* @__PURE__ */ {
+    var { children: n  } = _param, o = _object_without_properties(_param, [
+        "children"
+    ]);
+    return t(b, _object_spread_props(_object_spread({}, o), {
+        shouldExpandWhenNested: !0,
+        children: n
+    }));
+}, w = g;
+export { b as InternalResponsiveLayout, w as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet.css.ts.vanilla.css-mistica.js";
-var y = "cylz3v5 _1y2v1nf30", f = "cylz3v3 _1y2v1nfb2 _1y2v1nfer _1y2v1nff6 _1y2v1nffl", _ = "cylz3v8 _1y2v1nf6n _1y2v1nfb6 _1y2v1nfbc", e = "cylz3vn", c = "_1y2v1nfeb _1y2v1nfbs _1y2v1nfb6 _1y2v1nfbc", a = "cylz3vk", l = "cylz3v6", r = "_1y2v1nf44 _1y2v1nfc2 _1y2v1nfcd _1y2v1nfdq", t = "cylz3vb _1y2v1nf68 _1y2v1nf7h _1y2v1nfb1 _1y2v1nfec _1y2v1nfcn _1y2v1nfbt _1y2v1nfb6 _1y2v1nfbf", b = "_1y2v1nfb6 _1y2v1nfbl _1y2v1nfci", o = "cylz3ve _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb1 _1y2v1nfec _1y2v1nff6", i = "cylz3vg _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", z = "cylz3vj _1y2v1nfb2 _1y2v1nf3b _1y2v1nfec _1y2v1nfer _1y2v1nff6 _1y2v1nffl", d = "cylz3vp _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfdj _1y2v1nfbl", s = "_1y2v1nfb4 _1y2v1nffl _1y2v1nf30", h = "_1y2v1nfb4 _1y2v1nfec _1y2v1nf30", C = 400;
-export { y as Sheet, f as SheetContainer, _ as SheetContent, e as bodyContent, c as children, a as closingOverlay, l as closingSheet, r as handle, t as handleContainer, b as infoItemIcon, o as modalCloseButton, i as modalCloseButtonIcon, z as overlay, d as sheetActionRow, s as stickyButtons, h as stickyTitle, C as transitionDuration };
+var y = "cylz3v6 _1y2v1nf30", f = "cylz3v4 _1y2v1nfb2 _1y2v1nfer _1y2v1nff6 _1y2v1nffl", _ = "cylz3v9 _1y2v1nf6n _1y2v1nfb6 _1y2v1nfbc", e = "cylz3vo", c = "_1y2v1nfeb _1y2v1nfbs _1y2v1nfb6 _1y2v1nfbc", l = "cylz3vl", a = "cylz3v7", r = "_1y2v1nf44 _1y2v1nfc2 _1y2v1nfcd _1y2v1nfdq", t = "cylz3vc _1y2v1nf68 _1y2v1nf7h _1y2v1nfb1 _1y2v1nfec _1y2v1nfcn _1y2v1nfbt _1y2v1nfb6 _1y2v1nfbf", o = "_1y2v1nfb6 _1y2v1nfbl _1y2v1nfci", b = "cylz3vf _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb1 _1y2v1nfec _1y2v1nff6", i = "cylz3vh _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", z = "cylz3vk _1y2v1nfb2 _1y2v1nf3b _1y2v1nfec _1y2v1nfer _1y2v1nff6 _1y2v1nffl", d = "cylz3vq _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfdj _1y2v1nfbl", h = "_1y2v1nfb4 _1y2v1nffl _1y2v1nf30", s = "_1y2v1nfb4 _1y2v1nfec _1y2v1nf30", C = 400;
+export { y as Sheet, f as SheetContainer, _ as SheetContent, e as bodyContent, c as children, l as closingOverlay, a as closingSheet, r as handle, t as handleContainer, o as infoItemIcon, b as modalCloseButton, i as modalCloseButtonIcon, z as overlay, d as sheetActionRow, h as stickyButtons, s as stickyTitle, C as transitionDuration };

package/dist-es/sheet.js

@@ -89,7 +89,6 @@ import { Text5 as se, Text3 as x, Text2 as T } from "./text.js";
 import { vars as S } from "./skins/skin-contract.css-mistica.js";
 import { RadioGroup as ce } from "./radio-button.js";
 import { RowList as le, Row as ae } from "./list.js";
-import I from "./responsive-layout.js";
 import Y from "./negative-box.js";
 import w from "./stack.js";
 import E from "./box.js";
@@ -103,6 +102,7 @@ import ve from "./generated/mistica-icons/icon-close-regular.js";
 import ye from "./icon-button.js";
 import Re from "./button-layout.js";
 import M from "./image.js";
+import { InternalResponsiveLayout as I } from "./responsive-layout.js";
 const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>{
     let { closeModal: t  } = param;
     const [i, a] = n.useState(0), f = n.useRef(!1), p = n.useRef(0), o = n.useRef(0), s = n.useRef(0), u = n.useRef(0), { isDesktopOrBigger: m  } = P(), r = n.useCallback((h)=>{