@max-ts/components 1.6.5 → 1.8.0

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};

package/lib/components/Carousel/CarouselContext.js

@@ -0,0 +1 @@
+import e from"react";let t=e.createContext(null);function r(){let r=e.useContext(t);if(!r)throw Error("useCarousel must be used within a <Carousel />");return r}export{t as CarouselContext,r as useCarousel};

package/lib/components/Carousel/Content/Content.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useCarousel as o}from"../CarouselContext.js";import{ContentWrapper as r,Wrapper as e}from"./styles.js";function n(n){let{carouselRef:i,orientation:s="horizontal"}=o();return t(e,{ref:i,"data-slot":"carousel-content",children:t(r,{orientation:s,...n})})}export{n as Content};

package/lib/components/Carousel/Content/index.js

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

package/lib/components/Carousel/Content/styles.js

@@ -0,0 +1,8 @@
+import{styled as r}from"../../../theme/index.js";let e=r("div")`
+  overflow: hidden;
+`,i=r("div",{shouldForwardProp:r=>"orientation"!==r})`
+  display: flex;
+  flex-direction: ${({orientation:r})=>"vertical"===r&&"column"};
+  margin-left: ${({orientation:r,theme:e})=>"horizontal"===r&&e.spacing(-4)};
+  margin-top: ${({orientation:r,theme:e})=>"vertical"===r&&e.spacing(-4)};
+`;export{i as ContentWrapper,e as Wrapper};

package/lib/components/Carousel/Dots/Dots.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{DotButton as e,Wrapper as o}from"./styles.js";import{useLogic as r}from"./useLogic/index.js";let i=({api:i,orientation:n})=>{let{selectedIndex:m,scrollSnaps:s,onDotButtonClick:l}=r(i);return t(o,{orientation:n,children:s.map((o,r)=>t(e,{orientation:n,onClick:()=>l(r),selected:r===m},o))})};export{i as Dots};

package/lib/components/Carousel/Dots/index.js

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

package/lib/components/Carousel/Dots/styles.js

@@ -0,0 +1,31 @@
+import{styled as t}from"../../../theme/index.js";let o=t("div",{shouldForwardProp:t=>"orientation"!==t})`
+  position: absolute;
+  width: ${({orientation:t})=>"horizontal"===t?"100%":"auto"};
+  height: ${({orientation:t})=>"horizontal"===t?"auto":"100%"};
+  bottom: ${({theme:t,orientation:o})=>"horizontal"===o?t.spacing(2):0};
+  left: ${({theme:t,orientation:o})=>"horizontal"===o?0:t.spacing(2)};
+  display: flex;
+  flex-direction: ${({orientation:t})=>"vertical"===t&&"column"};
+  justify-content: center;
+  gap: ${({theme:t})=>t.spacing(1)};
+  z-index: 1;
+  overflow: hidden;
+`,e=t("button",{shouldForwardProp:t=>"selected"!==t})`
+  width: ${({theme:t})=>t.spacing(6)};
+  height: ${({theme:t})=>t.spacing(6)};
+  position: relative;
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    background-color: ${({theme:t,selected:o})=>o?t.palette.primary[800]:t.palette.grey[200]};
+    width: 100%;
+    height: 2px;
+    transform: ${({orientation:t})=>"vertical"===t&&"rotate(90deg)"};
+  }
+`;export{e as DotButton,o as Wrapper};

package/lib/components/Carousel/Dots/useLogic/index.js

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

package/lib/components/Carousel/Dots/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as o,useState as r}from"react";let t=t=>{let[l,n]=r(0),[c,s]=r([]),i=e(e=>{t&&t.scrollTo(e)},[t]),p=e(e=>{e&&s(e.scrollSnapList())},[]),a=e(e=>{e&&n(e.selectedScrollSnap())},[]);return o(()=>{t&&(p(t),a(t),t.on("reInit",p).on("reInit",a).on("select",a))},[t,p,a]),{selectedIndex:l,scrollSnaps:c,onDotButtonClick:i}};export{t as useLogic};

package/lib/components/Carousel/Item/Item.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useCarousel as r}from"../CarouselContext.js";import{Wrapper as t}from"./styles.js";function e(e){let{orientation:i="horizontal"}=r();return o(t,{orientation:i,role:"group","aria-roledescription":"slide","data-slot":"carousel-item",...e})}export{e as Item};

package/lib/components/Carousel/Item/index.js

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

package/lib/components/Carousel/Item/styles.js

@@ -0,0 +1 @@
+import{styled as i}from"../../../theme/index.js";let o=i("div",{shouldForwardProp:i=>"orientation"!==i})(({orientation:i,theme:o})=>({minWidth:0,flexShrink:0,flexGrow:0,flexBasis:"100%",paddingLeft:"horizontal"===i?o.spacing(4):void 0,paddingTop:"vertical"===i?o.spacing(4):void 0}));export{o as Wrapper};

package/lib/components/Carousel/Next/Next.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ChevronDown as o,ChevronRight as r}from"lucide-react";import{useCarousel as e}from"../CarouselContext.js";import{StyledButton as i}from"./styles.js";function n({className:n,...l}){let{orientation:a="horizontal",canScrollNext:m,scrollNext:s}=e();return m?t(i,{type:"button",variant:"text","data-slot":"carousel-next",disabled:!m,onClick:s,orientation:a,...l,children:"horizontal"===a?t(r,{}):t(o,{})}):null}export{n as Next};

package/lib/components/Carousel/Next/index.js

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

package/lib/components/Carousel/Next/styles.js

@@ -0,0 +1,10 @@
+import{Button as o}from"../../index.js";import{styled as t}from"../../../theme/index.js";let i=t(o,{shouldForwardProp:o=>"orientation"!==o})`
+  position: absolute;
+  opacity: 0.3;
+  user-select: none;
+  right: ${({theme:o})=>o.spacing(1)};
+  bottom: 0;
+  padding: 0;
+  height: ${({orientation:o})=>"horizontal"===o?"100%":"clamp(25px, 15%, 45px)"};
+  width: ${({orientation:o})=>"horizontal"===o?"clamp(25px, 15%, 45px)":"100%"};
+`;export{i as StyledButton};

package/lib/components/Carousel/Previous/Previous.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ChevronLeft as o,ChevronUp as r}from"lucide-react";import{useCarousel as e}from"../CarouselContext.js";import{StyledButton as i}from"./styles.js";function n({className:n,...l}){let{orientation:a="horizontal",scrollPrev:s,canScrollPrev:u}=e();return u?t(i,{type:"button","data-slot":"carousel-previous",variant:"text",disabled:!u,onClick:s,orientation:a,...l,children:"horizontal"===a?t(o,{}):t(r,{})}):null}export{n as Previous};

package/lib/components/Carousel/Previous/index.js

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

package/lib/components/Carousel/Previous/styles.js

@@ -0,0 +1,10 @@
+import{Button as o}from"../../index.js";import{styled as t}from"../../../theme/index.js";let e=t(o,{shouldForwardProp:o=>"orientation"!==o})`
+  position: absolute;
+  opacity: 0.3;
+  user-select: none;
+  left: ${({theme:o})=>o.spacing(1)};
+  top: 0;
+  padding: 0;
+  height: ${({orientation:o})=>"horizontal"===o?"100%":"clamp(25px, 15%, 45px)"};
+  width: ${({orientation:o})=>"horizontal"===o?"clamp(25px, 15%, 45px)":"100%"};
+`;export{e as StyledButton};

package/lib/components/Carousel/index.js

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

package/lib/components/Carousel/styles.js

@@ -0,0 +1,3 @@
+import{styled as e}from"../../theme/index.js";let i=e("div")`
+  position: relative;
+`;export{i as Wrapper};

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

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

package/lib/components/Carousel/useLogic/useLogic.js

@@ -0,0 +1 @@
+import e from"embla-carousel-react";import{useCallback as r,useEffect as t,useState as l}from"react";let o=({orientation:o="horizontal",opts:c,setApi:n,plugins:a,data:i,showDots:f})=>{let[s,u]=e({...c,axis:"horizontal"===o?"x":"y"},a),[h,m]=l(!1),[p,x]=l(!1),g=i.length>1,v=!!(f&&i.length>1),y=r(e=>{e&&(m(e.canScrollPrev()),x(e.canScrollNext()))},[]),k=r(e=>{u&&u.scrollTo(e)},[u]),w=r(()=>{u?.scrollPrev()},[u]),z=r(()=>{u?.scrollNext()},[u]),A=r(e=>{"ArrowLeft"===e.key?(e.preventDefault(),w()):"ArrowRight"===e.key&&(e.preventDefault(),z())},[w,z]);return t(()=>{u&&n&&n(u)},[u,n]),t(()=>{if(u)return y(u),u.on("reInit",y),u.on("select",y),()=>{u?.off("select",y)}},[u,y]),{carouselRef:s,api:u,scrollPrev:w,scrollNext:z,canScrollPrev:h,canScrollNext:p,handleKeyDown:A,opts:c,orientation:o,onDotButtonClick:k,isShowButtons:g,isShowDots:v,data:i}};export{o as useLogic};

package/lib/components/Checkbox/Checkbox.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Checkbox as r,useTheme as i}from"@mui/material";import{Square as o,SquareCheck as t,SquareMinus as a}from"lucide-react";let c=({size:c,color:l="primary",isError:m,...n})=>{let s=(e=>{switch(e){case"small":return 20;case"large":return 24;default:return 22}})(c),{palette:d}=i(),u=m?d.red[700]:n.disabled?d.action.disabled:d["default"===l?"primary":l].main;return e(r,{...n,icon:e(o,{color:u,size:s}),indeterminateIcon:e(a,{color:u,size:s}),checkedIcon:e(t,{color:u,size:s})})};export{c as Checkbox};

package/lib/components/Checkbox/Checkbox.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as r,jsxs as l}from"react/jsx-runtime";import{Box as o,Paper as t}from"@mui/material";import{useState as i}from"react";import{Button as c}from"../Button/index.js";import{Container as n}from"../Container/index.js";import{DialogActions as d}from"../DialogActions/index.js";import{DialogContent as a}from"../DialogContent/index.js";import{DialogTitle as h}from"../DialogTitle/index.js";import{FormControlLabel as m}from"../FormControlLabel/index.js";import{TextField as s}from"../TextField/index.js";import{Checkbox as b}from"./Checkbox.js";let p={title:"Components/Checkbox",component:b},x={args:{disabled:!1},parameters:{docs:{disable:!0}}},k=()=>{let[e,p]=i(!1);return l(t,{style:{width:500},children:[r(h,{children:"Форма обратной связи"}),r(a,{children:l(o,{children:[l(n,{gap:2,templateColumns:"repeat(2, 1fr)",children:[r(s,{placeholder:"Поле 1"}),r(s,{placeholder:"Поле 2"})]}),r(m,{control:r(b,{}),label:"Дополнительный параметр "})]})}),l(d,{children:[r(c,{variant:"text",children:"Отмена"}),r(c,{loading:e,onClick:()=>p(!0),children:"Продолжить"})]})]})},C=()=>r(b,{}),f=()=>r(b,{checked:!0}),g=()=>l(e,{children:[r(b,{disabled:!0}),r(b,{disabled:!0,checked:!0})]}),j=()=>l(e,{children:[r(m,{control:r(b,{}),label:"Текст"}),r(m,{control:r(b,{disabled:!0}),label:"Текст"}),r(m,{control:r(b,{disabled:!0,checked:!0}),label:"Текст"})]}),u=()=>{let[t,c]=i([!0,!1]);return r(e,{children:l("div",{children:[r(m,{label:"Заголовок",control:r(b,{checked:t[0]&&t[1],indeterminate:t[0]!==t[1],onChange:e=>{c([e.target.checked,e.target.checked])}})}),l(o,{sx:{display:"flex",flexDirection:"column",ml:3},children:[r(m,{label:"Вариант 1",control:r(b,{checked:t[0],onChange:e=>{c([e.target.checked,t[1]])}})}),r(m,{label:"Вариант 2",control:r(b,{checked:t[1],onChange:e=>{c([t[0],e.target.checked])}})})]})]})})},D=()=>l(e,{children:[r(m,{control:r(b,{isError:!0}),label:"Текст"}),r(m,{control:r(b,{checked:!0,isError:!0}),label:"Текст"})]});export{f as CheckboxChecked,C as CheckboxDefault,g as CheckboxDisabled,j as CheckboxLabel,D as ErrorExample,k as Example,u as Indeterminate,x as Interaction,p as default};

package/lib/components/Checkbox/index.js

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

package/lib/components/Checkbox/styles.js

@@ -0,0 +1,3 @@
+import{Checkbox as e}from"@mui/material";import{styled as r}from"../../theme/index.js";let m=r(e)`
+  border-radius: ${({theme:e})=>e.shape.small};
+`;export{m as StyledCheckbox};

package/lib/components/CheckboxField/CheckboxField.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{FormControl as o}from"../FormControl/index.js";import{FormHelperText as t}from"../FormHelperText/index.js";import{StyledCheckbox as m,StyledFormControlledLabel as i}from"./styles.js";let l=({isSuccess:l,helperText:s,label:c,isError:n,...p})=>e(o,{children:[r(i,{control:r(m,{...p}),label:c}),s&&r(t,{error:n,success:l,children:s})]});export{l as CheckboxField};

package/lib/components/CheckboxField/CheckboxField.stories.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{CheckboxField as r}from"./CheckboxField.js";let l={title:"Components/CheckboxField",component:r},t={args:{label:"Текст"},parameters:{docs:{disable:!0}}},o=()=>e(r,{label:"Текст",helperText:"helper text"}),p=()=>e(r,{label:"Текст (default)"}),s=()=>e(r,{label:"Текст (helper text)",helperText:"helper text"}),a=()=>e(r,{label:"Текст (error)",helperText:"helper text",isError:!0}),x=()=>e(r,{label:"Текст (error, tooltip)",helperText:"helper text",isError:!0}),i=()=>e(r,{label:"Текст (success)",helperText:"helper text",isSuccess:!0});export{p as Default,a as ErrorExample,x as ErrorTooltip,o as Example,s as HelperText,t as Interaction,i as Success,l as default};

package/lib/components/CheckboxField/index.js

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

package/lib/components/CheckboxField/styles.js

@@ -0,0 +1,6 @@
+import{styled as e}from"../../theme/index.js";import{Checkbox as o}from"../Checkbox/index.js";import{FormControlLabel as r}from"../FormControlLabel/index.js";let i=e(r)`
+  align-items: center;
+`,t=e(o)`
+  margin: ${({theme:e})=>e.spacing(1)};
+  padding: ${({theme:e})=>e.spacing(1)};
+`;export{t as StyledCheckbox,i as StyledFormControlledLabel};

package/lib/components/Chevron/Chevron.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{ChevronIcon as t}from"./styles.js";let e=e=>r(t,{...e});export{e as Chevron};

package/lib/components/Chevron/Chevron.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as r,jsxs as t}from"react/jsx-runtime";import{useState as o}from"react";import{Button as n}from"../Button/index.js";import{Chevron as i}from"./Chevron.js";let m={title:"Components/Chevron",component:i},s={args:{},parameters:{docs:{disable:!0}}},a=()=>{let[m,s]=o(!1);return t(e,{children:[r(n,{onClick:()=>s(!m),children:"Toggle"}),r(i,{isActive:m})]})};export{a as Example,s as Interaction,m as default};

package/lib/components/Chevron/index.js

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

package/lib/components/Chevron/styles.js

@@ -0,0 +1,6 @@
+import{ChevronDown as t}from"lucide-react";import{styled as r}from"../../theme/index.js";let i=r(t,{shouldForwardProp:t=>"isActive"!==t})`
+  transform: rotateZ(${({isActive:t})=>180*!!t}deg);
+  width: 16px;
+  height: 16px;
+  transition: ${({theme:t})=>t.transitions.create("transform",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.short})};
+`;export{i as ChevronIcon};

package/lib/components/CircularProgress/CircularProgress.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{CircularProgress as e}from"@mui/material";import{useLogic as i}from"./useLogic/index.js";let o=o=>{let{size:s}=i({...o}),{size:t,color:a,...m}=o;return r(e,{...m,size:s,color:"inherit","data-color":a})};export{o as CircularProgress};

package/lib/components/CircularProgress/CircularProgress.stories.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as e,jsxs as a}from"react/jsx-runtime";import{CircularProgress as o}from"./CircularProgress.js";let s={args:{},parameters:{docs:{disable:!0}}},l={title:"Components/CircularProgress",component:o,parameters:{options:{showPanel:!0},controls:{expanded:!0},backgrounds:{default:"dark",values:[{name:"dark",value:"#B7C2CE"},{name:"light",value:"#EBEEF1"}]}}},t=()=>e(o,{}),i=()=>a(r,{children:[e(o,{color:"primary"}),e(o,{color:"inverted"})]}),n=()=>a(r,{children:[e(o,{size:"small"}),e(o,{size:"medium"})]});export{i as Color,t as Example,s as Interaction,n as Size,l as default};

package/lib/components/CircularProgress/constants.js

@@ -0,0 +1 @@
+var r,s,a=((r={}).PRIMARY="primary",r.INVERTED="inverted",r),o=((s={}).SMALL="small",s.MEDIUM="medium",s);export{a as CircularProgressColors,o as CircularProgressSizes};

package/lib/components/CircularProgress/index.js

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

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

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

package/lib/components/CircularProgress/useLogic/useLogic.js

@@ -0,0 +1 @@
+let e=({size:e})=>({size:"small"===e?16:24});export{e as useLogic};

package/lib/components/Collapse/Collapse.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Collapse as l}from"@mui/material";let o=o=>e(l,{...o});export{o as Collapse};

package/lib/components/Collapse/Collapse.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{House as i}from"lucide-react";import{useState as t}from"react";import{Chevron as o}from"../Chevron/index.js";import{List as n}from"../List/index.js";import{ListItem as l}from"../ListItem/index.js";import{ListItemIcon as m}from"../ListItemIcon/index.js";import{ListItemText as s}from"../ListItemText/index.js";import{Collapse as d}from"./Collapse.js";let p={title:"Components/Collapse",component:d},a={args:{children:"Content",in:!0},parameters:{docs:{disable:!0}}},c=()=>{let[p,a]=t(!0);return r(n,{children:[r(l,{onClick:()=>{a(!p)},children:[e(m,{children:e(i,{})}),e(s,{primary:"Inbox"}),e(o,{isActive:p})]}),e(d,{in:p,children:r(n,{disablePadding:!0,children:[r(l,{children:[e(m,{children:e(i,{})}),e(s,{primary:"Collapsed"})]}),r(l,{children:[e(m,{children:e(i,{})}),e(s,{primary:"Collapsed"})]})]})})]})};export{c as Example,a as Interaction,p as default};

package/lib/components/Collapse/index.js

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

package/lib/components/ConfigProvider/ConfigProvider.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useEffect as o}from"react";let a={noDataImgSrc:"",defaultErrorImgSrc:"",outdatedReleaseErrorImgSrc:"",mailImgSrc:""},t={phone:"",email:""},n="ym-hide-content",i=e({language:"ru",captureException:r=>console.error(r),imagesMap:a,techSup:t,emptySymbol:"—",hidePersonalDataClassname:n,hidePersonalData:!0}),c=({children:e,language:c="ru",captureException:m,emptySymbol:l="—",imagesMap:p=a,techSup:u=t,hidePersonalData:d=!0,hidePersonalDataClassname:g=n,components:s})=>(o(()=>{m||console.warn("ConfigProvider: Необходимо наличие captureException, связанного с сервисом мониторинга ошибок.\nНа данный момент все ошибки, отлавливаемые в ErrorBoundary будут выводиться только в консоль")},[]),r(i.Provider,{value:{language:c,captureException:m||(r=>console.error(r)),emptySymbol:l,imagesMap:p,techSup:u,hidePersonalData:d,hidePersonalDataClassname:g,components:s},children:e}));export{i as ConfigContext,c as ConfigProvider};

package/lib/components/ConfigProvider/index.js

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

package/lib/components/ConfirmAction/ConfirmAction.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as o,jsxs as i}from"react/jsx-runtime";import{Button as t}from"../Button/index.js";import{Popover as n}from"../Popover/index.js";import{DEFAULT_ANCHOR_ORIGIN as e,DEFAULT_TRANSFORM_ORIGIN as m}from"./constants.js";import{Actions as s,StyledTypography as c,Wrapper as p}from"./styles.js";import{useLogic as d}from"./useLogic/index.js";let l=l=>{let{actionComponentProps:f,popoverProps:h,cancelButtonProps:x,confirmButtonProps:a}=d(l),{text:j,confirmButtonProps:u,popoverProps:g,actionComponent:v}=l,{text:P="Подтвердить"}=u||{},{anchorOrigin:B=e,transformOrigin:O=m}=g||{};return i(r,{children:[v(f),o(n,{anchorOrigin:B,transformOrigin:O,...h,children:i(p,{children:[j&&o(c,{children:j}),i(s,{children:[o(t,{variant:"text",...x,children:"Отмена"}),o(t,{...a,children:P})]})]})})]})};export{l as ConfirmAction};

package/lib/components/ConfirmAction/ConfirmAction.stories.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Trash as o}from"lucide-react";import"react";import{IconButton as n}from"../IconButton/index.js";import{ConfirmAction as e}from"./ConfirmAction.js";let r={title:"Components/ConfirmAction",component:e},i={args:{text:"Уверены, что хотите отменить запрос на подписание?",confirmButtonProps:{text:"Да, отменить запрос"},actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),onConfirm:()=>{}},parameters:{docs:{disable:!0}}},a=()=>t(e,{actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),onConfirm:()=>alert("Delete")}),c=()=>t(e,{text:"Уверены, что хотите отменить запрос на подписание?",confirmButtonProps:{text:"Да, отменить запрос"},actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),onConfirm:()=>alert("Delete")}),m=()=>t(e,{text:"Если вы удалите черновик, то черновик с такими же данными нужно будет создать заново. Удалить черновик из списка?",confirmButtonProps:{text:"Да, удалить",isAccented:!0},actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),onConfirm:()=>alert("Delete")}),l=()=>t(e,{actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),popoverProps:{anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},onConfirm:()=>alert("Delete")});export{m as AccentedConfirmationButton,a as Example,i as Interaction,l as PopoverProps,c as WithText,r as default};

package/lib/components/ConfirmAction/constants.js

@@ -0,0 +1 @@
+let t={vertical:"bottom",horizontal:"right"},o={vertical:"top",horizontal:"right"};export{t as DEFAULT_ANCHOR_ORIGIN,o as DEFAULT_TRANSFORM_ORIGIN};

package/lib/components/ConfirmAction/index.js

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

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

@@ -10,7 +10,7 @@ export declare const StyledTypography: import("@emotion/styled").StyledComponent
     color?: import("../Typography").TypographyColor;
     variant?: import("../Typography").TypographyVariant;
     colorIntensity?: import("../Typography").Intensity;
-    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>;
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "marker" | "mask" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>;
     isUpperCase?: boolean;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const Actions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/ConfirmAction/styles.js

@@ -0,0 +1,10 @@
+import{styled as p}from"../../theme/index.js";import{Typography as i}from"../Typography/index.js";let t=p("div")`
+  max-width: 380px;
+  padding: ${({theme:p})=>p.spacing(4)};
+`,a=p(i)`
+  margin-bottom: ${({theme:p})=>p.spacing(3)};
+`,e=p("div")`
+  display: flex;
+  gap: ${({theme:p})=>p.spacing(3)};
+  justify-content: end;
+`;export{e as Actions,a as StyledTypography,t as Wrapper};

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

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

package/lib/components/ConfirmAction/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{usePopover as o}from"../../../hooks/index.js";import{ButtonColors as n,ButtonVariants as r}from"../../Button/index.js";let t=({confirmButtonProps:t,onConfirm:e})=>{let{isOpen:i,anchor:c,actions:p}=o(),{isAccented:s}=t||{},l=s?r.Light:r.Contained,m=s?n.Error:n.Primary;return{actionComponentProps:{onClick:p.open},popoverProps:{open:i,anchorEl:c,onClose:p.close},cancelButtonProps:{onClick:p.close},confirmButtonProps:{variant:l,color:m,onClick:()=>{e(),p.close()}}}};export{t as useLogic};

package/lib/components/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import{Button as e}from"../Button/index.js";import{Dialog as r}from"../Dialog/index.js";import{DialogActions as t}from"../DialogActions/index.js";import{DialogContent as n}from"../DialogContent/index.js";import{DialogContentText as m}from"../DialogContentText/index.js";import{CancelButton as l}from"./styles.js";import{useLogic as s}from"./useLogic/index.js";let c=c=>{let{isShowCancelButton:d,cancelButtonProps:x}=s(c),{open:f,title:p,description:j,actions:a,onClose:g,...h}=c,{text:D,...u}=a.confirm,{text:C,variant:y,onClick:A,...B}=a.cancel||{};return i(r,{title:p,open:f,onClose:g,...h,children:[j&&o(n,{children:o(m,{children:j})}),i(t,{children:[d&&o(l,{...B,...x,children:C}),o(e,{...u,children:D})]})]})};export{c as ConfirmDialog};

package/lib/components/ConfirmDialog/ConfirmDialog.stories.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import e from"react";import{useToggle as i}from"../../hooks/index.js";import{Button as n}from"../Button/index.js";import{ConfirmDialog as r}from"./ConfirmDialog.js";let m={title:"Components/ConfirmDialog",component:r},a={args:{open:!0,title:"Подверждение",onClose:()=>{},actions:{confirm:{text:"Да"}}},parameters:{docs:{disable:!0}}},s=()=>{let[m,a,s]=i(),[l,c]=e.useState(!1);return t("div",{children:[o(n,{variant:"contained",onClick:a,children:"ConfirmDialog"}),o(r,{open:m,title:"Подверждение",description:"Вы подтверждаете действие?",onClose:s,actions:{confirm:{text:"Да",onClick:()=>(c(!0),setTimeout(()=>{c(!1),s()},1e3)),loading:l},cancel:{text:"Нет"}}})]})};export{s as Example,a as Interaction,m as default};

package/lib/components/ConfirmDialog/index.js

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

package/lib/components/ConfirmDialog/styles.js

@@ -0,0 +1,5 @@
+import{styled as o}from"../../theme/index.js";import{Button as t}from"../Button/index.js";let e=o(t)`
+  ${({theme:o})=>o.breakpoints.down("sm")} {
+    order: 1;
+  }
+`;export{e as CancelButton};

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

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

package/lib/components/ConfirmDialog/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useViewportType as o}from"../../../hooks/index.js";let t=({actions:t,onClose:e})=>{let{isMobile:i}=o(),{cancel:l}=t,n=!!l,r=l?.onClick||e,{variant:c=i?"light":"text"}=l||{};return{isShowCancelButton:n,cancelButtonProps:{variant:c,onClick:r}}};export{t as useLogic};

package/lib/components/Container/Container.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{ContainerRoot as t}from"./styles.js";let e=e=>r(t,{...e});export{e as Container};

package/lib/components/Container/index.js

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

package/lib/components/Container/styles.js

@@ -0,0 +1,20 @@
+import{styled as e}from"../../theme/index.js";let a=e("div",{shouldForwardProp:e=>!["variant","direction","gap","width","height","justifyContent","alignItems","padding","margin","gridArea","templateAreas","templateColumns","templateRows","isPaper","elevation","borderRadius","placeItems"].includes(e.toString()),label:"Container"})`
+  display: ${({variant:e="flex",templateAreas:a,templateColumns:t,templateRows:r,placeItems:i})=>[r,t,a,i].some(Boolean)?"grid":e};
+  flex-direction: ${({direction:e="row"})=>e};
+  flex-wrap: ${({direction:e="row"})=>"row"===e?"nowrap":"wrap"};
+  gap: ${({gap:e=2,theme:a})=>a.spacing(e)};
+  width: ${({width:e})=>"number"==typeof e?`${e}px`:e};
+  height: ${({height:e})=>"number"==typeof e?`${e}px`:e};
+  justify-content: ${({justifyContent:e="flex-start"})=>e};
+  align-items: ${({alignItems:e})=>e};
+  grid-area: ${({gridArea:e})=>e};
+  grid-template-areas: ${({templateAreas:e})=>e};
+  grid-template-columns: ${({templateColumns:e})=>e};
+  grid-template-rows: ${({templateRows:e})=>e};
+  box-shadow: ${({theme:e,elevation:a=0})=>e.shadows[a]};
+  place-items: ${({placeItems:e})=>e};
+  border-radius: ${({theme:e,borderRadius:a=0})=>e.spacing(a)};
+  background-color: ${({theme:e,isPaper:a})=>a?e.palette.background.paper:"transparent"};
+  padding: ${({padding:e,theme:a})=>"number"==typeof e?a.spacing(e):e};
+  margin: ${({margin:e,theme:a})=>"number"==typeof e?a.spacing(e):e};
+`;export{a as ContainerRoot};

package/lib/components/ContentState/ContentState.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as o}from"react";import{Button as t}from"../Button/index.js";import{CircularProgress as i}from"../CircularProgress/index.js";import{ConfigContext as e}from"../ConfigProvider/index.js";import{ErrorBoundary as n}from"../ErrorBoundary/index.js";import{Placeholder as m}from"../Placeholder/index.js";import{Typography as l}from"../Typography/index.js";import{LoadingContainer as p}from"./styles.js";let d=({isLoading:d,isError:c,isCustom:f,errorState:s,customState:a,children:u,loadingContent:j=r(i,{color:"primary"})})=>{let{imagesMap:x}=o(e);if(d)return r(p,{children:j});if(f&&a)return r(m,{...a});if(c&&s){let{title:o="Произошла ошибка",imgAlt:i,imgSrc:e=x.defaultErrorImgSrc,errorList:n,onRetry:p,actions:d=r(t,{onClick:p,children:"Попробовать снова"})}=s,c=n.map(o=>r(l,{component:"p",children:o},o));return r(m,{title:o,description:c,imgAlt:i,imgSrc:e,Actions:d})}return r(n,{children:u})};export{d as ContentState};

package/lib/components/ContentState/ContentState.stories.js

@@ -0,0 +1,7 @@
+import{Fragment as r,jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i}from"react";import{styled as o}from"../../theme/index.js";import{Button as n}from"../Button/index.js";import{ConfigProvider as l}from"../ConfigProvider/index.js";import{Container as a}from"../Container/index.js";import{TextField as s}from"../TextField/index.js";import{ContentState as d}from"./ContentState.js";let m="../../illustrations/error.svg",c="../../illustrations/no-data.svg",u="../../illustrations/outdated-release.svg",g={title:"Components/ContentState",component:d},h={args:{children:e(r,{children:[t(s,{label:"Название"}),t(n,{children:"Отправить"})]})},parameters:{docs:{disable:!0}}},S=()=>{let[r,t]=i(!1),[e,o]=i(""),[n,l]=i(!1);return{isLoading:r,error:e,fetch:()=>{o(""),t(!0),l(!1),setTimeout(()=>{t(!1),l(!0)},1e3)},fetchWithError:()=>{t(!0),l(!1),setTimeout(()=>{t(!1),o("Сервис недоступен")},1e3)},isSuccess:n}},p=o(a)`
+  overflow: hidden;
+  place-content: center center;
+
+  width: 384px;
+  height: 384px;
+`,f=({onSubmit:r,children:i})=>e(a,{children:[t(s,{label:"Название"}),t(n,{onClick:r,children:"Отправить"}),i]}),C=()=>{let{fetch:r,fetchWithError:e,isLoading:i,error:o}=S();return t(p,{children:t(d,{isError:!!o,isLoading:i,errorState:{imgSrc:m,imgAlt:"Ошибка",onRetry:r,errorList:[o]},children:t(f,{onSubmit:r,children:t(n,{onClick:e,children:"Отправить с ошибкой"})})})})},x=()=>{let{fetch:r,isLoading:e}=S();return t(p,{children:t(d,{isLoading:e,children:t(f,{onSubmit:r})})})},E=()=>{let{fetch:r,isLoading:e}=S();return t(p,{children:t(d,{isLoading:e,loadingContent:"Пожалуйста, подождите...",children:t(f,{onSubmit:r})})})},L=()=>{let{fetchWithError:r,isLoading:e,error:i}=S();return t(p,{children:t(l,{imagesMap:{defaultErrorImgSrc:m,noDataImgSrc:c,outdatedReleaseErrorImgSrc:u},children:t(d,{isLoading:e,isError:!!i,errorState:{imgAlt:"Ошибка",onRetry:r,errorList:[i]},children:t(f,{onSubmit:r})})})})},b=()=>{let{fetchWithError:r,isLoading:e,error:i}=S();return t(p,{children:t(l,{imagesMap:{defaultErrorImgSrc:m,noDataImgSrc:c,outdatedReleaseErrorImgSrc:u},children:t(d,{isLoading:e,isError:!!i,errorState:{imgSrc:"../../illustrations/technical-support.svg",imgAlt:"Ошибка",onRetry:r,errorList:[i]},children:t(f,{onSubmit:r})})})})},I=()=>{let{fetch:r,isLoading:e,isSuccess:i}=S();return t(p,{children:t(d,{isLoading:e,isCustom:i,customState:{imgSrc:"../../illustrations/certificates-not-found.svg",imgAlt:"Ваша заявка принята",title:"Ваша заявка принята",description:"Мы свяжемся с вами позже"},children:t(f,{onSubmit:r})})})};export{I as CustomState,L as ErrorState,b as ErrorStateWithCustomImg,C as Example,h as Interaction,x as IsLoading,E as LoadingContent,g as default};

package/lib/components/ContentState/index.js

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

package/lib/components/ContentState/styles.js

@@ -0,0 +1,9 @@
+import{styled as e}from"../../theme/index.js";let t=e("div")`
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+`;export{t as LoadingContainer};

package/lib/components/CopyTypography/CopyTypography.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{Tooltip as t}from"../Tooltip/index.js";import{StyledCopyIcon as r,Wrapper as i}from"./styles.js";import{useLogic as n}from"./useLogic/index.js";let l=l=>{let{children:m,copyPosition:p="right",copyText:c,isShowCopyText:s,color:a,...d}=l,y=()=>o(r,{$copyPosition:p,color:a}),{handleMouseLeave:f,handleClick:h,tooltipTitle:j,isIconOnLeft:u}=n(l);return o(t,{title:j,disableInteractive:!0,placement:"bottom",children:e(i,{onMouseLeave:f,onClick:h,component:"div",color:a,...d,children:[u&&y(),m,!u&&y()]})})};export{l as CopyTypography};

package/lib/components/CopyTypography/CopyTypography.stories.js

@@ -0,0 +1,7 @@
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import"react";import{styled as i}from"../../theme/index.js";import{OverflowTypography as r}from"../OverflowTypography/index.js";import{Typography as p}from"../Typography/index.js";import{CopyTypography as t}from"./CopyTypography.js";let n={title:"Components/CopyTypography",component:t},c={args:{children:o(p,{children:"Швецова М. Д."}),copyText:"Швецова М. Д."},parameters:{docs:{disable:!0}}},l=i("div")`
+  display: flex;
+  flex-direction: column;
+  gap: ${({theme:o})=>o.spacing(4)};
+`,d=i("div")`
+  width: 150px;
+`,y=()=>o(t,{children:"Швецова М. Д."}),h=()=>e(l,{children:[o(t,{children:"Швецова М. Д."}),o(t,{copyPosition:"left",children:"Швецова М. Д."})]}),s=()=>e(l,{children:[o(t,{copyText:"Швецова Мария Дмитриевна",children:"Швецова М. Д."}),o(t,{copyText:"Швецова М. Д.",children:o(p,{children:"Швецова М. Д."})})]}),a=()=>o(d,{children:o(t,{copyText:"Швецова Мария Дмитриевна",isShowCopyText:!0,children:o(r,{tooltipProps:{title:void 0},children:"Швецова Мария Дмитриевна"})})});export{h as CopyPosition,s as CopyText,y as Example,c as Interaction,a as IsShowCopyText,n as default};

package/lib/components/CopyTypography/enums.js

@@ -0,0 +1 @@
+var o,a=((o={}).Copied="Скопировано",o.Error="Ошибка копирования",o.CanCopy="Скопировать",o);export{a as CopyStatus};

package/lib/components/CopyTypography/index.js

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

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

@@ -9,7 +9,7 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     color?: import("../Typography").TypographyColor;
     variant?: import("../Typography").TypographyVariant;
     colorIntensity?: import("../Typography").Intensity;
-    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>;
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "marker" | "mask" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>;
     isUpperCase?: boolean;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledCopyIcon: import("@emotion/styled").StyledComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {

package/lib/components/CopyTypography/styles.js

@@ -0,0 +1,18 @@
+import{Copy as r}from"lucide-react";import{styled as i}from"../../theme/index.js";import{Typography as e}from"../Typography/index.js";let t=i(e)`
+  cursor: pointer;
+
+  display: flex;
+  align-items: center;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`,o=i(r,{shouldForwardProp:r=>!["$copyPosition"].includes(r.toString())})`
+  margin-right: ${({$copyPosition:r,theme:i})=>"left"===r?i.spacing(1):""};
+  margin-left: ${({$copyPosition:r,theme:i})=>"right"===r?i.spacing(1):""};
+
+  width: 16px;
+  height: 16px;
+
+  fill: ${({color:r})=>r};
+`;export{o as StyledCopyIcon,t as Wrapper};

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

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

package/lib/components/CopyTypography/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useState as t}from"react";import{CopyStatus as e}from"../enums.js";let o=({children:o,copyText:r,isShowCopyText:i,copyPosition:a})=>{let[n,p]=t(e.CanCopy);return{handleMouseLeave:()=>{n!==e.CanCopy&&setTimeout(()=>{p(e.CanCopy)},100)},handleClick:t=>{t.stopPropagation(),navigator.clipboard.writeText(r||("string"==typeof o?o:"")).then(()=>p(e.Copied)).catch(()=>p(e.Error))},tooltipTitle:i?`${n}: ${r}`:n,isIconOnLeft:"left"===a}};export{o as useLogic};

package/lib/components/DashboardLayout/DashboardContext.js

@@ -0,0 +1 @@
+import{createContext as o}from"react";let e=o({collapsed:!1,toggleCollapsed:()=>{}});export{e as DashboardContext};

package/lib/components/DashboardLayout/DashboardLayout.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as o}from"react";import{useLocalStorage as e}from"react-use";import{LOCAL_STORAGE_KEY as t}from"./constants.js";import{DashboardContext as a}from"./DashboardContext.js";import{Main as i}from"./Main/index.js";import{Sidebar as m}from"./Sidebar/index.js";import{LayoutContainer as s}from"./styles.js";let d=({children:o,className:i})=>{let[m,d]=e(t,!1);return r(a.Provider,{value:{collapsed:m,toggleCollapsed:()=>d(!m)},children:r(s,{className:i,children:o})})};d.Sidebar=m,d.Main=i;let l=()=>o(a);export{d as DashboardLayout,l as useDashboard};

package/lib/components/DashboardLayout/DashboardLayout.stories.js

@@ -0,0 +1,4 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Boxes as o,Building2 as i,Settings as r,User as n}from"lucide-react";import{styled as a}from"../../theme/index.js";import{Button as l}from"../Button/index.js";import{Container as d}from"../Container/index.js";import{PageLayout as m}from"../PageLayout/index.js";import{Profile as s}from"../Profile/Profile.js";import{SidebarNav as c}from"../SidebarNav/index.js";import{SidebarProduct as u}from"../SidebarProduct/index.js";import{DashboardLayout as p,useDashboard as h}from"./DashboardLayout.js";let f={title:"Components/DashboardLayout",component:p,parameters:{layout:"fullscreen"},tags:["autodocs"]},g=a("div")`
+  width: 100%;
+  height: 100svh;
+`,b=()=>{let{toggleCollapsed:t}=h();return e(l,{onClick:t,children:"Toggle"})},j=()=>{let{collapsed:t}=h(),o=[{icon:e(n,{}),title:"Мой профиль",onClick:()=>console.log("Мой профиль")},{icon:e(i,{}),title:"Мои организации"},{icon:e(r,{}),title:"Настройки"}];return e(s,{annotation:"vitatiy_grig@mail.ru",displayName:"Григорьев Виталий",collapsed:t,menuList:o})},x=()=>{let{collapsed:t}=h();return e(c,{collapsed:t,items:[{id:"documents",label:"Документы",icon:e(n,{}),subItems:[{id:"incoming-documents",label:"Входящие документы",active:!0},{id:"outgoing-documents",label:"Исходящие документы",active:!1}]},{id:"organizations",label:"Мои организации",icon:e(i,{})}]})},y=()=>e(g,{children:t(p,{children:[e(p.Sidebar,{header:e(u,{name:"My App",logo:()=>e(o,{})}),content:e(x,{},1),footer:e(j,{})}),e(p.Main,{children:e(d,{height:"100%",justifyContent:"center",alignItems:"center",children:t(m,{children:[e(m.Header,{title:"Dashboard"}),e(m.Content,{children:e(b,{})})]})})})]})});export{y as Example,f as default};

package/lib/components/DashboardLayout/Main/Main.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{MainRoot as e}from"./styles.js";let t=({children:t,className:m})=>r(e,{className:m,children:t});export{t as Main};

package/lib/components/DashboardLayout/Main/index.js

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

package/lib/components/DashboardLayout/Main/styles.js

@@ -0,0 +1,7 @@
+import{styled as i}from"../../../theme/index.js";let e=i("main")`
+  grid-area: main;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: ${({theme:i})=>i.spacing(2,2,2,0)};
+`;export{e as MainRoot};

package/lib/components/DashboardLayout/Sidebar/Sidebar.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{useDashboard as e}from"../DashboardLayout.js";import{SIDEBAR_WIDTH as o,SIDEBAR_WIDTH_COLLAPSED as i}from"./constants.js";import{SidebarContainer as s,SidebarContent as m,SidebarFooter as a,SidebarHeader as l}from"./styles.js";let n=({width:n=o,collapsedWidth:c=i,header:d,footer:h,content:p,className:f})=>{let{collapsed:j}=e();return t(s,{className:f,width:j?c:n,children:[d&&r(l,{children:d}),r(m,{children:p}),h&&r(a,{children:h})]})};export{n as Sidebar};

package/lib/components/DashboardLayout/Sidebar/constants.js

@@ -0,0 +1 @@
+let D="16rem",I="54px";export{D as SIDEBAR_WIDTH,I as SIDEBAR_WIDTH_COLLAPSED};