@webiny/admin-ui 6.4.5-beta.0 → 6.6.0-alpha.0

package/FilePicker/primitives/components/previews/RichItemPreview/RichItemPreview.d.ts

@@ -3,21 +3,22 @@ import type { FilePreviewDefaultProps } from "../../types.js";
 type RichItemPreviewProps = FilePreviewDefaultProps & {
     preview?: "thumbnail" | "file-type" | "placeholder";
 };
-declare const RichItemPreview: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: RichItemPreviewProps) => React.JSX.Element) & {
-    original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: RichItemPreviewProps) => React.JSX.Element;
+declare const DecoratableRichItemPreview: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: RichItemPreviewProps) => React.JSX.Element;
+declare const RichItemPreview: typeof DecoratableRichItemPreview & {
+    original: typeof DecoratableRichItemPreview;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: RichItemPreviewProps) => React.JSX.Element) & {
-        original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: RichItemPreviewProps) => React.JSX.Element;
+    original: typeof DecoratableRichItemPreview & {
+        original: typeof DecoratableRichItemPreview;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: RichItemPreviewProps) => React.JSX.Element) & {
-        original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: RichItemPreviewProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableRichItemPreview & {
+        original: typeof DecoratableRichItemPreview;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.d.ts

@@ -6,21 +6,22 @@ declare const textOnlyPreviewVariants: (props?: ({
     small?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TextOnlyPreviewProps = FilePreviewDefaultProps & React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof previewVariants> & VariantProps<typeof textOnlyPreviewVariants>;
-declare const TextOnlyPreview: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element) & {
-    original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element;
+declare const DecoratableTextOnlyPreview: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element;
+declare const TextOnlyPreview: typeof DecoratableTextOnlyPreview & {
+    original: typeof DecoratableTextOnlyPreview;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element) & {
-        original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element;
+    original: typeof DecoratableTextOnlyPreview & {
+        original: typeof DecoratableTextOnlyPreview;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element) & {
-        original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableTextOnlyPreview & {
+        original: typeof DecoratableTextOnlyPreview;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/FilePicker/primitives/components/previews/variants.d.ts

@@ -1,4 +1,4 @@
 export declare const previewVariants: (props?: ({
-    variant?: "base" | "transparent" | "light" | null | undefined;
+    variant?: "base" | "light" | "transparent" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/FillViewport/FillViewport.d.ts

@@ -1,58 +1,61 @@
 import React from "react";
 type FillViewportProps = React.HTMLAttributes<HTMLDivElement>;
-declare const FillViewportHeight: (({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element) & {
-    original: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+declare const BaseFillViewportHeight: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+declare const BaseFillViewportWidth: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+declare const BaseFillViewport: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+declare const FillViewportHeight: typeof BaseFillViewportHeight & {
+    original: typeof BaseFillViewportHeight;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element) & {
-        original: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+    original: typeof BaseFillViewportHeight & {
+        original: typeof BaseFillViewportHeight;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element) & {
-        original: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseFillViewportHeight & {
+        original: typeof BaseFillViewportHeight;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-declare const FillViewportWidth: (({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element) & {
-    original: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+declare const FillViewportWidth: typeof BaseFillViewportWidth & {
+    original: typeof BaseFillViewportWidth;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element) & {
-        original: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+    original: typeof BaseFillViewportWidth & {
+        original: typeof BaseFillViewportWidth;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element) & {
-        original: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseFillViewportWidth & {
+        original: typeof BaseFillViewportWidth;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-declare const FillViewport: (({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element) & {
-    original: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+declare const FillViewport: typeof BaseFillViewport & {
+    original: typeof BaseFillViewport;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element) & {
-        original: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+    original: typeof BaseFillViewport & {
+        original: typeof BaseFillViewport;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element) & {
-        original: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseFillViewport & {
+        original: typeof BaseFillViewport;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/FormComponent/Description.d.ts

@@ -7,21 +7,22 @@ declare const formComponentDescriptionVariants: (props?: ({
 type FormComponentDescriptionProps = TextProps & VariantProps<typeof formComponentDescriptionVariants> & {
     text?: React.ReactNode;
 };
-declare const FormComponentDescription: (({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null) & {
-    original: ({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null;
+declare const DecoratableFormComponentDescription: ({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null;
+declare const FormComponentDescription: typeof DecoratableFormComponentDescription & {
+    original: typeof DecoratableFormComponentDescription;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null) & {
-        original: ({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null;
+    original: typeof DecoratableFormComponentDescription & {
+        original: typeof DecoratableFormComponentDescription;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null) & {
-        original: ({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableFormComponentDescription & {
+        original: typeof DecoratableFormComponentDescription;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/FormComponent/ErrorMessage.d.ts

@@ -8,21 +8,22 @@ type FormComponentErrorMessageProps = TextProps & VariantProps<typeof formCompon
     text?: React.ReactNode;
     invalid?: boolean;
 };
-declare const FormComponentErrorMessage: (({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null) & {
-    original: ({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null;
+declare const DecoratableFormComponentErrorMessage: ({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null;
+declare const FormComponentErrorMessage: typeof DecoratableFormComponentErrorMessage & {
+    original: typeof DecoratableFormComponentErrorMessage;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null) & {
-        original: ({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null;
+    original: typeof DecoratableFormComponentErrorMessage & {
+        original: typeof DecoratableFormComponentErrorMessage;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null) & {
-        original: ({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableFormComponentErrorMessage & {
+        original: typeof DecoratableFormComponentErrorMessage;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/FormComponent/Label.d.ts

@@ -8,21 +8,22 @@ interface FormComponentLabelProps extends React.HTMLAttributes<HTMLDivElement> {
     hint?: React.ReactNode;
     htmlFor?: string;
 }
-declare const FormComponentLabel: (({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null) & {
-    original: ({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null;
+declare const DecoratableFormComponentLabel: ({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null;
+declare const FormComponentLabel: typeof DecoratableFormComponentLabel & {
+    original: typeof DecoratableFormComponentLabel;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null) & {
-        original: ({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null;
+    original: typeof DecoratableFormComponentLabel & {
+        original: typeof DecoratableFormComponentLabel;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null) & {
-        original: ({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableFormComponentLabel & {
+        original: typeof DecoratableFormComponentLabel;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/FormComponent/Note.d.ts

@@ -7,21 +7,22 @@ declare const formComponentNoteVariants: (props?: ({
 type FormComponentNoteProps = TextProps & VariantProps<typeof formComponentNoteVariants> & {
     text?: React.ReactNode;
 };
-declare const FormComponentNote: (({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null) & {
-    original: ({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null;
+declare const DecoratableFormComponentNote: ({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null;
+declare const FormComponentNote: typeof DecoratableFormComponentNote & {
+    original: typeof DecoratableFormComponentNote;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null) & {
-        original: ({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null;
+    original: typeof DecoratableFormComponentNote & {
+        original: typeof DecoratableFormComponentNote;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null) & {
-        original: ({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableFormComponentNote & {
+        original: typeof DecoratableFormComponentNote;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Grid/Grid.d.ts

@@ -1,72 +1,74 @@
 import React from "react";
 import { type VariantProps } from "../utils.js";
 declare const columnVariants: (props?: ({
-    span?: 1 | 2 | 4 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "auto" | null | undefined;
-    offset?: 1 | 2 | 4 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | null | undefined;
-    align?: "bottom" | "top" | "middle" | null | undefined;
+    span?: "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | null | undefined;
+    offset?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | null | undefined;
+    align?: "bottom" | "middle" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ColumnProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof columnVariants> {
     children?: React.ReactNode;
 }
-declare const Column: (({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
-    original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
+declare const ColumnBase: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
+declare const Column: typeof ColumnBase & {
+    original: typeof ColumnBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
-        original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
+    original: typeof ColumnBase & {
+        original: typeof ColumnBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
-        original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof ColumnBase & {
+        original: typeof ColumnBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
 declare const gridVariants: (props?: ({
-    gap?: "none" | "small" | "compact" | "micro" | "comfortable" | "spacious" | null | undefined;
+    gap?: "comfortable" | "compact" | "micro" | "none" | "small" | "spacious" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
     children: null | React.ReactElement<ColumnProps, typeof Column> | Array<React.ReactElement<ColumnProps, typeof Column> | null>;
 }
-declare const Grid: (({ gap, children, className, ...props }: GridProps) => React.JSX.Element) & {
-    original: ({ gap, children, className, ...props }: GridProps) => React.JSX.Element;
+declare const GridBase: ({ gap, children, className, ...props }: GridProps) => React.JSX.Element;
+declare const Grid: typeof GridBase & {
+    original: typeof GridBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ gap, children, className, ...props }: GridProps) => React.JSX.Element) & {
-        original: ({ gap, children, className, ...props }: GridProps) => React.JSX.Element;
+    original: typeof GridBase & {
+        original: typeof GridBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ gap, children, className, ...props }: GridProps) => React.JSX.Element) & {
-        original: ({ gap, children, className, ...props }: GridProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof GridBase & {
+        original: typeof GridBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Column: (({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
-        original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
+    Column: typeof ColumnBase & {
+        original: typeof ColumnBase;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
-            original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
+        original: typeof ColumnBase & {
+            original: typeof ColumnBase;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
-            original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof ColumnBase & {
+            original: typeof ColumnBase;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;

package/HeaderBar/HeaderBar.d.ts

@@ -4,21 +4,22 @@ interface HeaderBarProps extends React.HTMLAttributes<HTMLDivElement> {
     middle?: React.ReactNode;
     end?: React.ReactNode;
 }
-declare const HeaderBar: (({ start, middle, end, className, ...props }: HeaderBarProps) => React.JSX.Element) & {
-    original: ({ start, middle, end, className, ...props }: HeaderBarProps) => React.JSX.Element;
+declare const HeaderBarBase: ({ start, middle, end, className, ...props }: HeaderBarProps) => React.JSX.Element;
+declare const HeaderBar: typeof HeaderBarBase & {
+    original: typeof HeaderBarBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ start, middle, end, className, ...props }: HeaderBarProps) => React.JSX.Element) & {
-        original: ({ start, middle, end, className, ...props }: HeaderBarProps) => React.JSX.Element;
+    original: typeof HeaderBarBase & {
+        original: typeof HeaderBarBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ start, middle, end, className, ...props }: HeaderBarProps) => React.JSX.Element) & {
-        original: ({ start, middle, end, className, ...props }: HeaderBarProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof HeaderBarBase & {
+        original: typeof HeaderBarBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Heading/Heading.d.ts

@@ -3,26 +3,27 @@ import { type VariantProps } from "../utils.js";
 export type HeadingTags = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export type HeadingLevels = 1 | 2 | 3 | 4 | 5 | 6;
 declare const headingVariants: (props?: ({
-    level?: 1 | 2 | 4 | 3 | 5 | 6 | null | undefined;
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
     as?: HeadingTags;
 }
-declare const Heading: (({ children, level, className, as, ...props }: HeadingProps) => React.JSX.Element) & {
-    original: ({ children, level, className, as, ...props }: HeadingProps) => React.JSX.Element;
+declare const HeadingBase: ({ children, level, className, as, ...props }: HeadingProps) => React.JSX.Element;
+declare const Heading: typeof HeadingBase & {
+    original: typeof HeadingBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, level, className, as, ...props }: HeadingProps) => React.JSX.Element) & {
-        original: ({ children, level, className, as, ...props }: HeadingProps) => React.JSX.Element;
+    original: typeof HeadingBase & {
+        original: typeof HeadingBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ children, level, className, as, ...props }: HeadingProps) => React.JSX.Element) & {
-        original: ({ children, level, className, as, ...props }: HeadingProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof HeadingBase & {
+        original: typeof HeadingBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Icon/Icon.d.ts

@@ -1,28 +1,29 @@
 import React from "react";
 import { type VariantProps } from "../utils.js";
 declare const iconVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
-    color?: "accent" | "inherit" | "neutral-light" | "neutral-strong" | "neutral-strong-transparent" | "neutral-base" | "neutral-negative" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    color?: "accent" | "inherit" | "neutral-base" | "neutral-light" | "neutral-negative" | "neutral-strong" | "neutral-strong-transparent" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface IconProps extends Omit<React.HTMLAttributes<HTMLOrSVGElement>, "color">, VariantProps<typeof iconVariants> {
     label: string;
     icon: React.ReactNode;
 }
-declare const Icon: ((props: IconProps) => React.JSX.Element) & {
-    original: (props: IconProps) => React.JSX.Element;
+declare const IconBase: (props: IconProps) => React.JSX.Element;
+declare const Icon: typeof IconBase & {
+    original: typeof IconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    original: typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/IconPicker/IconPicker.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 import type { IconPickerPrimitiveProps } from "./primitives/index.js";
 import type { FormComponentProps } from "../FormComponent/index.js";
 type IconPickerProps = IconPickerPrimitiveProps & FormComponentProps;
-declare const IconPicker: (({ label, description, note, hint, required, disabled, validation, ...props }: IconPickerProps) => React.JSX.Element) & {
-    original: ({ label, description, note, hint, required, disabled, validation, ...props }: IconPickerProps) => React.JSX.Element;
+declare const DecoratableIconPicker: ({ label, description, note, hint, required, disabled, validation, ...props }: IconPickerProps) => React.JSX.Element;
+declare const IconPicker: typeof DecoratableIconPicker & {
+    original: typeof DecoratableIconPicker;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, note, hint, required, disabled, validation, ...props }: IconPickerProps) => React.JSX.Element) & {
-        original: ({ label, description, note, hint, required, disabled, validation, ...props }: IconPickerProps) => React.JSX.Element;
+    original: typeof DecoratableIconPicker & {
+        original: typeof DecoratableIconPicker;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, description, note, hint, required, disabled, validation, ...props }: IconPickerProps) => React.JSX.Element) & {
-        original: ({ label, description, note, hint, required, disabled, validation, ...props }: IconPickerProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableIconPicker & {
+        original: typeof DecoratableIconPicker;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/IconPicker/primitives/IconPickerPrimitive.d.ts

@@ -3,7 +3,7 @@ import type { InputPrimitiveProps } from "../../Input/index.js";
 import { type VariantProps } from "../../utils.js";
 import type { IconPickerIconDto } from "../domains/index.js";
 declare const iconPickerVariants: (props?: ({
-    size?: "md" | "lg" | "xl" | null | undefined;
+    size?: "lg" | "md" | "xl" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface IconPickerPrimitiveProps extends VariantProps<typeof iconPickerVariants> {

package/IconPicker/primitives/components/IconPickerTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type VariantProps } from "../../../utils.js";
 declare const iconPickerTriggerVariants: (props?: ({
-    size?: "md" | "lg" | "xl" | null | undefined;
+    size?: "lg" | "md" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface IconPickerTriggerProps extends VariantProps<typeof iconPickerTriggerVariants> {
     value?: string;

package/Input/Input.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 import { type InputPrimitiveProps } from "./InputPrimitive.js";
 import { type FormComponentProps } from "../FormComponent/index.js";
 type InputProps = InputPrimitiveProps & FormComponentProps;
-declare const Input: (({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
-    original: ({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+declare const DecoratableInput: ({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+declare const Input: typeof DecoratableInput & {
+    original: typeof DecoratableInput;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
-        original: ({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+    original: typeof DecoratableInput & {
+        original: typeof DecoratableInput;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
-        original: ({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableInput & {
+        original: typeof DecoratableInput;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Input/InputPrimitive.d.ts

@@ -14,8 +14,8 @@ declare const InputIcon: ({ icon, inputSize, className }: InputIconProps) => Rea
  * where the `inputVariants` is used to style a div that wraps multiple elements (input, Tags, icons, etc.)
  */
 declare const inputVariants: (props?: ({
-    size?: "md" | "lg" | "xl" | null | undefined;
-    variant?: "primary" | "secondary" | "ghost" | "ghost-negative" | null | undefined;
+    size?: "lg" | "md" | "xl" | null | undefined;
+    variant?: "ghost" | "ghost-negative" | "primary" | "secondary" | null | undefined;
     invalid?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type InputPrimitiveProps<TValue = any> = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> & VariantProps<typeof inputVariants> & {
@@ -56,21 +56,22 @@ type InputPrimitiveProps<TValue = any> = Omit<React.InputHTMLAttributes<HTMLInpu
      */
     autoSelect?: boolean;
 };
-declare const InputPrimitive: (({ autoSelect, className, disabled, endIcon, forwardEventOnChange, inputRef, invalid, maxLength, onChange: originalOnChange, onEnter, onEscape, onKeyDown: originalOnKeyDown, onFocus: originalOnFocus, size, startIcon, value, variant, ...props }: InputPrimitiveProps) => React.JSX.Element) & {
-    original: ({ autoSelect, className, disabled, endIcon, forwardEventOnChange, inputRef, invalid, maxLength, onChange: originalOnChange, onEnter, onEscape, onKeyDown: originalOnKeyDown, onFocus: originalOnFocus, size, startIcon, value, variant, ...props }: InputPrimitiveProps) => React.JSX.Element;
+declare const DecoratableInputPrimitive: ({ autoSelect, className, disabled, endIcon, forwardEventOnChange, inputRef, invalid, maxLength, onChange: originalOnChange, onEnter, onEscape, onKeyDown: originalOnKeyDown, onFocus: originalOnFocus, size, startIcon, value, variant, ...props }: InputPrimitiveProps) => React.JSX.Element;
+declare const InputPrimitive: typeof DecoratableInputPrimitive & {
+    original: typeof DecoratableInputPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ autoSelect, className, disabled, endIcon, forwardEventOnChange, inputRef, invalid, maxLength, onChange: originalOnChange, onEnter, onEscape, onKeyDown: originalOnKeyDown, onFocus: originalOnFocus, size, startIcon, value, variant, ...props }: InputPrimitiveProps) => React.JSX.Element) & {
-        original: ({ autoSelect, className, disabled, endIcon, forwardEventOnChange, inputRef, invalid, maxLength, onChange: originalOnChange, onEnter, onEscape, onKeyDown: originalOnKeyDown, onFocus: originalOnFocus, size, startIcon, value, variant, ...props }: InputPrimitiveProps) => React.JSX.Element;
+    original: typeof DecoratableInputPrimitive & {
+        original: typeof DecoratableInputPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ autoSelect, className, disabled, endIcon, forwardEventOnChange, inputRef, invalid, maxLength, onChange: originalOnChange, onEnter, onEscape, onKeyDown: originalOnKeyDown, onFocus: originalOnFocus, size, startIcon, value, variant, ...props }: InputPrimitiveProps) => React.JSX.Element) & {
-        original: ({ autoSelect, className, disabled, endIcon, forwardEventOnChange, inputRef, invalid, maxLength, onChange: originalOnChange, onEnter, onEscape, onKeyDown: originalOnKeyDown, onFocus: originalOnFocus, size, startIcon, value, variant, ...props }: InputPrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableInputPrimitive & {
+        original: typeof DecoratableInputPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;