intergalactic 15.126.0-prerelease.9 → 15.126.1-prerelease.0

package/mini-chart/lib/esm/component/trend/Bar.mjs

@@ -0,0 +1,106 @@
+import w from "@babel/runtime/helpers/esm/toConsumableArray";
+import h from "@babel/runtime/helpers/esm/objectSpread2";
+import L from "@babel/runtime/helpers/esm/classCallCheck";
+import A from "@babel/runtime/helpers/esm/createClass";
+import D from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as R } from 'intergalactic/utils/lib/core/index';
+import v, { assignProps as y, sstyled as G } from 'intergalactic/core';
+import _ from "react";
+import N from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { Trend as $ } from "./Trend.mjs";
+import { Box as M } from 'intergalactic/flex-box';
+import { extractAriaProps as W } from 'intergalactic/utils/lib/ariaProps';
+var j = (
+  /*__reshadow_css_start__*/
+  (R.insert(
+    /*__inner_css_start__*/
+    "@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
+    "18ffn_gg_"
+  ), {
+    __SLineGauge: "___SLineGauge_18ffn_gg_",
+    _loading: "__loading_18ffn_gg_",
+    __SDonutContainer: "___SDonutContainer_18ffn_gg_",
+    __STrendLine: "___STrendLine_18ffn_gg_",
+    __STrendBar: "___STrendBar_18ffn_gg_",
+    "@pulse": "pulse_18ffn"
+  })
+), o = /* @__PURE__ */ function(g) {
+  D(e, g);
+  var s = E(e);
+  function e() {
+    return L(this, e), s.apply(this, arguments);
+  }
+  return A(e, [{
+    key: "defaultData",
+    get: function() {
+      return [{
+        value: 20
+      }, {
+        value: 80
+      }, {
+        value: 45
+      }, {
+        value: 10
+      }];
+    }
+  }, {
+    key: "data",
+    get: function() {
+      var i = this.asProps, r = i.data, t = i.loading;
+      return t ? this.defaultData : r;
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var i = this.asProps, r, t = this, S = M, a = this.asProps, T = a.styles, u = a.resolveColor, C = a.isHistogram, B = a.animate, x = a.loading, f = this.defaultWidth / this.data.length, p = W(this.asProps), H = p.__excludeProps, k = p.extractedAriaProps;
+      return r = G(T), /* @__PURE__ */ _.createElement(S, r.cn("STrendBar", h({}, y({
+        ref: this.containerRef,
+        __excludeProps: ["data"].concat(w(H))
+      }, i))), /* @__PURE__ */ _.createElement("svg", r.cn("svg", h({
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight),
+        role: "img"
+      }, k)), this.data.map(function(n, m) {
+        var c = u("chart-palette-order-other-data");
+        return n.color && (c = u(n.color)), /* @__PURE__ */ _.createElement("rect", {
+          key: m,
+          x: f * m,
+          y: t.defaultHeight - n.value,
+          width: C ? f : f * 0.8,
+          height: n.value,
+          fill: c
+        }, B && !x && /* @__PURE__ */ _.createElement("animate", {
+          attributeName: "y",
+          values: "".concat(t.defaultHeight, ";").concat(t.defaultHeight - n.value),
+          dur: "500ms"
+        }));
+      })));
+    }
+  }]), e;
+}($);
+l(o, "enhance", [N()]);
+l(o, "style", j);
+l(o, "defaultProps", {
+  animate: !0
+});
+var P = v(o);
+P.displayName = "MiniChart.TrendBar";
+var ee = v(o, {}, {
+  enhancements: [function() {
+    return {
+      wrapperProps: function(s) {
+        return y(s, {
+          isHistogram: !0
+        });
+      }
+    };
+  }]
+});
+P.displayName = "MiniChart.TrendHistogram";
+export {
+  P as TrendBar,
+  ee as TrendHistogram
+};

package/mini-chart/lib/esm/component/trend/Line.mjs

@@ -0,0 +1,140 @@
+import A from "@babel/runtime/helpers/esm/toConsumableArray";
+import y from "@babel/runtime/helpers/esm/objectSpread2";
+import E from "@babel/runtime/helpers/esm/classCallCheck";
+import R from "@babel/runtime/helpers/esm/createClass";
+import H from "@babel/runtime/helpers/esm/inherits";
+import W from "@babel/runtime/helpers/esm/createSuper";
+import h from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as $ } from 'intergalactic/utils/lib/core/index';
+import C, { assignProps as S, sstyled as b } from 'intergalactic/core';
+import i from "react";
+import D from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import B from 'intergalactic/utils/lib/uniqueID';
+import { Trend as j } from "./Trend.mjs";
+import { Box as G } from 'intergalactic/flex-box';
+import { extractAriaProps as N } from 'intergalactic/utils/lib/ariaProps';
+var M = (
+  /*__reshadow_css_start__*/
+  ($.insert(
+    /*__inner_css_start__*/
+    "@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
+    "18ffn_gg_"
+  ), {
+    __SLineGauge: "___SLineGauge_18ffn_gg_",
+    _loading: "__loading_18ffn_gg_",
+    __SDonutContainer: "___SDonutContainer_18ffn_gg_",
+    __STrendLine: "___STrendLine_18ffn_gg_",
+    __STrendBar: "___STrendBar_18ffn_gg_",
+    "@pulse": "pulse_18ffn"
+  })
+), l = /* @__PURE__ */ function(g) {
+  H(s, g);
+  var f = W(s);
+  function s() {
+    return E(this, s), f.apply(this, arguments);
+  }
+  return R(s, [{
+    key: "defaultData",
+    get: function() {
+      return [15, 70, 20, 85, 20];
+    }
+  }, {
+    key: "lastPointRadius",
+    get: function() {
+      var e;
+      return (e = this.asProps.lastPointRadius) !== null && e !== void 0 ? e : 6;
+    }
+  }, {
+    key: "data",
+    get: function() {
+      var e = this.asProps, t = e.data, a = e.loading;
+      return a ? this.defaultData : t;
+    }
+  }, {
+    key: "svgWidth",
+    get: function() {
+      return this.asProps.lastPointColor ? this.defaultWidth + this.lastPointRadius : this.defaultWidth;
+    }
+  }, {
+    key: "svgHeight",
+    get: function() {
+      return this.asProps.lastPointColor ? this.defaultHeight + this.lastPointRadius : this.defaultHeight;
+    }
+  }, {
+    key: "color",
+    get: function() {
+      var e = this.asProps, t = e.resolveColor, a = e.color, r = a === void 0 ? "chart-palette-order-1" : a, o = e.loading;
+      return t(o ? "skeleton-bg" : r);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      for (var e = this.asProps, t, a = G, r = this.asProps, o = r.uid, k = r.withArea, T = r.animate, u = r.lastPointColor, p = r.resolveColor, m = r.loading, x = r.styles, d = [], _ = this.data.length, P = this.defaultWidth / (_ - 1), c = 0; c < _; c++)
+        d.push("".concat(P * c, ",").concat(this.defaultHeight - this.data[c]));
+      var v = N(this.asProps), L = v.__excludeProps, w = v.extractedAriaProps;
+      return t = b(x), /* @__PURE__ */ i.createElement(a, t.cn("STrendLine", y({}, S({
+        ref: this.containerRef,
+        __excludeProps: ["data"].concat(A(L))
+      }, e))), /* @__PURE__ */ i.createElement("svg", t.cn("svg", y({
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight),
+        role: "img"
+      }, w)), /* @__PURE__ */ i.createElement("polyline", t.cn("polyline", {
+        points: d.join(" "),
+        stroke: this.color,
+        strokeWidth: "4",
+        fill: "none",
+        clipPath: "url(#".concat(o, ")")
+      })), k && /* @__PURE__ */ i.createElement("polyline", t.cn("polyline", {
+        points: "0,".concat(this.defaultHeight, " ").concat(d.join(" "), " ").concat(this.defaultWidth, ",").concat(this.defaultHeight),
+        fill: this.color,
+        fillOpacity: 0.2,
+        clipPath: "url(#".concat(o, ")")
+      })), u && !m && /* @__PURE__ */ i.createElement("circle", t.cn("circle", {
+        cx: P * (_ - 1),
+        cy: this.defaultHeight - this.data[_ - 1],
+        r: this.lastPointRadius,
+        fill: p(u),
+        stroke: p("chart-grid-border"),
+        strokeWidth: 4,
+        clipPath: "url(#".concat(o, ")")
+      })), T && !m && /* @__PURE__ */ i.createElement("clipPath", t.cn("clipPath", {
+        id: o
+      }), /* @__PURE__ */ i.createElement("rect", t.cn("rect", {
+        x: "0",
+        y: "0",
+        width: "100%",
+        height: "100%",
+        fill: "black"
+      }), /* @__PURE__ */ i.createElement("animate", t.cn("animate", {
+        dur: "500ms",
+        attributeName: "width",
+        values: "0;100%"
+      }))))));
+    }
+  }]), s;
+}(j);
+h(l, "enhance", [D(), B()]);
+h(l, "style", M);
+h(l, "defaultProps", {
+  animate: !0
+});
+var q = C(l);
+q.displayName = "MiniChart.TrendLine";
+var I = C(l, {}, {
+  enhancements: [function() {
+    return {
+      wrapperProps: function(f) {
+        return S(f, {
+          withArea: !0
+        });
+      }
+    };
+  }]
+});
+I.displayName = "MiniChart.TrendArea";
+export {
+  I as TrendArea,
+  q as TrendLine
+};

package/mini-chart/lib/esm/component/trend/Trend.mjs

@@ -0,0 +1,66 @@
+import f from "@babel/runtime/helpers/esm/classCallCheck";
+import u from "@babel/runtime/helpers/esm/createClass";
+import a from "@babel/runtime/helpers/esm/assertThisInitialized";
+import c from "@babel/runtime/helpers/esm/inherits";
+import d from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
+import m from "react";
+import { Component as p } from 'intergalactic/core';
+var R = /* @__PURE__ */ function(h) {
+  c(n, h);
+  var o = d(n);
+  function n() {
+    for (var e, t = arguments.length, r = new Array(t), i = 0; i < t; i++)
+      r[i] = arguments[i];
+    return f(this, n), e = o.call.apply(o, [this].concat(r)), s(a(e), "state", {
+      width: 200,
+      height: 100
+    }), s(a(e), "containerRef", /* @__PURE__ */ m.createRef()), e;
+  }
+  return u(n, [{
+    key: "componentDidMount",
+    value: function() {
+      this.setSizes();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(t) {
+      (t.w !== this.props.w || t.h !== this.props.h || t.data !== this.props.data) && this.setSizes();
+    }
+  }, {
+    key: "defaultWidth",
+    get: function() {
+      var t = this.state, r = t.width, i = t.height;
+      return r / i * this.defaultHeight;
+    }
+  }, {
+    key: "defaultHeight",
+    get: function() {
+      return 100;
+    }
+  }, {
+    key: "svgWidth",
+    get: function() {
+      return this.defaultWidth;
+    }
+  }, {
+    key: "svgHeight",
+    get: function() {
+      return this.defaultHeight;
+    }
+  }, {
+    key: "setSizes",
+    value: function() {
+      if (this.containerRef.current) {
+        var t = this.containerRef.current.getBoundingClientRect(), r = t.width, i = t.height;
+        r > 0 && i > 0 && this.setState({
+          width: r,
+          height: i
+        });
+      }
+    }
+  }]), n;
+}(p);
+export {
+  R as Trend
+};

package/mini-chart/lib/esm/index.mjs

@@ -0,0 +1,16 @@
+import { ScoreSemiDonut as r, ScoreDonut as o } from "./component/score/Donut.mjs";
+import { ScoreLine as e } from "./component/score/Line.mjs";
+import { TrendLine as m, TrendArea as i } from "./component/trend/Line.mjs";
+import { TrendBar as t, TrendHistogram as n } from "./component/trend/Bar.mjs";
+var S = {
+  TrendLine: m,
+  TrendArea: i,
+  TrendBar: t,
+  TrendHistogram: n,
+  ScoreSemiDonut: r,
+  ScoreDonut: o,
+  ScoreLine: e
+};
+export {
+  S as default
+};

package/mini-chart/package.json

@@ -1 +1 @@
-{"name":"intergalactic/mini-chart","description":"Semrush MiniChart Component","version":"0.29.0-prerelease.9","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=ts"},"dependencies":{"@semcore/flex-box":"5.41.0-prerelease.9","@semcore/utils":"4.47.1-prerelease.9"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.9","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/mini-chart"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/mini-chart","description":"Semrush MiniChart Component","version":"0.29.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=ts && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/flex-box":"5.41.1-prerelease.0","@semcore/utils":"4.48.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/mini-chart"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/modal/lib/cjs/Modal.js

@@ -35,14 +35,14 @@ var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
 var _zIndexStacking = require("intergalactic/utils/lib/zIndexStacking");
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_1k93m_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_1k93m_gg_:focus{outline:0}.___SWindow_1k93m_gg_ .___STitle_1k93m_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_1k93m_gg_ .___STitle_1k93m_gg_.__color_1k93m_gg_{color:var(--color_1k93m)}.___SWindow_1k93m_gg_ .___SClose_1k93m_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1k93m_gg_ .___SClose_1k93m_gg_.__ghost_1k93m_gg_{right:0;top:0}.___SWindow_1k93m_gg_.__ghost_1k93m_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1k93m_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_1k93m_gg_ .___SOverlay_1k93m_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1k93m_gg_{min-width:60%}.___SOverlay_1k93m_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1k93m_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_1k93m_gg_",
-  "_ghost": "__ghost_1k93m_gg_",
-  "__SOverlay": "___SOverlay_1k93m_gg_",
-  "__STitle": "___STitle_1k93m_gg_",
-  "_color": "__color_1k93m_gg_",
-  "--color": "--color_1k93m",
-  "__SClose": "___SClose_1k93m_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_154jq_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_154jq_gg_:focus{outline:0}.___SWindow_154jq_gg_ .___STitle_154jq_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_154jq_gg_ .___STitle_154jq_gg_.__color_154jq_gg_{color:var(--color_154jq)}.___SWindow_154jq_gg_ .___SClose_154jq_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_154jq_gg_ .___SClose_154jq_gg_.__ghost_154jq_gg_{right:0;top:0}.___SWindow_154jq_gg_.__ghost_154jq_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_154jq_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_154jq_gg_ .___SOverlay_154jq_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_154jq_gg_{min-width:60%}.___SOverlay_154jq_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "154jq_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_154jq_gg_",
+  "_ghost": "__ghost_154jq_gg_",
+  "__SOverlay": "___SOverlay_154jq_gg_",
+  "__STitle": "___STitle_154jq_gg_",
+  "_color": "__color_154jq_gg_",
+  "--color": "--color_154jq",
+  "__SClose": "___SClose_154jq_gg_"
 });
 var ModalRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ModalRoot, _Component);

package/modal/lib/es6/Modal.js

@@ -23,14 +23,14 @@ import usePreventScroll from 'intergalactic/utils/lib/use/usePreventScroll';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_1k93m_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_1k93m_gg_:focus{outline:0}.___SWindow_1k93m_gg_ .___STitle_1k93m_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_1k93m_gg_ .___STitle_1k93m_gg_.__color_1k93m_gg_{color:var(--color_1k93m)}.___SWindow_1k93m_gg_ .___SClose_1k93m_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1k93m_gg_ .___SClose_1k93m_gg_.__ghost_1k93m_gg_{right:0;top:0}.___SWindow_1k93m_gg_.__ghost_1k93m_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1k93m_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_1k93m_gg_ .___SOverlay_1k93m_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1k93m_gg_{min-width:60%}.___SOverlay_1k93m_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1k93m_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_1k93m_gg_",
-  "_ghost": "__ghost_1k93m_gg_",
-  "__SOverlay": "___SOverlay_1k93m_gg_",
-  "__STitle": "___STitle_1k93m_gg_",
-  "_color": "__color_1k93m_gg_",
-  "--color": "--color_1k93m",
-  "__SClose": "___SClose_1k93m_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_154jq_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_154jq_gg_:focus{outline:0}.___SWindow_154jq_gg_ .___STitle_154jq_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_154jq_gg_ .___STitle_154jq_gg_.__color_154jq_gg_{color:var(--color_154jq)}.___SWindow_154jq_gg_ .___SClose_154jq_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_154jq_gg_ .___SClose_154jq_gg_.__ghost_154jq_gg_{right:0;top:0}.___SWindow_154jq_gg_.__ghost_154jq_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_154jq_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_154jq_gg_ .___SOverlay_154jq_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_154jq_gg_{min-width:60%}.___SOverlay_154jq_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "154jq_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_154jq_gg_",
+  "_ghost": "__ghost_154jq_gg_",
+  "__SOverlay": "___SOverlay_154jq_gg_",
+  "__STitle": "___STitle_154jq_gg_",
+  "_color": "__color_154jq_gg_",
+  "--color": "--color_154jq",
+  "__SClose": "___SClose_154jq_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';

package/modal/lib/esm/Modal.mjs

@@ -0,0 +1,196 @@
+import f from "@babel/runtime/helpers/esm/objectSpread2";
+import P from "@babel/runtime/helpers/esm/classCallCheck";
+import w from "@babel/runtime/helpers/esm/createClass";
+import g from "@babel/runtime/helpers/esm/assertThisInitialized";
+import k from "@babel/runtime/helpers/esm/inherits";
+import j from "@babel/runtime/helpers/esm/createSuper";
+import d from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as q } from 'intergalactic/utils/lib/core/index';
+import T, { assignProps as u, Component as E, sstyled as p } from 'intergalactic/core';
+import l from "react";
+import { Slide as O, FadeInOut as I } from 'intergalactic/animation';
+import W, { PortalProvider as z } from 'intergalactic/portal';
+import x from 'intergalactic/button';
+import M from 'intergalactic/outside-click';
+import D from 'intergalactic/icon/Close/l';
+import b from 'intergalactic/utils/lib/fire';
+import R from 'intergalactic/utils/lib/use/usePreventScroll';
+import { isAdvanceMode as A } from 'intergalactic/utils/lib/findComponent';
+import $ from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import { localizedMessages as y } from "./translations/__intergalactic-dynamic-locales.mjs";
+import H from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { Text as N } from 'intergalactic/typography';
+import F from 'intergalactic/utils/lib/uniqueID';
+import { cssVariableEnhance as K } from 'intergalactic/utils/lib/useCssVariable';
+import { useFocusLock as Z } from 'intergalactic/utils/lib/use/useFocusLock';
+import { useContextTheme as B } from 'intergalactic/utils/lib/ThemeProvider';
+import { useColorResolver as L } from 'intergalactic/utils/lib/use/useColorResolver';
+import { ZIndexStackingContextProvider as V, useZIndexStacking as G } from 'intergalactic/utils/lib/zIndexStacking';
+var J = (
+  /*__reshadow_css_start__*/
+  (q.insert(
+    /*__inner_css_start__*/
+    ".___SWindow_154jq_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_154jq_gg_:focus{outline:0}.___SWindow_154jq_gg_ .___STitle_154jq_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_154jq_gg_ .___STitle_154jq_gg_.__color_154jq_gg_{color:var(--color_154jq)}.___SWindow_154jq_gg_ .___SClose_154jq_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_154jq_gg_ .___SClose_154jq_gg_.__ghost_154jq_gg_{right:0;top:0}.___SWindow_154jq_gg_.__ghost_154jq_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_154jq_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_154jq_gg_ .___SOverlay_154jq_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_154jq_gg_{min-width:60%}.___SOverlay_154jq_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
+    "154jq_gg_"
+  ), {
+    __SWindow: "___SWindow_154jq_gg_",
+    _ghost: "__ghost_154jq_gg_",
+    __SOverlay: "___SOverlay_154jq_gg_",
+    __STitle: "___STitle_154jq_gg_",
+    _color: "__color_154jq_gg_",
+    "--color": "--color_154jq",
+    __SClose: "___SClose_154jq_gg_"
+  })
+), v = /* @__PURE__ */ function(i) {
+  k(r, i);
+  var c = j(r);
+  function r() {
+    var n;
+    P(this, r);
+    for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
+      a[t] = arguments[t];
+    return n = c.call.apply(c, [this].concat(a)), d(g(n), "state", {
+      hasTitle: !1
+    }), d(g(n), "handleKeyDown", function(o) {
+      o.key === "Escape" && (o.stopPropagation(), b(g(n), "onClose", "onEscape", o));
+    }), d(g(n), "handleIconCloseClick", function(o) {
+      b(g(n), "onClose", "onCloseClick", o);
+    }), d(g(n), "handleOutsideClick", function(o) {
+      b(g(n), "onClose", "onOutsideClick", o);
+    }), n;
+  }
+  return w(r, [{
+    key: "getOverlayProps",
+    value: function() {
+      var e = this.asProps, a = e.duration, t = e.visible, o = e.animationsDisabled, s = e.disablePreventScroll;
+      return {
+        duration: a,
+        visible: t,
+        onOutsideClick: this.handleOutsideClick,
+        animationsDisabled: o,
+        disablePreventScroll: s
+      };
+    }
+  }, {
+    key: "getWindowProps",
+    value: function() {
+      var e = this.asProps, a = e.visible, t = e.closable, o = e.getI18nText, s = e.uid, _ = e.duration, h = e.animationsDisabled, C = this.state.hasTitle;
+      return {
+        visible: a,
+        closable: t,
+        onKeyDown: this.handleKeyDown,
+        "aria-label": C ? void 0 : o("title"),
+        "aria-labelledby": C ? "igc-".concat(s, "-title") : void 0,
+        duration: _,
+        animationsDisabled: h
+      };
+    }
+  }, {
+    key: "getCloseProps",
+    value: function() {
+      var e = this.asProps, a = e.getI18nText, t = e.ghost;
+      return {
+        onClick: this.handleIconCloseClick,
+        getI18nText: a,
+        ghost: t
+      };
+    }
+  }, {
+    key: "getTitleProps",
+    value: function() {
+      var e = this, a = this.asProps.uid, t = function() {
+        return e.setState({
+          hasTitle: !0
+        });
+      };
+      return {
+        id: "igc-".concat(a, "-title"),
+        setHasTitle: t
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, a = this.asProps, t = a.Children, o = a.disablePortal, s = a.forcedAdvancedMode, _ = a.ignorePortalsStacking, h = s || A(t, [m.Overlay.displayName, m.Window.displayName]);
+      return /* @__PURE__ */ l.createElement(W, {
+        disablePortal: o,
+        ignorePortalsStacking: _
+      }, h ? /* @__PURE__ */ l.createElement(t, null) : /* @__PURE__ */ l.createElement(m.Overlay, null, /* @__PURE__ */ l.createElement(m.Window, u({}, e))));
+    }
+  }]), r;
+}(E);
+d(v, "displayName", "Modal");
+d(v, "style", J);
+d(v, "enhance", [H(y), F(), K({
+  variable: "--intergalactic-duration-modal",
+  fallback: "200",
+  map: Number.parseInt,
+  prop: "duration"
+})]);
+d(v, "defaultProps", {
+  closable: !0,
+  i18n: y,
+  locale: "en",
+  disablePreventScroll: !1
+});
+function Q(i) {
+  var c = arguments[0], r, n = O, e = i.Children, a = i.styles, t = i.visible, o = i.closable, s = i.duration, _ = l.useRef(null);
+  return Z(_, !0, "auto", !t, !0), r = p(a), /* @__PURE__ */ l.createElement(n, r.cn("SWindow", f({}, u({
+    initialAnimation: !0,
+    slideOrigin: "top",
+    visible: t,
+    role: "dialog",
+    "aria-modal": !0,
+    duration: s,
+    ref: _
+  }, c))), /* @__PURE__ */ l.createElement(V, r.cn("ZIndexStackingContextProvider", {
+    designToken: "z-index-modal"
+  }), /* @__PURE__ */ l.createElement(z, r.cn("PortalProvider", {
+    value: _
+  }), o && /* @__PURE__ */ l.createElement(m.Close, null), /* @__PURE__ */ l.createElement(e, r.cn("Children", {})))));
+}
+function U(i) {
+  var c = arguments[0], r, n = I, e = i.Children, a = i.styles, t = i.onOutsideClick, o = i.visible, s = l.useRef(null);
+  R(o, i.disablePreventScroll), B(s, o);
+  var _ = G("z-index-modal");
+  return r = p(a), /* @__PURE__ */ l.createElement(n, r.cn("SOverlay", f({}, u({
+    ref: s,
+    zIndex: _
+  }, c))), /* @__PURE__ */ l.createElement(M, r.cn("OutsideClick", {
+    root: s,
+    onOutsideClick: t
+  }), /* @__PURE__ */ l.createElement(e, r.cn("Children", {}))));
+}
+function S(i) {
+  var c = arguments[0], r, n = x, e = i.Children, a = i.children, t = i.getI18nText, o = i.ghost;
+  return r = p(i.styles), /* @__PURE__ */ l.createElement(n, r.cn("SClose", f({}, u({
+    use: "tertiary",
+    size: "l",
+    theme: o ? "invert" : "muted",
+    "aria-label": t("close")
+  }, c))), a ? /* @__PURE__ */ l.createElement(e, r.cn("Children", {})) : /* @__PURE__ */ l.createElement(x.Addon, {
+    ml: "7px",
+    mr: "7px"
+  }, /* @__PURE__ */ l.createElement(D, r.cn("CloseIcon", {
+    title: t("close")
+  }))));
+}
+S.enhance = [$()];
+function X(i) {
+  var c = arguments[0], r, n = i.setHasTitle, e = i.styles, a = i.color, t = N, o = L();
+  return l.useEffect(function() {
+    return n();
+  }), r = p(e), /* @__PURE__ */ l.createElement(t, r.cn("STitle", f({}, u({
+    tag: "h2",
+    "use:color": o(a)
+  }, c))));
+}
+var m = T(v, {
+  Window: Q,
+  Overlay: U,
+  Close: S,
+  Title: X
+});
+export {
+  m as default
+};

package/modal/lib/esm/index.mjs

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

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

@@ -0,0 +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
+};
+export {
+  B as localizedMessages
+};

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

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

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

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