@itcase/ui 1.1.5 → 1.1.7

package/dist/TabGroup-CCR5jORT.js

@@ -0,0 +1,1071 @@
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Badge } from './components/Badge.js';
+import { T as Text } from './Text-DffpwlYq.js';
+import { Link } from './components/Link.js';
+import { Divider } from './components/Divider.js';
+import fillProps from './constants/componentProps/fill.js';
+import shapeProps from './constants/componentProps/shape.js';
+import textColorActiveProps from './constants/componentProps/textColorActive.js';
+import textColorHoverProps from './constants/componentProps/textColorHover.js';
+import textColorProps from './constants/componentProps/textColor.js';
+import textGradientProps from './constants/componentProps/textGradient.js';
+import textStyleProps from './constants/componentProps/textStyle.js';
+import textWeightProps from './constants/componentProps/textWeight.js';
+import typeProps from './constants/componentProps/type.js';
+import underlineProps from './constants/componentProps/underline.js';
+import { useStyles } from './hooks/useStyles.js';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import sizeProps from './constants/componentProps/size.js';
+import directionProps from './constants/componentProps/direction.js';
+import stackingProps from './constants/componentProps/stacking.js';
+import wrapProps from './constants/componentProps/wrap.js';
+import widthProps from './constants/componentProps/width.js';
+
+const tabConfig = {
+  appearance: {},
+  setAppearance: newComponent => {
+    tabConfig.appearance = newComponent;
+  }
+};
+function Tab(props) {
+  const {
+    isActive,
+    isDisabled,
+    isHover,
+    appearance,
+    after,
+    before,
+    children,
+    className,
+    href,
+    link,
+    set,
+    rel,
+    target,
+    label,
+    labelColor,
+    labelTextColorHover,
+    labelColorActive,
+    labelColorDisabled,
+    labelTextGradient,
+    labelTextSize,
+    labelTextWrap,
+    labelTextStyle,
+    reset,
+    labelTextWeight,
+    dataTour,
+    dividerFill,
+    dividerFillHover,
+    dividerFillActive,
+    dividerFillActiveHover,
+    dividerFillDisabled,
+    dividerSize,
+    dividerDirection,
+    onClick,
+    onMouseEnter,
+    badgeAppearance,
+    badgeSize,
+    badgeTextSize,
+    badgeValue
+  } = props;
+  const alignDirectionClass = useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'alignDirection'
+  });
+  const alignClass = useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'align'
+  });
+  const fillClass = useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  const fillHoverClass = useDeviceTargetClass(props, {
+    prefix: 'fill_hover_',
+    propsKey: 'fillHover'
+  });
+  const fillActiveClass = useDeviceTargetClass(props, {
+    prefix: 'fill_active_',
+    propsKey: 'fillActive'
+  });
+  const fillActiveHoverClass = useDeviceTargetClass(props, {
+    prefix: 'fill_active_hover_',
+    propsKey: 'fillActiveHover'
+  });
+  const fillDisabledClass = useDeviceTargetClass(props, {
+    prefix: 'fill_disabled_',
+    propsKey: 'fillDisabled'
+  });
+  const linkFillClass = useDeviceTargetClass(props, {
+    propsKey: 'linkFill'
+  });
+  const sizeClass = useDeviceTargetClass(props, {
+    prefix: 'tab_size_',
+    propsKey: 'size'
+  });
+  const shapeClass = useDeviceTargetClass(props, {
+    prefix: 'tab_shape_',
+    propsKey: 'shape'
+  });
+  const justifyContentClass = useDeviceTargetClass(props, {
+    prefix: 'tab_justify-content_',
+    propsKey: 'justifyContent'
+  });
+  const typeClass = useDeviceTargetClass(props, {
+    prefix: 'tab_type_',
+    propsKey: 'type'
+  });
+  const widthClass = useDeviceTargetClass(props, {
+    prefix: 'width_',
+    propsKey: 'width'
+  });
+  const {
+    styles: tab
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('tab', isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', isHover && 'tab_state_hover', fillClass || (isDisabled ? fillDisabledClass || tabConfig.appearance[appearance]?.fillDisabled && `fill_${tabConfig.appearance[appearance].fillDisabled}`.replace(/([A-Z])/g, '-$1').toLowerCase() : fillClass || tabConfig.appearance[appearance]?.fill && `fill_${tabConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass || (isDisabled ? null : tabConfig.appearance[appearance]?.fillHover && `fill_hover_${tabConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase()), className, sizeClass || tabConfig.appearance[appearance]?.size && `tab_size_${tabConfig.appearance[appearance].size}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillActiveClass, fillActiveHoverClass, shapeClass, typeClass || tabConfig.appearance[appearance]?.type && `tab_type_${tabConfig.appearance[appearance].type}`.replace(/([A-Z])/g, '-$1').toLowerCase(), widthClass, reset && 'tab-reset', set && `tab_set_${set}`, justifyContentClass, onClick && 'cursor_type_pointer'),
+    "data-tour": dataTour,
+    style: tab,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter
+  }, /*#__PURE__*/React__default.createElement(Link, {
+    className: clsx('tab__link', alignDirectionClass, alignClass),
+    fill: linkFillClass,
+    href: link || href,
+    rel: rel,
+    target: target
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, before, children || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "tab__wrapper"
+  }, (label || tabConfig.appearance[appearance]?.label) && /*#__PURE__*/React__default.createElement(Text, {
+    className: "tab__label",
+    size: labelTextSize || tabConfig.appearance[appearance]?.labelTextSize,
+    textColor: isDisabled ? labelColorDisabled || tabConfig.appearance[appearance]?.labelColorDisabled : labelColor || tabConfig.appearance[appearance]?.labelColor,
+    textColorActive: isActive && (labelColorActive || tabConfig.appearance[appearance]?.labelColorActive),
+    textColorGradient: labelTextGradient,
+    textColorHover: labelTextColorHover,
+    textStyle: labelTextStyle,
+    textWeight: labelTextWeight,
+    textWrap: labelTextWrap
+  }, dividerFillActive, " ", label || tabConfig.appearance[appearance]?.label), (badgeValue || tabConfig.appearance[appearance]?.badgeValue) && /*#__PURE__*/React__default.createElement(Badge, {
+    appearance: badgeAppearance || tabConfig.appearance[appearance]?.badgeAppearance,
+    size: badgeSize || tabConfig.appearance[appearance]?.badgeSize,
+    textSize: badgeTextSize || tabConfig.appearance[appearance]?.badgeTextSize,
+    value: badgeValue || tabConfig.appearance[appearance]?.badgeValue
+  })), /*#__PURE__*/React__default.createElement(Divider, {
+    direction: dividerDirection,
+    fill: isDisabled ? dividerFillDisabled || tabConfig.appearance[appearance]?.dividerFillDisabled : dividerFill || tabConfig.appearance[appearance]?.dividerFill,
+    fillActive: isActive && (dividerFillActive || tabConfig.appearance[appearance]?.dividerFillActive),
+    fillActiveHover: dividerFillActiveHover,
+    fillHover: isHover && (dividerFillHover || tabConfig.appearance[appearance]?.dividerFillHover),
+    size: dividerSize,
+    width: "fill"
+  })), after)));
+}
+Tab.propTypes = {
+  after: PropTypes.any,
+  before: PropTypes.any,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  href: PropTypes.string,
+  isActive: PropTypes.bool,
+  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  labelColor: PropTypes.oneOf(textColorProps),
+  labelColorActive: PropTypes.oneOf(textColorActiveProps),
+  labelTextColorHover: PropTypes.oneOf(textColorHoverProps),
+  labelTextGradient: PropTypes.oneOf(textGradientProps),
+  labelTextSize: PropTypes.oneOf(sizeProps),
+  labelTextStyle: PropTypes.oneOf(textStyleProps),
+  labelTextWeight: PropTypes.oneOf(textWeightProps),
+  labelTextWrap: PropTypes.string,
+  link: PropTypes.string,
+  LinkComponent: PropTypes.any,
+  linkFill: PropTypes.oneOf(fillProps),
+  linkFillDesktop: PropTypes.oneOf(fillProps),
+  linkFillMobile: PropTypes.oneOf(fillProps),
+  linkFillTablet: PropTypes.oneOf(fillProps),
+  rel: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  size: PropTypes.oneOf(sizeProps),
+  sizeDesktop: PropTypes.oneOf(sizeProps),
+  sizeMobile: PropTypes.oneOf(sizeProps),
+  sizeTablet: PropTypes.oneOf(sizeProps),
+  target: PropTypes.string,
+  type: PropTypes.oneOf(typeProps),
+  typeDesktop: PropTypes.oneOf(typeProps),
+  typeMobile: PropTypes.oneOf(typeProps),
+  typeTablet: PropTypes.oneOf(typeProps),
+  underline: PropTypes.oneOf(underlineProps),
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func
+};
+Tab.defaultProps = {
+  size: 'normal',
+  LinkComponent: 'a',
+  direction: 'horizontal'
+};
+Tab.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Tab",
+  "props": {
+    "size": {
+      "defaultValue": {
+        "value": "'normal'",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "sizeProps"
+      },
+      "required": false
+    },
+    "LinkComponent": {
+      "defaultValue": {
+        "value": "'a'",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "direction": {
+      "defaultValue": {
+        "value": "'horizontal'",
+        "computed": false
+      },
+      "required": false
+    },
+    "after": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "before": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "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
+    },
+    "href": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "isActive": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
+    "label": {
+      "description": "",
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "element"
+        }, {
+          "name": "string"
+        }]
+      },
+      "required": false
+    },
+    "labelColor": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "textColorProps"
+      },
+      "required": false
+    },
+    "labelColorActive": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "textColorActiveProps"
+      },
+      "required": false
+    },
+    "labelTextColorHover": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "textColorHoverProps"
+      },
+      "required": false
+    },
+    "labelTextGradient": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "textGradientProps"
+      },
+      "required": false
+    },
+    "labelTextSize": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "sizeProps"
+      },
+      "required": false
+    },
+    "labelTextStyle": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "textStyleProps"
+      },
+      "required": false
+    },
+    "labelTextWeight": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "textWeightProps"
+      },
+      "required": false
+    },
+    "labelTextWrap": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "link": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "linkFill": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "linkFillDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "linkFillMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "linkFillTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "rel": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "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
+    },
+    "sizeDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "sizeProps"
+      },
+      "required": false
+    },
+    "sizeMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "sizeProps"
+      },
+      "required": false
+    },
+    "sizeTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "sizeProps"
+      },
+      "required": false
+    },
+    "target": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "type": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "typeProps"
+      },
+      "required": false
+    },
+    "typeDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "typeProps"
+      },
+      "required": false
+    },
+    "typeMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "typeProps"
+      },
+      "required": false
+    },
+    "typeTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "typeProps"
+      },
+      "required": false
+    },
+    "underline": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "underlineProps"
+      },
+      "required": false
+    },
+    "onClick": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    },
+    "onMouseEnter": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    }
+  }
+};
+
+function TabGroup(props) {
+  const {
+    id,
+    dataTour,
+    children,
+    className,
+    horizontalScroll,
+    set,
+    style
+  } = props;
+  const contentAlignClass = useDeviceTargetClass(props, {
+    prefix: 'group_content-align_',
+    propsKey: 'contentAlign'
+  });
+  const alignDirectionClass = useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'alignDirection'
+  });
+  const alignClass = useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'align'
+  });
+  const directionClass = useDeviceTargetClass(props, {
+    prefix: 'group_direction_',
+    propsKey: 'direction'
+  });
+  const wrapClass = useDeviceTargetClass(props, {
+    prefix: 'group_wrap_',
+    propsKey: 'wrap'
+  });
+  const fillClass = useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  const widthClass = useDeviceTargetClass(props, {
+    prefix: 'width_',
+    propsKey: 'width'
+  });
+  const borderColorClass = useDeviceTargetClass(props, {
+    prefix: 'border-color_',
+    propsKey: 'borderColor'
+  });
+  const borderWidthClass = useDeviceTargetClass(props, {
+    prefix: 'border-width_',
+    propsKey: 'borderWidth'
+  });
+  const borderTypeClass = useDeviceTargetClass(props, {
+    prefix: 'border_type_',
+    propsKey: 'borderType'
+  });
+  const {
+    styles: groupStyles,
+    wrapper: groupWrapperStyles
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'tab-group', 'group', widthClass, contentAlignClass, alignDirectionClass, directionClass, alignClass, fillClass, set && `group_set_${set}`, horizontalScroll && 'group_type_horizontal_scroll', wrapClass, borderColorClass, borderWidthClass, borderTypeClass),
+    id: id,
+    "data-tour": dataTour,
+    style: Object.assign({}, groupStyles, style)
+  }, horizontalScroll ? /*#__PURE__*/React__default.createElement("div", {
+    className: "group__wrapper",
+    style: groupWrapperStyles
+  }, children) : children);
+}
+TabGroup.propTypes = {
+  id: PropTypes.string,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  direction: PropTypes.oneOf(directionProps),
+  directionDesktop: PropTypes.oneOf(directionProps),
+  directionMobile: PropTypes.oneOf(directionProps),
+  directionTablet: PropTypes.oneOf(directionProps),
+  fill: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  contentAlign: PropTypes.oneOf([null, 'center']),
+  contentAlignDesktop: PropTypes.oneOf([null, 'center']),
+  contentAlignMobile: PropTypes.oneOf([null, 'center']),
+  contentAlignTablet: PropTypes.oneOf([null, 'center']),
+  stacking: PropTypes.oneOf(stackingProps),
+  stackingDesktop: PropTypes.oneOf(stackingProps),
+  stackingMobile: PropTypes.oneOf(stackingProps),
+  stackingTablet: PropTypes.oneOf(stackingProps),
+  wrap: PropTypes.oneOf(wrapProps),
+  wrapDesktop: PropTypes.oneOf(wrapProps),
+  wrapMobile: PropTypes.oneOf(wrapProps),
+  wrapTablet: PropTypes.oneOf(wrapProps),
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  spaceBetweenItems: PropTypes.string,
+  spaceBetweenItemsDesktop: PropTypes.string,
+  spaceBetweenItemsMobile: PropTypes.string,
+  spaceBetweenItemsTablet: PropTypes.string,
+  width: PropTypes.oneOf(widthProps),
+  widthMobile: PropTypes.oneOf(widthProps),
+  widthTablet: PropTypes.oneOf(widthProps),
+  widthDesktop: PropTypes.oneOf(widthProps),
+  columns: PropTypes.number,
+  columnsDesktop: PropTypes.number,
+  columnsMobile: PropTypes.number,
+  columnsTablet: PropTypes.number,
+  set: PropTypes.string,
+  horizontalScroll: PropTypes.bool
+};
+TabGroup.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "TabGroup",
+  "props": {
+    "id": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "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
+    },
+    "fillMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "contentAlign": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "null",
+          "computed": false
+        }, {
+          "value": "'center'",
+          "computed": false
+        }]
+      },
+      "required": false
+    },
+    "contentAlignDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "null",
+          "computed": false
+        }, {
+          "value": "'center'",
+          "computed": false
+        }]
+      },
+      "required": false
+    },
+    "contentAlignMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "null",
+          "computed": false
+        }, {
+          "value": "'center'",
+          "computed": false
+        }]
+      },
+      "required": false
+    },
+    "contentAlignTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "null",
+          "computed": false
+        }, {
+          "value": "'center'",
+          "computed": false
+        }]
+      },
+      "required": false
+    },
+    "stacking": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "stackingProps"
+      },
+      "required": false
+    },
+    "stackingDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "stackingProps"
+      },
+      "required": false
+    },
+    "stackingMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "stackingProps"
+      },
+      "required": false
+    },
+    "stackingTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "stackingProps"
+      },
+      "required": false
+    },
+    "wrap": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "wrapProps"
+      },
+      "required": false
+    },
+    "wrapDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "wrapProps"
+      },
+      "required": false
+    },
+    "wrapMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "wrapProps"
+      },
+      "required": false
+    },
+    "wrapTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "wrapProps"
+      },
+      "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
+    },
+    "spaceBetweenItems": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "spaceBetweenItemsDesktop": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "spaceBetweenItemsMobile": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "spaceBetweenItemsTablet": {
+      "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
+    },
+    "columns": {
+      "description": "",
+      "type": {
+        "name": "number"
+      },
+      "required": false
+    },
+    "columnsDesktop": {
+      "description": "",
+      "type": {
+        "name": "number"
+      },
+      "required": false
+    },
+    "columnsMobile": {
+      "description": "",
+      "type": {
+        "name": "number"
+      },
+      "required": false
+    },
+    "columnsTablet": {
+      "description": "",
+      "type": {
+        "name": "number"
+      },
+      "required": false
+    },
+    "set": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "horizontalScroll": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    }
+  }
+};
+
+export { Tab as T, TabGroup as a, tabConfig as t };