@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Button.js

@@ -1,51 +1,42 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index$2 = require('./Icon.js');
-var index$3 = require('./Text.js');
-var index$1 = require('./Loader.js');
-var index = require('./Link.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-var borderType = require('../constants/componentProps/borderType.js');
-var fill = require('../constants/componentProps/fill.js');
-var size = require('../constants/componentProps/size.js');
-var shape = require('../constants/componentProps/shape.js');
-var type = require('../constants/componentProps/type.js');
-var width = require('../constants/componentProps/width.js');
-require('react-inlinesvg');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/wrap.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/underline.js');
-
-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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Icon } from './Icon.js';
+import { T as Text } from '../Text-DffpwlYq.js';
+import { Loader } from './Loader.js';
+import { LinkWrapper } from './Link.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import borderTypeProps from '../constants/componentProps/borderType.js';
+import fillProps from '../constants/componentProps/fill.js';
+import sizeProps from '../constants/componentProps/size.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import typeProps from '../constants/componentProps/type.js';
+import widthProps from '../constants/componentProps/width.js';
+import 'react-inlinesvg';
+import '../constants/componentProps/borderColor.js';
+import '../constants/componentProps/iconSize.js';
+import '../constants/componentProps/strokeColor.js';
+import './Tooltip.js';
+import './Title.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/wrap.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../constants/componentProps/textSize.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../constants/componentProps/underline.js';
 
 const buttonConfig = {
   appearance: {},
@@ -53,7 +44,7 @@ const buttonConfig = {
     buttonConfig.appearance = newComponent;
   }
 };
-const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(props, ref) {
+const Button = /*#__PURE__*/React__default.forwardRef(function Button(props, ref) {
   const {
     before,
     appearance,
@@ -63,6 +54,9 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     dataTestId,
     Badge,
     children,
+    fillIcon,
+    fillIconAfter,
+    fillIconBefore,
     iconAfter,
     iconAfterSize,
     iconBefore,
@@ -81,12 +75,18 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     rel,
     size,
     icon,
+    iconShape,
+    iconAfterShape,
+    iconBeforeShape,
     iconSize,
     iconFill,
+    iconFillSize,
     iconStroke,
     iconBeforeFill,
+    iconBeforeFillSize,
     iconBeforeStroke,
     iconAfterFill,
+    iconAfterFillSize,
     iconAfterStroke,
     iconAfterSrc,
     iconBeforeSrc,
@@ -98,49 +98,49 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     onClick,
     onMouseDown
   } = props;
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'button_width_',
     propsKey: 'width'
   });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass(props, {
     prefix: 'button_size_',
     propsKey: 'size'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'fillHover'
   });
-  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderWidthClass = useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'borderWidth'
   });
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'button_shape_',
     propsKey: 'shape'
   });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderTypeClass = useDeviceTargetClass(props, {
     prefix: 'border_type_',
     propsKey: 'borderType'
   });
-  const elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const elevationClass = useDeviceTargetClass(props, {
     prefix: 'elevation_',
     propsKey: 'elevation'
   });
   const {
     styles: buttonStyles,
     label: labelStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
-    className: clsx__default.default(className, 'button', type && `button_type_${type}`, borderWidthClass || buttonConfig.appearance[appearance] && `border-width_${buttonConfig.appearance[appearance].borderWidth}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass || buttonConfig.appearance[appearance] && `border-color_${buttonConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderTypeClass || buttonConfig.appearance[appearance] && `border-type_${buttonConfig.appearance[appearance].borderType}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance] && `fill_hover_${buttonConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) && 'button_type_icon', label && (after || before || icon || iconAfter || iconAfterSrc || iconBefore || iconBeforeSrc || iconSrc) && `button_type_with-icon button_type_with-icon_${size}`),
-    "data-test-id": `${dataTestId}Button`,
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement(LinkWrapper, {
+    className: clsx(className, 'button', type && `button_type_${type}`, borderWidthClass || buttonConfig.appearance[appearance]?.borderWidth && `border-width_${buttonConfig.appearance[appearance].borderWidth}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass || buttonConfig?.appearance[appearance]?.borderColor && `border-color_${buttonConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderTypeClass || buttonConfig.appearance[appearance]?.borderType && `border-type_${buttonConfig.appearance[appearance].borderType}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillClass || buttonConfig.appearance[appearance]?.fill && `fill_${buttonConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance]?.fillHover && `fill_hover_${buttonConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) && 'button_type_icon', label && (after || before || icon || iconAfter || iconAfterSrc || iconBefore || iconBeforeSrc || iconSrc) && `button_type_with-icon button_type_with-icon_${size}`),
+    "data-test-id": dataTestId && `${dataTestId}Button`,
     "data-tour": dataTour,
     DefaultComponent: "button",
     disabled: isDisabled,
@@ -151,82 +151,91 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     type: htmlType,
     onClick: onClick,
     onMouseDown: onMouseDown
-  }, /*#__PURE__*/React__default.default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "button__wrapper",
     ref: ref
-  }, loading && /*#__PURE__*/React__default.default.createElement(index$1.Loader, {
+  }, loading && /*#__PURE__*/React__default.createElement(Loader, {
     className: "button__loader",
     fill: loaderFill || buttonConfig.appearance[appearance]?.loaderFill,
     itemFill: loaderItemFill || buttonConfig.appearance[appearance]?.loaderItemFill,
     set: loaderSet
-  }), before, (iconBefore || iconBeforeSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
+  }), before, (iconBefore || iconBeforeSrc) && /*#__PURE__*/React__default.createElement(Icon, {
     className: "button__icon_before",
+    fill: fillIconBefore,
+    fillSize: iconBeforeFillSize,
     iconFill: iconBeforeFill || buttonConfig.appearance[appearance]?.iconBeforeFill,
     iconStroke: iconBeforeStroke || buttonConfig.appearance[appearance]?.iconBeforeStroke,
     imageSrc: iconBeforeSrc,
+    shape: iconBeforeShape,
     size: iconBeforeSize,
     SvgImage: iconBefore
-  }), (icon || iconSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
+  }), (icon || iconSrc) && /*#__PURE__*/React__default.createElement(Icon, {
     className: "button__icon",
+    fill: fillIcon,
+    fillSize: iconFillSize,
     iconFill: iconFill || buttonConfig.appearance[appearance]?.iconFill,
     iconStroke: iconStroke || buttonConfig.appearance[appearance]?.iconStroke,
     imageSrc: iconSrc,
+    shape: iconShape,
     size: iconSize,
     SvgImage: icon
-  }), (children || label || buttonConfig.appearance[appearance]?.label) && /*#__PURE__*/React__default.default.createElement(index$3.Text, {
+  }), (children || label || buttonConfig.appearance[appearance]?.label) && /*#__PURE__*/React__default.createElement(Text, {
     className: "button__label",
     size: labelTextSize || buttonConfig.appearance[appearance]?.labelTextSize,
     style: labelStyles,
     textColor: labelTextColor || buttonConfig.appearance[appearance]?.labelTextColor,
     textColorHover: labelTextColorHover || buttonConfig.appearance[appearance]?.labelTextColorHover,
     textWrap: labelTextWrap
-  }, children || label || buttonConfig.appearance[appearance]?.label), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
+  }, children || label || buttonConfig.appearance[appearance]?.label), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.createElement(Icon, {
     className: "button__icon_after",
+    fill: fillIconAfter,
+    fillSize: iconAfterFillSize,
     iconFill: iconAfterFill || buttonConfig.appearance[appearance]?.iconAfterFill,
     iconStroke: iconAfterStroke || buttonConfig.appearance[appearance]?.iconAfterStroke,
     imageSrc: iconAfterSrc,
+    shape: iconAfterShape,
     size: iconAfterSize,
     SvgImage: iconAfter
   }), Badge, after));
 });
 Button.propTypes = {
-  after: PropTypes__default.default.any,
-  appearance: PropTypes__default.default.string,
-  Badge: PropTypes__default.default.element,
-  before: PropTypes__default.default.any,
-  borderType: PropTypes__default.default.oneOf(borderType.default),
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  dataTour: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  href: PropTypes__default.default.string,
-  htmlType: PropTypes__default.default.string,
-  iconAfterFill: PropTypes__default.default.string,
-  iconAfterStroke: PropTypes__default.default.string,
-  iconBeforeFill: PropTypes__default.default.string,
-  iconBeforeStroke: PropTypes__default.default.string,
-  iconFill: PropTypes__default.default.string,
-  iconSize: PropTypes__default.default.string,
-  iconStroke: PropTypes__default.default.string,
-  isDisabled: PropTypes__default.default.bool,
-  label: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
-  labelTextColor: PropTypes__default.default.string,
-  labelTextColorHover: PropTypes__default.default.string,
-  labelTextSize: PropTypes__default.default.string,
-  labelTextWrap: PropTypes__default.default.string,
-  link: PropTypes__default.default.string,
-  loaderFill: PropTypes__default.default.string,
-  loaderItemFill: PropTypes__default.default.string,
-  loaderSet: PropTypes__default.default.string,
-  loading: PropTypes__default.default.bool,
-  rel: PropTypes__default.default.string,
-  shape: PropTypes__default.default.oneOf(shape.default),
-  size: PropTypes__default.default.oneOf(size.default),
-  target: PropTypes__default.default.string,
-  type: PropTypes__default.default.oneOf(type.default),
-  width: PropTypes__default.default.oneOf(width.default),
-  onClick: PropTypes__default.default.func,
-  onMouseDown: PropTypes__default.default.func
+  after: PropTypes.any,
+  appearance: PropTypes.string,
+  Badge: PropTypes.element,
+  before: PropTypes.any,
+  borderType: PropTypes.oneOf(borderTypeProps),
+  children: PropTypes.any,
+  className: PropTypes.string,
+  dataTour: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  href: PropTypes.string,
+  htmlType: PropTypes.string,
+  iconAfterFill: PropTypes.string,
+  iconAfterStroke: PropTypes.string,
+  iconBeforeFill: PropTypes.string,
+  iconBeforeStroke: PropTypes.string,
+  iconFill: PropTypes.string,
+  iconSize: PropTypes.string,
+  iconStroke: PropTypes.string,
+  isDisabled: PropTypes.bool,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  labelTextColor: PropTypes.string,
+  labelTextColorHover: PropTypes.string,
+  labelTextSize: PropTypes.string,
+  labelTextWrap: PropTypes.string,
+  link: PropTypes.string,
+  loaderFill: PropTypes.string,
+  loaderItemFill: PropTypes.string,
+  loaderSet: PropTypes.string,
+  loading: PropTypes.bool,
+  rel: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  size: PropTypes.oneOf(sizeProps),
+  target: PropTypes.string,
+  type: PropTypes.oneOf(typeProps),
+  width: PropTypes.oneOf(widthProps),
+  onClick: PropTypes.func,
+  onMouseDown: PropTypes.func
 };
 Button.defaultProps = {
   // Button with a `type="submit"` attribute is a form control by default.
@@ -542,5 +551,4 @@ Button.__docgenInfo = {
   }
 };
 
-exports.Button = Button;
-exports.buttonConfig = buttonConfig;
+export { Button, buttonConfig };

package/dist/components/Caption.js

@@ -1,68 +1,60 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var fill = require('../constants/componentProps/fill.js');
-var fillGradient = require('../constants/componentProps/fillGradient.js');
-var captionPosition = require('../constants/componentProps/captionPosition.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-
-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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import fillProps from '../constants/componentProps/fill.js';
+import fillGradientProps from '../constants/componentProps/fillGradient.js';
+import captionPositionProps from '../constants/componentProps/captionPosition.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 
 function Caption(props) {
   const {
     children,
     className
   } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const fillGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillGradientClass = useDeviceTargetClass(props, {
     prefix: 'fill-gradient_',
     propsKey: 'fillGradient'
   });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const positionClass = useDeviceTargetClass(props, {
     prefix: 'caption_position_',
     propsKey: 'position'
   });
   const {
     styles: captionStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'caption', positionClass, fillClass, fillGradientClass),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'caption', positionClass, fillClass, fillGradientClass),
     style: captionStyles
   }, children);
 }
 Caption.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillGradient: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientMobile: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientTablet: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientDesktop: PropTypes__default.default.oneOf(fillGradient.default),
-  position: PropTypes__default.default.oneOf(captionPosition.default),
-  positionMobile: PropTypes__default.default.oneOf(captionPosition.default),
-  positionTablet: PropTypes__default.default.oneOf(captionPosition.default),
-  positionDesktop: PropTypes__default.default.oneOf(captionPosition.default)
+  children: PropTypes.any,
+  className: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillGradient: PropTypes.oneOf(fillGradientProps),
+  fillGradientMobile: PropTypes.oneOf(fillGradientProps),
+  fillGradientTablet: PropTypes.oneOf(fillGradientProps),
+  fillGradientDesktop: PropTypes.oneOf(fillGradientProps),
+  position: PropTypes.oneOf(captionPositionProps),
+  positionMobile: PropTypes.oneOf(captionPositionProps),
+  positionTablet: PropTypes.oneOf(captionPositionProps),
+  positionDesktop: PropTypes.oneOf(captionPositionProps)
 };
 Caption.__docgenInfo = {
   "description": "",
@@ -194,4 +186,4 @@ Caption.__docgenInfo = {
   }
 };
 
-exports.Caption = Caption;
+export { Caption };

package/dist/components/Card.js

@@ -1,38 +1,25 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var size = require('../constants/componentProps/size.js');
-var shape = require('../constants/componentProps/shape.js');
-var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
-var index$1 = require('./Text.js');
-var index = require('./Image.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.js');
-require('../hooks/useStyles.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('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/resizeMode.js');
-require('../constants/componentProps/width.js');
-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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import sizeProps from '../constants/componentProps/size.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import horizontalResizeModeProps from '../constants/componentProps/horizontalResizeMode.js';
+import { T as Text } from '../Text-DffpwlYq.js';
+import { Image } from './Image.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../hooks/useStyles.js';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../constants/componentProps/borderColor.js';
+import '../constants/componentProps/resizeMode.js';
+import '../constants/componentProps/width.js';
+import 'lodash/castArray';
 
 function Card(props) {
   const {
@@ -53,31 +40,31 @@ function Card(props) {
     type,
     onClick
   } = props;
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'card_shape_',
     propsKey: 'shape'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'resize-horizontal_',
     propsKey: 'width'
   });
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'card', shapeClass, size && `card_size_${size}`, type && `card_type_${type}`, widthClass),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'card', shapeClass, size && `card_size_${size}`, type && `card_type_${type}`, widthClass),
     onClick: onClick
-  }, /*#__PURE__*/React__default.default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "card__wrapper"
-  }, image, src && /*#__PURE__*/React__default.default.createElement(index.Image, {
+  }, image, src && /*#__PURE__*/React__default.createElement(Image, {
     className: "card__image",
     shape: imageShape,
     src: src
-  }), /*#__PURE__*/React__default.default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "card__data"
-  }, title && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+  }, title && /*#__PURE__*/React__default.createElement(Text, {
     className: "card__data-title",
     size: titleSize,
     textColor: titleColor,
     tag: titleTag
-  }, title), text && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+  }, title), text && /*#__PURE__*/React__default.createElement(Text, {
     size: textSize,
     tag: textTag,
     textColor: textColor,
@@ -85,21 +72,21 @@ function Card(props) {
   }, text)), children));
 }
 Card.propTypes = {
-  size: PropTypes__default.default.oneOf(PropTypes__default.default.oneOf(size.default)),
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  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),
-  image: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func,
-  imageShape: 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)
+  size: PropTypes.oneOf(PropTypes.oneOf(sizeProps)),
+  children: PropTypes.any,
+  className: PropTypes.string,
+  type: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  image: PropTypes.string,
+  onClick: PropTypes.func,
+  imageShape: PropTypes.oneOf(shapeProps),
+  width: PropTypes.oneOf(horizontalResizeModeProps),
+  widthMobile: PropTypes.oneOf(horizontalResizeModeProps),
+  widthTablet: PropTypes.oneOf(horizontalResizeModeProps),
+  widthDesktop: PropTypes.oneOf(horizontalResizeModeProps)
 };
 Card.defaultProps = {
   textSize: 'p',
@@ -281,4 +268,4 @@ Card.__docgenInfo = {
   }
 };
 
-exports.Card = Card;
+export { Card };