@telefonica/mistica 14.11.0 → 14.12.0

package/dist/dialog.js

@@ -9,32 +9,40 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    alert: ()=>Me,
-    confirm: ()=>Oe,
-    default: ()=>We,
-    dialog: ()=>Ie
+    alert: function() {
+        return De;
+    },
+    confirm: function() {
+        return Re;
+    },
+    default: function() {
+        return Ae;
+    },
+    dialog: function() {
+        return Se;
+    }
 });
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-const _buttonJs = require("./button.js");
-const _portalJs = require("./portal.js");
-const _focusTrapJs = /*#__PURE__*/ _interopRequireDefault(require("./focus-trap.js"));
-const _iconCloseRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular.js"));
-const _iconButtonJs = /*#__PURE__*/ _interopRequireDefault(require("./icon-button.js"));
-const _webviewBridge = require("@tef-novum/webview-bridge");
-const _themeContextJs = /*#__PURE__*/ _interopRequireDefault(require("./theme-context.js"));
-const _hooksJs = require("./hooks.js");
-const _buttonLayoutJs = /*#__PURE__*/ _interopRequireDefault(require("./button-layout.js"));
-const _textJs = require("./text.js");
-const _keyCodesJs = require("./utils/key-codes.js");
-const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
-const _platformJs = require("./utils/platform.js");
-const _modalContextProviderJs = require("./modal-context-provider.js");
-const _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
-const _dialogCssMisticaJs = require("./dialog.css-mistica.js");
-const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-function _interopRequireDefault(obj) {
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _button = require("./button.js");
+const _portal = require("./portal.js");
+const _focustrap = /*#__PURE__*/ _interop_require_default(require("./focus-trap.js"));
+const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-close-regular.js"));
+const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-button.js"));
+const _webviewbridge = require("@tef-novum/webview-bridge");
+const _themecontext = /*#__PURE__*/ _interop_require_default(require("./theme-context.js"));
+const _hooks = require("./hooks.js");
+const _buttonlayout = /*#__PURE__*/ _interop_require_default(require("./button-layout.js"));
+const _text = require("./text.js");
+const _keycodes = require("./utils/key-codes.js");
+const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
+const _platform = require("./utils/platform.js");
+const _modalcontextprovider = require("./modal-context-provider.js");
+const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
+const _dialogcssmistica = require("./dialog.css-mistica.js");
+const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -47,7 +55,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -78,7 +86,7 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -91,7 +99,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -101,7 +109,7 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
@@ -119,7 +127,7 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _objectSpreadProps(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -130,9 +138,9 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-function _objectWithoutProperties(source, excluded) {
+function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var target = _object_without_properties_loose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -145,7 +153,7 @@ function _objectWithoutProperties(source, excluded) {
     }
     return target;
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -157,78 +165,70 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var S = Object.defineProperty;
-var L = (e, n, t)=>n in e ? S(e, n, {
-        enumerable: !0,
-        configurable: !0,
-        writable: !0,
-        value: t
-    }) : e[n] = t;
-var g = (e, n, t)=>(L(e, typeof n != "symbol" ? n + "" : n, t), t);
-const A = (e)=>process.env.NODE_ENV !== "test" && !(0, _platformJs.isRunningAcceptanceTest)(e), re = (e)=>{
-    const { texts: n  } = (0, _hooksJs.useTheme)(), { className: t , title: a , message: c , icon: l , extra: i , cancelText: r = n.dialogCancelButton , acceptText: d = n.dialogAcceptButton , onCancel: u , onAccept: C , showCancel: p = !1 , destructive: h = !1  } = e, x = !!e.forceWeb, m = {
-        onPress: C || (()=>{}),
+const N = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(e), ie = (e)=>{
+    const { texts: t  } = (0, _hooks.useTheme)(), { className: i , title: n , message: c , icon: s , extra: a , cancelText: r = t.dialogCancelButton , acceptText: d = t.dialogAcceptButton , onCancel: u , onAccept: g , showCancel: p = !1 , destructive: h = !1  } = e, v = !!e.forceWeb, m = {
+        onPress: g || (()=>{}),
         dataAttributes: {
             testid: "dialog-accept-button"
         },
         children: d
     };
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
-        className: (0, _classnames.default)(_dialogCssMisticaJs.variants[x ? "dialog" : "default"], t),
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(_dialogcssmistica.variants[v ? "dialog" : "default"], i),
         children: [
-            l && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                    className: _dialogCssMisticaJs.iconContainer,
-                    children: /*#__PURE__*/ _react.cloneElement(l, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: _dialogcssmistica.iconContainer,
+                    children: /*#__PURE__*/ _react.cloneElement(s, {
                         size: "100%"
                     })
                 })
             }),
-            a && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 16,
-                children: e.forceWeb ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text5, {
+                children: e.forceWeb ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
                     as: "h2",
-                    children: a
-                }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text4, {
+                    children: n
+                }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
                     regular: !0,
                     as: "h2",
-                    children: a
+                    children: n
                 })
             }),
-            e.subtitle && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            e.subtitle && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 16,
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text4, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
                     regular: !0,
                     as: "h2",
                     children: e.subtitle
                 })
             }),
-            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                className: _dialogCssMisticaJs.dialogContent,
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: _dialogcssmistica.dialogContent,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 16,
                     children: [
-                        /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
-                            color: _skinContractCssMisticaJs.vars.colors.textSecondary,
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                            color: _skincontractcssmistica.vars.colors.textSecondary,
                             regular: !0,
                             children: c
                         }),
-                        i
+                        a
                     ]
                 })
             }),
-            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                className: _dialogCssMisticaJs.dialogActions,
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_buttonLayoutJs.default, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: _dialogcssmistica.dialogActions,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_buttonlayout.default, {
                     link: e.forceWeb ? e.link : void 0,
                     children: [
-                        h ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonJs.ButtonDanger, _objectSpread({
+                        h ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
                             tabIndex: 1
-                        }, m)) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonJs.ButtonPrimary, _objectSpread({
+                        }, m)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
                             tabIndex: 1
                         }, m)),
-                        p && !!u && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonJs.ButtonSecondary, {
+                        p && !!u && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
                             tabIndex: 2,
                             onPress: u,
                             dataAttributes: {
@@ -241,27 +241,27 @@ const A = (e)=>process.env.NODE_ENV !== "test" && !(0, _platformJs.isRunningAcce
             })
         ]
     });
-}, de = (param)=>{
-    let { showCancel: e , message: n , title: t , acceptText: a , cancelText: c , onAccept: l , onCancel: i  } = param;
-    return e ? (0, _webviewBridge.nativeConfirm)({
-        message: n,
-        title: t,
+}, se = (param)=>{
+    let { showCancel: e , message: t , title: i , acceptText: n , cancelText: c , onAccept: s , onCancel: a  } = param;
+    return e ? (0, _webviewbridge.nativeConfirm)({
+        message: t,
+        title: i,
         cancelText: c,
-        acceptText: a
-    }).then((r)=>r ? l == null ? void 0 : l() : i == null ? void 0 : i()) : (0, _webviewBridge.nativeAlert)({
-        message: n,
-        title: t,
-        buttonText: a
-    }).then(l);
-}, ue = (param)=>{
-    let { renderNative: e , onAccept: n , onCancel: t , acceptText: a , cancelText: c , showCancel: l , message: i , title: r  } = param;
-    const d = _react.useRef(n).current, u = _react.useRef(t).current;
+        acceptText: n
+    }).then((r)=>r ? s == null ? void 0 : s() : a == null ? void 0 : a()) : (0, _webviewbridge.nativeAlert)({
+        message: t,
+        title: i,
+        buttonText: n
+    }).then(s);
+}, le = (param)=>{
+    let { renderNative: e , onAccept: t , onCancel: i , acceptText: n , cancelText: c , showCancel: s , message: a , title: r  } = param;
+    const d = _react.useRef(t).current, u = _react.useRef(i).current;
     _react.useEffect(()=>{
-        e && de({
-            acceptText: a,
+        e && se({
+            acceptText: n,
             cancelText: c,
-            showCancel: l,
-            message: i,
+            showCancel: s,
+            message: a,
             title: r,
             onAccept: d,
             onCancel: u
@@ -269,14 +269,14 @@ const A = (e)=>process.env.NODE_ENV !== "test" && !(0, _platformJs.isRunningAcce
     }, [
         d,
         u,
-        a,
+        n,
         c,
-        l,
-        i,
+        s,
+        a,
         r,
         e
     ]);
-}, he = (e)=>(ue({
+}, ce = (e)=>(le({
         renderNative: !0,
         acceptText: e.acceptText || e.dialogAcceptButton,
         cancelText: e.cancelText || e.dialogCancelButton,
@@ -285,95 +285,95 @@ const A = (e)=>process.env.NODE_ENV !== "test" && !(0, _platformJs.isRunningAcce
         title: e.title,
         onAccept: e.onAccept,
         onCancel: e.onCancel
-    }), null), me = (e)=>{
-    var N;
-    const { platformOverrides: n  } = (0, _hooksJs.useTheme)(), t = _react.useContext(_themeContextJs.default), a = _react.useRef(process.env.NODE_ENV === "test");
-    if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
-    const c = !e.forceWeb && (0, _webviewBridge.isWebViewBridgeAvailable)(), { onAccept: l , isClosing: i , onCancel: r , onCloseTransitionEnd: d  } = e, u = _objectWithoutProperties(e, [
+    }), null), re = (e)=>{
+    const { platformOverrides: t  } = (0, _hooks.useTheme)(), i = _react.useContext(_themecontext.default), n = _react.useRef(process.env.NODE_ENV === "test");
+    if (!i) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
+    const c = !e.forceWeb && (0, _webviewbridge.isWebViewBridgeAvailable)(), { onAccept: s , isClosing: a , onCancel: r , onCloseTransitionEnd: d  } = e, u = _object_without_properties(e, [
         "onAccept",
         "isClosing",
         "onCancel",
         "onCloseTransitionEnd"
-    ]), C = _react.useCallback(()=>{
-        !i && a.current && l();
+    ]), g = _react.useCallback(()=>{
+        !a && n.current && s();
     }, [
-        i,
-        l
+        a,
+        s
     ]), p = _react.useCallback(()=>{
-        !i && a.current && r();
+        !a && n.current && r();
     }, [
-        i,
+        a,
         r
-    ]), h = e.showCancel ? p : C, x = _react.useCallback((f)=>{
+    ]), h = e.showCancel ? p : g, v = _react.useCallback((f)=>{
         e.showClose && (h(), f.stopPropagation());
     }, [
         h,
         e.showClose
     ]), m = _react.useCallback((f)=>{
-        f.keyCode === _keyCodesJs.ESC && (h(), f.stopPropagation(), f.preventDefault());
+        f.keyCode === _keycodes.ESC && (h(), f.stopPropagation(), f.preventDefault());
     }, [
         h
-    ]), B = _react.useCallback(()=>{
+    ]), x = _react.useCallback(()=>{
         document.addEventListener("keydown", m);
     }, [
         m
     ]);
-    _react.useEffect(()=>(A(n) || B(), (c || !A(n)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), ()=>{
+    _react.useEffect(()=>(N(t) || x(), (c || !N(t)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), ()=>{
             document.removeEventListener("keydown", m);
         }), [
-        B,
+        x,
         m,
         e,
         c,
-        n
+        t
     ]);
-    const k = (0, _modalContextProviderJs.useSetModalState)();
-    return _react.useEffect(()=>(k({
+    const B = (0, _modalcontextprovider.useSetModalState)();
+    var _i_texts_modalClose;
+    return _react.useEffect(()=>(B({
             isModalOpen: !0
         }), ()=>{
-            k({
+            B({
                 isModalOpen: !1
             });
         }), [
-        k
-    ]), c ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(he, _objectSpreadProps(_objectSpread({}, e), {
-        dialogAcceptButton: t.texts.dialogAcceptButton,
-        dialogCancelButton: t.texts.dialogCancelButton
-    })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_portalJs.Portal, {
-        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-            className: _dialogCssMisticaJs.wrapper,
-            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_focusTrapJs.default, {
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                    onClick: x,
-                    className: (0, _classnames.default)(_dialogCssMisticaJs.modalOpacityLayer, {
-                        [_dialogCssMisticaJs.closedOpactityLayer]: i
+        B
+    ]), c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(ce, _object_spread_props(_object_spread({}, e), {
+        dialogAcceptButton: i.texts.dialogAcceptButton,
+        dialogCancelButton: i.texts.dialogCancelButton
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            className: _dialogcssmistica.wrapper,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    onClick: v,
+                    className: (0, _classnames.default)(_dialogcssmistica.modalOpacityLayer, {
+                        [_dialogcssmistica.closedOpactityLayer]: a
                     }),
                     role: "dialog",
                     "data-component-name": "Dialog",
-                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         onClick: (f)=>f.stopPropagation(),
-                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
-                            onTransitionEnd: i && d ? d : void 0,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                            onTransitionEnd: a && d ? d : void 0,
                             onAnimationEnd: ()=>{
-                                a.current = !0, B();
+                                n.current = !0, x();
                             },
-                            className: (0, _classnames.default)(_dialogCssMisticaJs.modalContent, {
-                                [_dialogCssMisticaJs.closedModalContent]: i
+                            className: (0, _classnames.default)(_dialogcssmistica.modalContent, {
+                                [_dialogcssmistica.closedModalContent]: a
                             }),
                             children: [
-                                e.showClose && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                                    className: _dialogCssMisticaJs.modalCloseButtonContainer,
-                                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
+                                e.showClose && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                    className: _dialogcssmistica.modalCloseButtonContainer,
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
                                         onPress: h,
-                                        "aria-label": (N = t.texts.modalClose) != null ? N : t.texts.closeButtonLabel,
-                                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconCloseRegularJs.default, {
-                                            color: _skinContractCssMisticaJs.vars.colors.neutralHigh
+                                        "aria-label": (_i_texts_modalClose = i.texts.modalClose) !== null && _i_texts_modalClose !== void 0 ? _i_texts_modalClose : i.texts.closeButtonLabel,
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
+                                            color: _skincontractcssmistica.vars.colors.neutralHigh
                                         })
                                     })
                                 }),
-                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(re, _objectSpreadProps(_objectSpread({}, u), {
+                                /* @__PURE__ */ (0, _jsxruntime.jsx)(ie, _object_spread_props(_object_spread({}, u), {
                                     onCancel: p,
-                                    onAccept: C
+                                    onAccept: g
                                 }))
                             ]
                         })
@@ -383,13 +383,13 @@ const A = (e)=>process.env.NODE_ENV !== "test" && !(0, _platformJs.isRunningAcce
         })
     });
 };
-let v = null, w = 0;
-class We extends _react.Component {
+let b = null, C = 0;
+class Ae extends _react.Component {
     componentDidMount() {
-        w++, w === 1 && (v = this, window.addEventListener("popstate", this.handleBack));
+        C++, C === 1 && (b = this, window.addEventListener("popstate", this.handleBack));
     }
     componentWillUnmount() {
-        w--, w === 0 && (v = null, window.removeEventListener("popstate", this.handleBack));
+        C--, C === 0 && (b = null, window.removeEventListener("popstate", this.handleBack));
     }
     show(t) {
         if (this.state.dialogProps) throw Error("Tried to show a dialog on top of another dialog. This functionality is not currently supported.");
@@ -412,68 +412,64 @@ class We extends _react.Component {
         };
     }
     render() {
-        const { isClosing: t , dialogProps: a  } = this.state;
-        let c = null;
-        if (a && this.state.instanceNumber === 1) {
-            const { onCancel: l , onAccept: i  } = a, r = _objectWithoutProperties(a, [
+        const { isClosing: t , dialogProps: i  } = this.state;
+        let n = null;
+        if (i && this.state.instanceNumber === 1) {
+            const { onCancel: c , onAccept: s  } = i, a = _object_without_properties(i, [
                 "onCancel",
                 "onAccept"
             ]);
-            c = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(me, _objectSpread({
-                onCancel: this.createCancelHandler(l),
-                onAccept: this.createAcceptHandler(i),
+            n = /* @__PURE__ */ (0, _jsxruntime.jsx)(re, _object_spread({
+                onCancel: this.createCancelHandler(c),
+                onAccept: this.createAcceptHandler(s),
                 isClosing: t,
                 onCloseTransitionEnd: t ? this.handleCloseFinished : void 0
-            }, r));
+            }, a));
         }
-        return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
+        return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
                 this.props.children,
-                c
+                n
             ]
         });
     }
     constructor(){
-        super(...arguments);
-        g(this, "state", {
+        super(...arguments), this.state = {
             dialogProps: null,
             isClosing: !1,
-            instanceNumber: w + 1
-        });
-        g(this, "callback", null);
-        g(this, "handleCloseFinished", ()=>{
+            instanceNumber: C + 1
+        }, this.callback = null, this.handleCloseFinished = ()=>{
             this.setState({
                 dialogProps: null,
                 isClosing: !1
             });
-        });
-        g(this, "handleBack", ()=>{
+        }, this.handleBack = ()=>{
             var t;
             this.state.dialogProps && ((t = this.callback) == null || t.call(this), this.callback = null, this.setState({
                 isClosing: !0
             }));
-        });
+        };
     }
 }
-const y = (param)=>{
-    let { showCancel: e , showClose: n , forceWeb: t  } = param;
-    return (a)=>{
-        if (!v) throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
-        v.show(_objectSpread({
+const T = (param)=>{
+    let { showCancel: e , showClose: t , forceWeb: i  } = param;
+    return (n)=>{
+        if (!b) throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
+        b.show(_object_spread({
             showCancel: e,
-            showClose: n,
-            forceWeb: t
-        }, a));
+            showClose: t,
+            forceWeb: i
+        }, n));
     };
-}, Me = y({
+}, De = T({
     showCancel: !1,
     forceWeb: !1,
     showClose: !1
-}), Oe = y({
+}), Re = T({
     showCancel: !0,
     forceWeb: !1,
     showClose: !1
-}), Ie = y({
+}), Se = T({
     showCancel: !1,
     forceWeb: !0,
     showClose: !0

package/dist/divider.css-mistica.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "variants", {
     enumerable: true,
-    get: ()=>r
+    get: function() {
+        return r;
+    }
 });
-require("./divider.css.ts.vanilla.js");
+require("./divider.css.ts.vanilla.css-mistica.js");
 var r = {
     default: "o0dvt10",
     inverse: "o0dvt11"

package/dist/divider.css.ts.vanilla.css-mistica.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return s;
+    }
+});
+const s = "";

package/dist/divider.js

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>n
+    get: function() {
+        return m;
+    }
 });
-const _themeVariantContextJs = require("./theme-variant-context.js");
-const _dividerCssMisticaJs = require("./divider.css-mistica.js");
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-const n = ()=>{
-    const r = (0, _themeVariantContextJs.useIsInverseVariant)();
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-        className: _dividerCssMisticaJs.variants[r ? "inverse" : "default"]
+const _jsxruntime = require("react/jsx-runtime");
+const _themevariantcontext = require("./theme-variant-context.js");
+const _dividercssmistica = require("./divider.css-mistica.js");
+const t = ()=>{
+    const r = (0, _themevariantcontext.useIsInverseVariant)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        className: _dividercssmistica.variants[r ? "inverse" : "default"]
     });
-};
+}, m = t;

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

@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "variants", {
     enumerable: true,
-    get: ()=>n
+    get: function() {
+        return n;
+    }
 });
-require("./sprinkles.css.ts.vanilla.js");
-require("./text-field-components.css.ts.vanilla.js");
-require("./double-field.css.ts.vanilla.js");
+require("./sprinkles.css.ts.vanilla.css-mistica.js");
+require("./text-field-components.css.ts.vanilla.css-mistica.js");
+require("./double-field.css.ts.vanilla.css-mistica.js");
 var n = {
     default: "skrulh1 _1y2v1nf64 _1y2v1nf69 _1y2v1nf8b",
     fullWidth: "skrulh2 _1y2v1nf64 _1y2v1nf69 _1y2v1nf8b"

package/dist/{double-field.css.ts.vanilla.js → double-field.css.ts.vanilla.css-mistica.js}

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>l
+    get: function() {
+        return l;
+    }
 });
 const l = "";