@webiny/admin-ui 6.3.0 → 6.4.0-beta.1

package/Dialog/components/DialogHeader.js

@@ -1,44 +1,47 @@
-import * as React from "react";
 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: "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"
+import * as __rspack_external_react from "react";
+const dialogHeaderVariants = cva([
+    "flex flex-col gap-xs",
+    "text-neutral-primary",
+    "sm:text-left"
+], {
+    variants: {
+        size: {
+            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: {
+        size: "md"
     }
-  },
-  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));
+const DialogHeader = ({ title, icon, description, size, className, ...props })=>{
+    const nothingToRender = __rspack_external_react.useMemo(()=>!title && !description && !icon, [
+        title,
+        description,
+        icon
+    ]);
+    if (nothingToRender) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        className: cn(dialogHeaderVariants({
+            size
+        }), className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, {
+        size: size
+    }, icon && /*#__PURE__*/ __rspack_external_react.cloneElement(icon, {
+        size: size && [
+            "lg",
+            "xl",
+            "full"
+        ].includes(size) ? "lg" : "md"
+    }), title), description && /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, description));
 };
+export { DialogHeader };
 
 //# sourceMappingURL=DialogHeader.js.map

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.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":[]}
+{"version":3,"file":"Dialog/components/DialogHeader.js","sources":["../../../src/Dialog/components/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"],"names":["dialogHeaderVariants","cva","DialogHeader","title","icon","description","size","className","props","nothingToRender","React","cn","DialogTitle","DialogDescription"],"mappings":";;;;AAMA,MAAMA,uBAAuBC,IAAI;IAAC;IAAwB;IAAwB;CAAe,EAAE;IAC/F,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAKO,MAAMC,eAAe,CAAC,EACzBC,KAAK,EACLC,IAAI,EACJC,WAAW,EACXC,IAAI,EACJC,SAAS,EACT,GAAGC,OACa;IAChB,MAAMC,kBAAkBC,wBAAAA,OAAa,CAAC,IAC3B,CAACP,SAAS,CAACE,eAAe,CAACD,MACnC;QAACD;QAAOE;QAAaD;KAAK;IAE7B,IAAIK,iBACA,OAAO;IAGX,OAAO,WAAP,GACI,sCAAC;QAAK,GAAGD,KAAK;QAAE,WAAWG,GAAGX,qBAAqB;YAAEM;QAAK,IAAIC;qBAC1D,sCAACK,aAAWA;QAAC,MAAMN;OACdF,QAAAA,WAAAA,GACGM,wBAAAA,YAAkB,CAACN,MAAM;QACrB,MAAME,QAAQ;YAAC;YAAM;YAAM;SAAO,CAAC,QAAQ,CAACA,QAAQ,OAAO;IAC/D,IACHH,QAEJE,eAAe,WAAfA,GAAe,sCAACQ,mBAAiBA,MAAER;AAGhD"}

package/Dialog/components/DialogOverlay.js

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

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.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":[]}
+{"version":3,"file":"Dialog/components/DialogOverlay.js","sources":["../../../src/Dialog/components/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"],"names":["DialogOverlay","React","className","props","ref","DialogPrimitive","cn"],"mappings":";;;AAIO,MAAMA,gBAAgB,WAAHA,GAAGC,wBAAAA,UAAgB,CAG3C,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAO,EAAEC,MAAAA,WAAAA,GACxB,sCAACC,OAAAA,OAAuB;QACpB,IAAI;QACJ,KAAKD;QACL,WAAWE,GACP,4JACAJ;QAEH,GAAGC,KAAK;;AAIjBH,cAAc,WAAW,GAAGK,OAAAA,OAAAA,CAAAA,WAAmC"}

package/Dialog/components/DialogPortal.js

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

package/Dialog/components/DialogPortal.js.map

@@ -1 +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":[]}
+{"version":3,"file":"Dialog/components/DialogPortal.js","sources":["../../../src/Dialog/components/DialogPortal.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from \"radix-ui\";\n\nexport const DialogPortal = DialogPrimitive.Portal;\n"],"names":["DialogPortal","DialogPrimitive"],"mappings":";AAEO,MAAMA,eAAeC,OAAAA,MAAsB"}

package/Dialog/components/DialogRoot.js

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

package/Dialog/components/DialogRoot.js.map

@@ -1 +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":[]}
+{"version":3,"file":"Dialog/components/DialogRoot.js","sources":["../../../src/Dialog/components/DialogRoot.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from \"radix-ui\";\n\nexport const DialogRoot = DialogPrimitive.Root;\n"],"names":["DialogRoot","DialogPrimitive"],"mappings":";AAEO,MAAMA,aAAaC,OAAAA,IAAoB"}

package/Dialog/components/DialogTitle.js

@@ -1,28 +1,26 @@
-import * as React from "react";
-import { Dialog as DialogPrimitive } from "radix-ui";
+import { Dialog } from "radix-ui";
 import { cn, cva } from "../../utils.js";
+import * as __rspack_external_react from "react";
 const dialogTitleVariants = cva("flex items-center gap-sm", {
-  variants: {
-    size: {
-      sm: "text-h5",
-      md: "text-h5",
-      lg: "text-h4",
-      xl: "text-h4",
-      full: "text-h4"
+    variants: {
+        size: {
+            sm: "text-h5",
+            md: "text-h5",
+            lg: "text-h4",
+            xl: "text-h4",
+            full: "text-h4"
+        }
+    },
+    defaultVariants: {
+        size: "md"
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
 });
-export const DialogTitle = ({
-  className,
-  size,
-  ...props
-}) => /*#__PURE__*/React.createElement(DialogPrimitive.Title, Object.assign({}, props, {
-  className: cn(dialogTitleVariants({
-    size
-  }), className)
-}));
+const DialogTitle = ({ className, size, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Dialog.Title, {
+        ...props,
+        className: cn(dialogTitleVariants({
+            size
+        }), className)
+    });
+export { DialogTitle };
 
 //# sourceMappingURL=DialogTitle.js.map

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.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":[]}
+{"version":3,"file":"Dialog/components/DialogTitle.js","sources":["../../../src/Dialog/components/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"],"names":["dialogTitleVariants","cva","DialogTitle","className","size","props","DialogPrimitive","cn"],"mappings":";;;AAIA,MAAMA,sBAAsBC,IAAI,4BAA4B;IACxD,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAKO,MAAMC,cAAc,CAAC,EAAEC,SAAS,EAAEC,IAAI,EAAE,GAAGC,OAAyB,iBACvE,sCAACC,OAAAA,KAAqB;QAAE,GAAGD,KAAK;QAAE,WAAWE,GAAGP,oBAAoB;YAAEI;QAAK,IAAID"}

package/Dialog/components/DialogTrigger.js

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

package/Dialog/components/DialogTrigger.js.map

@@ -1 +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":[]}
+{"version":3,"file":"Dialog/components/DialogTrigger.js","sources":["../../../src/Dialog/components/DialogTrigger.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from \"radix-ui\";\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n"],"names":["DialogTrigger","DialogPrimitive"],"mappings":";AAEO,MAAMA,gBAAgBC,OAAAA,OAAuB"}

package/Dialog/components/Icon.js

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

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/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":[]}
+{"version":3,"file":"Dialog/components/Icon.js","sources":["../../../src/Dialog/components/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"],"names":["IconBase","props","IconComponent","Icon","makeDecoratable"],"mappings":";;;AAOA,MAAMA,WAAW,CAACC,QACP,WAAP,GAAO,sCAACC,MAAaA;QAAC,MAAM;QAAM,OAAO;QAAmB,GAAGD,KAAK;;AAGjE,MAAME,YAAOC,gBAAgB,QAAQJ"}

package/Dialog/index.js

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

package/Drawer/Drawer.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { makeDecoratable, withStaticProps } from "../utils.js";
 import { DrawerContent } from "./components/DrawerContent.js";
 import { DrawerFooter } from "./components/DrawerFooter.js";
@@ -11,101 +10,64 @@ import { DrawerBody } from "./components/DrawerBody.js";
 import { Icon } from "./components/Icon.js";
 import { ConfirmButton } from "./components/ConfirmButton.js";
 import { CancelButton } from "./components/CancelButton.js";
-const DrawerBase = props => {
-  const {
-    rootProps,
-    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, /*#__PURE__*/React.createElement("div", {
-    "data-role": "drawer",
-    className: "absolute z-overlay"
-  }, rootProps.modal && /*#__PURE__*/React.createElement(DrawerOverlay, null), /*#__PURE__*/React.createElement(DrawerContent, Object.assign({}, contentProps, {
-    modal: rootProps.modal
-  }), /*#__PURE__*/React.createElement(DrawerHeader, headerProps), /*#__PURE__*/React.createElement(DrawerBody, bodyProps), /*#__PURE__*/React.createElement(DrawerFooter, footerProps)))));
+import * as __rspack_external_react from "react";
+const DrawerBase = (props)=>{
+    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps } = __rspack_external_react.useMemo(()=>{
+        const { defaultOpen, open, onOpenChange: originalOnOpenChange, onClose, onOpen, modal = false, dir, trigger, title, icon, description, showCloseButton, headerSeparator, children, bodyPadding, actions, info, footerSeparator, ...rest } = props;
+        const onOpenChange = (open)=>{
+            originalOnOpenChange && originalOnOpenChange(open);
+            if (onClose && !open) onClose();
+            if (onOpen && open) onOpen();
+        };
+        return {
+            rootProps: {
+                defaultOpen,
+                open,
+                onOpenChange,
+                modal,
+                dir
+            },
+            triggerProps: {
+                children: /*#__PURE__*/ __rspack_external_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__*/ __rspack_external_react.createElement(DrawerRoot, rootProps, triggerProps.children && /*#__PURE__*/ __rspack_external_react.createElement(DrawerTrigger, {
+        ...triggerProps,
+        asChild: true
+    }), /*#__PURE__*/ __rspack_external_react.createElement(DrawerPortal, null, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-role": "drawer",
+        className: "absolute z-overlay"
+    }, rootProps.modal && /*#__PURE__*/ __rspack_external_react.createElement(DrawerOverlay, null), /*#__PURE__*/ __rspack_external_react.createElement(DrawerContent, {
+        ...contentProps,
+        modal: rootProps.modal
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DrawerHeader, headerProps), /*#__PURE__*/ __rspack_external_react.createElement(DrawerBody, bodyProps), /*#__PURE__*/ __rspack_external_react.createElement(DrawerFooter, footerProps)))));
 };
 DrawerBase.displayName = "Drawer";
 const DecoratableDrawer = makeDecoratable("Drawer", DrawerBase);
 const Drawer = withStaticProps(DecoratableDrawer, {
-  ConfirmButton,
-  CancelButton,
-  Icon
+    ConfirmButton: ConfirmButton,
+    CancelButton: CancelButton,
+    Icon: Icon
 });
 export { Drawer };
 

package/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","DrawerContent","DrawerFooter","DrawerHeader","DrawerOverlay","DrawerPortal","DrawerRoot","DrawerTrigger","DrawerBody","Icon","ConfirmButton","CancelButton","DrawerBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","useMemo","defaultOpen","open","onOpenChange","originalOnOpenChange","onClose","onOpen","modal","dir","trigger","title","icon","description","showCloseButton","headerSeparator","children","bodyPadding","actions","info","footerSeparator","rest","createElement","separator","Object","assign","asChild","className","displayName","DecoratableDrawer","Drawer"],"sources":["Drawer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DrawerContent } from \"./components/DrawerContent.js\";\nimport { DrawerFooter } from \"./components/DrawerFooter.js\";\nimport { DrawerHeader } from \"./components/DrawerHeader.js\";\nimport { DrawerOverlay } from \"./components/DrawerOverlay.js\";\nimport { DrawerPortal } from \"./components/DrawerPortal.js\";\nimport { DrawerRoot } from \"./components/DrawerRoot.js\";\nimport { DrawerTrigger } from \"./components/DrawerTrigger.js\";\nimport { DrawerBody } from \"~/Drawer/components/DrawerBody.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmButton } from \"./components/ConfirmButton.js\";\nimport { CancelButton } from \"./components/CancelButton.js\";\n\ninterface DrawerProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DrawerRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DrawerContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    modal?: boolean;\n    showCloseButton?: boolean;\n    bodyPadding?: boolean;\n    headerSeparator?: boolean;\n    footerSeparator?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    width?: React.CSSProperties[\"width\"];\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DrawerBase = (props: DrawerProps) => {\n    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps } =\n        React.useMemo(() => {\n            const {\n                // Root props.\n                defaultOpen,\n                open,\n                onOpenChange: originalOnOpenChange,\n                onClose,\n                onOpen,\n\n                // We want the drawer to always allow interaction with the outside elements.\n                modal = false,\n                dir,\n\n                // Trigger props.\n                trigger,\n\n                // Header props.\n                title,\n                icon,\n                description,\n                showCloseButton,\n                headerSeparator,\n\n                // Body props.\n                children,\n                bodyPadding,\n\n                // Footer props.\n                actions,\n                info,\n                footerSeparator,\n\n                // Content props.\n                ...rest\n            } = props;\n\n            // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n            const onOpenChange = (open: boolean) => {\n                originalOnOpenChange && originalOnOpenChange(open);\n\n                if (onClose && !open) {\n                    onClose();\n                }\n\n                if (onOpen && open) {\n                    onOpen();\n                }\n            };\n\n            return {\n                rootProps: {\n                    defaultOpen,\n                    open,\n                    onOpenChange,\n                    modal,\n                    dir\n                },\n                triggerProps: {\n                    // Temporary fix. We need this because `ref` doesn't get passed to components\n                    // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                    children: <div>{trigger}</div>\n                },\n                headerProps: {\n                    title,\n                    icon,\n                    description,\n                    showCloseButton,\n                    separator: headerSeparator\n                },\n                bodyProps: { children, bodyPadding },\n                footerProps: { info, actions, separator: footerSeparator },\n                contentProps: rest\n            };\n        }, [props]);\n\n    return (\n        <DrawerRoot {...rootProps}>\n            {triggerProps.children && <DrawerTrigger {...triggerProps} asChild />}\n            <DrawerPortal>\n                <div data-role=\"drawer\" className={\"absolute z-overlay\"}>\n                    {rootProps.modal && <DrawerOverlay />}\n                    <DrawerContent {...contentProps} modal={rootProps.modal}>\n                        <DrawerHeader {...headerProps} />\n                        <DrawerBody {...bodyProps} />\n                        <DrawerFooter {...footerProps} />\n                    </DrawerContent>\n                </div>\n            </DrawerPortal>\n        </DrawerRoot>\n    );\n};\n\nDrawerBase.displayName = \"Drawer\";\n\nconst DecoratableDrawer = makeDecoratable(\"Drawer\", DrawerBase);\n\nconst Drawer = withStaticProps(DecoratableDrawer, {\n    ConfirmButton,\n    CancelButton,\n    Icon\n});\n\nexport { Drawer, type DrawerProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Drawer/Drawer.js","sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DrawerContent } from \"./components/DrawerContent.js\";\nimport { DrawerFooter } from \"./components/DrawerFooter.js\";\nimport { DrawerHeader } from \"./components/DrawerHeader.js\";\nimport { DrawerOverlay } from \"./components/DrawerOverlay.js\";\nimport { DrawerPortal } from \"./components/DrawerPortal.js\";\nimport { DrawerRoot } from \"./components/DrawerRoot.js\";\nimport { DrawerTrigger } from \"./components/DrawerTrigger.js\";\nimport { DrawerBody } from \"~/Drawer/components/DrawerBody.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmButton } from \"./components/ConfirmButton.js\";\nimport { CancelButton } from \"./components/CancelButton.js\";\n\ninterface DrawerProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DrawerRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DrawerContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    modal?: boolean;\n    showCloseButton?: boolean;\n    bodyPadding?: boolean;\n    headerSeparator?: boolean;\n    footerSeparator?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    width?: React.CSSProperties[\"width\"];\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DrawerBase = (props: DrawerProps) => {\n    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps } =\n        React.useMemo(() => {\n            const {\n                // Root props.\n                defaultOpen,\n                open,\n                onOpenChange: originalOnOpenChange,\n                onClose,\n                onOpen,\n\n                // We want the drawer to always allow interaction with the outside elements.\n                modal = false,\n                dir,\n\n                // Trigger props.\n                trigger,\n\n                // Header props.\n                title,\n                icon,\n                description,\n                showCloseButton,\n                headerSeparator,\n\n                // Body props.\n                children,\n                bodyPadding,\n\n                // Footer props.\n                actions,\n                info,\n                footerSeparator,\n\n                // Content props.\n                ...rest\n            } = props;\n\n            // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n            const onOpenChange = (open: boolean) => {\n                originalOnOpenChange && originalOnOpenChange(open);\n\n                if (onClose && !open) {\n                    onClose();\n                }\n\n                if (onOpen && open) {\n                    onOpen();\n                }\n            };\n\n            return {\n                rootProps: {\n                    defaultOpen,\n                    open,\n                    onOpenChange,\n                    modal,\n                    dir\n                },\n                triggerProps: {\n                    // Temporary fix. We need this because `ref` doesn't get passed to components\n                    // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                    children: <div>{trigger}</div>\n                },\n                headerProps: {\n                    title,\n                    icon,\n                    description,\n                    showCloseButton,\n                    separator: headerSeparator\n                },\n                bodyProps: { children, bodyPadding },\n                footerProps: { info, actions, separator: footerSeparator },\n                contentProps: rest\n            };\n        }, [props]);\n\n    return (\n        <DrawerRoot {...rootProps}>\n            {triggerProps.children && <DrawerTrigger {...triggerProps} asChild />}\n            <DrawerPortal>\n                <div data-role=\"drawer\" className={\"absolute z-overlay\"}>\n                    {rootProps.modal && <DrawerOverlay />}\n                    <DrawerContent {...contentProps} modal={rootProps.modal}>\n                        <DrawerHeader {...headerProps} />\n                        <DrawerBody {...bodyProps} />\n                        <DrawerFooter {...footerProps} />\n                    </DrawerContent>\n                </div>\n            </DrawerPortal>\n        </DrawerRoot>\n    );\n};\n\nDrawerBase.displayName = \"Drawer\";\n\nconst DecoratableDrawer = makeDecoratable(\"Drawer\", DrawerBase);\n\nconst Drawer = withStaticProps(DecoratableDrawer, {\n    ConfirmButton,\n    CancelButton,\n    Icon\n});\n\nexport { Drawer, type DrawerProps };\n"],"names":["DrawerBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","React","defaultOpen","open","originalOnOpenChange","onClose","onOpen","modal","dir","trigger","title","icon","description","showCloseButton","headerSeparator","children","bodyPadding","actions","info","footerSeparator","rest","onOpenChange","DrawerRoot","DrawerTrigger","DrawerPortal","DrawerOverlay","DrawerContent","DrawerHeader","DrawerBody","DrawerFooter","DecoratableDrawer","makeDecoratable","Drawer","withStaticProps","ConfirmButton","CancelButton","Icon"],"mappings":";;;;;;;;;;;;;AAmCA,MAAMA,aAAa,CAACC;IAChB,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAChFC,wBAAAA,OAAa,CAAC;QACV,MAAM,EAEFC,WAAW,EACXC,IAAI,EACJ,cAAcC,oBAAoB,EAClCC,OAAO,EACPC,MAAM,EAGNC,QAAQ,KAAK,EACbC,GAAG,EAGHC,OAAO,EAGPC,KAAK,EACLC,IAAI,EACJC,WAAW,EACXC,eAAe,EACfC,eAAe,EAGfC,QAAQ,EACRC,WAAW,EAGXC,OAAO,EACPC,IAAI,EACJC,eAAe,EAGf,GAAGC,MACN,GAAG1B;QAGJ,MAAM2B,eAAe,CAAClB;YAClBC,wBAAwBA,qBAAqBD;YAE7C,IAAIE,WAAW,CAACF,MACZE;YAGJ,IAAIC,UAAUH,MACVG;QAER;QAEA,OAAO;YACH,WAAW;gBACPJ;gBACAC;gBACAkB;gBACAd;gBACAC;YACJ;YACA,cAAc;gBAGV,UAAU,WAAV,GAAU,sCAAC,aAAKC;YACpB;YACA,aAAa;gBACTC;gBACAC;gBACAC;gBACAC;gBACA,WAAWC;YACf;YACA,WAAW;gBAAEC;gBAAUC;YAAY;YACnC,aAAa;gBAAEE;gBAAMD;gBAAS,WAAWE;YAAgB;YACzD,cAAcC;QAClB;IACJ,GAAG;QAAC1B;KAAM;IAEd,OAAO,WAAP,GACI,sCAAC4B,YAAe3B,WACXC,aAAa,QAAQ,IAAI,WAAJ,GAAI,sCAAC2B,eAAaA;QAAE,GAAG3B,YAAY;QAAE;sBAC3D,sCAAC4B,cAAYA,MAAAA,WAAAA,GACT,sCAAC;QAAI,aAAU;QAAS,WAAW;OAC9B7B,UAAU,KAAK,IAAI,WAAJ,GAAI,sCAAC8B,eAAaA,OAAAA,WAAAA,GAClC,sCAACC,eAAaA;QAAE,GAAG7B,YAAY;QAAE,OAAOF,UAAU,KAAK;qBACnD,sCAACgC,cAAiB7B,cAAAA,WAAAA,GAClB,sCAAC8B,YAAe7B,YAAAA,WAAAA,GAChB,sCAAC8B,cAAiB7B;AAM1C;AAEAP,WAAW,WAAW,GAAG;AAEzB,MAAMqC,oBAAoBC,gBAAgB,UAAUtC;AAEpD,MAAMuC,SAASC,gBAAgBH,mBAAmB;IAC9CI,eAAaA;IACbC,cAAYA;IACZC,MAAIA;AACR"}