@max-ts/components 1.6.5 → 1.8.0

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

@@ -13,7 +13,7 @@ export declare const StyledTypography: import("@emotion/styled").StyledComponent
     color?: import("../index.ts").TypographyColor;
     variant?: import("../index.ts").TypographyVariant;
     colorIntensity?: import("../index.ts").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> & OverflowTypographyWrapperProps, {}, {}>;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
@@ -27,7 +27,7 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     color?: import("../index.ts").TypographyColor;
     variant?: import("../index.ts").TypographyVariant;
     colorIntensity?: import("../index.ts").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> & {
     $align: string;

package/lib/components/OverflowTypography/styles.js

@@ -0,0 +1,20 @@
+import{Typography as e}from"../index.js";import{styled as i}from"../../theme/index.js";let t=i(e,{shouldForwardProp:e=>"rowsCount"!==e&&"hasMultipleRows"!==e})`
+  /* stylelint-disable-next-line */
+  overflow: hidden;
+  /* stylelint-disable-next-line */
+  display: ${({hasMultipleRows:e})=>e?"-webkit-box":""};
+
+  max-width: 100%;
+
+  text-overflow: ellipsis;
+  white-space: ${({hasMultipleRows:e})=>e?"initial":"nowrap"};
+  -webkit-box-orient: ${({hasMultipleRows:e})=>e?"vertical":""};
+  -webkit-line-clamp: ${({rowsCount:e})=>e};
+`,l=i(e,{shouldForwardProp:e=>!["$align"].includes(e.toString())})`
+  display: flex;
+  justify-content: ${({$align:e})=>e};
+
+  width: 100%;
+
+  white-space: nowrap;
+`;export{t as StyledTypography,l as Wrapper};

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

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

package/lib/components/OverflowTypography/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useOverflowed as e}from"../hooks/index.js";import{truncateString as r}from"../utils/index.js";let t=({children:t,visibleLastSymbolsCount:i,ref:o})=>{let{ref:s,isOverflowed:n}=e(o),l=t&&"string"==typeof t,{firstPartLabel:a,secondPartLabel:f}=l&&n&&i?r(i,t):{firstPartLabel:"",secondPartLabel:""};return{isTruncatedStringVisible:l&&n&&!!i,isOverflowed:n,ref:s,firstPartLabel:a,secondPartLabel:f}};export{t as useLogic};

package/lib/components/OverflowTypography/utils/index.js

@@ -0,0 +1 @@
+import{truncateString as t}from"./truncateString/index.js";export{t as truncateString};

package/lib/components/OverflowTypography/utils/truncateString/index.js

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

package/lib/components/OverflowTypography/utils/truncateString/truncateString.js

@@ -0,0 +1 @@
+let e=(e,t)=>({firstPartLabel:t.slice(0,-e),secondPartLabel:t.slice(-e)});export{e as truncateString};

package/lib/components/PageLayout/Aside/Aside.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{clsx as s}from"clsx";import{PAGE_ASIDE_CLASSNAME as t}from"../constants.js";import{Wrapper as m}from"./styles.js";let o=({children:o,className:e})=>r(m,{className:s(e,t),children:o});export{o as Aside};

package/lib/components/PageLayout/Aside/index.js

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

package/lib/components/PageLayout/Aside/styles.js

@@ -0,0 +1,10 @@
+import{styled as e}from"../../../theme/index.js";let r=e("aside")`
+  grid-area: aside;
+  scrollbar-gutter: stable;
+  overflow: auto;
+
+  width: 320px;
+  padding: ${({theme:e})=>e.spacing(4)};
+  border-left: 1px solid ${({theme:e})=>e.palette.grey[200]};
+
+`;export{r as Wrapper};

package/lib/components/PageLayout/Content/Content.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{clsx as r}from"clsx";import{PAGE_CONTENT_CLASSNAME as e}from"../constants.js";import{Wrapper as o}from"./styles.js";let s=s=>{let{className:m,children:i,isFullHeight:l=!0}=s;return t(o,{className:r(m,e),$isFullHeight:l,children:i})};export{s as Content};

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

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

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

@@ -0,0 +1,8 @@
+import{styled as o}from"../../../theme/index.js";let e=o("article",{shouldForwardProp:o=>!["$isFullHeight","$isFocusedMode"].includes(o.toString())})`
+  grid-area: content;
+  scroll-behavior: smooth;
+  scrollbar-gutter: stable;
+  overflow: auto;
+  height: ${({$isFullHeight:o})=>o?"100%":"auto"};
+  padding: ${({theme:o})=>o.spacing(4)};
+`;export{e as Wrapper};

package/lib/components/PageLayout/Footer/Footer.js

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

package/lib/components/PageLayout/Footer/index.js

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

package/lib/components/PageLayout/Footer/styles.js

@@ -0,0 +1,15 @@
+import{styled as e}from"../../../theme/index.js";let i=e("footer")`
+  grid-area: footer;
+  z-index: ${({theme:e})=>e.zIndex.speedDial};
+
+  display: flex;
+  gap: ${({theme:e})=>e.spacing(4)};
+  align-items: center;
+  justify-content: flex-end;
+  height: 64px;
+  padding: ${({theme:e})=>e.spacing(4)};
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    display: none;
+  }
+`;export{i as Wrapper};

package/lib/components/PageLayout/Header/Header.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{clsx as t}from"clsx";import{useEffect as i}from"react";import{IconButton as l,Tooltip as n,useDashboard as o}from"../../index.js";import{ChevronLeft as a,PanelLeftClose as c,PanelLeftOpen as m}from"../../../icons/index.js";import{PAGE_HEADER_CLASSNAME as s}from"../constants.js";import{ActionsContainer as d,BreadcrumbsContainer as h,ButtonsContainer as p,Subtitle as f,SubtitleContainer as v,Title as x,TitleContainer as j,Wrapper as y}from"./styles.js";let g=g=>{let{title:u,subtitle:b,breadcrumbs:N,actions:k,backButton:C,className:H}=g,{collapsed:q,toggleCollapsed:w}=o();return i(()=>{"string"==typeof u&&(document.title=u)},[u]),r(y,{className:t(H,s),children:[r(p,{children:[e(n,{title:q?"Развернуть":"Свернуть",children:e(l,{variant:"text",onClick:w,children:q?e(m,{}):e(c,{})})}),C&&e(n,{title:"Назад",children:e(l,{...C,variant:"text",children:e(a,{})})})]}),N&&e(h,{className:"breadcrumbs",children:N}),e(d,{children:k}),"string"==typeof u?e(x,{component:"h1",variant:"h3","aria-level":1,children:u}):e(j,{"aria-level":1,children:u}),b&&"string"==typeof b&&e(f,{"aria-level":2,children:b}),b&&"string"!=typeof b&&e(v,{"aria-level":2,children:b})]})};export{g as Header};

package/lib/components/PageLayout/Header/index.js

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

package/lib/components/PageLayout/Header/styles.d.ts

@@ -343,7 +343,7 @@ export declare const Title: import("@emotion/styled").StyledComponent<import("..
     color?: import("../../index.ts").TypographyColor;
     variant?: import("../../index.ts").TypographyVariant;
     colorIntensity?: import("../../index.ts").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> & {
     children?: import("react").ReactNode | undefined;
@@ -690,7 +690,7 @@ export declare const Subtitle: import("@emotion/styled").StyledComponent<import(
     color?: import("../../index.ts").TypographyColor;
     variant?: import("../../index.ts").TypographyVariant;
     colorIntensity?: import("../../index.ts").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> & {
     children?: import("react").ReactNode | undefined;

package/lib/components/PageLayout/Header/styles.js

@@ -0,0 +1,44 @@
+import{OverflowTypography as t}from"../../index.js";import{styled as e}from"../../../theme/index.js";let i=e("div")`
+  grid-area: breadcrumbs;
+  display: flex;
+  align-items: center;
+  column-gap: ${({theme:t})=>t.spacing(2)};
+`,a=e("header")`
+  grid-area: header;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: repeat(3, auto);
+  align-items: center;
+  grid-template-areas: 'buttons title actions' 'subtitle subtitle subtitle' '. . .';
+  padding: ${({theme:t})=>t.spacing(4)};
+  gap: ${({theme:t})=>t.spacing(2)};
+  padding-bottom: 0;
+  &:has(.breadcrumbs) {
+    grid-template-areas:  'buttons breadcrumbs actions' 'title title title' 'subtitle subtitle subtitle';
+  }
+`,r=e("div")`
+  grid-area: buttons;
+  display: flex;
+  align-items: center;
+  column-gap: ${({theme:t})=>t.spacing(1)};
+`,n=e("div")`
+  grid-area: actions;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  column-gap: ${({theme:t})=>t.spacing(2)};
+`,l=e(t)`
+  grid-area: title;
+`,s=e("div")`
+  grid-area: title;
+  display: flex;
+  align-items: center;
+  column-gap: ${({theme:t})=>t.spacing(2)};
+`,d=e(t)`
+  grid-area: subtitle;
+`,g=e("div")`
+  grid-area: subtitle;
+  display: flex;
+  align-items: center;
+  column-gap: ${({theme:t})=>t.spacing(2)};
+`;export{n as ActionsContainer,i as BreadcrumbsContainer,r as ButtonsContainer,d as Subtitle,g as SubtitleContainer,l as Title,s as TitleContainer,a as Wrapper};

package/lib/components/PageLayout/PageLayout.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Aside as o}from"./Aside/index.js";import{Content as r}from"./Content/index.js";import{Footer as t}from"./Footer/index.js";import{Header as i}from"./Header/index.js";import{Wrapper as m}from"./styles.js";let s=({children:o,className:r})=>e(m,{className:r,children:o});s.Header=i,s.Content=r,s.Footer=t,s.Aside=o;export{s as PageLayout};

package/lib/components/PageLayout/PageLayout.stories.js

@@ -0,0 +1,4 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Breadcrumbs as t,Stack as l}from"@mui/material";import{Building2 as r,Eye as n,FileText as o,LogOut as d,Plus as a,Search as c,Send as m,Settings as s,User as h}from"lucide-react";import{useState as u}from"react";import{styled as p}from"../../theme/index.js";import{ActionGroup as f}from"../ActionGroup/index.js";import{Container as x}from"../Container/index.js";import{DashboardLayout as b,useDashboard as g}from"../DashboardLayout/index.js";import{DataGrid as D}from"../DataGrid/index.js";import{DataGridActionCell as C}from"../DataGridActionCell/index.js";import{DataGridPagination as w}from"../DataGridPagination/index.js";import{Divider as j}from"../Divider/index.js";import{List as T}from"../List/index.js";import{ListItemButton as N}from"../ListItemButton/index.js";import{ListItemIcon as Z}from"../ListItemIcon/index.js";import{ListItemText as I}from"../ListItemText/index.js";import{Menu as v}from"../Menu/index.js";import{MenuItem as y}from"../MenuItem/index.js";import{Profile as W}from"../Profile/index.js";import{Select as H}from"../Select/index.js";import{SidebarNav as k}from"../SidebarNav/index.js";import{SidebarProduct as P}from"../SidebarProduct/index.js";import{TextField as L}from"../TextField/index.js";import{Typography as V}from"../Typography/index.js";import{PageLayout as A}from"./PageLayout.js";let z={name:"UI",logo:()=>i("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("title",{children:"Logo"}),e("path",{d:"M6.5 6.10352e-05C5.1195 6.10352e-05 4 1.11956 4 2.50006V3.00006H13.75C15.545 3.00006 17 4.45506 17 6.25006V11.2501C17 12.2166 16.2165 13.0001 15.25 13.0001H8.75C7.7835 13.0001 7 12.2166 7 11.2501V8.00006H5C4.4475 8.00006 4 8.44756 4 9.00006V13.5001C4 14.8806 5.1195 16.0001 6.5 16.0001H17.5C18.8805 16.0001 20 14.8806 20 13.5001V2.50006C20 1.11956 18.8805 6.10352e-05 17.5 6.10352e-05H6.5Z",fill:"#8566FF"}),e("path",{d:"M2.5 4.00006C1.1195 4.00006 0 5.11956 0 6.50006V17.5001C0 18.8806 1.1195 20.0001 2.5 20.0001H13.5C14.8805 20.0001 16 18.8806 16 17.5001V17.0001H6.25C4.455 17.0001 3 15.5451 3 13.7501V8.75006C3 7.78356 3.7835 7.00006 4.75 7.00006H11.25C12.2165 7.00006 13 7.78356 13 8.75006V12.0001H15C15.5525 12.0001 16 11.5526 16 11.0001V6.50006C16 5.11956 14.8805 4.00006 13.5 4.00006H2.5Z",fill:"#5D3FD4"})]})},F={displayName:"Григорьев Виталий",annotation:"vitatiy_grig@mail.ru",avatar:{alt:"Григорьев Виталий",children:"ГВ"},menu:t=>i(v,{...t,children:[i(y,{children:[e(Z,{children:e(h,{})}),e(I,{children:"Мой профиль"})]}),i(y,{children:[e(Z,{children:e(r,{})}),e(I,{children:"Мои организации"})]}),i(y,{children:[e(Z,{children:e(s,{})}),e(I,{children:"Настройки"})]}),e(j,{}),i(y,{children:[e(Z,{children:e(d,{})}),e(I,{children:"Выйти"})]})]})},S=()=>{let{collapsed:i}=g();return e(W,{...F,collapsed:i})},M=p("div")`
+  width: 100%;
+  height: 100%;
+`,R={title:"Components/PageLayout",component:A,decorators:[(t,l)=>e(M,{children:i(b,{children:[e(b.Sidebar,{header:e(P,{...z}),footer:e(S,{}),content:e(k,{items:[{id:"documents",icon:e(o,{}),label:"Документы",subItems:[{id:"incoming-documents",label:"Входящие документы",active:!0},{id:"outgoing-documents",label:"Исходящие документы"}]},{id:"counterparties",icon:e(h,{}),label:"Контрагенты",subItems:[{id:"invitations",label:"Приглашения"}]},{id:"organizations",icon:e(r,{}),label:"Мои организации"}]})}),e(b.Main,{children:e(t,{...l})})]})})],parameters:{layout:"fullscreen"}},B=[{id:"1",documentName:"Документ 1",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"2",documentName:"Документ 2",direction:"ФСС",createDate:"2022-03-24T17:50:40.206Z"},{id:"3",documentName:"Документ 3",direction:"ПФР",createDate:"2022-03-24T17:50:40.206Z"},{id:"4",documentName:"Документ 4",direction:"РПН",createDate:"2022-03-24T17:50:40.206Z"},{id:"5",documentName:"Документ 5",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"6",documentName:"Документ 6",direction:"РПН",createDate:"2022-03-24T17:50:40.206Z"},{id:"7",documentName:"Документ 7",direction:"ПФР",createDate:"2022-03-24T17:50:40.206Z"},{id:"8",documentName:"Документ 8",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"9",documentName:"Документ 9",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"10",documentName:"Документ 10",direction:"ФСС",createDate:"2022-03-24T17:50:40.206Z"},{id:"11",documentName:"Документ 11",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"12",documentName:"Документ 12",direction:"РПН",createDate:"2022-03-24T17:50:40.206Z"},{id:"13",documentName:"Документ 13",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"15",documentName:"Документ 14",direction:"ФСС",createDate:"2022-03-24T17:50:40.206Z"},{id:"14",documentName:"Документ 15",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"16",documentName:"Документ 12",direction:"РПН",createDate:"2022-03-24T17:50:40.206Z"}],G={main:[{icon:e(n,{}),name:"Просмотреть",onClick:()=>console.log("main"),isBlockingOperation:!0},{icon:e(m,{}),nested:!0,name:"Отправить",actions:[{name:"Туда",onClick:()=>console.log("nested 1")},{name:"Сюда",onClick:()=>console.log("nested 2")}]}],secondary:[{name:"Редактировать",onClick:()=>console.log("secondary 1")},{name:"Удалить",onClick:()=>console.log("secondary 2")}]},_=[{field:"documentName",label:"Наименование документа",sortable:!0},{field:"direction",label:"Направление",sortable:!0},{field:"createDate",label:"Дата создания",sortable:!0,format:({createDate:e})=>new Date(e).toLocaleDateString()},{field:"actions",label:"Действия",sortable:!1,align:"center",width:"120px",renderCell:i=>e(C,{actions:G,row:i})}],E=()=>i(A,{children:[e(A.Header,{title:"Черновики",backButton:{onClick:()=>console.log("back button click")},breadcrumbs:i(t,{children:[e(V,{children:"Первый текст"},"1"),",",e(V,{children:"Текст с разделителем"},"2"),",",e(V,{children:"Текст с разделителем"},"3"),","]}),actions:e(f,{main:[{text:"Основное действие",startIcon:e(a,{})}],secondary:[{text:"Кнопка"}]}),subtitle:i(l,{flexDirection:"row",flexWrap:"wrap",gap:2,children:[e(L,{placeholder:"Поиск на странице...",size:"small",InputProps:{startAdornment:e(c,{})}}),e(H,{value:"",placeholder:"Выберите вариант",size:"small"}),e(H,{value:"",placeholder:"Выберите вариант",size:"small"})]})}),e(A.Content,{children:e(l,{children:i(x,{direction:"column",children:[e(V,{variant:"h4",children:"Налоговый расчет по авансовому платежу по налогу на имущество организаций"}),i(l,{flexDirection:"row",gap:4,pt:8,children:[e(L,{label:"Номер корректировки",fullWidth:!0}),e(L,{label:"Период (код)",fullWidth:!0})]}),i(l,{flexDirection:"row",gap:4,children:[e(L,{label:"Код налогового органа",fullWidth:!0}),e(L,{label:"Код места, по которому представляется документ",fullWidth:!0})]}),i(l,{flexDirection:"row",gap:4,children:[e(L,{label:"Наименование организации",fullWidth:!0}),e(L,{label:"Контактный телефон",fullWidth:!0})]})]})})}),i(A.Aside,{children:[e(L,{placeholder:"Поиск по отчету",fullWidth:!0,InputProps:{startAdornment:e(c,{})}}),i(T,{children:[e(N,{selected:!0,children:"Титульный лист"}),e(N,{children:"Раздел 1"}),e(N,{children:"Раздел 2"}),e(N,{children:"Раздел 3"}),e(N,{children:"Раздел 4"}),e(N,{children:"Раздел 5"})]})]})]}),O=()=>{let[l,r]=u([]),[n,o]=u(!1),[d,m]=u(B.slice(0,10)),[s,h]=u(1);return i(A,{children:[e(A.Header,{title:"Черновики",breadcrumbs:i(t,{children:[e(V,{children:"Первый текст"},"1"),",",e(V,{children:"Текст с разделителем"},"2"),",",e(V,{children:"Текст с разделителем"},"3"),","]}),actions:e(f,{main:[{text:"Сохранить в документ",startIcon:e(a,{})},{text:"Скачать"}]}),subtitle:i(x,{templateColumns:"240px repeat(2, 192px)",gap:2,children:[e(L,{placeholder:"Поиск на странице...",size:"small",fullWidth:!0,InputProps:{startAdornment:e(c,{})}}),e(H,{value:"",placeholder:"Выберите вариант",size:"small"}),e(H,{value:"",placeholder:"Выберите вариант",size:"small"})]})}),e(A.Content,{children:e(D,{keyId:"id",rows:d,columns:_,selectedRows:l,onSelectRow:e=>r(e),onRowClick:e=>console.log("row clicked",e),minDisplayRows:10,isLoading:n,onRetry:()=>{},footer:e(w,{rowsPerPage:10,totalCount:B.length,onChange:(e,i)=>{o(!0),h(i),setTimeout(()=>{o(!1),m(B.slice((i-1)*10,10*i))},1500)},page:s})})})]})},U=()=>i(A,{children:[e(A.Header,{title:"Черновики",breadcrumbs:[e(V,{children:"Первый текст"},"1"),e(V,{children:"Текст с разделителем"},"2"),e(V,{children:"Текст с разделителем"},"3")],actions:e(f,{main:[{text:"Сохранить в документ",startIcon:e(a,{})},{text:"Скачать"}]})}),e(A.Content,{isFullHeight:!1,children:e(l,{children:i(x,{direction:"column",children:[e(V,{variant:"h4",children:"Налоговый расчет по авансовому платежу по налогу на имущество организаций"}),i(l,{flexDirection:"row",gap:4,pt:8,children:[e(L,{label:"Номер корректировки",fullWidth:!0}),e(L,{label:"Период (код)",fullWidth:!0})]}),i(l,{flexDirection:"row",gap:4,children:[e(L,{label:"Код налогового органа",fullWidth:!0}),e(L,{label:"Код места, по которому представляется документ",fullWidth:!0})]}),i(l,{flexDirection:"row",gap:4,children:[e(L,{label:"Наименование организации",fullWidth:!0}),e(L,{label:"Контактный телефон",fullWidth:!0})]})]})})}),i(A.Aside,{children:[e(L,{placeholder:"Поиск по отчету",fullWidth:!0,InputProps:{startAdornment:e(c,{})}}),i(T,{children:[e(N,{selected:!0,children:"Титульный лист"}),e(N,{children:"Раздел 1"}),e(N,{children:"Раздел 2"}),e(N,{children:"Раздел 3"}),e(N,{children:"Раздел 4"}),e(N,{children:"Раздел 5"})]})]}),e(A.Footer,{children:e(f,{main:[{text:"Сохранить в документ",startIcon:e(a,{})},{text:"Скачать"}]})})]});export{E as Example,U as Footer,O as Table,R as default};

package/lib/components/PageLayout/constants.js

@@ -0,0 +1 @@
+let A="page-content__wrapper",E="page-content",_="page_header_actions",e="page_header",S="page_aside";export{S as PAGE_ASIDE_CLASSNAME,E as PAGE_CONTENT_CLASSNAME,A as PAGE_CONTENT_WRAPPER_CLASSNAME,_ as PAGE_HEADER_ACTIONS_CLASSNAME,e as PAGE_HEADER_CLASSNAME};

package/lib/components/PageLayout/index.js

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

package/lib/components/PageLayout/styles.js

@@ -0,0 +1,32 @@
+import{styled as e}from"../../theme/index.js";import{PAGE_ASIDE_CLASSNAME as o,PAGE_HEADER_CLASSNAME as t}from"./constants.js";let r=e("div")`
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto 1fr auto;
+  border: 1px solid ${({theme:e})=>e.palette.grey[200]};
+  border-radius: ${({theme:e})=>e.shape.large};
+  background-color: ${({theme:e})=>e.palette.background.paper};
+  grid-template-areas: 'header header' 'content aside' 'footer aside';
+  flex-grow: 1;
+
+  height: 100%;
+  min-height: 0;
+
+  &:has(.${o}) {
+    .${t} {
+      border-bottom: 1px solid ${({theme:e})=>e.palette.grey[200]};
+      padding-bottom: ${({theme:e})=>e.spacing(4)};
+    }
+  }
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    scroll-behavior: smooth;
+
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+
+    margin-bottom: 0;
+    padding-top: 0;
+    padding-bottom: '80px';
+  }
+`;export{r as Wrapper};

package/lib/components/Pagination/Pagination.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{Pagination as i}from"@mui/material";let r=({...r})=>a(i,{color:"primary",size:"small",shape:"rounded",...r});export{r as Pagination};

package/lib/components/Pagination/Pagination.stories.js

@@ -0,0 +1 @@
+import{Fragment as n,jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import{Container as a}from"../Container/index.js";import{Typography as r}from"../Typography/index.js";import{Pagination as i}from"./Pagination.js";let l={title:"Components/Pagination",component:i},m={args:{count:10},parameters:{docs:{disable:!0}}},p=()=>t(n,{children:t(i,{count:10})}),c=()=>o(a,{gap:3,children:[t(i,{count:10,defaultPage:6,siblingCount:0}),t(i,{count:10,defaultPage:6})]}),g=()=>{let[n,l]=e(1);return o(a,{gap:3,children:[o(r,{children:["Страница: ",n]}),t(i,{count:10,page:n,onChange:(n,t)=>{l(t)}})]})};export{g as Controlled,p as Example,m as Interaction,c as PaginationRanges,l as default};

package/lib/components/Pagination/index.js

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

package/lib/components/Paper/Paper.js

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

package/lib/components/Paper/index.js

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

package/lib/components/PeriodPicker/PeriodPicker.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as t,jsxs as r}from"react/jsx-runtime";import{Calendar1 as l}from"lucide-react";import{useEffect as n,useState as o}from"react";import{Button as i}from"../Button/index.js";import{IconButton as a}from"../IconButton/index.js";import{Popover as m}from"../Popover/index.js";import{TextField as d}from"../TextField/index.js";import{MONTHS as c,QUARTERS as s}from"./constants.js";import{MonthsWrapper as h,QuartersWrapper as u,Wrapper as p}from"./styles.js";import{getQuarter as g,getQuarterLabel as f}from"./utils.js";import{YearsDropdown as x}from"./YearsDropdown/index.js";let D=D=>{let{label:j,disabled:v=!1,value:F,onSelect:Y,type:b="month",placeholder:w="month"===b?"Выберите месяц":"Выберите квартал",error:z,helperText:k,max:C=new Date(2050,0,1),min:y=new Date(2e3,0,1),className:P,size:T,fullWidth:B,name:M}=D,O=new Date,[S,A]=o(null),[E,I]=o(O.getFullYear()),L=()=>{A(null)},N=e=>{Y?.(e),L()},R="month"===b?F?.toLocaleDateString("ru-RU",{month:"long",year:"numeric"}):f(F);return n(()=>{F&&I(F.getFullYear())},[F]),r(e,{children:[t(d,{label:j,value:R,disabled:v,size:T,fullWidth:B,name:M,endAdornment:t(a,{disabled:v,variant:"text",onClick:e=>{A(e.currentTarget)},children:t(l,{})}),placeholder:w,error:z,helperText:k,className:P}),t(m,{open:!!S,anchorEl:S,onClose:L,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:r(p,{children:[t(x,{year:E,onSelect:I,minDate:y,maxDate:C}),"month"===b?t(h,{children:c.map((e,r)=>{let l=new Date(E,r,F?.getDate()||1);return t(i,{variant:"text",size:"small",disabled:l<y||l>C,onClick:()=>N(l),selected:F?.getMonth()===r&&F.getFullYear()===l.getFullYear(),children:e},e)})}):t(u,{children:s.map((e,r)=>{let l=new Date(E,3*r,1);return t(i,{variant:"text",size:"small",disabled:l<y||l>C,onClick:()=>N(l),selected:!!F&&g(F.getMonth())===r&&F.getFullYear()===l.getFullYear(),children:e},e)})})]})})]})};export{D as PeriodPicker};

package/lib/components/PeriodPicker/PeriodPicker.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as r}from"react";import{Container as o}from"../Container/index.js";import{Typography as i}from"../Typography/index.js";import{PeriodPicker as n}from"./PeriodPicker.js";let a={title:"Components/PeriodPicker",component:n,parameters:{layout:"centered"},tags:["autodocs"]},c=()=>{let[a,c]=r(new Date);return t(o,{direction:"column",children:[t(i,{children:["Selected date: ",a?.toLocaleDateString()]}),e(n,{max:new Date(2025,8,1),value:a,onSelect:c})]})},l=()=>{let[a,c]=r(new Date);return t(o,{direction:"column",children:[t(i,{children:["Selected date: ",a?.toLocaleDateString()]}),e(n,{type:"quarter",value:a,onSelect:c})]})};export{c as Default,l as Quarter,a as default};

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

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

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

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

package/lib/components/PeriodPicker/constants.js

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

package/lib/components/PeriodPicker/index.js

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

package/lib/components/PeriodPicker/styles.js

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

package/lib/components/PeriodPicker/utils.js

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

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

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

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

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

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

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

package/lib/components/Placeholder/Placeholder.js

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

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

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

package/lib/components/Placeholder/constants.js

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

package/lib/components/Placeholder/index.js

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

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

@@ -15,7 +15,7 @@ export declare const Title: 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> & WithSize, {}, {}>;
 export declare const Description: import("@emotion/styled").StyledComponent<{
@@ -29,7 +29,7 @@ export declare const Description: 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> & WithSize, {}, {}>;
 export declare const Footer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/lib/components/Placeholder/styles.js

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

package/lib/components/Popover/Popover.js

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

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

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

package/lib/components/Popover/index.js

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

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

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