@max-ts/components 0.1.1 → 0.2.0

package/lib/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,36 @@
+import { Component, ReactNode } from 'react';
+import { ConfigContext } from '../ConfigProvider';
+import { ErrorType } from './enums';
+export type State = {
+    /**
+     * Флаг наличия перехваченной ошибки
+     */
+    hasError: boolean;
+    /**
+     * Тип перехваченной ошибки
+     */
+    typeError: ErrorType;
+};
+type Props = {
+    /**
+     * Компонент, ошибки которого будут перехвачены
+     */
+    children: ReactNode;
+};
+/**
+ * Компонент, который перехватывает ошибки в обернутых в него компонентах.
+ * При перехвате ошибки осуществляется ее отправка в captureException
+ * @example <ErrorBoundary><InsecureComponent/></ErrorBoundary>
+ */
+declare class ErrorBoundary extends Component<Props, State> {
+    static contextType: import('react').Context<import('../ConfigProvider').ConfigContextProps>;
+    context: React.ContextType<typeof ConfigContext> | undefined;
+    state: State;
+    static getDerivedStateFromError(error: Error): {
+        hasError: boolean;
+        typeError: ErrorType;
+    };
+    componentDidCatch(error: Error): void;
+    render(): ReactNode;
+}
+export { ErrorBoundary };

package/lib/components/ErrorBoundary/ErrorBoundary.mjs

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

package/lib/components/ErrorBoundary/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./enums.cjs"),o=[{type:t.ErrorType.OutdatedRelease,condition:e=>e.name==="ChunkLoadError"||e.message.includes("Failed to fetch dynamically imported module")},{type:t.ErrorType.Default,condition:()=>!0}];exports.CONDITION_TYPE_ERROR=o;

package/lib/components/ErrorBoundary/constants.mjs

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

package/lib/components/ErrorBoundary/enums.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.OutdatedRelease="outdatedRelease",e.Default="default",e))(t||{});exports.ErrorType=t;

package/lib/components/ErrorBoundary/enums.mjs

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.OutdatedRelease = "outdatedRelease", e.Default = "default", e))(t || {});
+export {
+  t as ErrorType
+};

package/lib/components/Filename/Filename.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),j=require("react"),f=require("../Tooltip/Tooltip.cjs"),r=require("./styles.cjs"),p=require("./useLogic/useLogic.cjs"),g=j.forwardRef((i,t)=>{const{isOverflowed:s,suffixWithExtension:n,baseNameProps:o}=p.useLogic({...i,ref:t}),{tooltipProps:l,variant:a="inherit",children:u,align:c="left",...d}=i;return e.j.jsx(f.Tooltip,{title:s&&u,disableInteractive:!0,...l,children:e.j.jsxs(r.StyledTypography,{$align:c,variant:a,...d,children:[e.j.jsx(r.FileBaseName,{...o}),e.j.jsx("span",{children:n})]})})});exports.Filename=g;

package/lib/components/Filename/Filename.d.ts

@@ -0,0 +1,21 @@
+import { TooltipProps as BasicTooltipProps } from '../Tooltip';
+import { TypographyProps, TypographyVariant } from '../Typography';
+type TooltipProps = Omit<BasicTooltipProps, 'ref'>;
+export type FileNameProps = Omit<TypographyProps, 'variant'> & {
+    /**
+     * Название файла
+     */
+    children: string;
+    /**
+     * Cпособ кастомизировать тултип при необходимости
+     * @example <OverflowTypography tooltipProps={{placement: 'top-start'}} />
+     */
+    tooltipProps?: Omit<TooltipProps, 'children'>;
+    /**
+     * Применяет стили оформления темы
+     * @default inherit
+     */
+    variant?: TypographyVariant | 'inherit';
+};
+export declare const Filename: import('react').ForwardRefExoticComponent<Omit<FileNameProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export {};

package/lib/components/Filename/Filename.mjs

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

package/lib/components/Filename/styles.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),o=require("../Typography/Typography.cjs"),r=t.styled("span")`
+  overflow: hidden;
+
+  max-width: 100%;
+
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,a=t.styled(o.Typography,{shouldForwardProp:e=>!["$align"].includes(e.toString())})`
+  display: flex;
+  justify-content: ${({$align:e})=>e};
+`;exports.FileBaseName=r;exports.StyledTypography=a;

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

@@ -0,0 +1,17 @@
+export declare const FileBaseName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledTypography: import('@emotion/styled').StyledComponent<{
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    color?: import('../Typography').TypographyColor;
+    variant?: import('../Typography').TypographyVariant;
+    colorIntensity?: import('../Typography').Intensity;
+    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "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" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "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" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    isUpperCase?: boolean;
+} & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $align: string;
+}, {}, {}>;

package/lib/components/Filename/styles.mjs

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

package/lib/components/Filename/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../OverflowTypography/hooks/useOverflowed/useOverflowed.cjs"),u=require("./utils/truncateString/truncateString.cjs"),c=({ref:e,children:r})=>{const{ref:t,isOverflowed:s}=n.useOverflowed(e),{baseName:o,suffixWithExtension:i}=u.truncateString(r);return{baseNameProps:{ref:t,children:o},isOverflowed:s,suffixWithExtension:i}};exports.useLogic=c;

package/lib/components/Filename/useLogic/useLogic.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'react';
+import { FileNameProps } from '../Filename';
+type SpanProps = {
+    children: string;
+    ref?: Ref<HTMLElement>;
+};
+type UseLogicParams = FileNameProps & {
+    ref: Ref<HTMLElement>;
+};
+type UseLogicResult = {
+    isOverflowed: boolean;
+    baseNameProps: SpanProps;
+    suffixWithExtension: string;
+};
+export declare const useLogic: ({ ref: forwardedRef, children, }: UseLogicParams) => UseLogicResult;
+export {};

package/lib/components/Filename/useLogic/useLogic.mjs

@@ -0,0 +1,16 @@
+import { useOverflowed as n } from "../../OverflowTypography/hooks/useOverflowed/useOverflowed.mjs";
+import { truncateString as f } from "./utils/truncateString/truncateString.mjs";
+const a = ({
+  ref: e,
+  children: r
+}) => {
+  const { ref: o, isOverflowed: t } = n(e), { baseName: s, suffixWithExtension: i } = f(r);
+  return {
+    baseNameProps: { ref: o, children: s },
+    isOverflowed: t,
+    suffixWithExtension: i
+  };
+};
+export {
+  a as useLogic
+};

package/lib/components/Filename/useLogic/utils/findExtension/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=[".xml.dist",".xml.tpl",".xml.gz",".xml.bz2",".xml.zip",".xml.enc",".xml.sig",".xml.metadata",".xml.backup",".xml.orig",".tar.gz",".tar.bz2",".tar.xz",".tar.lz"];exports.COMPLEX_EXTENSIONS=l;

package/lib/components/Filename/useLogic/utils/findExtension/constants.mjs

@@ -0,0 +1,19 @@
+const l = [
+  ".xml.dist",
+  ".xml.tpl",
+  ".xml.gz",
+  ".xml.bz2",
+  ".xml.zip",
+  ".xml.enc",
+  ".xml.sig",
+  ".xml.metadata",
+  ".xml.backup",
+  ".xml.orig",
+  ".tar.gz",
+  ".tar.bz2",
+  ".tar.xz",
+  ".tar.lz"
+];
+export {
+  l as COMPLEX_EXTENSIONS
+};

package/lib/components/Filename/useLogic/utils/findExtension/findExtension.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./constants.cjs"),s=n=>{for(const e of o.COMPLEX_EXTENSIONS)if(n.endsWith(e))return e;const t=n.lastIndexOf(".");if(t!==-1)return n.slice(t)};exports.findExtension=s;

package/lib/components/Filename/useLogic/utils/findExtension/findExtension.mjs

@@ -0,0 +1,12 @@
+import { COMPLEX_EXTENSIONS as r } from "./constants.mjs";
+const i = (n) => {
+  for (const o of r)
+    if (n.endsWith(o))
+      return o;
+  const t = n.lastIndexOf(".");
+  if (t !== -1)
+    return n.slice(t);
+};
+export {
+  i as findExtension
+};

package/lib/components/Filename/useLogic/utils/truncateString/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=2;exports.SUFFIX_LENGTH=e;

package/lib/components/Filename/useLogic/utils/truncateString/constants.mjs

@@ -0,0 +1,4 @@
+const o = 2;
+export {
+  o as SUFFIX_LENGTH
+};

package/lib/components/Filename/useLogic/utils/truncateString/truncateString.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../findExtension/findExtension.cjs"),s=require("./constants.cjs"),u=t=>{const n=r.findExtension(t);if(n&&t.endsWith(n)){const o=t.slice(0,t.length-n.length-s.SUFFIX_LENGTH),c=t.slice(-n.length-s.SUFFIX_LENGTH);return{baseName:o,suffixWithExtension:c}}const e=t.slice(0,-2),i=t.slice(-2);return{baseName:e,suffixWithExtension:i}};exports.truncateString=u;

package/lib/components/Filename/useLogic/utils/truncateString/truncateString.mjs

@@ -0,0 +1,19 @@
+import { findExtension as r } from "../findExtension/findExtension.mjs";
+import { SUFFIX_LENGTH as s } from "./constants.mjs";
+const u = (t) => {
+  const n = r(t);
+  if (n && t.endsWith(n)) {
+    const e = t.slice(
+      0,
+      t.length - n.length - s
+    ), c = t.slice(
+      -n.length - s
+    );
+    return { baseName: e, suffixWithExtension: c };
+  }
+  const i = t.slice(0, -2), o = t.slice(-2);
+  return { baseName: i, suffixWithExtension: o };
+};
+export {
+  u as truncateString
+};

package/lib/components/FormControl/FormControl.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.cjs"),e=require("@mui/material"),t=o=>r.j.jsx(e.FormControl,{...o});exports.FormControl=t;

package/lib/components/FormControl/FormControl.d.ts

@@ -0,0 +1,4 @@
+import { FormControlProps as MuiFormControlProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type FormControlProps = WithoutEmotionSpecific<MuiFormControlProps>;
+export declare const FormControl: (props: FormControlProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/FormControl/FormControl.mjs

@@ -0,0 +1,6 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { FormControl as t } from "@mui/material";
+const n = (o) => /* @__PURE__ */ r.jsx(t, { ...o });
+export {
+  n as FormControl
+};

package/lib/components/FormControlLabel/FormControlLabel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.cjs"),o=require("./styles.cjs"),t=e=>r.j.jsx(o.StyledFormControlLabel,{...e});exports.FormControlLabel=t;

package/lib/components/FormControlLabel/FormControlLabel.d.ts

@@ -0,0 +1,2 @@
+import { FormControlLabelProps } from './types';
+export declare const FormControlLabel: (props: FormControlLabelProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/FormControlLabel/FormControlLabel.mjs

@@ -0,0 +1,6 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { StyledFormControlLabel as t } from "./styles.mjs";
+const l = (o) => /* @__PURE__ */ r.jsx(t, { ...o });
+export {
+  l as FormControlLabel
+};

package/lib/components/FormControlLabel/styles.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),r=e.styled(e.FormControlLabel)`
+  margin-right: 0;
+  margin-left: -5px;
+
+  & .MuiFormControlLabel-label {
+    margin-left: ${({theme:l})=>l.spacing(1)};
+  }
+`;exports.StyledFormControlLabel=r;

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

@@ -0,0 +1,2 @@
+import { FormControlLabelProps } from './types';
+export declare const StyledFormControlLabel: import('@emotion/styled').StyledComponent<import('@mui/material').FormControlLabelProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & FormControlLabelProps, {}, {}>;

package/lib/components/FormControlLabel/styles.mjs

@@ -0,0 +1,14 @@
+import { styled as r, FormControlLabel as l } from "@mui/material";
+const e = r(
+  l
+)`
+  margin-right: 0;
+  margin-left: -5px;
+
+  & .MuiFormControlLabel-label {
+    margin-left: ${({ theme: o }) => o.spacing(1)};
+  }
+`;
+export {
+  e as StyledFormControlLabel
+};

package/lib/components/FormControlLabel/types.d.ts

@@ -0,0 +1,3 @@
+import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type FormControlLabelProps = WithoutEmotionSpecific<MuiFormControlLabelProps>;

package/lib/components/FormHelperText/FormHelperText.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),l=require("@mui/material"),i=require("./FormHelperTextContent/FormHelperTextContent.cjs"),m=({children:r,success:t,error:o,...n})=>e.j.jsx(l.FormHelperText,{...n,children:e.j.jsx(i.FormHelperTextContent,{error:o,success:t,children:r})});exports.FormHelperText=m;

package/lib/components/FormHelperText/FormHelperText.d.ts

@@ -0,0 +1,7 @@
+import { FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type FormHelperTextProps = WithoutEmotionSpecific<MuiFormHelperTextProps> & {
+    success?: boolean;
+    error?: boolean;
+};
+export declare const FormHelperText: ({ children, success, error, ...props }: FormHelperTextProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/FormHelperText/FormHelperText.mjs

@@ -0,0 +1,12 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { FormHelperText as p } from "@mui/material";
+import { FormHelperTextContent as x } from "./FormHelperTextContent/FormHelperTextContent.mjs";
+const l = ({
+  children: e,
+  success: o,
+  error: t,
+  ...m
+}) => /* @__PURE__ */ r.jsx(p, { ...m, children: /* @__PURE__ */ r.jsx(x, { error: t, success: o, children: e }) });
+export {
+  l as FormHelperText
+};

package/lib/components/FormHelperText/FormHelperTextContent/FormHelperTextContent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.cjs"),s=require("react"),r=require("./styles.cjs"),i=({success:t,error:n,children:u})=>{const o=s.useMemo(()=>t?e.j.jsx(r.SuccessIcon,{size:16}):n?e.j.jsx(r.ErrorIcon,{size:16}):null,[t,n]);return u?e.j.jsxs(r.Wrapper,{error:n,success:t,children:[o,e.j.jsx(r.Message,{children:u})]}):null};exports.FormHelperTextContent=i;

package/lib/components/FormHelperText/FormHelperTextContent/FormHelperTextContent.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type FormHelperTextContentProps = {
+    success?: boolean;
+    error?: boolean;
+    children?: ReactNode;
+};
+export declare const FormHelperTextContent: ({ success, error, children, }: FormHelperTextContentProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/components/FormHelperText/FormHelperTextContent/FormHelperTextContent.mjs

@@ -0,0 +1,17 @@
+import { j as r } from "../../../_virtual/jsx-runtime.mjs";
+import { useMemo as s } from "react";
+import { SuccessIcon as i, ErrorIcon as m, Wrapper as p, Message as u } from "./styles.mjs";
+const l = ({
+  success: t,
+  error: e,
+  children: n
+}) => {
+  const o = s(() => t ? /* @__PURE__ */ r.jsx(i, { size: 16 }) : e ? /* @__PURE__ */ r.jsx(m, { size: 16 }) : null, [t, e]);
+  return n ? /* @__PURE__ */ r.jsxs(p, { error: e, success: t, children: [
+    o,
+    /* @__PURE__ */ r.jsx(u, { children: n })
+  ] }) : null;
+};
+export {
+  l as FormHelperTextContent
+};

package/lib/components/FormHelperText/FormHelperTextContent/styles.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@mui/material"),s=require("lucide-react"),n=e=>`display: inline-flex;
+  justify-content: center;
+  font-size: ${e.typography.h5.fontSize};
+  vertical-align: middle;`,i=r.styled("span")`
+  display: flex;
+  gap: ${({theme:e})=>e.spacing(1)};
+  color: ${({success:e,error:c,theme:t})=>e?t.palette.success.dark:c?t.palette.error.dark:"inherit"};
+`,l=r.styled(s.CircleCheck)`
+  ${({theme:e})=>n(e)}
+`,a=r.styled(s.OctagonAlert)`
+  ${({theme:e})=>n(e)}
+`,o=r.styled("span")`
+  vertical-align: middle;
+`;exports.ErrorIcon=a;exports.Message=o;exports.SuccessIcon=l;exports.Wrapper=i;

package/lib/components/FormHelperText/FormHelperTextContent/styles.d.ts

@@ -0,0 +1,9 @@
+type WrapperProps = {
+    success?: boolean;
+    error?: boolean;
+};
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & WrapperProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const SuccessIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const ErrorIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const Message: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};

package/lib/components/FormHelperText/FormHelperTextContent/styles.mjs

@@ -0,0 +1,22 @@
+import { styled as r } from "@mui/material";
+import { CircleCheck as o, OctagonAlert as s } from "lucide-react";
+const n = (e) => `display: inline-flex;
+  justify-content: center;
+  font-size: ${e.typography.h5.fontSize};
+  vertical-align: middle;`, l = r("span")`
+  display: flex;
+  gap: ${({ theme: e }) => e.spacing(1)};
+  color: ${({ success: e, error: i, theme: t }) => e ? t.palette.success.dark : i ? t.palette.error.dark : "inherit"};
+`, p = r(o)`
+  ${({ theme: e }) => n(e)}
+`, d = r(s)`
+  ${({ theme: e }) => n(e)}
+`, f = r("span")`
+  vertical-align: middle;
+`;
+export {
+  d as ErrorIcon,
+  f as Message,
+  p as SuccessIcon,
+  l as Wrapper
+};

package/lib/components/FormLabel/FormLabel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.cjs"),t=require("./styles.cjs"),o=e=>r.j.jsx(t.StyledFormLabel,{...e});exports.FormLabel=o;

package/lib/components/FormLabel/FormLabel.d.ts

@@ -0,0 +1,4 @@
+import { FormLabelProps as MuiFormLabelProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type FormLabelProps = WithoutEmotionSpecific<MuiFormLabelProps>;
+export declare const FormLabel: (props: FormLabelProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/FormLabel/FormLabel.mjs

@@ -0,0 +1,6 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { StyledFormLabel as t } from "./styles.mjs";
+const s = (r) => /* @__PURE__ */ o.jsx(t, { ...r });
+export {
+  s as FormLabel
+};

package/lib/components/FormLabel/styles.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),o=t.styled(t.FormLabel)`
+  font-size: ${({theme:e})=>e.typography.caption.fontSize};
+  line-height: ${({theme:e})=>e.typography.caption.lineHeight};
+`;exports.StyledFormLabel=o;

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

@@ -0,0 +1 @@
+export declare const StyledFormLabel: import('@emotion/styled').StyledComponent<import('@mui/material').FormLabelBaseProps & import('@mui/material').FormLabelOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "sx" | "suppressHydrationWarning" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "content" | "translate" | keyof import('@mui/material/OverridableComponent').CommonProps | "form" | "slot" | "title" | "disabled" | "error" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "filled" | "focused" | "required" | "htmlFor"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/FormLabel/styles.mjs

@@ -0,0 +1,8 @@
+import { styled as o, FormLabel as e } from "@mui/material";
+const p = o(e)`
+  font-size: ${({ theme: t }) => t.typography.caption.fontSize};
+  line-height: ${({ theme: t }) => t.typography.caption.lineHeight};
+`;
+export {
+  p as StyledFormLabel
+};

package/lib/components/GuidTypography/GuidTypography.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.cjs"),o=require("../OverflowTypography/OverflowTypography.cjs"),t=e=>r.j.jsx(o.OverflowTypography,{visibleLastSymbolsCount:4,...e});exports.GuidTypography=t;

package/lib/components/GuidTypography/GuidTypography.d.ts

@@ -0,0 +1,3 @@
+import { OverflowedTypographyProps } from '../OverflowTypography';
+export type GuidTypographyProps = OverflowedTypographyProps;
+export declare const GuidTypography: (props: GuidTypographyProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/GuidTypography/GuidTypography.mjs

@@ -0,0 +1,6 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { OverflowTypography as t } from "../OverflowTypography/OverflowTypography.mjs";
+const i = (o) => /* @__PURE__ */ r.jsx(t, { visibleLastSymbolsCount: 4, ...o });
+export {
+  i as GuidTypography
+};

package/lib/components/IconButton/IconButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs"),a=require("react");require("clsx");const n=require("../Button/enums.cjs");require("../Button/styles.cjs");const c=require("../CircularProgress/CircularProgress.cjs"),l=require("./styles.cjs"),d=o=>{const{variant:r=n.ButtonVariants.Contained,loading:e,children:s,...i}=o,u=a.useMemo(()=>r===n.ButtonVariants.Contained?"inverted":"primary",[r]);return t.j.jsx(l.StyledButton,{loading:e,variant:r,tabIndex:e?-1:0,...i,children:e?t.j.jsx(c.CircularProgress,{size:"small",color:u}):s})};exports.IconButton=d;

package/lib/components/IconButton/IconButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from '../Button';
+export type IconButtonProps<RootComponent extends React.ElementType> = ButtonProps<RootComponent> & {
+    /**
+     * Флаг отображения индикатора загрузки
+     * @example <IconButton loading />
+     */
+    loading?: boolean;
+};
+export declare const IconButton: <RootComponent extends React.ElementType = "button">(props: IconButtonProps<RootComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/IconButton/IconButton.mjs

@@ -0,0 +1,28 @@
+import { j as t } from "../../_virtual/jsx-runtime.mjs";
+import { useMemo as a } from "react";
+import "clsx";
+import { ButtonVariants as n } from "../Button/enums.mjs";
+import "../Button/styles.mjs";
+import { CircularProgress as p } from "../CircularProgress/CircularProgress.mjs";
+import { StyledButton as l } from "./styles.mjs";
+const g = (i) => {
+  const {
+    variant: r = n.Contained,
+    loading: o,
+    children: e,
+    ...s
+  } = i, m = a(() => r === n.Contained ? "inverted" : "primary", [r]);
+  return /* @__PURE__ */ t.jsx(
+    l,
+    {
+      loading: o,
+      variant: r,
+      tabIndex: o ? -1 : 0,
+      ...s,
+      children: o ? /* @__PURE__ */ t.jsx(p, { size: "small", color: m }) : e
+    }
+  );
+};
+export {
+  g as IconButton
+};