@webiny/admin-ui 6.4.11 → 6.6.0-alpha.1

package/FilePicker/primitives/components/previews/index.js

@@ -2,4 +2,3 @@ export * from "./FilePreview.js";
 export * from "./ImagePreview/index.js";
 export * from "./RichItemPreview/index.js";
 export * from "./TextOnlyPreview/index.js";
-export * from "./TruncatedFileName.js";

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

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

package/FillViewport/FillViewport.d.ts

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

package/FormComponent/Description.d.ts

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

package/FormComponent/ErrorMessage.d.ts

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

package/FormComponent/Label.d.ts

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

package/FormComponent/Note.d.ts

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

package/Grid/Grid.d.ts

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

package/HeaderBar/HeaderBar.d.ts

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

package/Heading/Heading.d.ts

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

package/Icon/Icon.d.ts

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

package/IconPicker/IconPicker.d.ts

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

package/IconPicker/primitives/IconPickerPrimitive.d.ts

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

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

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

package/ImageEditor/AspectRatioPreview.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { ImageEditorAspectRatio, ImageEditorCrop, ImageEditorHotspot } from "./types.js";
+interface AspectRatioPreviewProps {
+    src: string;
+    imageWidth: number;
+    imageHeight: number;
+    crop: ImageEditorCrop | undefined;
+    hotspot: ImageEditorHotspot | undefined;
+    aspectRatio: ImageEditorAspectRatio;
+}
+/**
+ * A single live preview showing how the current crop + hotspot renders at one
+ * target aspect ratio. Uses the shared preview geometry so it matches the site.
+ */
+export declare const AspectRatioPreview: ({ src, imageWidth, imageHeight, crop, hotspot, aspectRatio }: AspectRatioPreviewProps) => React.JSX.Element;
+export {};

package/ImageEditor/AspectRatioPreview.js

@@ -0,0 +1,26 @@
+import react from "react";
+import { getPreviewStyles } from "./geometry.js";
+const PREVIEW_HEIGHT = 120;
+const AspectRatioPreview = ({ src, imageWidth, imageHeight, crop, hotspot, aspectRatio })=>{
+    const styles = getPreviewStyles(imageWidth, imageHeight, crop, hotspot, aspectRatio.ratio);
+    const width = Math.round(PREVIEW_HEIGHT * aspectRatio.ratio);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center gap-xs"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "relative overflow-hidden rounded-sm border border-neutral-dimmed bg-neutral-light",
+        style: {
+            width: `${width}px`,
+            height: `${PREVIEW_HEIGHT}px`
+        }
+    }, /*#__PURE__*/ react.createElement("img", {
+        src: src,
+        alt: "",
+        style: styles.image,
+        draggable: false
+    })), /*#__PURE__*/ react.createElement("span", {
+        className: "text-sm text-neutral-strong"
+    }, aspectRatio.label));
+};
+export { AspectRatioPreview };
+
+//# sourceMappingURL=AspectRatioPreview.js.map

package/ImageEditor/AspectRatioPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditor/AspectRatioPreview.js","sources":["../../src/ImageEditor/AspectRatioPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { getPreviewStyles } from \"./geometry.js\";\nimport type { ImageEditorAspectRatio, ImageEditorCrop, ImageEditorHotspot } from \"./types.js\";\n\ninterface AspectRatioPreviewProps {\n    src: string;\n    imageWidth: number;\n    imageHeight: number;\n    crop: ImageEditorCrop | undefined;\n    hotspot: ImageEditorHotspot | undefined;\n    aspectRatio: ImageEditorAspectRatio;\n}\n\n// Fixed preview height (px). Each thumbnail keeps this height regardless of how\n// many are shown; the width is derived from the aspect ratio.\nconst PREVIEW_HEIGHT = 120;\n\n/**\n * A single live preview showing how the current crop + hotspot renders at one\n * target aspect ratio. Uses the shared preview geometry so it matches the site.\n */\nexport const AspectRatioPreview = ({\n    src,\n    imageWidth,\n    imageHeight,\n    crop,\n    hotspot,\n    aspectRatio\n}: AspectRatioPreviewProps) => {\n    const styles = getPreviewStyles(imageWidth, imageHeight, crop, hotspot, aspectRatio.ratio);\n    const width = Math.round(PREVIEW_HEIGHT * aspectRatio.ratio);\n\n    return (\n        <div className={\"flex flex-col items-center gap-xs\"}>\n            <div\n                className={\n                    \"relative overflow-hidden rounded-sm border border-neutral-dimmed bg-neutral-light\"\n                }\n                style={{ width: `${width}px`, height: `${PREVIEW_HEIGHT}px` }}\n            >\n                <img src={src} alt={\"\"} style={styles.image} draggable={false} />\n            </div>\n            <span className={\"text-sm text-neutral-strong\"}>{aspectRatio.label}</span>\n        </div>\n    );\n};\n"],"names":["PREVIEW_HEIGHT","AspectRatioPreview","src","imageWidth","imageHeight","crop","hotspot","aspectRatio","styles","getPreviewStyles","width","Math"],"mappings":";;AAeA,MAAMA,iBAAiB;AAMhB,MAAMC,qBAAqB,CAAC,EAC/BC,GAAG,EACHC,UAAU,EACVC,WAAW,EACXC,IAAI,EACJC,OAAO,EACPC,WAAW,EACW;IACtB,MAAMC,SAASC,iBAAiBN,YAAYC,aAAaC,MAAMC,SAASC,YAAY,KAAK;IACzF,MAAMG,QAAQC,KAAK,KAAK,CAACX,iBAAiBO,YAAY,KAAK;IAE3D,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QACG,WACI;QAEJ,OAAO;YAAE,OAAO,GAAGG,MAAM,EAAE,CAAC;YAAE,QAAQ,GAAGV,eAAe,EAAE,CAAC;QAAC;qBAE5D,oBAAC;QAAI,KAAKE;QAAK,KAAK;QAAI,OAAOM,OAAO,KAAK;QAAE,WAAW;uBAE5D,oBAAC;QAAK,WAAW;OAAgCD,YAAY,KAAK;AAG9E"}

package/ImageEditor/CropHotspotEditor.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { ImageEditorCrop, ImageEditorHotspot, ImageEditorImage } from "./types.js";
+interface CropHotspotEditorProps {
+    image: ImageEditorImage;
+    crop: ImageEditorCrop | undefined;
+    hotspot: ImageEditorHotspot | undefined;
+    /** Currently selected crop shape id ("free" or a preset id). Controlled by the parent. */
+    aspectId: string;
+    onChangeAspect: (id: string) => void;
+    onChangeCrop: (crop: ImageEditorCrop) => void;
+    onChangeHotspot: (hotspot: ImageEditorHotspot) => void;
+}
+export declare const FREE = "free";
+/**
+ * Infer which crop-shape preset a saved crop corresponds to, by comparing the
+ * crop's on-screen (pixel) aspect ratio against the presets. The crop stores only
+ * edge insets — not the shape used to draw it — so on reopen we recover the shape
+ * here; a crop drawn with a preset matches it closely, while a free crop won't.
+ */
+export declare const inferAspectId: (crop: ImageEditorCrop | undefined, width: number, height: number) => string;
+export declare const CropHotspotEditor: ({ image, crop, hotspot, aspectId, onChangeAspect, onChangeCrop, onChangeHotspot }: CropHotspotEditorProps) => React.JSX.Element;
+export {};