@max-ts/components 1.7.0 → 1.8.0

package/lib/components/Accordion/Accordion.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Fragment as t,forwardRef as i,useState as o}from"react";import{Chevron as n}from"../Chevron/index.js";import{Collapse as l}from"../Collapse/index.js";import{ChevronWrapper as m,ContentWrapper as c,Header as d,Summary as s}from"./styles.js";let f=i(({summary:i,startAdorment:f,isExpanded:h,onChange:p,children:a},j)=>{let[x,A]=o(!1),v="boolean"==typeof h,y=v?h:x,C=!!f;return e("div",{ref:j,children:[e(d,{onClick:r=>{if(v)p?.(!h,r);else{let e=!x;A(e),p?.(e,r)}},withStartAdornment:C,children:[f,r("string"==typeof i?s:t,{children:i}),r(m,{children:r(n,{isActive:y})})]}),r(l,{in:y,children:r(c,{withStartAdorment:C,children:a})})]})});export{f as Accordion};

package/lib/components/Accordion/Accordion.stories.js

@@ -0,0 +1,6 @@
+import{Fragment as r,jsx as e,jsxs as i}from"react/jsx-runtime";import{SvgIcon as n,styled as o}from"@mui/material";import{useState as c}from"react";import{CircleCheck as t,Info as d}from"../../icons/index.js";import{Button as l}from"../Button/index.js";import{Container as m}from"../Container/index.js";import{Typography as a}from"../Typography/index.js";import{Accordion as s}from"./Accordion.js";let h={title:"Components/Accordion",component:s,args:{children:i(r,{children:[e(a,{children:"Сумма заказа: 1 000 руб"}),e(a,{children:"Дата оформления: 15.08.2023"})]}),summary:"Информация о заказе",startAdorment:e(n,{color:"info",children:e(d,{size:16})})},parameters:{layout:"centered",docs:{disable:!0}},tags:["autodocs"],argTypes:{backgroundColor:{control:"color"}}},p=o(m)`
+  width: 300px;
+  min-height: 90px;
+  padding: ${({theme:r})=>r.spacing(2)};
+  align-items: center;
+`,u=()=>e(p,{children:i(s,{summary:"Информация о заказе",startAdorment:e(n,{color:"info",children:e(d,{size:16})}),children:[e(a,{children:"Сумма заказа: 1 000 руб"}),e(a,{children:"Дата оформления: 15.08.2023"})]})}),g=()=>e(p,{children:i(s,{summary:e(a,{variant:"subtitle2",children:"Любой summary"}),children:[e(a,{children:"Сумма заказа: 1 000 руб"}),e(a,{children:"Дата оформления: 15.08.2023"})]})}),f=()=>e(p,{children:i(s,{summary:"Информация о заказе",startAdorment:e(n,{color:"success",children:e(t,{})}),children:[e(a,{children:"Сумма заказа: 1 000 руб"}),e(a,{children:"Дата оформления: 15.08.2023"})]})}),y=()=>{let[r,n]=c(!0);return i(m,{direction:"column",children:[e(l,{onClick:()=>n(r=>!r),children:"Toggle"}),i(s,{summary:"123",isExpanded:r,onChange:(r,e)=>{n(r),console.log("Click accordion header event",e)},children:[e(a,{children:"Сумма заказа: 1 000 руб"}),e(a,{children:"Дата оформления: 15.08.2023"})]})]})};export{y as Controlled,u as Example,f as StartAdorment,g as Summary,h as default};

package/lib/components/Accordion/index.js

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

package/lib/components/Accordion/styles.js

@@ -0,0 +1,17 @@
+import{styled as r}from"../../theme/index.js";import{Typography as e}from"../Typography/index.js";let p=r("header")`
+  cursor: pointer;
+
+  display: grid;
+  grid-column-gap: ${({theme:r})=>r.spacing(2)};
+  grid-template-columns: ${({withStartAdornment:r})=>r?"24px 1fr 24px":" 1fr 24px"};
+`,i=r("div")`
+  margin-left: ${({theme:r,withStartAdorment:e})=>r.spacing(8*!!e)};
+  padding-top: ${({theme:r})=>r.spacing(2)};
+`,n=r(e)`
+  align-self: center;
+`,a=r("div")`
+  overflow: hidden;
+
+  width: 24px;
+  height: 24px;
+`;export{a as ChevronWrapper,i as ContentWrapper,p as Header,n as Summary};

package/lib/components/ActionCell/ActionCell.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as o}from"react/jsx-runtime";import{MainAction as t}from"./MainAction/index.js";import{SecondaryActions as e}from"./SecondaryAction/index.js";import{Wrapper as n}from"./styles.js";import{useLogic as r}from"./useLogic/index.js";let c=c=>{let{isSecondaryActionsAvailable:l,handleActionClick:m,handleWrapperClick:s,isDisabledAction:a}=r(c),{actions:p}=c,{main:d=[],secondary:f=[]}=p;return o(n,{onClick:s,children:[d.map(o=>i(t,{tooltipPlacement:"top",onActionClick:m,action:o,isDisabled:a},o.name)),l&&i(e,{isDisabled:a,actions:f,tooltipPlacement:"left",onActionClick:m})]})};export{c as ActionCell};

package/lib/components/ActionCell/ActionCell.stories.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Eye as e,Save as n,Send as i,Trash as a}from"lucide-react";import{useEffect as t,useState as l}from"react";import{DataGrid as c}from"../DataGrid/index.js";import{ActionCell as s}from"./ActionCell.js";let r={title:"Components/ActionCell",component:s,parameters:{layout:"centered",docs:{disable:!0}},tags:["autodocs"],argTypes:{backgroundColor:{control:"color"}}},d=[{icon:o(e,{}),name:"Просмотреть нельзя",disabled:!0,onClick:()=>console.log("main")},{icon:o(i,{}),nested:!0,name:"Отправить",actions:[{name:"Туда",onClick:()=>console.log("nested 1"),disabledReason:"Не работает",disabled:!0},{name:"Сюда",onClick:()=>console.log("nested 2")}]}],m={main:d,secondary:[{name:"Редактировать",onClick:()=>console.log("secondary 1"),disabled:!0,disabledReason:"Текущий документ не прошел согласование/подписание. Загрузите документ повторно"},{name:"Удалить",onClick:()=>console.log("secondary 2")}]},u={main:d},g=[{id:"1",documentName:"Документ 1",action:()=>{}},{id:"2",documentName:"Документ 2",action:()=>{}},{id:"3",documentName:"Документ 3",action:()=>{}}],C=()=>{let e=[{field:"documentName",label:"Документ",sortable:!1},{label:"Действия",sortable:!1,width:"120px",align:"right",renderCell:e=>o(s,{actions:m,row:e})}];return o(c,{rows:g,columns:e,keyId:"id",onRetry:()=>{}})},k=()=>o(s,{actions:u,row:g[1]}),p=()=>{let[e,i]=l(!1),[c,r]=l(!1);t(()=>{e&&setTimeout(()=>{i(!1)},1500),c&&setTimeout(()=>{r(!1)},1500)},[e,c]);let d={main:[{icon:o(a,{}),name:"Удалить",onClick:()=>i(o=>!o),loading:e},{icon:o(n,{}),name:"Сохранить",loading:c,onClick:()=>r(o=>!o)}]};return o(s,{actions:d,row:{id:"123456789"}})},b=()=>{let[e,i]=l(!1),[c,r]=l(!1);t(()=>{e&&setTimeout(()=>{i(!1)},1500),c&&setTimeout(()=>{r(!1)},1500)},[e,c]);let d={main:[{icon:o(a,{}),name:"Удалить",onClick:()=>i(o=>!o),loading:e,isBlockingOperation:!0},{icon:o(n,{}),name:"Сохранить",onClick:()=>r(o=>!o),loading:c}],secondary:[{name:"Редактировать",onClick:()=>console.log("secondary 1")}]};return o(s,{actions:d,row:{id:"123456789"}})};export{b as BlockingOperations,C as Example,p as LoaderActions,k as OnlyMainActions,r as default};

package/lib/components/ActionCell/MainAction/MainAction.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{createElement as e}from"react";import{IconButton as i,IconDropdownButton as n,MenuItem as r,Tooltip as o}from"../../index.js";let l=({action:l,onActionClick:a,tooltipPlacement:c,isDisabled:m})=>{if("actions"in l){let{icon:i,disabled:d,disabledReason:p,name:h,actions:s}=l;return t(o,{title:p||h,placement:c,withoutContainer:!(m||d),children:t(n,{icon:i,variant:"text",disabled:m||d,children:s.map(({name:t,onClick:i,...n})=>e(r,{...n,key:t,tooltipPlacement:c,onClick:a(i)},t))})},h)}let{onClick:d,name:p,icon:h,disabledReason:s,disabled:u,loading:x,isBlockingOperation:C,...f}=l;return t(o,{title:!x&&(s||p),placement:c,withoutContainer:!(m||u),children:t(i,{disabled:m||u,...f,variant:"text",onClick:a(d),children:h})},p)};export{l as MainAction};

package/lib/components/ActionCell/MainAction/index.js

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

package/lib/components/ActionCell/SecondaryAction/SecondaryActions.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{createElement as o}from"react";import{EllipsisVertical as r}from"lucide-react";import{IconDropdownButton as e}from"../../IconDropdownButton/index.js";import{MenuItem as i}from"../../MenuItem/index.js";let n=({actions:n,onActionClick:m,tooltipPlacement:c,isDisabled:a=!1})=>t(e,{icon:t(r,{}),variant:"text",disabled:a,children:n.map(t=>{let{onClick:r,name:e}=t;return o(i,{...t,key:e,tooltipPlacement:c,onClick:m(r)},e)})});export{n as SecondaryActions};

package/lib/components/ActionCell/SecondaryAction/index.js

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

package/lib/components/ActionCell/index.js

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

package/lib/components/ActionCell/styles.js

@@ -0,0 +1,4 @@
+import{styled as e}from"../../theme/index.js";let i=e("div")`
+  display: inline-flex;
+  align-items: center;
+`;export{i as Wrapper};

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

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

package/lib/components/ActionCell/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useCallback as o}from"react";let e=({actions:e,row:i})=>{let{main:t,secondary:a}=e,n=t.some(o=>!("actions"in o)&&o?.isBlockingOperation&&o?.loading),r=o(o=>()=>{o?.(i)},[i]);return{isSecondaryActionsAvailable:a&&a.length>=1,handleActionClick:r,handleWrapperClick:o=>{o.stopPropagation()},isDisabledAction:n}};export{e as useLogic};

package/lib/components/ActionGroup/ActionGroup.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as s}from"react/jsx-runtime";import{MainActions as o}from"./MainActions/index.js";import{SecondaryActions as e}from"./SecondaryActions/index.js";import{SecondaryVisibleActions as r}from"./SecondaryVisibleActions/index.js";import{Wrapper as t}from"./styles.js";import{useLogic as n}from"./useLogic/index.js";let m=m=>{let{disabledAction:c}=n(m),{main:a,secondary:d,secondaryVisible:l,className:p,size:f}=m;return s(t,{className:p,children:[l&&i(r,{size:f,actions:l}),a&&i(o,{size:f,isDisabled:c,actions:a}),d&&i(e,{size:f,isDisabled:c,actions:d})]})};export{m as ActionGroup};

package/lib/components/ActionGroup/ActionGroup.stories.js

@@ -0,0 +1,3 @@
+import{jsx as t}from"react/jsx-runtime";import{Building2 as e,Plus as o}from"lucide-react";import{styled as i}from"../../theme/index.js";import{ActionGroup as a}from"./ActionGroup.js";let n={title:"Components/ActionGroup",component:a},d=i("div")`
+  padding-block: ${({theme:t})=>t.spacing(5)};
+`,s={args:{main:[{text:"main action 1",startIcon:t(o,{})},{text:"main action 2",color:"error"}],secondary:[{text:"secondary action 1"},{text:"secondary action 2"}]},parameters:{docs:{disable:!0}}},r=()=>t(d,{children:t(a,{main:[{text:"действие 1",startIcon:t(o,{})},{text:"действие 2",isNested:!0,actions:[{text:"действие в списке 1"},{text:"действие в списке 2"}]},{text:"действие 3",color:"error"}],secondaryVisible:[{name:"О компании",icon:t(e,{})},{name:"Добавить",icon:t(o,{}),disabled:!0,disableReason:"Действие недоступно, т.к. у вас недостаточно прав"}],secondary:[{text:"Второстепенное действие 1"},{text:"Второстепенное действие 2"}]})}),c=()=>t(d,{children:t(a,{main:[{text:"Отправка по маршруту",disabled:!0},{text:"Выбор получателя"}],secondary:[{text:"Выбор получателя",disabled:!0},{text:"Сменить подразделение",disabled:!0,disabledReason:"На данный момент заблокировано"},{text:"Копировать",note:"Можно что-то скопировать"},{text:"Удалить",note:"Можно что-то удалить"}]})}),x=()=>t(d,{children:t(a,{main:[{text:"Отправка по маршруту",disabled:!0,disabledReason:"Заблокировано"},{text:"Выбор получателя",note:"Здесь можно выбрать несколько получателей"},{text:"Выберите документ",isNested:!0,disabled:!0,disabledReason:"На данный момент не доступно",actions:[{text:"действие в списке 1"},{text:"действие в списке 2"}]}],secondary:[{text:"Выбор получателя",disabled:!0},{text:"Сменить подразделение",disabled:!0},{text:"Копировать"},{text:"Удалить"}]})});export{r as Example,s as Interaction,x as TooltipMainAction,c as TooltipSecondaryAction,n as default};

package/lib/components/ActionGroup/MainActions/MainActions.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as t}from"react/jsx-runtime";import{MenuItem as i,Tooltip as r}from"../../index.js";import{StyledButton as n,StyledDropdownButton as l}from"./styles.js";let s=({actions:s,isDisabled:o,size:d})=>t(e,{children:s.map(e=>{if(Object.hasOwn(e,"isNested")){let{text:n,isNested:s,actions:a,disabled:c,disabledReason:m,note:h,isBlockingOperation:p,...u}=e;return t(r,{title:c?m:h,withoutContainer:!(o||c),children:t(l,{...u,disabled:o||c,name:n,size:d,children:a.map(({text:e,...r})=>t(i,{...r,children:e},e))})},n)}let{text:s,disabled:a,disabledReason:c,note:m,isBlockingOperation:h,...p}=e;return t(r,{title:a?c:m,withoutContainer:!(o||a),children:t(n,{...p,size:d,disabled:o||a,children:s})},s)})});export{s as MainActions};

package/lib/components/ActionGroup/MainActions/index.js

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

package/lib/components/ActionGroup/MainActions/styles.js

@@ -0,0 +1,5 @@
+import{styled as o}from"../../../theme/index.js";import{Button as t}from"../../Button/index.js";import{DropdownButton as e}from"../../DropdownButton/index.js";let r=o(t)`
+  flex-grow: 1;
+`,n=o(e)`
+  flex-grow: 1;
+`;export{r as StyledButton,n as StyledDropdownButton};

package/lib/components/ActionGroup/SecondaryActions/SecondaryActions.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{createElement as t}from"react";import{Ellipsis as i}from"lucide-react";import{IconDropdownButton as e,ListItemButton as o,ListItemText as m}from"../../index.js";let a=({actions:a,isDisabled:l,size:n})=>a.length?r(e,{disabled:l,icon:r(i,{}),variant:"light",size:n,children:a.map(({text:i,...e})=>t(o,{tooltipPlacement:"right",...e,key:i},r(m,{primary:i})))}):null;export{a as SecondaryActions};

package/lib/components/ActionGroup/SecondaryActions/index.js

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

package/lib/components/ActionGroup/SecondaryVisibleActions/SecondaryVisibleActions.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as i}from"react/jsx-runtime";import{IconButton as t,Tooltip as r}from"../../index.js";let n=({actions:n,size:l})=>i(e,{children:n.map(e=>{let{name:n,icon:o,disableReason:a,disabled:d,isBlockingOperation:m,...c}=e;return i(r,{title:d?a:n,withoutContainer:!d,children:i(t,{variant:"light",size:l,name:n,disabled:d,...c,children:o})},n)})});export{n as SecondaryVisibleActions};

package/lib/components/ActionGroup/SecondaryVisibleActions/index.js

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

package/lib/components/ActionGroup/SecondaryVisibleActions/styles.js

@@ -0,0 +1,3 @@
+import{styled as t}from"../../../theme/index.js";import{Button as e}from"../../Button/index.js";let o=t(e)`
+  flex-grow: 1;
+`;export{o as StyledButton};

package/lib/components/ActionGroup/index.js

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

package/lib/components/ActionGroup/styles.js

@@ -0,0 +1,4 @@
+import{styled as e}from"../../theme/index.js";let p=e("div")`
+  display: flex;
+  gap: ${({theme:e})=>e.spacing(1)};
+`;export{p as Wrapper};

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

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

package/lib/components/ActionGroup/useLogic/useLogic.js

@@ -0,0 +1 @@
+let i=({main:i,secondary:o})=>({disabledAction:!![...i||[],...o||[]].find(i=>i.isBlockingOperation&&i.loading)});export{i as useLogic};

package/lib/components/Alert/Alert.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{AlertTitle as o}from"@mui/material";import{CircleCheck as i,Info as t,OctagonAlert as n,TriangleAlert as l,X as s}from"../../icons/index.js";import{Collapse as m}from"../Collapse/index.js";import{Typography as c}from"../Typography/index.js";import{Actions as a,StyledAlert as p,StyledIconButton as d}from"./styles.js";let f=({children:f,title:h,closeText:u="Скрыть",isVisible:x=!0,actions:j,onClose:y,...g})=>{let{severity:v="info",slots:B,...C}=g;return r(m,{in:x,children:e(p,{...C,severity:v,closeText:u,slots:{closeButton:e=>{let{variant:o,color:i,...t}=e;return r(d,{variant:"text",color:"primary",...t})},closeIcon:s},variant:"filled",onClose:y,iconMapping:{info:r(t,{}),error:r(n,{}),success:r(i,{}),warning:r(l,{})},children:[h&&r(o,{children:r(c,{variant:"h5",children:h})}),r(c,{gutterBottom:!!j,children:f}),r(a,{children:j})]})})};export{f as Alert};

package/lib/components/Alert/Alert.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as i,jsxs as r}from"react/jsx-runtime";import{useState as t}from"react";import{Button as l}from"../Button/index.js";import{Container as n}from"../Container/index.js";import{Alert as o}from"./Alert.js";let s={title:"Components/Alert",component:o},c={args:{children:"Формирование счета может занять до 15 минут",isVisible:!0},parameters:{docs:{disable:!0}}},d=()=>{let[e,i]=t(!0);return{isDisplay:e,toggleIsDisplay:()=>i(e=>!e)}},a=()=>i(o,{title:"Внимание",children:"Формирование счета может занять до 15 минут"}),h=()=>r(e,{children:[i(o,{severity:"info",title:"info",children:"Формирование счета может занять до 15 минут"}),i(o,{severity:"success",title:"success",children:"Формирование счета может занять до 15 минут"}),i(o,{severity:"warning",title:"warning",children:"Формирование счета может занять до 15 минут"}),i(o,{severity:"error",title:"error",children:"Формирование счета может занять до 15 минут"})]}),m=()=>i(o,{actions:i(l,{variant:"link",children:"Перейти к счету"}),children:"Формирование счета может занять до 15 минут"}),p=()=>i(o,{title:"Внимание",children:"Формирование счета может занять до 15 минут"}),u=()=>i(o,{children:"Формирование счета может занять до 15 минут"}),f=()=>{let{isDisplay:e,toggleIsDisplay:r}=d();return e?i(o,{onClose:r,children:"Формирование счета может занять до 15 минут"}):i(l,{onClick:r,children:"Показать Alert"})},C=()=>{let{isDisplay:e,toggleIsDisplay:t}=d();return r(n,{children:[i(l,{onClick:t,children:"Показать/спрятать Alert"}),i(o,{isVisible:e,children:"Формирование счета может занять до 15 минут"})]})},x=()=>i(o,{closeText:"Кастомный текст",onClose:()=>{},children:"Формирование счета может занять до 15 минут"});export{m as Actions,x as CloseText,C as Display,a as Example,c as Interaction,f as OnClose,h as Severity,p as Title,u as WithoutTitle,s as default};

package/lib/components/Alert/index.js

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

package/lib/components/Alert/styles.js

@@ -0,0 +1,31 @@
+import{Alert as t,alertClasses as i,iconButtonClasses as n}from"@mui/material";import{styled as r}from"../../theme/index.js";import{IconButton as o}from"../IconButton/index.js";let e=r(t)`
+  ${({theme:t})=>t.breakpoints.up("sm")} {
+    padding: ${({theme:t})=>t.spacing(1,4,1,2)};
+  }
+
+  & > .${i.icon} {
+    margin-right: ${({theme:t})=>t.spacing(3)};
+    align-self: center;
+  }
+
+  & > .${i.action} {
+    margin-right: unset;
+    align-self: center;
+
+    .${n.root} {
+      padding-right: unset;
+      padding-left: unset;
+    }
+  }
+`,a=r("div")`
+  display: grid;
+  column-gap: ${({theme:t})=>t.spacing(4)};
+  grid-auto-flow: column;
+  justify-content: flex-start;
+`,g=r(o)`
+  border-radius: 50%;
+
+  &:hover {
+    background-color: rgb(0 0 0 / 4%);
+  }
+`;export{a as Actions,e as StyledAlert,g as StyledIconButton};

package/lib/components/AsyncAutocomplete/AsyncAutocomplete.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Autocomplete as o}from"../Autocomplete/index.js";import{useLogic as t}from"./useLogic/index.js";let r=r=>{let{options:n,isLoadingData:i,handleOpen:s,handleInputChange:p,emptyOptionsText:m}=t(r),{fetchOptions:u,fetchDelayMs:l,minSymbolsToFetch:c,isDisabled:d,isRequired:x,isSuccess:a,isError:f,isLoading:g,isFullWidth:j,onOpen:A,noOptionsText:h,onInputChange:O,...b}=r;return e(o,{options:n,disabled:d,fullWidth:j,loading:g||i,onOpen:s,error:f,required:x,success:a,noOptionsText:m,onInputChange:p,...b})};export{r as AsyncAutocomplete};

package/lib/components/AsyncAutocomplete/AsyncAutocomplete.stories.js

@@ -0,0 +1,3 @@
+import{jsx as e}from"react/jsx-runtime";import{useState as l}from"react";import{styled as t}from"../../theme/index.js";import{AsyncAutocomplete as n}from"./AsyncAutocomplete.js";let o={title:"Components/AsyncAutocomplete",component:n},a=async(e,{signal:l})=>(await new Promise(e=>setTimeout(e,1e3)),[{id:"1",name:"John Doe"},{id:"2",name:"Jane Doe"},{id:"3",name:"Bob Doe"}].filter(l=>l.name.toLowerCase().includes(e.toLowerCase()))),i=async(e,l)=>a(e,{signal:l}),r=t("div")`
+  min-width: 300px;
+`,c=()=>{let[t,o]=l(null);return e(r,{children:e(n,{fetchOptions:(e,l)=>i(e,l),getOptionLabel:e=>e.name,placeholder:"Введите имя",isRequired:!0,label:"Сотрудник",value:t,onChange:(e,l)=>{o(l)}})})},s=()=>{let[t,o]=l(null);return e(r,{children:e(n,{fetchOptions:(e,l)=>i(e,l),getOptionLabel:e=>"string"==typeof e?e:e.name,placeholder:"Введите имя",freeSolo:!0,value:t,onChange:(e,l)=>{o(l)}})})},m=()=>{let[t,o]=l([]);return e(r,{children:e(n,{fetchOptions:e=>i(e),getOptionLabel:e=>e.name,placeholder:"Введите имя",multiple:!0,value:t,onChange:(e,l)=>{o(l)}})})},p=()=>{let[t,o]=l(null);return e(r,{children:e(n,{fetchOptions:(e,l)=>i(e,l),getOptionLabel:e=>e.name,placeholder:"Введите имя",isRequired:!0,label:"Сотрудник",value:t,minSymbolsToFetch:4,onChange:(e,l)=>{o(l)}})})},h=()=>{let[t,o]=l(null);return e(r,{children:e(n,{fetchOptions:e=>i(e),getOptionLabel:e=>e.name,placeholder:"Введите имя",isRequired:!0,label:"Сотрудник",value:t,fetchDelayMs:1e3,onChange:(e,l)=>{o(l)}})})},u=()=>{let[t,o]=l(null);return e(r,{children:e(n,{fetchOptions:(e,l)=>i(e,l),getOptionLabel:e=>e.name,placeholder:"Введите имя",isRequired:!0,label:"Сотрудник",value:t,onChange:(e,l)=>{o(l)},fetchDelayMs:500})})};export{u as AbortController,c as Example,h as FetchDelayMs,s as FreeSolo,p as MinSymbolsToFetch,m as Multiple,o as default};

package/lib/components/AsyncAutocomplete/constants.js

@@ -0,0 +1 @@
+let T=0,_=300,E="Продолжайте вводить для поиска",A="Нет данных";export{_ as DEFAULT_DELAY_MS,E as DEFAULT_EMPTY_OPTIONS_TEXT,T as DEFAULT_MIN_SEARCH_CHARACTERS,A as DEFAULT_NO_OPTIONS_TEXT};

package/lib/components/AsyncAutocomplete/index.js

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

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

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

package/lib/components/AsyncAutocomplete/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{debounce as t}from"@mui/material";import{useCallback as e,useRef as r,useState as n}from"react";import{DEFAULT_DELAY_MS as l,DEFAULT_EMPTY_OPTIONS_TEXT as o,DEFAULT_MIN_SEARCH_CHARACTERS as a,DEFAULT_NO_OPTIONS_TEXT as i}from"../constants.js";let u=({fetchOptions:u,fetchDelayMs:m=l,minSymbolsToFetch:p=a,defaultValue:c,getOptionLabel:f,noOptionsText:h=i,onOpen:s,onInputChange:g})=>{let[b,d]=n(!1),[x,y]=n(!0),[C,O]=n(!0),j=r(null),[w,A]=n([]),I=e(t(t=>{j.current?.abort();let e=new AbortController;j.current=e,u(t,e?.signal).then(t=>{A(t),O(0===t.length)}).finally(()=>{d(!1),j.current=null})},m),[u,m,h]);return{handleOpen:t=>{if(x){y(!1);let t=c&&f?f(c):"";(c||0===p)&&(d(!0),I(t))}s?.(t)},handleInputChange:(t,e,r)=>{if(!e||e.length<p)return I&&I.clear(),O(!1),d(!1),A([]);d(!0),x||I(e),g?.(t,e,r)},options:w,isLoadingData:b,emptyOptionsText:C?h:o}};export{u as useLogic};

package/lib/components/Autocomplete/Autocomplete.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createElement as r,useCallback as o}from"react";import{Autocomplete as t,ListItemIcon as i,Popper as n,SvgIcon as l}from"@mui/material";import{ChevronDown as p,CircleX as m,X as c}from"../../icons/index.js";import{Checkbox as s}from"../Checkbox/index.js";import{CircularProgress as d}from"../CircularProgress/index.js";import{OverflowTypography as a}from"../OverflowTypography/index.js";import{Tag as u}from"../Tag/index.js";import{TextField as x}from"../TextField/index.js";import{DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT as f,DEFAULT_PLACEHOLDER as j}from"./constants.js";import{StyledMenuItem as g}from"./styles.js";import{useLogic as h}from"./useLogic/index.js";let T=T=>{let{isValueEmpty:y,isPopperVisible:I,autocompleteProps:b}=h(T),{required:k,success:O,error:C,label:A,getOptionLabel:P,helperText:w,inputRef:z,multiple:L,size:v="medium",placeholder:F=j,overflowOption:R,closeText:S="Закрыть",openText:_="Открыть",clearText:q="Очистить",loadingText:B=e(d,{color:"primary"}),isLoadedDataError:D,loadedDataError:E,noOptionsText:G,autoHighlight:H,renderInput:J,renderTags:K,renderOption:M,...N}=T,Q=o(r=>{let o={...r,inputRef:z,required:k,placeholder:y?F:"",label:A,success:O,error:C,helperText:w,size:v};return J?J(o):e(x,{...o})},[y,J,z,k,F,A,O,C,w,v]),U=o((o,t,n,l)=>{if(M)return M(o,t,n,l);let p=!!o["aria-selected"];return r(g,{...o,key:o.id,children:[L&&e(i,{children:e(s,{role:"menuitemcheckbox",checked:p})}),e(a,{rowsCount:f,...R,children:o.key})]})},[L,R,M]),V=o((o,t,i)=>K?K(o,t,i):o.map((o,i)=>{let n=P?.(o)||"";return r(u,{deleteIcon:e(c,{}),color:"grey",label:n,...t({index:i}),key:n})}),[P,K]),W=o(r=>I?e(n,{...r}):null,[I]);return e(t,{...N,size:v,clearText:q,closeText:S,openText:_,loadingText:B,multiple:L,disableCloseOnSelect:L,clearIcon:e(l,{children:e(m,{})}),popupIcon:e(p,{size:16}),forcePopupIcon:!0,slotProps:{clearIndicator:{disableRipple:!0},popper:{component:W}},getOptionLabel:P,renderInput:Q,renderTags:V,renderOption:U,...b})};export{T as Autocomplete};

package/lib/components/Autocomplete/Autocomplete.stories.js

@@ -0,0 +1,3 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{createElement as l,useState as i}from"react";import{styled as o}from"../../theme/index.js";import{MenuItem as r}from"../MenuItem/index.js";import{OverflowTypography as a}from"../OverflowTypography/index.js";import{Tag as n}from"../Tag/index.js";import{Tooltip as p}from"../Tooltip/index.js";import{Autocomplete as s}from"./Autocomplete.js";let u={title:"Components/Autocomplete",component:s},d=[{value:"1",title:"Value 1"},{value:"2",title:"Value 2"},{value:"3",title:"Value 3"},{value:"4",title:"Value 4"},{value:"5",title:"Value 5"},{value:"6",title:"Value 6"},{value:"7",title:"Value 7"},{value:"8",title:"Value 8"},{value:"9",title:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab adipisci, aliquam aliquid delectus ipsam laboriosam magni molestias possimus ullam voluptatibus!"},{value:"10",title:"12 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis, vero?"}],m=o("div")`
+  min-width: 300px;
+`,c={args:{options:d,label:"Выберите вариант",getOptionLabel:e=>e.title},parameters:{docs:{disable:!0}}},b=()=>{let[t,l]=i(null);return e(m,{children:e(s,{options:d,size:"small",label:"Выберите вариант",value:t,getOptionLabel:e=>e.title,onChange:(e,t)=>l(t)})})},g=()=>{let[t,l]=i([]);return e(m,{children:e(s,{multiple:!0,options:d,label:"Multiple",value:t,onChange:(e,t)=>l(t),getOptionLabel:e=>e.title})})},h=()=>{let[t,l]=i();return e(m,{children:e(s,{options:d,label:"FreeSolo",freeSolo:!0,value:t,onChange:(e,t)=>l(t),getOptionLabel:e=>"string"==typeof e?e:e.title})})},v=()=>{let[t,l]=i([]);return e(m,{children:e(s,{multiple:!0,options:d,label:"Multiple custom tags",value:t,onChange:(e,t)=>l(t),getOptionLabel:e=>e.title,renderTags:(t,l)=>t.map((t,i)=>{let{title:o}=t,{onDelete:r,...a}=l({index:i}),s=0===i;return e(p,{title:s&&"Custom tag",children:e(n,{...a,onDelete:s?void 0:r,color:"warning",size:"small",label:o,variant:"light"})},o)})})})},L=()=>e(m,{children:e(s,{label:"Loaded data error",options:[],isLoadedDataError:!0,loadedDataError:"Ошибка загрузки данных",getOptionLabel:e=>e.title,error:!0})}),O=()=>e(m,{children:e(s,{label:"Error",options:d,helperText:"Ошибка",getOptionLabel:e=>e.title,error:!0})}),f=()=>e(m,{children:e(s,{label:"Loading",loading:!0,options:[],getOptionLabel:e=>e.title})}),C=()=>e(m,{children:e(s,{label:"Success",options:d,helperText:"Успех",getOptionLabel:e=>e.title,success:!0})}),x=()=>e(m,{children:e(s,{label:"Small",size:"small",options:d,getOptionLabel:e=>e.title})}),V=()=>e(m,{children:e(s,{label:"No data",size:"small",multiple:!0,options:[],getOptionLabel:e=>e.title,required:!0})}),j=()=>e(m,{children:e(s,{label:"Custom render option",size:"small",options:d,getOptionLabel:e=>e.title,renderOption:(t,i)=>l(r,{...t,key:t.id},e(a,{rowsCount:2,children:`Custom render option - ${i.title}`}))})}),w=()=>e(m,{children:e(s,{label:"Custom render input",size:"small",options:d,getOptionLabel:e=>e.title,renderOption:(t,i)=>l(r,{...t,key:t.id},e(a,{rowsCount:2,children:`Custom render option - ${i.title}`})),renderInput:l=>t("div",{ref:l.InputProps.ref,children:[e("label",{htmlFor:l.inputProps.id,children:l.label}),e("input",{type:"text",ref:l.inputProps.ref,value:l.inputProps.value,onMouseDown:l.inputProps.onMouseDown,placeholder:l.placeholder})]})})});export{w as CustomRenderInput,j as CustomRenderOption,O as ErrorExample,b as Example,h as FreeSolo,c as Interaction,L as LoadedDataError,f as Loading,g as Multiple,v as MultipleCustomTags,V as NoData,x as Small,C as Success,u as default};

package/lib/components/Autocomplete/constants.js

@@ -0,0 +1 @@
+let E=2,L="Начните вводить для поиска";export{E as DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT,L as DEFAULT_PLACEHOLDER};

package/lib/components/Autocomplete/enums.js

@@ -0,0 +1 @@
+var e,m=((e={}).medium="medium",e.small="small",e);export{m as AutocompleteSizes};

package/lib/components/Autocomplete/index.js

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

package/lib/components/Autocomplete/styles.js

@@ -0,0 +1,7 @@
+import{styled as e}from"../../theme/index.js";import{MenuItem as t}from"../MenuItem/index.js";let m=e(t)`
+  max-height: ${({theme:e})=>e.spacing(13)};
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    max-height: unset;
+  }
+`;export{m as StyledMenuItem};

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

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

package/lib/components/Autocomplete/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useCallback as t,useState as i}from"react";import{checkIsInputEmpty as o}from"./utils/index.js";let e=({value:e,isOptionEqualToValue:n,autoHighlight:l=!0,freeSolo:r,options:p,loading:s,isLoadedDataError:u,loadedDataError:a="Ошибка загрузки данных",noOptionsText:g="Нет данных",onInputChange:h})=>{let[m,O]=i(""),f=o(e),c=m.length>=1,x=p.length>0;return{isValueEmpty:f,isPopperVisible:c||x||s||u,autocompleteProps:{isOptionEqualToValue:t((t,i)=>n?n(t,i):JSON.stringify(t)===JSON.stringify(i),[n]),autoHighlight:!r&&l,noOptionsText:u?a:g,onInputChange:(t,i,o)=>{h?.(t,i,o),s||O(i)}}}};export{e as useLogic};

package/lib/components/Autocomplete/useLogic/utils/checkIsInputEmpty/checkIsInputEmpty.js

@@ -0,0 +1 @@
+let r=r=>Array.isArray(r)?0===r.length:!r;export{r as checkIsInputEmpty};

package/lib/components/Autocomplete/useLogic/utils/checkIsInputEmpty/index.js

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

package/lib/components/Autocomplete/useLogic/utils/index.js

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

package/lib/components/Avatar/Avatar.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{StyledAvatar as e}from"./styles.js";let m=t((t,m)=>r(e,{...t,ref:m}));export{m as Avatar};

package/lib/components/Avatar/Avatar.stories.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Avatar as t}from"./Avatar.js";let a={title:"Components/Avatar",component:t},e={args:{children:"АЛ"},parameters:{docs:{disable:!0}}},o=()=>r(t,{variant:"rounded",children:"АЛ"});export{o as Example,e as Interaction,a as default};

package/lib/components/Avatar/index.js

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

package/lib/components/Avatar/styles.js

@@ -0,0 +1,8 @@
+import{Avatar as t}from"@mui/material";import{styled as o}from"../../theme/index.js";let e=o(t)`
+  font-size: ${({theme:t})=>t.typography.h5.fontSize};
+  font-weight: ${({theme:t})=>t.typography.h5.fontWeight};
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    font-size: ${({theme:t})=>t.typography.h6.fontSize};
+  }
+`;export{e as StyledAvatar};

package/lib/components/Badge/Badge.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{StyledBadge as o}from"./styles.js";let t=({children:t,color:e,max:i=99,withBorder:m=!0,variantColor:a="contained",...l})=>r(o,{$customColor:e,max:i,$withBorder:m,$variantColor:a,...l,children:t});export{t as Badge};

package/lib/components/Badge/Badge.stories.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as n}from"react/jsx-runtime";import{useState as a}from"react";import{Button as i}from"../Button/index.js";import{Container as t}from"../Container/index.js";import{Badge as o}from"./Badge.js";let e={title:"Components/Badge",component:o},l={args:{color:"error",badgeContent:999,variant:"standard",invisible:!1},parameters:{docs:{disable:!0}}},d=()=>r(o,{color:"error",badgeContent:999,children:r(i,{variant:"contained",color:"primary",children:"Badge"})}),c=()=>r(o,{color:"error",variant:"dot",invisible:!1,children:r(i,{variant:"contained",color:"primary",children:"Dot"})}),h=()=>{let[n,t]=a(!0);return r(o,{color:"error",badgeContent:999,variant:"standard",invisible:n,children:r(i,{onClick:()=>{t(r=>!r)},variant:"contained",color:"primary",children:n?"Показать":"Скрыть"})})},g=()=>n(t,{gap:10,children:[r(o,{color:"grey",badgeContent:4,children:r(i,{children:"Primary"})}),r(o,{color:"grey",badgeContent:4,anchorOrigin:{horizontal:"left",vertical:"top"},children:r(i,{children:"Primary"})}),r(o,{color:"grey",badgeContent:4,anchorOrigin:{horizontal:"left",vertical:"bottom"},children:r(i,{children:"Primary"})}),r(o,{color:"grey",badgeContent:4,anchorOrigin:{horizontal:"right",vertical:"bottom"},children:r(i,{children:"Primary"})})]}),s=()=>n(t,{gap:10,children:[r(o,{color:"grey",badgeContent:999,variant:"standard",children:r(i,{fullWidth:!0,variant:"light",color:"primary",children:"grey"})}),r(o,{color:"primary",badgeContent:999,variant:"standard",children:r(i,{variant:"light",color:"primary",children:"primary"})}),r(o,{color:"error",badgeContent:999,variant:"standard",children:r(i,{fullWidth:!0,variant:"light",color:"error",children:"error"})}),r(o,{color:"success",badgeContent:999,variant:"standard",children:r(i,{fullWidth:!0,variant:"light",color:"success",children:"success"})}),r(o,{color:"warning",badgeContent:999,variant:"standard",children:r(i,{fullWidth:!0,variant:"light",color:"warning",children:"warning"})}),r(o,{color:"white",badgeContent:999,variant:"standard",children:r(i,{fullWidth:!0,variant:"contained",color:"primary",children:"white"})}),r(o,{color:"grey",badgeContent:999,variant:"standard",variantColor:"light",children:r(i,{fullWidth:!0,variant:"contained",color:"primary",children:"grey"})}),r(o,{color:"primary",badgeContent:999,variant:"standard",variantColor:"light",children:r(i,{fullWidth:!0,variant:"contained",color:"primary",children:"primary"})}),r(o,{color:"error",badgeContent:999,variant:"standard",variantColor:"light",children:r(i,{fullWidth:!0,variant:"contained",color:"error",children:"error"})}),r(o,{color:"success",badgeContent:999,variant:"standard",variantColor:"light",children:r(i,{fullWidth:!0,variant:"contained",color:"success",children:"success"})}),r(o,{color:"warning",badgeContent:999,variant:"standard",variantColor:"light",children:r(i,{fullWidth:!0,variant:"contained",color:"warning",children:"warning"})})]});export{g as AnchorOrigin,d as Example,l as Interaction,h as Invisible,c as Variants,s as VariantsColor,e as default};

package/lib/components/Badge/index.js

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

package/lib/components/Badge/styles.js

@@ -0,0 +1,21 @@
+import{Badge as e,styled as t}from"@mui/material";let r=t(e,{shouldForwardProp:e=>!["$customColor","$withBorder","$variantColor"].includes(e.toString())})`
+  .MuiBadge-badge {
+    height: 20px;
+    padding: ${({theme:e})=>e.spacing(0,1)};
+
+    font-size: ${({theme:e})=>e.typography.caption.fontSize};
+    line-height: 20px;
+    color: ${({$customColor:e,theme:t,$variantColor:r})=>(({$customColor:e,theme:t,$variantColor:r})=>{let a={grey:t.palette.grey[900],primary:t.palette.primary[900],error:t.palette.red[900],success:t.palette.green[900],warning:t.palette.yellow[900],default:t.palette.primary.contrastText};return"white"===e?t.palette.grey[900]:"contained"===r?t.palette.common.white:a[e||"default"]})({$customColor:e,theme:t,$variantColor:r})};
+
+    background-color: ${({$customColor:e,theme:t,$variantColor:r})=>(({$customColor:e,theme:t,$variantColor:r})=>{let a={contained:{grey:t.palette.grey[800],primary:t.palette.primary[800],error:t.palette.red[800],success:t.palette.green[800],warning:t.palette.yellow[800],default:t.palette.primary.main},light:{grey:t.palette.grey[300],primary:t.palette.primary[100],error:t.palette.red[100],success:t.palette.green[100],warning:t.palette.yellow[100],default:t.palette.primary.main}};return"white"===e?t.palette.background.default:a[r][e]})({$customColor:e,theme:t,$variantColor:r})};
+    border: ${({$withBorder:e,theme:t})=>e?`2px solid ${t.palette.common.white}`:"none"};
+    border-radius: ${({$withBorder:e})=>e?"12px":null};
+  }
+
+  .MuiBadge-dot {
+    width: 12px;
+    height: 12px;
+
+    border: 2px solid ${({theme:e})=>e.palette.common.white};
+  }
+`;export{r as StyledBadge};

package/lib/components/BottomDrawer/BottomDrawer.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import{X as t}from"lucide-react";import{IconButton as e}from"../IconButton/index.js";import{DEFAULT_HEADER_HEIGHT as n}from"./constants.js";import{Body as i,Header as a,HeaderTitle as c,StyledDrawer as m}from"./styles.js";let l=({title:l,drawerHeaderHeight:s=n,children:d,onClose:h,...p})=>o(m,{...p,anchor:"bottom",onClose:h,children:[o(a,{drawerHeaderHeight:s,children:[r(c,{variant:"h5",noWrap:!0,children:l}),r(e,{variant:"text",onClick:r=>{h&&h(r,"escapeKeyDown")},children:r(t,{})})]}),r(i,{children:d})]});export{l as BottomDrawer};

package/lib/components/BottomDrawer/BottomDrawer.stories.js

@@ -0,0 +1,7 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as r}from"react";import{styled as o}from"../../theme/index.js";import{Button as n}from"../Button/index.js";import{Container as i}from"../Container/index.js";import{BottomDrawer as l}from"./BottomDrawer.js";let m=o("div")`
+  height: 150px;
+
+  background-color: ${({theme:e})=>e.palette.grey[200]};
+`,a=o("div")`
+  margin: ${({theme:e})=>e.spacing(4,4,4)};
+`,p=t=>{let r=[];for(let o=0;o<t;o++)r.push(e(a,{children:e(m,{})}));return r},c={title:"Components/BottomDrawer",component:l},s={args:{title:"Заголовок",open:!0},parameters:{docs:{disable:!0}}},d=()=>{let[o,m]=r(!1),a=e=>()=>{m(e)};return t(i,{gap:4,children:[e(n,{onClick:a(!0),children:"Открыть"}),e(l,{open:o,onClose:a(!1),title:"Заголовок",children:p(1)})]})},h=()=>{let[o,m]=r(!1),a=e=>()=>{m(e)};return t(i,{gap:4,children:[e(n,{onClick:a(!0),children:"Открыть"}),e(l,{open:o,onClose:a(!1),title:"Наполнение с переполнением",children:p(10)})]})};export{d as Example,s as Interaction,h as WithContentOverflow,c as default};

package/lib/components/BottomDrawer/constants.js

@@ -0,0 +1 @@
+let E="16px",T=56;export{T as DEFAULT_HEADER_HEIGHT,E as OFFSET_TOP_SCREEN};

package/lib/components/BottomDrawer/index.js

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

package/lib/components/BottomDrawer/styles.js

@@ -0,0 +1,26 @@
+import{Drawer as e,Typography as t,paperClasses as r}from"@mui/material";import{styled as i}from"../../theme/index.js";import{OFFSET_TOP_SCREEN as a}from"./constants.js";let o=i(e)`
+  ${`.${r.root}`} {
+    max-height: calc(100vh - ${a});
+
+    @supports (height: 100dvh) {
+      max-height: calc(100dvh - ${a});
+    }
+
+    border-top-left-radius: ${({theme:e})=>e.shape.large};
+    border-top-right-radius: ${({theme:e})=>e.shape.large};
+  }
+`,d=i("header")`
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: space-between;
+
+  height: ${({drawerHeaderHeight:e})=>`${e}px`};
+  padding: ${({theme:e})=>e.spacing(1,2,1,4)};
+
+  border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
+`,h=i(t)`
+  margin-right: ${({theme:e})=>e.spacing(2)};
+`,p=i("div")`
+  overflow-y: auto;
+`;export{p as Body,d as Header,h as HeaderTitle,o as StyledDrawer};

package/lib/components/Breadcrumbs/index.js

@@ -0,0 +1 @@
+import{Breadcrumbs as r}from"@mui/material";export{r as Breadcrumbs};

package/lib/components/Button/Button.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import{clsx as t}from"clsx";import{LOADING_BUTTON_CLASSNAME as m}from"./constants.js";import{ButtonColors as s,ButtonVariants as e}from"./enums.js";import{StyledButton as i,StyledCircularProgress as l}from"./styles.js";import{useLogic as n}from"./useLogic/index.js";let a=a=>{let{variant:c=e.Contained,color:p=s.Primary,loading:f,loadingIndicator:d,loadingPosition:j,disabled:u,children:x,className:y,...b}=a,{loadingIndicatorColor:g}=n({variant:c});return o(i,{variant:c,color:p,disabled:f||u,...b,className:t(y,{[m]:f}),children:[f&&r(l,{color:g,size:"small"}),x]})};export{a as Button};

package/lib/components/Button/Button.stories.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as i,jsxs as e}from"react/jsx-runtime";import{Paper as n}from"@mui/material";import{ChevronDown as t,MessageCircle as l,ThumbsUp as d}from"lucide-react";import{useEffect as c,useState as a}from"react";import{Badge as o}from"../Badge/index.js";import{Container as h}from"../Container/index.js";import{DialogActions as s}from"../DialogActions/index.js";import{DialogContent as m}from"../DialogContent/index.js";import{DialogTitle as g}from"../DialogTitle/index.js";import{Button as p}from"./Button.js";let v={title:"Components/Button",component:p},u={render:r=>i(p,{...r,children:"Click me"}),args:{},parameters:{docs:{disable:!0}}},x=()=>{let[r,t]=a(!1);return c(()=>{let r=setTimeout(()=>{t(!1)},1500);return()=>clearTimeout(r)},[r]),e(n,{style:{width:500},children:[i(g,{children:"Изменения не сохранятся"}),i(m,{children:"На странице есть несохраненные изменения, которые будут утеряны, если их не сохранить."}),e(s,{children:[i(p,{variant:"text",children:"Отмена"}),i(p,{loading:r,onClick:()=>t(!0),children:"Продолжить"})]})]})},f=()=>e(h,{children:[i(p,{children:"Contained"}),i(p,{variant:"light",children:"Light"}),i(p,{variant:"link",children:"Link"}),i(p,{variant:"text",children:"Text"})]}),L=()=>e(h,{children:[i(p,{disabled:!0,children:"Contained"}),i(p,{disabled:!0,variant:"light",children:"Light"}),i(p,{disabled:!0,variant:"link",children:"Link"}),i(p,{disabled:!0,variant:"text",component:E,children:"Text"})]}),k=()=>e(h,{children:[i(p,{loading:!0,children:"Contained"}),i(p,{loading:!0,variant:"light",children:"Light"}),i(p,{loading:!0,variant:"link",children:"Link"}),i(p,{loading:!0,variant:"text",children:"Text"})]}),C=()=>e(h,{children:[i(p,{selected:!0,children:"Contained"}),i(p,{selected:!0,variant:"light",children:"Light"}),i(p,{selected:!0,variant:"link",children:"Link"}),i(p,{selected:!0,variant:"text",children:"Text"})]}),I=()=>e(h,{children:[i(p,{startIcon:i(d,{}),children:"Start Icon"}),i(p,{endIcon:i(l,{}),children:"End Icon"}),i(p,{startIcon:i(l,{}),endIcon:i(t,{}),children:"Start & End"}),i(p,{variant:"light",endIcon:i(o,{badgeContent:12,color:"error",style:{marginLeft:2,marginRight:15},children:i("span",{style:{width:10}})}),children:"Badge"})]}),b=()=>e(h,{children:[i(p,{size:"medium",children:"Medium"}),i(p,{size:"large",children:"Large"})]}),j=()=>e(h,{gap:3,children:[e(h,{children:[i(p,{children:"Primary"}),i(p,{color:"error",children:"Error"}),i(p,{color:"success",children:"Success"}),i(p,{color:"warning",children:"Warning"}),i(p,{color:"error",children:"Error"})]}),e(h,{children:[i(p,{variant:"light",children:"Primary"}),i(p,{variant:"light",color:"error",children:"Error"}),i(p,{variant:"light",color:"success",children:"Success"}),i(p,{variant:"light",color:"warning",children:"Warning"}),i(p,{variant:"light",color:"error",children:"Error"})]})]}),E=({children:r,className:e,href:n})=>i("a",{href:n,className:e,children:r}),T=()=>e(r,{children:[i(p,{href:"#",children:"Обычная ссылка"}),i(p,{href:"/",component:E,children:"Ссылка роутера"})]});export{T as AsLink,j as Colors,L as Disabled,x as Example,I as Icons,u as Interaction,k as Loading,C as Selected,b as Sizes,f as Variants,v as default};

package/lib/components/Button/constants.js

@@ -0,0 +1 @@
+let t="button-loading";export{t as LOADING_BUTTON_CLASSNAME};

package/lib/components/Button/enums.js

@@ -0,0 +1 @@
+var t,e,a,n,s=((t={}).Error="error",t.Success="success",t.Warning="warning",t.Primary="primary",t),r=((e={}).Contained="contained",e.Light="light",e.Text="text",e.Link="link",e),o=((a={}).Small="small",a.Medium="medium",a.Large="large",a),u=((n={}).Default="default",n.Active="active",n.Focus="focus",n.Hover="hover",n);export{s as ButtonColors,o as ButtonSizes,u as ButtonStates,r as ButtonVariants};

package/lib/components/Button/index.js

@@ -0,0 +1 @@
+export*from"./Button.js";export*from"./constants.js";export*from"./enums.js";export*from"./types.js";

package/lib/components/Button/styles.js

@@ -0,0 +1,10 @@
+import{Button as o}from"@mui/material";import{styled as i}from"../../theme/index.js";import{CircularProgress as r}from"../CircularProgress/index.js";import{ButtonVariants as t}from"./enums.js";let e=i(o)`
+  min-width: ${({variant:o})=>o===t.Link?"auto":""};
+  padding: ${({variant:o})=>o===t.Link?0:""};
+
+  :active {
+    box-shadow: none;
+  }
+`,m=i(r)`
+  position: absolute;
+`;export{e as StyledButton,m as StyledCircularProgress};

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

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

package/lib/components/Button/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useMemo as o}from"react";import{CircularProgressColors as r}from"../../CircularProgress/constants.js";import{ButtonVariants as t}from"../enums.js";let i=({variant:i})=>({loadingIndicatorColor:o(()=>i!==t.Contained?r.PRIMARY:r.INVERTED,[i])});export{i as useLogic};

package/lib/components/ButtonBase/ButtonBase.js

@@ -0,0 +1 @@
+import{ButtonBase as t}from"@mui/material";export{t as ButtonBase};

package/lib/components/ButtonBase/index.js

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

package/lib/components/ButtonGroup/ButtonGroup.stories.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import"react";import{Button as o}from"../Button/index.js";import{ButtonGroup as e}from"./index.js";let i={title:"Components/ButtonGroup",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a=()=>t(e,{children:[r(o,{variant:"light",color:"primary",children:"1"}),r(o,{variant:"text",color:"primary",children:"2"}),r(o,{variant:"contained",color:"primary",children:"3"})]});export{a as Example,i as default};

package/lib/components/ButtonGroup/index.js

@@ -0,0 +1 @@
+import{ButtonGroup as t,buttonClasses as o}from"@mui/material";export{t as ButtonGroup,o as buttonClasses};

package/lib/components/Calendar/Calendar.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{DayPicker as o}from"react-day-picker";import{ru as a}from"react-day-picker/locale";import{Typography as e}from"../Typography/index.js";import{DayButton as r}from"./DayButton/index.js";import{Dropdown as s}from"./Dropdown/index.js";import{Dropdowns as n,MonthButton as m,StyledMonthCaption as i,StyledMonths as p,StyledNav as c}from"./styles.js";let l=({className:l,classNames:d,showOutsideDays:N=!0,...u})=>t(o,{locale:a,showOutsideDays:N,components:{DayButton:r,Dropdown:s,DropdownNav:({className:o,...a})=>t(n,{className:o,...a}),MonthCaption:({className:o,...a})=>t(i,{className:o,...a}),Months:({className:o,...a})=>t(p,{className:o,...a}),PreviousMonthButton:({className:o,color:a,...e})=>t(m,{className:o,variant:"text",...e}),NextMonthButton:({className:o,color:a,...e})=>t(m,{className:o,variant:"text",...e}),Nav:o=>t(c,{...o}),CaptionLabel:({className:o,color:a,...r})=>t(e,{component:"span",variant:"subtitle1",className:o,...r})},...u});export{l as Calendar};

package/lib/components/Calendar/Calendar.stories.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import{Calendar as n}from"./Calendar.js";let o={title:"Components/Calendar",component:n,parameters:{layout:"centered"},tags:["autodocs"]},a=()=>{let[o,a]=t(new Date);return e(n,{mode:"single",selected:o,onSelect:a})},r=()=>{let o=new Date,[a,r]=t([o,new Date(o.setDate(o.getDate()+1))]);return e(n,{mode:"multiple",selected:a,onSelect:r})},l=()=>{let o=new Date,[a,r]=t({from:o,to:new Date(o.setDate(o.getDate()+1))});return e(n,{mode:"range",selected:a,onSelect:r})},s=()=>{let[o,a]=t(new Date);return e(n,{mode:"single",captionLayout:"dropdown-months",selected:o,onSelect:a})},d=()=>{let[o,a]=t(new Date);return e(n,{mode:"single",captionLayout:"dropdown-years",selected:o,onSelect:a})};export{a as Default,s as MonthSelect,r as Multiple,l as Range,d as YearSelect,o as default};

package/lib/components/Calendar/DayButton/DayButton.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useEffect as t,useRef as r}from"react";import{StyledButton as o}from"./styles.js";let s=s=>{let{modifiers:c,color:d,...i}=s,u=r(null);return t(()=>{c.focused&&u.current?.focus()},[c.focused]),e(o,{ref:u,$isOutside:c.outside,$isToday:c.today,selected:c.selected,variant:c.selected?"contained":"text",...i})};export{s as DayButton};

package/lib/components/Calendar/DayButton/index.js

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

package/lib/components/Calendar/DayButton/styles.js

@@ -0,0 +1,16 @@
+import{Button as o}from"../../index.js";import{styled as t}from"../../../theme/index.js";let e=t(o,{shouldForwardProp:o=>"$isOutside"!==o&&"$isToday"!==o})`
+  width: 32px;
+  height: 32px;
+  color: ${({theme:o,$isOutside:t,selected:e})=>t&&!e&&o.palette.grey[400]};
+  &::after {
+    content: '';
+    position: absolute;
+    bottom: 4px;
+    left: 8px;
+    display: ${({$isToday:o})=>o?"block":"none"};
+    width: calc(100% - 16px);
+    height: 2px;
+    color: currentColor;
+    background-color: currentColor;
+  }
+`;export{e as StyledButton};

package/lib/components/Calendar/Dropdown/Dropdown.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{DropdownButton as i,MenuItem as t,Typography as n}from"../../index.js";function r(r){let{options:a,onChange:l,...o}=r,d=a?.find(({value:e})=>e===o.value);return e(i,{variant:"link",name:d?.label||"Не выбрано",children:a?.map(({value:i,label:r,disabled:a})=>e(t,{value:i,disabled:a,onClick:()=>l?.({target:{value:i}}),children:e(n,{variant:"subtitle1",align:"center",style:{textTransform:"capitalize",minWidth:70},children:r})},i))})}export{r as Dropdown};

package/lib/components/Calendar/Dropdown/index.js

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

package/lib/components/Calendar/index.js

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

package/lib/components/Calendar/styles.js

@@ -0,0 +1,37 @@
+import{DropdownNav as t,MonthCaption as e,Months as i,Nav as o}from"react-day-picker";import{styled as n}from"../../theme/index.js";import{Button as p}from"../Button/index.js";let a=n(o)`
+  position: absolute;
+  display: flex;
+  justify-content: space-between;
+  top: 0;
+  left: 0;
+  width: 100%;
+`,s=n(p)`
+  width: 32px;
+  height: 32px;
+  padding: ${({theme:t})=>t.spacing(2)};
+`,l=n(i)`
+  position: relative;
+  padding-top: 32px;
+`,r=n(e)`
+  position: absolute;
+  height: 32px;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  span {
+    text-transform: capitalize;
+    font-size: ${({theme:t})=>t.typography.subtitle1.fontSize};
+  }
+`,f=n(t)`
+  display: flex;
+  column-gap: ${({theme:t})=>t.spacing(4)};
+  align-items: center;
+  font-size: ${({theme:t})=>t.typography.subtitle1.fontSize};
+  button {
+    text-transform: capitalize;
+    font-size: ${({theme:t})=>t.typography.subtitle1.fontSize};
+  }
+`;export{f as Dropdowns,s as MonthButton,r as StyledMonthCaption,l as StyledMonths,a as StyledNav};

package/lib/components/Card/index.js

@@ -0,0 +1 @@
+import{Card as r,cardClasses as a}from"@mui/material";export{r as Card,a as cardClasses};

package/lib/components/CardActions/index.js

@@ -0,0 +1 @@
+import{CardActions as r,cardActionsClasses as a}from"@mui/material";export{r as CardActions,a as cardActionsClasses};

package/lib/components/CardContent/index.js

@@ -0,0 +1 @@
+import{CardContent as t,cardContentClasses as r}from"@mui/material";export{t as CardContent,r as cardContentClasses};

package/lib/components/CardHeader/index.js

@@ -0,0 +1 @@
+import{CardHeader as r,cardHeaderClasses as a}from"@mui/material";export{r as CardHeader,a as cardHeaderClasses};

package/lib/components/Carousel/Carousel.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as e,jsxs as o}from"react/jsx-runtime";import{CarouselContext as t}from"./CarouselContext.js";import{Content as i}from"./Content/index.js";import{Dots as n}from"./Dots/index.js";import{Item as m}from"./Item/index.js";import{Next as s}from"./Next/index.js";import{Previous as a}from"./Previous/index.js";import{Wrapper as l}from"./styles.js";import{useLogic as d}from"./useLogic/index.js";function p({width:p="100%",height:c="100%",...x}){let{canScrollNext:f,canScrollPrev:u,scrollNext:j,scrollPrev:h,api:y,opts:C,orientation:v,carouselRef:I,handleKeyDown:N,data:D,isShowButtons:P,isShowDots:g}=d(x);return e(t.Provider,{value:{carouselRef:I,api:y,opts:C,orientation:v||(C?.axis==="y"?"vertical":"horizontal"),scrollPrev:h,scrollNext:j,canScrollPrev:u,canScrollNext:f},children:o(l,{onKeyDownCapture:N,className:x.className,"data-slot":"carousel",...x,children:[e(i,{style:{width:p,height:c},children:D.map(r=>e(m,{children:x.renderItem(r)},`${r[x.keyId]}`))}),P&&o(r,{children:[e(a,{}),e(s,{})]}),g&&e(n,{api:y,orientation:v})]})})}export{p as Carousel};

package/lib/components/Carousel/Carousel.stories.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{CardContent as t}from"@mui/material";import{Card as i}from"../Card/index.js";import{Carousel as r}from"./Carousel.js";let n={title:"Components/Carousel",component:r,parameters:{layout:"centered"},tags:["autodocs"]};function d(){return e(r,{keyId:"id",data:[{id:1,title:"One"},{id:2,title:"Two"},{id:3,title:"Three"},{id:4,title:"Four"}],width:500,showDots:!0,renderItem:r=>e("div",{style:{padding:4},children:e(i,{children:e(t,{style:{display:"flex",justifyContent:"center",alignItems:"center",padding:6,height:300},children:e("span",{style:{fontWeight:500,fontSize:"1.5rem"},children:r.title})})})})})}function l(){return e(r,{keyId:"id",data:[{id:1,title:"One"},{id:2,title:"Two"},{id:3,title:"Three"},{id:4,title:"Four"}],width:500,height:300,showDots:!0,orientation:"vertical",renderItem:r=>e("div",{style:{padding:4},children:e(i,{children:e(t,{style:{display:"flex",justifyContent:"center",alignItems:"center",padding:6,height:260},children:e("span",{style:{fontWeight:500,fontSize:"1.5rem"},children:r.title})})})})})}export{d as Demo,l as Vertical,n as default};