armtek-uikit-react 1.0.16 → 1.0.18

package/cjs/ui/Form/Period/Period.js

@@ -1,73 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _TextField = _interopRequireDefault(require("../TextField/TextField"));
-var _react = require("react");
-var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
-var _Card = _interopRequireDefault(require("../../Card/Card"));
-var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
-var _DateService = require("../../../lib/services/DateService");
-var _PeriodModule = _interopRequireDefault(require("./Period.module.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-const CssClasses = ['dateField', 'dateField__picker'];
-
-// const css = getCssPrefix(CssClasses)
-
-const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    onChange,
-    format = 'DD.MM.YYYY',
-    onInput,
-    ...restProps
-  } = props;
-  let [active, setActive] = (0, _react.useState)(false);
-  let [value, setValue] = (0, _react.useState)([new Date(), null]);
-  const handleClick = () => {
-    setActive(true);
-  };
-  const handleChange = date => {
-    setValue(date);
-    if (date[0] && date[1]) setActive(false);
-    if (onChange) onChange(date);
-  };
-  let displayValue = '';
-  if (value[0] && value[1]) displayValue = `${(0, _DateService.DateService)(value[0]).format('DD.MM.YYYY')} - ${(0, _DateService.DateService)(value[1]).format('DD.MM.YYYY')}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: _PeriodModule.default.dateField,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-        ref: ref,
-        placeholder: 'дд.мм.гггг - дд.мм.гггг',
-        ...restProps,
-        value: displayValue,
-        onFocus: handleClick,
-        endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-          size: 'medium',
-          variant: 'transparent',
-          color: 'neutral',
-          onClick: handleClick,
-          className: 'material_icon',
-          children: "calendar_today"
-        })
-      }), active && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
-        className: _PeriodModule.default.dateField__picker,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-          onChange: handleChange,
-          selectsRange: true,
-          onBlur: () => {
-            setActive(false);
-          },
-          selected: value[0],
-          startDate: value[0],
-          endDate: value[1]
-        })
-      })]
-    })
-  });
-});
-var _default = Period;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/Rating/Rating.js

@@ -1,58 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _RatingModule = _interopRequireDefault(require("./Rating.module.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-const CssClasses = ['rating', 'rating__item', 'rating_medium', 'rating_small', 'rating__item_disabled'];
-
-// const css = getCssPrefix(CssClasses)
-
-const Rating = props => {
-  let {
-    size = 'large',
-    onChange,
-    ...restProps
-  } = props;
-  let [value, setValue] = (0, _react.useState)(props.defaultValue || 0);
-  let [hovered, setHovered] = (0, _react.useState)(0);
-  let realValue = props.value !== undefined ? props.value : value;
-  const handleClick = index => () => {
-    setValue(index);
-    if (onChange) onChange(index);
-  };
-  const handleMouseEnter = index => () => {
-    setHovered(index);
-  };
-  const handleLeaveRating = () => {
-    setHovered(realValue);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: _RatingModule.default.rating,
-      onMouseLeave: handleLeaveRating,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        value: value,
-        ...restProps,
-        type: "hidden"
-      }), [...Array(5)].map((_, index) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          onClick: handleClick(index + 1),
-          onMouseEnter: handleMouseEnter(index + 1),
-          className: (0, _clsx.default)('material_icon', {
-            ['material_icon_solid']: index + 1 <= hovered || index + 1 <= realValue,
-            [_RatingModule.default.rating__item_disabled]: !!restProps.disabled
-          }, _RatingModule.default.rating__item, _RatingModule.default['rating_' + size]),
-          children: "star"
-        }, index);
-      })]
-    })
-  });
-};
-var _default = Rating;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/Select/Select.js

@@ -1,143 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.getOptionValue = exports.default = void 0;
-var _TextField = _interopRequireDefault(require("../TextField/TextField"));
-var _react = require("react");
-var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _ListItem = _interopRequireDefault(require("../../List/ListItem"));
-var _useClickOutside = _interopRequireDefault(require("../../../lib/hooks/useClickOutside"));
-var _SelectModule = _interopRequireDefault(require("./Select.module.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-const CssClasses = ['select', 'select__input_wrapper', 'select__input', 'options', 'options_inline'];
-
-// const css = getCssPrefix(CssClasses)
-
-const getOptionValue = option => option.value || option.text;
-exports.getOptionValue = getOptionValue;
-function Select(props) {
-  var _options$find;
-  let {
-    options,
-    endAdornment,
-    className,
-    inline,
-    multiple = false,
-    value,
-    defaultValue,
-    onChange,
-    ...inputProps
-  } = props;
-  let [active, setActive] = (0, _react.useState)(false);
-  let [selected, setSelected] = (0, _react.useState)(defaultValue || (multiple ? [] : ''));
-  let selectRef = (0, _react.useRef)(null);
-  let optRef = (0, _useClickOutside.default)(() => setActive(false));
-  const handleActive = flag => {
-    setActive(prev => flag !== undefined ? flag : !prev);
-  };
-  const handleSelect = option => {
-    let v = getOptionValue(option);
-    let mSelected = selected;
-    let newValueS = v;
-    let newValueM = mSelected.includes(v) ? mSelected.filter(item => item !== v) : mSelected.concat(v);
-    setSelected(multiple ? newValueM : newValueS);
-    if (onChange) onChange(multiple ? newValueM : newValueS);
-    if (!multiple) setActive(false);
-
-    // if(selectRef.current)
-    // 	selectRef.current.dispatchEvent(new Event('change', { bubbles: true }))
-  };
-
-  // const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {
-  // let option = options.find(item => getOptionValue(item) === e.target.value)
-  // if( option )
-  // {
-  // 	let v = getOptionValue(option)
-  // 	setSelected(!multiple ? v : prev => prev?.concat(v) || [v])
-  // 	if( !multiple )
-  // 		setActive(false)
-  // }
-  // }
-
-  let selectEndAdornment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [endAdornment, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-      onClick: () => handleActive,
-      size: 'small',
-      variant: 'transparent',
-      className: 'material_icon',
-      children: "arrow_drop_down"
-    })]
-  });
-  let selectProps = {};
-  // if( value !== undefined )
-  // {
-  // 	selectProps.value = value
-  // 	selectProps.onChange = handleChange
-  // }
-
-  let realValue = value !== undefined ? value : selected;
-  let selectedText = multiple ? options.filter(item => realValue == null ? void 0 : realValue.includes(getOptionValue(item))).map(item => item.text).join(', ') : ((_options$find = options.find(item => getOptionValue(item) === realValue)) == null ? void 0 : _options$find.text) || '';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: _SelectModule.default.select,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _SelectModule.default.select__input_wrapper,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
-          multiple: multiple,
-          ref: selectRef,
-          ...selectProps,
-          style: {
-            display: 'none'
-          },
-          children: options.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-            children: item.text
-          }, item.text))
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-          ...inputProps,
-          value: selectedText,
-          onClick: () => setActive(true),
-          className: (0, _clsx.default)(_SelectModule.default.select__input, className),
-          endAdornment: selectEndAdornment
-        })]
-      }), active && /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectOptions, {
-        ref: optRef,
-        options: options,
-        multiple: multiple,
-        value: realValue,
-        inline: inline,
-        onClick: handleSelect
-      })]
-    })
-  });
-}
-const SelectOptions = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    options,
-    value,
-    multiple,
-    inline,
-    onClick
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: ref,
-      className: (0, _clsx.default)(_SelectModule.default.options, {
-        [_SelectModule.default.options_inline]: !!inline
-      }),
-      children: options.map((item, index) => {
-        let optValue = getOptionValue(item);
-        let active = multiple === true && value ? value.includes(optValue) : optValue === value;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
-          active: active,
-          onClick: () => onClick(item),
-          children: item.text
-        }, index);
-      })
-    })
-  });
-});
-var _default = Select;
-exports.default = _default;

package/cjs/ui/Form/Switch/Switch.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _SwitchModule = _interopRequireDefault(require("./Switch.module.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-const CssClasses = ['switch', 'switch__input', 'switch__slider', 'switch_small'];
-
-// const css = getCssPrefix(CssClasses)
-
-const Switch = props => {
-  let {
-    onChange,
-    size,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-      className: (0, _clsx.default)(_SwitchModule.default.switch, _SwitchModule.default['switch_' + props.size]),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        className: _SwitchModule.default.switch__input,
-        ...restProps,
-        type: "checkbox"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _SwitchModule.default.switch__slider
-      })]
-    })
-  });
-};
-var _default = Switch;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/TextArea/TextArea.js

@@ -1,50 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _TextField = _interopRequireDefault(require("../TextField/TextField"));
-var _react = require("react");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _TextAreaModule = _interopRequireDefault(require("./TextArea.module.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-const CssClasses = ['textarea', 'size_small'];
-
-// const css = getCssPrefix(CssClasses)
-
-const TextArea = props => {
-  var _textareaRef$current, _textareaRef$current2;
-  let {
-    onChange,
-    className,
-    ...restProps
-  } = props;
-  let [value, setValue] = (0, _react.useState)('');
-  let [minHeight, setMinHeight] = (0, _react.useState)(0);
-  let textareaRef = (0, _react.useRef)();
-  const handleChange = e => {
-    setValue(e.target.value);
-    if (onChange) onChange(e);
-  };
-  (0, _react.useEffect)(() => {
-    if (textareaRef.current) setMinHeight(textareaRef.current.clientHeight);
-  }, [textareaRef]);
-  let textHeight = (((_textareaRef$current = textareaRef.current) == null ? void 0 : _textareaRef$current.scrollHeight) || 0) < minHeight ? minHeight : (_textareaRef$current2 = textareaRef.current) == null ? void 0 : _textareaRef$current2.scrollHeight;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-      ref: textareaRef,
-      value: value,
-      ...restProps,
-      className: (0, _clsx.default)(_TextAreaModule.default.textarea, _TextAreaModule.default['size_' + restProps.size], className),
-      onChange: handleChange,
-      multiline: true,
-      style: {
-        height: textHeight + 'px'
-      }
-    })
-  });
-};
-var _default = TextArea;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/TextField/TextField.js

@@ -1,156 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.TextFieldInput = exports.TextFieldContainer = void 0;
-var _react = require("react");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _HelperText = _interopRequireDefault(require("../../HelperText/HelperText"));
-var _TextFieldModule = _interopRequireDefault(require("./TextField.module.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-const CssClasses = ['textfield__container_outlined', 'textfield__container', 'textfield', 'textfield_outlined', '_focused', '_disabled', '_error', '_label', 'textfield__label_focused', 'textfield__label_small', 'textfield__label_error', 'textfield__label', 'textfield__input', 'textfield__input_outlined', 'size_small', 'textfield__adornment', 'textfield__helperText', 'textfield__icon'];
-
-// const css = getCssPrefix(CssClasses)
-
-const TextField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    error,
-    success,
-    label,
-    helperText,
-    size = 'large',
-    variant = 'solid',
-    endAdornment,
-    className,
-    multiline = false,
-    ...inputProps
-  } = props;
-  let [value, setValue] = (0, _react.useState)('');
-  let [focused, setFocused] = (0, _react.useState)(false);
-  const inputRef = (0, _react.useRef)();
-  const handleFocus = e => {
-    setFocused(true);
-    if (inputProps.onFocus) inputProps.onFocus(e);
-  };
-  const handleBlur = e => {
-    setFocused(false);
-    if (inputProps.onBlur) inputProps.onBlur(e);
-  };
-  let endContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: _TextFieldModule.default.textfield__adornment,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _TextFieldModule.default.textfield__icon,
-      children: endAdornment
-    }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)('material_icon', 'text_error', _TextFieldModule.default.textfield__icon),
-      children: "error_outline"
-    }), success && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)('material_icon', 'text_success', _TextFieldModule.default.textfield__icon),
-      children: "done"
-    })]
-  });
-  let endContentExists = endAdornment || error || success;
-  let Component = multiline ? 'textarea' : 'input';
-  let realRef = ref || inputRef;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TextFieldContainer, {
-      size: size,
-      variant: variant,
-      disabled: inputProps.disabled,
-      focused: focused,
-      onClick: () => {
-        var _realRef$current;
-        return (_realRef$current = realRef.current) == null ? void 0 : _realRef$current.focus();
-      },
-      className: className,
-      error: error,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TextFieldInput, {
-        Component: Component,
-        ref: realRef,
-        value: value,
-        onChange: e => setValue(e.target.value),
-        size: size,
-        variant: variant,
-        label: label,
-        focused: focused,
-        error: error,
-        multiline: multiline,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        ...inputProps
-      }), endContentExists && endContent]
-    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
-      className: _TextFieldModule.default.textfield__helperText,
-      error: error,
-      children: helperText
-    })]
-  });
-});
-const TextFieldContainer = props => {
-  let {
-    focused,
-    disabled,
-    variant,
-    size,
-    className,
-    children,
-    error,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ...restProps,
-      className: (0, _clsx.default)(_TextFieldModule.default.textfield, _TextFieldModule.default['textfield_' + variant], _TextFieldModule.default['size_' + size], {
-        [_TextFieldModule.default._focused]: focused,
-        [_TextFieldModule.default._disabled]: disabled,
-        [_TextFieldModule.default._error]: error
-      }, className),
-      children: children
-    })
-  });
-};
-exports.TextFieldContainer = TextFieldContainer;
-const TextFieldInput = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    Component = 'input',
-    size,
-    variant,
-    multiline,
-    error,
-    focused,
-    label,
-    value,
-    className,
-    ...inputProps
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _clsx.default)(_TextFieldModule.default.textfield__container, _TextFieldModule.default['size_' + size], {
-        [_TextFieldModule.default._label]: !!label,
-        [_TextFieldModule.default.textfield__container_outlined]: variant === 'outlined'
-      }),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-        ref: ref,
-        value: value,
-        ...inputProps,
-        className: (0, _clsx.default)(_TextFieldModule.default.textfield__input, _TextFieldModule.default['size_' + size], _TextFieldModule.default['textfield__input_' + variant], {
-          [_TextFieldModule.default._label]: !!label,
-          [_TextFieldModule.default._focused]: focused,
-          [_TextFieldModule.default._error]: !!error,
-          [_TextFieldModule.default.textarea]: multiline
-        }, className)
-      }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _clsx.default)(_TextFieldModule.default.textfield__label, {
-          [_TextFieldModule.default.textfield__label_focused]: focused || !!value || !!props.value,
-          [_TextFieldModule.default.textfield__label_small]: size === 'small',
-          [_TextFieldModule.default.textfield__label_error]: error
-        }),
-        children: label
-      })]
-    })
-  });
-});
-exports.TextFieldInput = TextFieldInput;
-var _default = TextField;
-exports.default = _default;

package/cjs/ui/HelperText/HelperText.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _HelperTextModule = _interopRequireDefault(require("./HelperText.module.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-const CssClasses = ['helperText', 'helperText_error'];
-
-// const css = getCssPrefix(CssClasses)
-
-const HelperText = props => {
-  let {
-    className,
-    error,
-    children,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      ...restProps,
-      className: (0, _clsx.default)(_HelperTextModule.default.helperText, {
-        [_HelperTextModule.default.helperText_error]: !!error
-      }, className),
-      children: children
-    })
-  });
-};
-var _default = HelperText;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/List/ListItem.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Checkbox = _interopRequireDefault(require("../Form/Checkbox/Checkbox"));
-var _Adornment = _interopRequireWildcard(require("../Adornment/Adornment"));
-var _ListItemModule = _interopRequireDefault(require("./ListItem.module.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const CssClasses = ['listitem', 'listitem_active', 'listitem_divider', 'listitemText'];
-
-// const css = getCssPrefix(CssClasses)
-
-const ListItem = props => {
-  let {
-    children,
-    className,
-    active,
-    divider,
-    checked,
-    startAdornment,
-    endAdornment,
-    ...restProps
-  } = props;
-  let withStartAdornment = checked !== undefined || !!startAdornment;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      ...restProps,
-      className: (0, _clsx.default)(_ListItemModule.default.listitem, className, {
-        [_ListItemModule.default.listitem_active]: !!active || !!checked,
-        [_ListItemModule.default.listitem_divider]: !!divider,
-        [_ListItemModule.default.listitem_endAdornment]: !!endAdornment,
-        [_ListItemModule.default.listitem_startAdornment]: withStartAdornment
-      }),
-      children: [withStartAdornment && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Adornment.AdornmentContainer, {
-        children: [checked !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
-          position: 'start',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
-            checked: checked,
-            size: 'small'
-          })
-        }), !!startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
-          position: 'start',
-          children: startAdornment
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _ListItemModule.default.listitemText,
-        children: children
-      }), !!endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.AdornmentContainer, {
-        position: 'end',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
-          position: 'end',
-          children: endAdornment
-        })
-      })]
-    })
-  });
-};
-var _default = ListItem;
-exports.default = _default;
-module.exports = exports.default;