@telefonica/mistica 12.9.1 → 12.11.0

package/dist-es/tooltip.js

@@ -103,167 +103,34 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as i from "react";
-import j from "classnames";
-import { CSSTransition as K } from "react-transition-group";
-import { useScreenSize as H, useAriaId as U } from "./hooks.js";
+import * as s from "react";
+import W from "classnames";
+import { CSSTransition as z } from "react-transition-group";
+import { useTheme as F, useScreenSize as V, useAriaId as j } from "./hooks.js";
 import { Portal as q } from "./portal.js";
 import G from "./overlay.js";
-import { Text2 as I } from "./text.js";
-import { TAB as J } from "./utils/key-codes.js";
-import { createUseStyles as A } from "./jss.js";
-import Q from "./stack.js";
-import { jsxs as w, Fragment as Z, jsx as s } from "./_virtual/jsx-runtime.js";
-var _ = "bottom", tt = "top", g = 12, h = 4 + g, b = 16, et = 340, rt = g * 2, ot = g, M = 500, p = 12, k = "cubic-bezier(0.215, 0.61, 0.355, 1)", nt = 500, X = function() {}, at = A(function(t) {
-    var c = t.isDarkMode ? 1 : 0.2;
-    return {
-        arrow: {
-            position: "absolute",
-            backgroundColor: t.colors.backgroundContainer,
-            width: g,
-            height: g,
-            top: 0,
-            left: "50%",
-            transform: "translate(-50%, -50%) rotate(45deg)",
-            border: "1px solid ".concat(t.colors.border),
-            borderRadius: 2
-        },
-        arrowTop: {
-            top: "100%",
-            left: "50%",
-            transform: "translateX(-50%)",
-            "& > div": {
-                boxShadow: "0 2px 4px 0 rgba(0, 0, 0, ".concat(c, ")")
-            }
-        },
-        arrowRight: {
-            right: "100%",
-            top: "50%",
-            transform: "translateY(-100%) rotate(90deg)",
-            transformOrigin: "bottom",
-            "& > div": {
-                boxShadow: "0 0 4px 0 rgba(0, 0, 0, ".concat(c, ")")
-            }
-        },
-        arrowBottom: {
-            bottom: "100%",
-            left: "50%",
-            transform: "translateX(-50%) rotate(180deg)"
-        },
-        arrowLeft: {
-            left: "100%",
-            top: "50%",
-            transform: "translateY(-100%) rotate(-90deg)",
-            transformOrigin: "bottom",
-            "& > div": {
-                boxShadow: "0 0 4px 0 rgba(0, 0, 0, ".concat(c, ")")
-            }
-        },
-        arrowWrapper: {
-            position: "absolute",
-            color: t.colors.backgroundContainer,
-            width: rt,
-            height: ot,
-            overflow: "hidden"
-        },
-        wrapper: {
-            display: "inline-block"
-        },
-        container: {
-            position: "absolute",
-            left: 16,
-            width: "auto",
-            boxShadow: "0 2px 4px 0 rgba(0, 0, 0, ".concat(c, ")"),
-            padding: 8,
-            backgroundColor: t.colors.backgroundContainer,
-            zIndex: 50,
-            border: "1px solid ".concat(t.colors.border),
-            borderRadius: 8
-        }
-    };
-}), it = A(function() {
-    return {
-        enter: {
-            transform: function(param) {
-                var t = param.position;
-                return t === "bottom" ? "translateY(".concat(p, "px)") : t === "top" ? "translateY(calc(-100% - ".concat(p, "px))") : t === "right" ? "translateX(".concat(p, "px) translateY(-50%)") : t === "left" ? "translateX(-".concat(p, "px) translateY(-50%)") : "translateY(-".concat(p, "px)");
-            }
-        },
-        enterActive: {
-            animationName: function(param) {
-                var t = param.position;
-                return t === "top" ? "$fadeInTop" : t === "bottom" ? "$fadeInBottom" : "$fadeInX";
-            },
-            animationFillMode: "both",
-            animationDuration: "".concat(M, "ms"),
-            animationTimingFunction: k
-        },
-        enterDone: {
-            transform: function(param) {
-                var t = param.position;
-                return t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)";
-            }
-        },
-        exit: {
-            transform: function(param) {
-                var t = param.position;
-                return t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)";
-            },
-            opacity: 1,
-            transition: "opacity 0.3s ".concat(k)
-        },
-        exitActive: {
-            animation: "$fadeOut 0.3s ".concat(k, " both")
-        },
-        "@keyframes fadeInBottom": {
-            from: {
-                opacity: 0
-            },
-            "40%": {
-                opacity: 1
-            },
-            to: {
-                opacity: 1,
-                transform: "translateY(0)"
-            }
-        },
-        "@keyframes fadeInTop": {
-            from: {
-                opacity: 0
-            },
-            "40%": {
-                opacity: 1
-            },
-            to: {
-                opacity: 1,
-                transform: "translateY(-100%)"
-            }
-        },
-        "@keyframes fadeInX": {
-            from: {
-                opacity: 0
-            },
-            "40%": {
-                opacity: 1
-            },
-            to: {
-                opacity: 1,
-                transform: "translateX(0) translateY(-50%)"
-            }
-        },
-        "@keyframes fadeOut": {
-            from: {
-                opacity: 1
-            },
-            to: {
-                opacity: 0
-            }
-        }
-    };
-}), st = function(t) {
-    return t || et;
-}, Tt = function(_param) {
-    var t = _param.children, c = _param.extra, x = _param.description, W = _param.target, y = _param.title, B = _param.targetLabel, tmp = _param.delay, L = tmp === void 0 ? !0 : tmp, S = _objectWithoutProperties(_param, [
+import { Text2 as S } from "./text.js";
+import { TAB as H } from "./utils/key-codes.js";
+import J from "./stack.js";
+import { vars as n, wrapper as Q, enter as U, enterActive as Z, enterDone as _, exit as tt, exitActive as et, container as rt, arrowWrapper as nt, arrow as ot, fadeInTopKeyframes as at, fadeInBottomKeyframes as it, fadeInXKeyframes as st, arrowTop as ct, arrowBottom as lt, arrowLeft as ut, arrowRight as ft } from "./tooltip.css-mistica.js";
+import { assignInlineVars as mt } from "@vanilla-extract/dynamic";
+import { jsxs as p, Fragment as dt, jsx as c } from "./_virtual/jsx-runtime.js";
+var pt = "bottom", ht = "top", wt = 12, h = 4 + wt, w = 16, gt = 340, xt = 500, d = 12, Tt = 500, R = function() {}, bt = function(t) {
+    return t || gt;
+}, vt = function(t) {
+    return t === "bottom" ? "translateY(".concat(d, "px)") : t === "top" ? "translateY(calc(-100% - ".concat(d, "px))") : t === "right" ? "translateX(".concat(d, "px) translateY(-50%)") : t === "left" ? "translateX(-".concat(d, "px) translateY(-50%)") : "translateY(-".concat(d, "px)");
+}, At = function(t) {
+    return t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)";
+}, Yt = function(t) {
+    return t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)";
+}, yt = function(t) {
+    return t === "top" ? at : t === "bottom" ? it : st;
+}, Pt = function(t) {
+    return t ? "1" : "0.2";
+}, Ot = function(t) {
+    return t === "top" ? "2px 2px 4px 0 rgba(0, 0, 0, ".concat(n.shadowAlpha, ")") : t === "right" ? "0 0 4px 0 rgba(0, 0, 0, ".concat(n.shadowAlpha, ")") : t === "left" ? "0 0 4px 0 rgba(0, 0, 0, ".concat(n.shadowAlpha, ")") : t === "bottom" ? "-1px -1px 4px 0 rgba(0, 0, 0, ".concat(n.shadowAlpha, ")") : "";
+}, Wt = function(_param) {
+    var t = _param.children, I = _param.extra, g = _param.description, $ = _param.target, x = _param.title, B = _param.targetLabel, tmp = _param.delay, C = tmp === void 0 ? !0 : tmp, Y = _objectWithoutProperties(_param, [
         "children",
         "extra",
         "description",
@@ -272,147 +139,146 @@ var _ = "bottom", tt = "top", g = 12, h = 4 + g, b = 16, et = 340, rt = g * 2, o
         "targetLabel",
         "delay"
     ]);
-    var ref = _slicedToArray(i.useState(!1), 2), l = ref[0], T = ref[1], ref1 = H(), u = ref1.isTabletOrSmaller, P = U(), n = i.useRef(!1), r = i.useRef(null), f = i.useRef(null), v = i.useRef(null), e = i.useRef({
+    var ref = F(), E = ref.isDarkMode, ref1 = _slicedToArray(s.useState(!1), 2), l = ref1[0], T = ref1[1], ref2 = V(), u = ref2.isTabletOrSmaller, y = j(), o = s.useRef(!1), r = s.useRef(null), f = s.useRef(null), b = s.useRef(null), e = s.useRef({
         top: 0,
         right: 0,
         left: 0,
         bottom: 0,
         width: 0,
         height: 0
-    }), Y = function() {
-        var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _;
-        return u && (a === "left" || a === "right") ? tt : a;
-    }(S.position), o = at(), d = it({
-        position: Y
-    }), O = (typeof window === "undefined" ? "undefined" : _typeof(window)) < "u" ? window.matchMedia("(pointer: coarse)").matches : !1, R = function() {
+    }), a = function() {
+        var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : pt;
+        return u && (i === "left" || i === "right") ? ht : i;
+    }(Y.position), v = (typeof window === "undefined" ? "undefined" : _typeof(window)) < "u" ? window.matchMedia("(pointer: coarse)").matches : !1, P = function() {
         l && T(!1);
     };
-    i.useEffect(function() {
-        return window.addEventListener("resize", R), function() {
-            window.removeEventListener("resize", R);
+    s.useEffect(function() {
+        return window.addEventListener("resize", P), function() {
+            window.removeEventListener("resize", P);
         };
     });
-    var C = function() {
+    var _obj;
+    var O = function() {
         T(!1);
     }, m = function() {
-        !v.current || (e.current = v.current.getBoundingClientRect(), T(!l));
-    }, N = function() {
+        !b.current || (e.current = b.current.getBoundingClientRect(), T(!l));
+    }, M = function() {
         l || m();
-    }, z = function(a) {
-        a.keyCode === J && C();
-    }, F = function(a, $) {
+    }, N = function(i) {
+        i.keyCode === H && O();
+    }, k = function(i, A) {
         return (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u" ? {} : ({
             right: {
                 left: e.current.right + h,
                 top: window.pageYOffset + e.current.top + e.current.height / 2
             },
             left: {
-                left: e.current.left - $ - h,
+                left: e.current.left - A - h,
                 top: window.pageYOffset + e.current.top + e.current.height / 2
             },
             top: {
                 top: window.pageYOffset + e.current.top - h,
-                left: u ? b : window.pageXOffset + e.current.left + e.current.width / 2 - $ / 2
+                left: u ? w : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
             },
             bottom: {
                 top: window.pageYOffset + e.current.bottom + h,
-                left: u ? b : window.pageXOffset + e.current.left + e.current.width / 2 - $ / 2
+                left: u ? w : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
             }
-        })[a];
-    }, E = function() {
+        })[i];
+    }, X = function() {
         return u ? {
-            left: e.current.left + e.current.width / 2 - b
+            left: e.current.left + e.current.width / 2 - w
         } : {};
     }, D = function() {
-        return u ? window.innerWidth - b * 2 : st(S.width);
-    }(), V = {
-        top: o.arrowTop,
-        bottom: o.arrowBottom,
-        left: o.arrowLeft,
-        right: o.arrowRight
-    };
-    return /* @__PURE__ */ w(Z, {
+        return u ? window.innerWidth - w * 2 : bt(Y.width);
+    }(), L = {
+        top: ct,
+        bottom: lt,
+        left: ut,
+        right: ft
+    }, K = mt((_obj = {}, _defineProperty(_obj, n.enterTransform, vt(a)), _defineProperty(_obj, n.exitTransform, Yt(a)), _defineProperty(_obj, n.enterActiveAnimationName, yt(a)), _defineProperty(_obj, n.enterDoneTransform, At(a)), _defineProperty(_obj, n.shadowAlpha, Pt(E)), _defineProperty(_obj, n.arrowBoxShadow, Ot(a)), _obj));
+    return /* @__PURE__ */ p(dt, {
         children: [
-            /* @__PURE__ */ s("div", {
-                ref: v,
-                className: o.wrapper,
+            /* @__PURE__ */ c("div", {
+                ref: b,
+                className: Q,
                 onPointerOver: function() {
-                    r.current && (clearTimeout(r.current), r.current = null), !n.current && (n.current = !0, L ? f.current = setTimeout(function() {
+                    r.current && (clearTimeout(r.current), r.current = null), !o.current && (o.current = !0, C ? f.current = setTimeout(function() {
                         f.current = null, m();
-                    }, nt) : m());
+                    }, Tt) : m());
                 },
-                onPointerLeave: O ? X : function() {
+                onPointerLeave: v ? R : function() {
                     if (f.current) {
-                        clearTimeout(f.current), f.current = null, n.current = !1;
+                        clearTimeout(f.current), f.current = null, o.current = !1;
                         return;
                     }
                     r.current = setTimeout(function() {
-                        !n.current || (r.current = null, n.current = !1, m());
+                        !o.current || (r.current = null, o.current = !1, m());
                     }, 100);
                 },
-                onFocus: N,
-                onKeyDown: z,
+                onFocus: M,
+                onKeyDown: N,
                 "touch-action": "auto",
                 role: "button",
                 tabIndex: 0,
-                "aria-describedby": P,
+                "aria-describedby": y,
                 "aria-expanded": l,
                 "aria-label": B,
-                children: W
+                children: $
             }),
-            /* @__PURE__ */ w(q, {
+            /* @__PURE__ */ p(q, {
                 children: [
-                    l && O && /* @__PURE__ */ s(G, {
-                        onPress: C
+                    l && v && /* @__PURE__ */ c(G, {
+                        onPress: O
                     }),
-                    /* @__PURE__ */ s(K, {
+                    /* @__PURE__ */ c(z, {
                         in: l,
-                        timeout: M,
+                        timeout: xt,
                         classNames: {
-                            enter: d.enter,
-                            enterActive: d.enterActive,
-                            enterDone: d.enterDone,
-                            exit: d.exit,
-                            exitActive: d.exitActive
+                            enter: U,
+                            enterActive: Z,
+                            enterDone: _,
+                            exit: tt,
+                            exitActive: et
                         },
                         unmountOnExit: !0,
-                        children: /* @__PURE__ */ w("div", {
+                        children: /* @__PURE__ */ p("div", {
                             role: "tooltip",
-                            id: P,
-                            className: o.container,
+                            id: y,
+                            className: rt,
                             style: _objectSpread({
                                 width: D
-                            }, F(Y, D)),
+                            }, k(a, D), K),
                             onPointerOver: function() {
                                 r.current && (clearTimeout(r.current), r.current = null);
                             },
-                            onPointerLeave: O ? X : function() {
+                            onPointerLeave: v ? R : function() {
                                 r.current = setTimeout(function() {
-                                    !n.current || (r.current = null, n.current = !1, m());
+                                    !o.current || (r.current = null, o.current = !1, m());
                                 }, 100);
                             },
                             children: [
-                                /* @__PURE__ */ s("div", {
-                                    className: j(o.arrowWrapper, V[Y]),
-                                    style: E(),
-                                    children: /* @__PURE__ */ s("div", {
-                                        className: o.arrow
+                                /* @__PURE__ */ c("div", {
+                                    className: W(nt, L[a]),
+                                    style: X(),
+                                    children: /* @__PURE__ */ c("div", {
+                                        className: ot
                                     })
                                 }),
-                                (y || x) && /* @__PURE__ */ w(Q, {
+                                (x || g) && /* @__PURE__ */ p(J, {
                                     space: 4,
                                     children: [
-                                        y && /* @__PURE__ */ s(I, {
+                                        x && /* @__PURE__ */ c(S, {
                                             medium: !0,
-                                            children: y
+                                            children: x
                                         }),
-                                        x && /* @__PURE__ */ s(I, {
+                                        g && /* @__PURE__ */ c(S, {
                                             regular: !0,
-                                            children: x
+                                            children: g
                                         })
                                     ]
                                 }),
-                                c || t
+                                I || t
                             ]
                         })
                     })
@@ -421,4 +287,4 @@ var _ = "bottom", tt = "top", g = 12, h = 4 + g, b = 16, et = 340, rt = g * 2, o
         ]
     });
 };
-export { Tt as default };
+export { Wt as default };

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

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./touchable.css.ts.vanilla.js";
+var y = "mhti6u1 _1y2v1nfbg", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfbg _1y2v1nf7y _1y2v1nf8c _1y2v1nf8q _1y2v1nf94 _1y2v1nf7d _1y2v1nfb9 _1y2v1nf9i _1y2v1nf2d _1y2v1nf74 _1y2v1nfbi";
+export { y as base, f as notTouchable, _ as touchable };

package/dist-es/touchable.css.ts.vanilla.js

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

package/dist-es/touchable.js

@@ -50,61 +50,27 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import * as f from "react";
-import T from "classnames";
-import I from "./screen-reader-only.js";
-import { createUseStyles as R } from "./jss.js";
-import { useTheme as S } from "./hooks.js";
-import { isInsideNovumNativeApp as H } from "./utils/platform.js";
-import { ENTER as _, SPACE as K } from "./utils/key-codes.js";
-import { getPrefixedDataAttributes as W } from "./utils/dom.js";
-import { jsxs as j, jsx as o } from "./_virtual/jsx-runtime.js";
-var z = function(e) {
-    var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, c = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    t ? window.open(e, "_blank") : c ? window.open(e, "_top") : document.location.href = e;
-}, V = R(function() {
-    return {
-        touchable: {
-            color: "inherit",
-            verticalAlign: "bottom",
-            fontFamily: "inherit",
-            overflow: "visible",
-            appearance: "none",
-            border: "none",
-            cursor: "pointer",
-            display: "block",
-            userSelect: "none",
-            backgroundColor: "transparent",
-            padding: 0,
-            textAlign: "inherit",
-            textDecoration: "none",
-            fontSize: "inherit",
-            WebkitTapHighlightColor: "transparent",
-            width: "100%",
-            "&::-moz-focus-inner": {
-                padding: 0,
-                border: "none"
-            },
-            "&[disabled]": {
-                cursor: "default"
-            },
-            "&:active, &:hover": {
-                textDecoration: "none"
-            }
-        },
-        notTouchable: {
-            cursor: "auto"
-        }
-    };
-}), Q = /*#__PURE__*/ f.forwardRef(function(e, t) {
-    var v, w;
-    var ref = S(), c = ref.texts, x = ref.analytics, C = ref.platformOverrides, E = ref.Link, D = ref.useHrefDecorator, P = D(), b = V(), d = f.useRef(!1);
+import * as c from "react";
+import b from "classnames";
+import A from "./screen-reader-only.js";
+import { notTouchable as I, touchable as _, base as H } from "./touchable.css-mistica.js";
+import { useTheme as K } from "./hooks.js";
+import { isInsideNovumNativeApp as j } from "./utils/platform.js";
+import { ENTER as B, SPACE as S } from "./utils/key-codes.js";
+import { getPrefixedDataAttributes as V } from "./utils/dom.js";
+import { jsxs as W, jsx as l } from "./_virtual/jsx-runtime.js";
+var L = function(e) {
+    var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, d = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
+    t ? window.open(e, "_blank") : d ? window.open(e, "_top") : document.location.href = e;
+}, N = /*#__PURE__*/ c.forwardRef(function(e, t) {
+    var w, g;
+    var ref = K(), d = ref.texts, T = ref.analytics, E = ref.platformOverrides, P = ref.Link, x = ref.useHrefDecorator, C = x(), f = c.useRef(!1);
     var i = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? i = e.trackingEvent : i = [
         e.trackingEvent
     ]);
-    var l = e.children, n = _objectSpread({
-        className: T(b.touchable, e.className),
+    var o = e.children, n = _objectSpread({
+        className: e.className,
         disabled: e.disabled,
         style: e.style,
         role: e.role,
@@ -115,82 +81,92 @@ var z = function(e) {
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, W(e.dataAttributes)), s = e.type ? e.type : "button", r = !!e.href && !!e.newTab, u = !r && !!e.href && !!e.loadOnTop, m = function(a) {
+    }, V(e.dataAttributes)), m = e.type ? e.type : "button", r = !!e.href && !!e.newTab, s = !r && !!e.href && !!e.loadOnTop, u = function(a) {
         e.onPress && e.onPress(a);
     }, h = function() {
         var a;
-        return e.href ? P(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (a = e.to.pathname) != null ? a : "" : "";
+        return e.href ? C(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (a = e.to.pathname) != null ? a : "" : "";
     }, y = function() {
         return Promise.all(i.map(function(a) {
-            return x.logEvent(a);
+            return T.logEvent(a);
         }));
     }, k = function(a) {
-        d.current || (d.current = !0, y().finally(function() {
-            d.current = !1, a();
+        f.current || (f.current = !0, y().finally(function() {
+            f.current = !1, a();
         }));
-    }, N = function(a) {
+    }, R = function(a) {
         if (!i.length) {
-            m(a);
+            u(a);
             return;
         }
         k(function() {
-            return m(a);
+            return u(a);
         });
-    }, A = function(a) {
+    }, D = function(a) {
         !i.length || (a.preventDefault(), k(function() {
-            return z(h(), r, u);
+            return L(h(), r, s);
         }));
-    }, g = function(a) {
-        (a.keyCode === _ || a.keyCode === K) && (a.preventDefault(), a.currentTarget.click());
+    }, v = function(a) {
+        (a.keyCode === B || a.keyCode === S) && (a.preventDefault(), a.currentTarget.click());
     };
-    if (!!e.href || e.to && e.fullPageOnWebView && H(C)) return /* @__PURE__ */ j("a", _objectSpreadProps(_objectSpread({}, n), {
+    if (!!e.href || e.to && e.fullPageOnWebView && j(E)) return /* @__PURE__ */ W("a", _objectSpreadProps(_objectSpread({}, n), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
-        onClick: A,
-        onKeyDown: g,
+        onClick: D,
+        onKeyDown: v,
         href: e.disabled ? void 0 : h(),
         target: function() {
             if (r) return "_blank";
-            if (u) return "_top";
+            if (s) return "_top";
         }(),
         rel: r ? "noopener noreferrer" : void 0,
         ref: t,
         children: [
-            l,
-            r && /* @__PURE__ */ o(I, {
-                children: /* @__PURE__ */ o("span", {
-                    children: c.linkOpensInNewTab
+            o,
+            r && /* @__PURE__ */ l(A, {
+                children: /* @__PURE__ */ l("span", {
+                    children: d.linkOpensInNewTab
                 })
             })
         ]
     }));
-    if (e.to) return /* @__PURE__ */ o(E, _objectSpreadProps(_objectSpread({}, n), {
+    if (e.to) return /* @__PURE__ */ l(P, _objectSpreadProps(_objectSpread({}, n), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
         innerRef: t,
         to: e.disabled ? "" : e.to,
         replace: e.replace,
         onClick: y,
-        onKeyDown: g,
-        children: l
+        onKeyDown: v,
+        children: o
     }));
     if (e.onPress) {
-        var a = (v = e.as) != null ? v : "button", O = (w = n.role) != null ? w : e.as === "a" ? "button" : void 0;
-        return /*#__PURE__*/ f.createElement(a, _objectSpreadProps(_objectSpread({}, n), {
+        var a = (w = e.as) != null ? w : "button", O = (g = n.role) != null ? g : e.as === "a" ? "button" : void 0;
+        return /*#__PURE__*/ c.createElement(a, _objectSpreadProps(_objectSpread({}, n), {
             role: O,
-            form: s === "submit" && e.formId ? e.formId : void 0,
+            form: m === "submit" && e.formId ? e.formId : void 0,
             "aria-label": e["aria-label"],
             "aria-labelledby": e["aria-labelledby"],
-            type: s,
+            type: m,
             ref: t,
-            onClick: N,
-            children: l
+            onClick: R,
+            children: o
         }));
     }
-    return /* @__PURE__ */ o("div", _objectSpreadProps(_objectSpread({}, n), {
+    return /* @__PURE__ */ l("div", _objectSpreadProps(_objectSpread({}, n), {
         ref: t,
-        className: T(n.className, b.notTouchable),
-        children: l
+        className: b(n.className, I),
+        children: o
+    }));
+}), X = /*#__PURE__*/ c.forwardRef(function(e, t) {
+    return /* @__PURE__ */ l(N, _objectSpreadProps(_objectSpread({}, e), {
+        className: b(_, e.className),
+        ref: t
+    }));
+}), Y = /*#__PURE__*/ c.forwardRef(function(e, t) {
+    return /* @__PURE__ */ l(N, _objectSpreadProps(_objectSpread({}, e), {
+        className: b(H, e.className),
+        ref: t
     }));
 });
-export { Q as default };
+export { Y as BaseTouchable, X as default };

package/dist-es/utils/color.js

@@ -12,9 +12,9 @@ var s = function(t) {
     throw Error("Bad color");
 }, n = function(t, r) {
     try {
-        return t.startsWith("var(") ? "rgba(".concat(t.slice(0, -1), "_RAW, ").concat(r, ")") : "rgba(".concat(s(t).join(","), ", ").concat(r, ")");
+        return t.startsWith("var(") ? "rgba(".concat(t, ", ").concat(r, ")") : "rgba(".concat(s(t).join(","), ", ").concat(r, ")");
     } catch (e) {
         return t;
     }
 };
-export { n as applyAlpha };
+export { n as applyAlpha, s as fromHexToRgb };

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

@@ -0,0 +1,3 @@
+import "./sprinkles.css.ts.vanilla.js";
+var y = "_1y2v1nf7d _1y2v1nf9i _1y2v1nf9y _1y2v1nf4q _1y2v1nfb6 _1y2v1nfb7 _1y2v1nfd3";
+export { y as video };