@max-ts/components 1.7.0 → 1.8.0

package/lib/components/Tooltip/index.js

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

package/lib/components/Tooltip/styles.js

@@ -0,0 +1,37 @@
+import{jsx as t}from"react/jsx-runtime";import{Tooltip as o,tooltipClasses as p}from"@mui/material";import{styled as e}from"../../theme/index.js";import{TooltipSizes as i}from"./constants.js";let r=e(({className:p,...e})=>t(o,{...e,classes:{popper:p}}))`
+  & .${p.tooltip} {
+    margin: 0;
+
+    font-size: ${({size:t,theme:o})=>t===i.SMALL?o.typography.caption.fontSize:o.typography.body1.fontSize};
+    font-weight: ${({theme:t})=>t.typography.fontWeightRegular};
+    line-height: ${({size:t,theme:o})=>t===i.SMALL?o.typography.caption.lineHeight:o.typography.body1.lineHeight};
+    white-space: pre-line;
+
+    background-color: ${({theme:t})=>t.palette.grey[900]};
+    border-radius: ${({theme:t})=>t.shape.small};
+  }
+
+  & .${p.arrow} {
+    font-size: ${({theme:t})=>t.typography.caption.fontSize};
+    color: ${({theme:t})=>t.palette.grey[900]};
+  }
+
+  &&[data-popper-placement*='top'] .${p.tooltip} {
+    margin-bottom: ${({theme:t})=>t.spacing(2)};
+  }
+
+  &&[data-popper-placement*='bottom'] .${p.tooltip} {
+    margin-top: ${({theme:t})=>t.spacing(2)};
+  }
+
+  &&[data-popper-placement*='left'] .${p.tooltip} {
+    margin-right: ${({theme:t})=>t.spacing(2)};
+  }
+
+  &&[data-popper-placement*='right'] .${p.tooltip} {
+    margin-left: ${({theme:t})=>t.spacing(2)};
+  }
+`,a=e("div")`
+  display: inherit;
+  flex-direction: inherit;
+`;export{a as ContentWrapper,r as StyledTooltip};

package/lib/components/Typography/Typography.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useTypographyColor as o}from"./hooks/index.js";import{TypographyWrapper as t}from"./styles.js";let e=({children:e,color:i,colorIntensity:m="800",component:n,...p})=>{let s=o({color:i,colorIntensity:m});return(r=>{if(!r)return})(p.variant),r(t,{...p,component:n,color:s,children:e})};export{e as Typography};

package/lib/components/Typography/Typography.stories.js

@@ -0,0 +1,3 @@
+import{jsx as r,jsxs as n}from"react/jsx-runtime";import"react";import{styled as e}from"../../theme/index.js";import{Container as i}from"../Container/index.js";import{Paper as o}from"../Paper/index.js";import{Typography as t}from"./Typography.js";let l={title:"Components/Typography",component:t},c={args:{children:"Электронная отчетность и документооборот"},parameters:{docs:{disable:!0}}},a=e(o)`
+  padding: ${({theme:r})=>r.spacing(4)};
+`,h=()=>n(a,{children:[r(t,{variant:"h3",component:"h2",gutterBottom:!0,children:"Заявка успешно отправлена"}),n(t,{paragraph:!0,children:["Заявка"," ",r(t,{color:"info",component:"span",children:"22"})," ","была отправлена на ваш email"]})]}),d=()=>n(i,{direction:"column",gap:4,children:[r(t,{variant:"h1",children:"h1. Электронная отчетность и документооборот"}),r(t,{variant:"h2",children:"h2. Электронная отчетность и документооборот"}),r(t,{variant:"h3",children:"h3. Электронная отчетность и документооборот"}),r(t,{variant:"h4",children:"h4. Электронная отчетность и документооборот"}),r(t,{variant:"h5",children:"h5. Электронная отчетность и документооборот"}),r(t,{variant:"h6",children:"h6. Электронная отчетность и документооборот"}),r(t,{variant:"subtitle1",children:"subtitle1. Электронная отчетность и документооборот"}),r(t,{variant:"subtitle2",children:"subtitle2. Электронная отчетность и документооборот"}),r(t,{children:"Default. Электронная отчетность и документооборот"}),r(t,{variant:"body1",children:"body1. Электронная отчетность и документооборот"}),r(t,{variant:"button",children:"button. Электронная отчетность и документооборот"}),r(t,{variant:"caption",children:"caption. Электронная отчетность и документооборот"})]}),p=()=>r(i,{children:r(t,{variant:"h5",children:r(t,{variant:"inherit",children:"inherit. Электронная отчетность и документооборот"})})}),s=()=>n(i,{direction:"column",gap:4,children:[r(t,{children:"default. Электронная отчетность и документооборот"}),r(t,{color:"text",children:"text. Электронная отчетность и документооборот"}),r(t,{color:"primary",children:"primary. Электронная отчетность и документооборот"}),r(t,{color:"secondary",children:"secondary. Электронная отчетность и документооборот"}),r(t,{color:"error",children:"error. Электронная отчетность и документооборот"}),r(t,{color:"warning",children:"warning. Электронная отчетность и документооборот"}),r(t,{color:"info",children:"info. Электронная отчетность и документооборот"}),r(t,{color:"textSecondary",children:"textSecondary. Электронная отчетность и документооборот"}),r(t,{color:"grey",children:"grey. Электронная отчетность и документооборот"}),r(t,{color:"red",children:"red. Электронная отчетность и документооборот"}),r(t,{color:"green",children:"green. Электронная отчетность и документооборот"}),r(t,{color:"yellow",children:"yellow. Электронная отчетность и документооборот"})]}),m=()=>n(i,{children:[r(t,{color:"info",colorIntensity:"300",children:"text[300]. Электронная отчетность и документооборот"}),r(t,{color:"red",colorIntensity:"200",children:"red[200]. Электронная отчетность и документооборот"}),r(t,{color:"grey",colorIntensity:"400",children:"grey[400]. Электронная отчетность и документооборот"})]}),y=()=>r("div",{style:{width:"200px"},children:r(t,{noWrap:!0,children:"Электронная отчетность и документооборот. Электронная отчетность и документооборот"})}),g=()=>r(i,{children:n(t,{isUpperCase:!0,children:["Электронная отчетность и документооборот"," ",n(t,{color:"info",component:"span",children:["и"," "]}),"документооборот"]})});export{m as ColorIntensity,s as Colors,y as Ellipsis,h as Example,c as Interaction,g as UpperCase,p as VariantInherit,d as Variants,l as default};

package/lib/components/Typography/enums.js

@@ -0,0 +1 @@
+var r,e=((r={}).text="text",r.secondary="secondary",r.primary="primary",r.error="error",r.success="success",r.warning="warning",r.info="info",r.textSecondary="text.secondary",r.grey="grey",r.red="red",r.green="green",r.yellow="yellow",r);export{e as TypographyColors};

package/lib/components/Typography/hooks/index.js

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

package/lib/components/Typography/hooks/useTypographyColor/index.js

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

package/lib/components/Typography/hooks/useTypographyColor/useTypographyColor.js

@@ -0,0 +1 @@
+import{useTheme as t}from"@mui/material";import{useMemo as e}from"react";import{TypographyColors as r}from"../../enums.js";let a=({color:a,colorIntensity:o="800"})=>{let m=t();return e(()=>{let t=a&&r[a];if(t)switch(t){case r.text:return m.palette.text.primary;case r.textSecondary:return m.palette.text.secondary;default:return m.palette[t]?.[o]||t}},[a,o,m])};export{a as useTypographyColor};

package/lib/components/Typography/index.js

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

package/lib/components/Typography/styles.js

@@ -0,0 +1,3 @@
+import{Typography as r}from"@mui/material";import{styled as e}from"../../theme/index.js";let p=e(r,{shouldForwardProp:r=>"isUpperCase"!==r})`
+  text-transform: ${({isUpperCase:r})=>r?"uppercase":"none"};
+`;export{p as TypographyWrapper};

package/lib/components/index.js

@@ -0,0 +1 @@
+export*from"./Accordion/index.js";export*from"./ActionCell/index.js";export*from"./ActionGroup/index.js";export*from"./Alert/index.js";export*from"./AsyncAutocomplete/index.js";export*from"./Autocomplete/index.js";export*from"./Avatar/index.js";export*from"./Badge/index.js";export*from"./BottomDrawer/index.js";export*from"./Breadcrumbs/index.js";export*from"./Button/index.js";export*from"./ButtonBase/index.js";export*from"./ButtonGroup/index.js";export*from"./Calendar/index.js";export*from"./Card/index.js";export*from"./CardActions/index.js";export*from"./CardContent/index.js";export*from"./CardHeader/index.js";export*from"./Carousel/index.js";export*from"./Checkbox/index.js";export*from"./CheckboxField/index.js";export*from"./Chevron/index.js";export*from"./CircularProgress/index.js";export*from"./Collapse/index.js";export*from"./ConfigProvider/index.js";export*from"./ConfirmAction/index.js";export*from"./ConfirmDialog/index.js";export*from"./Container/index.js";export*from"./ContentState/index.js";export*from"./CopyTypography/index.js";export*from"./DashboardLayout/index.js";export*from"./DataGrid/index.js";export*from"./DataGridActionCell/index.js";export*from"./DataGridPagination/index.js";export*from"./DatePicker/index.js";export*from"./Description/index.js";export*from"./DescriptionList/index.js";export*from"./DescriptionTooltip/index.js";export*from"./Dialog/index.js";export*from"./DialogActions/index.js";export*from"./DialogContent/index.js";export*from"./DialogContentText/index.js";export*from"./DialogHeader/index.js";export*from"./DialogTitle/index.js";export*from"./Divider/index.js";export*from"./DropdownButton/index.js";export*from"./ErrorBoundary/index.js";export*from"./Filename/index.js";export*from"./FormControl/index.js";export*from"./FormControlLabel/index.js";export*from"./FormHelperText/index.js";export*from"./FormLabel/index.js";export*from"./GuidTypography/index.js";export*from"./IconButton/index.js";export*from"./IconDropdownButton/index.js";export*from"./InputOTP/index.js";export*from"./InternalErrorPlaceholder/index.js";export*from"./Link/index.js";export*from"./List/index.js";export*from"./ListItem/index.js";export*from"./ListItemButton/index.js";export*from"./ListItemIcon/index.js";export*from"./ListItemText/index.js";export*from"./ListSubheader/index.js";export*from"./MaskField/index.js";export*from"./Menu/index.js";export*from"./MenuItem/index.js";export*from"./MenuList/index.js";export*from"./Notification/index.js";export*from"./OutdatedReleasePlaceholder/index.js";export*from"./OverflowTypography/index.js";export*from"./PageLayout/index.js";export*from"./Pagination/index.js";export*from"./Paper/index.js";export*from"./PeriodPicker/index.js";export*from"./Placeholder/index.js";export*from"./Popover/index.js";export*from"./Profile/index.js";export*from"./ProgressBar/index.js";export*from"./Radio/index.js";export*from"./RadioField/index.js";export*from"./RadioGroup/index.js";export*from"./RadioGroupField/index.js";export*from"./RangeInput/index.js";export*from"./SearchField/index.js";export*from"./Select/index.js";export*from"./SidebarNav/index.js";export*from"./SidebarProduct/index.js";export*from"./Skeleton/index.js";export*from"./Slider/index.js";export*from"./Switch/index.js";export*from"./Tab/index.js";export*from"./Tabs/index.js";export*from"./Tag/index.js";export*from"./TagBadge/index.js";export*from"./TagsList/index.js";export*from"./TextArea/index.js";export*from"./TextField/index.js";export*from"./ThemeProvider/index.js";export*from"./Tooltip/index.js";export*from"./Typography/index.js";

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};