intergalactic 15.126.0-prerelease.1 → 15.126.0-prerelease.12

package/utils/lib/color.mjs

@@ -1,8 +1,9 @@
-import M from "@babel/runtime/helpers/esm/toConsumableArray";
-import I from "@babel/runtime/helpers/esm/slicedToArray";
-var k = {
-  white: "#ffffff",
-  black: "#000000",
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*__semcore-vars__:"../style/var.css"*/ /* @ts-ignore */
+var COLORS = {
+  "white": "#ffffff",
+  "black": "#000000",
   "gray-50": "#f4f5f9",
   "gray-100": "#e0e1e9",
   "gray-200": "#c4c7cf",
@@ -85,198 +86,272 @@ var k = {
   "violet-700": "#421983",
   "violet-800": "#220358",
   "brand-color": "#ff642d",
-  pinterest: "#bd081c",
-  instagram: "#e4405f",
-  youtube: "#ff0000",
-  facebook: "#1877F2",
-  linkedIn: "#0A66C2",
-  twitter: "#1D9BF0",
+  "pinterest": "#bd081c",
+  "instagram": "#e4405f",
+  "youtube": "#ff0000",
+  "facebook": "#1877F2",
+  "linkedIn": "#0A66C2",
+  "twitter": "#1D9BF0",
   "google-my-business": "#1a73e8",
   "google-blue": "#1a0dab",
   "google-green": "#016723",
   "denim-blue": "#006dca",
   "light-blue": "#008ff8",
   "neon-blue": "#8ecdff",
-  cyan: "#2bb3ff",
-  green: "#009f81",
+  "cyan": "#2bb3ff",
+  "green": "#009f81",
   "dark-green": "#007c65",
-  yellow: "#fdc23c",
+  "yellow": "#fdc23c",
   "light-orange": "#ff8c43",
-  orange: "#ff642d",
+  "orange": "#ff642d",
   "dark-orange": "#c33909",
-  red: "#ff4953",
+  "red": "#ff4953",
   "dark-red": "#d1002f",
-  violet: "#ab6cfe",
+  "violet": "#ab6cfe",
   "dark-violet": "#8649e1",
-  pink: "#e14adf",
-  asphalt: "#6c6e79",
-  wall: "#8a8e9b",
-  mist: "#a9abb6",
+  "pink": "#e14adf",
+  "asphalt": "#6c6e79",
+  "wall": "#8a8e9b",
+  "mist": "#a9abb6",
   "mist-light": "#c4c7cf",
-  stone: "#a9abb6",
+  "stone": "#a9abb6",
   "stone-light": "#c4c7cf",
-  gray20: "#191b23",
-  gray30: "#191b23",
-  gray40: "#484a54",
-  gray60: "#6c6e79",
-  gray70: "#a9abb6",
-  gray80: "#c4c7cf",
-  gray94: "#e0e1e9",
-  gray96: "#f4f5f9",
-  mystic: "#f4f5f9",
-  mercury: "#e0e1e9",
-  blue50: "#e9f7ff",
-  blue100: "#c4e5fe",
-  blue400: "#008ff8",
-  blue600: "#044792",
-  green50: "#dbfee8",
-  green100: "#9ef2c9",
-  green200: "#59ddaa",
-  green300: "#00c192",
-  green600: "#055345",
-  red50: "#fff0f7",
-  red100: "#ffd7df",
-  red200: "#ffaeb5",
-  red300: "#ff8786",
-  red600: "#8e0016",
-  orange50: "#fff3d9",
-  orange100: "#ffdca2",
-  orange200: "#ffb26e",
-  yellow100: "#fce081",
+  "gray20": "#191b23",
+  "gray30": "#191b23",
+  "gray40": "#484a54",
+  "gray60": "#6c6e79",
+  "gray70": "#a9abb6",
+  "gray80": "#c4c7cf",
+  "gray94": "#e0e1e9",
+  "gray96": "#f4f5f9",
+  "mystic": "#f4f5f9",
+  "mercury": "#e0e1e9",
+  "blue50": "#e9f7ff",
+  "blue100": "#c4e5fe",
+  "blue400": "#008ff8",
+  "blue600": "#044792",
+  "green50": "#dbfee8",
+  "green100": "#9ef2c9",
+  "green200": "#59ddaa",
+  "green300": "#00c192",
+  "green600": "#055345",
+  "red50": "#fff0f7",
+  "red100": "#ffd7df",
+  "red200": "#ffaeb5",
+  "red300": "#ff8786",
+  "red600": "#8e0016",
+  "orange50": "#fff3d9",
+  "orange100": "#ffdca2",
+  "orange200": "#ffb26e",
+  "yellow100": "#fce081",
   "iceberg-blue": "#6fafd4",
-  salad: "#8bc835",
-  granitic: "#2f3439",
-  gray10: "#222222",
-  sky: "#e1f2ff",
-  lily: "#e6f9fd",
-  marble: "#f1f6f8",
-  googleplus: "#e14b3f",
-  linkedin: "#1a7ab2"
+  "salad": "#8bc835",
+  "granitic": "#2f3439",
+  "gray10": "#222222",
+  "sky": "#e1f2ff",
+  "lily": "#e6f9fd",
+  "marble": "#f1f6f8",
+  "googleplus": "#e14b3f",
+  "linkedin": "#1a7ab2"
 };
-function R(a, e) {
-  var r = parseInt(a.slice(1), 16), n = e < 0 ? 0 : 255, f = e < 0 ? e * -1 : e, t = r >> 16, i = r >> 8 & 255, g = r & 255;
-  return "#".concat((16777216 + (Math.round((n - t) * f) + t) * 65536 + (Math.round((n - i) * f) + i) * 256 + (Math.round((n - g) * f) + g)).toString(16).slice(1));
+function shadeHexColor(color, percent) {
+  var f = parseInt(color.slice(1), 16);
+  var t = percent < 0 ? 0 : 255;
+  var p = percent < 0 ? percent * -1 : percent;
+  var R = f >> 16;
+  var G = f >> 8 & 0x00ff;
+  var B = f & 0x0000ff;
+  return "#".concat((0x1000000 + (Math.round((t - R) * p) + R) * 0x10000 + (Math.round((t - G) * p) + G) * 0x100 + (Math.round((t - B) * p) + B)).toString(16).slice(1));
 }
-function G(a, e) {
-  var r = o(a), n = I(r, 3), f = n[0], t = n[1], i = n[2], g = e < 0 ? 0 : 255, u = e < 0 ? e * -1 : e;
-  return "rgb(".concat(Math.round((g - f) * u) + f, ",").concat(Math.round((g - t) * u) + t, ",").concat(Math.round((g - i) * u) + i, ")");
+function shadeRGBColor(color, percent) {
+  var _colorRGB = colorRGB(color),
+    _colorRGB2 = _slicedToArray(_colorRGB, 3),
+    R = _colorRGB2[0],
+    G = _colorRGB2[1],
+    B = _colorRGB2[2];
+  var t = percent < 0 ? 0 : 255;
+  var p = percent < 0 ? percent * -1 : percent;
+  return "rgb(".concat(Math.round((t - R) * p) + R, ",").concat(Math.round((t - G) * p) + G, ",").concat(Math.round((t - B) * p) + B, ")");
 }
-function A(a) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-  if (a)
-    return a.length > 7 ? G(a, e) : R(a, e);
+export function shade(color) {
+  var percent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  if (!color) return;
+  // TODO error for color name, example 'aqua'
+  if (color.length > 7) return shadeRGBColor(color, percent);
+  return shadeHexColor(color, percent);
 }
-function B(a, e, r) {
-  var n = parseInt(a.slice(1), 16), f = parseInt(e.slice(1), 16), t = n >> 16, i = n >> 8 & 255, g = n & 255, u = f >> 16, d = f >> 8 & 255, b = f & 255;
-  return "#".concat((16777216 + (Math.round((u - t) * r) + t) * 65536 + (Math.round((d - i) * r) + i) * 256 + (Math.round((b - g) * r) + g)).toString(16).slice(1));
+function blendHexColors(colorOne, colorTwo, percent) {
+  var f = parseInt(colorOne.slice(1), 16);
+  var t = parseInt(colorTwo.slice(1), 16);
+  var R1 = f >> 16;
+  var G1 = f >> 8 & 0x00ff;
+  var B1 = f & 0x0000ff;
+  var R2 = t >> 16;
+  var G2 = t >> 8 & 0x00ff;
+  var B2 = t & 0x0000ff;
+  return "#".concat((0x1000000 + (Math.round((R2 - R1) * percent) + R1) * 0x10000 + (Math.round((G2 - G1) * percent) + G1) * 0x100 + (Math.round((B2 - B1) * percent) + B1)).toString(16).slice(1));
 }
-function m(a, e, r) {
-  var n = o(a), f = I(n, 3), t = f[0], i = f[1], g = f[2], u = e.split(",");
-  return "rgb(".concat(Math.round((parseInt(u[0].slice(4)) - t) * r) + t, ",").concat(Math.round((parseInt(u[1]) - i) * r) + i, ",").concat(Math.round((parseInt(u[2]) - g) * r) + g, ")");
+function blendRGBColors(colorOne, colorTwo, percent) {
+  var _colorRGB3 = colorRGB(colorOne),
+    _colorRGB4 = _slicedToArray(_colorRGB3, 3),
+    R = _colorRGB4[0],
+    G = _colorRGB4[1],
+    B = _colorRGB4[2];
+  var t = colorTwo.split(',');
+  return "rgb(".concat(Math.round((parseInt(t[0].slice(4)) - R) * percent) + R, ",").concat(Math.round((parseInt(t[1]) - G) * percent) + G, ",").concat(Math.round((parseInt(t[2]) - B) * percent) + B, ")");
 }
-function H(a, e) {
-  var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
-  if (!(!a || !e))
-    return a.length > 7 ? e.length > 7 ? m(a, e, r) : m(a, "rgb(".concat(v(e), ")"), r) : e.length > 7 ? m("rgb(".concat(v(a).join(","), ")"), e, r) : B(a, e, r);
+export function blend(colorOne, colorTwo) {
+  var percent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  if (!colorOne || !colorTwo) return;
+  if (colorOne.length > 7) {
+    if (colorTwo.length > 7) {
+      return blendRGBColors(colorOne, colorTwo, percent);
+    }
+    return blendRGBColors(colorOne, "rgb(".concat(hex2rgb(colorTwo), ")"), percent);
+  }
+  if (colorTwo.length > 7) {
+    return blendRGBColors("rgb(".concat(hex2rgb(colorOne).join(','), ")"), colorTwo, percent);
+  }
+  return blendHexColors(colorOne, colorTwo, percent);
 }
-function o(a) {
-  var e = a.split(","), r = parseInt(e[0].slice(4)), n = parseInt(e[1]), f = parseInt(e[2]);
-  return [r, n, f];
+function colorRGB(color) {
+  var f = color.split(',');
+  var R = parseInt(f[0].slice(4));
+  var G = parseInt(f[1]);
+  var B = parseInt(f[2]);
+  return [R, G, B];
 }
-function v(a) {
-  var e;
-  return (e = a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function(r, n, f, t) {
-    return "#".concat(n).concat(n).concat(f).concat(f).concat(t).concat(t);
-  }).substring(1).match(/.{2}/g)) === null || e === void 0 ? void 0 : e.map(function(r) {
-    return parseInt(r, 16);
+function hex2rgb(hex) {
+  var _hex$replace$substrin;
+  return (_hex$replace$substrin = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (m, r, g, b) {
+    return "#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);
+  }).substring(1).match(/.{2}/g)) === null || _hex$replace$substrin === void 0 ? void 0 : _hex$replace$substrin.map(function (x) {
+    return parseInt(x, 16);
   });
 }
-function $(a) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-  if (a) {
-    if (a.includes("#") && a.match(/^#?[a-fA-F\d]{6}$/))
-      a = "rgba(".concat(v(a).join(", "), ", ").concat(e, ")");
-    else if (a.includes("rgb"))
-      a = "rgba(".concat(o(a).join(", "), ", ").concat(e, ")");
-    else
-      return;
-    return a;
+export function opacity(color) {
+  var percent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  if (!color) return;
+  if (color.includes('#') && color.match(/^#?[a-fA-F\d]{6}$/)) {
+    color = "rgba(".concat(hex2rgb(color).join(', '), ", ").concat(percent, ")");
+  } else if (color.includes('rgb')) {
+    color = "rgba(".concat(colorRGB(color).join(', '), ", ").concat(percent, ")");
+  } else {
+    return;
   }
+  return color;
 }
-function j(a) {
-  if (a)
-    return a.length <= 7 ? a = v(a) : a = o(a), Math.round((parseInt(a[0]) * 299 + parseInt(a[1]) * 587 + parseInt(a[2]) * 114) / 1e3);
+export function brightness(color) {
+  if (!color) return;
+  if (color.length <= 7) {
+    color = hex2rgb(color);
+  } else {
+    color = colorRGB(color);
+  }
+  return Math.round((parseInt(color[0]) * 299 + parseInt(color[1]) * 587 + parseInt(color[2]) * 114) / 1000);
 }
-function F(a) {
-  if (a)
-    return a in k ? k[a] : a;
+export default function resolveColor(color) {
+  if (!color) return undefined;
+  if (color in COLORS) {
+    return COLORS[color];
+  }
+  return color;
 }
-var p = {}, W = function(e) {
-  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-  if (e) {
-    var n = "".concat(e, "_").concat(r);
-    if (p[n]) return p[n];
-    var f = 0, t = 0, i = 0, g = 1;
-    if (e.startsWith("#")) {
-      if (e.length !== 4 && e.length !== 7)
-        throw new Error("Got invalid color ".concat(e));
-      var u = e.length === 4 ? 1 : 2;
-      f = parseInt(e.substring(1, 1 + u), 16), t = parseInt(e.substring(1 + u, 1 + u * 2), 16), i = parseInt(e.substring(1 + u * 2, 1 + u * 3), 16), g = 1;
-    } else if (e.startsWith("rgb(")) {
-      var d = e.substring(4, e.length - 1), b = d.split(",").map(function(y) {
-        return parseInt(y.trim(), 10);
-      });
-      f = b[0], t = b[1], i = b[2], g = 1;
-    } else if (e.startsWith("rgba(")) {
-      var l = e.substring(5, e.length - 1), c = l.split(",").map(function(y) {
-        return parseInt(y.trim(), 10);
-      });
-      f = c[0], t = c[1], i = c[2], g = c[2];
-    } else
-      throw new Error("Got invalid color ".concat(e));
-    var s = w(f, t, i);
-    s[2] += (1 - s[2]) * r;
-    var h = C.apply(void 0, M(s));
-    return p[n] === "rgba(".concat(h[0], ", ").concat(h[1], ", ").concat(h[2], ", ").concat(g, ")");
+var lightMemo = {};
+export var light = function light(color) {
+  var factor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  if (!color) return;
+  var inputKey = "".concat(color, "_").concat(factor);
+  if (lightMemo[inputKey]) return lightMemo[inputKey];
+  var r = 0;
+  var g = 0;
+  var b = 0;
+  var a = 1;
+  if (color.startsWith('#')) {
+    if (color.length !== 4 && color.length !== 7) {
+      throw new Error("Got invalid color ".concat(color));
+    }
+    var partSize = color.length === 4 ? 1 : 2;
+    r = parseInt(color.substring(1, 1 + partSize), 16);
+    g = parseInt(color.substring(1 + partSize, 1 + partSize * 2), 16);
+    b = parseInt(color.substring(1 + partSize * 2, 1 + partSize * 3), 16);
+    a = 1; // not handled for now
+  } else if (color.startsWith('rgb(')) {
+    var trimmed = color.substring('rgb('.length, color.length - ')'.length);
+    var parts = trimmed.split(',').map(function (part) {
+      return parseInt(part.trim(), 10);
+    });
+    r = parts[0];
+    g = parts[1];
+    b = parts[2];
+    a = 1;
+  } else if (color.startsWith('rgba(')) {
+    var _trimmed = color.substring('rgba('.length, color.length - ')'.length);
+    var _parts = _trimmed.split(',').map(function (part) {
+      return parseInt(part.trim(), 10);
+    });
+    r = _parts[0];
+    g = _parts[1];
+    b = _parts[2];
+    a = _parts[2];
+  } else {
+    throw new Error("Got invalid color ".concat(color));
   }
-}, w = function(e, r, n) {
-  e /= 255, r /= 255, n /= 255;
-  var f = Math.max(e, r, n), t = Math.min(e, r, n), i = 0, g = 0, u = (f + t) / 2;
-  if (f === t)
-    i = g = 0;
-  else {
-    var d = f - t;
-    switch (g = u > 0.5 ? d / (2 - f - t) : d / (f + t), f) {
-      case e:
-        i = (r - n) / d + (r < n ? 6 : 0);
-        break;
+  var hsl = rgbToHsl(r, g, b);
+  hsl[2] += (1 - hsl[2]) * factor;
+  var rgb = hslToRgb.apply(void 0, _toConsumableArray(hsl));
+  return lightMemo[inputKey] === "rgba(".concat(rgb[0], ", ").concat(rgb[1], ", ").concat(rgb[2], ", ").concat(a, ")");
+};
+var rgbToHsl = function rgbToHsl(r, g, b) {
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  var max = Math.max(r, g, b);
+  var min = Math.min(r, g, b);
+  var h = 0;
+  var s = 0;
+  var l = (max + min) / 2;
+  if (max === min) {
+    h = s = 0;
+  } else {
+    var d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
       case r:
-        i = (n - e) / d + 2;
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
         break;
-      case n:
-        i = (e - r) / d + 4;
+      case b:
+        h = (r - g) / d + 4;
         break;
     }
-    i /= 6;
+    h /= 6;
   }
-  return [i, g, u];
-}, C = function(e, r, n) {
-  var f = 0, t = 0, i = 0;
-  if (r === 0)
-    f = t = i = n;
-  else {
-    var g = function(l, c, s) {
-      return s < 0 && (s += 1), s > 1 && (s -= 1), s < 0.16666666666666666 ? l + (c - l) * 6 * s : s < 0.5 ? c : s < 0.6666666666666666 ? l + (c - l) * (0.6666666666666666 - s) * 6 : l;
-    }, u = n < 0.5 ? n * (1 + r) : n + r - n * r, d = 2 * n - u;
-    f = g(d, u, e + 1 / 3), t = g(d, u, e), i = g(d, u, e - 1 / 3);
-  }
-  return [f * 255, t * 255, i * 255];
+  return [h, s, l];
 };
-export {
-  H as blend,
-  j as brightness,
-  F as default,
-  W as light,
-  $ as opacity,
-  A as shade
+var hslToRgb = function hslToRgb(h, s, l) {
+  var r = 0;
+  var g = 0;
+  var b = 0;
+  if (s === 0) {
+    r = g = b = l;
+  } else {
+    var hue2rgb = function hue2rgb(p, q, t) {
+      if (t < 0) t += 1;
+      if (t > 1) t -= 1;
+      if (t < 1 / 6) return p + (q - p) * 6 * t;
+      if (t < 1 / 2) return q;
+      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+      return p;
+    };
+    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    var p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  return [r * 255, g * 255, b * 255];
 };
+//# sourceMappingURL=color.mjs.map

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js

@@ -10,8 +10,8 @@ var _index = require("intergalactic/utils/lib/core/index");
 var _react = _interopRequireDefault(require("react"));
 var _index2 = _interopRequireWildcard(require("../../core/index"));
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_10aks_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "10aks_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_10aks_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_12z1h_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "12z1h_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_12z1h_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var _ref;

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs

@@ -1,24 +1,23 @@
-import { sstyled as a } from 'intergalactic/utils/lib/core/index';
-import e from "react";
-import n from "../../core/index.mjs";
-import { Root as o } from "../../core/types/Component.mjs";
-import { sstyled as i } from "../../core/styled/sstyled.mjs";
-var d = (
-  /*__reshadow_css_start__*/
-  (a.insert(
-    /*__inner_css_start__*/
-    ".___SPattern_10aks_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}",
-    "10aks_gg_"
-  ), {
-    __SPattern: "___SPattern_10aks_gg_"
-  })
-), l = function() {
-  var t, r = o;
-  return t = i(d), /* @__PURE__ */ e.createElement(r, t.cn("SPattern", {
-    render: "div"
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import React from 'react';
+import createComponent, { sstyled, Root } from "../../core/index.mjs";
+/*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_12z1h_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "12z1h_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_12z1h_gg_"
+});
+var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
+  var _ref;
+  var SPattern = Root;
+  return _ref = sstyled(style), /*#__PURE__*/React.createElement(SPattern, _ref.cn("SPattern", {
+    "render": 'div'
   }));
-}, f = n(l);
-export {
-  f as InvalidStatePattern,
-  f as default
 };
+/**
+ * @deprecated
+ */
+export var InvalidStatePattern = createComponent(InvalidStatePatternComponent);
+/**
+ * @deprecated
+ */
+export default InvalidStatePattern;
+//# sourceMappingURL=InvalidStatePattern.mjs.map

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidStatePattern.mjs","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","InvalidStatePatternComponent","SPattern","createElement","render","InvalidStatePattern"],"sources":["../../../src/components/invalid-state-pattern/InvalidStatePattern.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '../../core/index';\nimport style from './invalidStatePattern.shadow.css';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={'div'} />);\n};\n/**\n * @deprecated\n */\nexport const InvalidStatePattern = createComponent(InvalidStatePatternComponent);\n/**\n * @deprecated\n */\nexport default InvalidStatePattern;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,sBAAkB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;AAAA;AAGlE,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EACzC,IAAMC,QAAQ,GAAGL,IAAI;EAErB,OAAOD,OAAO,CAACE,KAAK,CAAC,eAACJ,KAAA,CAAAS,aAAA,CAACD,QAAQ;IAACE,MAAM,EAAE;EAAM,EAAG,CAAC;AACpD,CAAC;AACD;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAGV,eAAe,CAACM,4BAA4B,CAAC;AAChF;AACA;AACA;AACA,eAAeI,mBAAmB"}
+{"version":3,"file":"InvalidStatePattern.mjs","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","InvalidStatePatternComponent","_ref","SPattern","createElement","cn","InvalidStatePattern"],"sources":["../../../src/components/invalid-state-pattern/InvalidStatePattern.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '../../core/index';\nimport style from './invalidStatePattern.shadow.css';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={'div'} />);\n};\n/**\n * @deprecated\n */\nexport const InvalidStatePattern = createComponent(InvalidStatePatternComponent);\n/**\n * @deprecated\n */\nexport default InvalidStatePattern;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,sBAAkB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;AAAA;AAGlE,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EAAA,IAAAC,IAAA;EACzC,IAAMC,QAAQ,GAAGN,IAAI;EAErB,OAAAK,IAAA,GAAON,OAAO,CAACE,KAAK,CAAC,eAACJ,KAAA,CAAAU,aAAA,CAACD,QAAQ,EAAAD,IAAA,CAAAG,EAAA;IAAA,UAAS;EAAK,GAAI;AACnD,CAAC;AACD;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAGX,eAAe,CAACM,4BAA4B,CAAC;AAChF;AACA;AACA;AACA,eAAeK,mBAAmB"}

package/utils/lib/compose.mjs

@@ -1,14 +1,15 @@
-function a() {
-  for (var t = arguments.length, e = new Array(t), r = 0; r < t; r++)
-    e[r] = arguments[r];
-  return e.reverse().reduce(function(n, u) {
-    return function(o) {
-      return u(n(o));
+export default function compose() {
+  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
+    fns[_key] = arguments[_key];
+  }
+  return fns.reverse().reduce(function (prevFn, nextFn) {
+    return function (value) {
+      return nextFn(prevFn(value));
     };
-  }, function(n) {
-    return n;
+  }, function (value) {
+    return value;
   });
 }
-export {
-  a as default
-};
+
+// TODO: think about it 🙄
+//# sourceMappingURL=compose.mjs.map