intergalactic 15.125.0 → 15.126.0-prerelease.11

package/animation/lib/esm/Collapse.mjs

@@ -0,0 +1,78 @@
+import u from "@babel/runtime/helpers/esm/objectSpread2";
+import k from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import { sstyled as X } from 'intergalactic/utils/lib/core/index';
+import r from "react";
+import { createBaseComponent as Y, sstyled as S } from 'intergalactic/core';
+import w from "./Animation.mjs";
+import { useForkRef as C } from 'intergalactic/utils/lib/ref';
+import _ from 'intergalactic/utils/lib/use/useEnhancedEffect';
+var E = ["onAnimationStart", "onAnimationEnd", "overflowHidden"], s = (
+  /*__reshadow_css_start__*/
+  (X.insert(
+    /*__inner_css_start__*/
+    "@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_6ap2c{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_6ap2c{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_6ap2c{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_6ap2c{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_6ap2c{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_6ap2c{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_6ap2c{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}",
+    "6ap2c_gg_"
+  ), {
+    "@collapse-enter": "collapse-enter_6ap2c",
+    "@collapse-exit": "collapse-exit_6ap2c",
+    __SCollapse: "___SCollapse_6ap2c_gg_",
+    "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+    "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+    "@opacity-in": "opacity-in_6ap2c",
+    "@opacity-out": "opacity-out_6ap2c",
+    "@scale-left-in": "scale-left-in_6ap2c",
+    "@scale-right-in": "scale-right-in_6ap2c",
+    "@scale-top-in": "scale-top-in_6ap2c",
+    "@scale-bottom-in": "scale-bottom-in_6ap2c",
+    "@scale-left-out": "scale-left-out_6ap2c",
+    "@scale-right-out": "scale-right-out_6ap2c",
+    "@scale-top-out": "scale-top-out_6ap2c",
+    "@scale-bottom-out": "scale-bottom-out_6ap2c",
+    "@slide-top-in": "slide-top-in_6ap2c",
+    "@slide-top-out": "slide-top-out_6ap2c",
+    "@slide-bottom-in": "slide-bottom-in_6ap2c",
+    "@slide-bottom-out": "slide-bottom-out_6ap2c",
+    "@slide-left-in": "slide-left-in_6ap2c",
+    "@slide-left-out": "slide-left-out_6ap2c",
+    "@slide-right-in": "slide-right-in_6ap2c",
+    "@slide-right-out": "slide-right-out_6ap2c",
+    "@transform-enter": "transform-enter_6ap2c",
+    "--transformStart": "--transformStart_6ap2c",
+    "--transformEnd": "--transformEnd_6ap2c",
+    "@transform-exit": "transform-exit_6ap2c"
+  })
+);
+function d(o, v) {
+  var l, c = o.onAnimationStart, p = o.onAnimationEnd, f = o.overflowHidden, m = f === void 0 ? !0 : f, t = k(o, E), g = w, y = r.useRef("initial"), a = r.useRef(null), h = C(a, v);
+  _(function() {
+    a.current && (t.visible && (a.current.style.height = "".concat(0, "px")), t.visible || (a.current.style.height = "".concat(a.current.scrollHeight, "px")), t.visible && (a.current.style.animationFillMode = "none"), t.visible || (a.current.style.animationFillMode = "both"));
+  }, [t.visible]), _(function() {
+    a.current && (t.visible && (a.current.style.height = "auto"), t.visible || (a.current.style.height = "".concat(0, "px")));
+  }, []);
+  var x = r.useCallback(function(e) {
+    e.currentTarget === e.target && (c && c(e), m && (y.current = window.getComputedStyle(e.currentTarget).overflow, e.currentTarget.style.overflow = "clip"), t.visible && (e.currentTarget.style.height = "".concat(e.currentTarget.scrollHeight, "px")), t.visible || (e.currentTarget.style.height = "".concat(0, "px")));
+  }, [t.visible]), i = r.useRef(t.visible);
+  i.current = t.visible;
+  var b = r.useCallback(function(e) {
+    if (e.currentTarget === e.target) {
+      p && p(e);
+      var n = e.currentTarget;
+      setTimeout(function() {
+        n && (i.current && (n.style.height = "auto"), i.current || (n.style.height = "".concat(0, "px")), m && (n.style.overflow = y.current));
+      }, 0);
+    }
+  }, []);
+  return l = S(s), /* @__PURE__ */ r.createElement(g, l.cn("SCollapse", u(u({
+    ref: h
+  }, t), {}, {
+    onAnimationStart: x,
+    onAnimationEnd: b,
+    keyframes: [s["@collapse-enter"], s["@collapse-exit"]],
+    "transition-based": !0
+  })));
+}
+d.displayName = "Collapse";
+const B = Y(d);
+export {
+  B as default
+};

package/animation/lib/esm/FadeInOut.mjs

@@ -0,0 +1,54 @@
+import e from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled as n } from 'intergalactic/utils/lib/core/index';
+import p from "react";
+import { createBaseComponent as i, sstyled as c } from 'intergalactic/core';
+import l from "./Animation.mjs";
+var t = (
+  /*__reshadow_css_start__*/
+  (n.insert(
+    /*__inner_css_start__*/
+    "@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_6ap2c{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_6ap2c{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_6ap2c{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_6ap2c{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_6ap2c{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_6ap2c{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_6ap2c{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}",
+    "6ap2c_gg_"
+  ), {
+    "@collapse-enter": "collapse-enter_6ap2c",
+    "@collapse-exit": "collapse-exit_6ap2c",
+    __SCollapse: "___SCollapse_6ap2c_gg_",
+    "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+    "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+    "@opacity-in": "opacity-in_6ap2c",
+    "@opacity-out": "opacity-out_6ap2c",
+    "@scale-left-in": "scale-left-in_6ap2c",
+    "@scale-right-in": "scale-right-in_6ap2c",
+    "@scale-top-in": "scale-top-in_6ap2c",
+    "@scale-bottom-in": "scale-bottom-in_6ap2c",
+    "@scale-left-out": "scale-left-out_6ap2c",
+    "@scale-right-out": "scale-right-out_6ap2c",
+    "@scale-top-out": "scale-top-out_6ap2c",
+    "@scale-bottom-out": "scale-bottom-out_6ap2c",
+    "@slide-top-in": "slide-top-in_6ap2c",
+    "@slide-top-out": "slide-top-out_6ap2c",
+    "@slide-bottom-in": "slide-bottom-in_6ap2c",
+    "@slide-bottom-out": "slide-bottom-out_6ap2c",
+    "@slide-left-in": "slide-left-in_6ap2c",
+    "@slide-left-out": "slide-left-out_6ap2c",
+    "@slide-right-in": "slide-right-in_6ap2c",
+    "@slide-right-out": "slide-right-out_6ap2c",
+    "@transform-enter": "transform-enter_6ap2c",
+    "--transformStart": "--transformStart_6ap2c",
+    "--transformEnd": "--transformEnd_6ap2c",
+    "@transform-exit": "transform-exit_6ap2c"
+  })
+);
+function o(r, s) {
+  var a;
+  return a = c(t), /* @__PURE__ */ p.createElement(l, a.cn("Animation", e(e({
+    ref: s
+  }, r), {}, {
+    keyframes: [t["@fade-in-out-enter"], t["@fade-in-out-exit"]]
+  })));
+}
+o.displayName = "FadeInOut";
+const u = i(o);
+export {
+  u as default
+};

package/animation/lib/esm/Scale.mjs

@@ -0,0 +1,70 @@
+import p from "@babel/runtime/helpers/esm/objectSpread2";
+import d from "@babel/runtime/helpers/esm/slicedToArray";
+import { sstyled as v } from 'intergalactic/utils/lib/core/index';
+import a from "react";
+import { createBaseComponent as k, sstyled as x } from 'intergalactic/core';
+import X from "./Animation.mjs";
+import { useForkRef as Y } from 'intergalactic/utils/lib/ref';
+var o = (
+  /*__reshadow_css_start__*/
+  (v.insert(
+    /*__inner_css_start__*/
+    "@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_6ap2c{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_6ap2c{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_6ap2c{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_6ap2c{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_6ap2c{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_6ap2c{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_6ap2c{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}",
+    "6ap2c_gg_"
+  ), {
+    "@collapse-enter": "collapse-enter_6ap2c",
+    "@collapse-exit": "collapse-exit_6ap2c",
+    __SCollapse: "___SCollapse_6ap2c_gg_",
+    "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+    "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+    "@opacity-in": "opacity-in_6ap2c",
+    "@opacity-out": "opacity-out_6ap2c",
+    "@scale-left-in": "scale-left-in_6ap2c",
+    "@scale-right-in": "scale-right-in_6ap2c",
+    "@scale-top-in": "scale-top-in_6ap2c",
+    "@scale-bottom-in": "scale-bottom-in_6ap2c",
+    "@scale-left-out": "scale-left-out_6ap2c",
+    "@scale-right-out": "scale-right-out_6ap2c",
+    "@scale-top-out": "scale-top-out_6ap2c",
+    "@scale-bottom-out": "scale-bottom-out_6ap2c",
+    "@slide-top-in": "slide-top-in_6ap2c",
+    "@slide-top-out": "slide-top-out_6ap2c",
+    "@slide-bottom-in": "slide-bottom-in_6ap2c",
+    "@slide-bottom-out": "slide-bottom-out_6ap2c",
+    "@slide-left-in": "slide-left-in_6ap2c",
+    "@slide-left-out": "slide-left-out_6ap2c",
+    "@slide-right-in": "slide-right-in_6ap2c",
+    "@slide-right-out": "slide-right-out_6ap2c",
+    "@transform-enter": "transform-enter_6ap2c",
+    "--transformStart": "--transformStart_6ap2c",
+    "--transformEnd": "--transformEnd_6ap2c",
+    "@transform-exit": "transform-exit_6ap2c"
+  })
+);
+function l(r, f) {
+  var s, m = a.useState(r.placement), n = d(m, 2), t = n[0], y = n[1], c = a.useMemo(function() {
+    return t.startsWith("left") ? "scale-left" : t.startsWith("right") ? "scale-right" : t.startsWith("bottom") ? "scale-bottom" : t.startsWith("top") ? "scale-top" : "opacity";
+  }, [t]), e = a.useRef(), _ = Y(f, e);
+  return a.useEffect(function() {
+    if (!(t && t !== "auto") && e.current) {
+      var u = setTimeout(function() {
+        if (e.current) {
+          var i = e.current.dataset.popperPlacement;
+          i && y(i);
+        }
+      }, 0);
+      return function() {
+        return clearTimeout(u);
+      };
+    }
+  }, [r.visible]), s = x(o), /* @__PURE__ */ a.createElement(X, s.cn("Animation", p(p({
+    ref: _
+  }, r), {}, {
+    keyframes: [o["@".concat(c, "-in")], o["@".concat(c, "-out")]]
+  })));
+}
+l.displayName = "Scale";
+const W = k(l);
+export {
+  W as default
+};

package/animation/lib/esm/Slide.mjs

@@ -0,0 +1,54 @@
+import o from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled as n } from 'intergalactic/utils/lib/core/index';
+import i from "react";
+import { createBaseComponent as p, sstyled as c } from 'intergalactic/core';
+import l from "./Animation.mjs";
+var a = (
+  /*__reshadow_css_start__*/
+  (n.insert(
+    /*__inner_css_start__*/
+    "@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_6ap2c{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_6ap2c{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_6ap2c{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_6ap2c{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_6ap2c{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_6ap2c{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_6ap2c{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}",
+    "6ap2c_gg_"
+  ), {
+    "@collapse-enter": "collapse-enter_6ap2c",
+    "@collapse-exit": "collapse-exit_6ap2c",
+    __SCollapse: "___SCollapse_6ap2c_gg_",
+    "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+    "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+    "@opacity-in": "opacity-in_6ap2c",
+    "@opacity-out": "opacity-out_6ap2c",
+    "@scale-left-in": "scale-left-in_6ap2c",
+    "@scale-right-in": "scale-right-in_6ap2c",
+    "@scale-top-in": "scale-top-in_6ap2c",
+    "@scale-bottom-in": "scale-bottom-in_6ap2c",
+    "@scale-left-out": "scale-left-out_6ap2c",
+    "@scale-right-out": "scale-right-out_6ap2c",
+    "@scale-top-out": "scale-top-out_6ap2c",
+    "@scale-bottom-out": "scale-bottom-out_6ap2c",
+    "@slide-top-in": "slide-top-in_6ap2c",
+    "@slide-top-out": "slide-top-out_6ap2c",
+    "@slide-bottom-in": "slide-bottom-in_6ap2c",
+    "@slide-bottom-out": "slide-bottom-out_6ap2c",
+    "@slide-left-in": "slide-left-in_6ap2c",
+    "@slide-left-out": "slide-left-out_6ap2c",
+    "@slide-right-in": "slide-right-in_6ap2c",
+    "@slide-right-out": "slide-right-out_6ap2c",
+    "@transform-enter": "transform-enter_6ap2c",
+    "--transformStart": "--transformStart_6ap2c",
+    "--transformEnd": "--transformEnd_6ap2c",
+    "@transform-exit": "transform-exit_6ap2c"
+  })
+);
+function r(t, s) {
+  var e;
+  return e = c(a), /* @__PURE__ */ i.createElement(l, e.cn("Animation", o(o({
+    ref: s
+  }, t), {}, {
+    keyframes: [a["@slide-".concat(t.slideOrigin, "-in")], a["@slide-".concat(t.slideOrigin, "-out")]]
+  })));
+}
+r.displayName = "Slide";
+const u = p(r);
+export {
+  u as default
+};

package/animation/lib/esm/Transform.mjs

@@ -0,0 +1,57 @@
+import s from "@babel/runtime/helpers/esm/objectSpread2";
+import c from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import { sstyled as l } from 'intergalactic/utils/lib/core/index';
+import f from "react";
+import { createBaseComponent as m, sstyled as y } from 'intergalactic/core';
+import _ from "./Animation.mjs";
+var d = ["transform"], t = (
+  /*__reshadow_css_start__*/
+  (l.insert(
+    /*__inner_css_start__*/
+    "@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_6ap2c{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_6ap2c{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_6ap2c{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_6ap2c{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_6ap2c{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_6ap2c{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_6ap2c{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}",
+    "6ap2c_gg_"
+  ), {
+    "@collapse-enter": "collapse-enter_6ap2c",
+    "@collapse-exit": "collapse-exit_6ap2c",
+    __SCollapse: "___SCollapse_6ap2c_gg_",
+    "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+    "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+    "@opacity-in": "opacity-in_6ap2c",
+    "@opacity-out": "opacity-out_6ap2c",
+    "@scale-left-in": "scale-left-in_6ap2c",
+    "@scale-right-in": "scale-right-in_6ap2c",
+    "@scale-top-in": "scale-top-in_6ap2c",
+    "@scale-bottom-in": "scale-bottom-in_6ap2c",
+    "@scale-left-out": "scale-left-out_6ap2c",
+    "@scale-right-out": "scale-right-out_6ap2c",
+    "@scale-top-out": "scale-top-out_6ap2c",
+    "@scale-bottom-out": "scale-bottom-out_6ap2c",
+    "@slide-top-in": "slide-top-in_6ap2c",
+    "@slide-top-out": "slide-top-out_6ap2c",
+    "@slide-bottom-in": "slide-bottom-in_6ap2c",
+    "@slide-bottom-out": "slide-bottom-out_6ap2c",
+    "@slide-left-in": "slide-left-in_6ap2c",
+    "@slide-left-out": "slide-left-out_6ap2c",
+    "@slide-right-in": "slide-right-in_6ap2c",
+    "@slide-right-out": "slide-right-out_6ap2c",
+    "@transform-enter": "transform-enter_6ap2c",
+    "--transformStart": "--transformStart_6ap2c",
+    "--transformEnd": "--transformEnd_6ap2c",
+    "@transform-exit": "transform-exit_6ap2c"
+  })
+);
+function n(a, p) {
+  var e, o = a.transform, r = o === void 0 ? [] : o, i = c(a, d);
+  return e = y(t), /* @__PURE__ */ f.createElement(_, e.cn("Animation", s(s({
+    ref: p
+  }, i), {}, {
+    transformStart: r[0],
+    transformEnd: r[1],
+    keyframes: [t["@transform-enter"], t["@transform-exit"]]
+  })));
+}
+n.displayName = "Transform";
+const g = m(n);
+export {
+  g as default
+};

package/animation/lib/esm/index.mjs

@@ -0,0 +1,15 @@
+import { default as o, animationContext as t } from "./Animation.mjs";
+import { default as f } from "./Transform.mjs";
+import { default as m } from "./FadeInOut.mjs";
+import { default as s } from "./Collapse.mjs";
+import { default as p } from "./Scale.mjs";
+import { default as x } from "./Slide.mjs";
+export {
+  o as Animation,
+  s as Collapse,
+  m as FadeInOut,
+  p as Scale,
+  x as Slide,
+  f as Transform,
+  t as animationContext
+};

package/animation/package.json

@@ -1 +1 @@
-{"name":"intergalactic/animation","description":"Semrush Animation Component","version":"2.40.1","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"},"dependencies":{"@semcore/utils":"4.45.1","@semcore/flex-box":"5.40.1"},"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/animation"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/animation","description":"Semrush Animation Component","version":"2.41.0-prerelease.11","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.47.1-prerelease.11","@semcore/flex-box":"5.41.0-prerelease.11"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.11","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/animation"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/badge/lib/cjs/Badge.js

@@ -18,12 +18,12 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./style/badge.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBadge_jwj65_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_jwj65_gg_.__bg_jwj65_gg_{background-color:var(--bg_jwj65)}.___SBadge_jwj65_gg_.__color_jwj65_gg_{color:var(--color_jwj65)}" /*__inner_css_end__*/, "jwj65_gg_") /*__reshadow_css_end__*/, {
-  "__SBadge": "___SBadge_jwj65_gg_",
-  "_bg": "__bg_jwj65_gg_",
-  "--bg": "--bg_jwj65",
-  "_color": "__color_jwj65_gg_",
-  "--color": "--color_jwj65"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBadge_lh38g_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_lh38g_gg_.__bg_lh38g_gg_{background-color:var(--bg_lh38g)}.___SBadge_lh38g_gg_.__color_lh38g_gg_{color:var(--color_lh38g)}" /*__inner_css_end__*/, "lh38g_gg_") /*__reshadow_css_end__*/, {
+  "__SBadge": "___SBadge_lh38g_gg_",
+  "_bg": "__bg_lh38g_gg_",
+  "--bg": "--bg_lh38g",
+  "_color": "__color_lh38g_gg_",
+  "--color": "--color_lh38g"
 });
 var RootBadge = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootBadge, _Component);

package/badge/lib/es6/Badge.js

@@ -11,12 +11,12 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/badge.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBadge_jwj65_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_jwj65_gg_.__bg_jwj65_gg_{background-color:var(--bg_jwj65)}.___SBadge_jwj65_gg_.__color_jwj65_gg_{color:var(--color_jwj65)}" /*__inner_css_end__*/, "jwj65_gg_") /*__reshadow_css_end__*/, {
-  "__SBadge": "___SBadge_jwj65_gg_",
-  "_bg": "__bg_jwj65_gg_",
-  "--bg": "--bg_jwj65",
-  "_color": "__color_jwj65_gg_",
-  "--color": "--color_jwj65"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBadge_lh38g_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_lh38g_gg_.__bg_lh38g_gg_{background-color:var(--bg_lh38g)}.___SBadge_lh38g_gg_.__color_lh38g_gg_{color:var(--color_lh38g)}" /*__inner_css_end__*/, "lh38g_gg_") /*__reshadow_css_end__*/, {
+  "__SBadge": "___SBadge_lh38g_gg_",
+  "_bg": "__bg_lh38g_gg_",
+  "--bg": "--bg_lh38g",
+  "_color": "__color_lh38g_gg_",
+  "--color": "--color_lh38g"
 });
 var RootBadge = /*#__PURE__*/function (_Component) {
   _inherits(RootBadge, _Component);

package/badge/lib/esm/Badge.mjs

@@ -0,0 +1,53 @@
+import d from "@babel/runtime/helpers/esm/objectSpread2";
+import m from "@babel/runtime/helpers/esm/classCallCheck";
+import h from "@babel/runtime/helpers/esm/createClass";
+import f from "@babel/runtime/helpers/esm/inherits";
+import b from "@babel/runtime/helpers/esm/createSuper";
+import a from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as u } from 'intergalactic/utils/lib/core/index';
+import v, { sstyled as y, assignProps as x, Component as B } from 'intergalactic/core';
+import S from "react";
+import { Box as C } from 'intergalactic/flex-box';
+import P from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+var k = (
+  /*__reshadow_css_start__*/
+  (u.insert(
+    /*__inner_css_start__*/
+    ".___SBadge_lh38g_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_lh38g_gg_.__bg_lh38g_gg_{background-color:var(--bg_lh38g)}.___SBadge_lh38g_gg_.__color_lh38g_gg_{color:var(--color_lh38g)}",
+    "lh38g_gg_"
+  ), {
+    __SBadge: "___SBadge_lh38g_gg_",
+    _bg: "__bg_lh38g_gg_",
+    "--bg": "--bg_lh38g",
+    _color: "__color_lh38g_gg_",
+    "--color": "--color_lh38g"
+  })
+), o = /* @__PURE__ */ function(_) {
+  f(r, _);
+  var l = b(r);
+  function r() {
+    return m(this, r), l.apply(this, arguments);
+  }
+  return h(r, [{
+    key: "render",
+    value: function() {
+      var s = this.asProps, t, i = C, e = this.asProps, n = e.styles, c = e.color, p = e.bg, g = e.resolveColor;
+      return t = y(n), /* @__PURE__ */ S.createElement(i, t.cn("SBadge", d({}, x({
+        tag: "span",
+        "use:color": g(c),
+        "use:bg": g(p)
+      }, s))));
+    }
+  }]), r;
+}(B);
+a(o, "displayName", "Badge");
+a(o, "style", k);
+a(o, "enhance", [P()]);
+a(o, "defaultProps", {
+  color: "white",
+  bg: "gray-400"
+});
+const H = v(o);
+export {
+  H as default
+};

package/badge/lib/esm/index.mjs

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

package/badge/package.json

@@ -1 +1 @@
-{"name":"intergalactic/badge","description":"Semrush Badge Component","version":"4.39.1","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"},"dependencies":{"@semcore/utils":"4.45.1","@semcore/flex-box":"5.40.1"},"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/badge"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/badge","description":"Semrush Badge Component","version":"4.40.0-prerelease.11","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.47.1-prerelease.11","@semcore/flex-box":"5.41.0-prerelease.11"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.11","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/badge"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/base-trigger/lib/cjs/BaseTrigger.js

@@ -23,24 +23,24 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_9wyts_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_9wyts_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_9wyts_gg_:active,.___SBaseTrigger_9wyts_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_9wyts_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_9wyts_gg_.__keyboardFocused_9wyts_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_9wyts_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_9wyts_gg_.__active_9wyts_gg_,.___SBaseTrigger_9wyts_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_9wyts_gg_.__disabled_9wyts_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_9wyts_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_9wyts_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_9wyts_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_9wyts_gg_{width:12px;height:12px}.___SBaseTrigger_9wyts_gg_._size_m_9wyts_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_9wyts_gg_._size_m_9wyts_gg_ .___SAddon_9wyts_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_9wyts_gg_._size_m_9wyts_gg_ .___SAddon_9wyts_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_9wyts_gg_._size_l_9wyts_gg_ .___SAddon_9wyts_gg_:only-child,.___SBaseTrigger_9wyts_gg_._size_m_9wyts_gg_ .___SAddon_9wyts_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_9wyts_gg_._size_l_9wyts_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_9wyts_gg_._size_l_9wyts_gg_ .___SAddon_9wyts_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_9wyts_gg_._size_l_9wyts_gg_ .___SAddon_9wyts_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_9wyts_gg_._neighborLocation_right_9wyts_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_9wyts_gg_._neighborLocation_both_9wyts_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_9wyts_gg_._neighborLocation_left_9wyts_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_9wyts_gg_.__display-placeholder_9wyts_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_9wyts_gg_._state_valid_9wyts_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_9wyts_gg_._state_invalid_9wyts_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_9wyts_gg_._state_invalid_9wyts_gg_.__keyboardFocused_9wyts_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_9wyts_gg_._size_m_9wyts_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_9wyts_gg_._size_l_9wyts_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "9wyts_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_9wyts_gg_",
-  "_disabled": "__disabled_9wyts_gg_",
-  "__SInner": "___SInner_9wyts_gg_",
-  "__SText": "___SText_9wyts_gg_",
-  "__SAddon": "___SAddon_9wyts_gg_",
-  "__SBaseAddon": "___SBaseAddon_9wyts_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_9wyts_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_9wyts_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_9wyts_gg_",
-  "_display-placeholder": "__display-placeholder_9wyts_gg_",
-  "_state_valid": "_state_valid_9wyts_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_9wyts_gg_",
-  "_size_m": "_size_m_9wyts_gg_",
-  "_size_l": "_size_l_9wyts_gg_",
-  "_keyboardFocused": "__keyboardFocused_9wyts_gg_",
-  "_active": "__active_9wyts_gg_",
-  "_state_invalid": "_state_invalid_9wyts_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_btatz_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_btatz_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_btatz_gg_:active,.___SBaseTrigger_btatz_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_btatz_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_btatz_gg_.__keyboardFocused_btatz_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_btatz_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_btatz_gg_.__active_btatz_gg_,.___SBaseTrigger_btatz_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_btatz_gg_.__disabled_btatz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_btatz_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_btatz_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_btatz_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_btatz_gg_{width:12px;height:12px}.___SBaseTrigger_btatz_gg_._size_m_btatz_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_btatz_gg_._size_m_btatz_gg_ .___SAddon_btatz_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_btatz_gg_._size_m_btatz_gg_ .___SAddon_btatz_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_btatz_gg_._size_l_btatz_gg_ .___SAddon_btatz_gg_:only-child,.___SBaseTrigger_btatz_gg_._size_m_btatz_gg_ .___SAddon_btatz_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_btatz_gg_._size_l_btatz_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_btatz_gg_._size_l_btatz_gg_ .___SAddon_btatz_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_btatz_gg_._size_l_btatz_gg_ .___SAddon_btatz_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_btatz_gg_._neighborLocation_right_btatz_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_btatz_gg_._neighborLocation_both_btatz_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_btatz_gg_._neighborLocation_left_btatz_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_btatz_gg_.__display-placeholder_btatz_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_btatz_gg_._state_valid_btatz_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_btatz_gg_._state_invalid_btatz_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_btatz_gg_._state_invalid_btatz_gg_.__keyboardFocused_btatz_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_btatz_gg_._size_m_btatz_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_btatz_gg_._size_l_btatz_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "btatz_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_btatz_gg_",
+  "_disabled": "__disabled_btatz_gg_",
+  "__SInner": "___SInner_btatz_gg_",
+  "__SText": "___SText_btatz_gg_",
+  "__SAddon": "___SAddon_btatz_gg_",
+  "__SBaseAddon": "___SBaseAddon_btatz_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_btatz_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_btatz_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_btatz_gg_",
+  "_display-placeholder": "__display-placeholder_btatz_gg_",
+  "_state_valid": "_state_valid_btatz_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_btatz_gg_",
+  "_size_m": "_size_m_btatz_gg_",
+  "_size_l": "_size_l_btatz_gg_",
+  "_keyboardFocused": "__keyboardFocused_btatz_gg_",
+  "_active": "__active_btatz_gg_",
+  "_state_invalid": "_state_invalid_btatz_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootBaseTrigger, _Component);

package/base-trigger/lib/cjs/ButtonTrigger.js

@@ -21,9 +21,9 @@ var _spin = _interopRequireDefault(require("intergalactic/spin"));
 var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_xd2sf_gg_{width:12px;height:12px}.___SButtonTriggerSpin_xd2sf_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "xd2sf_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_xd2sf_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_xd2sf_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1tmg3_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1tmg3_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1tmg3_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_1tmg3_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1tmg3_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootButtonTrigger, _Component);

package/base-trigger/lib/cjs/FilterTrigger.js

@@ -39,13 +39,13 @@ var _tooltip = require("intergalactic/tooltip");
 var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1ib96_gg_.__selected_1ib96_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_1ib96_gg_.__selected_1ib96_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1ib96_gg_.__selected_1ib96_gg_.__active_1ib96_gg_,.___SFilterTrigger_1ib96_gg_.__selected_1ib96_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1ib96_gg_{display:inline-flex}.___SWrapper_1ib96_gg_:focus{outline:0}.___SWrapper_1ib96_gg_.__keyboardFocused_1ib96_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1ib96_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1ib96_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_1ib96_gg_",
-  "_keyboardFocused": "__keyboardFocused_1ib96_gg_",
-  "__SCounter": "___SCounter_1ib96_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1ib96_gg_",
-  "_selected": "__selected_1ib96_gg_",
-  "_active": "__active_1ib96_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1230h_gg_.__selected_1230h_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_1230h_gg_.__selected_1230h_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1230h_gg_.__selected_1230h_gg_.__active_1230h_gg_,.___SFilterTrigger_1230h_gg_.__selected_1230h_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1230h_gg_{display:inline-flex}.___SWrapper_1230h_gg_:focus{outline:0}.___SWrapper_1230h_gg_.__keyboardFocused_1230h_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1230h_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1230h_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_1230h_gg_",
+  "_keyboardFocused": "__keyboardFocused_1230h_gg_",
+  "__SCounter": "___SCounter_1230h_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1230h_gg_",
+  "_selected": "__selected_1230h_gg_",
+  "_active": "__active_1230h_gg_"
 });
 var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {