armtek-uikit-react 1.0.15 → 1.0.16

package/cjs/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Tooltip = exports.Stepper = exports.Status = exports.Slider = exports.Logo = exports.Loader = exports.ListItem = exports.Chip = exports.Card = exports.ButtonIcon = exports.Button = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.Alert = void 0;
+var _Button = _interopRequireDefault(require("./ui/Button"));
+exports.Button = _Button.default;
+var _ButtonIcon = _interopRequireDefault(require("./ui/ButtonIcon"));
+exports.ButtonIcon = _ButtonIcon.default;
+var _Alert = _interopRequireDefault(require("./ui/Alert/Alert"));
+exports.Alert = _Alert.default;
+var _Avatar = _interopRequireDefault(require("./ui/Avatar/Avatar"));
+exports.Avatar = _Avatar.default;
+var _AvatarGroup = _interopRequireDefault(require("./ui/Avatar/AvatarGroup"));
+exports.AvatarGroup = _AvatarGroup.default;
+var _Badge = _interopRequireDefault(require("./ui/Badge/Badge"));
+exports.Badge = _Badge.default;
+var _Card = _interopRequireDefault(require("./ui/Card/Card"));
+exports.Card = _Card.default;
+var _Chip = _interopRequireDefault(require("./ui/Chip/Chip"));
+exports.Chip = _Chip.default;
+var _ListItem = _interopRequireDefault(require("./ui/List/ListItem"));
+exports.ListItem = _ListItem.default;
+var _Loader = _interopRequireDefault(require("./ui/Loader/Loader"));
+exports.Loader = _Loader.default;
+var _Logo = _interopRequireDefault(require("./ui/Logo/Logo"));
+exports.Logo = _Logo.default;
+var _Slider = _interopRequireDefault(require("./ui/Slider/Slider"));
+exports.Slider = _Slider.default;
+var _Status = _interopRequireDefault(require("./ui/Status/Status"));
+exports.Status = _Status.default;
+var _Stepper = _interopRequireDefault(require("./ui/Stepper/Stepper"));
+exports.Stepper = _Stepper.default;
+var _Tooltip = _interopRequireDefault(require("./ui/Tooltip/Tooltip"));
+exports.Tooltip = _Tooltip.default;

package/cjs/lib/const/styles.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CSS_PREFIX = void 0;
+const CSS_PREFIX = 'Armtek-';
+exports.CSS_PREFIX = CSS_PREFIX;

package/cjs/lib/helpers/helpers.js

@@ -0,0 +1,56 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getVariants = exports.getStatusColors = exports.getSizes = exports.getCssPrefix = exports.getColors = void 0;
+var _styles = require("../const/styles");
+const getVariants = except => {
+  let variants = {
+    contained: 'Заливка',
+    outlined: 'С границами',
+    transparent: 'Прозрачный'
+  };
+  if (except) variants = filter(variants, except);
+  return variants;
+};
+exports.getVariants = getVariants;
+const getColors = () => {
+  return {
+    primary: 'Основной',
+    secondary: 'Второстепенный',
+    neutral: 'Нейтральный'
+  };
+};
+exports.getColors = getColors;
+const getStatusColors = () => {
+  return {
+    info: 'Инфо',
+    error: 'Ошибка',
+    success: 'Успех',
+    warning: 'Уведомление'
+  };
+};
+exports.getStatusColors = getStatusColors;
+const getSizes = except => {
+  let sizes = {
+    small: 'Маленький',
+    medium: 'Средний',
+    large: 'Большой',
+    extraLarge: 'Огромный'
+  };
+  if (except) sizes = filter(sizes, except);
+  return sizes;
+};
+exports.getSizes = getSizes;
+const filter = (obj, arr) => {
+  return Object.entries(obj).filter(item => !arr.includes(item[0])).reduce((prev, current) => {
+    prev[current[0]] = current[1];
+    return prev;
+  }, {});
+};
+const getCssPrefix = classes => {
+  return classes.reduce((prev, current) => {
+    prev[current] = _styles.CSS_PREFIX + current;
+    return prev;
+  }, {});
+};
+exports.getCssPrefix = getCssPrefix;

package/cjs/lib/hooks/useClickOutside.js

@@ -0,0 +1,22 @@
+"use strict";
+"use client";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+const useClickOutside = callback => {
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target)) callback();
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref]);
+  return ref;
+};
+var _default = useClickOutside;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/lib/services/DateService.js

@@ -0,0 +1,48 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.DateService = void 0;
+class DateClass {
+  constructor(date) {
+    this.date = date;
+  }
+  format(form) {
+    let strDate = form;
+    if (strDate.includes('DD')) strDate = strDate.replace('dd', DateClass.getDisplayValue(this.date.getDate()));
+    if (strDate.includes('MM')) strDate = strDate.replace('MM', this.getStrMonth());
+    if (strDate.includes('YYYY')) strDate = strDate.replace('yyyy', String(this.date.getFullYear()));
+    if (strDate.includes('HH')) strDate = strDate.replace('HH', DateClass.getDisplayValue(this.date.getHours()));
+    if (strDate.includes('mm')) strDate = strDate.replace('mm', DateClass.getDisplayValue(this.date.getMinutes()));
+    return strDate;
+  }
+  static isValid(dateStr, format) {
+    return !!this.parseDate(dateStr, format);
+  }
+  static parseDate(dateStr, format) {
+    let match = dateStr.match(/(\d{2})[.-/](\d{2})[.-/](\d{4})/);
+    if (match && match[1] && match[2] && match[3]) {
+      if (new Date(`${match[3]}-${match[2]}-${match[1]}`).getTime() === new Date(`${match[3]}-${match[2]}-${match[1]}`).getTime()) {
+        let result = new Date(`${match[3]}-${match[2]}-${match[1]}`);
+        result.setHours(1, 0, 0, 0);
+        return result;
+      }
+    }
+    return null;
+  }
+  static toDate(dateStr) {
+    return this.parseDate(dateStr);
+  }
+  static getDisplayValue(value) {
+    return value < 10 ? '0' + String(value) : String(value);
+  }
+  getStrMonth() {
+    let m = this.date.getMonth() + 1;
+    return DateClass.getDisplayValue(m);
+  }
+}
+const DateService = date => {
+  return new DateClass(date);
+};
+exports.DateService = DateService;
+var _default = DateClass;
+exports.default = _default;

package/cjs/types/theme.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/cjs/ui/Adornment/Adornment.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.AdornmentContainer = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _AdornmentModule = _interopRequireDefault(require("./Adornment.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+// import { getCssPrefix } from 'lib/helpers/helpers'
+const AdornmentClasses = ['adornmentContainer', 'adornmentContainer_end', 'adornment_start', 'adornment_end'];
+
+// const css = getCssPrefix(AdornmentClasses)
+
+const Adornment = props => {
+  let {
+    children,
+    position = 'end',
+    className,
+    ...spanProps
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...spanProps,
+      className: (0, _clsx.default)(className, {
+        [_AdornmentModule.default['adornment_start']]: position === 'start',
+        [_AdornmentModule.default['adornment_end']]: position !== 'start'
+      }),
+      children: children
+    })
+  });
+};
+const AdornmentContainer = props => {
+  let {
+    position = 'start',
+    className,
+    children,
+    ...inputProps
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...inputProps,
+      className: (0, _clsx.default)(_AdornmentModule.default.adornmentContainer, {
+        [_AdornmentModule.default['adornmentContainer_end']]: position !== 'start'
+      }, className),
+      children: children
+    })
+  });
+};
+exports.AdornmentContainer = AdornmentContainer;
+var _default = Adornment;
+exports.default = _default;

package/cjs/ui/Alert/Alert.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
+var _AlertModule = _interopRequireDefault(require("./Alert.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const AlertClasses = ['alert', 'alert__title', 'alert__close', 'alert__icon', 'alert_success', 'alert_warning', 'alert_info', 'alert_error'];
+
+// const css = getCssPrefix(AlertClasses)
+
+const Alert = props => {
+  let {
+    title,
+    children,
+    status = 'info',
+    onClose,
+    className,
+    ...restProps
+  } = props;
+  let icon = 'info';
+  if (status === 'error') icon = 'bolt';else if (status === 'warning') icon = 'warning';else if (status === 'success') icon = 'task_alt';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...restProps,
+      className: (0, _clsx.default)(_AlertModule.default.alert, _AlertModule.default['alert_' + status], className),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _clsx.default)(_AlertModule.default.alert__icon, 'material_icon'),
+        children: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _AlertModule.default.alert__title,
+        children: props.title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: props.children
+      }), !!onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+        onClick: onClose,
+        size: 'small',
+        color: 'neutral',
+        variant: 'transparent',
+        className: (0, _clsx.default)(_AlertModule.default.alert__close, 'material_icon'),
+        children: "close"
+      })]
+    })
+  });
+};
+var _default = Alert;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/ui/Avatar/Avatar.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _AvatarModule = _interopRequireDefault(require("./Avatar.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const AvatarClasses = ['avatar', 'avatar__inner', 'avatar_small', 'avatar_medium', 'avatar__name', 'avatar__icon', 'avatar__status', 'avatar__img', 'avatar__status_success', 'avatar__status_error', 'avatar__status_warning'];
+
+// const css = getCssPrefix(AvatarClasses)
+
+const getLetters = name => {
+  let nameParts = name.split(' ');
+  return nameParts[0].split('')[0] + (nameParts[1] ? nameParts[1].split('')[0] : '');
+};
+const Avatar = props => {
+  let icon = props.icon;
+  if (!props.icon && !props.name && !props.photo) icon = 'person';
+  let content = props.photo ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+    src: props.photo,
+    className: _AvatarModule.default.avatar__img,
+    alt: props.name,
+    title: props.name
+  }) : props.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: _AvatarModule.default.avatar__name,
+    children: getLetters(props.name)
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _clsx.default)(_AvatarModule.default.avatar__icon, 'material_icon_solid'),
+    children: icon
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(_AvatarModule.default.avatar, _AvatarModule.default['avatar_' + props.size]),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _AvatarModule.default.avatar__inner,
+        children: props.href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          href: props.href,
+          ...props.linkProps,
+          className: _AvatarModule.default.avatar__inner,
+          children: content
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _AvatarModule.default.avatar__inner,
+          children: content
+        })
+      }), props.status && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _clsx.default)(_AvatarModule.default.avatar__status, _AvatarModule.default['avatar__status_' + props.status])
+      })]
+    })
+  });
+};
+var _default = Avatar;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/ui/Avatar/AvatarGroup.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _AvatarGroupModule = _interopRequireDefault(require("./AvatarGroup.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const AvatarGroupClasses = ['avatarGroup', 'avatarGroup_medium', 'avatarGroup__item', 'avatarGroup__remains', 'avatarGroup__remains_medium', 'avatarGroup__remains_small'];
+
+// const css = getCssPrefix(AvatarGroupClasses)
+
+const AvatarGroup = props => {
+  let arrChildren = _react.Children.toArray(props.children);
+  let visiblePart = arrChildren.slice(0, props.limit || 3);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(_AvatarGroupModule.default.avatarGroup, _AvatarGroupModule.default['avatarGroup_' + props.size]),
+      children: [visiblePart.length < arrChildren.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _clsx.default)(_AvatarGroupModule.default.avatarGroup__item, _AvatarGroupModule.default.avatarGroup__remains, _AvatarGroupModule.default['avatarGroup__remains_' + props.size]),
+        children: ["+", arrChildren.length - visiblePart.length]
+      }), visiblePart.map((item, index) => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _AvatarGroupModule.default.avatarGroup__item,
+          children: /*#__PURE__*/(0, _react.isValidElement)(item) && /*#__PURE__*/(0, _react.cloneElement)(item, {
+            ...item.props,
+            size: props.size,
+            key: index
+          })
+        }, index);
+      })]
+    })
+  });
+};
+var _default = AvatarGroup;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/ui/Badge/Badge.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _BadgeModule = _interopRequireDefault(require("./Badge.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const BadgeClasses = ['badge', 'badge__item_primary', 'badge__item_secondary', 'badge__item_neutral', 'badge__item_error', 'badge__item_info', 'badge__item_warning', 'badge__item_success', 'badge__item_content', 'badge__item_content_circle', 'badge__item_content_square', 'badge__item_content_circle', 'badge__item_top-right', 'badge__item_top-left', 'badge__item_bottom-right', 'badge__item_bottom-left'];
+
+// const css = getCssPrefix(BadgeClasses)
+
+function Badge(props) {
+  let {
+    color,
+    shape,
+    position
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: _BadgeModule.default.badge,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _BadgeModule.default.badge__content,
+        children: props.children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _clsx.default)(_BadgeModule.default.badge__item, _BadgeModule.default['badge__item_' + color], _BadgeModule.default['badge__item_' + shape], _BadgeModule.default['badge__item_' + position], {
+          [_BadgeModule.default.badge__item_content]: !!props.badgeText && !shape,
+          [_BadgeModule.default.badge__item_content_circle]: !!props.badgeText && shape === 'circle',
+          [_BadgeModule.default.badge__item_content_square]: !!props.badgeText && shape === 'square'
+        }),
+        children: props.badgeText
+      })]
+    })
+  });
+}
+var _default = Badge;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/ui/Button/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ButtonModule = _interopRequireDefault(require("./Button.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const ButtonClasses = ['button', 'button_contained', 'button_transparent', 'button_outlined', 'button_primary', 'button_secondary', 'button_neutral', 'button_black', 'button__adornment', 'button__adornment_end', 'button__adornment_start', 'button_large', 'button_medium', 'button_small', 'button_icon', 'button_group', 'button_group_inline', 'button_group_column', 'button_grouped_inline', 'button_grouped_column'];
+
+// const css = getCssPrefix(ButtonClasses)
+
+const Index = props => {
+  let {
+    size = 'extraLarge',
+    color = 'primary',
+    variant = 'contained',
+    endAdornment,
+    startAdornment,
+    children,
+    className,
+    group,
+    as,
+    ...restProps
+  } = props;
+  let Component = as || 'button';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
+      ...restProps,
+      className: (0, _clsx.default)(_ButtonModule.default.button, _ButtonModule.default['button_' + size], _ButtonModule.default['button_' + variant], _ButtonModule.default['button_' + color], className, {
+        [_ButtonModule.default['button_grouped_' + group]]: group
+      }),
+      children: [startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.default)(_ButtonModule.default.button__adornment, _ButtonModule.default.button__adornment_start),
+        children: startAdornment
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: children
+      }), endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.default)(_ButtonModule.default.button__adornment, _ButtonModule.default.button__adornment_end),
+        children: endAdornment
+      })]
+    })
+  });
+};
+var _default = Index;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/ui/ButtonGroup/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ButtonModule = _interopRequireDefault(require("../Button/Button.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const ButtonGroupClasses = ['button_group', 'button_group_inline', 'button_group_column'];
+
+// const css = getCssPrefix(ButtonGroupClasses)
+
+const ButtonGroup = props => {
+  let {
+    orientation = 'inline',
+    className,
+    children,
+    ...restProps
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...restProps,
+      className: (0, _clsx.default)(_ButtonModule.default.button_group, _ButtonModule.default['button_group_' + orientation], className),
+      children: children
+    })
+  });
+};
+var _default = ButtonGroup;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/ui/ButtonIcon/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Button = _interopRequireDefault(require("../Button"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ButtonModule = _interopRequireDefault(require("../Button/Button.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const ButtonIconClasses = ['button_icon'];
+
+// const css = getCssPrefix(ButtonIconClasses)
+
+const ButtonIcon = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      ...props,
+      className: (0, _clsx.default)(_ButtonModule.default.button_icon, props.className),
+      children: props.children
+    })
+  });
+};
+var _default = ButtonIcon;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/ui/Card/Card.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _CardModule = _interopRequireDefault(require("./Card.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const CssClasses = ['card'];
+
+// const css = getCssPrefix(CssClasses)
+
+const Card = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...props,
+      className: (0, _clsx.default)(_CardModule.default.card, props.className)
+    })
+  });
+};
+var _default = Card;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/ui/Chip/Chip.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ChipModule = _interopRequireDefault(require("./Chip.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const CssClasses = ['chip', 'chip__inner', 'chip__icon', 'chip__close', 'chip__close_primary', 'chip__close_secondary', 'chip_small', 'chip__icon_small', 'chip__close_small', 'chip_outlined', 'chip_secondary', 'chip_primary'];
+
+// const css = getCssPrefix(CssClasses)
+
+function Chip(props) {
+  let {
+    size,
+    text,
+    icon,
+    onClose,
+    as,
+    variant,
+    color,
+    children
+  } = props;
+  let Component = as || 'span';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      className: (0, _clsx.default)(_ChipModule.default.chip, _ChipModule.default['chip_' + size], _ChipModule.default['chip_' + variant], _ChipModule.default['chip_' + color]),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: _ChipModule.default.chip__inner,
+        children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _clsx.default)('material_icon', _ChipModule.default.chip__icon, _ChipModule.default['chip__icon_' + size]),
+          children: icon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: text || children
+        }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _clsx.default)('material_icon_solid', _ChipModule.default['chip__close_' + size], _ChipModule.default['chip__close_' + color], _ChipModule.default.chip__close),
+          children: "cancel"
+        })]
+      })
+    })
+  });
+}
+var _default = Chip;
+exports.default = _default;
+module.exports = exports.default;

package/cjs/ui/Form/Checkbox/Checkbox.js

@@ -0,0 +1,57 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _CheckboxModule = _interopRequireDefault(require("./Checkbox.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+const CssClasses = ['checkbox', 'checkbox__input', 'checkbox__label', 'checkbox__text', 'checkbox_disabled', 'checkbox_medium', 'checkbox_small', 'checkbox__label_intermediate', 'checkbox__label_checked', 'checkbox__label_disabled', 'checkbox_contained', 'checkbox_outlined', 'checkbox_primary', 'checkbox_secondary', 'checkbox_neutral', 'checkbox_success', 'checkbox_error', 'checkbox_warning', 'radio'];
+
+// const css = getCssPrefix(CssClasses)
+
+const Checkbox = props => {
+  let {
+    label,
+    intermediate,
+    color = 'primary',
+    size = 'large',
+    variant = 'outlined',
+    onChange,
+    className,
+    ...inputProps
+  } = props;
+  let [checked, setChecked] = (0, _react.useState)(!!props.defaultChecked);
+  const handleClick = e => {
+    if (!inputProps.disabled) {
+      if (inputProps.checked === undefined) setChecked(prev => !prev);
+      if (onChange) onChange(e);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(_CheckboxModule.default.checkbox, className),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        className: _CheckboxModule.default.checkbox__input,
+        ...inputProps,
+        type: props.type || 'checkbox'
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+        onClick: handleClick,
+        className: (0, _clsx.default)(_CheckboxModule.default.checkbox__label, _CheckboxModule.default['checkbox_' + size], _CheckboxModule.default['checkbox_' + variant], _CheckboxModule.default['checkbox_' + color], {
+          [_CheckboxModule.default.checkbox__label_checked]: inputProps.checked !== undefined ? inputProps.checked : checked,
+          [_CheckboxModule.default.checkbox__label_intermediate]: !!intermediate,
+          [_CheckboxModule.default.checkbox__label_disabled]: !!inputProps.disabled
+        }),
+        children: label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _CheckboxModule.default.checkbox__text,
+          children: label
+        })
+      })]
+    })
+  });
+};
+var _default = Checkbox;
+exports.default = _default;
+module.exports = exports.default;