armtek-uikit-react 1.0.266 → 1.0.268

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

@@ -0,0 +1,58 @@
+import { TextFieldProps } from '../TextField/TextField';
+import { MouseEvent, ReactNode } from 'react';
+export type OptionType = {
+    text: string;
+    value: string;
+    disabled?: boolean;
+};
+type SelectBaseProps = {
+    options: OptionType[];
+    inline?: boolean;
+    search?: boolean;
+    open?: boolean;
+    onClose?: () => void;
+    defaultOpen?: boolean;
+    listStyle?: SelectOptionsType<true>['listStyle'];
+    onSelectAll?: () => void;
+    clear?: boolean;
+    onSubmit?: () => void;
+    defaultQuery?: string;
+    query?: string;
+    optionControls?: boolean;
+    afterList?: string | ReactNode;
+    beforeList?: string | ReactNode;
+    optionClassName?: string;
+};
+type MultipleType<M extends boolean = false> = {
+    multiple?: M;
+    value?: M extends false ? string : string[];
+    defaultValue?: M extends false ? string : string[];
+    onChange?: (e: SelectChangeEvent<M extends false ? string : string[]>) => void;
+};
+export type SelectProps<M extends boolean = false> = SelectBaseProps & MultipleType<M> & Omit<TextFieldProps, keyof SelectBaseProps | keyof MultipleType<M>>;
+export declare const getOptionValue: (option: OptionType) => string;
+export type SelectChangeEvent<Value = string> = Event & {
+    target: {
+        value: Value;
+        name: string;
+    };
+};
+export type SelectOptionsType<T extends boolean> = {
+    options: OptionType[];
+    value?: T extends true ? string[] : string;
+    inline?: boolean;
+    multiple?: T;
+    onClick: (e: MouseEvent, option: OptionType) => void;
+    listStyle?: 'checkbox' | 'default';
+    onSelectAll?: (e: MouseEvent) => void;
+    onClear?: (e: MouseEvent) => void;
+    onSubmit?: () => void;
+    disabled?: boolean;
+    optionControls?: boolean;
+    afterList?: string | ReactNode;
+    beforeList?: string | ReactNode;
+    optionClassName?: string;
+};
+export declare const SelectOptions: import("react").ForwardRefExoticComponent<SelectOptionsType<boolean> & import("react").RefAttributes<unknown>>;
+declare const _default: <M extends boolean = false>(props: SelectBaseProps & MultipleType<M> & Omit<TextFieldProps, keyof SelectBaseProps | keyof MultipleType<M_1>> & import("react").RefAttributes<HTMLInputElement>) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,213 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { TextField } from "../TextField/TextField.js";
+import { forwardRef, useState, useRef, useImperativeHandle, useMemo } from "react";
+import clsx from "clsx";
+import useClickOutside from "../../../lib/hooks/useClickOutside.js";
+import ButtonIcon from "../../ButtonIcon/ButtonIcon.js";
+import Adornment from "../../Adornment/Adornment.js";
+import { SelectSummary, SelectSummaryChips, SelectSummaryControls } from "./SelectSummary.js";
+import { Popover } from "../../Popover/Popover.js";
+import { fixedForwardRef } from "../../../lib/helpers/genericForwardRef.js";
+import { SelectOptionsContainer } from "./SelectOptionsContainer.js";
+import { SelectOptionList } from "./SelectOptionList.js";
+import { CHECKBOX_LABEL_CLASSNAME } from "../Checkbox/const.js";
+const getOptionValue = (option) => option.value || option.text;
+function Select(props, ref) {
+  var _a;
+  let {
+    options,
+    defaultOpen,
+    endAdornment,
+    className,
+    inline,
+    multiple = false,
+    value,
+    optionControls,
+    defaultValue,
+    onChange,
+    search,
+    open,
+    listStyle,
+    onSubmit,
+    onClose,
+    clear,
+    onSelectAll,
+    defaultQuery,
+    afterList,
+    beforeList,
+    query,
+    optionClassName,
+    ...inputProps
+  } = props;
+  let [active, setActive] = useState(!!defaultOpen);
+  let [selected, setSelected] = useState(defaultValue || (multiple ? [] : ""));
+  let [focused, setFocused] = useState(false);
+  let [q, setQ] = useState("");
+  const anchorEl = useRef(null);
+  const inlineOptRef = useClickOutside(handleClose);
+  const inputRef = useRef(null);
+  useImperativeHandle(ref, () => {
+    return inputRef.current;
+  }, []);
+  const handleOpen = () => {
+    if (open !== void 0) return;
+    if (!inputProps.disabled) {
+      setActive(true);
+    }
+  };
+  function handleClose() {
+    if (onClose) onClose();
+    else {
+      if (open !== void 0) return;
+      setActive(false);
+    }
+  }
+  const handleSelect = (e, option) => {
+    if (e.target.classList.contains(CHECKBOX_LABEL_CLASSNAME)) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+    if (option.disabled || props.disabled) return;
+    let v = getOptionValue(option);
+    const realSelected = value !== void 0 ? value : selected;
+    let mSelected = Array.isArray(realSelected) ? realSelected : [realSelected];
+    let newValueS = v;
+    let newValueM = mSelected.includes(v) ? mSelected.filter((item) => item !== v) : mSelected.concat(v);
+    setSelected(multiple ? newValueM : newValueS);
+    if (onChange) {
+      Object.defineProperty(e, "target", {
+        writable: false,
+        value: {
+          name: props.name,
+          value: multiple ? newValueM : newValueS
+        }
+      });
+      onChange(e);
+    }
+    if (search && !multiple) {
+      setQ(options.find((item) => getOptionValue(item) === newValueS).text);
+    }
+    if (!multiple) handleClose();
+  };
+  const handleSearch = (e) => {
+    setQ(e.target.value);
+  };
+  const handleFocus = search ? () => {
+    setFocused(true);
+  } : void 0;
+  const handleBlur = !!search ? () => {
+    setFocused(false);
+  } : void 0;
+  const handleSelectAll = (e) => {
+    if (props.disabled) return;
+    let value2 = options.filter((item) => !item.disabled).map((item) => getOptionValue(item));
+    setSelected(value2);
+    if (onChange) {
+      Object.defineProperty(e, "target", {
+        writable: false,
+        value: {
+          name: props.name,
+          value: value2
+        }
+      });
+      onChange(e);
+    }
+  };
+  const handleResetAll = clear ? (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (props.disabled) return;
+    setSelected(multiple ? [] : "");
+    if (search) {
+      setQ("");
+      setFocused(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+    if (onChange) {
+      Object.defineProperty(e, "target", {
+        writable: false,
+        value: {
+          name: props.name,
+          value: multiple ? [] : ""
+        }
+      });
+      onChange(e);
+    }
+  } : void 0;
+  const handleSubmit = () => {
+    if (open === void 0) setActive(false);
+    else if (onSubmit) {
+      onSubmit();
+    }
+  };
+  let realValue = value !== void 0 ? value : selected;
+  let realActive = open !== void 0 ? open : active;
+  let selectedText = multiple ? options.filter((item) => realValue == null ? void 0 : realValue.includes(getOptionValue(item))).map((item) => item.text).join(", ") : ((_a = options.find((item) => getOptionValue(item) === realValue)) == null ? void 0 : _a.text) || "";
+  if (!!search) options = options.filter((item) => item.text.toLowerCase().includes(q.toLowerCase()));
+  let valueArr = realValue ? Array.isArray(realValue) ? realValue : [realValue] : [];
+  let selectedOptions = options.filter((item) => valueArr.includes(getOptionValue(item)));
+  let displayClear = clear && (multiple ? realValue && realValue.length > 0 : !!realValue);
+  let selectEndAdornment = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Adornment, { children: endAdornment }),
+    displayClear && /* @__PURE__ */ jsx(Adornment, { children: /* @__PURE__ */ jsx(ButtonIcon, { size: "small", "data-testid": "select-clear", onClick: handleResetAll, mi: "close" }) }),
+    /* @__PURE__ */ jsx(ButtonIcon, { size: "small", color: "neutral", onClick: handleOpen, variant: "transparent", mi: "arrow_drop_down" })
+  ] });
+  const cachedWrapperProps = useMemo(() => ({
+    onClick: handleOpen,
+    ["data-testid"]: "select-input-wrapper"
+  }), []);
+  const cachedClasses = useMemo(() => {
+    var _a2;
+    return {
+      ...inputProps.classes,
+      wrapper: clsx((_a2 = inputProps.classes) == null ? void 0 : _a2.wrapper, "arm-select__wrapper")
+    };
+  }, []);
+  const cachedStyles = useMemo(() => ({
+    pointerEvents: "none"
+  }), []);
+  const realQuery = query !== void 0 ? query : q;
+  let textInputValue = !search ? selectedText : value !== void 0 && !q ? selectedText : realQuery;
+  if (search && multiple) textInputValue = realQuery;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className, "data-testid": "select", children: [
+    /* @__PURE__ */ jsxs("div", { className: "arm-select", children: [
+      /* @__PURE__ */ jsx("div", { className: "arm-select__input_wrapper", "data-testid": "select-wrapper", ref: anchorEl, children: /* @__PURE__ */ jsx(TextField, { ...inputProps, classes: cachedClasses, onChange: handleSearch, focused, onFocus: handleFocus, onBlur: handleBlur, value: textInputValue, endAdornment: selectEndAdornment, editable: !!search, ref: inputRef, style: cachedStyles, WrapperProps: cachedWrapperProps }) }),
+      multiple && !realActive && selectedOptions.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "arm-selectSummary__chips", children: /* @__PURE__ */ jsx(SelectSummaryChips, { options: selectedOptions, disabled: inputProps.disabled, onDelete: handleSelect }) }),
+        handleResetAll && /* @__PURE__ */ jsx("div", { className: "arm-selectSummary__chips-reset", children: /* @__PURE__ */ jsx(SelectSummaryControls, { countSelected: selectedOptions.length, onClear: handleResetAll }) })
+      ] })
+    ] }),
+    realActive && (!inline && anchorEl.current ? /* @__PURE__ */ jsx(Popover, { classes: {
+      paper: "px-0"
+    }, matchWidth: true, anchorEl: anchorEl.current, open: realActive, onClose: handleClose, placement: "bottom-start", children: /* @__PURE__ */ jsx(SelectOptions, { disabled: inputProps.disabled, options, multiple, value: realValue, inline, afterList, beforeList, listStyle, onClick: handleSelect, onClear: handleResetAll, onSelectAll: handleSelectAll, onSubmit: handleSubmit, optionClassName }) }) : /* @__PURE__ */ jsx("div", { ref: inlineOptRef, children: /* @__PURE__ */ jsx(SelectOptions, { disabled: inputProps.disabled, options, multiple, value: realValue, inline, afterList, beforeList, listStyle, onClick: handleSelect, onClear: handleResetAll, onSelectAll: handleSelectAll, onSubmit: handleSubmit, optionClassName }) }))
+  ] }) });
+}
+const SelectOptions = forwardRef((props, ref) => {
+  let {
+    options,
+    value,
+    multiple,
+    inline,
+    onClick,
+    listStyle,
+    disabled,
+    optionControls,
+    beforeList,
+    afterList,
+    optionClassName,
+    ...callbacks
+  } = props;
+  if (multiple && optionControls === void 0) optionControls = true;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(SelectOptionsContainer, { ref, inline: !!inline, children: [
+    beforeList,
+    /* @__PURE__ */ jsx(SelectOptionList, { options, multiple, value, listStyle, disabled, onChange: onClick, className: optionClassName }),
+    afterList,
+    !!optionControls && !!multiple && /* @__PURE__ */ jsx("div", { className: "arm-selectSummary__wrapper", children: /* @__PURE__ */ jsx(SelectSummary, { options, value, onClose: onClick, disabled, ...callbacks }) })
+  ] }) });
+});
+const Select$1 = fixedForwardRef(Select);
+export {
+  SelectOptions,
+  Select$1 as default,
+  getOptionValue
+};

package/lib/esm/ui/Form/Select/SelectOptionList.d.ts

@@ -0,0 +1,13 @@
+import { OptionType } from '../../../ui/Form/Select/Select';
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+type OwnProps = {
+    options: OptionType[];
+    multiple?: boolean;
+    value?: string | string[];
+    listStyle?: 'checkbox' | 'default';
+    disabled?: boolean;
+    onChange: (e: MouseEvent<HTMLButtonElement>, option: OptionType) => void;
+};
+export type SelectOptionListProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
+export declare const SelectOptionList: (props: OwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof OwnProps> & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
+export {};

package/lib/esm/ui/Form/Select/SelectOptionList.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import ListItem from "../../List/ListItem.js";
+import { getOptionValue } from "./Select.js";
+import { fixedForwardRef } from "../../../lib/helpers/genericForwardRef.js";
+function SelectOptionListBase(props, ref) {
+  const {
+    options,
+    multiple,
+    value,
+    listStyle,
+    disabled,
+    onChange,
+    className
+  } = props;
+  return /* @__PURE__ */ jsx("div", { ref, className: "arm-options__list", "data-testid": "select-options-list", children: options.map((item, index) => {
+    let optValue = getOptionValue(item);
+    let active = multiple === true && value ? value.includes(optValue) : optValue === value;
+    let checked = listStyle === "checkbox" && !!multiple ? active : void 0;
+    return /* @__PURE__ */ jsx(ListItem, { className, "data-testid": "option-" + index, disabled: disabled || !!item.disabled, checked, active, onClick: (e) => onChange(e, item), children: item.text }, index);
+  }) });
+}
+const SelectOptionList = fixedForwardRef(SelectOptionListBase);
+export {
+  SelectOptionList
+};

package/lib/esm/ui/Form/Select/SelectOptionsContainer.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
+type OwnProps = {
+    inline?: boolean;
+};
+export type SelectOptionsContainerProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
+export declare const SelectOptionsContainer: import("react").ForwardRefExoticComponent<OwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "inline"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/lib/esm/ui/Form/Select/SelectOptionsContainer.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+const SelectOptionsContainer = forwardRef(({
+  inline,
+  children
+}, ref) => {
+  return /* @__PURE__ */ jsx("div", { ref, "data-testid": "select-options", className: clsx("arm-options", {
+    "arm-options_inline": !!inline
+  }), children });
+});
+export {
+  SelectOptionsContainer
+};

package/lib/esm/ui/Form/Select/SelectSummary.d.ts

@@ -0,0 +1,27 @@
+import { MouseEvent } from 'react';
+import { OptionType } from '../../../ui/Form/Select/Select';
+export type SelectSummaryProps = {
+    onClose: (e: MouseEvent, option: OptionType) => void;
+    options: OptionType[];
+    value: string[];
+} & Omit<SelectSummaryControlsProps, 'countSelected' | 'countTotal'>;
+export declare const SelectSummary: (props: SelectSummaryProps) => import("react/jsx-runtime").JSX.Element;
+type SelectSummaryChipsProps = {
+    options: OptionType[];
+    disabled?: boolean;
+    onDelete: (e: MouseEvent, option: OptionType) => void;
+};
+export declare const SelectSummaryChips: (props: SelectSummaryChipsProps) => import("react/jsx-runtime").JSX.Element;
+type SelectSummaryControlsProps = {
+    onSelectAll?: (e: MouseEvent) => void;
+    onClear?: (e: MouseEvent) => void;
+    onSubmit?: (e: MouseEvent) => void;
+    countTotal?: number;
+    countSelected?: number;
+    disabled?: boolean;
+    label_check_all?: string;
+    label_submit?: string;
+    label_uncheck_all?: string;
+};
+export declare const SelectSummaryControls: (props: SelectSummaryControlsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/esm/ui/Form/Select/SelectSummary.js

@@ -0,0 +1,56 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import Badge from "../../Badge/Badge.js";
+import Button from "../../Button/Button.js";
+import clsx from "clsx";
+import Chip from "../../Chip/Chip.js";
+import { getOptionValue } from "./Select.js";
+const SelectSummary = (props) => {
+  let {
+    options,
+    value,
+    // onClose,
+    ...controlProps
+  } = props;
+  let valueArr = value ? Array.isArray(value) ? value : [value] : [];
+  let selectedOptions = options.filter((item) => valueArr.includes(getOptionValue(item)));
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "arm-selectSummary", children: /* @__PURE__ */ jsx(SelectSummaryControls, { ...controlProps, countTotal: options.length, countSelected: selectedOptions.length }) }) });
+};
+const SelectSummaryChips = (props) => {
+  let {
+    options,
+    onDelete,
+    disabled
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { "data-testid": "select-summary", className: "arm-selectSummary__optionList", children: options.map((option) => {
+    return /* @__PURE__ */ jsx(Chip, { disabled, "data-testid": "select-chip", className: "arm-selectSummary__option", text: option.text, onClose: (e) => onDelete(e, option) }, getOptionValue(option));
+  }) }) });
+};
+const SelectSummaryControls = (props) => {
+  const {
+    onSelectAll,
+    onClear,
+    onSubmit,
+    countTotal,
+    countSelected,
+    disabled,
+    label_check_all = "Выбрать все",
+    label_uncheck_all = "Очистить все",
+    label_submit = "Применить"
+  } = props;
+  const selectAllDisabled = disabled || countSelected === countTotal;
+  const resetAllDisabled = disabled || countSelected === 0;
+  return /* @__PURE__ */ jsxs("div", { className: "arm-selectSummary__row", children: [
+    !!onSelectAll && /* @__PURE__ */ jsx("div", { className: clsx("arm-selectSummary__check", {
+      "arm-selectSummary__check_disabled": selectAllDisabled
+    }), children: /* @__PURE__ */ jsx(Badge, { badgeText: countTotal, shape: "square", color: "info", position: "center-right", children: /* @__PURE__ */ jsx("span", { className: "arm-selectSummary__checkLabel", "data-testid": "select-all", onClick: onSelectAll, children: label_check_all }) }) }),
+    !!onClear && /* @__PURE__ */ jsx("div", { className: clsx("arm-selectSummary__check", {
+      "arm-selectSummary__check_disabled": resetAllDisabled
+    }), children: /* @__PURE__ */ jsx(Badge, { badgeText: countSelected, shape: "square", color: "info", position: "center-right", children: /* @__PURE__ */ jsx("span", { className: "arm-selectSummary__checkLabel", "data-testid": "clear-all", onClick: onClear, children: label_uncheck_all }) }) }),
+    !!onSubmit && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { className: "arm-selectSummary__button", disabled, "data-testid": "select-submit", variant: "transparent", size: "small", onClick: onSubmit, children: /* @__PURE__ */ jsx("span", { children: label_submit }) }) })
+  ] });
+};
+export {
+  SelectSummary,
+  SelectSummaryChips,
+  SelectSummaryControls
+};

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

@@ -0,0 +1,3 @@
+export { default } from './Select';
+export { type SelectChangeEvent, type SelectProps, type SelectOptionsType, type OptionType, SelectOptions } from './Select';
+export { SelectSummary, SelectSummaryChips, type SelectSummaryProps } from './SelectSummary';

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

@@ -0,0 +1,8 @@
+import { SelectOptions, default as default2 } from "./Select.js";
+import { SelectSummary, SelectSummaryChips } from "./SelectSummary.js";
+export {
+  SelectOptions,
+  SelectSummary,
+  SelectSummaryChips,
+  default2 as default
+};

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+import { SizeType } from '../../../types/theme';
+export 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;

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

@@ -0,0 +1,15 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+const Switch = (props) => {
+  let {
+    size,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("label", { className: clsx("arm-switch", ["arm-switch_" + props.size]), children: [
+    /* @__PURE__ */ jsx("input", { className: "arm-switch__input", ...restProps, type: "checkbox" }),
+    /* @__PURE__ */ jsx("span", { className: "arm-switch__slider" })
+  ] }) });
+};
+export {
+  Switch as default
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { TextFieldProps } from '../TextField/TextField';
+export type TextAreaProps = {} & TextFieldProps;
+declare const TextArea: import("react").ForwardRefExoticComponent<{
+    label?: string;
+    size?: Exclude<import("../../../types/theme").SizeType, "extraLarge" | "medium">;
+    variant?: import("../../../types/theme").VariantType;
+    error?: boolean;
+    errorTooltip?: string;
+    success?: boolean;
+    helperText?: string | import("react").ReactNode;
+    endAdornment?: string | import("react").ReactNode;
+    multiline?: boolean;
+    focused?: boolean;
+    editable?: boolean;
+    classes?: Partial<{
+        input: string;
+        root: string;
+        wrapper: string;
+    }>;
+    WrapperProps?: import("react").ComponentPropsWithoutRef<"div">;
+} & Omit<import("react").InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

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

@@ -0,0 +1,29 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { TextField } from "../TextField/TextField.js";
+import { forwardRef, useState, useRef, useImperativeHandle, useEffect } from "react";
+import clsx from "clsx";
+const TextArea = forwardRef((props, ref) => {
+  var _a, _b;
+  let {
+    className,
+    ...restProps
+  } = props;
+  let [minHeight, setMinHeight] = useState(0);
+  let textareaRef = useRef(null);
+  useImperativeHandle(ref, () => {
+    return textareaRef.current;
+  }, []);
+  useEffect(() => {
+    if (textareaRef.current && "clientHeight" in textareaRef.current) setMinHeight(textareaRef.current.clientHeight);
+  }, [textareaRef]);
+  let textHeight = (((_a = textareaRef.current) == null ? void 0 : _a.scrollHeight) || 0) < minHeight ? minHeight : (_b = textareaRef.current) == null ? void 0 : _b.scrollHeight;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TextField, { ref: textareaRef, ...restProps, className: clsx("arm-textarea", ["arm-textarea_size_" + restProps.size], className), multiline: true, classes: {
+    root: "arm-textarea__root",
+    ...restProps.classes
+  }, style: {
+    height: textHeight + "px"
+  } }) });
+});
+export {
+  TextArea as default
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,54 @@
+import { ComponentPropsWithoutRef, ElementType, HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import { SizeType, VariantType } from '../../../types/theme';
+type Classes = Record<'root' | 'wrapper' | 'input', string>;
+export type TextFieldProps = {
+    label?: string;
+    size?: Exclude<SizeType, 'extraLarge' | 'medium'>;
+    variant?: VariantType;
+    error?: boolean;
+    errorTooltip?: string;
+    success?: boolean;
+    helperText?: string | ReactNode;
+    endAdornment?: string | ReactNode;
+    multiline?: boolean;
+    focused?: boolean;
+    editable?: boolean;
+    classes?: Partial<Classes>;
+    WrapperProps?: ComponentPropsWithoutRef<'div'>;
+} & Omit<InputHTMLAttributes<any>, 'size'>;
+export declare const TextField: import("react").ForwardRefExoticComponent<{
+    label?: string;
+    size?: Exclude<SizeType, "extraLarge" | "medium">;
+    variant?: VariantType;
+    error?: boolean;
+    errorTooltip?: string;
+    success?: boolean;
+    helperText?: string | ReactNode;
+    endAdornment?: string | ReactNode;
+    multiline?: boolean;
+    focused?: boolean;
+    editable?: boolean;
+    classes?: Partial<Classes>;
+    WrapperProps?: ComponentPropsWithoutRef<"div">;
+} & Omit<InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<HTMLElement>>;
+type ContainerPropsType = {
+    focused?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    success?: boolean;
+    size?: TextFieldProps['size'];
+    variant?: TextFieldProps['variant'];
+} & HTMLAttributes<HTMLDivElement>;
+export declare const TextFieldContainer: (props: ContainerPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const TextFieldInput: import("react").ForwardRefExoticComponent<{
+    Component?: ElementType;
+    focused?: boolean;
+    size?: TextFieldProps["size"];
+    variant?: TextFieldProps["variant"];
+    multiline?: boolean;
+    error?: boolean;
+    label?: string;
+    wrapperClass?: string;
+    WrapperProps?: ComponentPropsWithoutRef<"div">;
+} & Omit<InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<unknown>>;
+export default TextField;