intergalactic 15.129.0 → 15.130.0

package/flex-box/lib/esm/Box/useBox.mjs

@@ -1,85 +1,97 @@
-import G from "@babel/runtime/helpers/esm/objectSpread2";
-import J from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import Q from "@babel/runtime/helpers/esm/slicedToArray";
-import { sstyled as V } from 'intergalactic/utils/lib/core/index';
-import x from "react";
-import X from "classnames";
-import { sstyled as Y } from 'intergalactic/core';
-import Z from 'intergalactic/utils/lib/propsForElement';
-import I from 'intergalactic/utils/lib/logger';
-import { getAutoOrScaleIndent as m } from "../utils.mjs";
-var tt = ["tag", "className", "style", "scaleIndent", "display", "boxSizing", "inline", "flex", "w", "h", "wMin", "wMax", "hMin", "hMax", "m", "mt", "mb", "my", "ml", "mr", "mx", "p", "pt", "pb", "py", "pl", "pr", "px", "css", "position", "top", "left", "bottom", "right", "zIndex"], it = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { sstyled as sstyled$1 } from 'intergalactic/utils/lib/core/index';
+import React from "react";
+import cn from "classnames";
+import { sstyled } from 'intergalactic/core';
+import propsForElement from 'intergalactic/utils/lib/propsForElement';
+import logger from 'intergalactic/utils/lib/logger';
+import { getAutoOrScaleIndent } from "../utils.mjs";
+var _excluded = ["tag", "className", "style", "scaleIndent", "display", "boxSizing", "inline", "flex", "w", "h", "wMin", "wMax", "hMin", "hMax", "m", "mt", "mb", "my", "ml", "mr", "mx", "p", "pt", "pb", "py", "pl", "pr", "px", "css", "position", "top", "left", "bottom", "right", "zIndex"];
+/*!__reshadow-styles__:"../style/use-box.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (V.insert(
+  (sstyled$1.insert(
     /*__inner_css_start__*/
-    ".___SBoxSizing_12ntt_gg_{box-sizing:border-box}.___SBoxInline_12ntt_gg_{display:inline-block}",
-    "12ntt_gg_"
-  ), {
-    __SBoxSizing: "___SBoxSizing_12ntt_gg_",
-    __SBoxInline: "___SBoxInline_12ntt_gg_"
+    ".___SBoxSizing_n7609_gg_{box-sizing:border-box}.___SBoxInline_n7609_gg_{display:inline-block}",
+    /*__inner_css_end__*/
+    "n7609_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SBoxSizing": "___SBoxSizing_n7609_gg_",
+    "__SBoxInline": "___SBoxInline_n7609_gg_"
   })
 );
-function et(t) {
-  return Object.entries(t).reduce(function(e, i) {
-    var o = Q(i, 2), r = o[0], a = o[1];
-    return a !== void 0 && (e[r] = a), e;
+function removeUndefinedKeys(obj) {
+  return Object.entries(obj).reduce(function(acc, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2), key = _ref2[0], value = _ref2[1];
+    if (value !== void 0) {
+      acc[key] = value;
+    }
+    return acc;
   }, {});
 }
-function n(t) {
-  if (typeof t != "number")
-    return t;
-  if (t < 1)
-    return "".concat(100 * t, "%");
-  if (t >= 1)
-    return "".concat(t, "px");
+function getSize(size) {
+  if (typeof size !== "number") {
+    return size;
+  }
+  if (size < 1) {
+    return "".concat(100 * size, "%");
+  }
+  if (size >= 1) {
+    return "".concat(size, "px");
+  }
 }
-function mt(t, e) {
-  return et({
-    display: t.display,
-    width: n(t.w),
-    height: n(t.h),
-    minWidth: n(t.wMin),
-    maxWidth: n(t.wMax),
-    minHeight: n(t.hMin),
-    maxHeight: n(t.hMax),
-    position: t.position,
-    top: n(t.top),
-    left: n(t.left),
-    bottom: n(t.bottom),
-    right: n(t.right),
-    flex: t.flex,
-    zIndex: t.zIndex,
-    margin: m(t.m, e),
-    marginTop: m(t.mt, e) || m(t.my, e),
-    marginBottom: m(t.mb, e) || m(t.my, e),
-    marginLeft: m(t.ml, e) || m(t.mx, e),
-    marginRight: m(t.mr, e) || m(t.mx, e),
-    padding: m(t.p, e),
-    paddingTop: m(t.pt, e) || m(t.py, e),
-    paddingBottom: m(t.pb, e) || m(t.py, e),
-    paddingLeft: m(t.pl, e) || m(t.px, e),
-    paddingRight: m(t.pr, e) || m(t.px, e)
+function calculateIndentStyles(props, scaleIndent) {
+  return removeUndefinedKeys({
+    display: props["display"],
+    width: getSize(props["w"]),
+    height: getSize(props["h"]),
+    minWidth: getSize(props["wMin"]),
+    maxWidth: getSize(props["wMax"]),
+    minHeight: getSize(props["hMin"]),
+    maxHeight: getSize(props["hMax"]),
+    position: props["position"],
+    top: getSize(props["top"]),
+    left: getSize(props["left"]),
+    bottom: getSize(props["bottom"]),
+    right: getSize(props["right"]),
+    flex: props.flex,
+    zIndex: props.zIndex,
+    margin: getAutoOrScaleIndent(props["m"], scaleIndent),
+    marginTop: getAutoOrScaleIndent(props["mt"], scaleIndent) || getAutoOrScaleIndent(props["my"], scaleIndent),
+    marginBottom: getAutoOrScaleIndent(props["mb"], scaleIndent) || getAutoOrScaleIndent(props["my"], scaleIndent),
+    marginLeft: getAutoOrScaleIndent(props["ml"], scaleIndent) || getAutoOrScaleIndent(props["mx"], scaleIndent),
+    marginRight: getAutoOrScaleIndent(props["mr"], scaleIndent) || getAutoOrScaleIndent(props["mx"], scaleIndent),
+    padding: getAutoOrScaleIndent(props["p"], scaleIndent),
+    paddingTop: getAutoOrScaleIndent(props["pt"], scaleIndent) || getAutoOrScaleIndent(props["py"], scaleIndent),
+    paddingBottom: getAutoOrScaleIndent(props["pb"], scaleIndent) || getAutoOrScaleIndent(props["py"], scaleIndent),
+    paddingLeft: getAutoOrScaleIndent(props["pl"], scaleIndent) || getAutoOrScaleIndent(props["px"], scaleIndent),
+    paddingRight: getAutoOrScaleIndent(props["pr"], scaleIndent) || getAutoOrScaleIndent(props["px"], scaleIndent)
   });
 }
-function yt(t, e) {
-  var i = t, o = i.tag, r = o === void 0 ? "div" : o, a = i.className, _ = i.style, g = i.scaleIndent, l = g === void 0 ? 4 : g, y = i.display, h = i.boxSizing, u = i.inline, b = i.flex, c = i.w, S = i.h, M = i.wMin, v = i.wMax, w = i.hMin, B = i.hMax, s = i.m, z = i.mt, p = i.mb, N = i.my, T = i.ml, j = i.mr, F = i.mx, O = i.p, R = i.pt, W = i.pb, $ = i.py, k = i.pl, A = i.pr, H = i.px, f = i.css, L = i.position, P = i.top, E = i.left, K = i.bottom, U = i.right, q = i.zIndex, d = J(i, tt), C = x.useMemo(function() {
-    return mt(t, l);
-  }, [l, y, c, S, M, v, w, B, b, s, z, p, N, T, j, F, O, R, W, $, k, A, H, L, P, E, K, U, q]);
-  I.warn(f !== void 0, "The 'css' property is deprecated, use 'style'", d["data-ui-name"] || "Box");
-  var D = Y(it);
-  return r === x.Fragment ? [x.Fragment, {
-    children: t.children
-  }] : [r, G({
-    ref: e,
-    className: X(D.cn("SBox", {
-      SBoxSizing: h,
-      SBoxInline: u
-    }).className, a) || void 0,
-    style: Object.assign({}, _, f, C),
+function useBox(props, ref) {
+  var _ref3 = props, _ref3$tag = _ref3.tag, Tag = _ref3$tag === void 0 ? "div" : _ref3$tag, className = _ref3.className, styleProp = _ref3.style, _ref3$scaleIndent = _ref3.scaleIndent, scaleIndent = _ref3$scaleIndent === void 0 ? 4 : _ref3$scaleIndent, display = _ref3.display, boxSizing = _ref3.boxSizing, inline = _ref3.inline, flex = _ref3.flex, w = _ref3.w, h = _ref3.h, wMin = _ref3.wMin, wMax = _ref3.wMax, hMin = _ref3.hMin, hMax = _ref3.hMax, m = _ref3.m, mt = _ref3.mt, mb = _ref3.mb, my = _ref3.my, ml = _ref3.ml, mr = _ref3.mr, mx = _ref3.mx, p = _ref3.p, pt = _ref3.pt, pb = _ref3.pb, py = _ref3.py, pl = _ref3.pl, pr = _ref3.pr, px = _ref3.px, css = _ref3.css, position = _ref3.position, top = _ref3.top, left = _ref3.left, bottom = _ref3.bottom, right = _ref3.right, zIndex = _ref3.zIndex, other = _objectWithoutProperties(_ref3, _excluded);
+  var indentStyles = React.useMemo(function() {
+    return calculateIndentStyles(props, scaleIndent);
+  }, [scaleIndent, display, w, h, wMin, wMax, hMin, hMax, flex, m, mt, mb, my, ml, mr, mx, p, pt, pb, py, pl, pr, px, position, top, left, bottom, right, zIndex]);
+  logger.warn(css !== void 0, "The 'css' property is deprecated, use 'style'", other["data-ui-name"] || "Box");
+  var styles = sstyled(style);
+  if (Tag === React.Fragment) return [React.Fragment, {
+    children: props.children
+  }];
+  return [Tag, _objectSpread({
+    ref,
+    className: cn(styles.cn("SBox", {
+      SBoxSizing: boxSizing,
+      SBoxInline: inline
+    }).className, className) || void 0,
+    style: Object.assign({}, styleProp, css, indentStyles),
     "data-ui-name": "Box"
-  }, Z(d, r))];
+  }, propsForElement(other, Tag))];
 }
 export {
-  yt as default,
-  et as removeUndefinedKeys
+  useBox as default,
+  removeUndefinedKeys
 };

package/flex-box/lib/esm/Flex/index.mjs

@@ -1,13 +1,13 @@
-import s from "@babel/runtime/helpers/esm/slicedToArray";
-import i from "react";
-import { createBaseComponent as n } from 'intergalactic/core';
-import p from "./useFlex.mjs";
-function r(o, t) {
-  var a = p(o, t), e = s(a, 2), m = e[0], l = e[1];
-  return /* @__PURE__ */ i.createElement(m, l);
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from "react";
+import { createBaseComponent } from 'intergalactic/core';
+import useFlex from "./useFlex.mjs";
+function Flex(props, ref) {
+  var _useFlex = useFlex(props, ref), _useFlex2 = _slicedToArray(_useFlex, 2), Tag = _useFlex2[0], flexProps = _useFlex2[1];
+  return /* @__PURE__ */ React.createElement(Tag, flexProps);
 }
-r.displayName = "Flex";
-const F = n(r);
+Flex.displayName = "Flex";
+const index = createBaseComponent(Flex);
 export {
-  F as default
+  index as default
 };

package/flex-box/lib/esm/Flex/useFlex.mjs

@@ -1,55 +1,65 @@
-import i from "@babel/runtime/helpers/esm/objectSpread2";
-import G from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import N from "@babel/runtime/helpers/esm/slicedToArray";
-import { sstyled as W } from 'intergalactic/utils/lib/core/index';
-import r from "react";
-import h from "classnames";
-import { sstyled as B } from 'intergalactic/core';
-import b, { removeUndefinedKeys as $ } from "../Box/useBox.mjs";
-import { getAutoOrScaleIndent as _ } from "../utils.mjs";
-var A = ["className", "style"], D = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { sstyled as sstyled$1 } from 'intergalactic/utils/lib/core/index';
+import React from "react";
+import cn from "classnames";
+import { sstyled } from 'intergalactic/core';
+import useBox, { removeUndefinedKeys } from "../Box/useBox.mjs";
+import { getAutoOrScaleIndent } from "../utils.mjs";
+var _excluded = ["className", "style"];
+/*!__reshadow-styles__:"../style/use-flex.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (W.insert(
+  (sstyled$1.insert(
     /*__inner_css_start__*/
-    ".___SFlex_1jwl7_gg_{display:flex}.___SFlex_1jwl7_gg_.__inline_1jwl7_gg_{display:inline-flex}",
-    "1jwl7_gg_"
-  ), {
-    __SFlex: "___SFlex_1jwl7_gg_",
-    _inline: "__inline_1jwl7_gg_"
+    ".___SFlex_y77yb_gg_{display:flex}.___SFlex_y77yb_gg_.__inline_y77yb_gg_{display:inline-flex}",
+    /*__inner_css_end__*/
+    "y77yb_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SFlex": "___SFlex_y77yb_gg_",
+    "_inline": "__inline_y77yb_gg_"
   })
 );
-function O(e) {
-  var n, l = {
+function calculateFlexStyles(props) {
+  var _props$scaleIndent;
+  var DirectionReverse = {
     row: "row-reverse",
     column: "column-reverse"
-  }, t = (n = e.scaleIndent) !== null && n !== void 0 ? n : 4;
-  return $({
-    alignItems: e.alignItems,
-    alignContent: e.alignContent,
-    justifyContent: e.justifyContent,
-    flexWrap: e.flexWrap ? "wrap".concat(e.reverse ? "-reverse" : "") : void 0,
-    flexDirection: e.reverse && l[e.direction] || e.direction,
-    rowGap: _(e.rowGap || e.gap, t),
-    columnGap: _(e.columnGap || e.gap, t)
+  };
+  var scaleIndent = (_props$scaleIndent = props.scaleIndent) !== null && _props$scaleIndent !== void 0 ? _props$scaleIndent : 4;
+  return removeUndefinedKeys({
+    alignItems: props.alignItems,
+    alignContent: props.alignContent,
+    justifyContent: props.justifyContent,
+    flexWrap: props.flexWrap ? "wrap".concat(props.reverse ? "-reverse" : "") : void 0,
+    flexDirection: props.reverse && DirectionReverse[props.direction] || props.direction,
+    rowGap: getAutoOrScaleIndent(props.rowGap || props.gap, scaleIndent),
+    columnGap: getAutoOrScaleIndent(props.columnGap || props.gap, scaleIndent)
   });
 }
-function E(e, n) {
-  var l = b(i(i({
+function useFlex(props, ref) {
+  var _useBox = useBox(_objectSpread(_objectSpread({
     "data-ui-name": "Flex"
-  }, e), {}, {
-    inline: !1
-  }), n), t = N(l, 2), o = t[0], a = t[1], c = a.className, s = a.style, m = G(a, A), u = e.inline, g = e.flexWrap, d = e.direction, f = e.reverse, x = e.alignItems, v = e.alignContent, y = e.justifyContent, j = e.gap, w = e.rowGap, F = e.columnGap, I = e.scaleIndent, S = r.useMemo(function() {
-    return O(e);
-  }, [g, d, f, x, v, y, j, w, F, I]), C = B(D);
-  return o === r.Fragment ? [r.Fragment, {
-    children: e.children
-  }] : [o, i({
-    className: h(C.cn("SFlex", {
-      inline: u
-    }).className, c) || void 0,
-    style: Object.assign({}, s, S)
-  }, m)];
+  }, props), {}, {
+    inline: false
+  }), ref), _useBox2 = _slicedToArray(_useBox, 2), Tag = _useBox2[0], _useBox2$ = _useBox2[1], className = _useBox2$.className, styleProp = _useBox2$.style, other = _objectWithoutProperties(_useBox2$, _excluded);
+  var inline = props.inline, flexWrap = props.flexWrap, direction = props.direction, reverse = props.reverse, alignItems = props.alignItems, alignContent = props.alignContent, justifyContent = props.justifyContent, gap = props.gap, rowGap = props.rowGap, columnGap = props.columnGap, scaleIndent = props.scaleIndent;
+  var flexStyles = React.useMemo(function() {
+    return calculateFlexStyles(props);
+  }, [flexWrap, direction, reverse, alignItems, alignContent, justifyContent, gap, rowGap, columnGap, scaleIndent]);
+  var styles = sstyled(style);
+  if (Tag === React.Fragment) return [React.Fragment, {
+    children: props.children
+  }];
+  return [Tag, _objectSpread({
+    className: cn(styles.cn("SFlex", {
+      inline
+    }).className, className) || void 0,
+    style: Object.assign({}, styleProp, flexStyles)
+  }, other)];
 }
 export {
-  E as default
+  useFlex as default
 };

package/flex-box/lib/esm/index.mjs

@@ -1,15 +1,15 @@
-import { default as r } from "./Box/index.mjs";
-import { removeUndefinedKeys as a, default as f } from "./Box/useBox.mjs";
-import { default as d } from "./Flex/index.mjs";
-import { default as m } from "./Flex/useFlex.mjs";
-import { InvalidStateBox as p } from "./invalid-state-box/InvalidStateBox.mjs";
-import { ScreenReaderOnly as n } from "./screen-reader-only-box/ScreenReaderOnlyBox.mjs";
+import { default as default2 } from "./Box/index.mjs";
+import { removeUndefinedKeys, default as default3 } from "./Box/useBox.mjs";
+import { default as default4 } from "./Flex/index.mjs";
+import { default as default5 } from "./Flex/useFlex.mjs";
+import { InvalidStateBox } from "./invalid-state-box/InvalidStateBox.mjs";
+import { ScreenReaderOnly } from "./screen-reader-only-box/ScreenReaderOnlyBox.mjs";
 export {
-  r as Box,
-  d as Flex,
-  p as InvalidStateBox,
-  n as ScreenReaderOnly,
-  a as removeUndefinedKeys,
-  f as useBox,
-  m as useFlex
+  default2 as Box,
+  default4 as Flex,
+  InvalidStateBox,
+  ScreenReaderOnly,
+  removeUndefinedKeys,
+  default3 as useBox,
+  default5 as useFlex
 };

package/flex-box/lib/esm/invalid-state-box/InvalidStateBox.mjs

@@ -1,22 +1,28 @@
-import e from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled as n } from 'intergalactic/utils/lib/core/index';
-import o, { sstyled as i, assignProps as p } from 'intergalactic/core';
-import g from "react";
-import d from "../Box/index.mjs";
-var c = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps } from 'intergalactic/core';
+import React from "react";
+import Box from "../Box/index.mjs";
+/*!__reshadow-styles__:"./invalidStateBox.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (n.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPattern_13gop_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)}",
-    "13gop_gg_"
-  ), {
-    __SPattern: "___SPattern_13gop_gg_"
+    ".___SPattern_w0n9o_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__*/
+    "w0n9o_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SPattern": "___SPattern_w0n9o_gg_"
   })
-), l = function() {
-  var r = arguments[0], t, a = d;
-  return t = i(c), /* @__PURE__ */ g.createElement(a, t.cn("SPattern", e({}, p({}, r))));
-}, v = o(l);
+);
+var InvalidStatePatternComponent = function InvalidStatePatternComponent2() {
+  var _ref = arguments[0], _ref2;
+  var SPattern = Box;
+  return _ref2 = sstyled$1(style), /* @__PURE__ */ React.createElement(SPattern, _ref2.cn("SPattern", _objectSpread({}, assignProps({}, _ref))));
+};
+var InvalidStateBox = createComponent(InvalidStatePatternComponent);
 export {
-  v as InvalidStateBox,
-  v as default
+  InvalidStateBox,
+  InvalidStateBox as default
 };

package/flex-box/lib/esm/invalid-state-box/invalidStateBox.shadow.css

@@ -0,0 +1,10 @@
+SPattern {
+  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);
+}

package/flex-box/lib/esm/screen-reader-only-box/ScreenReaderOnlyBox.mjs

@@ -1,24 +1,30 @@
-import t from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled as o } from 'intergalactic/utils/lib/core/index';
-import a, { sstyled as p, assignProps as d } from 'intergalactic/core';
-import _ from "react";
-import s from "../Box/index.mjs";
-var i = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps } from 'intergalactic/core';
+import React from "react";
+import Box from "../Box/index.mjs";
+/*!__reshadow-styles__:"./screenReaderOnlyBox.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (o.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScreenReaderOnly_ro3ht_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;left:-1px;top:-1px}",
-    "ro3ht_gg_"
-  ), {
-    __SScreenReaderOnly: "___SScreenReaderOnly_ro3ht_gg_"
+    ".___SScreenReaderOnly_3diwi_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;left:-1px;top:-1px}",
+    /*__inner_css_end__*/
+    "3diwi_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SScreenReaderOnly": "___SScreenReaderOnly_3diwi_gg_"
   })
-), l = function() {
-  var r = arguments[0], e, n = s;
-  return e = p(i), /* @__PURE__ */ _.createElement(n, e.cn("SScreenReaderOnly", t({}, d({
-    tag: "span"
-  }, r))));
-}, h = a(l);
+);
+var ScreenReaderOnlyComponent = function ScreenReaderOnlyComponent2() {
+  var _ref = arguments[0], _ref2;
+  var SScreenReaderOnly = Box;
+  return _ref2 = sstyled$1(style), /* @__PURE__ */ React.createElement(SScreenReaderOnly, _ref2.cn("SScreenReaderOnly", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref))));
+};
+var ScreenReaderOnly = createComponent(ScreenReaderOnlyComponent);
 export {
-  h as ScreenReaderOnly,
-  h as default
+  ScreenReaderOnly,
+  ScreenReaderOnly as default
 };

package/flex-box/lib/esm/screen-reader-only-box/screenReaderOnlyBox.shadow.css

@@ -0,0 +1,12 @@
+SScreenReaderOnly {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  white-space: nowrap;
+  border-width: 0;
+  left: -1px;
+  top: -1px;
+}

package/flex-box/lib/esm/style/use-box.shadow.css

@@ -0,0 +1,7 @@
+SBoxSizing {
+  box-sizing: border-box;
+}
+
+SBoxInline {
+  display: inline-block;
+}

package/flex-box/lib/esm/style/use-flex.shadow.css

@@ -0,0 +1,7 @@
+SFlex {
+  display: flex;
+}
+
+SFlex[inline] {
+  display: inline-flex;
+}

package/flex-box/lib/esm/utils.mjs

@@ -1,6 +1,15 @@
-var t = function(r, o) {
-  return typeof r == "string" ? r : typeof r == "number" && r > -1 && r < 1 ? "".concat(100 * r, "%") : typeof r == "number" && (r >= 1 || r <= -1) ? "".concat(r * o, "px") : r;
+var getAutoOrScaleIndent = function getAutoOrScaleIndent2(indent, scaleIndent) {
+  if (typeof indent === "string") {
+    return indent;
+  }
+  if (typeof indent === "number" && indent > -1 && indent < 1) {
+    return "".concat(100 * indent, "%");
+  }
+  if (typeof indent === "number" && (indent >= 1 || indent <= -1)) {
+    return "".concat(indent * scaleIndent, "px");
+  }
+  return indent;
 };
 export {
-  t as getAutoOrScaleIndent
+  getAutoOrScaleIndent
 };

package/flex-box/package.json

@@ -1 +1 @@
-{"name":"intergalactic/flex-box","description":"Semrush FlexBox Component","version":"5.41.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 && 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","classnames":"2.2.6","csstype":"3.0.8"},"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/flex-box"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/flex-box","description":"Semrush FlexBox Component","version":"5.41.3","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 && 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","classnames":"2.2.6","csstype":"3.0.8"},"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/flex-box"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0"}}

package/format-text/lib/cjs/FormatText.js

@@ -16,12 +16,14 @@ var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
-/*__reshadow-styles__:"./style/format-text.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFormatText_rg3m9_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SFormatText_rg3m9_gg_ abbr{color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint, #6c6e79);text-decoration:underline dashed var(--intergalactic-text-hint, #6c6e79)}.___SFormatText_rg3m9_gg_ abbr:active,.___SFormatText_rg3m9_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SFormatText_rg3m9_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}}.___SFormatText_rg3m9_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SFormatText_rg3m9_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SFormatText_rg3m9_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}}.___SFormatText_rg3m9_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SFormatText_rg3m9_gg_ code,.___SFormatText_rg3m9_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SFormatText_rg3m9_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SFormatText_rg3m9_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);font-family:Georgia,Times,\"Times New Roman\",serif}.___SFormatText_rg3m9_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SFormatText_rg3m9_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SFormatText_rg3m9_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SFormatText_rg3m9_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:before,.___SFormatText_rg3m9_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SFormatText_rg3m9_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li+li,.___SFormatText_rg3m9_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li+li{margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SFormatText_rg3m9_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SFormatText_rg3m9_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:before{counter-increment:item;content:counters(item,\".\")}.___SFormatText_rg3m9_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SFormatText_rg3m9_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SFormatText_rg3m9_gg_ h1:only-child,.___SFormatText_rg3m9_gg_ h2:only-child,.___SFormatText_rg3m9_gg_ h3:only-child,.___SFormatText_rg3m9_gg_ h4:only-child,.___SFormatText_rg3m9_gg_ h5:only-child,.___SFormatText_rg3m9_gg_ h6:only-child{margin-bottom:0}.___SFormatText_rg3m9_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SFormatText_rg3m9_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-medium, 500);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SFormatText_rg3m9_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-medium, 500);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SFormatText_rg3m9_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-medium, 500);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SFormatText_rg3m9_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SFormatText_rg3m9_gg_ h1 small,.___SFormatText_rg3m9_gg_ h2 small,.___SFormatText_rg3m9_gg_ h3 small,.___SFormatText_rg3m9_gg_ h4 small,.___SFormatText_rg3m9_gg_ h5 small,.___SFormatText_rg3m9_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SFormatText_rg3m9_gg_._size_s_rg3m9_gg_ li,.___SFormatText_rg3m9_gg_._size_s_rg3m9_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SFormatText_rg3m9_gg_._size_s_rg3m9_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_rg3m9_gg_._size_l_rg3m9_gg_ p:last-child,.___SFormatText_rg3m9_gg_._size_m_rg3m9_gg_ p:last-child,.___SFormatText_rg3m9_gg_._size_s_rg3m9_gg_ p:last-child{margin-bottom:0}.___SFormatText_rg3m9_gg_._size_s_rg3m9_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_rg3m9_gg_._size_s_rg3m9_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_rg3m9_gg_._size_l_rg3m9_gg_ ol ol ol li,.___SFormatText_rg3m9_gg_._size_m_rg3m9_gg_ ol ol ol li,.___SFormatText_rg3m9_gg_._size_s_rg3m9_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_rg3m9_gg_._size_s_rg3m9_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SFormatText_rg3m9_gg_._size_m_rg3m9_gg_ li,.___SFormatText_rg3m9_gg_._size_m_rg3m9_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SFormatText_rg3m9_gg_._size_m_rg3m9_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SFormatText_rg3m9_gg_._size_m_rg3m9_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_rg3m9_gg_._size_m_rg3m9_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_rg3m9_gg_._size_m_rg3m9_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SFormatText_rg3m9_gg_._size_l_rg3m9_gg_ li,.___SFormatText_rg3m9_gg_._size_l_rg3m9_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SFormatText_rg3m9_gg_._size_l_rg3m9_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SFormatText_rg3m9_gg_._size_l_rg3m9_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_rg3m9_gg_._size_l_rg3m9_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_rg3m9_gg_._size_l_rg3m9_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}@media (prefers-reduced-motion){.___SFormatText_rg3m9_gg_ a{transition:none}}" /*__inner_css_end__*/, "rg3m9_gg_") /*__reshadow_css_end__*/, {
-  "__SFormatText": "___SFormatText_rg3m9_gg_",
-  "_size_s": "_size_s_rg3m9_gg_",
-  "_size_m": "_size_m_rg3m9_gg_",
-  "_size_l": "_size_l_rg3m9_gg_"
+/*!__reshadow-styles__:"./style/format-text.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFormatText_1wwns_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SFormatText_1wwns_gg_ abbr{color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint, #6c6e79);text-decoration:underline dashed var(--intergalactic-text-hint, #6c6e79)}.___SFormatText_1wwns_gg_ abbr:active,.___SFormatText_1wwns_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SFormatText_1wwns_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}}.___SFormatText_1wwns_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SFormatText_1wwns_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SFormatText_1wwns_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}}.___SFormatText_1wwns_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SFormatText_1wwns_gg_ code,.___SFormatText_1wwns_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SFormatText_1wwns_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SFormatText_1wwns_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);font-family:Georgia,Times,\"Times New Roman\",serif}.___SFormatText_1wwns_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SFormatText_1wwns_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SFormatText_1wwns_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SFormatText_1wwns_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:before,.___SFormatText_1wwns_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SFormatText_1wwns_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li+li,.___SFormatText_1wwns_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li+li{margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SFormatText_1wwns_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SFormatText_1wwns_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:before{counter-increment:item;content:counters(item,\".\")}.___SFormatText_1wwns_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SFormatText_1wwns_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SFormatText_1wwns_gg_ h1:only-child,.___SFormatText_1wwns_gg_ h2:only-child,.___SFormatText_1wwns_gg_ h3:only-child,.___SFormatText_1wwns_gg_ h4:only-child,.___SFormatText_1wwns_gg_ h5:only-child,.___SFormatText_1wwns_gg_ h6:only-child{margin-bottom:0}.___SFormatText_1wwns_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SFormatText_1wwns_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-medium, 500);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SFormatText_1wwns_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-medium, 500);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SFormatText_1wwns_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-medium, 500);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SFormatText_1wwns_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SFormatText_1wwns_gg_ h1 small,.___SFormatText_1wwns_gg_ h2 small,.___SFormatText_1wwns_gg_ h3 small,.___SFormatText_1wwns_gg_ h4 small,.___SFormatText_1wwns_gg_ h5 small,.___SFormatText_1wwns_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SFormatText_1wwns_gg_._size_s_1wwns_gg_ li,.___SFormatText_1wwns_gg_._size_s_1wwns_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SFormatText_1wwns_gg_._size_s_1wwns_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_1wwns_gg_._size_l_1wwns_gg_ p:last-child,.___SFormatText_1wwns_gg_._size_m_1wwns_gg_ p:last-child,.___SFormatText_1wwns_gg_._size_s_1wwns_gg_ p:last-child{margin-bottom:0}.___SFormatText_1wwns_gg_._size_s_1wwns_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_1wwns_gg_._size_s_1wwns_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_1wwns_gg_._size_l_1wwns_gg_ ol ol ol li,.___SFormatText_1wwns_gg_._size_m_1wwns_gg_ ol ol ol li,.___SFormatText_1wwns_gg_._size_s_1wwns_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_1wwns_gg_._size_s_1wwns_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SFormatText_1wwns_gg_._size_m_1wwns_gg_ li,.___SFormatText_1wwns_gg_._size_m_1wwns_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SFormatText_1wwns_gg_._size_m_1wwns_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SFormatText_1wwns_gg_._size_m_1wwns_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_1wwns_gg_._size_m_1wwns_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_1wwns_gg_._size_m_1wwns_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SFormatText_1wwns_gg_._size_l_1wwns_gg_ li,.___SFormatText_1wwns_gg_._size_l_1wwns_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SFormatText_1wwns_gg_._size_l_1wwns_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SFormatText_1wwns_gg_._size_l_1wwns_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_1wwns_gg_._size_l_1wwns_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SFormatText_1wwns_gg_._size_l_1wwns_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}@media (prefers-reduced-motion){.___SFormatText_1wwns_gg_ a{transition:none}}", /*__inner_css_end__*/"1wwns_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SFormatText": "___SFormatText_1wwns_gg_",
+  "_size_s": "_size_s_1wwns_gg_",
+  "_size_m": "_size_m_1wwns_gg_",
+  "_size_l": "_size_l_1wwns_gg_"
 });
 /** @deprecated */
 var FormatText = /*#__PURE__*/function (_Component) {

package/format-text/lib/cjs/FormatText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatText.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","style","_index","sstyled","insert","FormatText","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SFormatText","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","size","_default","createComponent","exports"],"sources":["../../src/FormatText.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport createComponent, {\n  UnknownProperties,\n  Intergalactic,\n  Component,\n  sstyled,\n  Root,\n} from '@semcore/core';\n\nimport style from './style/format-text.shadow.css';\n\n/** @deprecated */\nexport interface IFormatTextProps extends FormatTextProps, UnknownProperties {}\nexport type FormatTextProps = BoxProps & {\n  size?: 's' | 'm' | 'l';\n};\n\nclass FormatText extends Component<IFormatTextProps> {\n  static displayName = 'FormatText';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n\n  render() {\n    const SFormatText = Root;\n\n    return sstyled(this.asProps.styles)(<SFormatText render={Box} />);\n  }\n}\nexport default createComponent(FormatText) as any as Intergalactic.Component<\n  'div',\n  FormatTextProps\n>;\n"],"mappings":";;;;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAFA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAkD;AAAA,IAAAI,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAWlD;AAAA,IAMMC,UAAU,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,gBAAA,mBAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAOd,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,WAAW,GAEwCC,YAAG;MAA5D,OAAAF,KAAA,GAAO,IAAAhB,aAAO,EAAC,IAAI,CAACe,OAAO,CAACI,MAAM,CAAC,eAACxB,MAAA,YAAAyB,aAAA,CAACH,WAAW,EAAAD,KAAA,CAAAK,EAAA,oBAAAC,cAAA,qBAAA9B,KAAA,CAAA+B,WAAA,MAAAT,IAAA,IAAgB;IAClE;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBsB,eAAS;AAAA,IAAAC,gBAAA,aAA5BvB,UAAU,iBACO,YAAY;AAAA,IAAAuB,gBAAA,aAD7BvB,UAAU,WAECJ,KAAK;AAAA,IAAA2B,gBAAA,aAFhBvB,UAAU,kBAGQ;EACpBwB,IAAI,EAAE;AACR,CAAC;AAAA,IAAAC,QAAA,GAQY,IAAAC,gBAAe,EAAC1B,UAAU,CAAC;AAAA2B,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"FormatText.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","style","_index","sstyled","insert","FormatText","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SFormatText","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","size","_default","createComponent","exports"],"sources":["../../src/FormatText.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport createComponent, {\n  UnknownProperties,\n  Intergalactic,\n  Component,\n  sstyled,\n  Root,\n} from '@semcore/core';\n\nimport style from './style/format-text.shadow.css';\n\n/** @deprecated */\nexport interface IFormatTextProps extends FormatTextProps, UnknownProperties {}\nexport type FormatTextProps = BoxProps & {\n  size?: 's' | 'm' | 'l';\n};\n\nclass FormatText extends Component<IFormatTextProps> {\n  static displayName = 'FormatText';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n\n  render() {\n    const SFormatText = Root;\n\n    return sstyled(this.asProps.styles)(<SFormatText render={Box} />);\n  }\n}\nexport default createComponent(FormatText) as any as Intergalactic.Component<\n  'div',\n  FormatTextProps\n>;\n"],"mappings":";;;;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAFA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAkD;AAAA,IAAAI,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAWlD;AAAA,IAMMC,UAAU,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,gBAAA,mBAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAOd,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,WAAW,GAEwCC,YAAG;MAA5D,OAAAF,KAAA,GAAO,IAAAhB,aAAO,EAAC,IAAI,CAACe,OAAO,CAACI,MAAM,CAAC,eAACxB,MAAA,YAAAyB,aAAA,CAACH,WAAW,EAAAD,KAAA,CAAAK,EAAA,oBAAAC,cAAA,qBAAA9B,KAAA,CAAA+B,WAAA,MAAAT,IAAA,IAAgB;IAClE;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBsB,eAAS;AAAA,IAAAC,gBAAA,aAA5BvB,UAAU,iBACO,YAAY;AAAA,IAAAuB,gBAAA,aAD7BvB,UAAU,WAECJ,KAAK;AAAA,IAAA2B,gBAAA,aAFhBvB,UAAU,kBAGQ;EACpBwB,IAAI,EAAE;AACR,CAAC;AAAA,IAAAC,QAAA,GAQY,IAAAC,gBAAe,EAAC1B,UAAU,CAAC;AAAA2B,OAAA,cAAAF,QAAA"}