@max-ts/components 1.7.0 → 1.8.0

package/lib/components/PeriodPicker/YearsDropdown/YearsDropdown.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{DropdownButton as t,MenuItem as r,Typography as l}from"../../index.js";function i({year:i,onSelect:n,minDate:a,maxDate:o}){let m=Array.from({length:o.getFullYear()-a.getFullYear()+1},(e,t)=>a.getFullYear()+t);return e(t,{disabled:1===m.length,variant:"light",name:i.toString(),children:m.map(t=>e(r,{value:t,selected:t===i,onClick:()=>{n?.(t)},children:e(l,{align:"center",variant:"subtitle1",style:{textTransform:"capitalize",minWidth:70},children:t})},t))})}export{i as YearsDropdown};

package/lib/components/PeriodPicker/YearsDropdown/index.js

@@ -0,0 +1 @@
+export*from"./YearsDropdown.js";

package/lib/components/PeriodPicker/constants.js

@@ -0,0 +1 @@
+let I=["Янв.","Фев.","Мар.","Апр.","Май","Июн.","Июл.","Авг.","Сен.","Окт.","Ноя.","Дек."],e=["I квартал","II квартал","III квартал","IV квартал"];export{I as MONTHS,e as QUARTERS};

package/lib/components/PeriodPicker/index.js

@@ -0,0 +1 @@
+export*from"./PeriodPicker.js";

package/lib/components/PeriodPicker/styles.js

@@ -0,0 +1,16 @@
+import{styled as e}from"../../theme/index.js";let r=e("div")`
+  padding: ${({theme:e})=>e.spacing(4)};
+  display: flex;
+  flex-direction: column;
+  gap: ${({theme:e})=>e.spacing(2)};
+`,p=e("div")`
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: repeat(3, 1fr);
+  gap: ${({theme:e})=>e.spacing(2)};
+`,a=e("div")`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  gap: ${({theme:e})=>e.spacing(2)};
+`;export{p as MonthsWrapper,a as QuartersWrapper,r as Wrapper};

package/lib/components/PeriodPicker/utils.js

@@ -0,0 +1 @@
+import{QUARTERS as t}from"./constants.js";let e=t=>Math.ceil(t/3),r=t=>(t-1)*3,a=r=>r?`${t[e(r.getMonth())]} ${r.getFullYear()}`:"";export{r as getMonth,e as getQuarter,a as getQuarterLabel};

package/lib/components/Placeholder/Image/Image.js

@@ -0,0 +1 @@
+import{Wrapper as e}from"./styles.js";let t=e,m=e.withComponent;export{t as Image,m as setDefaultImageStyles};

package/lib/components/Placeholder/Image/index.js

@@ -0,0 +1 @@
+export*from"./Image.js";

package/lib/components/Placeholder/Image/styles.js

@@ -0,0 +1,17 @@
+import{styled as o}from"../../../theme/index.js";import{SIZE as t}from"../constants.js";let a=o("img",{shouldForwardProp:o=>"size"!==o})`
+  display: block;
+
+  width: ${({width:o})=>o||"auto"};
+  max-width: 100%;
+  height: ${({height:o})=>o||"auto"};
+  margin: auto auto
+    ${({theme:o,size:a})=>a===t.Small?o.spacing(4):o.spacing(6)};
+
+  color: ${({theme:o})=>o.palette.grey[900]};
+
+  object-fit: contain;
+
+  ${({theme:o})=>o.breakpoints.down("sm")} {
+    margin: auto auto ${({theme:o})=>o.spacing(8)};
+  }
+`;export{a as Wrapper};

package/lib/components/Placeholder/Placeholder.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useContext as i,useMemo as o}from"react";import{ConfigContext as t}from"../ConfigProvider/index.js";import{IMAGE_HEIGHT as s,IMAGE_WIDTH as m,TITLE_HEADER_LEVEL as n}from"./constants.js";import{Image as a,setDefaultImageStyles as l}from"./Image/index.js";import{Description as d,Footer as c,InnerContainer as p,Title as h,Wrapper as f}from"./styles.js";let j=({className:j,title:z,imgSrc:g,imgAlt:u,description:v,Actions:x,size:$="small",imgWidth:P,renderImage:y})=>{let I=i(t),b=I.components?.placeholder?.defaultProps?.renderImage,w=o(()=>y&&l(y)||b&&l(b)||a,[y,b]);return r(f,{$size:$,className:j,children:[r(p,{$size:$,children:[g&&e(w,{src:g,alt:u,width:P||m[$],height:P?"auto":s[$],size:$}),e(h,{$size:$,variant:n[$],children:z}),v&&e(d,{$size:$,component:"div",variant:"body1",children:v})]}),x&&e(c,{children:x})]})};export{j as Placeholder};

package/lib/components/Placeholder/Placeholder.stories.js

@@ -0,0 +1,5 @@
+import{Fragment as e,jsx as i,jsxs as t}from"react/jsx-runtime";import"react";import{Button as r}from"../Button/index.js";import{ConfigProvider as l}from"../ConfigProvider/index.js";import{Typography as n}from"../Typography/index.js";import{Placeholder as c}from"./Placeholder.js";import{styled as d}from"../../theme/index.js";let o="../../illustrations/certificates-not-found.svg",s={title:"Components/Placeholder",component:c},a={args:{title:"Заявка успешно отправлена",description:"Вы успешно отправили заявку",imgSrc:o,imgAlt:"alt"},parameters:{docs:{disable:!0}}},h=()=>i(c,{title:"Заявка успешно отправлена",description:t(e,{children:["Вы успешно отправили заявку"," ",i(n,{color:"red",component:"span",children:"22"}),"."]}),imgSrc:o,imgAlt:"альтернативный текст изображения",Actions:t(e,{children:[i(r,{variant:"text",children:"Вернуться"}),i(r,{children:"ОК"})]})}),m=d("div")`
+  display: flex;
+  flex-direction: column;
+  row-gap: 50px;
+`,g=()=>t(m,{children:[i(c,{title:"Заголовок страницы",description:"Текст для пользователя, разъясняющий принципы работы раздела или подсказки по работе в нем.",imgSrc:o,imgAlt:"альтернативный текст изображения",size:"small",Actions:t(e,{children:[i(r,{variant:"text",children:"Вернуться"}),i(r,{children:"ОК"})]})}),i(c,{title:"Заголовок страницы",description:"Текст для пользователя, разъясняющий принципы работы раздела или подсказки по работе в нем.",imgSrc:o,imgAlt:"альтернативный текст изображения",size:"medium",Actions:t(e,{children:[i(r,{variant:"text",children:"Вернуться"}),i(r,{children:"ОК"})]})}),i(c,{title:"Заголовок страницы",description:"Текст для пользователя, разъясняющий принципы работы раздела или подсказки по работе в нем.",imgSrc:o,imgAlt:"альтернативный текст изображения",size:"large",Actions:t(e,{children:[i(r,{variant:"text",children:"Вернуться"}),i(r,{children:"ОК"})]})})]}),p=()=>i(c,{title:"Заголовок страницы",description:"Текст для пользователя, разъясняющий принципы работы раздела или подсказки по работе в нем.",imgAlt:"альтернативный текст изображения",size:"large",renderImage:e=>t("svg",{width:e.width,height:e.height,className:e.className,children:[i("title",{children:e.alt}),i("use",{href:`${e.src}#main`})]}),Actions:t(e,{children:[i(r,{variant:"text",children:"Вернуться"}),i(r,{children:"ОК"})]})}),x=()=>i(l,{components:{placeholder:{defaultProps:{renderImage:e=>t("svg",{width:e.width,height:e.height,className:e.className,children:[i("title",{children:e.alt}),i("use",{href:`${e.src}#main`})]})}}},children:t(m,{children:[i(c,{title:"Заголовок страницы",description:"Текст для пользователя, разъясняющий принципы работы раздела или подсказки по работе в нем.",imgAlt:"альтернативный текст изображения",size:"large",Actions:t(e,{children:[i(r,{variant:"text",children:"Вернуться"}),i(r,{children:"ОК"})]})}),i(c,{title:"Заголовок страницы",description:"Текст для пользователя, разъясняющий принципы работы раздела или подсказки по работе в нем.",imgAlt:"альтернативный текст изображения",size:"large",Actions:t(e,{children:[i(r,{variant:"text",children:"Вернуться"}),i(r,{children:"ОК"})]})})]})});export{x as ConfigRenderImage,h as Example,a as Interaction,p as RenderImage,g as Size,s as default};

package/lib/components/Placeholder/constants.js

@@ -0,0 +1 @@
+let e={Small:"small",Medium:"medium",Large:"large"},l={[e.Small]:"239px",[e.Medium]:"323px",[e.Large]:"458px"},m={[e.Small]:"119px",[e.Medium]:"161px",[e.Large]:"229px"},a={[e.Small]:"384px",[e.Medium]:"400px",[e.Large]:"460px"},p={[e.Small]:"h5",[e.Medium]:"h4",[e.Large]:"h3"};export{m as IMAGE_HEIGHT,l as IMAGE_WIDTH,a as MAX_INNER_WIDTH,e as SIZE,p as TITLE_HEADER_LEVEL};

package/lib/components/Placeholder/index.js

@@ -0,0 +1 @@
+export*from"./Image/index.js";export*from"./Placeholder.js";export*from"./types.js";

package/lib/components/Placeholder/styles.js

@@ -0,0 +1,59 @@
+import{styled as t}from"../../theme/index.js";import{Typography as e}from"../Typography/index.js";import{MAX_INNER_WIDTH as o,SIZE as n}from"./constants.js";let a=t=>"$size"!==t,i=t("div",{shouldForwardProp:a})`
+  display: flex;
+  flex-direction: column;
+  gap: ${({theme:t,$size:e})=>e===n.Small?t.spacing(4):t.spacing(6)};
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+  padding: ${({theme:t})=>t.spacing(4)};
+
+  background-color: ${({theme:t})=>t.palette.background.paper};
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    display: grid;
+    grid-template-columns: 100%;
+    grid-template-rows: 1fr max-content;
+    gap: ${({theme:t})=>t.spacing(4)};
+  }
+`,p=t("div",{shouldForwardProp:a})`
+  max-width: ${({$size:t})=>o[t]};
+  margin: 0 auto;
+`,r=t(e,{shouldForwardProp:a})`
+  margin-bottom: ${({theme:t,$size:e})=>e===n.Small?t.spacing(2):t.spacing(4)};
+
+  text-align: center;
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    margin-bottom: ${({theme:t})=>t.spacing(4)};
+
+    font-size: ${({theme:t})=>t.typography.pxToRem(20)};
+    font-weight: ${({theme:t})=>t.typography.fontWeightMedium};
+    color: ${({theme:t})=>t.palette.text.secondary};
+  }
+`,s=t(e,{shouldForwardProp:a})`
+  display: block;
+
+  font-size: ${({$size:t,theme:e})=>t===n.Large?e.typography.pxToRem(16):e.typography.body1.fontSize};
+  text-align: center;
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    font-size: ${({theme:t})=>t.typography.body1.fontSize};
+    color: ${({theme:t})=>t.palette.text.secondary};
+  }
+`,g=t("footer")`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${({theme:t})=>t.spacing(2)};
+  justify-content: center;
+
+  color: ${({theme:t})=>t.palette.grey[900]};
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    flex-direction: column;
+    gap: ${({theme:t})=>t.spacing(3)};
+
+    margin-top: auto;
+  }
+`;export{s as Description,g as Footer,p as InnerContainer,r as Title,i as Wrapper};

package/lib/components/Popover/Popover.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Popover as r}from"@mui/material";import{useViewportType as e}from"../../hooks/index.js";import{BottomDrawer as t}from"../BottomDrawer/index.js";let i=({children:i,onClose:m,open:n,title:p,...l})=>{let{isMobile:s}=e();return s?o(t,{title:p,onClose:m,open:n,children:i}):o(r,{open:n,onClose:m,...l,children:i})};export{i as Popover};

package/lib/components/Popover/Popover.stories.js

@@ -0,0 +1,10 @@
+import{Fragment as r,jsx as t,jsxs as o}from"react/jsx-runtime";import{styled as e}from"@mui/material";import{useState as i}from"react";import{Button as n}from"../Button/index.js";import{Container as l}from"../Container/index.js";import{Typography as a}from"../Typography/index.js";import{Popover as c}from"./Popover.js";let h={title:"Components/Popover",component:c},p=e("div")`
+  padding: ${({theme:r})=>r.spacing(2)};
+`,v={args:{open:!0,children:"контент popover",anchorPosition:{top:50,left:50},anchorReference:"anchorPosition"},parameters:{docs:{disable:!0}}},m=()=>{let[e,l]=i(null);return o(r,{children:[t(n,{variant:"contained",onClick:r=>{l(r.currentTarget)},children:"Открыть Popover"}),t(c,{title:"Заголовок",open:!!e,anchorEl:e,onClose:()=>{l(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},children:t(p,{children:t(a,{children:"Контент Popover"})})})]})},d=e(l)`
+  flex-direction: row;
+  gap: 10px;
+
+  margin-top: 30px;
+
+  ${({theme:r})=>r.spacing(2)};
+`,z=()=>{let[e,l]=i(null),[h,v]=i({vertical:"top",horizontal:"right"});return t(r,{children:o(d,{children:[[{vertical:"top",horizontal:"left"},{vertical:"top",horizontal:"center"},{vertical:"top",horizontal:"right"},{vertical:"center",horizontal:"left"},{vertical:"center",horizontal:"center"},{vertical:"center",horizontal:"right"},{vertical:"bottom",horizontal:"left"},{vertical:"bottom",horizontal:"center"},{vertical:"bottom",horizontal:"right"}].map(({vertical:r,horizontal:t})=>o(n,{onClick:o=>{var e;v({vertical:(e={vertical:r,horizontal:t}).vertical,horizontal:e.horizontal}),l(o.currentTarget)},children:["Open ",r,"-",t]},`${r}-${t}`)),t(c,{open:!!e,anchorEl:e,onClose:()=>{l(null)},transformOrigin:h,children:t(p,{children:t(a,{children:"Контент Popover"})})})]})})},g=()=>{let[e,l]=i(null),[h,v]=i({vertical:"top",horizontal:"right"});return t(r,{children:o(d,{children:[[{vertical:"top",horizontal:"left"},{vertical:"top",horizontal:"center"},{vertical:"top",horizontal:"right"},{vertical:"center",horizontal:"left"},{vertical:"center",horizontal:"center"},{vertical:"center",horizontal:"right"},{vertical:"bottom",horizontal:"left"},{vertical:"bottom",horizontal:"center"},{vertical:"bottom",horizontal:"right"}].map(({vertical:r,horizontal:t})=>o(n,{onClick:o=>{var e;v({vertical:(e={vertical:r,horizontal:t}).vertical,horizontal:e.horizontal}),l(o.currentTarget)},children:["Open ",r,"-",t]},`${r}-${t}`)),t(c,{open:!!e,anchorEl:e,onClose:()=>{l(null)},anchorOrigin:h,children:t(p,{children:t(a,{children:"Контент Popover"})})})]})})};export{g as AnchorOrigin,m as Example,v as Interaction,z as TransformOrigin,h as default};

package/lib/components/Popover/index.js

@@ -0,0 +1 @@
+export*from"./Popover.js";

package/lib/components/Profile/MenuList/MenuList.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{BottomDrawer as i,ListItemIcon as n,ListItemText as o,MenuList as t,OverflowTypography as l}from"../../index.js";import{useViewportType as s}from"../../../hooks/index.js";import{StyledMenu as d,StyledMenuItem as m}from"./styles.js";let c=c=>{let{open:p,onClose:h,menuList:u=[],...a}=c,{isMobile:f}=s(),j=()=>u.map(({render:i,icon:t,title:s,onClick:d,divider:c},p)=>i?i({icon:t,title:s,onClick:d,divider:c}):r(m,{$divider:c,onClick:d,children:[e(n,{children:t}),e(o,{children:e(l,{noWrap:!0,children:s})})]},String(p)));return f?e(i,{onClose:h,open:p,children:e(t,{children:j()})}):e(d,{open:p,onClose:h,...a,children:j()})};export{c as MenuList};

package/lib/components/Profile/MenuList/index.js

@@ -0,0 +1 @@
+export*from"./MenuList.js";

package/lib/components/Profile/MenuList/styles.js

@@ -0,0 +1,9 @@
+import{menuClasses as e}from"@mui/material";import{Menu as r,MenuItem as t}from"../../index.js";import{styled as i}from"../../../theme/index.js";let d=i(r)`
+  & .${e.paper} {
+    min-width: 200px;
+    max-width: 300px;
+  }
+`,o=i(t,{shouldForwardProp:e=>"$divider"!==e})`
+  border-top: 1px solid
+    ${({theme:e,$divider:r})=>r?e.palette.divider:"transparent"};
+`;export{d as StyledMenu,o as StyledMenuItem};

package/lib/components/Profile/Profile.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as o,jsxs as t}from"react/jsx-runtime";import{ClickAwayListener as i}from"@mui/material";import{ChevronsUpDown as e}from"lucide-react";import{useEffect as n}from"react";import{useMenu as l,useViewportType as m}from"../../hooks/index.js";import{OverflowTypography as a}from"../OverflowTypography/index.js";import{MenuList as c}from"./MenuList/index.js";import{ProfileAnnotation as h,ProfileAvatar as s,ProfileCredentials as p,ProfileRoot as d}from"./styles.js";let f=f=>{let{displayName:u,annotation:v,avatar:x={variant:"rounded"},menu:g,menuList:y,collapsed:j}=f,{open:z,anchorRef:O,handleOpenMenu:b,handleCloseMenu:C}=l(),{isMobile:k}=m();return n(()=>{g||y||console.error("Profile должен иметь один из следующих props: menu, menuList")},[]),t(r,{children:[o(i,{onClickAway:C,children:o(d,{ref:O,variant:"text",onClick:b,children:k||j?o(s,{...x}):t(r,{children:[o(s,{...x}),t(p,{children:[o(a,{variant:"h6",children:u}),o(h,{color:"textSecondary",children:v})]}),o(e,{size:16})]})})}),g?o(g,{open:z,anchorEl:O.current,onClose:C,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"left"},slotProps:{paper:{style:{maxWidth:300,minWidth:200}}}}):o(c,{open:z,anchorEl:O.current,menuList:y,onClose:C,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"left"}})]})};export{f as Profile};

package/lib/components/Profile/Profile.stories.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as t}from"react/jsx-runtime";import{Building2 as e,LogOut as n,Settings as o,User as l}from"lucide-react";import"react";import{Divider as r}from"../Divider/index.js";import{IconButton as c}from"../IconButton/index.js";import{ListItemIcon as a}from"../ListItemIcon/index.js";import{ListItemText as m}from"../ListItemText/index.js";import{Menu as d}from"../Menu/index.js";import{MenuItem as s}from"../MenuItem/index.js";import{OverflowTypography as p}from"../OverflowTypography/index.js";import{Typography as h}from"../Typography/index.js";import{Profile as u}from"./Profile.js";let f={title:"Components/Profile",component:u},g={args:{displayName:"Иванов Иван",annotation:"ivanov_ivan@mail.ru",avatar:{alt:"Иванов Иван",children:"ИИ"},menuList:[{icon:i(l,{}),title:"Мой профиль",onClick:()=>console.log("Мой профиль")}]},parameters:{docs:{disable:!0}}},v=()=>{let t=[{icon:i(l,{}),title:"Мой профиль",onClick:()=>console.log("Мой профиль")},{icon:i(e,{}),title:"Мои организации"},{icon:i(o,{}),title:"Настройки"}];return i(u,{displayName:"Григорьев Виталий",menuList:t})},y=()=>i(u,{displayName:"Григорьев Виталий",menu:c=>t(d,{...c,children:[t(s,{children:[i(a,{children:i(l,{})}),i(m,{children:i(p,{noWrap:!0,children:"Мой профиль"})})]}),t(s,{children:[i(a,{children:i(e,{})}),i(m,{children:i(p,{noWrap:!0,children:"Мои организации"})})]}),t(s,{children:[i(a,{children:i(o,{})}),i(m,{children:i(p,{noWrap:!0,children:"Настройки"})})]}),i(r,{}),t(s,{children:[i(a,{children:i(n,{})}),i(m,{children:i(p,{noWrap:!0,children:"Выйти"})})]})]})}),x=()=>{let t=[{icon:i(l,{}),title:"Мой профиль",onClick:()=>console.log("Мой профиль")},{icon:i(e,{}),title:"Мои организации"},{icon:i(o,{}),title:"Настройки"},{icon:i(n,{}),title:"Выход",onClick:()=>console.log("Выход")}];return i(u,{displayName:"Григорьев Виталий",menuList:t})},C=()=>{let r=({title:e,icon:n})=>t(s,{children:[i(h,{variant:"caption",color:"primary",children:e}),i(c,{variant:"text",children:n})]}),a=[{icon:i(l,{}),title:"Мой профиль",onClick:()=>console.log("Мой профиль"),render:r},{icon:i(e,{}),title:"Мои организации",render:r},{icon:i(o,{}),title:"Настройки"},{icon:i(n,{}),title:"Выход",onClick:()=>console.log("Выход"),divider:!0}];return i(u,{displayName:"Григорьев Виталий",menuList:a})},j=()=>{let t=[{icon:i(l,{}),title:"Мой профиль",onClick:()=>console.log("Мой профиль")},{icon:i(e,{}),title:"Мои организации"},{icon:i(o,{}),title:"Настройки"}];return i(u,{displayName:"Григорьев Виталий",avatar:{alt:"Григорьев Виталий",children:"ГВ"},menuList:t})},k=()=>{let t=[{icon:i(l,{}),title:"Мой профиль",onClick:()=>console.log("Мой профиль")},{icon:i(e,{}),title:"Мои организации"},{icon:i(o,{}),title:"Настройки"}];return i(u,{displayName:"Григорьев Виталий",annotation:"vitatiy_grig@mail.ru",menuList:t})},L=()=>{let t=[{icon:i(l,{}),title:"Мой профиль",onClick:()=>console.log("Мой профиль")},{icon:i(e,{}),title:"Мои организации с излишним количеством текста"},{icon:i(o,{}),title:"Настройки"}];return i(u,{displayName:"Константинопольский Конституционный Констебль",annotation:"vitatiy_grig@mail.ru",avatar:{alt:"Константинопольский Конституционный Констебль",children:"КК"},menuList:t})};export{y as CustomMenu,v as Example,x as ExitButton,g as Interaction,C as RenderCustomItem,L as TotalOverflow,k as WithAnnotation,j as WithAvatar,f as default};

package/lib/components/Profile/index.js

@@ -0,0 +1 @@
+export*from"./Profile.js";

package/lib/components/Profile/styles.js

@@ -0,0 +1,21 @@
+import{Avatar as e,Button as i,OverflowTypography as t}from"../index.js";import{styled as o}from"../../theme/index.js";let r=o(i)`
+  overflow: hidden;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  max-width: 300px;
+  gap: 0;
+  height: auto;
+  padding: ${({theme:e})=>e.spacing(1)};
+`,n=o("div")`
+  overflow: hidden;
+  margin-left: ${({theme:e})=>e.spacing(2)};
+  flex-grow: 1;
+`,p=o(t)`
+  font-size: ${({theme:e})=>e.typography.pxToRem(12)};
+  line-height: ${({theme:e})=>e.typography.pxToRem(16)};
+`,a=o(e)`
+    width: 30px;
+    height: 30px;
+`;export{p as ProfileAnnotation,a as ProfileAvatar,n as ProfileCredentials,r as ProfileRoot};

package/lib/components/ProgressBar/ProgressBar.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{LinearProgress as r}from"@mui/material";let t=({className:t,value:e})=>a(r,{className:t,variant:"determinate",value:Math.max(0,Math.min(e,100))});export{t as ProgressBar};

package/lib/components/ProgressBar/ProgressBar.stories.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import"react";import{ProgressBar as e}from"./ProgressBar.js";let t={args:{value:33},parameters:{docs:{disable:!0}}},o={title:"Components/ProgressBar",component:e},s=({value:t=25})=>r(e,{value:t});export{s as Example,t as Interaction,o as default};

package/lib/components/ProgressBar/index.js

@@ -0,0 +1 @@
+export*from"./ProgressBar.js";

package/lib/components/Radio/Icon/Icon.js

@@ -0,0 +1 @@
+import{jsx as c,jsxs as e}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";import{CHECKED_ICON_CLASSES as i,DEFAULT_ICON_CLASSES as l}from"../constants.js";let o=({...i})=>e(r,{viewBox:"0 0 24 24",...i,children:[c("circle",{cx:"12",cy:"12",r:"10",className:l.outerCircle}),c("circle",{cx:"12",cy:"12",r:"8",className:l.innerCircle})]}),a=({...l})=>e(r,{viewBox:"0 0 24 24",...l,children:[c("circle",{cx:"12",cy:"12",r:"10",className:i.outerCircle}),c("circle",{cx:"12",cy:"12",r:"4",className:i.innerCircle})]});export{a as CheckedCircleIcon,o as DefaultIcon};

package/lib/components/Radio/Icon/index.js

@@ -0,0 +1 @@
+export*from"./Icon.js";

package/lib/components/Radio/Radio.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{CheckedCircleIcon as r,DefaultIcon as e}from"./Icon/index.js";import{StyledRadio as t}from"./styles.js";let i=({icon:i=o(e,{}),checkedIcon:m=o(r,{}),...c})=>o(t,{icon:i,checkedIcon:m,...c});export{i as Radio};

package/lib/components/Radio/Radio.stories.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import"react";import{Radio as e}from"./Radio.js";let o={title:"Components/Radio",component:e},t={args:{checked:!1,disabled:!1,isError:!1},parameters:{docs:{disable:!0}}},i=()=>r(e,{}),a=()=>r(e,{disabled:!0}),s=()=>r(e,{isError:!0});export{a as Disabled,i as Example,t as Interaction,s as WithError,o as default};

package/lib/components/Radio/constants.js

@@ -0,0 +1 @@
+let e={innerCircle:"RadioIcon-innerCircle",outerCircle:"RadioIcon-outerCircle"},r={innerCircle:"RadioCheckedIcon-innerCircle",outerCircle:"RadioCheckedIcon-outerCircle"};export{r as CHECKED_ICON_CLASSES,e as DEFAULT_ICON_CLASSES};

package/lib/components/Radio/index.js

@@ -0,0 +1 @@
+export*from"./Radio.js";

package/lib/components/Radio/styles.js

@@ -0,0 +1,57 @@
+import{Radio as e,css as r}from"@mui/material";import{styled as o}from"../../theme/index.js";import{CHECKED_ICON_CLASSES as t,DEFAULT_ICON_CLASSES as i}from"./constants.js";let l=o(e,{shouldForwardProp:e=>"isError"!==e})`
+  padding: 5px;
+
+  color: ${({theme:e})=>e.palette.grey[300]};
+
+  border-radius: unset;
+
+  & > svg > .${i.innerCircle} {
+    fill: ${({theme:e})=>e.palette.common.white};
+  }
+
+  &:hover {
+    background: none;
+
+    & > svg > .${i.innerCircle} {
+      fill: ${({theme:e})=>e.palette.grey[100]};
+    }
+  }
+
+  &.Mui-disabled:not(.Mui-checked) {
+    color: ${({theme:e})=>e.palette.grey[200]};
+
+    & > svg > .${i.innerCircle} {
+      fill: ${({theme:e})=>e.palette.grey[200]};
+    }
+  }
+
+  &.Mui-checked {
+    color: ${({theme:e})=>e.palette.primary.main};
+
+    &:hover {
+      & > svg {
+        color: ${({theme:e})=>e.palette.primary[700]};
+      }
+    }
+
+    &.Mui-disabled {
+      color: ${({theme:e})=>e.palette.grey[400]};
+    }
+
+    & > svg > .${t.innerCircle} {
+      fill: ${({theme:e})=>e.palette.common.white};
+    }
+  }
+
+  ${({isError:e,theme:o})=>e&&r`
+  &.MuiRadio-root:not(.Mui-disabled) {
+    color: ${o.palette.red[800]};
+
+    &:hover {
+      & > svg {
+        color: ${o.palette.red[700]};
+      }
+    }
+  }
+`}
+`;export{l as StyledRadio};

package/lib/components/RadioField/RadioField.js

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

package/lib/components/RadioField/RadioField.stories.js

@@ -0,0 +1,5 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import{styled as a}from"../../theme/index.js";import{Container as i}from"../Container/index.js";import{RadioField as o}from"./RadioField.js";let r={title:"Components/RadioField",component:o},l={args:{label:"Лейбл",isError:!1,required:!1,checked:!1,disabled:!1,disabledReason:"Причина, по которой radio заблокирован"},parameters:{docs:{disable:!0}}},d=a(i)`
+  width: 300px;
+  min-height: 90px;
+  padding: ${({theme:e})=>e.spacing(2)};
+`,t=()=>e(d,{children:e(o,{value:"foo",label:"Radio label"})}),s=()=>e(d,{children:e(o,{value:"foo",label:"Radio label",required:!0,name:"bar"})}),n=()=>e(d,{children:e(o,{label:"Radio label",value:"foo",disabledReason:"Причина, по которой radio заблокирован",checked:!0,disabled:!0})}),m=()=>e(d,{children:e(o,{label:"Radio label",value:"foo",isError:!0})});export{n as DisabledReason,m as ErrorState,t as Example,l as Interaction,s as Required,r as default};

package/lib/components/RadioField/index.js

@@ -0,0 +1 @@
+export*from"./RadioField.js";

package/lib/components/RadioField/styles.js

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

package/lib/components/RadioGroup/RadioGroup.js

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

package/lib/components/RadioGroup/RadioGroup.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as l,jsxs as a}from"react/jsx-runtime";import"react";import{RadioGroupField as r}from"../RadioGroupField/index.js";import{RadioGroup as o}from"./RadioGroup.js";let i={title:"Components/RadioGroup",component:o},d={args:{groupLabel:"Группа радио",required:!1,isError:!1,errorText:"Ошибка",children:a(e,{children:[l(r,{label:"Radio field 1",value:"one"}),l(r,{label:"Radio field 2",value:"two"}),l(r,{label:"Radio field 3",value:"three"})]})},parameters:{docs:{disable:!0}}},t=()=>a(o,{groupLabel:"Группа радио",children:[l(r,{label:"Radio field 1",value:"one"}),l(r,{label:"Radio field 2",value:"two"}),l(r,{label:"Radio field 3",value:"three"})]}),u=()=>a(o,{groupLabel:"Группа радио",required:!0,isError:!0,errorText:"Ошибка",children:[l(r,{label:"Radio field 1",value:"one"}),l(r,{label:"Radio field 2",value:"two"}),l(r,{label:"Radio field 3",value:"three"})]}),b=()=>a(o,{groupLabel:"Группа радио",row:!0,required:!0,children:[l(r,{label:"Radio field 1",value:"one"}),l(r,{label:"Radio field 2",value:"two"}),l(r,{label:"Radio field 3",value:"three"})]});export{u as ErrorState,t as Example,d as Interaction,b as Row,i as default};

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContext.js

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

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{RadioGroupContext as o}from"../RadioGroupContext.js";let e=({children:e,isError:t})=>r(o.Provider,{value:{isError:t},children:e});export{e as RadioGroupContextProvider};

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContextProvider/index.js

@@ -0,0 +1 @@
+export*from"./RadioGroupContextProvider.js";

package/lib/components/RadioGroup/RadioGroupContext/index.js

@@ -0,0 +1 @@
+export*from"./RadioGroupContext.js";export*from"./RadioGroupContextProvider/index.js";

package/lib/components/RadioGroup/index.js

@@ -0,0 +1 @@
+import{RadioGroupContext as o}from"./RadioGroupContext/index.js";export*from"./RadioGroup.js";export{o as RadioGroupContext};

package/lib/components/RadioGroupField/RadioGroupField.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as o}from"react";import{RadioField as i}from"../RadioField/index.js";import{RadioGroupContext as e}from"../RadioGroup/index.js";let t=t=>{let{isError:m}=o(e);return r(i,{...t,isError:m})};export{t as RadioGroupField};

package/lib/components/RadioGroupField/index.js

@@ -0,0 +1 @@
+export*from"./RadioGroupField.js";

package/lib/components/RangeInput/RangeInput.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useEffect as n,useState as t}from"react";import{Slider as i}from"../Slider/index.js";import{Container as a,Label as o,RangeText as m,SliderWrapper as l,StyledInput as s,Wrapper as c}from"./styles.js";function h({min:h,max:y,onChange:d,minValue:p,maxValue:u,width:g,step:x,title:N,size:f}){let[C,v]=t(h),[A,j]=t(y),w=e=>{"Enter"===e.key&&d(C>=h&&C<=y?C:h,A>=h&&A<=y?A:y)};return n(()=>{v(p||h),j(u||y)},[p,u,h,y]),r(c,{$width:g,children:[N&&e(o,{variant:"caption",colorIntensity:"400",children:N}),r(a,{$size:f,children:[e(m,{children:"от"}),e(s,{type:"text",name:"minVal",value:C,onChange:e=>{let{value:r}=e.target;Number.isNaN(+r)||v(+r)},onKeyDown:w}),e(m,{children:"до"}),e(s,{type:"text",name:"minVal",value:A,onChange:e=>{let{value:r}=e.target;Number.isNaN(+r)||j(+r)},onKeyDown:w}),e(l,{children:e(i,{min:h,max:y,step:x,value:[C,A],onChange:(e,r)=>{Array.isArray(r)&&(v(r[0]),j(r[1]))},onChangeCommitted:(e,r)=>{Array.isArray(r)&&d(r[0],r[1])},size:"small"})})]})]})}export{h as RangeInput};

package/lib/components/RangeInput/RangeInput.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{TextField as n}from"@mui/material";import{Container as a}from"../Container/index.js";import{RangeInput as o}from"./index.js";let i={title:"Components/RangeInput",component:o,parameters:{layout:"centered"},tags:["autodocs"]},m=()=>t(a,{direction:"column",children:[e(n,{label:"TextField"}),e(o,{minValue:null,maxValue:null,min:0,max:1e4,title:"RangeInput",onChange:()=>{},width:300})]});export{m as Example,i as default};

package/lib/components/RangeInput/index.js

@@ -0,0 +1 @@
+export*from"./RangeInput.js";

package/lib/components/RangeInput/styles.js

@@ -0,0 +1,49 @@
+import{styled as e}from"../../theme/index.js";import{Typography as o}from"../Typography/index.js";let r=e("div",{shouldForwardProp:e=>"$width"!==e})`
+  width: ${({$width:e="100%"})=>"string"==typeof e?e:`${e}px`};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${({theme:e})=>e.spacing(1)};
+  height: 100%;
+  margin-bottom: 20px;
+`,t=e("div",{shouldForwardProp:e=>"$size"!==e})`
+  width: 100%;
+  padding: 0 10px;
+  position: relative;
+  display: grid;
+  grid-template-columns: auto 1fr auto 1fr;
+  align-items: center;
+  border-width: 1px;
+  border-style: solid;
+  border-color: ${({theme:e})=>e.palette.grey[300]};
+  transition: border 0.2s;
+  padding-bottom: 2px;
+  border-bottom: none;
+  border-radius: ${({theme:e})=>`${e.shape.small}`};
+  height: 100%;
+  min-height: ${({$size:e})=>"small"===e?"32px":"40px"};
+  column-gap: ${({theme:e})=>e.spacing(1)};
+  &:hover {
+    border-color: ${({theme:e})=>e.palette.grey[600]};
+  }
+`,i=e(o)`
+  color: ${({theme:e})=>e.palette.text.secondary};
+`,n=e("span")`
+  white-space: nowrap;
+  color: rgba(0, 0, 0, 0.3);
+`,p=e("input")`
+  text-align: center;
+  width: 100%;
+  min-width: 24px;
+  border: none;
+  font-size: 14px;
+  &:focus {
+    outline: none;
+    border: none;
+  }
+`,a=e("div")`
+  position: absolute;
+  bottom: -6px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 100%;
+`;export{t as Container,i as Label,n as RangeText,a as SliderWrapper,p as StyledInput,r as Wrapper};

package/lib/components/SearchField/SearchField.js

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

package/lib/components/SearchField/index.js

@@ -0,0 +1 @@
+export*from"./SearchField.js";

package/lib/components/SearchField/styles.js

@@ -0,0 +1,21 @@
+import{Search as e,X as t}from"lucide-react";import{styled as o}from"../../theme/index.js";import{IconButton as r}from"../IconButton/index.js";import{TextField as i}from"../TextField/index.js";let l=o(e)`
+  color: ${({theme:e})=>e.palette.grey[600]};
+`,d=o(r,{shouldForwardProp:e=>!["$isActive"].includes(e.toString())})`
+  opacity: ${({$isActive:e})=>+!!e};
+
+  &:hover {
+    background-color: transparent;
+
+    svg {
+      stroke: ${({theme:e})=>e.palette.grey["700"]};
+    }
+  }
+`,n=o(i)`
+  & .MuiFormHelperText-root {
+    display: none;
+  }
+`,p=o(t)`
+  width: 16px;
+  height: 16px;
+  stroke: ${({theme:e})=>e.palette.grey["500"]};
+`;export{p as StyledCloseFillSm,d as StyledIconButton,l as StyledSearchIcon,n as StyledTextField};

package/lib/components/Select/Select.js

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

package/lib/components/Select/Select.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as l,jsxs as a}from"react/jsx-runtime";import{ListItemIcon as r,ListSubheader as n,Stack as t}from"@mui/material";import i,{useState as d}from"react";import{Checkbox as u}from"../Checkbox/index.js";import{MenuItem as h}from"../MenuItem/index.js";import{Select as c}from"./Select.js";let o={title:"Components/Select",component:c},p=["Value 1","Value 2","Value 3","Value 4","Value 5","Value 6","Value 7","Value 8"],m=[{value:"1",name:"Валерий 1"},{value:"2",name:"Валерий 2"},{value:"3",name:"Валерий 3"},{value:"4",name:"Длинное название"},{value:"5",name:"Куда более длинное название"},{value:"6",name:"Реально куда более длинное название, очень большое"}],v={render:e=>{let[a,r]=d("");return l(t,{width:360,children:l(c,{onChange:e=>{r(e.target.value)},value:a,...e,children:p.map(e=>l(h,{value:e,children:e},e))})})},args:{label:"Select",placeholder:"Выберите вариант"},parameters:{docs:{disable:!0}}},s=()=>{let[r,n]=d(""),i=e=>{n(e.target.value)};return a(e,{children:[l(t,{width:360,children:l(c,{label:"Basic",onChange:i,value:r,placeholder:"Выберите вариант",fullWidth:!0,children:p.map(e=>l(h,{value:e,children:e},e))})}),l(t,{width:360,children:l(c,{label:"Disabled",onChange:i,value:r,placeholder:"Выберите вариант",fullWidth:!0,disabled:!0,children:p.map(e=>l(h,{value:e,children:e},e))})})]})},g=()=>{let[a,r]=d("");return l(e,{children:l(c,{label:"Standard",onChange:e=>{r(e.target.value)},value:a,placeholder:"Выберите вариант",disabled:!0,children:p.map(e=>l(h,{value:e,children:e},e))})})},b=()=>{let[a,r]=d(""),[n,u]=i.useState(!1);return l(e,{children:l(t,{width:360,children:l(c,{placeholder:"Выберите вариант",value:a,onChange:e=>{r(e.target.value)},label:"Loading",onOpen:()=>{u(!0),setTimeout(()=>u(!1),4e3)},loading:n,children:p.map(e=>l(h,{value:e,children:e},e))})})})},C=()=>{let[r,n]=i.useState(""),d=e=>n(e.target.value);return a(e,{children:[l(t,{width:360,children:l(c,{error:!0,helperText:"Ошибка валидации",placeholder:"Выберите вариант",value:r,label:"Error",onChange:d,children:p.map(e=>l(h,{value:e,children:e},e))})}),l(t,{width:360,children:l(c,{success:!0,helperText:"Проверка пройдена",placeholder:"Выберите вариант",value:r,label:"Success",onChange:d,children:p.map(e=>l(h,{value:e,children:e},e))})})]})},f=()=>{let[e,n]=i.useState([]);return l(t,{width:"100%",maxWidth:360,children:l(c,{placeholder:"Выберите вариант",value:e,label:"Multiple",onChange:e=>{n(e.target.value)},getOptionLabel:e=>{let l=m.find(l=>l.value===e);return l?.name||e},multiple:!0,children:m.map(({value:n,name:t})=>{let i=e.includes(n);return a(h,{value:n,children:[l(r,{children:l(u,{checked:i})}),t]},n)})})})},S=()=>{let[r,d]=i.useState("");return l(e,{children:l(t,{width:360,children:a(c,{placeholder:"Выберите вариант",value:r,label:"Grouping",onChange:e=>d(e.target.value),children:[l(n,{children:"Group 1"}),l(h,{value:1,children:"Option 1"}),l(h,{value:2,children:"Option 2"}),l(n,{children:"Group 2"}),l(h,{value:3,children:"Option 3"}),l(h,{value:4,children:"Option 4"})]})})})},x=()=>{let[a,r]=d("");return l(e,{children:l(c,{label:"No data",onChange:e=>{r(e.target.value)},value:a,placeholder:"Выберите вариант",fullWidth:!0,children:[]})})};export{g as Disabled,s as Example,S as Grouping,v as Interaction,b as Loading,f as Multiple,x as NoData,C as Validation,o as default};

package/lib/components/Select/constants.js

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

package/lib/components/Select/index.js

@@ -0,0 +1 @@
+export*from"./Select.js";

package/lib/components/Select/styles.js

@@ -0,0 +1,44 @@
+import{Select as e,selectClasses as t}from"@mui/material";import{CircleX as r}from"lucide-react";import{styled as i}from"../../theme/index.js";import{IconButton as o}from"../IconButton/index.js";import{MenuItem as n}from"../MenuItem/index.js";let p=i("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"]};
+  }
+`,l=i(n)`
+  display: none;
+`,a=i(o)`
+  padding: 0;
+  svg {
+    stroke: ${({theme:e})=>e.palette.grey["600"]};
+  }
+  &:hover {
+    background-color: transparent;
+    svg {
+      stroke: ${({theme:e})=>e.palette.grey["700"]};
+    }
+  }
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    width: 32px;
+    height: 32px;
+  }
+`,d=i(r)`
+  width: 16px;
+  height: 16px;
+  padding: 0;
+`,m=i("div",{label:"EndAdornmentWrapper"})`
+  display: flex;
+  align-items: center;
+
+  margin-left: auto;
+`,s=i(e)`
+  .${t.select} {
+    padding-right: ${({theme:e})=>e.spacing(2)} !important;
+  }
+`;export{m as EndAdornmentWrapper,l as Placeholder,p as ProgressWrapper,d as StyledCloseFillSm,a as StyledIconButton,s as StyledSelect};

package/lib/components/Select/useLogic/index.js

@@ -0,0 +1 @@
+export*from"./useLogic.js";

package/lib/components/Select/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{Children as e,useRef as t,useState as l}from"react";function r({value:r,onChange:o,children:n,open:a,defaultOpen:c,multiple:i,isShowClearButton:u=!1}){let[g,p]=l(c||a||!1),s=t(null),f=u&&!(!r||Array.isArray(r)&&0===r.length||"string"==typeof r&&0===r.length);return{isOpened:g,isNoData:!e.count(n),isShowingClearButton:f,resetButtonRef:s,openSelect:()=>p(!0),closeSelect:()=>p(!1),onClearAll:()=>{o?.call({},{target:{value:i?[]:""}})}}}export{r as useLogic};

package/lib/components/SidebarNav/MenuItem/MenuItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as l}from"react";import{Chevron as n,Collapse as c,List as t,Tooltip as o}from"../../index.js";import{IconWrapper as r,Item as d,SubItem as a,Title as h}from"./styles.js";let p=({collapsed:p,icon:m,active:s,label:v,subItems:C,onClick:u,id:f,component:k="li"})=>{let[g,j]=l(!1);return C?i("li",{children:[e(o,{withoutContainer:!0,placement:"right",title:p?v:void 0,children:i(d,{active:s,collapsed:p,onClick:()=>j(!g),endIcon:!p&&e(n,{isActive:g}),children:[e(r,{children:m}),e(h,{collapsed:p,children:v})]})}),e(c,{in:g&&!p,children:e(t,{disablePadding:!0,children:C.map(i=>e(a,{collapsed:p,component:i.component||"li",onClick:i.onClick,active:i.active,children:e(h,{collapsed:p,children:i.label})},i.id))})})]},f):e(o,{withoutContainer:!0,placement:"right",title:p?v:void 0,children:i(d,{collapsed:p,component:k,active:s,onClick:u,children:[e(r,{children:m}),e(h,{collapsed:p,children:v})]})},f)};export{p as MenuItem};

package/lib/components/SidebarNav/MenuItem/index.js

@@ -0,0 +1 @@
+export*from"./MenuItem.js";