armtek-uikit-react 1.0.2 → 1.0.4

package/lib/cjs/Form/Interval/Interval.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { TextFieldProps } from '../TextField/TextField';
+export type IntervalProps = {
+    min: number;
+    max: number;
+    value?: [number, number];
+    onChange?: (value: [number, number]) => void;
+    labelStart?: string;
+    labelEnd?: string;
+    defaultValue?: [number, number];
+} & Omit<TextFieldProps, 'onChange' | 'value'>;
+declare const Interval: import("react").ForwardRefExoticComponent<{
+    min: number;
+    max: number;
+    value?: [number, number] | undefined;
+    onChange?: ((value: [number, number]) => void) | undefined;
+    labelStart?: string | undefined;
+    labelEnd?: string | undefined;
+    defaultValue?: [number, number] | undefined;
+} & Omit<TextFieldProps, "value" | "onChange"> & import("react").RefAttributes<unknown>>;
+export default Interval;

package/lib/cjs/Form/Interval/Interval.js

@@ -0,0 +1,98 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+var _IntervalModule = _interopRequireDefault(require("./Interval.module.scss"));
+var _TextField = require("../TextField/TextField");
+var _HelperText = _interopRequireDefault(require("../../Typography/HelperText/HelperText"));
+var _jsxRuntime = require("react/jsx-runtime");
+const Interval = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  let {
+    value,
+    defaultValue,
+    labelStart,
+    labelEnd,
+    onChange,
+    helperText,
+    error,
+    disabled,
+    min = 0,
+    max = 0,
+    ...inputProps
+  } = props;
+  let [focused, setFocused] = (0, _react.useState)(false);
+  let [currentMin, setCurrentMin] = (0, _react.useState)(min);
+  let [currentMax, setCurrentMax] = (0, _react.useState)(max);
+  const handleFocus = () => {
+    setFocused(true);
+  };
+  const handleBlur = () => {
+    setFocused(false);
+  };
+  const handleMin = e => {
+    let val = parseInt(e.target.value);
+    val = val < min ? min : val;
+    setCurrentMin(val);
+    if (onChange) onChange([val, max]);
+  };
+  const handleMax = e => {
+    let val = parseInt(e.target.value);
+    val = val > max ? max : val;
+    setCurrentMax(val);
+    if (onChange) onChange([min, val]);
+  };
+  let realMin = currentMin;
+  let realMax = currentMax;
+  if (value !== undefined && Array.isArray(value) && value.length === 2) {
+    realMin = value[0];
+    realMax = value[1];
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldContainer, {
+      focused: focused,
+      error: error,
+      disabled: disabled,
+      size: inputProps.size,
+      variant: inputProps.variant,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _IntervalModule.default.interval,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _IntervalModule.default.interval__item,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldInput, {
+            ...inputProps,
+            value: realMin,
+            label: labelStart,
+            type: 'number',
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            focused: true,
+            onChange: handleMin
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _IntervalModule.default.interval__item,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldInput, {
+            ...inputProps,
+            value: realMax,
+            label: labelEnd,
+            type: 'number',
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            className: _IntervalModule.default.interval__end,
+            focused: true,
+            onChange: handleMax
+          })
+        })]
+      })
+    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
+      className: _IntervalModule.default.interval__helperText,
+      error: error,
+      children: helperText
+    })]
+  });
+});
+var _default = Interval;
+exports.default = _default;
+module.exports = exports.default;

package/lib/cjs/Form/Interval/Interval.module.scss

@@ -0,0 +1,35 @@
+@import "../../assets/styles";
+
+.interval{
+  @include flex();
+  width: 100%;
+  & input{
+    -moz-appearance: textfield;
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+  }
+}
+.interval__end{
+  text-align: right;
+  & + span{
+    text-align: right;
+    padding-left: 0;
+    padding-right: 12px;
+  }
+}
+.interval__item{
+  max-width: 50%;
+  flex: 0 0 50%;
+}
+
+.interval__helperText{
+  margin-top: calc($size-step / 2);
+}
+
+.intervalslide__slider{
+  padding: 0 calc($size-step * 2);
+  margin-top: -7px;
+}

package/lib/cjs/Form/Interval/IntervalSlide.d.ts

@@ -0,0 +1,4 @@
+import { IntervalProps } from './Interval';
+type PropsType = IntervalProps;
+declare const IntervalSlide: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default IntervalSlide;

package/lib/cjs/Form/Interval/IntervalSlide.js

@@ -0,0 +1,48 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Interval = _interopRequireDefault(require("./Interval"));
+var _IntervalModule = _interopRequireDefault(require("./Interval.module.scss"));
+var _react = require("react");
+var _Slider = _interopRequireDefault(require("../../Slider/Slider"));
+var _jsxRuntime = require("react/jsx-runtime");
+const IntervalSlide = props => {
+  let {
+    onChange,
+    ...restProps
+  } = props;
+  let [value, setValue] = (0, _react.useState)([props.min, props.max]);
+  const handleChange = value => {
+    setValue(value);
+    if (onChange) onChange(value);
+  };
+  const handleSlide = value => {
+    if (Array.isArray(value)) handleChange(value);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Interval.default, {
+        value: value,
+        ...restProps,
+        onChange: setValue
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _IntervalModule.default.intervalslide__slider,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+          range: true,
+          min: props.min,
+          max: props.max,
+          disabled: props.disabled,
+          value: restProps.value || value,
+          size: props.size,
+          onChange: handleSlide
+        })
+      })]
+    })
+  });
+};
+var _default = IntervalSlide;
+exports.default = _default;
+module.exports = exports.default;

package/lib/cjs/Form/Password/Password.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const Password: import("react").ForwardRefExoticComponent<{
+    label?: string | undefined;
+    size?: "small" | "large" | undefined;
+    variant?: import("../../shared/types/theme").VariantType | undefined;
+    error?: boolean | undefined;
+    success?: boolean | undefined;
+    helperText?: string | undefined;
+    endAdornment?: import("react").ReactNode;
+    multiline?: boolean | undefined;
+} & Omit<import("react").InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<unknown>>;
+export default Password;

package/lib/cjs/Form/Password/Password.js

@@ -0,0 +1,46 @@
+"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("../../Button/ButtonIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+const Password = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  let {
+    onChange,
+    ...restProps
+  } = props;
+  let [value, setValue] = (0, _react.useState)('');
+  let [isPassword, setIsPassword] = (0, _react.useState)(true);
+  const inputRef = (0, _react.useRef)(ref);
+  const handleChange = e => {
+    setValue(e.target.value);
+    if (onChange) onChange(e);
+  };
+  const handleClick = () => {
+    setIsPassword(prev => !prev);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      value: value,
+      ref: inputRef,
+      ...restProps,
+      type: isPassword ? 'password' : 'text',
+      onChange: handleChange,
+      endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+        size: 'medium',
+        variant: 'transparent',
+        color: 'neutral',
+        onClick: handleClick,
+        className: 'material_icon',
+        children: isPassword ? 'visibility_off' : 'visibility'
+      })
+    })
+  });
+});
+var _default = Password;
+exports.default = _default;
+module.exports = exports.default;

package/lib/cjs/Form/Password/Password.module.scss

@@ -0,0 +1,2 @@
+@import "../../assets/styles";
+

package/lib/cjs/Form/Period/Period.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const Period: import("react").ForwardRefExoticComponent<{
+    format?: string | undefined;
+    onChange?: ((value: [Date | null, Date | null]) => void) | undefined;
+} & {
+    label?: string | undefined;
+    size?: "small" | "large" | undefined;
+    variant?: import("../../shared/types/theme").VariantType | undefined;
+    error?: boolean | undefined;
+    success?: boolean | undefined;
+    helperText?: string | undefined;
+    endAdornment?: import("react").ReactNode;
+    multiline?: boolean | undefined;
+} & Omit<import("react").InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<unknown>>;
+export default Period;

package/lib/cjs/Form/Period/Period.js

@@ -0,0 +1,69 @@
+"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 _PeriodModule = _interopRequireDefault(require("./Period.module.scss"));
+var _ButtonIcon = _interopRequireDefault(require("../../Button/ButtonIcon"));
+var _Card = _interopRequireDefault(require("../../Card/Card"));
+var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
+var _DateService = require("../../services/DateService");
+var _jsxRuntime = require("react/jsx-runtime");
+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/lib/cjs/Form/Period/Period.module.scss

@@ -0,0 +1,10 @@
+@import "../../assets/styles";
+
+.dateField{
+  position: relative;
+}
+.dateField__picker{
+  position: absolute;
+  top: 100%;
+  right: 0;
+}

package/lib/cjs/Form/Rating/Rating.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes } from 'react';
+import { SizeType } from '../../shared/types/theme';
+type PropsType = {
+    size?: Exclude<SizeType, 'extraLarge'>;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+} & Omit<InputHTMLAttributes<any>, 'value' | 'onChange' | 'defaultValue' | 'size'>;
+declare const Rating: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default Rating;

package/lib/cjs/Form/Rating/Rating.js

@@ -0,0 +1,54 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _RatingModule = _interopRequireDefault(require("./Rating.module.scss"));
+var _react = require("react");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _jsxRuntime = require("react/jsx-runtime");
+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/lib/cjs/Form/Rating/Rating.module.scss

@@ -0,0 +1,19 @@
+@import "../../assets/styles";
+
+.rating{
+  @include flex();
+}
+.rating__item{
+  cursor: pointer;
+  color: #F7B519;
+  font-size: 30px;
+}
+.rating_medium{
+  font-size: 24px;
+}
+.rating_small{
+  font-size: 18px;
+}
+.rating__item_disabled{
+  color: $color-gray-400;
+}

package/lib/cjs/Form/Select/Select.d.ts

@@ -0,0 +1,23 @@
+import { OptionType } from '../../shared/types/theme';
+import { TextFieldProps } from '../TextField/TextField';
+type SelectBaseProps = {
+    options: OptionType[];
+    inline?: boolean;
+};
+type SelectSingleProps = {
+    multiple?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (option: string) => void;
+};
+type SelectMultipleProps = {
+    multiple?: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (option: string[]) => void;
+};
+type SelectProps = SelectMultipleProps | SelectSingleProps;
+type SelectPropsType = SelectBaseProps & SelectProps & Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;
+export declare const getOptionValue: (option: OptionType) => string;
+declare function Select(props: SelectPropsType): import("react/jsx-runtime").JSX.Element;
+export default Select;

package/lib/cjs/Form/Select/Select.js

@@ -0,0 +1,139 @@
+"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 _SelectModule = _interopRequireDefault(require("./Select.module.scss"));
+var _ButtonIcon = _interopRequireDefault(require("../../Button/ButtonIcon"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ListItem = _interopRequireDefault(require("../../List/ListItem"));
+var _useClickOutside = _interopRequireDefault(require("../../hooks/useClickOutside"));
+var _jsxRuntime = require("react/jsx-runtime");
+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/lib/cjs/Form/Select/Select.module.scss

@@ -0,0 +1,26 @@
+@import "../../assets/styles";
+
+.select{
+  position: relative;
+}
+.select__input_wrapper{
+
+}
+.select__input{
+  cursor: pointer;
+  & * {
+    cursor: pointer;
+  }
+}
+.options{
+  padding: $size-step 0;
+  border-radius: $radius;
+  box-shadow: $box-shadow;
+  position: absolute;
+  left:0;
+  top:100%;
+  width:100%;
+}
+.options_inline{
+  position: static;
+}

package/lib/cjs/Form/Switch/Switch.d.ts

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+import { SizeType } from '../../shared/types/theme';
+type SwitchProps = {
+    size?: Exclude<SizeType, 'extraLarge' | 'medium'>;
+} & Omit<InputHTMLAttributes<any>, 'size'>;
+declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default Switch;