intergalactic 15.87.0 → 15.88.0

package/libs/flex-box/lib/cjs/Box/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _core = require("@semcore/core");
+var _useBox3 = _interopRequireDefault(require("./useBox"));
+function Box(props, ref) {
+  var _useBox = (0, _useBox3["default"])(props, ref),
+    _useBox2 = (0, _slicedToArray2["default"])(_useBox, 2),
+    Tag = _useBox2[0],
+    boxProps = _useBox2[1];
+  return /*#__PURE__*/_react["default"].createElement(Tag, boxProps);
+}
+Box.displayName = 'Box';
+var _default = (0, _core.createBaseComponent)(Box);
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/libs/flex-box/lib/cjs/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_core","_useBox3","Box","props","ref","_useBox","useBox","_useBox2","_slicedToArray2","Tag","boxProps","createElement","displayName","_default","createBaseComponent","exports"],"sources":["../../../src/Box/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, createBaseComponent } from '@semcore/core';\nimport useBox, { BoxProps } from './useBox';\n\nfunction Box(props: any, ref: any) {\n  const [Tag, boxProps] = useBox(props, ref);\n  return <Tag {...boxProps} />;\n}\n\nBox.displayName = 'Box';\n\nexport default createBaseComponent(Box) as any as Intergalactic.Component<'div', BoxProps>;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,SAASG,GAAGA,CAACC,KAAU,EAAEC,GAAQ,EAAE;EACjC,IAAAC,OAAA,GAAwB,IAAAC,mBAAM,EAACH,KAAK,EAAEC,GAAG,CAAC;IAAAG,QAAA,OAAAC,eAAA,aAAAH,OAAA;IAAnCI,GAAG,GAAAF,QAAA;IAAEG,QAAQ,GAAAH,QAAA;EACpB,oBAAOV,MAAA,YAAAc,aAAA,CAACF,GAAG,EAAKC,QAAQ,CAAI;AAC9B;AAEAR,GAAG,CAACU,WAAW,GAAG,KAAK;AAAC,IAAAC,QAAA,GAET,IAAAC,yBAAmB,EAACZ,GAAG,CAAC;AAAAa,OAAA,cAAAF,QAAA"}

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

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useBox;
+exports.removeUndefinedKeys = removeUndefinedKeys;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propsForElement = _interopRequireDefault(require("@semcore/utils/lib/propsForElement"));
+var _logger = _interopRequireDefault(require("@semcore/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__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_8qb9t_gg_{box-sizing:border-box}.___SBoxInline_8qb9t_gg_{display:inline-block}" /*__inner_css_end__*/, "8qb9t_gg_") /*__reshadow_css_end__*/, {
+  "__SBoxSizing": "___SBoxSizing_8qb9t_gg_",
+  "__SBoxInline": "___SBoxInline_8qb9t_gg_"
+});
+function removeUndefinedKeys(obj) {
+  return Object.entries(obj).reduce(function (acc, _ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (value !== undefined) {
+      acc[key] = value;
+    }
+    return acc;
+  }, {});
+}
+function getSize(size) {
+  if (typeof size !== 'number') {
+    return size;
+  }
+  if (size < 1) {
+    return "".concat(100 * size, "%");
+  }
+  if (size >= 1) {
+    return "".concat(size, "px");
+  }
+}
+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: (0, _utils.getAutoOrScaleIndent)(props['m'], scaleIndent),
+    marginTop: (0, _utils.getAutoOrScaleIndent)(props['mt'], scaleIndent) || (0, _utils.getAutoOrScaleIndent)(props['my'], scaleIndent),
+    marginBottom: (0, _utils.getAutoOrScaleIndent)(props['mb'], scaleIndent) || (0, _utils.getAutoOrScaleIndent)(props['my'], scaleIndent),
+    marginLeft: (0, _utils.getAutoOrScaleIndent)(props['ml'], scaleIndent) || (0, _utils.getAutoOrScaleIndent)(props['mx'], scaleIndent),
+    marginRight: (0, _utils.getAutoOrScaleIndent)(props['mr'], scaleIndent) || (0, _utils.getAutoOrScaleIndent)(props['mx'], scaleIndent),
+    padding: (0, _utils.getAutoOrScaleIndent)(props['p'], scaleIndent),
+    paddingTop: (0, _utils.getAutoOrScaleIndent)(props['pt'], scaleIndent) || (0, _utils.getAutoOrScaleIndent)(props['py'], scaleIndent),
+    paddingBottom: (0, _utils.getAutoOrScaleIndent)(props['pb'], scaleIndent) || (0, _utils.getAutoOrScaleIndent)(props['py'], scaleIndent),
+    paddingLeft: (0, _utils.getAutoOrScaleIndent)(props['pl'], scaleIndent) || (0, _utils.getAutoOrScaleIndent)(props['px'], scaleIndent),
+    paddingRight: (0, _utils.getAutoOrScaleIndent)(props['pr'], scaleIndent) || (0, _utils.getAutoOrScaleIndent)(props['px'], scaleIndent)
+  });
+}
+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 = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
+  var indentStyles = _react["default"].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["default"].warn(css !== undefined, "The 'css' property is deprecated, use 'style'", other['data-ui-name'] || 'Box');
+  var styles = (0, _core.sstyled)(style);
+  if (Tag === _react["default"].Fragment) return [_react["default"].Fragment, {
+    children: props.children
+  }];
+  return [Tag, (0, _objectSpread2["default"])({
+    ref: ref,
+    className: (0, _classnames["default"])(styles.cn('SBox', {
+      SBoxSizing: boxSizing,
+      SBoxInline: inline
+    }).className, className) || undefined,
+    style: Object.assign({}, styleProp, css, indentStyles),
+    'data-ui-name': 'Box'
+  }, (0, _propsForElement["default"])(other, Tag))];
+}
+//# sourceMappingURL=useBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBox.js","names":["_core","require","_react","_interopRequireDefault","_classnames","_propsForElement","_logger","_utils","_excluded","style","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/libs/flex-box/lib/cjs/Flex/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _core = require("@semcore/core");
+var _useFlex3 = _interopRequireDefault(require("./useFlex"));
+function Flex(props, ref) {
+  var _useFlex = (0, _useFlex3["default"])(props, ref),
+    _useFlex2 = (0, _slicedToArray2["default"])(_useFlex, 2),
+    Tag = _useFlex2[0],
+    flexProps = _useFlex2[1];
+  return /*#__PURE__*/_react["default"].createElement(Tag, flexProps);
+}
+Flex.displayName = 'Flex';
+var _default = (0, _core.createBaseComponent)(Flex);
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/libs/flex-box/lib/cjs/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_core","_useFlex3","Flex","props","ref","_useFlex","useFlex","_useFlex2","_slicedToArray2","Tag","flexProps","createElement","displayName","_default","createBaseComponent","exports"],"sources":["../../../src/Flex/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, createBaseComponent } from '@semcore/core';\nimport useFlex, { FlexProps } from './useFlex';\n\nfunction Flex(props: any, ref: any) {\n  const [Tag, flexProps] = useFlex(props, ref);\n  return <Tag {...flexProps} />;\n}\n\nFlex.displayName = 'Flex';\n\nexport default createBaseComponent(Flex) as any as Intergalactic.Component<'div', FlexProps>;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,SAASG,IAAIA,CAACC,KAAU,EAAEC,GAAQ,EAAE;EAClC,IAAAC,QAAA,GAAyB,IAAAC,oBAAO,EAACH,KAAK,EAAEC,GAAG,CAAC;IAAAG,SAAA,OAAAC,eAAA,aAAAH,QAAA;IAArCI,GAAG,GAAAF,SAAA;IAAEG,SAAS,GAAAH,SAAA;EACrB,oBAAOV,MAAA,YAAAc,aAAA,CAACF,GAAG,EAAKC,SAAS,CAAI;AAC/B;AAEAR,IAAI,CAACU,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEX,IAAAC,yBAAmB,EAACZ,IAAI,CAAC;AAAAa,OAAA,cAAAF,QAAA"}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useFlex;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+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__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFlex_jt4ex_gg_{display:flex}.___SFlex_jt4ex_gg_.__inline_jt4ex_gg_{display:inline-flex}" /*__inner_css_end__*/, "jt4ex_gg_") /*__reshadow_css_end__*/, {
+  "__SFlex": "___SFlex_jt4ex_gg_",
+  "_inline": "__inline_jt4ex_gg_"
+});
+function calculateFlexStyles(props) {
+  var _props$scaleIndent;
+  var DirectionReverse = {
+    row: 'row-reverse',
+    column: 'column-reverse'
+  };
+  var scaleIndent = (_props$scaleIndent = props.scaleIndent) !== null && _props$scaleIndent !== void 0 ? _props$scaleIndent : 4;
+  return (0, _useBox3.removeUndefinedKeys)({
+    alignItems: props.alignItems,
+    alignContent: props.alignContent,
+    justifyContent: props.justifyContent,
+    flexWrap: props.flexWrap ? "wrap".concat(props.reverse ? '-reverse' : '') : undefined,
+    flexDirection: props.reverse && DirectionReverse[props.direction] || props.direction,
+    rowGap: (0, _utils.getAutoOrScaleIndent)(props.rowGap || props.gap, scaleIndent),
+    columnGap: (0, _utils.getAutoOrScaleIndent)(props.columnGap || props.gap, scaleIndent)
+  });
+}
+function useFlex(props, ref) {
+  var _useBox = (0, _useBox3["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+      'data-ui-name': 'Flex'
+    }, props), {}, {
+      inline: false
+    }), ref),
+    _useBox2 = (0, _slicedToArray2["default"])(_useBox, 2),
+    Tag = _useBox2[0],
+    _useBox2$ = _useBox2[1],
+    className = _useBox2$.className,
+    styleProp = _useBox2$.style,
+    other = (0, _objectWithoutProperties2["default"])(_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["default"].useMemo(function () {
+    return calculateFlexStyles(props);
+  }, [flexWrap, direction, reverse, alignItems, alignContent, justifyContent, gap, rowGap, columnGap, scaleIndent]);
+  var styles = (0, _core.sstyled)(style);
+  if (Tag === _react["default"].Fragment) return [_react["default"].Fragment, {
+    children: props.children
+  }];
+  return [Tag, (0, _objectSpread2["default"])({
+    className: (0, _classnames["default"])(styles.cn('SFlex', {
+      inline: inline
+    }).className, className) || undefined,
+    style: Object.assign({}, styleProp, flexStyles)
+  }, other)];
+}
+//# sourceMappingURL=useFlex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFlex.js","names":["_core","require","_react","_interopRequireDefault","_classnames","_useBox3","_interopRequireWildcard","_utils","_excluded","style","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/libs/flex-box/lib/cjs/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Box: true,
+  useBox: true,
+  Flex: true,
+  useFlex: true
+};
+Object.defineProperty(exports, "Box", {
+  enumerable: true,
+  get: function get() {
+    return _Box["default"];
+  }
+});
+Object.defineProperty(exports, "Flex", {
+  enumerable: true,
+  get: function get() {
+    return _Flex["default"];
+  }
+});
+Object.defineProperty(exports, "useBox", {
+  enumerable: true,
+  get: function get() {
+    return _useBox["default"];
+  }
+});
+Object.defineProperty(exports, "useFlex", {
+  enumerable: true,
+  get: function get() {
+    return _useFlex["default"];
+  }
+});
+var _Box = _interopRequireDefault(require("./Box"));
+var _useBox = _interopRequireWildcard(require("./Box/useBox"));
+Object.keys(_useBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useBox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useBox[key];
+    }
+  });
+});
+var _Flex = _interopRequireDefault(require("./Flex"));
+var _useFlex = _interopRequireWildcard(require("./Flex/useFlex"));
+Object.keys(_useFlex).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useFlex[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useFlex[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/libs/flex-box/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Box","_interopRequireDefault","require","_useBox","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Flex","_useFlex"],"sources":["../../src/index.tsx"],"sourcesContent":["export { default as Box } from './Box';\n// export * from './Box';\nexport { default as useBox } from './Box/useBox';\nexport * from './Box/useBox';\nexport { default as Flex } from './Flex';\n// export * from './Flex';\nexport { default as useFlex } from './Flex/useFlex';\nexport * from './Flex/useFlex';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AACAG,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,KAAA,GAAAhB,sBAAA,CAAAC,OAAA;AAEA,IAAAgB,QAAA,GAAAd,uBAAA,CAAAF,OAAA;AACAG,MAAA,CAAAC,IAAA,CAAAY,QAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,QAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,QAAA,CAAAV,GAAA;IAAA;EAAA;AAAA"}

package/libs/flex-box/lib/cjs/utils.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAutoOrScaleIndent = void 0;
+var getAutoOrScaleIndent = function getAutoOrScaleIndent(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;
+};
+exports.getAutoOrScaleIndent = getAutoOrScaleIndent;
+//# sourceMappingURL=utils.js.map

package/libs/flex-box/lib/cjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["getAutoOrScaleIndent","indent","scaleIndent","concat","exports"],"sources":["../../src/utils.ts"],"sourcesContent":["export const getAutoOrScaleIndent = (indent: number | string | undefined, scaleIndent: number) => {\n  if (typeof indent === 'string') {\n    return indent;\n  }\n  if (typeof indent === 'number' && indent > -1 && indent < 1) {\n    return `${100 * indent}%`;\n  }\n  if (typeof indent === 'number' && (indent >= 1 || indent <= -1)) {\n    return `${indent * scaleIndent}px`;\n  }\n  return indent;\n};\n"],"mappings":";;;;;;AAAO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,MAAmC,EAAEC,WAAmB,EAAK;EAChG,IAAI,OAAOD,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAOA,MAAM;EACf;EACA,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAIA,MAAM,GAAG,CAAC,CAAC,IAAIA,MAAM,GAAG,CAAC,EAAE;IAC3D,UAAAE,MAAA,CAAU,GAAG,GAAGF,MAAM;EACxB;EACA,IAAI,OAAOA,MAAM,KAAK,QAAQ,KAAKA,MAAM,IAAI,CAAC,IAAIA,MAAM,IAAI,CAAC,CAAC,CAAC,EAAE;IAC/D,UAAAE,MAAA,CAAUF,MAAM,GAAGC,WAAW;EAChC;EACA,OAAOD,MAAM;AACf,CAAC;AAACG,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA"}

package/libs/flex-box/lib/es6/Box/index.js

@@ -0,0 +1,14 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import useBox from './useBox';
+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);
+}
+Box.displayName = 'Box';
+export default createBaseComponent(Box);
+//# sourceMappingURL=index.js.map

package/libs/flex-box/lib/es6/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","createBaseComponent","useBox","Box","props","ref","_useBox","_useBox2","_slicedToArray","Tag","boxProps","createElement","displayName"],"sources":["../../../src/Box/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, createBaseComponent } from '@semcore/core';\nimport useBox, { BoxProps } from './useBox';\n\nfunction Box(props: any, ref: any) {\n  const [Tag, boxProps] = useBox(props, ref);\n  return <Tag {...boxProps} />;\n}\n\nBox.displayName = 'Box';\n\nexport default createBaseComponent(Box) as any as Intergalactic.Component<'div', BoxProps>;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAwBC,mBAAmB,QAAQ,eAAe;AAClE,OAAOC,MAAM,MAAoB,UAAU;AAE3C,SAASC,GAAGA,CAACC,KAAU,EAAEC,GAAQ,EAAE;EACjC,IAAAC,OAAA,GAAwBJ,MAAM,CAACE,KAAK,EAAEC,GAAG,CAAC;IAAAE,QAAA,GAAAC,cAAA,CAAAF,OAAA;IAAnCG,GAAG,GAAAF,QAAA;IAAEG,QAAQ,GAAAH,QAAA;EACpB,oBAAOP,KAAA,CAAAW,aAAA,CAACF,GAAG,EAAKC,QAAQ,CAAI;AAC9B;AAEAP,GAAG,CAACS,WAAW,GAAG,KAAK;AAEvB,eAAeX,mBAAmB,CAACE,GAAG,CAAC"}

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

@@ -0,0 +1,125 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { sstyled as _sstyled } from "@semcore/core";
+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"];
+import React from 'react';
+import cn from 'classnames';
+import { sstyled } from '@semcore/core';
+import propsForElement from '@semcore/utils/lib/propsForElement';
+import logger from '@semcore/utils/lib/logger';
+/*__reshadow-styles__:"../style/use-box.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBoxSizing_8qb9t_gg_{box-sizing:border-box}.___SBoxInline_8qb9t_gg_{display:inline-block}" /*__inner_css_end__*/, "8qb9t_gg_") /*__reshadow_css_end__*/, {
+  "__SBoxSizing": "___SBoxSizing_8qb9t_gg_",
+  "__SBoxInline": "___SBoxInline_8qb9t_gg_"
+});
+import { getAutoOrScaleIndent } from '../utils';
+export function removeUndefinedKeys(obj) {
+  return Object.entries(obj).reduce(function (acc, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (value !== undefined) {
+      acc[key] = value;
+    }
+    return acc;
+  }, {});
+}
+function getSize(size) {
+  if (typeof size !== 'number') {
+    return size;
+  }
+  if (size < 1) {
+    return "".concat(100 * size, "%");
+  }
+  if (size >= 1) {
+    return "".concat(size, "px");
+  }
+}
+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)
+  });
+}
+export default 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 !== undefined, "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: ref,
+    className: cn(styles.cn('SBox', {
+      SBoxSizing: boxSizing,
+      SBoxInline: inline
+    }).className, className) || undefined,
+    style: Object.assign({}, styleProp, css, indentStyles),
+    'data-ui-name': 'Box'
+  }, propsForElement(other, Tag))];
+}
+//# sourceMappingURL=useBox.js.map

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

@@ -0,0 +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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"}

package/libs/flex-box/lib/es6/Flex/index.js

@@ -0,0 +1,14 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import useFlex from './useFlex';
+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);
+}
+Flex.displayName = 'Flex';
+export default createBaseComponent(Flex);
+//# sourceMappingURL=index.js.map

package/libs/flex-box/lib/es6/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","createBaseComponent","useFlex","Flex","props","ref","_useFlex","_useFlex2","_slicedToArray","Tag","flexProps","createElement","displayName"],"sources":["../../../src/Flex/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, createBaseComponent } from '@semcore/core';\nimport useFlex, { FlexProps } from './useFlex';\n\nfunction Flex(props: any, ref: any) {\n  const [Tag, flexProps] = useFlex(props, ref);\n  return <Tag {...flexProps} />;\n}\n\nFlex.displayName = 'Flex';\n\nexport default createBaseComponent(Flex) as any as Intergalactic.Component<'div', FlexProps>;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAwBC,mBAAmB,QAAQ,eAAe;AAClE,OAAOC,OAAO,MAAqB,WAAW;AAE9C,SAASC,IAAIA,CAACC,KAAU,EAAEC,GAAQ,EAAE;EAClC,IAAAC,QAAA,GAAyBJ,OAAO,CAACE,KAAK,EAAEC,GAAG,CAAC;IAAAE,SAAA,GAAAC,cAAA,CAAAF,QAAA;IAArCG,GAAG,GAAAF,SAAA;IAAEG,SAAS,GAAAH,SAAA;EACrB,oBAAOP,KAAA,CAAAW,aAAA,CAACF,GAAG,EAAKC,SAAS,CAAI;AAC/B;AAEAP,IAAI,CAACS,WAAW,GAAG,MAAM;AAEzB,eAAeX,mBAAmB,CAACE,IAAI,CAAC"}