@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Flex.js

@@ -1,1185 +1,15 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var direction = require('../constants/componentProps/direction.js');
-var fill = require('../constants/componentProps/fill.js');
-var flexAlign = require('../constants/componentProps/flexAlign.js');
-var flexJustifyContent = require('../constants/componentProps/flexJustifyContent.js');
-var flexWrap = require('../constants/componentProps/flexWrap.js');
-var shape = require('../constants/componentProps/shape.js');
-var width = require('../constants/componentProps/width.js');
-var position = require('../constants/componentProps/position.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function Flex(props) {
-  const {
-    id,
-    children,
-    className,
-    tag: Tag,
-    type,
-    onClick
-  } = props;
-  const alignContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex_align-content_',
-    propsKey: 'alignContent'
-  });
-  const alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex_align-items_',
-    propsKey: 'alignItems'
-  });
-  const justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex_justify-content_',
-    propsKey: 'justifyContent'
-  });
-  const wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex_wrap_',
-    propsKey: 'wrap'
-  });
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex_direction_',
-    propsKey: 'direction'
-  });
-  const flowClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex_flow_',
-    propsKey: 'flow'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex_shape_',
-    propsKey: 'shape'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'position_',
-    propsKey: 'position'
-  });
-  const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'border'
-  });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  const {
-    styles: flexStyles,
-    wrapper: flexWrapperStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(className, 'flex', widthClass, alignContentClass, alignItemsClass, directionClass, fillClass, flowClass, borderClass, borderTypeClass, positionClass, justifyContentClass, shapeClass, type && `flex_type_${type}`, wrapClass),
-    id: id,
-    style: flexStyles,
-    onClick: onClick
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: "flex__wrapper",
-    style: flexWrapperStyles
-  }, children));
-}
-Flex.propTypes = {
-  id: PropTypes__default.default.string,
-  alignContent: PropTypes__default.default.oneOf(flexAlign.default),
-  alignContentDesktop: PropTypes__default.default.oneOf(flexAlign.default),
-  alignContentMobile: PropTypes__default.default.oneOf(flexAlign.default),
-  alignContentTablet: PropTypes__default.default.oneOf(flexAlign.default),
-  alignItems: PropTypes__default.default.oneOf(flexAlign.default),
-  alignItemsDesktop: PropTypes__default.default.oneOf(flexAlign.default),
-  alignItemsMobile: PropTypes__default.default.oneOf(flexAlign.default),
-  alignItemsTablet: PropTypes__default.default.oneOf(flexAlign.default),
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  direction: PropTypes__default.default.oneOf(direction.default),
-  directionDesktop: PropTypes__default.default.oneOf(direction.default),
-  directionMobile: PropTypes__default.default.oneOf(direction.default),
-  directionTablet: PropTypes__default.default.oneOf(direction.default),
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  flow: PropTypes__default.default.string,
-  flowDesktop: PropTypes__default.default.string,
-  flowMobile: PropTypes__default.default.string,
-  flowTablet: PropTypes__default.default.string,
-  justifyContent: PropTypes__default.default.oneOf(flexJustifyContent.default),
-  justifyContentDesktop: PropTypes__default.default.oneOf(flexJustifyContent.default),
-  justifyContentMobile: PropTypes__default.default.oneOf(flexJustifyContent.default),
-  justifyContentTablet: PropTypes__default.default.oneOf(flexJustifyContent.default),
-  justifyItems: PropTypes__default.default.oneOf(flexAlign.default),
-  justifyItemsDesktop: PropTypes__default.default.oneOf(flexAlign.default),
-  justifyItemsMobile: PropTypes__default.default.oneOf(flexAlign.default),
-  justifyItemsTablet: PropTypes__default.default.oneOf(flexAlign.default),
-  shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  position: PropTypes__default.default.oneOf(position.default),
-  positionMobile: PropTypes__default.default.oneOf(position.default),
-  positionTablet: PropTypes__default.default.oneOf(position.default),
-  positionDesktop: PropTypes__default.default.oneOf(position.default),
-  tag: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  width: PropTypes__default.default.oneOf(width.default),
-  widthMobile: PropTypes__default.default.oneOf(width.default),
-  widthTablet: PropTypes__default.default.oneOf(width.default),
-  widthDesktop: PropTypes__default.default.oneOf(width.default),
-  wrap: PropTypes__default.default.oneOf(flexWrap.default),
-  wrapDesktop: PropTypes__default.default.oneOf(flexWrap.default),
-  wrapMobile: PropTypes__default.default.oneOf(flexWrap.default),
-  wrapTablet: PropTypes__default.default.oneOf(flexWrap.default),
-  onClick: PropTypes__default.default.func
-};
-Flex.defaultProps = {
-  tag: 'div'
-};
-Flex.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Flex",
-  "props": {
-    "tag": {
-      "defaultValue": {
-        "value": "'div'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "alignContent": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignContentDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignContentMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignContentTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignItems": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignItemsDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignItemsMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignItemsTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "direction": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "flow": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "flowDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "flowMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "flowTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "justifyContent": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexJustifyContentProps"
-      },
-      "required": false
-    },
-    "justifyContentDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexJustifyContentProps"
-      },
-      "required": false
-    },
-    "justifyContentMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexJustifyContentProps"
-      },
-      "required": false
-    },
-    "justifyContentTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexJustifyContentProps"
-      },
-      "required": false
-    },
-    "justifyItems": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "justifyItemsDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "justifyItemsMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "justifyItemsTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "shape": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "position": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "width": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "wrap": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexWrapProps"
-      },
-      "required": false
-    },
-    "wrapDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexWrapProps"
-      },
-      "required": false
-    },
-    "wrapMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexWrapProps"
-      },
-      "required": false
-    },
-    "wrapTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexWrapProps"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-function FlexItem(props) {
-  const {
-    children,
-    className,
-    tag: Tag,
-    htmlFor
-  } = props;
-  const alignSelfClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex__item_align-self_',
-    propsKey: 'alignSelf'
-  });
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex__item_direction_',
-    propsKey: 'direction'
-  });
-  const growClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex__item_grow_',
-    propsKey: 'grow'
-  });
-  const alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex__item_align-items_',
-    propsKey: 'alignItems'
-  });
-  const justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex__item_justify-content_',
-    propsKey: 'justifyContent'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex__item_shape_',
-    propsKey: 'shape'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'resize-horizontal_',
-    propsKey: 'width'
-  });
-  const wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex__item_wrap_',
-    propsKey: 'wrap'
-  });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'position_',
-    propsKey: 'position'
-  });
-  const {
-    styles: flexItemStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(className, 'flex__item', positionClass, alignItemsClass, alignSelfClass, directionClass, fillClass, fillHoverClass, growClass, justifyContentClass, shapeClass, widthClass, wrapClass),
-    htmlFor: htmlFor,
-    style: flexItemStyles
-  }, children);
-}
-FlexItem.propTypes = {
-  alignItems: PropTypes__default.default.oneOf(flexAlign.default),
-  alignItemsDesktop: PropTypes__default.default.oneOf(flexAlign.default),
-  alignItemsMobile: PropTypes__default.default.oneOf(flexAlign.default),
-  alignItemsTablet: PropTypes__default.default.oneOf(flexAlign.default),
-  alignSelf: PropTypes__default.default.oneOf(flexAlign.default),
-  alignSelfDesktop: PropTypes__default.default.oneOf(flexAlign.default),
-  alignSelfMobile: PropTypes__default.default.oneOf(flexAlign.default),
-  alignSelfTablet: PropTypes__default.default.oneOf(flexAlign.default),
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  columnEnd: PropTypes__default.default.number,
-  columnEndDesktop: PropTypes__default.default.number,
-  columnEndMobile: PropTypes__default.default.number,
-  columnEndTablet: PropTypes__default.default.number,
-  columnSpan: PropTypes__default.default.string,
-  columnSpanDesktop: PropTypes__default.default.string,
-  columnSpanMobile: PropTypes__default.default.string,
-  columnSpanTablet: PropTypes__default.default.string,
-  columnStart: PropTypes__default.default.number,
-  columnStartDesktop: PropTypes__default.default.number,
-  columnStartMobile: PropTypes__default.default.number,
-  columnStartTablet: PropTypes__default.default.number,
-  direction: PropTypes__default.default.oneOf(direction.default),
-  directionDesktop: PropTypes__default.default.oneOf(direction.default),
-  directionMobile: PropTypes__default.default.oneOf(direction.default),
-  directionTablet: PropTypes__default.default.oneOf(direction.default),
-  grow: PropTypes__default.default.number,
-  growDesktop: PropTypes__default.default.number,
-  growMobile: PropTypes__default.default.number,
-  growTablet: PropTypes__default.default.number,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  justifyContent: PropTypes__default.default.oneOf(flexJustifyContent.default),
-  justifyContentDesktop: PropTypes__default.default.oneOf(flexJustifyContent.default),
-  justifyContentMobile: PropTypes__default.default.oneOf(flexJustifyContent.default),
-  justifyContentTablet: PropTypes__default.default.oneOf(flexJustifyContent.default),
-  shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  width: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  position: PropTypes__default.default.oneOf(position.default),
-  positionMobile: PropTypes__default.default.oneOf(position.default),
-  positionTablet: PropTypes__default.default.oneOf(position.default),
-  positionDesktop: PropTypes__default.default.oneOf(position.default),
-  wrap: PropTypes__default.default.oneOf(flexWrap.default),
-  wrapDesktop: PropTypes__default.default.oneOf(flexWrap.default),
-  wrapMobile: PropTypes__default.default.oneOf(flexWrap.default),
-  wrapTablet: PropTypes__default.default.oneOf(flexWrap.default)
-};
-FlexItem.defaultProps = {
-  tag: 'div'
-};
-FlexItem.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "FlexItem",
-  "props": {
-    "tag": {
-      "defaultValue": {
-        "value": "'div'",
-        "computed": false
-      },
-      "required": false
-    },
-    "alignItems": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignItemsDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignItemsMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignItemsTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignSelf": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignSelfDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignSelfMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "alignSelfTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexAlignProps"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "columnEnd": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "columnEndDesktop": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "columnEndMobile": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "columnEndTablet": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "columnSpan": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "columnSpanDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "columnSpanMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "columnSpanTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "columnStart": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "columnStartDesktop": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "columnStartMobile": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "columnStartTablet": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "direction": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "grow": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "growDesktop": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "growMobile": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "growTablet": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "justifyContent": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexJustifyContentProps"
-      },
-      "required": false
-    },
-    "justifyContentDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexJustifyContentProps"
-      },
-      "required": false
-    },
-    "justifyContentMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexJustifyContentProps"
-      },
-      "required": false
-    },
-    "justifyContentTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexJustifyContentProps"
-      },
-      "required": false
-    },
-    "shape": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "width": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "widthMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "widthTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "widthDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "position": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrap": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexWrapProps"
-      },
-      "required": false
-    },
-    "wrapDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexWrapProps"
-      },
-      "required": false
-    },
-    "wrapMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexWrapProps"
-      },
-      "required": false
-    },
-    "wrapTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "flexWrapProps"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.Flex = Flex;
-exports.FlexItem = FlexItem;
+export { F as Flex, a as FlexItem } from '../FlexItem-DHynUt6v.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import 'prop-types';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';