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

package/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link/Link.js","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps, makeDecoratable, cn } from \"~/utils.js\";\nimport { useAdminUi } from \"~/index.js\";\nimport { LinkComponentProps } from \"./LinkComponent.js\";\n\nexport const linkVariants = cva(\"font-sans rounded-xs\", {\n    variants: {\n        size: {\n            inherit: \"[font-size:inherit]\",\n            sm: \"text-sm\",\n            md: \"text-md\",\n            lg: \"text-lg\",\n            xl: \"text-xl\"\n        },\n        variant: {\n            primary: [\n                \"text-accent-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed\"\n            ],\n            secondary: [\n                \"text-neutral-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed\"\n            ],\n            \"primary-negative\": [\n                \"text-accent-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong\"\n            ],\n            \"secondary-negative\": [\n                \"text-neutral-light\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong\"\n            ]\n        },\n        underline: {\n            true: \"underline hover:no-underline\",\n            false: \"hover:underline\"\n        }\n    },\n    defaultVariants: {\n        size: \"inherit\",\n        variant: \"primary\",\n        underline: false\n    }\n});\n\nexport type LinkProps = LinkComponentProps &\n    VariantProps<typeof linkVariants> & {\n        disabled?: boolean;\n    };\n\nfunction LinkBase({ size, variant, underline, className, children, ...rest }: LinkProps) {\n    const { linkComponent: LinkComponent } = useAdminUi();\n    return (\n        <LinkComponent\n            {...rest}\n            className={cn(linkVariants({ size, variant, underline }), className)}\n        >\n            {children}\n        </LinkComponent>\n    );\n}\n\nexport const Link = makeDecoratable(\"Link\", LinkBase);\n"],"names":["linkVariants","cva","LinkBase","size","variant","underline","className","children","rest","LinkComponent","useAdminUi","cn","Link","makeDecoratable"],"mappings":";;;AAKO,MAAMA,eAAeC,IAAI,wBAAwB;IACpD,UAAU;QACN,MAAM;YACF,SAAS;YACT,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,SAAS;gBACL;gBACA;aACH;YACD,WAAW;gBACP;gBACA;aACH;YACD,oBAAoB;gBAChB;gBACA;aACH;YACD,sBAAsB;gBAClB;gBACA;aACH;QACL;QACA,WAAW;YACP,MAAM;YACN,OAAO;QACX;IACJ;IACA,iBAAiB;QACb,MAAM;QACN,SAAS;QACT,WAAW;IACf;AACJ;AAOA,SAASC,SAAS,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAiB;IACnF,MAAM,EAAE,eAAeC,aAAa,EAAE,GAAGC;IACzC,OAAO,WAAP,GACI,oBAACD,eAAAA;QACI,GAAGD,IAAI;QACR,WAAWG,GAAGX,aAAa;YAAEG;YAAMC;YAASC;QAAU,IAAIC;OAEzDC;AAGb;AAEO,MAAMK,OAAOC,gBAAgB,QAAQX"}
+{"version":3,"file":"Link/Link.js","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps, makeDecoratable, cn } from \"~/utils.js\";\nimport { useAdminUi } from \"~/index.js\";\nimport { LinkComponentProps } from \"./LinkComponent.js\";\n\nconst linkVariants = cva(\"font-sans rounded-xs\", {\n    variants: {\n        size: {\n            inherit: \"[font-size:inherit]\",\n            sm: \"text-sm\",\n            md: \"text-md\",\n            lg: \"text-lg\",\n            xl: \"text-xl\"\n        },\n        variant: {\n            primary: [\n                \"text-accent-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed\"\n            ],\n            secondary: [\n                \"text-neutral-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed\"\n            ],\n            \"primary-negative\": [\n                \"text-accent-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong\"\n            ],\n            \"secondary-negative\": [\n                \"text-neutral-light\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong\"\n            ]\n        },\n        underline: {\n            true: \"underline hover:no-underline\",\n            false: \"hover:underline\"\n        }\n    },\n    defaultVariants: {\n        size: \"inherit\",\n        variant: \"primary\",\n        underline: false\n    }\n});\n\nexport type LinkProps = LinkComponentProps &\n    VariantProps<typeof linkVariants> & {\n        disabled?: boolean;\n    };\n\nfunction LinkBase({ size, variant, underline, className, children, ...rest }: LinkProps) {\n    const { linkComponent: LinkComponent } = useAdminUi();\n    return (\n        <LinkComponent\n            {...rest}\n            className={cn(linkVariants({ size, variant, underline }), className)}\n        >\n            {children}\n        </LinkComponent>\n    );\n}\n\nexport const Link = makeDecoratable(\"Link\", LinkBase);\n"],"names":["linkVariants","cva","LinkBase","size","variant","underline","className","children","rest","LinkComponent","useAdminUi","cn","Link","makeDecoratable"],"mappings":";;;AAKA,MAAMA,eAAeC,IAAI,wBAAwB;IAC7C,UAAU;QACN,MAAM;YACF,SAAS;YACT,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,SAAS;gBACL;gBACA;aACH;YACD,WAAW;gBACP;gBACA;aACH;YACD,oBAAoB;gBAChB;gBACA;aACH;YACD,sBAAsB;gBAClB;gBACA;aACH;QACL;QACA,WAAW;YACP,MAAM;YACN,OAAO;QACX;IACJ;IACA,iBAAiB;QACb,MAAM;QACN,SAAS;QACT,WAAW;IACf;AACJ;AAOA,SAASC,SAAS,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAiB;IACnF,MAAM,EAAE,eAAeC,aAAa,EAAE,GAAGC;IACzC,OAAO,WAAP,GACI,oBAACD,eAAAA;QACI,GAAGD,IAAI;QACR,WAAWG,GAAGX,aAAa;YAAEG;YAAMC;YAASC;QAAU,IAAIC;OAEzDC;AAGb;AAEO,MAAMK,OAAOC,gBAAgB,QAAQX"}

package/List/List.d.ts

@@ -3,26 +3,27 @@ import { type VariantProps } from "../utils.js";
 import { type ListItemProps } from "./components/index.js";
 declare const listVariants: (props?: ({
     variant?: "container" | "underline" | null | undefined;
-    background?: "base" | "transparent" | "light" | null | undefined;
+    background?: "base" | "light" | "transparent" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ListProps extends VariantProps<typeof listVariants>, Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     children: React.ReactNode;
 }
-declare const List: (({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element) & {
-    original: ({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element;
+declare const DecoratableList: ({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element;
+declare const List: typeof DecoratableList & {
+    original: typeof DecoratableList;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element) & {
-        original: ({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element;
+    original: typeof DecoratableList & {
+        original: typeof DecoratableList;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element) & {
-        original: ({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableList & {
+        original: typeof DecoratableList;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/List/components/ListItem.d.ts

@@ -15,21 +15,22 @@ interface ListItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "titl
     colorMark?: string;
     sidePadding?: "md" | "lg";
 }
-declare const ListItem: (({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element) & {
-    original: ({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element;
+declare const DecoratableListItem: ({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element;
+declare const ListItem: typeof DecoratableListItem & {
+    original: typeof DecoratableListItem;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element) & {
-        original: ({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element;
+    original: typeof DecoratableListItem & {
+        original: typeof DecoratableListItem;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element) & {
-        original: ({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableListItem & {
+        original: typeof DecoratableListItem;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/List/components/ListItemAction.d.ts

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

package/List/components/ListItemHandle.d.ts

@@ -4,21 +4,22 @@ interface ListItemHandleProps extends Omit<IconProps, "icon" | "label"> {
     icon?: React.ReactElement;
     label?: string;
 }
-declare const ListItemHandle: ((props: ListItemHandleProps) => React.JSX.Element) & {
-    original: (props: ListItemHandleProps) => React.JSX.Element;
+declare const DecoratableListItemHandle: (props: ListItemHandleProps) => React.JSX.Element;
+declare const ListItemHandle: typeof DecoratableListItemHandle & {
+    original: typeof DecoratableListItemHandle;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ListItemHandleProps) => React.JSX.Element) & {
-        original: (props: ListItemHandleProps) => React.JSX.Element;
+    original: typeof DecoratableListItemHandle & {
+        original: typeof DecoratableListItemHandle;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: ListItemHandleProps) => React.JSX.Element) & {
-        original: (props: ListItemHandleProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableListItemHandle & {
+        original: typeof DecoratableListItemHandle;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/List/components/ListItemIcon.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import type { IconProps as IconComponentProps } from "../../Icon/index.js";
 type ListItemIconProps = IconComponentProps;
-export declare const ListItemIcon: ((props: ListItemIconProps) => React.JSX.Element) & {
-    original: (props: ListItemIconProps) => React.JSX.Element;
+declare const DecoratableListItemIcon: (props: ListItemIconProps) => React.JSX.Element;
+export declare const ListItemIcon: typeof DecoratableListItemIcon & {
+    original: typeof DecoratableListItemIcon;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ListItemIconProps) => React.JSX.Element) & {
-        original: (props: ListItemIconProps) => React.JSX.Element;
+    original: typeof DecoratableListItemIcon & {
+        original: typeof DecoratableListItemIcon;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: ListItemIconProps) => React.JSX.Element) & {
-        original: (props: ListItemIconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableListItemIcon & {
+        original: typeof DecoratableListItemIcon;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/List/components/ListItemSeparator.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import { type SeparatorProps } from "../../Separator/index.js";
 type ListItemSeparatorProps = SeparatorProps;
-declare const ListItemSeparator: ((props: ListItemSeparatorProps) => React.JSX.Element) & {
-    original: (props: ListItemSeparatorProps) => React.JSX.Element;
+declare const DecoratableListItemSeparator: (props: ListItemSeparatorProps) => React.JSX.Element;
+declare const ListItemSeparator: typeof DecoratableListItemSeparator & {
+    original: typeof DecoratableListItemSeparator;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ListItemSeparatorProps) => React.JSX.Element) & {
-        original: (props: ListItemSeparatorProps) => React.JSX.Element;
+    original: typeof DecoratableListItemSeparator & {
+        original: typeof DecoratableListItemSeparator;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: ListItemSeparatorProps) => React.JSX.Element) & {
-        original: (props: ListItemSeparatorProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableListItemSeparator & {
+        original: typeof DecoratableListItemSeparator;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Loader/Loader.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { type VariantProps } from "../utils.js";
 declare const loaderVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const loaderBaseVariant: (props?: ({
-    variant?: "accent" | "subtle" | "negative" | null | undefined;
+    variant?: "accent" | "negative" | "subtle" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface LoaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof loaderVariants>, VariantProps<typeof loaderBaseVariant> {
     max?: number;
@@ -14,21 +14,22 @@ interface LoaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps
     indeterminate?: boolean;
     text?: React.ReactNode;
 }
-declare const Loader: (({ max, min, value, indeterminate, className, size, variant, text, ...props }: LoaderProps) => React.JSX.Element) & {
-    original: ({ max, min, value, indeterminate, className, size, variant, text, ...props }: LoaderProps) => React.JSX.Element;
+declare const DecoratableLoader: ({ max, min, value, indeterminate, className, size, variant, text, ...props }: LoaderProps) => React.JSX.Element;
+declare const Loader: typeof DecoratableLoader & {
+    original: typeof DecoratableLoader;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ max, min, value, indeterminate, className, size, variant, text, ...props }: LoaderProps) => React.JSX.Element) & {
-        original: ({ max, min, value, indeterminate, className, size, variant, text, ...props }: LoaderProps) => React.JSX.Element;
+    original: typeof DecoratableLoader & {
+        original: typeof DecoratableLoader;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ max, min, value, indeterminate, className, size, variant, text, ...props }: LoaderProps) => React.JSX.Element) & {
-        original: ({ max, min, value, indeterminate, className, size, variant, text, ...props }: LoaderProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableLoader & {
+        original: typeof DecoratableLoader;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Loader/OverlayLoader.d.ts

@@ -1,21 +1,22 @@
 import React from "react";
 import type { LoaderProps } from "./Loader.js";
 type OverlayLoaderProps = LoaderProps;
-declare const OverlayLoader: (({ className, size, ...props }: OverlayLoaderProps) => React.JSX.Element) & {
-    original: ({ className, size, ...props }: OverlayLoaderProps) => React.JSX.Element;
+declare const DecoratableOverlayLoader: ({ className, size, ...props }: OverlayLoaderProps) => React.JSX.Element;
+declare const OverlayLoader: typeof DecoratableOverlayLoader & {
+    original: typeof DecoratableOverlayLoader;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, size, ...props }: OverlayLoaderProps) => React.JSX.Element) & {
-        original: ({ className, size, ...props }: OverlayLoaderProps) => React.JSX.Element;
+    original: typeof DecoratableOverlayLoader & {
+        original: typeof DecoratableOverlayLoader;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, size, ...props }: OverlayLoaderProps) => React.JSX.Element) & {
-        original: ({ className, size, ...props }: OverlayLoaderProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableOverlayLoader & {
+        original: typeof DecoratableOverlayLoader;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Markdown/Markdown.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+import { type TextProps } from "../Text/index.js";
+/**
+ * Styling for compiled markdown BLOCKS.
+ *
+ * Tailwind's preflight strips list markers and paragraph margins, and the markdown compiler emits
+ * bare elements, so without this a list renders as unindented run-on text and a fenced code block as
+ * plain prose. Child selectors rather than a global stylesheet, so this reaches only markdown that
+ * was asked to be styled.
+ *
+ * Exported for a caller that needs the classes without this component, e.g. one already rendering
+ * compiled markdown inside its own element.
+ */
+export declare const markdownBlockClasses: string;
+export interface MarkdownProps extends Pick<TextProps, "size" | "className"> {
+    children: React.ReactNode;
+}
+/**
+ * Renders markdown that contains block content: paragraphs, lists, fenced code.
+ *
+ * `Alert`, `Label` and the form-field descriptions call `compileMarkdown` directly and need none of
+ * this, because they render a sentence with a bold word or a link. Reach for this component when the
+ * source is long-form and its structure has to survive.
+ *
+ * Renders a `div`, since `Text` is a span by default and block markdown nested in one is invalid.
+ */
+declare const MarkdownBase: ({ children, size, className }: MarkdownProps) => React.JSX.Element;
+declare const Markdown: typeof MarkdownBase & {
+    original: typeof MarkdownBase;
+    originalName: string;
+    displayName: string;
+} & {
+    original: typeof MarkdownBase & {
+        original: typeof MarkdownBase;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof MarkdownBase & {
+        original: typeof MarkdownBase;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { Markdown };

package/Markdown/Markdown.js

@@ -0,0 +1,17 @@
+import react from "react";
+import { cn, makeDecoratable } from "../utils.js";
+import { Text } from "../Text/index.js";
+import { useAdminUi } from "../AdminUiProvider/index.js";
+const markdownBlockClasses = "[&_p]:mb-xs [&_p:last-child]:mb-0 [&_ul]:mb-xs [&_ul]:list-disc [&_ul]:pl-lg [&_ol]:mb-xs [&_ol]:list-decimal [&_ol]:pl-lg [&_li]:mt-xxs [&_strong]:font-semibold [&_a]:underline [&_code]:rounded [&_code]:bg-neutral-subtle [&_code]:px-xs [&_code]:font-mono [&_pre]:mb-xs [&_pre]:overflow-x-auto [&_pre]:rounded [&_pre]:bg-neutral-subtle [&_pre]:p-sm";
+const MarkdownBase = ({ children, size = "sm", className })=>{
+    const { compileMarkdown } = useAdminUi();
+    return /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: size,
+        className: cn(markdownBlockClasses, className)
+    }, compileMarkdown(children));
+};
+const Markdown = makeDecoratable("Markdown", MarkdownBase);
+export { Markdown, markdownBlockClasses };
+
+//# sourceMappingURL=Markdown.js.map

package/Markdown/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown/Markdown.js","sources":["../../src/Markdown/Markdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { Text, type TextProps } from \"~/Text/index.js\";\nimport { useAdminUi } from \"~/AdminUiProvider/index.js\";\n\n/**\n * Styling for compiled markdown BLOCKS.\n *\n * Tailwind's preflight strips list markers and paragraph margins, and the markdown compiler emits\n * bare elements, so without this a list renders as unindented run-on text and a fenced code block as\n * plain prose. Child selectors rather than a global stylesheet, so this reaches only markdown that\n * was asked to be styled.\n *\n * Exported for a caller that needs the classes without this component, e.g. one already rendering\n * compiled markdown inside its own element.\n */\nexport const markdownBlockClasses = [\n    \"[&_p]:mb-xs [&_p:last-child]:mb-0\",\n    \"[&_ul]:mb-xs [&_ul]:list-disc [&_ul]:pl-lg\",\n    \"[&_ol]:mb-xs [&_ol]:list-decimal [&_ol]:pl-lg\",\n    \"[&_li]:mt-xxs\",\n    \"[&_strong]:font-semibold\",\n    \"[&_a]:underline\",\n    \"[&_code]:rounded [&_code]:bg-neutral-subtle [&_code]:px-xs [&_code]:font-mono\",\n    \"[&_pre]:mb-xs [&_pre]:overflow-x-auto [&_pre]:rounded [&_pre]:bg-neutral-subtle [&_pre]:p-sm\"\n].join(\" \");\n\nexport interface MarkdownProps extends Pick<TextProps, \"size\" | \"className\"> {\n    children: React.ReactNode;\n}\n\n/**\n * Renders markdown that contains block content: paragraphs, lists, fenced code.\n *\n * `Alert`, `Label` and the form-field descriptions call `compileMarkdown` directly and need none of\n * this, because they render a sentence with a bold word or a link. Reach for this component when the\n * source is long-form and its structure has to survive.\n *\n * Renders a `div`, since `Text` is a span by default and block markdown nested in one is invalid.\n */\nconst MarkdownBase = ({ children, size = \"sm\", className }: MarkdownProps) => {\n    const { compileMarkdown } = useAdminUi();\n\n    return (\n        <Text as=\"div\" size={size} className={cn(markdownBlockClasses, className)}>\n            {compileMarkdown(children)}\n        </Text>\n    );\n};\n\nconst Markdown = makeDecoratable(\"Markdown\", MarkdownBase);\n\nexport { Markdown };\n"],"names":["markdownBlockClasses","MarkdownBase","children","size","className","compileMarkdown","useAdminUi","Text","cn","Markdown","makeDecoratable"],"mappings":";;;;AAgBO,MAAMA,uBAAuB;AAwBpC,MAAMC,eAAe,CAAC,EAAEC,QAAQ,EAAEC,OAAO,IAAI,EAAEC,SAAS,EAAiB;IACrE,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,OAAO,WAAP,GACI,oBAACC,MAAIA;QAAC,IAAG;QAAM,MAAMJ;QAAM,WAAWK,GAAGR,sBAAsBI;OAC1DC,gBAAgBH;AAG7B;AAEA,MAAMO,WAAWC,gBAAgB,YAAYT"}

package/Markdown/index.d.ts

@@ -0,0 +1 @@
+export * from "./Markdown.js";

package/Markdown/index.js

@@ -0,0 +1 @@
+export * from "./Markdown.js";

package/MultiAutoComplete/MultiAutoComplete.d.ts

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

package/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.d.ts

@@ -100,21 +100,22 @@ interface MultiAutoCompletePrimitiveProps {
      */
     values?: string[];
 }
-declare const MultiAutoCompletePrimitive: ((props: MultiAutoCompletePrimitiveProps) => React.JSX.Element) & {
-    original: (props: MultiAutoCompletePrimitiveProps) => React.JSX.Element;
+declare const DecoratableMultiAutoCompletePrimitive: (props: MultiAutoCompletePrimitiveProps) => React.JSX.Element;
+declare const MultiAutoCompletePrimitive: typeof DecoratableMultiAutoCompletePrimitive & {
+    original: typeof DecoratableMultiAutoCompletePrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: MultiAutoCompletePrimitiveProps) => React.JSX.Element) & {
-        original: (props: MultiAutoCompletePrimitiveProps) => React.JSX.Element;
+    original: typeof DecoratableMultiAutoCompletePrimitive & {
+        original: typeof DecoratableMultiAutoCompletePrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: MultiAutoCompletePrimitiveProps) => React.JSX.Element) & {
-        original: (props: MultiAutoCompletePrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableMultiAutoCompletePrimitive & {
+        original: typeof DecoratableMultiAutoCompletePrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenterWithFreeInput.d.ts

@@ -6,12 +6,12 @@ declare class MultiAutoCompletePresenterWithFreeInput implements IMultiAutoCompl
     constructor(temporaryOptionPresenter: IMultiAutoCompleteTemporaryOptionPresenter, multiAutoCompletePresenter: IMultiAutoCompletePresenter);
     init(params: MultiAutoCompletePresenterParams): void;
     get vm(): {
-        temporaryOptionVm: {
-            option?: import("../../../Command/index.js").CommandOptionFormatted;
-        };
         inputVm: import("./MultiAutoCompleteInputPresenter.js").IMultiAutoCompleteInputPresenter["vm"];
         selectedOptionsVm: import("./MultiAutoCompleteSelectedOptionsPresenter.js").IMultiAutoCompleteSelectedOptionsPresenter["vm"];
         optionsListVm: import("./MultiAutoCompleteListOptionsPresenter.js").IMultiAutoCompleteListOptionsPresenter["vm"];
+        temporaryOptionVm: {
+            option?: import("../../../Command/index.js").CommandOptionFormatted;
+        };
     };
     setListOpenState: (open: boolean) => void;
     searchOption: (value: string) => void;

package/MultiAutoComplete/primitives/useMultiAutoComplete.d.ts

@@ -21,12 +21,12 @@ export declare const useMultiAutoComplete: (props: MultiAutoCompletePrimitivePro
             option: undefined;
         };
     } | {
-        temporaryOptionVm: {
-            option?: import("../../Command/index.js").CommandOptionFormatted;
-        };
         inputVm: import("./presenters/MultiAutoCompleteInputPresenter.js").IMultiAutoCompleteInputPresenter["vm"];
         selectedOptionsVm: import("./presenters/MultiAutoCompleteSelectedOptionsPresenter.js").IMultiAutoCompleteSelectedOptionsPresenter["vm"];
         optionsListVm: import("./presenters/MultiAutoCompleteListOptionsPresenter.js").IMultiAutoCompleteListOptionsPresenter["vm"];
+        temporaryOptionVm: {
+            option?: import("../../Command/index.js").CommandOptionFormatted;
+        };
     };
     setSelectedOption: ((value: string) => void) | ((value: string) => void);
     removeSelectedOption: ((value: string) => void) | ((value: string) => void);

package/MultiFilePicker/MultiFilePicker.d.ts

@@ -2,60 +2,61 @@ import React from "react";
 import { type MultiFilePickerPrimitiveProps } from "./primitives/index.js";
 import { type FormComponentProps } from "../FormComponent/index.js";
 type MultiFilePickerProps = MultiFilePickerPrimitiveProps & FormComponentProps;
-declare const MultiFilePicker: (({ label, description, note, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: MultiFilePickerProps) => React.JSX.Element) & {
-    original: ({ label, description, note, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: MultiFilePickerProps) => React.JSX.Element;
+declare const BaseMultiFilePicker: ({ label, description, note, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: MultiFilePickerProps) => React.JSX.Element;
+declare const MultiFilePicker: typeof BaseMultiFilePicker & {
+    original: typeof BaseMultiFilePicker;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, note, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: MultiFilePickerProps) => React.JSX.Element) & {
-        original: ({ label, description, note, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: MultiFilePickerProps) => React.JSX.Element;
+    original: typeof BaseMultiFilePicker & {
+        original: typeof BaseMultiFilePicker;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, description, note, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: MultiFilePickerProps) => React.JSX.Element) & {
-        original: ({ label, description, note, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: MultiFilePickerProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof BaseMultiFilePicker & {
+        original: typeof BaseMultiFilePicker;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
     Preview: {
-        Image: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element) & {
-            original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element;
+        Image: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element) & {
+            original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element) & {
-                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element;
+            original: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element) & {
-                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("~/FilePicker/primitives/components/index.js").ImagePreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        RichItem: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element) & {
-            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element;
+        RichItem: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element) & {
+            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element) & {
-                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element;
+            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element) & {
-                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("~/FilePicker/primitives/components/index.js").RichItemPreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;