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

package/node/hook-form/EditableText/EditingForm/EditingForm.d.ts

@@ -34,4 +34,4 @@ export type EditingFormProps<TValue = string> = {
      */
     onSubmit: (fieldValue?: TValue) => void | Promise<void>;
 };
-export declare const EditingForm: <TValue = string>(props: EditingFormProps<TValue>) => JSX.Element;
+export declare const EditingForm: <TValue extends unknown = string>(props: EditingFormProps<TValue>) => JSX.Element;

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

@@ -9,6 +9,7 @@ const FormTextField_1 = require("../../FormTextField");
 const constants_1 = require("../constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
+// biome-ignore lint/complexity/noUselessTypeConstraint: Фикс типизация в тестах
 const EditingForm = (props) => {
     const { formProps } = (0, useLogic_1.useLogic)(props);
     const { componentField = (fieldProps) => (0, jsx_runtime_1.jsx)(FormTextField_1.FormTextField, { ...fieldProps }), onClose, } = props;

package/node/hook-form/EditableText/EditingForm/styles.d.ts

@@ -1,11 +1,11 @@
 /// <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>, {}>;
-export declare const Description: import("@emotion/styled").StyledComponent<{
+export declare const Description: 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;
@@ -13,12 +13,12 @@ export declare const Description: import("@emotion/styled").StyledComponent<{
     color?: import("../../../components/Typography").TypographyColor | undefined;
     variant?: import("../../../components/Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../../components/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 FormFooter: import("@emotion/styled").StyledComponent<{
+export declare const FormFooter: 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<HTMLElement>, HTMLElement>, {}>;

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

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormFooter = exports.Description = exports.Wrapper = void 0;
-const styles_1 = require("../../../components/styles");
+const styled_1 = require("../../../components/styled");
 const Typography_1 = require("../../../components/Typography");
-exports.Wrapper = styles_1.styled.div `
+exports.Wrapper = styled_1.styled.div `
   width: 400px;
   padding: ${({ theme }) => theme.spacing(4)};
 `;
-exports.Description = (0, styles_1.styled)(Typography_1.Typography) `
+exports.Description = (0, styled_1.styled)(Typography_1.Typography) `
   margin-bottom: ${({ theme }) => theme.spacing(3)};
 `;
-exports.FormFooter = styles_1.styled.footer `
+exports.FormFooter = styled_1.styled.footer `
   display: flex;
   gap: ${({ theme }) => theme.spacing(3)};
   justify-content: end;

package/node/hook-form/EditableText/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const DisplayValue: import("@emotion/styled").StyledComponent<{
+export declare const DisplayValue: 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;
@@ -9,7 +9,7 @@ export declare const DisplayValue: import("@emotion/styled").StyledComponent<{
     color?: import("../../components/Typography").TypographyColor | undefined;
     variant?: import("../../components/Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../components/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;
@@ -17,7 +17,7 @@ export declare const DisplayValue: import("@emotion/styled").StyledComponent<{
     $isEdited?: boolean | undefined;
     $isLoading?: boolean | undefined;
 }, {}, {}>;
-export declare const StyledEditIcon: import("@emotion/styled").StyledComponent<{
+export declare const StyledEditIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -27,12 +27,12 @@ export declare const StyledEditIcon: import("@emotion/styled").StyledComponent<{
 } & {
     $iconPosition: 'left' | 'right';
 }, {}, {}>;
-export declare const StyledLoader: import("@emotion/styled").StyledComponent<import("../../components/Loader").LoaderProps & {
+export declare const StyledLoader: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../components/Loader").LoaderProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $iconPosition: 'left' | 'right';
 }, {}, {}>;
-export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material").PopoverProps> & {
+export declare const StyledPopover: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material").PopoverProps> & {
     title?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledPopover = exports.StyledLoader = exports.StyledEditIcon = exports.DisplayValue = void 0;
 const Loader_1 = require("../../components/Loader");
 const Popover_1 = require("../../components/Popover");
-const styles_1 = require("../../components/styles");
+const styled_1 = require("../../components/styled");
 const Typography_1 = require("../../components/Typography");
 const icons_1 = require("../../icons");
 const getBackgroundColor = (theme, $isEdited, $isLoading) => {
@@ -15,7 +15,7 @@ const getBackgroundColor = (theme, $isEdited, $isLoading) => {
     }
     return 'transparent';
 };
-exports.DisplayValue = (0, styles_1.styled)(Typography_1.Typography, {
+exports.DisplayValue = (0, styled_1.styled)(Typography_1.Typography, {
     shouldForwardProp: (prop) => !['$isEdited', '$isLoading'].includes(prop),
 }) `
   cursor: pointer;
@@ -38,7 +38,7 @@ exports.DisplayValue = (0, styles_1.styled)(Typography_1.Typography, {
     text-decoration: ${({ $isLoading }) => $isLoading ? 'inherit' : 'underline'};
   }
 `;
-exports.StyledEditIcon = (0, styles_1.styled)(icons_1.EditOutlineMd, {
+exports.StyledEditIcon = (0, styled_1.styled)(icons_1.EditOutlineMd, {
     shouldForwardProp: (prop) => !['$iconPosition'].includes(prop),
 }) `
   width: auto;
@@ -53,7 +53,7 @@ exports.StyledEditIcon = (0, styles_1.styled)(icons_1.EditOutlineMd, {
 
   font-size: inherit;
 `;
-exports.StyledLoader = (0, styles_1.styled)(Loader_1.Loader, {
+exports.StyledLoader = (0, styled_1.styled)(Loader_1.Loader, {
     shouldForwardProp: (prop) => !['$iconPosition'].includes(prop),
 }) `
   width: 1em;
@@ -68,6 +68,6 @@ exports.StyledLoader = (0, styles_1.styled)(Loader_1.Loader, {
 
   font-size: inherit;
 `;
-exports.StyledPopover = (0, styles_1.styled)(Popover_1.Popover) `
+exports.StyledPopover = (0, styled_1.styled)(Popover_1.Popover) `
   margin-top: ${({ theme }) => theme.spacing(2)};
 `;

package/node/hook-form/Form/styles.d.ts

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

package/node/hook-form/Form/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledForm = exports.Backdrop = void 0;
-const styles_1 = require("../../components/styles");
-exports.Backdrop = styles_1.styled.div `
+const styled_1 = require("../../components/styled");
+exports.Backdrop = styled_1.styled.div `
   position: absolute;
   z-index: ${({ theme }) => theme.zIndex.mobileStepper};
   inset: 0;
@@ -10,6 +10,6 @@ exports.Backdrop = styles_1.styled.div `
   opacity: 0.5;
   background-color: ${({ theme }) => theme.palette.background.element};
 `;
-exports.StyledForm = styles_1.styled.form `
+exports.StyledForm = styled_1.styled.form `
   position: relative;
 `;

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

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

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

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

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

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

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

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

package/node/hook-form/FormWizard/Footer/styles.d.ts

@@ -1,10 +1,10 @@
 /// <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<HTMLElement>, HTMLElement>, {}>;
-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;

package/node/hook-form/FormWizard/Footer/styles.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PrevButton = exports.Wrapper = void 0;
 const Button_1 = require("../../../components/Button");
-const styles_1 = require("../../../components/styles");
-exports.Wrapper = styles_1.styled.footer `
+const styled_1 = require("../../../components/styled");
+exports.Wrapper = styled_1.styled.footer `
   display: flex;
   gap: ${({ theme }) => theme.spacing(4)};
   justify-content: end;
 
   margin-top: ${({ theme }) => theme.spacing(4)};
 `;
-exports.PrevButton = (0, styles_1.styled)(Button_1.Button) `
+exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
   margin-right: auto;
 `;

package/node/hook-form/FormWizard/styles.d.ts

@@ -1,19 +1,19 @@
 /// <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<HTMLElement>, HTMLElement>, {}>;
-export declare const BeforeContentWrapper: import("@emotion/styled").StyledComponent<{
+export declare const BeforeContentWrapper: 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 StyledStepperWizard: import("@emotion/styled").StyledComponent<Omit<import("../..").StepperProps, "children"> & {
+export declare const StyledStepperWizard: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").StepperProps, "children"> & {
     steps: import("../../components/StepperWizard").StepWizard[];
     onClickPrevStep?: ((index: number) => void) | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const FormContent: import("@emotion/styled").StyledComponent<{
+export declare const FormContent: 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/hook-form/FormWizard/styles.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormContent = exports.StyledStepperWizard = exports.BeforeContentWrapper = exports.Wrapper = void 0;
 const StepperWizard_1 = require("../../components/StepperWizard");
-const styles_1 = require("../../components/styles");
-exports.Wrapper = styles_1.styled.section `
+const styled_1 = require("../../components/styled");
+exports.Wrapper = styled_1.styled.section `
   display: flex;
   flex-direction: column;
 `;
-exports.BeforeContentWrapper = styles_1.styled.div `
+exports.BeforeContentWrapper = styled_1.styled.div `
   margin-bottom: ${({ theme }) => theme.spacing(4)};
   padding: ${({ theme }) => theme.spacing(0, 6)};
 
@@ -16,7 +16,7 @@ exports.BeforeContentWrapper = styles_1.styled.div `
     padding: ${({ theme }) => theme.spacing(0, 4)};
   }
 `;
-exports.StyledStepperWizard = (0, styles_1.styled)(StepperWizard_1.StepperWizard) `
+exports.StyledStepperWizard = (0, styled_1.styled)(StepperWizard_1.StepperWizard) `
   margin-bottom: ${({ theme }) => theme.spacing(4)};
   padding: ${({ theme }) => theme.spacing(0, 6)};
 
@@ -27,7 +27,7 @@ exports.StyledStepperWizard = (0, styles_1.styled)(StepperWizard_1.StepperWizard
     padding: ${({ theme }) => theme.spacing(0, 4)};
   }
 `;
-exports.FormContent = styles_1.styled.div `
+exports.FormContent = styled_1.styled.div `
   padding: ${({ theme }) => theme.spacing(0, 6, 4)};
 
   ${({ theme }) => theme.breakpoints.down('sm')} {

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledPageLayoutFooter: import("@emotion/styled").StyledComponent<import("../../../components/PageLayout").PageLayoutFooterProps & import("react").RefAttributes<HTMLElement> & {
+export declare const StyledPageLayoutFooter: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../../components/PageLayoutFooter").PageLayoutFooterProps & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledPageLayoutFooter = void 0;
-const PageLayout_1 = require("../../../components/PageLayout");
-const styles_1 = require("../../../components/styles");
+const PageLayoutFooter_1 = require("../../../components/PageLayoutFooter");
+const styled_1 = require("../../../components/styled");
 const FormPageLayoutBase_1 = require("../FormPageLayoutBase");
 const constants_1 = require("./constants");
-exports.StyledPageLayoutFooter = (0, styles_1.styled)(PageLayout_1.PageLayoutFooter) `
+exports.StyledPageLayoutFooter = (0, styled_1.styled)(PageLayoutFooter_1.PageLayoutFooter) `
   position: sticky;
   z-index: ${({ theme }) => theme.zIndex.speedDial};
 

package/node/hook-form/formLayouts/FormPageFooterContainer/useLogic/useLogic.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const PageLayout_1 = require("../../../../components/PageLayout");
+const PageContent_1 = require("../../../../components/PageContent");
 const FormPageLayoutBase_1 = require("../../FormPageLayoutBase");
 const useLogic = () => {
     const footerRef = (0, react_1.useRef)(null);
@@ -19,8 +19,8 @@ const useLogic = () => {
         footerRef.current.classList.remove(FormPageLayoutBase_1.formPageLayoutClassnames.footerShadow);
     }, []);
     (0, react_1.useEffect)(() => {
-        const container = document.querySelector(`.${PageLayout_1.pageContentClassnames.content}`);
-        const rootContainer = document.querySelector(`.${PageLayout_1.pageContentClassnames.pageContent}`);
+        const container = document.querySelector(`.${PageContent_1.pageContentClassnames.content}`);
+        const rootContainer = document.querySelector(`.${PageContent_1.pageContentClassnames.pageContent}`);
         updateStickyState(container);
         if (!container) {
             return;

package/node/hook-form/formLayouts/FormPageLayout/FormPageFooter/SecondaryActions/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,8 +10,8 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<Omi
 }, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledMobileButton: 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 StyledMobileButton: 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;
@@ -21,17 +21,17 @@ export declare const StyledMobileButton: import("@emotion/styled").StyledCompone
 }, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const ActionWrapper: import("@emotion/styled").StyledComponent<{
+export declare const ActionWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $isDisablePadding?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DesktopActionWrapper: import("@emotion/styled").StyledComponent<{
+export declare const DesktopActionWrapper: 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 MobileActionWrapper: import("@emotion/styled").StyledComponent<{
+export declare const MobileActionWrapper: 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/hook-form/formLayouts/FormPageLayout/FormPageFooter/SecondaryActions/styles.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileActionWrapper = exports.DesktopActionWrapper = exports.ActionWrapper = exports.StyledMobileButton = exports.StyledButton = void 0;
 const Button_1 = require("../../../../../components/Button");
-const styles_1 = require("../../../../../components/styles");
-exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
+const styled_1 = require("../../../../../components/styled");
+exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
   flex-grow: 1;
 `;
-exports.StyledMobileButton = (0, styles_1.styled)(Button_1.Button) `
+exports.StyledMobileButton = (0, styled_1.styled)(Button_1.Button) `
   display: none;
 
   width: 100%;
@@ -17,7 +17,7 @@ exports.StyledMobileButton = (0, styles_1.styled)(Button_1.Button) `
     height: 50px;
   }
 `;
-exports.ActionWrapper = (0, styles_1.styled)('div', {
+exports.ActionWrapper = (0, styled_1.styled)('div', {
     shouldForwardProp: (prop) => !['$isDisablePadding'].includes(prop),
 }) `
   display: flex;
@@ -26,7 +26,7 @@ exports.ActionWrapper = (0, styles_1.styled)('div', {
 
   padding-top: ${({ theme, $isDisablePadding }) => $isDisablePadding ? 0 : theme.spacing(2)};
 `;
-exports.DesktopActionWrapper = styles_1.styled.div `
+exports.DesktopActionWrapper = styled_1.styled.div `
   display: flex;
   gap: ${({ theme }) => theme.spacing(4)}; 
 
@@ -34,7 +34,7 @@ exports.DesktopActionWrapper = styles_1.styled.div `
     display: none;
   }
 `;
-exports.MobileActionWrapper = styles_1.styled.div `
+exports.MobileActionWrapper = styled_1.styled.div `
   display: none;
 
   ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/hook-form/formLayouts/FormPageLayout/FormPageFooter/styles.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
+export declare const ActionsWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $isShowMoreButton?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ShowMoreButton: 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 ShowMoreButton: 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;
@@ -18,7 +18,7 @@ export declare const ShowMoreButton: import("@emotion/styled").StyledComponent<O
 } & {
     $isActive: boolean;
 }, {}, {}>;
-export declare const StyledFormSubmitButton: import("@emotion/styled").StyledComponent<import("../../../FormSubmitButton").FormSubmitButtonProps & {
+export declare const StyledFormSubmitButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../../FormSubmitButton").FormSubmitButtonProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isShowSecondaryActions?: boolean | undefined;

package/node/hook-form/formLayouts/FormPageLayout/FormPageFooter/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledFormSubmitButton = exports.ShowMoreButton = exports.ActionsWrapper = void 0;
 const Button_1 = require("../../../../components/Button");
-const styles_1 = require("../../../../components/styles");
+const styled_1 = require("../../../../components/styled");
 const FormSubmitButton_1 = require("../../../FormSubmitButton");
-exports.ActionsWrapper = (0, styles_1.styled)('div', {
+exports.ActionsWrapper = (0, styled_1.styled)('div', {
     shouldForwardProp: (prop) => !['$isShowMoreButton'].includes(prop),
 }) `
   display: flex;
@@ -21,7 +21,7 @@ exports.ActionsWrapper = (0, styles_1.styled)('div', {
     padding: ${({ theme, $isShowMoreButton }) => $isShowMoreButton ? theme.spacing(4, 4, 0) : theme.spacing(4)};
   }
 `;
-exports.ShowMoreButton = (0, styles_1.styled)(Button_1.Button, {
+exports.ShowMoreButton = (0, styled_1.styled)(Button_1.Button, {
     shouldForwardProp: (prop) => !['$isActive'].includes(prop),
 }) `
   display: none;
@@ -41,7 +41,7 @@ exports.ShowMoreButton = (0, styles_1.styled)(Button_1.Button, {
     }
   }
 `;
-exports.StyledFormSubmitButton = (0, styles_1.styled)(FormSubmitButton_1.FormSubmitButton, {
+exports.StyledFormSubmitButton = (0, styled_1.styled)(FormSubmitButton_1.FormSubmitButton, {
     shouldForwardProp: (prop) => !['$isShowSecondaryActions'].includes(prop),
 }) `
   ${({ theme }) => theme.breakpoints.down('sm')} {

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

@@ -0,0 +1,2 @@
+export { formPageContentClassnames, formPageLayoutClassnames, } from '../FormPageLayoutBase';
+export * from './FormPageLayout';

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

@@ -0,0 +1,21 @@
+"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 });
+exports.formPageLayoutClassnames = exports.formPageContentClassnames = void 0;
+var FormPageLayoutBase_1 = require("../FormPageLayoutBase");
+Object.defineProperty(exports, "formPageContentClassnames", { enumerable: true, get: function () { return FormPageLayoutBase_1.formPageContentClassnames; } });
+Object.defineProperty(exports, "formPageLayoutClassnames", { enumerable: true, get: function () { return FormPageLayoutBase_1.formPageLayoutClassnames; } });
+__exportStar(require("./FormPageLayout"), exports);

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const FormContent: import("@emotion/styled").StyledComponent<{
+export declare const FormContent: 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/hook-form/formLayouts/FormPageLayout/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormContent = void 0;
-const styles_1 = require("../../../components/styles");
-exports.FormContent = styles_1.styled.div `
+const styled_1 = require("../../../components/styled");
+exports.FormContent = styled_1.styled.div `
   padding: ${({ theme }) => theme.spacing(0, 6, 4)};
 
   ${({ theme }) => theme.breakpoints.down('sm')} {

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

@@ -1,5 +1,5 @@
 import { type ElementType } from 'react';
-import { type PageHeaderProps } from '../../../../components/PageLayout';
+import { type PageHeaderProps } from '../../../../components/PageHeader';
 type FormMobileActionsProps<TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType> = Pick<PageHeaderProps<TMainActionComponent, TSecondaryActionComponent>, 'actions'>;
 export declare const FormMobileActions: <TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType>({ actions, }: FormMobileActionsProps<TMainActionComponent, TSecondaryActionComponent>) => JSX.Element | null;
 export {};

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

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