@astral/ui 4.18.2 → 4.18.4

package/node/components/DateRangePicker/styles.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PickerSplitter = exports.StyledPaper = exports.StyledDatePickerInput = void 0;
-const material_1 = require("@mui/material");
+const FormHelperText_1 = require("@mui/material/FormHelperText");
 const DatePickerInput_1 = require("../DatePicker/DatePickerInput");
 const Paper_1 = require("../Paper");
 const styled_1 = require("../styled");
 exports.StyledDatePickerInput = (0, styled_1.styled)(DatePickerInput_1.DatePickerInput) `
-  .${material_1.formHelperTextClasses.root} {
+  .${FormHelperText_1.formHelperTextClasses.root} {
     display: none;
   }
 `;

package/node/components/DateRangePicker/useLogic/hooks/useBaseRangeDates/useBaseRangeDates.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBaseRangeDates = void 0;
-const utils_1 = require("@astral/utils");
+const addMonths_1 = require("@astral/utils/date/addMonths");
 const react_1 = require("react");
 const hooks_1 = require("../../../../DatePicker/hooks");
 /**
@@ -12,7 +12,7 @@ const useBaseRangeDates = ({ minDate, maxDate, shouldReturnPrevValues, selectedS
     const [endBaseDate, setEndBaseDate] = (0, react_1.useState)();
     const startBaseInitial = (0, react_1.useMemo)(() => {
         if (!selectedStartDate && selectedEndDate) {
-            return (0, utils_1.addMonths)(selectedEndDate, -monthOffset);
+            return (0, addMonths_1.addMonths)(selectedEndDate, -monthOffset);
         }
         return selectedStartDate;
     }, [monthOffset, selectedEndDate, selectedStartDate]);
@@ -20,7 +20,7 @@ const useBaseRangeDates = ({ minDate, maxDate, shouldReturnPrevValues, selectedS
         if (!selectedStartDate && selectedEndDate) {
             return selectedEndDate;
         }
-        return (0, utils_1.addMonths)(selectedStartDate || new Date(), monthOffset);
+        return (0, addMonths_1.addMonths)(selectedStartDate || new Date(), monthOffset);
     }, [monthOffset, selectedEndDate, selectedStartDate]);
     const startBaseDateCandidate = (0, hooks_1.useBaseDateInRange)({
         minDate,

package/node/components/DateRangePicker/useLogic/useLogic.js

@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const DatePicker_1 = require("../../DatePicker");
-const hooks_1 = require("../../hooks");
-const hooks_2 = require("./hooks");
+const useForwardedRef_1 = require("../../hooks/useForwardedRef");
+const usePopover_1 = require("../../hooks/usePopover");
+const hooks_1 = require("./hooks");
 const utils_1 = require("./utils");
 const useLogic = ({ value, minDate = DatePicker_1.DEFAULT_MIN_DATE, maxDate = DatePicker_1.DEFAULT_MAX_DATE, mask = DatePicker_1.DEFAULT_DATE_MASK, onChange, onOpen, onClose, onBlur, }, forwardedRef) => {
-    const ref = (0, hooks_1.useForwardedRef)(forwardedRef);
+    const ref = (0, useForwardedRef_1.useForwardedRef)(forwardedRef);
     const startInputRef = (0, react_1.useRef)(null);
     const endInputRef = (0, react_1.useRef)(null);
     const [hoveredDayDate, setHoveredDayDate] = (0, react_1.useState)();
@@ -18,7 +19,7 @@ const useLogic = ({ value, minDate = DatePicker_1.DEFAULT_MIN_DATE, maxDate = Da
     const [isEndDateSelected, setIsEndDateSelected] = (0, react_1.useState)(false);
     const [activeInput, setActiveInput] = (0, react_1.useState)();
     const [isPopoverHovered, setIsPopoverHovered] = (0, react_1.useState)(false);
-    const { isOpen, actions } = (0, hooks_1.usePopover)();
+    const { isOpen, actions } = (0, usePopover_1.usePopover)();
     const { open, close } = actions;
     (0, react_1.useEffect)(() => {
         setIsStartDateSelected(false);
@@ -34,7 +35,7 @@ const useLogic = ({ value, minDate = DatePicker_1.DEFAULT_MIN_DATE, maxDate = Da
         minDate,
         maxDate,
     });
-    const { startBaseDate, endBaseDate } = (0, hooks_2.useBaseRangeDates)({
+    const { startBaseDate, endBaseDate } = (0, hooks_1.useBaseRangeDates)({
         minDate,
         maxDate,
         shouldReturnPrevValues: isOpen,

package/node/components/DateRangePicker/useLogic/utils/getBoundaryDate/getBoundaryDate.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBoundaryDate = void 0;
-const utils_1 = require("@astral/utils");
+const addDays_1 = require("@astral/utils/date/addDays");
+const isDate_1 = require("@astral/utils/date/isDate");
 /**
  * Утилита проверки целевой даты.
  * Если целевая дата в наличии, то возвращается дата со смещением равным offset.
  * Если целевая дата отсутствует, то вернется reserve дата.
  */
 const getBoundaryDate = ({ reserve, target, offset = 0, }) => {
-    if ((0, utils_1.isDate)(target)) {
-        return (0, utils_1.addDays)(target, offset);
+    if ((0, isDate_1.isDate)(target)) {
+        return (0, addDays_1.addDays)(target, offset);
     }
     return reserve;
 };

package/node/components/Description/Value/styles.d.ts

@@ -10,7 +10,7 @@ type StyledCopyTypographyProps = {
 };
 export declare const StyledTypography: 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;
@@ -18,14 +18,14 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     color?: import("../../Typography").TypographyColor | undefined;
     variant?: import("../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../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;
 } & StyledTypographyProps, {}, {}>;
 export declare const StyledCopyTypography: 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;
@@ -33,7 +33,7 @@ export declare const StyledCopyTypography: import("@emotion/styled/dist/declarat
     color?: import("../../Typography").TypographyColor | undefined;
     variant?: import("../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../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> & {
     copyText?: string | undefined;

package/node/components/Description/styles.d.ts

@@ -4,5 +4,5 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     $justifyContent?: "start" | "space-between" | undefined;
-    $direction?: "default" | "row" | "column" | undefined;
+    $direction?: "row" | "default" | "column" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/Description/useLogic/useLogic.d.ts

@@ -4,6 +4,6 @@ export declare const useLogic: ({ direction, separator, }: UseLogicParams) => {
     descriptionContextProviderProps: {
         separator: string;
     };
-    direction: "default" | "row" | "column";
+    direction: "row" | "default" | "column";
 };
 export {};

package/node/components/DescriptionCell/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemWrapper = exports.IconWrapper = exports.Wrapper = void 0;
-const material_1 = require("@mui/material");
+const Typography_1 = require("@mui/material/Typography");
 const styled_1 = require("../styled");
 const constants_1 = require("./constants");
 exports.Wrapper = styled_1.styled.div `
@@ -29,7 +29,7 @@ exports.ItemWrapper = styled_1.styled.div `
   flex-direction: column;
 
   dl {
-    .${material_1.typographyClasses.root} {
+    .${Typography_1.typographyClasses.root} {
       font-size: unset;
       color: unset;
     }

package/node/components/DescriptionList/styles.d.ts

@@ -39,7 +39,7 @@ export declare const DescriptionWrapper: import("@emotion/styled/dist/declaratio
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Title: 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;
@@ -47,7 +47,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../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/components/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { type DialogProps as MuiDialogProps } from '@mui/material';
+import type { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
 import { type ReactElement } from 'react';
 import type { WithoutEmotionSpecific } from '../types';
 export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/node/components/Dialog/Dialog.js

@@ -4,7 +4,7 @@ exports.Dialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const BottomDrawer_1 = require("../BottomDrawer");
 const DialogTitle_1 = require("../DialogTitle");
-const hooks_1 = require("../hooks");
+const useViewportType_1 = require("../hooks/useViewportType");
 const styles_1 = require("./styles");
 const Dialog = ({ children, title, disableBackdropClick, onClose, size = 'md', ...props }) => {
     const handleClose = onClose &&
@@ -14,7 +14,7 @@ const Dialog = ({ children, title, disableBackdropClick, onClose, size = 'md', .
             }
             onClose(event, reason);
         });
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     if (isMobile) {
         return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { onClose: handleClose, title: title, ...props, children: children }));
     }

package/node/components/Dialog/styles.d.ts

@@ -1,5 +1,5 @@
 type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare const StyledDialog: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").DialogProps & {
+export declare const StyledDialog: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Dialog").DialogProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $size: DialogSize;

package/node/components/Dialog/styles.js

@@ -1,19 +1,43 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialog = void 0;
-const material_1 = require("@mui/material");
+const Backdrop_1 = require("@mui/material/Backdrop");
+const Dialog_1 = __importStar(require("@mui/material/Dialog"));
 const styled_1 = require("../styled");
 const constants_1 = require("./constants");
 const getSize = (size) => {
     return constants_1.DIALOG_SIZES[size] || constants_1.DIALOG_SIZES.md;
 };
-exports.StyledDialog = (0, styled_1.styled)(material_1.Dialog, {
+exports.StyledDialog = (0, styled_1.styled)(Dialog_1.default, {
     shouldForwardProp: (prop) => !['$size'].includes(prop),
 }) `
-  &.${material_1.dialogClasses.root} .${material_1.backdropClasses.root} {
+  &.${Dialog_1.dialogClasses.root} .${Backdrop_1.backdropClasses.root} {
     background-color: ${({ theme }) => theme.palette.background.modalShadow};
   }
-  .${material_1.dialogClasses.paper} {
+  .${Dialog_1.dialogClasses.paper} {
     min-width: ${({ $size }) => getSize($size).minWidth};
     max-width: ${({ $size }) => getSize($size).maxWidth};
 

package/node/components/DialogActions/DialogActions.d.ts

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

package/node/components/DialogActions/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledDialogActions: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").DialogActionsProps & {
+export declare const StyledDialogActions: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/DialogActions").DialogActionsProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledGrid: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {

package/node/components/DialogActions/styles.js

@@ -1,10 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledGrid = exports.StyledDialogActions = void 0;
-const material_1 = require("@mui/material");
+const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
 const Grid_1 = require("../Grid");
 const styled_1 = require("../styled");
-exports.StyledDialogActions = (0, styled_1.styled)(material_1.DialogActions) `
+exports.StyledDialogActions = (0, styled_1.styled)(DialogActions_1.default) `
   padding-top: 0;
 
   ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/components/DialogContent/DialogContent.d.ts

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

package/node/components/DialogContent/styles.d.ts

@@ -1,4 +1,4 @@
-import { type DialogContentProps } from '@mui/material';
+import type { DialogContentProps } from '@mui/material/DialogContent';
 export declare const StyledDialogContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<DialogContentProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DialogContent/styles.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialogContent = void 0;
-const material_1 = require("@mui/material");
+const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
 const styled_1 = require("../styled");
-exports.StyledDialogContent = (0, styled_1.styled)(material_1.DialogContent) `
+exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.default) `
   padding-bottom: ${({ theme }) => theme.spacing(6)};
 
   ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/components/DialogContentText/DialogContentText.d.ts

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

package/node/components/DialogContentText/styles.d.ts

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

package/node/components/DialogContentText/styles.js

@@ -1,8 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialogContentText = void 0;
-const material_1 = require("@mui/material");
+const DialogContentText_1 = __importDefault(require("@mui/material/DialogContentText"));
 const styled_1 = require("../styled");
-exports.StyledDialogContentText = (0, styled_1.styled)(material_1.DialogContentText) `
+exports.StyledDialogContentText = (0, styled_1.styled)(DialogContentText_1.default) `
   color: ${({ theme }) => theme.palette.grey[900]};
 `;

package/node/components/DialogHeader/DialogHeader.d.ts

@@ -1,4 +1,4 @@
-import { type ModalProps } from '@mui/material';
+import type { ModalProps } from '@mui/material/Modal';
 import type React from 'react';
 import type { CSSProperties } from 'react';
 export type DialogHeaderProps = {

package/node/components/DialogHeader/DialogHeader.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../icons");
+const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
 const IconButton_1 = require("../IconButton");
 const Typography_1 = require("../Typography");
 const styles_1 = require("./styles");
@@ -12,6 +12,6 @@ const DialogHeader = ({ children, title, justifyContent = 'flex-start', disableS
             onClose(e, 'escapeKeyDown');
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, hasTitle: Boolean(title), hasOnClose: Boolean(onClose), children: [title && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h4", children: title }), (0, jsx_runtime_1.jsx)(styles_1.HeaderContent, { justifyContent: justifyContent, columnSpacing: disableSpacing ? 0 : 2, children: children }), onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, hasTitle: Boolean(title), hasOnClose: Boolean(onClose), children: [title && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h4", children: title }), (0, jsx_runtime_1.jsx)(styles_1.HeaderContent, { justifyContent: justifyContent, columnSpacing: disableSpacing ? 0 : 2, children: children }), onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }))] }));
 };
 exports.DialogHeader = DialogHeader;

package/node/components/DialogTitle/DialogTitle.d.ts

@@ -1,4 +1,5 @@
-import { type ModalProps, type DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
+import type { DialogTitleProps as MuiDialogTitleProps } from '@mui/material/DialogTitle';
+import type { ModalProps } from '@mui/material/Modal';
 import { type WithoutEmotionSpecific } from '../types';
 export type DialogTitleProps = WithoutEmotionSpecific<MuiDialogTitleProps> & {
     onClose?: ModalProps['onClose'];

package/node/components/DialogTitle/DialogTitle.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogTitle = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const icons_1 = require("../../icons");
+const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
 const IconButton_1 = require("../IconButton");
 const DialogTitle = ({ children, onClose, ...props }) => {
     // 'escapeKeyDown'  в документашке написано что это опциональный тип, и можно стрингу любую туда закидывать, а по факту либо escapeKeyDown либо backdropClick
@@ -12,6 +15,6 @@ const DialogTitle = ({ children, onClose, ...props }) => {
             onClose(e, 'escapeKeyDown');
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { ...props, children: [children, onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(DialogTitle_1.default, { ...props, children: [children, onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }))] }));
 };
 exports.DialogTitle = DialogTitle;

package/node/components/Divider/Divider.d.ts

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

package/node/components/Divider/Divider.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.Divider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const Divider = (props) => (0, jsx_runtime_1.jsx)(material_1.Divider, { ...props });
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const Divider = (props) => (0, jsx_runtime_1.jsx)(Divider_1.default, { ...props });
 exports.Divider = Divider;

package/node/components/DropdownButton/DropdownButton.d.ts

@@ -1,4 +1,4 @@
-import { type PopoverProps } from '@mui/material';
+import type { PopoverProps } from '@mui/material/Popover';
 import { type ButtonProps } from '../Button';
 export type DropdownButtonProps = Omit<ButtonProps, 'endIcon' | 'selected' | 'onClick'> & {
     /**

package/node/components/DropdownButton/DropdownButton.js

@@ -1,14 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
 const Button_1 = require("../Button");
 const Chevron_1 = require("../Chevron");
-const hooks_1 = require("../hooks");
+const useMenu_1 = require("../hooks/useMenu");
 const Menu_1 = require("../Menu");
 const DropdownButton = ({ children, name, popoverProps, ...props }) => {
-    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { ...props, ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open }), children: name }) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { open: open, anchorEl: anchorRef.current, ...popoverProps, children: children })] }));
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { ...props, ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open }), children: name }) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { open: open, anchorEl: anchorRef.current, ...popoverProps, children: children })] }));
 };
 exports.DropdownButton = DropdownButton;

package/node/components/EmailOrPhoneField/useLogic/useLogic.d.ts

@@ -1,4 +1,4 @@
-import { type InputBaseComponentProps } from '@mui/material';
+import type { InputBaseComponentProps } from '@mui/material/InputBase';
 import { type ChangeEvent, type FocusEvent } from 'react';
 import type { EmailOrPhoneFieldProps } from '../types';
 type UseLogicResult = {

package/node/components/EmailOrPhoneField/useLogic/useLogic.js

@@ -1,15 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const utils_1 = require("@astral/utils");
+const checkProbablyEmail_1 = require("@astral/utils/email/checkProbablyEmail");
+const checkPhone_1 = require("@astral/utils/phone/checkPhone");
+const formatPhoneToView_1 = require("@astral/utils/phone/formatPhoneToView");
+const normalizePhone_1 = require("@astral/utils/phone/normalizePhone");
 const useLogic = (props) => {
     const { onBlur, onChange, value, inputProps, isHidePersonalData, ...restProps } = props;
     const getFieldType = (targetValue) => {
-        if ((0, utils_1.checkProbablyEmail)(targetValue)) {
+        if ((0, checkProbablyEmail_1.checkProbablyEmail)(targetValue)) {
             return 'email';
         }
-        const normalizedValue = (0, utils_1.normalizePhone)(targetValue);
-        if ((0, utils_1.checkPhone)(normalizedValue)) {
+        const normalizedValue = (0, normalizePhone_1.normalizePhone)(targetValue);
+        if ((0, checkPhone_1.checkPhone)(normalizedValue)) {
             return 'phone';
         }
         return 'unknown';
@@ -19,7 +22,7 @@ const useLogic = (props) => {
         const type = getFieldType(targetValue);
         onChange?.({
             value: targetValue,
-            normalizedValue: type === 'phone' ? (0, utils_1.normalizePhone)(targetValue) : targetValue,
+            normalizedValue: type === 'phone' ? (0, normalizePhone_1.normalizePhone)(targetValue) : targetValue,
             type,
         });
     };
@@ -27,8 +30,8 @@ const useLogic = (props) => {
         const targetValue = event.target.value;
         const type = getFieldType(targetValue);
         if (type === 'phone') {
-            const normalizedValue = (0, utils_1.normalizePhone)(targetValue);
-            const formattedValue = (0, utils_1.formatPhoneToView)(normalizedValue) || '';
+            const normalizedValue = (0, normalizePhone_1.normalizePhone)(targetValue);
+            const formattedValue = (0, formatPhoneToView_1.formatPhoneToView)(normalizedValue) || '';
             onChange?.({
                 value: formattedValue,
                 normalizedValue,