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

package/ProgressBar/ProgressBar.d.ts

@@ -3,21 +3,22 @@ import { type ProgressRootProps } from "./components/index.js";
 interface ProgressBarProps extends ProgressRootProps {
     valuePosition?: "start" | "end" | "both";
 }
-declare const ProgressBar: (({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element) & {
-    original: ({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element;
+declare const DecoratableProgressBar: ({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element;
+declare const ProgressBar: typeof DecoratableProgressBar & {
+    original: typeof DecoratableProgressBar;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element) & {
-        original: ({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element;
+    original: typeof DecoratableProgressBar & {
+        original: typeof DecoratableProgressBar;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element) & {
-        original: ({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableProgressBar & {
+        original: typeof DecoratableProgressBar;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/RadioGroup/RadioGroup.d.ts

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

package/RadioGroup/primitives/Radio.d.ts

@@ -7,21 +7,22 @@ interface RadioProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPri
     label: string | React.ReactNode;
     id: string;
 }
-declare const Radio: (({ className, label, id, ...props }: RadioProps) => React.JSX.Element) & {
-    original: ({ className, label, id, ...props }: RadioProps) => React.JSX.Element;
+declare const DecoratableRadio: ({ className, label, id, ...props }: RadioProps) => React.JSX.Element;
+declare const Radio: typeof DecoratableRadio & {
+    original: typeof DecoratableRadio;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, label, id, ...props }: RadioProps) => React.JSX.Element) & {
-        original: ({ className, label, id, ...props }: RadioProps) => React.JSX.Element;
+    original: typeof DecoratableRadio & {
+        original: typeof DecoratableRadio;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ className, label, id, ...props }: RadioProps) => React.JSX.Element) & {
-        original: ({ className, label, id, ...props }: RadioProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableRadio & {
+        original: typeof DecoratableRadio;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/RadioGroup/primitives/RadioGroupPrimitive.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 import { RadioGroup as RadioGroupPrimitives } from "radix-ui";
 import type { RadioItemParams, RadioItemFormatted } from "../domains/index.js";
+/**
+ * Radio Group Root
+ */
+declare const RadioGroupRoot: ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => React.JSX.Element;
 /**
  * Radio Group Renderer
  */
@@ -33,5 +37,5 @@ declare const RadioGroupPrimitive: (props: RadioGroupPrimitiveProps) => React.JS
  * It is marked as deprecated because nesting `Radio` components inside `RadioGroup` is no longer the recommended approach.
  * Instead, we now pass an array of `RadioItemDto` directly to `RadioGroup` for better maintainability.
  */
-declare const DeprecatedRadioGroup: ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => React.JSX.Element;
+declare const DeprecatedRadioGroup: typeof RadioGroupRoot;
 export { RadioGroupPrimitive, RadioGroupRenderer, DeprecatedRadioGroup, type RadioGroupPrimitiveProps, type RadioGroupVm };

package/RangeSlider/RangeSlider.d.ts

@@ -5,21 +5,22 @@ type RangeSliderProps = RangeSliderPrimitiveProps & FormComponentProps & {
     label: React.ReactNode;
     valueConverter?: (value: number) => string;
 };
-declare const RangeSlider: (({ description, note, hint, validation, ...props }: RangeSliderProps) => React.JSX.Element) & {
-    original: ({ description, note, hint, validation, ...props }: RangeSliderProps) => React.JSX.Element;
+declare const DecoratableRangeSlider: ({ description, note, hint, validation, ...props }: RangeSliderProps) => React.JSX.Element;
+declare const RangeSlider: typeof DecoratableRangeSlider & {
+    original: typeof DecoratableRangeSlider;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ description, note, hint, validation, ...props }: RangeSliderProps) => React.JSX.Element) & {
-        original: ({ description, note, hint, validation, ...props }: RangeSliderProps) => React.JSX.Element;
+    original: typeof DecoratableRangeSlider & {
+        original: typeof DecoratableRangeSlider;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ description, note, hint, validation, ...props }: RangeSliderProps) => React.JSX.Element) & {
-        original: ({ description, note, hint, validation, ...props }: RangeSliderProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableRangeSlider & {
+        original: typeof DecoratableRangeSlider;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/SegmentedControl/SegmentedControl.d.ts

@@ -2,27 +2,28 @@ import React from "react";
 import type { SegmentedControlPrimitiveProps } from "./primitives/index.js";
 import type { FormComponentProps } from "../FormComponent/index.js";
 type SegmentedControlProps = SegmentedControlPrimitiveProps & FormComponentProps;
-declare const SegmentedControl: (({ label, description, note, hint, required, disabled, validation, ...props }: SegmentedControlProps) => React.JSX.Element) & {
-    original: ({ label, description, note, hint, required, disabled, validation, ...props }: SegmentedControlProps) => React.JSX.Element;
+declare const DecoratableSegmentedControl: ({ label, description, note, hint, required, disabled, validation, ...props }: SegmentedControlProps) => React.JSX.Element;
+declare const SegmentedControl: typeof DecoratableSegmentedControl & {
+    original: typeof DecoratableSegmentedControl;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, note, hint, required, disabled, validation, ...props }: SegmentedControlProps) => React.JSX.Element) & {
-        original: ({ label, description, note, hint, required, disabled, validation, ...props }: SegmentedControlProps) => React.JSX.Element;
+    original: typeof DecoratableSegmentedControl & {
+        original: typeof DecoratableSegmentedControl;
         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 }: SegmentedControlProps) => React.JSX.Element) & {
-        original: ({ label, description, note, hint, required, disabled, validation, ...props }: SegmentedControlProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableSegmentedControl & {
+        original: typeof DecoratableSegmentedControl;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
     Tabs: (({ children, variant, defaultValue, className }: import("./SegmentedControlTabs.js").SegmentedControlTabsProps) => React.JSX.Element) & {
-        Tab: (props: import("./SegmentedControlTab.js").SegmentedControlTabProps) => null;
+        Tab: typeof import("./SegmentedControlTab.js").SegmentedControlTab;
     };
 };
 export { SegmentedControl, type SegmentedControlProps };

package/SegmentedControl/SegmentedControlTabs.d.ts

@@ -1,11 +1,14 @@
 import React from "react";
 import type { SegmentedControlPrimitiveProps } from "./primitives/index.js";
+import { SegmentedControlTab } from "./SegmentedControlTab.js";
 export interface SegmentedControlTabsProps {
     children: React.ReactNode;
     variant?: SegmentedControlPrimitiveProps["variant"];
     defaultValue?: string;
     className?: string;
 }
-export declare const SegmentedControlTabs: (({ children, variant, defaultValue, className }: SegmentedControlTabsProps) => React.JSX.Element) & {
-    Tab: (props: import("./SegmentedControlTab.js").SegmentedControlTabProps) => null;
+declare const BaseSegmentedControlTabs: ({ children, variant, defaultValue, className }: SegmentedControlTabsProps) => React.JSX.Element;
+export declare const SegmentedControlTabs: typeof BaseSegmentedControlTabs & {
+    Tab: typeof SegmentedControlTab;
 };
+export {};

package/SegmentedControl/primitives/SegmentedControlPrimitive.d.ts

@@ -5,7 +5,7 @@ import type { SegmentedControlItemParams, SegmentedControlItemFormatted } from "
  * Segmented Control Item Button
  */
 declare const segmentedControlItemVariants: (props?: ({
-    variant?: "ghost" | "dimmed" | "light" | null | undefined;
+    variant?: "dimmed" | "ghost" | "light" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Segmented Control Primitive

package/Select/Select.d.ts

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

package/Select/primitives/components/SelectTrigger.d.ts

@@ -2,8 +2,8 @@ import * as React from "react";
 import { Select as SelectPrimitives } from "radix-ui";
 import { type VariantProps } from "../../../utils.js";
 declare const selectTriggerVariants: (props?: ({
-    variant?: "primary" | "secondary" | "ghost" | "ghost-negative" | null | undefined;
-    size?: "md" | "lg" | "xl" | null | undefined;
+    variant?: "ghost" | "ghost-negative" | "primary" | "secondary" | null | undefined;
+    size?: "lg" | "md" | "xl" | null | undefined;
     invalid?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SelectTriggerProps extends SelectPrimitives.SelectTriggerProps, VariantProps<typeof selectTriggerVariants> {

package/Separator/Separator.d.ts

@@ -2,30 +2,31 @@ import * as React from "react";
 import { Separator as SeparatorPrimitive } from "radix-ui";
 import { type VariantProps } from "../utils.js";
 declare const separatorVariants: (props?: ({
-    margin?: "sm" | "md" | "none" | "lg" | "xl" | "xs" | null | undefined;
+    margin?: "lg" | "md" | "none" | "sm" | "xl" | "xs" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
-    variant?: "accent" | "base" | "strong" | "transparent" | "dimmed" | "muted" | null | undefined;
+    variant?: "accent" | "base" | "dimmed" | "muted" | "strong" | "transparent" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SeparatorPosition = "start" | "middle" | "end";
 type SeparatorProps = Omit<SeparatorPrimitive.SeparatorProps, "children"> & VariantProps<typeof separatorVariants> & {
     children?: React.ReactNode;
     labelPosition?: SeparatorPosition;
 };
-declare const Separator: (({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element) & {
-    original: ({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element;
+declare const SeparatorBase: ({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element;
+declare const Separator: typeof SeparatorBase & {
+    original: typeof SeparatorBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element) & {
-        original: ({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element;
+    original: typeof SeparatorBase & {
+        original: typeof SeparatorBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element) & {
-        original: ({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof SeparatorBase & {
+        original: typeof SeparatorBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Sidebar/Sidebar.d.ts

@@ -7,21 +7,22 @@ interface SidebarProps extends Omit<React.ComponentPropsWithoutRef<typeof Sideba
     children: React.ReactNode;
     footer?: React.ReactNode;
 }
-declare const Sidebar: ((props: SidebarProps) => React.JSX.Element) & {
-    original: (props: SidebarProps) => React.JSX.Element;
+declare const SidebarBase: (props: SidebarProps) => React.JSX.Element;
+declare const Sidebar: typeof SidebarBase & {
+    original: typeof SidebarBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: SidebarProps) => React.JSX.Element) & {
-        original: (props: SidebarProps) => React.JSX.Element;
+    original: typeof SidebarBase & {
+        original: typeof SidebarBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: SidebarProps) => React.JSX.Element) & {
-        original: (props: SidebarProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof SidebarBase & {
+        original: typeof SidebarBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Sidebar/components/SidebarIcon.d.ts

@@ -3,21 +3,22 @@ import { type IconProps } from "../../Icon/index.js";
 interface SidebarIconProps extends Omit<IconProps, "icon"> {
     element?: React.ReactNode;
 }
-declare const SidebarIcon: (({ element, ...props }: SidebarIconProps) => React.JSX.Element) & {
-    original: ({ element, ...props }: SidebarIconProps) => React.JSX.Element;
+declare const SidebarIconBase: ({ element, ...props }: SidebarIconProps) => React.JSX.Element;
+declare const SidebarIcon: typeof SidebarIconBase & {
+    original: typeof SidebarIconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ element, ...props }: SidebarIconProps) => React.JSX.Element) & {
-        original: ({ element, ...props }: SidebarIconProps) => React.JSX.Element;
+    original: typeof SidebarIconBase & {
+        original: typeof SidebarIconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: SidebarIconProps) => React.JSX.Element) & {
-        original: ({ element, ...props }: SidebarIconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof SidebarIconBase & {
+        original: typeof SidebarIconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Sidebar/components/SidebarProvider.d.ts

@@ -36,8 +36,8 @@ type SidebarProviderProps = React.HTMLAttributes<HTMLDivElement> & {
     state?: SidebarCachedState;
     onChangeState?: (state: SidebarCachedState) => void;
 };
-declare const SidebarProvider: {
-    ({ className, children, state: cachedState, onChangeState, ...props }: SidebarProviderProps): React.JSX.Element;
-    displayName: string;
-};
+declare function SidebarProvider({ className, children, state: cachedState, onChangeState, ...props }: SidebarProviderProps): React.JSX.Element;
+declare namespace SidebarProvider {
+    var displayName: string;
+}
 export { SidebarProvider, useSidebar, type PinnedItemData };

package/Sidebar/components/items/SidebarMenuGroup.d.ts

@@ -1,22 +1,23 @@
 import React from "react";
 import { type SidebarMenuItemGroupProps } from "./SidebarMenuItem.js";
 import { type SidebarMenuItemIconProps } from "../../../Sidebar/components/items/SidebarMenuItemIcon.js";
-import { type SidebarMenuItemActionProps } from "../../../Sidebar/components/items/SidebarMenuItemAction.js";
-declare const SidebarMenuGroup: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
-    original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+import { SidebarMenuItemAction, type SidebarMenuItemActionProps } from "../../../Sidebar/components/items/SidebarMenuItemAction.js";
+declare const SidebarMenuGroupBase: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+declare const SidebarMenuGroup: typeof SidebarMenuGroupBase & {
+    original: typeof SidebarMenuGroupBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+    original: typeof SidebarMenuGroupBase & {
+        original: typeof SidebarMenuGroupBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof SidebarMenuGroupBase & {
+        original: typeof SidebarMenuGroupBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -40,6 +41,6 @@ declare const SidebarMenuGroup: ((props: SidebarMenuItemGroupProps) => React.JSX
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: ({ element, showOnHover, className, ...props }: SidebarMenuItemActionProps) => React.JSX.Element | null;
+    Action: typeof SidebarMenuItemAction;
 };
 export { SidebarMenuGroup, type SidebarMenuItemGroupProps, type SidebarMenuItemIconProps, type SidebarMenuItemActionProps };

package/Sidebar/components/items/SidebarMenuItem.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type SidebarMenuItemIconProps } from "./SidebarMenuItemIcon.js";
-import { type SidebarMenuItemActionProps } from "./SidebarMenuItemAction.js";
-import { type SidebarMenuItemBadgeProps } from "./SidebarMenuItemBadge.js";
+import { SidebarMenuItemAction, type SidebarMenuItemActionProps } from "./SidebarMenuItemAction.js";
+import { SidebarMenuItemBadge, type SidebarMenuItemBadgeProps } from "./SidebarMenuItemBadge.js";
 import { LinkProps } from "../../../index.js";
 export interface SidebarMenuItemBaseProps {
     text: React.ReactNode;
@@ -26,21 +26,22 @@ type SidebarMenuItemButtonProps = SidebarMenuItemBaseProps & {
 type SidebarMenuItemGroupProps = SidebarMenuItemButtonProps;
 type SidebarMenuItemLinkProps = SidebarMenuItemBaseProps & LinkProps;
 type SidebarMenuItemProps = SidebarMenuItemButtonProps | SidebarMenuItemLinkProps;
-declare const SidebarMenuItem: ((props: SidebarMenuItemProps) => React.JSX.Element) & {
-    original: (props: SidebarMenuItemProps) => React.JSX.Element;
+declare const SidebarMenuItemBase: (props: SidebarMenuItemProps) => React.JSX.Element;
+declare const SidebarMenuItem: typeof SidebarMenuItemBase & {
+    original: typeof SidebarMenuItemBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: SidebarMenuItemProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemProps) => React.JSX.Element;
+    original: typeof SidebarMenuItemBase & {
+        original: typeof SidebarMenuItemBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: SidebarMenuItemProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof SidebarMenuItemBase & {
+        original: typeof SidebarMenuItemBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -64,7 +65,7 @@ declare const SidebarMenuItem: ((props: SidebarMenuItemProps) => React.JSX.Eleme
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: ({ element, showOnHover, className, ...props }: SidebarMenuItemActionProps) => React.JSX.Element | null;
-    Badge: ({ text }: SidebarMenuItemBadgeProps) => React.JSX.Element;
+    Action: typeof SidebarMenuItemAction;
+    Badge: typeof SidebarMenuItemBadge;
 };
 export { SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuItemButtonProps, type SidebarMenuItemLinkProps, type SidebarMenuItemGroupProps, type SidebarMenuItemIconProps, type SidebarMenuItemActionProps, type SidebarMenuItemBadgeProps };

package/Sidebar/components/items/SidebarMenuItemIcon.d.ts

@@ -3,21 +3,22 @@ import { type IconProps } from "../../../Icon/index.js";
 interface SidebarMenuItemIconProps extends Omit<IconProps, "icon"> {
     element?: React.ReactNode;
 }
-declare const SidebarMenuItemIcon: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
-    original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
+declare const SidebarMenuItemIconBase: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
+declare const SidebarMenuItemIcon: typeof SidebarMenuItemIconBase & {
+    original: typeof SidebarMenuItemIconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
-        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
+    original: typeof SidebarMenuItemIconBase & {
+        original: typeof SidebarMenuItemIconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
-        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof SidebarMenuItemIconBase & {
+        original: typeof SidebarMenuItemIconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Sidebar/components/items/SidebarMenuLink.d.ts

@@ -1,23 +1,24 @@
 import React from "react";
 import { type SidebarMenuItemLinkProps } from "./SidebarMenuItem.js";
 import { type SidebarMenuItemIconProps } from "../../../Sidebar/components/items/SidebarMenuItemIcon.js";
-import { type SidebarMenuItemActionProps } from "../../../Sidebar/components/items/SidebarMenuItemAction.js";
-import { type SidebarMenuItemBadgeProps } from "../../../Sidebar/components/items/SidebarMenuItemBadge.js";
-declare const SidebarMenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
-    original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+import { SidebarMenuItemAction, type SidebarMenuItemActionProps } from "../../../Sidebar/components/items/SidebarMenuItemAction.js";
+import { SidebarMenuItemBadge, type SidebarMenuItemBadgeProps } from "../../../Sidebar/components/items/SidebarMenuItemBadge.js";
+declare const SidebarMenuLinkBase: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+declare const SidebarMenuLink: typeof SidebarMenuLinkBase & {
+    original: typeof SidebarMenuLinkBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+    original: typeof SidebarMenuLinkBase & {
+        original: typeof SidebarMenuLinkBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof SidebarMenuLinkBase & {
+        original: typeof SidebarMenuLinkBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -41,7 +42,7 @@ declare const SidebarMenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.E
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: ({ element, showOnHover, className, ...props }: SidebarMenuItemActionProps) => React.JSX.Element | null;
-    Badge: ({ text }: SidebarMenuItemBadgeProps) => React.JSX.Element;
+    Action: typeof SidebarMenuItemAction;
+    Badge: typeof SidebarMenuItemBadge;
 };
 export { SidebarMenuLink, type SidebarMenuItemLinkProps, type SidebarMenuItemIconProps, type SidebarMenuItemActionProps, type SidebarMenuItemBadgeProps };

package/Sidebar/components/items/SidebarMenuProvider.d.ts

@@ -11,8 +11,8 @@ interface SidebarMenuProviderProps {
 }
 declare const SidebarMenuContext: React.Context<SidebarMenuContext>;
 declare function useSidebarMenu(): SidebarMenuContext;
-declare const SidebarMenuProvider: {
-    ({ level, parentIcon, children }: SidebarMenuProviderProps): React.JSX.Element;
-    displayName: string;
-};
+declare function SidebarMenuProvider({ level, parentIcon, children }: SidebarMenuProviderProps): React.JSX.Element;
+declare namespace SidebarMenuProvider {
+    var displayName: string;
+}
 export { SidebarMenuProvider, useSidebarMenu };

package/Sidebar/components/items/SidebarMenuRootItem.d.ts

@@ -1,20 +1,22 @@
 import React from "react";
+import { SidebarMenuItemAction } from "./SidebarMenuItemAction.js";
 import { type SidebarMenuItemProps } from "./SidebarMenuItem.js";
-declare const SidebarMenuRootItem: (({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element) & {
-    original: ({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+declare const SidebarMenuItemBase: ({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+declare const SidebarMenuRootItem: typeof SidebarMenuItemBase & {
+    original: typeof SidebarMenuItemBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element) & {
-        original: ({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+    original: typeof SidebarMenuItemBase & {
+        original: typeof SidebarMenuItemBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element) & {
-        original: ({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof SidebarMenuItemBase & {
+        original: typeof SidebarMenuItemBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -38,6 +40,6 @@ declare const SidebarMenuRootItem: (({ children, className, pinnable, action, ..
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: ({ element, showOnHover, className, ...props }: import("./SidebarMenuItemAction.js").SidebarMenuItemActionProps) => React.JSX.Element | null;
+    Action: typeof SidebarMenuItemAction;
 };
 export { SidebarMenuRootItem, type SidebarMenuItemProps };