armtek-uikit-react 1.0.267 → 1.0.268

package/lib/esm/ui/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export type CardProps = HTMLAttributes<HTMLDivElement>;
+declare const Card: (props: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/lib/esm/ui/Card/Card.js

@@ -0,0 +1,8 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+const Card = (props) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { "data-testid": "card", ...props, className: clsx("arm-card", props.className) }) });
+};
+export {
+  Card as default
+};

package/lib/esm/ui/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Card';
+export { type CardProps } from './Card';

package/lib/esm/ui/Card/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Card.js";
+export {
+  default2 as default
+};

package/lib/esm/ui/Card.d.ts

@@ -0,0 +1,2 @@
+export * from './Card/index'
+export { default } from './Card/index'

package/lib/esm/ui/Card.js

@@ -0,0 +1,2 @@
+export * from './Card/index.js'
+export { default } from './Card/index.js'

package/lib/esm/ui/Chip/Chip.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, ElementType, MouseEvent, HTMLAttributes } from 'react';
+import { ColorStatusType, ColorThemeType, ColorType, SizeType, VariantType, ShapeType } from '../../types/theme';
+type OwnProps<T extends ElementType = ElementType<HTMLAttributes<HTMLSpanElement>>> = Omit<ComponentPropsWithoutRef<T>, 'color'> & {
+    size?: Exclude<SizeType, 'large' | 'extraLarge'>;
+    color?: ColorType | ColorThemeType | ColorStatusType;
+    text?: string;
+    onClose?: (e: MouseEvent) => void;
+    icon?: string;
+    variant?: Exclude<VariantType, 'transparent'>;
+    shape?: ShapeType;
+    as?: T;
+    disabled?: boolean;
+};
+export type ChipProps<T extends ElementType = 'span'> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
+declare function Chip<T extends ElementType = 'span'>(props: ChipProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/lib/esm/ui/Chip/Chip.js

@@ -0,0 +1,32 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+function Chip(props) {
+  let {
+    size,
+    text,
+    icon,
+    onClose,
+    shape = "circle",
+    as,
+    variant = "contained",
+    color = "neutral",
+    className,
+    children,
+    disabled,
+    ...restProps
+  } = props;
+  let Component = as || "span";
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Component, { "data-testid": "chip", ...restProps, className: clsx("arm-chip", className, {
+    "arm-chip_disabled": !!disabled,
+    ["arm-chip_" + size]: !!size
+  }, ["arm-chip_" + variant], ["arm-chip_" + color], ["arm-chip_" + shape]), children: /* @__PURE__ */ jsxs("span", { className: "arm-chip__inner", children: [
+    icon && /* @__PURE__ */ jsx("span", { className: clsx("material_icon", "arm-chip__icon", ["arm-chip__icon_" + size]), children: icon }),
+    /* @__PURE__ */ jsx("span", { className: "arm-chip__text", children: text || children }),
+    onClose && /* @__PURE__ */ jsx("span", { "data-testid": "chip-close", className: clsx("material_icon_solid", {
+      "arm-chip__close_disabled": !!disabled
+    }, ["arm-chip__close_" + size], ["arm-chip__close_" + color], "arm-chip__close"), onClick: onClose, children: /* @__PURE__ */ jsx("span", { className: "mis", children: "cancel" }) })
+  ] }) }) });
+}
+export {
+  Chip as default
+};

package/lib/esm/ui/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Chip';
+export { type ChipProps } from './Chip';

package/lib/esm/ui/Chip/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Chip.js";
+export {
+  default2 as default
+};

package/lib/esm/ui/Chip.d.ts

@@ -0,0 +1,2 @@
+export * from './Chip/index'
+export { default } from './Chip/index'

package/lib/esm/ui/Chip.js

@@ -0,0 +1,2 @@
+export * from './Chip/index.js'
+export { default } from './Chip/index.js'

package/lib/esm/ui/Dropdown/Dropdown.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+export type DropDownProps = {
+    expanded?: boolean;
+    transitionProps?: Partial<CSSTransitionProps<HTMLElement>>;
+} & ComponentPropsWithoutRef<'div'>;
+declare function Dropdown(props: DropDownProps): import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

package/lib/esm/ui/Dropdown/Dropdown.js

@@ -0,0 +1,33 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import clsx from "clsx";
+import { CSSTransition } from "react-transition-group";
+function Dropdown(props) {
+  var _a;
+  const {
+    children,
+    className,
+    expanded,
+    transitionProps,
+    ...divProps
+  } = props;
+  const nodeRef = useRef(null);
+  const contentHeight = (_a = nodeRef.current) == null ? void 0 : _a.scrollHeight;
+  const duration = 500;
+  useEffect(() => {
+    if (nodeRef.current && contentHeight) nodeRef.current.style.setProperty("--content-height", String(contentHeight) + "px");
+  }, [contentHeight]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { "data-testid": "dropdown", ...divProps, className: clsx("arm-dropdown", className), children: /* @__PURE__ */ jsx("div", { className: clsx({
+    // [css.Dropdown__ContentWrapper_hidden]: !expanded
+  }), children: /* @__PURE__ */ jsx(CSSTransition, { classNames: {
+    "enter": "arm-dropdown__ContentWrapperEnter",
+    "enterActive": "arm-dropdown__ContentWrapperEnterActive",
+    "exit": "arm-dropdown__ContentWrapperExit",
+    "exitActive": "arm-dropdown__ContentWrapperExitActive",
+    exitDone: "arm-dropdown__ContentWrapperExitDone",
+    enterDone: "arm-dropdown__ContentWrapperEnterDone"
+  }, in: expanded, timeout: duration, nodeRef, mountOnEnter: true, unmountOnExit: true, ...transitionProps, children: /* @__PURE__ */ jsx("div", { ref: nodeRef, children: /* @__PURE__ */ jsx("div", { className: "arm-dropdown__Content", "data-testid": "dropdown-content", children }) }) }) }) }) });
+}
+export {
+  Dropdown as default
+};

package/lib/esm/ui/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Dropdown';
+export { type DropDownProps } from './Dropdown';

package/lib/esm/ui/Dropdown/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Dropdown.js";
+export {
+  default2 as default
+};

package/lib/esm/ui/Dropdown.d.ts

@@ -0,0 +1,2 @@
+export * from './Dropdown/index'
+export { default } from './Dropdown/index'

package/lib/esm/ui/Dropdown.js

@@ -0,0 +1,2 @@
+export * from './Dropdown/index.js'
+export { default } from './Dropdown/index.js'

package/lib/esm/ui/Form/Checkbox/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { ColorType, SizeType, ThemeType, VariantType } from '../../../types/theme';
+type BaseCheckboxProps = {
+    label?: string | ReactNode;
+    size?: Exclude<SizeType, 'extraLarge'>;
+    color?: ColorType;
+    theme?: ThemeType;
+    variant?: Exclude<VariantType, 'transparent'>;
+    intermediate?: boolean;
+    error?: boolean;
+};
+export type CheckboxProps = BaseCheckboxProps & Omit<InputHTMLAttributes<any>, 'size'>;
+declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/lib/esm/ui/Form/Checkbox/Checkbox.js

@@ -0,0 +1,47 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useRef, isValidElement } from "react";
+import clsx from "clsx";
+import { CHECKBOX_LABEL_CLASSNAME } from "./const.js";
+const Checkbox = (props) => {
+  let {
+    label,
+    intermediate,
+    color = "primary",
+    size = "large",
+    variant = "outlined",
+    onChange,
+    className,
+    error,
+    ...inputProps
+  } = props;
+  const [checked, setChecked] = useState(!!props.defaultChecked);
+  const labelRef = useRef(null);
+  const handleChange = (e) => {
+    if (inputProps.checked === void 0) setChecked((prev) => !prev);
+    if (onChange) onChange(e);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: clsx("arm-checkbox", className, {
+    "arm-checkbox_text": !isValidElement(label)
+  }), "data-testid": "checkbox", children: [
+    /* @__PURE__ */ jsx("label", { ref: labelRef, "data-testid": "checkbox_label", className: clsx(CHECKBOX_LABEL_CLASSNAME, ["arm-checkbox_" + size], ["arm-checkbox_" + variant], ["arm-checkbox_" + color], {
+      "arm-checkbox__label_checked": inputProps.checked !== void 0 ? inputProps.checked : checked,
+      "arm-checkbox__label_intermediate": !!intermediate,
+      "arm-checkbox__label_disabled": !!inputProps.disabled,
+      "arm-checkbox_error": !!error,
+      "arm-radio__label": props.type === "radio"
+    }), children: /* @__PURE__ */ jsx("input", { ...inputProps, className: clsx("arm-checkbox__input", {
+      "arm-checkbox__input_checked": !!inputProps.checked
+    }), onChange: handleChange, "data-testid": "checkbox_input", type: props.type || "checkbox" }) }),
+    label && /* @__PURE__ */ jsx("span", { onClick: () => {
+      var _a;
+      return (_a = labelRef.current) == null ? void 0 : _a.click();
+    }, className: clsx("arm-checkbox__text", {
+      "arm-checkbox__text_raw": !isValidElement(label),
+      "arm-checkbox__text_error": !!error,
+      ["arm-checkbox_text_size_" + size]: size
+    }), children: label })
+  ] }) });
+};
+export {
+  Checkbox as default
+};

package/lib/esm/ui/Form/Checkbox/const.d.ts

@@ -0,0 +1 @@
+export declare const CHECKBOX_LABEL_CLASSNAME = "arm-checkbox__label";

package/lib/esm/ui/Form/Checkbox/const.js

@@ -0,0 +1,4 @@
+const CHECKBOX_LABEL_CLASSNAME = "arm-checkbox__label";
+export {
+  CHECKBOX_LABEL_CLASSNAME
+};

package/lib/esm/ui/Form/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Checkbox';
+export { type CheckboxProps } from './Checkbox';

package/lib/esm/ui/Form/Checkbox/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Checkbox.js";
+export {
+  default2 as default
+};

package/lib/esm/ui/Form/Checkbox.d.ts

@@ -0,0 +1,2 @@
+export * from './Checkbox/index'
+export { default } from './Checkbox/index'

package/lib/esm/ui/Form/Checkbox.js

@@ -0,0 +1,2 @@
+export * from './Checkbox/index.js'
+export { default } from './Checkbox/index.js'

package/lib/esm/ui/Form/DateField/DateField.d.ts

@@ -0,0 +1,25 @@
+import { TextFieldProps } from '../TextField/TextField';
+import { ChangeEvent, MouseEvent } from 'react';
+import { DatePickerProps } from 'react-datepicker';
+import { DataAttributes } from '../../../types/theme';
+type BaseInputProps = Pick<TextFieldProps, 'label' | 'className' | 'placeholder' | 'error' | 'helperText'>;
+export type DateFieldChangeEvent = Omit<ChangeEvent<HTMLInputElement>, 'target'> & {
+    target: {
+        value: Date | null;
+    };
+};
+type OwnProps = {
+    onClick?: (e: MouseEvent) => void;
+    onInput?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: DateFieldChangeEvent) => void;
+    value?: Date | string | null;
+    showTime?: boolean;
+    showTimeOnly?: boolean;
+    inputProps?: Omit<TextFieldProps, 'onChange' | 'value'> & DataAttributes;
+    showMonthYearPicker?: boolean;
+    showYearPicker?: boolean;
+};
+export type DateFieldProps = OwnProps & BaseInputProps & Omit<DatePickerProps, keyof OwnProps>;
+export declare const getDateFormat: (format?: string) => Record<string, any>;
+export declare const DateField: import("react").ForwardRefExoticComponent<OwnProps & BaseInputProps & Omit<DatePickerProps, keyof OwnProps> & import("react").RefAttributes<any>>;
+export default DateField;

package/lib/esm/ui/Form/DateField/DateField.js

@@ -0,0 +1,158 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { TextField } from "../TextField/TextField.js";
+import { forwardRef, useState, useEffect, useRef } from "react";
+import Card from "../../Card/Card.js";
+import DatePicker from "../DatePicker/DatePicker.js";
+import ButtonIcon from "../../ButtonIcon/ButtonIcon.js";
+import BackDrop from "../../BackDrop/BackDrop.js";
+import { PopperBase } from "../../Popper/PopperBase.js";
+import { isDateBigger } from "../../../lib/services/DateService.js";
+const getDateFormat = (format) => {
+  let out = {};
+  if (!format) return out;
+  if (format.includes("dd")) out.day = "2-digit";
+  if (format.includes("MM")) out.month = "2-digit";
+  if (format.includes("yyyy")) out.year = "numeric";
+  if (format.includes("HH")) out.hour = "2-digit";
+  if (format.includes("mm")) out.minute = "2-digit";
+  return out;
+};
+const dateToText = (d, format) => {
+  if (!d) return "";
+  if (typeof d === "string") d = new Date(d);
+  return d.toLocaleString("ru-RU", getDateFormat(format));
+};
+const DateField = forwardRef((props, ref) => {
+  let {
+    onChange,
+    inputProps,
+    onInput,
+    label,
+    placeholder,
+    className,
+    showTime,
+    error,
+    helperText,
+    showTimeOnly,
+    disabled,
+    value,
+    ...datepickerProps
+  } = props;
+  let format = "dd.MM.yyyy";
+  if (showTime && !showTimeOnly) format = "dd.MM.yyyy HH:mm";
+  else if (showTimeOnly) format = "HH:mm";
+  const [date, setDate] = useState(null);
+  const [open, setOpen] = useState(false);
+  const [text, setText] = useState(dateToText(value, format));
+  useEffect(() => {
+    if (value) setText(dateToText(value, format));
+  }, [value]);
+  const handleChange = (d) => {
+    setDate(d);
+    if (!showTime || showTime && d && d.getHours() > 0) setOpen(false);
+    if (onChange) {
+      const e = new Event("input", {
+        bubbles: true
+      });
+      Object.defineProperty(e, "target", {
+        writable: false,
+        value: {
+          name: props.name,
+          value: d
+        }
+      });
+      onChange(e);
+    }
+  };
+  const handleClick = (e) => {
+    setOpen((prev) => !prev);
+    if (props.onClick) props.onClick(e);
+  };
+  const btnRef = useRef();
+  const inputIcon = showTime && showTimeOnly ? "schedule" : "calendar_today";
+  const handleSelectDate = (date2) => {
+    setText(dateToText(date2, format));
+    handleChange(date2);
+  };
+  const processChange = (value2) => {
+    if (disabled) return;
+    const bs = (text.endsWith(".") || text.endsWith(" ") || text.endsWith(":")) && text.length > value2.length;
+    let matcher = /^\d{2}\.\d{2}\.\d{4}$/;
+    if (!bs) {
+      value2 = value2.replace(/[^\d ]/g, "");
+      if (showTimeOnly) {
+        matcher = /^\d{2}:\d{2}$/;
+        value2 = value2.replace(/^(\d{2})/, "$1:").replace(/^(\d{2}):(\d{2})(\d)$/, "$1:$2");
+      } else {
+        value2 = value2.replace(/[^\d ]/g, "").replace(/^(\d{2})/, "$1.").replace(/^(\d{2})\.(\d{2})/, "$1.$2.").replace(/^(\d{2})\.(\d{2})\.(\d{4})/, "$1.$2.$3");
+        if (showTime) {
+          value2 = value2.replace(/^(\d{2})\.(\d{2})\.(\d{4})(\d)/, "$1.$2.$3 $4").replace(/^(\d{2})\.(\d{2})\.(\d{4}) (\d{2})/, "$1.$2.$3 $4:").replace(/^(\d{2})\.(\d{2})\.(\d{4})(\d{2})/, "$1.$2.$3 $4:").replace(/^(\d{2})\.(\d{2})\.(\d{4}) (\d{2}):(\d{2})/, "$1.$2.$3 $4:$5").replace(/^(\d{2})\.(\d{2})\.(\d{4}) (\d{2}):(\d{2})(\d)/, "$1.$2.$3 $4:$5");
+          matcher = /\d{2}\.\d{2}\.\d{4} \d{2}:\d{2}/;
+        } else value2 = value2.replace(/^(\d{2})\.(\d{2})\.(\d{4})(\d)/, "$1.$2.$3");
+      }
+    }
+    setText(value2);
+    setDate(null);
+    if (!bs && value2.match(new RegExp(matcher))) {
+      const dateAndTimeParts = value2.split(" ");
+      const dateParts = dateAndTimeParts[0].split(".");
+      let parseString = "";
+      let timestamp;
+      if (showTimeOnly) {
+        const today = /* @__PURE__ */ new Date();
+        const hourParts = value2.split(":").map(Number);
+        today.setHours(hourParts[0], hourParts[1], hourParts[2] || 0, 0);
+        timestamp = today.getTime();
+      } else {
+        parseString = `${dateParts[2]}-${dateParts[1]}-${dateParts[0]}`;
+        if (showTime) parseString = parseString + ` ${dateAndTimeParts[1]}`;
+        timestamp = Date.parse(parseString);
+      }
+      if (isNaN(timestamp) === false) {
+        const d = new Date(timestamp);
+        if (datepickerProps.minDate && isDateBigger(datepickerProps.minDate, d)) {
+          setText("");
+          handleChange(null);
+        } else if (datepickerProps.maxDate && isDateBigger(d, datepickerProps.maxDate)) {
+          setText("");
+          handleChange(null);
+        } else {
+          setText(d.toLocaleString("ru-RU", getDateFormat(format)));
+          handleChange(d);
+        }
+      } else {
+        setText("");
+        handleChange(null);
+      }
+    } else {
+      handleChange(null);
+    }
+  };
+  const handleChangeText = (e) => {
+    processChange(e.target.value);
+  };
+  const handlePaste = (e) => {
+    processChange(e.currentTarget.value);
+  };
+  let realValue = value !== void 0 ? value : date;
+  let dateValue = typeof realValue === "string" ? new Date(realValue) : realValue;
+  if (!(dateValue instanceof Date && !isNaN(dateValue.getDate()))) dateValue = null;
+  const calendarBtn = /* @__PURE__ */ jsx(ButtonIcon, { disabled, size: "medium", variant: "transparent", onClick: handleClick, color: "neutral", "data-testid": "datefield-btn", children: /* @__PURE__ */ jsx("span", { ref: btnRef, className: "material_icon", children: inputIcon }) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(TextField, { ref, label, placeholder, className, error, helperText, ...inputProps, value: text || "", disabled, onChange: handleChangeText, onPaste: handlePaste, endAdornment: calendarBtn }),
+    open && /* @__PURE__ */ jsx(BackDrop, { onClick: () => setOpen(false), children: /* @__PURE__ */ jsx(PopperBase, { anchorEl: btnRef.current, className: "arm-datefield-popper", open, placement: "bottom-end", children: /* @__PURE__ */ jsx("div", { style: {
+      backgroundColor: "#fff",
+      width: "100%"
+    }, children: /* @__PURE__ */ jsx(DatePicker, { timeIntervals: 15, calendarContainer: PickerCard, popperPlacement: "top-end", dateFormat: format, ...datepickerProps, onChange: handleSelectDate, selected: dateValue, showTimeSelect: !!showTime, showTimeSelectOnly: !!showTimeOnly && !!showTime, disabled, inline: true }) }) }) })
+  ] });
+});
+const PickerCard = (props) => {
+  return /* @__PURE__ */ jsx(Card, { style: {
+    zIndex: 6
+  }, children: /* @__PURE__ */ jsx("div", { className: props.className, children: props.children }) });
+};
+export {
+  DateField,
+  DateField as default,
+  getDateFormat
+};

package/lib/esm/ui/Form/DateField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DateField';
+export { type DateFieldProps, type DateFieldChangeEvent } from './DateField';

package/lib/esm/ui/Form/DateField/index.js

@@ -0,0 +1,4 @@
+import { DateField } from "./DateField.js";
+export {
+  DateField as default
+};

package/lib/esm/ui/Form/DateField.d.ts

@@ -0,0 +1,2 @@
+export * from './DateField/index'
+export { default } from './DateField/index'

package/lib/esm/ui/Form/DateField.js

@@ -0,0 +1,2 @@
+export * from './DateField/index.js'
+export { default } from './DateField/index.js'

package/lib/esm/ui/Form/DatePicker/DatePicker.d.ts

@@ -0,0 +1,5 @@
+import { DatePickerProps as DatePickerPropsType } from 'react-datepicker';
+import './styles.css';
+export type DatePickerProps = DatePickerPropsType;
+declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerPropsType & import("react").RefAttributes<unknown>>;
+export default DatePicker;

package/lib/esm/ui/Form/DatePicker/DatePicker.js

@@ -0,0 +1,110 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import ReactDatePicker from "react-datepicker";
+/* empty css           */
+import { ru } from "date-fns/locale/ru";
+import { format } from "date-fns/format";
+import ButtonIcon from "../../ButtonIcon/ButtonIcon.js";
+import Stack from "../../Stack/Stack.js";
+import Select from "../Select/Select.js";
+import clsx from "clsx";
+import "../../Button/Button.js";
+const renderDayContents = (day) => {
+  return /* @__PURE__ */ jsx("div", { className: "customDay", children: day });
+};
+const DatePicker = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "ui-datepicker", children: /* @__PURE__ */ jsx(
+    ReactDatePicker,
+    {
+      ref,
+      locale: ru,
+      inline: true,
+      renderDayContents,
+      ...props,
+      renderCustomHeader: (headerProps) => {
+        return /* @__PURE__ */ jsx(PickerHeader, { ...headerProps, ...props });
+      }
+    }
+  ) }) });
+});
+function range(end, start) {
+  const numbers = [];
+  for (let i = end; i <= start; i++) {
+    numbers.push(i);
+  }
+  numbers.reverse();
+  return numbers;
+}
+function getYear(date) {
+  return date.getFullYear();
+}
+function getMonth(date) {
+  return date.getMonth();
+}
+const getMonthNames = () => {
+  const months2 = [];
+  for (let i = 0; i < 12; i++) {
+    const date = /* @__PURE__ */ new Date();
+    date.setMonth(i);
+    months2.push(format(date, "LLLL", {
+      locale: ru
+    }));
+  }
+  return months2;
+};
+const getYears = (minYear, maxYear) => {
+  return range(minYear, maxYear);
+};
+const months = getMonthNames();
+const PickerHeader = (props) => {
+  const {
+    decreaseMonth,
+    prevMonthButtonDisabled,
+    date,
+    changeYear,
+    changeMonth,
+    increaseMonth,
+    nextMonthButtonDisabled,
+    maxDate,
+    minDate
+  } = props;
+  const years = getYears(minDate ? minDate.getFullYear() : 1920, maxDate ? maxDate.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear() + 5);
+  const showMonthPickerProp = props.showMonthDropdown !== false && "showMonthDropdown" in props;
+  const showYearPickerProp = props.showYearDropdown !== false && "showYearDropdown" in props;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(Stack, { spacing: "small", center: true, className: "justify-between", children: [
+      /* @__PURE__ */ jsx(ButtonIcon, { size: "small", mi: "keyboard_arrow_left", onClick: decreaseMonth, disabled: prevMonthButtonDisabled }),
+      /* @__PURE__ */ jsx("div", { className: "react-datepicker__current-month", children: format(date, "LLLL yyyy", {
+        locale: ru
+      }) }),
+      /* @__PURE__ */ jsx(ButtonIcon, { size: "small", mi: "keyboard_arrow_right", onClick: increaseMonth, disabled: nextMonthButtonDisabled })
+    ] }),
+    (showMonthPickerProp || showYearPickerProp) && /* @__PURE__ */ jsxs(Stack, { spacing: "small", center: true, className: "justify-center", children: [
+      showYearPickerProp && /* @__PURE__ */ jsx(Select, { className: "arm-datepicker__select", size: "small", classes: {
+        root: "arm-datepicker__select_root",
+        wrapper: "arm-datepicker__select-wrapper"
+      }, variant: "outlined", value: String(getYear(date)), onChange: ({
+        target: {
+          value
+        }
+      }) => changeYear(value), options: years.map((item) => ({
+        value: String(item),
+        text: String(item)
+      })), optionClassName: "arm-datepicker__select-option" }),
+      showMonthPickerProp && /* @__PURE__ */ jsx(Select, { className: clsx("arm-datepicker__select", "arm-datepicker__select_month"), classes: {
+        root: "arm-datepicker__select_root",
+        wrapper: "arm-datepicker__select-wrapper"
+      }, size: "small", variant: "outlined", value: String(months[getMonth(date)]), onChange: ({
+        target: {
+          value
+        }
+      }) => changeMonth(months.indexOf(value)), options: months.map((item) => ({
+        value: String(item),
+        text: String(item)
+      })), optionClassName: "arm-datepicker__select-option" })
+    ] })
+  ] });
+};
+export {
+  DatePicker as default
+};

package/lib/esm/ui/Form/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DatePicker';
+export { type DatePickerProps } from 'react-datepicker';

package/lib/esm/ui/Form/DatePicker/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./DatePicker.js";
+export {
+  default2 as default
+};

package/lib/esm/ui/Form/DatePicker.d.ts

@@ -0,0 +1,2 @@
+export * from './DatePicker/index'
+export { default } from './DatePicker/index'

package/lib/esm/ui/Form/DatePicker.js

@@ -0,0 +1,2 @@
+export * from './DatePicker/index.js'
+export { default } from './DatePicker/index.js'

package/lib/esm/ui/Form/FormControls/FormControls.d.ts

@@ -0,0 +1,19 @@
+import { ButtonProps } from '../../../ui/Button';
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+type OwnProps = {
+    onSubmit?: (e?: MouseEvent<HTMLButtonElement>) => void;
+    onCancel?: (e?: MouseEvent<HTMLButtonElement>) => void;
+    submitProps?: Omit<ButtonProps<'button'>, 'children'> & {
+        text: string;
+    };
+    cancelProps?: Omit<ButtonProps<'button'>, 'children'> & {
+        text: string;
+    };
+    classes?: {
+        submitBtn?: string;
+        cancelBtn?: string;
+    };
+};
+export type FormControlsProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
+declare const FormControls: (props: FormControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default FormControls;

package/lib/esm/ui/Form/FormControls/FormControls.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import Button from "../../Button/Button.js";
+import { FORM_CONTROLS_CLASSNAME } from "./const.js";
+const FormControls = (props) => {
+  const {
+    onSubmit,
+    onCancel,
+    submitProps,
+    cancelProps,
+    className,
+    classes,
+    ...divProps
+  } = props;
+  return /* @__PURE__ */ jsx("div", { className: clsx(FORM_CONTROLS_CLASSNAME), children: /* @__PURE__ */ jsxs("div", { "data-testid": "form-controls", ...divProps, className: clsx(className, "arm-form-controls__stack"), children: [
+    (onSubmit || (submitProps == null ? void 0 : submitProps.type) === "submit") && /* @__PURE__ */ jsx("div", { className: "arm-form-controls__button", children: /* @__PURE__ */ jsx(Button, { "data-testid": "form-controls-submit", variant: "contained", color: "primary", onClick: onSubmit, ...submitProps, className: clsx("arm-form-controls__btn", classes == null ? void 0 : classes.submitBtn), children: submitProps == null ? void 0 : submitProps.text }) }),
+    onCancel && /* @__PURE__ */ jsx("div", { className: "arm-form-controls__button", children: /* @__PURE__ */ jsx(Button, { "data-testid": "form-controls-cancel", variant: "outlined", color: "primary", onClick: onCancel, ...cancelProps, className: clsx("arm-form-controls__btn", classes == null ? void 0 : classes.cancelBtn), children: cancelProps == null ? void 0 : cancelProps.text }) })
+  ] }) });
+};
+export {
+  FormControls as default
+};

package/lib/esm/ui/Form/FormControls/const.d.ts

@@ -0,0 +1,2 @@
+export declare const FORM_CONTROLS_CLASSNAME = "arm-form-controls";
+export declare const FORM_CONTROLS_SKIP_REPLACE_CLASSNAME = "_skip_replace";