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

package/Card/components/CardContent.d.ts

@@ -1,16 +1,16 @@
 import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const cardContentVariants: (props?: ({
-    cornerSize?: "md" | "lg" | null | undefined;
+    cornerSize?: "lg" | "md" | null | undefined;
     variant?: "accent" | "default" | null | undefined;
-    elevation?: "none" | "small" | "medium" | "large" | null | undefined;
+    elevation?: "large" | "medium" | "none" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CardContentProps extends VariantProps<typeof cardContentVariants> {
     className?: string;
     children: React.ReactNode;
 }
-declare const CardContent: {
-    ({ children }: CardContentProps): React.JSX.Element;
-    displayName: string;
-};
+declare function CardContent({ children }: CardContentProps): React.JSX.Element;
+declare namespace CardContent {
+    var displayName: string;
+}
 export { CardContent };

package/Card/components/CardContent.js

@@ -1,47 +1,42 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
 import { useCardProps } from "./CardPropsProvider.js";
-const cardContentVariants = cva(["border-md border-solid bg-neutral-base text-md text-neutral-strong overflow-hidden"], {
-  variants: {
-    cornerSize: {
-      md: "rounded-lg",
-      lg: "rounded-xl"
+import * as __rspack_external_react from "react";
+const cardContentVariants = cva([
+    "border-md border-solid bg-neutral-base text-md text-neutral-strong overflow-hidden"
+], {
+    variants: {
+        cornerSize: {
+            md: "rounded-lg",
+            lg: "rounded-xl"
+        },
+        variant: {
+            default: "border-transparent",
+            accent: "border-accent-dimmed"
+        },
+        elevation: {
+            none: "",
+            small: "shadow-sm",
+            medium: "shadow-md",
+            large: "shadow-lg"
+        }
     },
-    variant: {
-      default: "border-transparent",
-      accent: "border-accent-dimmed"
-    },
-    elevation: {
-      none: "",
-      small: "shadow-sm",
-      medium: "shadow-md",
-      large: "shadow-lg"
+    defaultVariants: {
+        cornerSize: "lg",
+        variant: "default"
     }
-  },
-  defaultVariants: {
-    cornerSize: "lg",
-    variant: "default"
-  }
 });
-const CardContent = ({
-  children
-}) => {
-  const {
-    cornerSize,
-    variant,
-    elevation,
-    className
-  } = useCardProps();
-  return /*#__PURE__*/React.createElement("div", {
-    "data-card": "content",
-    className: cn(cardContentVariants({
-      cornerSize,
-      variant,
-      elevation
-    }), className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col justify-between w-full max-w-full h-full relative"
-  }, children));
+const CardContent = ({ children })=>{
+    const { cornerSize, variant, elevation, className } = useCardProps();
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-card": "content",
+        className: cn(cardContentVariants({
+            cornerSize,
+            variant,
+            elevation
+        }), className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex flex-col justify-between w-full max-w-full h-full relative"
+    }, children));
 };
 CardContent.displayName = "CardContent";
 export { CardContent };

package/Card/components/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","useCardProps","cardContentVariants","variants","cornerSize","md","lg","variant","default","accent","elevation","none","small","medium","large","defaultVariants","CardContent","children","className","createElement","displayName"],"sources":["CardContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { useCardProps } from \"~/Card/components/CardPropsProvider.js\";\n\nconst cardContentVariants = cva(\n    [\"border-md border-solid bg-neutral-base text-md text-neutral-strong overflow-hidden\"],\n    {\n        variants: {\n            cornerSize: {\n                md: \"rounded-lg\",\n                lg: \"rounded-xl\"\n            },\n            variant: {\n                default: \"border-transparent\",\n                accent: \"border-accent-dimmed\"\n            },\n            elevation: {\n                none: \"\",\n                small: \"shadow-sm\",\n                medium: \"shadow-md\",\n                large: \"shadow-lg\"\n            }\n        },\n        defaultVariants: {\n            cornerSize: \"lg\",\n            variant: \"default\"\n        }\n    }\n);\n\nexport interface CardContentProps extends VariantProps<typeof cardContentVariants> {\n    className?: string;\n    children: React.ReactNode;\n}\n\nconst CardContent = ({ children }: CardContentProps) => {\n    const { cornerSize, variant, elevation, className } = useCardProps();\n\n    return (\n        <div\n            data-card=\"content\"\n            className={cn(cardContentVariants({ cornerSize, variant, elevation }), className)}\n        >\n            <div className={\"flex flex-col justify-between w-full max-w-full h-full relative\"}>\n                {children}\n            </div>\n        </div>\n    );\n};\n\nCardContent.displayName = \"CardContent\";\n\nexport { CardContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,YAAY;AAErB,MAAMC,mBAAmB,GAAGF,GAAG,CAC3B,CAAC,oFAAoF,CAAC,EACtF;EACIG,QAAQ,EAAE;IACNC,UAAU,EAAE;MACRC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,OAAO,EAAE,oBAAoB;MAC7BC,MAAM,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE,WAAW;MAClBC,MAAM,EAAE,WAAW;MACnBC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbX,UAAU,EAAE,IAAI;IAChBG,OAAO,EAAE;EACb;AACJ,CACJ,CAAC;AAOD,MAAMS,WAAW,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EACpD,MAAM;IAAEb,UAAU;IAAEG,OAAO;IAAEG,SAAS;IAAEQ;EAAU,CAAC,GAAGjB,YAAY,CAAC,CAAC;EAEpE,oBACIH,KAAA,CAAAqB,aAAA;IACI,aAAU,SAAS;IACnBD,SAAS,EAAEnB,EAAE,CAACG,mBAAmB,CAAC;MAAEE,UAAU;MAAEG,OAAO;MAAEG;IAAU,CAAC,CAAC,EAAEQ,SAAS;EAAE,gBAElFpB,KAAA,CAAAqB,aAAA;IAAKD,SAAS,EAAE;EAAkE,GAC7ED,QACA,CACJ,CAAC;AAEd,CAAC;AAEDD,WAAW,CAACI,WAAW,GAAG,aAAa;AAEvC,SAASJ,WAAW","ignoreList":[]}
+{"version":3,"file":"Card/components/CardContent.js","sources":["../../../src/Card/components/CardContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { useCardProps } from \"~/Card/components/CardPropsProvider.js\";\n\nconst cardContentVariants = cva(\n    [\"border-md border-solid bg-neutral-base text-md text-neutral-strong overflow-hidden\"],\n    {\n        variants: {\n            cornerSize: {\n                md: \"rounded-lg\",\n                lg: \"rounded-xl\"\n            },\n            variant: {\n                default: \"border-transparent\",\n                accent: \"border-accent-dimmed\"\n            },\n            elevation: {\n                none: \"\",\n                small: \"shadow-sm\",\n                medium: \"shadow-md\",\n                large: \"shadow-lg\"\n            }\n        },\n        defaultVariants: {\n            cornerSize: \"lg\",\n            variant: \"default\"\n        }\n    }\n);\n\nexport interface CardContentProps extends VariantProps<typeof cardContentVariants> {\n    className?: string;\n    children: React.ReactNode;\n}\n\nconst CardContent = ({ children }: CardContentProps) => {\n    const { cornerSize, variant, elevation, className } = useCardProps();\n\n    return (\n        <div\n            data-card=\"content\"\n            className={cn(cardContentVariants({ cornerSize, variant, elevation }), className)}\n        >\n            <div className={\"flex flex-col justify-between w-full max-w-full h-full relative\"}>\n                {children}\n            </div>\n        </div>\n    );\n};\n\nCardContent.displayName = \"CardContent\";\n\nexport { CardContent };\n"],"names":["cardContentVariants","cva","CardContent","children","cornerSize","variant","elevation","className","useCardProps","cn"],"mappings":";;;AAIA,MAAMA,sBAAsBC,IACxB;IAAC;CAAqF,EACtF;IACI,UAAU;QACN,YAAY;YACR,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,SAAS;YACT,QAAQ;QACZ;QACA,WAAW;YACP,MAAM;YACN,OAAO;YACP,QAAQ;YACR,OAAO;QACX;IACJ;IACA,iBAAiB;QACb,YAAY;QACZ,SAAS;IACb;AACJ;AAQJ,MAAMC,cAAc,CAAC,EAAEC,QAAQ,EAAoB;IAC/C,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGC;IAEtD,OAAO,WAAP,GACI,sCAAC;QACG,aAAU;QACV,WAAWC,GAAGT,oBAAoB;YAAEI;YAAYC;YAASC;QAAU,IAAIC;qBAEvE,sCAAC;QAAI,WAAW;OACXJ;AAIjB;AAEAD,YAAY,WAAW,GAAG"}

package/Card/components/CardDescription.js

@@ -1,10 +1,9 @@
-import * as React from "react";
 import { cn } from "../../utils.js";
-export const CardDescription = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn("text-sm text-neutral-strong text-left", className)
-}));
+import * as __rspack_external_react from "react";
+const CardDescription = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        className: cn("text-sm text-neutral-strong text-left", className)
+    });
+export { CardDescription };
 
 //# sourceMappingURL=CardDescription.js.map

package/Card/components/CardDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","CardDescription","className","props","createElement","Object","assign"],"sources":["CardDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardDescription = ({ className, ...props }: CardDescriptionProps) => (\n    <div {...props} className={cn(\"text-sm text-neutral-strong text-left\", className)} />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAIX,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4B,CAAC,kBACzEJ,KAAA,CAAAK,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;EAAED,SAAS,EAAEF,EAAE,CAAC,uCAAuC,EAAEE,SAAS;AAAE,EAAE,CACvF","ignoreList":[]}
+{"version":3,"file":"Card/components/CardDescription.js","sources":["../../../src/Card/components/CardDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardDescription = ({ className, ...props }: CardDescriptionProps) => (\n    <div {...props} className={cn(\"text-sm text-neutral-strong text-left\", className)} />\n);\n"],"names":["CardDescription","className","props","cn"],"mappings":";;AAKO,MAAMA,kBAAkB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA6B,iBACzE,sCAAC;QAAK,GAAGA,KAAK;QAAE,WAAWC,GAAG,yCAAyCF"}

package/Card/components/CardFooter.js

@@ -1,53 +1,47 @@
-import * as React from "react";
 import { cva } from "../../utils.js";
 import { useCardProps } from "./CardPropsProvider.js";
+import * as __rspack_external_react from "react";
 const cardFooterVariants = cva("flex justify-between", {
-  variants: {
-    padding: {
-      sm: "p-md",
-      md: "py-md-extra px-lg",
-      lg: "pt-lg pb-xl px-xl"
+    variants: {
+        padding: {
+            sm: "p-md",
+            md: "py-md-extra px-lg",
+            lg: "pt-lg pb-xl px-xl"
+        }
+    },
+    defaultVariants: {
+        padding: "md"
     }
-  },
-  defaultVariants: {
-    padding: "md"
-  }
 });
 const emptyCardFooterVariants = cva("", {
-  variants: {
-    padding: {
-      sm: "h-lg",
-      md: "h-lg",
-      lg: "h-xl"
+    variants: {
+        padding: {
+            sm: "h-lg",
+            md: "h-lg",
+            lg: "h-xl"
+        }
+    },
+    defaultVariants: {
+        padding: "md"
     }
-  },
-  defaultVariants: {
-    padding: "md"
-  }
 });
-export const CardFooter = () => {
-  const {
-    actionsPosition,
-    actions,
-    info,
-    padding
-  } = useCardProps();
-  if (!actions && !info) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: emptyCardFooterVariants({
-        padding
-      })
+const CardFooter = ()=>{
+    const { actionsPosition, actions, info, padding } = useCardProps();
+    if (!actions && !info) return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: emptyCardFooterVariants({
+            padding
+        })
     });
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: cardFooterVariants({
-      padding
-    })
-  }, info && /*#__PURE__*/React.createElement("div", {
-    className: "text-sm flex items-center"
-  }, /*#__PURE__*/React.createElement("div", null, info)), actions && actionsPosition !== "header" && /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-x-sm ml-auto"
-  }, actions));
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cardFooterVariants({
+            padding
+        })
+    }, info && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "text-sm flex items-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", null, info)), actions && "header" !== actionsPosition && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-x-sm ml-auto"
+    }, actions));
 };
+export { CardFooter };
 
 //# sourceMappingURL=CardFooter.js.map

package/Card/components/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cva","useCardProps","cardFooterVariants","variants","padding","sm","md","lg","defaultVariants","emptyCardFooterVariants","CardFooter","actionsPosition","actions","info","createElement","className"],"sources":["CardFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva } from \"~/utils.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst cardFooterVariants = cva(\"flex justify-between\", {\n    variants: {\n        padding: {\n            sm: \"p-md\",\n            md: \"py-md-extra px-lg\",\n            lg: \"pt-lg pb-xl px-xl\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nconst emptyCardFooterVariants = cva(\"\", {\n    variants: {\n        padding: {\n            sm: \"h-lg\",\n            md: \"h-lg\",\n            lg: \"h-xl\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const CardFooter = () => {\n    const { actionsPosition, actions, info, padding } = useCardProps();\n\n    if (!actions && !info) {\n        return <div className={emptyCardFooterVariants({ padding })} />;\n    }\n\n    return (\n        <div className={cardFooterVariants({ padding })}>\n            {info && (\n                <div className={\"text-sm flex items-center\"}>\n                    <div>{info}</div>\n                </div>\n            )}\n            {actions && actionsPosition !== \"header\" && (\n                <div className={\"flex gap-x-sm ml-auto\"}>{actions}</div>\n            )}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG;AACZ,SAASC,YAAY;AAErB,MAAMC,kBAAkB,GAAGF,GAAG,CAAC,sBAAsB,EAAE;EACnDG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE,mBAAmB;MACvBC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbJ,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,MAAMK,uBAAuB,GAAGT,GAAG,CAAC,EAAE,EAAE;EACpCG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbJ,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMM,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC,eAAe;IAAEC,OAAO;IAAEC,IAAI;IAAET;EAAQ,CAAC,GAAGH,YAAY,CAAC,CAAC;EAElE,IAAI,CAACW,OAAO,IAAI,CAACC,IAAI,EAAE;IACnB,oBAAOd,KAAA,CAAAe,aAAA;MAAKC,SAAS,EAAEN,uBAAuB,CAAC;QAAEL;MAAQ,CAAC;IAAE,CAAE,CAAC;EACnE;EAEA,oBACIL,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEb,kBAAkB,CAAC;MAAEE;IAAQ,CAAC;EAAE,GAC3CS,IAAI,iBACDd,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAA4B,gBACxChB,KAAA,CAAAe,aAAA,cAAMD,IAAU,CACf,CACR,EACAD,OAAO,IAAID,eAAe,KAAK,QAAQ,iBACpCZ,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAwB,GAAEH,OAAa,CAE1D,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Card/components/CardFooter.js","sources":["../../../src/Card/components/CardFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva } from \"~/utils.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst cardFooterVariants = cva(\"flex justify-between\", {\n    variants: {\n        padding: {\n            sm: \"p-md\",\n            md: \"py-md-extra px-lg\",\n            lg: \"pt-lg pb-xl px-xl\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nconst emptyCardFooterVariants = cva(\"\", {\n    variants: {\n        padding: {\n            sm: \"h-lg\",\n            md: \"h-lg\",\n            lg: \"h-xl\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const CardFooter = () => {\n    const { actionsPosition, actions, info, padding } = useCardProps();\n\n    if (!actions && !info) {\n        return <div className={emptyCardFooterVariants({ padding })} />;\n    }\n\n    return (\n        <div className={cardFooterVariants({ padding })}>\n            {info && (\n                <div className={\"text-sm flex items-center\"}>\n                    <div>{info}</div>\n                </div>\n            )}\n            {actions && actionsPosition !== \"header\" && (\n                <div className={\"flex gap-x-sm ml-auto\"}>{actions}</div>\n            )}\n        </div>\n    );\n};\n"],"names":["cardFooterVariants","cva","emptyCardFooterVariants","CardFooter","actionsPosition","actions","info","padding","useCardProps"],"mappings":";;;AAIA,MAAMA,qBAAqBC,IAAI,wBAAwB;IACnD,UAAU;QACN,SAAS;YACL,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAEA,MAAMC,0BAA0BD,IAAI,IAAI;IACpC,UAAU;QACN,SAAS;YACL,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAEO,MAAME,aAAa;IACtB,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAEpD,IAAI,CAACH,WAAW,CAACC,MACb,OAAO,WAAP,GAAO,sCAAC;QAAI,WAAWJ,wBAAwB;YAAEK;QAAQ;;IAG7D,OAAO,WAAP,GACI,sCAAC;QAAI,WAAWP,mBAAmB;YAAEO;QAAQ;OACxCD,QAAQ,WAARA,GACG,sCAAC;QAAI,WAAW;qBACZ,sCAAC,aAAKA,QAGbD,WAAWD,AAAoB,aAApBA,mBAAgC,WAAZ,GAC5B,sCAAC;QAAI,WAAW;OAA0BC;AAI1D"}

package/Card/components/CardHeader.js

@@ -1,59 +1,50 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
 import { CardTitle } from "./CardTitle.js";
 import { CardDescription } from "./CardDescription.js";
 import { useCardProps } from "./CardPropsProvider.js";
+import * as __rspack_external_react from "react";
 const cardHeaderVariants = cva("text-neutral-primary", {
-  variants: {
-    padding: {
-      sm: "pt-sm-extra pl-md pr-sm-plus",
-      md: "pt-md pl-lg pr-md",
-      lg: "pt-lg pl-xl pr-lg"
+    variants: {
+        padding: {
+            sm: "pt-sm-extra pl-md pr-sm-plus",
+            md: "pt-md pl-lg pr-md",
+            lg: "pt-lg pl-xl pr-lg"
+        },
+        variant: {
+            default: "",
+            accent: "bg-primary-subtle"
+        }
     },
-    variant: {
-      default: "",
-      accent: "bg-primary-subtle"
+    defaultVariants: {
+        padding: "md",
+        variant: "default"
     }
-  },
-  defaultVariants: {
-    padding: "md",
-    variant: "default"
-  }
 });
-export const CardHeader = () => {
-  const {
-    actionsPosition,
-    actions,
-    title,
-    icon,
-    description,
-    padding,
-    variant,
-    size,
-    className
-  } = useCardProps();
-  const nothingToRender = React.useMemo(() => {
-    return !title && !description && !icon;
-  }, [title, description, icon]);
-  if (nothingToRender) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(cardHeaderVariants({
-      padding,
-      variant
-    }), className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-xs mb-sm text-sm text-neutral-strong pb-md"
-  }, /*#__PURE__*/React.createElement(CardTitle, {
-    padding: padding,
-    size: size,
-    variant: variant
-  }, icon, title), description && /*#__PURE__*/React.createElement(CardDescription, null, description)), actions && actionsPosition === "header" && /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-sm"
-  }, actions)));
+const CardHeader = ()=>{
+    const { actionsPosition, actions, title, icon, description, padding, variant, size, className } = useCardProps();
+    const nothingToRender = __rspack_external_react.useMemo(()=>!title && !description && !icon, [
+        title,
+        description,
+        icon
+    ]);
+    if (nothingToRender) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn(cardHeaderVariants({
+            padding,
+            variant
+        }), className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex justify-between"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex flex-col gap-xs mb-sm text-sm text-neutral-strong pb-md"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(CardTitle, {
+        padding: padding,
+        size: size,
+        variant: variant
+    }, icon, title), description && /*#__PURE__*/ __rspack_external_react.createElement(CardDescription, null, description)), actions && "header" === actionsPosition && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-sm"
+    }, actions)));
 };
+export { CardHeader };
 
 //# sourceMappingURL=CardHeader.js.map

package/Card/components/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","CardTitle","CardDescription","useCardProps","cardHeaderVariants","variants","padding","sm","md","lg","variant","default","accent","defaultVariants","CardHeader","actionsPosition","actions","title","icon","description","size","className","nothingToRender","useMemo","createElement"],"sources":["CardHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport { CardTitle } from \"./CardTitle.js\";\nimport { CardDescription } from \"./CardDescription.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst cardHeaderVariants = cva(\"text-neutral-primary\", {\n    variants: {\n        padding: {\n            sm: \"pt-sm-extra pl-md pr-sm-plus\",\n            md: \"pt-md pl-lg pr-md\",\n            lg: \"pt-lg pl-xl pr-lg\"\n        },\n        variant: {\n            default: \"\",\n            accent: \"bg-primary-subtle\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\",\n        variant: \"default\"\n    }\n});\n\nexport const CardHeader = () => {\n    const {\n        actionsPosition,\n        actions,\n        title,\n        icon,\n        description,\n        padding,\n        variant,\n        size,\n        className\n    } = useCardProps();\n\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 className={cn(cardHeaderVariants({ padding, variant }), className)}>\n            <div className={\"flex justify-between\"}>\n                <div className=\"flex flex-col gap-xs mb-sm text-sm text-neutral-strong pb-md\">\n                    <CardTitle padding={padding} size={size} variant={variant}>\n                        {icon}\n                        {title}\n                    </CardTitle>\n                    {description && <CardDescription>{description}</CardDescription>}\n                </div>\n                {actions && actionsPosition === \"header\" && (\n                    <div className={\"flex gap-sm\"}>{actions}</div>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,SAAS;AAClB,SAASC,eAAe;AACxB,SAASC,YAAY;AAErB,MAAMC,kBAAkB,GAAGJ,GAAG,CAAC,sBAAsB,EAAE;EACnDK,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,mBAAmB;MACvBC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbP,OAAO,EAAE,IAAI;IACbI,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMI,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IACFC,eAAe;IACfC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,WAAW;IACXb,OAAO;IACPI,OAAO;IACPU,IAAI;IACJC;EACJ,CAAC,GAAGlB,YAAY,CAAC,CAAC;EAElB,MAAMmB,eAAe,GAAGxB,KAAK,CAACyB,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,oBACIxB,KAAA,CAAA0B,aAAA;IAAKH,SAAS,EAAEtB,EAAE,CAACK,kBAAkB,CAAC;MAAEE,OAAO;MAAEI;IAAQ,CAAC,CAAC,EAAEW,SAAS;EAAE,gBACpEvB,KAAA,CAAA0B,aAAA;IAAKH,SAAS,EAAE;EAAuB,gBACnCvB,KAAA,CAAA0B,aAAA;IAAKH,SAAS,EAAC;EAA8D,gBACzEvB,KAAA,CAAA0B,aAAA,CAACvB,SAAS;IAACK,OAAO,EAAEA,OAAQ;IAACc,IAAI,EAAEA,IAAK;IAACV,OAAO,EAAEA;EAAQ,GACrDQ,IAAI,EACJD,KACM,CAAC,EACXE,WAAW,iBAAIrB,KAAA,CAAA0B,aAAA,CAACtB,eAAe,QAAEiB,WAA6B,CAC9D,CAAC,EACLH,OAAO,IAAID,eAAe,KAAK,QAAQ,iBACpCjB,KAAA,CAAA0B,aAAA;IAAKH,SAAS,EAAE;EAAc,GAAEL,OAAa,CAEhD,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Card/components/CardHeader.js","sources":["../../../src/Card/components/CardHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport { CardTitle } from \"./CardTitle.js\";\nimport { CardDescription } from \"./CardDescription.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst cardHeaderVariants = cva(\"text-neutral-primary\", {\n    variants: {\n        padding: {\n            sm: \"pt-sm-extra pl-md pr-sm-plus\",\n            md: \"pt-md pl-lg pr-md\",\n            lg: \"pt-lg pl-xl pr-lg\"\n        },\n        variant: {\n            default: \"\",\n            accent: \"bg-primary-subtle\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\",\n        variant: \"default\"\n    }\n});\n\nexport const CardHeader = () => {\n    const {\n        actionsPosition,\n        actions,\n        title,\n        icon,\n        description,\n        padding,\n        variant,\n        size,\n        className\n    } = useCardProps();\n\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 className={cn(cardHeaderVariants({ padding, variant }), className)}>\n            <div className={\"flex justify-between\"}>\n                <div className=\"flex flex-col gap-xs mb-sm text-sm text-neutral-strong pb-md\">\n                    <CardTitle padding={padding} size={size} variant={variant}>\n                        {icon}\n                        {title}\n                    </CardTitle>\n                    {description && <CardDescription>{description}</CardDescription>}\n                </div>\n                {actions && actionsPosition === \"header\" && (\n                    <div className={\"flex gap-sm\"}>{actions}</div>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":["cardHeaderVariants","cva","CardHeader","actionsPosition","actions","title","icon","description","padding","variant","size","className","useCardProps","nothingToRender","React","cn","CardTitle","CardDescription"],"mappings":";;;;;AAMA,MAAMA,qBAAqBC,IAAI,wBAAwB;IACnD,UAAU;QACN,SAAS;YACL,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,SAAS;YACT,QAAQ;QACZ;IACJ;IACA,iBAAiB;QACb,SAAS;QACT,SAAS;IACb;AACJ;AAEO,MAAMC,aAAa;IACtB,MAAM,EACFC,eAAe,EACfC,OAAO,EACPC,KAAK,EACLC,IAAI,EACJC,WAAW,EACXC,OAAO,EACPC,OAAO,EACPC,IAAI,EACJC,SAAS,EACZ,GAAGC;IAEJ,MAAMC,kBAAkBC,wBAAAA,OAAa,CAAC,IAC3B,CAACT,SAAS,CAACE,eAAe,CAACD,MACnC;QAACD;QAAOE;QAAaD;KAAK;IAE7B,IAAIO,iBACA,OAAO;IAGX,OAAO,WAAP,GACI,sCAAC;QAAI,WAAWE,GAAGf,mBAAmB;YAAEQ;YAASC;QAAQ,IAAIE;qBACzD,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAI,WAAU;qBACX,sCAACK,WAASA;QAAC,SAASR;QAAS,MAAME;QAAM,SAASD;OAC7CH,MACAD,QAEJE,eAAe,WAAfA,GAAe,sCAACU,iBAAeA,MAAEV,eAErCH,WAAWD,AAAoB,aAApBA,mBAAgC,WAAZ,GAC5B,sCAAC;QAAI,WAAW;OAAgBC;AAKpD"}

package/Card/components/CardPropsProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createComponentPropsProvider","CardPropsProvider","useCardProps"],"sources":["CardPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport { type CardProps } from \"../Card.js\";\n\nconst [CardPropsProvider, useCardProps] = createComponentPropsProvider<CardProps>();\n\nexport { CardPropsProvider, useCardProps };\n"],"mappings":"AAAA,SAASA,4BAA4B;AAGrC,MAAM,CAACC,iBAAiB,EAAEC,YAAY,CAAC,GAAGF,4BAA4B,CAAY,CAAC;AAEnF,SAASC,iBAAiB,EAAEC,YAAY","ignoreList":[]}
+{"version":3,"file":"Card/components/CardPropsProvider.js","sources":["../../../src/Card/components/CardPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport { type CardProps } from \"../Card.js\";\n\nconst [CardPropsProvider, useCardProps] = createComponentPropsProvider<CardProps>();\n\nexport { CardPropsProvider, useCardProps };\n"],"names":["CardPropsProvider","useCardProps","createComponentPropsProvider"],"mappings":";AAGA,MAAM,CAACA,mBAAmBC,aAAa,GAAGC"}

package/Card/components/CardTitle.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const cardTitleVariants: (props?: ({
-    padding?: "sm" | "md" | "lg" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
+    padding?: "lg" | "md" | "sm" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
     variant?: "accent" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type CardTitleProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardTitleVariants>;

package/Card/components/CardTitle.js

@@ -1,38 +1,34 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
+import * as __rspack_external_react from "react";
 const cardTitleVariants = cva("flex items-center gap-sm text-neutral-primary font-semibold", {
-  variants: {
-    padding: {
-      sm: "text-h6",
-      md: "text-h5",
-      lg: "text-h5"
+    variants: {
+        padding: {
+            sm: "text-h6",
+            md: "text-h5",
+            lg: "text-h5"
+        },
+        size: {
+            sm: "",
+            md: "pt-xs"
+        },
+        variant: {
+            default: "",
+            accent: "bg-primary-subtle text-accent-primary"
+        }
     },
-    size: {
-      sm: "",
-      md: "pt-xs"
-    },
-    variant: {
-      default: "",
-      accent: "bg-primary-subtle text-accent-primary"
+    defaultVariants: {
+        padding: "md",
+        size: "md"
     }
-  },
-  defaultVariants: {
-    padding: "md",
-    size: "md"
-  }
 });
-export const CardTitle = ({
-  className,
-  padding,
-  size,
-  variant,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn(cardTitleVariants({
-    padding,
-    size,
-    variant
-  }), className)
-}));
+const CardTitle = ({ className, padding, size, variant, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        className: cn(cardTitleVariants({
+            padding,
+            size,
+            variant
+        }), className)
+    });
+export { CardTitle };
 
 //# sourceMappingURL=CardTitle.js.map

package/Card/components/CardTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","cardTitleVariants","variants","padding","sm","md","lg","size","variant","default","accent","defaultVariants","CardTitle","className","props","createElement","Object","assign"],"sources":["CardTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst cardTitleVariants = cva(\"flex items-center gap-sm text-neutral-primary font-semibold\", {\n    variants: {\n        padding: {\n            sm: \"text-h6\",\n            md: \"text-h5\",\n            lg: \"text-h5\"\n        },\n        size: {\n            sm: \"\",\n            md: \"pt-xs\"\n        },\n        variant: {\n            default: \"\",\n            accent: \"bg-primary-subtle text-accent-primary\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\",\n        size: \"md\"\n    }\n});\n\nexport type CardTitleProps = React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof cardTitleVariants>;\n\nexport const CardTitle = ({ className, padding, size, variant, ...props }: CardTitleProps) => (\n    <div {...props} className={cn(cardTitleVariants({ padding, size, variant }), className)} />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,iBAAiB,GAAGD,GAAG,CAAC,6DAA6D,EAAE;EACzFE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACR,CAAC;IACDC,IAAI,EAAE;MACFH,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE;IACR,CAAC;IACDG,OAAO,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbR,OAAO,EAAE,IAAI;IACbI,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAKF,OAAO,MAAMK,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEV,OAAO;EAAEI,IAAI;EAAEC,OAAO;EAAE,GAAGM;AAAsB,CAAC,kBACrFhB,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;EAAED,SAAS,EAAEd,EAAE,CAACE,iBAAiB,CAAC;IAAEE,OAAO;IAAEI,IAAI;IAAEC;EAAQ,CAAC,CAAC,EAAEK,SAAS;AAAE,EAAE,CAC7F","ignoreList":[]}
+{"version":3,"file":"Card/components/CardTitle.js","sources":["../../../src/Card/components/CardTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst cardTitleVariants = cva(\"flex items-center gap-sm text-neutral-primary font-semibold\", {\n    variants: {\n        padding: {\n            sm: \"text-h6\",\n            md: \"text-h5\",\n            lg: \"text-h5\"\n        },\n        size: {\n            sm: \"\",\n            md: \"pt-xs\"\n        },\n        variant: {\n            default: \"\",\n            accent: \"bg-primary-subtle text-accent-primary\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\",\n        size: \"md\"\n    }\n});\n\nexport type CardTitleProps = React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof cardTitleVariants>;\n\nexport const CardTitle = ({ className, padding, size, variant, ...props }: CardTitleProps) => (\n    <div {...props} className={cn(cardTitleVariants({ padding, size, variant }), className)} />\n);\n"],"names":["cardTitleVariants","cva","CardTitle","className","padding","size","variant","props","cn"],"mappings":";;AAGA,MAAMA,oBAAoBC,IAAI,+DAA+D;IACzF,UAAU;QACN,SAAS;YACL,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,MAAM;YACF,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,SAAS;YACT,QAAQ;QACZ;IACJ;IACA,iBAAiB;QACb,SAAS;QACT,MAAM;IACV;AACJ;AAKO,MAAMC,YAAY,CAAC,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,OAAuB,iBACrF,sCAAC;QAAK,GAAGA,KAAK;QAAE,WAAWC,GAAGR,kBAAkB;YAAEI;YAASC;YAAMC;QAAQ,IAAIH"}

package/Card/components/ConfirmAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import { ButtonProps } from "../../Button/index.js";
-export declare const ConfirmAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const ConfirmActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const ConfirmAction: typeof ConfirmActionBase & {
+    original: typeof ConfirmActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof ConfirmActionBase & {
+        original: typeof ConfirmActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof ConfirmActionBase & {
+        original: typeof ConfirmActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Card/components/ConfirmAction.js

@@ -1,18 +1,17 @@
-import * as React from "react";
 import { makeDecoratable } from "../../utils.js";
 import { Button } from "../../Button/index.js";
 import { useCardProps } from "./CardPropsProvider.js";
-const ConfirmActionBase = props => {
-  const {
-    actionsSize
-  } = useCardProps();
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    text: "Confirm"
-  }, props, {
-    variant: "primary",
-    size: actionsSize
-  }));
+import * as __rspack_external_react from "react";
+const ConfirmActionBase = (props)=>{
+    const { actionsSize } = useCardProps();
+    return /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        text: "Confirm",
+        ...props,
+        variant: "primary",
+        size: actionsSize
+    });
 };
-export const ConfirmAction = makeDecoratable("ConfirmAction", ConfirmActionBase);
+const ConfirmAction = makeDecoratable("ConfirmAction", ConfirmActionBase);
+export { ConfirmAction };
 
 //# sourceMappingURL=ConfirmAction.js.map

package/Card/components/ConfirmAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Button","useCardProps","ConfirmActionBase","props","actionsSize","createElement","Object","assign","text","variant","size","ConfirmAction"],"sources":["ConfirmAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Button, ButtonProps } from \"~/Button/index.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst ConfirmActionBase = (props: ButtonProps) => {\n    const { actionsSize } = useCardProps();\n\n    return <Button text={\"Confirm\"} {...props} variant=\"primary\" size={actionsSize} />;\n};\nexport const ConfirmAction = makeDecoratable(\"ConfirmAction\", ConfirmActionBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAASC,MAAM;AACf,SAASC,YAAY;AAErB,MAAMC,iBAAiB,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC;EAAY,CAAC,GAAGH,YAAY,CAAC,CAAC;EAEtC,oBAAOH,KAAA,CAAAO,aAAA,CAACL,MAAM,EAAAM,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE;EAAU,GAAKL,KAAK;IAAEM,OAAO,EAAC,SAAS;IAACC,IAAI,EAAEN;EAAY,EAAE,CAAC;AACtF,CAAC;AACD,OAAO,MAAMO,aAAa,GAAGZ,eAAe,CAAC,eAAe,EAAEG,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"Card/components/ConfirmAction.js","sources":["../../../src/Card/components/ConfirmAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Button, ButtonProps } from \"~/Button/index.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst ConfirmActionBase = (props: ButtonProps) => {\n    const { actionsSize } = useCardProps();\n\n    return <Button text={\"Confirm\"} {...props} variant=\"primary\" size={actionsSize} />;\n};\nexport const ConfirmAction = makeDecoratable(\"ConfirmAction\", ConfirmActionBase);\n"],"names":["ConfirmActionBase","props","actionsSize","useCardProps","Button","ConfirmAction","makeDecoratable"],"mappings":";;;;AAKA,MAAMA,oBAAoB,CAACC;IACvB,MAAM,EAAEC,WAAW,EAAE,GAAGC;IAExB,OAAO,WAAP,GAAO,sCAACC,QAAMA;QAAC,MAAM;QAAY,GAAGH,KAAK;QAAE,SAAQ;QAAU,MAAMC;;AACvE;AACO,MAAMG,gBAAgBC,gBAAgB,iBAAiBN"}

package/Card/components/Icon.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 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;
+declare const IconBase: (props: IconProps) => React.JSX.Element;
+export declare const Icon: typeof IconBase & {
+    original: typeof IconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    original: typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Card/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