@astral/ui 4.18.0-rc.1 → 4.18.0-rc.2

package/node/hook-form/formLayouts/FormPageLayoutBase/FormMobileActions/styles.js

@@ -4,11 +4,11 @@ exports.StyledDropdownButton = exports.StyledButton = exports.StyledIconDropDown
 const Button_1 = require("../../../../components/Button");
 const DropdownButton_1 = require("../../../../components/DropdownButton");
 const IconDropdownButton_1 = require("../../../../components/IconDropdownButton");
-const styles_1 = require("../../../../components/styles");
-exports.StyledIconDropDownButton = (0, styles_1.styled)(IconDropdownButton_1.IconDropdownButton) `
+const styled_1 = require("../../../../components/styled");
+exports.StyledIconDropDownButton = (0, styled_1.styled)(IconDropdownButton_1.IconDropdownButton) `
   margin-left: auto;
 `;
-exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
+exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
   justify-content: flex-start;
 
   font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
@@ -20,7 +20,7 @@ exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
     padding: 0;
   }
 `;
-exports.StyledDropdownButton = (0, styles_1.styled)(DropdownButton_1.DropdownButton) `
+exports.StyledDropdownButton = (0, styled_1.styled)(DropdownButton_1.DropdownButton) `
   justify-content: flex-start;
 
   font-weight: ${({ theme }) => theme.typography.fontWeightRegular};

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

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormPageLayoutBase = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const PageLayout_1 = require("../../../components/PageLayout");
+const PageAside_1 = require("../../../components/PageAside");
+const PageContext_1 = require("../../../components/PageContext");
+const PageLayoutContainer_1 = require("../../../components/PageLayoutContainer");
 const utils_1 = require("../../../components/utils");
 const FormMobileActions_1 = require("./FormMobileActions");
 const styles_1 = require("./styles");
@@ -14,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)(PageLayout_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)(PageLayout_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, utils_1.classNames)(contentClassname), isFormPaddingDisable: true, ...pageContentProps, children: children(renderChildrenProps) }), aside && !(0, react_1.isValidElement)(aside) && ((0, jsx_runtime_1.jsx)(PageLayout_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, utils_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] })] }));
 };
 exports.FormPageLayoutBase = FormPageLayoutBase;

package/node/hook-form/formLayouts/FormPageLayoutBase/styles.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-export declare const DesktopAlertWrapper: import("@emotion/styled").StyledComponent<{
+export declare const DesktopAlertWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MobileAlertWrapper: import("@emotion/styled").StyledComponent<{
+export declare const MobileAlertWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledPageContent: import("@emotion/styled").StyledComponent<import("../../../components/PageLayout").PageContentProps & import("react").RefAttributes<HTMLElement> & {
+export declare const StyledPageContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../../components/PageContent").PageContentProps & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledPageHeader: import("@emotion/styled").StyledComponent<import("../../../components/PageLayout").PageHeaderProps<import("react").ElementType, import("react").ElementType, import("react").ElementType> & {
+export declare const StyledPageHeader: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../../components/PageHeader").PageHeaderProps<import("react").ElementType, import("react").ElementType, import("react").ElementType> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -1,31 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledPageHeader = exports.StyledPageContent = exports.MobileAlertWrapper = exports.DesktopAlertWrapper = void 0;
-const PageLayout_1 = require("../../../components/PageLayout");
-const styles_1 = require("../../../components/styles");
+const PageContent_1 = require("../../../components/PageContent");
+const PageHeader_1 = require("../../../components/PageHeader");
+const styled_1 = require("../../../components/styled");
 const constants_1 = require("./constants");
-exports.DesktopAlertWrapper = styles_1.styled.div `
+exports.DesktopAlertWrapper = styled_1.styled.div `
   display: block;
 
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }
 `;
-exports.MobileAlertWrapper = styles_1.styled.div `
+exports.MobileAlertWrapper = styled_1.styled.div `
   display: none;
 
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: block;
   }
 `;
-exports.StyledPageContent = (0, styles_1.styled)(PageLayout_1.PageContent) `
+exports.StyledPageContent = (0, styled_1.styled)(PageContent_1.PageContent) `
   scrollbar-gutter: stable;
 
   overflow: auto;
 
   padding-top: ${({ theme }) => theme.spacing(4)};
 
-  .${PageLayout_1.pageContentClassnames.content} {
+  .${PageContent_1.pageContentClassnames.content} {
     ${({ theme }) => theme.breakpoints.up('sm')} {
       overflow: unset;
 
@@ -46,9 +47,9 @@ exports.StyledPageContent = (0, styles_1.styled)(PageLayout_1.PageContent) `
     }
   }
 `;
-exports.StyledPageHeader = (0, styles_1.styled)(PageLayout_1.PageHeader) `
+exports.StyledPageHeader = (0, styled_1.styled)(PageHeader_1.PageHeader) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
-    .${PageLayout_1.pageHeaderClassnames.pageHeaderMobileTitle} {
+    .${PageHeader_1.pageHeaderClassnames.pageHeaderMobileTitle} {
       padding-right: ${({ theme }) => theme.spacing(1)};
     }
   }

package/node/hook-form/formLayouts/FormWizardPageLayout/FormWizardFooter/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const PrevButton: import("@emotion/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
+export declare const PrevButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
     loading?: boolean | undefined;
     color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
     component?: import("react").ElementType | undefined;
@@ -10,7 +10,7 @@ export declare const PrevButton: import("@emotion/styled").StyledComponent<Omit<
 }, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledPreviousIcon: import("@emotion/styled").StyledComponent<{
+export declare const StyledPreviousIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -18,7 +18,7 @@ export declare const StyledPreviousIcon: import("@emotion/styled").StyledCompone
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledNextIcon: import("@emotion/styled").StyledComponent<{
+export declare const StyledNextIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;

package/node/hook-form/formLayouts/FormWizardPageLayout/FormWizardFooter/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledNextIcon = exports.StyledPreviousIcon = exports.PrevButton = void 0;
 const Button_1 = require("../../../../components/Button");
-const styles_1 = require("../../../../components/styles");
+const styled_1 = require("../../../../components/styled");
 const icons_1 = require("../../../../icons");
-exports.PrevButton = (0, styles_1.styled)(Button_1.Button) `
+exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
   margin-right: auto;
 
   ${({ theme }) => theme.breakpoints.down('sm')} {
@@ -14,12 +14,12 @@ exports.PrevButton = (0, styles_1.styled)(Button_1.Button) `
     margin-right: unset;
   }
 `;
-exports.StyledPreviousIcon = (0, styles_1.styled)(icons_1.ArrowLOutlineMd) `
+exports.StyledPreviousIcon = (0, styled_1.styled)(icons_1.ArrowLOutlineMd) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }
 `;
-exports.StyledNextIcon = (0, styles_1.styled)(icons_1.ArrowROutlineMd) `
+exports.StyledNextIcon = (0, styled_1.styled)(icons_1.ArrowROutlineMd) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }

package/node/hook-form/formLayouts/FormWizardPageLayout/FormWizardPageLayout.d.ts

@@ -1,5 +1,7 @@
 import { type ElementType, type ReactNode } from 'react';
-import { type PageAsideProps, type PageHeaderProps, type PageLayoutProps } from '../../../components/PageLayout';
+import { type PageAsideProps } from '../../../components/PageAside';
+import { type PageHeaderProps } from '../../../components/PageHeader';
+import { type PageLayoutProps } from '../../../components/PageLayout';
 import { type FormWizardProps as ExternalFormWizardProps } from '../../FormWizard';
 import type { SecondaryAction } from '../types';
 type FormWizardProps<TFormValues extends Record<string, unknown>> = Omit<ExternalFormWizardProps<TFormValues>, 'customFooter'> & {

package/node/hook-form/formLayouts/FormWizardPageLayout/public.d.ts

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

package/node/hook-form/formLayouts/FormWizardPageLayout/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("./FormWizardPageLayout"), exports);

package/node/hook-form/formValidationResolver/resolver/resolver.d.ts

@@ -0,0 +1,36 @@
+import { type ObjectAsyncGuard, type ObjectGuard } from '@astral/validations';
+import { type FieldValues, type Resolver } from 'react-hook-form';
+/**
+ * Позволяет выполнять object или objectAsync валидацию для формы react-hook-form
+ * @param validateBySchema
+ * @example
+ * ```tsx
+ *      type Values = { info: { name: string } };
+ *
+ *     const validationSchema = object<Values>({
+ *       info: object<Values['info']>({
+ *         name: string(),
+ *       }),
+ *     });
+ *
+ *     const TestForm = () => {
+ *       const { register, handleSubmit, formState } = useForm<Values>({
+ *         resolver: resolver<Values>(validationSchema),
+ *       });
+ *
+ *       return (
+ *         <form onSubmit={handleSubmit(() => {})}>
+ *           <input {...register('info.name')} />
+ *           {formState.errors.info?.name && (
+ *             <>
+ *               <p>{formState.errors.info.name.message}</p>
+ *               <p>{formState.errors.info.name.type}</p>
+ *             </>
+ *           )}
+ *           <button type="submit">submit</button>
+ *         </form>
+ *       );
+ *     };
+ * ```
+ */
+export declare const resolver: <TFieldValues extends FieldValues = FieldValues>(validateBySchema: ObjectGuard<TFieldValues> | ObjectAsyncGuard<TFieldValues>) => Resolver<TFieldValues>;

package/node/hook-form/hooks/index.d.ts

@@ -6,3 +6,6 @@ export * from './useFormInputProps';
 export * from './useFormState';
 export * from './useFormWatchFields';
 export * from './useFormWizard';
+export * from './useFormController';
+export * from './useFormFieldArray';
+export * from './useFormWatch';

package/node/hook-form/hooks/index.js

@@ -22,3 +22,6 @@ __exportStar(require("./useFormInputProps"), exports);
 __exportStar(require("./useFormState"), exports);
 __exportStar(require("./useFormWatchFields"), exports);
 __exportStar(require("./useFormWizard"), exports);
+__exportStar(require("./useFormController"), exports);
+__exportStar(require("./useFormFieldArray"), exports);
+__exportStar(require("./useFormWatch"), exports);

package/node/hook-form/hooks/useForm/useForm.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useForm = void 0;
 const react_hook_form_1 = require("react-hook-form");
-const react_hook_form_resolver_1 = require("../../react-hook-form-resolver");
+const formValidationResolver_1 = require("../../formValidationResolver");
 /**
  * Custom hook to manage the entire form.
  *
@@ -35,7 +35,7 @@ const react_hook_form_resolver_1 = require("../../react-hook-form-resolver");
 const useForm = ({ mode = 'onBlur', validationSchema, resolver: propsResolver, ...params } = {}) => {
     const resolver = propsResolver ??
         (validationSchema &&
-            (0, react_hook_form_resolver_1.formValidationResolver)(validationSchema));
+            (0, formValidationResolver_1.formValidationResolver)(validationSchema));
     return (0, react_hook_form_1.useForm)({
         ...params,
         resolver,

package/node/hook-form/hooks/useFormController/index.d.ts

@@ -0,0 +1 @@
+export { useController as useFormController } from 'react-hook-form';

package/node/hook-form/hooks/useFormController/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormController = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return react_hook_form_1.useController; } });

package/node/hook-form/hooks/useFormController/public.d.ts

@@ -0,0 +1 @@
+export { useController as useFormController } from 'react-hook-form';

package/node/hook-form/hooks/useFormController/public.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormController = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return react_hook_form_1.useController; } });

package/node/hook-form/hooks/useFormFieldArray/index.d.ts

@@ -0,0 +1 @@
+export { useFieldArray as useFormFieldArray } from 'react-hook-form';

package/node/hook-form/hooks/useFormFieldArray/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormFieldArray = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormFieldArray", { enumerable: true, get: function () { return react_hook_form_1.useFieldArray; } });

package/node/hook-form/hooks/useFormFieldArray/public.d.ts

@@ -0,0 +1 @@
+export { useFieldArray as useFormFieldArray } from 'react-hook-form';

package/node/hook-form/hooks/useFormFieldArray/public.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormFieldArray = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormFieldArray", { enumerable: true, get: function () { return react_hook_form_1.useFieldArray; } });

package/node/hook-form/hooks/useFormWatch/index.d.ts

@@ -0,0 +1 @@
+export { useWatch as useFormWatch } from 'react-hook-form';

package/node/hook-form/hooks/useFormWatch/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormWatch = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormWatch", { enumerable: true, get: function () { return react_hook_form_1.useWatch; } });

package/node/hook-form/hooks/useFormWatch/public.d.ts

@@ -0,0 +1 @@
+export { useWatch as useFormWatch } from 'react-hook-form';

package/node/hook-form/hooks/useFormWatch/public.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormWatch = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormWatch", { enumerable: true, get: function () { return react_hook_form_1.useWatch; } });

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

@@ -1,4 +1,5 @@
-export { FormController, type FormControllerProps, type FormField, type FormFieldArray, type FormFieldArrayPath, type FormFieldArrayWithId, type FormFieldError, type FormFieldErrors, type FormFieldPath, type FormFieldValues, type FormPath, type FormRegisterOptions, type FormResolver, type UseFormControllerProps, type UseFormGetValues, type UseFormWatchProps, useFormController, useFormFieldArray, useFormWatch, } from './external';
+export { FormController } from './FormController';
+export type { FormControllerProps, FormField, FormFieldArray, FormFieldArrayPath, FormFieldArrayWithId, FormFieldError, FormFieldErrors, FormFieldPath, FormFieldValues, FormPath, FormRegisterOptions, FormResolver, UseFormControllerProps, UseFormGetValues, UseFormWatchProps, } from './types/public';
 export { EditableText, type EditableTextProps } from './EditableText';
 export * from './Form';
 export { FormAddressAutocomplete, type FormAddressAutocompleteProps, type FormAddressAutocompleteValue, } from './FormAddressAutocomplete';
@@ -27,6 +28,6 @@ export { FormTreeAutocomplete, type FormTreeAutocompleteProps, type FormTreeAuto
 export { FormTreeLikeAutocomplete, type FormTreeLikeAutocompleteProps, type FormTreeLikeAutocompleteValue, } from './FormTreeLikeAutocomplete';
 export { FormWizard, type FormWizardProps, type WizardStep, type WizardStepId, } from './FormWizard';
 export { FormPageLayout, type FormPageLayoutProps, FormWizardPageLayout, type FormWizardPageLayoutProps, formPageContentClassnames, formPageLayoutClassnames, } from './formLayouts';
-export { type UseFormProps, type UseFormReturn, type UseFormWizardParams, type UseFormWizardResult, useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, } from './hooks';
-export { formValidationResolver } from './react-hook-form-resolver';
+export { type UseFormProps, type UseFormReturn, type UseFormWizardParams, type UseFormWizardResult, useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, useFormController, useFormFieldArray, useFormWatch, } from './hooks';
+export { formValidationResolver } from './formValidationResolver';
 export * from './types';

package/node/hook-form/index.js

@@ -14,12 +14,9 @@ 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 });
-exports.formValidationResolver = exports.useFormWizard = exports.useFormWatchFields = exports.useFormState = exports.useFormFieldProps = exports.useFormFieldErrorProps = exports.useFormContext = exports.useForm = exports.formPageLayoutClassnames = exports.formPageContentClassnames = exports.FormWizardPageLayout = exports.FormPageLayout = exports.FormWizard = exports.FormTreeLikeAutocomplete = exports.FormTreeAutocomplete = exports.FormToggleButtonGroup = exports.FormProvider = exports.FormPreviewFileUploader = exports.FormNumberField = exports.FormDateRangePicker = exports.FormFileUploader = exports.FormEmailOrPhoneField = exports.FormEmailField = exports.FormAsyncAutocomplete = exports.FormAddressAutocomplete = exports.EditableText = exports.useFormWatch = exports.useFormFieldArray = exports.useFormController = exports.FormController = void 0;
-var external_1 = require("./external");
-Object.defineProperty(exports, "FormController", { enumerable: true, get: function () { return external_1.FormController; } });
-Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return external_1.useFormController; } });
-Object.defineProperty(exports, "useFormFieldArray", { enumerable: true, get: function () { return external_1.useFormFieldArray; } });
-Object.defineProperty(exports, "useFormWatch", { enumerable: true, get: function () { return external_1.useFormWatch; } });
+exports.formValidationResolver = exports.useFormWatch = exports.useFormFieldArray = exports.useFormController = exports.useFormWizard = exports.useFormWatchFields = exports.useFormState = exports.useFormFieldProps = exports.useFormFieldErrorProps = exports.useFormContext = exports.useForm = exports.formPageLayoutClassnames = exports.formPageContentClassnames = exports.FormWizardPageLayout = exports.FormPageLayout = exports.FormWizard = exports.FormTreeLikeAutocomplete = exports.FormTreeAutocomplete = exports.FormToggleButtonGroup = exports.FormProvider = exports.FormPreviewFileUploader = exports.FormNumberField = exports.FormDateRangePicker = exports.FormFileUploader = exports.FormEmailOrPhoneField = exports.FormEmailField = exports.FormAsyncAutocomplete = exports.FormAddressAutocomplete = exports.EditableText = exports.FormController = void 0;
+var FormController_1 = require("./FormController");
+Object.defineProperty(exports, "FormController", { enumerable: true, get: function () { return FormController_1.FormController; } });
 var EditableText_1 = require("./EditableText");
 Object.defineProperty(exports, "EditableText", { enumerable: true, get: function () { return EditableText_1.EditableText; } });
 __exportStar(require("./Form"), exports);
@@ -75,6 +72,9 @@ Object.defineProperty(exports, "useFormFieldProps", { enumerable: true, get: fun
 Object.defineProperty(exports, "useFormState", { enumerable: true, get: function () { return hooks_1.useFormState; } });
 Object.defineProperty(exports, "useFormWatchFields", { enumerable: true, get: function () { return hooks_1.useFormWatchFields; } });
 Object.defineProperty(exports, "useFormWizard", { enumerable: true, get: function () { return hooks_1.useFormWizard; } });
-var react_hook_form_resolver_1 = require("./react-hook-form-resolver");
-Object.defineProperty(exports, "formValidationResolver", { enumerable: true, get: function () { return react_hook_form_resolver_1.formValidationResolver; } });
+Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return hooks_1.useFormController; } });
+Object.defineProperty(exports, "useFormFieldArray", { enumerable: true, get: function () { return hooks_1.useFormFieldArray; } });
+Object.defineProperty(exports, "useFormWatch", { enumerable: true, get: function () { return hooks_1.useFormWatch; } });
+var formValidationResolver_1 = require("./formValidationResolver");
+Object.defineProperty(exports, "formValidationResolver", { enumerable: true, get: function () { return formValidationResolver_1.formValidationResolver; } });
 __exportStar(require("./types"), exports);

package/node/hook-form/types/public.d.ts

@@ -0,0 +1 @@
+export type { ControllerProps as FormControllerProps, Field as FormField, FieldArray as FormFieldArray, FieldArrayPath as FormFieldArrayPath, FieldArrayWithId as FormFieldArrayWithId, FieldError as FormFieldError, FieldErrors as FormFieldErrors, FieldPath as FormFieldPath, FieldValues as FormFieldValues, Path as FormPath, RegisterOptions as FormRegisterOptions, Resolver as FormResolver, UseControllerProps as UseFormControllerProps, UseFormGetValues, UseWatchProps as UseFormWatchProps, } from 'react-hook-form';

package/node/hook-form/types/public.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.18.0-rc.1",
+  "version": "4.18.0-rc.2",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {
@@ -44,6 +44,13 @@
       "default": "./index.js",
       "import": "./index.js"
     },
+    "./declarations": {
+      "module": "./declarations.js",
+      "require": "./node/declarations.js",
+      "types": "./declarations.d.ts",
+      "default": "./declarations.js",
+      "import": "./declarations.js"
+    },
     "./server": {
       "module": "./server/index.js",
       "require": "./node/server/index.js",
@@ -135,19 +142,33 @@
       "default": "./components/CardGridInfinite/index.js",
       "import": "./components/CardGridInfinite/index.js"
     },
-    "./hook-form/FormTreeLikeAsyncAutocomplete": {
-      "module": "./hook-form/FormTreeLikeAsyncAutocomplete/index.js",
-      "require": "./node/hook-form/FormTreeLikeAsyncAutocomplete/index.js",
-      "types": "./hook-form/FormTreeLikeAsyncAutocomplete/index.d.ts",
-      "default": "./hook-form/FormTreeLikeAsyncAutocomplete/index.js",
-      "import": "./hook-form/FormTreeLikeAsyncAutocomplete/index.js"
-    },
-    "./hook-form/FormTreeAsyncAutocomplete": {
-      "module": "./hook-form/FormTreeAsyncAutocomplete/index.js",
-      "require": "./node/hook-form/FormTreeAsyncAutocomplete/index.js",
-      "types": "./hook-form/FormTreeAsyncAutocomplete/index.d.ts",
-      "default": "./hook-form/FormTreeAsyncAutocomplete/index.js",
-      "import": "./hook-form/FormTreeAsyncAutocomplete/index.js"
+    "./*": {
+      "module": "./components/*/public.js",
+      "require": "./node/components/*/public.js",
+      "types": "./components/*/public.d.ts",
+      "default": "./components/*/public.js",
+      "import": "./components/*/public.js"
+    },
+    "./hook-form/*": {
+      "module": "./hook-form/*/public.js",
+      "require": "./node/hook-form/*/public.js",
+      "types": "./hook-form/*/public.d.ts",
+      "default": "./hook-form/*/public.js",
+      "import": "./hook-form/*/public.js"
+    },
+    "./icons/*": {
+      "module": "./icons/*/public.js",
+      "require": "./node/icons/*/public.js",
+      "types": "./icons/*/public.d.ts",
+      "default": "./icons/*/public.js",
+      "import": "./icons/*/public.js"
+    },
+    "./constants/*": {
+      "module": "./constants/*/public.js",
+      "require": "./node/constants/*/public.js",
+      "types": "./constants/*/public.d.ts",
+      "default": "./constants/*/public.js",
+      "import": "./constants/*/public.js"
     }
   },
   "author": "Astral.Soft",

package/components/ActionCellBase/public.d.ts

@@ -1,2 +0,0 @@
-export * from './ActionCellBase';
-export type { ActionHandler, Actions, MainActionKind, MultipleAction, NestedAction, SecondaryActionKind, SingleAction, } from './types';

package/components/ActionCellBase/public.js

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

package/components/DashboardLayout/DashboardLayoutSkeleton/DashboardLayoutSkeleton.d.ts

@@ -1,13 +0,0 @@
-import type { PropsWithChildren, ReactElement } from 'react';
-import type { ProductProps } from '../../Product';
-export type DashboardLayoutSkeletonProps = {
-    product: ProductProps;
-    productSwitcher?: (props: PropsWithChildren<{}>) => ReactElement;
-    hasSidebar?: boolean;
-    hasProfile?: boolean;
-    hasMenuOrganization?: boolean;
-};
-/**
- * Компонент можно использовать для отображения состояния загрузки дашборда
- */
-export declare const DashboardLayoutSkeleton: ({ product, productSwitcher, hasSidebar, hasProfile, hasMenuOrganization, }: DashboardLayoutSkeletonProps) => JSX.Element;

package/components/DashboardLayout/DashboardLayoutSkeleton/DashboardLayoutSkeleton.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuOrganizationSkeleton } from '../../MenuOrganization';
-import { LoadingPlaceholder } from '../../placeholders';
-import { dashboardLayoutClassnames } from '../constants';
-import { DashboardLayout } from '../DashboardLayout';
-import { Header } from '../Header';
-import { SidebarSkeleton } from '../Sidebar';
-import { DecorativeHeaderBackground, LayoutContent, Wrapper } from '../styles';
-import { Content } from './styles';
-/**
- * Компонент можно использовать для отображения состояния загрузки дашборда
- */
-export const DashboardLayoutSkeleton = ({ product, productSwitcher, hasSidebar = true, hasProfile = true, hasMenuOrganization = true, }) => {
-    return (_jsxs(Wrapper, { className: dashboardLayoutClassnames.root, children: [_jsx(DecorativeHeaderBackground, { role: "presentation", "$isFocusedMode": false }), _jsxs(LayoutContent, { "$isFocusedMode": false, children: [hasSidebar && _jsx(SidebarSkeleton, {}), _jsx(Header, { productSwitcher: productSwitcher, product: product, menuOrganization: hasMenuOrganization ? () => _jsx(MenuOrganizationSkeleton, {}) : undefined, profile: hasProfile
-                            ? { displayName: '', isLoading: true, menuList: [] }
-                            : undefined }), _jsx(DashboardLayout.Main, { children: _jsx(Content, { children: _jsx(LoadingPlaceholder, { title: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445" }) }) })] })] }));
-};

package/components/DashboardLayout/DashboardLayoutSkeleton/styles.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DashboardLayout/DashboardLayoutSkeleton/styles.js

@@ -1,16 +0,0 @@
-import { styled } from '../../styles';
-export const Content = styled.div `
-  flex-grow: 1;
-
-  height: 100%;
-  min-height: 0;
-
-  background-color: ${({ theme }) => theme.palette.common.white};
-  border: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-radius: ${({ theme }) => theme.shape.medium};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    background-color: unset;
-    border: unset;
-  }
-`;

package/components/DashboardLayout/PinButton/PinButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { type ButtonProps } from '../../Button';
-export type PinButtonProps = ButtonProps & {
-    isPinned: boolean;
-    collapsedIn?: boolean;
-    isUseCollapse?: boolean;
-};
-export declare const PinButton: (props: PinButtonProps) => JSX.Element;

package/components/DashboardLayout/PinButton/PinButton.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PinOutlineMd, UnpinOutlineMd } from '../../../icons';
-import { Collapse } from '../../Collapse';
-import { classNames } from '../../utils';
-import { pinButtonClassnames } from './constants';
-import { Content, TogglerButton } from './styles';
-export const PinButton = (props) => {
-    const { isPinned, collapsedIn, isUseCollapse = true, className, ...restProps } = props;
-    const PinIcon = isPinned ? UnpinOutlineMd : PinOutlineMd;
-    return (_jsx(TogglerButton, { startIcon: _jsx(PinIcon, {}), variant: "text", className: classNames(className, pinButtonClassnames.root), ...restProps, children: isUseCollapse ? (_jsx(Collapse, { in: collapsedIn, orientation: "horizontal", children: _jsx(Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' }) })) : (_jsx(Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' })) }));
-};

package/components/DashboardLayout/PinButton/constants.js

@@ -1,4 +0,0 @@
-import { createUIKitClassname } from '../../utils';
-export const pinButtonClassnames = {
-    root: createUIKitClassname('pin-button'),
-};

package/components/DashboardLayout/PinButton/styles.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-export declare const TogglerButton: import("@emotion/styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
-    loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
-    component?: import("react").ElementType | undefined;
-    selected?: boolean | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
-    color?: import("../../Typography").TypographyColor | undefined;
-    variant?: import("../../Typography").TypographyVariant | undefined;
-    colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "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" | "center" | "text" | "big" | "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" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
-    isUpperCase?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;