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

package/Card/components/CardContent.d.ts

@@ -1,16 +1,16 @@
 import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const cardContentVariants: (props?: ({
-    cornerSize?: "md" | "lg" | null | undefined;
+    cornerSize?: "lg" | "md" | null | undefined;
     variant?: "accent" | "default" | null | undefined;
-    elevation?: "none" | "small" | "medium" | "large" | null | undefined;
+    elevation?: "large" | "medium" | "none" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CardContentProps extends VariantProps<typeof cardContentVariants> {
     className?: string;
     children: React.ReactNode;
 }
-declare const CardContent: {
-    ({ children }: CardContentProps): React.JSX.Element;
-    displayName: string;
-};
+declare function CardContent({ children }: CardContentProps): React.JSX.Element;
+declare namespace CardContent {
+    var displayName: string;
+}
 export { CardContent };

package/Card/components/CardTitle.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const cardTitleVariants: (props?: ({
-    padding?: "sm" | "md" | "lg" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
+    padding?: "lg" | "md" | "sm" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
     variant?: "accent" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type CardTitleProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardTitleVariants>;

package/Card/components/ConfirmAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import { ButtonProps } from "../../Button/index.js";
-export declare const ConfirmAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const ConfirmActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const ConfirmAction: typeof ConfirmActionBase & {
+    original: typeof ConfirmActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof ConfirmActionBase & {
+        original: typeof ConfirmActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof ConfirmActionBase & {
+        original: typeof ConfirmActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Card/components/Icon.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import type { IconProps as IconComponentProps } from "../../Icon/index.js";
 type IconProps = IconComponentProps;
-export declare const Icon: ((props: IconProps) => React.JSX.Element) & {
-    original: (props: IconProps) => React.JSX.Element;
+declare const IconBase: (props: IconProps) => React.JSX.Element;
+export 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/Checkbox/Checkbox.d.ts

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

package/Checkbox/primitives/CheckboxPrimitive.d.ts

@@ -19,40 +19,45 @@ type CheckboxPrimitiveRendererProps = Omit<CheckboxPrimitiveProps, "onCheckedCha
     changeChecked: (checked: boolean) => void;
     disabled?: boolean;
 };
-declare const CheckboxPrimitiveRenderer: (({ label, id, hasLabel, indeterminate, changeChecked, checked, className, disabled, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element) & {
-    original: ({ label, id, hasLabel, indeterminate, changeChecked, checked, className, disabled, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element;
+declare const DecoratableCheckboxPrimitiveRenderer: ({ label, id, hasLabel, indeterminate, changeChecked, checked, className, disabled, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element;
+declare const CheckboxPrimitiveRenderer: typeof DecoratableCheckboxPrimitiveRenderer & {
+    original: typeof DecoratableCheckboxPrimitiveRenderer;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, id, hasLabel, indeterminate, changeChecked, checked, className, disabled, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element) & {
-        original: ({ label, id, hasLabel, indeterminate, changeChecked, checked, className, disabled, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element;
+    original: typeof DecoratableCheckboxPrimitiveRenderer & {
+        original: typeof DecoratableCheckboxPrimitiveRenderer;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, id, hasLabel, indeterminate, changeChecked, checked, className, disabled, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element) & {
-        original: ({ label, id, hasLabel, indeterminate, changeChecked, checked, className, disabled, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableCheckboxPrimitiveRenderer & {
+        original: typeof DecoratableCheckboxPrimitiveRenderer;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-declare const CheckboxPrimitive: ((props: CheckboxPrimitiveProps) => React.JSX.Element | null) & {
-    original: (props: CheckboxPrimitiveProps) => React.JSX.Element | null;
+/**
+ * Checkbox
+ */
+declare const DecoratableCheckboxPrimitive: (props: CheckboxPrimitiveProps) => React.JSX.Element | null;
+declare const CheckboxPrimitive: typeof DecoratableCheckboxPrimitive & {
+    original: typeof DecoratableCheckboxPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: CheckboxPrimitiveProps) => React.JSX.Element | null) & {
-        original: (props: CheckboxPrimitiveProps) => React.JSX.Element | null;
+    original: typeof DecoratableCheckboxPrimitive & {
+        original: typeof DecoratableCheckboxPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: CheckboxPrimitiveProps) => React.JSX.Element | null) & {
-        original: (props: CheckboxPrimitiveProps) => React.JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableCheckboxPrimitive & {
+        original: typeof DecoratableCheckboxPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/CheckboxGroup/CheckboxGroup.d.ts

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

package/CheckboxGroup/primitives/CheckboxGroupPrimitive.d.ts

@@ -25,40 +25,48 @@ type CheckboxGroupPrimitiveRendererProps<TValue = any> = CheckboxGroupPrimitiveV
     changeChecked: (value: TValue) => void;
     disabled?: boolean;
 };
-declare const CheckboxGroupPrimitiveRenderer: (({ items, changeChecked, disabled }: CheckboxGroupPrimitiveRendererProps) => React.JSX.Element) & {
-    original: ({ items, changeChecked, disabled }: CheckboxGroupPrimitiveRendererProps) => React.JSX.Element;
+/**
+ * Checkbox Group Renderer
+ */
+declare const DecoratableCheckboxGroupPrimitiveRenderer: ({ items, changeChecked, disabled }: CheckboxGroupPrimitiveRendererProps) => React.JSX.Element;
+declare const CheckboxGroupPrimitiveRenderer: typeof DecoratableCheckboxGroupPrimitiveRenderer & {
+    original: typeof DecoratableCheckboxGroupPrimitiveRenderer;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ items, changeChecked, disabled }: CheckboxGroupPrimitiveRendererProps) => React.JSX.Element) & {
-        original: ({ items, changeChecked, disabled }: CheckboxGroupPrimitiveRendererProps) => React.JSX.Element;
+    original: typeof DecoratableCheckboxGroupPrimitiveRenderer & {
+        original: typeof DecoratableCheckboxGroupPrimitiveRenderer;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ items, changeChecked, disabled }: CheckboxGroupPrimitiveRendererProps) => React.JSX.Element) & {
-        original: ({ items, changeChecked, disabled }: CheckboxGroupPrimitiveRendererProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableCheckboxGroupPrimitiveRenderer & {
+        original: typeof DecoratableCheckboxGroupPrimitiveRenderer;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-declare const CheckboxGroupPrimitive: ((props: CheckboxGroupPrimitiveProps) => React.JSX.Element) & {
-    original: (props: CheckboxGroupPrimitiveProps) => React.JSX.Element;
+/**
+ * Checkbox Group
+ */
+declare const DecoratableCheckboxGroupPrimitive: (props: CheckboxGroupPrimitiveProps) => React.JSX.Element;
+declare const CheckboxGroupPrimitive: typeof DecoratableCheckboxGroupPrimitive & {
+    original: typeof DecoratableCheckboxGroupPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: CheckboxGroupPrimitiveProps) => React.JSX.Element) & {
-        original: (props: CheckboxGroupPrimitiveProps) => React.JSX.Element;
+    original: typeof DecoratableCheckboxGroupPrimitive & {
+        original: typeof DecoratableCheckboxGroupPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: CheckboxGroupPrimitiveProps) => React.JSX.Element) & {
-        original: (props: CheckboxGroupPrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableCheckboxGroupPrimitive & {
+        original: typeof DecoratableCheckboxGroupPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/CodeEditor/CodeEditor.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 import type { CodeEditorPrimitiveProps } from "./CodeEditorPrimitive.js";
 import type { FormComponentProps } from "../FormComponent/index.js";
 type CodeEditorProps = CodeEditorPrimitiveProps & FormComponentProps;
-declare const CodeEditor: (({ label, description, note, hint, required, disabled, validation, ...props }: CodeEditorProps) => React.JSX.Element) & {
-    original: ({ label, description, note, hint, required, disabled, validation, ...props }: CodeEditorProps) => React.JSX.Element;
+declare const DecoratableCodeEditor: ({ label, description, note, hint, required, disabled, validation, ...props }: CodeEditorProps) => React.JSX.Element;
+declare const CodeEditor: typeof DecoratableCodeEditor & {
+    original: typeof DecoratableCodeEditor;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, note, hint, required, disabled, validation, ...props }: CodeEditorProps) => React.JSX.Element) & {
-        original: ({ label, description, note, hint, required, disabled, validation, ...props }: CodeEditorProps) => React.JSX.Element;
+    original: typeof DecoratableCodeEditor & {
+        original: typeof DecoratableCodeEditor;
         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 }: CodeEditorProps) => React.JSX.Element) & {
-        original: ({ label, description, note, hint, required, disabled, validation, ...props }: CodeEditorProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableCodeEditor & {
+        original: typeof DecoratableCodeEditor;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/CodeEditor/CodeEditorPrimitive.d.ts

@@ -3,21 +3,22 @@ import type { EditorProps } from "@monaco-editor/react";
 interface CodeEditorPrimitiveProps extends Partial<EditorProps> {
     disabled?: boolean;
 }
-declare const CodeEditorPrimitive: (({ value, disabled, options: optionsInput, ...rest }: CodeEditorPrimitiveProps) => React.JSX.Element) & {
-    original: ({ value, disabled, options: optionsInput, ...rest }: CodeEditorPrimitiveProps) => React.JSX.Element;
+declare const DecoratableCodeEditorPrimitive: ({ value, disabled, options: optionsInput, ...rest }: CodeEditorPrimitiveProps) => React.JSX.Element;
+declare const CodeEditorPrimitive: typeof DecoratableCodeEditorPrimitive & {
+    original: typeof DecoratableCodeEditorPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ value, disabled, options: optionsInput, ...rest }: CodeEditorPrimitiveProps) => React.JSX.Element) & {
-        original: ({ value, disabled, options: optionsInput, ...rest }: CodeEditorPrimitiveProps) => React.JSX.Element;
+    original: typeof DecoratableCodeEditorPrimitive & {
+        original: typeof DecoratableCodeEditorPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ value, disabled, options: optionsInput, ...rest }: CodeEditorPrimitiveProps) => React.JSX.Element) & {
-        original: ({ value, disabled, options: optionsInput, ...rest }: CodeEditorPrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableCodeEditorPrimitive & {
+        original: typeof DecoratableCodeEditorPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/ColorPicker/ColorPicker.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 import type { ColorPickerPrimitiveProps } from "./primitives/index.js";
 import type { FormComponentProps } from "../FormComponent/index.js";
 type ColorPickerProps = ColorPickerPrimitiveProps & FormComponentProps;
-declare const ColorPicker: (({ label, description, note, hint, required, disabled, validation, ...props }: ColorPickerProps) => React.JSX.Element) & {
-    original: ({ label, description, note, hint, required, disabled, validation, ...props }: ColorPickerProps) => React.JSX.Element;
+declare const DecoratableIconPicker: ({ label, description, note, hint, required, disabled, validation, ...props }: ColorPickerProps) => React.JSX.Element;
+declare const ColorPicker: typeof DecoratableIconPicker & {
+    original: typeof DecoratableIconPicker;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, note, hint, required, disabled, validation, ...props }: ColorPickerProps) => React.JSX.Element) & {
-        original: ({ label, description, note, hint, required, disabled, validation, ...props }: ColorPickerProps) => 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 }: ColorPickerProps) => React.JSX.Element) & {
-        original: ({ label, description, note, hint, required, disabled, validation, ...props }: ColorPickerProps) => 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/ColorPicker/primitives/ColorPickerPrimitive.d.ts

@@ -43,21 +43,22 @@ interface ColorPickerPrimitiveProps extends Omit<React.HTMLAttributes<HTMLDivEle
      */
     invalid?: InputPrimitiveProps["invalid"];
 }
-declare const ColorPickerPrimitive: (({ align, disabled, invalid, size, variant, value, onOpenChange, onChange, onChangeComplete, ...props }: ColorPickerPrimitiveProps) => React.JSX.Element) & {
-    original: ({ align, disabled, invalid, size, variant, value, onOpenChange, onChange, onChangeComplete, ...props }: ColorPickerPrimitiveProps) => React.JSX.Element;
+declare const DecoratableColorPickerPrimitive: ({ align, disabled, invalid, size, variant, value, onOpenChange, onChange, onChangeComplete, ...props }: ColorPickerPrimitiveProps) => React.JSX.Element;
+declare const ColorPickerPrimitive: typeof DecoratableColorPickerPrimitive & {
+    original: typeof DecoratableColorPickerPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ align, disabled, invalid, size, variant, value, onOpenChange, onChange, onChangeComplete, ...props }: ColorPickerPrimitiveProps) => React.JSX.Element) & {
-        original: ({ align, disabled, invalid, size, variant, value, onOpenChange, onChange, onChangeComplete, ...props }: ColorPickerPrimitiveProps) => React.JSX.Element;
+    original: typeof DecoratableColorPickerPrimitive & {
+        original: typeof DecoratableColorPickerPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ align, disabled, invalid, size, variant, value, onOpenChange, onChange, onChangeComplete, ...props }: ColorPickerPrimitiveProps) => React.JSX.Element) & {
-        original: ({ align, disabled, invalid, size, variant, value, onOpenChange, onChange, onChangeComplete, ...props }: ColorPickerPrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableColorPickerPrimitive & {
+        original: typeof DecoratableColorPickerPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Command/Command.d.ts

@@ -1,13 +1,15 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
+import { Empty, Group, Input, Item, List, Loading, Separator } from "./components/index.js";
 type CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
-declare const Command: (({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive>) => React.JSX.Element) & {
-    Empty: (props: import("./components/Empty.js").EmptyProps) => React.JSX.Element;
-    Group: ({ className, ...props }: import("./components/Group.js").GroupProps) => React.JSX.Element;
-    Input: ({ inputElement, size, inputRef, ...props }: import("./components/Input.js").InputProps) => React.JSX.Element;
-    Item: ({ className, children, selected, ...props }: import("./components/Item.js").ItemProps) => React.JSX.Element;
-    List: ({ className, ...props }: import("./components/List.js").ListProps) => React.JSX.Element;
-    Loading: (props: import("./components/Loading.js").LoadingProps) => React.JSX.Element;
-    Separator: (props: import("./components/Separator.js").SeparatorProps) => React.JSX.Element;
+declare const CommandBase: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive>) => React.JSX.Element;
+declare const Command: typeof CommandBase & {
+    Empty: typeof Empty;
+    Group: typeof Group;
+    Input: typeof Input;
+    Item: typeof Item;
+    List: typeof List;
+    Loading: typeof Loading;
+    Separator: typeof Separator;
 };
 export { Command, type CommandProps };

package/DataList/DataListModal.d.ts

@@ -2,16 +2,19 @@ import React from "react";
 interface DataListModalContentProps {
     children: React.ReactNode;
 }
+declare const DataListModalContent: ({ children }: DataListModalContentProps) => React.JSX.Element;
 interface DataListModalTriggerProps {
     "data-testid"?: string;
     icon?: React.ReactElement;
 }
+declare const DataListModalTrigger: ({ icon, ...props }: DataListModalTriggerProps) => React.JSX.Element;
 interface DataListModalProps {
     trigger: React.ReactElement;
     content: React.ReactElement;
 }
-declare const DataListModal: ((props: DataListModalProps) => React.JSX.Element | null) & {
-    Trigger: ({ icon, ...props }: DataListModalTriggerProps) => React.JSX.Element;
-    Content: ({ children }: DataListModalContentProps) => React.JSX.Element;
+declare const BaseDataListModal: (props: DataListModalProps) => React.JSX.Element | null;
+declare const DataListModal: typeof BaseDataListModal & {
+    Trigger: typeof DataListModalTrigger;
+    Content: typeof DataListModalContent;
 };
 export { DataListModal, type DataListModalProps, type DataListModalContentProps, type DataListModalTriggerProps };

package/DataTable/DataTable.d.ts

@@ -86,21 +86,22 @@ interface DataTableProps<TEntry> {
      */
     stickyHeader?: boolean;
 }
-declare const DataTable: (<T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element) & {
-    original: <T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element;
+declare const DecoratableDataTable: <T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element;
+declare const DataTable: typeof DecoratableDataTable & {
+    original: typeof DecoratableDataTable;
     originalName: string;
     displayName: string;
 } & {
-    original: (<T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element) & {
-        original: <T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element;
+    original: typeof DecoratableDataTable & {
+        original: typeof DecoratableDataTable;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(<T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element) & {
-        original: <T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableDataTable & {
+        original: typeof DecoratableDataTable;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/DatePicker/DatePicker.d.ts

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

package/DatePicker/primitives/DatePickerPrimitive.d.ts

@@ -1,20 +1,21 @@
 import React from "react";
 import type { DatePickerPrimitiveProps } from "../utils/types.js";
-declare const DatePickerPrimitive: ((props: DatePickerPrimitiveProps) => React.JSX.Element) & {
-    original: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+declare const DecoratableDatePickerPrimitive: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+declare const DatePickerPrimitive: typeof DecoratableDatePickerPrimitive & {
+    original: typeof DecoratableDatePickerPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: DatePickerPrimitiveProps) => React.JSX.Element) & {
-        original: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+    original: typeof DecoratableDatePickerPrimitive & {
+        original: typeof DecoratableDatePickerPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: DatePickerPrimitiveProps) => React.JSX.Element) & {
-        original: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableDatePickerPrimitive & {
+        original: typeof DecoratableDatePickerPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Dialog/Dialog.d.ts

@@ -20,39 +20,25 @@ interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogRoot>,
     onClose?: () => void;
     onOpen?: () => void;
 }
-declare const Dialog: {
+declare const DialogBase: {
     (props: DialogProps): React.JSX.Element;
     displayName: string;
-} & {
-    original: {
-        (props: DialogProps): React.JSX.Element;
-        displayName: string;
-    };
+};
+declare const Dialog: typeof DialogBase & {
+    original: typeof DialogBase;
     originalName: string;
     displayName: string;
 } & {
-    original: {
-        (props: DialogProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DialogProps): React.JSX.Element;
-            displayName: string;
-        };
+    original: typeof DialogBase & {
+        original: typeof DialogBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
-        (props: DialogProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DialogProps): React.JSX.Element;
-            displayName: string;
-        };
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DialogBase & {
+        original: typeof DialogBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;