@webiny/admin-ui 6.0.0-alpha.0

package/Toast/components/ToastRoot.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type VariantProps } from "../../utils";
+declare const toastRootVariants: (props?: ({
+    variant?: "default" | "subtle" | null | undefined;
+    hasDescription?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type ToastRootProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof toastRootVariants>;
+declare const ToastRoot: ({ className, hasDescription, variant, children, ...props }: ToastRootProps) => React.JSX.Element;
+export { ToastRoot, type ToastRootProps, toastRootVariants };

package/Toast/components/ToastRoot.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { cn, cva } from "../../utils";
+const toastRootVariants = cva("wby-group wby-pointer-events-auto wby-relative wby-flex wby-w-full wby-items-center wby-justify-start wby-p-md wby-gap-sm-extra wby-self-stretch wby-overflow-hidden wby-rounded-md wby-border-sm wby-border-neutral-dimmed wby-shadow-lg", {
+  variants: {
+    variant: {
+      default: "wby-default-variant wby-bg-neutral-dark",
+      subtle: "wby-subtle-variant wby-bg-white"
+    },
+    hasDescription: {
+      true: "wby-has-description wby-items-start wby-justify-start"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const ToastRoot = ({
+  className,
+  hasDescription,
+  variant,
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: cn(toastRootVariants({
+      variant,
+      hasDescription
+    }), className)
+  }, props), children);
+};
+export { ToastRoot, toastRootVariants };
+
+//# sourceMappingURL=ToastRoot.js.map

package/Toast/components/ToastRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","toastRootVariants","variants","variant","default","subtle","hasDescription","true","defaultVariants","ToastRoot","className","children","props","createElement","Object","assign"],"sources":["ToastRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst toastRootVariants = cva(\n    \"wby-group wby-pointer-events-auto wby-relative wby-flex wby-w-full wby-items-center wby-justify-start wby-p-md wby-gap-sm-extra wby-self-stretch wby-overflow-hidden wby-rounded-md wby-border-sm wby-border-neutral-dimmed wby-shadow-lg\",\n    {\n        variants: {\n            variant: {\n                default: \"wby-default-variant wby-bg-neutral-dark\",\n                subtle: \"wby-subtle-variant wby-bg-white\"\n            },\n            hasDescription: {\n                true: \"wby-has-description wby-items-start wby-justify-start\"\n            }\n        },\n        defaultVariants: {\n            variant: \"default\"\n        }\n    }\n);\n\ntype ToastRootProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof toastRootVariants>;\n\nconst ToastRoot = ({ className, hasDescription, variant, children, ...props }: ToastRootProps) => {\n    return (\n        <div className={cn(toastRootVariants({ variant, hasDescription }), className)} {...props}>\n            {children}\n        </div>\n    );\n};\n\nexport { ToastRoot, type ToastRootProps, toastRootVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,iBAAiB,GAAGD,GAAG,CACzB,2OAA2O,EAC3O;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,yCAAyC;MAClDC,MAAM,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACZC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,OAAO,EAAE;EACb;AACJ,CACJ,CAAC;AAID,MAAMM,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEJ,cAAc;EAAEH,OAAO;EAAEQ,QAAQ;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC9F,oBACId,KAAA,CAAAe,aAAA,QAAAC,MAAA,CAAAC,MAAA;IAAKL,SAAS,EAAEX,EAAE,CAACE,iBAAiB,CAAC;MAAEE,OAAO;MAAEG;IAAe,CAAC,CAAC,EAAEI,SAAS;EAAE,GAAKE,KAAK,GACnFD,QACA,CAAC;AAEd,CAAC;AAED,SAASF,SAAS,EAAuBR,iBAAiB","ignoreList":[]}

package/Toast/components/ToastTitle.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+type ToastTitleProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    text: React.ReactNode;
+};
+declare const ToastTitle: (({ text, className, ...props }: ToastTitleProps) => React.JSX.Element) & {
+    original: ({ text, className, ...props }: ToastTitleProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ text, className, ...props }: ToastTitleProps) => React.JSX.Element) & {
+        original: ({ text, className, ...props }: ToastTitleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ text, className, ...props }: ToastTitleProps) => React.JSX.Element) & {
+        original: ({ text, className, ...props }: ToastTitleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { ToastTitle, type ToastTitleProps };

package/Toast/components/ToastTitle.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { cn, makeDecoratable } from "../../utils";
+import { Heading } from "../../Heading";
+const DecoratableToastTitle = ({
+  text,
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+  className: cn("group-[.wby-default-variant]:wby-text-neutral-light group-[.wby-subtle-variant]:wby-text-neutral-primary wby-font-normal group-[.wby-has-description]:wby-font-semibold", className)
+}), /*#__PURE__*/React.createElement(Heading, {
+  level: 6
+}, text));
+const ToastTitle = makeDecoratable("ToastTitle", DecoratableToastTitle);
+export { ToastTitle };
+
+//# sourceMappingURL=ToastTitle.js.map

package/Toast/components/ToastTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","makeDecoratable","Heading","DecoratableToastTitle","text","className","props","createElement","Object","assign","level","ToastTitle"],"sources":["ToastTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport { Heading } from \"~/Heading\";\n\ntype ToastTitleProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    text: React.ReactNode;\n};\n\nconst DecoratableToastTitle = ({ text, className, ...props }: ToastTitleProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"group-[.wby-default-variant]:wby-text-neutral-light group-[.wby-subtle-variant]:wby-text-neutral-primary wby-font-normal group-[.wby-has-description]:wby-font-semibold\",\n            className\n        )}\n    >\n        <Heading level={6}>{text}</Heading>\n    </div>\n);\n\nconst ToastTitle = makeDecoratable(\"ToastTitle\", DecoratableToastTitle);\n\nexport { ToastTitle, type ToastTitleProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,OAAO;AAMhB,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,SAAS;EAAE,GAAGC;AAAuB,CAAC,kBACzEP,KAAA,CAAAQ,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEL,EAAE,CACT,yKAAyK,EACzKK,SACJ;AAAE,iBAEFN,KAAA,CAAAQ,aAAA,CAACL,OAAO;EAACQ,KAAK,EAAE;AAAE,GAAEN,IAAc,CACjC,CACR;AAED,MAAMO,UAAU,GAAGV,eAAe,CAAC,YAAY,EAAEE,qBAAqB,CAAC;AAEvE,SAASQ,UAAU","ignoreList":[]}

package/Toast/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./ToastActions";
+export * from "./ToastClose";
+export * from "./ToastDescription";
+export * from "./ToastIcon";
+export * from "./ToastRoot";
+export * from "./ToastTitle";

package/Toast/components/index.js

@@ -0,0 +1,8 @@
+export * from "./ToastActions";
+export * from "./ToastClose";
+export * from "./ToastDescription";
+export * from "./ToastIcon";
+export * from "./ToastRoot";
+export * from "./ToastTitle";
+
+//# sourceMappingURL=index.js.map

package/Toast/components/index.js.map

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

package/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Toast";
+export * from "./useToast";

package/Toast/index.js

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

package/Toast/index.js.map

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

package/Toast/useToast.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { type ToasterProps as SonnerToasterProps } from "sonner";
+import { ToastActions, ToastDescription, ToastTitle, type ToastRootProps } from "./components";
+import { Icon } from "../Icon";
+type ShowToastParams = {
+    title: React.ReactElement<typeof ToastTitle> | string;
+    description?: React.ReactElement<typeof ToastDescription> | string;
+    icon?: React.ReactElement<typeof Icon>;
+    actions?: React.ReactElement<typeof ToastActions>;
+    dismissible?: boolean;
+    duration?: number;
+    position?: SonnerToasterProps["position"];
+    variant?: ToastRootProps["variant"];
+};
+declare const useToast: () => {
+    showToast: (params: ShowToastParams) => string | number;
+    showSuccessToast: (params: ShowToastParams) => string | number;
+    showWarningToast: (params: ShowToastParams) => string | number;
+    hideToast: (id: number | string) => string | number;
+    hideAllToasts: () => void;
+};
+export { useToast, type ShowToastParams };

package/Toast/useToast.js

@@ -0,0 +1,94 @@
+import * as React from "react";
+import { toast as sonnerToast } from "sonner";
+import { ReactComponent as Check } from "@webiny/icons/check.svg";
+import { ReactComponent as Warning } from "@webiny/icons/warning.svg";
+import { ToastDescription, ToastTitle } from "./components";
+import { Toast } from "./Toast";
+import { Icon } from "../Icon";
+import { generateId } from "../utils";
+const useToast = () => {
+  const getTitle = React.useCallback(title => {
+    return typeof title === "string" ? /*#__PURE__*/React.createElement(ToastTitle, {
+      text: title
+    }) : title;
+  }, []);
+  const getDescription = React.useCallback(description => {
+    return typeof description === "string" ? /*#__PURE__*/React.createElement(ToastDescription, {
+      text: description
+    }) : description;
+  }, []);
+  const showToast = React.useCallback(params => {
+    const {
+      title,
+      description,
+      icon,
+      actions,
+      variant,
+      dismissible,
+      duration = 6000,
+      position = "top-right"
+    } = params;
+    const id = generateId();
+    return sonnerToast.custom(toast => /*#__PURE__*/React.createElement(Toast, {
+      title: getTitle(title),
+      description: getDescription(description),
+      icon: icon,
+      actions: actions,
+      variant: variant,
+      onCloseClick: () => sonnerToast.dismiss(toast),
+      dismissible: dismissible
+    }), {
+      id,
+      duration,
+      dismissible,
+      position
+    });
+  }, [getTitle, getDescription, sonnerToast]);
+  const hideToast = React.useCallback(id => {
+    return sonnerToast.dismiss(id);
+  }, [sonnerToast]);
+  const hideAllToasts = React.useCallback(() => {
+    const toastIds = sonnerToast.getToasts().map(toast => toast.id);
+    if (toastIds.length === 0) {
+      return;
+    }
+
+    // Dismiss each toast with a small delay between them
+    // This helps ensure each dismissal is processed properly
+    toastIds.forEach((id, index) => {
+      setTimeout(() => {
+        sonnerToast.dismiss(id);
+      }, index * 50);
+    });
+  }, [sonnerToast]);
+  const showSuccessToast = params => {
+    return showToast({
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        icon: /*#__PURE__*/React.createElement(Check, null),
+        label: "",
+        className: "wby-fill-success"
+      }),
+      ...params
+    });
+  };
+  const showWarningToast = params => {
+    return showToast({
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        icon: /*#__PURE__*/React.createElement(Warning, null),
+        label: "",
+        className: "wby-fill-warning"
+      }),
+      ...params
+    });
+  };
+  return React.useMemo(() => ({
+    showToast,
+    showSuccessToast,
+    showWarningToast,
+    hideToast,
+    hideAllToasts
+  }), [showToast, hideToast, hideAllToasts]);
+};
+export { useToast };
+
+//# sourceMappingURL=useToast.js.map

package/Toast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","toast","sonnerToast","ReactComponent","Check","Warning","ToastDescription","ToastTitle","Toast","Icon","generateId","useToast","getTitle","useCallback","title","createElement","text","getDescription","description","showToast","params","icon","actions","variant","dismissible","duration","position","id","custom","onCloseClick","dismiss","hideToast","hideAllToasts","toastIds","getToasts","map","length","forEach","index","setTimeout","showSuccessToast","label","className","showWarningToast","useMemo"],"sources":["useToast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { toast as sonnerToast, type ToasterProps as SonnerToasterProps } from \"sonner\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as Warning } from \"@webiny/icons/warning.svg\";\nimport { ToastActions, ToastDescription, ToastTitle, type ToastRootProps } from \"./components\";\nimport { Toast } from \"./Toast\";\nimport { Icon } from \"~/Icon\";\nimport { generateId } from \"~/utils\";\n\ntype ShowToastParams = {\n    title: React.ReactElement<typeof ToastTitle> | string;\n    description?: React.ReactElement<typeof ToastDescription> | string;\n    icon?: React.ReactElement<typeof Icon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    dismissible?: boolean;\n    duration?: number;\n    position?: SonnerToasterProps[\"position\"];\n    variant?: ToastRootProps[\"variant\"];\n};\n\nconst useToast = () => {\n    const getTitle = React.useCallback((title: React.ReactElement<typeof ToastTitle> | string) => {\n        return typeof title === \"string\" ? <ToastTitle text={title} /> : title;\n    }, []);\n\n    const getDescription = React.useCallback(\n        (description: React.ReactElement<typeof ToastDescription> | string | undefined) => {\n            return typeof description === \"string\" ? (\n                <ToastDescription text={description} />\n            ) : (\n                description\n            );\n        },\n        []\n    );\n\n    const showToast = React.useCallback(\n        (params: ShowToastParams) => {\n            const {\n                title,\n                description,\n                icon,\n                actions,\n                variant,\n                dismissible,\n                duration = 6000,\n                position = \"top-right\"\n            } = params;\n\n            const id = generateId();\n\n            return sonnerToast.custom(\n                toast => (\n                    <Toast\n                        title={getTitle(title)}\n                        description={getDescription(description)}\n                        icon={icon}\n                        actions={actions}\n                        variant={variant}\n                        onCloseClick={() => sonnerToast.dismiss(toast)}\n                        dismissible={dismissible}\n                    />\n                ),\n                {\n                    id,\n                    duration,\n                    dismissible,\n                    position\n                }\n            );\n        },\n        [getTitle, getDescription, sonnerToast]\n    );\n\n    const hideToast = React.useCallback(\n        (id: number | string) => {\n            return sonnerToast.dismiss(id);\n        },\n        [sonnerToast]\n    );\n\n    const hideAllToasts = React.useCallback(() => {\n        const toastIds = sonnerToast.getToasts().map(toast => toast.id);\n\n        if (toastIds.length === 0) {\n            return;\n        }\n\n        // Dismiss each toast with a small delay between them\n        // This helps ensure each dismissal is processed properly\n        toastIds.forEach((id, index) => {\n            setTimeout(() => {\n                sonnerToast.dismiss(id);\n            }, index * 50);\n        });\n    }, [sonnerToast]);\n\n    const showSuccessToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Check />} label={\"\"} className={\"wby-fill-success\"} />,\n            ...params\n        });\n    };\n\n    const showWarningToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Warning />} label={\"\"} className={\"wby-fill-warning\"} />,\n            ...params\n        });\n    };\n\n    return React.useMemo(\n        () => ({\n            showToast,\n            showSuccessToast,\n            showWarningToast,\n            hideToast,\n            hideAllToasts\n        }),\n        [showToast, hideToast, hideAllToasts]\n    );\n};\n\nexport { useToast, type ShowToastParams };\n"],"mappings":"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","ignoreList":[]}

package/Toast/useToast.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { type ShowToastParams } from "./useToast";
+declare const meta: Meta<ShowToastParams>;
+export default meta;
+type Story = StoryObj<ShowToastParams>;
+export declare const Default: Story;
+export declare const SubtleVariant: Story;
+export declare const WithTitleComponent: Story;
+export declare const WithDescription: Story;
+export declare const WithDescriptionComponent: Story;
+export declare const WithActions: Story;
+export declare const WithDescriptionAndActions: Story;
+export declare const WithCustomIcon: Story;
+export declare const WithInfiniteDuration: Story;
+export declare const NotDismissible: Story;
+export declare const withCustomPosition: Story;
+export declare const Documentation: Story;

package/Toast/useToast.stories.js

@@ -0,0 +1,182 @@
+import React, { useState } from "react";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { Toast } from "./Toast";
+import { useToast } from "./useToast";
+import { Button } from "../Button";
+import { Icon } from "../Icon";
+const ToastComponent = props => {
+  const [lastToast, setLastToast] = useState("");
+  const {
+    showToast,
+    hideToast,
+    hideAllToasts
+  } = useToast();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    text: "Show Toast",
+    onClick: () => {
+      const toast = showToast(props);
+      setLastToast(toast);
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: "Hide latest toast",
+    onClick: () => hideToast(lastToast)
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: "Hide all toasts",
+    onClick: () => hideAllToasts()
+  }));
+};
+const meta = {
+  title: "Components/Toast",
+  component: ToastComponent,
+  parameters: {
+    layout: "fullscreen"
+  },
+  argTypes: {
+    variant: {
+      control: "select",
+      options: ["default", "subtle"]
+    }
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-h-64 wby-flex wby-justify-center wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Story, null), /*#__PURE__*/React.createElement(Toast.Provider, null))]
+};
+export default meta;
+export const Default = {
+  args: {
+    title: "New entry created"
+  }
+};
+export const SubtleVariant = {
+  args: {
+    ...Default.args,
+    variant: "subtle"
+  }
+};
+export const WithTitleComponent = {
+  args: {
+    title: /*#__PURE__*/React.createElement(Toast.Title, {
+      text: "New entry created"
+    })
+  }
+};
+export const WithDescription = {
+  args: {
+    ...Default.args,
+    description: 'Entry "Article One" has been successfully created'
+  }
+};
+export const WithDescriptionComponent = {
+  args: {
+    ...Default.args,
+    description: /*#__PURE__*/React.createElement(Toast.Description, {
+      text: 'Entry "Article One" has been successfully created'
+    })
+  }
+};
+export const WithActions = {
+  args: {
+    ...Default.args,
+    actions: /*#__PURE__*/React.createElement(Toast.Actions, null, /*#__PURE__*/React.createElement(Button, {
+      key: "action-1",
+      text: "Do the action",
+      onClick: () => console.log("doTheAction")
+    }), /*#__PURE__*/React.createElement(Button, {
+      key: "action-2",
+      text: "Dismiss",
+      onClick: () => console.log("dismiss"),
+      variant: "secondary"
+    }))
+  }
+};
+export const WithDescriptionAndActions = {
+  args: {
+    ...Default.args,
+    description: /*#__PURE__*/React.createElement(Toast.Description, {
+      text: 'Entry "Article One" has been successfully created'
+    }),
+    actions: /*#__PURE__*/React.createElement(Toast.Actions, null, /*#__PURE__*/React.createElement(Button, {
+      key: "action-1",
+      text: "Do the action",
+      onClick: () => console.log("doTheAction")
+    }), /*#__PURE__*/React.createElement(Button, {
+      key: "action-2",
+      text: "Dismiss",
+      onClick: () => console.log("dismiss"),
+      variant: "secondary"
+    }))
+  }
+};
+export const WithCustomIcon = {
+  args: {
+    ...Default.args,
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+      label: "Settings"
+    })
+  }
+};
+export const WithInfiniteDuration = {
+  args: {
+    ...Default.args,
+    duration: Infinity
+  }
+};
+export const NotDismissible = {
+  args: {
+    ...Default.args,
+    dismissible: false
+  }
+};
+export const withCustomPosition = {
+  args: {
+    ...Default.args,
+    position: "bottom-right"
+  }
+};
+export const Documentation = {
+  args: {
+    title: "New entry created",
+    description: "Entry has been successfully created",
+    variant: "default",
+    position: "top-right",
+    duration: 6000,
+    dismissible: true,
+    actions: undefined,
+    icon: undefined
+  },
+  argTypes: {
+    title: {
+      description: "Please refer to the 'With Title Component' example below for details."
+    },
+    description: {
+      description: "Please refer to the 'With Description' and 'With Description Component' examples below for details."
+    },
+    variant: {
+      description: "Variant of the toast."
+    },
+    actions: {
+      description: "Please refer to the 'With Actions' example below for details.",
+      control: "none"
+    },
+    icon: {
+      description: "Please refer to the 'With Custom Icon' example below for details.",
+      control: "none"
+    },
+    duration: {
+      description: "Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.",
+      control: "number"
+    },
+    dismissible: {
+      description: "Please refer to the 'Not Dismissible' example below for details.",
+      control: "none"
+    },
+    position: {
+      description: "Please refer to the 'With Custom Position' example below for details.",
+      control: "select",
+      options: ["top-left", "top-right", "bottom-left", "bottom-right", "top-center", "bottom-center"]
+    }
+  }
+};
+
+//# sourceMappingURL=useToast.stories.js.map

package/Toast/useToast.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ReactComponent","SettingsIcon","Toast","useToast","Button","Icon","ToastComponent","props","lastToast","setLastToast","showToast","hideToast","hideAllToasts","createElement","Fragment","text","onClick","toast","meta","title","component","parameters","layout","argTypes","variant","control","options","decorators","Story","className","Provider","Default","args","SubtleVariant","WithTitleComponent","Title","WithDescription","description","WithDescriptionComponent","Description","WithActions","actions","Actions","key","console","log","WithDescriptionAndActions","WithCustomIcon","icon","label","WithInfiniteDuration","duration","Infinity","NotDismissible","dismissible","withCustomPosition","position","Documentation","undefined"],"sources":["useToast.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Toast } from \"./Toast\";\nimport { useToast, type ShowToastParams } from \"./useToast\";\nimport { Button } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\n\nconst ToastComponent = (props: ShowToastParams) => {\n    const [lastToast, setLastToast] = useState<string | number>(\"\");\n    const { showToast, hideToast, hideAllToasts } = useToast();\n    return (\n        <>\n            <Button\n                text={\"Show Toast\"}\n                onClick={() => {\n                    const toast = showToast(props);\n                    setLastToast(toast);\n                }}\n            />\n            <Button text={\"Hide latest toast\"} onClick={() => hideToast(lastToast)} />\n            <Button text={\"Hide all toasts\"} onClick={() => hideAllToasts()} />\n        </>\n    );\n};\n\nconst meta: Meta<ShowToastParams> = {\n    title: \"Components/Toast\",\n    component: ToastComponent,\n    parameters: {\n        layout: \"fullscreen\"\n    },\n    argTypes: {\n        variant: { control: \"select\", options: [\"default\", \"subtle\"] }\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-w-full wby-h-64 wby-flex wby-justify-center wby-items-center wby-gap-sm\">\n                <Story />\n                <Toast.Provider />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<ShowToastParams>;\n\nexport const Default: Story = {\n    args: {\n        title: \"New entry created\"\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    }\n};\n\nexport const WithTitleComponent: Story = {\n    args: {\n        title: <Toast.Title text={\"New entry created\"} />\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: 'Entry \"Article One\" has been successfully created'\n    }\n};\n\nexport const WithDescriptionComponent: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        )\n    }\n};\n\nexport const WithActions: Story = {\n    args: {\n        ...Default.args,\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithDescriptionAndActions: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        ),\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithCustomIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Icon icon={<SettingsIcon />} label={\"Settings\"} />\n    }\n};\n\nexport const WithInfiniteDuration: Story = {\n    args: {\n        ...Default.args,\n        duration: Infinity\n    }\n};\n\nexport const NotDismissible: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const withCustomPosition: Story = {\n    args: {\n        ...Default.args,\n        position: \"bottom-right\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        title: \"New entry created\",\n        description: \"Entry has been successfully created\",\n        variant: \"default\",\n        position: \"top-right\",\n        duration: 6000,\n        dismissible: true,\n        actions: undefined,\n        icon: undefined\n    },\n    argTypes: {\n        title: {\n            description: \"Please refer to the 'With Title Component' example below for details.\"\n        },\n        description: {\n            description:\n                \"Please refer to the 'With Description' and 'With Description Component' examples below for details.\"\n        },\n        variant: {\n            description: \"Variant of the toast.\"\n        },\n        actions: {\n            description: \"Please refer to the 'With Actions' example below for details.\",\n            control: \"none\"\n        },\n        icon: {\n            description: \"Please refer to the 'With Custom Icon' example below for details.\",\n            control: \"none\"\n        },\n        duration: {\n            description:\n                \"Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.\",\n            control: \"number\"\n        },\n        dismissible: {\n            description: \"Please refer to the 'Not Dismissible' example below for details.\",\n            control: \"none\"\n        },\n        position: {\n            description: \"Please refer to the 'With Custom Position' example below for details.\",\n            control: \"select\",\n            options: [\n                \"top-left\",\n                \"top-right\",\n                \"bottom-left\",\n                \"bottom-right\",\n                \"top-center\",\n                \"bottom-center\"\n            ]\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAE3E,SAASC,KAAK;AACd,SAASC,QAAQ;AACjB,SAASC,MAAM;AACf,SAASC,IAAI;AAEb,MAAMC,cAAc,GAAIC,KAAsB,IAAK;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGV,QAAQ,CAAkB,EAAE,CAAC;EAC/D,MAAM;IAAEW,SAAS;IAAEC,SAAS;IAAEC;EAAc,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC1D,oBACIL,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAe,aAAA,CAACT,MAAM;IACHW,IAAI,EAAE,YAAa;IACnBC,OAAO,EAAEA,CAAA,KAAM;MACX,MAAMC,KAAK,GAAGP,SAAS,CAACH,KAAK,CAAC;MAC9BE,YAAY,CAACQ,KAAK,CAAC;IACvB;EAAE,CACL,CAAC,eACFnB,KAAA,CAAAe,aAAA,CAACT,MAAM;IAACW,IAAI,EAAE,mBAAoB;IAACC,OAAO,EAAEA,CAAA,KAAML,SAAS,CAACH,SAAS;EAAE,CAAE,CAAC,eAC1EV,KAAA,CAAAe,aAAA,CAACT,MAAM;IAACW,IAAI,EAAE,iBAAkB;IAACC,OAAO,EAAEA,CAAA,KAAMJ,aAAa,CAAC;EAAE,CAAE,CACpE,CAAC;AAEX,CAAC;AAED,MAAMM,IAA2B,GAAG;EAChCC,KAAK,EAAE,kBAAkB;EACzBC,SAAS,EAAEd,cAAc;EACzBe,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACNC,OAAO,EAAE;MAAEC,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ;IAAE;EACjE,CAAC;EACDC,UAAU,EAAE,CACRC,KAAK,iBACD9B,KAAA,CAAAe,aAAA;IAAKgB,SAAS,EAAC;EAA6E,gBACxF/B,KAAA,CAAAe,aAAA,CAACe,KAAK,MAAE,CAAC,eACT9B,KAAA,CAAAe,aAAA,CAACX,KAAK,CAAC4B,QAAQ,MAAE,CAChB,CACR;AAET,CAAC;AAED,eAAeZ,IAAI;AAInB,OAAO,MAAMa,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFb,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMc,aAAoB,GAAG;EAChCD,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfR,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMU,kBAAyB,GAAG;EACrCF,IAAI,EAAE;IACFb,KAAK,eAAErB,KAAA,CAAAe,aAAA,CAACX,KAAK,CAACiC,KAAK;MAACpB,IAAI,EAAE;IAAoB,CAAE;EACpD;AACJ,CAAC;AAED,OAAO,MAAMqB,eAAsB,GAAG;EAClCJ,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfK,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,wBAA+B,GAAG;EAC3CN,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfK,WAAW,eACPvC,KAAA,CAAAe,aAAA,CAACX,KAAK,CAACqC,WAAW;MAACxB,IAAI,EAAE;IAAoD,CAAE;EAEvF;AACJ,CAAC;AAED,OAAO,MAAMyB,WAAkB,GAAG;EAC9BR,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfS,OAAO,eACH3C,KAAA,CAAAe,aAAA,CAACX,KAAK,CAACwC,OAAO,qBACV5C,KAAA,CAAAe,aAAA,CAACT,MAAM;MACHuC,GAAG,EAAE,UAAW;MAChB5B,IAAI,EAAE,eAAgB;MACtBC,OAAO,EAAEA,CAAA,KAAM4B,OAAO,CAACC,GAAG,CAAC,aAAa;IAAE,CAC7C,CAAC,eACF/C,KAAA,CAAAe,aAAA,CAACT,MAAM;MACHuC,GAAG,EAAE,UAAW;MAChB5B,IAAI,EAAE,SAAU;MAChBC,OAAO,EAAEA,CAAA,KAAM4B,OAAO,CAACC,GAAG,CAAC,SAAS,CAAE;MACtCrB,OAAO,EAAE;IAAY,CACxB,CACU;EAEvB;AACJ,CAAC;AAED,OAAO,MAAMsB,yBAAgC,GAAG;EAC5Cd,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfK,WAAW,eACPvC,KAAA,CAAAe,aAAA,CAACX,KAAK,CAACqC,WAAW;MAACxB,IAAI,EAAE;IAAoD,CAAE,CAClF;IACD0B,OAAO,eACH3C,KAAA,CAAAe,aAAA,CAACX,KAAK,CAACwC,OAAO,qBACV5C,KAAA,CAAAe,aAAA,CAACT,MAAM;MACHuC,GAAG,EAAE,UAAW;MAChB5B,IAAI,EAAE,eAAgB;MACtBC,OAAO,EAAEA,CAAA,KAAM4B,OAAO,CAACC,GAAG,CAAC,aAAa;IAAE,CAC7C,CAAC,eACF/C,KAAA,CAAAe,aAAA,CAACT,MAAM;MACHuC,GAAG,EAAE,UAAW;MAChB5B,IAAI,EAAE,SAAU;MAChBC,OAAO,EAAEA,CAAA,KAAM4B,OAAO,CAACC,GAAG,CAAC,SAAS,CAAE;MACtCrB,OAAO,EAAE;IAAY,CACxB,CACU;EAEvB;AACJ,CAAC;AAED,OAAO,MAAMuB,cAAqB,GAAG;EACjCf,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfgB,IAAI,eAAElD,KAAA,CAAAe,aAAA,CAACR,IAAI;MAAC2C,IAAI,eAAElD,KAAA,CAAAe,aAAA,CAACZ,YAAY,MAAE,CAAE;MAACgD,KAAK,EAAE;IAAW,CAAE;EAC5D;AACJ,CAAC;AAED,OAAO,MAAMC,oBAA2B,GAAG;EACvClB,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfmB,QAAQ,EAAEC;EACd;AACJ,CAAC;AAED,OAAO,MAAMC,cAAqB,GAAG;EACjCrB,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfsB,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,kBAAyB,GAAG;EACrCvB,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfwB,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMC,aAAoB,GAAG;EAChCzB,IAAI,EAAE;IACFb,KAAK,EAAE,mBAAmB;IAC1BkB,WAAW,EAAE,qCAAqC;IAClDb,OAAO,EAAE,SAAS;IAClBgC,QAAQ,EAAE,WAAW;IACrBL,QAAQ,EAAE,IAAI;IACdG,WAAW,EAAE,IAAI;IACjBb,OAAO,EAAEiB,SAAS;IAClBV,IAAI,EAAEU;EACV,CAAC;EACDnC,QAAQ,EAAE;IACNJ,KAAK,EAAE;MACHkB,WAAW,EAAE;IACjB,CAAC;IACDA,WAAW,EAAE;MACTA,WAAW,EACP;IACR,CAAC;IACDb,OAAO,EAAE;MACLa,WAAW,EAAE;IACjB,CAAC;IACDI,OAAO,EAAE;MACLJ,WAAW,EAAE,+DAA+D;MAC5EZ,OAAO,EAAE;IACb,CAAC;IACDuB,IAAI,EAAE;MACFX,WAAW,EAAE,mEAAmE;MAChFZ,OAAO,EAAE;IACb,CAAC;IACD0B,QAAQ,EAAE;MACNd,WAAW,EACP,mIAAmI;MACvIZ,OAAO,EAAE;IACb,CAAC;IACD6B,WAAW,EAAE;MACTjB,WAAW,EAAE,kEAAkE;MAC/EZ,OAAO,EAAE;IACb,CAAC;IACD+B,QAAQ,EAAE;MACNnB,WAAW,EAAE,uEAAuE;MACpFZ,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe;IAEvB;EACJ;AACJ,CAAC","ignoreList":[]}

package/Tooltip/Tooltip.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { TooltipContentProps } from "./components";
+interface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, "content" | "children"> {
+    align?: TooltipPrimitive.TooltipContentProps["align"];
+    content: React.ReactNode;
+    delay?: number;
+    onOpenChange?: TooltipPrimitive.TooltipProps["onOpenChange"];
+    showArrow?: boolean;
+    side?: TooltipPrimitive.TooltipContentProps["side"];
+    variant?: TooltipContentProps["variant"];
+    trigger: React.ReactNode;
+    rawTrigger?: boolean;
+}
+declare const Tooltip: (({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element) & {
+    original: ({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element) & {
+        original: ({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element) & {
+        original: ({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+};
+export { Tooltip, type TooltipProps };

package/Tooltip/Tooltip.js

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { withStaticProps, makeDecoratable } from "../utils";
+import { TooltipArrow, TooltipContent } from "./components";
+const TooltipProvider = TooltipPrimitive.Provider;
+const TooltipRoot = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const DecoratableTooltip = ({
+  align,
+  content,
+  onOpenChange,
+  showArrow = true,
+  side,
+  variant,
+  trigger,
+  delay = 500,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(TooltipRoot, {
+    delayDuration: delay,
+    onOpenChange: onOpenChange
+  }, /*#__PURE__*/React.createElement(TooltipTrigger, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "wby-inline-block wby-text-0 wby-leading-none"
+  }, trigger)), /*#__PURE__*/React.createElement(TooltipContent, Object.assign({
+    side: side,
+    align: align,
+    sideOffset: 4,
+    variant: variant,
+    hiddenArrow: !showArrow
+  }, props), content, showArrow && /*#__PURE__*/React.createElement(TooltipArrow, {
+    variant: variant
+  })));
+};
+const Tooltip = withStaticProps(makeDecoratable("Tooltip", DecoratableTooltip), {
+  Provider: TooltipProvider
+});
+export { Tooltip };
+
+//# sourceMappingURL=Tooltip.js.map

package/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Tooltip","TooltipPrimitive","withStaticProps","makeDecoratable","TooltipArrow","TooltipContent","TooltipProvider","Provider","TooltipRoot","Root","TooltipTrigger","Trigger","DecoratableTooltip","align","content","onOpenChange","showArrow","side","variant","trigger","delay","props","createElement","delayDuration","asChild","className","Object","assign","sideOffset","hiddenArrow"],"sources":["Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport { withStaticProps, makeDecoratable } from \"~/utils\";\nimport { TooltipArrow, TooltipContent, TooltipContentProps } from \"./components\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst TooltipRoot = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\ninterface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, \"content\" | \"children\"> {\n    align?: TooltipPrimitive.TooltipContentProps[\"align\"];\n    content: React.ReactNode;\n    delay?: number;\n    onOpenChange?: TooltipPrimitive.TooltipProps[\"onOpenChange\"];\n    showArrow?: boolean;\n    side?: TooltipPrimitive.TooltipContentProps[\"side\"];\n    variant?: TooltipContentProps[\"variant\"];\n    trigger: React.ReactNode;\n    rawTrigger?: boolean;\n}\n\nconst DecoratableTooltip = ({\n    align,\n    content,\n    onOpenChange,\n    showArrow = true,\n    side,\n    variant,\n    trigger,\n    delay = 500,\n    ...props\n}: TooltipProps) => {\n    return (\n        <TooltipRoot delayDuration={delay} onOpenChange={onOpenChange}>\n            <TooltipTrigger asChild>\n                <span className={\"wby-inline-block wby-text-0 wby-leading-none\"}>{trigger}</span>\n            </TooltipTrigger>\n            <TooltipContent\n                side={side}\n                align={align}\n                sideOffset={4}\n                variant={variant}\n                hiddenArrow={!showArrow}\n                {...props}\n            >\n                {content}\n                {showArrow && <TooltipArrow variant={variant} />}\n            </TooltipContent>\n        </TooltipRoot>\n    );\n};\n\nconst Tooltip = withStaticProps(makeDecoratable(\"Tooltip\", DecoratableTooltip), {\n    Provider: TooltipProvider\n});\n\nexport { Tooltip, type TooltipProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,YAAY,EAAEC,cAAc;AAErC,MAAMC,eAAe,GAAGL,gBAAgB,CAACM,QAAQ;AAEjD,MAAMC,WAAW,GAAGP,gBAAgB,CAACQ,IAAI;AAEzC,MAAMC,cAAc,GAAGT,gBAAgB,CAACU,OAAO;AAc/C,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,KAAK;EACLC,OAAO;EACPC,YAAY;EACZC,SAAS,GAAG,IAAI;EAChBC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,KAAK,GAAG,GAAG;EACX,GAAGC;AACO,CAAC,KAAK;EAChB,oBACItB,KAAA,CAAAuB,aAAA,CAACd,WAAW;IAACe,aAAa,EAAEH,KAAM;IAACL,YAAY,EAAEA;EAAa,gBAC1DhB,KAAA,CAAAuB,aAAA,CAACZ,cAAc;IAACc,OAAO;EAAA,gBACnBzB,KAAA,CAAAuB,aAAA;IAAMG,SAAS,EAAE;EAA+C,GAAEN,OAAc,CACpE,CAAC,eACjBpB,KAAA,CAAAuB,aAAA,CAACjB,cAAc,EAAAqB,MAAA,CAAAC,MAAA;IACXV,IAAI,EAAEA,IAAK;IACXJ,KAAK,EAAEA,KAAM;IACbe,UAAU,EAAE,CAAE;IACdV,OAAO,EAAEA,OAAQ;IACjBW,WAAW,EAAE,CAACb;EAAU,GACpBK,KAAK,GAERP,OAAO,EACPE,SAAS,iBAAIjB,KAAA,CAAAuB,aAAA,CAAClB,YAAY;IAACc,OAAO,EAAEA;EAAQ,CAAE,CACnC,CACP,CAAC;AAEtB,CAAC;AAED,MAAMlB,OAAO,GAAGE,eAAe,CAACC,eAAe,CAAC,SAAS,EAAES,kBAAkB,CAAC,EAAE;EAC5EL,QAAQ,EAAED;AACd,CAAC,CAAC;AAEF,SAASN,OAAO","ignoreList":[]}