@max-ts/components 0.1.0 → 0.2.0

package/lib/components/RadioField/RadioField.mjs

@@ -0,0 +1,33 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { Radio as p } from "../Radio/Radio.mjs";
+import { Tooltip as s } from "../Tooltip/Tooltip.mjs";
+import { StyledFormControlLabel as a } from "./styles.mjs";
+const d = ({
+  id: r,
+  disabled: t,
+  label: i,
+  isError: m,
+  disabledReason: e,
+  formControlLabelProps: l,
+  ...n
+}) => /* @__PURE__ */ o.jsx(
+  s,
+  {
+    title: t && e,
+    placement: "bottom-start",
+    withoutContainer: !1,
+    children: /* @__PURE__ */ o.jsx(
+      a,
+      {
+        ...l,
+        label: i,
+        control: /* @__PURE__ */ o.jsx(p, { ...n, isError: m }),
+        disabled: t
+      }
+    )
+  },
+  r
+);
+export {
+  d as RadioField
+};

package/lib/components/RadioField/styles.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),r=e.styled(e.FormControlLabel)`
+  margin-right: ${({theme:t})=>t.spacing(6)};
+  margin-left: -7px;
+`;exports.StyledFormControlLabel=r;

package/lib/components/RadioField/styles.d.ts

@@ -0,0 +1,2 @@
+import { FormControlLabelProps } from '../FormControlLabel';
+export declare const StyledFormControlLabel: import('@emotion/styled').StyledComponent<import('@mui/material').FormControlLabelProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & FormControlLabelProps, {}, {}>;

package/lib/components/RadioField/styles.mjs

@@ -0,0 +1,10 @@
+import { styled as r, FormControlLabel as t } from "@mui/material";
+const e = r(
+  t
+)`
+  margin-right: ${({ theme: o }) => o.spacing(6)};
+  margin-left: -7px;
+`;
+export {
+  e as StyledFormControlLabel
+};

package/lib/components/RadioGroup/RadioGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.cjs"),c=require("@mui/material"),p=require("react"),j=require("../FormControl/FormControl.cjs"),q=require("../FormLabel/FormLabel.cjs"),m=require("../Tooltip/Tooltip.cjs");require("./RadioGroupContext/RadioGroupContext.cjs");const x=require("./RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.cjs"),b=t=>{const{children:l,groupLabel:e,errorText:u,isError:o,required:d,formControlProps:n,row:s,...a}=t,i=p.useId();return r.j.jsx(m.Tooltip,{title:o&&u,placement:"right-start",followCursor:!0,children:r.j.jsxs(j.FormControl,{...n,children:[e&&r.j.jsx(q.FormLabel,{id:i,required:d,children:e}),r.j.jsx(c.RadioGroup,{...a,"aria-labelledby":i,row:s,children:r.j.jsx(x.RadioGroupContextProvider,{isError:o,children:l})})]})})};exports.RadioGroup=b;

package/lib/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,30 @@
+import { RadioGroupProps as MuiRadioGroupProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { FormControlProps } from '../FormControl';
+import { WithoutEmotionSpecific } from '../types';
+export type RadioGroupProps = WithoutEmotionSpecific<MuiRadioGroupProps> & {
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Текстовая информация об ошибке, будет отображен в тултипе при isError: true
+     */
+    errorText?: ReactNode;
+    /**
+     * Лейбл для группы
+     */
+    groupLabel?: string;
+    /**
+     * Лейбл будет помечен как обязательный
+     */
+    required?: boolean;
+    /**
+     * Пропсы для управления FormControl
+     */
+    formControlProps?: Omit<FormControlProps, 'error'>;
+};
+/**
+ * Компонент RadioGroup с расширенным функционалом
+ */
+export declare const RadioGroup: (props: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/RadioGroup/RadioGroup.mjs

@@ -0,0 +1,43 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { RadioGroup as n } from "@mui/material";
+import { useId as u } from "react";
+import { FormControl as x } from "../FormControl/FormControl.mjs";
+import { FormLabel as c } from "../FormLabel/FormLabel.mjs";
+import { Tooltip as f } from "../Tooltip/Tooltip.mjs";
+import "./RadioGroupContext/RadioGroupContext.mjs";
+import { RadioGroupContextProvider as h } from "./RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.mjs";
+const E = (e) => {
+  const {
+    children: m,
+    groupLabel: o,
+    errorText: p,
+    isError: t,
+    required: l,
+    formControlProps: s,
+    row: d,
+    ...a
+  } = e, i = u();
+  return /* @__PURE__ */ r.jsx(
+    f,
+    {
+      title: t && p,
+      placement: "right-start",
+      followCursor: !0,
+      children: /* @__PURE__ */ r.jsxs(x, { ...s, children: [
+        o && /* @__PURE__ */ r.jsx(c, { id: i, required: l, children: o }),
+        /* @__PURE__ */ r.jsx(
+          n,
+          {
+            ...a,
+            "aria-labelledby": i,
+            row: d,
+            children: /* @__PURE__ */ r.jsx(h, { isError: t, children: m })
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  E as RadioGroup
+};

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({isError:!1});exports.RadioGroupContext=t;

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContext.d.ts

@@ -0,0 +1,4 @@
+export type RadioGroupContextProps = {
+    isError?: boolean;
+};
+export declare const RadioGroupContext: import('react').Context<RadioGroupContextProps>;

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContext.mjs

@@ -0,0 +1,7 @@
+import { createContext as o } from "react";
+const t = o({
+  isError: !1
+});
+export {
+  t as RadioGroupContext
+};

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs"),t=require("../RadioGroupContext.cjs"),i=({children:e,isError:o})=>r.j.jsx(t.RadioGroupContext.Provider,{value:{isError:o},children:e});exports.RadioGroupContextProvider=i;

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { RadioGroupContextProps } from '../RadioGroupContext';
+export type Props = RadioGroupContextProps & {
+    children: ReactNode;
+};
+export declare const RadioGroupContextProvider: ({ children, isError }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.mjs

@@ -0,0 +1,6 @@
+import { j as t } from "../../../../_virtual/jsx-runtime.mjs";
+import { RadioGroupContext as e } from "../RadioGroupContext.mjs";
+const x = ({ children: o, isError: r }) => /* @__PURE__ */ t.jsx(e.Provider, { value: { isError: r }, children: o });
+export {
+  x as RadioGroupContextProvider
+};

package/lib/components/RadioGroupField/RadioGroupField.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs"),o=require("react"),t=require("../RadioField/RadioField.cjs");require("@mui/material"),require("../FormLabel/styles.cjs"),require("../Tooltip/styles.cjs");const u=require("../RadioGroup/RadioGroupContext/RadioGroupContext.cjs"),d=e=>{const{isError:r}=o.useContext(u.RadioGroupContext);return i.j.jsx(t.RadioField,{...e,isError:r})};exports.RadioGroupField=d;

package/lib/components/RadioGroupField/RadioGroupField.d.ts

@@ -0,0 +1,8 @@
+import { RadioFieldProps } from '../RadioField';
+export type RadioGroupFieldProps = Omit<RadioFieldProps, 'isError'>;
+/**
+ *
+ * Компонент RadioField, адаптирован под использование внутри RadioGroup,
+ * Использует контекст RadioGroupContext
+ */
+export declare const RadioGroupField: (props: RadioGroupFieldProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/RadioGroupField/RadioGroupField.mjs

@@ -0,0 +1,14 @@
+import { j as t } from "../../_virtual/jsx-runtime.mjs";
+import { useContext as i } from "react";
+import { RadioField as m } from "../RadioField/RadioField.mjs";
+import "@mui/material";
+import "../FormLabel/styles.mjs";
+import "../Tooltip/styles.mjs";
+import { RadioGroupContext as p } from "../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
+const f = (o) => {
+  const { isError: r } = i(p);
+  return /* @__PURE__ */ t.jsx(m, { ...o, isError: r });
+};
+export {
+  f as RadioGroupField
+};

package/lib/components/SearchField/SearchField.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../_virtual/jsx-runtime.cjs"),l=require("react"),r=require("./styles.cjs"),C=l.forwardRef(({margin:s="none",placeholder:d="Поиск",onChange:u,disabled:c,value:S,defaultValue:j,...v},f)=>{const[a,o]=l.useState(`${j||S||""}`),e=l.useRef(null),h=t=>{o(t.target.value),u?.(t)},b=()=>{o(""),e.current&&(e.current.value="");const t=new InputEvent("input",{bubbles:!0,cancelable:!0});Object.defineProperty(t,"target",{writable:!0,value:e.current}),u?.(t),e.current?.focus()},y=()=>{e.current?.focus()},i=!!a.length;return n.j.jsx(r.StyledTextField,{margin:s,placeholder:d,startAdornment:n.j.jsx(r.StyledSearchIcon,{onClick:y}),disabled:c,endAdornment:n.j.jsx(r.StyledIconButton,{variant:"text",onClick:b,disabled:c||!i,$isActive:i,children:n.j.jsx(r.StyledCloseFillSm,{})}),onChange:h,value:a,ref:f,inputRef:e,...v})});exports.SearchField=C;

package/lib/components/SearchField/SearchField.d.ts

@@ -0,0 +1,3 @@
+import { TextFieldProps } from '../TextField';
+export type SearchFieldProps = Omit<TextFieldProps, 'startAdornment' | 'endAdornment'>;
+export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<SearchFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/components/SearchField/SearchField.mjs

@@ -0,0 +1,57 @@
+import { j as n } from "../../_virtual/jsx-runtime.mjs";
+import { forwardRef as S, useState as h, useRef as C } from "react";
+import { StyledTextField as j, StyledIconButton as b, StyledCloseFillSm as y, StyledSearchIcon as A } from "./styles.mjs";
+const w = S(
+  ({
+    margin: c = "none",
+    placeholder: s = "Поиск",
+    onChange: r,
+    disabled: l,
+    value: i,
+    defaultValue: d,
+    ...f
+  }, m) => {
+    const [o, u] = h(`${d || i || ""}`), e = C(null), p = (t) => {
+      u(t.target.value), r?.(t);
+    }, v = () => {
+      u(""), e.current && (e.current.value = "");
+      const t = new InputEvent("input", {
+        bubbles: !0,
+        cancelable: !0
+      });
+      Object.defineProperty(t, "target", {
+        writable: !0,
+        value: e.current
+      }), r?.(t), e.current?.focus();
+    }, x = () => {
+      e.current?.focus();
+    }, a = !!o.length;
+    return /* @__PURE__ */ n.jsx(
+      j,
+      {
+        margin: c,
+        placeholder: s,
+        startAdornment: /* @__PURE__ */ n.jsx(A, { onClick: x }),
+        disabled: l,
+        endAdornment: /* @__PURE__ */ n.jsx(
+          b,
+          {
+            variant: "text",
+            onClick: v,
+            disabled: l || !a,
+            $isActive: a,
+            children: /* @__PURE__ */ n.jsx(y, {})
+          }
+        ),
+        onChange: p,
+        value: o,
+        ref: m,
+        inputRef: e,
+        ...f
+      }
+    );
+  }
+);
+export {
+  w as SearchField
+};

package/lib/components/SearchField/styles.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),l=require("lucide-react"),o=require("../IconButton/IconButton.cjs"),r=require("../TextField/TextField.cjs"),i=t.styled(l.Search)`
+  color: ${({theme:e})=>e.palette.grey[600]};
+`,c=t.styled(o.IconButton,{shouldForwardProp:e=>!["$isActive"].includes(e.toString())})`
+  opacity: ${({$isActive:e})=>e?1:0};
+
+  &:hover {
+    background-color: transparent;
+
+    svg {
+      fill: ${({theme:e})=>e.palette.grey[700]};
+    }
+  }
+`,d=t.styled(r.TextField)`
+  & .MuiFormHelperText-root {
+    /* TODO Убрать после реализации https://track.astral.ru/soft/browse/UIKIT-1333 */
+    display: none;
+  }
+`,n=t.styled(l.CircleX)`
+  width: 16px;
+  height: 16px;
+
+  fill: ${({theme:e})=>e.palette.grey[500]};
+`;exports.StyledCloseFillSm=n;exports.StyledIconButton=c;exports.StyledSearchIcon=i;exports.StyledTextField=d;

package/lib/components/SearchField/styles.d.ts

@@ -0,0 +1,22 @@
+export declare const StyledSearchIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledIconButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('..').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('..').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & {
+    loading?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $isActive: boolean;
+}, {}, {}>;
+export declare const StyledTextField: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').TextFieldProps>, "color" | "variant"> & {
+    success?: boolean;
+    startAdornment?: import('react').ReactNode;
+    endAdornment?: import('react').ReactNode;
+    maxLength?: number;
+    trimmed?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledCloseFillSm: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/SearchField/styles.mjs

@@ -0,0 +1,35 @@
+import { styled as o } from "@mui/material";
+import { Search as e, CircleX as r } from "lucide-react";
+import { IconButton as l } from "../IconButton/IconButton.mjs";
+import { TextField as i } from "../TextField/TextField.mjs";
+const a = o(e)`
+  color: ${({ theme: t }) => t.palette.grey[600]};
+`, d = o(l, {
+  shouldForwardProp: (t) => !["$isActive"].includes(t.toString())
+})`
+  opacity: ${({ $isActive: t }) => t ? 1 : 0};
+
+  &:hover {
+    background-color: transparent;
+
+    svg {
+      fill: ${({ theme: t }) => t.palette.grey[700]};
+    }
+  }
+`, m = o(i)`
+  & .MuiFormHelperText-root {
+    /* TODO Убрать после реализации https://track.astral.ru/soft/browse/UIKIT-1333 */
+    display: none;
+  }
+`, y = o(r)`
+  width: 16px;
+  height: 16px;
+
+  fill: ${({ theme: t }) => t.palette.grey[500]};
+`;
+export {
+  y as StyledCloseFillSm,
+  d as StyledIconButton,
+  a as StyledSearchIcon,
+  m as StyledTextField
+};

package/lib/components/Select/Select.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),g=require("@mui/material"),P=require("../CircularProgress/CircularProgress.cjs"),R=require("../FormHelperText/FormHelperText.cjs");require("react"),require("../FormHelperText/FormHelperTextContent/styles.cjs");const k=require("../MenuItem/MenuItem.cjs"),M=require("../TagsList/TagsList.cjs"),m=require("lucide-react"),v=require("./constants.cjs"),t=require("./styles.cjs"),w=require("./useLogic/useLogic.cjs"),D=({onClick:l,disabled:n,ref:o})=>e.j.jsx(t.StyledIconButton,{disabled:n,ref:o,onClick:l,variant:"text",title:v.CLEAR_TEXT,"aria-label":v.CLEAR_TEXT,children:e.j.jsx(t.StyledCloseFillSm,{})}),H=({required:l,getOptionLabel:n=i=>i,placeholder:o,helperText:S,hideHelperText:q=!1,loading:u,success:p,children:j,disabled:c,error:d,label:x,fullWidth:C,onChange:s,isShowClearButton:A,...h})=>{const{isOpened:i,isShowingClearButton:T,isNoData:f,onClearAll:I,openSelect:a,closeSelect:E,resetButtonRef:L}=w.useLogic({...h,children:j,onChange:s,isShowClearButton:A}),B=r=>{if(Array.isArray(r)&&r.length){const F=y=>s?.(y?{target:{value:y}}:{target:{value:[]}},void 0);return e.j.jsx(M.TagsList,{data:r,keyId:"value",getOptionLabel:n,onChange:F,onClick:a})}return(Array.isArray(r)||typeof r=="string")&&!r.length?o:n(r)};return e.j.jsxs(g.FormControl,{error:d,fullWidth:C,children:[x&&e.j.jsx(g.InputLabel,{htmlFor:"grouped-select",required:l,children:x}),e.j.jsxs(t.StyledSelect,{...h,open:i,disabled:c,onOpen:a,onClose:E,renderValue:B,IconComponent:()=>null,displayEmpty:!0,fullWidth:C,onChange:s,endAdornment:e.j.jsxs(t.EndAdornmentWrapper,{children:[T&&e.j.jsx(D,{disabled:c,ref:L,onClick:I}),e.j.jsx(t.StyledIconButton,{variant:"text",disabled:c,onClick:a,children:i?e.j.jsx(m.ChevronUp,{}):e.j.jsx(m.ChevronDown,{})})]}),children:[e.j.jsx(t.Placeholder,{value:"",children:o}),u&&e.j.jsx(t.ProgressWrapper,{children:e.j.jsx(P.CircularProgress,{color:"primary"})}),!u&&j,!u&&f&&e.j.jsx(k.MenuItem,{disabled:!0,children:"Нет данных"})]}),!q&&e.j.jsx(R.FormHelperText,{error:d,success:p,children:S})]})};exports.Select=H;

package/lib/components/Select/Select.d.ts

@@ -0,0 +1,25 @@
+import { SelectProps as MuiSelectProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { WithoutEmotionSpecific } from '../types';
+export type SelectProps<Value> = WithoutEmotionSpecific<Omit<MuiSelectProps<Value>, 'variant'>> & {
+    loading?: boolean;
+    placeholder?: string;
+    getOptionLabel?: (value: string | number) => string | number;
+    /**
+     * Добавляет вспомогательный текст под селектом
+     */
+    helperText?: ReactNode;
+    /**
+     * Скрывает вспомогательный текст под селектом
+     */
+    hideHelperText?: boolean;
+    /**
+     * Если `false`, кнопка сброса не отобразится
+     * @default true
+     */
+    isShowClearButton?: boolean;
+    success?: boolean;
+    error?: boolean;
+    label?: string;
+};
+export declare const Select: <Value>({ required, getOptionLabel, placeholder, helperText, hideHelperText, loading, success, children, disabled, error, label, fullWidth, onChange: externalOnChange, isShowClearButton, ...props }: SelectProps<Value>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Select/Select.mjs

@@ -0,0 +1,125 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { FormControl as T, InputLabel as L } from "@mui/material";
+import { CircularProgress as P } from "../CircularProgress/CircularProgress.mjs";
+import { FormHelperText as R } from "../FormHelperText/FormHelperText.mjs";
+import "react";
+import "../FormHelperText/FormHelperTextContent/styles.mjs";
+import { MenuItem as w } from "../MenuItem/MenuItem.mjs";
+import { TagsList as D } from "../TagsList/TagsList.mjs";
+import { ChevronDown as H, ChevronUp as M } from "lucide-react";
+import { CLEAR_TEXT as f } from "./constants.mjs";
+import { StyledSelect as N, Placeholder as U, ProgressWrapper as V, EndAdornmentWrapper as W, StyledIconButton as C, StyledCloseFillSm as X } from "./styles.mjs";
+import { useLogic as _ } from "./useLogic/useLogic.mjs";
+const q = ({ onClick: s, disabled: e, ref: t }) => /* @__PURE__ */ r.jsx(
+  C,
+  {
+    disabled: e,
+    ref: t,
+    onClick: s,
+    variant: "text",
+    title: f,
+    "aria-label": f,
+    children: /* @__PURE__ */ r.jsx(X, {})
+  }
+), nr = ({
+  required: s,
+  getOptionLabel: e = (i) => i,
+  placeholder: t,
+  helperText: d,
+  hideHelperText: v = !1,
+  loading: m,
+  success: y,
+  children: c,
+  disabled: l,
+  error: p,
+  label: u,
+  fullWidth: x,
+  onChange: n,
+  isShowClearButton: g,
+  ...j
+}) => {
+  const {
+    isOpened: i,
+    isShowingClearButton: S,
+    isNoData: A,
+    onClearAll: E,
+    openSelect: a,
+    closeSelect: I,
+    resetButtonRef: k
+  } = _({
+    ...j,
+    children: c,
+    onChange: n,
+    isShowClearButton: g
+  }), B = (o) => {
+    if (Array.isArray(o) && o.length) {
+      const F = (h) => n?.(h ? {
+        target: {
+          value: h
+        }
+      } : {
+        target: {
+          value: []
+        }
+      }, void 0);
+      return /* @__PURE__ */ r.jsx(
+        D,
+        {
+          data: o,
+          keyId: "value",
+          getOptionLabel: e,
+          onChange: F,
+          onClick: a
+        }
+      );
+    }
+    return (Array.isArray(o) || typeof o == "string") && !o.length ? t : e(o);
+  };
+  return /* @__PURE__ */ r.jsxs(T, { error: p, fullWidth: x, children: [
+    u && /* @__PURE__ */ r.jsx(L, { htmlFor: "grouped-select", required: s, children: u }),
+    /* @__PURE__ */ r.jsxs(
+      N,
+      {
+        ...j,
+        open: i,
+        disabled: l,
+        onOpen: a,
+        onClose: I,
+        renderValue: B,
+        IconComponent: () => null,
+        displayEmpty: !0,
+        fullWidth: x,
+        onChange: n,
+        endAdornment: /* @__PURE__ */ r.jsxs(W, { children: [
+          S && /* @__PURE__ */ r.jsx(
+            q,
+            {
+              disabled: l,
+              ref: k,
+              onClick: E
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            C,
+            {
+              variant: "text",
+              disabled: l,
+              onClick: a,
+              children: i ? /* @__PURE__ */ r.jsx(M, {}) : /* @__PURE__ */ r.jsx(H, {})
+            }
+          )
+        ] }),
+        children: [
+          /* @__PURE__ */ r.jsx(U, { value: "", children: t }),
+          m && /* @__PURE__ */ r.jsx(V, { children: /* @__PURE__ */ r.jsx(P, { color: "primary" }) }),
+          !m && c,
+          !m && A && /* @__PURE__ */ r.jsx(w, { disabled: !0, children: "Нет данных" })
+        ]
+      }
+    ),
+    !v && /* @__PURE__ */ r.jsx(R, { error: p, success: y, children: d })
+  ] });
+};
+export {
+  nr as Select
+};

package/lib/components/Select/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Очистить";exports.CLEAR_TEXT=e;

package/lib/components/Select/constants.mjs

@@ -0,0 +1,4 @@
+const o = "Очистить";
+export {
+  o as CLEAR_TEXT
+};

package/lib/components/Select/styles.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),r=require("lucide-react"),l=require("../IconButton/IconButton.cjs"),n=require("../MenuItem/MenuItem.cjs"),o=t.styled("div")`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  min-height: 64px;
+
+  .MuiCircularProgress-root {
+    margin-top: ${({theme:e})=>e.spacing(5)};
+
+    color: ${({theme:e})=>e.palette.grey[900]};
+  }
+`,i=t.styled(n.MenuItem)`
+  display: none;
+`,s=t.styled(l.IconButton)`
+  background-color: transparent;
+
+  &:hover {
+    background-color: transparent;
+
+    svg {
+      fill: ${({theme:e})=>e.palette.grey[700]};
+    }
+  }
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    width: 32px;
+    height: 32px;
+  }
+`,a=t.styled(r.CircleX)`
+  width: 16px;
+  height: 16px;
+
+  fill: ${({theme:e})=>e.palette.grey[500]};
+`,c=t.styled("div")`
+  display: flex;
+  align-items: center;
+
+  margin-left: auto;
+`,d=t.styled(t.Select)`
+  .${t.selectClasses.select} {
+    padding-right: ${({theme:e})=>e.spacing(2)} !important;
+  }
+`;exports.EndAdornmentWrapper=c;exports.Placeholder=i;exports.ProgressWrapper=o;exports.StyledCloseFillSm=a;exports.StyledIconButton=s;exports.StyledSelect=d;

package/lib/components/Select/styles.d.ts

@@ -0,0 +1,23 @@
+import { Select } from '@mui/material';
+export declare const ProgressWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Placeholder: import('@emotion/styled').StyledComponent<import('../types').WithoutEmotionSpecific<import('@mui/material').MenuItemProps<import('react').ElementType>> & {
+    disabledReason?: string;
+    note?: string;
+    tooltipPlacement?: import('..').TooltipProps["placement"];
+    component?: import('react').ElementType | undefined;
+    href?: string;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledIconButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('..').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('..').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & {
+    loading?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledCloseFillSm: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const EndAdornmentWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSelect: typeof Select;

package/lib/components/Select/styles.mjs

@@ -0,0 +1,56 @@
+import { styled as t, selectClasses as r, Select as o } from "@mui/material";
+import { CircleX as n } from "lucide-react";
+import { IconButton as l } from "../IconButton/IconButton.mjs";
+import { MenuItem as i } from "../MenuItem/MenuItem.mjs";
+const d = t("div")`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  min-height: 64px;
+
+  .MuiCircularProgress-root {
+    margin-top: ${({ theme: e }) => e.spacing(5)};
+
+    color: ${({ theme: e }) => e.palette.grey[900]};
+  }
+`, g = t(i)`
+  display: none;
+`, m = t(l)`
+  background-color: transparent;
+
+  &:hover {
+    background-color: transparent;
+
+    svg {
+      fill: ${({ theme: e }) => e.palette.grey[700]};
+    }
+  }
+
+  ${({ theme: e }) => e.breakpoints.down("sm")} {
+    width: 32px;
+    height: 32px;
+  }
+`, h = t(n)`
+  width: 16px;
+  height: 16px;
+
+  fill: ${({ theme: e }) => e.palette.grey[500]};
+`, f = t("div")`
+  display: flex;
+  align-items: center;
+
+  margin-left: auto;
+`, y = t(o)`
+  .${r.select} {
+    padding-right: ${({ theme: e }) => e.spacing(2)} !important;
+  }
+`;
+export {
+  f as EndAdornmentWrapper,
+  g as Placeholder,
+  d as ProgressWrapper,
+  h as StyledCloseFillSm,
+  m as StyledIconButton,
+  y as StyledSelect
+};

package/lib/components/Select/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function y({value:e,onChange:o,children:s,open:r,defaultOpen:c,multiple:l,isShowClearButton:i=!0}){const[u,n]=t.useState(c||r||!1),a=t.useRef(null),g=()=>n(!0),f=()=>n(!1),p=()=>{const h={target:{value:l?[]:""}};o?.call({},h)},S=i&&!(!e||Array.isArray(e)&&e.length===0||typeof e=="string"&&e.length===0),d=!t.Children.count(s);return{isOpened:u,isNoData:d,isShowingClearButton:S,resetButtonRef:a,openSelect:g,closeSelect:f,onClearAll:p}}exports.useLogic=y;