intergalactic 15.129.0 → 15.130.0

package/flags/package.json

@@ -1 +1 @@
-{"name":"intergalactic/flags","description":"Semrush Flags Component","version":"4.40.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && tsm --require=../../.ci/tsm-filter-warnings.js ./generate.ts","upload-static":"gcs-upload lib/sprites/*"},"dependencies":{"@semcore/flex-box":"5.41.2","@semcore/utils":"4.48.2","classnames":"2.2.6"},"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/flags"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/classnames":"2.2.6","@types/react":"18.0.21","imagemin":"8.0.1","imagemin-pngquant":"9.0.2","pngjs":"6.0.0"}}
+{"name":"intergalactic/flags","description":"Semrush Flags Component","version":"4.40.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 --source=js && tsm --require=../../.ci/tsm-filter-warnings.js ./generate.ts","upload-static":"gcs-upload lib/sprites/*"},"dependencies":{"@semcore/flex-box":"5.41.3","@semcore/utils":"4.48.4","classnames":"2.2.6"},"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/flags"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/classnames":"2.2.6","@types/react":"18.0.21","imagemin":"8.0.1","imagemin-pngquant":"9.0.2","pngjs":"6.0.0"}}

package/flex-box/lib/cjs/Box/useBox.js

@@ -17,10 +17,12 @@ var _propsForElement = _interopRequireDefault(require("intergalactic/utils/lib/p
 var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _utils = require("../utils");
 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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_12ntt_gg_{box-sizing:border-box}.___SBoxInline_12ntt_gg_{display:inline-block}" /*__inner_css_end__*/, "12ntt_gg_") /*__reshadow_css_end__*/, {
-  "__SBoxSizing": "___SBoxSizing_12ntt_gg_",
-  "__SBoxInline": "___SBoxInline_12ntt_gg_"
+/*!__reshadow-styles__:"../style/use-box.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___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 removeUndefinedKeys(obj) {
   return Object.entries(obj).reduce(function (acc, _ref) {

package/flex-box/lib/cjs/Box/useBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBox.js","names":["_react","_interopRequireDefault","require","_classnames","_core","_propsForElement","_logger","_utils","_excluded","style","_index","sstyled","insert","removeUndefinedKeys","obj","Object","entries","reduce","acc","_ref","_ref2","_slicedToArray2","key","value","undefined","getSize","size","concat","calculateIndentStyles","props","scaleIndent","display","width","height","minWidth","maxWidth","minHeight","maxHeight","position","top","left","bottom","right","flex","zIndex","margin","getAutoOrScaleIndent","marginTop","marginBottom","marginLeft","marginRight","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","useBox","ref","_ref3","_ref3$tag","tag","Tag","className","styleProp","_ref3$scaleIndent","boxSizing","inline","w","h","wMin","wMax","hMin","hMax","m","mt","mb","my","ml","mr","mx","p","pt","pb","py","pl","pr","px","css","other","_objectWithoutProperties2","indentStyles","React","useMemo","logger","warn","styles","Fragment","children","_objectSpread2","cn","SBoxSizing","SBoxInline","assign","propsForElement"],"sources":["../../../src/Box/useBox.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { Properties, Property } from 'csstype';\nimport { sstyled, StyledProps, UnknownProperties } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from '../style/use-box.shadow.css';\nimport { getAutoOrScaleIndent } from '../utils';\n\nexport function removeUndefinedKeys<T extends {}>(obj: T) {\n  return Object.entries(obj).reduce((acc: any, [key, value]) => {\n    if (value !== undefined) {\n      acc[key] = value;\n    }\n    return acc;\n  }, {});\n}\n\nfunction getSize(size: any) {\n  if (typeof size !== 'number') {\n    return size;\n  }\n  if (size < 1) {\n    return `${100 * size}%`;\n  }\n  if (size >= 1) {\n    return `${size}px`;\n  }\n}\n\nexport type BoxProps = StyledProps & {\n  /**\n   * CSS `display` property\n   */\n  display?: Property.Display;\n\n  /** Sets the `inline-block` property */\n  inline?: boolean;\n\n  /** CSS `box-sizing: border-box` property */\n  boxSizing?: boolean | 'border-box';\n\n  /** CSS `flex` property */\n  flex?: Property.Flex<string>;\n\n  /** CSS `margin` property */\n  m?: number | string;\n\n  /** CSS `margin-top` property */\n  mt?: number | string;\n\n  /** CSS `margin-right` property */\n  mr?: number | string;\n\n  /** CSS `margin-bottom` property */\n  mb?: number | string;\n\n  /** CSS `margin-left` property */\n  ml?: number | string;\n\n  /** CSS `margin-left` and `margin-right` property */\n  mx?: number | string;\n\n  /** CSS `margin-top` and `margin-bottom` property */\n  my?: number | string;\n\n  /** CSS `padding` property */\n  p?: number | string;\n\n  /** CSS `padding-top` property */\n  pt?: number | string;\n\n  /** CSS `padding-right` property */\n  pr?: number | string;\n\n  /** CSS `padding-bottom` property */\n  pb?: number | string;\n\n  /** CSS `padding-left` property */\n  pl?: number | string;\n\n  /** CSS `padding-left` and `padding-right` property */\n  px?: number | string;\n\n  /** CSS `padding-top` and `padding-bottom` property */\n  py?: number | string;\n\n  /**\n   * CSS `width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  w?: number | string;\n\n  /**\n   * CSS `min-width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  wMin?: number | string;\n\n  /**\n   * CSS `max-width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  wMax?: number | string;\n\n  /**\n   * CSS `height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  h?: number | string;\n\n  /**\n   * CSS `min-height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  hMin?: number | string;\n\n  /**\n   * CSS `max-height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  hMax?: number | string;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n\n  /** Property for specifying css properties in js\n   * @deprecated v4.0.0 */\n  css?: React.CSSProperties;\n\n  /** CSS `position` property */\n  position?: Property.Position;\n  /** CSS `top` property */\n  top?: number | string;\n  /** CSS `left` property */\n  left?: number | string;\n  /** CSS `bottom` property */\n  bottom?: number | string;\n  /** CSS `right` property */\n  right?: number | string;\n\n  zIndex?: number;\n\n  children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IBoxProps extends BoxProps, UnknownProperties {\n  /**\n   *  HTML tag name for the displayed item\n   * @default div\n   */\n  tag?: React.ElementType | string;\n}\n\nfunction calculateIndentStyles(props: BoxProps, scaleIndent: number) {\n  return removeUndefinedKeys({\n    display: props['display'],\n    width: getSize(props['w']),\n    height: getSize(props['h']),\n    minWidth: getSize(props['wMin']),\n    maxWidth: getSize(props['wMax']),\n    minHeight: getSize(props['hMin']),\n    maxHeight: getSize(props['hMax']),\n    position: props['position'],\n    top: getSize(props['top']),\n    left: getSize(props['left']),\n    bottom: getSize(props['bottom']),\n    right: getSize(props['right']),\n    flex: props.flex,\n    zIndex: props.zIndex,\n\n    margin: getAutoOrScaleIndent(props['m'], scaleIndent),\n    marginTop:\n      getAutoOrScaleIndent(props['mt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginBottom:\n      getAutoOrScaleIndent(props['mb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginLeft:\n      getAutoOrScaleIndent(props['ml'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n    marginRight:\n      getAutoOrScaleIndent(props['mr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n\n    padding: getAutoOrScaleIndent(props['p'], scaleIndent),\n    paddingTop:\n      getAutoOrScaleIndent(props['pt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['py'], scaleIndent),\n    paddingBottom:\n      getAutoOrScaleIndent(props['pb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['py'], scaleIndent),\n    paddingLeft:\n      getAutoOrScaleIndent(props['pl'], scaleIndent) ||\n      getAutoOrScaleIndent(props['px'], scaleIndent),\n    paddingRight:\n      getAutoOrScaleIndent(props['pr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['px'], scaleIndent),\n  });\n}\n\nexport default function useBox<T extends BoxProps>(\n  props: T,\n  ref: React.Ref<HTMLElement>,\n): [React.ElementType | string, any] {\n  const {\n    tag: Tag = 'div',\n    className,\n    style: styleProp,\n    scaleIndent = 4,\n    display,\n    boxSizing,\n    inline,\n    flex,\n    w,\n    h,\n    wMin,\n    wMax,\n    hMin,\n    hMax,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n    p,\n    pt,\n    pb,\n    py,\n    pl,\n    pr,\n    px,\n    css,\n    position,\n    top,\n    left,\n    bottom,\n    right,\n    zIndex,\n    ...other\n  } = props as any;\n\n  const indentStyles: Properties = React.useMemo(() => {\n    return calculateIndentStyles(props, scaleIndent);\n  }, [\n    scaleIndent,\n    display,\n    w,\n    h,\n    wMin,\n    wMax,\n    hMin,\n    hMax,\n    flex,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n    p,\n    pt,\n    pb,\n    py,\n    pl,\n    pr,\n    px,\n    position,\n    top,\n    left,\n    bottom,\n    right,\n    zIndex,\n  ]);\n\n  logger.warn(\n    css !== undefined,\n    \"The 'css' property is deprecated, use 'style'\",\n    other['data-ui-name'] || 'Box',\n  );\n\n  const styles = sstyled(style);\n\n  if (Tag === React.Fragment) return [React.Fragment, { children: props.children }];\n\n  return [\n    Tag,\n    {\n      ref,\n      className:\n        cn(\n          styles.cn('SBox', {\n            SBoxSizing: boxSizing,\n            SBoxInline: inline,\n          }).className,\n          className,\n        ) || undefined,\n      style: Object.assign({}, styleProp, css, indentStyles),\n      'data-ui-name': 'Box',\n      ...propsForElement(other, Tag),\n    },\n  ];\n}\n"],"mappings":"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"}
+{"version":3,"file":"useBox.js","names":["_react","_interopRequireDefault","require","_classnames","_core","_propsForElement","_logger","_utils","_excluded","style","_index","sstyled","insert","removeUndefinedKeys","obj","Object","entries","reduce","acc","_ref","_ref2","_slicedToArray2","key","value","undefined","getSize","size","concat","calculateIndentStyles","props","scaleIndent","display","width","height","minWidth","maxWidth","minHeight","maxHeight","position","top","left","bottom","right","flex","zIndex","margin","getAutoOrScaleIndent","marginTop","marginBottom","marginLeft","marginRight","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","useBox","ref","_ref3","_ref3$tag","tag","Tag","className","styleProp","_ref3$scaleIndent","boxSizing","inline","w","h","wMin","wMax","hMin","hMax","m","mt","mb","my","ml","mr","mx","p","pt","pb","py","pl","pr","px","css","other","_objectWithoutProperties2","indentStyles","React","useMemo","logger","warn","styles","Fragment","children","_objectSpread2","cn","SBoxSizing","SBoxInline","assign","propsForElement"],"sources":["../../../src/Box/useBox.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { Properties, Property } from 'csstype';\nimport { sstyled, StyledProps, UnknownProperties } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from '../style/use-box.shadow.css';\nimport { getAutoOrScaleIndent } from '../utils';\n\nexport function removeUndefinedKeys<T extends {}>(obj: T) {\n  return Object.entries(obj).reduce((acc: any, [key, value]) => {\n    if (value !== undefined) {\n      acc[key] = value;\n    }\n    return acc;\n  }, {});\n}\n\nfunction getSize(size: any) {\n  if (typeof size !== 'number') {\n    return size;\n  }\n  if (size < 1) {\n    return `${100 * size}%`;\n  }\n  if (size >= 1) {\n    return `${size}px`;\n  }\n}\n\nexport type BoxProps = StyledProps & {\n  /**\n   * CSS `display` property\n   */\n  display?: Property.Display;\n\n  /** Sets the `inline-block` property */\n  inline?: boolean;\n\n  /** CSS `box-sizing: border-box` property */\n  boxSizing?: boolean | 'border-box';\n\n  /** CSS `flex` property */\n  flex?: Property.Flex<string>;\n\n  /** CSS `margin` property */\n  m?: number | string;\n\n  /** CSS `margin-top` property */\n  mt?: number | string;\n\n  /** CSS `margin-right` property */\n  mr?: number | string;\n\n  /** CSS `margin-bottom` property */\n  mb?: number | string;\n\n  /** CSS `margin-left` property */\n  ml?: number | string;\n\n  /** CSS `margin-left` and `margin-right` property */\n  mx?: number | string;\n\n  /** CSS `margin-top` and `margin-bottom` property */\n  my?: number | string;\n\n  /** CSS `padding` property */\n  p?: number | string;\n\n  /** CSS `padding-top` property */\n  pt?: number | string;\n\n  /** CSS `padding-right` property */\n  pr?: number | string;\n\n  /** CSS `padding-bottom` property */\n  pb?: number | string;\n\n  /** CSS `padding-left` property */\n  pl?: number | string;\n\n  /** CSS `padding-left` and `padding-right` property */\n  px?: number | string;\n\n  /** CSS `padding-top` and `padding-bottom` property */\n  py?: number | string;\n\n  /**\n   * CSS `width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  w?: number | string;\n\n  /**\n   * CSS `min-width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  wMin?: number | string;\n\n  /**\n   * CSS `max-width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  wMax?: number | string;\n\n  /**\n   * CSS `height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  h?: number | string;\n\n  /**\n   * CSS `min-height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  hMin?: number | string;\n\n  /**\n   * CSS `max-height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  hMax?: number | string;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n\n  /** Property for specifying css properties in js\n   * @deprecated v4.0.0 */\n  css?: React.CSSProperties;\n\n  /** CSS `position` property */\n  position?: Property.Position;\n  /** CSS `top` property */\n  top?: number | string;\n  /** CSS `left` property */\n  left?: number | string;\n  /** CSS `bottom` property */\n  bottom?: number | string;\n  /** CSS `right` property */\n  right?: number | string;\n\n  zIndex?: number;\n\n  children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IBoxProps extends BoxProps, UnknownProperties {\n  /**\n   *  HTML tag name for the displayed item\n   * @default div\n   */\n  tag?: React.ElementType | string;\n}\n\nfunction calculateIndentStyles(props: BoxProps, scaleIndent: number) {\n  return removeUndefinedKeys({\n    display: props['display'],\n    width: getSize(props['w']),\n    height: getSize(props['h']),\n    minWidth: getSize(props['wMin']),\n    maxWidth: getSize(props['wMax']),\n    minHeight: getSize(props['hMin']),\n    maxHeight: getSize(props['hMax']),\n    position: props['position'],\n    top: getSize(props['top']),\n    left: getSize(props['left']),\n    bottom: getSize(props['bottom']),\n    right: getSize(props['right']),\n    flex: props.flex,\n    zIndex: props.zIndex,\n\n    margin: getAutoOrScaleIndent(props['m'], scaleIndent),\n    marginTop:\n      getAutoOrScaleIndent(props['mt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginBottom:\n      getAutoOrScaleIndent(props['mb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginLeft:\n      getAutoOrScaleIndent(props['ml'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n    marginRight:\n      getAutoOrScaleIndent(props['mr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n\n    padding: getAutoOrScaleIndent(props['p'], scaleIndent),\n    paddingTop:\n      getAutoOrScaleIndent(props['pt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['py'], scaleIndent),\n    paddingBottom:\n      getAutoOrScaleIndent(props['pb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['py'], scaleIndent),\n    paddingLeft:\n      getAutoOrScaleIndent(props['pl'], scaleIndent) ||\n      getAutoOrScaleIndent(props['px'], scaleIndent),\n    paddingRight:\n      getAutoOrScaleIndent(props['pr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['px'], scaleIndent),\n  });\n}\n\nexport default function useBox<T extends BoxProps>(\n  props: T,\n  ref: React.Ref<HTMLElement>,\n): [React.ElementType | string, any] {\n  const {\n    tag: Tag = 'div',\n    className,\n    style: styleProp,\n    scaleIndent = 4,\n    display,\n    boxSizing,\n    inline,\n    flex,\n    w,\n    h,\n    wMin,\n    wMax,\n    hMin,\n    hMax,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n    p,\n    pt,\n    pb,\n    py,\n    pl,\n    pr,\n    px,\n    css,\n    position,\n    top,\n    left,\n    bottom,\n    right,\n    zIndex,\n    ...other\n  } = props as any;\n\n  const indentStyles: Properties = React.useMemo(() => {\n    return calculateIndentStyles(props, scaleIndent);\n  }, [\n    scaleIndent,\n    display,\n    w,\n    h,\n    wMin,\n    wMax,\n    hMin,\n    hMax,\n    flex,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n    p,\n    pt,\n    pb,\n    py,\n    pl,\n    pr,\n    px,\n    position,\n    top,\n    left,\n    bottom,\n    right,\n    zIndex,\n  ]);\n\n  logger.warn(\n    css !== undefined,\n    \"The 'css' property is deprecated, use 'style'\",\n    other['data-ui-name'] || 'Box',\n  );\n\n  const styles = sstyled(style);\n\n  if (Tag === React.Fragment) return [React.Fragment, { children: props.children }];\n\n  return [\n    Tag,\n    {\n      ref,\n      className:\n        cn(\n          styles.cn('SBox', {\n            SBoxSizing: boxSizing,\n            SBoxInline: inline,\n          }).className,\n          className,\n        ) || undefined,\n      style: Object.assign({}, styleProp, css, indentStyles),\n      'data-ui-name': 'Box',\n      ...propsForElement(other, Tag),\n    },\n  ];\n}\n"],"mappings":"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"}

package/flex-box/lib/cjs/Flex/useFlex.js

@@ -16,10 +16,12 @@ var _core = require("intergalactic/core");
 var _useBox3 = _interopRequireWildcard(require("../Box/useBox"));
 var _utils = require("../utils");
 var _excluded = ["className", "style"];
-/*__reshadow-styles__:"../style/use-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFlex_1jwl7_gg_{display:flex}.___SFlex_1jwl7_gg_.__inline_1jwl7_gg_{display:inline-flex}" /*__inner_css_end__*/, "1jwl7_gg_") /*__reshadow_css_end__*/, {
-  "__SFlex": "___SFlex_1jwl7_gg_",
-  "_inline": "__inline_1jwl7_gg_"
+/*!__reshadow-styles__:"../style/use-flex.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___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 calculateFlexStyles(props) {
   var _props$scaleIndent;

package/flex-box/lib/cjs/Flex/useFlex.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlex.js","names":["_react","_interopRequireDefault","require","_classnames","_core","_useBox3","_interopRequireWildcard","_utils","_excluded","style","_index","sstyled","insert","calculateFlexStyles","props","_props$scaleIndent","DirectionReverse","row","column","scaleIndent","removeUndefinedKeys","alignItems","alignContent","justifyContent","flexWrap","concat","reverse","undefined","flexDirection","direction","rowGap","getAutoOrScaleIndent","gap","columnGap","useFlex","ref","_useBox","useBox","_objectSpread2","inline","_useBox2","_slicedToArray2","Tag","_useBox2$","className","styleProp","other","_objectWithoutProperties2","flexStyles","React","useMemo","styles","Fragment","children","cn","Object","assign"],"sources":["../../../src/Flex/useFlex.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { Property, Properties } from 'csstype';\nimport { sstyled } from '@semcore/core';\nimport useBox, { BoxProps, removeUndefinedKeys } from '../Box/useBox';\n\nimport style from '../style/use-flex.shadow.css';\nimport { getAutoOrScaleIndent } from '../utils';\n\nexport type FlexProps = BoxProps & {\n  /**\n   * It manages the `inline-flex` property\n   */\n  inline?: boolean;\n  /**\n   * Adds the `reverse` property to `flex-direction`\n   */\n  reverse?: boolean;\n  /**\n   * It manages the `flex-wrap` property\n   */\n  flexWrap?: boolean;\n  /**\n   * It manages the `flex-direction` property\n   */\n  direction?: Property.FlexDirection;\n  /**\n   * It manages the `align-items` property\n   */\n  alignItems?: Property.AlignItems;\n  /**\n   * It manages the `align-content` property\n   */\n  alignContent?: Property.AlignContent;\n  /**\n   * CSS `justify-content` property\n   */\n  justifyContent?: Property.JustifyContent;\n  /**\n   * CSS `gap` property\n   */\n  gap?: Property.Gap<number>;\n  /**\n   * CSS `gap` property\n   */\n  rowGap?: Property.RowGap<number>;\n  /**\n   * CSS `gap` property\n   */\n  columnGap?: Property.ColumnGap<number>;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n};\n\n/** @deprecated */\nexport interface IFlexProps extends FlexProps {}\n\nfunction calculateFlexStyles(props: any) {\n  const DirectionReverse: Record<string, string> = {\n    row: 'row-reverse',\n    column: 'column-reverse',\n  };\n\n  const scaleIndent = props.scaleIndent ?? 4;\n\n  return removeUndefinedKeys({\n    alignItems: props.alignItems,\n    alignContent: props.alignContent,\n    justifyContent: props.justifyContent,\n    flexWrap: props.flexWrap ? `wrap${props.reverse ? '-reverse' : ''}` : undefined,\n    flexDirection: (props.reverse && DirectionReverse[props.direction]) || props.direction,\n    rowGap: getAutoOrScaleIndent(props.rowGap || props.gap, scaleIndent),\n    columnGap: getAutoOrScaleIndent(props.columnGap || props.gap, scaleIndent),\n  });\n}\n\nexport default function useFlex<T extends FlexProps>(\n  props: T,\n  ref: React.Ref<HTMLElement>,\n): [React.ElementType | string, any] {\n  const [Tag, { className, style: styleProp, ...other }] = useBox(\n    {\n      'data-ui-name': 'Flex',\n      ...props,\n      inline: false,\n    },\n    ref,\n  );\n  const {\n    inline,\n    flexWrap,\n    direction,\n    reverse,\n    alignItems,\n    alignContent,\n    justifyContent,\n    gap,\n    rowGap,\n    columnGap,\n    scaleIndent,\n  } = props;\n\n  const flexStyles: Properties = React.useMemo(() => {\n    return calculateFlexStyles(props);\n  }, [\n    flexWrap,\n    direction,\n    reverse,\n    alignItems,\n    alignContent,\n    justifyContent,\n    gap,\n    rowGap,\n    columnGap,\n    scaleIndent,\n  ]);\n\n  const styles = sstyled(style);\n\n  if (Tag === React.Fragment) return [React.Fragment, { children: props.children }];\n\n  return [\n    Tag,\n    {\n      className:\n        cn(\n          styles.cn('SFlex', {\n            inline: inline,\n          }).className,\n          className,\n        ) || undefined,\n      style: Object.assign({}, styleProp, flexStyles),\n      ...other,\n    },\n  ];\n}\n"],"mappings":"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"}
+{"version":3,"file":"useFlex.js","names":["_react","_interopRequireDefault","require","_classnames","_core","_useBox3","_interopRequireWildcard","_utils","_excluded","style","_index","sstyled","insert","calculateFlexStyles","props","_props$scaleIndent","DirectionReverse","row","column","scaleIndent","removeUndefinedKeys","alignItems","alignContent","justifyContent","flexWrap","concat","reverse","undefined","flexDirection","direction","rowGap","getAutoOrScaleIndent","gap","columnGap","useFlex","ref","_useBox","useBox","_objectSpread2","inline","_useBox2","_slicedToArray2","Tag","_useBox2$","className","styleProp","other","_objectWithoutProperties2","flexStyles","React","useMemo","styles","Fragment","children","cn","Object","assign"],"sources":["../../../src/Flex/useFlex.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { Property, Properties } from 'csstype';\nimport { sstyled } from '@semcore/core';\nimport useBox, { BoxProps, removeUndefinedKeys } from '../Box/useBox';\n\nimport style from '../style/use-flex.shadow.css';\nimport { getAutoOrScaleIndent } from '../utils';\n\nexport type FlexProps = BoxProps & {\n  /**\n   * It manages the `inline-flex` property\n   */\n  inline?: boolean;\n  /**\n   * Adds the `reverse` property to `flex-direction`\n   */\n  reverse?: boolean;\n  /**\n   * It manages the `flex-wrap` property\n   */\n  flexWrap?: boolean;\n  /**\n   * It manages the `flex-direction` property\n   */\n  direction?: Property.FlexDirection;\n  /**\n   * It manages the `align-items` property\n   */\n  alignItems?: Property.AlignItems;\n  /**\n   * It manages the `align-content` property\n   */\n  alignContent?: Property.AlignContent;\n  /**\n   * CSS `justify-content` property\n   */\n  justifyContent?: Property.JustifyContent;\n  /**\n   * CSS `gap` property\n   */\n  gap?: Property.Gap<number>;\n  /**\n   * CSS `gap` property\n   */\n  rowGap?: Property.RowGap<number>;\n  /**\n   * CSS `gap` property\n   */\n  columnGap?: Property.ColumnGap<number>;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n};\n\n/** @deprecated */\nexport interface IFlexProps extends FlexProps {}\n\nfunction calculateFlexStyles(props: any) {\n  const DirectionReverse: Record<string, string> = {\n    row: 'row-reverse',\n    column: 'column-reverse',\n  };\n\n  const scaleIndent = props.scaleIndent ?? 4;\n\n  return removeUndefinedKeys({\n    alignItems: props.alignItems,\n    alignContent: props.alignContent,\n    justifyContent: props.justifyContent,\n    flexWrap: props.flexWrap ? `wrap${props.reverse ? '-reverse' : ''}` : undefined,\n    flexDirection: (props.reverse && DirectionReverse[props.direction]) || props.direction,\n    rowGap: getAutoOrScaleIndent(props.rowGap || props.gap, scaleIndent),\n    columnGap: getAutoOrScaleIndent(props.columnGap || props.gap, scaleIndent),\n  });\n}\n\nexport default function useFlex<T extends FlexProps>(\n  props: T,\n  ref: React.Ref<HTMLElement>,\n): [React.ElementType | string, any] {\n  const [Tag, { className, style: styleProp, ...other }] = useBox(\n    {\n      'data-ui-name': 'Flex',\n      ...props,\n      inline: false,\n    },\n    ref,\n  );\n  const {\n    inline,\n    flexWrap,\n    direction,\n    reverse,\n    alignItems,\n    alignContent,\n    justifyContent,\n    gap,\n    rowGap,\n    columnGap,\n    scaleIndent,\n  } = props;\n\n  const flexStyles: Properties = React.useMemo(() => {\n    return calculateFlexStyles(props);\n  }, [\n    flexWrap,\n    direction,\n    reverse,\n    alignItems,\n    alignContent,\n    justifyContent,\n    gap,\n    rowGap,\n    columnGap,\n    scaleIndent,\n  ]);\n\n  const styles = sstyled(style);\n\n  if (Tag === React.Fragment) return [React.Fragment, { children: props.children }];\n\n  return [\n    Tag,\n    {\n      className:\n        cn(\n          styles.cn('SFlex', {\n            inline: inline,\n          }).className,\n          className,\n        ) || undefined,\n      style: Object.assign({}, styleProp, flexStyles),\n      ...other,\n    },\n  ];\n}\n"],"mappings":"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"}

package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js

@@ -11,9 +11,11 @@ var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
-/*__reshadow-styles__:"./invalidStateBox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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)}" /*__inner_css_end__*/, "13gop_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_13gop_gg_"
+/*!__reshadow-styles__:"./invalidStateBox.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___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_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var _ref = arguments[0],

package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidStateBox.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Box","style","_index","sstyled","insert","InvalidStatePatternComponent","_ref","arguments[0]","_ref2","SPattern","Box","createElement","cn","_objectSpread2","assignProps","InvalidStateBox","createComponent","exports","_default"],"sources":["../../../src/invalid-state-box/InvalidStateBox.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './invalidStateBox.shadow.css';\nimport Box from '../Box';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={Box} />);\n};\n\nexport const InvalidStateBox = createComponent(InvalidStatePatternComponent);\n\nexport default InvalidStateBox;\n"],"mappings":";;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,IAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAyB;AAAA,IAAAI,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;AAAA;AAEzB,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,IAAMC,QAAQ,GAE0BC,eAAG;EAA3C,OAAAF,KAAA,GAAO,IAAAL,aAAO,EAACF,KAAK,CAAC,eAACH,MAAA,YAAAa,aAAA,CAACF,QAAQ,EAAAD,KAAA,CAAAI,EAAA,iBAAAC,cAAA,qBAAAlB,KAAA,CAAAmB,WAAA,MAAAR,IAAA,IAAgB;AACjD,CAAC;AAEM,IAAMS,eAAe,GAAG,IAAAC,gBAAe,EAACX,4BAA4B,CAAC;AAACY,OAAA,CAAAF,eAAA,GAAAA,eAAA;AAAA,IAAAG,QAAA,GAE9DH,eAAe;AAAAE,OAAA,cAAAC,QAAA"}
+{"version":3,"file":"InvalidStateBox.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Box","style","_index","sstyled","insert","InvalidStatePatternComponent","_ref","arguments[0]","_ref2","SPattern","Box","createElement","cn","_objectSpread2","assignProps","InvalidStateBox","createComponent","exports","_default"],"sources":["../../../src/invalid-state-box/InvalidStateBox.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './invalidStateBox.shadow.css';\nimport Box from '../Box';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={Box} />);\n};\n\nexport const InvalidStateBox = createComponent(InvalidStatePatternComponent);\n\nexport default InvalidStateBox;\n"],"mappings":";;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,IAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAyB;AAAA,IAAAI,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;AAAA;AAEzB,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,IAAMC,QAAQ,GAE0BC,eAAG;EAA3C,OAAAF,KAAA,GAAO,IAAAL,aAAO,EAACF,KAAK,CAAC,eAACH,MAAA,YAAAa,aAAA,CAACF,QAAQ,EAAAD,KAAA,CAAAI,EAAA,iBAAAC,cAAA,qBAAAlB,KAAA,CAAAmB,WAAA,MAAAR,IAAA,IAAgB;AACjD,CAAC;AAEM,IAAMS,eAAe,GAAG,IAAAC,gBAAe,EAACX,4BAA4B,CAAC;AAACY,OAAA,CAAAF,eAAA,GAAAA,eAAA;AAAA,IAAAG,QAAA,GAE9DH,eAAe;AAAAE,OAAA,cAAAC,QAAA"}

package/flex-box/lib/cjs/screen-reader-only-box/ScreenReaderOnlyBox.js

@@ -11,9 +11,11 @@ var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
-/*__reshadow-styles__:"./screenReaderOnlyBox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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}" /*__inner_css_end__*/, "ro3ht_gg_") /*__reshadow_css_end__*/, {
-  "__SScreenReaderOnly": "___SScreenReaderOnly_ro3ht_gg_"
+/*!__reshadow-styles__:"./screenReaderOnlyBox.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___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_"
 });
 var ScreenReaderOnlyComponent = function ScreenReaderOnlyComponent() {
   var _ref = arguments[0],

package/flex-box/lib/cjs/screen-reader-only-box/ScreenReaderOnlyBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderOnlyBox.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Box","style","_index","sstyled","insert","ScreenReaderOnlyComponent","_ref","arguments[0]","_ref2","SScreenReaderOnly","Box","createElement","cn","_objectSpread2","assignProps","ScreenReaderOnly","createComponent","exports","_default"],"sources":["../../../src/screen-reader-only-box/ScreenReaderOnlyBox.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, Intergalactic } from '@semcore/core';\nimport style from './screenReaderOnlyBox.shadow.css';\nimport Box from '../Box';\n\nconst ScreenReaderOnlyComponent = () => {\n  const SScreenReaderOnly = Root;\n\n  return sstyled(style)(<SScreenReaderOnly render={Box} tag={'span'} />);\n};\n\ntype ScreenReaderOnlyType = Intergalactic.Component<'span'>;\n\nexport const ScreenReaderOnly: ScreenReaderOnlyType = createComponent(ScreenReaderOnlyComponent);\n\nexport default ScreenReaderOnly;\n"],"mappings":";;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,IAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAyB;AAAA,IAAAI,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;AAAA;AAEzB,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtC,IAAMC,iBAAiB,GAE0BC,eAAG;EAApD,OAAAF,KAAA,GAAO,IAAAL,aAAO,EAACF,KAAK,CAAC,eAACH,MAAA,YAAAa,aAAA,CAACF,iBAAiB,EAAAD,KAAA,CAAAI,EAAA,0BAAAC,cAAA,qBAAAlB,KAAA,CAAAmB,WAAA;IAAA,OAAmB;EAAM,GAAAR,IAAA,IAAI;AACvE,CAAC;AAIM,IAAMS,gBAAsC,GAAG,IAAAC,gBAAe,EAACX,yBAAyB,CAAC;AAACY,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAAA,IAAAG,QAAA,GAElFH,gBAAgB;AAAAE,OAAA,cAAAC,QAAA"}
+{"version":3,"file":"ScreenReaderOnlyBox.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Box","style","_index","sstyled","insert","ScreenReaderOnlyComponent","_ref","arguments[0]","_ref2","SScreenReaderOnly","Box","createElement","cn","_objectSpread2","assignProps","ScreenReaderOnly","createComponent","exports","_default"],"sources":["../../../src/screen-reader-only-box/ScreenReaderOnlyBox.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, Intergalactic } from '@semcore/core';\nimport style from './screenReaderOnlyBox.shadow.css';\nimport Box from '../Box';\n\nconst ScreenReaderOnlyComponent = () => {\n  const SScreenReaderOnly = Root;\n\n  return sstyled(style)(<SScreenReaderOnly render={Box} tag={'span'} />);\n};\n\ntype ScreenReaderOnlyType = Intergalactic.Component<'span'>;\n\nexport const ScreenReaderOnly: ScreenReaderOnlyType = createComponent(ScreenReaderOnlyComponent);\n\nexport default ScreenReaderOnly;\n"],"mappings":";;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,IAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAyB;AAAA,IAAAI,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;AAAA;AAEzB,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtC,IAAMC,iBAAiB,GAE0BC,eAAG;EAApD,OAAAF,KAAA,GAAO,IAAAL,aAAO,EAACF,KAAK,CAAC,eAACH,MAAA,YAAAa,aAAA,CAACF,iBAAiB,EAAAD,KAAA,CAAAI,EAAA,0BAAAC,cAAA,qBAAAlB,KAAA,CAAAmB,WAAA;IAAA,OAAmB;EAAM,GAAAR,IAAA,IAAI;AACvE,CAAC;AAIM,IAAMS,gBAAsC,GAAG,IAAAC,gBAAe,EAACX,yBAAyB,CAAC;AAACY,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAAA,IAAAG,QAAA,GAElFH,gBAAgB;AAAAE,OAAA,cAAAC,QAAA"}

package/flex-box/lib/es6/Box/useBox.js

@@ -8,10 +8,12 @@ import cn from 'classnames';
 import { sstyled } from 'intergalactic/core';
 import propsForElement from 'intergalactic/utils/lib/propsForElement';
 import logger from 'intergalactic/utils/lib/logger';
-/*__reshadow-styles__:"../style/use-box.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_12ntt_gg_{box-sizing:border-box}.___SBoxInline_12ntt_gg_{display:inline-block}" /*__inner_css_end__*/, "12ntt_gg_") /*__reshadow_css_end__*/, {
-  "__SBoxSizing": "___SBoxSizing_12ntt_gg_",
-  "__SBoxInline": "___SBoxInline_12ntt_gg_"
+/*!__reshadow-styles__:"../style/use-box.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___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_"
 });
 import { getAutoOrScaleIndent } from '../utils';
 export function removeUndefinedKeys(obj) {

package/flex-box/lib/es6/Box/useBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBox.js","names":["React","cn","sstyled","propsForElement","logger","style","_sstyled","insert","getAutoOrScaleIndent","removeUndefinedKeys","obj","Object","entries","reduce","acc","_ref","_ref2","_slicedToArray","key","value","undefined","getSize","size","concat","calculateIndentStyles","props","scaleIndent","display","width","height","minWidth","maxWidth","minHeight","maxHeight","position","top","left","bottom","right","flex","zIndex","margin","marginTop","marginBottom","marginLeft","marginRight","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","useBox","ref","_ref3","_ref3$tag","tag","Tag","className","styleProp","_ref3$scaleIndent","boxSizing","inline","w","h","wMin","wMax","hMin","hMax","m","mt","mb","my","ml","mr","mx","p","pt","pb","py","pl","pr","px","css","other","_objectWithoutProperties","_excluded","indentStyles","useMemo","warn","styles","Fragment","children","_objectSpread","SBoxSizing","SBoxInline","assign"],"sources":["../../../src/Box/useBox.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { Properties, Property } from 'csstype';\nimport { sstyled, StyledProps, UnknownProperties } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from '../style/use-box.shadow.css';\nimport { getAutoOrScaleIndent } from '../utils';\n\nexport function removeUndefinedKeys<T extends {}>(obj: T) {\n  return Object.entries(obj).reduce((acc: any, [key, value]) => {\n    if (value !== undefined) {\n      acc[key] = value;\n    }\n    return acc;\n  }, {});\n}\n\nfunction getSize(size: any) {\n  if (typeof size !== 'number') {\n    return size;\n  }\n  if (size < 1) {\n    return `${100 * size}%`;\n  }\n  if (size >= 1) {\n    return `${size}px`;\n  }\n}\n\nexport type BoxProps = StyledProps & {\n  /**\n   * CSS `display` property\n   */\n  display?: Property.Display;\n\n  /** Sets the `inline-block` property */\n  inline?: boolean;\n\n  /** CSS `box-sizing: border-box` property */\n  boxSizing?: boolean | 'border-box';\n\n  /** CSS `flex` property */\n  flex?: Property.Flex<string>;\n\n  /** CSS `margin` property */\n  m?: number | string;\n\n  /** CSS `margin-top` property */\n  mt?: number | string;\n\n  /** CSS `margin-right` property */\n  mr?: number | string;\n\n  /** CSS `margin-bottom` property */\n  mb?: number | string;\n\n  /** CSS `margin-left` property */\n  ml?: number | string;\n\n  /** CSS `margin-left` and `margin-right` property */\n  mx?: number | string;\n\n  /** CSS `margin-top` and `margin-bottom` property */\n  my?: number | string;\n\n  /** CSS `padding` property */\n  p?: number | string;\n\n  /** CSS `padding-top` property */\n  pt?: number | string;\n\n  /** CSS `padding-right` property */\n  pr?: number | string;\n\n  /** CSS `padding-bottom` property */\n  pb?: number | string;\n\n  /** CSS `padding-left` property */\n  pl?: number | string;\n\n  /** CSS `padding-left` and `padding-right` property */\n  px?: number | string;\n\n  /** CSS `padding-top` and `padding-bottom` property */\n  py?: number | string;\n\n  /**\n   * CSS `width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  w?: number | string;\n\n  /**\n   * CSS `min-width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  wMin?: number | string;\n\n  /**\n   * CSS `max-width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  wMax?: number | string;\n\n  /**\n   * CSS `height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  h?: number | string;\n\n  /**\n   * CSS `min-height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  hMin?: number | string;\n\n  /**\n   * CSS `max-height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  hMax?: number | string;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n\n  /** Property for specifying css properties in js\n   * @deprecated v4.0.0 */\n  css?: React.CSSProperties;\n\n  /** CSS `position` property */\n  position?: Property.Position;\n  /** CSS `top` property */\n  top?: number | string;\n  /** CSS `left` property */\n  left?: number | string;\n  /** CSS `bottom` property */\n  bottom?: number | string;\n  /** CSS `right` property */\n  right?: number | string;\n\n  zIndex?: number;\n\n  children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IBoxProps extends BoxProps, UnknownProperties {\n  /**\n   *  HTML tag name for the displayed item\n   * @default div\n   */\n  tag?: React.ElementType | string;\n}\n\nfunction calculateIndentStyles(props: BoxProps, scaleIndent: number) {\n  return removeUndefinedKeys({\n    display: props['display'],\n    width: getSize(props['w']),\n    height: getSize(props['h']),\n    minWidth: getSize(props['wMin']),\n    maxWidth: getSize(props['wMax']),\n    minHeight: getSize(props['hMin']),\n    maxHeight: getSize(props['hMax']),\n    position: props['position'],\n    top: getSize(props['top']),\n    left: getSize(props['left']),\n    bottom: getSize(props['bottom']),\n    right: getSize(props['right']),\n    flex: props.flex,\n    zIndex: props.zIndex,\n\n    margin: getAutoOrScaleIndent(props['m'], scaleIndent),\n    marginTop:\n      getAutoOrScaleIndent(props['mt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginBottom:\n      getAutoOrScaleIndent(props['mb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginLeft:\n      getAutoOrScaleIndent(props['ml'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n    marginRight:\n      getAutoOrScaleIndent(props['mr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n\n    padding: getAutoOrScaleIndent(props['p'], scaleIndent),\n    paddingTop:\n      getAutoOrScaleIndent(props['pt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['py'], scaleIndent),\n    paddingBottom:\n      getAutoOrScaleIndent(props['pb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['py'], scaleIndent),\n    paddingLeft:\n      getAutoOrScaleIndent(props['pl'], scaleIndent) ||\n      getAutoOrScaleIndent(props['px'], scaleIndent),\n    paddingRight:\n      getAutoOrScaleIndent(props['pr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['px'], scaleIndent),\n  });\n}\n\nexport default function useBox<T extends BoxProps>(\n  props: T,\n  ref: React.Ref<HTMLElement>,\n): [React.ElementType | string, any] {\n  const {\n    tag: Tag = 'div',\n    className,\n    style: styleProp,\n    scaleIndent = 4,\n    display,\n    boxSizing,\n    inline,\n    flex,\n    w,\n    h,\n    wMin,\n    wMax,\n    hMin,\n    hMax,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n    p,\n    pt,\n    pb,\n    py,\n    pl,\n    pr,\n    px,\n    css,\n    position,\n    top,\n    left,\n    bottom,\n    right,\n    zIndex,\n    ...other\n  } = props as any;\n\n  const indentStyles: Properties = React.useMemo(() => {\n    return calculateIndentStyles(props, scaleIndent);\n  }, [\n    scaleIndent,\n    display,\n    w,\n    h,\n    wMin,\n    wMax,\n    hMin,\n    hMax,\n    flex,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n    p,\n    pt,\n    pb,\n    py,\n    pl,\n    pr,\n    px,\n    position,\n    top,\n    left,\n    bottom,\n    right,\n    zIndex,\n  ]);\n\n  logger.warn(\n    css !== undefined,\n    \"The 'css' property is deprecated, use 'style'\",\n    other['data-ui-name'] || 'Box',\n  );\n\n  const styles = sstyled(style);\n\n  if (Tag === React.Fragment) return [React.Fragment, { children: props.children }];\n\n  return [\n    Tag,\n    {\n      ref,\n      className:\n        cn(\n          styles.cn('SBox', {\n            SBoxSizing: boxSizing,\n            SBoxInline: inline,\n          }).className,\n          className,\n        ) || undefined,\n      style: Object.assign({}, styleProp, css, indentStyles),\n      'data-ui-name': 'Box',\n      ...propsForElement(other, Tag),\n    },\n  ];\n}\n"],"mappings":"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"}
+{"version":3,"file":"useBox.js","names":["React","cn","sstyled","propsForElement","logger","style","_sstyled","insert","getAutoOrScaleIndent","removeUndefinedKeys","obj","Object","entries","reduce","acc","_ref","_ref2","_slicedToArray","key","value","undefined","getSize","size","concat","calculateIndentStyles","props","scaleIndent","display","width","height","minWidth","maxWidth","minHeight","maxHeight","position","top","left","bottom","right","flex","zIndex","margin","marginTop","marginBottom","marginLeft","marginRight","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","useBox","ref","_ref3","_ref3$tag","tag","Tag","className","styleProp","_ref3$scaleIndent","boxSizing","inline","w","h","wMin","wMax","hMin","hMax","m","mt","mb","my","ml","mr","mx","p","pt","pb","py","pl","pr","px","css","other","_objectWithoutProperties","_excluded","indentStyles","useMemo","warn","styles","Fragment","children","_objectSpread","SBoxSizing","SBoxInline","assign"],"sources":["../../../src/Box/useBox.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { Properties, Property } from 'csstype';\nimport { sstyled, StyledProps, UnknownProperties } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from '../style/use-box.shadow.css';\nimport { getAutoOrScaleIndent } from '../utils';\n\nexport function removeUndefinedKeys<T extends {}>(obj: T) {\n  return Object.entries(obj).reduce((acc: any, [key, value]) => {\n    if (value !== undefined) {\n      acc[key] = value;\n    }\n    return acc;\n  }, {});\n}\n\nfunction getSize(size: any) {\n  if (typeof size !== 'number') {\n    return size;\n  }\n  if (size < 1) {\n    return `${100 * size}%`;\n  }\n  if (size >= 1) {\n    return `${size}px`;\n  }\n}\n\nexport type BoxProps = StyledProps & {\n  /**\n   * CSS `display` property\n   */\n  display?: Property.Display;\n\n  /** Sets the `inline-block` property */\n  inline?: boolean;\n\n  /** CSS `box-sizing: border-box` property */\n  boxSizing?: boolean | 'border-box';\n\n  /** CSS `flex` property */\n  flex?: Property.Flex<string>;\n\n  /** CSS `margin` property */\n  m?: number | string;\n\n  /** CSS `margin-top` property */\n  mt?: number | string;\n\n  /** CSS `margin-right` property */\n  mr?: number | string;\n\n  /** CSS `margin-bottom` property */\n  mb?: number | string;\n\n  /** CSS `margin-left` property */\n  ml?: number | string;\n\n  /** CSS `margin-left` and `margin-right` property */\n  mx?: number | string;\n\n  /** CSS `margin-top` and `margin-bottom` property */\n  my?: number | string;\n\n  /** CSS `padding` property */\n  p?: number | string;\n\n  /** CSS `padding-top` property */\n  pt?: number | string;\n\n  /** CSS `padding-right` property */\n  pr?: number | string;\n\n  /** CSS `padding-bottom` property */\n  pb?: number | string;\n\n  /** CSS `padding-left` property */\n  pl?: number | string;\n\n  /** CSS `padding-left` and `padding-right` property */\n  px?: number | string;\n\n  /** CSS `padding-top` and `padding-bottom` property */\n  py?: number | string;\n\n  /**\n   * CSS `width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  w?: number | string;\n\n  /**\n   * CSS `min-width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  wMin?: number | string;\n\n  /**\n   * CSS `max-width` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  wMax?: number | string;\n\n  /**\n   * CSS `height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  h?: number | string;\n\n  /**\n   * CSS `min-height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  hMin?: number | string;\n\n  /**\n   * CSS `max-height` property.\n   * If its value is less than 1, is considered as a fraction of 100%.\n   * If its value is more than 1, is considered as value in px, if it is a string, is passed as is.\n   */\n  hMax?: number | string;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n\n  /** Property for specifying css properties in js\n   * @deprecated v4.0.0 */\n  css?: React.CSSProperties;\n\n  /** CSS `position` property */\n  position?: Property.Position;\n  /** CSS `top` property */\n  top?: number | string;\n  /** CSS `left` property */\n  left?: number | string;\n  /** CSS `bottom` property */\n  bottom?: number | string;\n  /** CSS `right` property */\n  right?: number | string;\n\n  zIndex?: number;\n\n  children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IBoxProps extends BoxProps, UnknownProperties {\n  /**\n   *  HTML tag name for the displayed item\n   * @default div\n   */\n  tag?: React.ElementType | string;\n}\n\nfunction calculateIndentStyles(props: BoxProps, scaleIndent: number) {\n  return removeUndefinedKeys({\n    display: props['display'],\n    width: getSize(props['w']),\n    height: getSize(props['h']),\n    minWidth: getSize(props['wMin']),\n    maxWidth: getSize(props['wMax']),\n    minHeight: getSize(props['hMin']),\n    maxHeight: getSize(props['hMax']),\n    position: props['position'],\n    top: getSize(props['top']),\n    left: getSize(props['left']),\n    bottom: getSize(props['bottom']),\n    right: getSize(props['right']),\n    flex: props.flex,\n    zIndex: props.zIndex,\n\n    margin: getAutoOrScaleIndent(props['m'], scaleIndent),\n    marginTop:\n      getAutoOrScaleIndent(props['mt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginBottom:\n      getAutoOrScaleIndent(props['mb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginLeft:\n      getAutoOrScaleIndent(props['ml'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n    marginRight:\n      getAutoOrScaleIndent(props['mr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n\n    padding: getAutoOrScaleIndent(props['p'], scaleIndent),\n    paddingTop:\n      getAutoOrScaleIndent(props['pt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['py'], scaleIndent),\n    paddingBottom:\n      getAutoOrScaleIndent(props['pb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['py'], scaleIndent),\n    paddingLeft:\n      getAutoOrScaleIndent(props['pl'], scaleIndent) ||\n      getAutoOrScaleIndent(props['px'], scaleIndent),\n    paddingRight:\n      getAutoOrScaleIndent(props['pr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['px'], scaleIndent),\n  });\n}\n\nexport default function useBox<T extends BoxProps>(\n  props: T,\n  ref: React.Ref<HTMLElement>,\n): [React.ElementType | string, any] {\n  const {\n    tag: Tag = 'div',\n    className,\n    style: styleProp,\n    scaleIndent = 4,\n    display,\n    boxSizing,\n    inline,\n    flex,\n    w,\n    h,\n    wMin,\n    wMax,\n    hMin,\n    hMax,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n    p,\n    pt,\n    pb,\n    py,\n    pl,\n    pr,\n    px,\n    css,\n    position,\n    top,\n    left,\n    bottom,\n    right,\n    zIndex,\n    ...other\n  } = props as any;\n\n  const indentStyles: Properties = React.useMemo(() => {\n    return calculateIndentStyles(props, scaleIndent);\n  }, [\n    scaleIndent,\n    display,\n    w,\n    h,\n    wMin,\n    wMax,\n    hMin,\n    hMax,\n    flex,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n    p,\n    pt,\n    pb,\n    py,\n    pl,\n    pr,\n    px,\n    position,\n    top,\n    left,\n    bottom,\n    right,\n    zIndex,\n  ]);\n\n  logger.warn(\n    css !== undefined,\n    \"The 'css' property is deprecated, use 'style'\",\n    other['data-ui-name'] || 'Box',\n  );\n\n  const styles = sstyled(style);\n\n  if (Tag === React.Fragment) return [React.Fragment, { children: props.children }];\n\n  return [\n    Tag,\n    {\n      ref,\n      className:\n        cn(\n          styles.cn('SBox', {\n            SBoxSizing: boxSizing,\n            SBoxInline: inline,\n          }).className,\n          className,\n        ) || undefined,\n      style: Object.assign({}, styleProp, css, indentStyles),\n      'data-ui-name': 'Box',\n      ...propsForElement(other, Tag),\n    },\n  ];\n}\n"],"mappings":"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"}

package/flex-box/lib/es6/Flex/useFlex.js

@@ -7,10 +7,12 @@ import React from 'react';
 import cn from 'classnames';
 import { sstyled } from 'intergalactic/core';
 import useBox, { removeUndefinedKeys } from '../Box/useBox';
-/*__reshadow-styles__:"../style/use-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFlex_1jwl7_gg_{display:flex}.___SFlex_1jwl7_gg_.__inline_1jwl7_gg_{display:inline-flex}" /*__inner_css_end__*/, "1jwl7_gg_") /*__reshadow_css_end__*/, {
-  "__SFlex": "___SFlex_1jwl7_gg_",
-  "_inline": "__inline_1jwl7_gg_"
+/*!__reshadow-styles__:"../style/use-flex.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___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_"
 });
 import { getAutoOrScaleIndent } from '../utils';
 function calculateFlexStyles(props) {

package/flex-box/lib/es6/Flex/useFlex.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlex.js","names":["React","cn","sstyled","useBox","removeUndefinedKeys","style","_sstyled","insert","getAutoOrScaleIndent","calculateFlexStyles","props","_props$scaleIndent","DirectionReverse","row","column","scaleIndent","alignItems","alignContent","justifyContent","flexWrap","concat","reverse","undefined","flexDirection","direction","rowGap","gap","columnGap","useFlex","ref","_useBox","_objectSpread","inline","_useBox2","_slicedToArray","Tag","_useBox2$","className","styleProp","other","_objectWithoutProperties","_excluded","flexStyles","useMemo","styles","Fragment","children","Object","assign"],"sources":["../../../src/Flex/useFlex.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { Property, Properties } from 'csstype';\nimport { sstyled } from '@semcore/core';\nimport useBox, { BoxProps, removeUndefinedKeys } from '../Box/useBox';\n\nimport style from '../style/use-flex.shadow.css';\nimport { getAutoOrScaleIndent } from '../utils';\n\nexport type FlexProps = BoxProps & {\n  /**\n   * It manages the `inline-flex` property\n   */\n  inline?: boolean;\n  /**\n   * Adds the `reverse` property to `flex-direction`\n   */\n  reverse?: boolean;\n  /**\n   * It manages the `flex-wrap` property\n   */\n  flexWrap?: boolean;\n  /**\n   * It manages the `flex-direction` property\n   */\n  direction?: Property.FlexDirection;\n  /**\n   * It manages the `align-items` property\n   */\n  alignItems?: Property.AlignItems;\n  /**\n   * It manages the `align-content` property\n   */\n  alignContent?: Property.AlignContent;\n  /**\n   * CSS `justify-content` property\n   */\n  justifyContent?: Property.JustifyContent;\n  /**\n   * CSS `gap` property\n   */\n  gap?: Property.Gap<number>;\n  /**\n   * CSS `gap` property\n   */\n  rowGap?: Property.RowGap<number>;\n  /**\n   * CSS `gap` property\n   */\n  columnGap?: Property.ColumnGap<number>;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n};\n\n/** @deprecated */\nexport interface IFlexProps extends FlexProps {}\n\nfunction calculateFlexStyles(props: any) {\n  const DirectionReverse: Record<string, string> = {\n    row: 'row-reverse',\n    column: 'column-reverse',\n  };\n\n  const scaleIndent = props.scaleIndent ?? 4;\n\n  return removeUndefinedKeys({\n    alignItems: props.alignItems,\n    alignContent: props.alignContent,\n    justifyContent: props.justifyContent,\n    flexWrap: props.flexWrap ? `wrap${props.reverse ? '-reverse' : ''}` : undefined,\n    flexDirection: (props.reverse && DirectionReverse[props.direction]) || props.direction,\n    rowGap: getAutoOrScaleIndent(props.rowGap || props.gap, scaleIndent),\n    columnGap: getAutoOrScaleIndent(props.columnGap || props.gap, scaleIndent),\n  });\n}\n\nexport default function useFlex<T extends FlexProps>(\n  props: T,\n  ref: React.Ref<HTMLElement>,\n): [React.ElementType | string, any] {\n  const [Tag, { className, style: styleProp, ...other }] = useBox(\n    {\n      'data-ui-name': 'Flex',\n      ...props,\n      inline: false,\n    },\n    ref,\n  );\n  const {\n    inline,\n    flexWrap,\n    direction,\n    reverse,\n    alignItems,\n    alignContent,\n    justifyContent,\n    gap,\n    rowGap,\n    columnGap,\n    scaleIndent,\n  } = props;\n\n  const flexStyles: Properties = React.useMemo(() => {\n    return calculateFlexStyles(props);\n  }, [\n    flexWrap,\n    direction,\n    reverse,\n    alignItems,\n    alignContent,\n    justifyContent,\n    gap,\n    rowGap,\n    columnGap,\n    scaleIndent,\n  ]);\n\n  const styles = sstyled(style);\n\n  if (Tag === React.Fragment) return [React.Fragment, { children: props.children }];\n\n  return [\n    Tag,\n    {\n      className:\n        cn(\n          styles.cn('SFlex', {\n            inline: inline,\n          }).className,\n          className,\n        ) || undefined,\n      style: Object.assign({}, styleProp, flexStyles),\n      ...other,\n    },\n  ];\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,EAAE,MAAM,YAAY;AAE3B,SAASC,OAAO,QAAQ,eAAe;AACvC,OAAOC,MAAM,IAAcC,mBAAmB,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAGtE,SAASC,oBAAoB,QAAQ,UAAU;AAsD/C,SAASC,mBAAmBA,CAACC,KAAU,EAAE;EAAA,IAAAC,kBAAA;EACvC,IAAMC,gBAAwC,GAAG;IAC/CC,GAAG,EAAE,aAAa;IAClBC,MAAM,EAAE;EACV,CAAC;EAED,IAAMC,WAAW,IAAAJ,kBAAA,GAAGD,KAAK,CAACK,WAAW,cAAAJ,kBAAA,cAAAA,kBAAA,GAAI,CAAC;EAE1C,OAAOP,mBAAmB,CAAC;IACzBY,UAAU,EAAEN,KAAK,CAACM,UAAU;IAC5BC,YAAY,EAAEP,KAAK,CAACO,YAAY;IAChCC,cAAc,EAAER,KAAK,CAACQ,cAAc;IACpCC,QAAQ,EAAET,KAAK,CAACS,QAAQ,UAAAC,MAAA,CAAUV,KAAK,CAACW,OAAO,GAAG,UAAU,GAAG,EAAE,IAAKC,SAAS;IAC/EC,aAAa,EAAGb,KAAK,CAACW,OAAO,IAAIT,gBAAgB,CAACF,KAAK,CAACc,SAAS,CAAC,IAAKd,KAAK,CAACc,SAAS;IACtFC,MAAM,EAAEjB,oBAAoB,CAACE,KAAK,CAACe,MAAM,IAAIf,KAAK,CAACgB,GAAG,EAAEX,WAAW,CAAC;IACpEY,SAAS,EAAEnB,oBAAoB,CAACE,KAAK,CAACiB,SAAS,IAAIjB,KAAK,CAACgB,GAAG,EAAEX,WAAW;EAC3E,CAAC,CAAC;AACJ;AAEA,eAAe,SAASa,OAAOA,CAC7BlB,KAAQ,EACRmB,GAA2B,EACQ;EACnC,IAAAC,OAAA,GAAyD3B,MAAM,CAAA4B,aAAA,CAAAA,aAAA;MAE3D,cAAc,EAAE;IAAM,GACnBrB,KAAK;MACRsB,MAAM,EAAE;IAAK,IAEfH,GAAG,CACJ;IAAAI,QAAA,GAAAC,cAAA,CAAAJ,OAAA;IAPMK,GAAG,GAAAF,QAAA;IAAAG,SAAA,GAAAH,QAAA;IAAII,SAAS,GAAAD,SAAA,CAATC,SAAS;IAASC,SAAS,GAAAF,SAAA,CAAhB/B,KAAK;IAAgBkC,KAAK,GAAAC,wBAAA,CAAAJ,SAAA,EAAAK,SAAA;EAQnD,IACET,MAAM,GAWJtB,KAAK,CAXPsB,MAAM;IACNb,QAAQ,GAUNT,KAAK,CAVPS,QAAQ;IACRK,SAAS,GASPd,KAAK,CATPc,SAAS;IACTH,OAAO,GAQLX,KAAK,CARPW,OAAO;IACPL,UAAU,GAORN,KAAK,CAPPM,UAAU;IACVC,YAAY,GAMVP,KAAK,CANPO,YAAY;IACZC,cAAc,GAKZR,KAAK,CALPQ,cAAc;IACdQ,GAAG,GAIDhB,KAAK,CAJPgB,GAAG;IACHD,MAAM,GAGJf,KAAK,CAHPe,MAAM;IACNE,SAAS,GAEPjB,KAAK,CAFPiB,SAAS;IACTZ,WAAW,GACTL,KAAK,CADPK,WAAW;EAGb,IAAM2B,UAAsB,GAAG1C,KAAK,CAAC2C,OAAO,CAAC,YAAM;IACjD,OAAOlC,mBAAmB,CAACC,KAAK,CAAC;EACnC,CAAC,EAAE,CACDS,QAAQ,EACRK,SAAS,EACTH,OAAO,EACPL,UAAU,EACVC,YAAY,EACZC,cAAc,EACdQ,GAAG,EACHD,MAAM,EACNE,SAAS,EACTZ,WAAW,CACZ,CAAC;EAEF,IAAM6B,MAAM,GAAG1C,OAAO,CAACG,KAAK,CAAC;EAE7B,IAAI8B,GAAG,KAAKnC,KAAK,CAAC6C,QAAQ,EAAE,OAAO,CAAC7C,KAAK,CAAC6C,QAAQ,EAAE;IAAEC,QAAQ,EAAEpC,KAAK,CAACoC;EAAS,CAAC,CAAC;EAEjF,OAAO,CACLX,GAAG,EAAAJ,aAAA;IAEDM,SAAS,EACPpC,EAAE,CACA2C,MAAM,CAAC3C,EAAE,CAAC,OAAO,EAAE;MACjB+B,MAAM,EAAEA;IACV,CAAC,CAAC,CAACK,SAAS,EACZA,SAAS,CACV,IAAIf,SAAS;IAChBjB,KAAK,EAAE0C,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEV,SAAS,EAAEI,UAAU;EAAC,GAC5CH,KAAK,EAEX;AACH"}
+{"version":3,"file":"useFlex.js","names":["React","cn","sstyled","useBox","removeUndefinedKeys","style","_sstyled","insert","getAutoOrScaleIndent","calculateFlexStyles","props","_props$scaleIndent","DirectionReverse","row","column","scaleIndent","alignItems","alignContent","justifyContent","flexWrap","concat","reverse","undefined","flexDirection","direction","rowGap","gap","columnGap","useFlex","ref","_useBox","_objectSpread","inline","_useBox2","_slicedToArray","Tag","_useBox2$","className","styleProp","other","_objectWithoutProperties","_excluded","flexStyles","useMemo","styles","Fragment","children","Object","assign"],"sources":["../../../src/Flex/useFlex.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\nimport { Property, Properties } from 'csstype';\nimport { sstyled } from '@semcore/core';\nimport useBox, { BoxProps, removeUndefinedKeys } from '../Box/useBox';\n\nimport style from '../style/use-flex.shadow.css';\nimport { getAutoOrScaleIndent } from '../utils';\n\nexport type FlexProps = BoxProps & {\n  /**\n   * It manages the `inline-flex` property\n   */\n  inline?: boolean;\n  /**\n   * Adds the `reverse` property to `flex-direction`\n   */\n  reverse?: boolean;\n  /**\n   * It manages the `flex-wrap` property\n   */\n  flexWrap?: boolean;\n  /**\n   * It manages the `flex-direction` property\n   */\n  direction?: Property.FlexDirection;\n  /**\n   * It manages the `align-items` property\n   */\n  alignItems?: Property.AlignItems;\n  /**\n   * It manages the `align-content` property\n   */\n  alignContent?: Property.AlignContent;\n  /**\n   * CSS `justify-content` property\n   */\n  justifyContent?: Property.JustifyContent;\n  /**\n   * CSS `gap` property\n   */\n  gap?: Property.Gap<number>;\n  /**\n   * CSS `gap` property\n   */\n  rowGap?: Property.RowGap<number>;\n  /**\n   * CSS `gap` property\n   */\n  columnGap?: Property.ColumnGap<number>;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n};\n\n/** @deprecated */\nexport interface IFlexProps extends FlexProps {}\n\nfunction calculateFlexStyles(props: any) {\n  const DirectionReverse: Record<string, string> = {\n    row: 'row-reverse',\n    column: 'column-reverse',\n  };\n\n  const scaleIndent = props.scaleIndent ?? 4;\n\n  return removeUndefinedKeys({\n    alignItems: props.alignItems,\n    alignContent: props.alignContent,\n    justifyContent: props.justifyContent,\n    flexWrap: props.flexWrap ? `wrap${props.reverse ? '-reverse' : ''}` : undefined,\n    flexDirection: (props.reverse && DirectionReverse[props.direction]) || props.direction,\n    rowGap: getAutoOrScaleIndent(props.rowGap || props.gap, scaleIndent),\n    columnGap: getAutoOrScaleIndent(props.columnGap || props.gap, scaleIndent),\n  });\n}\n\nexport default function useFlex<T extends FlexProps>(\n  props: T,\n  ref: React.Ref<HTMLElement>,\n): [React.ElementType | string, any] {\n  const [Tag, { className, style: styleProp, ...other }] = useBox(\n    {\n      'data-ui-name': 'Flex',\n      ...props,\n      inline: false,\n    },\n    ref,\n  );\n  const {\n    inline,\n    flexWrap,\n    direction,\n    reverse,\n    alignItems,\n    alignContent,\n    justifyContent,\n    gap,\n    rowGap,\n    columnGap,\n    scaleIndent,\n  } = props;\n\n  const flexStyles: Properties = React.useMemo(() => {\n    return calculateFlexStyles(props);\n  }, [\n    flexWrap,\n    direction,\n    reverse,\n    alignItems,\n    alignContent,\n    justifyContent,\n    gap,\n    rowGap,\n    columnGap,\n    scaleIndent,\n  ]);\n\n  const styles = sstyled(style);\n\n  if (Tag === React.Fragment) return [React.Fragment, { children: props.children }];\n\n  return [\n    Tag,\n    {\n      className:\n        cn(\n          styles.cn('SFlex', {\n            inline: inline,\n          }).className,\n          className,\n        ) || undefined,\n      style: Object.assign({}, styleProp, flexStyles),\n      ...other,\n    },\n  ];\n}\n"],"mappings":"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"}

package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js

@@ -3,9 +3,11 @@ import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import createComponent, { sstyled, Root } from 'intergalactic/core';
-/*__reshadow-styles__:"./invalidStateBox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_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)}" /*__inner_css_end__*/, "13gop_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_13gop_gg_"
+/*!__reshadow-styles__:"./invalidStateBox.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___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_"
 });
 import Box from '../Box';
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {

package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidStateBox.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","Box","InvalidStatePatternComponent","_ref","arguments[0]","_ref2","SPattern","createElement","cn","_objectSpread","_assignProps","InvalidStateBox"],"sources":["../../../src/invalid-state-box/InvalidStateBox.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './invalidStateBox.shadow.css';\nimport Box from '../Box';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={Box} />);\n};\n\nexport const InvalidStateBox = createComponent(InvalidStatePatternComponent);\n\nexport default InvalidStateBox;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;AAAA;AAE/D,OAAOC,GAAG,MAAM,QAAQ;AAExB,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,IAAMC,QAAQ,GAE0BL,GAAG;EAA3C,OAAAI,KAAA,GAAOT,OAAO,CAACE,KAAK,CAAC,eAACJ,KAAA,CAAAa,aAAA,CAACD,QAAQ,EAAAD,KAAA,CAAAG,EAAA,aAAAC,aAAA,KAAAC,YAAA,KAAAP,IAAA,IAAgB;AACjD,CAAC;AAED,OAAO,IAAMQ,eAAe,GAAGhB,eAAe,CAACO,4BAA4B,CAAC;AAE5E,eAAeS,eAAe"}
+{"version":3,"file":"InvalidStateBox.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","Box","InvalidStatePatternComponent","_ref","arguments[0]","_ref2","SPattern","createElement","cn","_objectSpread","_assignProps","InvalidStateBox"],"sources":["../../../src/invalid-state-box/InvalidStateBox.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './invalidStateBox.shadow.css';\nimport Box from '../Box';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={Box} />);\n};\n\nexport const InvalidStateBox = createComponent(InvalidStatePatternComponent);\n\nexport default InvalidStateBox;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;AAAA;AAE/D,OAAOC,GAAG,MAAM,QAAQ;AAExB,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,IAAMC,QAAQ,GAE0BL,GAAG;EAA3C,OAAAI,KAAA,GAAOT,OAAO,CAACE,KAAK,CAAC,eAACJ,KAAA,CAAAa,aAAA,CAACD,QAAQ,EAAAD,KAAA,CAAAG,EAAA,aAAAC,aAAA,KAAAC,YAAA,KAAAP,IAAA,IAAgB;AACjD,CAAC;AAED,OAAO,IAAMQ,eAAe,GAAGhB,eAAe,CAACO,4BAA4B,CAAC;AAE5E,eAAeS,eAAe"}

package/flex-box/lib/es6/screen-reader-only-box/ScreenReaderOnlyBox.js

@@ -3,9 +3,11 @@ import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import createComponent, { sstyled, Root } from 'intergalactic/core';
-/*__reshadow-styles__:"./screenReaderOnlyBox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_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}" /*__inner_css_end__*/, "ro3ht_gg_") /*__reshadow_css_end__*/, {
-  "__SScreenReaderOnly": "___SScreenReaderOnly_ro3ht_gg_"
+/*!__reshadow-styles__:"./screenReaderOnlyBox.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___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_"
 });
 import Box from '../Box';
 var ScreenReaderOnlyComponent = function ScreenReaderOnlyComponent() {

package/flex-box/lib/es6/screen-reader-only-box/ScreenReaderOnlyBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderOnlyBox.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","Box","ScreenReaderOnlyComponent","_ref","arguments[0]","_ref2","SScreenReaderOnly","createElement","cn","_objectSpread","_assignProps","ScreenReaderOnly"],"sources":["../../../src/screen-reader-only-box/ScreenReaderOnlyBox.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, Intergalactic } from '@semcore/core';\nimport style from './screenReaderOnlyBox.shadow.css';\nimport Box from '../Box';\n\nconst ScreenReaderOnlyComponent = () => {\n  const SScreenReaderOnly = Root;\n\n  return sstyled(style)(<SScreenReaderOnly render={Box} tag={'span'} />);\n};\n\ntype ScreenReaderOnlyType = Intergalactic.Component<'span'>;\n\nexport const ScreenReaderOnly: ScreenReaderOnlyType = createComponent(ScreenReaderOnlyComponent);\n\nexport default ScreenReaderOnly;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAuB,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;AAAA;AAE9E,OAAOC,GAAG,MAAM,QAAQ;AAExB,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtC,IAAMC,iBAAiB,GAE0BL,GAAG;EAApD,OAAAI,KAAA,GAAOT,OAAO,CAACE,KAAK,CAAC,eAACJ,KAAA,CAAAa,aAAA,CAACD,iBAAiB,EAAAD,KAAA,CAAAG,EAAA,sBAAAC,aAAA,KAAAC,YAAA;IAAA,OAAmB;EAAM,GAAAP,IAAA,IAAI;AACvE,CAAC;AAID,OAAO,IAAMQ,gBAAsC,GAAGhB,eAAe,CAACO,yBAAyB,CAAC;AAEhG,eAAeS,gBAAgB"}
+{"version":3,"file":"ScreenReaderOnlyBox.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","Box","ScreenReaderOnlyComponent","_ref","arguments[0]","_ref2","SScreenReaderOnly","createElement","cn","_objectSpread","_assignProps","ScreenReaderOnly"],"sources":["../../../src/screen-reader-only-box/ScreenReaderOnlyBox.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, Intergalactic } from '@semcore/core';\nimport style from './screenReaderOnlyBox.shadow.css';\nimport Box from '../Box';\n\nconst ScreenReaderOnlyComponent = () => {\n  const SScreenReaderOnly = Root;\n\n  return sstyled(style)(<SScreenReaderOnly render={Box} tag={'span'} />);\n};\n\ntype ScreenReaderOnlyType = Intergalactic.Component<'span'>;\n\nexport const ScreenReaderOnly: ScreenReaderOnlyType = createComponent(ScreenReaderOnlyComponent);\n\nexport default ScreenReaderOnly;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAuB,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;AAAA;AAE9E,OAAOC,GAAG,MAAM,QAAQ;AAExB,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtC,IAAMC,iBAAiB,GAE0BL,GAAG;EAApD,OAAAI,KAAA,GAAOT,OAAO,CAACE,KAAK,CAAC,eAACJ,KAAA,CAAAa,aAAA,CAACD,iBAAiB,EAAAD,KAAA,CAAAG,EAAA,sBAAAC,aAAA,KAAAC,YAAA;IAAA,OAAmB;EAAM,GAAAP,IAAA,IAAI;AACvE,CAAC;AAID,OAAO,IAAMQ,gBAAsC,GAAGhB,eAAe,CAACO,yBAAyB,CAAC;AAEhG,eAAeS,gBAAgB"}

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

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