@telefonica/mistica 12.9.1 → 12.10.0

package/dist/touchable.js

@@ -2,16 +2,24 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return Q;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    BaseTouchable: function() {
+        return Y;
+    },
+    default: function() {
+        return X;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
 var _screenReaderOnlyJs = /*#__PURE__*/ _interopRequireDefault(require("./screen-reader-only.js"));
-var _jssJs = require("./jss.js");
+var _touchableCssMisticaJs = require("./touchable.css-mistica.js");
 var _hooksJs = require("./hooks.js");
 var _platformJs = require("./utils/platform.js");
 var _keyCodesJs = require("./utils/key-codes.js");
@@ -113,52 +121,18 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-var z = function z(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 = (0, _jssJs.createUseStyles)(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__*/ _react.forwardRef(function(e, t) {
-    var v, w;
-    var ref = (0, _hooksJs.useTheme)(), c = ref.texts, x = ref.analytics, C = ref.platformOverrides, E = ref.Link, D = ref.useHrefDecorator, P = D(), b = V(), d = _react.useRef(!1);
+var L = function L(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__*/ _react.forwardRef(function(e, t) {
+    var w, g;
+    var ref = (0, _hooksJs.useTheme)(), d = ref.texts, T = ref.analytics, E = ref.platformOverrides, P = ref.Link, x = ref.useHrefDecorator, C = x(), f = _react.useRef(!1);
     var i = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? i = e.trackingEvent : i = [
         e.trackingEvent
     ]);
-    var l = e.children, n = _objectSpread({
-        className: (0, _classnames.default)(b.touchable, e.className),
+    var o = e.children, n = _objectSpread({
+        className: e.className,
         disabled: e.disabled,
         style: e.style,
         role: e.role,
@@ -169,81 +143,91 @@ var z = function z(e) {
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, (0, _domJs.getPrefixedDataAttributes)(e.dataAttributes)), s = e.type ? e.type : "button", r = !!e.href && !!e.newTab, u = !r && !!e.href && !!e.loadOnTop, m = function m(a) {
+    }, (0, _domJs.getPrefixedDataAttributes)(e.dataAttributes)), m = e.type ? e.type : "button", r = !!e.href && !!e.newTab, s = !r && !!e.href && !!e.loadOnTop, u = function u(a) {
         e.onPress && e.onPress(a);
     }, h = function h() {
         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 y() {
         return Promise.all(i.map(function(a) {
-            return x.logEvent(a);
+            return T.logEvent(a);
         }));
     }, k = function k(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 N(a) {
+    }, R = function R(a) {
         if (!i.length) {
-            m(a);
+            u(a);
             return;
         }
         k(function() {
-            return m(a);
+            return u(a);
         });
-    }, A = function A(a) {
+    }, D = function D(a) {
         !i.length || (a.preventDefault(), k(function() {
-            return z(h(), r, u);
+            return L(h(), r, s);
         }));
-    }, g = function g(a) {
+    }, v = function v(a) {
         (a.keyCode === _keyCodesJs.ENTER || a.keyCode === _keyCodesJs.SPACE) && (a.preventDefault(), a.currentTarget.click());
     };
-    if (!!e.href || e.to && e.fullPageOnWebView && (0, _platformJs.isInsideNovumNativeApp)(C)) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("a", _objectSpreadProps(_objectSpread({}, n), {
+    if (!!e.href || e.to && e.fullPageOnWebView && (0, _platformJs.isInsideNovumNativeApp)(E)) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("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,
+            o,
             r && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_screenReaderOnlyJs.default, {
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("span", {
-                    children: c.linkOpensInNewTab
+                    children: d.linkOpensInNewTab
                 })
             })
         ]
     }));
-    if (e.to) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(E, _objectSpreadProps(_objectSpread({}, n), {
+    if (e.to) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(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;
+        var a = (w = e.as) != null ? w : "button", O = (g = n.role) != null ? g : e.as === "a" ? "button" : void 0;
         return /*#__PURE__*/ _react.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__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({}, n), {
         ref: t,
-        className: (0, _classnames.default)(n.className, b.notTouchable),
-        children: l
+        className: (0, _classnames.default)(n.className, _touchableCssMisticaJs.notTouchable),
+        children: o
+    }));
+}), X = /*#__PURE__*/ _react.forwardRef(function(e, t) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(N, _objectSpreadProps(_objectSpread({}, e), {
+        className: (0, _classnames.default)(_touchableCssMisticaJs.touchable, e.className),
+        ref: t
+    }));
+}), Y = /*#__PURE__*/ _react.forwardRef(function(e, t) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(N, _objectSpreadProps(_objectSpread({}, e), {
+        className: (0, _classnames.default)(_touchableCssMisticaJs.base, e.className),
+        ref: t
     }));
 });

package/dist/touchable.js.flow

@@ -77,6 +77,7 @@ export type TouchableElement =
   | HTMLAnchorElement
   | HTMLButtonElement;
 declare var Touchable: React.AbstractComponent<Props, TouchableElement>;
+declare export var BaseTouchable: React.AbstractComponent<Props, TouchableElement>;
 declare export default typeof Touchable;
 
 import { type CssStyle } from "./__css_types__.js.flow";

package/dist/utils/color.d.ts

@@ -1 +1,7 @@
+export declare const fromHexToRgb: (hexColor: string) => [number, number, number];
+/**
+ * @param color hex color or css variable with rgb components
+ * @param alpha the alpha value to apply
+ * @returns The same color with the alpha channel applied
+ */
 export declare const applyAlpha: (color: string, alpha: number) => string;

package/dist/utils/color.js

@@ -2,10 +2,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "applyAlpha", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    applyAlpha: function() {
         return n;
+    },
+    fromHexToRgb: function() {
+        return s;
     }
 });
 var s = function s(t) {
@@ -22,7 +30,7 @@ var s = function s(t) {
     throw Error("Bad color");
 }, n = function n(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;
     }

package/dist/utils/color.js.flow

@@ -1,3 +1,9 @@
 // @flow
 
+declare export var fromHexToRgb: (hexColor: string) => [number, number, number];
+/**
+ * @param color hex color or css variable with rgb components
+ * @param alpha the alpha value to apply
+ * @returns The same color with the alpha channel applied
+ */
 declare export var applyAlpha: (color: string, alpha: number) => string;

package/dist/utils/utility-types.js.flow

@@ -0,0 +1,3 @@
+// @flow
+
+export type ExclusifyUnion<T> = T;

package/dist/video.css-mistica.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "video", {
+    enumerable: true,
+    get: function() {
+        return f;
+    }
+});
+require("./sprinkles.css.ts.vanilla.js");
+var f = "_1y2v1nf7d _1y2v1nf9h _1y2v1nf9x _1y2v1nf4q _1y2v1nfb4 _1y2v1nfb5 _1y2v1nfd0";

package/dist/video.css.d.ts

@@ -0,0 +1 @@
+export declare const video: string;

package/dist/video.css.js.flow

@@ -0,0 +1,3 @@
+// @flow
+
+declare export var video: string;

package/dist/video.d.ts

@@ -18,7 +18,7 @@ export declare type VideoProps = {
     /** defaults to 1:1, if both width and height are given, aspectRatio is ignored. To use original video proportions, set aspectRatio to 0 */
     aspectRatio?: AspectRatio | number;
     /** accepts multiple sources */
-    src: string | Array<string> | VideoSource | Array<VideoSource>;
+    src: string | ReadonlyArray<string> | VideoSource | ReadonlyArray<VideoSource>;
     /** defaults to true */
     loop?: boolean;
     /** defaults to true */

package/dist/video.js

@@ -10,19 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     RATIO: function() {
-        return x;
+        return F;
     },
     default: function() {
-        return J;
+        return j;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _imageJs = require("./image.js");
-var _jssJs = require("./jss.js");
 var _aspectRatioSupportJs = require("./utils/aspect-ratio-support.js");
 var _commonJs = require("./utils/common.js");
 var _domJs = require("./utils/dom.js");
 var _platformJs = require("./utils/platform.js");
+var _videoCssMisticaJs = require("./video.css-mistica.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -142,25 +142,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var x = {
+var F = {
     "1:1": 1,
     "16:9": 16 / 9,
     "12:5": 12 / 5,
     "4:3": 4 / 3
-}, N = (0, _jssJs.createUseStyles)(function() {
-    return {
-        video: {
-            width: "100%",
-            height: "100%",
-            background: "transparent",
-            display: "block",
-            objectFit: "cover",
-            maxWidth: "100%",
-            maxHeight: "100%"
-        }
-    };
-}), P = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", J = /*#__PURE__*/ _react.forwardRef(function(_param, l) {
-    var r = _param.src, i = _param.poster, tmp = _param.autoPlay, o = tmp === void 0 ? !(0, _platformJs.isRunningAcceptanceTest)() : tmp, tmp1 = _param.muted, d = tmp1 === void 0 ? !0 : tmp1, tmp2 = _param.loop, m = tmp2 === void 0 ? !0 : tmp2, tmp3 = _param.preload, u = tmp3 === void 0 ? "none" : tmp3, tmp4 = _param.aspectRatio, s = tmp4 === void 0 ? "1:1" : tmp4, f = _param.dataAttributes, n = _objectWithoutProperties(_param, [
+}, N = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ _react.forwardRef(function(_param, l) {
+    var t = _param.src, i = _param.poster, tmp = _param.autoPlay, o = tmp === void 0 ? !(0, _platformJs.isRunningAcceptanceTest)() : tmp, tmp1 = _param.muted, d = tmp1 === void 0 ? !0 : tmp1, tmp2 = _param.loop, m = tmp2 === void 0 ? !0 : tmp2, tmp3 = _param.preload, u = tmp3 === void 0 ? "none" : tmp3, tmp4 = _param.aspectRatio, A = tmp4 === void 0 ? "1:1" : tmp4, f = _param.dataAttributes, n = _objectWithoutProperties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -170,15 +158,15 @@ var x = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    var h = (0, _imageJs.useDisableBorderRadius)(), g = typeof s == "number" ? s : x[s], p = N(), a = _react.useRef(null);
+    var R = (0, _imageJs.useDisableBorderRadius)(), p = typeof A == "number" ? A : F[A], a = _react.useRef(null);
     _react.useEffect(function() {
         var e = a.current;
         e && o && e.paused && e.play();
     }, [
         o
     ]);
-    var R = (Array.isArray(r) ? r : [
-        r
+    var g = (Array.isArray(t) ? t : [
+        t
     ]).map(function(e) {
         return typeof e == "string" ? {
             src: e
@@ -191,23 +179,23 @@ var x = {
         autoPlay: o,
         muted: d,
         loop: m,
-        className: p.video,
+        className: _videoCssMisticaJs.video,
         preload: u,
-        poster: i || P
+        poster: i || N
     }, (0, _domJs.getPrefixedDataAttributes)(f)), {
         style: {
-            borderRadius: h ? 0 : 8
+            borderRadius: R ? 0 : 8
         },
-        children: R.map(function(param, v) {
-            var e = param.src, b = param.type;
+        children: g.map(function(param, b) {
+            var e = param.src, h = param.type;
             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("source", {
                 src: e,
-                type: b
-            }, v);
+                type: h
+            }, b);
         })
     }));
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_aspectRatioSupportJs.AspectRatioElement, {
-        aspectRatio: g,
+        aspectRatio: p,
         width: n.width,
         height: n.height,
         children: (0, _platformJs.isSafari)() ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {

package/dist/video.js.flow

@@ -26,7 +26,11 @@ export type VideoProps = {
  /**
   * accepts multiple sources
   */
- src: string | Array<string> | VideoSource | Array<VideoSource>,
+ src:
+   | string
+   | $ReadOnlyArray<string>
+   | VideoSource
+   | $ReadOnlyArray<VideoSource>,
  /**
   * defaults to true
   */

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

@@ -1,4 +1,3 @@
 import "./sprinkles.css.ts.vanilla.js";
-import "./avatar.css.ts.vanilla.js";
-var f = "_1y2v1nf8m _1y2v1nf4v _1y2v1nf5a _1y2v1nf54 _1y2v1nf8s", r = "f1g4uj1";
-export { f as avatar, r as image };
+var a = "_1y2v1nfb8 _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfbe", f = "_1y2v1nfd0";
+export { a as avatar, f as image };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./badge.css.ts.vanilla.js";
-var _ = "_17szrmd2 _1y2v1nf74 _1y2v1nf7i _1y2v1nf3h", n = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf74 _1y2v1nf7i _1y2v1nf3h _1y2v1nf4v _1y2v1nf5a _1y2v1nf54 _1y2v1nf1j", y = "_1y2v1nf4r", a = "_1y2v1nf4q _1y2v1nf4z";
-export { _ as badge, n as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };
+var n = "_17szrmd2 _1y2v1nf9m _1y2v1nfa1 _1y2v1nf5w", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf9m _1y2v1nfa1 _1y2v1nf5w _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nf1j", y = "_1y2v1nf77", a = "_1y2v1nf76 _1y2v1nf7f";
+export { n as badge, r as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };

package/dist-es/box.js

@@ -50,34 +50,28 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import * as n from "react";
-import { createUseStyles as u } from "./jss.js";
-import $ from "classnames";
-import { getPrefixedDataAttributes as w } from "./utils/dom.js";
-import { jsx as h } from "./_virtual/jsx-runtime.js";
-var y = u(function() {
-    return {
-        box: {
-            padding: function(t) {
-                return t.padding;
-            },
-            width: function(t) {
-                return t.width;
-            }
-        }
-    };
-}), v = /*#__PURE__*/ n.forwardRef(function(param, d) {
-    var t = param.className, s = param.children, o = param.width, tmp = param.padding, e = tmp === void 0 ? 0 : tmp, tmp1 = param.paddingX, r = tmp1 === void 0 ? e : tmp1, tmp2 = param.paddingY, a = tmp2 === void 0 ? e : tmp2, tmp3 = param.paddingTop, i = tmp3 === void 0 ? a : tmp3, tmp4 = param.paddingBottom, m = tmp4 === void 0 ? a : tmp4, tmp5 = param.paddingLeft, l = tmp5 === void 0 ? r : tmp5, tmp6 = param.paddingRight, p = tmp6 === void 0 ? r : tmp6, x = param.role, f = param.dataAttributes, c = param["aria-label"];
-    var b = y({
-        padding: "".concat(i, "px ").concat(p, "px ").concat(m, "px ").concat(l, "px"),
-        width: o
-    });
-    return /* @__PURE__ */ h("div", _objectSpreadProps(_objectSpread({}, w(f)), {
-        className: $(t, b.box),
-        role: x,
+import * as u from "react";
+import n from "classnames";
+import { sprinkles as R } from "./sprinkles.css-mistica.js";
+import { getPrefixedDataAttributes as j } from "./utils/dom.js";
+import { jsx as k } from "./_virtual/jsx-runtime.js";
+var A = /*#__PURE__*/ u.forwardRef(function(param, p) {
+    var t = param.className, a = param.children, s = param.width, tmp = param.padding, r = tmp === void 0 ? 0 : tmp, tmp1 = param.paddingX, o = tmp1 === void 0 ? r : tmp1, tmp2 = param.paddingY, e = tmp2 === void 0 ? r : tmp2, tmp3 = param.paddingTop, m = tmp3 === void 0 ? e : tmp3, tmp4 = param.paddingBottom, i = tmp4 === void 0 ? e : tmp4, tmp5 = param.paddingLeft, f = tmp5 === void 0 ? o : tmp5, tmp6 = param.paddingRight, l = tmp6 === void 0 ? o : tmp6, b = param.role, x = param.dataAttributes, c = param["aria-label"];
+    return /* @__PURE__ */ k("div", _objectSpreadProps(_objectSpread({}, j(x)), {
+        role: b,
         "aria-label": c,
-        ref: d,
-        children: s
+        ref: p,
+        className: n(t, R({
+            paddingTop: m,
+            paddingBottom: i,
+            paddingLeft: f,
+            paddingRight: l
+        })),
+        style: {
+            width: s,
+            boxSizing: "border-box"
+        },
+        children: a
     }));
 });
-export { v as default };
+export { A as default };

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

@@ -0,0 +1,3 @@
+import "./boxed.css.ts.vanilla.js";
+var e = "ihbkeq0";
+export { e as inverseBorder };

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

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

package/dist-es/boxed.js

@@ -50,44 +50,38 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import * as f from "react";
+import * as c from "react";
 import u from "classnames";
-import { createUseStyles as b } from "./jss.js";
-import { useIsInverseVariant as c, ThemeVariant as l } from "./theme-variant-context.js";
-import { getPrefixedDataAttributes as p } from "./utils/dom.js";
-import { jsx as t } from "./_virtual/jsx-runtime.js";
-var x = b(function(param) {
-    var r = param.colors, a = param.isDarkMode;
-    return {
-        boxed: {
-            background: function(param) {
-                var e = param.isInverseInside;
-                return e && !a ? r.backgroundBrand : r.backgroundContainer;
-            },
-            border: function(param) {
-                var e = param.isInverseOutside, o = param.isInverseInside;
-                return e && !o ? "1px solid ".concat(r.backgroundContainer) : o ? "none" : "1px solid ".concat(r.border);
-            },
-            borderRadius: 8,
-            overflow: "hidden"
-        }
-    };
-}), w = /*#__PURE__*/ f.forwardRef(function(param, i) {
-    var r = param.children, tmp = param.isInverse, a = tmp === void 0 ? !1 : tmp, e = param.className, o = param.role, n = param.dataAttributes, s = param["aria-label"];
-    var d = c(), m = x({
-        isInverseOutside: d,
-        isInverseInside: a
+import { useIsInverseVariant as p, ThemeVariant as b } from "./theme-variant-context.js";
+import { getPrefixedDataAttributes as g } from "./utils/dom.js";
+import { vars as t } from "./skins/skin-contract.css-mistica.js";
+import { useTheme as k } from "./hooks.js";
+import { inverseBorder as v } from "./boxed.css-mistica.js";
+import { sprinkles as e } from "./sprinkles.css-mistica.js";
+import { jsx as a } from "./_virtual/jsx-runtime.js";
+var h = function(o, r) {
+    return o && !r ? v : r ? e({
+        border: "none"
+    }) : e({
+        border: "regular"
     });
-    return /* @__PURE__ */ t("div", _objectSpreadProps(_objectSpread({
-        ref: i,
-        className: u(e, m.boxed),
-        role: o
-    }, p(n)), {
-        "aria-label": s,
-        children: /* @__PURE__ */ t(l, {
-            isInverse: a,
-            children: r
+}, j = /*#__PURE__*/ c.forwardRef(function(param, d) {
+    var o = param.children, tmp = param.isInverse, r = tmp === void 0 ? !1 : tmp, i = param.className, s = param.role, m = param.dataAttributes, n = param["aria-label"];
+    var ref = k(), f = ref.isDarkMode, l = p();
+    return /* @__PURE__ */ a("div", _objectSpreadProps(_objectSpread({
+        ref: d,
+        className: u(i, h(l, r), e({
+            borderRadius: 8,
+            overflow: "hidden",
+            backgroundColor: r && !f ? t.colors.backgroundBrand : t.colors.backgroundContainer
+        })),
+        role: s
+    }, g(m)), {
+        "aria-label": n,
+        children: /* @__PURE__ */ a(b, {
+            isInverse: r,
+            children: o
         })
     }));
 });
-export { w as Boxed };
+export { j as Boxed };

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

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./button-group.css.ts.vanilla.js";
+var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf7c _1y2v1nf7q _1y2v1nf7g";
+export { r as buttonChild, t as buttons, v as container, _ as inline };

package/dist-es/button-group.css.ts.vanilla.js

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