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

package/Dialog/components/DialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","DialogTitle","DialogDescription","dialogHeaderVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogHeader","title","icon","description","className","props","nothingToRender","useMemo","createElement","Object","assign","cloneElement","includes"],"sources":["DialogHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils\";\nimport { type DialogProps } from \"../Dialog\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { DialogDescription } from \"./DialogDescription\";\n\nconst dialogHeaderVariants = cva(\n    [\"wby-flex wby-flex-col wby-gap-sm\", \"wby-text-neutral-primary\", \"wby-sm:text-left\"],\n    {\n        variants: {\n            size: {\n                sm: \"wby-pt-md wby-pb-md-extra wby-px-md-extra wby-mr-xl\",\n                md: \"wby-pt-md wby-pb-md-extra wby-px-md-extra wby-mr-xl\",\n                lg: \"wby-pt-md wby-pb-md-extra wby-px-lg wby-mr-xl\",\n                xl: \"wby-pt-md wby-pb-md-extra wby-px-lg wby-mr-xl\",\n                full: \"wby-pt-md wby-pb-md-extra wby-px-lg wby-mr-xl\"\n            }\n        },\n        defaultVariants: {\n            size: \"md\"\n        }\n    }\n);\n\nexport type DialogHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> &\n    Pick<DialogProps, \"title\" | \"icon\" | \"description\" | \"size\">;\n\nexport const DialogHeader = ({\n    title,\n    icon,\n    description,\n    size,\n    className,\n    ...props\n}: DialogHeaderProps) => {\n    const nothingToRender = React.useMemo(() => {\n        return !title && !description && !icon;\n    }, [title, description, icon]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <div {...props} className={cn(dialogHeaderVariants({ size }), className)}>\n            <DialogTitle size={size}>\n                {icon &&\n                    React.cloneElement(icon, {\n                        size: size && [\"lg\", \"xl\", \"full\"].includes(size) ? \"lg\" : \"md\" // Adjust icon size based on dialog size\n                    })}\n                {title}\n            </DialogTitle>\n            {description && <DialogDescription>{description}</DialogDescription>}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAE1B,MAAMC,oBAAoB,GAAGH,GAAG,CAC5B,CAAC,kCAAkC,EAAE,0BAA0B,EAAE,kBAAkB,CAAC,EACpF;EACII,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,qDAAqD;MACzDC,EAAE,EAAE,qDAAqD;MACzDC,EAAE,EAAE,+CAA+C;MACnDC,EAAE,EAAE,+CAA+C;MACnDC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAKD,OAAO,MAAMO,YAAY,GAAGA,CAAC;EACzBC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXV,IAAI;EACJW,SAAS;EACT,GAAGC;AACY,CAAC,KAAK;EACrB,MAAMC,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,MAAM;IACxC,OAAO,CAACN,KAAK,IAAI,CAACE,WAAW,IAAI,CAACD,IAAI;EAC1C,CAAC,EAAE,CAACD,KAAK,EAAEE,WAAW,EAAED,IAAI,CAAC,CAAC;EAE9B,IAAII,eAAe,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACIpB,KAAA,CAAAsB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASL,KAAK;IAAED,SAAS,EAAEjB,EAAE,CAACI,oBAAoB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAEW,SAAS;EAAE,iBACrElB,KAAA,CAAAsB,aAAA,CAACnB,WAAW;IAACI,IAAI,EAAEA;EAAK,GACnBS,IAAI,iBACDhB,KAAK,CAACyB,YAAY,CAACT,IAAI,EAAE;IACrBT,IAAI,EAAEA,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAACmB,QAAQ,CAACnB,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;EACpE,CAAC,CAAC,EACLQ,KACQ,CAAC,EACbE,WAAW,iBAAIjB,KAAA,CAAAsB,aAAA,CAAClB,iBAAiB,QAAEa,WAA+B,CAClE,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","DialogTitle","DialogDescription","dialogHeaderVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogHeader","title","icon","description","className","props","nothingToRender","useMemo","createElement","Object","assign","cloneElement","includes"],"sources":["DialogHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport { type DialogProps } from \"../Dialog.js\";\nimport { DialogTitle } from \"./DialogTitle.js\";\nimport { DialogDescription } from \"./DialogDescription.js\";\n\nconst dialogHeaderVariants = cva([\"flex flex-col gap-xs\", \"text-neutral-primary\", \"sm:text-left\"], {\n    variants: {\n        size: {\n            sm: \"pt-md pb-md-extra px-md-extra mr-xl\",\n            md: \"pt-md pb-md-extra px-md-extra mr-xl\",\n            lg: \"pt-md pb-md-extra px-lg mr-xl\",\n            xl: \"pt-md pb-md-extra px-lg mr-xl\",\n            full: \"pt-md pb-md-extra px-lg mr-xl\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\nexport type DialogHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> &\n    Pick<DialogProps, \"title\" | \"icon\" | \"description\" | \"size\">;\n\nexport const DialogHeader = ({\n    title,\n    icon,\n    description,\n    size,\n    className,\n    ...props\n}: DialogHeaderProps) => {\n    const nothingToRender = React.useMemo(() => {\n        return !title && !description && !icon;\n    }, [title, description, icon]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <div {...props} className={cn(dialogHeaderVariants({ size }), className)}>\n            <DialogTitle size={size}>\n                {icon &&\n                    React.cloneElement(icon, {\n                        size: size && [\"lg\", \"xl\", \"full\"].includes(size) ? \"lg\" : \"md\" // Adjust icon size based on dialog size\n                    })}\n                {title}\n            </DialogTitle>\n            {description && <DialogDescription>{description}</DialogDescription>}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAE1B,MAAMC,oBAAoB,GAAGH,GAAG,CAAC,CAAC,sBAAsB,EAAE,sBAAsB,EAAE,cAAc,CAAC,EAAE;EAC/FI,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,qCAAqC;MACzCC,EAAE,EAAE,qCAAqC;MACzCC,EAAE,EAAE,+BAA+B;MACnCC,EAAE,EAAE,+BAA+B;MACnCC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAKF,OAAO,MAAMO,YAAY,GAAGA,CAAC;EACzBC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXV,IAAI;EACJW,SAAS;EACT,GAAGC;AACY,CAAC,KAAK;EACrB,MAAMC,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,MAAM;IACxC,OAAO,CAACN,KAAK,IAAI,CAACE,WAAW,IAAI,CAACD,IAAI;EAC1C,CAAC,EAAE,CAACD,KAAK,EAAEE,WAAW,EAAED,IAAI,CAAC,CAAC;EAE9B,IAAII,eAAe,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACIpB,KAAA,CAAAsB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASL,KAAK;IAAED,SAAS,EAAEjB,EAAE,CAACI,oBAAoB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAEW,SAAS;EAAE,iBACrElB,KAAA,CAAAsB,aAAA,CAACnB,WAAW;IAACI,IAAI,EAAEA;EAAK,GACnBS,IAAI,iBACDhB,KAAK,CAACyB,YAAY,CAACT,IAAI,EAAE;IACrBT,IAAI,EAAEA,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAACmB,QAAQ,CAACnB,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;EACpE,CAAC,CAAC,EACLQ,KACQ,CAAC,EACbE,WAAW,iBAAIjB,KAAA,CAAAsB,aAAA,CAAClB,iBAAiB,QAAEa,WAA+B,CAClE,CAAC;AAEd,CAAC","ignoreList":[]}

package/Dialog/components/DialogOverlay.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 export const DialogOverlay = /*#__PURE__*/React.forwardRef(({
   className,
   ...props
 }, ref) => /*#__PURE__*/React.createElement(DialogPrimitive.Overlay, Object.assign({
-  id: "wby-admin-ui.dialog-overlay",
+  id: "admin-ui.dialog-overlay",
   ref: ref,
-  className: cn("wby-fixed wby-inset-0 wby-bg-neutral-dark/50 data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0", className)
+  className: cn("fixed inset-0 bg-neutral-dark/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
 }, props)));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 

package/Dialog/components/DialogOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DialogPrimitive","cn","DialogOverlay","forwardRef","className","props","ref","createElement","Overlay","Object","assign","id","displayName"],"sources":["DialogOverlay.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nexport const DialogOverlay = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Overlay>,\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n    <DialogPrimitive.Overlay\n        id={\"wby-admin-ui.dialog-overlay\"}\n        ref={ref}\n        className={cn(\n            \"wby-fixed wby-inset-0 wby-bg-neutral-dark/50 data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0\",\n            className\n        )}\n        {...props}\n    />\n));\n\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAEX,OAAO,MAAMC,aAAa,gBAAGJ,KAAK,CAACK,UAAU,CAG3C,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BR,KAAA,CAAAS,aAAA,CAACP,eAAe,CAACQ,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACpBC,EAAE,EAAE,6BAA8B;EAClCL,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEH,EAAE,CACT,sLAAsL,EACtLG,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ,CAAC;AAEFH,aAAa,CAACU,WAAW,GAAGZ,eAAe,CAACQ,OAAO,CAACI,WAAW","ignoreList":[]}
+{"version":3,"names":["React","Dialog","DialogPrimitive","cn","DialogOverlay","forwardRef","className","props","ref","createElement","Overlay","Object","assign","id","displayName"],"sources":["DialogOverlay.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nexport const DialogOverlay = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Overlay>,\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n    <DialogPrimitive.Overlay\n        id={\"admin-ui.dialog-overlay\"}\n        ref={ref}\n        className={cn(\n            \"fixed inset-0 bg-neutral-dark/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n            className\n        )}\n        {...props}\n    />\n));\n\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAEX,OAAO,MAAMC,aAAa,gBAAGJ,KAAK,CAACK,UAAU,CAG3C,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BR,KAAA,CAAAS,aAAA,CAACP,eAAe,CAACQ,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACpBC,EAAE,EAAE,yBAA0B;EAC9BL,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEH,EAAE,CACT,0JAA0J,EAC1JG,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ,CAAC;AAEFH,aAAa,CAACU,WAAW,GAAGZ,eAAe,CAACQ,OAAO,CAACI,WAAW","ignoreList":[]}

package/Dialog/components/DialogPortal.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { Dialog as DialogPrimitive } from "radix-ui";
 export declare const DialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;

package/Dialog/components/DialogRoot.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { Dialog as DialogPrimitive } from "radix-ui";
 export declare const DialogRoot: import("react").FC<DialogPrimitive.DialogProps>;

package/Dialog/components/DialogTitle.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const dialogTitleVariants: (props?: ({
-    size?: "full" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & VariantProps<typeof dialogTitleVariants>;
 export declare const DialogTitle: ({ className, size, ...props }: DialogTitleProps) => React.JSX.Element;
 export {};

package/Dialog/components/DialogTitle.js

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { cn, cva } from "../../utils";
-const dialogTitleVariants = cva("wby-flex wby-items-center wby-gap-sm", {
+import { cn, cva } from "../../utils.js";
+const dialogTitleVariants = cva("flex items-center gap-sm", {
   variants: {
     size: {
-      sm: "wby-text-h5",
-      md: "wby-text-h5",
-      lg: "wby-text-h4",
-      xl: "wby-text-h4",
-      full: "wby-text-h4"
+      sm: "text-h5",
+      md: "text-h5",
+      lg: "text-h4",
+      xl: "text-h4",
+      full: "text-h4"
     }
   },
   defaultVariants: {

package/Dialog/components/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DialogPrimitive","cn","cva","dialogTitleVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogTitle","className","props","createElement","Title","Object","assign"],"sources":["DialogTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst dialogTitleVariants = cva(\"wby-flex wby-items-center wby-gap-sm\", {\n    variants: {\n        size: {\n            sm: \"wby-text-h5\",\n            md: \"wby-text-h5\",\n            lg: \"wby-text-h4\",\n            xl: \"wby-text-h4\",\n            full: \"wby-text-h4\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\nexport type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> &\n    VariantProps<typeof dialogTitleVariants>;\n\nexport const DialogTitle = ({ className, size, ...props }: DialogTitleProps) => (\n    <DialogPrimitive.Title {...props} className={cn(dialogTitleVariants({ size }), className)} />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,mBAAmB,GAAGD,GAAG,CAAC,sCAAsC,EAAE;EACpEE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAKF,OAAO,MAAMO,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAER,IAAI;EAAE,GAAGS;AAAwB,CAAC,kBACvEhB,KAAA,CAAAiB,aAAA,CAACf,eAAe,CAACgB,KAAK,EAAAC,MAAA,CAAAC,MAAA,KAAKJ,KAAK;EAAED,SAAS,EAAEZ,EAAE,CAACE,mBAAmB,CAAC;IAAEE;EAAK,CAAC,CAAC,EAAEQ,SAAS;AAAE,EAAE,CAC/F","ignoreList":[]}
+{"version":3,"names":["React","Dialog","DialogPrimitive","cn","cva","dialogTitleVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogTitle","className","props","createElement","Title","Object","assign"],"sources":["DialogTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst dialogTitleVariants = cva(\"flex items-center gap-sm\", {\n    variants: {\n        size: {\n            sm: \"text-h5\",\n            md: \"text-h5\",\n            lg: \"text-h4\",\n            xl: \"text-h4\",\n            full: \"text-h4\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\nexport type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> &\n    VariantProps<typeof dialogTitleVariants>;\n\nexport const DialogTitle = ({ className, size, ...props }: DialogTitleProps) => (\n    <DialogPrimitive.Title {...props} className={cn(dialogTitleVariants({ size }), className)} />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,mBAAmB,GAAGD,GAAG,CAAC,0BAA0B,EAAE;EACxDE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAKF,OAAO,MAAMO,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAER,IAAI;EAAE,GAAGS;AAAwB,CAAC,kBACvEhB,KAAA,CAAAiB,aAAA,CAACf,eAAe,CAACgB,KAAK,EAAAC,MAAA,CAAAC,MAAA,KAAKJ,KAAK;EAAED,SAAS,EAAEZ,EAAE,CAACE,mBAAmB,CAAC;IAAEE;EAAK,CAAC,CAAC,EAAEQ,SAAS;AAAE,EAAE,CAC/F","ignoreList":[]}

package/Dialog/components/DialogTrigger.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { Dialog as DialogPrimitive } from "radix-ui";
 export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/Dialog/components/Icon.d.ts

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

package/Dialog/components/Icon.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Icon as IconComponent } from "../../Icon";
-import { makeDecoratable } from "../../utils";
+import { Icon as IconComponent } from "../../Icon/index.js";
+import { makeDecoratable } from "../../utils.js";
 const IconBase = props => {
   return /*#__PURE__*/React.createElement(IconComponent, Object.assign({
     size: "md",

package/Dialog/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","IconComponent","makeDecoratable","IconBase","props","createElement","Object","assign","size","color"],"sources":["Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { IconProps as IconComponentProps } from \"~/Icon\";\nimport { Icon as IconComponent } from \"~/Icon\";\nimport { makeDecoratable } from \"~/utils\";\n\ntype IconProps = IconComponentProps;\n\nconst IconBase = (props: IconProps) => {\n    return <IconComponent size={\"md\"} color={\"neutral-strong\"} {...props} />;\n};\n\nexport const Icon = makeDecoratable(\"Icon\", IconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,IAAIC,aAAa;AAC9B,SAASC,eAAe;AAIxB,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACnC,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,GAAKL,KAAK,CAAG,CAAC;AAC5E,CAAC;AAED,OAAO,MAAMJ,IAAI,GAAGE,eAAe,CAAC,MAAM,EAAEC,QAAQ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Icon","IconComponent","makeDecoratable","IconBase","props","createElement","Object","assign","size","color"],"sources":["Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ntype IconProps = IconComponentProps;\n\nconst IconBase = (props: IconProps) => {\n    return <IconComponent size={\"md\"} color={\"neutral-strong\"} {...props} />;\n};\n\nexport const Icon = makeDecoratable(\"Icon\", IconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,IAAIC,aAAa;AAC9B,SAASC,eAAe;AAIxB,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACnC,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,GAAKL,KAAK,CAAG,CAAC;AAC5E,CAAC;AAED,OAAO,MAAMJ,IAAI,GAAGE,eAAe,CAAC,MAAM,EAAEC,QAAQ,CAAC","ignoreList":[]}

package/Dialog/index.d.ts

@@ -1 +1 @@
-export * from "./Dialog";
+export * from "./Dialog.js";

package/Dialog/index.js

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

package/Dialog/index.js.map

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

package/Drawer/Drawer.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { DrawerContent } from "./components/DrawerContent";
-import { DrawerRoot } from "./components/DrawerRoot";
+import { DrawerContent } from "./components/DrawerContent.js";
+import { DrawerRoot } from "./components/DrawerRoot.js";
 interface DrawerProps extends React.ComponentPropsWithoutRef<typeof DrawerRoot>, Omit<React.ComponentPropsWithoutRef<typeof DrawerContent>, "title"> {
     trigger?: React.ReactNode;
     title?: React.ReactNode;
@@ -43,7 +43,7 @@ declare const Drawer: {
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<{
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
         (props: DrawerProps): React.JSX.Element;
         displayName: string;
     } & {
@@ -55,59 +55,59 @@ declare const Drawer: {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    ConfirmButton: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-        original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+    ConfirmButton: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+        original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        original: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    CancelButton: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-        original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+    CancelButton: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+        original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        original: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Icon: (({ className, ...props }: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
-        original: ({ className, ...props }: import("../Icon/Icon").IconProps) => React.JSX.Element;
+    Icon: (({ className, ...props }: import("../index.js").IconProps) => React.JSX.Element) & {
+        original: ({ className, ...props }: import("../index.js").IconProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ className, ...props }: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
-            original: ({ className, ...props }: import("../Icon/Icon").IconProps) => React.JSX.Element;
+        original: (({ className, ...props }: import("../index.js").IconProps) => React.JSX.Element) & {
+            original: ({ className, ...props }: import("../index.js").IconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, ...props }: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
-            original: ({ className, ...props }: import("../Icon/Icon").IconProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, ...props }: import("../index.js").IconProps) => React.JSX.Element) & {
+            original: ({ className, ...props }: import("../index.js").IconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;

package/Drawer/Drawer.js

@@ -1,16 +1,16 @@
 import * as React from "react";
-import { makeDecoratable, withStaticProps } from "../utils";
-import { DrawerContent } from "./components/DrawerContent";
-import { DrawerFooter } from "./components/DrawerFooter";
-import { DrawerHeader } from "./components/DrawerHeader";
-import { DrawerOverlay } from "./components/DrawerOverlay";
-import { DrawerPortal } from "./components/DrawerPortal";
-import { DrawerRoot } from "./components/DrawerRoot";
-import { DrawerTrigger } from "./components/DrawerTrigger";
-import { DrawerBody } from "./components/DrawerBody";
-import { Icon } from "./components/Icon";
-import { ConfirmButton } from "./components/ConfirmButton";
-import { CancelButton } from "./components/CancelButton";
+import { makeDecoratable, withStaticProps } from "../utils.js";
+import { DrawerContent } from "./components/DrawerContent.js";
+import { DrawerFooter } from "./components/DrawerFooter.js";
+import { DrawerHeader } from "./components/DrawerHeader.js";
+import { DrawerOverlay } from "./components/DrawerOverlay.js";
+import { DrawerPortal } from "./components/DrawerPortal.js";
+import { DrawerRoot } from "./components/DrawerRoot.js";
+import { DrawerTrigger } from "./components/DrawerTrigger.js";
+import { DrawerBody } from "./components/DrawerBody.js";
+import { Icon } from "./components/Icon.js";
+import { ConfirmButton } from "./components/ConfirmButton.js";
+import { CancelButton } from "./components/CancelButton.js";
 const DrawerBase = props => {
   const {
     rootProps,
@@ -93,9 +93,12 @@ const DrawerBase = props => {
   }, [props]);
   return /*#__PURE__*/React.createElement(DrawerRoot, rootProps, triggerProps.children && /*#__PURE__*/React.createElement(DrawerTrigger, Object.assign({}, triggerProps, {
     asChild: true
-  })), /*#__PURE__*/React.createElement(DrawerPortal, null, rootProps.modal && /*#__PURE__*/React.createElement(DrawerOverlay, null), /*#__PURE__*/React.createElement(DrawerContent, Object.assign({}, contentProps, {
+  })), /*#__PURE__*/React.createElement(DrawerPortal, null, /*#__PURE__*/React.createElement("div", {
+    "data-role": "drawer",
+    className: "absolute z-overlay"
+  }, rootProps.modal && /*#__PURE__*/React.createElement(DrawerOverlay, null), /*#__PURE__*/React.createElement(DrawerContent, Object.assign({}, contentProps, {
     modal: rootProps.modal
-  }), /*#__PURE__*/React.createElement(DrawerHeader, headerProps), /*#__PURE__*/React.createElement(DrawerBody, bodyProps), /*#__PURE__*/React.createElement(DrawerFooter, footerProps))));
+  }), /*#__PURE__*/React.createElement(DrawerHeader, headerProps), /*#__PURE__*/React.createElement(DrawerBody, bodyProps), /*#__PURE__*/React.createElement(DrawerFooter, footerProps)))));
 };
 DrawerBase.displayName = "Drawer";
 const DecoratableDrawer = makeDecoratable("Drawer", DrawerBase);

package/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","DrawerContent","DrawerFooter","DrawerHeader","DrawerOverlay","DrawerPortal","DrawerRoot","DrawerTrigger","DrawerBody","Icon","ConfirmButton","CancelButton","DrawerBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","useMemo","defaultOpen","open","onOpenChange","originalOnOpenChange","onClose","onOpen","modal","dir","trigger","title","icon","description","showCloseButton","headerSeparator","children","bodyPadding","actions","info","footerSeparator","rest","createElement","separator","Object","assign","asChild","displayName","DecoratableDrawer","Drawer"],"sources":["Drawer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { DrawerContent } from \"./components/DrawerContent\";\nimport { DrawerFooter } from \"./components/DrawerFooter\";\nimport { DrawerHeader } from \"./components/DrawerHeader\";\nimport { DrawerOverlay } from \"./components/DrawerOverlay\";\nimport { DrawerPortal } from \"./components/DrawerPortal\";\nimport { DrawerRoot } from \"./components/DrawerRoot\";\nimport { DrawerTrigger } from \"./components/DrawerTrigger\";\nimport { DrawerBody } from \"~/Drawer/components/DrawerBody\";\nimport { Icon } from \"./components/Icon\";\nimport { ConfirmButton } from \"./components/ConfirmButton\";\nimport { CancelButton } from \"./components/CancelButton\";\n\ninterface DrawerProps\n    extends React.ComponentPropsWithoutRef<typeof DrawerRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DrawerContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    modal?: boolean;\n    showCloseButton?: boolean;\n    bodyPadding?: boolean;\n    headerSeparator?: boolean;\n    footerSeparator?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    width?: React.CSSProperties[\"width\"];\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DrawerBase = (props: DrawerProps) => {\n    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps } =\n        React.useMemo(() => {\n            const {\n                // Root props.\n                defaultOpen,\n                open,\n                onOpenChange: originalOnOpenChange,\n                onClose,\n                onOpen,\n\n                // We want the drawer to always allow interaction with the outside elements.\n                modal = false,\n                dir,\n\n                // Trigger props.\n                trigger,\n\n                // Header props.\n                title,\n                icon,\n                description,\n                showCloseButton,\n                headerSeparator,\n\n                // Body props.\n                children,\n                bodyPadding,\n\n                // Footer props.\n                actions,\n                info,\n                footerSeparator,\n\n                // Content props.\n                ...rest\n            } = props;\n\n            // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n            const onOpenChange = (open: boolean) => {\n                originalOnOpenChange && originalOnOpenChange(open);\n\n                if (onClose && !open) {\n                    onClose();\n                }\n\n                if (onOpen && open) {\n                    onOpen();\n                }\n            };\n\n            return {\n                rootProps: {\n                    defaultOpen,\n                    open,\n                    onOpenChange,\n                    modal,\n                    dir\n                },\n                triggerProps: {\n                    // Temporary fix. We need this because `ref` doesn't get passed to components\n                    // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                    children: <div>{trigger}</div>\n                },\n                headerProps: {\n                    title,\n                    icon,\n                    description,\n                    showCloseButton,\n                    separator: headerSeparator\n                },\n                bodyProps: { children, bodyPadding },\n                footerProps: { info, actions, separator: footerSeparator },\n                contentProps: rest\n            };\n        }, [props]);\n\n    return (\n        <DrawerRoot {...rootProps}>\n            {triggerProps.children && <DrawerTrigger {...triggerProps} asChild />}\n            <DrawerPortal>\n                {rootProps.modal && <DrawerOverlay />}\n                <DrawerContent {...contentProps} modal={rootProps.modal}>\n                    <DrawerHeader {...headerProps} />\n                    <DrawerBody {...bodyProps} />\n                    <DrawerFooter {...footerProps} />\n                </DrawerContent>\n            </DrawerPortal>\n        </DrawerRoot>\n    );\n};\n\nDrawerBase.displayName = \"Drawer\";\n\nconst DecoratableDrawer = makeDecoratable(\"Drawer\", DrawerBase);\n\nconst Drawer = withStaticProps(DecoratableDrawer, {\n    ConfirmButton,\n    CancelButton,\n    Icon\n});\n\nexport { Drawer, type DrawerProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","withStaticProps","DrawerContent","DrawerFooter","DrawerHeader","DrawerOverlay","DrawerPortal","DrawerRoot","DrawerTrigger","DrawerBody","Icon","ConfirmButton","CancelButton","DrawerBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","useMemo","defaultOpen","open","onOpenChange","originalOnOpenChange","onClose","onOpen","modal","dir","trigger","title","icon","description","showCloseButton","headerSeparator","children","bodyPadding","actions","info","footerSeparator","rest","createElement","separator","Object","assign","asChild","className","displayName","DecoratableDrawer","Drawer"],"sources":["Drawer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DrawerContent } from \"./components/DrawerContent.js\";\nimport { DrawerFooter } from \"./components/DrawerFooter.js\";\nimport { DrawerHeader } from \"./components/DrawerHeader.js\";\nimport { DrawerOverlay } from \"./components/DrawerOverlay.js\";\nimport { DrawerPortal } from \"./components/DrawerPortal.js\";\nimport { DrawerRoot } from \"./components/DrawerRoot.js\";\nimport { DrawerTrigger } from \"./components/DrawerTrigger.js\";\nimport { DrawerBody } from \"~/Drawer/components/DrawerBody.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmButton } from \"./components/ConfirmButton.js\";\nimport { CancelButton } from \"./components/CancelButton.js\";\n\ninterface DrawerProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DrawerRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DrawerContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    modal?: boolean;\n    showCloseButton?: boolean;\n    bodyPadding?: boolean;\n    headerSeparator?: boolean;\n    footerSeparator?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    width?: React.CSSProperties[\"width\"];\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DrawerBase = (props: DrawerProps) => {\n    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps } =\n        React.useMemo(() => {\n            const {\n                // Root props.\n                defaultOpen,\n                open,\n                onOpenChange: originalOnOpenChange,\n                onClose,\n                onOpen,\n\n                // We want the drawer to always allow interaction with the outside elements.\n                modal = false,\n                dir,\n\n                // Trigger props.\n                trigger,\n\n                // Header props.\n                title,\n                icon,\n                description,\n                showCloseButton,\n                headerSeparator,\n\n                // Body props.\n                children,\n                bodyPadding,\n\n                // Footer props.\n                actions,\n                info,\n                footerSeparator,\n\n                // Content props.\n                ...rest\n            } = props;\n\n            // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n            const onOpenChange = (open: boolean) => {\n                originalOnOpenChange && originalOnOpenChange(open);\n\n                if (onClose && !open) {\n                    onClose();\n                }\n\n                if (onOpen && open) {\n                    onOpen();\n                }\n            };\n\n            return {\n                rootProps: {\n                    defaultOpen,\n                    open,\n                    onOpenChange,\n                    modal,\n                    dir\n                },\n                triggerProps: {\n                    // Temporary fix. We need this because `ref` doesn't get passed to components\n                    // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                    children: <div>{trigger}</div>\n                },\n                headerProps: {\n                    title,\n                    icon,\n                    description,\n                    showCloseButton,\n                    separator: headerSeparator\n                },\n                bodyProps: { children, bodyPadding },\n                footerProps: { info, actions, separator: footerSeparator },\n                contentProps: rest\n            };\n        }, [props]);\n\n    return (\n        <DrawerRoot {...rootProps}>\n            {triggerProps.children && <DrawerTrigger {...triggerProps} asChild />}\n            <DrawerPortal>\n                <div data-role=\"drawer\" className={\"absolute z-overlay\"}>\n                    {rootProps.modal && <DrawerOverlay />}\n                    <DrawerContent {...contentProps} modal={rootProps.modal}>\n                        <DrawerHeader {...headerProps} />\n                        <DrawerBody {...bodyProps} />\n                        <DrawerFooter {...footerProps} />\n                    </DrawerContent>\n                </div>\n            </DrawerPortal>\n        </DrawerRoot>\n    );\n};\n\nDrawerBase.displayName = \"Drawer\";\n\nconst DecoratableDrawer = makeDecoratable(\"Drawer\", DrawerBase);\n\nconst Drawer = withStaticProps(DecoratableDrawer, {\n    ConfirmButton,\n    CancelButton,\n    Icon\n});\n\nexport { Drawer, type DrawerProps };\n"],"mappings":"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","ignoreList":[]}