@astral/ui 4.18.3 → 4.18.4

package/node/components/theme/components/MuiStep.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiStep = void 0;
-const material_1 = require("@mui/material");
+const Step_1 = require("@mui/material/Step");
 const constants_1 = require("../../Stepper/constants");
 exports.MuiStep = {
     styleOverrides: {
@@ -34,17 +34,17 @@ exports.MuiStep = {
                         pointerEvents: 'none',
                     },
                 },
-                [`&.${material_1.stepClasses.horizontal}:first-of-type:has(.${constants_1.stepperClassnames.stepButton}:focus-visible)`]: {
+                [`&.${Step_1.stepClasses.horizontal}:first-of-type:has(.${constants_1.stepperClassnames.stepButton}:focus-visible)`]: {
                     '&::before': {
                         left: '-5px',
                     },
                 },
-                [`&.${material_1.stepClasses.horizontal}:last-of-type:has(.${constants_1.stepperClassnames.stepButton}:focus-visible)`]: {
+                [`&.${Step_1.stepClasses.horizontal}:last-of-type:has(.${constants_1.stepperClassnames.stepButton}:focus-visible)`]: {
                     '&::before': {
                         right: '-5px',
                     },
                 },
-                [`&.${material_1.stepClasses.vertical}:has(.${constants_1.stepperClassnames.stepButton}:focus-visible)`]: {
+                [`&.${Step_1.stepClasses.vertical}:has(.${constants_1.stepperClassnames.stepButton}:focus-visible)`]: {
                     '&::before': {
                         left: '-5px',
                         right: '-5px',

package/node/components/theme/components/MuiStepConnector.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiStepConnector: Components<Theme>['MuiStepConnector'];

package/node/components/theme/components/MuiStepLabel.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiStepLabel: Components<Theme>['MuiStepLabel'];

package/node/components/theme/components/MuiStepLabel.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiStepLabel = void 0;
-const material_1 = require("@mui/material");
+const StepLabel_1 = require("@mui/material/StepLabel");
 exports.MuiStepLabel = {
     styleOverrides: {
         label({ theme }) {
-            const { active, completed, error } = material_1.stepLabelClasses;
+            const { active, completed, error } = StepLabel_1.stepLabelClasses;
             return {
                 fontSize: theme.typography.caption.fontSize,
                 lineHeight: theme.typography.caption.lineHeight,

package/node/components/theme/components/MuiSwitch.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiSwitch: Components<Theme>['MuiSwitch'];

package/node/components/theme/components/MuiTab.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiTab: Components<Theme>['MuiTab'];

package/node/components/theme/components/MuiTableCell.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiTableCell: Components<Theme>['MuiTableCell'];

package/node/components/theme/components/MuiTableHead.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiTableHead: Components<Theme>['MuiTableHead'];

package/node/components/theme/components/MuiTableRow.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiTableRow: Components<Theme>['MuiTableRow'];

package/node/components/theme/components/MuiTabs.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiTabs: Components<Theme>['MuiTabs'];

package/node/components/theme/components/MuiTextField.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiTextField: Components<Theme>['MuiTextField'];

package/node/components/theme/components/MuiTextField.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiTextField = void 0;
-const material_1 = require("@mui/material");
+const ButtonBase_1 = require("@mui/material/ButtonBase");
+const FormLabel_1 = require("@mui/material/FormLabel");
+const InputBase_1 = require("@mui/material/InputBase");
 const SvgIcon_1 = require("../../SvgIcon");
 const Tag_1 = require("../../Tag");
 exports.MuiTextField = {
     styleOverrides: {
         root({ theme }) {
             return {
-                [`& .${material_1.inputBaseClasses.adornedStart}`]: {
+                [`& .${InputBase_1.inputBaseClasses.adornedStart}`]: {
                     paddingLeft: theme.spacing(3),
                     [`& .${SvgIcon_1.svgIconClassnames.root}:not(.${Tag_1.tagClassnames.root} .${SvgIcon_1.svgIconClassnames.root})`]: {
                         width: 20,
@@ -18,7 +20,7 @@ exports.MuiTextField = {
                             height: 24,
                         },
                     },
-                    [`& .${material_1.buttonBaseClasses.root}:not(.${Tag_1.tagClassnames.root} > .${material_1.buttonBaseClasses.root})`]: {
+                    [`& .${ButtonBase_1.buttonBaseClasses.root}:not(.${Tag_1.tagClassnames.root} > .${ButtonBase_1.buttonBaseClasses.root})`]: {
                         width: 20,
                         height: 20,
                         padding: 0,
@@ -29,7 +31,7 @@ exports.MuiTextField = {
                         },
                     },
                 },
-                [`& .${material_1.inputBaseClasses.adornedEnd}`]: {
+                [`& .${InputBase_1.inputBaseClasses.adornedEnd}`]: {
                     paddingRight: theme.spacing(3),
                     [`& .${SvgIcon_1.svgIconClassnames.root}:not(.${Tag_1.tagClassnames.root} .${SvgIcon_1.svgIconClassnames.root})`]: {
                         width: 20,
@@ -39,7 +41,7 @@ exports.MuiTextField = {
                             height: 24,
                         },
                     },
-                    [`& .${material_1.buttonBaseClasses.root}:not(.${Tag_1.tagClassnames.root} > .${material_1.buttonBaseClasses.root})`]: {
+                    [`& .${ButtonBase_1.buttonBaseClasses.root}:not(.${Tag_1.tagClassnames.root} > .${ButtonBase_1.buttonBaseClasses.root})`]: {
                         width: 20,
                         height: 20,
                         padding: 0,
@@ -50,7 +52,7 @@ exports.MuiTextField = {
                         },
                     },
                 },
-                [`& .${material_1.formLabelClasses.root}`]: {
+                [`& .${FormLabel_1.formLabelClasses.root}`]: {
                     marginBottom: theme.spacing(1),
                     color: theme.palette.grey[800],
                     '&.Mui-disabled': {
@@ -64,7 +66,7 @@ exports.MuiTextField = {
                     },
                 },
                 '&.Mui-disabled': {
-                    [`${material_1.inputBaseClasses.input}::placeholder`]: {
+                    [`${InputBase_1.inputBaseClasses.input}::placeholder`]: {
                         color: theme.palette.grey[900],
                     },
                 },

package/node/components/theme/components/MuiToggleButton.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiToggleButton: Components<Theme>['MuiToggleButton'];

package/node/components/theme/components/MuiToggleButtonGroup.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiToggleButtonGroup: Components<Theme>['MuiToggleButtonGroup'];

package/node/components/theme/components/MuiTypography.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 export type FontsUrls = {
     bold: {
         woff: string;

package/node/components/theme/components/components.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const getComponents: () => Components<Theme>;

package/node/components/theme/types.d.ts

@@ -1,4 +1,5 @@
-import { type Theme as MuiTheme } from '@mui/material';
+/// <reference types="src/components/declaration/emotion" />
+import type { Theme as MuiTheme } from '@mui/material/styles/createTheme';
 import type { Elevation } from './elevation';
 import type { MicroSpacing } from './microSpacing';
 import type { Background, Color, ColorBrand, CommonColors, ComponentsColors, PaletteColor, PrimaryColorOptions, SecondaryColor, TextColor } from './palette';

package/node/components/transitions/Fade/Fade.d.ts

@@ -1,3 +1,3 @@
-import { Fade as MuiFade, type FadeProps as MuiFadeProps } from '@mui/material';
+import MuiFade, { type FadeProps as MuiFadeProps } from '@mui/material/Fade';
 export type FadeProps = MuiFadeProps;
 export declare const Fade: typeof MuiFade;

package/node/components/transitions/Fade/Fade.js

@@ -1,5 +1,8 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fade = void 0;
-const material_1 = require("@mui/material");
-exports.Fade = material_1.Fade;
+const Fade_1 = __importDefault(require("@mui/material/Fade"));
+exports.Fade = Fade_1.default;

package/node/components/transitions/Grow/Grow.d.ts

@@ -1,3 +1,3 @@
-import { Grow, type GrowProps } from '@mui/material';
+import Grow, { type GrowProps } from '@mui/material/Grow';
 export { Grow };
 export type { GrowProps };

package/node/components/transitions/Grow/Grow.js

@@ -1,5 +1,8 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Grow = void 0;
-const material_1 = require("@mui/material");
-Object.defineProperty(exports, "Grow", { enumerable: true, get: function () { return material_1.Grow; } });
+const Grow_1 = __importDefault(require("@mui/material/Grow"));
+exports.Grow = Grow_1.default;

package/node/components/transitions/Slide/Slide.d.ts

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

package/node/components/transitions/Slide/Slide.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Slide = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const Slide = (props) => (0, jsx_runtime_1.jsx)(material_1.Slide, { ...props });
+const Slide_1 = __importDefault(require("@mui/material/Slide"));
+const Slide = (props) => (0, jsx_runtime_1.jsx)(Slide_1.default, { ...props });
 exports.Slide = Slide;

package/node/components/transitions/Zoom/Zoom.d.ts

@@ -1,3 +1,3 @@
-import { Zoom as MuiZoom, type ZoomProps as MuiZoomProps } from '@mui/material';
+import MuiZoom, { type ZoomProps as MuiZoomProps } from '@mui/material/Zoom';
 export type ZoomProps = MuiZoomProps;
 export declare const Zoom: typeof MuiZoom;

package/node/components/transitions/Zoom/Zoom.js

@@ -1,5 +1,8 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Zoom = void 0;
-const material_1 = require("@mui/material");
-exports.Zoom = material_1.Zoom;
+const Zoom_1 = __importDefault(require("@mui/material/Zoom"));
+exports.Zoom = Zoom_1.default;

package/node/components/types/CloseEventReason/closeEventReason.d.ts

@@ -1,4 +1,4 @@
-import { type AutocompleteCloseReason } from '@mui/material';
+import { type AutocompleteCloseReason } from '@mui/material/Autocomplete';
 /**
  * список возможных причин закрытия попперов, модалок, тултипов,
  * является абстрактным способом связать сущности всплывашек с BackdropStackManager

package/node/hook-form/EditableText/EditableText.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement, type ReactNode } from 'react';
-import { type UseFormReturn } from '../hooks';
+import { type UseFormReturn } from '../hooks/useForm';
 import { type FIELD_NAME } from './constants';
 import type { FormValues, ValidationFn } from './types';
 export type EditableTextProps<TValue = string> = {

package/node/hook-form/EditableText/EditingForm/EditingForm.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement, type ReactNode } from 'react';
-import { type UseFormReturn } from '../../hooks';
+import { type UseFormReturn } from '../../hooks/useForm';
 import { FIELD_NAME } from '../constants';
 import type { FormValues, ValidationFn } from '../types';
 export type EditingFormProps<TValue = string> = {

package/node/hook-form/EditableText/EditingForm/styles.d.ts

@@ -5,7 +5,7 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Description: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -13,7 +13,7 @@ export declare const Description: import("@emotion/styled/dist/declarations/src/
     color?: import("../../../components/Typography").TypographyColor | undefined;
     variant?: import("../../../components/Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../../components/Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "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" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/hook-form/EditableText/EditingForm/useLogic/useLogic.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
+const useForm_1 = require("../../../hooks/useForm");
 const constants_1 = require("../../constants");
 const useLogic = ({ initialValue, children, validate, onClose, onSubmit, }) => {
     const getDefaultValues = () => {
@@ -34,7 +34,7 @@ const useLogic = ({ initialValue, children, validate, onClose, onSubmit, }) => {
             },
         };
     };
-    const form = (0, hooks_1.useForm)({
+    const form = (0, useForm_1.useForm)({
         defaultValues: {
             [constants_1.FIELD_NAME]: calculatedInitialValue,
         },

package/node/hook-form/EditableText/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const DisplayValue: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -9,7 +9,7 @@ export declare const DisplayValue: import("@emotion/styled/dist/declarations/src
     color?: import("../../components/Typography").TypographyColor | undefined;
     variant?: import("../../components/Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../components/Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "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" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/hook-form/EditableText/styles.js

@@ -5,7 +5,7 @@ const Loader_1 = require("../../components/Loader");
 const Popover_1 = require("../../components/Popover");
 const styled_1 = require("../../components/styled");
 const Typography_1 = require("../../components/Typography");
-const icons_1 = require("../../icons");
+const EditOutlineMd_1 = require("../../icons/EditOutlineMd");
 const getBackgroundColor = (theme, $isEdited, $isLoading) => {
     if ($isEdited) {
         return theme.palette.primary[100];
@@ -38,7 +38,7 @@ exports.DisplayValue = (0, styled_1.styled)(Typography_1.Typography, {
     text-decoration: ${({ $isLoading }) => $isLoading ? 'inherit' : 'underline'};
   }
 `;
-exports.StyledEditIcon = (0, styled_1.styled)(icons_1.EditOutlineMd, {
+exports.StyledEditIcon = (0, styled_1.styled)(EditOutlineMd_1.EditOutlineMd, {
     shouldForwardProp: (prop) => !['$iconPosition'].includes(prop),
 }) `
   width: auto;

package/node/hook-form/Form/Form.d.ts

@@ -1,5 +1,5 @@
 import { type FormHTMLAttributes, type ReactNode } from 'react';
-import { type UseFormReturn } from '../hooks';
+import { type UseFormReturn } from '../hooks/useForm';
 export type FormProps<TFormValues extends object> = FormHTMLAttributes<HTMLFormElement> & {
     /**
      * Значение, которое возвращает useForm. Необходимо для передачи в FormContext

package/node/hook-form/FormAddressAutocomplete/FormAddressAutocomplete.js

@@ -4,10 +4,10 @@ exports.FormAddressAutocomplete = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const AddressAutocomplete_1 = require("../../components/AddressAutocomplete");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 const FormAddressAutocomplete = (props) => {
     const { freeSolo = true, defaultValue, ...restProps } = props;
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         freeSolo,
         ...restProps,
     });

package/node/hook-form/FormAsyncAutocomplete/FormAsyncAutocomplete.js

@@ -4,9 +4,9 @@ exports.FormAsyncAutocomplete = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const AsyncAutocomplete_1 = require("../../components/AsyncAutocomplete");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 const FormAsyncAutocomplete = (props) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue ||
             (props.multiple ? [] : null),

package/node/hook-form/FormAutocomplete/FormAutocomplete.js

@@ -4,12 +4,12 @@ exports.FormAutocomplete = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Autocomplete_1 = require("../../components/Autocomplete");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер для Select
  */
 const FormAutocomplete = (props) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue ||
             (props.multiple ? [] : null),

package/node/hook-form/FormCheckboxField/FormCheckboxField.js

@@ -4,12 +4,12 @@ exports.FormCheckboxField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const CheckboxField_1 = require("../../components/CheckboxField");
 const forwardRefWithGeneric_1 = require("../../components/forwardRefWithGeneric");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер для CheckboxField
  */
 const FormCheckboxFieldInner = ({ success, hideHelperText = false, ...restProps }, ref) => {
-    const { title = '', value, error, ...restFieldProps } = (0, hooks_1.useFormFieldProps)({
+    const { title = '', value, error, ...restFieldProps } = (0, useFormFieldProps_1.useFormFieldProps)({
         ...restProps,
         defaultValue: restProps.defaultValue ||
             null,

package/node/hook-form/FormCodeField/FormCodeField.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormCodeField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const CodeField_1 = require("../../components/CodeField");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер для CodeField
  */
 const FormCodeField = (props) => {
     const { errorText, isError, ...withoutErrorProps } = props;
-    const { error, helperText, onChange, value, ...fieldProps } = (0, hooks_1.useFormFieldProps)(withoutErrorProps);
+    const { error, helperText, onChange, value, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)(withoutErrorProps);
     return ((0, jsx_runtime_1.jsx)(CodeField_1.CodeField, { isError: error, errorText: helperText, onChange: onChange, initialValue: value, ...fieldProps }));
 };
 exports.FormCodeField = FormCodeField;

package/node/hook-form/FormDatePicker/FormDatePicker.js

@@ -3,17 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormDatePicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const DatePicker_1 = require("../../components/DatePicker");
-const hooks_1 = require("../hooks");
+const useFormContext_1 = require("../hooks/useFormContext");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * DatePicker для формы. Инкапсулирует дефолтную валидацию на валидность даты
  */
 const FormDatePicker = ({ ...props }) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || null,
     });
     const { error, helperText, ...fieldPropsWithoutErrorProps } = fieldProps;
-    const { trigger } = (0, hooks_1.useFormContext)();
+    const { trigger } = (0, useFormContext_1.useFormContext)();
     const { name, onBlur, onChange, ref, value, ...datePickerProps } = fieldPropsWithoutErrorProps;
     const handleDateChange = (date) => {
         onChange(date);

package/node/hook-form/FormDateRangePicker/FormDateRangePicker.js

@@ -3,16 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormDateRangePicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const DateRangePicker_1 = require("../../components/DateRangePicker");
-const hooks_1 = require("../hooks");
+const useFormContext_1 = require("../hooks/useFormContext");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * DateRangePicker для формы. Инкапсулирует дефолтную валидацию на валидность даты
  */
 const FormDateRangePicker = ({ startDateProps, endDateProps, ...props }) => {
-    const { error, onChange, name, ...fieldProps } = (0, hooks_1.useFormFieldProps)({
+    const { error, onChange, name, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || null,
     });
-    const { trigger } = (0, hooks_1.useFormContext)();
+    const { trigger } = (0, useFormContext_1.useFormContext)();
     const handleChange = (value) => {
         onChange(value);
         trigger(name).catch();

package/node/hook-form/FormEmailField/FormEmailField.js

@@ -4,9 +4,9 @@ exports.FormEmailField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const EmailField_1 = require("../../components/EmailField");
 const forwardRefWithGeneric_1 = require("../../components/forwardRefWithGeneric");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 function FormEmailFieldInner(props, ref) {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || '',
     });

package/node/hook-form/FormEmailOrPhoneField/FormEmailOrPhoneField.js

@@ -4,7 +4,7 @@ exports.FormEmailOrPhoneField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const EmailOrPhoneField_1 = require("../../components/EmailOrPhoneField");
 const forwardRefWithGeneric_1 = require("../../components/forwardRefWithGeneric");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 const DEFAULT_VALUE = {
     value: '',
     normalizedValue: '',
@@ -14,7 +14,7 @@ const DEFAULT_VALUE = {
  * Адаптер для EmailOrPhoneField
  */
 const FormEmailOrPhoneFieldInner = (props, ref) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue ||
             DEFAULT_VALUE,

package/node/hook-form/FormFileUploader/FormFileUploader.js

@@ -4,12 +4,12 @@ exports.FormFileUploader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const fileUploading_1 = require("../../components/fileUploading");
 const forwardRefWithGeneric_1 = require("../../components/forwardRefWithGeneric");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * FileUploader для формы
  */
 const FormFileUploaderInner = (props, ref) => {
-    const { error, ...fieldProps } = (0, hooks_1.useFormFieldProps)(props);
+    const { error, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)(props);
     // biome-ignore lint/suspicious/noTsIgnore:  Ошибка типизации при пробросе пропсов: isMultiple
     // @ts-ignore
     // TODO https://track.astral.ru/soft/browse/UIKIT-1926

package/node/hook-form/FormMaskField/FormMaskField.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormMaskField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const MaskField_1 = require("../../components/MaskField");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер для MaskField
  */
 const FormMaskField = (props) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || null,
     });