@max-ts/components 1.6.5 → 1.8.0

package/lib/components/Description/Description.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{DESCRIPTION_ROOT_CLASSNAME as r}from"./constants.js";import{DescriptionContextProvider as t}from"./DescriptionContext/index.js";import{Name as i}from"./Name/index.js";import{Wrapper as o}from"./styles.js";import{useLogic as s}from"./useLogic/index.js";import{Value as m}from"./Value/index.js";let n=i=>{let{descriptionContextProviderProps:m,direction:n}=s(i),{justifyContent:a="start",component:c="dl",children:d,leader:l=!1}=i;return e(t,{leader:l,direction:n,...m,children:e(o,{$justifyContent:a,className:r,$direction:n,as:c,children:d})})};n.Name=i,n.Value=m;export{n as Description};

package/lib/components/Description/Description.stories.js

@@ -0,0 +1,15 @@
+import{Fragment as e,jsx as n,jsxs as r}from"react/jsx-runtime";import{styled as l}from"../../theme/index.js";import{Container as i}from"../Container/index.js";import{Description as c}from"./Description.js";let d={title:"Components/Description",component:c},a={args:{children:r(e,{children:[n(c.Name,{children:"Название поля"}),n(c.Value,{children:"Значение поля"})]})},parameters:{options:{showPanel:!0},docs:{disable:!0}}},h=l(i)`
+  justify-content: center;
+`,o=l(c.Name)`
+  width: 100px;
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    width: unset;
+  }
+`,t=l(c.Value)`
+  width: 300px;
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    width: unset;
+  }
+`,p=()=>r(h,{gap:3,children:[r(c,{children:[n(c.Name,{children:"ИНН"}),n(c.Value,{children:"295995231495"})]}),r(c,{children:[n(c.Name,{children:"Описание"}),n(t,{children:"ИНН физического лица является последовательностью из 12 цифр"})]})]}),m=()=>n(h,{gap:3,children:r(c,{children:[n(c.Name,{children:"КПП"}),n(c.Value,{canCopy:!0,children:"293144576"})]})}),s=()=>r(h,{gap:3,children:[r(c,{children:[n(c.Name,{children:"КПП"}),n(c.Value,{canCopy:!0,children:"293144576"})]}),r(c,{children:[n(c.Name,{children:"Снилс"}),n(c.Value,{canCopy:!0,copyPosition:"left",children:"23339576886"})]})]}),u=()=>r(h,{gap:3,children:[r(c,{leader:!0,children:[n(c.Name,{children:"ФИО"}),n(c.Value,{children:"Швецова М. Д."})]}),r(c,{leader:!0,children:[n(c.Name,{children:"ФИО"}),n(c.Value,{children:"Швецова Мария Дмитриевна"})]})]}),V=()=>r(h,{gap:3,children:[r(c,{direction:"row",children:[n(c.Name,{children:"ИНН"}),n(c.Value,{children:"295995231495"})]}),r(c,{direction:"column",children:[n(c.Name,{children:"Описание"}),n(c.Value,{children:"ИНН физического лица является последовательностью из 12 цифр"})]})]}),N=()=>r(h,{gap:3,children:[r(c,{justifyContent:"space-between",children:[n(c.Name,{children:"ФИО"}),n(c.Value,{children:"Швецова М. Д."})]}),r(c,{justifyContent:"space-between",children:[n(c.Name,{children:"ФИО"}),n(c.Value,{children:"Швецова Мария Дмитриевна"})]})]}),y=()=>r(h,{gap:3,children:[r(c,{justifyContent:"space-between",children:[n(c.Name,{children:"ИНН"}),n(c.Value,{canCopy:!0,children:"295995231495"})]}),r(c,{justifyContent:"space-between",children:[n(c.Name,{children:"Описание"}),n(c.Value,{canCopy:!0,copyPosition:"left",children:"ИНН физического лица является последовательностью из 12 цифр"})]})]}),C=()=>r(h,{gap:4,children:[r(c,{children:[n(c.Name,{children:"Описания ИНН юридического лица"}),n(c.Value,{children:"ИНН юридического лица — последовательность из 10 арабских цифр"})]}),r(c,{children:[n(o,{children:"Описания ИНН юридического лица"}),n(t,{children:"ИНН юридического лица — последовательность из 10 арабских цифр"})]})]}),g=()=>n(h,{gap:3,children:r(c,{leader:!0,children:[n(c.Name,{children:"Описания ИНН юридического лица"}),n(t,{children:"ИНН юридического лица — последовательность из 10 арабских цифр"})]})}),f=()=>n(h,{gap:3,children:r("dl",{children:[r(c,{component:"div",children:[n(c.Name,{children:"ИНН"}),n(c.Value,{children:"295995231495"})]}),r(c,{component:"div",children:[n(c.Name,{children:"КПП"}),n(c.Value,{children:"293144576"})]})]})}),w=()=>n(h,{gap:3,children:r(c,{leader:!0,children:[n(o,{children:"Полное именование"}),n(c.Value,{children:'_тест_ОАО "Тестовое коммерческое профессиональное учреждение Специальное управление службы №007 Министерство Внутренней Разработки по делам тестирования, исправления, чрезвычайным ситуациям и ликвидации последствии действия багов"'})]})}),b=()=>r(h,{gap:3,children:[r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{color:"grey",children:"Значение показателя"})]}),r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{color:"warning",children:"Значение показателя"})]}),r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{color:"error",children:"Значение показателя"})]}),r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{color:"success",children:"Значение показателя"})]}),r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{color:"primary",children:"Значение показателя"})]})]}),j=()=>r(h,{gap:3,children:[r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{canCopy:!0,color:"grey",children:"Значение показателя"})]}),r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{canCopy:!0,color:"warning",children:"Значение показателя"})]}),r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{canCopy:!0,color:"error",children:"Значение показателя"})]}),r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{canCopy:!0,color:"success",children:"Значение показателя"})]}),r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{canCopy:!0,color:"primary",children:"Значение показателя"})]})]}),L=()=>n(h,{gap:3,children:r(c,{children:[n(c.Name,{children:"Название показателя"}),n(c.Value,{})]})});export{m as CanCopy,b as Colors,j as ColorsCanCopy,s as CopyPosition,f as DescriptionList,V as Direction,L as EmptyValue,p as Example,a as Interaction,N as JustifyContent,y as JustifyContentCanCopy,u as Leader,g as LongDescriptionValueLeader,C as LongLabelValue,w as ShortLabelWithLongValue,d as default};

package/lib/components/Description/DescriptionContext/DescriptionContext.js

@@ -0,0 +1 @@
+import{createContext as t}from"react";import{DEFAULT_SEPARATOR as r}from"../constants.js";let e=t({leader:!1,separator:r,direction:"default"});export{e as DescriptionContext};

package/lib/components/Description/DescriptionContext/DescriptionContextProvider/DescriptionContextProvider.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{DescriptionContext as e}from"../DescriptionContext.js";let t=({children:t,leader:o,separator:i,direction:n})=>r(e.Provider,{value:{leader:o,separator:i,direction:n},children:t});export{t as DescriptionContextProvider};

package/lib/components/Description/DescriptionContext/DescriptionContextProvider/index.js

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

package/lib/components/Description/DescriptionContext/index.js

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

package/lib/components/Description/Name/Name.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as o}from"react";import{Typography as i}from"../../Typography/index.js";import{DescriptionContext as m}from"../DescriptionContext/index.js";import{DashedSeparator as n,Wrapper as p}from"./styles.js";let c=({children:c,color:l="textSecondary",...d})=>{let{leader:s,separator:a}=o(m);return t(r,{children:[e(p,{$leader:s,children:t(i,{...d,color:l,children:[c,!s&&a]})}),s&&e(n,{})]})};export{c as Name};

package/lib/components/Description/Name/index.js

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

package/lib/components/Description/Name/styles.js

@@ -0,0 +1,18 @@
+import{styled as e}from"../../../theme/index.js";let r=e("dt",{shouldForwardProp:e=>"$leader"!==e})`
+  flex-shrink: 0;
+
+  max-width: ${({$leader:e})=>e?"calc(100% - 36px)":"calc(100% - 12px)"};
+  margin-right: ${({theme:e})=>e.spacing(2)};
+`,a=e("div")`
+  flex: 1;
+
+  min-width: 12px;
+  height: 4px;
+  margin-right: ${({theme:e})=>e.spacing(2)};
+
+  border-bottom: 1px dashed ${({theme:e})=>e.palette.grey[400]};
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    display: none;
+  }
+`;export{a as DashedSeparator,r as Wrapper};

package/lib/components/Description/Value/Value.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{StyledCopyTypography as r,StyledTypography as o,Wrapper as i}from"./styles.js";import{useLogic as t}from"./useLogic/index.js";let n=n=>{let{valueToRender:c,isDefaultValueRender:d,leader:l,direction:m}=t(n),{copyPosition:p="right",copyText:s,canCopy:a,children:h,stub:u,...x}=n;return d?e(o,{$direction:m,component:"dd",$leader:l,...x,children:c}):e(i,{children:e(r,{copyPosition:p,copyText:s,$direction:m,$leader:l,component:"div",...x,children:c})})};export{n as Value};

package/lib/components/Description/Value/index.js

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

package/lib/components/Description/Value/styles.d.ts

@@ -18,7 +18,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> & StyledTypographyProps, {}, {}>;
 export declare const StyledCopyTypography: import("@emotion/styled").StyledComponent<{
@@ -32,7 +32,7 @@ export declare const StyledCopyTypography: import("@emotion/styled").StyledCompo
     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> & {
     copyText?: string;

package/lib/components/Description/Value/styles.js

@@ -0,0 +1,35 @@
+import{CopyTypography as r,Typography as e}from"../../index.js";import{styled as o}from"../../../theme/index.js";let t=o(e,{shouldForwardProp:r=>!["$canCopy","$leader","$direction"].includes(r.toString())})`
+  cursor: ${({$canCopy:r})=>r?"pointer":"default"};
+
+  overflow: hidden;
+
+  hyphens: auto;
+  text-align: ${({$leader:r})=>r?"right":"left"};
+  overflow-wrap: break-word;
+
+  ${({theme:r})=>r.breakpoints.down("sm")} {
+    text-align: ${({$direction:r})=>"row"!==r?"left":"right"};
+  }
+
+  &:hover {
+    text-decoration: ${({$canCopy:r})=>r?"underline":"none"};
+  }
+`,i=o(r,{shouldForwardProp:r=>!["$leader","$direction"].includes(r.toString())})`
+  display: unset;
+
+  hyphens: auto;
+  text-align: ${({$leader:r})=>r?"right":"left"};
+  overflow-wrap: break-word;
+
+  ${({theme:r})=>r.breakpoints.down("sm")} {
+    text-align: ${({$direction:r})=>"row"!==r?"left":"right"};
+  }
+
+  & > svg {
+    margin-bottom: ${({theme:r})=>r.spacing(-1)};
+  }
+`,n=o("dd")`
+  overflow: hidden;
+
+  margin: 0;
+`;export{i as StyledCopyTypography,t as StyledTypography,n as Wrapper};

package/lib/components/Description/Value/useLogic/index.js

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

package/lib/components/Description/Value/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useContext as e}from"react";import{ConfigContext as r}from"../../../ConfigProvider/index.js";import{DescriptionContext as o}from"../../DescriptionContext/index.js";let t=({canCopy:t,children:i,stub:n})=>{let{emptySymbol:m}=e(r),{leader:d,direction:f}=e(o);return{valueToRender:i||n||m,isDefaultValueRender:!t||!i,leader:d,direction:f}};export{t as useLogic};

package/lib/components/Description/constants.js

@@ -0,0 +1 @@
+let A=":",t="—",E="astral-ui_descriptionRoot";export{A as DEFAULT_SEPARATOR,t as DEFAULT_SYMBOL,E as DESCRIPTION_ROOT_CLASSNAME};

package/lib/components/Description/index.js

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

package/lib/components/Description/styles.js

@@ -0,0 +1,17 @@
+import{styled as e}from"../../theme/index.js";let o=e("div",{shouldForwardProp:e=>!["$justifyContent","as","$direction"].includes(e.toString())})`
+  overflow: hidden;
+  display: flex;
+  flex-direction: ${({$direction:e})=>"default"===e?"row":e};
+  align-items: baseline;
+  justify-content: ${({$justifyContent:e})=>e};
+
+  margin: 0;
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    flex-direction: ${({$direction:e})=>"default"===e?"column":e};
+
+    .MuiTypography-root {
+      font-size: ${({theme:e})=>e.typography.fontSize};
+    }
+  }
+`;export{o as Wrapper};

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

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

package/lib/components/Description/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useViewportType as o}from"../../../hooks/index.js";import{DEFAULT_SEPARATOR as t}from"../constants.js";let r=({direction:r="default",separator:e=t})=>{let{isMobile:s}=o();return{descriptionContextProviderProps:{separator:"column"===r||s&&"default"===r?"":e},direction:r}};export{r as useLogic};

package/lib/components/DescriptionList/DescriptionList.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useCallback as t}from"react";import{Description as o}from"../Description/index.js";import{GuidTypography as e}from"../GuidTypography/index.js";import{Tag as n}from"../Tag/index.js";import{Typography as l}from"../Typography/index.js";import{ListWrapper as p,StyledDescriptionName as c,StyledDescriptionValue as a,Wrapper as d}from"./styles.js";import{getTooltipProps as m}from"./utils/index.js";let s=({items:s,variant:h="default",title:f,direction:u,...y})=>{let x=t((i,t)=>{let{renderValue:l,color:p,canCopy:c,copyPosition:d,variant:s,copyText:h}=t;if(l)return l(i,t);if("tag"===s)return r(o.Value,{children:r(n,{label:i,color:p,variant:"light"})});if("guid"===s){let t=m(c);return r(a,{canCopy:c,$isCopy:c,color:p,copyPosition:d,copyText:h,children:r(e,{tooltipProps:t,children:i})})}return r(o.Value,{canCopy:c,color:p,copyPosition:d,children:i})},[]);return i(d,{$variant:h,children:[f&&("string"==typeof f?r(l,{variant:"h6",children:f}):f),r(p,{$direction:u,children:s.map(({name:t,value:e,options:n})=>{let{nameMaxWidth:l,...p}=n||{};return i(o,{direction:u,...y,component:"div",children:[r(c,{$nameMaxWidth:l,$direction:u,children:t}),x(e,p)]},`${t}:${e}`)})})]})};export{s as DescriptionList};

package/lib/components/DescriptionList/DescriptionList.stories.js

@@ -0,0 +1,5 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import{styled as a}from"../../theme/index.js";import{Button as o}from"../Button/index.js";import{Typography as n}from"../Typography/index.js";import{DescriptionList as t}from"./DescriptionList.js";let i={title:"Components/DescriptionList",component:t},r={args:{items:[{name:"ИНН",value:"295995231495",options:{nameMaxWidth:"200px",color:"primary",canCopy:!0}},{name:"Описание",value:"ИНН физического лица является последовательностью из 12 цифр",options:{nameMaxWidth:"300px",color:"error"}}],justifyContent:"space-between",leader:!0,separator:":",title:"Заголовок блока"},parameters:{options:{showPanel:!0},docs:{disable:!0}}},m=a("div")`
+  width: 400px;
+`,s=a("div")`
+  width: 200px;
+`,l=()=>e(t,{items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0}},{name:"Описание ИНН физического лица",value:"ИНН физического лица является последовательностью из 12 цифр"},{name:"СНИЛС",value:""}],variant:"contained",title:"Данные физ. лица"}),p=()=>e(t,{items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0}},{name:"СНИЛС",value:"23339576886"}]}),u=()=>e(t,{items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0,copyPosition:"left"}},{name:"СНИЛС",value:"23339576886",options:{canCopy:!0}}]}),c=()=>e(s,{children:e(t,{items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0}},{name:"guid",value:"83273239-19d9-47db-ae3b-d4c6f24bbbee",options:{canCopy:!0,variant:"guid",copyText:"83273239-19d9-47db-ae3b-d4c6f24bbbee"}}]})}),v=()=>e(t,{variant:"contained",items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0}},{name:"Описание ИНН физического лица",value:"ИНН физического лица является последовательностью из 12 цифр"},{name:"СНИЛС",value:""}]}),d=()=>e(t,{items:[{name:"Полное именование",value:'_тест_ОАО "Тестовое коммерческое профессиональное учреждение\n          Специальное управление службы №007 Министерство Внутренней Разработки\n          по делам тестирования, исправления, чрезвычайным ситуациям и\n          ликвидации последствии действия багов"',options:{nameMaxWidth:"100px"}},{name:"Описания ИНН юридического лица",value:"ИНН юридического лица — последовательность из 10 арабских цифр"}]}),y=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д."},{name:"ФИО",value:"Швецова Мария Дмитриевна"}],justifyContent:"space-between"}),C=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д.",options:{canCopy:!0}},{name:"Описание",value:"ИНН юридического лица — последовательность из 10 арабских цифр",options:{canCopy:!0,copyPosition:"left"}}],justifyContent:"space-between"}),b=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д."},{name:"ФИО",value:"Швецова Мария Дмитриевна"}],leader:!0}),g=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д."},{name:"ФИО",value:"Швецова Мария Дмитриевна"}],direction:"column"}),x=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д."},{name:"ФИО",value:"Швецова Мария Дмитриевна"}],separator:"-"}),f=()=>{let a=[{name:"Название показателя",value:"Значение показателя",options:{renderValue:a=>e(o,{variant:"text",children:a})}},{name:"Название показателя",value:"Значение показателя",options:{renderValue:a=>e(n,{color:"primary",children:a})}}];return e(t,{items:a})},h=()=>e(t,{items:[{name:"Название показателя",value:"Значение показателя",options:{color:"grey",variant:"tag"}},{name:"Название показателя",value:"Значение показателя",options:{color:"warning",variant:"tag"}},{name:"Название показателя",value:"Значение показателя",options:{color:"error",variant:"tag"}},{name:"Название показателя",value:"Значение показателя",options:{color:"success",variant:"tag"}},{name:"Название показателя",value:"Значение показателя",options:{color:"primary",variant:"tag"}}]}),w=()=>e(s,{children:e(t,{items:[{name:"guid",value:"c9b9b0ed-99b0-4d6a-9bf3-d9205398ca95",options:{variant:"guid"}},{name:"guid",value:"fd81ae06-cbd4-48a5-8852-547119bb7aa6",options:{variant:"guid",canCopy:!0,copyText:"fd81ae06-cbd4-48a5-8852-547119bb7aa6"}}]})}),j=()=>e(m,{children:e(t,{items:[{name:"Полное наименование",value:'ПРЕДСТАВИТЕЛЬСТВО АО"КАЛУГА АСТРАЛ" (Г.БАРНАУЛ)#1 '},{name:"Краткое наименование",value:'АО"КАЛУГА АСТРАЛ"'}],leader:!0})}),L=()=>e(m,{children:e(t,{items:[{name:"Описания ИНН юридического лица",value:"ИНН юридического лица — последовательность из 10 арабских цифр"},{name:"Описания ИНН юридического лица",value:'ИНН юридического лица — последовательность из 10 арабских цифр"',options:{nameMaxWidth:"100px"}}]})}),V=()=>e(t,{items:[{name:"Название показателя",value:"Значение показателя",options:{color:"grey"}},{name:"Название показателя",value:"Значение показателя",options:{color:"warning"}},{name:"Название показателя",value:"Значение показателя",options:{color:"error"}},{name:"Название показателя",value:"Значение показателя",options:{color:"success"}},{name:"Название показателя",value:"Значение показателя",options:{color:"primary"}}]}),D=()=>e(t,{items:[{name:"Название показателя",value:"Значение показателя",options:{color:"grey",canCopy:!0}},{name:"Название показателя",value:"Значение показателя",options:{color:"warning",canCopy:!0}},{name:"Название показателя",value:"Значение показателя",options:{color:"error",canCopy:!0}},{name:"Название показателя",value:"Значение показателя",options:{color:"success",canCopy:!0}},{name:"Название показателя",value:"Значение показателя",options:{color:"primary",canCopy:!0}}]}),M=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д"},{name:"СНИЛС",value:""}]});export{p as CanCopy,V as Colors,D as ColorsCanCopy,v as Contained,u as CopyPosition,c as CopyText,f as CustomRenderOption,g as Direction,M as EmptyValue,l as Example,r as Interaction,y as JustifyContent,C as JustifyContentCanCopy,b as Leader,j as LongDescriptionValueLeader,L as LongNameValue,d as NameMaxWidth,x as Separator,w as VariantGuid,h as VariantTag,i as default};

package/lib/components/DescriptionList/index.js

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

package/lib/components/DescriptionList/styles.js

@@ -0,0 +1,30 @@
+import{styled as i}from"../../theme/index.js";import{Description as r}from"../Description/index.js";let o=i(r.Name,{shouldForwardProp:i=>!["$nameMaxWidth, $direction"].includes(i.toString())})`
+  max-width: ${({$nameMaxWidth:i})=>i||"none"};
+  margin-bottom: ${({theme:i,$direction:r})=>Object.is(r,"column")?i.spacing(1):0};
+
+  ${({theme:i})=>i.breakpoints.down("sm")} {
+    margin-bottom: ${({theme:i,$direction:r})=>Object.is(r,"row")?0:i.spacing(1)};
+  }
+`,a=i("article",{shouldForwardProp:i=>!["$variant"].includes(i.toString())})`
+  display: grid;
+  row-gap: ${({theme:i})=>i.spacing(3)};
+
+  padding: ${({$variant:i,theme:r})=>"contained"===i?r.spacing(4):0};
+
+  background-color: ${({$variant:i,theme:r})=>"contained"===i?r.palette.background.default:"transparent"};
+  border: ${({$variant:i,theme:r})=>"contained"===i?`1px solid ${r.palette.grey[300]}`:"unset"};
+  border-radius: ${({theme:i})=>i.shape.small};
+`,n=i("dl",{shouldForwardProp:i=>!["$direction"].includes(i.toString())})`
+  display: grid;
+  row-gap: ${({theme:i,$direction:r})=>Object.is(r,"column")?i.spacing(3):i.spacing(1)};
+
+  margin: 0;
+
+  ${({theme:i})=>i.breakpoints.down("sm")} {
+    row-gap: ${({theme:i})=>i.spacing(3)};
+  }
+`,e=i(r.Value,{shouldForwardProp:i=>!["$isCopy"].includes(i.toString())})`
+  display: ${({$isCopy:i})=>i&&"flex"};
+
+  width: ${({$isCopy:i})=>i&&"calc(100% - 20px)"};
+`;export{n as ListWrapper,o as StyledDescriptionName,e as StyledDescriptionValue,a as Wrapper};

package/lib/components/DescriptionList/utils/getTooltipProps/getTooltipProps.js

@@ -0,0 +1 @@
+let o=o=>o?{title:void 0}:void 0;export{o as getTooltipProps};

package/lib/components/DescriptionList/utils/getTooltipProps/index.js

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

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

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

package/lib/components/DescriptionTooltip/DescriptionTooltip.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{DescriptionList as t}from"../DescriptionList/index.js";import{StyledTooltip as i}from"./styles.js";function o({arrow:o,followCursor:e,children:n,...s}){return r(i,{arrow:!0,title:r(t,{...s}),children:n})}export{o as DescriptionTooltip};

package/lib/components/DescriptionTooltip/index.js

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

package/lib/components/DescriptionTooltip/styles.js

@@ -0,0 +1,12 @@
+import{tooltipClasses as o}from"@mui/material";import{styled as t}from"../../theme/index.js";import{Tooltip as i}from"../Tooltip/index.js";let e=t(i)`
+  .${o.tooltip} {
+    background-color: ${({theme:o})=>o.palette.common.white};
+    color: ${({theme:o})=>o.palette.text.primary};
+    box-shadow: ${({theme:o})=>o.shadows[1]};
+    font-size: 11px;
+    width: auto;
+    max-width: 400px;
+    padding: ${({theme:o})=>o.spacing(2)};
+    box-shadow: ${({theme:o})=>o.shadows[4]};
+  }
+`;export{e as StyledTooltip};

package/lib/components/Dialog/Dialog.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useViewportType as e}from"../../hooks/index.js";import{BottomDrawer as i}from"../BottomDrawer/index.js";import{DialogTitle as t}from"../DialogTitle/index.js";import{StyledDialog as l}from"./styles.js";let m=({children:m,title:s,disableBackdropClick:n,onClose:d,size:p="md",...c})=>{let a=d&&((o,r)=>{n&&"backdropClick"===r||d(o,r)}),{isMobile:f}=e();return f?o(i,{onClose:a,title:s,children:m}):r(l,{$size:p,onClose:a,...c,children:[s&&o(t,{onClose:d,children:s}),m]})};export{m as Dialog};

package/lib/components/Dialog/Dialog.stories.js

@@ -0,0 +1 @@
+import{Fragment as i,jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as n}from"react";import{Button as r}from"../Button/index.js";import{Container as o}from"../Container/index.js";import{DescriptionList as c}from"../DescriptionList/index.js";import{DialogActions as t}from"../DialogActions/index.js";import{DialogContent as a}from"../DialogContent/index.js";import{DialogContentText as d}from"../DialogContentText/index.js";import{DialogHeader as h}from"../DialogHeader/index.js";import{Tag as s}from"../Tag/index.js";import{Typography as C}from"../Typography/index.js";import{Dialog as m}from"./Dialog.js";let g={title:"Components/Dialog",component:m},p={args:{title:"Заголовок диалога",open:!1},parameters:{docs:{disable:!0}}},u=[{name:"Дата поступления",value:"12.06.2024 в 11:11"},{name:"Тип заявки",value:"Создание"},{name:"ID учетной записи",value:"4d1f0594-bc22-4660-8e7d-83a024126ef3"},{name:"ID док-оборота",value:"222a1343-rf12-6660-1e3q-88a911143yr1"},{name:"ИНН",value:"77724528768"},{name:"КПП",value:"772401001"},{name:"Конфигурация",value:"Значение показателя"},{name:"Удостоверенный центр",value:"УЦ \xabКалуга Астрал\xbb"}],k=()=>{let[o,c]=n(!1),h=()=>{c(!1)};return l(i,{children:[e(r,{onClick:()=>{c(!0)},children:"Default dialog"}),l(m,{open:o,onClose:h,title:"Заголовок",children:[e(a,{children:e(d,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:h,children:"Отмена"}),e(r,{autoFocus:!0,onClick:h,children:"Готово"})]})]})]})},v=()=>{let[o,c]=n(!1),h=()=>{c(!1)};return l(i,{children:[e(r,{onClick:()=>{c(!0)},children:"Custom title"}),l(m,{open:o,onClose:h,title:l(i,{children:["Заголовок",e(C,{color:"grey",colorIntensity:"500",children:"| Подзаголовок"})]}),children:[e(a,{children:e(d,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:h,children:"Отмена"}),e(r,{autoFocus:!0,onClick:h,children:"Готово"})]})]})]})},x=()=>{let[c,C]=n(!1),[g,p]=n(!1),u=()=>{C(!1)},k=()=>{p(!1)};return l(i,{children:[l(o,{gap:2,children:[e(r,{onClick:()=>{C(!0)},children:"Dialog header left"}),e(r,{onClick:()=>{p(!0)},children:"Dialog header left"})]}),l(m,{open:c,onClose:u,children:[e(h,{title:"Заголовок",onClose:u,children:e(s,{variant:"light",label:"Light Tag",color:"primary"})}),e(a,{children:e(d,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:u,children:"Отмена"}),e(r,{autoFocus:!0,onClick:u,children:"Готово"})]})]}),l(m,{open:g,onClose:k,children:[e(h,{title:"Заголовок",onClose:k,justifyContent:"flex-end",children:e(s,{variant:"contained",label:"Light Tag",color:"primary"})}),e(a,{children:e(d,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:k,children:"Отмена"}),e(r,{autoFocus:!0,onClick:k,children:"Готово"})]})]})]})},D=()=>{let[c,h]=n(!1),[s,C]=n(!1),g=()=>{h(!1)},p=()=>{C(!1)};return l(i,{children:[l(o,{gap:2,children:[e(r,{onClick:()=>{h(!0)},children:"Dialog actions"}),e(r,{onClick:()=>{C(!0)},children:"Dialog more actions"})]}),l(m,{open:c,onClose:g,title:"Заголовок",children:[e(a,{children:e(d,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:g,children:"Отмена"}),e(r,{autoFocus:!0,onClick:g,children:"Готово"})]})]}),l(m,{open:s,onClose:p,title:"Заголовок",children:[e(a,{children:e(d,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:p,children:"Вернуться позже"}),e(r,{variant:"text",onClick:p,children:"Отмена"}),e(r,{autoFocus:!0,onClick:p,children:"Готово"})]})]})]})},f=()=>{let[d,h]=n(!1),[s,C]=n(!1),[g,p]=n(!1),[k,v]=n(!1),[x,D]=n(!1),f=()=>{h(!1)},j=()=>{C(!1)},z=()=>{p(!1)},y=()=>{v(!1)},F=()=>{D(!1)};return l(i,{children:[l(o,{gap:2,children:[e(r,{onClick:()=>h(i=>!i),children:"Dialog xs size"}),e(r,{onClick:()=>C(i=>!i),children:"Dialog sm size"}),e(r,{onClick:()=>p(i=>!i),children:"Dialog md size"}),e(r,{onClick:()=>v(i=>!i),children:"Dialog lg size"}),e(r,{onClick:()=>D(i=>!i),children:"Dialog xl size"})]}),l(m,{open:d,onClose:f,title:"Заявка",size:"xs",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:f,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:f,variant:"light",color:"success",children:"Принять"})]})]}),l(m,{open:s,onClose:j,title:"Заявка",size:"sm",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:j,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:j,variant:"light",color:"success",children:"Принять"})]})]}),l(m,{open:g,onClose:z,title:"Заявка",size:"md",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:z,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:z,variant:"light",color:"success",children:"Принять"})]})]}),l(m,{open:k,onClose:y,title:"Заявка",size:"lg",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:y,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:y,variant:"light",color:"success",children:"Принять"})]})]}),l(m,{open:x,onClose:F,title:"Заявка",size:"xl",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:F,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:F,variant:"light",color:"success",children:"Принять"})]})]})]})};export{x as CustomHeader,v as CustomTitle,D as DialogActions,k as Example,p as Interaction,f as Size,g as default};

package/lib/components/Dialog/constants.js

@@ -0,0 +1 @@
+let x={xs:{minWidth:"300px",maxWidth:"399px"},sm:{minWidth:"400px",maxWidth:"499px"},md:{minWidth:"500px",maxWidth:"599px"},lg:{minWidth:"600px",maxWidth:"699px"},xl:{minWidth:"700px",maxWidth:"980px"}};export{x as SIZES};

package/lib/components/Dialog/index.js

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

package/lib/components/Dialog/styles.js

@@ -0,0 +1,9 @@
+import{Dialog as o,backdropClasses as t,dialogClasses as r}from"@mui/material";import{styled as i}from"../../theme/index.js";import{SIZES as m}from"./constants.js";let d=o=>m[o]||m.md,a=i(o,{shouldForwardProp:o=>!["$size"].includes(o.toString())})`
+  &.${r.root} .${t.root} {
+    background-color: ${({theme:o})=>o.palette.background.modalShadow};
+  }
+  .${r.paper} {
+    min-width: ${({$size:o})=>d(o).minWidth};
+    max-width: ${({$size:o})=>d(o).maxWidth};
+  }
+`;export{a as StyledDialog};

package/lib/components/DialogActions/DialogActions.js

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

package/lib/components/DialogActions/DialogActions.stories.js

@@ -0,0 +1 @@
+import{Fragment as i,jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as e}from"react";import{Button as t}from"../Button/index.js";import{Container as r}from"../Container/index.js";import{Dialog as l}from"../Dialog/index.js";import{DialogContent as c}from"../DialogContent/index.js";import{DialogContentText as a}from"../DialogContentText/index.js";import{DialogActions as d}from"./DialogActions.js";let s={title:"Components/DialogActions",component:d},m={args:{children:o(t,{children:"Готово"})},parameters:{docs:{disable:!0}}},h=()=>{let[s,m]=e(!1),[h,p]=e(!1),C=()=>{m(!1)},x=()=>{p(!1)};return n(i,{children:[n(r,{gap:2,children:[o(t,{onClick:()=>{m(!0)},children:"Dialog actions"}),o(t,{onClick:()=>{p(!0)},children:"Dialog more actions"})]}),n(l,{open:s,onClose:C,title:"Заголовок",children:[o(c,{children:o(a,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),n(d,{children:[o(t,{variant:"text",onClick:C,children:"Отмена"}),o(t,{autoFocus:!0,onClick:C,children:"Готово"})]})]}),n(l,{open:h,onClose:x,title:"Заголовок",children:[o(c,{children:o(a,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),n(d,{children:[o(t,{variant:"text",onClick:x,children:"Вернуться позже"}),o(t,{variant:"text",onClick:x,children:"Отмена"}),o(t,{autoFocus:!0,onClick:x,children:"Готово"})]})]})]})};export{h as Example,m as Interaction,s as default};

package/lib/components/DialogActions/index.js

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

package/lib/components/DialogActions/styles.js

@@ -0,0 +1,3 @@
+import{DialogActions as t}from"@mui/material";import{styled as i}from"../../theme/index.js";let o=i(t)`
+  padding-top: 0;
+`;export{o as StyledDialogActions};

package/lib/components/DialogContent/DialogContent.js

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

package/lib/components/DialogContent/DialogContent.stories.js

@@ -0,0 +1 @@
+import{Fragment as o,jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i}from"react";import{Button as n}from"../Button/index.js";import{Dialog as r}from"../Dialog/index.js";import{DialogActions as l}from"../DialogActions/index.js";import{DialogContentText as a}from"../DialogContentText/index.js";import{DialogContent as c}from"./DialogContent.js";let m={title:"Components/DialogContent",component:c},d={args:{children:"DialogContent"},parameters:{docs:{disable:!0}}},s=()=>{let[m,d]=i(!1),s=()=>{d(!1)};return e(o,{children:[t(n,{onClick:()=>{d(!0)},children:"Default dialog"}),e(r,{open:m,onClose:s,title:"Заголовок",children:[t(c,{children:t(a,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),e(l,{children:[t(n,{variant:"text",onClick:s,children:"Отмена"}),t(n,{autoFocus:!0,onClick:s,children:"Готово"})]})]})]})};export{s as Example,d as Interaction,m as default};

package/lib/components/DialogContent/index.js

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

package/lib/components/DialogContent/styles.js

@@ -0,0 +1,7 @@
+import{DialogContent as t}from"@mui/material";import{styled as i}from"../../theme/index.js";let o=i(t)`
+  padding-bottom: ${({theme:t})=>t.spacing(6)};
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    padding: ${({theme:t})=>t.spacing(5,4)};
+  }
+`;export{o as StyledDialogContent};

package/lib/components/DialogContentText/DialogContentText.js

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

package/lib/components/DialogContentText/DialogContentText.stories.js

@@ -0,0 +1 @@
+import{Fragment as t,jsx as o,jsxs as e}from"react/jsx-runtime";import{useState as i}from"react";import{Button as n}from"../Button/index.js";import{Dialog as r}from"../Dialog/index.js";import{DialogActions as l}from"../DialogActions/index.js";import{DialogContent as a}from"../DialogContent/index.js";import{DialogContentText as c}from"./DialogContentText.js";let m={title:"Components/DialogContentText",component:c},d={args:{children:"DialogContentText"},parameters:{docs:{disable:!0}}},s=()=>{let[m,d]=i(!1),s=()=>{d(!1)};return e(t,{children:[o(n,{onClick:()=>{d(!0)},children:"Default dialog"}),e(r,{open:m,onClose:s,title:"Заголовок",children:[o(a,{children:o(c,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),e(l,{children:[o(n,{variant:"text",onClick:s,children:"Отмена"}),o(n,{autoFocus:!0,onClick:s,children:"Готово"})]})]})]})};export{s as Example,d as Interaction,m as default};

package/lib/components/DialogContentText/index.js

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

package/lib/components/DialogContentText/styles.js

@@ -0,0 +1,3 @@
+import{DialogContentText as e}from"@mui/material";import{styled as t}from"../../theme/index.js";let o=t(e)`
+  color: ${({theme:e})=>e.palette.grey[900]};
+`;export{o as StyledDialogContentText};

package/lib/components/DialogHeader/DialogHeader.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{X as t}from"lucide-react";import{IconButton as i}from"../IconButton/index.js";import{Typography as o}from"../Typography/index.js";import{HeaderContent as n,Wrapper as a}from"./styles.js";let l=({children:l,title:c,justifyContent:m="flex-start",disableSpacing:s,onClose:p})=>r(a,{hasTitle:!!c,hasOnClose:!!p,children:[c&&e(o,{variant:"h4",children:c}),e(n,{justifyContent:m,columnSpacing:2*!s,children:l}),p&&e(i,{variant:"text",onClick:e=>{p&&p(e,"escapeKeyDown")},"aria-label":"Закрыть модальное окно",children:e(t,{})})]});export{l as DialogHeader};

package/lib/components/DialogHeader/DialogHeader.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as i,jsxs as o}from"react/jsx-runtime";import{useState as r}from"react";import{Button as n}from"../Button/index.js";import{Container as t}from"../Container/index.js";import{Dialog as l}from"../Dialog/index.js";import{DialogActions as a}from"../DialogActions/index.js";import{DialogContent as d}from"../DialogContent/index.js";import{DialogContentText as c}from"../DialogContentText/index.js";import{Tag as m}from"../Tag/index.js";import{DialogHeader as s}from"./DialogHeader.js";let h={title:"Components/DialogHeader",component:s},p={args:{title:"Заголовок диалога"},parameters:{docs:{disable:!0}}},g=()=>{let[h,p]=r(!1),[g,f]=r(!1),C=()=>{p(!1)},x=()=>{f(!1)};return o(e,{children:[o(t,{gap:2,children:[i(n,{onClick:()=>{p(!0)},children:"Dialog header left"}),i(n,{onClick:()=>{f(!0)},children:"Dialog header left"})]}),o(l,{open:h,onClose:C,children:[i(s,{title:"Заголовок",onClose:C,children:i(m,{variant:"light",label:"Light Tag",color:"primary"})}),i(d,{children:i(c,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),o(a,{children:[i(n,{variant:"text",onClick:C,children:"Отмена"}),i(n,{autoFocus:!0,onClick:C,children:"Готово"})]})]}),o(l,{open:g,onClose:x,children:[i(s,{title:"Заголовок",onClose:x,justifyContent:"flex-end",children:i(m,{variant:"contained",label:"Light Tag",color:"primary"})}),i(d,{children:i(c,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),o(a,{children:[i(n,{variant:"text",onClick:x,children:"Отмена"}),i(n,{autoFocus:!0,onClick:x,children:"Готово"})]})]})]})};export{g as Example,p as Interaction,h as default};

package/lib/components/DialogHeader/index.js

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

package/lib/components/DialogHeader/styles.js

@@ -0,0 +1,20 @@
+import{styled as e}from"../../theme/index.js";let n=e("div",{label:"DialogHeader-root",shouldForwardProp:e=>!["hasTitle","hasOnClose"].includes(e.toString())})`
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: ${({hasTitle:e,hasOnClose:n})=>e&&n?"max-content 1fr 32px":e?"max-content 1fr":n?"1fr 32px":"1fr"};
+  column-gap: ${({theme:e})=>e.spacing(2)};
+  align-items: center;
+
+  height: auto;
+  padding: ${({theme:e})=>e.spacing(4,6)};
+`,t=e("div",{shouldForwardProp:e=>!["justifyContent","columnSpacing"].includes(e.toString()),label:"DialogHeader-content"})`
+  overflow: hidden;
+  display: flex;
+  column-gap: ${({columnSpacing:e,theme:n})=>n.spacing(e)};
+  align-items: center;
+  justify-content: ${({justifyContent:e})=>e};
+
+  width: 100%;
+  height: 100%;
+  padding: 0;
+`;export{t as HeaderContent,n as Wrapper};

package/lib/components/DialogTitle/DialogTitle.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as e}from"react/jsx-runtime";import{DialogTitle as t}from"@mui/material";import{X as r}from"lucide-react";import{IconButton as o}from"../IconButton/index.js";let a=({children:a,onClose:l,...m})=>e(t,{...m,children:[a,l&&i(o,{variant:"text",onClick:i=>{l&&l(i,"escapeKeyDown")},"aria-label":"Закрыть модальное окно",children:i(r,{})})]});export{a as DialogTitle};

package/lib/components/DialogTitle/index.js

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

package/lib/components/Divider/Divider.js

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

package/lib/components/Divider/Divider.stories.js

@@ -0,0 +1,5 @@
+import{Fragment as i,jsx as t,jsxs as r}from"react/jsx-runtime";import"react";import{styled as e}from"../../theme/index.js";import{Container as n}from"../Container/index.js";import{List as o}from"../List/index.js";import{ListItem as m}from"../ListItem/index.js";import{ListItemButton as l}from"../ListItemButton/index.js";import{ListItemText as a}from"../ListItemText/index.js";import{Divider as d}from"./Divider.js";let p={title:"Components/Divider",component:d},s=e("div")`
+  padding: 10px;
+  align-items: flex-center;
+  text-align: center;
+`,f=()=>r(o,{children:[t(m,{children:t(a,{primary:"Inbox"})}),t(d,{}),t(m,{divider:!0,children:t(a,{primary:"Drafts"})}),t(l,{children:t(a,{primary:"Button"})}),t(d,{light:!0}),t(l,{children:t(a,{primary:"Button"})}),t(d,{})]}),c=()=>t(i,{children:r(n,{templateRows:"1fr 1fr",templateColumns:"1fr 1fr",gap:5,children:[t(s,{children:"Horizontal"}),t(d,{orientation:"horizontal",flexItem:!0}),t(s,{children:"Vertical"}),t(d,{orientation:"vertical",flexItem:!0}),t(s,{})]})});export{f as Example,c as Orientation,p as default};

package/lib/components/Divider/index.js

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

package/lib/components/DropdownButton/DropdownButton.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as e,jsxs as o}from"react/jsx-runtime";import{ClickAwayListener as n}from"@mui/material";import{useMenu as i}from"../../hooks/index.js";import{Button as t}from"../Button/index.js";import{Chevron as m}from"../Chevron/index.js";import{Menu as c}from"../Menu/index.js";let d=({children:d,name:l,popoverProps:p,...s})=>{let{open:f,anchorRef:h,handleOpenMenu:u,handleCloseMenu:x}=i();return o(r,{children:[e(n,{onClickAway:x,children:e(t,{...s,ref:h,selected:f,onClick:u,endIcon:e(m,{isActive:f}),children:l})}),e(c,{open:f,anchorEl:h.current,...p,children:d})]})};export{d as DropdownButton};

package/lib/components/DropdownButton/DropdownButton.stories.js

@@ -0,0 +1 @@
+import{Fragment as n,jsx as r,jsxs as e}from"react/jsx-runtime";import{MessageCircleMore as i}from"lucide-react";import"react";import{Container as o,MenuItem as l,Typography as a}from"../index.js";import{DropdownButton as c}from"./DropdownButton.js";let t={title:"Components/DropdownButton",component:c},d=()=>["Вариант выбора 1","Вариант выбора 2","Вариант выбора 3"].map(n=>r(l,{onClick:()=>console.log("v1"),children:n},n)),h={args:{children:d(),name:"Действие",variant:"contained",color:"primary",size:"large",fullWidth:!1},parameters:{docs:{disable:!0}}},m=()=>e(o,{gap:4,children:[r(c,{name:"Default",children:d()}),r(c,{disabled:!0,name:"Disabled",children:d()}),r(c,{loading:!0,name:"Loading",children:d()})]}),s=()=>r(c,{startIcon:r(i,{}),variant:"light",name:"With icon",children:d()}),g=()=>{let o=e(n,{children:[r(l,{note:"Перейти в профиль",onClick:()=>console.log("v1"),children:"Профиль"}),r(l,{onClick:()=>console.log("v3"),children:"Выход"})]});return r(c,{startIcon:r(i,{}),variant:"light",name:"With icon",children:o})},p=()=>{let o=e(n,{children:[r(l,{disabledReason:"Заблокировано",disabled:!0,onClick:()=>console.log("v1"),children:"Профиль"}),r(l,{onClick:()=>console.log("v3"),children:"Выход"})]});return r(c,{startIcon:r(i,{}),variant:"light",name:"With icon",children:o})},v=()=>e(o,{gap:5,direction:"column",children:[r(a,{variant:"h6",children:"Variant"}),e(o,{gap:4,children:[e(c,{name:"Default",children:[" ",r(l,{onClick:()=>console.log("v1"),children:"Вариант выбора 1"}),r(l,{onClick:()=>console.log("v2"),children:"Вариант выбора 2"}),r(l,{onClick:()=>console.log("v3"),children:"Вариант выбора 3"})]}),r(c,{variant:"light",name:"Light",children:d()}),r(c,{variant:"text",name:"Text",children:d()}),r(c,{variant:"link",name:"Link",children:d()})]}),r(a,{variant:"h6",children:"Color"}),e(o,{gap:4,children:[r(c,{color:"primary",name:"Primary",children:d()}),r(c,{color:"error",name:"Error",children:d()}),r(c,{color:"success",name:"Success",children:d()}),r(c,{color:"warning",name:"Warning",children:d()})]}),r(a,{variant:"h6",children:"Size"}),e(o,{gap:6,children:[r(c,{size:"medium",name:"Medium",children:d()}),r(c,{size:"large",name:"Large",children:d()})]})]}),u=()=>e(n,{children:[r(c,{name:"Default",variant:"light",popoverProps:{anchorOrigin:{vertical:"center",horizontal:"right"}},children:d()}),r(c,{name:"Default",variant:"light",popoverProps:{anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:100,horizontal:"right"}},children:d()})]});export{v as ButtonProps,p as DisableReason,m as Example,h as Interaction,g as Note,u as PopoverProps,s as StartIcon,t as default};

package/lib/components/DropdownButton/index.js

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

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Component as t}from"react";import{ConfigContext as e}from"../ConfigProvider/index.js";import{InternalErrorPlaceholder as o}from"../InternalErrorPlaceholder/index.js";import{OutdatedReleasePlaceholder as s}from"../OutdatedReleasePlaceholder/index.js";import{CONDITION_TYPE_ERROR as a}from"./constants.js";import{ErrorType as i}from"./enums.js";let n={[i.OutdatedRelease]:r(s,{}),[i.Default]:r(o,{})};class m extends t{static contextType=e;state={hasError:!1,typeError:i.Default};static getDerivedStateFromError(r){return{hasError:!0,typeError:a.find(({condition:t})=>t(r))?.type??i.Default}}componentDidCatch(r){this.context?.captureException(r)}render(){return this.state.hasError?n[this.state.typeError]:this.props.children}}export{m as ErrorBoundary};

package/lib/components/ErrorBoundary/ErrorBoundary.stories.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import"react";import{ConfigProvider as e}from"../ConfigProvider/index.js";import{ErrorBoundary as t}from"./ErrorBoundary.js";import{BuggyButton as o,ChunkLoadErrorButton as a}from"./ErrorBoundary.stubs.js";let i="../../illustrations/error.svg",m="../../illustrations/outdated-release.svg",s={title:"Components/ErrorBoundary",component:t},l=()=>r(e,{captureException:r=>alert(r),imagesMap:{defaultErrorImgSrc:i,noDataImgSrc:i,outdatedReleaseErrorImgSrc:m},techSup:{email:"test@example.com",phone:"79999999999"},children:r(t,{children:r(o,{})})}),n=()=>r(e,{captureException:r=>alert(r),imagesMap:{defaultErrorImgSrc:i,noDataImgSrc:i,outdatedReleaseErrorImgSrc:m},children:r(t,{children:r(a,{})})});export{l as Default,n as OutdatedRelease,s as default};

package/lib/components/ErrorBoundary/ErrorBoundary.stubs.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useEffect as t,useState as o}from"react";import{Button as e}from"../Button/index.js";class n extends Error{constructor(r="",...t){super(r,...t),this.name="ChunkLoadError"}}let i=()=>{let[n,i]=o(0);return t(()=>{if(2===n)throw Error("Кнопка сломалась на 2 клике")}),r(e,{onClick:()=>{i(n+1)},children:"Сломаюсь на 2 клике"})},l=()=>{let[i,l]=o(!1);return t(()=>{if(i)throw new n("Ошибка загрузки приложения")}),r(e,{onClick:()=>{l(!0)},children:"Вызову ошибку релиза"})},u=()=>{let[n,i]=o(!1);return t(()=>{if(n)throw Error("Failed to fetch dynamically imported module")}),r(e,{onClick:()=>{i(!0)},children:"Вызову ошибку релиза"})};export{i as BuggyButton,l as ChunkLoadErrorButton,u as FailedFetchModuleButton};

package/lib/components/ErrorBoundary/constants.js

@@ -0,0 +1 @@
+import{ErrorType as e}from"./enums.js";let t=[{type:e.OutdatedRelease,condition:e=>"ChunkLoadError"===e.name||e.message.includes("Failed to fetch dynamically imported module")},{type:e.Default,condition:()=>!0}];export{t as CONDITION_TYPE_ERROR};

package/lib/components/ErrorBoundary/enums.js

@@ -0,0 +1 @@
+var e,a=((e={}).OutdatedRelease="outdatedRelease",e.Default="default",e);export{a as ErrorType};

package/lib/components/ErrorBoundary/index.js

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

package/lib/components/Filename/Filename.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Tooltip as t}from"../Tooltip/index.js";import{FileBaseName as o,StyledTypography as n}from"./styles.js";import{useLogic as l}from"./useLogic/index.js";let m=i((i,m)=>{let{isOverflowed:a,suffixWithExtension:s,baseNameProps:p}=l({...i,ref:m}),{tooltipProps:c,variant:f="inherit",children:d,align:h="left",...j}=i;return e(t,{title:a&&d,disableInteractive:!0,...c,children:r(n,{$align:h,variant:f,...j,children:[e(o,{...p}),e("span",{children:s})]})})});export{m as Filename};

package/lib/components/Filename/Filename.stories.js

@@ -0,0 +1,5 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Eye as o,Send as i}from"lucide-react";import{useEffect as l,useState as r}from"react";import{styled as t}from"../../theme/index.js";import{ActionCell as d}from"../ActionCell/index.js";import{DataGrid as a}from"../DataGrid/index.js";import{Filename as c}from"./Filename.js";let m={title:"Components/Filename",component:c},s={args:{children:"Версия 1.0Приложение No 10к Договору подряда No КрФ/15331/24 от\n25.04.2024.pdf"},parameters:{docs:{disable:!0}}},h=t("div")`
+  max-width: 400px;
+  min-width: 200px;
+  margin: 0 auto 10px;
+`,p={id:"1",documentName:e(c,{children:"OS_FINAL_BDW_FW24_MeA_21022024.pdf"}),direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},f={main:[{icon:e(o,{}),name:"Просмотреть",onClick:()=>console.log("main")},{icon:e(i,{}),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")}]},g=()=>{let n,o,i=(n=["ФНС","ФСС","ПФР","РПН"],o=[e(c,{children:"api-единая.-спецификация-api.docs"},"1"),e(c,{children:"OS_FINAL_BDW_FW24_MeA_21022024.pdf"},"2"),e(c,{children:"OS_FINAL_BDW_FW24_MeA.pdf"},"3"),e(c,{children:"OS_FINAL.pdf"},"4")],Array.from({length:16}).fill(p).map((e,i)=>{let l,r;return{id:String(i+1),documentName:o[Math.floor(Math.random()*o.length)],direction:n[Math.floor(Math.random()*n.length)],createDate:(l=new Date(2022,0,1),r=new Date,new Date(l.getTime()+Math.random()*(r.getTime()-l.getTime())).toISOString()),options:void 0}})),t=[{field:"documentName",label:"Наименование документа",sortable:!0},{field:"direction",label:"Направление",sortable:!0},{field:"createDate",label:"Дата создания",sortable:!0,format:({createDate:e})=>new Date(e).toLocaleDateString()},{label:"Действия",sortable:!1,align:"center",width:"120px",renderCell:n=>e(d,{actions:f,row:n})}],[m,s]=r(!0),[h,g]=r([]),[N,x]=r([]);return l(()=>{setTimeout(()=>{g(i.slice(0,10)),s(!1)},1500)},[]),e(a,{keyId:"id",rows:h,columns:t,isLoading:m,selectedRows:N,onRowClick:e=>console.log("row clicked",e),onSelectRow:e=>x(e),onRetry:()=>{}})},N=()=>e(h,{children:e(c,{children:"Версия 1.0 Приложение No 10к Договору подряда No КрФ/15331/24 от 25.04.2024.pdf"})}),x=()=>e(h,{children:e(c,{children:"Приложение №10.pdf"})}),_=()=>n("div",{children:[e(h,{children:e(c,{children:"Приложение №10.pdf"})}),e(h,{children:e(c,{align:"center",children:"Приложение №10.pdf"})}),e(h,{children:e(c,{align:"right",children:"Приложение №10.pdf"})})]}),w=()=>n("div",{children:[e(h,{children:e(c,{children:"Версия 1.0 Приложение No 10к Договору подряда No КрФ/15331/24 от 25.04.2024.xml.dist"})}),e(h,{children:e(c,{children:"Версия 1.0 Приложение No 10к Договору подряда No КрФ/15331/24 от 25.04.2024.tar.xz"})}),e(h,{children:e(c,{children:"Версия 1.0 Приложение No 10к Договору подряда No КрФ/15331/24 от 25.04.2024.xml.orig"})})]});export{_ as Align,w as ComplexFileExtension,g as Example,s as Interaction,N as LongFileName,x as ShortFileName,m as default};

package/lib/components/Filename/index.js

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

package/lib/components/Filename/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> & {
     $align: string;

package/lib/components/Filename/styles.js

@@ -0,0 +1,11 @@
+import{styled as e}from"../../theme/index.js";import{Typography as o}from"../Typography/index.js";let i=e("span")`
+  overflow: hidden;
+
+  max-width: 100%;
+
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,t=e(o,{shouldForwardProp:e=>!["$align"].includes(e.toString())})`
+  display: flex;
+  justify-content: ${({$align:e})=>e};
+`;export{i as FileBaseName,t as StyledTypography};