intergalactic 15.129.0 → 15.130.0-prerelease.0

package/divider/lib/esm/Divider.mjs

@@ -1,57 +1,65 @@
-import p from "@babel/runtime/helpers/esm/objectSpread2";
-import m from "@babel/runtime/helpers/esm/classCallCheck";
-import j from "@babel/runtime/helpers/esm/createClass";
-import v from "@babel/runtime/helpers/esm/inherits";
-import l from "@babel/runtime/helpers/esm/createSuper";
-import e from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as h } from 'intergalactic/utils/lib/core/index';
-import u, { sstyled as f, assignProps as y, Component as D } from 'intergalactic/core';
-import S from "react";
-import { Box as b } from 'intergalactic/flex-box';
-import x from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
-var k = (
+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 _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 } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box } from 'intergalactic/flex-box';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+/*!__reshadow-styles__:"./style/divider.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (h.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDivider_10jrd_gg_{display:block}.___SDivider_10jrd_gg_._use_primary_10jrd_gg_{background-color:var(--theme_10jrd, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_10jrd_gg_._use_primary_10jrd_gg_.___SDivider_10jrd_gg_._theme_default_10jrd_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_10jrd_gg_._use_primary_10jrd_gg_.___SDivider_10jrd_gg_._theme_invert_10jrd_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_10jrd_gg_._orientation_horizontal_10jrd_gg_.___SDivider_10jrd_gg_._use_secondary_10jrd_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_10jrd_gg_._orientation_horizontal_10jrd_gg_.___SDivider_10jrd_gg_._use_secondary_10jrd_gg_.___SDivider_10jrd_gg_._theme_default_10jrd_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_10jrd_gg_._orientation_horizontal_10jrd_gg_.___SDivider_10jrd_gg_._use_secondary_10jrd_gg_.___SDivider_10jrd_gg_._theme_invert_10jrd_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_10jrd_gg_._orientation_vertical_10jrd_gg_.___SDivider_10jrd_gg_._use_secondary_10jrd_gg_,.___SDivider_10jrd_gg_._orientation_vertical_10jrd_gg_.___SDivider_10jrd_gg_._use_secondary_10jrd_gg_.___SDivider_10jrd_gg_._theme_default_10jrd_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_10jrd_gg_._orientation_vertical_10jrd_gg_.___SDivider_10jrd_gg_._use_secondary_10jrd_gg_.___SDivider_10jrd_gg_._theme_invert_10jrd_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_10jrd_gg_._orientation_horizontal_10jrd_gg_{width:100%;height:1px}.___SDivider_10jrd_gg_._orientation_vertical_10jrd_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}.___SDivider_10jrd_gg_.__theme_10jrd_gg_._use_primary_10jrd_gg_:not(._theme_default_10jrd_gg_):not(._theme_default_10jrd_gg_){background-color:var(--theme_10jrd)}.___SDivider_10jrd_gg_.__theme_10jrd_gg_._use_secondary_10jrd_gg_:not(._theme_default_10jrd_gg_):not(._theme_default_10jrd_gg_){background-image:linear-gradient(to right,var(--theme_10jrd) 3px,transparent 1px)}",
-    "10jrd_gg_"
-  ), {
-    __SDivider: "___SDivider_10jrd_gg_",
-    _use_primary: "_use_primary_10jrd_gg_",
-    "--theme": "--theme_10jrd",
-    _theme_default: "_theme_default_10jrd_gg_",
-    _theme_invert: "_theme_invert_10jrd_gg_",
-    _orientation_horizontal: "_orientation_horizontal_10jrd_gg_",
-    _use_secondary: "_use_secondary_10jrd_gg_",
-    _orientation_vertical: "_orientation_vertical_10jrd_gg_",
-    _theme: "__theme_10jrd_gg_"
+    ".___SDivider_1lqaa_gg_{display:block}.___SDivider_1lqaa_gg_._use_primary_1lqaa_gg_{background-color:var(--theme_1lqaa, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_1lqaa_gg_._use_primary_1lqaa_gg_.___SDivider_1lqaa_gg_._theme_default_1lqaa_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_1lqaa_gg_._use_primary_1lqaa_gg_.___SDivider_1lqaa_gg_._theme_invert_1lqaa_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_1lqaa_gg_._orientation_horizontal_1lqaa_gg_.___SDivider_1lqaa_gg_._use_secondary_1lqaa_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1lqaa_gg_._orientation_horizontal_1lqaa_gg_.___SDivider_1lqaa_gg_._use_secondary_1lqaa_gg_.___SDivider_1lqaa_gg_._theme_default_1lqaa_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1lqaa_gg_._orientation_horizontal_1lqaa_gg_.___SDivider_1lqaa_gg_._use_secondary_1lqaa_gg_.___SDivider_1lqaa_gg_._theme_invert_1lqaa_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_1lqaa_gg_._orientation_vertical_1lqaa_gg_.___SDivider_1lqaa_gg_._use_secondary_1lqaa_gg_,.___SDivider_1lqaa_gg_._orientation_vertical_1lqaa_gg_.___SDivider_1lqaa_gg_._use_secondary_1lqaa_gg_.___SDivider_1lqaa_gg_._theme_default_1lqaa_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_1lqaa_gg_._orientation_vertical_1lqaa_gg_.___SDivider_1lqaa_gg_._use_secondary_1lqaa_gg_.___SDivider_1lqaa_gg_._theme_invert_1lqaa_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_1lqaa_gg_._orientation_horizontal_1lqaa_gg_{width:100%;height:1px}.___SDivider_1lqaa_gg_._orientation_vertical_1lqaa_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}.___SDivider_1lqaa_gg_.__theme_1lqaa_gg_._use_primary_1lqaa_gg_:not(._theme_default_1lqaa_gg_):not(._theme_default_1lqaa_gg_){background-color:var(--theme_1lqaa)}.___SDivider_1lqaa_gg_.__theme_1lqaa_gg_._use_secondary_1lqaa_gg_:not(._theme_default_1lqaa_gg_):not(._theme_default_1lqaa_gg_){background-image:linear-gradient(to right,var(--theme_1lqaa) 3px,transparent 1px)}",
+    /*__inner_css_end__*/
+    "1lqaa_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SDivider": "___SDivider_1lqaa_gg_",
+    "_use_primary": "_use_primary_1lqaa_gg_",
+    "--theme": "--theme_1lqaa",
+    "_theme_default": "_theme_default_1lqaa_gg_",
+    "_theme_invert": "_theme_invert_1lqaa_gg_",
+    "_orientation_horizontal": "_orientation_horizontal_1lqaa_gg_",
+    "_use_secondary": "_use_secondary_1lqaa_gg_",
+    "_orientation_vertical": "_orientation_vertical_1lqaa_gg_",
+    "_theme": "__theme_1lqaa_gg_"
   })
-), r = /* @__PURE__ */ function(g) {
-  v(_, g);
-  var a = l(_);
-  function _() {
-    return m(this, _), a.apply(this, arguments);
+);
+var Divider = /* @__PURE__ */ function(_Component) {
+  _inherits(Divider2, _Component);
+  var _super = _createSuper(Divider2);
+  function Divider2() {
+    _classCallCheck(this, Divider2);
+    return _super.apply(this, arguments);
   }
-  return j(_, [{
+  _createClass(Divider2, [{
     key: "render",
-    value: function() {
-      var d = this.asProps, t, o = b, i = this.asProps, n = i.orientation, s = i.resolveColor, c = i.theme;
-      return t = f(this.asProps.styles), /* @__PURE__ */ S.createElement(o, t.cn("SDivider", p({}, y({
-        role: "separator",
-        "aria-orientation": n,
-        "use:theme": s(c)
-      }, d))));
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var SDivider = Box;
+      var _this$asProps = this.asProps, orientation = _this$asProps.orientation, resolveColor = _this$asProps.resolveColor, theme = _this$asProps.theme;
+      return _ref2 = sstyled$1(this.asProps.styles), /* @__PURE__ */ React.createElement(SDivider, _ref2.cn("SDivider", _objectSpread({}, assignProps({
+        "role": "separator",
+        "aria-orientation": orientation,
+        "use:theme": resolveColor(theme)
+      }, _ref))));
     }
-  }]), _;
-}(D);
-e(r, "displayName", "Divider");
-e(r, "style", k);
-e(r, "enhance", [x()]);
-e(r, "defaultProps", {
+  }]);
+  return Divider2;
+}(Component);
+_defineProperty(Divider, "displayName", "Divider");
+_defineProperty(Divider, "style", style);
+_defineProperty(Divider, "enhance", [resolveColorEnhance()]);
+_defineProperty(Divider, "defaultProps", {
   use: "primary",
   orientation: "horizontal"
 });
-const G = u(r);
+const Divider$1 = createComponent(Divider);
 export {
-  G as default
+  Divider$1 as default
 };

package/divider/lib/esm/index.mjs

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

package/divider/lib/esm/style/divider.shadow.css

@@ -0,0 +1,91 @@
+SDivider {
+  display: block;
+}
+
+SDivider[use='primary'] {
+  background-color: var(--theme, var(--intergalactic-border-primary, #c4c7cf));
+}
+
+SDivider[use='primary']SDivider[theme='default'] {
+  background: var(--intergalactic-border-primary, #c4c7cf);
+}
+SDivider[use='primary']SDivider[theme='invert'] {
+  background-color: var(--intergalactic-border-primary-invert, #ffffff);
+  opacity: 0.2;
+}
+
+SDivider[orientation='horizontal']SDivider[use='secondary'] {
+  background-image: linear-gradient(
+    to right,
+    var(--intergalactic-border-primary, #c4c7cf) 3px,
+    transparent 1px
+  );
+  background-size: 5px 1px;
+}
+
+SDivider[orientation='horizontal']SDivider[use='secondary']SDivider[theme='default'] {
+  background: linear-gradient(
+    to right,
+    var(--intergalactic-border-primary, #c4c7cf) 3px,
+    transparent 1px
+  );
+  background-size: 5px 1px;
+}
+SDivider[orientation='horizontal']SDivider[use='secondary']SDivider[theme='invert'] {
+  background-image: linear-gradient(
+    to right,
+    var(--intergalactic-border-primary-invert, #ffffff) 3px,
+    transparent 1px
+  );
+  opacity: 0.2;
+  background-size: 5px 1px;
+}
+
+SDivider[orientation='vertical']SDivider[use='secondary'] {
+  background-image: linear-gradient(
+    to bottom,
+    var(--intergalactic-border-primary, #c4c7cf) 3px,
+    transparent 1px
+  );
+  background-size: 1px 5px;
+}
+
+SDivider[orientation='vertical']SDivider[use='secondary']SDivider[theme='default'] {
+  background-image: linear-gradient(
+    to bottom,
+    var(--intergalactic-border-primary, #c4c7cf) 3px,
+    transparent 1px
+  );
+  background-size: 1px 5px;
+}
+SDivider[orientation='vertical']SDivider[use='secondary']SDivider[theme='invert'] {
+  background-image: linear-gradient(
+    to bottom,
+    var(--intergalactic-border-primary-invert, #ffffff) 3px,
+    transparent 1px
+  );
+  opacity: 0.2;
+  background-size: 1px 5px;
+}
+
+SDivider[orientation='horizontal'] {
+  width: 100%;
+  height: 1px;
+}
+
+SDivider[orientation='vertical'] {
+  width: 1px;
+  height: auto;
+  min-height: 100%;
+  align-self: stretch;
+  flex-shrink: 0;
+}
+
+SDivider[theme]:not([theme='default'], [theme='default']) {
+  &[use='primary'] {
+    background-color: var(--theme);
+  }
+  &[use='secondary'] {
+    background-image: linear-gradient(to right, var(--theme) 3px, transparent 1px);
+  }
+}

package/divider/package.json

@@ -1 +1 @@
-{"name":"intergalactic/divider","description":"Semrush Divider Component","version":"4.40.2","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=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.2","@semcore/flex-box":"5.41.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/divider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/divider","description":"Semrush Divider Component","version":"4.40.3-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=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.4-prerelease.0","@semcore/flex-box":"5.41.3-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.3-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/divider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/dot/lib/cjs/Dot.js

@@ -24,18 +24,22 @@ var _portal = _interopRequireDefault(require("intergalactic/portal"));
 var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib/getOriginChildren"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
-/*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDot_t685u_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_t685u_gg_._size_xl_t685u_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_t685u_gg_._size_l_t685u_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_t685u_gg_._size_m_t685u_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_t685u_gg_.__up_t685u_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_t685u_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "t685u_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_t685u_gg_",
-  "_size_xl": "_size_xl_t685u_gg_",
-  "_size_l": "_size_l_t685u_gg_",
-  "_size_m": "_size_m_t685u_gg_",
-  "_up": "__up_t685u_gg_",
-  "__SA11yAlert": "___SA11yAlert_t685u_gg_"
+/*!__reshadow-styles__:"./style/dot.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDot_5lcc8_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_5lcc8_gg_._size_xl_5lcc8_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_5lcc8_gg_._size_l_5lcc8_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_5lcc8_gg_._size_m_5lcc8_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_5lcc8_gg_.__up_5lcc8_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_5lcc8_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}", /*__inner_css_end__*/"5lcc8_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SDot": "___SDot_5lcc8_gg_",
+  "_size_xl": "_size_xl_5lcc8_gg_",
+  "_size_l": "_size_l_5lcc8_gg_",
+  "_size_m": "_size_m_5lcc8_gg_",
+  "_up": "__up_5lcc8_gg_",
+  "__SA11yAlert": "___SA11yAlert_5lcc8_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1pp9f{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_1pp9f{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "1pp9f_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_1pp9f",
-  "@exit": "exit_1pp9f"
+var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_13rli{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_13rli{0%{transform:scale(1)}to{transform:scale(0)}}", /*__inner_css_end__*/"13rli_gg_"),
+/*__reshadow_css_end__*/
+{
+  "@enter": "enter_13rli",
+  "@exit": "exit_13rli"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Dot, _Component);

package/dot/lib/cjs/Dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_logger","_uniqueID","_animation","_flexBox","_portal","_getOriginChildren","_useCssVariable","_ThemeProvider","style","_index","sstyled","insert","styleDot","Dot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","_createClass2","key","value","render","_ref","asProps","_ref2","SDot","Animation","SA11yAlert","_this$asProps","Children","styles","size","hidden","duration","keyframes","uid","ariaLabel","ariaLabelledBy","hasChildren","toArray","getOriginChildren","hasLabel","Boolean","logger","warn","displayName","createElement","cn","_objectSpread2","assignProps","Box","undefined","Component","uniqueIDEnhancement","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","contextThemeEnhance","props","_default","createComponent","exports"],"sources":["../../src/Dot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport { Animation } from '@semcore/animation';\nimport { Box } from '@semcore/flex-box';\nimport Portal from '@semcore/portal';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { contextThemeEnhance } from '@semcore/utils/lib/ThemeProvider';\n\nimport style from './style/dot.shadow.css';\n\nconst styleDot = sstyled.css`\n  @keyframes enter {\n    from {\n      transform: scale(0);\n    }\n    to {\n      transform: scale(1);\n    }\n  }\n\n  @keyframes exit {\n    from {\n      transform: scale(1);\n    }\n    to {\n      transform: scale(0);\n    }\n  }\n`;\n\nclass Dot extends Component {\n  static displayName = 'Dot';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    keyframes: [styleDot['@enter'], styleDot['@exit']],\n  };\n  static enhance = [\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-counter',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    contextThemeEnhance((props) => !props.hidden),\n  ];\n  ref = React.createRef();\n\n  render() {\n    const SDot = Root;\n    const SA11yAlert = 'div';\n\n    let {\n      Children,\n      styles,\n      size,\n      hidden,\n      duration,\n      keyframes,\n      uid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    } = this.asProps;\n    const hasChildren = React.Children.toArray(getOriginChildren(Children)).length !== 0;\n    size = hasChildren ? 'xl' : size;\n\n    const hasLabel = Boolean(ariaLabel || ariaLabelledBy);\n\n    logger.warn(\n      !hasLabel,\n      \"'aria-label' or 'aria-labelledby' are required for Dot component\",\n      this.asProps['data-ui-name'] || Dot.displayName,\n    );\n\n    return sstyled(styles)(\n      <SDot\n        render={Animation}\n        tag='span'\n        use:size={size}\n        visible={!hidden}\n        duration={duration}\n        keyframes={keyframes}\n        id={`igc-${uid}-dot`}\n      >\n        <Children />\n        {!hidden && (\n          <Portal>\n            <SA11yAlert\n              render={Box}\n              role={hasLabel && !hidden ? 'alert' : undefined}\n              aria-live={hasLabel && !hidden ? 'polite' : undefined}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n            >\n              <Children />\n            </SA11yAlert>\n          </Portal>\n        )}\n      </SDot>,\n    );\n  }\n}\n\nexport default createComponent(Dot);\n"],"mappings":"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"}
+{"version":3,"file":"Dot.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_logger","_uniqueID","_animation","_flexBox","_portal","_getOriginChildren","_useCssVariable","_ThemeProvider","style","_index","sstyled","insert","styleDot","Dot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","_createClass2","key","value","render","_ref","asProps","_ref2","SDot","Animation","SA11yAlert","_this$asProps","Children","styles","size","hidden","duration","keyframes","uid","ariaLabel","ariaLabelledBy","hasChildren","toArray","getOriginChildren","hasLabel","Boolean","logger","warn","displayName","createElement","cn","_objectSpread2","assignProps","Box","undefined","Component","uniqueIDEnhancement","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","contextThemeEnhance","props","_default","createComponent","exports"],"sources":["../../src/Dot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport { Animation } from '@semcore/animation';\nimport { Box } from '@semcore/flex-box';\nimport Portal from '@semcore/portal';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { contextThemeEnhance } from '@semcore/utils/lib/ThemeProvider';\n\nimport style from './style/dot.shadow.css';\n\nconst styleDot = sstyled.css`\n  @keyframes enter {\n    from {\n      transform: scale(0);\n    }\n    to {\n      transform: scale(1);\n    }\n  }\n\n  @keyframes exit {\n    from {\n      transform: scale(1);\n    }\n    to {\n      transform: scale(0);\n    }\n  }\n`;\n\nclass Dot extends Component {\n  static displayName = 'Dot';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    keyframes: [styleDot['@enter'], styleDot['@exit']],\n  };\n  static enhance = [\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-counter',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    contextThemeEnhance((props) => !props.hidden),\n  ];\n  ref = React.createRef();\n\n  render() {\n    const SDot = Root;\n    const SA11yAlert = 'div';\n\n    let {\n      Children,\n      styles,\n      size,\n      hidden,\n      duration,\n      keyframes,\n      uid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    } = this.asProps;\n    const hasChildren = React.Children.toArray(getOriginChildren(Children)).length !== 0;\n    size = hasChildren ? 'xl' : size;\n\n    const hasLabel = Boolean(ariaLabel || ariaLabelledBy);\n\n    logger.warn(\n      !hasLabel,\n      \"'aria-label' or 'aria-labelledby' are required for Dot component\",\n      this.asProps['data-ui-name'] || Dot.displayName,\n    );\n\n    return sstyled(styles)(\n      <SDot\n        render={Animation}\n        tag='span'\n        use:size={size}\n        visible={!hidden}\n        duration={duration}\n        keyframes={keyframes}\n        id={`igc-${uid}-dot`}\n      >\n        <Children />\n        {!hidden && (\n          <Portal>\n            <SA11yAlert\n              render={Box}\n              role={hasLabel && !hidden ? 'alert' : undefined}\n              aria-live={hasLabel && !hidden ? 'polite' : undefined}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n            >\n              <Children />\n            </SA11yAlert>\n          </Portal>\n        )}\n      </SDot>,\n    );\n  }\n}\n\nexport default createComponent(Dot);\n"],"mappings":"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"}

package/dot/lib/es6/Dot.js

@@ -17,18 +17,22 @@ import Portal from 'intergalactic/portal';
 import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
-/*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDot_t685u_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_t685u_gg_._size_xl_t685u_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_t685u_gg_._size_l_t685u_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_t685u_gg_._size_m_t685u_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_t685u_gg_.__up_t685u_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_t685u_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "t685u_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_t685u_gg_",
-  "_size_xl": "_size_xl_t685u_gg_",
-  "_size_l": "_size_l_t685u_gg_",
-  "_size_m": "_size_m_t685u_gg_",
-  "_up": "__up_t685u_gg_",
-  "__SA11yAlert": "___SA11yAlert_t685u_gg_"
+/*!__reshadow-styles__:"./style/dot.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDot_5lcc8_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_5lcc8_gg_._size_xl_5lcc8_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_5lcc8_gg_._size_l_5lcc8_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_5lcc8_gg_._size_m_5lcc8_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_5lcc8_gg_.__up_5lcc8_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_5lcc8_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}", /*__inner_css_end__*/"5lcc8_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SDot": "___SDot_5lcc8_gg_",
+  "_size_xl": "_size_xl_5lcc8_gg_",
+  "_size_l": "_size_l_5lcc8_gg_",
+  "_size_m": "_size_m_5lcc8_gg_",
+  "_up": "__up_5lcc8_gg_",
+  "__SA11yAlert": "___SA11yAlert_5lcc8_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1pp9f{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_1pp9f{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "1pp9f_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_1pp9f",
-  "@exit": "exit_1pp9f"
+var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_13rli{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_13rli{0%{transform:scale(1)}to{transform:scale(0)}}", /*__inner_css_end__*/"13rli_gg_"),
+/*__reshadow_css_end__*/
+{
+  "@enter": "enter_13rli",
+  "@exit": "exit_13rli"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   _inherits(Dot, _Component);

package/dot/lib/es6/Dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","names":["React","createComponent","Component","Root","sstyled","logger","uniqueIDEnhancement","Animation","Box","Portal","getOriginChildren","cssVariableEnhance","contextThemeEnhance","style","_sstyled","insert","styleDot","Dot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","_createClass","key","value","render","_ref","asProps","_ref2","SDot","SA11yAlert","_this$asProps","Children","styles","size","hidden","duration","keyframes","uid","ariaLabel","ariaLabelledBy","hasChildren","toArray","hasLabel","Boolean","warn","displayName","createElement","cn","_objectSpread","_assignProps","undefined","variable","fallback","map","Number","parseInt","prop","props"],"sources":["../../src/Dot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport { Animation } from '@semcore/animation';\nimport { Box } from '@semcore/flex-box';\nimport Portal from '@semcore/portal';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { contextThemeEnhance } from '@semcore/utils/lib/ThemeProvider';\n\nimport style from './style/dot.shadow.css';\n\nconst styleDot = sstyled.css`\n  @keyframes enter {\n    from {\n      transform: scale(0);\n    }\n    to {\n      transform: scale(1);\n    }\n  }\n\n  @keyframes exit {\n    from {\n      transform: scale(1);\n    }\n    to {\n      transform: scale(0);\n    }\n  }\n`;\n\nclass Dot extends Component {\n  static displayName = 'Dot';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    keyframes: [styleDot['@enter'], styleDot['@exit']],\n  };\n  static enhance = [\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-counter',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    contextThemeEnhance((props) => !props.hidden),\n  ];\n  ref = React.createRef();\n\n  render() {\n    const SDot = Root;\n    const SA11yAlert = 'div';\n\n    let {\n      Children,\n      styles,\n      size,\n      hidden,\n      duration,\n      keyframes,\n      uid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    } = this.asProps;\n    const hasChildren = React.Children.toArray(getOriginChildren(Children)).length !== 0;\n    size = hasChildren ? 'xl' : size;\n\n    const hasLabel = Boolean(ariaLabel || ariaLabelledBy);\n\n    logger.warn(\n      !hasLabel,\n      \"'aria-label' or 'aria-labelledby' are required for Dot component\",\n      this.asProps['data-ui-name'] || Dot.displayName,\n    );\n\n    return sstyled(styles)(\n      <SDot\n        render={Animation}\n        tag='span'\n        use:size={size}\n        visible={!hidden}\n        duration={duration}\n        keyframes={keyframes}\n        id={`igc-${uid}-dot`}\n      >\n        <Children />\n        {!hidden && (\n          <Portal>\n            <SA11yAlert\n              render={Box}\n              role={hasLabel && !hidden ? 'alert' : undefined}\n              aria-live={hasLabel && !hidden ? 'polite' : undefined}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n            >\n              <Children />\n            </SA11yAlert>\n          </Portal>\n        )}\n      </SDot>,\n    );\n  }\n}\n\nexport default createComponent(Dot);\n"],"mappings":"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"}
+{"version":3,"file":"Dot.js","names":["React","createComponent","Component","Root","sstyled","logger","uniqueIDEnhancement","Animation","Box","Portal","getOriginChildren","cssVariableEnhance","contextThemeEnhance","style","_sstyled","insert","styleDot","Dot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","_createClass","key","value","render","_ref","asProps","_ref2","SDot","SA11yAlert","_this$asProps","Children","styles","size","hidden","duration","keyframes","uid","ariaLabel","ariaLabelledBy","hasChildren","toArray","hasLabel","Boolean","warn","displayName","createElement","cn","_objectSpread","_assignProps","undefined","variable","fallback","map","Number","parseInt","prop","props"],"sources":["../../src/Dot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport { Animation } from '@semcore/animation';\nimport { Box } from '@semcore/flex-box';\nimport Portal from '@semcore/portal';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { contextThemeEnhance } from '@semcore/utils/lib/ThemeProvider';\n\nimport style from './style/dot.shadow.css';\n\nconst styleDot = sstyled.css`\n  @keyframes enter {\n    from {\n      transform: scale(0);\n    }\n    to {\n      transform: scale(1);\n    }\n  }\n\n  @keyframes exit {\n    from {\n      transform: scale(1);\n    }\n    to {\n      transform: scale(0);\n    }\n  }\n`;\n\nclass Dot extends Component {\n  static displayName = 'Dot';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    keyframes: [styleDot['@enter'], styleDot['@exit']],\n  };\n  static enhance = [\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-counter',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    contextThemeEnhance((props) => !props.hidden),\n  ];\n  ref = React.createRef();\n\n  render() {\n    const SDot = Root;\n    const SA11yAlert = 'div';\n\n    let {\n      Children,\n      styles,\n      size,\n      hidden,\n      duration,\n      keyframes,\n      uid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    } = this.asProps;\n    const hasChildren = React.Children.toArray(getOriginChildren(Children)).length !== 0;\n    size = hasChildren ? 'xl' : size;\n\n    const hasLabel = Boolean(ariaLabel || ariaLabelledBy);\n\n    logger.warn(\n      !hasLabel,\n      \"'aria-label' or 'aria-labelledby' are required for Dot component\",\n      this.asProps['data-ui-name'] || Dot.displayName,\n    );\n\n    return sstyled(styles)(\n      <SDot\n        render={Animation}\n        tag='span'\n        use:size={size}\n        visible={!hidden}\n        duration={duration}\n        keyframes={keyframes}\n        id={`igc-${uid}-dot`}\n      >\n        <Children />\n        {!hidden && (\n          <Portal>\n            <SA11yAlert\n              render={Box}\n              role={hasLabel && !hidden ? 'alert' : undefined}\n              aria-live={hasLabel && !hidden ? 'polite' : undefined}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n            >\n              <Children />\n            </SA11yAlert>\n          </Portal>\n        )}\n      </SDot>,\n    );\n  }\n}\n\nexport default createComponent(Dot);\n"],"mappings":"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"}

package/dot/lib/esm/Dot.mjs

@@ -1,93 +1,109 @@
-import A from "@babel/runtime/helpers/esm/objectSpread2";
-import C from "@babel/runtime/helpers/esm/classCallCheck";
-import P from "@babel/runtime/helpers/esm/createClass";
-import w from "@babel/runtime/helpers/esm/assertThisInitialized";
-import E from "@babel/runtime/helpers/esm/inherits";
-import k from "@babel/runtime/helpers/esm/createSuper";
-import o from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as B } from 'intergalactic/utils/lib/core/index';
-import I, { sstyled as x, assignProps as L, Component as N } from 'intergalactic/core';
-import t from "react";
-import $ from 'intergalactic/utils/lib/logger';
-import j from 'intergalactic/utils/lib/uniqueID';
-import { Animation as q } from 'intergalactic/animation';
-import { Box as R } from 'intergalactic/flex-box';
-import T from 'intergalactic/portal';
-import O from 'intergalactic/utils/lib/getOriginChildren';
-import { cssVariableEnhance as V } from 'intergalactic/utils/lib/useCssVariable';
-import { contextThemeEnhance as F } from 'intergalactic/utils/lib/ThemeProvider';
-var G = (
+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 } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import logger from 'intergalactic/utils/lib/logger';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import { Animation } from 'intergalactic/animation';
+import { Box } from 'intergalactic/flex-box';
+import Portal from 'intergalactic/portal';
+import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
+import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
+import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
+/*!__reshadow-styles__:"./style/dot.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (B.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDot_t685u_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_t685u_gg_._size_xl_t685u_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_t685u_gg_._size_l_t685u_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_t685u_gg_._size_m_t685u_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_t685u_gg_.__up_t685u_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_t685u_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}",
-    "t685u_gg_"
-  ), {
-    __SDot: "___SDot_t685u_gg_",
-    _size_xl: "_size_xl_t685u_gg_",
-    _size_l: "_size_l_t685u_gg_",
-    _size_m: "_size_m_t685u_gg_",
-    _up: "__up_t685u_gg_",
-    __SA11yAlert: "___SA11yAlert_t685u_gg_"
+    ".___SDot_5lcc8_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_5lcc8_gg_._size_xl_5lcc8_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_5lcc8_gg_._size_l_5lcc8_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_5lcc8_gg_._size_m_5lcc8_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_5lcc8_gg_.__up_5lcc8_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_5lcc8_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}",
+    /*__inner_css_end__*/
+    "5lcc8_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SDot": "___SDot_5lcc8_gg_",
+    "_size_xl": "_size_xl_5lcc8_gg_",
+    "_size_l": "_size_l_5lcc8_gg_",
+    "_size_m": "_size_m_5lcc8_gg_",
+    "_up": "__up_5lcc8_gg_",
+    "__SA11yAlert": "___SA11yAlert_5lcc8_gg_"
   })
-), h = (
+);
+var styleDot = (
   /*__reshadow_css_start__*/
-  (x.insert(
+  (sstyled$1.insert(
     /*__inner_css_start__*/
-    "@keyframes enter_1pp9f{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_1pp9f{0%{transform:scale(1)}to{transform:scale(0)}}",
-    "1pp9f_gg_"
-  ), {
-    "@enter": "enter_1pp9f",
-    "@exit": "exit_1pp9f"
+    "@keyframes enter_13rli{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_13rli{0%{transform:scale(1)}to{transform:scale(0)}}",
+    /*__inner_css_end__*/
+    "13rli_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "@enter": "enter_13rli",
+    "@exit": "exit_13rli"
   })
-), n = /* @__PURE__ */ function(p) {
-  E(i, p);
-  var c = k(i);
-  function i() {
-    var _;
-    C(this, i);
-    for (var l = arguments.length, e = new Array(l), a = 0; a < l; a++)
-      e[a] = arguments[a];
-    return _ = c.call.apply(c, [this].concat(e)), o(w(_), "ref", /* @__PURE__ */ t.createRef()), _;
+);
+var Dot = /* @__PURE__ */ function(_Component) {
+  _inherits(Dot2, _Component);
+  var _super = _createSuper(Dot2);
+  function Dot2() {
+    var _this;
+    _classCallCheck(this, Dot2);
+    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), "ref", /* @__PURE__ */ React.createRef());
+    return _this;
   }
-  return P(i, [{
+  _createClass(Dot2, [{
     key: "render",
-    value: function() {
-      var l = this.asProps, e, a = q, y = "div", r = this.asProps, m = r.Children, b = r.styles, d = r.size, s = r.hidden, v = r.duration, z = r.keyframes, D = r.uid, f = r["aria-label"], u = r["aria-labelledby"], S = t.Children.toArray(O(m)).length !== 0;
-      d = S ? "xl" : d;
-      var g = !!(f || u);
-      return $.warn(!g, "'aria-label' or 'aria-labelledby' are required for Dot component", this.asProps["data-ui-name"] || i.displayName), e = x(b), /* @__PURE__ */ t.createElement(a, e.cn("SDot", A({}, L({
-        tag: "span",
-        "use:size": d,
-        visible: !s,
-        duration: v,
-        keyframes: z,
-        id: "igc-".concat(D, "-dot")
-      }, l))), /* @__PURE__ */ t.createElement(m, e.cn("Children", {})), !s && /* @__PURE__ */ t.createElement(T, e.cn("Portal", {}), /* @__PURE__ */ t.createElement(y, e.cn("SA11yAlert", {
-        render: R,
-        role: g && !s ? "alert" : void 0,
-        "aria-live": g && !s ? "polite" : void 0,
-        "aria-label": f,
-        "aria-labelledby": u
-      }), /* @__PURE__ */ t.createElement(m, e.cn("Children", {})))));
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var SDot = Animation;
+      var SA11yAlert = "div";
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, size = _this$asProps.size, hidden = _this$asProps.hidden, duration = _this$asProps.duration, keyframes = _this$asProps.keyframes, uid = _this$asProps.uid, ariaLabel = _this$asProps["aria-label"], ariaLabelledBy = _this$asProps["aria-labelledby"];
+      var hasChildren = React.Children.toArray(getOriginChildren(Children)).length !== 0;
+      size = hasChildren ? "xl" : size;
+      var hasLabel = Boolean(ariaLabel || ariaLabelledBy);
+      logger.warn(!hasLabel, "'aria-label' or 'aria-labelledby' are required for Dot component", this.asProps["data-ui-name"] || Dot2.displayName);
+      return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SDot, _ref2.cn("SDot", _objectSpread({}, assignProps({
+        "tag": "span",
+        "use:size": size,
+        "visible": !hidden,
+        "duration": duration,
+        "keyframes": keyframes,
+        "id": "igc-".concat(uid, "-dot")
+      }, _ref))), /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})), !hidden && /* @__PURE__ */ React.createElement(Portal, _ref2.cn("Portal", {}), /* @__PURE__ */ React.createElement(SA11yAlert, _ref2.cn("SA11yAlert", {
+        "render": Box,
+        "role": hasLabel && !hidden ? "alert" : void 0,
+        "aria-live": hasLabel && !hidden ? "polite" : void 0,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy
+      }), /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})))));
     }
-  }]), i;
-}(N);
-o(n, "displayName", "Dot");
-o(n, "style", G);
-o(n, "defaultProps", {
+  }]);
+  return Dot2;
+}(Component);
+_defineProperty(Dot, "displayName", "Dot");
+_defineProperty(Dot, "style", style);
+_defineProperty(Dot, "defaultProps", {
   size: "m",
-  keyframes: [h["@enter"], h["@exit"]]
+  keyframes: [styleDot["@enter"], styleDot["@exit"]]
 });
-o(n, "enhance", [j(), V({
+_defineProperty(Dot, "enhance", [uniqueIDEnhancement(), cssVariableEnhance({
   variable: "--intergalactic-duration-counter",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), F(function(p) {
-  return !p.hidden;
+}), contextThemeEnhance(function(props) {
+  return !props.hidden;
 })]);
-const le = I(n);
+const Dot$1 = createComponent(Dot);
 export {
-  le as default
+  Dot$1 as default
 };

package/dot/lib/esm/index.mjs

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