@astral/ui 4.17.4 → 4.17.6

package/hook-form/FormWizardPageLayout/FormWizardFooter/FormWizardFooter.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import type { SecondaryAction } from '../../FormPageLayoutBase';
+export type FormWizardFooterProps = {
+    /**
+     * Если true, кнопки будут заблокированы.
+     */
+    isDisabled?: boolean;
+    /**
+     * Флаг, указывающий, является ли текущий шаг первым в последовательности.
+     */
+    isFirstStep: boolean;
+    /**
+     * Флаг, указывающий, является ли текущий шаг последним в последовательности.
+     */
+    isLastStep: boolean;
+    /**
+     * Текст для кнопки "Назад" на этом шаге.
+     */
+    prevButtonText: string;
+    /**
+     * Текст для кнопки "Далее" и "Отправить" (для текущего шага)
+     */
+    submitButtonText: string;
+    /**
+     * Дополнительные кнопки формы (отображаются на последнем шаге)
+     */
+    secondaryActions?: SecondaryAction[];
+    /**
+     * Функция, вызываемая при переходе на предыдущий шаг.
+     */
+    onPrevStep: () => void;
+};
+export declare const FormWizardFooter: (props: FormWizardFooterProps) => JSX.Element;

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+export declare const PrevButton: import("../../../components/styled").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;
+    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 StyledPreviousIcon: import("../../../components/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    color?: string | undefined;
+    titleAccess?: string | undefined;
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledNextIcon: import("../../../components/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    color?: string | undefined;
+    titleAccess?: string | undefined;
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,23 @@
+import { Button } from '../../../components/Button';
+import { styled } from '../../../components/styled';
+import { ArrowLOutlineMd, ArrowROutlineMd } from '../../../icons';
+export const PrevButton = styled(Button) `
+  margin-right: auto;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    order: 1;
+
+    height: 50px;
+    margin-right: unset;
+  }
+`;
+export const StyledPreviousIcon = styled(ArrowLOutlineMd) `
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: none;
+  }
+`;
+export const StyledNextIcon = styled(ArrowROutlineMd) `
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: none;
+  }
+`;

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

@@ -0,0 +1,47 @@
+import { type ElementType, type ReactNode } from 'react';
+import { type PageAsideProps } from '../../components/PageAside';
+import { type PageHeaderProps } from '../../components/PageHeader';
+import { type PageLayoutProps } from '../../components/PageLayout';
+import type { SecondaryAction } from '../FormPageLayoutBase';
+import { type FormWizardProps as ExternalFormWizardProps } from '../FormWizard';
+type FormWizardProps<TFormValues extends Record<string, unknown>> = Omit<ExternalFormWizardProps<TFormValues>, 'customFooter'> & {
+    /**
+     * Дополнительные кнопки формы
+     */
+    secondaryActions?: SecondaryAction[];
+};
+export type FormWizardPageLayoutProps<TFormValues extends Record<string, unknown>, TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType, TBackButtonComponent extends ElementType = ElementType> = Pick<PageLayoutProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>, 'className' | 'alert'> & {
+    /**
+     * Конфигурация PageHeader
+     * @example <FormWizardPageLayout header={{
+     *  title: 'Заголовок страницы',
+     *  description: 'Описание страницы',
+     * }} />
+     */
+    header: PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>;
+    /**
+     * Конфигурация PageAside
+     * @example <FormWizardPageLayout aside={{
+     *  children: 'Боковая панель страницы',
+     * }} />
+     */
+    aside?: PageAsideProps | ReactNode;
+    /**
+     * Конфигурация FormWizard
+     * @example <FormWizardPageLayout
+     *  header={{
+     *    title: 'Заголовок страницы',
+     *  }}
+     *  formWizard={{
+     *    submitButtonText: 'Подписать и отправить',
+     *    onSubmit: handleSubmit,
+     *  }}
+     * />
+     */
+    formWizard: FormWizardProps<TFormValues>;
+};
+/**
+ * FormPageLayout предназначен для построения страниц с формами.
+ */
+export declare const FormWizardPageLayout: <TFormValues extends Record<string, unknown>>(props: FormWizardPageLayoutProps<TFormValues, ElementType, ElementType, ElementType>) => JSX.Element;
+export {};

package/hook-form/FormWizardPageLayout/FormWizardPageLayout.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from '../../components/utils';
+import { FormPageLayoutBase, formPageContentClassnames, } from '../FormPageLayoutBase';
+import { FormWizard, } from '../FormWizard';
+import { FormWizardFooter } from './FormWizardFooter';
+import { useLogic } from './useLogic';
+/**
+ * FormPageLayout предназначен для построения страниц с формами.
+ */
+export const FormWizardPageLayout = (props) => {
+    const { header, aside, formWizard, alert } = props;
+    const { form, isDisabled: externalDisabled, secondaryActions } = formWizard;
+    const { isShowFullActions, isShowNavigateButtons } = useLogic(props);
+    return (_jsx(FormPageLayoutBase, { header: header, aside: aside, formProps: { isDisabled: externalDisabled, form, secondaryActions }, contentClassname: classNames({
+            [formPageContentClassnames.formPageContentSecondaryActions]: isShowNavigateButtons,
+            [formPageContentClassnames.formWizardPageContentActions]: isShowFullActions,
+        }), alert: alert, children: ({ isDisabled }) => (_jsx(FormWizard, { isDisabled: isDisabled, ...formWizard, customFooter: (footerProps) => (_jsx(FormWizardFooter, { ...footerProps, secondaryActions: secondaryActions })) })) }));
+};

package/hook-form/FormWizardPageLayout/public.js

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

package/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/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/hook-form/hooks/index.js

@@ -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/hook-form/hooks/useForm/useForm.js

@@ -1,5 +1,5 @@
 import { useForm as useRHForm } from 'react-hook-form';
-import { formValidationResolver } from '../../react-hook-form-resolver';
+import { formValidationResolver } from '../../formValidationResolver';
 /**
  * Custom hook to manage the entire form.
  *

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export { type FieldArray as FormFieldArray, type FieldArrayPath as FormFieldArrayPath, type FieldArrayWithId as FormFieldArrayWithId, useFieldArray as useFormFieldArray, } from 'react-hook-form';

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

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

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

@@ -0,0 +1 @@
+export { type FieldArray as FormFieldArray, type FieldArrayPath as FormFieldArrayPath, type FieldArrayWithId as FormFieldArrayWithId, useFieldArray as useFormFieldArray, } from 'react-hook-form';

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

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

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

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

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

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

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

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

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

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

package/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, type FormControllerProps, type UseFormControllerProps, } from './FormController';
+export type { FormField, FormFieldError, FormFieldErrors, FormFieldPath, FormFieldValues, FormPath, FormRegisterOptions, FormResolver, UseFormGetValues, } from './types';
 export { EditableText, type EditableTextProps } from './EditableText';
 export * from './Form';
 export { FormAddressAutocomplete, type FormAddressAutocompleteProps, type FormAddressAutocompleteValue, } from './FormAddressAutocomplete';
@@ -26,7 +27,9 @@ export { FormToggleButtonGroup, type FormToggleButtonGroupProps, } from './FormT
 export { FormTreeAutocomplete, type FormTreeAutocompleteProps, type FormTreeAutocompleteValue, } from './FormTreeAutocomplete';
 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 { formPageContentClassnames, formPageLayoutClassnames, } from './FormPageLayoutBase';
+export { FormWizardPageLayout, type FormWizardPageLayoutProps, } from './FormWizardPageLayout';
+export { FormPageLayout, type FormPageLayoutProps, } from './FormPageLayout';
+export { type UseFormProps, type UseFormReturn, type UseFormWizardParams, type UseFormWizardResult, type UseFormWatchProps, useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, useFormController, type FormFieldArray, type FormFieldArrayPath, type FormFieldArrayWithId, useFormFieldArray, useFormWatch, } from './hooks';
+export { formValidationResolver } from './formValidationResolver';
 export * from './types';

package/hook-form/index.js

@@ -1,4 +1,4 @@
-export { FormController, useFormController, useFormFieldArray, useFormWatch, } from './external';
+export { FormController, } from './FormController';
 export { EditableText } from './EditableText';
 export * from './Form';
 export { FormAddressAutocomplete, } from './FormAddressAutocomplete';
@@ -26,8 +26,9 @@ export { FormToggleButtonGroup, } from './FormToggleButtonGroup';
 export { FormTreeAutocomplete, } from './FormTreeAutocomplete';
 export { FormTreeLikeAutocomplete, } from './FormTreeLikeAutocomplete';
 export { FormWizard, } from './FormWizard';
-export { FormPageLayout, FormWizardPageLayout, formPageContentClassnames, formPageLayoutClassnames, } from './formLayouts';
-// нельзя экспортить через * потому, что есть пересечение с export * from 'react-hook-form';
-export { useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, } from './hooks';
-export { formValidationResolver } from './react-hook-form-resolver';
+export { formPageContentClassnames, formPageLayoutClassnames, } from './FormPageLayoutBase';
+export { FormWizardPageLayout, } from './FormWizardPageLayout';
+export { FormPageLayout, } from './FormPageLayout';
+export { useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, useFormController, useFormFieldArray, useFormWatch, } from './hooks';
+export { formValidationResolver } from './formValidationResolver';
 export * from './types';

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

@@ -0,0 +1,7 @@
+import { type UseControllerProps } from 'react-hook-form';
+/**
+ * Добавляет к переданным пропсам типы для react-hook-form. Позволяет переиспользовать логику типизации для филдов формы.
+ * @example WithFormFieldProps<TextFieldProps, FieldValues>;
+ */
+export type WithFormFieldProps<TProps extends object, TFieldValues extends object> = Omit<TProps, 'name' | 'error'> & Omit<UseControllerProps<TFieldValues>, 'rules'>;
+export type { FieldValues, 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, UseFormGetValues, } from 'react-hook-form';

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

@@ -0,0 +1 @@
+export type { Field as FormField, FieldError as FormFieldError, FieldErrors as FormFieldErrors, FieldPath as FormFieldPath, FieldValues as FormFieldValues, Path as FormPath, RegisterOptions as FormRegisterOptions, Resolver as FormResolver, UseFormGetValues, } from 'react-hook-form';

package/hook-form/types/public.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,27 +1,27 @@
 /// <reference types="react" />
-export declare const Header: import("@emotion/styled").StyledComponent<{
+export declare const Header: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $withStartAdornment: boolean;
     $hasSubtitle?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const SubtitleWrapper: import("@emotion/styled").StyledComponent<{
+export declare const SubtitleWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $withStartAdornment: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+export declare const ContentWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $withStartAdornment: boolean;
     $hasSubtitle?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Summary: import("@emotion/styled").StyledComponent<{
+export declare const Summary: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -29,20 +29,20 @@ export declare const Summary: import("@emotion/styled").StyledComponent<{
     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;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "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;
 }, {}, {}>;
-export declare const ChevronWrapper: import("@emotion/styled").StyledComponent<{
+export declare const ChevronWrapper: 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 Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: 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 Chevron: import("@emotion/styled").StyledComponent<{
+export declare const Chevron: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;

package/node/components/Accordion/styles.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chevron = exports.Wrapper = exports.ChevronWrapper = exports.Summary = exports.ContentWrapper = exports.SubtitleWrapper = exports.Header = void 0;
 const icons_1 = require("../../icons");
 const SvgIcon_1 = require("../SvgIcon");
-const styles_1 = require("../styles");
-const mixins_1 = require("../styles/mixins");
+const styled_1 = require("../styled");
+const mixins_1 = require("../styled/mixins");
 const Typography_1 = require("../Typography");
-exports.Header = styles_1.styled.header `
+exports.Header = styled_1.styled.header `
   cursor: pointer;
 
   display: grid;
@@ -30,12 +30,12 @@ exports.Header = styles_1.styled.header `
     }
   }
 `;
-exports.SubtitleWrapper = styles_1.styled.div `
+exports.SubtitleWrapper = styled_1.styled.div `
   grid-column: ${({ $withStartAdornment }) => $withStartAdornment ? '2 / -1' : '1 / -1'};
   grid-row: 2;
   align-self: center;
 `;
-exports.ContentWrapper = styles_1.styled.div `
+exports.ContentWrapper = styled_1.styled.div `
   margin-left: ${({ theme, $withStartAdornment }) => theme.spacing($withStartAdornment ? 7 : 0)};
   padding-top: ${({ theme, $hasSubtitle }) => $hasSubtitle ? theme.spacing(4) : theme.spacing(3)};
 
@@ -43,10 +43,10 @@ exports.ContentWrapper = styles_1.styled.div `
     padding-top: ${({ theme, $hasSubtitle }) => $hasSubtitle ? theme.spacing(5) : theme.spacing(3)};
   }
 `;
-exports.Summary = (0, styles_1.styled)(Typography_1.Typography) `
+exports.Summary = (0, styled_1.styled)(Typography_1.Typography) `
   align-self: center;
 `;
-exports.ChevronWrapper = styles_1.styled.div `
+exports.ChevronWrapper = styled_1.styled.div `
   overflow: hidden;
 
   width: 20px;
@@ -57,14 +57,14 @@ exports.ChevronWrapper = styles_1.styled.div `
     height: 24px;
   }
 `;
-exports.Wrapper = styles_1.styled.div `
+exports.Wrapper = styled_1.styled.div `
   border-radius: ${({ theme }) => theme.shape.medium};
 
   &:focus-visible {
     outline: 2px solid ${({ theme }) => theme.palette.components.focused};
   }
 `;
-exports.Chevron = (0, styles_1.styled)(icons_1.DownOutlineMd, {
+exports.Chevron = (0, styled_1.styled)(icons_1.DownOutlineMd, {
     shouldForwardProp: (prop) => !['$isActive'].includes(prop),
 }) `
   ${({ $isActive }) => (0, mixins_1.UpDownTransition)($isActive)}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: 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>, {}>;

package/node/components/ActionCellBase/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../styles");
-exports.Wrapper = styles_1.styled.div `
+const styled_1 = require("../styled");
+exports.Wrapper = styled_1.styled.div `
   display: inline-flex;
   align-items: center;
 `;

package/node/components/ActionGroup/MainActions/hooks/useMainActions/useMainActions.d.ts

@@ -9,7 +9,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
     buttonProps: Omit<MultipleAction<TMainActionComponent>, "text" | "disabled" | "note" | "actions" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         name: string;
-        size: "medium" | "large";
+        size: "large" | "medium";
     };
     isNested: true;
     nestedActions: {
@@ -313,7 +313,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
     buttonProps: Omit<SingleAction<TMainActionComponent>, "text" | "disabled" | "note" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         children: string;
-        size: "medium" | "large";
+        size: "large" | "medium";
     };
     nestedActions: never[];
 })[];

package/node/components/ActionGroup/MainActions/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const StyledButton: 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 StyledButton: 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,6 +10,6 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<Omi
 }, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledDropdownButton: import("@emotion/styled").StyledComponent<Omit<import("../../DropdownButton").DropdownButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const StyledDropdownButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../DropdownButton").DropdownButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/ActionGroup/MainActions/styles.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDropdownButton = exports.StyledButton = void 0;
 const Button_1 = require("../../Button");
 const DropdownButton_1 = require("../../DropdownButton");
-const styles_1 = require("../../styles");
-exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
+const styled_1 = require("../../styled");
+exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
   flex-grow: 1;
 `;
-exports.StyledDropdownButton = (0, styles_1.styled)(DropdownButton_1.DropdownButton) `
+exports.StyledDropdownButton = (0, styled_1.styled)(DropdownButton_1.DropdownButton) `
   flex-grow: 1;
 `;

package/node/components/ActionGroup/SecondaryVisibleActions/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const StyledButton: 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 StyledButton: 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;

package/node/components/ActionGroup/SecondaryVisibleActions/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledButton = void 0;
 const Button_1 = require("../../Button");
-const styles_1 = require("../../styles");
-exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
+const styled_1 = require("../../styled");
+exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
   flex-grow: 1;
 `;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: 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>, {}>;

package/node/components/ActionGroup/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../styles");
-exports.Wrapper = styles_1.styled.div `
+const styled_1 = require("../styled");
+exports.Wrapper = styled_1.styled.div `
   display: flex;
   gap: ${({ theme }) => theme.spacing(2)};
 `;