@semcore/modal 16.0.0-prerelease.4 → 16.0.0-prerelease.7

package/lib/esm/Modal.mjs

@@ -1,193 +1,223 @@
-import f from "@babel/runtime/helpers/esm/objectSpread2";
-import S from "@babel/runtime/helpers/esm/classCallCheck";
-import P from "@babel/runtime/helpers/esm/createClass";
-import d from "@babel/runtime/helpers/esm/assertThisInitialized";
-import w from "@babel/runtime/helpers/esm/inherits";
-import k from "@babel/runtime/helpers/esm/createSuper";
-import g from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as u, createComponent as T, assignProps as p, Component as O } from "@semcore/core";
-import n from "react";
-import { Slide as E, FadeInOut as I } from "@semcore/animation";
-import W, { PortalProvider as z } from "@semcore/portal";
-import x from "@semcore/button";
-import M from "@semcore/outside-click";
-import D from "@semcore/icon/Close/l";
-import b from "@semcore/core/lib/utils/fire";
-import R from "@semcore/core/lib/utils/use/usePreventScroll";
-import { isAdvanceMode as A } from "@semcore/core/lib/utils/findComponent";
-import { localizedMessages as y } from "./translations/__intergalactic-dynamic-locales.mjs";
-import H from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { Text as N } from "@semcore/typography";
-import $ from "@semcore/core/lib/utils/uniqueID";
-import { cssVariableEnhance as K } from "@semcore/core/lib/utils/useCssVariable";
-import { useFocusLock as Z } from "@semcore/core/lib/utils/use/useFocusLock";
-import { useContextTheme as j } from "@semcore/core/lib/utils/ThemeProvider";
-import { useColorResolver as F } from "@semcore/core/lib/utils/use/useColorResolver";
-import { ZIndexStackingContextProvider as q, useZIndexStacking as B } from "@semcore/core/lib/utils/zIndexStacking";
-var L = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
+import React from "react";
+import { Slide, FadeInOut } from "@semcore/animation";
+import Portal, { PortalProvider } from "@semcore/portal";
+import Button from "@semcore/button";
+import OutsideClick from "@semcore/outside-click";
+import CloseIcon from "@semcore/icon/Close/l";
+import fire from "@semcore/core/lib/utils/fire";
+import usePreventScroll from "@semcore/core/lib/utils/use/usePreventScroll";
+import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import { Text } from "@semcore/typography";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
+import { useFocusLock } from "@semcore/core/lib/utils/use/useFocusLock";
+import { useContextTheme } from "@semcore/core/lib/utils/ThemeProvider";
+import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
+import { ZIndexStackingContextProvider, useZIndexStacking } from "@semcore/core/lib/utils/zIndexStacking";
+var style = (
   /*__reshadow_css_start__*/
-  (u.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SWindow_1galp_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1galp_gg_:focus{outline:0}.___SWindow_1galp_gg_ .___STitle_1galp_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1galp_gg_ .___STitle_1galp_gg_.__color_1galp_gg_{color:var(--color_1galp)}.___SWindow_1galp_gg_ .___SClose_1galp_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1galp_gg_ .___SClose_1galp_gg_.__ghost_1galp_gg_{right:0;top:0}.___SWindow_1galp_gg_.__ghost_1galp_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1galp_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_1galp_gg_ .___SOverlay_1galp_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1galp_gg_{min-width:60%}.___SOverlay_1galp_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
     "1galp_gg_"
   ), {
-    __SWindow: "___SWindow_1galp_gg_",
-    _ghost: "__ghost_1galp_gg_",
-    __SOverlay: "___SOverlay_1galp_gg_",
-    __STitle: "___STitle_1galp_gg_",
-    _color: "__color_1galp_gg_",
+    "__SWindow": "___SWindow_1galp_gg_",
+    "_ghost": "__ghost_1galp_gg_",
+    "__SOverlay": "___SOverlay_1galp_gg_",
+    "__STitle": "___STitle_1galp_gg_",
+    "_color": "__color_1galp_gg_",
     "--color": "--color_1galp",
-    __SClose: "___SClose_1galp_gg_"
+    "__SClose": "___SClose_1galp_gg_"
   })
-), v = /* @__PURE__ */ function(r) {
-  w(a, r);
-  var c = k(a);
-  function a() {
-    var l;
-    S(this, a);
-    for (var e = arguments.length, i = new Array(e), t = 0; t < e; t++)
-      i[t] = arguments[t];
-    return l = c.call.apply(c, [this].concat(i)), g(d(l), "state", {
-      hasTitle: !1
-    }), g(d(l), "handleKeyDown", function(o) {
-      o.key === "Escape" && (o.stopPropagation(), b(d(l), "onClose", "onEscape", o));
-    }), g(d(l), "handleIconCloseClick", function(o) {
-      b(d(l), "onClose", "onCloseClick", o);
-    }), g(d(l), "handleOutsideClick", function(o) {
-      b(d(l), "onClose", "onOutsideClick", o);
-    }), l;
+);
+var ModalRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(ModalRoot2, _Component);
+  var _super = _createSuper(ModalRoot2);
+  function ModalRoot2() {
+    var _this;
+    _classCallCheck(this, ModalRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      hasTitle: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(e) {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        fire(_assertThisInitialized(_this), "onClose", "onEscape", e);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleIconCloseClick", function(e) {
+      fire(_assertThisInitialized(_this), "onClose", "onCloseClick", e);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleOutsideClick", function(e) {
+      fire(_assertThisInitialized(_this), "onClose", "onOutsideClick", e);
+    });
+    return _this;
   }
-  return P(a, [{
+  _createClass(ModalRoot2, [{
     key: "getOverlayProps",
-    value: function() {
-      var e = this.asProps, i = e.duration, t = e.visible, o = e.animationsDisabled, s = e.disablePreventScroll;
+    value: function getOverlayProps() {
+      var _this$asProps = this.asProps, duration = _this$asProps.duration, visible = _this$asProps.visible, animationsDisabled = _this$asProps.animationsDisabled, disablePreventScroll = _this$asProps.disablePreventScroll;
       return {
-        duration: i,
-        visible: t,
+        duration,
+        visible,
         onOutsideClick: this.handleOutsideClick,
-        animationsDisabled: o,
-        disablePreventScroll: s
+        animationsDisabled,
+        disablePreventScroll
       };
     }
   }, {
     key: "getWindowProps",
-    value: function() {
-      var e = this.asProps, i = e.visible, t = e.closable, o = e.getI18nText, s = e.uid, _ = e.duration, h = e.animationsDisabled, C = this.state.hasTitle;
+    value: function getWindowProps() {
+      var _this$asProps2 = this.asProps, visible = _this$asProps2.visible, closable = _this$asProps2.closable, getI18nText = _this$asProps2.getI18nText, uid = _this$asProps2.uid, duration = _this$asProps2.duration, animationsDisabled = _this$asProps2.animationsDisabled;
+      var hasTitle = this.state.hasTitle;
       return {
-        visible: i,
-        closable: t,
+        visible,
+        closable,
         onKeyDown: this.handleKeyDown,
-        "aria-label": C ? void 0 : o("title"),
-        "aria-labelledby": C ? "igc-".concat(s, "-title") : void 0,
-        duration: _,
-        animationsDisabled: h
+        "aria-label": hasTitle ? void 0 : getI18nText("title"),
+        "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : void 0,
+        duration,
+        animationsDisabled
       };
     }
   }, {
     key: "getCloseProps",
-    value: function() {
-      var e = this.asProps, i = e.getI18nText, t = e.ghost;
+    value: function getCloseProps() {
+      var _this$asProps3 = this.asProps, getI18nText = _this$asProps3.getI18nText, ghost = _this$asProps3.ghost;
       return {
         onClick: this.handleIconCloseClick,
-        getI18nText: i,
-        ghost: t
+        getI18nText,
+        ghost
       };
     }
   }, {
     key: "getTitleProps",
-    value: function() {
-      var e = this, i = this.asProps.uid, t = function() {
-        return e.setState({
-          hasTitle: !0
+    value: function getTitleProps() {
+      var _this2 = this;
+      var uid = this.asProps.uid;
+      var setHasTitle = function setHasTitle2() {
+        return _this2.setState({
+          hasTitle: true
         });
       };
       return {
-        id: "igc-".concat(i, "-title"),
-        setHasTitle: t
+        id: "igc-".concat(uid, "-title"),
+        setHasTitle
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, i = this.asProps, t = i.Children, o = i.disablePortal, s = i.forcedAdvancedMode, _ = i.ignorePortalsStacking, h = s || A(t, [m.Overlay.displayName, m.Window.displayName]);
-      return /* @__PURE__ */ n.createElement(W, {
-        disablePortal: o,
-        ignorePortalsStacking: _
-      }, h ? /* @__PURE__ */ n.createElement(t, null) : /* @__PURE__ */ n.createElement(m.Overlay, null, /* @__PURE__ */ n.createElement(m.Window, p({}, e))));
+    value: function render() {
+      var _ref = this.asProps;
+      var _this$asProps4 = this.asProps, Children = _this$asProps4.Children, disablePortal = _this$asProps4.disablePortal, forcedAdvancedMode = _this$asProps4.forcedAdvancedMode, ignorePortalsStacking = _this$asProps4.ignorePortalsStacking;
+      var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);
+      return /* @__PURE__ */ React.createElement(Portal, {
+        disablePortal,
+        ignorePortalsStacking
+      }, advancedMode ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(Modal.Overlay, null, /* @__PURE__ */ React.createElement(Modal.Window, assignProps({}, _ref))));
     }
-  }]), a;
-}(O);
-g(v, "displayName", "Modal");
-g(v, "style", L);
-g(v, "enhance", [H(y), $(), K({
+  }]);
+  return ModalRoot2;
+}(Component);
+_defineProperty(ModalRoot, "displayName", "Modal");
+_defineProperty(ModalRoot, "style", style);
+_defineProperty(ModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement(), cssVariableEnhance({
   variable: "--intergalactic-duration-modal",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
 })]);
-g(v, "defaultProps", {
-  closable: !0,
-  i18n: y,
+_defineProperty(ModalRoot, "defaultProps", {
+  closable: true,
+  i18n: localizedMessages,
   locale: "en",
-  disablePreventScroll: !1
+  disablePreventScroll: false
 });
-function V(r) {
-  var c = arguments[0], a, l = E, e = r.Children, i = r.styles, t = r.visible, o = r.closable, s = r.duration, _ = n.useRef(null);
-  return Z(_, !0, "auto", !t, !0), a = u(i), /* @__PURE__ */ n.createElement(l, a.cn("SWindow", f({}, p({
-    initialAnimation: !0,
-    slideOrigin: "top",
-    visible: t,
-    role: "dialog",
-    "aria-modal": !0,
-    duration: s,
-    ref: _
-  }, c))), /* @__PURE__ */ n.createElement(q, a.cn("ZIndexStackingContextProvider", {
-    designToken: "z-index-modal"
-  }), /* @__PURE__ */ n.createElement(z, a.cn("PortalProvider", {
-    value: _
-  }), o && /* @__PURE__ */ n.createElement(m.Close, null), /* @__PURE__ */ n.createElement(e, a.cn("Children", {})))));
+function Window(props) {
+  var _ref2 = arguments[0], _ref6;
+  var SWindow = Slide;
+  var Children = props.Children, styles = props.styles, visible = props.visible, closable = props.closable, duration = props.duration;
+  var windowRef = React.useRef(null);
+  useFocusLock(windowRef, true, "auto", !visible, true);
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SWindow, _ref6.cn("SWindow", _objectSpread({}, assignProps({
+    "initialAnimation": true,
+    "slideOrigin": "top",
+    "visible": visible,
+    "role": "dialog",
+    "aria-modal": true,
+    "duration": duration,
+    "ref": windowRef
+  }, _ref2))), /* @__PURE__ */ React.createElement(ZIndexStackingContextProvider, _ref6.cn("ZIndexStackingContextProvider", {
+    "designToken": "z-index-modal"
+  }), /* @__PURE__ */ React.createElement(PortalProvider, _ref6.cn("PortalProvider", {
+    "value": windowRef
+  }), closable && /* @__PURE__ */ React.createElement(Modal.Close, null), /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {})))));
 }
-function G(r) {
-  var c = arguments[0], a, l = I, e = r.Children, i = r.styles, t = r.onOutsideClick, o = r.visible, s = n.useRef(null);
-  R(o, r.disablePreventScroll), j(s, o);
-  var _ = B("z-index-modal");
-  return a = u(i), /* @__PURE__ */ n.createElement(l, a.cn("SOverlay", f({}, p({
-    ref: s,
-    zIndex: _
-  }, c))), /* @__PURE__ */ n.createElement(M, a.cn("OutsideClick", {
-    root: s,
-    onOutsideClick: t
-  }), /* @__PURE__ */ n.createElement(e, a.cn("Children", {}))));
+function Overlay(props) {
+  var _ref3 = arguments[0], _ref7;
+  var SOverlay = FadeInOut;
+  var Children = props.Children, styles = props.styles, onOutsideClick = props.onOutsideClick, visible = props.visible;
+  var overlayRef = React.useRef(null);
+  usePreventScroll(visible, props.disablePreventScroll);
+  useContextTheme(overlayRef, visible);
+  var zIndex = useZIndexStacking("z-index-modal");
+  return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(SOverlay, _ref7.cn("SOverlay", _objectSpread({}, assignProps({
+    "ref": overlayRef,
+    "zIndex": zIndex
+  }, _ref3))), /* @__PURE__ */ React.createElement(OutsideClick, _ref7.cn("OutsideClick", {
+    "root": overlayRef,
+    "onOutsideClick": onOutsideClick
+  }), /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {}))));
 }
-function J(r) {
-  var c = arguments[0], a, l = x, e = r.Children, i = r.children, t = r.getI18nText, o = r.ghost;
-  return a = u(r.styles), /* @__PURE__ */ n.createElement(l, a.cn("SClose", f({}, p({
-    use: "tertiary",
-    size: "l",
-    theme: o ? "invert" : "muted",
-    "aria-label": t("close")
-  }, c))), i ? /* @__PURE__ */ n.createElement(e, a.cn("Children", {})) : /* @__PURE__ */ n.createElement(x.Addon, {
+function Close(props) {
+  var _ref4 = arguments[0], _ref8;
+  var SClose = Button;
+  var Children = props.Children, hasChildren = props.children, getI18nText = props.getI18nText, ghost = props.ghost;
+  return _ref8 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, assignProps({
+    "use": "tertiary",
+    "size": "l",
+    "theme": ghost ? "invert" : "muted",
+    "aria-label": getI18nText("close")
+  }, _ref4))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {})) : /* @__PURE__ */ React.createElement(Button.Addon, {
     ml: "7px",
     mr: "7px"
-  }, /* @__PURE__ */ n.createElement(D, a.cn("CloseIcon", {
-    title: t("close")
+  }, /* @__PURE__ */ React.createElement(CloseIcon, _ref8.cn("CloseIcon", {
+    "title": getI18nText("close")
   }))));
 }
-function Q(r) {
-  var c = arguments[0], a, l = r.setHasTitle, e = r.styles, i = r.color, t = N, o = F();
-  return n.useEffect(function() {
-    return l();
-  }), a = u(e), /* @__PURE__ */ n.createElement(t, a.cn("STitle", f({}, p({
-    tag: "h2",
-    "use:color": o(i)
-  }, c))));
+function Title(props) {
+  var _ref5 = arguments[0], _ref9;
+  var setHasTitle = props.setHasTitle, styles = props.styles, color = props.color;
+  var STitle = Text;
+  var resolveColor = useColorResolver();
+  React.useEffect(function() {
+    return setHasTitle();
+  });
+  return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref9.cn("STitle", _objectSpread({}, assignProps({
+    "tag": "h2",
+    "use:color": resolveColor(color)
+  }, _ref5))));
 }
-var m = T(v, {
-  Window: V,
-  Overlay: G,
-  Close: J,
-  Title: Q
+var Modal = createComponent(ModalRoot, {
+  Window,
+  Overlay,
+  Close,
+  Title
 });
 export {
-  m as default
+  Modal as default
 };

package/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./Modal.mjs";
+import { default as default2 } from "./Modal.mjs";
 export {
-  o as default
+  default2 as default
 };

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,9 +1,11 @@
-const e = "Dialogfenster", t = "Schließen", l = {
-  title: e,
-  close: t
+const title = "Dialogfenster";
+const close = "Schließen";
+const de = {
+  title,
+  close
 };
 export {
-  t as close,
-  l as default,
-  e as title
+  close,
+  de as default,
+  title
 };

package/lib/esm/translations/en.json.mjs

@@ -1,9 +1,11 @@
-const o = "Modal window", t = "Close", e = {
-  title: o,
-  close: t
+const title = "Modal window";
+const close = "Close";
+const en = {
+  title,
+  close
 };
 export {
-  t as close,
-  e as default,
-  o as title
+  close,
+  en as default,
+  title
 };

package/lib/esm/translations/es.json.mjs

@@ -1,9 +1,11 @@
-const t = "Ventana modal", e = "Cerrar", o = {
-  title: t,
-  close: e
+const title = "Ventana modal";
+const close = "Cerrar";
+const es = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  es as default,
+  title
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,9 +1,11 @@
-const e = "Fenêtre modale", t = "Fermer", o = {
-  title: e,
-  close: t
+const title = "Fenêtre modale";
+const close = "Fermer";
+const fr = {
+  title,
+  close
 };
 export {
-  t as close,
-  o as default,
-  e as title
+  close,
+  fr as default,
+  title
 };

package/lib/esm/translations/it.json.mjs

@@ -1,9 +1,11 @@
-const t = "Finestra modale", e = "Chiudi", o = {
-  title: t,
-  close: e
+const title = "Finestra modale";
+const close = "Chiudi";
+const it = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  it as default,
+  title
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,9 +1,11 @@
-const t = "モーダルウィンドウ", e = "閉じる", o = {
-  title: t,
-  close: e
+const title = "モーダルウィンドウ";
+const close = "閉じる";
+const ja = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  ja as default,
+  title
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,9 +1,11 @@
-const t = "대화상자 창", o = "닫기", e = {
-  title: t,
-  close: o
+const title = "대화상자 창";
+const close = "닫기";
+const ko = {
+  title,
+  close
 };
 export {
-  o as close,
-  e as default,
-  t as title
+  close,
+  ko as default,
+  title
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,9 +1,11 @@
-const t = "Modaal venster", e = "Sluiten", l = {
-  title: t,
-  close: e
+const title = "Modaal venster";
+const close = "Sluiten";
+const nl = {
+  title,
+  close
 };
 export {
-  e as close,
-  l as default,
-  t as title
+  close,
+  nl as default,
+  title
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,9 +1,11 @@
-const t = "Okno modalne", o = "Zamknij", e = {
-  title: t,
-  close: o
+const title = "Okno modalne";
+const close = "Zamknij";
+const pl = {
+  title,
+  close
 };
 export {
-  o as close,
-  e as default,
-  t as title
+  close,
+  pl as default,
+  title
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,9 +1,11 @@
-const t = "Janela modal", e = "Fechar", l = {
-  title: t,
-  close: e
+const title = "Janela modal";
+const close = "Fechar";
+const pt = {
+  title,
+  close
 };
 export {
-  e as close,
-  l as default,
-  t as title
+  close,
+  pt as default,
+  title
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,9 +1,11 @@
-const t = "Modalt fönster", s = "Stäng", e = {
-  title: t,
-  close: s
+const title = "Modalt fönster";
+const close = "Stäng";
+const sv = {
+  title,
+  close
 };
 export {
-  s as close,
-  e as default,
-  t as title
+  close,
+  sv as default,
+  title
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,9 +1,11 @@
-const t = "Modal pencere", e = "Kapat", o = {
-  title: t,
-  close: e
+const title = "Modal pencere";
+const close = "Kapat";
+const tr = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  tr as default,
+  title
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,9 +1,11 @@
-const t = "Cửa sổ phương thức", s = "Đóng", c = {
-  title: t,
-  close: s
+const title = "Cửa sổ phương thức";
+const close = "Đóng";
+const vi = {
+  title,
+  close
 };
 export {
-  s as close,
-  c as default,
-  t as title
+  close,
+  vi as default,
+  title
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,9 +1,11 @@
-const t = "模态窗口", e = "关闭", o = {
-  title: t,
-  close: e
+const title = "模态窗口";
+const close = "关闭";
+const zh = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  zh as default,
+  title
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/modal",
   "description": "Semrush Modal Component",
-  "version": "16.0.0-prerelease.4",
+  "version": "16.0.0-prerelease.7",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,16 +14,16 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "16.0.0-prerelease.4",
-    "@semcore/icon": "16.0.0-prerelease.4",
-    "@semcore/typography": "16.0.0-prerelease.4",
-    "@semcore/animation": "16.0.0-prerelease.4",
-    "@semcore/flex-box": "16.0.0-prerelease.4",
-    "@semcore/outside-click": "16.0.0-prerelease.4",
-    "@semcore/portal": "16.0.0-prerelease.4"
+    "@semcore/button": "16.0.0-prerelease.7",
+    "@semcore/icon": "16.0.0-prerelease.7",
+    "@semcore/typography": "16.0.0-prerelease.7",
+    "@semcore/animation": "16.0.0-prerelease.7",
+    "@semcore/flex-box": "16.0.0-prerelease.7",
+    "@semcore/outside-click": "16.0.0-prerelease.7",
+    "@semcore/portal": "16.0.0-prerelease.7"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0-prerelease.4"
+    "@semcore/base-components": "^16.0.0-prerelease.7"
   },
   "repository": {
     "type": "git",