@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/Avatar/Avatar.stories.js

@@ -1,118 +1,141 @@
-import * as React from "react";
-import { ReactComponent as StormIcon } from "@webiny/icons/storm.svg";
+import { ReactComponent } from "@webiny/icons/storm.svg";
 import { Avatar } from "./Avatar.js";
+import * as __rspack_external_react from "react";
 const meta = {
-  title: "Components/Avatar",
-  component: Avatar,
-  argTypes: {
-    size: {
-      control: "select",
-      options: ["sm", "md", "lg", "xl"],
-      defaultValue: "md"
-    },
-    variant: {
-      control: "select",
-      options: ["strong", "subtle", "light", "quiet", "outlined"],
-      defaultValue: "strong"
+    title: "Components/Avatar",
+    component: Avatar,
+    argTypes: {
+        size: {
+            control: "select",
+            options: [
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ],
+            defaultValue: "md"
+        },
+        variant: {
+            control: "select",
+            options: [
+                "strong",
+                "subtle",
+                "light",
+                "quiet",
+                "outlined"
+            ],
+            defaultValue: "strong"
+        }
     }
-  }
 };
-export default meta;
-export const Default = {
-  args: {
-    image: /*#__PURE__*/React.createElement(Avatar.Image, {
-      src: "https://i.pravatar.cc/300",
-      alt: "@webiny"
-    }),
-    fallback: /*#__PURE__*/React.createElement(Avatar.Fallback, {
-      delayMs: 0
-    }, "W")
-  }
+const Avatar_stories = meta;
+const Default = {
+    args: {
+        image: /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Image, {
+            src: "https://i.pravatar.cc/300",
+            alt: "@webiny"
+        }),
+        fallback: /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, {
+            delayMs: 0
+        }, "W")
+    }
 };
-export const SizeSm = {
-  name: "Small",
-  args: {
-    ...Default.args,
-    size: "sm"
-  }
+const SizeSm = {
+    name: "Small",
+    args: {
+        ...Default.args,
+        size: "sm"
+    }
 };
-export const SizeMd = {
-  name: "Medium",
-  args: {
-    ...Default.args,
-    size: "md"
-  }
+const SizeMd = {
+    name: "Medium",
+    args: {
+        ...Default.args,
+        size: "md"
+    }
 };
-export const SizeLg = {
-  name: "Large",
-  args: {
-    ...Default.args,
-    size: "lg"
-  }
+const SizeLg = {
+    name: "Large",
+    args: {
+        ...Default.args,
+        size: "lg"
+    }
 };
-export const SizeXl = {
-  name: "Extra Large",
-  args: {
-    ...Default.args,
-    size: "xl"
-  }
+const SizeXl = {
+    name: "Extra Large",
+    args: {
+        ...Default.args,
+        size: "xl"
+    }
 };
-export const Text = {
-  name: "Fallback Text",
-  args: {
-    fallback: /*#__PURE__*/React.createElement(Avatar.Fallback, null, "SH")
-  }
+const Text = {
+    name: "Fallback Text",
+    args: {
+        fallback: /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, null, "SH")
+    }
 };
-export const Icon = {
-  name: "Icon",
-  args: {
-    fallback: /*#__PURE__*/React.createElement(Avatar.Fallback, null, /*#__PURE__*/React.createElement(StormIcon, null))
-  }
+const Icon = {
+    name: "Icon",
+    args: {
+        fallback: /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, null, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null))
+    }
 };
-export const Documentation = {
-  render: args => {
-    return /*#__PURE__*/React.createElement(Avatar, Object.assign({}, args, {
-      image: args.image || /*#__PURE__*/React.createElement(Avatar.Image, {
-        src: "https://i.pravatar.cc/300",
-        alt: "@webiny"
-      }),
-      fallback: args.fallback || /*#__PURE__*/React.createElement(Avatar.Fallback, {
-        delayMs: 0
-      }, "W")
-    }));
-  },
-  args: {
-    size: "md",
-    variant: "strong",
-    image: undefined,
-    fallback: undefined,
-    className: "commas, separated, class, name"
-  },
-  argTypes: {
-    size: {
-      description: "Controls the size of the avatar",
-      control: "select",
-      options: ["sm", "md", "lg", "xl"],
-      defaultValue: "md"
-    },
-    variant: {
-      description: "Controls the visual style of the avatar",
-      control: "select",
-      options: ["strong", "subtle", "light", "quiet", "outlined"],
-      defaultValue: "strong"
-    },
-    image: {
-      description: "The image element to display. Please refer to the example code for details on usage."
-    },
-    fallback: {
-      description: "The fallback element to display when the image fails to load. Please refer to the example code for details on usage."
+const Documentation = {
+    render: (args)=>/*#__PURE__*/ __rspack_external_react.createElement(Avatar, {
+            ...args,
+            image: args.image || /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Image, {
+                src: "https://i.pravatar.cc/300",
+                alt: "@webiny"
+            }),
+            fallback: args.fallback || /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, {
+                delayMs: 0
+            }, "W")
+        }),
+    args: {
+        size: "md",
+        variant: "strong",
+        image: void 0,
+        fallback: void 0,
+        className: "commas, separated, class, name"
     },
-    className: {
-      description: "Additional CSS class names. You can pass multiple class names, separated by commas.",
-      placeholder: "Enter class names, separated by commas.",
-      control: "text"
+    argTypes: {
+        size: {
+            description: "Controls the size of the avatar",
+            control: "select",
+            options: [
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ],
+            defaultValue: "md"
+        },
+        variant: {
+            description: "Controls the visual style of the avatar",
+            control: "select",
+            options: [
+                "strong",
+                "subtle",
+                "light",
+                "quiet",
+                "outlined"
+            ],
+            defaultValue: "strong"
+        },
+        image: {
+            description: "The image element to display. Please refer to the example code for details on usage."
+        },
+        fallback: {
+            description: "The fallback element to display when the image fails to load. Please refer to the example code for details on usage."
+        },
+        className: {
+            description: "Additional CSS class names. You can pass multiple class names, separated by commas.",
+            placeholder: "Enter class names, separated by commas.",
+            control: "text"
+        }
     }
-  }
 };
+export default Avatar_stories;
+export { Default, Documentation, Icon, SizeLg, SizeMd, SizeSm, SizeXl, Text };
 
 //# sourceMappingURL=Avatar.stories.js.map

package/Avatar/Avatar.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","StormIcon","Avatar","meta","title","component","argTypes","size","control","options","defaultValue","variant","Default","args","image","createElement","Image","src","alt","fallback","Fallback","delayMs","SizeSm","name","SizeMd","SizeLg","SizeXl","Text","Icon","Documentation","render","Object","assign","undefined","className","description","placeholder"],"sources":["Avatar.stories.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ReactComponent as StormIcon } from \"@webiny/icons/storm.svg\";\nimport { Avatar } from \"./Avatar.js\";\n\nconst meta: Meta<typeof Avatar> = {\n    title: \"Components/Avatar\",\n    component: Avatar,\n    argTypes: {\n        size: {\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"md\"\n        },\n        variant: {\n            control: \"select\",\n            options: [\"strong\", \"subtle\", \"light\", \"quiet\", \"outlined\"],\n            defaultValue: \"strong\"\n        }\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Avatar>;\n\nexport const Default: Story = {\n    args: {\n        image: <Avatar.Image src=\"https://i.pravatar.cc/300\" alt=\"@webiny\" />,\n        fallback: <Avatar.Fallback delayMs={0}>W</Avatar.Fallback>\n    }\n};\n\nexport const SizeSm: Story = {\n    name: \"Small\",\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\nexport const SizeMd: Story = {\n    name: \"Medium\",\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const SizeLg: Story = {\n    name: \"Large\",\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const SizeXl: Story = {\n    name: \"Extra Large\",\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const Text: Story = {\n    name: \"Fallback Text\",\n    args: {\n        fallback: <Avatar.Fallback>SH</Avatar.Fallback>\n    }\n};\nexport const Icon: Story = {\n    name: \"Icon\",\n    args: {\n        fallback: (\n            <Avatar.Fallback>\n                <StormIcon />\n            </Avatar.Fallback>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return (\n            <Avatar\n                {...args}\n                image={args.image || <Avatar.Image src=\"https://i.pravatar.cc/300\" alt=\"@webiny\" />}\n                fallback={args.fallback || <Avatar.Fallback delayMs={0}>W</Avatar.Fallback>}\n            />\n        );\n    },\n    args: {\n        size: \"md\",\n        variant: \"strong\",\n        image: undefined,\n        fallback: undefined,\n        className: \"commas, separated, class, name\"\n    },\n    argTypes: {\n        size: {\n            description: \"Controls the size of the avatar\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"md\"\n        },\n        variant: {\n            description: \"Controls the visual style of the avatar\",\n            control: \"select\",\n            options: [\"strong\", \"subtle\", \"light\", \"quiet\", \"outlined\"],\n            defaultValue: \"strong\"\n        },\n        image: {\n            description:\n                \"The image element to display. Please refer to the example code for details on usage.\"\n        },\n        fallback: {\n            description:\n                \"The fallback element to display when the image fails to load. Please refer to the example code for details on usage.\"\n        },\n        className: {\n            description:\n                \"Additional CSS class names. You can pass multiple class names, separated by commas.\",\n            placeholder: \"Enter class names, separated by commas.\",\n            control: \"text\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Avatar/Avatar.stories.js","sources":["../../src/Avatar/Avatar.stories.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as StormIcon } from \"@webiny/icons/storm.svg\";\nimport { Avatar } from \"./Avatar.js\";\n\nconst meta: Meta<typeof Avatar> = {\n    title: \"Components/Avatar\",\n    component: Avatar,\n    argTypes: {\n        size: {\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"md\"\n        },\n        variant: {\n            control: \"select\",\n            options: [\"strong\", \"subtle\", \"light\", \"quiet\", \"outlined\"],\n            defaultValue: \"strong\"\n        }\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Avatar>;\n\nexport const Default: Story = {\n    args: {\n        image: <Avatar.Image src=\"https://i.pravatar.cc/300\" alt=\"@webiny\" />,\n        fallback: <Avatar.Fallback delayMs={0}>W</Avatar.Fallback>\n    }\n};\n\nexport const SizeSm: Story = {\n    name: \"Small\",\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\nexport const SizeMd: Story = {\n    name: \"Medium\",\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const SizeLg: Story = {\n    name: \"Large\",\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const SizeXl: Story = {\n    name: \"Extra Large\",\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const Text: Story = {\n    name: \"Fallback Text\",\n    args: {\n        fallback: <Avatar.Fallback>SH</Avatar.Fallback>\n    }\n};\nexport const Icon: Story = {\n    name: \"Icon\",\n    args: {\n        fallback: (\n            <Avatar.Fallback>\n                <StormIcon />\n            </Avatar.Fallback>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return (\n            <Avatar\n                {...args}\n                image={args.image || <Avatar.Image src=\"https://i.pravatar.cc/300\" alt=\"@webiny\" />}\n                fallback={args.fallback || <Avatar.Fallback delayMs={0}>W</Avatar.Fallback>}\n            />\n        );\n    },\n    args: {\n        size: \"md\",\n        variant: \"strong\",\n        image: undefined,\n        fallback: undefined,\n        className: \"commas, separated, class, name\"\n    },\n    argTypes: {\n        size: {\n            description: \"Controls the size of the avatar\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"md\"\n        },\n        variant: {\n            description: \"Controls the visual style of the avatar\",\n            control: \"select\",\n            options: [\"strong\", \"subtle\", \"light\", \"quiet\", \"outlined\"],\n            defaultValue: \"strong\"\n        },\n        image: {\n            description:\n                \"The image element to display. Please refer to the example code for details on usage.\"\n        },\n        fallback: {\n            description:\n                \"The fallback element to display when the image fails to load. Please refer to the example code for details on usage.\"\n        },\n        className: {\n            description:\n                \"Additional CSS class names. You can pass multiple class names, separated by commas.\",\n            placeholder: \"Enter class names, separated by commas.\",\n            control: \"text\"\n        }\n    }\n};\n"],"names":["meta","Avatar","Default","SizeSm","SizeMd","SizeLg","SizeXl","Text","Icon","StormIcon","Documentation","args","undefined"],"mappings":";;;AAKA,MAAMA,OAA4B;IAC9B,OAAO;IACP,WAAWC;IACX,UAAU;QACN,MAAM;YACF,SAAS;YACT,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;aAAK;YACjC,cAAc;QAClB;QACA,SAAS;YACL,SAAS;YACT,SAAS;gBAAC;gBAAU;gBAAU;gBAAS;gBAAS;aAAW;YAC3D,cAAc;QAClB;IACJ;AACJ;AAEA,uBAAeD;AAIR,MAAME,UAAiB;IAC1B,MAAM;QACF,OAAO,WAAP,GAAO,sCAACD,OAAO,KAAK;YAAC,KAAI;YAA4B,KAAI;;QACzD,UAAU,WAAV,GAAU,sCAACA,OAAO,QAAQ;YAAC,SAAS;WAAG;IAC3C;AACJ;AAEO,MAAME,SAAgB;IACzB,MAAM;IACN,MAAM;QACF,GAAGD,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AACO,MAAME,SAAgB;IACzB,MAAM;IACN,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMG,SAAgB;IACzB,MAAM;IACN,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMI,SAAgB;IACzB,MAAM;IACN,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMK,OAAc;IACvB,MAAM;IACN,MAAM;QACF,UAAU,WAAV,GAAU,sCAACN,OAAO,QAAQ,QAAC;IAC/B;AACJ;AACO,MAAMO,OAAc;IACvB,MAAM;IACN,MAAM;QACF,UAAU,WAAV,GACI,sCAACP,OAAO,QAAQ,sBACZ,sCAACQ,gBAASA;IAGtB;AACJ;AAEO,MAAMC,gBAAuB;IAChC,QAAQC,CAAAA,OACG,WAAP,GACI,sCAACV,QAAMA;YACF,GAAGU,IAAI;YACR,OAAOA,KAAK,KAAK,IAAI,WAAJ,GAAI,sCAACV,OAAO,KAAK;gBAAC,KAAI;gBAA4B,KAAI;;YACvE,UAAUU,KAAK,QAAQ,IAAI,WAAJ,GAAI,sCAACV,OAAO,QAAQ;gBAAC,SAAS;eAAG;;IAIpE,MAAM;QACF,MAAM;QACN,SAAS;QACT,OAAOW;QACP,UAAUA;QACV,WAAW;IACf;IACA,UAAU;QACN,MAAM;YACF,aAAa;YACb,SAAS;YACT,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;aAAK;YACjC,cAAc;QAClB;QACA,SAAS;YACL,aAAa;YACb,SAAS;YACT,SAAS;gBAAC;gBAAU;gBAAU;gBAAS;gBAAS;aAAW;YAC3D,cAAc;QAClB;QACA,OAAO;YACH,aACI;QACR;QACA,UAAU;YACN,aACI;QACR;QACA,WAAW;YACP,aACI;YACJ,aAAa;YACb,SAAS;QACb;IACJ;AACJ"}

package/Avatar/components/AvatarFallback.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import { Avatar as AvatarPrimitive } from "radix-ui";
 type AvatarFallbackProps = AvatarPrimitive.AvatarFallbackProps;
-declare const AvatarFallback: (({ className, ...props }: AvatarFallbackProps) => React.JSX.Element) & {
-    original: ({ className, ...props }: AvatarFallbackProps) => React.JSX.Element;
+declare const AvatarFallbackBase: ({ className, ...props }: AvatarFallbackProps) => React.JSX.Element;
+declare const AvatarFallback: typeof AvatarFallbackBase & {
+    original: typeof AvatarFallbackBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, ...props }: AvatarFallbackProps) => React.JSX.Element) & {
-        original: ({ className, ...props }: AvatarFallbackProps) => React.JSX.Element;
+    original: typeof AvatarFallbackBase & {
+        original: typeof AvatarFallbackBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ className, ...props }: AvatarFallbackProps) => React.JSX.Element) & {
-        original: ({ className, ...props }: AvatarFallbackProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof AvatarFallbackBase & {
+        original: typeof AvatarFallbackBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Avatar/components/AvatarFallback.js

@@ -1,12 +1,10 @@
-import * as React from "react";
-import { Avatar as AvatarPrimitive } from "radix-ui";
+import { Avatar } from "radix-ui";
 import { cn, makeDecoratable } from "../../utils.js";
-const AvatarFallbackBase = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(AvatarPrimitive.Fallback, Object.assign({
-  className: cn("flex h-full w-full items-center justify-center rounded-sm", className)
-}, props));
+import * as __rspack_external_react from "react";
+const AvatarFallbackBase = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, {
+        className: cn("flex h-full w-full items-center justify-center rounded-sm", className),
+        ...props
+    });
 const AvatarFallback = makeDecoratable("AvatarFallback", AvatarFallbackBase);
 export { AvatarFallback };
 

package/Avatar/components/AvatarFallback.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Avatar","AvatarPrimitive","cn","makeDecoratable","AvatarFallbackBase","className","props","createElement","Fallback","Object","assign","AvatarFallback"],"sources":["AvatarFallback.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ntype AvatarFallbackProps = AvatarPrimitive.AvatarFallbackProps;\n\nconst AvatarFallbackBase = ({ className, ...props }: AvatarFallbackProps) => (\n    <AvatarPrimitive.Fallback\n        className={cn(\"flex h-full w-full items-center justify-center rounded-sm\", className)}\n        {...props}\n    />\n);\n\nconst AvatarFallback = makeDecoratable(\"AvatarFallback\", AvatarFallbackBase);\n\nexport { AvatarFallback, type AvatarFallbackProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,eAAe;AAI5B,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA2B,CAAC,kBACpEP,KAAA,CAAAQ,aAAA,CAACN,eAAe,CAACO,QAAQ,EAAAC,MAAA,CAAAC,MAAA;EACrBL,SAAS,EAAEH,EAAE,CAAC,2DAA2D,EAAEG,SAAS;AAAE,GAClFC,KAAK,CACZ,CACJ;AAED,MAAMK,cAAc,GAAGR,eAAe,CAAC,gBAAgB,EAAEC,kBAAkB,CAAC;AAE5E,SAASO,cAAc","ignoreList":[]}
+{"version":3,"file":"Avatar/components/AvatarFallback.js","sources":["../../../src/Avatar/components/AvatarFallback.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ntype AvatarFallbackProps = AvatarPrimitive.AvatarFallbackProps;\n\nconst AvatarFallbackBase = ({ className, ...props }: AvatarFallbackProps) => (\n    <AvatarPrimitive.Fallback\n        className={cn(\"flex h-full w-full items-center justify-center rounded-sm\", className)}\n        {...props}\n    />\n);\n\nconst AvatarFallback = makeDecoratable(\"AvatarFallback\", AvatarFallbackBase);\n\nexport { AvatarFallback, type AvatarFallbackProps };\n"],"names":["AvatarFallbackBase","className","props","AvatarPrimitive","cn","AvatarFallback","makeDecoratable"],"mappings":";;;AAMA,MAAMA,qBAAqB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA4B,iBACpE,sCAACC,OAAAA,QAAwB;QACrB,WAAWC,GAAG,6DAA6DH;QAC1E,GAAGC,KAAK;;AAIjB,MAAMG,iBAAiBC,gBAAgB,kBAAkBN"}

package/Avatar/components/AvatarImage.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import { Avatar as AvatarPrimitive } from "radix-ui";
 type AvatarImageProps = AvatarPrimitive.AvatarImageProps;
-declare const AvatarImage: (({ className, ...props }: AvatarImageProps) => React.JSX.Element) & {
-    original: ({ className, ...props }: AvatarImageProps) => React.JSX.Element;
+declare const AvatarImageBase: ({ className, ...props }: AvatarImageProps) => React.JSX.Element;
+declare const AvatarImage: typeof AvatarImageBase & {
+    original: typeof AvatarImageBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, ...props }: AvatarImageProps) => React.JSX.Element) & {
-        original: ({ className, ...props }: AvatarImageProps) => React.JSX.Element;
+    original: typeof AvatarImageBase & {
+        original: typeof AvatarImageBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ className, ...props }: AvatarImageProps) => React.JSX.Element) & {
-        original: ({ className, ...props }: AvatarImageProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof AvatarImageBase & {
+        original: typeof AvatarImageBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Avatar/components/AvatarImage.js

@@ -1,12 +1,10 @@
-import * as React from "react";
-import { Avatar as AvatarPrimitive } from "radix-ui";
+import { Avatar } from "radix-ui";
 import { cn, makeDecoratable } from "../../utils.js";
-const AvatarImageBase = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(AvatarPrimitive.Image, Object.assign({
-  className: cn("aspect-square", className)
-}, props));
+import * as __rspack_external_react from "react";
+const AvatarImageBase = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Avatar.Image, {
+        className: cn("aspect-square", className),
+        ...props
+    });
 const AvatarImage = makeDecoratable("AvatarImage", AvatarImageBase);
 export { AvatarImage };
 

package/Avatar/components/AvatarImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Avatar","AvatarPrimitive","cn","makeDecoratable","AvatarImageBase","className","props","createElement","Image","Object","assign","AvatarImage"],"sources":["AvatarImage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ntype AvatarImageProps = AvatarPrimitive.AvatarImageProps;\n\nconst AvatarImageBase = ({ className, ...props }: AvatarImageProps) => (\n    <AvatarPrimitive.Image className={cn(\"aspect-square\", className)} {...props} />\n);\n\nconst AvatarImage = makeDecoratable(\"AvatarImage\", AvatarImageBase);\n\nexport { AvatarImage, type AvatarImageProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,eAAe;AAI5B,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBAC9DP,KAAA,CAAAQ,aAAA,CAACN,eAAe,CAACO,KAAK,EAAAC,MAAA,CAAAC,MAAA;EAACL,SAAS,EAAEH,EAAE,CAAC,eAAe,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CACjF;AAED,MAAMK,WAAW,GAAGR,eAAe,CAAC,aAAa,EAAEC,eAAe,CAAC;AAEnE,SAASO,WAAW","ignoreList":[]}
+{"version":3,"file":"Avatar/components/AvatarImage.js","sources":["../../../src/Avatar/components/AvatarImage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ntype AvatarImageProps = AvatarPrimitive.AvatarImageProps;\n\nconst AvatarImageBase = ({ className, ...props }: AvatarImageProps) => (\n    <AvatarPrimitive.Image className={cn(\"aspect-square\", className)} {...props} />\n);\n\nconst AvatarImage = makeDecoratable(\"AvatarImage\", AvatarImageBase);\n\nexport { AvatarImage, type AvatarImageProps };\n"],"names":["AvatarImageBase","className","props","AvatarPrimitive","cn","AvatarImage","makeDecoratable"],"mappings":";;;AAMA,MAAMA,kBAAkB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAyB,iBAC9D,sCAACC,OAAAA,KAAqB;QAAC,WAAWC,GAAG,iBAAiBH;QAAa,GAAGC,KAAK;;AAG/E,MAAMG,cAAcC,gBAAgB,eAAeN"}

package/Avatar/components/index.js

@@ -1,4 +1,2 @@
 export * from "./AvatarFallback.js";
 export * from "./AvatarImage.js";
-
-//# sourceMappingURL=index.js.map

package/Avatar/index.js

@@ -1,3 +1 @@
 export * from "./Avatar.js";
-
-//# sourceMappingURL=index.js.map

package/BetaBadge/BetaBadge.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface BetaBadgeProps {
+    text?: React.ReactNode;
+}
+declare const BetaBadge: ({ text }: BetaBadgeProps) => React.JSX.Element;
+export { BetaBadge, type BetaBadgeProps };

package/BetaBadge/BetaBadge.js

@@ -0,0 +1,7 @@
+import react from "react";
+const BetaBadge = ({ text = "beta" })=>/*#__PURE__*/ react.createElement("span", {
+        className: "inline-flex items-center rounded-sm bg-primary/50 px-xs text-[10px] font-semibold text-neutral-light leading-none h-md shrink-0"
+    }, text);
+export { BetaBadge };
+
+//# sourceMappingURL=BetaBadge.js.map

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/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+export interface BreadcrumbsItem {
+    /**
+     * Text label of the breadcrumb. Omitted for the leading home item, which is icon-only.
+     */
+    label?: string;
+    /**
+     * Leading icon. Used by the home item; other items typically render text only. Sized and
+     * colored by the breadcrumb — pass the raw icon component (e.g. `<HomeIcon />`).
+     */
+    icon?: React.ReactNode;
+    /**
+     * Full, untruncated text used as the item's `title` (native tooltip). Defaults to `label`.
+     */
+    title?: string;
+    /**
+     * Navigates when the item is activated. Omitted (or on the current item) renders a
+     * non-interactive item.
+     */
+    onClick?: () => void;
+    /**
+     * Marks the current location — the last item in the trail. Rendered with stronger text
+     * and never interactive, per the design system's breadcrumb guidelines.
+     */
+    current?: boolean;
+}
+export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+    items: BreadcrumbsItem[];
+}
+declare const BreadcrumbsBase: ({ items, className, ...props }: BreadcrumbsProps) => React.JSX.Element | null;
+declare const Breadcrumbs: typeof BreadcrumbsBase & {
+    original: typeof BreadcrumbsBase;
+    originalName: string;
+    displayName: string;
+} & {
+    original: typeof BreadcrumbsBase & {
+        original: typeof BreadcrumbsBase;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BreadcrumbsBase & {
+        original: typeof BreadcrumbsBase;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+/**
+ * Convenience factory for the leading, icon-only home entry.
+ */
+export declare const createHomeBreadcrumbItem: (onClick?: () => void) => BreadcrumbsItem;
+export { Breadcrumbs };

package/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,66 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/home.svg";
+import { ReactComponent as keyboard_arrow_right_svg_ReactComponent } from "@webiny/icons/keyboard_arrow_right.svg";
+import { cn, makeDecoratable } from "../utils.js";
+const itemTextClassName = "block max-w-[150px] truncate text-sm leading-none tracking-normal whitespace-nowrap";
+const glyphClassName = "size-md shrink-0 fill-current";
+const renderGlyph = (icon)=>{
+    if (!/*#__PURE__*/ react.isValidElement(icon)) return icon;
+    const element = icon;
+    return /*#__PURE__*/ react.cloneElement(element, {
+        className: cn(glyphClassName, element.props.className)
+    });
+};
+const BreadcrumbItem = ({ item })=>{
+    const interactive = Boolean(item.onClick) && !item.current;
+    const title = item.title ?? item.label;
+    const content = /*#__PURE__*/ react.createElement("span", {
+        className: "flex items-center gap-xs"
+    }, item.icon ? renderGlyph(item.icon) : null, item.label ? /*#__PURE__*/ react.createElement("span", {
+        className: itemTextClassName
+    }, item.label) : null);
+    if (!interactive) return /*#__PURE__*/ react.createElement("span", {
+        "aria-current": item.current ? "page" : void 0,
+        title: title,
+        className: cn("flex items-center rounded-sm px-xs py-xxs", item.current ? "text-neutral-primary" : "text-neutral-muted")
+    }, content);
+    return /*#__PURE__*/ react.createElement("button", {
+        type: "button",
+        onClick: item.onClick,
+        title: title,
+        className: cn("flex items-center rounded-sm px-xs py-xxs", "text-neutral-muted transition-colors", "hover:bg-neutral-dimmed hover:text-neutral-primary", "focus-visible:outline-none focus-visible:ring-md focus-visible:ring-primary-dimmed")
+    }, content);
+};
+const BreadcrumbSeparator = ()=>/*#__PURE__*/ react.createElement("span", {
+        "aria-hidden": "true",
+        className: "flex items-center text-neutral-muted"
+    }, /*#__PURE__*/ react.createElement(keyboard_arrow_right_svg_ReactComponent, {
+        className: glyphClassName
+    }));
+const BreadcrumbsBase = ({ items, className, ...props })=>{
+    if (0 === items.length) return null;
+    return /*#__PURE__*/ react.createElement("nav", {
+        "aria-label": "Breadcrumb",
+        className: cn("flex items-center", className),
+        ...props
+    }, /*#__PURE__*/ react.createElement("ol", {
+        className: "flex items-center gap-none"
+    }, items.map((item, index)=>{
+        const key = `${item.label ?? "home"}-${index}`;
+        return /*#__PURE__*/ react.createElement("li", {
+            key: key,
+            className: "flex items-center"
+        }, index > 0 ? /*#__PURE__*/ react.createElement(BreadcrumbSeparator, null) : null, /*#__PURE__*/ react.createElement(BreadcrumbItem, {
+            item: item
+        }));
+    })));
+};
+const Breadcrumbs = makeDecoratable("Breadcrumbs", BreadcrumbsBase);
+const createHomeBreadcrumbItem = (onClick)=>({
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        title: "Home",
+        onClick
+    });
+export { Breadcrumbs, createHomeBreadcrumbItem };
+
+//# sourceMappingURL=Breadcrumbs.js.map

package/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs/Breadcrumbs.js","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { ReactComponent as SeparatorIcon } from \"@webiny/icons/keyboard_arrow_right.svg\";\nimport { cn } from \"~/utils.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\nexport interface BreadcrumbsItem {\n    /**\n     * Text label of the breadcrumb. Omitted for the leading home item, which is icon-only.\n     */\n    label?: string;\n    /**\n     * Leading icon. Used by the home item; other items typically render text only. Sized and\n     * colored by the breadcrumb — pass the raw icon component (e.g. `<HomeIcon />`).\n     */\n    icon?: React.ReactNode;\n    /**\n     * Full, untruncated text used as the item's `title` (native tooltip). Defaults to `label`.\n     */\n    title?: string;\n    /**\n     * Navigates when the item is activated. Omitted (or on the current item) renders a\n     * non-interactive item.\n     */\n    onClick?: () => void;\n    /**\n     * Marks the current location — the last item in the trail. Rendered with stronger text\n     * and never interactive, per the design system's breadcrumb guidelines.\n     */\n    current?: boolean;\n}\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {\n    items: BreadcrumbsItem[];\n}\n\nconst itemTextClassName =\n    \"block max-w-[150px] truncate text-sm leading-none tracking-normal whitespace-nowrap\";\n\n// The material glyphs default their `fill` to `currentColor`, so the surrounding text color\n// (muted / primary / hover) drives the icon color too.\nconst glyphClassName = \"size-md shrink-0 fill-current\";\n\nconst renderGlyph = (icon: React.ReactNode) => {\n    if (!React.isValidElement(icon)) {\n        return icon;\n    }\n    const element = icon as React.ReactElement<{ className?: string }>;\n    return React.cloneElement(element, {\n        className: cn(glyphClassName, element.props.className)\n    });\n};\n\nconst BreadcrumbItem = ({ item }: { item: BreadcrumbsItem }) => {\n    const interactive = Boolean(item.onClick) && !item.current;\n    const title = item.title ?? item.label;\n\n    const content = (\n        <span className=\"flex items-center gap-xs\">\n            {item.icon ? renderGlyph(item.icon) : null}\n            {item.label ? <span className={itemTextClassName}>{item.label}</span> : null}\n        </span>\n    );\n\n    // The current (active) item and any item without an action render as plain text.\n    if (!interactive) {\n        return (\n            <span\n                aria-current={item.current ? \"page\" : undefined}\n                title={title}\n                className={cn(\n                    \"flex items-center rounded-sm px-xs py-xxs\",\n                    item.current ? \"text-neutral-primary\" : \"text-neutral-muted\"\n                )}\n            >\n                {content}\n            </span>\n        );\n    }\n\n    return (\n        <button\n            type=\"button\"\n            onClick={item.onClick}\n            title={title}\n            className={cn(\n                \"flex items-center rounded-sm px-xs py-xxs\",\n                \"text-neutral-muted transition-colors\",\n                \"hover:bg-neutral-dimmed hover:text-neutral-primary\",\n                \"focus-visible:outline-none focus-visible:ring-md focus-visible:ring-primary-dimmed\"\n            )}\n        >\n            {content}\n        </button>\n    );\n};\n\nconst BreadcrumbSeparator = () => {\n    return (\n        <span aria-hidden=\"true\" className=\"flex items-center text-neutral-muted\">\n            <SeparatorIcon className={glyphClassName} />\n        </span>\n    );\n};\n\nconst BreadcrumbsBase = ({ items, className, ...props }: BreadcrumbsProps) => {\n    if (items.length === 0) {\n        return null;\n    }\n\n    return (\n        <nav aria-label=\"Breadcrumb\" className={cn(\"flex items-center\", className)} {...props}>\n            <ol className=\"flex items-center gap-none\">\n                {items.map((item, index) => {\n                    // A stable-enough key: labels are unique within a trail; index breaks ties.\n                    const key = `${item.label ?? \"home\"}-${index}`;\n                    return (\n                        <li key={key} className=\"flex items-center\">\n                            {index > 0 ? <BreadcrumbSeparator /> : null}\n                            <BreadcrumbItem item={item} />\n                        </li>\n                    );\n                })}\n            </ol>\n        </nav>\n    );\n};\n\nconst Breadcrumbs = makeDecoratable(\"Breadcrumbs\", BreadcrumbsBase);\n\n/**\n * Convenience factory for the leading, icon-only home entry.\n */\nexport const createHomeBreadcrumbItem = (onClick?: () => void): BreadcrumbsItem => ({\n    icon: <HomeIcon />,\n    title: \"Home\",\n    onClick\n});\n\nexport { Breadcrumbs };\n"],"names":["itemTextClassName","glyphClassName","renderGlyph","icon","React","element","cn","BreadcrumbItem","item","interactive","Boolean","title","content","undefined","BreadcrumbSeparator","SeparatorIcon","BreadcrumbsBase","items","className","props","index","key","Breadcrumbs","makeDecoratable","createHomeBreadcrumbItem","onClick","HomeIcon"],"mappings":";;;;AAoCA,MAAMA,oBACF;AAIJ,MAAMC,iBAAiB;AAEvB,MAAMC,cAAc,CAACC;IACjB,IAAI,CAAC,WAAD,GAACC,MAAAA,cAAoB,CAACD,OACtB,OAAOA;IAEX,MAAME,UAAUF;IAChB,OAAO,WAAP,GAAOC,MAAAA,YAAkB,CAACC,SAAS;QAC/B,WAAWC,GAAGL,gBAAgBI,QAAQ,KAAK,CAAC,SAAS;IACzD;AACJ;AAEA,MAAME,iBAAiB,CAAC,EAAEC,IAAI,EAA6B;IACvD,MAAMC,cAAcC,QAAQF,KAAK,OAAO,KAAK,CAACA,KAAK,OAAO;IAC1D,MAAMG,QAAQH,KAAK,KAAK,IAAIA,KAAK,KAAK;IAEtC,MAAMI,UAAU,WAAVA,GACF,oBAAC;QAAK,WAAU;OACXJ,KAAK,IAAI,GAAGN,YAAYM,KAAK,IAAI,IAAI,MACrCA,KAAK,KAAK,GAAG,WAAH,GAAG,oBAAC;QAAK,WAAWR;OAAoBQ,KAAK,KAAK,IAAW;IAKhF,IAAI,CAACC,aACD,OAAO,WAAP,GACI,oBAAC;QACG,gBAAcD,KAAK,OAAO,GAAG,SAASK;QACtC,OAAOF;QACP,WAAWL,GACP,6CACAE,KAAK,OAAO,GAAG,yBAAyB;OAG3CI;IAKb,OAAO,WAAP,GACI,oBAAC;QACG,MAAK;QACL,SAASJ,KAAK,OAAO;QACrB,OAAOG;QACP,WAAWL,GACP,6CACA,wCACA,sDACA;OAGHM;AAGb;AAEA,MAAME,sBAAsB,IACjB,WAAP,GACI,oBAAC;QAAK,eAAY;QAAO,WAAU;qBAC/B,oBAACC,yCAAaA;QAAC,WAAWd;;AAKtC,MAAMe,kBAAkB,CAAC,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGC,OAAyB;IACrE,IAAIF,AAAiB,MAAjBA,MAAM,MAAM,EACZ,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,cAAW;QAAa,WAAWX,GAAG,qBAAqBY;QAAa,GAAGC,KAAK;qBACjF,oBAAC;QAAG,WAAU;OACTF,MAAM,GAAG,CAAC,CAACT,MAAMY;QAEd,MAAMC,MAAM,GAAGb,KAAK,KAAK,IAAI,OAAO,CAAC,EAAEY,OAAO;QAC9C,OAAO,WAAP,GACI,oBAAC;YAAG,KAAKC;YAAK,WAAU;WACnBD,QAAQ,IAAI,WAAJ,GAAI,oBAACN,qBAAmBA,QAAM,oBACvC,oBAACP,gBAAcA;YAAC,MAAMC;;IAGlC;AAIhB;AAEA,MAAMc,cAAcC,gBAAgB,eAAeP;AAK5C,MAAMQ,2BAA2B,CAACC,UAA2C;QAChF,MAAM,WAAN,GAAM,oBAACC,gBAAQA;QACf,OAAO;QACPD;IACJ"}

package/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta } from "@storybook/react";
+import type { StoryObj } from "@storybook/react";
+import { Breadcrumbs } from "./Breadcrumbs.js";
+declare const meta: Meta<typeof Breadcrumbs>;
+export default meta;
+type Story = StoryObj<typeof Breadcrumbs>;
+export declare const Default: Story;
+export declare const DeepTrail: Story;
+export declare const HomeOnly: Story;