@webiny/admin-ui 6.0.0-alpha.5 → 6.0.0-rc.0

package/Dialog/components/ConfirmAction.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { makeDecoratable } from "../../utils.js";
+import { Button } from "../../Button/index.js";
+const ConfirmActionBase = props => /*#__PURE__*/React.createElement(Button, Object.assign({}, props, {
+  variant: "primary"
+}));
+export const ConfirmAction = makeDecoratable("ConfirmAction", ConfirmActionBase);
+
+//# sourceMappingURL=ConfirmAction.js.map

package/Dialog/components/ConfirmAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Button","ConfirmActionBase","props","createElement","Object","assign","variant","ConfirmAction"],"sources":["ConfirmAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { ButtonProps } from \"~/Button/index.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst ConfirmActionBase = (props: ButtonProps) => <Button {...props} variant=\"primary\" />;\n\nexport const ConfirmAction = makeDecoratable(\"ConfirmAction\", ConfirmActionBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AAExB,SAASC,MAAM;AAEf,MAAMC,iBAAiB,GAAIC,KAAkB,iBAAKJ,KAAA,CAAAK,aAAA,CAACH,MAAM,EAAAI,MAAA,CAAAC,MAAA,KAAKH,KAAK;EAAEI,OAAO,EAAC;AAAS,EAAE,CAAC;AAEzF,OAAO,MAAMC,aAAa,GAAGR,eAAe,CAAC,eAAe,EAAEE,iBAAiB,CAAC","ignoreList":[]}

package/Dialog/components/DialogBody.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import type { DialogProps } from "..";
+import type { DialogProps } from "../../Dialog/index.js";
 export type DialogBodyProps = Pick<DialogProps, "children" | "bodyPadding" | "size">;
 export declare const DialogBody: ({ bodyPadding, size, children }: DialogBodyProps) => React.JSX.Element;

package/Dialog/components/DialogBody.js

@@ -1,18 +1,18 @@
 import * as React from "react";
-import { cn, cva } from "../../utils";
-const dialogBodyVariants = cva("wby-flex-1", {
+import { cn, cva } from "../../utils.js";
+const dialogBodyVariants = cva("flex-1", {
   // Flex grows to fill available space - we need this for the body to expand in case of a "fullscreen" dialog
   variants: {
     size: {
-      sm: "wby-px-md-extra",
-      md: "wby-px-md-extra",
-      lg: "wby-px-lg",
-      xl: "wby-px-lg",
-      full: "wby-px-lg"
+      sm: "px-md-extra",
+      md: "px-md-extra",
+      lg: "px-lg",
+      xl: "px-lg",
+      full: "px-lg"
     },
     bodyPadding: {
       true: "",
-      false: "!wby-px-none"
+      false: "px-none! py-none!"
     }
   },
   defaultVariants: {

package/Dialog/components/DialogBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","dialogBodyVariants","variants","size","sm","md","lg","xl","full","bodyPadding","true","false","defaultVariants","DialogBody","children","createElement","className"],"sources":["DialogBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils\";\nimport type { DialogProps } from \"~/Dialog\";\n\nconst dialogBodyVariants = cva(\"wby-flex-1\", {\n    // Flex grows to fill available space - we need this for the body to expand in case of a \"fullscreen\" dialog\n    variants: {\n        size: {\n            sm: \"wby-px-md-extra\",\n            md: \"wby-px-md-extra\",\n            lg: \"wby-px-lg\",\n            xl: \"wby-px-lg\",\n            full: \"wby-px-lg\"\n        },\n        bodyPadding: {\n            true: \"\",\n            false: \"!wby-px-none\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\",\n        bodyPadding: true\n    }\n});\n\nexport type DialogBodyProps = Pick<DialogProps, \"children\" | \"bodyPadding\" | \"size\">;\n\nexport const DialogBody = ({ bodyPadding, size, children }: DialogBodyProps) => {\n    return <div className={cn(dialogBodyVariants({ size, bodyPadding }))}>{children}</div>;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAGhB,MAAMC,kBAAkB,GAAGD,GAAG,CAAC,YAAY,EAAE;EACzC;EACAE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,iBAAiB;MACrBC,EAAE,EAAE,iBAAiB;MACrBC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,IAAI,EAAE;IACV,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbT,IAAI,EAAE,IAAI;IACVM,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAIF,OAAO,MAAMI,UAAU,GAAGA,CAAC;EAAEJ,WAAW;EAAEN,IAAI;EAAEW;AAA0B,CAAC,KAAK;EAC5E,oBAAOhB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEjB,EAAE,CAACE,kBAAkB,CAAC;MAAEE,IAAI;MAAEM;IAAY,CAAC,CAAC;EAAE,GAAEK,QAAc,CAAC;AAC1F,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","dialogBodyVariants","variants","size","sm","md","lg","xl","full","bodyPadding","true","false","defaultVariants","DialogBody","children","createElement","className"],"sources":["DialogBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport type { DialogProps } from \"~/Dialog/index.js\";\n\nconst dialogBodyVariants = cva(\"flex-1\", {\n    // Flex grows to fill available space - we need this for the body to expand in case of a \"fullscreen\" dialog\n    variants: {\n        size: {\n            sm: \"px-md-extra\",\n            md: \"px-md-extra\",\n            lg: \"px-lg\",\n            xl: \"px-lg\",\n            full: \"px-lg\"\n        },\n        bodyPadding: {\n            true: \"\",\n            false: \"px-none! py-none!\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\",\n        bodyPadding: true\n    }\n});\n\nexport type DialogBodyProps = Pick<DialogProps, \"children\" | \"bodyPadding\" | \"size\">;\n\nexport const DialogBody = ({ bodyPadding, size, children }: DialogBodyProps) => {\n    return <div className={cn(dialogBodyVariants({ size, bodyPadding }))}>{children}</div>;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAGhB,MAAMC,kBAAkB,GAAGD,GAAG,CAAC,QAAQ,EAAE;EACrC;EACAE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,IAAI,EAAE;IACV,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbT,IAAI,EAAE,IAAI;IACVM,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAIF,OAAO,MAAMI,UAAU,GAAGA,CAAC;EAAEJ,WAAW;EAAEN,IAAI;EAAEW;AAA0B,CAAC,KAAK;EAC5E,oBAAOhB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEjB,EAAE,CAACE,kBAAkB,CAAC;MAAEE,IAAI;MAAEM;IAAY,CAAC,CAAC;EAAE,GAAEK,QAAc,CAAC;AAC1F,CAAC","ignoreList":[]}

package/Dialog/components/DialogClose.d.ts

@@ -1,8 +1,2 @@
-import React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-export declare const DialogClosePrimitive: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-type DialogCloseProps = {
-    size: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
-};
-export declare const DialogClose: ({ size }: DialogCloseProps) => React.JSX.Element;
-export {};
+export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

package/Dialog/components/DialogClose.js

@@ -1,24 +1,4 @@
-import React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { ReactComponent as XIcon } from "@webiny/icons/close.svg";
-import { IconButton } from "../../Button";
-export const DialogClosePrimitive = DialogPrimitive.Close;
-export const DialogClose = ({
-  size
-}) => {
-  const buttonSize = React.useMemo(() => {
-    return size && ["lg", "xl", "full"].includes(size) ? "md" : "sm";
-  }, [size]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-absolute wby-top-md wby-right-md"
-  }, /*#__PURE__*/React.createElement(DialogPrimitive.Close, {
-    asChild: true
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    size: buttonSize,
-    iconSize: "lg",
-    variant: "ghost",
-    icon: /*#__PURE__*/React.createElement(XIcon, null)
-  })));
-};
+export const DialogClose = DialogPrimitive.Close;
 
 //# sourceMappingURL=DialogClose.js.map

package/Dialog/components/DialogClose.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DialogPrimitive","ReactComponent","XIcon","IconButton","DialogClosePrimitive","Close","DialogClose","size","buttonSize","useMemo","includes","createElement","className","asChild","iconSize","variant","icon"],"sources":["DialogClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { ReactComponent as XIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton } from \"~/Button\";\n\nexport const DialogClosePrimitive = DialogPrimitive.Close;\n\ntype DialogCloseProps = {\n    size: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | null | undefined;\n};\n\nexport const DialogClose = ({ size }: DialogCloseProps) => {\n    const buttonSize = React.useMemo(() => {\n        return size && [\"lg\", \"xl\", \"full\"].includes(size) ? \"md\" : \"sm\";\n    }, [size]);\n\n    return (\n        <div className={\"wby-absolute wby-top-md wby-right-md\"}>\n            <DialogPrimitive.Close asChild>\n                <IconButton size={buttonSize} iconSize=\"lg\" variant={\"ghost\"} icon={<XIcon />} />\n            </DialogPrimitive.Close>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,UAAU;AAEnB,OAAO,MAAMC,oBAAoB,GAAGJ,eAAe,CAACK,KAAK;AAMzD,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACvD,MAAMC,UAAU,GAAGV,KAAK,CAACW,OAAO,CAAC,MAAM;IACnC,OAAOF,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAACG,QAAQ,CAACH,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI;EACpE,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACIT,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDd,KAAA,CAAAa,aAAA,CAACX,eAAe,CAACK,KAAK;IAACQ,OAAO;EAAA,gBAC1Bf,KAAA,CAAAa,aAAA,CAACR,UAAU;IAACI,IAAI,EAAEC,UAAW;IAACM,QAAQ,EAAC,IAAI;IAACC,OAAO,EAAE,OAAQ;IAACC,IAAI,eAAElB,KAAA,CAAAa,aAAA,CAACT,KAAK,MAAE;EAAE,CAAE,CAC7D,CACtB,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["Dialog","DialogPrimitive","DialogClose","Close"],"sources":["DialogClose.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from \"radix-ui\";\n\nexport const DialogClose = DialogPrimitive.Close;\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAEpD,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAACE,KAAK","ignoreList":[]}

package/Dialog/components/DialogContent.d.ts

@@ -1,6 +1,6 @@
 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 dialogContentVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/Dialog/components/DialogContent.js

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { cn, cva } from "../../utils";
-const dialogContentVariants = cva(["wby-fixed wby-left-[50%] wby-top-[50%] wby-border wby-bg-neutral-base wby-shadow-lg focus-visible:outline-none wby-rounded-xl wby-text-md wby-text-neutral-strong wby-overflow-y-scroll wby-max-h-screen", "wby-translate-x-[-50%] wby-translate-y-[-50%] wby-duration-200 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 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 data-[state=closed]:wby-slide-out-to-left-1/2 data-[state=closed]:wby-slide-out-to-top-[48%] data-[state=open]:wby-slide-in-from-left-1/2 data-[state=open]:wby-slide-in-from-top-[48%]", "focus:wby-outline-none focus-visible:wby-outline-none", "wby-max-w-[calc(100vw-theme(spacing.lg))] wby-max-h-[calc(100vh-theme(spacing.lg))]"], {
+import { cn, cva } from "../../utils.js";
+const dialogContentVariants = cva(["fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong max-h-screen", "translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "focus:outline-none focus-visible:outline-none", "max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog"], {
   variants: {
     size: {
-      sm: "wby-w-[384px]",
-      md: "wby-w-[520px]",
-      lg: "wby-w-[640px]",
-      xl: "wby-w-[800px]",
-      full: "wby-w-[100vw] wby-h-[100vh]"
+      sm: "w-[384px]",
+      md: "w-[520px]",
+      lg: "w-[640px]",
+      xl: "w-[800px]",
+      full: "w-screen h-screen"
     }
   },
   defaultVariants: {
@@ -40,7 +40,7 @@ const DialogContent = /*#__PURE__*/React.forwardRef(({
     ,
     "aria-describedby": undefined
   }), /*#__PURE__*/React.createElement("div", {
-    className: cn([["wby-flex wby-flex-col wby-justify-between", "wby-w-full wby-max-w-full", "wby-h-full", "wby-relative"]])
+    className: cn([["flex flex-col justify-between", "w-full max-w-full", "h-full", "relative"]])
   }, children));
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;

package/Dialog/components/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DialogPrimitive","cn","cva","dialogContentVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogContent","forwardRef","className","dismissible","children","props","ref","dismissibleProps","useMemo","onInteractOutside","event","preventDefault","onEscapeKeyDown","createElement","Content","Object","assign","undefined","displayName"],"sources":["DialogContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst dialogContentVariants = cva(\n    [\n        \"wby-fixed wby-left-[50%] wby-top-[50%] wby-border wby-bg-neutral-base wby-shadow-lg focus-visible:outline-none wby-rounded-xl wby-text-md wby-text-neutral-strong wby-overflow-y-scroll wby-max-h-screen\",\n        \"wby-translate-x-[-50%] wby-translate-y-[-50%] wby-duration-200 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 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 data-[state=closed]:wby-slide-out-to-left-1/2 data-[state=closed]:wby-slide-out-to-top-[48%] data-[state=open]:wby-slide-in-from-left-1/2 data-[state=open]:wby-slide-in-from-top-[48%]\",\n        \"focus:wby-outline-none focus-visible:wby-outline-none\",\n        \"wby-max-w-[calc(100vw-theme(spacing.lg))] wby-max-h-[calc(100vh-theme(spacing.lg))]\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"wby-w-[384px]\",\n                md: \"wby-w-[520px]\",\n                lg: \"wby-w-[640px]\",\n                xl: \"wby-w-[800px]\",\n                full: \"wby-w-[100vw] wby-h-[100vh]\"\n            }\n        },\n        defaultVariants: {\n            size: \"md\"\n        }\n    }\n);\n\nexport interface DialogContentProps\n    extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n        VariantProps<typeof dialogContentVariants> {\n    dismissible?: boolean;\n}\n\nconst DialogContent = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Content>,\n    DialogContentProps\n>(({ className, dismissible, size, children, ...props }, ref) => {\n    const dismissibleProps = React.useMemo<\n        Pick<DialogPrimitive.DialogContentProps, \"onInteractOutside\" | \"onEscapeKeyDown\">\n    >(() => {\n        if (dismissible === false) {\n            return {\n                onInteractOutside: event => event.preventDefault(),\n                onEscapeKeyDown: event => event.preventDefault()\n            };\n        }\n\n        return {};\n    }, [dismissible]);\n\n    return (\n        <DialogPrimitive.Content\n            {...dismissibleProps}\n            {...props}\n            ref={ref}\n            className={cn(dialogContentVariants({ size }), className)}\n            // TODO: An optional accessible description to be announced when the dialog is opened. At the moment we skip this.\n            aria-describedby={undefined}\n        >\n            <div\n                className={cn([\n                    [\n                        \"wby-flex wby-flex-col wby-justify-between\",\n                        \"wby-w-full wby-max-w-full\",\n                        \"wby-h-full\",\n                        \"wby-relative\"\n                    ]\n                ])}\n            >\n                {children}\n            </div>\n        </DialogPrimitive.Content>\n    );\n});\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nexport { DialogContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,qBAAqB,GAAGD,GAAG,CAC7B,CACI,0MAA0M,EAC1M,qcAAqc,EACrc,uDAAuD,EACvD,qFAAqF,CACxF,EACD;EACIE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAQD,MAAMO,aAAa,gBAAGd,KAAK,CAACe,UAAU,CAGpC,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEV,IAAI;EAAEW,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC7D,MAAMC,gBAAgB,GAAGrB,KAAK,CAACsB,OAAO,CAEpC,MAAM;IACJ,IAAIL,WAAW,KAAK,KAAK,EAAE;MACvB,OAAO;QACHM,iBAAiB,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC,CAAC;QAClDC,eAAe,EAAEF,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC;MACnD,CAAC;IACL;IAEA,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACR,WAAW,CAAC,CAAC;EAEjB,oBACIjB,KAAA,CAAA2B,aAAA,CAACzB,eAAe,CAAC0B,OAAO,EAAAC,MAAA,CAAAC,MAAA,KAChBT,gBAAgB,EAChBF,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEb,EAAE,CAACE,qBAAqB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAES,SAAS;IACxD;IAAA;IACA,oBAAkBe;EAAU,iBAE5B/B,KAAA,CAAA2B,aAAA;IACIX,SAAS,EAAEb,EAAE,CAAC,CACV,CACI,2CAA2C,EAC3C,2BAA2B,EAC3B,YAAY,EACZ,cAAc,CACjB,CACJ;EAAE,GAEFe,QACA,CACgB,CAAC;AAElC,CAAC,CAAC;AAEFJ,aAAa,CAACkB,WAAW,GAAG9B,eAAe,CAAC0B,OAAO,CAACI,WAAW;AAE/D,SAASlB,aAAa","ignoreList":[]}
+{"version":3,"names":["React","Dialog","DialogPrimitive","cn","cva","dialogContentVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogContent","forwardRef","className","dismissible","children","props","ref","dismissibleProps","useMemo","onInteractOutside","event","preventDefault","onEscapeKeyDown","createElement","Content","Object","assign","undefined","displayName"],"sources":["DialogContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst dialogContentVariants = cva(\n    [\n        \"fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong max-h-screen\",\n        \"translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n        \"focus:outline-none focus-visible:outline-none\",\n        \"max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"w-[384px]\",\n                md: \"w-[520px]\",\n                lg: \"w-[640px]\",\n                xl: \"w-[800px]\",\n                full: \"w-screen h-screen\"\n            }\n        },\n        defaultVariants: {\n            size: \"md\"\n        }\n    }\n);\n\nexport interface DialogContentProps\n    extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n        VariantProps<typeof dialogContentVariants> {\n    dismissible?: boolean;\n}\n\nconst DialogContent = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Content>,\n    DialogContentProps\n>(({ className, dismissible, size, children, ...props }, ref) => {\n    const dismissibleProps = React.useMemo<\n        Pick<DialogPrimitive.DialogContentProps, \"onInteractOutside\" | \"onEscapeKeyDown\">\n    >(() => {\n        if (dismissible === false) {\n            return {\n                onInteractOutside: event => event.preventDefault(),\n                onEscapeKeyDown: event => event.preventDefault()\n            };\n        }\n\n        return {};\n    }, [dismissible]);\n\n    return (\n        <DialogPrimitive.Content\n            {...dismissibleProps}\n            {...props}\n            ref={ref}\n            className={cn(dialogContentVariants({ size }), className)}\n            // TODO: An optional accessible description to be announced when the dialog is opened. At the moment we skip this.\n            aria-describedby={undefined}\n        >\n            <div\n                className={cn([\n                    [\"flex flex-col justify-between\", \"w-full max-w-full\", \"h-full\", \"relative\"]\n                ])}\n            >\n                {children}\n            </div>\n        </DialogPrimitive.Content>\n    );\n});\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nexport { DialogContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,qBAAqB,GAAGD,GAAG,CAC7B,CACI,iJAAiJ,EACjJ,yOAAyO,EACzO,+CAA+C,EAC/C,sFAAsF,CACzF,EACD;EACIE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAQD,MAAMO,aAAa,gBAAGd,KAAK,CAACe,UAAU,CAGpC,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEV,IAAI;EAAEW,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC7D,MAAMC,gBAAgB,GAAGrB,KAAK,CAACsB,OAAO,CAEpC,MAAM;IACJ,IAAIL,WAAW,KAAK,KAAK,EAAE;MACvB,OAAO;QACHM,iBAAiB,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC,CAAC;QAClDC,eAAe,EAAEF,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC;MACnD,CAAC;IACL;IAEA,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACR,WAAW,CAAC,CAAC;EAEjB,oBACIjB,KAAA,CAAA2B,aAAA,CAACzB,eAAe,CAAC0B,OAAO,EAAAC,MAAA,CAAAC,MAAA,KAChBT,gBAAgB,EAChBF,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEb,EAAE,CAACE,qBAAqB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAES,SAAS;IACxD;IAAA;IACA,oBAAkBe;EAAU,iBAE5B/B,KAAA,CAAA2B,aAAA;IACIX,SAAS,EAAEb,EAAE,CAAC,CACV,CAAC,+BAA+B,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,CAAC,CAC/E;EAAE,GAEFe,QACA,CACgB,CAAC;AAElC,CAAC,CAAC;AAEFJ,aAAa,CAACkB,WAAW,GAAG9B,eAAe,CAAC0B,OAAO,CAACI,WAAW;AAE/D,SAASlB,aAAa","ignoreList":[]}

package/Dialog/components/DialogDescription.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 export const DialogDescription = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement(DialogPrimitive.Description, Object.assign({}, props, {
-  className: cn("wby-text-sm wby-text-neutral-strong wby-text-left", className)
+  className: cn("text-sm text-neutral-strong text-left", className)
 }));
 
 //# sourceMappingURL=DialogDescription.js.map

package/Dialog/components/DialogDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DialogPrimitive","cn","DialogDescription","className","props","createElement","Description","Object","assign"],"sources":["DialogDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nexport type DialogDescriptionProps = React.ComponentPropsWithoutRef<\n    typeof DialogPrimitive.Description\n>;\n\nexport const DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n    <DialogPrimitive.Description\n        {...props}\n        className={cn(\"wby-text-sm wby-text-neutral-strong wby-text-left\", className)}\n    />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAMX,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA8B,CAAC,kBAC7EN,KAAA,CAAAO,aAAA,CAACL,eAAe,CAACM,WAAW,EAAAC,MAAA,CAAAC,MAAA,KACpBJ,KAAK;EACTD,SAAS,EAAEF,EAAE,CAAC,mDAAmD,EAAEE,SAAS;AAAE,EACjF,CACJ","ignoreList":[]}
+{"version":3,"names":["React","Dialog","DialogPrimitive","cn","DialogDescription","className","props","createElement","Description","Object","assign"],"sources":["DialogDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nexport type DialogDescriptionProps = React.ComponentPropsWithoutRef<\n    typeof DialogPrimitive.Description\n>;\n\nexport const DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n    <DialogPrimitive.Description\n        {...props}\n        className={cn(\"text-sm text-neutral-strong text-left\", className)}\n    />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAMX,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA8B,CAAC,kBAC7EN,KAAA,CAAAO,aAAA,CAACL,eAAe,CAACM,WAAW,EAAAC,MAAA,CAAAC,MAAA,KACpBJ,KAAK;EACTD,SAAS,EAAEF,EAAE,CAAC,uCAAuC,EAAEE,SAAS;AAAE,EACrE,CACJ","ignoreList":[]}

package/Dialog/components/DialogFooter.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const dialogFooterVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/Dialog/components/DialogFooter.js

@@ -1,13 +1,13 @@
 import * as React from "react";
-import { cn, cva } from "../../utils";
-const dialogFooterVariants = cva("wby-flex wby-justify-between", {
+import { cn, cva } from "../../utils.js";
+const dialogFooterVariants = cva("flex justify-between", {
   variants: {
     size: {
-      sm: "wby-p-md-extra",
-      md: "wby-p-md-extra",
-      lg: "wby-p-lg",
-      xl: "wby-p-lg",
-      full: "wby-p-lg"
+      sm: "p-md-extra",
+      md: "p-md-extra",
+      lg: "p-lg",
+      xl: "p-lg",
+      full: "p-lg"
     }
   },
   defaultVariants: {
@@ -29,9 +29,9 @@ export const DialogFooter = ({
       size
     }), className)
   }), info && /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-sm wby-flex wby-items-center"
+    className: "text-sm flex items-center"
   }, /*#__PURE__*/React.createElement("div", null, info)), actions && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-gap-x-sm wby-ml-auto"
+    className: "flex gap-x-sm ml-auto"
   }, actions));
 };
 

package/Dialog/components/DialogFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","dialogFooterVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogFooter","actions","info","className","props","createElement","Object","assign"],"sources":["DialogFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst dialogFooterVariants = cva(\"wby-flex wby-justify-between\", {\n    variants: {\n        size: {\n            sm: \"wby-p-md-extra\",\n            md: \"wby-p-md-extra\",\n            lg: \"wby-p-lg\",\n            xl: \"wby-p-lg\",\n            full: \"wby-p-lg\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\nexport interface DialogFooterProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof dialogFooterVariants> {\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n}\n\nexport const DialogFooter = ({ actions, info, className, size, ...props }: DialogFooterProps) => {\n    if (!actions && !info) {\n        return null;\n    }\n\n    return (\n        <div {...props} className={cn(dialogFooterVariants({ size }), className)}>\n            {info && (\n                <div className={\"wby-text-sm wby-flex wby-items-center\"}>\n                    <div>{info}</div>\n                </div>\n            )}\n            {actions && <div className={\"wby-flex wby-gap-x-sm wby-ml-auto\"}>{actions}</div>}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,oBAAoB,GAAGD,GAAG,CAAC,8BAA8B,EAAE;EAC7DE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,gBAAgB;MACpBC,EAAE,EAAE,gBAAgB;MACpBC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,UAAU;MACdC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AASF,OAAO,MAAMO,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,SAAS;EAAEV,IAAI;EAAE,GAAGW;AAAyB,CAAC,KAAK;EAC7F,IAAI,CAACH,OAAO,IAAI,CAACC,IAAI,EAAE;IACnB,OAAO,IAAI;EACf;EAEA,oBACId,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEd,EAAE,CAACE,oBAAoB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAEU,SAAS;EAAE,IACpED,IAAI,iBACDd,KAAA,CAAAiB,aAAA;IAAKF,SAAS,EAAE;EAAwC,gBACpDf,KAAA,CAAAiB,aAAA,cAAMH,IAAU,CACf,CACR,EACAD,OAAO,iBAAIb,KAAA,CAAAiB,aAAA;IAAKF,SAAS,EAAE;EAAoC,GAAEF,OAAa,CAC9E,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","dialogFooterVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogFooter","actions","info","className","props","createElement","Object","assign"],"sources":["DialogFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst dialogFooterVariants = cva(\"flex justify-between\", {\n    variants: {\n        size: {\n            sm: \"p-md-extra\",\n            md: \"p-md-extra\",\n            lg: \"p-lg\",\n            xl: \"p-lg\",\n            full: \"p-lg\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\nexport interface DialogFooterProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof dialogFooterVariants> {\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n}\n\nexport const DialogFooter = ({ actions, info, className, size, ...props }: DialogFooterProps) => {\n    if (!actions && !info) {\n        return null;\n    }\n\n    return (\n        <div {...props} className={cn(dialogFooterVariants({ size }), className)}>\n            {info && (\n                <div className={\"text-sm flex items-center\"}>\n                    <div>{info}</div>\n                </div>\n            )}\n            {actions && <div className={\"flex gap-x-sm ml-auto\"}>{actions}</div>}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,oBAAoB,GAAGD,GAAG,CAAC,sBAAsB,EAAE;EACrDE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AASF,OAAO,MAAMO,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,SAAS;EAAEV,IAAI;EAAE,GAAGW;AAAyB,CAAC,KAAK;EAC7F,IAAI,CAACH,OAAO,IAAI,CAACC,IAAI,EAAE;IACnB,OAAO,IAAI;EACf;EAEA,oBACId,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEd,EAAE,CAACE,oBAAoB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAEU,SAAS;EAAE,IACpED,IAAI,iBACDd,KAAA,CAAAiB,aAAA;IAAKF,SAAS,EAAE;EAA4B,gBACxCf,KAAA,CAAAiB,aAAA,cAAMH,IAAU,CACf,CACR,EACAD,OAAO,iBAAIb,KAAA,CAAAiB,aAAA;IAAKF,SAAS,EAAE;EAAwB,GAAEF,OAAa,CAClE,CAAC;AAEd,CAAC","ignoreList":[]}

package/Dialog/components/DialogHeader.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import { type DialogProps } from "../Dialog";
+import { type DialogProps } from "../Dialog.js";
 export type DialogHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & Pick<DialogProps, "title" | "icon" | "description" | "size">;
 export declare const DialogHeader: ({ title, icon, description, size, className, ...props }: DialogHeaderProps) => React.JSX.Element | null;

package/Dialog/components/DialogHeader.js

@@ -1,15 +1,15 @@
 import * as React from "react";
-import { cn, cva } from "../../utils";
-import { DialogTitle } from "./DialogTitle";
-import { DialogDescription } from "./DialogDescription";
-const dialogHeaderVariants = cva(["wby-flex wby-flex-col wby-gap-sm", "wby-text-neutral-primary", "wby-sm:text-left"], {
+import { cn, cva } from "../../utils.js";
+import { DialogTitle } from "./DialogTitle.js";
+import { DialogDescription } from "./DialogDescription.js";
+const dialogHeaderVariants = cva(["flex flex-col gap-xs", "text-neutral-primary", "sm:text-left"], {
   variants: {
     size: {
-      sm: "wby-pt-md wby-pb-md-extra wby-px-md-extra wby-mr-xl",
-      md: "wby-pt-md wby-pb-md-extra wby-px-md-extra wby-mr-xl",
-      lg: "wby-pt-md wby-pb-md-extra wby-px-lg wby-mr-xl",
-      xl: "wby-pt-md wby-pb-md-extra wby-px-lg wby-mr-xl",
-      full: "wby-pt-md wby-pb-md-extra wby-px-lg wby-mr-xl"
+      sm: "pt-md pb-md-extra px-md-extra mr-xl",
+      md: "pt-md pb-md-extra px-md-extra mr-xl",
+      lg: "pt-md pb-md-extra px-lg mr-xl",
+      xl: "pt-md pb-md-extra px-lg mr-xl",
+      full: "pt-md pb-md-extra px-lg mr-xl"
     }
   },
   defaultVariants: {

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,6 +1,6 @@
 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?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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;