@max-ts/components 1.6.5 → 1.8.0

package/lib/form/EditableText/EditableText.d.ts

@@ -0,0 +1,52 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { UseFormReturn } from '../hooks';
+import type { FIELD_NAME } from './constants';
+import type { FormValues, ValidationFn } from './types';
+export type EditableTextProps<TValue = string> = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Значение поля в форме редактирования.
+     * Если в children строка или число, то это значение будет по умолчанию считаться initialValue
+     */
+    initialValue?: TValue;
+    /**
+     * Если false, иконка редактирования не будет отображаться
+     * @default true
+     */
+    isShowIcon?: boolean;
+    /**
+     * Если true, будет отображаться лоадер
+     */
+    isLoading?: boolean;
+    /**
+     * Отображаемое значение
+     */
+    children: ReactNode;
+    /**
+     * Отображает иконку слева или справа от текста
+     * @default right
+     */
+    iconPosition?: 'right' | 'left';
+    /**
+     * Render-props для замены компонента поля формы
+     */
+    componentField?: (fieldProps: {
+        name: typeof FIELD_NAME;
+        control: UseFormReturn<FormValues>['control'];
+        fullWidth: boolean;
+    }) => ReactElement;
+    /**
+     * Функция валидации для редактируемого поля.
+     */
+    validate?: ValidationFn;
+    /**
+     * Функция, вызываемая при отправке формы.
+     * @param fieldValue - Значение поля.
+     */
+    onSubmit: (fieldValue?: TValue) => void | Promise<void>;
+};
+export declare const EditableText: <TValue = string>(props: EditableTextProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditableText.d.ts.map

package/lib/form/EditableText/EditableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../src/form/EditableText/EditableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAQ9C,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGxD,MAAM,MAAM,iBAAiB,CAAC,MAAM,GAAG,MAAM,IAAI;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEhC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE;QAC7B,IAAI,EAAE,OAAO,UAAU,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;QAC9C,SAAS,EAAE,OAAO,CAAC;KACnB,KAAK,YAAY,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;;OAGG;IACH,QAAQ,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,GAAG,MAAM,EAC3C,OAAO,iBAAiB,CAAC,MAAM,CAAC,4CAuDhC,CAAC"}

package/lib/form/EditableText/EditableText.js

@@ -0,0 +1 @@
+import{Fragment as i,jsx as o,jsxs as t}from"react/jsx-runtime";import{Tooltip as r}from"../../components/index.js";import{EditingForm as e}from"./EditingForm/index.js";import{DisplayValue as n,StyledEditIcon as l,StyledLoader as m,StyledPopover as s}from"./styles.js";import{useLogic as c}from"./useLogic/index.js";let a=a=>{let{isIconOnLeft:d,onClose:h,displayValueProps:p,tooltipProps:f,popoverProps:x}=c(a),{className:g,children:j,isShowIcon:u=!0,isLoading:b,iconPosition:$="right",...v}=a,E=()=>b?o(m,{$iconPosition:$}):u?o(l,{$iconPosition:$}):null;return t(i,{children:[o(r,{...f,placement:"bottom",children:t(n,{$isLoading:b,className:g,variant:"inherit",...p,children:[d&&E(),j,!d&&E()]})}),o(s,{anchorOrigin:{vertical:"bottom",horizontal:"left"},...x,children:o(e,{onClose:h,...v,children:j})})]})};export{a as EditableText};

package/lib/form/EditableText/EditingForm/EditingForm.d.ts

@@ -0,0 +1,38 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { UseFormReturn } from '../../hooks';
+import { FIELD_NAME } from '../constants';
+import type { FormValues, ValidationFn } from '../types';
+export type EditingFormProps<TValue = string> = {
+    /**
+     * Значение поля в форме редактирования.
+     * Если в children строка или число, то это значение будет по умолчанию считаться initialValue
+     */
+    initialValue?: TValue;
+    /**
+     * Отображаемое значение
+     */
+    children: ReactNode;
+    /**
+     * Render-props для замены компонента поля формы
+     */
+    componentField?: (fieldProps: {
+        name: typeof FIELD_NAME;
+        control: UseFormReturn<FormValues>['control'];
+        fullWidth: boolean;
+    }) => ReactElement;
+    /**
+     * Функция валидации для редактируемого поля.
+     */
+    validate?: ValidationFn;
+    /**
+     * Функция, вызываемая при закрытии поповера
+     */
+    onClose: () => void;
+    /**
+     * Функция, вызываемая при отправке формы.
+     * @param fieldValue - Значение поля.
+     */
+    onSubmit: (fieldValue?: TValue) => void | Promise<void>;
+};
+export declare const EditingForm: <TValue = string>(props: EditingFormProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditingForm.d.ts.map

package/lib/form/EditableText/EditingForm/EditingForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditingForm.d.ts","sourceRoot":"","sources":["../../../../src/form/EditableText/EditingForm/EditingForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIzD,MAAM,MAAM,gBAAgB,CAAC,MAAM,GAAG,MAAM,IAAI;IAC/C;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE;QAC7B,IAAI,EAAE,OAAO,UAAU,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;QAC9C,SAAS,EAAE,OAAO,CAAC;KACnB,KAAK,YAAY,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,QAAQ,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,GAAG,MAAM,EAC1C,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CA6B/B,CAAC"}

package/lib/form/EditableText/EditingForm/EditingForm.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import{Form as t}from"lucide-react";import{FormSubmitButton as i}from"../../FormSubmitButton/index.js";import{FormTextField as e}from"../../FormTextField/index.js";import{Button as m}from"../../../components/index.js";import{FIELD_NAME as n}from"../constants.js";import{Description as l,FormFooter as c,Wrapper as d}from"./styles.js";import{useLogic as s}from"./useLogic/index.js";let f=f=>{let{formProps:p}=s(f),{componentField:x=o=>r(e,{...o}),onClose:h}=f;return r(d,{children:o(t,{...p,children:[r(l,{children:"Введите новое значение и нажмите \xabСохранить\xbb"}),x?.({name:n,control:p.form.control,fullWidth:!0}),o(c,{children:[r(m,{variant:"text",onClick:h,children:"Отмена"}),r(i,{children:"Сохранить"})]})]})})};export{f as EditingForm};

package/lib/form/EditableText/EditingForm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './EditingForm';
+//# sourceMappingURL=index.d.ts.map

package/lib/form/EditableText/EditingForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/EditableText/EditingForm/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/form/EditableText/EditingForm/index.js

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

package/lib/form/EditableText/EditingForm/styles.d.ts

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

package/lib/form/EditableText/EditingForm/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/form/EditableText/EditingForm/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,6NAGnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;6IAEvB,CAAC;AAEF,eAAO,MAAM,UAAU,uNAItB,CAAC"}

package/lib/form/EditableText/EditingForm/styles.js

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

package/lib/form/EditableText/EditingForm/useLogic/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLogic';
+//# sourceMappingURL=index.d.ts.map

package/lib/form/EditableText/EditingForm/useLogic/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/form/EditableText/EditingForm/useLogic/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/lib/form/EditableText/EditingForm/useLogic/index.js

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

package/lib/form/EditableText/EditingForm/useLogic/useLogic.d.ts

@@ -0,0 +1,11 @@
+import type { FormValues } from '../../types';
+import type { EditingFormProps } from '../EditingForm';
+type UseLogicParams<TValue> = EditingFormProps<TValue>;
+export declare const useLogic: <TValue>({ initialValue, children, validate, onClose, onSubmit, }: UseLogicParams<TValue>) => {
+    formProps: {
+        form: import("react-hook-form").UseFormReturn<FormValues, unknown>;
+        onSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
+    };
+};
+export {};
+//# sourceMappingURL=useLogic.d.ts.map

package/lib/form/EditableText/EditingForm/useLogic/useLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogic.d.ts","sourceRoot":"","sources":["../../../../../src/form/EditableText/EditingForm/useLogic/useLogic.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,KAAK,cAAc,CAAC,MAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAEvD,eAAO,MAAM,QAAQ,GAAI,MAAM,EAAE,0DAM9B,cAAc,CAAC,MAAM,CAAC;;;;;CAgExB,CAAC"}

package/lib/form/EditableText/EditingForm/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useMemo as e}from"react";import{useForm as r}from"../../../hooks/index.js";import{FIELD_NAME as o}from"../../constants.js";let t=({initialValue:t,children:s,validate:u,onClose:l,onSubmit:m})=>{let n=e(()=>t||("string"==typeof s||"number"==typeof s?s:null),[t,s]),a=r({defaultValues:{[o]:n},resolver:u?e=>{let r=e[o],t=u?.(r);return t?{values:{},errors:{[o]:{message:t?.message,type:t?.cause.code}}}:{values:e,errors:{}}}:void 0});return{formProps:{form:a,onSubmit:a.handleSubmit(e=>{let r=e[o],t=r!==n;if(l(),t)return m(r)})}}};export{t as useLogic};

package/lib/form/EditableText/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const FIELD_NAME = "editableField";
+//# sourceMappingURL=constants.d.ts.map

package/lib/form/EditableText/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/form/EditableText/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,kBAAkB,CAAC"}

package/lib/form/EditableText/constants.js

@@ -0,0 +1 @@
+let e="editableField";export{e as FIELD_NAME};

package/lib/form/EditableText/index.d.ts

@@ -0,0 +1,2 @@
+export * from './EditableText';
+//# sourceMappingURL=index.d.ts.map

package/lib/form/EditableText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/EditableText/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/form/EditableText/index.js

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

package/lib/form/EditableText/styles.d.ts

@@ -0,0 +1,27 @@
+export declare const DisplayValue: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    color?: import("../../components/index.ts").TypographyColor;
+    variant?: import("../../components/index.ts").TypographyVariant;
+    colorIntensity?: import("../../components/index.ts").Intensity;
+    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> & {
+    $isEdited?: boolean;
+    $isLoading?: boolean;
+}, {}, {}>;
+export declare const StyledEditIcon: import("@emotion/styled").StyledComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    $iconPosition: "left" | "right";
+}, {}, {}>;
+export declare const StyledLoader: import("@emotion/styled").StyledComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    $iconPosition: "left" | "right";
+}, {}, {}>;
+export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("../../components/types").WithoutEmotionSpecific<import("@mui/material").PopoverProps> & {
+    title?: string;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/form/EditableText/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/form/EditableText/styles.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;gBAGR,OAAO;iBAAe,OAAO;UAuB7C,CAAC;AAEF,eAAO,MAAM,cAAc;mBAEP,MAAM,GAAG,OAAO;UAcnC,CAAC;AAEF,eAAO,MAAM,YAAY;mBAEL,MAAM,GAAG,OAAO;UAcnC,CAAC;AAEF,eAAO,MAAM,aAAa;;sFAEzB,CAAC"}

package/lib/form/EditableText/styles.js

@@ -0,0 +1,43 @@
+import{Loader as i,Pencil as t}from"lucide-react";import{Popover as r,Typography as o}from"../../components/index.js";import{styled as e}from"../../theme/index.js";let n=(i,t,r)=>t?i.palette.primary[100]:r?i.palette.grey[100]:"transparent",a=e(o,{shouldForwardProp:i=>!["$isEdited","$isLoading"].includes(i.toString())})`
+  cursor: pointer;
+
+  display: unset;
+
+  background: ${({theme:i,$isEdited:t,$isLoading:r})=>n(i,t,r)};
+  border-radius: ${({theme:i})=>i.shape.small};
+  box-shadow: ${({theme:i,$isEdited:t,$isLoading:r})=>`0 0 0 2px ${n(i,t,r)}`};
+
+  transition: ${({theme:i})=>i.transitions.create(["background","box-shadow"],{duration:i.transitions.duration.short})};
+
+  &:hover {
+    cursor: ${({$isLoading:i})=>i?"default":"pointer"};
+
+    text-decoration: ${({$isLoading:i})=>i?"inherit":"underline"};
+  }
+`,s=e(t,{shouldForwardProp:i=>!["$iconPosition"].includes(i.toString())})`
+  width: auto;
+  min-width: 16px;
+  height: 1em;
+  min-height: 16px;
+  margin-right: ${({$iconPosition:i,theme:t})=>"left"===i?t.spacing(1):""};
+
+  /* Вертикальный отступ для визуального центрирования. Значение подобрано эмпирическим путем */
+  margin-bottom: calc(-1em / 5);
+  margin-left: ${({$iconPosition:i,theme:t})=>"right"===i?t.spacing(1):""};
+
+  font-size: inherit;
+`,d=e(i,{shouldForwardProp:i=>!["$iconPosition"].includes(i.toString())})`
+  width: 1em;
+  height: 1em;
+  margin-right: ${({$iconPosition:i,theme:t})=>"left"===i?t.spacing(1):""};
+
+  /* Задаем вертикальный отступ для визуального центрирования */
+
+  /* Значение подобрано эмпирическим путем */
+  margin-bottom: calc(-1em / 5);
+  margin-left: ${({$iconPosition:i,theme:t})=>"right"===i?t.spacing(1):""};
+
+  font-size: inherit;
+`,p=e(r)`
+  margin-top: ${({theme:i})=>i.spacing(2)};
+`;export{a as DisplayValue,s as StyledEditIcon,d as StyledLoader,p as StyledPopover};

package/lib/form/EditableText/types.d.ts

@@ -0,0 +1,11 @@
+export type FormValues = {
+    editableField: unknown;
+};
+export type ValidationError = {
+    cause: {
+        code: string;
+    };
+    message: string;
+};
+export type ValidationFn = (value: unknown) => ValidationError | undefined;
+//# sourceMappingURL=types.d.ts.map

package/lib/form/EditableText/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/form/EditableText/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3E,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,eAAe,GAAG,SAAS,CAAC"}

package/lib/form/EditableText/useLogic/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLogic';
+//# sourceMappingURL=index.d.ts.map

package/lib/form/EditableText/useLogic/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/EditableText/useLogic/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/lib/form/EditableText/useLogic/index.js

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

package/lib/form/EditableText/useLogic/useLogic.d.ts

@@ -0,0 +1,19 @@
+import type { SyntheticEvent } from 'react';
+import type { EditableTextProps } from '../EditableText';
+export declare const useLogic: <TValue>({ isLoading, iconPosition, }: EditableTextProps<TValue>) => {
+    isIconOnLeft: boolean;
+    onClose: () => void;
+    tooltipProps: {
+        title: string | undefined;
+    };
+    displayValueProps: {
+        $isEdited: boolean;
+        onClick: (event: SyntheticEvent) => void;
+    };
+    popoverProps: {
+        open: boolean;
+        onClose: () => void;
+        anchorEl: import("../../../hooks/index.ts").AnchorType;
+    };
+};
+//# sourceMappingURL=useLogic.d.ts.map

package/lib/form/EditableText/useLogic/useLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogic.d.ts","sourceRoot":"","sources":["../../../../src/form/EditableText/useLogic/useLogic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,QAAQ,GAAI,MAAM,EAAE,8BAG9B,iBAAiB,CAAC,MAAM,CAAC;;;;;;;;yBAOA,cAAc;;;;;;;CAwBzC,CAAC"}

package/lib/form/EditableText/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{usePopover as o}from"../../../hooks/index.js";let e=({isLoading:e,iconPosition:l})=>{let{isOpen:s,anchor:t,actions:i}=o();return{isIconOnLeft:"left"===l,onClose:i.close,tooltipProps:{title:e?void 0:"Редактировать"},displayValueProps:{$isEdited:s,onClick:o=>{e||i.open(o)}},popoverProps:{open:s,onClose:i.close,anchorEl:t}}};export{e as useLogic};

package/lib/form/Form/Form.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{FormProvider as e}from"../external.js";let o=({form:o,children:t,...m})=>r(e,{...o,children:r("form",{noValidate:!0,...m,children:t})});export{o as Form};

package/lib/form/Form/index.js

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

package/lib/form/FormAutocomplete/FormAutocomplete.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Autocomplete as r}from"../../components/index.js";import{FormController as o}from"../external.js";let n=({control:n,name:t,...m})=>e(o,{control:n,name:t,render:({field:o,fieldState:n})=>e(r,{...m,...o,onChange:e=>o.onChange?.(e),onInputChange:(e,r,n)=>{m.freeSolo&&"input"===n&&o.onChange?.(r),m.onInputChange?.(e,r,n)},error:!!n.error,helperText:n.error?.message})});export{n as FormAutocomplete};

package/lib/form/FormAutocomplete/index.js

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

package/lib/form/FormCheckbox/FormCheckbox.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{CheckboxField as e}from"../../components/index.js";import{FormController as o}from"../external.js";let m=({name:m,control:t,...n})=>r(o,{name:m,control:t,render:({field:o,fieldState:m})=>r(e,{checked:!!o.value,...n,...o,isError:!!m.error,helperText:m.error?.message})});export{m as FormCheckbox};

package/lib/form/FormCheckbox/index.js

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

package/lib/form/FormMaskField/FormMaskField.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{MaskField as e}from"../../components/index.js";import{FormController as o}from"../external.js";function t({name:t,control:m,ref:n,...i}){return r(o,{control:m,name:t,render:({field:o,fieldState:t})=>r(e,{...i,...o,error:!!t.error,helperText:t.error?.message})})}export{t as FormMaskField};

package/lib/form/FormMaskField/index.js

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

package/lib/form/FormSelect/FormSelect.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Select as e}from"../../components/index.js";import{FormController as o}from"../external.js";let t=({name:t,control:m,...n})=>r(o,{name:t,control:m,render:({field:o,fieldState:t})=>r(e,{...n,...o,error:!!t.error,helperText:t.error?.message})});export{t as FormSelect};

package/lib/form/FormSelect/index.js

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

package/lib/form/FormSubmitButton/FormSubmitButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Button as o}from"../../components/index.js";import{useFormContext as i}from"../hooks/index.js";let r=({children:r,loading:m,...e})=>{let{formState:n}=i();return t(o,{type:"submit",loading:m||n.isSubmitting,...e,children:r})};export{r as FormSubmitButton};

package/lib/form/FormSubmitButton/index.js

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

package/lib/form/FormTextField/FormTextField.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{TextField as e}from"../../components/index.js";import{FormController as o}from"../external.js";function t({name:t,control:m,gridArea:n,...i}){return r(o,{control:m,name:t,render:({field:o,fieldState:t})=>r(e,{...i,...o,style:{gridArea:n},value:o.value||"",error:!!t.error,helperText:t.error?.message})})}export{t as FormTextField};

package/lib/form/FormTextField/index.js

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

package/lib/form/external.js

@@ -0,0 +1 @@
+import{Controller as r,FormProvider as o,useController as e,useFieldArray as l,useWatch as s}from"react-hook-form";export{r as FormController,o as FormProvider,e as useFormController,l as useFormFieldArray,s as useFormWatch};

package/lib/form/hooks/index.js

@@ -0,0 +1 @@
+export*from"./useForm/index.js";export*from"./useFormContext/index.js";

package/lib/form/hooks/useForm/index.js

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

package/lib/form/hooks/useForm/useForm.js

@@ -0,0 +1 @@
+import{useForm as o}from"react-hook-form";let r=({mode:r="onBlur",...e}={})=>o({...e,mode:r});export{r as useForm};

package/lib/form/hooks/useFormContext/index.js

@@ -0,0 +1 @@
+import{useFormContext as o}from"react-hook-form";export{o as useFormContext};

package/lib/form/index.d.ts

@@ -1,3 +1,4 @@
+export * from './EditableText';
 export * from './external';
 export * from './Form';
 export * from './FormAutocomplete';
@@ -6,6 +7,6 @@ export * from './FormMaskField';
 export * from './FormSelect';
 export * from './FormSubmitButton';
 export * from './FormTextField';
-export { type UseFormProps, type UseFormReturn, useForm, useFormContext, } from './hooks';
+export { useForm, useFormContext, type UseFormProps, type UseFormReturn, } from './hooks';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EACN,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,OAAO,EACP,cAAc,GACd,MAAM,SAAS,CAAC;AACjB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EACN,OAAO,EACP,cAAc,EACd,KAAK,YAAY,EACjB,KAAK,aAAa,GAClB,MAAM,SAAS,CAAC;AACjB,cAAc,SAAS,CAAC"}

package/lib/form/index.js

@@ -0,0 +1 @@
+import{useForm as o,useFormContext as e}from"./hooks/index.js";export*from"./EditableText/index.js";export*from"./external.js";export*from"./Form/index.js";export*from"./FormAutocomplete/index.js";export*from"./FormCheckbox/index.js";export*from"./FormMaskField/index.js";export*from"./FormSelect/index.js";export*from"./FormSubmitButton/index.js";export*from"./FormTextField/index.js";export*from"./types.js";export{o as useForm,e as useFormContext};

package/lib/hooks/index.js

@@ -0,0 +1 @@
+export*from"./useMenu/index.js";export*from"./usePopover/index.js";export*from"./useToggle/index.js";export*from"./useViewportType/index.js";

package/lib/hooks/useMenu/index.js

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

package/lib/hooks/useMenu/useMenu.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as n,useState as r}from"react";function u(t=null){let[l,o]=r(!1),c=n(null);return e(()=>{t&&("function"==typeof t?t(c.current):t.current=c.current)},[t]),{open:l,anchorRef:c,handleCloseMenu:()=>o(!1),handleOpenMenu:()=>o(!0)}}export{u as useMenu};

package/lib/hooks/useMenu/useMenu.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as n,jsxs as o}from"react/jsx-runtime";import{ClickAwayListener as r}from"@mui/material";import{Button as t}from"../../components/Button/index.js";import{Menu as i}from"../../components/Menu/index.js";import{MenuItem as m}from"../../components/MenuItem/index.js";import{useMenu as l}from"./useMenu.js";let c={title:"Hooks/useMenu"},s=()=>{let{open:c,anchorRef:s,handleOpenMenu:p,handleCloseMenu:u}=l();return o(e,{children:[n(r,{onClickAway:u,children:n(t,{ref:s,onClick:p,children:"Click me"})}),o(i,{open:c,anchorEl:s.current,children:[n(m,{children:"Option 1"}),n(m,{children:"Option 2"})]})]})};export{s as Example,c as default};

package/lib/hooks/usePopover/index.js

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

package/lib/hooks/usePopover/usePopover.js

@@ -0,0 +1 @@
+import{useState as e}from"react";let r=()=>{let[r,t]=e(null);return{isOpen:!!r,anchor:r,actions:{open:e=>t(e.currentTarget),close:()=>t(null)}}};export{r as usePopover};

package/lib/hooks/useToggle/index.js

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

package/lib/hooks/useToggle/useToggle.js

@@ -0,0 +1 @@
+import{useState as e}from"react";let r=r=>{let{initialState:t=!1,onInactive:o,onActive:l}=r||{},[g,m]=e(t);return[g,(...e)=>{m(!0),l?.(...e)},(...e)=>{m(!1),o?.(...e)}]};export{r as useToggle};

package/lib/hooks/useViewportType/index.js

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

package/lib/hooks/useViewportType/useViewportType.js

@@ -0,0 +1 @@
+import{useMediaQuery as e,useTheme as i}from"@mui/material";let o=()=>({isMobile:e(i().breakpoints.down("sm"))});export{o as useViewportType};

package/lib/hooks/useViewportType/useViewportType.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import"react";import{Description as t}from"../../components/index.js";import{useViewportType as i}from"./useViewportType.js";let o={title:"hooks/useViewportType"},s=()=>{let{isMobile:o}=i();return r(t,{children:[e(t.Name,{children:"isMobile"}),e(t.Value,{children:JSON.stringify(o)})]})};export{s as IsMobile,o as default};

package/lib/icons/index.js

@@ -0,0 +1 @@
+export*from"lucide-react";

package/lib/index.js

@@ -0,0 +1 @@
+export*from"./components/index.js";export*from"./form/index.js";export*from"./hooks/index.js";export*from"./theme/index.js";

package/lib/theme/baseTheme/baseTheme.js

@@ -0,0 +1 @@
+import{createTheme as e}from"@mui/material";import{mergeDeep as o}from"remeda";import{defaultBreakpoints as t}from"../breakpoints.js";import{components as r}from"../components/index.js";import{SPACING as m}from"../constants.js";import{elevation as p}from"../elevation.js";import{getPalette as a}from"../palette/index.js";import{shape as i}from"../shape.js";import{getTypography as s}from"../typography.js";let n=n=>{let f=n?.options||{},h=e({breakpoints:n?.breakpoints||t,spacing:m,palette:a(),components:r,shape:i,elevation:p});return o(h,{elevation:p,shape:i,typography:s(h),...f})};export{n as createTheme};

package/lib/theme/baseTheme/index.js

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

package/lib/theme/breakpoints.js

@@ -0,0 +1 @@
+let e={values:{xs:0,sm:600,md:900,lg:1200,xl:1536}};export{e as defaultBreakpoints};

package/lib/theme/components/MuiAlert.js

@@ -0,0 +1 @@
+let t={styleOverrides:{root:({theme:t})=>({fontWeight:"400",padding:t.spacing(3),".MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root)":{padding:t.spacing(3,0)},[t.breakpoints.up("sm")]:{padding:t.spacing(2,4),".MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root)":{padding:0}}}),filledSuccess:({theme:t})=>({backgroundColor:t.palette.success.light,color:t.palette.text.primary,".MuiAlert-icon":{color:t.palette.green["900"]}}),filledError:({theme:t})=>({backgroundColor:t.palette.error.light,color:t.palette.text.primary,".MuiAlert-icon":{color:t.palette.red["900"]}}),filledWarning:({theme:t})=>({backgroundColor:t.palette.warning.light,color:t.palette.text.primary,".MuiAlert-icon":{color:t.palette.yellow["900"]}}),filledInfo:({theme:t})=>({backgroundColor:t.palette.primary["100"],color:t.palette.text.primary,".MuiAlert-icon":{color:t.palette.primary["900"]}}),action:({theme:t})=>({svg:{color:`${t.palette.text.primary} !important`}})}};export{t as MuiAlert};

package/lib/theme/components/MuiAutocomplete.js

@@ -0,0 +1 @@
+import{AutocompleteSizes as t}from"../../components/Autocomplete/enums.js";let e={styleOverrides:{inputRoot:({theme:e,ownerState:{size:n}})=>({paddingTop:`${e.spacing(1)} !important`,paddingBottom:`${e.spacing(1)} !important`,paddingLeft:`${e.spacing(1)} !important`,minHeight:n===t.small?"32px":"40px"}),input:({theme:t})=>({padding:"0 !important",paddingLeft:`${t.spacing(1)} !important`}),popupIndicator:({theme:t})=>({borderRadius:t.shape.small,display:"flex",alignItems:"center",width:32,height:32}),endAdornment:()=>({display:"flex",alignItems:"center",justifyContent:"flex-end"}),paper:({theme:t})=>({marginTop:t.spacing(2)}),noOptions:({theme:t})=>({padding:t.spacing(6,0,6,3),color:t.palette.grey["500"]}),clearIndicator:({theme:t})=>({width:32,height:32,padding:0,color:t.palette.primary.contrastText,"::before":{content:'""',position:"absolute",top:"50%",left:"50%",width:"0.6em",height:"0.6em",backgroundColor:t.palette.grey["500"],transform:"translate(-50%, -50%)",borderRadius:"50%"},".MuiSvgIcon-root":{position:"absolute",top:"50%",left:"50%",width:"0.6em",height:"0.6em",transform:"translate(-50%, -50%)",zIndex:1}}),loading:({theme:t})=>({display:"flex",justifyContent:"center",padding:t.spacing(6,0,6,0)})}};export{e as MuiAutocomplete};

package/lib/theme/components/MuiButton.js

@@ -0,0 +1 @@
+import{buttonClasses as e}from"@mui/material";import{ButtonSizes as t,ButtonStates as a,ButtonVariants as r}from"../../components/Button/index.js";import{LOADING_BUTTON_CLASSNAME as o}from"../../components/Button/constants.js";let l=({type:e,values:t,defaultValue:a})=>e&&t[e]||a,n=e=>l({type:e.size,values:{[t.Large]:"40px"},defaultValue:"32px"}),p=e=>l({type:e.size,values:{[t.Small]:"36px"},defaultValue:"48px"}),i=e=>l({type:e.size,values:{[t.Large]:e.theme.spacing(2,4,2,4)},defaultValue:e.theme.spacing(1,3,1,3)}),u=e=>e.variant===r.Link?"0":l({type:e.size,values:{[t.Small]:e.theme.spacing(2,3)},defaultValue:e.theme.spacing(4,3)}),c=({theme:e,variant:t,color:a,buttonState:o,selected:l})=>{let n={selected:{default:e.palette.grey["900"],hover:e.palette.grey["700"],active:e.palette.grey["800"],focus:e.palette.grey["900"]},light:{error:{default:e.palette.red["900"],hover:e.palette.red["900"],active:e.palette.red["800"],focus:e.palette.red["900"]},success:{default:e.palette.green["900"],hover:e.palette.green["900"],active:e.palette.green["800"],focus:e.palette.green["900"]},primary:{default:e.palette.grey["900"],hover:e.palette.grey["900"],active:e.palette.primary["800"],focus:e.palette.grey["900"]},warning:{default:e.palette.yellow["900"],hover:e.palette.yellow["900"],active:e.palette.yellow["800"],focus:e.palette.yellow["900"]}},contained:e.palette.primary.contrastText,text:{default:e.palette.grey["900"],hover:e.palette.grey["900"],active:e.palette.primary["800"],focus:e.palette.grey["900"]},link:{default:e.palette.primary["800"],hover:e.palette.primary["700"],active:e.palette.primary["900"],focus:e.palette.primary["800"]}};return l?t!==r.Link?e.palette.primary.contrastText:n.selected[o]:t===r.Contained?n.contained:t===r.Light&&a?n.light[a][o]:t===r.Text?n.text[o]:n.link[o]},s=({selected:e,color:t,variant:a,buttonState:o,theme:l})=>{let n={selected:{default:l.palette.primary["900"],hover:l.palette.primary["700"],active:l.palette.primary["800"],focus:l.palette.primary["900"]},light:{error:{default:l.palette.red["100"],hover:l.palette.red["200"],active:l.palette.red["100"],focus:l.palette.red["100"]},success:{default:l.palette.green["100"],hover:l.palette.green["200"],active:l.palette.green["100"],focus:l.palette.green["100"]},primary:{default:l.palette.grey["100"],hover:l.palette.grey["200"],active:l.palette.grey["100"],focus:l.palette.grey["100"]},warning:{default:l.palette.yellow["100"],hover:l.palette.yellow["200"],active:l.palette.yellow["100"],focus:l.palette.yellow["100"]}},contained:{error:{default:l.palette.red["800"],hover:l.palette.red["700"],active:l.palette.red["900"],focus:l.palette.red["800"]},success:{default:l.palette.green["800"],hover:l.palette.green["700"],active:l.palette.green["900"],focus:l.palette.green["800"]},primary:{default:l.palette.primary["800"],hover:l.palette.primary["700"],active:l.palette.primary["900"],focus:l.palette.primary["800"]},warning:{default:l.palette.yellow["800"],hover:l.palette.yellow["700"],active:l.palette.yellow["900"],focus:l.palette.yellow["800"]}},text:{default:"transparent",hover:l.palette.grey["200"],active:l.palette.primary["100"],focus:"transparent"},link:"transparent"};return e&&a!==r.Link?n.selected[o]:a===r.Light&&t?n.light[t][o]:a===r.Contained&&t?n.contained[t][o]:a===r.Text?n.text[o]:n.link},g=({theme:e,variant:t})=>r.Link===t||r.Text===t?"transparent":e.palette.grey["200"],d={defaultProps:{disableRipple:!0},styleOverrides:{root({ownerState:t,theme:r}){let l=t.variant,d=t.color,y=t.selected,f=t.size;return{height:n({size:f}),padding:i({theme:r,size:f}),[r.breakpoints.down("sm")]:{height:p({size:f}),padding:u({size:f,theme:r,variant:l}),whiteSpace:"nowrap"},color:c({selected:y,theme:r,variant:l,color:d,buttonState:a.Default}),fontWeight:r.typography.button.fontWeight,fontSize:r.typography.button.fontSize,fontFamily:'"Roboto Variable", "Roboto","Helvetica","Arial",sans-serif',backgroundColor:s({selected:y,theme:r,color:d,variant:l,buttonState:a.Default}),border:"none",borderRadius:r.shape.small,"&:hover":{color:c({selected:y,theme:r,variant:l,color:d,buttonState:a.Hover}),backgroundColor:s({selected:y,color:d,variant:l,theme:r,buttonState:a.Hover}),boxShadow:"none"},"&:active":{color:c({selected:y,color:d,variant:l,theme:r,buttonState:a.Active}),backgroundColor:s({selected:y,color:d,variant:l,theme:r,buttonState:a.Active}),outline:"none"},"&:focus-visible":{color:c({selected:y,theme:r,variant:l,color:d,buttonState:a.Focus}),backgroundColor:s({selected:y,color:d,variant:l,theme:r,buttonState:a.Focus}),outline:`2px solid ${r.palette.primary["400"]}`,boxShadow:"none"},[`&.${e.disabled}`]:{color:r.palette.grey["500"],backgroundColor:g({theme:r,variant:l}),pointerEvents:"none",cursor:"unset"},[`&.${o}`]:{color:"transparent",backgroundColor:s({color:d,variant:l,theme:r,buttonState:a.Default})},gap:r.spacing(1),textTransform:"none",boxShadow:"none",minWidth:"auto","&.MuiButton-root .MuiButton-startIcon":{marginRight:r.spacing(1)},"&.MuiButton-root .MuiButton-endIcon":{marginLeft:r.spacing(1)},"&.MuiButton-root .MuiSvgIcon-root":{fontSize:"24px"}}}}};export{d as MuiButton,s as getButtonBackgroundColor,g as getButtonDisabledBackgroundColor,n as getButtonHeight,p as getButtonHeightMobile,i as getButtonPadding,u as getButtonPaddingMobile};

package/lib/theme/components/MuiButtonBase.js

@@ -0,0 +1 @@
+let t={defaultProps:{disableRipple:!0},styleOverrides:{root:({theme:t})=>({fontFamily:t.typography.fontFamily})}};export{t as MuiButtonBase};

package/lib/theme/components/MuiCircularProgress.js

@@ -0,0 +1 @@
+let r={styleOverrides:{root({ownerState:r,theme:e}){let{"data-color":t}=r;return{color:"primary"===t?e.palette.grey[900]:e.palette.primary.contrastText}}}},e=r;export{r as MuiCircularProgress,e as default};

package/lib/theme/components/MuiDialog.js

@@ -0,0 +1 @@
+let e={styleOverrides:{paper:({theme:e})=>({borderRadius:e.shape.small})}};export{e as MuiDialog};

package/lib/theme/components/MuiDialogActions.js

@@ -0,0 +1 @@
+let i={styleOverrides:{root:({theme:i})=>({padding:i.spacing(4,6,6,6),">div":{width:"100%"}})}};export{i as MuiDialogActions};

package/lib/theme/components/MuiDialogContent.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:({theme:e})=>({padding:e.spacing(0,6)})}};export{e as MuiDialogContent};

package/lib/theme/components/MuiDialogTitle.js

@@ -0,0 +1 @@
+import{buttonClasses as e}from"@mui/material";let t={styleOverrides:{root:({theme:t})=>({padding:t.spacing(6,6,4),fontSize:t.typography.h4.fontSize,fontWeight:t.typography.h4.fontWeight,lineHeight:t.typography.h4.lineHeight,display:"flex",justifyContent:"space-between",alignItems:"center",[`& .${e.root}`]:{marginLeft:t.spacing(4),color:t.palette.grey[800]}})}};export{t as MuiDialogTitle};

package/lib/theme/components/MuiDrawer.js

@@ -0,0 +1 @@
+import{backdropClasses as o,drawerClasses as r}from"@mui/material";let t={styleOverrides:{root:({theme:t})=>({[`&.${r.root} > .${o.root}`]:{backgroundColor:t.palette.background.modalShadow}})}};export{t as MuiDrawer};

package/lib/theme/components/MuiFormHelperText.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:({theme:e})=>({display:"flex",minHeight:e.typography.caption.lineHeight,fontSize:e.typography.caption.fontSize,margin:e.spacing(1,0,0),lineHeight:e.typography.caption.lineHeight,"&.Mui-error":{color:e.palette.error.dark}})}},t=e;export{e as MuiFormHelperText,t as default};

package/lib/theme/components/MuiFormLabel.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:()=>({position:"relative",transform:"none"})}},o=e;export{e as MuiFormLabel,o as default};

package/lib/theme/components/MuiInputLabel.js

@@ -0,0 +1 @@
+let e={defaultProps:{shrink:!0},styleOverrides:{root:({theme:e})=>({position:"relative",transform:"none",color:e.palette.grey[700],fontWeight:e.typography.fontWeightMedium,fontSize:e.typography.pxToRem(12),lineHeight:e.typography.pxToRem(16),marginBottom:e.spacing(1),"&.Mui-focused":{color:e.palette.grey[700]},"&.Mui-error":{color:e.palette.grey[700]},"&.Mui-disabled":{color:e.palette.grey[600]}})}},t=e;export{e as MuiInputLabel,t as default};