@astral/ui 4.92.0 → 4.92.1

package/node/components/PageHeader/PageActions/useLogic/useLogic.js

@@ -5,13 +5,13 @@ const react_1 = require("react");
 const ActionGroup_1 = require("../../../ActionGroup");
 const NextFeatureFlagsContext_1 = require("../../../ConfigProvider/NextFeatureFlagsContext");
 const DashboardContext_1 = require("../../../DashboardContext");
-const classNames_1 = require("../../../utils/classNames");
+const cn_1 = require("../../../utils/cn");
 const constants_1 = require("../constants");
 const useLogic = ({ main, secondary, secondaryVisible, withCollapseOnLaptop = false, }) => {
     const { showFocusModeButtonOnDesktop, showFocusModeButtonOnLaptop } = (0, react_1.useContext)(NextFeatureFlagsContext_1.NextFeatureFlagsContext);
     const { setFocusedMode, isFocusedMode } = (0, react_1.useContext)(DashboardContext_1.DashboardContext);
     const { disabledAction } = (0, ActionGroup_1.useActionsState)({ main, secondary });
-    const buttonClassnames = (0, react_1.useMemo)(() => (0, classNames_1.classNames)({
+    const buttonClassnames = (0, react_1.useMemo)(() => (0, cn_1.cn)({
         [constants_1.focusModeButtonClassnames.isShowOnDesktop]: showFocusModeButtonOnDesktop,
         [constants_1.focusModeButtonClassnames.isShowOnLaptop]: showFocusModeButtonOnLaptop,
     }), [showFocusModeButtonOnDesktop, showFocusModeButtonOnLaptop]);
@@ -55,7 +55,7 @@ const useLogic = ({ main, secondary, secondaryVisible, withCollapseOnLaptop = fa
         return allActions;
     }, [main, secondary, secondaryVisible, disabledAction]);
     const classnames = (0, react_1.useMemo)(() => {
-        return (0, classNames_1.classNames)({
+        return (0, cn_1.cn)({
             [constants_1.actionsClassnames.withCollapseOnLaptop]: withCollapseOnLaptop && collapsedActions.length > 0,
         });
     }, [withCollapseOnLaptop]);

package/node/components/PageHeader/PageHeader.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const HeaderContent_1 = require("./HeaderContent");
@@ -39,10 +39,10 @@ const PageHeader = (props) => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MobileTitleWrapper, { className: mobilePageHeaderCva({
                     hasTitle: Boolean(title) || isLoading,
                     hasBackButton: Boolean(backButton),
-                }), children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { backButton: backButton, title: title, isLoading: isLoading }), mobileTitleActions && mobileTitleActions] }), (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, classNames_1.classNames)(rootCva({
+                }), children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { backButton: backButton, title: title, isLoading: isLoading }), mobileTitleActions && mobileTitleActions] }), (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, cn_1.cn)(rootCva({
                     hasActions: Boolean(actions),
                     hasSubheader: Boolean(subheader),
                     hasFilters: Boolean(filters),
-                }), className), children: (0, jsx_runtime_1.jsx)(HeaderContent_1.HeaderContent, { breadcrumbs: breadcrumbs, backButton: backButton, title: title, description: description, actions: actions, subheader: subheader, tabs: tabs, filters: filters, isLoading: isLoading }) }), isShowMobileActions && ((0, jsx_runtime_1.jsx)(MobilePageActions_1.MobilePageActions, { className: (0, classNames_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, ...actions }))] }));
+                }), className), children: (0, jsx_runtime_1.jsx)(HeaderContent_1.HeaderContent, { breadcrumbs: breadcrumbs, backButton: backButton, title: title, description: description, actions: actions, subheader: subheader, tabs: tabs, filters: filters, isLoading: isLoading }) }), isShowMobileActions && ((0, jsx_runtime_1.jsx)(MobilePageActions_1.MobilePageActions, { className: (0, cn_1.cn)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, ...actions }))] }));
 };
 exports.PageHeader = PageHeader;

package/node/components/PageLayout/PageLayout.js

@@ -9,13 +9,13 @@ const PageContext_1 = require("../PageContext");
 const PageHeader_1 = require("../PageHeader");
 const PageLayoutContainer_1 = require("../PageLayoutContainer");
 const LoadingPlaceholder_1 = require("../placeholders/LoadingPlaceholder");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const PageLayout = (props) => {
     const { header, content, aside, footer, className, alert, isLoading } = props;
     const { hasAside, ref } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(PageContext_1.PageContextProvider, { hasAside: hasAside, isLoading: isLoading, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.DesktopAlertWrapper, { children: alert }), (0, jsx_runtime_1.jsxs)(PageLayoutContainer_1.PageLayoutContainer, { className: (0, classNames_1.classNames)(className, {
+    return ((0, jsx_runtime_1.jsxs)(PageContext_1.PageContextProvider, { hasAside: hasAside, isLoading: isLoading, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.DesktopAlertWrapper, { children: alert }), (0, jsx_runtime_1.jsxs)(PageLayoutContainer_1.PageLayoutContainer, { className: (0, cn_1.cn)(className, {
                     [PageLayoutContainer_1.pageLayoutClassnames.withoutHeader]: !header,
                 }), ref: ref, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.MobileAlertWrapper, { children: alert }), (0, react_1.isValidElement)(header)
                         ? header

package/node/components/PageLayoutContainer/PageLayoutContainer.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageLayoutContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 exports.PageLayoutContainer = (0, react_1.forwardRef)(({ children, className }, forwardedRef) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledPaper, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, classNames_1.classNames)(className, constants_1.pageLayoutClassnames.root), ref: forwardedRef, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledPaper, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, cn_1.cn)(className, constants_1.pageLayoutClassnames.root), ref: forwardedRef, children: children }) }));
 });

package/node/components/PageLayoutSection/PageLayoutSection.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageLayoutSection = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
@@ -27,5 +27,5 @@ const sectionWrapperCva = (0, cva_1.cva)(constants_1.pageLayoutSectionClassnames
  * } />
  */
 exports.PageLayoutSection = (0, react_1.forwardRef)(({ children, className, isNoMobileSidePadding = false }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.Section, { className: (0, classNames_1.classNames)(className, constants_1.pageLayoutSectionClassnames.root), ref: ref, children: (0, jsx_runtime_1.jsx)(styles_1.SectionWrapper, { className: sectionWrapperCva({ isNoMobileSidePadding }), children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Section, { className: (0, cn_1.cn)(className, constants_1.pageLayoutSectionClassnames.root), ref: ref, children: (0, jsx_runtime_1.jsx)(styles_1.SectionWrapper, { className: sectionWrapperCva({ isNoMobileSidePadding }), children: children }) }));
 });

package/node/components/PageLayoutSection/PageLayoutSectionContainer/PageLayoutSectionContainer.js

@@ -4,7 +4,7 @@ exports.PageLayoutSectionContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const PageContext_1 = require("../../PageContext");
-const classNames_1 = require("../../utils/classNames");
+const cn_1 = require("../../utils/cn");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 /**
@@ -22,7 +22,7 @@ const styles_1 = require("./styles");
 const PageLayoutSectionContainer = ({ children, className, isShowDivider = false, }) => {
     const { hasAside } = (0, react_1.useContext)(PageContext_1.PageContext);
     const classes = (0, react_1.useMemo)(() => {
-        return (0, classNames_1.classNames)(className, {
+        return (0, cn_1.cn)(className, {
             [constants_1.pageLayoutSectionContainerClassnames.withAside]: hasAside,
             [constants_1.pageLayoutSectionContainerClassnames.withDivider]: isShowDivider,
         });

package/node/components/PagePinnableAside/PagePinnableAside.js

@@ -7,7 +7,7 @@ const MenuOnOutlineMd_1 = require("../../icons/MenuOnOutlineMd");
 const PageAside_1 = require("../PageAside");
 const styles_1 = require("../PageAside/styles");
 const PinButton_1 = require("../PinButton");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const styles_2 = require("./styles");
@@ -25,6 +25,6 @@ const asideCva = (0, cva_1.cva)(constants_1.pinnableAsideClassnames.root, {
 const PagePinnableAside = ({ header, children, className, navigation, ...restProps }) => {
     const { isPinned, togglePin, pageHeaderContainer, isMobileNavigationVisible, } = (0, useLogic_1.useLogic)({ navigation, ...restProps });
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isMobileNavigationVisible &&
-                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_1.MobileAsideNavigation, { className: PageAside_1.pageAsideClassnames.mobileNavigation, children: navigation }), pageHeaderContainer), header && (0, jsx_runtime_1.jsx)(styles_1.MobileAsideHeader, { children: header }), (0, jsx_runtime_1.jsx)(PageAside_1.MobileAsideButton, { content: children }), (0, jsx_runtime_1.jsxs)(styles_2.Aside, { "$isPinned": isPinned, className: asideCva({ withHeader: Boolean(header) }), children: [(0, jsx_runtime_1.jsx)(styles_2.Dummy, { "$isPinned": isPinned, children: (0, jsx_runtime_1.jsx)(MenuOnOutlineMd_1.MenuOnOutlineMd, {}) }), (0, jsx_runtime_1.jsxs)(styles_2.Content, { "$isPinned": isPinned, className: (0, classNames_1.classNames)(className, constants_1.pinnableAsideClassnames.content), children: [(0, jsx_runtime_1.jsxs)(styles_2.ChildrenWrapper, { children: [header && ((0, jsx_runtime_1.jsxs)(styles_1.AsideHeader, { children: [header, (0, jsx_runtime_1.jsx)(styles_1.StyledDivider, {})] })), navigation, children] }), (0, jsx_runtime_1.jsx)(styles_2.Footer, { children: (0, jsx_runtime_1.jsx)(PinButton_1.PinButton, { isPinned: isPinned, isUseCollapse: false, onClick: togglePin }) })] })] })] }));
+                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_1.MobileAsideNavigation, { className: PageAside_1.pageAsideClassnames.mobileNavigation, children: navigation }), pageHeaderContainer), header && (0, jsx_runtime_1.jsx)(styles_1.MobileAsideHeader, { children: header }), (0, jsx_runtime_1.jsx)(PageAside_1.MobileAsideButton, { content: children }), (0, jsx_runtime_1.jsxs)(styles_2.Aside, { "$isPinned": isPinned, className: asideCva({ withHeader: Boolean(header) }), children: [(0, jsx_runtime_1.jsx)(styles_2.Dummy, { "$isPinned": isPinned, children: (0, jsx_runtime_1.jsx)(MenuOnOutlineMd_1.MenuOnOutlineMd, {}) }), (0, jsx_runtime_1.jsxs)(styles_2.Content, { "$isPinned": isPinned, className: (0, cn_1.cn)(className, constants_1.pinnableAsideClassnames.content), children: [(0, jsx_runtime_1.jsxs)(styles_2.ChildrenWrapper, { children: [header && ((0, jsx_runtime_1.jsxs)(styles_1.AsideHeader, { children: [header, (0, jsx_runtime_1.jsx)(styles_1.StyledDivider, {})] })), navigation, children] }), (0, jsx_runtime_1.jsx)(styles_2.Footer, { children: (0, jsx_runtime_1.jsx)(PinButton_1.PinButton, { isPinned: isPinned, isUseCollapse: false, onClick: togglePin }) })] })] })] }));
 };
 exports.PagePinnableAside = PagePinnableAside;

package/node/components/PasswordField/PasswordField.js

@@ -8,7 +8,7 @@ const EyeOutlineMd_1 = require("../../icons/EyeOutlineMd");
 const IconButton_1 = require("../IconButton");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const TextField_1 = require("../TextField");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 exports.PasswordField = (0, react_1.forwardRef)(({ label, disabled = false, showSymbols = false, isHidePersonalData, inputProps, ...props }, ref) => {
     const [showPassword, setShowPassword] = (0, react_1.useState)(showSymbols);
     const handleClickShowPassword = () => setShowPassword((show) => !show);
@@ -21,7 +21,7 @@ exports.PasswordField = (0, react_1.forwardRef)(({ label, disabled = false, show
     });
     return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { inputProps: {
             ...inputProps,
-            className: (0, classNames_1.classNames)(inputProps?.className, hidePersonalDataClassname),
+            className: (0, cn_1.cn)(inputProps?.className, hidePersonalDataClassname),
         }, ref: ref, label: label, type: showPassword ? 'text' : 'password', disabled: disabled, InputProps: {
             endAdornment: ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, "aria-label": "\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0432\u0438\u0434\u0438\u043C\u043E\u0441\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044F", onClick: handleClickShowPassword, onMouseDown: handleMouseDownPassword, children: showPassword ? ((0, jsx_runtime_1.jsx)(EyeCrossedOutlineMd_1.EyeCrossedOutlineMd, { id: "visibility-off" })) : ((0, jsx_runtime_1.jsx)(EyeOutlineMd_1.EyeOutlineMd, { id: "visibility-on" })) })),
         }, ...props }));

package/node/components/PdfViewer/PdfDocument/PdfDocument.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PDFDocument = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classNames_1 = require("../../utils/classNames");
+const cn_1 = require("../../utils/cn");
 const constants_1 = require("../constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const PDFDocument = (props) => {
     const { documentRef, onAnimationEnd, isLoading } = (0, useLogic_1.useLogic)(props);
     const { enabledZoom, isCentered, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledDocument, { ...restProps, "$isLoading": isLoading, className: (0, classNames_1.classNames)(constants_1.pdfViewerClassnames.document, {
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledDocument, { ...restProps, "$isLoading": isLoading, className: (0, cn_1.cn)(constants_1.pdfViewerClassnames.document, {
             [constants_1.pdfViewerClassnames.zoom]: enabledZoom,
             [constants_1.pdfViewerClassnames.centered]: isCentered,
         }), inputRef: documentRef, onAnimationEnd: onAnimationEnd }));

package/node/components/PinButton/PinButton.js

@@ -5,12 +5,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const PinOutlineMd_1 = require("../../icons/PinOutlineMd");
 const UnpinOutlineMd_1 = require("../../icons/UnpinOutlineMd");
 const Collapse_1 = require("../Collapse");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const PinButton = (props) => {
     const { isPinned, collapsedIn, isUseCollapse = true, className, ...restProps } = props;
     const PinIcon = isPinned ? UnpinOutlineMd_1.UnpinOutlineMd : PinOutlineMd_1.PinOutlineMd;
-    return ((0, jsx_runtime_1.jsx)(styles_1.TogglerButton, { startIcon: (0, jsx_runtime_1.jsx)(PinIcon, {}), variant: "text", className: (0, classNames_1.classNames)(className, constants_1.pinButtonClassnames.root), ...restProps, children: isUseCollapse ? ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: collapsedIn, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' }) })) : ((0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' })) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.TogglerButton, { startIcon: (0, jsx_runtime_1.jsx)(PinIcon, {}), variant: "text", className: (0, cn_1.cn)(className, constants_1.pinButtonClassnames.root), ...restProps, children: isUseCollapse ? ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: collapsedIn, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' }) })) : ((0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' })) }));
 };
 exports.PinButton = PinButton;

package/node/components/Radio/useLogic/useLogic.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const useUpdateEffect_1 = require("../../useUpdateEffect");
-const classNames_1 = require("../../utils/classNames");
+const cn_1 = require("../../utils/cn");
 const constants_1 = require("../constants");
 const useLogic = ({ checked = false, disabled = false, isError = false, onChange: propsOnChange, className: propClassNames, name, style, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = (0, react_1.useState)(checked);
@@ -14,7 +14,7 @@ const useLogic = ({ checked = false, disabled = false, isError = false, onChange
         propsOnChange?.(event, event.target.checked);
         setIsChecked(event.target.checked);
     };
-    const className = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(constants_1.radioClassnames.root, isChecked ? constants_1.radioClassnames.checked : '', disabled ? constants_1.radioClassnames.disabled : '', propClassNames), [isChecked, disabled, propClassNames]);
+    const className = (0, react_1.useMemo)(() => (0, cn_1.cn)(constants_1.radioClassnames.root, isChecked ? constants_1.radioClassnames.checked : '', disabled ? constants_1.radioClassnames.disabled : '', propClassNames), [isChecked, disabled, propClassNames]);
     return {
         onChange,
         isChecked,

package/node/components/RadioCard/RadioCard.js

@@ -4,11 +4,11 @@ exports.RadioCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const RadioGroup_1 = require("../RadioGroup");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const RadioCard = ({ id, disabled: propsIsDisabled, className, header, children, value, ...props }) => {
     const { isError, value: groupValue, name, onChange, disabled, } = (0, react_1.useContext)(RadioGroup_1.RadioGroupContext);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, classNames_1.classNames)(className, constants_1.radioCardClassnames.root), "$isError": isError, "$isChecked": groupValue === value, "$isDisabled": disabled || propsIsDisabled, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledRadio, { disabled: disabled || propsIsDisabled, checked: groupValue === value, name: name, onChange: (event) => onChange?.(event, event.target.value), value: value, ...props }), (0, jsx_runtime_1.jsxs)(styles_1.Content, { className: constants_1.radioCardClassnames.content, children: [(0, jsx_runtime_1.jsx)("div", { children: header }), (0, jsx_runtime_1.jsx)("div", { children: children })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, cn_1.cn)(className, constants_1.radioCardClassnames.root), "$isError": isError, "$isChecked": groupValue === value, "$isDisabled": disabled || propsIsDisabled, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledRadio, { disabled: disabled || propsIsDisabled, checked: groupValue === value, name: name, onChange: (event) => onChange?.(event, event.target.value), value: value, ...props }), (0, jsx_runtime_1.jsxs)(styles_1.Content, { className: constants_1.radioCardClassnames.content, children: [(0, jsx_runtime_1.jsx)("div", { children: header }), (0, jsx_runtime_1.jsx)("div", { children: children })] })] }));
 };
 exports.RadioCard = RadioCard;

package/node/components/SearchField/SearchField.js

@@ -5,14 +5,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
 const TextField_1 = require("../TextField");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.SearchField = (0, react_1.forwardRef)((props, ref) => {
     const { onChange, onClearValue, restProps, isLoading, inputRef, value, disabled, isClearButtonDisabled, onBlur, fullWidth, inputComponent, placeholder, hideHelperText, } = (0, useLogic_1.useLogic)(props);
     const RenderComponent = inputComponent || TextField_1.TextField;
-    return ((0, jsx_runtime_1.jsx)(styles_1.TextFieldRoot, { "$isFullWidth": fullWidth, children: (0, jsx_runtime_1.jsx)(RenderComponent, { type: "search", placeholder: placeholder, startAdornment: (0, jsx_runtime_1.jsx)(styles_1.SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: (0, jsx_runtime_1.jsx)(styles_1.EndAdornmentWrapper, { className: (0, classNames_1.classNames)({
+    return ((0, jsx_runtime_1.jsx)(styles_1.TextFieldRoot, { "$isFullWidth": fullWidth, children: (0, jsx_runtime_1.jsx)(RenderComponent, { type: "search", placeholder: placeholder, startAdornment: (0, jsx_runtime_1.jsx)(styles_1.SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: (0, jsx_runtime_1.jsx)(styles_1.EndAdornmentWrapper, { className: (0, cn_1.cn)({
                     [constants_1.searchFieldClassnames.endAdornmentVisible]: !isClearButtonDisabled,
                 }), children: isLoading ? ((0, jsx_runtime_1.jsx)(styles_1.LoaderWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}) })) : ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth, ...restProps }) }));
 });

package/node/components/StaticCalendar/StaticDaysCalendar/StaticDaysCalendar.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const useId_1 = require("../../useId");
 const checkIsDeepEqual_1 = require("../../utils/checkIsDeepEqual");
-const classNames_1 = require("../../utils/classNames");
+const cn_1 = require("../../utils/cn");
 const date_1 = require("../../utils/date");
 const constants_1 = require("./constants");
 const DayButton_1 = require("./DayButton");
@@ -33,7 +33,7 @@ const StaticDaysCalendarInner = (0, react_1.memo)(({ minDate, maxDate, selectedD
         productionCalendarStorage,
     ]);
     const checkRenderRequirements = (0, react_1.useCallback)((item) => hideOutOfAvailableRangeElements ? !item.isOutOfAvailableRange : true, [hideOutOfAvailableRangeElements]);
-    return ((0, jsx_runtime_1.jsxs)("article", { className: (0, classNames_1.classNames)(className, constants_1.staticDaysCalendarClassnames.container), children: [(0, jsx_runtime_1.jsx)(Head_1.Head, { className: constants_1.staticDaysCalendarClassnames.head, isMondayFirst: isMondayFirst, hasHolidays: Boolean(productionCalendarStorage) }), (0, jsx_runtime_1.jsx)(styles_1.Body, { role: "grid", className: constants_1.staticDaysCalendarClassnames.grid, children: grid.map((item, index) => checkRenderRequirements(item) ? ((0, jsx_runtime_1.jsx)(DayButton_1.DayButton, { className: constants_1.staticDaysCalendarClassnames.button, isPreviousItemInSelectedRange: grid[index - 1]?.isInSelectedRange, isNextItemInSelectedRange: grid[index + 1]?.isInSelectedRange, isPreviousItemInHoveredRange: grid[index - 1]?.isInHoveredRange, isNextItemInHoveredRange: grid[index + 1]?.isInHoveredRange, ...item, onClick: onChange, onDayHover: onDayHover, renderDayTooltipTitle: renderDayTooltipTitle, disableTooltipInteractive: checkDisableTooltipInteractive?.(item), renderDayContent: renderDayContent, dragAndDropProps: dragAndDropProps, checkTooltipActive: checkTooltipActive }, item.date.toString())) : (
+    return ((0, jsx_runtime_1.jsxs)("article", { className: (0, cn_1.cn)(className, constants_1.staticDaysCalendarClassnames.container), children: [(0, jsx_runtime_1.jsx)(Head_1.Head, { className: constants_1.staticDaysCalendarClassnames.head, isMondayFirst: isMondayFirst, hasHolidays: Boolean(productionCalendarStorage) }), (0, jsx_runtime_1.jsx)(styles_1.Body, { role: "grid", className: constants_1.staticDaysCalendarClassnames.grid, children: grid.map((item, index) => checkRenderRequirements(item) ? ((0, jsx_runtime_1.jsx)(DayButton_1.DayButton, { className: constants_1.staticDaysCalendarClassnames.button, isPreviousItemInSelectedRange: grid[index - 1]?.isInSelectedRange, isNextItemInSelectedRange: grid[index + 1]?.isInSelectedRange, isPreviousItemInHoveredRange: grid[index - 1]?.isInHoveredRange, isNextItemInHoveredRange: grid[index + 1]?.isInHoveredRange, ...item, onClick: onChange, onDayHover: onDayHover, renderDayTooltipTitle: renderDayTooltipTitle, disableTooltipInteractive: checkDisableTooltipInteractive?.(item), renderDayContent: renderDayContent, dragAndDropProps: dragAndDropProps, checkTooltipActive: checkTooltipActive }, item.date.toString())) : (
                 // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с keyId
                 (0, jsx_runtime_1.jsx)("div", {}, `${id}_${index}`))) })] }));
 }, (prev, next) => (0, checkIsDeepEqual_1.checkIsDeepEqual)({

package/node/components/SvgIcon/SvgIcon.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
@@ -17,6 +17,6 @@ const svgCva = (0, cva_1.cva)(constants_1.svgIconClassnames.root, {
 });
 const SvgIcon = (props) => {
     const { children, color = 'inherit', titleAccess, size, width, height, viewBox = '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, { className: (0, classNames_1.classNames)(className, svgCva({ size })), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: constants_1.SIZES[size] || width || '1em', height: constants_1.SIZES[size] || height || '1em', ...restProps, children: [children, titleAccess ? (0, jsx_runtime_1.jsx)("title", { children: titleAccess }) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, { className: (0, cn_1.cn)(className, svgCva({ size })), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: constants_1.SIZES[size] || width || '1em', height: constants_1.SIZES[size] || height || '1em', ...restProps, children: [children, titleAccess ? (0, jsx_runtime_1.jsx)("title", { children: titleAccess }) : null] }));
 };
 exports.SvgIcon = SvgIcon;

package/node/components/Tabs/Tabs.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const useScrollToActiveElement_1 = require("../useScrollToActiveElement");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const Tabs = ({ className, ...tabsProps }) => {
     const { containerRef } = (0, useScrollToActiveElement_1.useScrollToActiveElement)();
-    return ((0, jsx_runtime_1.jsx)(styles_1.Container, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTabs, { ...tabsProps, ref: containerRef, className: (0, classNames_1.classNames)(className, constants_1.tabsClassnames.root) }), (0, jsx_runtime_1.jsx)(styles_1.Divider, {})] }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Container, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTabs, { ...tabsProps, ref: containerRef, className: (0, cn_1.cn)(className, constants_1.tabsClassnames.root) }), (0, jsx_runtime_1.jsx)(styles_1.Divider, {})] }) }));
 };
 exports.Tabs = Tabs;

package/node/components/Tag/useLogic/useLogic.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const classNames_1 = require("../../utils/classNames");
+const cn_1 = require("../../utils/cn");
 const constants_1 = require("../constants");
 const useLogic = ({ onDelete, variant, disabled, size, className, }) => {
     const handleDelete = (event) => {
         event.stopPropagation();
         onDelete?.(event);
     };
-    const classnames = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(constants_1.tagClassnames.root, {
+    const classnames = (0, react_1.useMemo)(() => (0, cn_1.cn)(constants_1.tagClassnames.root, {
         [constants_1.tagClassnames.variantText]: variant === 'text',
         [constants_1.tagClassnames.variantContained]: variant === 'contained',
         [constants_1.tagClassnames.variantLight]: variant === 'light',

package/node/components/TagBadge/TagBadge.js

@@ -5,13 +5,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Tag_1 = require("../Tag");
 const TagContext_1 = require("../Tag/TagContext");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const styles_1 = require("./styles");
 /**
  * Badge для использования внутри компонента Tag
  */
 const TagBadge = ({ color = 'primary', checked, disabled, checkedColor, className, ...props }) => {
     const { variant } = (0, react_1.useContext)(TagContext_1.TagContext);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledBadge, { withBorder: false, color: "white", "$color": color, "$variant": variant, "$isChecked": checked, "$isDisabled": disabled, className: (0, classNames_1.classNames)(className, Tag_1.tagClassnames.badge), ...props }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledBadge, { withBorder: false, color: "white", "$color": color, "$variant": variant, "$isChecked": checked, "$isDisabled": disabled, className: (0, cn_1.cn)(className, Tag_1.tagClassnames.badge), ...props }));
 };
 exports.TagBadge = TagBadge;

package/node/components/TextField/TextField.js

@@ -4,7 +4,7 @@ exports.TextField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const FormHelperText_1 = require("../FormHelperText");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 exports.TextField = (0, react_1.forwardRef)(({ success, error, helperText: helperTextProp, fullWidth = false, startAdornment, endAdornment, inputProps, InputProps, maxLength, trimmed = true, onBlur, hideHelperText = false, className, disabled, ...props }, ref) => {
@@ -40,7 +40,7 @@ exports.TextField = (0, react_1.forwardRef)(({ success, error, helperText: helpe
         }
         onBlur?.(event);
     };
-    const classnames = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(className, {
+    const classnames = (0, react_1.useMemo)(() => (0, cn_1.cn)(className, {
         [constants_1.textFieldClassnames.hideHelperText]: hideHelperText,
         [constants_1.textFieldClassnames.disabled]: disabled,
     }), [className, hideHelperText, disabled]);

package/node/components/Tooltip/Tooltip.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
@@ -17,5 +17,5 @@ const tooltipCva = (0, cva_1.cva)(constants_1.tooltipClassnames.root, {
 });
 exports.Tooltip = (0, react_1.forwardRef)((props, ref) => {
     const { title, placement = 'top', size = 'medium', withoutContainer = true, children, className, tooltipStyle, width, ...restProps } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, className: (0, classNames_1.classNames)(className, tooltipCva({ withoutMaxWidth: Boolean(width) })), style: tooltipStyle, ...restProps, children: withoutContainer ? (children) : ((0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { className: constants_1.tooltipClassnames.contentWrapper, children: children })) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, className: (0, cn_1.cn)(className, tooltipCva({ withoutMaxWidth: Boolean(width) })), style: tooltipStyle, ...restProps, children: withoutContainer ? (children) : ((0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { className: constants_1.tooltipClassnames.contentWrapper, children: children })) }));
 });

package/node/components/Tooltip/useLogic/useLogic.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const personalDataSecurity_1 = require("../../personalDataSecurity");
-const classNames_1 = require("../../utils/classNames");
+const cn_1 = require("../../utils/cn");
 const useLogic = (props) => {
     const { children, className: propClassName, width, style, ...restProps } = props;
     const hidePersonalDataClassName = (0, personalDataSecurity_1.useHidePersonalData)({
         type: 'container',
     });
-    const className = (0, classNames_1.classNames)(propClassName, {
+    const className = (0, cn_1.cn)(propClassName, {
         [hidePersonalDataClassName]: children.props.className?.includes(hidePersonalDataClassName),
     });
     const tooltipStyle = {

package/node/components/Tree/TreeList/TreeList.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classNames_1 = require("../../utils/classNames");
+const cn_1 = require("../../utils/cn");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const TreeItem_1 = require("./TreeItem");
@@ -11,6 +11,6 @@ const INITIAL_LEVEL = 0;
 const TreeList = (props) => {
     const { listProps, itemProps } = (0, useLogic_1.useLogic)(props);
     const { data, className, expandedLevel = 10, disabledItems, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: (0, classNames_1.classNames)(className, constants_1.treeListClassnames.list), ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: (0, cn_1.cn)(className, constants_1.treeListClassnames.list), ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
 };
 exports.TreeList = TreeList;

package/node/components/TreeLikeList/TreeLikeList.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeLikeList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Tree_1 = require("../Tree");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const styles_1 = require("./styles");
 const TreeItem_1 = require("./TreeItem");
 const useLogic_1 = require("./useLogic");
@@ -11,6 +11,6 @@ const INITIAL_LEVEL = 0;
 const TreeLikeList = (props) => {
     const { listProps, itemProps } = (0, useLogic_1.useLogic)(props);
     const { data, className, expandedLevel = 10, disabledItems, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: (0, classNames_1.classNames)(className, Tree_1.treeListClassnames.list), ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: (0, cn_1.cn)(className, Tree_1.treeListClassnames.list), ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
 };
 exports.TreeLikeList = TreeLikeList;

package/node/components/Typography/Typography.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Typography = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const classNames_1 = require("../utils/classNames");
+const cn_1 = require("../utils/cn");
 const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const hooks_1 = require("./hooks");
@@ -20,5 +20,5 @@ const typographyCva = (0, cva_1.cva)(constants_1.typographyClassnames.root, {
 });
 exports.Typography = (0, react_1.forwardRef)(({ children, color, colorIntensity = '800', component, withoutCalt, className, isTabularNums, ...props }, ref) => {
     const typographyColor = (0, hooks_1.useTypographyColor)({ color, colorIntensity });
-    return ((0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, className: (0, classNames_1.classNames)(typographyCva({ isTabularNums, withoutCalt }), className), children: children }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, className: (0, cn_1.cn)(typographyCva({ isTabularNums, withoutCalt }), className), children: children }));
 });

package/node/components/placeholders/LoadingPlaceholder/LoadingPlaceholder.js

@@ -4,7 +4,7 @@ exports.LoadingPlaceholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Loader_1 = require("../../Loader");
 const Typography_1 = require("../../Typography");
-const classNames_1 = require("../../utils/classNames");
+const cn_1 = require("../../utils/cn");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 /**
@@ -12,11 +12,11 @@ const styles_1 = require("./styles");
  */
 const LoadingPlaceholder = ({ title, content, isShowLoader = true, className, }) => {
     if (!isShowLoader) {
-        return ((0, jsx_runtime_1.jsx)(styles_1.LoadingContainer, { className: (0, classNames_1.classNames)(constants_1.loadingPlaceholderClassnames.root, className) }));
+        return ((0, jsx_runtime_1.jsx)(styles_1.LoadingContainer, { className: (0, cn_1.cn)(constants_1.loadingPlaceholderClassnames.root, className) }));
     }
     if (content) {
-        return ((0, jsx_runtime_1.jsx)(styles_1.LoadingContainer, { className: (0, classNames_1.classNames)(constants_1.loadingPlaceholderClassnames.root, className), children: content }));
+        return ((0, jsx_runtime_1.jsx)(styles_1.LoadingContainer, { className: (0, cn_1.cn)(constants_1.loadingPlaceholderClassnames.root, className), children: content }));
     }
-    return ((0, jsx_runtime_1.jsxs)(styles_1.LoadingContainer, { className: (0, classNames_1.classNames)(constants_1.loadingPlaceholderClassnames.root, className), children: [(0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), title && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h4", children: title })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.LoadingContainer, { className: (0, cn_1.cn)(constants_1.loadingPlaceholderClassnames.root, className), children: [(0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), title && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h4", children: title })] }));
 };
 exports.LoadingPlaceholder = LoadingPlaceholder;

package/node/components/utils/classNames/classNames.d.ts

@@ -1 +1 @@
-export { default as classNames } from 'classnames';
+export { default as classNames } from 'clsx';

package/node/components/utils/classNames/classNames.js

@@ -4,5 +4,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.classNames = void 0;
-var classnames_1 = require("classnames");
-Object.defineProperty(exports, "classNames", { enumerable: true, get: function () { return __importDefault(classnames_1).default; } });
+var clsx_1 = require("clsx");
+Object.defineProperty(exports, "classNames", { enumerable: true, get: function () { return __importDefault(clsx_1).default; } });

package/node/components/utils/cn/cn.d.ts

@@ -0,0 +1 @@
+export { default as cn } from 'clsx';

package/node/components/utils/cn/cn.js

@@ -0,0 +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.cn = void 0;
+var clsx_1 = require("clsx");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return __importDefault(clsx_1).default; } });

package/node/components/utils/cn/index.d.ts

@@ -0,0 +1 @@
+export * from './cn';

package/node/components/utils/cn/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./cn"), exports);

package/node/components/utils/cn/public.d.ts

@@ -0,0 +1 @@
+export * from './cn';

package/node/components/utils/cn/public.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./cn"), exports);

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditableText = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Tooltip_1 = require("../../components/Tooltip");
-const classNames_1 = require("../../components/utils/classNames");
+const cn_1 = require("../../components/utils/cn");
 const constants_1 = require("./constants");
 const EditingForm_1 = require("./EditingForm");
 const styles_1 = require("./styles");
@@ -26,7 +26,7 @@ const EditableText = (props) => {
         if (showEditIconMode === 'none') {
             return null;
         }
-        return ((0, jsx_runtime_1.jsx)(styles_1.StyledEditIcon, { "$iconPosition": iconPosition, className: (0, classNames_1.classNames)({
+        return ((0, jsx_runtime_1.jsx)(styles_1.StyledEditIcon, { "$iconPosition": iconPosition, className: (0, cn_1.cn)({
                 [constants_1.editableTextClassnames.showIconOnHover]: showEditIconMode === 'onHover',
             }) }));
     };

package/node/hook-form/FormFilters/AllFiltersButton/useLogic/useLogic.js

@@ -4,7 +4,7 @@ exports.useLogic = void 0;
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const useViewportType_1 = require("../../../../components/useViewportType");
-const classNames_1 = require("../../../../components/utils/classNames");
+const cn_1 = require("../../../../components/utils/cn");
 const constants_1 = require("../../../FormFiltersSearchField/constants");
 const constants_2 = require("../../../FormQuickFilters/constants");
 const constants_3 = require("../../constants");
@@ -37,7 +37,7 @@ const useLogic = ({ form, onOpenModal, hasMainFilters, hasSecondaryFilters, hasS
         return (filledValuesCount - (searchValue ? 1 : 0) - (quickFiltersValue ? 1 : 0));
     };
     const allFiltersButtonClassName = (0, react_1.useMemo)(() => {
-        return (0, classNames_1.classNames)({
+        return (0, cn_1.cn)({
             [constants_3.formFiltersClassnames.showAllFiltersButtonOnDesktop]: hasSecondaryFilters,
             [constants_3.formFiltersClassnames.showAllFiltersButtonOnLaptop]: hasMainFilters || hasSecondaryFilters,
             [constants_3.formFiltersClassnames.showAllFiltersButtonOnMobile]: hasMainFilters || hasSecondaryFilters,