@telefonica/mistica 16.36.0 → 16.37.0

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

@@ -1,33 +1,33 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./boxed.css.ts.vanilla.css-mistica.js";
-var _ = "v16_36_1y2v1nfl9", h = "v16_36_ihbkeqm", e = "v16_36_ihbkeqp", r = "v16_36_1y2v1nfla", a = "v16_36_1y2v1nflu", b = {
-    width: "var(--v16_36_ihbkeq0)",
-    height: "var(--v16_36_ihbkeq1)",
-    minHeight: "var(--v16_36_ihbkeq2)",
-    maxWidth: "var(--v16_36_ihbkeq3)",
-    minWidth: "var(--v16_36_ihbkeq4)",
+var _ = "v16_37_1y2v1nfm9", h = "v16_37_ihbkeqm", e = "v16_37_ihbkeqp", r = "v16_37_1y2v1nfma", a = "v16_37_1y2v1nfmu", b = {
+    width: "var(--v16_37_ihbkeq0)",
+    height: "var(--v16_37_ihbkeq1)",
+    minHeight: "var(--v16_37_ihbkeq2)",
+    maxWidth: "var(--v16_37_ihbkeq3)",
+    minWidth: "var(--v16_37_ihbkeq4)",
     mobile: {
-        width: "var(--v16_36_ihbkeq5)",
-        height: "var(--v16_36_ihbkeq6)",
-        minHeight: "var(--v16_36_ihbkeq7)",
-        maxWidth: "var(--v16_36_ihbkeq8)",
-        minWidth: "var(--v16_36_ihbkeq9)"
+        width: "var(--v16_37_ihbkeq5)",
+        height: "var(--v16_37_ihbkeq6)",
+        minHeight: "var(--v16_37_ihbkeq7)",
+        maxWidth: "var(--v16_37_ihbkeq8)",
+        minWidth: "var(--v16_37_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v16_36_ihbkeqa)",
-        height: "var(--v16_36_ihbkeqb)",
-        minHeight: "var(--v16_36_ihbkeqc)",
-        maxWidth: "var(--v16_36_ihbkeqd)",
-        minWidth: "var(--v16_36_ihbkeqe)"
+        width: "var(--v16_37_ihbkeqa)",
+        height: "var(--v16_37_ihbkeqb)",
+        minHeight: "var(--v16_37_ihbkeqc)",
+        maxWidth: "var(--v16_37_ihbkeqd)",
+        minWidth: "var(--v16_37_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v16_36_ihbkeqf)",
-        height: "var(--v16_36_ihbkeqg)",
-        minHeight: "var(--v16_36_ihbkeqh)",
-        maxWidth: "var(--v16_36_ihbkeqi)",
-        minWidth: "var(--v16_36_ihbkeqj)"
+        width: "var(--v16_37_ihbkeqf)",
+        height: "var(--v16_37_ihbkeqg)",
+        minHeight: "var(--v16_37_ihbkeqh)",
+        maxWidth: "var(--v16_37_ihbkeqi)",
+        minWidth: "var(--v16_37_ihbkeqj)"
     },
-    background: "var(--v16_36_ihbkeqk)",
-    borderRadius: "var(--v16_36_ihbkeql)"
+    background: "var(--v16_37_ihbkeqk)",
+    borderRadius: "var(--v16_37_ihbkeql)"
 };
 export { _ as boxBorder, h as boxed, e as desktopOnly, r as noBorder, a as overflowHidden, b as vars };

package/dist-es/boxed.js

@@ -53,13 +53,13 @@ function _object_spread_props(target, source) {
 }
 import { jsx as m } from "react/jsx-runtime";
 import * as b from "react";
-import w from "classnames";
-import { useIsInverseOrMediaVariant as V, ThemeVariant as v } from "./theme-variant-context.js";
-import { getPrefixedDataAttributes as D } from "./utils/dom.js";
+import V from "classnames";
+import { useIsInverseOrMediaVariant as v, ThemeVariant as D } from "./theme-variant-context.js";
+import { getPrefixedDataAttributes as H } from "./utils/dom.js";
 import { vars as n } from "./skins/skin-contract.css-mistica.js";
-import { vars as o, boxed as H, desktopOnly as W, overflowHidden as $, noBorder as j, boxBorder as z } from "./boxed.css-mistica.js";
-import { applyCssVars as A } from "./utils/css.js";
-const M = (r, e)=>r || e ? j : z, s = (r)=>typeof r == "number" ? `${r}px` : r !== null && r !== void 0 ? r : "initial", t = (r, e)=>{
+import { vars as o, boxed as W, desktopOnly as $, overflowHidden as j, noBorder as z, boxBorder as A } from "./boxed.css-mistica.js";
+import { applyCssVars as M } from "./utils/css.js";
+const P = (r, e)=>r || e ? z : A, s = (r)=>typeof r == "number" ? `${r}px` : r !== null && r !== void 0 ? r : "initial", t = (r, e)=>{
     if (typeof e == "number" || typeof e == "string" || typeof e > "u") return {
         [o[r]]: s(e)
     };
@@ -68,31 +68,32 @@ const M = (r, e)=>r || e ? j : z, s = (r)=>typeof r == "number" ? `${r}px` : r !
         [o.desktop[r]]: s(e.desktop)
     };
     return e.tablet && (i[o.tablet[r]] = s(e.tablet)), i;
-}, P = /*#__PURE__*/ b.forwardRef((param, R)=>{
-    let { children: r, isInverse: e = !1, className: i, role: c, dataAttributes: p, "aria-label": y, "aria-labelledby": u, width: x, maxWidth: g, minWidth: h, height: k, minHeight: B, borderRadius: I = n.borderRadii.container, background: f, desktopOnly: C, variant: a, overflow: O } = param;
-    const l = V(), d = e || a === "inverse" || a === "media";
+}, S = /*#__PURE__*/ b.forwardRef((param, w)=>{
+    let { children: r, isInverse: e = !1, className: i, role: c, dataAttributes: p, "aria-label": y, "aria-labelledby": u, width: x, maxWidth: g, minWidth: h, height: k, minHeight: B, borderRadius: I = n.borderRadii.container, background: f, desktopOnly: C, variant: a, overflow: O, border: R } = param;
+    const l = v(), d = e || a === "inverse" || a === "media";
     return /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
-        ref: R,
-        style: _object_spread_props(_object_spread({}, A(_object_spread_props(_object_spread({}, t("width", x), t("maxWidth", g), t("minWidth", h), t("height", k), t("minHeight", B)), {
+        ref: w,
+        style: _object_spread_props(_object_spread({}, M(_object_spread_props(_object_spread({}, t("width", x), t("maxWidth", g), t("minWidth", h), t("height", k), t("minHeight", B)), {
             [o.background]: (f !== null && f !== void 0 ? f : d) ? l ? n.colors.backgroundContainerBrandOverInverse : n.colors.backgroundContainerBrand : n.colors.backgroundContainer,
             [o.borderRadius]: I
         }))), {
-            background: f
+            background: f,
+            border: R
         }),
-        className: w(i, H, M(l, d), {
-            [W]: C,
-            [$]: O !== "visible"
+        className: V(i, W, P(l, d), {
+            [$]: C,
+            [j]: O !== "visible"
         }),
         role: c,
         "aria-label": y,
         "aria-labelledby": u
-    }, D(p)), {
-        children: /* @__PURE__ */ m(v, {
+    }, H(p)), {
+        children: /* @__PURE__ */ m(D, {
             variant: a !== null && a !== void 0 ? a : d ? "inverse" : void 0,
             children: r
         })
     }));
-}), K = /*#__PURE__*/ b.forwardRef((r, e)=>/* @__PURE__ */ m(P, _object_spread_props(_object_spread({}, r), {
+}), L = /*#__PURE__*/ b.forwardRef((r, e)=>/* @__PURE__ */ m(S, _object_spread_props(_object_spread({}, r), {
         ref: e
     })));
-export { K as Boxed, P as InternalBoxed };
+export { L as Boxed, S as InternalBoxed };

package/dist-es/button-group.css-mistica.js

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
 import "./button-group.css.ts.vanilla.css-mistica.js";
-var t = "v16_36_1xdd1h69", d = "v16_36_1xdd1h67", r = "v16_36_1xdd1h68", i = "v16_36_1xdd1h64", a = "v16_36_1xdd1h62", e = "v16_36_1xdd1h63", h = "v16_36_1xdd1h65", o = "v16_36_1xdd1h66", x = "v16_36_1xdd1h61 v16_36_1y2v1nfit v16_36_1y2v1nfj7 v16_36_1y2v1nfix";
-export { t as buttonChild, d as buttons, r as buttonsWithSmallLink, i as centerInDesktop, a as centerInMobile, e as centerInTablet, h as container, o as containerWithSmallLink, x as inline };
+var t = "v16_37_1xdd1h69", d = "v16_37_1xdd1h67", r = "v16_37_1xdd1h68", a = "v16_37_1xdd1h64", e = "v16_37_1xdd1h62", i = "v16_37_1xdd1h63", h = "v16_37_1xdd1h65", o = "v16_37_1xdd1h66", x = "v16_37_1xdd1h61 v16_37_1y2v1nfjt v16_37_1y2v1nfk7 v16_37_1y2v1nfjx";
+export { t as buttonChild, d as buttons, r as buttonsWithSmallLink, a as centerInDesktop, e as centerInMobile, i as centerInTablet, h as container, o as containerWithSmallLink, x as inline };

package/dist-es/button-group.js

@@ -54,7 +54,7 @@ function _object_spread_props(target, source) {
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import * as b from "react";
 import p from "classnames";
-import { getPrefixedDataAttributes as L } from "./utils/dom.js";
+import { getPrefixedDataAttributes as N } from "./utils/dom.js";
 import { inline as d, containerWithSmallLink as v, container as S, centerInDesktop as x, centerInTablet as I, centerInMobile as C, buttonsWithSmallLink as G, buttons as R, buttonChild as n } from "./button-group.css-mistica.js";
 import { smallLink as j } from "./button.css-mistica.js";
 import { useIsomorphicLayoutEffect as A } from "./hooks.js";
@@ -66,7 +66,7 @@ const D = (param)=>{
         (c = (a = r.current) == null ? void 0 : a.getElementsByClassName(j)) != null && c.length && h(!0);
     }, []);
     var _e_mobile, _e_tablet, _ref, _e_desktop;
-    const k = !!t || !!s || !!o, N = !!t && !!s, l = typeof e == "string" ? {
+    const k = !!t || !!s || !!o, L = !!t && !!s, l = typeof e == "string" ? {
         mobile: e,
         tablet: e,
         desktop: e
@@ -81,7 +81,7 @@ const D = (param)=>{
             [I]: l.tablet === "center",
             [C]: l.mobile === "center"
         })
-    }, L(u, "ButtonGroup")), {
+    }, N(u, "ButtonGroup")), {
         children: [
             (t || s) && /* @__PURE__ */ f("div", {
                 className: p(d, m ? G : R),
@@ -100,7 +100,7 @@ const D = (param)=>{
                 ref: r,
                 className: n,
                 style: {
-                    width: N ? "100%" : "auto"
+                    width: L ? "100%" : "auto"
                 },
                 children: o
             })

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

@@ -2,19 +2,19 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
 import "./button-layout.css.ts.vanilla.css-mistica.js";
 var y = {
-    right: "v16_36_kfxylh7 v16_36_1y2v1nfj2",
-    left: "v16_36_kfxylh8 v16_36_1y2v1nfj0",
-    center: "v16_36_kfxylh9 v16_36_1y2v1nfj1",
-    "full-width": "v16_36_kfxylha v16_36_1y2v1nfj1"
-}, n = "v16_36_kfxylh1 v16_36_1y2v1nfis v16_36_1y2v1nfj7", l = "v16_36_kfxylh2", h = "v16_36_kfxylhd v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf", i = {
-    center: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf",
-    left: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhe",
-    right: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhf",
-    "full-width": "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhg"
-}, k = {
-    center: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf",
-    left: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhl",
-    right: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhm",
-    "full-width": "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhn"
+    right: "v16_37_kfxylh7 v16_37_1y2v1nfk2",
+    left: "v16_37_kfxylh8 v16_37_1y2v1nfk0",
+    center: "v16_37_kfxylh9 v16_37_1y2v1nfk1",
+    "full-width": "v16_37_kfxylha v16_37_1y2v1nfk1"
+}, n = "v16_37_kfxylh1 v16_37_1y2v1nfjs v16_37_1y2v1nfk7", k = "v16_37_kfxylh2", l = "v16_37_kfxylhd v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf", h = {
+    center: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf",
+    left: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhe",
+    right: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhf",
+    "full-width": "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhg"
+}, x = {
+    center: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf",
+    left: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhl",
+    right: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhm",
+    "full-width": "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhn"
 };
-export { y as alignVariant, n as container, l as containerWithTwoButtons, h as link, i as linkInNewLine, k as smallLinkInNewLine };
+export { y as alignVariant, n as container, k as containerWithTwoButtons, l as link, h as linkInNewLine, x as smallLinkInNewLine };

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

@@ -3,36 +3,36 @@ import "./button.css.ts.vanilla.css-mistica.js";
 var n = "1.5px", f = {
     default: "104px",
     small: "80px"
-}, r = {
+}, y = {
     default: "calc(16px - 1.5px)",
     small: "calc(12px - 1.5px)"
-}, y = {
+}, r = {
     default: "calc(12px - 1.5px)",
     small: "calc(6px - 1.5px)"
-}, i = {
-    primary: "v16_36_rrbrpnm v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2i v16_36_1y2v1nf59",
-    secondary: "v16_36_rrbrpnn v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2l v16_36_1y2v1nf8k",
-    danger: "v16_36_rrbrpno v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2i v16_36_1y2v1nf51",
-    link: "v16_36_rrbrpnp v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2p v16_36_1y2v1nf8k",
-    linkDanger: "v16_36_rrbrpnq v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2r v16_36_1y2v1nf8k",
-    linkDangerDark: "v16_36_rrbrpnr v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2r v16_36_1y2v1nf8k"
-}, l = {
-    minWidth: "var(--v16_36_rrbrpn0)"
-}, a = "2px", p = "8px", b = {
+}, a = {
+    primary: "v16_37_rrbrpnm v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2t v16_37_1y2v1nf5u",
+    secondary: "v16_37_rrbrpnn v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2y v16_37_1y2v1nf9k",
+    danger: "v16_37_rrbrpno v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2t v16_37_1y2v1nf5j",
+    link: "v16_37_rrbrpnp v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf34 v16_37_1y2v1nf9k",
+    linkDanger: "v16_37_rrbrpnq v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf35 v16_37_1y2v1nf9k",
+    linkDangerDark: "v16_37_rrbrpnr v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf35 v16_37_1y2v1nf9k"
+}, m = {
+    minWidth: "var(--v16_37_rrbrpn0)"
+}, p = "2px", l = "8px", i = {
     default: "1.500rem",
     small: "1.250rem"
 }, u = {
-    primary: "v16_36_rrbrpns v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2j v16_36_1y2v1nf5a",
-    secondary: "v16_36_rrbrpnt v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2n v16_36_1y2v1nf8k",
-    danger: "v16_36_rrbrpnu v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2i v16_36_1y2v1nf51",
-    link: "v16_36_rrbrpnv v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2q v16_36_1y2v1nf8k",
-    linkDanger: "v16_36_rrbrpnw v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2r v16_36_1y2v1nf55",
-    linkDangerDark: "v16_36_rrbrpnx v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2r v16_36_1y2v1nf8k"
-}, c = "v16_36_rrbrpn1", t = {
+    primary: "v16_37_rrbrpns v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2u v16_37_1y2v1nf5w",
+    secondary: "v16_37_rrbrpnt v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2z v16_37_1y2v1nf9k",
+    danger: "v16_37_rrbrpnu v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2t v16_37_1y2v1nf5j",
+    link: "v16_37_rrbrpnv v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf37 v16_37_1y2v1nf9k",
+    linkDanger: "v16_37_rrbrpnw v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf35 v16_37_1y2v1nf5p",
+    linkDangerDark: "v16_37_rrbrpnx v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf35 v16_37_1y2v1nf9k"
+}, b = "v16_37_rrbrpn1", t = {
     default: "40px",
     small: "40px"
-}, e = "v16_36_rrbrpn9 v16_36_1y2v1nfit v16_36_1y2v1nfin v16_36_1y2v1nfm0 v16_36_1y2v1nfn9 v16_36_1y2v1nfj1 v16_36_1y2v1nfj7", m = "v16_36_rrbrpn7 v16_36_1y2v1nfiu v16_36_1y2v1nfjx v16_36_1y2v1nflu", g = "v16_36_rrbrpn4", d = "v16_36_rrbrpn5", o = {
+}, c = "v16_37_rrbrpn9 v16_37_1y2v1nfjt v16_37_1y2v1nfjn v16_37_1y2v1nfn0 v16_37_1y2v1nfo9 v16_37_1y2v1nfk1 v16_37_1y2v1nfk7", k = "v16_37_rrbrpn7 v16_37_1y2v1nfju v16_37_1y2v1nfkx v16_37_1y2v1nfmu", d = "v16_37_rrbrpn4", e = "v16_37_rrbrpn5", j = {
     default: "1.250rem",
     small: "1.000rem"
-}, x = "v16_36_rrbrpnb v16_36_1y2v1nfis v16_36_1y2v1nfj7 v16_36_1y2v1nfj1";
-export { n as borderSize, f as buttonMinWidth, r as buttonPaddingX, y as buttonPaddingY, i as buttonVariants, l as buttonVars, a as chevronMarginLeft, p as iconMargin, b as iconSize, u as inverseButtonVariants, c as isLoading, t as linkMinWidth, e as loadingContent, m as loadingFiller, g as small, d as smallLink, o as spinnerSize, x as textContent };
+}, g = "v16_37_rrbrpnb v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1";
+export { n as borderSize, f as buttonMinWidth, y as buttonPaddingX, r as buttonPaddingY, a as buttonVariants, m as buttonVars, p as chevronMarginLeft, l as iconMargin, i as iconSize, u as inverseButtonVariants, b as isLoading, t as linkMinWidth, c as loadingContent, k as loadingFiller, d as small, e as smallLink, j as spinnerSize, g as textContent };

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

@@ -2,9 +2,9 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./callout.css.ts.vanilla.css-mistica.js";
 var y = {
-    inverse: "v16_36_1y2v1nf4c",
-    alternative: "v16_36_1y2v1nf4c",
-    default: "v16_36_1y2v1nf4k",
-    media: "v16_36_1y2v1nf4c"
-}, f = "v16_36_14g0jmy5 v16_36_1y2v1nfin v16_36_1y2v1nfmu", r = "v16_36_14g0jmy6", t = "v16_36_14g0jmy1 v16_36_1y2v1nf90 v16_36_1y2v1nfa9 v16_36_1y2v1nfbi v16_36_1y2v1nfcr v16_36_1y2v1nfis v16_36_1y2v1nflk v16_36_1y2v1nflu", e = "v16_36_14g0jmy3 v16_36_1y2v1nfje v16_36_1y2v1nfim";
+    inverse: "v16_37_1y2v1nf4u",
+    alternative: "v16_37_1y2v1nf4u",
+    default: "v16_37_1y2v1nf52",
+    media: "v16_37_1y2v1nf4u"
+}, f = "v16_37_14g0jmy5 v16_37_1y2v1nfjn v16_37_1y2v1nfnu", r = "v16_37_14g0jmy6", t = "v16_37_14g0jmy1 v16_37_1y2v1nfa0 v16_37_1y2v1nfb9 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjs v16_37_1y2v1nfmk v16_37_1y2v1nfmu", e = "v16_37_14g0jmy3 v16_37_1y2v1nfke v16_37_1y2v1nfjm";
 export { y as background, f as closeButtonContainer, r as closeButtonContainerSize, t as container, e as content };

package/dist-es/callout.js

@@ -56,8 +56,8 @@ import c from "./stack.js";
 import y from "./inline.js";
 import A from "./box.js";
 import { useTheme as C } from "./hooks.js";
-import { useThemeVariant as N, ThemeVariant as R } from "./theme-variant-context.js";
-import { Text3 as j, Text2 as S } from "./text.js";
+import { useThemeVariant as R, ThemeVariant as j } from "./theme-variant-context.js";
+import { Text3 as N, Text2 as S } from "./text.js";
 import L from "./generated/mistica-icons/icon-close-regular.js";
 import { IconButton as V } from "./icon-button.js";
 import k from "classnames";
@@ -70,7 +70,7 @@ import { applyCssVars as W } from "./utils/css.js";
 import { closeButtonLabel as Y } from "./text-tokens.js";
 const q = (param)=>{
     let { title: r, titleAs: s = "h2", description: u, asset: i, onClose: a, closeButtonLabel: p, button: l, secondaryButton: m, buttonLink: n, "aria-label": f, dataAttributes: b, role: h } = param;
-    const x = N(), { texts: B, t: g } = C(), o = typeof r == "object", v = o && (r == null ? void 0 : r.as) || s, T = o ? r == null ? void 0 : r["aria-label"] : void 0, I = o ? r == null ? void 0 : r.text : r;
+    const x = R(), { texts: B, t: g } = C(), o = typeof r == "object", v = o && (r == null ? void 0 : r.as) || s, T = o ? r == null ? void 0 : r["aria-label"] : void 0, I = o ? r == null ? void 0 : r.text : r;
     return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({
         className: k($, w[x]),
         style: W({
@@ -79,7 +79,7 @@ const q = (param)=>{
         "aria-label": f,
         role: h
     }, O(b, "Callout")), {
-        children: /* @__PURE__ */ t(R, {
+        children: /* @__PURE__ */ t(j, {
             isInverse: !1,
             children: [
                 i && /* @__PURE__ */ e(A, {
@@ -103,7 +103,7 @@ const q = (param)=>{
                                         /* @__PURE__ */ t(c, {
                                             space: 4,
                                             children: [
-                                                /* @__PURE__ */ e(j, {
+                                                /* @__PURE__ */ e(N, {
                                                     as: v,
                                                     regular: !0,
                                                     dataAttributes: {

package/dist-es/card-cover.js

@@ -0,0 +1,125 @@
+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 _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 o } from "react/jsx-runtime";
+import * as d from "react";
+import { InternalCard as M } from "./card-internal.js";
+const c = /*#__PURE__*/ d.forwardRef((_param, s)=>{
+    var { size: r = "default", dataAttributes: e } = _param, i = _object_without_properties(_param, [
+        "size",
+        "dataAttributes"
+    ]);
+    return /* @__PURE__ */ o(M, _object_spread({
+        ref: s,
+        dataAttributes: _object_spread({
+            "component-name": "CoverCard",
+            testid: "CoverCard"
+        }, e),
+        type: "cover",
+        size: r
+    }, i));
+}), x = /*#__PURE__*/ d.forwardRef((_param, D)=>/* @__PURE__ */ {
+    var { size: r = "default", /** @deprecated use variant */ isInverse: e, variant: i, /** @deprecated use topActions */ actions: s, topActions: a, /** @deprecated use slot */ extra: p, slot: f, /** @deprecated use imageSrc or imageSrcSet */ backgroundImage: t, /** @deprecated use videoSrc */ backgroundVideo: C, /** @deprecated use imageSrc */ poster: n, videoSrc: v, imageSrc: l, imageSrcSet: y, /** @deprecated use videoRef */ backgroundVideoRef: R, videoRef: S, /** @deprecated use buttonPrimary */ button: A, buttonPrimary: P, dataAttributes: m } = _param, w = _object_without_properties(_param, [
+        "size",
+        "isInverse",
+        "variant",
+        "actions",
+        "topActions",
+        "extra",
+        "slot",
+        "backgroundImage",
+        "backgroundVideo",
+        "poster",
+        "videoSrc",
+        "imageSrc",
+        "imageSrcSet",
+        "backgroundVideoRef",
+        "videoRef",
+        "button",
+        "buttonPrimary",
+        "dataAttributes"
+    ]);
+    var // using ?? because we want to keep empty string as a valid value
+    _ref;
+    return o(c, _object_spread({
+        ref: D,
+        size: r,
+        variant: i || (e ? "inverse" : void 0),
+        dataAttributes: _object_spread({
+            "component-name": "PosterCard",
+            testid: "PosterCard"
+        }, m),
+        topActions: a || s,
+        slot: f || p,
+        buttonPrimary: P || A,
+        imageSrc: (_ref = l !== null && l !== void 0 ? l : typeof t == "string" ? t : t == null ? void 0 : t.src) !== null && _ref !== void 0 ? _ref : n,
+        imageSrcSet: y || (typeof t == "string" || t == null ? void 0 : t.srcSet),
+        videoSrc: v || C,
+        videoRef: S || R
+    }, w));
+}), h = /*#__PURE__*/ d.forwardRef((_param, i)=>{
+    var { dataAttributes: r } = _param, e = _object_without_properties(_param, [
+        "dataAttributes"
+    ]);
+    return /* @__PURE__ */ o(x, _object_spread({
+        ref: i,
+        size: "display",
+        dataAttributes: _object_spread({
+            "component-name": "DisplayMediaCard",
+            testid: "DisplayMediaCard"
+        }, r)
+    }, e));
+});
+export { c as CoverCard, h as DisplayMediaCard, x as PosterCard };

package/dist-es/card-data.js

@@ -0,0 +1,110 @@
+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 _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 e } from "react/jsx-runtime";
+import * as n from "react";
+import { InternalCard as D } from "./card-internal.js";
+const d = /*#__PURE__*/ n.forwardRef((_param, l)=>{
+    var { dataAttributes: a, size: t = "default", button: r, buttonPrimary: o, extra: s, slot: i, actions: p, topActions: m, isInverse: f, variant: u } = _param, C = _object_without_properties(_param, [
+        "dataAttributes",
+        "size",
+        "button",
+        "buttonPrimary",
+        "extra",
+        "slot",
+        "actions",
+        "topActions",
+        "isInverse",
+        "variant"
+    ]);
+    return /* @__PURE__ */ e(D, _object_spread({
+        type: "data",
+        size: t,
+        dataAttributes: _object_spread({
+            "component-name": "DataCard",
+            testid: "DataCard"
+        }, a),
+        ref: l,
+        buttonPrimary: o || r,
+        topActions: m || p,
+        slot: i || s,
+        variant: u || (f ? "inverse" : "default") || "default"
+    }, C));
+}), b = /*#__PURE__*/ n.forwardRef((_param, r)=>{
+    var { dataAttributes: a } = _param, t = _object_without_properties(_param, [
+        "dataAttributes"
+    ]);
+    return /* @__PURE__ */ e(d, _object_spread({
+        size: "snap",
+        dataAttributes: _object_spread({
+            "component-name": "SnapCard",
+            testid: "SnapCard"
+        }, a),
+        ref: r
+    }, t));
+}), A = /*#__PURE__*/ n.forwardRef((_param, r)=>{
+    var { dataAttributes: a } = _param, t = _object_without_properties(_param, [
+        "dataAttributes"
+    ]);
+    return /* @__PURE__ */ e(d, _object_spread({
+        size: "display",
+        dataAttributes: _object_spread({
+            "component-name": "DisplayDataCard",
+            testid: "DisplayDataCard"
+        }, a),
+        ref: r
+    }, t));
+});
+export { d as DataCard, A as DisplayDataCard, b as SnapCard };

package/dist-es/card-internal.css-mistica.js

@@ -0,0 +1,22 @@
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./card-internal.css.ts.vanilla.css-mistica.js";
+var n = {
+    display: "v16_37_1y2v1nfa6",
+    default: "v16_37_1499nmdj v16_37_1y2v1nfa0",
+    snap: "v16_37_1y2v1nfa0"
+}, a = "v16_37_1499nmd15 v16_37_1y2v1nfkf v16_37_1y2v1nfkw v16_37_1y2v1nfjn v16_37_1y2v1nfoo", f = "v16_37_1499nmdr", y = "v16_37_1499nmd2 v16_37_1y2v1nfjm v16_37_1y2v1nfjs v16_37_1y2v1nfjx", d = {
+    display: "v16_37_1y2v1nfbi",
+    default: "v16_37_1499nmdp v16_37_1y2v1nfbf",
+    snap: "v16_37_1499nmdq v16_37_1y2v1nfb9"
+}, r = {
+    display: "v16_37_1y2v1nfa6",
+    default: "v16_37_1499nmdd v16_37_1y2v1nfa0",
+    snap: "v16_37_1499nmde v16_37_1y2v1nfa0"
+}, t = {
+    display: "v16_37_1y2v1nfco v16_37_1y2v1nfdx",
+    default: "v16_37_1499nmd7 v16_37_1y2v1nfci v16_37_1y2v1nfdr",
+    snap: "v16_37_1499nmd8 v16_37_1y2v1nfci v16_37_1y2v1nfdr"
+}, o = "v16_37_1499nmdz v16_37_1y2v1nfjm v16_37_1y2v1nfjs v16_37_1y2v1nfjx v16_37_1y2v1nfk4", e = "v16_37_1y2v1nfjm v16_37_1y2v1nfjs v16_37_1y2v1nfjy v16_37_1y2v1nfkw v16_37_1y2v1nfkf", i = "v16_37_1499nmd13 v16_37_1y2v1nfjn v16_37_1y2v1nfn5 v16_37_1y2v1nfnz v16_37_1y2v1nfjs v16_37_1y2v1nfjx", m = "v16_37_1499nmdt v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjs v16_37_1y2v1nfjy v16_37_1y2v1nfjm v16_37_1y2v1nfma v16_37_1y2v1nf9k v16_37_1y2v1nfkf v16_37_1y2v1nfkw", s = "v16_37_1499nmdw v16_37_1499nmdv", c = "v16_37_1499nmdx v16_37_1499nmdv", j = "v16_37_1499nmdu", l = {
+    aspectRatio: "var(--v16_37_1499nmd0)"
+};
+export { n as actionsContainerVariants, a as backgroundImageOrVideoContainer, f as boxed, y as container, d as containerPaddingBottomVariants, r as containerPaddingTopVariants, t as containerPaddingXVariants, o as contentContainer, e as textContent, i as topActionsContainer, m as touchable, s as touchableCardOverlay, c as touchableCardOverlayInverse, j as touchableContainer, l as vars };