@webiny/admin-ui 6.4.12-beta.5 → 6.5.0-beta.1

package/BetaBadge/BetaBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BetaBadge/BetaBadge.js","sources":["../../src/BetaBadge/BetaBadge.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface BetaBadgeProps {\n    text?: React.ReactNode;\n}\n\nconst BetaBadge = ({ text = \"beta\" }: BetaBadgeProps) => {\n    return (\n        <span\n            className={\n                \"inline-flex items-center rounded-sm bg-primary/50 px-xs text-[10px] font-semibold text-neutral-light leading-none h-md shrink-0\"\n            }\n        >\n            {text}\n        </span>\n    );\n};\n\nexport { BetaBadge, type BetaBadgeProps };\n"],"names":["BetaBadge","text"],"mappings":";AAMA,MAAMA,YAAY,CAAC,EAAEC,OAAO,MAAM,EAAkB,GACzC,WAAP,GACI,oBAAC;QACG,WACI;OAGHA"}

package/Button/Button.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { type VariantProps } from "../utils.js";
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "ghost-negative" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-    contentLayout?: "text" | "icon" | "text-icon-start" | "text-icon-end" | null | undefined;
+    variant?: "ghost" | "ghost-negative" | "primary" | "secondary" | "tertiary" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xl" | null | undefined;
+    contentLayout?: "icon" | "text" | "text-icon-end" | "text-icon-start" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof buttonVariants> {
     text?: React.ReactNode;
@@ -13,21 +13,22 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     asChild?: boolean;
     containerClassName?: string;
 }
-declare const Button: (({ className, variant, size, asChild, text, children, icon, iconPosition, disabled, containerClassName, ...rest }: ButtonProps) => React.JSX.Element) & {
-    original: ({ className, variant, size, asChild, text, children, icon, iconPosition, disabled, containerClassName, ...rest }: ButtonProps) => React.JSX.Element;
+declare const ButtonBase: ({ className, variant, size, asChild, text, children, icon, iconPosition, disabled, containerClassName, ...rest }: ButtonProps) => React.JSX.Element;
+declare const Button: typeof ButtonBase & {
+    original: typeof ButtonBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, variant, size, asChild, text, children, icon, iconPosition, disabled, containerClassName, ...rest }: ButtonProps) => React.JSX.Element) & {
-        original: ({ className, variant, size, asChild, text, children, icon, iconPosition, disabled, containerClassName, ...rest }: ButtonProps) => React.JSX.Element;
+    original: typeof ButtonBase & {
+        original: typeof ButtonBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ className, variant, size, asChild, text, children, icon, iconPosition, disabled, containerClassName, ...rest }: ButtonProps) => React.JSX.Element) & {
-        original: ({ className, variant, size, asChild, text, children, icon, iconPosition, disabled, containerClassName, ...rest }: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof ButtonBase & {
+        original: typeof ButtonBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Button/CopyButton.d.ts

@@ -10,21 +10,22 @@ interface CopyButtonProps extends ButtonProps {
      */
     onCopy?: () => void;
 }
-declare const CopyButton: ((props: CopyButtonProps) => React.JSX.Element) & {
-    original: (props: CopyButtonProps) => React.JSX.Element;
+declare const CopyButtonBase: (props: CopyButtonProps) => React.JSX.Element;
+declare const CopyButton: typeof CopyButtonBase & {
+    original: typeof CopyButtonBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: CopyButtonProps) => React.JSX.Element) & {
-        original: (props: CopyButtonProps) => React.JSX.Element;
+    original: typeof CopyButtonBase & {
+        original: typeof CopyButtonBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: CopyButtonProps) => React.JSX.Element) & {
-        original: (props: CopyButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof CopyButtonBase & {
+        original: typeof CopyButtonBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Button/IconButton.d.ts

@@ -1,29 +1,30 @@
 import React from "react";
 import { type VariantProps } from "../utils.js";
 declare const iconButtonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "ghost-negative" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxs" | null | undefined;
-    iconSize?: "lg" | "default" | null | undefined;
+    variant?: "ghost" | "ghost-negative" | "primary" | "secondary" | "tertiary" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xl" | "xs" | "xxs" | null | undefined;
+    iconSize?: "default" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof iconButtonVariants> {
     icon?: React.ReactNode;
     asChild?: boolean;
 }
-declare const IconButton: (({ className, variant, size, icon, iconSize, asChild, disabled, ...props }: IconButtonProps) => React.JSX.Element) & {
-    original: ({ className, variant, size, icon, iconSize, asChild, disabled, ...props }: IconButtonProps) => React.JSX.Element;
+declare const DecoratableIconButton: ({ className, variant, size, icon, iconSize, asChild, disabled, ...props }: IconButtonProps) => React.JSX.Element;
+declare const IconButton: typeof DecoratableIconButton & {
+    original: typeof DecoratableIconButton;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, variant, size, icon, iconSize, asChild, disabled, ...props }: IconButtonProps) => React.JSX.Element) & {
-        original: ({ className, variant, size, icon, iconSize, asChild, disabled, ...props }: IconButtonProps) => React.JSX.Element;
+    original: typeof DecoratableIconButton & {
+        original: typeof DecoratableIconButton;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ className, variant, size, icon, iconSize, asChild, disabled, ...props }: IconButtonProps) => React.JSX.Element) & {
-        original: ({ className, variant, size, icon, iconSize, asChild, disabled, ...props }: IconButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableIconButton & {
+        original: typeof DecoratableIconButton;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Calendar/Calendar.d.ts

@@ -3,21 +3,22 @@ import { type DayPickerProps } from "react-day-picker";
 type CalendarProps = DayPickerProps & {
     className?: string;
 };
-declare const Calendar: (({ className, classNames, components, ...props }: CalendarProps) => React.JSX.Element) & {
-    original: ({ className, classNames, components, ...props }: CalendarProps) => React.JSX.Element;
+declare const DecoratableCalendar: ({ className, classNames, components, ...props }: CalendarProps) => React.JSX.Element;
+declare const Calendar: typeof DecoratableCalendar & {
+    original: typeof DecoratableCalendar;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, classNames, components, ...props }: CalendarProps) => React.JSX.Element) & {
-        original: ({ className, classNames, components, ...props }: CalendarProps) => React.JSX.Element;
+    original: typeof DecoratableCalendar & {
+        original: typeof DecoratableCalendar;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, classNames, components, ...props }: CalendarProps) => React.JSX.Element) & {
-        original: ({ className, classNames, components, ...props }: CalendarProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableCalendar & {
+        original: typeof DecoratableCalendar;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Calendar/calendarClassNames.js

@@ -4,7 +4,7 @@ const calendarClassNames = {
     month: "flex flex-col gap-sm",
     month_caption: "flex items-center justify-center h-8 relative",
     caption_label: "text-md font-semibold text-neutral-strong",
-    nav: "absolute inset-x-0 flex items-center justify-between",
+    nav: "absolute inset-x-0 z-10 flex items-center justify-between",
     button_previous: "inline-flex items-center justify-center size-8 rounded-sm cursor-pointer text-neutral-strong hover:bg-neutral-light",
     button_next: "inline-flex items-center justify-center size-8 rounded-sm cursor-pointer text-neutral-strong hover:bg-neutral-light",
     month_grid: "border-collapse",

package/Calendar/calendarClassNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar/calendarClassNames.js","sources":["../../src/Calendar/calendarClassNames.ts"],"sourcesContent":["import type { ClassNames } from \"react-day-picker\";\n\nexport const calendarClassNames: Partial<ClassNames> = {\n    root: \"p-md\",\n    months: \"relative flex gap-md\",\n    month: \"flex flex-col gap-sm\",\n    month_caption: \"flex items-center justify-center h-8 relative\",\n    caption_label: \"text-md font-semibold text-neutral-strong\",\n    nav: \"absolute inset-x-0 flex items-center justify-between\",\n    button_previous:\n        \"inline-flex items-center justify-center size-8 rounded-sm cursor-pointer text-neutral-strong hover:bg-neutral-light\",\n    button_next:\n        \"inline-flex items-center justify-center size-8 rounded-sm cursor-pointer text-neutral-strong hover:bg-neutral-light\",\n    month_grid: \"border-collapse\",\n    weekdays: \"\",\n    weekday: \"text-xs font-medium text-neutral-dimmed size-9 text-center\",\n    weeks: \"\",\n    week: \"\",\n    day: \"size-9 text-center text-sm p-0 relative\",\n    day_button:\n        \"inline-flex items-center justify-center size-9 rounded-sm font-normal cursor-pointer hover:bg-neutral-light transition-colors\",\n    selected:\n        \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:hover:bg-primary-strong [&>button]:font-medium\",\n    today: \"[&>button]:border-sm [&>button]:border-primary\",\n    outside: \"[&>button]:text-neutral-dimmed [&>button]:opacity-50\",\n    disabled: \"[&>button]:text-neutral-disabled [&>button]:cursor-not-allowed\",\n    hidden: \"invisible\",\n    range_start:\n        \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:hover:bg-primary-strong [&>button]:rounded-r-none\",\n    range_end:\n        \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:hover:bg-primary-strong [&>button]:rounded-l-none\",\n    range_middle:\n        \"bg-primary-subtle [&>button]:bg-transparent [&>button]:text-primary-strong [&>button]:rounded-none [&>button]:hover:bg-primary-subtle/70\",\n    focused: \"[&>button]:ring-2 [&>button]:ring-primary-dimmed\",\n    dropdowns: \"flex items-center gap-sm\",\n    dropdown:\n        \"appearance-none border-sm border-neutral-muted rounded-sm px-sm py-xs text-sm cursor-pointer bg-neutral-base\",\n    dropdown_root: \"relative\",\n    chevron: \"size-md fill-current\",\n    footer: \"pt-sm text-sm text-neutral-dimmed\"\n};\n"],"names":["calendarClassNames"],"mappings":"AAEO,MAAMA,qBAA0C;IACnD,MAAM;IACN,QAAQ;IACR,OAAO;IACP,eAAe;IACf,eAAe;IACf,KAAK;IACL,iBACI;IACJ,aACI;IACJ,YAAY;IACZ,UAAU;IACV,SAAS;IACT,OAAO;IACP,MAAM;IACN,KAAK;IACL,YACI;IACJ,UACI;IACJ,OAAO;IACP,SAAS;IACT,UAAU;IACV,QAAQ;IACR,aACI;IACJ,WACI;IACJ,cACI;IACJ,SAAS;IACT,WAAW;IACX,UACI;IACJ,eAAe;IACf,SAAS;IACT,QAAQ;AACZ"}
+{"version":3,"file":"Calendar/calendarClassNames.js","sources":["../../src/Calendar/calendarClassNames.ts"],"sourcesContent":["import type { ClassNames } from \"react-day-picker\";\n\nexport const calendarClassNames: Partial<ClassNames> = {\n    root: \"p-md\",\n    months: \"relative flex gap-md\",\n    month: \"flex flex-col gap-sm\",\n    month_caption: \"flex items-center justify-center h-8 relative\",\n    caption_label: \"text-md font-semibold text-neutral-strong\",\n    nav: \"absolute inset-x-0 z-10 flex items-center justify-between\",\n    button_previous:\n        \"inline-flex items-center justify-center size-8 rounded-sm cursor-pointer text-neutral-strong hover:bg-neutral-light\",\n    button_next:\n        \"inline-flex items-center justify-center size-8 rounded-sm cursor-pointer text-neutral-strong hover:bg-neutral-light\",\n    month_grid: \"border-collapse\",\n    weekdays: \"\",\n    weekday: \"text-xs font-medium text-neutral-dimmed size-9 text-center\",\n    weeks: \"\",\n    week: \"\",\n    day: \"size-9 text-center text-sm p-0 relative\",\n    day_button:\n        \"inline-flex items-center justify-center size-9 rounded-sm font-normal cursor-pointer hover:bg-neutral-light transition-colors\",\n    selected:\n        \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:hover:bg-primary-strong [&>button]:font-medium\",\n    today: \"[&>button]:border-sm [&>button]:border-primary\",\n    outside: \"[&>button]:text-neutral-dimmed [&>button]:opacity-50\",\n    disabled: \"[&>button]:text-neutral-disabled [&>button]:cursor-not-allowed\",\n    hidden: \"invisible\",\n    range_start:\n        \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:hover:bg-primary-strong [&>button]:rounded-r-none\",\n    range_end:\n        \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:hover:bg-primary-strong [&>button]:rounded-l-none\",\n    range_middle:\n        \"bg-primary-subtle [&>button]:bg-transparent [&>button]:text-primary-strong [&>button]:rounded-none [&>button]:hover:bg-primary-subtle/70\",\n    focused: \"[&>button]:ring-2 [&>button]:ring-primary-dimmed\",\n    dropdowns: \"flex items-center gap-sm\",\n    dropdown:\n        \"appearance-none border-sm border-neutral-muted rounded-sm px-sm py-xs text-sm cursor-pointer bg-neutral-base\",\n    dropdown_root: \"relative\",\n    chevron: \"size-md fill-current\",\n    footer: \"pt-sm text-sm text-neutral-dimmed\"\n};\n"],"names":["calendarClassNames"],"mappings":"AAEO,MAAMA,qBAA0C;IACnD,MAAM;IACN,QAAQ;IACR,OAAO;IACP,eAAe;IACf,eAAe;IACf,KAAK;IACL,iBACI;IACJ,aACI;IACJ,YAAY;IACZ,UAAU;IACV,SAAS;IACT,OAAO;IACP,MAAM;IACN,KAAK;IACL,YACI;IACJ,UACI;IACJ,OAAO;IACP,SAAS;IACT,UAAU;IACV,QAAQ;IACR,aACI;IACJ,WACI;IACJ,cACI;IACJ,SAAS;IACT,WAAW;IACX,UACI;IACJ,eAAe;IACf,SAAS;IACT,QAAQ;AACZ"}

package/Card/Card.d.ts

@@ -16,39 +16,25 @@ interface CardProps extends Omit<React.ComponentPropsWithoutRef<typeof CardConte
     info?: React.ReactNode;
     children: React.ReactNode;
 }
-declare const Card: {
+declare const CardBase: {
     (props: CardProps): React.JSX.Element;
     displayName: string;
-} & {
-    original: {
-        (props: CardProps): React.JSX.Element;
-        displayName: string;
-    };
+};
+declare const Card: typeof CardBase & {
+    original: typeof CardBase;
     originalName: string;
     displayName: string;
 } & {
-    original: {
-        (props: CardProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: CardProps): React.JSX.Element;
-            displayName: string;
-        };
+    original: typeof CardBase & {
+        original: typeof CardBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
-        (props: CardProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: CardProps): React.JSX.Element;
-            displayName: string;
-        };
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof CardBase & {
+        original: typeof CardBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Card/components/CancelAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import { ButtonProps } from "../../Button/index.js";
-export declare const CancelAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const CancelActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const CancelAction: typeof CancelActionBase & {
+    original: typeof CancelActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof CancelActionBase & {
+        original: typeof CancelActionBase;
         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 CancelActionBase & {
+        original: typeof CancelActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

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/CodeEditor/CodeEditorPrimitive.js

@@ -6,7 +6,9 @@ const monacoOptions = {
     readOnly: true,
     minimap: {
         enabled: false
-    }
+    },
+    scrollBeyondLastLine: false,
+    wordWrap: "on"
 };
 const DecoratableCodeEditorPrimitive = ({ value, disabled, options: optionsInput, ...rest })=>{
     const options = useMemo(()=>({