@webiny/admin-ui 0.0.0-unstable.06b2ede40f

package/Avatar/Avatar.mdx

@@ -0,0 +1,105 @@
+import { Canvas, Meta, Controls } from '@storybook/blocks';
+
+import * as AvatarStories from './Avatar.stories';
+
+<Meta of={AvatarStories} />
+
+# Avatar
+
+The Avatar component is a UI element that displays a user’s profile image, initials, or icon, often used to represent a person or entity in an application. Its purpose is to personalize the user experience, making interactions feel more engaging and identifiable and improve recognition and user interaction.
+
+## Usage
+
+<Canvas of={AvatarStories.Documentation} source={ { code: `
+import React from "react";
+import { Avatar } from "@webiny/admin-ui";
+
+const AvatarExample = () => {
+    return (
+        <Avatar
+            image={<Avatar.Image src="https://i.pravatar.cc/300" alt="User" />}
+            fallback={<Avatar.Fallback>JD</Avatar.Fallback>}
+            size="md"
+            variant="strong"
+        />
+    );
+};
+
+export default AvatarExample;
+
+` } }
+        additionalActions={[
+            {
+                title: 'Open in GitHub',
+                onClick: () => {
+                    window.open(
+                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Avatar/Avatar.tsx',
+                        '_blank'
+                    );
+                },
+            }
+        ]}
+/>
+
+<Controls of={AvatarStories.Documentation} />
+
+```tsx
+import React from "react";
+import { Avatar } from "@webiny/admin-ui";
+
+const AvatarExample = () => {
+    return (
+        <Avatar
+            image={<Avatar.Image src="https://i.pravatar.cc/300" alt="User" />}
+            fallback={<Avatar.Fallback>JD</Avatar.Fallback>}
+            size="md"
+            variant="strong"
+        />
+    );
+};
+
+export default AvatarExample;
+```
+
+## Example
+
+### Icon Avatar
+
+<Canvas of={AvatarStories.Icon} source={ { code: `
+import React from "react";
+import { ReactComponent as StormIcon } from "@webiny/icons/storm.svg";
+import { Avatar } from "@webiny/admin-ui";
+
+const AvatarExample = () => {
+    return (
+        <Avatar
+        fallback={<Avatar.Fallback><StormIcon /></Avatar.Fallback>}
+        size="md"
+        variant="strong"
+    />
+    );
+};
+
+export default AvatarExample;
+
+` } }
+/>
+
+## Anatomy
+
+### Size
+<img src="/images/storybook/avatar/size.png" alt="Size"/>
+
+### Type
+<img src="/images/storybook/avatar/type.png" alt="Type"/>
+
+### Style
+<img src="/images/storybook/avatar/style.png" alt="Style"/>
+
+## Usage
+
+### Header
+<img src="/images/storybook/avatar/header.png" alt="Header"/>
+
+### Table
+<img src="/images/storybook/avatar/table.png" alt="Table"/>

package/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Avatar } from "./Avatar";
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+export declare const Default: Story;
+export declare const SizeSm: Story;
+export declare const SizeMd: Story;
+export declare const SizeLg: Story;
+export declare const SizeXl: Story;
+export declare const Text: Story;
+export declare const Icon: Story;
+export declare const Documentation: Story;

package/Avatar/Avatar.stories.js

@@ -0,0 +1,120 @@
+import * as React from "react";
+import { ReactComponent as StormIcon } from "@webiny/icons/storm.svg";
+import { Avatar } from "./Avatar";
+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"
+    }
+  }
+};
+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")
+  }
+};
+export const SizeSm = {
+  name: "Small",
+  args: {
+    ...Default.args,
+    size: "sm"
+  }
+};
+export const SizeMd = {
+  name: "Medium",
+  args: {
+    ...Default.args,
+    size: "md"
+  }
+};
+export const SizeLg = {
+  name: "Large",
+  args: {
+    ...Default.args,
+    size: "lg"
+  }
+};
+export 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")
+  }
+};
+export const Icon = {
+  name: "Icon",
+  args: {
+    fallback: /*#__PURE__*/React.createElement(Avatar.Fallback, null, /*#__PURE__*/React.createElement(StormIcon, 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.",
+      control: "none"
+    },
+    fallback: {
+      description: "The fallback element to display when the image fails to load. Please refer to the example code for details on usage.",
+      control: "none"
+    },
+    className: {
+      description: "Additional CSS class names. You can pass multiple class names, separated by commas.",
+      placeholder: "Enter class names, separated by commas.",
+      control: "text"
+    }
+  }
+};
+
+//# sourceMappingURL=Avatar.stories.js.map

package/Avatar/Avatar.stories.js.map

@@ -0,0 +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\";\nimport { ReactComponent as StormIcon } from \"@webiny/icons/storm.svg\";\nimport { Avatar } from \"./Avatar\";\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            control: \"none\"\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            control: \"none\"\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":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASC,MAAM;AAEf,MAAMC,IAAyB,GAAG;EAC9BC,KAAK,EAAE,mBAAmB;EAC1BC,SAAS,EAAEH,MAAM;EACjBI,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MACjCC,YAAY,EAAE;IAClB,CAAC;IACDC,OAAO,EAAE;MACLH,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC;MAC3DC,YAAY,EAAE;IAClB;EACJ;AACJ,CAAC;AAED,eAAeP,IAAI;AAInB,OAAO,MAAMS,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFC,KAAK,eAAEf,KAAA,CAAAgB,aAAA,CAACb,MAAM,CAACc,KAAK;MAACC,GAAG,EAAC,2BAA2B;MAACC,GAAG,EAAC;IAAS,CAAE,CAAC;IACrEC,QAAQ,eAAEpB,KAAA,CAAAgB,aAAA,CAACb,MAAM,CAACkB,QAAQ;MAACC,OAAO,EAAE;IAAE,GAAC,GAAkB;EAC7D;AACJ,CAAC;AAED,OAAO,MAAMC,MAAa,GAAG;EACzBC,IAAI,EAAE,OAAO;EACbV,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfN,IAAI,EAAE;EACV;AACJ,CAAC;AACD,OAAO,MAAMiB,MAAa,GAAG;EACzBD,IAAI,EAAE,QAAQ;EACdV,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfN,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMkB,MAAa,GAAG;EACzBF,IAAI,EAAE,OAAO;EACbV,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfN,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMmB,MAAa,GAAG;EACzBH,IAAI,EAAE,aAAa;EACnBV,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfN,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMoB,IAAW,GAAG;EACvBJ,IAAI,EAAE,eAAe;EACrBV,IAAI,EAAE;IACFM,QAAQ,eAAEpB,KAAA,CAAAgB,aAAA,CAACb,MAAM,CAACkB,QAAQ,QAAC,IAAmB;EAClD;AACJ,CAAC;AACD,OAAO,MAAMQ,IAAW,GAAG;EACvBL,IAAI,EAAE,MAAM;EACZV,IAAI,EAAE;IACFM,QAAQ,eACJpB,KAAA,CAAAgB,aAAA,CAACb,MAAM,CAACkB,QAAQ,qBACZrB,KAAA,CAAAgB,aAAA,CAACd,SAAS,MAAE,CACC;EAEzB;AACJ,CAAC;AAED,OAAO,MAAM4B,aAAoB,GAAG;EAChCC,MAAM,EAAEjB,IAAI,IAAI;IACZ,oBACId,KAAA,CAAAgB,aAAA,CAACb,MAAM,EAAA6B,MAAA,CAAAC,MAAA,KACCnB,IAAI;MACRC,KAAK,EAAED,IAAI,CAACC,KAAK,iBAAIf,KAAA,CAAAgB,aAAA,CAACb,MAAM,CAACc,KAAK;QAACC,GAAG,EAAC,2BAA2B;QAACC,GAAG,EAAC;MAAS,CAAE,CAAE;MACpFC,QAAQ,EAAEN,IAAI,CAACM,QAAQ,iBAAIpB,KAAA,CAAAgB,aAAA,CAACb,MAAM,CAACkB,QAAQ;QAACC,OAAO,EAAE;MAAE,GAAC,GAAkB;IAAE,EAC/E,CAAC;EAEV,CAAC;EACDR,IAAI,EAAE;IACFN,IAAI,EAAE,IAAI;IACVI,OAAO,EAAE,QAAQ;IACjBG,KAAK,EAAEmB,SAAS;IAChBd,QAAQ,EAAEc,SAAS;IACnBC,SAAS,EAAE;EACf,CAAC;EACD5B,QAAQ,EAAE;IACNC,IAAI,EAAE;MACF4B,WAAW,EAAE,iCAAiC;MAC9C3B,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MACjCC,YAAY,EAAE;IAClB,CAAC;IACDC,OAAO,EAAE;MACLwB,WAAW,EAAE,yCAAyC;MACtD3B,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC;MAC3DC,YAAY,EAAE;IAClB,CAAC;IACDI,KAAK,EAAE;MACHqB,WAAW,EACP,sFAAsF;MAC1F3B,OAAO,EAAE;IACb,CAAC;IACDW,QAAQ,EAAE;MACNgB,WAAW,EACP,sHAAsH;MAC1H3B,OAAO,EAAE;IACb,CAAC;IACD0B,SAAS,EAAE;MACPC,WAAW,EACP,qFAAqF;MACzFC,WAAW,EAAE,yCAAyC;MACtD5B,OAAO,EAAE;IACb;EACJ;AACJ,CAAC","ignoreList":[]}

package/Avatar/components/AvatarFallback.d.ts

@@ -0,0 +1,23 @@
+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;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ className, ...props }: AvatarFallbackProps) => React.JSX.Element) & {
+        original: ({ className, ...props }: AvatarFallbackProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, ...props }: AvatarFallbackProps) => React.JSX.Element) & {
+        original: ({ className, ...props }: AvatarFallbackProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { AvatarFallback, type AvatarFallbackProps };

package/Avatar/components/AvatarFallback.js

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

package/Avatar/components/AvatarFallback.js.map

@@ -0,0 +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\";\n\ntype AvatarFallbackProps = AvatarPrimitive.AvatarFallbackProps;\n\nconst AvatarFallbackBase = ({ className, ...props }: AvatarFallbackProps) => (\n    <AvatarPrimitive.Fallback\n        className={cn(\n            \"wby-flex wby-h-full wby-w-full wby-items-center wby-justify-center wby-rounded-sm\",\n            className\n        )}\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,CACT,mFAAmF,EACnFG,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,MAAMK,cAAc,GAAGR,eAAe,CAAC,gBAAgB,EAAEC,kBAAkB,CAAC;AAE5E,SAASO,cAAc","ignoreList":[]}

package/Avatar/components/AvatarImage.d.ts

@@ -0,0 +1,23 @@
+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;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ className, ...props }: AvatarImageProps) => React.JSX.Element) & {
+        original: ({ className, ...props }: AvatarImageProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, ...props }: AvatarImageProps) => React.JSX.Element) & {
+        original: ({ className, ...props }: AvatarImageProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { AvatarImage, type AvatarImageProps };

package/Avatar/components/AvatarImage.js

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

package/Avatar/components/AvatarImage.js.map

@@ -0,0 +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\";\n\ntype AvatarImageProps = AvatarPrimitive.AvatarImageProps;\n\nconst AvatarImageBase = ({ className, ...props }: AvatarImageProps) => (\n    <AvatarPrimitive.Image className={cn(\"wby-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,mBAAmB,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CACrF;AAED,MAAMK,WAAW,GAAGR,eAAe,CAAC,aAAa,EAAEC,eAAe,CAAC;AAEnE,SAASO,WAAW","ignoreList":[]}

package/Avatar/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AvatarFallback";
+export * from "./AvatarImage";

package/Avatar/components/index.js

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

package/Avatar/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./AvatarFallback\";\nexport * from \"./AvatarImage\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/Avatar/index.d.ts

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

package/Avatar/index.js

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

package/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Avatar\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Button/Button.d.ts

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

package/Button/Button.js

@@ -0,0 +1,132 @@
+import React, { useMemo } from "react";
+import { Slot } from "radix-ui";
+import { cn, cva, makeDecoratable } from "../utils";
+const buttonWrapperVariants = cva("wby-inline-block", {
+  variants: {
+    disabled: {
+      true: "wby-cursor-not-allowed",
+      false: "wby-cursor-pointer"
+    }
+  }
+});
+const buttonVariants = cva(["wby-border-transparent wby-rounded wby-font-sans wby-inline-flex wby-items-center wby-justify-center wby-whitespace-nowrap wby-ring-offset-background wby-transition-colors !wby-no-underline", "aria-disabled:wby-pointer-events-none", "focus-visible:wby-outline-none focus-visible:wby-border-accent-default"], {
+  variants: {
+    variant: {
+      primary: ["wby-bg-primary wby-text-neutral-light wby-fill-neutral-base", "hover:wby-bg-primary-strong", "active:wby-bg-primary-xstrong", "aria-disabled:wby-bg-primary-disabled", "focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed"],
+      secondary: ["wby-bg-neutral-dimmed wby-text-neutral-strong wby-fill-neutral-xstrong", "hover:wby-bg-neutral-muted", "active:wby-bg-neutral-strong", "aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong", "focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed"],
+      tertiary: ["wby-bg-neutral-base wby-text-neutral-strong wby-border-neutral-muted wby-fill-neutral-xstrong", "hover:wby-bg-neutral-light", "active:wby-bg-neutral-muted", "aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-border-neutral-dimmed aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong", "focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed"],
+      ghost: ["wby-bg-transparent wby-text-neutral-strong wby-fill-neutral-xstrong", "hover:wby-bg-neutral-dimmed", "active:wby-bg-neutral-muted", "aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong"],
+      "ghost-negative": ["wby-bg-transparent wby-text-neutral-light wby-fill-neutral-base", "hover:wby-bg-neutral-base/20", "active:wby-bg-neutral-base/30", "aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-base/50", "focus-visible:!wby-border-neutral-base"]
+    },
+    size: {
+      sm: ["wby-text-sm wby-border-sm wby-rounded-sm [&>svg]:wby-size-md", "wby-py-[calc(theme(padding.xs)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm)-theme(borderWidth.sm))]"],
+      md: ["wby-text-md wby-border-sm wby-rounded-md [&>svg]:wby-size-md", "wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]"],
+      lg: ["wby-text-md wby-border-sm wby-rounded-md [&>svg]:wby-size-md-plus", "wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]"],
+      xl: ["wby-text-lg wby-font-semibold wby-border-lg wby-rounded-md [&>svg]:wby-size-lg", "wby-py-[calc(theme(padding.md-plus)-theme(borderWidth.md))] wby-px-[calc(theme(padding.md)-theme(borderWidth.md))]"]
+    },
+    contentLayout: {
+      text: "",
+      icon: "",
+      "text-icon-start": "",
+      "text-icon-end": ""
+    }
+  },
+  compoundVariants: [{
+    size: "xl",
+    variant: "ghost",
+    className: "focus-visible:wby-border-md"
+  }, {
+    size: "sm",
+    contentLayout: "icon",
+    className: "wby-p-[calc(theme(padding.xs)-theme(borderWidth.sm))]"
+  }, {
+    size: "sm",
+    contentLayout: "text-icon-start",
+    className: "wby-pl-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs"
+  }, {
+    size: "sm",
+    contentLayout: "text-icon-end",
+    className: "wby-pr-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs"
+  }, {
+    size: "md",
+    contentLayout: "icon",
+    className: "wby-p-[calc(theme(padding.sm)-theme(borderWidth.sm))]"
+  }, {
+    size: "md",
+    contentLayout: "text-icon-start",
+    className: "wby-pl-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs"
+  }, {
+    size: "md",
+    contentLayout: "text-icon-end",
+    className: "wby-pr-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs"
+  }, {
+    size: "lg",
+    contentLayout: "icon",
+    className: "wby-p-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))]"
+  }, {
+    size: "lg",
+    contentLayout: "text-icon-start",
+    className: "wby-pl-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs-plus"
+  }, {
+    size: "lg",
+    contentLayout: "text-icon-end",
+    className: "wby-pr-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs-plus"
+  }, {
+    size: "xl",
+    contentLayout: "icon",
+    className: "wby-p-[calc(theme(padding.md)-theme(borderWidth.md))]"
+  }, {
+    size: "xl",
+    contentLayout: "text-icon-start",
+    className: "wby-pl-[calc(theme(padding.sm-extra)-theme(borderWidth.md))] [&>svg]:wby-mr-sm"
+  }, {
+    size: "xl",
+    contentLayout: "text-icon-end",
+    className: "wby-pr-[calc(theme(padding.sm-extra)-theme(borderWidth.md))] [&>svg]:wby-ml-sm"
+  }],
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+const ButtonBase = ({
+  className,
+  variant,
+  size,
+  asChild = false,
+  text,
+  icon,
+  iconPosition = "start",
+  disabled,
+  containerClassName,
+  ...rest
+}) => {
+  const Comp = asChild ? Slot.Root : "button";
+  const contentLayout = useMemo(() => {
+    if (!text) {
+      return "icon";
+    }
+    if (!icon) {
+      return "text";
+    }
+    return `text-icon-${iconPosition}`;
+  }, [text, icon, iconPosition]);
+  const cssClasses = cn(buttonVariants({
+    variant,
+    size,
+    contentLayout
+  }), className);
+  return /*#__PURE__*/React.createElement("span", {
+    className: cn(buttonWrapperVariants({
+      disabled
+    }), containerClassName)
+  }, /*#__PURE__*/React.createElement(Comp, Object.assign({
+    className: cssClasses,
+    disabled: disabled,
+    "aria-disabled": disabled
+  }, rest), iconPosition !== "end" && icon, /*#__PURE__*/React.createElement(Slot.Slottable, null, text), iconPosition === "end" && icon));
+};
+const Button = makeDecoratable("Button", ButtonBase);
+export { Button, buttonVariants };
+
+//# sourceMappingURL=Button.js.map

package/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Slot","cn","cva","makeDecoratable","buttonWrapperVariants","variants","disabled","true","false","buttonVariants","variant","primary","secondary","tertiary","ghost","size","sm","md","lg","xl","contentLayout","text","icon","compoundVariants","className","defaultVariants","ButtonBase","asChild","iconPosition","containerClassName","rest","Comp","Root","cssClasses","createElement","Object","assign","Slottable","Button"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { cn, cva, type VariantProps, makeDecoratable } from \"~/utils\";\n\nconst buttonWrapperVariants = cva(\"wby-inline-block\", {\n    variants: {\n        disabled: {\n            true: \"wby-cursor-not-allowed\",\n            false: \"wby-cursor-pointer\"\n        }\n    }\n});\n\nconst buttonVariants = cva(\n    [\n        \"wby-border-transparent wby-rounded wby-font-sans wby-inline-flex wby-items-center wby-justify-center wby-whitespace-nowrap wby-ring-offset-background wby-transition-colors !wby-no-underline\",\n        \"aria-disabled:wby-pointer-events-none\",\n        \"focus-visible:wby-outline-none focus-visible:wby-border-accent-default\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"wby-bg-primary wby-text-neutral-light wby-fill-neutral-base\",\n                    \"hover:wby-bg-primary-strong\",\n                    \"active:wby-bg-primary-xstrong\",\n                    \"aria-disabled:wby-bg-primary-disabled\",\n                    \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n                ],\n                secondary: [\n                    \"wby-bg-neutral-dimmed wby-text-neutral-strong wby-fill-neutral-xstrong\",\n                    \"hover:wby-bg-neutral-muted\",\n                    \"active:wby-bg-neutral-strong\",\n                    \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong\",\n                    \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n                ],\n                tertiary: [\n                    \"wby-bg-neutral-base wby-text-neutral-strong wby-border-neutral-muted wby-fill-neutral-xstrong\",\n                    \"hover:wby-bg-neutral-light\",\n                    \"active:wby-bg-neutral-muted\",\n                    \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-border-neutral-dimmed aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong\",\n                    \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n                ],\n                ghost: [\n                    \"wby-bg-transparent wby-text-neutral-strong wby-fill-neutral-xstrong\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"active:wby-bg-neutral-muted\",\n                    \"aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong\"\n                ],\n                \"ghost-negative\": [\n                    \"wby-bg-transparent wby-text-neutral-light wby-fill-neutral-base\",\n                    \"hover:wby-bg-neutral-base/20\",\n                    \"active:wby-bg-neutral-base/30\",\n                    \"aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-base/50\",\n                    \"focus-visible:!wby-border-neutral-base\"\n                ]\n            },\n            size: {\n                sm: [\n                    \"wby-text-sm wby-border-sm wby-rounded-sm [&>svg]:wby-size-md\",\n                    \"wby-py-[calc(theme(padding.xs)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm)-theme(borderWidth.sm))]\"\n                ],\n                md: [\n                    \"wby-text-md wby-border-sm wby-rounded-md [&>svg]:wby-size-md\",\n                    \"wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                lg: [\n                    \"wby-text-md wby-border-sm wby-rounded-md [&>svg]:wby-size-md-plus\",\n                    \"wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]\"\n                ],\n                xl: [\n                    \"wby-text-lg wby-font-semibold wby-border-lg wby-rounded-md [&>svg]:wby-size-lg\",\n                    \"wby-py-[calc(theme(padding.md-plus)-theme(borderWidth.md))] wby-px-[calc(theme(padding.md)-theme(borderWidth.md))]\"\n                ]\n            },\n            contentLayout: {\n                text: \"\",\n                icon: \"\",\n                \"text-icon-start\": \"\",\n                \"text-icon-end\": \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                size: \"xl\",\n                variant: \"ghost\",\n                className: \"focus-visible:wby-border-md\"\n            },\n            {\n                size: \"sm\",\n                contentLayout: \"icon\",\n                className: \"wby-p-[calc(theme(padding.xs)-theme(borderWidth.sm))]\"\n            },\n            {\n                size: \"sm\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"wby-pl-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs\"\n            },\n            {\n                size: \"sm\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"wby-pr-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs\"\n            },\n            {\n                size: \"md\",\n                contentLayout: \"icon\",\n                className: \"wby-p-[calc(theme(padding.sm)-theme(borderWidth.sm))]\"\n            },\n            {\n                size: \"md\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"wby-pl-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs\"\n            },\n            {\n                size: \"md\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"wby-pr-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs\"\n            },\n            {\n                size: \"lg\",\n                contentLayout: \"icon\",\n                className: \"wby-p-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))]\"\n            },\n            {\n                size: \"lg\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"wby-pl-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs-plus\"\n            },\n            {\n                size: \"lg\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"wby-pr-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs-plus\"\n            },\n            {\n                size: \"xl\",\n                contentLayout: \"icon\",\n                className: \"wby-p-[calc(theme(padding.md)-theme(borderWidth.md))]\"\n            },\n            {\n                size: \"xl\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"wby-pl-[calc(theme(padding.sm-extra)-theme(borderWidth.md))] [&>svg]:wby-mr-sm\"\n            },\n            {\n                size: \"xl\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"wby-pr-[calc(theme(padding.sm-extra)-theme(borderWidth.md))] [&>svg]:wby-ml-sm\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"md\"\n        }\n    }\n);\n\ninterface ButtonProps\n    extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n        VariantProps<typeof buttonVariants> {\n    text?: React.ReactNode;\n\n    icon?: React.ReactNode;\n\n    iconPosition?: \"start\" | \"end\";\n\n    asChild?: boolean;\n\n    containerClassName?: string;\n}\n\ntype ContentLayout = \"text\" | \"icon\" | \"text-icon-start\" | \"text-icon-end\";\n\nconst ButtonBase = ({\n    className,\n    variant,\n    size,\n    asChild = false,\n    text,\n    icon,\n    iconPosition = \"start\",\n    disabled,\n    containerClassName,\n    ...rest\n}: ButtonProps) => {\n    const Comp = asChild ? Slot.Root : \"button\";\n\n    const contentLayout = useMemo<ContentLayout>(() => {\n        if (!text) {\n            return \"icon\";\n        }\n\n        if (!icon) {\n            return \"text\";\n        }\n\n        return `text-icon-${iconPosition}` as ContentLayout;\n    }, [text, icon, iconPosition]);\n\n    const cssClasses = cn(\n        buttonVariants({\n            variant,\n            size,\n            contentLayout\n        }),\n        className\n    );\n\n    return (\n        <span className={cn(buttonWrapperVariants({ disabled }), containerClassName)}>\n            <Comp className={cssClasses} disabled={disabled} aria-disabled={disabled} {...rest}>\n                {iconPosition !== \"end\" && icon}\n                <Slot.Slottable>{text}</Slot.Slottable>\n                {iconPosition === \"end\" && icon}\n            </Comp>\n        </span>\n    );\n};\n\nconst Button = makeDecoratable(\"Button\", ButtonBase);\n\nexport { Button, type ButtonProps, buttonVariants };\n"],"mappings":"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","ignoreList":[]}