@webiny/admin-ui 6.0.0-alpha.0

package/Dialog/components/DialogContent.js

@@ -0,0 +1,49 @@
+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))]"], {
+  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]"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const DialogContent = /*#__PURE__*/React.forwardRef(({
+  className,
+  dismissible,
+  size,
+  children,
+  ...props
+}, ref) => {
+  const dismissibleProps = React.useMemo(() => {
+    if (dismissible === false) {
+      return {
+        onInteractOutside: event => event.preventDefault(),
+        onEscapeKeyDown: event => event.preventDefault()
+      };
+    }
+    return {};
+  }, [dismissible]);
+  return /*#__PURE__*/React.createElement(DialogPrimitive.Content, Object.assign({}, dismissibleProps, props, {
+    ref: ref,
+    className: cn(dialogContentVariants({
+      size
+    }), className)
+    // TODO: An optional accessible description to be announced when the dialog is opened. At the moment we skip this.
+    ,
+    "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"]])
+  }, children));
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+export { DialogContent };
+
+//# sourceMappingURL=DialogContent.js.map

package/Dialog/components/DialogContent.js.map

@@ -0,0 +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":[]}

package/Dialog/components/DialogDescription.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+export type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+export declare const DialogDescription: ({ className, ...props }: DialogDescriptionProps) => React.JSX.Element;

package/Dialog/components/DialogDescription.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { cn } from "../../utils";
+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)
+}));
+
+//# sourceMappingURL=DialogDescription.js.map

package/Dialog/components/DialogDescription.js.map

@@ -0,0 +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":[]}

package/Dialog/components/DialogFooter.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "../../utils";
+declare const dialogFooterVariants: (props?: ({
+    size?: "full" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogFooterVariants> {
+    actions?: React.ReactNode;
+    info?: React.ReactNode;
+}
+export declare const DialogFooter: ({ actions, info, className, size, ...props }: DialogFooterProps) => React.JSX.Element | null;
+export {};

package/Dialog/components/DialogFooter.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { cn, cva } from "../../utils";
+const dialogFooterVariants = cva("wby-flex wby-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"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export const DialogFooter = ({
+  actions,
+  info,
+  className,
+  size,
+  ...props
+}) => {
+  if (!actions && !info) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn(dialogFooterVariants({
+      size
+    }), className)
+  }), info && /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-sm wby-flex wby-items-center"
+  }, /*#__PURE__*/React.createElement("div", null, info)), actions && /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-x-sm wby-ml-auto"
+  }, actions));
+};
+
+//# sourceMappingURL=DialogFooter.js.map

package/Dialog/components/DialogFooter.js.map

@@ -0,0 +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":[]}

package/Dialog/components/DialogHeader.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { type DialogProps } from "../Dialog";
+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

@@ -0,0 +1,44 @@
+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"], {
+  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"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export const DialogHeader = ({
+  title,
+  icon,
+  description,
+  size,
+  className,
+  ...props
+}) => {
+  const nothingToRender = React.useMemo(() => {
+    return !title && !description && !icon;
+  }, [title, description, icon]);
+  if (nothingToRender) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn(dialogHeaderVariants({
+      size
+    }), className)
+  }), /*#__PURE__*/React.createElement(DialogTitle, {
+    size: size
+  }, icon && /*#__PURE__*/React.cloneElement(icon, {
+    size: size && ["lg", "xl", "full"].includes(size) ? "lg" : "md" // Adjust icon size based on dialog size
+  }), title), description && /*#__PURE__*/React.createElement(DialogDescription, null, description));
+};
+
+//# sourceMappingURL=DialogHeader.js.map

package/Dialog/components/DialogHeader.js.map

@@ -0,0 +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":[]}

package/Dialog/components/DialogOverlay.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/Dialog/components/DialogOverlay.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { cn } from "../../utils";
+export const DialogOverlay = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement(DialogPrimitive.Overlay, Object.assign({
+  id: "wby-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)
+}, props)));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+
+//# sourceMappingURL=DialogOverlay.js.map

package/Dialog/components/DialogOverlay.js.map

@@ -0,0 +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":[]}

package/Dialog/components/DialogPortal.d.ts

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

package/Dialog/components/DialogPortal.js

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from "radix-ui";
+export const DialogPortal = DialogPrimitive.Portal;
+
+//# sourceMappingURL=DialogPortal.js.map

package/Dialog/components/DialogPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dialog","DialogPrimitive","DialogPortal","Portal"],"sources":["DialogPortal.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from \"radix-ui\";\n\nexport const DialogPortal = DialogPrimitive.Portal;\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAEpD,OAAO,MAAMC,YAAY,GAAGD,eAAe,CAACE,MAAM","ignoreList":[]}

package/Dialog/components/DialogRoot.d.ts

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

package/Dialog/components/DialogRoot.js

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from "radix-ui";
+export const DialogRoot = DialogPrimitive.Root;
+
+//# sourceMappingURL=DialogRoot.js.map

package/Dialog/components/DialogRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dialog","DialogPrimitive","DialogRoot","Root"],"sources":["DialogRoot.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from \"radix-ui\";\n\nexport const DialogRoot = DialogPrimitive.Root;\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAEpD,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAACE,IAAI","ignoreList":[]}

package/Dialog/components/DialogTitle.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { type VariantProps } from "../../utils";
+declare const dialogTitleVariants: (props?: ({
+    size?: "full" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/dist/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

@@ -0,0 +1,28 @@
+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", {
+  variants: {
+    size: {
+      sm: "wby-text-h5",
+      md: "wby-text-h5",
+      lg: "wby-text-h4",
+      xl: "wby-text-h4",
+      full: "wby-text-h4"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export const DialogTitle = ({
+  className,
+  size,
+  ...props
+}) => /*#__PURE__*/React.createElement(DialogPrimitive.Title, Object.assign({}, props, {
+  className: cn(dialogTitleVariants({
+    size
+  }), className)
+}));
+
+//# sourceMappingURL=DialogTitle.js.map

package/Dialog/components/DialogTitle.js.map

@@ -0,0 +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":[]}

package/Dialog/components/DialogTrigger.d.ts

@@ -0,0 +1,3 @@
+/// <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/DialogTrigger.js

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from "radix-ui";
+export const DialogTrigger = DialogPrimitive.Trigger;
+
+//# sourceMappingURL=DialogTrigger.js.map

package/Dialog/components/DialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dialog","DialogPrimitive","DialogTrigger","Trigger"],"sources":["DialogTrigger.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from \"radix-ui\";\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAEpD,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAACE,OAAO","ignoreList":[]}

package/Dialog/components/Icon.d.ts

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

package/Dialog/components/Icon.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Icon as IconComponent } from "../../Icon";
+import { makeDecoratable } from "../../utils";
+const IconBase = props => {
+  return /*#__PURE__*/React.createElement(IconComponent, Object.assign({
+    size: "md",
+    color: "neutral-strong"
+  }, props));
+};
+export const Icon = makeDecoratable("Icon", IconBase);
+
+//# sourceMappingURL=Icon.js.map

package/Dialog/components/Icon.js.map

@@ -0,0 +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 { Icon as IconComponent, IconProps as IconComponentProps } 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;AAC9B,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

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

package/Dialog/index.js

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

package/Dialog/index.js.map

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

package/Drawer/Drawer.d.ts

@@ -0,0 +1,116 @@
+import * as React from "react";
+import { DrawerContent } from "./components/DrawerContent";
+import { DrawerRoot } from "./components/DrawerRoot";
+interface DrawerProps extends React.ComponentPropsWithoutRef<typeof DrawerRoot>, Omit<React.ComponentPropsWithoutRef<typeof DrawerContent>, "title"> {
+    trigger?: React.ReactNode;
+    title?: React.ReactNode;
+    icon?: React.ReactElement;
+    modal?: boolean;
+    showCloseButton?: boolean;
+    bodyPadding?: boolean;
+    headerSeparator?: boolean;
+    footerSeparator?: boolean;
+    description?: React.ReactNode;
+    children: React.ReactNode;
+    actions?: React.ReactNode;
+    info?: React.ReactNode;
+    width?: React.CSSProperties["width"];
+    onClose?: () => void;
+    onOpen?: () => void;
+}
+declare const Drawer: {
+    (props: DrawerProps): React.JSX.Element;
+    displayName: string;
+} & {
+    original: {
+        (props: DrawerProps): React.JSX.Element;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    original: {
+        (props: DrawerProps): React.JSX.Element;
+        displayName: string;
+    } & {
+        original: {
+            (props: DrawerProps): React.JSX.Element;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<{
+        (props: DrawerProps): React.JSX.Element;
+        displayName: string;
+    } & {
+        original: {
+            (props: DrawerProps): React.JSX.Element;
+            displayName: string;
+        };
+        originalName: string;
+        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;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../Button/Button").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;
+            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;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../Button/Button").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;
+            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;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ className, ...props }: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
+            original: ({ className, ...props }: import("../Icon/Icon").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;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { Drawer, type DrawerProps };

package/Drawer/Drawer.js

@@ -0,0 +1,109 @@
+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";
+const DrawerBase = props => {
+  const {
+    rootProps,
+    triggerProps,
+    contentProps,
+    headerProps,
+    bodyProps,
+    footerProps
+  } = React.useMemo(() => {
+    const {
+      // Root props.
+      defaultOpen,
+      open,
+      onOpenChange: originalOnOpenChange,
+      onClose,
+      onOpen,
+      // We want the drawer to always allow interaction with the outside elements.
+      modal = false,
+      dir,
+      // Trigger props.
+      trigger,
+      // Header props.
+      title,
+      icon,
+      description,
+      showCloseButton,
+      headerSeparator,
+      // Body props.
+      children,
+      bodyPadding,
+      // Footer props.
+      actions,
+      info,
+      footerSeparator,
+      // Content props.
+      ...rest
+    } = props;
+
+    // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed
+    const onOpenChange = open => {
+      originalOnOpenChange && originalOnOpenChange(open);
+      if (onClose && !open) {
+        onClose();
+      }
+      if (onOpen && open) {
+        onOpen();
+      }
+    };
+    return {
+      rootProps: {
+        defaultOpen,
+        open,
+        onOpenChange,
+        modal,
+        dir
+      },
+      triggerProps: {
+        // Temporary fix. We need this because `ref` doesn't get passed to components
+        // that are decorated with `makeDecoratable`. This will be fixed in the future.
+        children: /*#__PURE__*/React.createElement("div", null, trigger)
+      },
+      headerProps: {
+        title,
+        icon,
+        description,
+        showCloseButton,
+        separator: headerSeparator
+      },
+      bodyProps: {
+        children,
+        bodyPadding
+      },
+      footerProps: {
+        info,
+        actions,
+        separator: footerSeparator
+      },
+      contentProps: rest
+    };
+  }, [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, {
+    modal: rootProps.modal
+  }), /*#__PURE__*/React.createElement(DrawerHeader, headerProps), /*#__PURE__*/React.createElement(DrawerBody, bodyProps), /*#__PURE__*/React.createElement(DrawerFooter, footerProps))));
+};
+DrawerBase.displayName = "Drawer";
+const DecoratableDrawer = makeDecoratable("Drawer", DrawerBase);
+const Drawer = withStaticProps(DecoratableDrawer, {
+  ConfirmButton,
+  CancelButton,
+  Icon
+});
+export { Drawer };
+
+//# sourceMappingURL=Drawer.js.map

package/Drawer/Drawer.js.map

@@ -0,0 +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":[]}