@astral/ui 4.18.3 → 4.18.5

package/node/components/Button/constants.d.ts

@@ -1,4 +1,4 @@
-export { buttonClasses } from '@mui/material';
+export { buttonClasses } from '@mui/material/Button';
 export declare const buttonClassnames: {
     loading: string;
     selected: string;

package/node/components/Button/constants.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonClassnames = exports.buttonClasses = void 0;
-const utils_1 = require("../utils");
-var material_1 = require("@mui/material");
-Object.defineProperty(exports, "buttonClasses", { enumerable: true, get: function () { return material_1.buttonClasses; } });
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
+var Button_1 = require("@mui/material/Button");
+Object.defineProperty(exports, "buttonClasses", { enumerable: true, get: function () { return Button_1.buttonClasses; } });
 exports.buttonClassnames = {
-    loading: (0, utils_1.createUIKitClassname)('button_loading'),
-    selected: (0, utils_1.createUIKitClassname)('button_selected'),
+    loading: (0, createUIKitClassname_1.createUIKitClassname)('button_loading'),
+    selected: (0, createUIKitClassname_1.createUIKitClassname)('button_selected'),
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ButtonColor, ButtonVariant } from './types';
-export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "action" | "color" | "classes" | "className" | "children" | "sx" | "variant" | "tabIndex" | "fullWidth" | "size" | "disabled" | "href" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & {
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "sx" | "classes" | "className" | "style" | "tabIndex" | "color" | "children" | "disabled" | "size" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledLoader: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Loader").LoaderProps & {

package/node/components/Button/styles.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.StyledLoader = exports.StyledButton = void 0;
-const material_1 = require("@mui/material");
+const Button_1 = __importDefault(require("@mui/material/Button"));
 const Loader_1 = require("../Loader");
 const styled_1 = require("../styled");
 const enums_1 = require("./enums");
@@ -18,7 +21,7 @@ const getLoaderColor = (color, variant, theme, isDisabled) => {
     };
     return variantColorMap[variant];
 };
-exports.StyledButton = (0, styled_1.styled)(material_1.Button) `
+exports.StyledButton = (0, styled_1.styled)(Button_1.default) `
   min-width: ${({ variant }) => variant === enums_1.ButtonVariants.Link ? 'auto' : ''};
   padding: ${({ variant }) => (variant === enums_1.ButtonVariants.Link ? 0 : '')};
 

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

@@ -1,3 +1,6 @@
+import type { ButtonProps as MuiButtonProps } from '@mui/material/Button';
+import { type ComponentPropsWithRef, type ElementType } from 'react';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type ButtonColors, type ButtonSizes, type ButtonStates, type ButtonVariants } from './enums';
 declare module '@mui/material/Button' {
     interface ButtonPropsVariantOverrides {
@@ -19,3 +22,25 @@ export type ButtonColor = `${ButtonColors}`;
 export type ButtonVariant = `${ButtonVariants}`;
 export type ButtonSize = `${ButtonSizes}`;
 export type ButtonState = `${ButtonStates}`;
+export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component'> & {
+    /**
+     * Тип кнопки
+     */
+    variant?: `${ButtonVariants}`;
+    /**
+     * Если `true`, появляется loader внутри кнопки
+     */
+    loading?: boolean;
+    /**
+     * Цвет текста кнопки
+     */
+    color?: `${ButtonColors}`;
+    /**
+     * Тип html-элемента
+     */
+    component?: TComponent;
+    /**
+     * Состояние кнопки - selected
+     */
+    selected?: boolean;
+} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? 'button' : TComponent>, ''>;

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

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '../Button';
+import { type ButtonProps } from '../types';
 type UseLogicParam = ButtonProps;
 type Color = 'primary' | 'inverted';
 export declare const useLogic: ({ variant, }: UseLogicParam) => {

package/node/components/ButtonBase/ButtonBase.d.ts

@@ -1 +1 @@
-export { ButtonBase, type ButtonBaseProps } from '@mui/material';
+export { type ButtonBaseProps, default as ButtonBase, } from '@mui/material/ButtonBase';

package/node/components/ButtonBase/ButtonBase.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.ButtonBase = void 0;
-var material_1 = require("@mui/material");
-Object.defineProperty(exports, "ButtonBase", { enumerable: true, get: function () { return material_1.ButtonBase; } });
+var ButtonBase_1 = require("@mui/material/ButtonBase");
+Object.defineProperty(exports, "ButtonBase", { enumerable: true, get: function () { return __importDefault(ButtonBase_1).default; } });

package/node/components/CardGridInfinite/Card/SecondaryActionButton/SecondaryActionButton.js

@@ -1,17 +1,20 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SecondaryActionButton = 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 react_1 = require("react");
-const icons_1 = require("../../../../icons");
-const hooks_1 = require("../../../hooks");
+const DotsVOutlineMd_1 = require("../../../../icons/DotsVOutlineMd");
+const useMenu_1 = require("../../../hooks/useMenu");
 const CardGridSecondaryAction_1 = require("../../CardGridSecondaryAction");
 const CardActionContext_1 = require("../CardActionContext");
 const styles_1 = require("./styles");
 const SecondaryActionButton = ({ renderActions, }) => {
     const buttonRef = (0, react_1.useRef)(null);
-    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)(buttonRef);
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)(buttonRef);
     const { isDisabled, isDisabledCard } = (0, react_1.useContext)(CardActionContext_1.CardActionContext);
     // Если контент единожды отрендерился, то будем рендерить его дальше,
     // чтобы были актуальные статусы loading для блокировки действий
@@ -20,6 +23,6 @@ const SecondaryActionButton = ({ renderActions, }) => {
         setIsOnceOpen(true);
         handleOpenMenu();
     };
-    return ((0, jsx_runtime_1.jsxs)(CardGridSecondaryAction_1.SecondaryActionsMenuProvider, { value: { open, anchorEl: anchorRef.current }, children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { ref: anchorRef, onClick: handleOpen, selected: open, variant: "outlined", color: "grey", disabled: isDisabled || isDisabledCard, children: (0, jsx_runtime_1.jsx)(icons_1.DotsVOutlineMd, {}) }) }), isOnceOpen && renderActions({ isLoading: false })] }));
+    return ((0, jsx_runtime_1.jsxs)(CardGridSecondaryAction_1.SecondaryActionsMenuProvider, { value: { open, anchorEl: anchorRef.current }, children: [(0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { ref: anchorRef, onClick: handleOpen, selected: open, variant: "outlined", color: "grey", disabled: isDisabled || isDisabledCard, children: (0, jsx_runtime_1.jsx)(DotsVOutlineMd_1.DotsVOutlineMd, {}) }) }), isOnceOpen && renderActions({ isLoading: false })] }));
 };
 exports.SecondaryActionButton = SecondaryActionButton;

package/node/components/CardGridInfinite/Card/SecondaryActionButton/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

package/node/components/CardGridInfinite/CardGridMainActions/CardGridMainActions.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardGridMainActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../hooks");
+const useBlockingActions_1 = require("../hooks/useBlockingActions");
 const Action_1 = require("./Action");
 const styles_1 = require("./styles");
 /**
@@ -25,7 +25,7 @@ const styles_1 = require("./styles");
  * ```
  */
 const CardGridMainActions = ({ actions, }) => {
-    const { isDisabled, onActionClick } = (0, hooks_1.useBlockingActions)(actions);
+    const { isDisabled, onActionClick } = (0, useBlockingActions_1.useBlockingActions)(actions);
     return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: actions?.map((action) => {
             return ((0, jsx_runtime_1.jsx)(Action_1.Action, { action: action, onActionClick: onActionClick, isDisabled: isDisabled }, action.name));
         }) }));

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActions.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const react_2 = require("react");
 const Menu_1 = require("../../Menu");
 const MenuItem_1 = require("../../MenuItem");
-const hooks_1 = require("../hooks");
+const useBlockingActions_1 = require("../hooks/useBlockingActions");
 const CardGridSecondaryActionsSkeleton_1 = require("./CardGridSecondaryActionsSkeleton");
 const SecondaryActionsMenuContext_1 = require("./SecondaryActionsMenuContext");
 /**
@@ -25,7 +25,7 @@ const SecondaryActionsMenuContext_1 = require("./SecondaryActionsMenuContext");
  * ```
  */
 const CardGridSecondaryActions = ({ actions, isLoading, mobileTitle, }) => {
-    const { onActionClick } = (0, hooks_1.useBlockingActions)(actions);
+    const { onActionClick } = (0, useBlockingActions_1.useBlockingActions)(actions);
     const { anchorEl, open } = (0, react_2.useContext)(SecondaryActionsMenuContext_1.SecondaryActionsMenuContext);
     const renderActions = () => {
         return actions?.map((action) => {

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuItemWrapper = exports.SkeletonWrapper = void 0;
-const material_1 = require("@mui/material");
+const Skeleton_1 = require("@mui/material/Skeleton");
 const styled_1 = require("../../../styled");
 exports.SkeletonWrapper = styled_1.styled.div `
     display: flex;
@@ -19,7 +19,7 @@ exports.SkeletonWrapper = styled_1.styled.div `
     }
 `;
 exports.MenuItemWrapper = styled_1.styled.div `
-    & .${material_1.skeletonClasses.root} {
+    & .${Skeleton_1.skeletonClasses.root} {
         height: 12px;
     }
 
@@ -27,7 +27,7 @@ exports.MenuItemWrapper = styled_1.styled.div `
         min-height: 48px;
         padding: ${({ theme }) => theme.spacing(2, 3, 3)};
 
-        & .${material_1.skeletonClasses.root} {
+        & .${Skeleton_1.skeletonClasses.root} {
             height: 20px;
         }
     }

package/node/components/CardGridInfinite/NoDataPlaceholder/NoDataPlaceholder.js

@@ -4,11 +4,11 @@ exports.NoDataPlaceholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const placeholders_1 = require("../../placeholders");
+const Placeholder_1 = require("../../placeholders/Placeholder");
 const constants_1 = require("./constants");
 const NoDataPlaceholder = ({ noDataImgSrc }) => {
     const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { noDataImgSrc: configProviderNoDataImgSrc } = imagesMap;
-    return ((0, jsx_runtime_1.jsx)(placeholders_1.Placeholder, { title: constants_1.NO_DATA_TEXT, imgSrc: noDataImgSrc ?? configProviderNoDataImgSrc, size: "medium" }));
+    return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { title: constants_1.NO_DATA_TEXT, imgSrc: noDataImgSrc ?? configProviderNoDataImgSrc, size: "medium" }));
 };
 exports.NoDataPlaceholder = NoDataPlaceholder;

package/node/components/CardGridInfinite/constants.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cardGridClassnames = exports.OVERSCAN = exports.VIRTUOSO_CONTAINER_ID = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.VIRTUOSO_CONTAINER_ID = 'virtuoso-container';
 exports.OVERSCAN = 30;
 exports.cardGridClassnames = {
-    list: (0, utils_1.createUIKitClassname)('card-grid__list'),
-    root: (0, utils_1.createUIKitClassname)('card-grid'),
-    loading: (0, utils_1.createUIKitClassname)('card-grid_loading'),
+    list: (0, createUIKitClassname_1.createUIKitClassname)('card-grid__list'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('card-grid'),
+    loading: (0, createUIKitClassname_1.createUIKitClassname)('card-grid_loading'),
 };

package/node/components/CardGridInfinite/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentStateWrapper = exports.ContentWrapper = exports.Wrapper = void 0;
-const placeholders_1 = require("../placeholders");
+const LoadingPlaceholder_1 = require("../placeholders/LoadingPlaceholder");
 const styled_1 = require("../styled");
 const constants_1 = require("./constants");
 exports.Wrapper = styled_1.styled.div `
@@ -23,7 +23,7 @@ exports.ContentStateWrapper = styled_1.styled.div `
     height: auto;
   }
 
-  & .${placeholders_1.loadingPlaceholderClassnames.root} {
+  & .${LoadingPlaceholder_1.loadingPlaceholderClassnames.root} {
     justify-content: flex-start
   }
 `;

package/node/components/CardGridInfinite/useLogic/useLogic.js

@@ -3,12 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const hooks_1 = require("../../hooks");
-const utils_1 = require("../../utils");
+const useScrollManagement_1 = require("../../hooks/useScrollManagement");
+const useStickyButton_1 = require("../../hooks/useStickyButton");
+const useViewportType_1 = require("../../hooks/useViewportType");
+const classNames_1 = require("../../utils/classNames");
 const constants_1 = require("../constants");
 const useLogic = ({ list, isLoading, isError, errorMsg, errorImgSrc, scrollRef, skeleton, onRetry, endOfScrollMsg, isEndReached, onLoadMore, noDataImgSrc, defineCard, desktopCardWidth, }) => {
     const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     (0, react_1.useEffect)(() => {
         if (isMobile && scrollRef?.current) {
             scrollRef.current.style.backgroundColor = 'unset';
@@ -29,18 +31,18 @@ const useLogic = ({ list, isLoading, isError, errorMsg, errorImgSrc, scrollRef,
             },
         };
     }, [list, isLoading, isError, errorMsg, errorImgSrc, imagesMap]);
-    const { scrollParent, recalculateVerticalScroll, handleEndReach, isEndReachedWithScroll, } = (0, hooks_1.useScrollManagement)({
+    const { scrollParent, recalculateVerticalScroll, handleEndReach, isEndReachedWithScroll, } = (0, useScrollManagement_1.useScrollManagement)({
         scrollRef,
         isEndReached,
         onLoadMore,
         virtuosoId: constants_1.VIRTUOSO_CONTAINER_ID,
     });
-    const { virtuoso, isStickyButtonActive, handleRangeChanged: propsHandleRangeChanged, handleScrollToTop, } = (0, hooks_1.useStickyButton)(scrollRef);
+    const { virtuoso, isStickyButtonActive, handleRangeChanged: propsHandleRangeChanged, handleScrollToTop, } = (0, useStickyButton_1.useStickyButton)(scrollRef);
     const handleRangeChanged = (range) => {
         recalculateVerticalScroll();
         propsHandleRangeChanged(range);
     };
-    const classnames = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.cardGridClassnames.root, {
+    const classnames = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(constants_1.cardGridClassnames.root, {
         [constants_1.cardGridClassnames.loading]: isLoading,
     }), [isLoading]);
     return {

package/node/components/CheckableTag/CheckableTag.d.ts

@@ -40,7 +40,7 @@ export type CheckableTagProps = Omit<TagProps, 'onChange' | 'startAddon' | 'endA
  * />
 
  */
-export declare const CheckableTag: import("react").ForwardRefExoticComponent<Omit<TagProps, "variant" | "onChange" | "startAddon" | "endAddon"> & {
+export declare const CheckableTag: import("react").ForwardRefExoticComponent<Omit<TagProps, "onChange" | "variant" | "startAddon" | "endAddon"> & {
     /**
      * Состояние тега
      */

package/node/components/CheckableTag/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledTag = exports.HiddenInput = exports.Wrapper = void 0;
-const material_1 = require("@mui/material");
+const Badge_1 = require("@mui/material/Badge");
 const styled_1 = require("../styled");
 const Tag_1 = require("../Tag");
 const getHoverBgColor = ({ theme, color, isChecked, variant, disabled, }) => {
@@ -113,7 +113,7 @@ exports.StyledTag = (0, styled_1.styled)(Tag_1.Tag, {
     color: ${({ theme, disabled, $isChecked }) => getColor({ theme, isChecked: $isChecked, disabled })};
   }
 
-  .${Tag_1.tagClassnames.badge} .${material_1.badgeClasses.badge} {
+  .${Tag_1.tagClassnames.badge} .${Badge_1.badgeClasses.badge} {
     cursor: pointer;
   }
 

package/node/components/Checkbox/Icon/Icon.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../SvgIcon");
-const utils_1 = require("../../utils");
+const classNames_1 = require("../../utils/classNames");
 const constants_1 = require("../constants");
-const Icon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [(0, jsx_runtime_1.jsx)("rect", { className: constants_1.checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] }));
+const Icon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [(0, jsx_runtime_1.jsx)("rect", { className: constants_1.checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, classNames_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), (0, jsx_runtime_1.jsx)("path", { className: (0, classNames_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] }));
 exports.Icon = Icon;

package/node/components/Checkbox/constants.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MOBILE_CHECKBOX_SIZE = exports.CHECKBOX_SIZE = exports.checkboxClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.checkboxClassnames = {
-    root: (0, utils_1.createUIKitClassname)('checkbox'),
-    checked: (0, utils_1.createUIKitClassname)('checkbox_checked'),
-    indeterminate: (0, utils_1.createUIKitClassname)('checkbox_indeterminate'),
-    disabled: (0, utils_1.createUIKitClassname)('checkbox_disabled'),
-    iconWrapper: (0, utils_1.createUIKitClassname)('checkbox__icon-wrapper'),
-    icon: (0, utils_1.createUIKitClassname)('checkbox__icon'),
-    outline: (0, utils_1.createUIKitClassname)('checkbox__outline'),
-    symbol: (0, utils_1.createUIKitClassname)('checkbox__symbol'),
-    iconChecked: (0, utils_1.createUIKitClassname)('checkbox__icon_checked'),
-    iconIndeterminate: (0, utils_1.createUIKitClassname)('checkbox__icon_indeterminate'),
-    input: (0, utils_1.createUIKitClassname)('checkbox__input'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('checkbox'),
+    checked: (0, createUIKitClassname_1.createUIKitClassname)('checkbox_checked'),
+    indeterminate: (0, createUIKitClassname_1.createUIKitClassname)('checkbox_indeterminate'),
+    disabled: (0, createUIKitClassname_1.createUIKitClassname)('checkbox_disabled'),
+    iconWrapper: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__icon-wrapper'),
+    icon: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__icon'),
+    outline: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__outline'),
+    symbol: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__symbol'),
+    iconChecked: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__icon_checked'),
+    iconIndeterminate: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__icon_indeterminate'),
+    input: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__input'),
 };
 exports.CHECKBOX_SIZE = '32px';
 exports.MOBILE_CHECKBOX_SIZE = '40px';

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

@@ -19,7 +19,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
@@ -27,7 +27,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         about?: string | undefined;
         content?: string | undefined;
@@ -61,7 +61,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -71,7 +71,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -81,7 +81,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -98,7 +98,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;

package/node/components/Checkbox/useLogic/useLogic.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
-const utils_1 = require("../../utils");
+const useUpdateEffect_1 = require("../../hooks/useUpdateEffect");
+const classNames_1 = require("../../utils/classNames");
 const constants_1 = require("../constants");
 const useLogic = ({ checked = false, indeterminate = false, disabled = false, isError = false, defaultChecked = false, onChange: propsOnChange, className: propClassNames, role, style, name, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = (0, react_1.useState)(defaultChecked || checked);
-    (0, hooks_1.useUpdateEffect)(() => {
+    (0, useUpdateEffect_1.useUpdateEffect)(() => {
         setIsChecked(checked);
     }, [checked]);
     const onChange = (event) => {
@@ -26,7 +26,7 @@ const useLogic = ({ checked = false, indeterminate = false, disabled = false, is
         }
         return 'inherit';
     }, [disabled, isError, isChecked, indeterminate]);
-    const className = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.checkboxClassnames.root, isChecked ? constants_1.checkboxClassnames.checked : '', disabled ? constants_1.checkboxClassnames.disabled : '', indeterminate ? constants_1.checkboxClassnames.indeterminate : '', propClassNames), [isChecked, indeterminate, disabled, propClassNames]);
+    const className = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(constants_1.checkboxClassnames.root, isChecked ? constants_1.checkboxClassnames.checked : '', disabled ? constants_1.checkboxClassnames.disabled : '', indeterminate ? constants_1.checkboxClassnames.indeterminate : '', propClassNames), [isChecked, indeterminate, disabled, propClassNames]);
     return {
         onChange,
         color,

package/node/components/CheckboxField/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkboxFieldClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.checkboxFieldClassnames = {
-    label: (0, utils_1.createUIKitClassname)('checkbox-field__label'),
+    label: (0, createUIKitClassname_1.createUIKitClassname)('checkbox-field__label'),
 };

package/node/components/CheckboxField/styles.js

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledFormHelperText = exports.StyledFormControlledLabel = void 0;
-const material_1 = require("@mui/material");
-const FormControlLabel_1 = require("../FormControlLabel");
+const FormControlLabel_1 = require("@mui/material/FormControlLabel");
+const Stack_1 = require("@mui/material/Stack");
+const FormControlLabel_2 = require("../FormControlLabel");
 const FormHelperText_1 = require("../FormHelperText");
 const styled_1 = require("../styled");
 const constants_1 = require("./constants");
-exports.StyledFormControlledLabel = (0, styled_1.styled)(FormControlLabel_1.FormControlLabel) `
+exports.StyledFormControlledLabel = (0, styled_1.styled)(FormControlLabel_2.FormControlLabel) `
   align-items: flex-start;
 
-  .${material_1.stackClasses.root} {
+  .${Stack_1.stackClasses.root} {
     display: flex;
     flex-direction: row;
   }
 
-  .${material_1.formControlLabelClasses.asterisk} {
+  .${FormControlLabel_1.formControlLabelClasses.asterisk} {
     align-self: flex-start;
   }
 

package/node/components/Chevron/Chevron.d.ts

@@ -1,6 +1,6 @@
-import { type SvgIconProps } from '@mui/material';
+import { type SvgIconProps } from '@mui/material/SvgIcon';
 import type { ReactElement } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type ChevronProps = {
     isActive?: boolean;
     className?: string;

package/node/components/Chevron/styles.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChevronIcon = void 0;
-const icons_1 = require("../../icons");
+const ChevronDOutlineMd_1 = require("../../icons/ChevronDOutlineMd");
 const styled_1 = require("../styled");
 const mixins_1 = require("../styled/mixins");
-exports.ChevronIcon = (0, styled_1.styled)(icons_1.ChevronDOutlineMd, {
+exports.ChevronIcon = (0, styled_1.styled)(ChevronDOutlineMd_1.ChevronDOutlineMd, {
     shouldForwardProp: (prop) => prop !== 'isActive',
 }) `
   ${({ isActive }) => (0, mixins_1.UpDownTransition)(isActive)}

package/node/components/ClickAwayListener/ClickAwayListener.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import { type UseClickAwayListenerOptions } from '../hooks';
+import { type UseClickAwayListenerOptions } from '../hooks/useClickAwayEffect';
 export type ClickAwayListenerProps = Omit<UseClickAwayListenerOptions, 'ref' | 'isActive'> & {
     children: ReactElement;
     isActive?: boolean;

package/node/components/ClickAwayListener/ClickAwayListener.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClickAwayListener = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../hooks");
+const useClickAwayEffect_1 = require("../hooks/useClickAwayEffect");
 /**
  * компонент предоставляющий обертку для работы с хуком useClickAwayEffect
  */
 const ClickAwayListener = ({ onClickAway, preventBubbling, isActive = true, children, }) => {
     const ref = (0, react_1.useRef)(null);
-    (0, hooks_1.useClickAwayEffect)({ ref, onClickAway, preventBubbling, isActive });
+    (0, useClickAwayEffect_1.useClickAwayEffect)({ ref, onClickAway, preventBubbling, isActive });
     // biome-ignore lint/suspicious/noExplicitAny: ReactElement имеет generic unknown по умолчанию и не содержит ref внутри
     const child = children;
     return react_1.Children.only((0, react_1.cloneElement)(child, { ref }));

package/node/components/CodeField/Resend/320/241odeButton/Resend/320/241odeButton.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Button_1 = require("../../Button");
-const hooks_1 = require("../../hooks");
+const useSecondsCountDown_1 = require("../../hooks/useSecondsCountDown");
 const Typography_1 = require("../../Typography");
 const styles_1 = require("./styles");
 const ResendCodeButton = ({ loading, disabled, resendTimeout, onResendCode, clearCodeValue, }) => {
-    const { isActive, textTime: time, restart, } = (0, hooks_1.useSecondsCountdown)({
+    const { isActive, textTime: time, restart, } = (0, useSecondsCountDown_1.useSecondsCountdown)({
         seconds: resendTimeout,
     });
     const [resendCodeLoading, setResendCodeLoading] = (0, react_1.useState)(false);