@max-ts/components 0.1.0 → 0.2.0

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

@@ -0,0 +1,20 @@
+import { DrawerProps } from '@mui/material';
+export declare const StyledDrawer: import('@emotion/styled').StyledComponent<DrawerProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const Header: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    drawerHeaderHeight: number;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "className" | "color" | "height" | "style" | "width" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "children" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    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>, {}, {}>;
+export declare const Body: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/BottomDrawer/styles.mjs

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

package/lib/components/Button/Button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.cjs"),g=require("clsx"),m=require("./constants.cjs"),t=require("./enums.cjs"),s=require("./styles.cjs"),j=require("./useLogic/useLogic.cjs"),q=r=>{const{loadingIndicatorColor:i}=j.useLogic(r),{variant:n=t.ButtonVariants.Contained,color:l=t.ButtonColors.Primary,loading:e,loadingIndicator:y,loadingPosition:B,disabled:a,children:c,className:u,...d}=r;return o.j.jsxs(s.StyledButton,{variant:n,color:l,disabled:e||a,...d,className:g.clsx(u,{[m.LOADING_BUTTON_CLASSNAME]:e}),children:[e&&o.j.jsx(s.StyledCircularProgress,{color:i,size:"small"}),c]})};exports.Button=q;

package/lib/components/Button/Button.d.ts

@@ -0,0 +1,35 @@
+import { ButtonTypeMap, ButtonProps as MuiButtonProps } from '@mui/material';
+import { ElementType, ReactNode } from 'react';
+import { WithoutEmotionSpecific } from '../types';
+import { ButtonColors, ButtonVariants } from './enums';
+export type ButtonProps<RootComponent extends ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps<RootComponent>>, 'variant' | 'color'> & {
+    /**
+     * Тип кнопки
+     */
+    variant?: `${ButtonVariants}`;
+    /**
+     * Если `true`, появляется loader внутри кнопки
+     */
+    loading?: boolean;
+    /**
+     * @deprecated Не поддерживается, используется стандартный индикатор загрузки
+     */
+    loadingIndicator?: ReactNode;
+    /**
+     * @deprecated Не поддерживается, используется стандартное положение индикатора загрузки `center`
+     */
+    loadingPosition?: 'start' | 'end' | 'center';
+    /**
+     * Цвет текста кнопки
+     */
+    color?: `${ButtonColors}`;
+    /**
+     * Тип html-элемента
+     */
+    component?: RootComponent;
+    /**
+     * Состояние кнопки - selected
+     */
+    selected?: boolean;
+};
+export declare const Button: <RootComponent extends React.ElementType = "button">(props: ButtonProps<RootComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Button/Button.mjs

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

package/lib/components/Button/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="astral-button-loading";exports.LOADING_BUTTON_CLASSNAME=t;

package/lib/components/Button/constants.mjs

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

package/lib/components/Button/enums.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(r=>(r.Error="error",r.Success="success",r.Warning="warning",r.Primary="primary",r))(e||{}),i=(r=>(r.Contained="contained",r.Light="light",r.Text="text",r.Link="link",r))(i||{}),a=(r=>(r.Small="small",r.Medium="medium",r.Large="large",r))(a||{}),c=(r=>(r.Default="default",r.Active="active",r.Focus="focus",r.Hover="hover",r))(c||{});exports.ButtonColors=e;exports.ButtonSizes=a;exports.ButtonStates=c;exports.ButtonVariants=i;

package/lib/components/Button/enums.mjs

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

package/lib/components/Button/styles.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@mui/material"),o=require("../CircularProgress/CircularProgress.cjs"),e=require("./enums.cjs"),i=r.styled(r.Button)`
+  min-width: ${({variant:t})=>t===e.ButtonVariants.Link?"auto":""};
+  padding: ${({variant:t})=>t===e.ButtonVariants.Link?0:""};
+
+  :active {
+    box-shadow: none;
+  }
+`,s=r.styled(o.CircularProgress)`
+  position: absolute;
+`;exports.StyledButton=i;exports.StyledCircularProgress=s;

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

@@ -0,0 +1,5 @@
+export declare const StyledButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "sx" | "className" | "color" | "style" | "tabIndex" | "href" | "children" | "size" | "classes" | "action" | "disabled" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledCircularProgress: import('@emotion/styled').StyledComponent<import('../types').WithoutEmotionSpecific<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').CircularProgressProps>, "color" | "size">> & {
+    color?: "primary" | "inverted";
+    size?: "small" | "medium";
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/Button/styles.mjs

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

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

@@ -0,0 +1,19 @@
+import { ButtonColors, ButtonSizes, ButtonStates, ButtonVariants } from './enums';
+declare module '@mui/material/Button' {
+    interface ButtonPropsVariantOverrides {
+        contained: true;
+        light: true;
+        text: true;
+        link: true;
+    }
+    interface ButtonPropsColorVariantOverrides {
+        primary: true;
+        success: true;
+        warning: true;
+        error: true;
+    }
+}
+export type ButtonColor = `${ButtonColors}`;
+export type ButtonVariant = `${ButtonVariants}`;
+export type ButtonSize = `${ButtonSizes}`;
+export type ButtonState = `${ButtonStates}`;

package/lib/components/Button/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("../../CircularProgress/constants.cjs"),t=require("../enums.cjs"),n=({variant:r})=>({loadingIndicatorColor:e.useMemo(()=>r!==t.ButtonVariants.Contained?o.CircularProgressColors.PRIMARY:o.CircularProgressColors.INVERTED,[r])});exports.useLogic=n;

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

@@ -0,0 +1,5 @@
+import { CircularProgressColors } from '../../CircularProgress/constants';
+import { ButtonProps } from '../Button';
+export declare const useLogic: <RootComponent extends React.ElementType>({ variant, }: ButtonProps<RootComponent>) => {
+    loadingIndicatorColor: CircularProgressColors;
+};

package/lib/components/Button/useLogic/useLogic.mjs

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

package/lib/components/Checkbox/Checkbox.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),i=require("react"),r=require("./icons.cjs"),u=require("./styles.cjs"),j=i.forwardRef(({icon:t=e.j.jsx(r.DefaultIcon,{}),checkedIcon:o=e.j.jsx(r.CheckedIcon,{}),indeterminateIcon:c=e.j.jsx(r.IndeterminateIcon,{}),...n},s)=>e.j.jsx(u.StyledCheckbox,{ref:s,icon:t,checkedIcon:o,indeterminateIcon:c,...n}));exports.Checkbox=j;

package/lib/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type CheckboxProps = Omit<WithoutEmotionSpecific<MuiCheckboxProps>, 'size' | 'color'> & {
+    /**
+     * Флаг для активации error стилей.
+     */
+    isError?: boolean;
+};
+export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/lib/components/Checkbox/Checkbox.mjs

@@ -0,0 +1,24 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { forwardRef as n } from "react";
+import { DefaultIcon as s, CheckedIcon as c, IndeterminateIcon as f } from "./icons.mjs";
+import { StyledCheckbox as i } from "./styles.mjs";
+const I = n(
+  ({
+    icon: r = /* @__PURE__ */ o.jsx(s, {}),
+    checkedIcon: e = /* @__PURE__ */ o.jsx(c, {}),
+    indeterminateIcon: t = /* @__PURE__ */ o.jsx(f, {}),
+    ...m
+  }, x) => /* @__PURE__ */ o.jsx(
+    i,
+    {
+      ref: x,
+      icon: r,
+      checkedIcon: e,
+      indeterminateIcon: t,
+      ...m
+    }
+  )
+);
+export {
+  I as Checkbox
+};

package/lib/components/Checkbox/icons.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),c=require("@mui/material"),n=({...C})=>e.j.jsxs(c.SvgIcon,{viewBox:"0 0 14 14",...C,children:[e.j.jsx("path",{d:"M0 3C0 1.34315 1.34315 0 3 0H11C12.6569 0 14 1.34315 14 3V11C14 12.6569 12.6569 14 11 14H3C1.34315 14 0 12.6569 0 11V3Z"}),e.j.jsx("path",{className:"MuiSvgIcon-border",fillRule:"evenodd",clipRule:"evenodd",d:"M11 2H3C2.44772 2 2 2.44772 2 3V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V3C12 2.44772 11.5523 2 11 2ZM3 0C1.34315 0 0 1.34315 0 3V11C0 12.6569 1.34315 14 3 14H11C12.6569 14 14 12.6569 14 11V3C14 1.34315 12.6569 0 11 0H3Z"})]}),o=({...C})=>e.j.jsxs(c.SvgIcon,{viewBox:"0 0 14 14",...C,children:[e.j.jsx("rect",{width:"14",height:"14",rx:"3"}),e.j.jsx("path",{className:"MuiSvgIcon-mark",fillRule:"evenodd",clipRule:"evenodd",d:"M4.71402 6.30066C4.62206 6.20534 4.51205 6.12931 4.39042 6.07701C4.26879 6.0247 4.13797 5.99717 4.0056 5.99602C3.87323 5.99487 3.74195 6.02012 3.61943 6.0703C3.49691 6.12048 3.3856 6.19458 3.292 6.28829C3.19839 6.38199 3.12437 6.49342 3.07424 6.61607C3.02411 6.73872 2.99889 6.87013 3.00004 7.00265C3.00119 7.13516 3.02869 7.26612 3.08094 7.38787C3.13319 7.50963 3.20914 7.61976 3.30435 7.71182L5.29823 9.7078C5.48518 9.8949 5.73871 10 6.00306 10C6.26741 10 6.52094 9.8949 6.7079 9.7078L10.6956 5.71584C10.7909 5.62377 10.8668 5.51365 10.9191 5.39189C10.9713 5.27013 10.9988 5.13918 11 5.00666C11.0011 4.87415 10.9759 4.74274 10.9258 4.62009C10.8756 4.49744 10.8016 4.38601 10.708 4.29231C10.6144 4.1986 10.5031 4.1245 10.3806 4.07432C10.258 4.02414 10.1268 3.99889 9.9944 4.00004C9.86203 4.00119 9.73121 4.02872 9.60958 4.08102C9.48795 4.13333 9.37794 4.20936 9.28598 4.30468L6.00306 7.59106L4.71402 6.30066V6.30066Z"})]}),t=({...C})=>e.j.jsxs(c.SvgIcon,{viewBox:"0 0 14 14",...C,children:[e.j.jsx("rect",{width:"14",height:"14",rx:"3"}),e.j.jsx("path",{className:"MuiSvgIcon-mark",d:"M10 6H4C3.44772 6 3 6.44772 3 7C3 7.55228 3.44772 8 4 8H10C10.5523 8 11 7.55228 11 7C11 6.44772 10.5523 6 10 6Z"})]});exports.CheckedIcon=o;exports.DefaultIcon=n;exports.IndeterminateIcon=t;

package/lib/components/Checkbox/icons.d.ts

@@ -0,0 +1,4 @@
+import { SvgIconProps } from '@mui/material';
+export declare const DefaultIcon: React.FunctionComponent<SvgIconProps>;
+export declare const CheckedIcon: React.FunctionComponent<SvgIconProps>;
+export declare const IndeterminateIcon: React.FunctionComponent<SvgIconProps>;

package/lib/components/Checkbox/icons.mjs

@@ -0,0 +1,45 @@
+import { j as C } from "../../_virtual/jsx-runtime.mjs";
+import { SvgIcon as o } from "@mui/material";
+const i = ({
+  ...e
+}) => /* @__PURE__ */ C.jsxs(o, { viewBox: "0 0 14 14", ...e, children: [
+  /* @__PURE__ */ C.jsx("path", { d: "M0 3C0 1.34315 1.34315 0 3 0H11C12.6569 0 14 1.34315 14 3V11C14 12.6569 12.6569 14 11 14H3C1.34315 14 0 12.6569 0 11V3Z" }),
+  /* @__PURE__ */ C.jsx(
+    "path",
+    {
+      className: "MuiSvgIcon-border",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M11 2H3C2.44772 2 2 2.44772 2 3V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V3C12 2.44772 11.5523 2 11 2ZM3 0C1.34315 0 0 1.34315 0 3V11C0 12.6569 1.34315 14 3 14H11C12.6569 14 14 12.6569 14 11V3C14 1.34315 12.6569 0 11 0H3Z"
+    }
+  )
+] }), t = ({
+  ...e
+}) => /* @__PURE__ */ C.jsxs(o, { viewBox: "0 0 14 14", ...e, children: [
+  /* @__PURE__ */ C.jsx("rect", { width: "14", height: "14", rx: "3" }),
+  /* @__PURE__ */ C.jsx(
+    "path",
+    {
+      className: "MuiSvgIcon-mark",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M4.71402 6.30066C4.62206 6.20534 4.51205 6.12931 4.39042 6.07701C4.26879 6.0247 4.13797 5.99717 4.0056 5.99602C3.87323 5.99487 3.74195 6.02012 3.61943 6.0703C3.49691 6.12048 3.3856 6.19458 3.292 6.28829C3.19839 6.38199 3.12437 6.49342 3.07424 6.61607C3.02411 6.73872 2.99889 6.87013 3.00004 7.00265C3.00119 7.13516 3.02869 7.26612 3.08094 7.38787C3.13319 7.50963 3.20914 7.61976 3.30435 7.71182L5.29823 9.7078C5.48518 9.8949 5.73871 10 6.00306 10C6.26741 10 6.52094 9.8949 6.7079 9.7078L10.6956 5.71584C10.7909 5.62377 10.8668 5.51365 10.9191 5.39189C10.9713 5.27013 10.9988 5.13918 11 5.00666C11.0011 4.87415 10.9759 4.74274 10.9258 4.62009C10.8756 4.49744 10.8016 4.38601 10.708 4.29231C10.6144 4.1986 10.5031 4.1245 10.3806 4.07432C10.258 4.02414 10.1268 3.99889 9.9944 4.00004C9.86203 4.00119 9.73121 4.02872 9.60958 4.08102C9.48795 4.13333 9.37794 4.20936 9.28598 4.30468L6.00306 7.59106L4.71402 6.30066V6.30066Z"
+    }
+  )
+] }), d = ({
+  ...e
+}) => /* @__PURE__ */ C.jsxs(o, { viewBox: "0 0 14 14", ...e, children: [
+  /* @__PURE__ */ C.jsx("rect", { width: "14", height: "14", rx: "3" }),
+  /* @__PURE__ */ C.jsx(
+    "path",
+    {
+      className: "MuiSvgIcon-mark",
+      d: "M10 6H4C3.44772 6 3 6.44772 3 7C3 7.55228 3.44772 8 4 8H10C10.5523 8 11 7.55228 11 7C11 6.44772 10.5523 6 10 6Z"
+    }
+  )
+] });
+export {
+  t as CheckedIcon,
+  i as DefaultIcon,
+  d as IndeterminateIcon
+};

package/lib/components/Checkbox/styles.cjs

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@mui/material"),t=e=>r.css`
+  &.Mui-checked {
+    color: ${e.palette.red[800]};
+
+    &:hover {
+      color: ${e.palette.red[700]};
+    }
+  }
+
+  & .MuiSvgIcon-border {
+    fill: ${e.palette.red[800]};
+  }
+`,l=r.styled(r.Checkbox,{shouldForwardProp:e=>e!=="isError"})`
+  padding: ${({theme:e})=>e.spacing(2)};
+
+  color: ${({theme:e})=>e.palette.background.element};
+
+  border-radius: unset;
+
+  &:hover {
+    color: ${({theme:e})=>e.palette.grey[100]};
+  }
+
+  & .MuiSvgIcon-border {
+    fill: ${({theme:e})=>e.palette.grey[300]};
+  }
+
+  & > svg {
+    width: calc(16 / 14 * 1rem);
+    height: calc(16 / 14 * 1rem);
+  }
+
+  &.Mui-disabled {
+    color: ${({theme:e})=>e.palette.grey[200]};
+
+    & .MuiSvgIcon-border {
+      fill: currentColor;
+    }
+  }
+
+  &.Mui-checked,
+  &.MuiCheckbox-indeterminate {
+    color: ${({theme:e})=>e.palette.primary.main};
+
+    &:hover {
+      color: ${({theme:e})=>e.palette.primary[700]};
+    }
+
+    &.Mui-disabled {
+      color: ${({theme:e})=>e.palette.grey[500]};
+    }
+
+    & .MuiSvgIcon-mark {
+      fill: ${({theme:e})=>e.palette.common.white};
+    }
+  }
+
+  ${({isError:e,theme:o})=>e&&t(o)}
+`;exports.StyledCheckbox=l;

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

@@ -0,0 +1,5 @@
+type CheckboxStyledProps = {
+    isError?: boolean;
+};
+export declare const StyledCheckbox: import('@emotion/styled').StyledComponent<import('@mui/material').CheckboxProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & CheckboxStyledProps, {}, {}>;
+export {};

package/lib/components/Checkbox/styles.mjs

@@ -0,0 +1,65 @@
+import { styled as o, Checkbox as l, css as t } from "@mui/material";
+const c = (e) => t`
+  &.Mui-checked {
+    color: ${e.palette.red[800]};
+
+    &:hover {
+      color: ${e.palette.red[700]};
+    }
+  }
+
+  & .MuiSvgIcon-border {
+    fill: ${e.palette.red[800]};
+  }
+`, a = o(l, {
+  shouldForwardProp: (e) => e !== "isError"
+})`
+  padding: ${({ theme: e }) => e.spacing(2)};
+
+  color: ${({ theme: e }) => e.palette.background.element};
+
+  border-radius: unset;
+
+  &:hover {
+    color: ${({ theme: e }) => e.palette.grey[100]};
+  }
+
+  & .MuiSvgIcon-border {
+    fill: ${({ theme: e }) => e.palette.grey[300]};
+  }
+
+  & > svg {
+    width: calc(16 / 14 * 1rem);
+    height: calc(16 / 14 * 1rem);
+  }
+
+  &.Mui-disabled {
+    color: ${({ theme: e }) => e.palette.grey[200]};
+
+    & .MuiSvgIcon-border {
+      fill: currentColor;
+    }
+  }
+
+  &.Mui-checked,
+  &.MuiCheckbox-indeterminate {
+    color: ${({ theme: e }) => e.palette.primary.main};
+
+    &:hover {
+      color: ${({ theme: e }) => e.palette.primary[700]};
+    }
+
+    &.Mui-disabled {
+      color: ${({ theme: e }) => e.palette.grey[500]};
+    }
+
+    & .MuiSvgIcon-mark {
+      fill: ${({ theme: e }) => e.palette.common.white};
+    }
+  }
+
+  ${({ isError: e, theme: r }) => e && c(r)}
+`;
+export {
+  a as StyledCheckbox
+};

package/lib/components/CheckboxField/CheckboxField.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),u=require("react"),j=require("../FormControl/FormControl.cjs"),m=require("../FormHelperText/FormHelperText.cjs");require("../FormHelperText/FormHelperTextContent/styles.cjs");const a=require("../Tooltip/Tooltip.cjs"),l=require("./styles.cjs"),d=({isSuccess:s,helperText:r,hideHelperText:t=!1,label:n,isError:o,...i})=>{const c=u.useMemo(()=>!!(o&&t),[o,t]);return e.j.jsxs(j.FormControl,{children:[e.j.jsx(a.Tooltip,{title:c&&r,placement:"bottom-start",withoutContainer:!1,children:e.j.jsx(l.StyledFormControlledLabel,{control:e.j.jsx(l.StyledCheckbox,{isError:o,...i}),label:n})}),!t&&e.j.jsx(m.FormHelperText,{error:o,success:s,children:r})]})};exports.CheckboxField=d;

package/lib/components/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { CheckboxProps } from '../Checkbox';
+export type CheckboxFieldProps = CheckboxProps & {
+    /**
+     * Флаг отображения успешного состояния текстовой ошибки (helperText)
+     */
+    isSuccess?: boolean;
+    /**
+     * Текст-подсказка
+     */
+    helperText?: ReactNode;
+    /**
+     * Флаг принудительного скрытия блока helperText
+     */
+    hideHelperText?: boolean;
+    /**
+     * Текст или элемент около чекбокса (обычно краткое описание назначения чекбокса)
+     */
+    label: ReactNode;
+};
+/**
+ * Составной компонент чекбокса. Содержит label, tooltip, helperText и т.д.
+ */
+export declare const CheckboxField: ({ isSuccess, helperText, hideHelperText, label, isError, ...restProps }: CheckboxFieldProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/CheckboxField/CheckboxField.mjs

@@ -0,0 +1,41 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { useMemo as i } from "react";
+import { FormControl as c } from "../FormControl/FormControl.mjs";
+import { FormHelperText as p } from "../FormHelperText/FormHelperText.mjs";
+import "../FormHelperText/FormHelperTextContent/styles.mjs";
+import { Tooltip as a } from "../Tooltip/Tooltip.mjs";
+import { StyledFormControlledLabel as f, StyledCheckbox as x } from "./styles.mjs";
+const k = ({
+  isSuccess: e,
+  helperText: r,
+  hideHelperText: m = !1,
+  label: l,
+  isError: t,
+  ...s
+}) => {
+  const n = i(
+    () => !!(t && m),
+    [t, m]
+  );
+  return /* @__PURE__ */ o.jsxs(c, { children: [
+    /* @__PURE__ */ o.jsx(
+      a,
+      {
+        title: n && r,
+        placement: "bottom-start",
+        withoutContainer: !1,
+        children: /* @__PURE__ */ o.jsx(
+          f,
+          {
+            control: /* @__PURE__ */ o.jsx(x, { isError: t, ...s }),
+            label: l
+          }
+        )
+      }
+    ),
+    !m && /* @__PURE__ */ o.jsx(p, { error: t, success: e, children: r })
+  ] });
+};
+export {
+  k as CheckboxField
+};

package/lib/components/CheckboxField/styles.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),o=require("../Checkbox/Checkbox.cjs"),t=require("../FormControlLabel/FormControlLabel.cjs"),l=e.styled(t.FormControlLabel)`
+  align-items: flex-start;
+`,r=e.styled(o.Checkbox)`
+  padding-top: 3px;
+`;exports.StyledCheckbox=r;exports.StyledFormControlledLabel=l;

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

@@ -0,0 +1,8 @@
+/**
+ * Выравнивает элементы по вертикали
+ */
+export declare const StyledFormControlledLabel: import('@emotion/styled').StyledComponent<import('../FormControlLabel').FormControlLabelProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+/**
+ * Уменьшает padding сверху, чтобы чекбокс не был ниже текста
+ */
+export declare const StyledCheckbox: import('@emotion/styled').StyledComponent<Omit<import('../Checkbox').CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/CheckboxField/styles.mjs

@@ -0,0 +1,12 @@
+import { styled as o } from "@mui/material";
+import { Checkbox as t } from "../Checkbox/Checkbox.mjs";
+import { FormControlLabel as r } from "../FormControlLabel/FormControlLabel.mjs";
+const p = o(r)`
+  align-items: flex-start;
+`, d = o(t)`
+  padding-top: 3px;
+`;
+export {
+  d as StyledCheckbox,
+  p as StyledFormControlledLabel
+};

package/lib/components/Chevron/Chevron.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.ChevronIcon,{...e});exports.Chevron=t;

package/lib/components/Chevron/Chevron.d.ts

@@ -0,0 +1,7 @@
+import { SvgIconProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type ChevronProps = {
+    isActive?: boolean;
+    className?: string;
+} & Omit<WithoutEmotionSpecific<SvgIconProps>, 'children' | 'classes' | 'ref'>;
+export declare const Chevron: (props: ChevronProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Chevron/Chevron.mjs

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

package/lib/components/Chevron/styles.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),o=require("lucide-react"),n=t.styled(o.ChevronDown,{shouldForwardProp:r=>r!=="isActive"})`
+  transform: rotateZ(${({isActive:r})=>r?180:0}deg);
+  width: 16px;
+  height: 16px;
+  transition: ${({theme:r})=>r.transitions.create("transform",{easing:r.transitions.easing.sharp,duration:r.transitions.duration.short})};
+`;exports.ChevronIcon=n;

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

@@ -0,0 +1,5 @@
+type ChevronWrapperProps = {
+    isActive?: boolean;
+};
+export declare const ChevronIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ChevronWrapperProps, {}, {}>;
+export {};

package/lib/components/Chevron/styles.mjs

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