@astral/ui 4.92.0 → 4.92.1

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

@@ -4,7 +4,7 @@ exports.FormMobilePhoneField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const MaskField_1 = require("../../components/MaskField");
 const personalDataSecurity_1 = require("../../components/personalDataSecurity");
-const classNames_1 = require("../../components/utils/classNames");
+const cn_1 = require("../../components/utils/cn");
 const useFormFieldProps_1 = require("../useFormFieldProps");
 const MOBILE_PHONE_MASK = '+{7} (000) 000-00-00';
 /**
@@ -21,7 +21,7 @@ const FormMobilePhoneField = ({ isHidePersonalData, inputProps, ...props }) => {
     });
     return ((0, jsx_runtime_1.jsx)(MaskField_1.MaskField, { inputProps: {
             ...inputProps,
-            className: (0, classNames_1.classNames)(inputProps?.className, hidePersonalDataClassname),
+            className: (0, cn_1.cn)(inputProps?.className, hidePersonalDataClassname),
         }, placeholder: "+7 (9**) ***-**-**", ...fieldProps, mask: MOBILE_PHONE_MASK, autoComplete: "tel" }));
 };
 exports.FormMobilePhoneField = FormMobilePhoneField;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormPageLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classNames_1 = require("../../components/utils/classNames");
+const cn_1 = require("../../components/utils/cn");
 const Form_1 = require("../Form");
 const FormPageLayoutBase_1 = require("../FormPageLayoutBase");
 const FormPageFooter_1 = require("./FormPageFooter");
@@ -13,7 +13,7 @@ const styles_1 = require("./styles");
 const FormPageLayout = (props) => {
     const { form, children, ...restProps } = props;
     const { secondaryActions, submitButtonText, ...restFormProps } = form;
-    return ((0, jsx_runtime_1.jsx)(FormPageLayoutBase_1.FormPageLayoutBase, { ...restProps, formProps: { ...form, secondaryActions }, contentClassname: (0, classNames_1.classNames)({
+    return ((0, jsx_runtime_1.jsx)(FormPageLayoutBase_1.FormPageLayoutBase, { ...restProps, formProps: { ...form, secondaryActions }, contentClassname: (0, cn_1.cn)({
             [FormPageLayoutBase_1.formPageContentClassnames.formPageContentSecondaryActions]: Boolean(secondaryActions),
         }), children: ({ isDisabled }) => ((0, jsx_runtime_1.jsxs)(Form_1.Form, { ...restFormProps, isDisabled: isDisabled, children: [(0, jsx_runtime_1.jsx)(styles_1.FormContent, { children: children }), (0, jsx_runtime_1.jsx)(FormPageFooter_1.FormPageFooter, { isDisabled: isDisabled, submitButtonText: submitButtonText, secondaryActions: secondaryActions })] })) }));
 };

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

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const PageAside_1 = require("../../components/PageAside");
 const PageContext_1 = require("../../components/PageContext");
 const PageLayoutContainer_1 = require("../../components/PageLayoutContainer");
-const classNames_1 = require("../../components/utils/classNames");
+const cn_1 = require("../../components/utils/cn");
 const FormMobileActions_1 = require("./FormMobileActions");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
@@ -16,6 +16,6 @@ const useLogic_1 = require("./useLogic");
 const FormPageLayoutBase = (props) => {
     const { pageContentProps, headerProps, renderChildrenProps, headerActions } = (0, useLogic_1.useLogic)(props);
     const { className, aside, children, alert, contentClassname, header } = props;
-    return ((0, jsx_runtime_1.jsxs)(PageContext_1.PageContextProvider, { hasAside: Boolean(aside), mobileTitleActions: (0, jsx_runtime_1.jsx)(FormMobileActions_1.FormMobileActions, { actions: headerActions }), children: [alert && (0, jsx_runtime_1.jsx)(styles_1.DesktopAlertWrapper, { children: alert }), (0, jsx_runtime_1.jsxs)(PageLayoutContainer_1.PageLayoutContainer, { className: className, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.MobileAlertWrapper, { children: alert }), (0, react_1.isValidElement)(header) ? (header) : ((0, jsx_runtime_1.jsx)(styles_1.StyledPageHeader, { ...headerProps })), (0, jsx_runtime_1.jsx)(styles_1.StyledPageContent, { className: (0, classNames_1.classNames)(contentClassname), isFormPaddingDisable: true, ...pageContentProps, children: children(renderChildrenProps) }), aside && !(0, react_1.isValidElement)(aside) && ((0, jsx_runtime_1.jsx)(PageAside_1.PageAside, { ...aside })), (0, react_1.isValidElement)(aside) && aside] })] }));
+    return ((0, jsx_runtime_1.jsxs)(PageContext_1.PageContextProvider, { hasAside: Boolean(aside), mobileTitleActions: (0, jsx_runtime_1.jsx)(FormMobileActions_1.FormMobileActions, { actions: headerActions }), children: [alert && (0, jsx_runtime_1.jsx)(styles_1.DesktopAlertWrapper, { children: alert }), (0, jsx_runtime_1.jsxs)(PageLayoutContainer_1.PageLayoutContainer, { className: className, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.MobileAlertWrapper, { children: alert }), (0, react_1.isValidElement)(header) ? (header) : ((0, jsx_runtime_1.jsx)(styles_1.StyledPageHeader, { ...headerProps })), (0, jsx_runtime_1.jsx)(styles_1.StyledPageContent, { className: (0, cn_1.cn)(contentClassname), isFormPaddingDisable: true, ...pageContentProps, children: children(renderChildrenProps) }), aside && !(0, react_1.isValidElement)(aside) && ((0, jsx_runtime_1.jsx)(PageAside_1.PageAside, { ...aside })), (0, react_1.isValidElement)(aside) && aside] })] }));
 };
 exports.FormPageLayoutBase = FormPageLayoutBase;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormWizardPageLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classNames_1 = require("../../components/utils/classNames");
+const cn_1 = require("../../components/utils/cn");
 const FormPageLayoutBase_1 = require("../FormPageLayoutBase");
 const FormWizard_1 = require("../FormWizard");
 const FormWizardFooter_1 = require("./FormWizardFooter");
@@ -14,7 +14,7 @@ const FormWizardPageLayout = (props) => {
     const { header, aside, formWizard, alert } = props;
     const { form, isDisabled: externalDisabled, secondaryActions } = formWizard;
     const { isShowFullActions, isShowNavigateButtons } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(FormPageLayoutBase_1.FormPageLayoutBase, { header: header, aside: aside, formProps: { isDisabled: externalDisabled, form, secondaryActions }, contentClassname: (0, classNames_1.classNames)({
+    return ((0, jsx_runtime_1.jsx)(FormPageLayoutBase_1.FormPageLayoutBase, { header: header, aside: aside, formProps: { isDisabled: externalDisabled, form, secondaryActions }, contentClassname: (0, cn_1.cn)({
             [FormPageLayoutBase_1.formPageContentClassnames.formPageContentSecondaryActions]: isShowNavigateButtons,
             [FormPageLayoutBase_1.formPageContentClassnames.formWizardPageContentActions]: isShowFullActions,
         }), alert: alert, children: ({ isDisabled }) => ((0, jsx_runtime_1.jsx)(FormWizard_1.FormWizard, { isDisabled: isDisabled, ...formWizard, customFooter: (footerProps) => ((0, jsx_runtime_1.jsx)(FormWizardFooter_1.FormWizardFooter, { ...footerProps, secondaryActions: secondaryActions })) })) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.92.0",
+  "version": "4.92.1",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {
@@ -11,8 +11,8 @@
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.13.5",
     "@mui/material": "5.13.0",
-    "classnames": "^2.5.1",
     "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "colord": "^2.9.3",
     "dayjs": "^1.11.5",
     "react-imask": "6.4.2",