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

package/Avatar/Avatar.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","StormIcon","Avatar","meta","title","component","argTypes","size","control","options","defaultValue","variant","Default","args","image","createElement","Image","src","alt","fallback","Fallback","delayMs","SizeSm","name","SizeMd","SizeLg","SizeXl","Text","Icon","Documentation","render","Object","assign","undefined","className","description","placeholder"],"sources":["Avatar.stories.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ReactComponent as StormIcon } from \"@webiny/icons/storm.svg\";\nimport { Avatar } from \"./Avatar.js\";\n\nconst meta: Meta<typeof Avatar> = {\n    title: \"Components/Avatar\",\n    component: Avatar,\n    argTypes: {\n        size: {\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"md\"\n        },\n        variant: {\n            control: \"select\",\n            options: [\"strong\", \"subtle\", \"light\", \"quiet\", \"outlined\"],\n            defaultValue: \"strong\"\n        }\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Avatar>;\n\nexport const Default: Story = {\n    args: {\n        image: <Avatar.Image src=\"https://i.pravatar.cc/300\" alt=\"@webiny\" />,\n        fallback: <Avatar.Fallback delayMs={0}>W</Avatar.Fallback>\n    }\n};\n\nexport const SizeSm: Story = {\n    name: \"Small\",\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\nexport const SizeMd: Story = {\n    name: \"Medium\",\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const SizeLg: Story = {\n    name: \"Large\",\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const SizeXl: Story = {\n    name: \"Extra Large\",\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const Text: Story = {\n    name: \"Fallback Text\",\n    args: {\n        fallback: <Avatar.Fallback>SH</Avatar.Fallback>\n    }\n};\nexport const Icon: Story = {\n    name: \"Icon\",\n    args: {\n        fallback: (\n            <Avatar.Fallback>\n                <StormIcon />\n            </Avatar.Fallback>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return (\n            <Avatar\n                {...args}\n                image={args.image || <Avatar.Image src=\"https://i.pravatar.cc/300\" alt=\"@webiny\" />}\n                fallback={args.fallback || <Avatar.Fallback delayMs={0}>W</Avatar.Fallback>}\n            />\n        );\n    },\n    args: {\n        size: \"md\",\n        variant: \"strong\",\n        image: undefined,\n        fallback: undefined,\n        className: \"commas, separated, class, name\"\n    },\n    argTypes: {\n        size: {\n            description: \"Controls the size of the avatar\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"md\"\n        },\n        variant: {\n            description: \"Controls the visual style of the avatar\",\n            control: \"select\",\n            options: [\"strong\", \"subtle\", \"light\", \"quiet\", \"outlined\"],\n            defaultValue: \"strong\"\n        },\n        image: {\n            description:\n                \"The image element to display. Please refer to the example code for details on usage.\"\n        },\n        fallback: {\n            description:\n                \"The fallback element to display when the image fails to load. Please refer to the example code for details on usage.\"\n        },\n        className: {\n            description:\n                \"Additional CSS class names. You can pass multiple class names, separated by commas.\",\n            placeholder: \"Enter class names, separated by commas.\",\n            control: \"text\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Avatar/Avatar.stories.js","sources":["../../src/Avatar/Avatar.stories.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ReactComponent as StormIcon } from \"@webiny/icons/storm.svg\";\nimport { Avatar } from \"./Avatar.js\";\n\nconst meta: Meta<typeof Avatar> = {\n    title: \"Components/Avatar\",\n    component: Avatar,\n    argTypes: {\n        size: {\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"md\"\n        },\n        variant: {\n            control: \"select\",\n            options: [\"strong\", \"subtle\", \"light\", \"quiet\", \"outlined\"],\n            defaultValue: \"strong\"\n        }\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Avatar>;\n\nexport const Default: Story = {\n    args: {\n        image: <Avatar.Image src=\"https://i.pravatar.cc/300\" alt=\"@webiny\" />,\n        fallback: <Avatar.Fallback delayMs={0}>W</Avatar.Fallback>\n    }\n};\n\nexport const SizeSm: Story = {\n    name: \"Small\",\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\nexport const SizeMd: Story = {\n    name: \"Medium\",\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const SizeLg: Story = {\n    name: \"Large\",\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const SizeXl: Story = {\n    name: \"Extra Large\",\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const Text: Story = {\n    name: \"Fallback Text\",\n    args: {\n        fallback: <Avatar.Fallback>SH</Avatar.Fallback>\n    }\n};\nexport const Icon: Story = {\n    name: \"Icon\",\n    args: {\n        fallback: (\n            <Avatar.Fallback>\n                <StormIcon />\n            </Avatar.Fallback>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return (\n            <Avatar\n                {...args}\n                image={args.image || <Avatar.Image src=\"https://i.pravatar.cc/300\" alt=\"@webiny\" />}\n                fallback={args.fallback || <Avatar.Fallback delayMs={0}>W</Avatar.Fallback>}\n            />\n        );\n    },\n    args: {\n        size: \"md\",\n        variant: \"strong\",\n        image: undefined,\n        fallback: undefined,\n        className: \"commas, separated, class, name\"\n    },\n    argTypes: {\n        size: {\n            description: \"Controls the size of the avatar\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"md\"\n        },\n        variant: {\n            description: \"Controls the visual style of the avatar\",\n            control: \"select\",\n            options: [\"strong\", \"subtle\", \"light\", \"quiet\", \"outlined\"],\n            defaultValue: \"strong\"\n        },\n        image: {\n            description:\n                \"The image element to display. Please refer to the example code for details on usage.\"\n        },\n        fallback: {\n            description:\n                \"The fallback element to display when the image fails to load. Please refer to the example code for details on usage.\"\n        },\n        className: {\n            description:\n                \"Additional CSS class names. You can pass multiple class names, separated by commas.\",\n            placeholder: \"Enter class names, separated by commas.\",\n            control: \"text\"\n        }\n    }\n};\n"],"names":["meta","Avatar","Default","SizeSm","SizeMd","SizeLg","SizeXl","Text","Icon","StormIcon","Documentation","args","undefined"],"mappings":";;;AAKA,MAAMA,OAA4B;IAC9B,OAAO;IACP,WAAWC;IACX,UAAU;QACN,MAAM;YACF,SAAS;YACT,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;aAAK;YACjC,cAAc;QAClB;QACA,SAAS;YACL,SAAS;YACT,SAAS;gBAAC;gBAAU;gBAAU;gBAAS;gBAAS;aAAW;YAC3D,cAAc;QAClB;IACJ;AACJ;AAEA,uBAAeD;AAIR,MAAME,UAAiB;IAC1B,MAAM;QACF,OAAO,WAAP,GAAO,sCAACD,OAAO,KAAK;YAAC,KAAI;YAA4B,KAAI;;QACzD,UAAU,WAAV,GAAU,sCAACA,OAAO,QAAQ;YAAC,SAAS;WAAG;IAC3C;AACJ;AAEO,MAAME,SAAgB;IACzB,MAAM;IACN,MAAM;QACF,GAAGD,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AACO,MAAME,SAAgB;IACzB,MAAM;IACN,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMG,SAAgB;IACzB,MAAM;IACN,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMI,SAAgB;IACzB,MAAM;IACN,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMK,OAAc;IACvB,MAAM;IACN,MAAM;QACF,UAAU,WAAV,GAAU,sCAACN,OAAO,QAAQ,QAAC;IAC/B;AACJ;AACO,MAAMO,OAAc;IACvB,MAAM;IACN,MAAM;QACF,UAAU,WAAV,GACI,sCAACP,OAAO,QAAQ,sBACZ,sCAACQ,gBAASA;IAGtB;AACJ;AAEO,MAAMC,gBAAuB;IAChC,QAAQC,CAAAA,OACG,WAAP,GACI,sCAACV,QAAMA;YACF,GAAGU,IAAI;YACR,OAAOA,KAAK,KAAK,IAAI,WAAJ,GAAI,sCAACV,OAAO,KAAK;gBAAC,KAAI;gBAA4B,KAAI;;YACvE,UAAUU,KAAK,QAAQ,IAAI,WAAJ,GAAI,sCAACV,OAAO,QAAQ;gBAAC,SAAS;eAAG;;IAIpE,MAAM;QACF,MAAM;QACN,SAAS;QACT,OAAOW;QACP,UAAUA;QACV,WAAW;IACf;IACA,UAAU;QACN,MAAM;YACF,aAAa;YACb,SAAS;YACT,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;aAAK;YACjC,cAAc;QAClB;QACA,SAAS;YACL,aAAa;YACb,SAAS;YACT,SAAS;gBAAC;gBAAU;gBAAU;gBAAS;gBAAS;aAAW;YAC3D,cAAc;QAClB;QACA,OAAO;YACH,aACI;QACR;QACA,UAAU;YACN,aACI;QACR;QACA,WAAW;YACP,aACI;YACJ,aAAa;YACb,SAAS;QACb;IACJ;AACJ"}

package/Avatar/components/AvatarFallback.js

@@ -1,12 +1,10 @@
-import * as React from "react";
-import { Avatar as AvatarPrimitive } from "radix-ui";
+import { Avatar } from "radix-ui";
 import { cn, makeDecoratable } from "../../utils.js";
-const AvatarFallbackBase = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(AvatarPrimitive.Fallback, Object.assign({
-  className: cn("flex h-full w-full items-center justify-center rounded-sm", className)
-}, props));
+import * as __rspack_external_react from "react";
+const AvatarFallbackBase = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, {
+        className: cn("flex h-full w-full items-center justify-center rounded-sm", className),
+        ...props
+    });
 const AvatarFallback = makeDecoratable("AvatarFallback", AvatarFallbackBase);
 export { AvatarFallback };
 

package/Avatar/components/AvatarFallback.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Avatar","AvatarPrimitive","cn","makeDecoratable","AvatarFallbackBase","className","props","createElement","Fallback","Object","assign","AvatarFallback"],"sources":["AvatarFallback.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ntype AvatarFallbackProps = AvatarPrimitive.AvatarFallbackProps;\n\nconst AvatarFallbackBase = ({ className, ...props }: AvatarFallbackProps) => (\n    <AvatarPrimitive.Fallback\n        className={cn(\"flex h-full w-full items-center justify-center rounded-sm\", className)}\n        {...props}\n    />\n);\n\nconst AvatarFallback = makeDecoratable(\"AvatarFallback\", AvatarFallbackBase);\n\nexport { AvatarFallback, type AvatarFallbackProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,eAAe;AAI5B,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA2B,CAAC,kBACpEP,KAAA,CAAAQ,aAAA,CAACN,eAAe,CAACO,QAAQ,EAAAC,MAAA,CAAAC,MAAA;EACrBL,SAAS,EAAEH,EAAE,CAAC,2DAA2D,EAAEG,SAAS;AAAE,GAClFC,KAAK,CACZ,CACJ;AAED,MAAMK,cAAc,GAAGR,eAAe,CAAC,gBAAgB,EAAEC,kBAAkB,CAAC;AAE5E,SAASO,cAAc","ignoreList":[]}
+{"version":3,"file":"Avatar/components/AvatarFallback.js","sources":["../../../src/Avatar/components/AvatarFallback.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ntype AvatarFallbackProps = AvatarPrimitive.AvatarFallbackProps;\n\nconst AvatarFallbackBase = ({ className, ...props }: AvatarFallbackProps) => (\n    <AvatarPrimitive.Fallback\n        className={cn(\"flex h-full w-full items-center justify-center rounded-sm\", className)}\n        {...props}\n    />\n);\n\nconst AvatarFallback = makeDecoratable(\"AvatarFallback\", AvatarFallbackBase);\n\nexport { AvatarFallback, type AvatarFallbackProps };\n"],"names":["AvatarFallbackBase","className","props","AvatarPrimitive","cn","AvatarFallback","makeDecoratable"],"mappings":";;;AAMA,MAAMA,qBAAqB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA4B,iBACpE,sCAACC,OAAAA,QAAwB;QACrB,WAAWC,GAAG,6DAA6DH;QAC1E,GAAGC,KAAK;;AAIjB,MAAMG,iBAAiBC,gBAAgB,kBAAkBN"}

package/Avatar/components/AvatarImage.js

@@ -1,12 +1,10 @@
-import * as React from "react";
-import { Avatar as AvatarPrimitive } from "radix-ui";
+import { Avatar } from "radix-ui";
 import { cn, makeDecoratable } from "../../utils.js";
-const AvatarImageBase = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(AvatarPrimitive.Image, Object.assign({
-  className: cn("aspect-square", className)
-}, props));
+import * as __rspack_external_react from "react";
+const AvatarImageBase = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Avatar.Image, {
+        className: cn("aspect-square", className),
+        ...props
+    });
 const AvatarImage = makeDecoratable("AvatarImage", AvatarImageBase);
 export { AvatarImage };
 

package/Avatar/components/AvatarImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Avatar","AvatarPrimitive","cn","makeDecoratable","AvatarImageBase","className","props","createElement","Image","Object","assign","AvatarImage"],"sources":["AvatarImage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ntype AvatarImageProps = AvatarPrimitive.AvatarImageProps;\n\nconst AvatarImageBase = ({ className, ...props }: AvatarImageProps) => (\n    <AvatarPrimitive.Image className={cn(\"aspect-square\", className)} {...props} />\n);\n\nconst AvatarImage = makeDecoratable(\"AvatarImage\", AvatarImageBase);\n\nexport { AvatarImage, type AvatarImageProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,eAAe;AAI5B,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBAC9DP,KAAA,CAAAQ,aAAA,CAACN,eAAe,CAACO,KAAK,EAAAC,MAAA,CAAAC,MAAA;EAACL,SAAS,EAAEH,EAAE,CAAC,eAAe,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CACjF;AAED,MAAMK,WAAW,GAAGR,eAAe,CAAC,aAAa,EAAEC,eAAe,CAAC;AAEnE,SAASO,WAAW","ignoreList":[]}
+{"version":3,"file":"Avatar/components/AvatarImage.js","sources":["../../../src/Avatar/components/AvatarImage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ntype AvatarImageProps = AvatarPrimitive.AvatarImageProps;\n\nconst AvatarImageBase = ({ className, ...props }: AvatarImageProps) => (\n    <AvatarPrimitive.Image className={cn(\"aspect-square\", className)} {...props} />\n);\n\nconst AvatarImage = makeDecoratable(\"AvatarImage\", AvatarImageBase);\n\nexport { AvatarImage, type AvatarImageProps };\n"],"names":["AvatarImageBase","className","props","AvatarPrimitive","cn","AvatarImage","makeDecoratable"],"mappings":";;;AAMA,MAAMA,kBAAkB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAyB,iBAC9D,sCAACC,OAAAA,KAAqB;QAAC,WAAWC,GAAG,iBAAiBH;QAAa,GAAGC,KAAK;;AAG/E,MAAMG,cAAcC,gBAAgB,eAAeN"}

package/Avatar/components/index.js

@@ -1,4 +1,2 @@
 export * from "./AvatarFallback.js";
 export * from "./AvatarImage.js";
-
-//# sourceMappingURL=index.js.map

package/Avatar/index.js

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

package/Button/Button.js

@@ -1,130 +1,179 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { Slot } from "radix-ui";
 import { cn, cva, makeDecoratable } from "../utils.js";
 const buttonWrapperVariants = cva("inline-block", {
-  variants: {
-    disabled: {
-      true: "cursor-not-allowed"
+    variants: {
+        disabled: {
+            true: "cursor-not-allowed"
+        }
     }
-  }
 });
-const buttonVariants = cva(["border-transparent rounded font-sans inline-flex items-center justify-center whitespace-nowrap ring-offset-background transition-colors no-underline! cursor-pointer", "aria-disabled:pointer-events-none", "focus-visible:outline-none focus-visible:border-accent-default"], {
-  variants: {
-    variant: {
-      primary: ["bg-primary text-neutral-light fill-neutral-base", "hover:bg-primary-strong", "active:bg-primary-xstrong", "aria-disabled:bg-primary-disabled", "focus-visible:ring-lg focus-visible:ring-primary-dimmed"],
-      secondary: ["bg-neutral-dimmed text-neutral-strong fill-neutral-xstrong", "hover:bg-neutral-muted", "active:bg-neutral-strong", "aria-disabled:bg-neutral-disabled aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong", "focus-visible:ring-lg focus-visible:ring-primary-dimmed"],
-      tertiary: ["bg-neutral-base text-neutral-strong border-neutral-muted fill-neutral-xstrong", "hover:bg-neutral-light", "active:bg-neutral-muted", "aria-disabled:bg-neutral-disabled aria-disabled:border-neutral-dimmed aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong", "focus-visible:ring-lg focus-visible:ring-primary-dimmed"],
-      ghost: ["bg-transparent text-neutral-strong fill-neutral-xstrong", "hover:bg-neutral-dimmed", "active:bg-neutral-muted", "aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong"],
-      "ghost-negative": ["bg-transparent text-neutral-light fill-neutral-base", "hover:bg-neutral-base/20", "active:bg-neutral-base/30", "aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-base/50", "focus-visible:border-neutral-base!"]
+const buttonVariants = cva([
+    "border-transparent rounded font-sans inline-flex items-center justify-center whitespace-nowrap ring-offset-background transition-colors no-underline! cursor-pointer",
+    "aria-disabled:pointer-events-none",
+    "focus-visible:outline-none focus-visible:border-accent-default"
+], {
+    variants: {
+        variant: {
+            primary: [
+                "bg-primary text-neutral-light fill-neutral-base",
+                "hover:bg-primary-strong",
+                "active:bg-primary-xstrong",
+                "aria-disabled:bg-primary-disabled",
+                "focus-visible:ring-lg focus-visible:ring-primary-dimmed"
+            ],
+            secondary: [
+                "bg-neutral-dimmed text-neutral-strong fill-neutral-xstrong",
+                "hover:bg-neutral-muted",
+                "active:bg-neutral-strong",
+                "aria-disabled:bg-neutral-disabled aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong",
+                "focus-visible:ring-lg focus-visible:ring-primary-dimmed"
+            ],
+            tertiary: [
+                "bg-neutral-base text-neutral-strong border-neutral-muted fill-neutral-xstrong",
+                "hover:bg-neutral-light",
+                "active:bg-neutral-muted",
+                "aria-disabled:bg-neutral-disabled aria-disabled:border-neutral-dimmed aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong",
+                "focus-visible:ring-lg focus-visible:ring-primary-dimmed"
+            ],
+            ghost: [
+                "bg-transparent text-neutral-strong fill-neutral-xstrong",
+                "hover:bg-neutral-dimmed",
+                "active:bg-neutral-muted",
+                "aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong"
+            ],
+            "ghost-negative": [
+                "bg-transparent text-neutral-light fill-neutral-base",
+                "hover:bg-neutral-base/20",
+                "active:bg-neutral-base/30",
+                "aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-base/50",
+                "focus-visible:border-neutral-base!"
+            ]
+        },
+        size: {
+            sm: [
+                "text-sm border-sm rounded-sm [&>svg]:size-md",
+                "py-[calc(var(--padding-xs)-(var(--border-width-sm)))] px-[calc(var(--padding-sm)-(var(--border-width-sm)))]"
+            ],
+            md: [
+                "text-md border-sm rounded-md [&>svg]:size-md",
+                "py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]"
+            ],
+            lg: [
+                "text-md border-sm rounded-md [&>svg]:size-md-plus",
+                "py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]"
+            ],
+            xl: [
+                "text-lg font-semibold border-lg rounded-md [&>svg]:size-lg",
+                "py-[calc(theme(padding.md-plus)-(var(--border-width-md)))] px-[calc(var(--padding-md)-(var(--border-width-md)))]"
+            ]
+        },
+        contentLayout: {
+            text: "",
+            icon: "",
+            "text-icon-start": "",
+            "text-icon-end": ""
+        }
     },
-    size: {
-      sm: ["text-sm border-sm rounded-sm [&>svg]:size-md", "py-[calc(var(--padding-xs)-(var(--border-width-sm)))] px-[calc(var(--padding-sm)-(var(--border-width-sm)))]"],
-      md: ["text-md border-sm rounded-md [&>svg]:size-md", "py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]"],
-      lg: ["text-md border-sm rounded-md [&>svg]:size-md-plus", "py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]"],
-      xl: ["text-lg font-semibold border-lg rounded-md [&>svg]:size-lg", "py-[calc(theme(padding.md-plus)-(var(--border-width-md)))] px-[calc(var(--padding-md)-(var(--border-width-md)))]"]
-    },
-    contentLayout: {
-      text: "",
-      icon: "",
-      "text-icon-start": "",
-      "text-icon-end": ""
+    compoundVariants: [
+        {
+            size: "xl",
+            variant: "ghost",
+            className: "focus-visible:border-md"
+        },
+        {
+            size: "sm",
+            contentLayout: "icon",
+            className: "p-[calc(var(--padding-xs)-(var(--border-width-sm)))]"
+        },
+        {
+            size: "sm",
+            contentLayout: "text-icon-start",
+            className: "pl-[calc(var(--padding-xs)-(var(--border-width-sm)))] [&>svg]:mr-xs"
+        },
+        {
+            size: "sm",
+            contentLayout: "text-icon-end",
+            className: "pr-[calc(var(--padding-xs)-(var(--border-width-sm)))] [&>svg]:ml-xs"
+        },
+        {
+            size: "md",
+            contentLayout: "icon",
+            className: "p-[calc(var(--padding-sm)-(var(--border-width-sm)))]"
+        },
+        {
+            size: "md",
+            contentLayout: "text-icon-start",
+            className: "pl-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] [&>svg]:mr-xs"
+        },
+        {
+            size: "md",
+            contentLayout: "text-icon-end",
+            className: "pr-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] [&>svg]:ml-xs"
+        },
+        {
+            size: "lg",
+            contentLayout: "icon",
+            className: "p-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))]"
+        },
+        {
+            size: "lg",
+            contentLayout: "text-icon-start",
+            className: "pl-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] [&>svg]:mr-xs-plus"
+        },
+        {
+            size: "lg",
+            contentLayout: "text-icon-end",
+            className: "pr-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] [&>svg]:ml-xs-plus"
+        },
+        {
+            size: "xl",
+            contentLayout: "icon",
+            className: "p-[calc(var(--padding-md)-(var(--border-width-md)))]"
+        },
+        {
+            size: "xl",
+            contentLayout: "text-icon-start",
+            className: "pl-[calc(var(--padding-sm-extra)-(var(--border-width-md)))] [&>svg]:mr-sm"
+        },
+        {
+            size: "xl",
+            contentLayout: "text-icon-end",
+            className: "pr-[calc(var(--padding-sm-extra)-(var(--border-width-md)))] [&>svg]:ml-sm"
+        }
+    ],
+    defaultVariants: {
+        variant: "primary",
+        size: "md"
     }
-  },
-  compoundVariants: [{
-    size: "xl",
-    variant: "ghost",
-    className: "focus-visible:border-md"
-  }, {
-    size: "sm",
-    contentLayout: "icon",
-    className: "p-[calc(var(--padding-xs)-(var(--border-width-sm)))]"
-  }, {
-    size: "sm",
-    contentLayout: "text-icon-start",
-    className: "pl-[calc(var(--padding-xs)-(var(--border-width-sm)))] [&>svg]:mr-xs"
-  }, {
-    size: "sm",
-    contentLayout: "text-icon-end",
-    className: "pr-[calc(var(--padding-xs)-(var(--border-width-sm)))] [&>svg]:ml-xs"
-  }, {
-    size: "md",
-    contentLayout: "icon",
-    className: "p-[calc(var(--padding-sm)-(var(--border-width-sm)))]"
-  }, {
-    size: "md",
-    contentLayout: "text-icon-start",
-    className: "pl-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] [&>svg]:mr-xs"
-  }, {
-    size: "md",
-    contentLayout: "text-icon-end",
-    className: "pr-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] [&>svg]:ml-xs"
-  }, {
-    size: "lg",
-    contentLayout: "icon",
-    className: "p-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))]"
-  }, {
-    size: "lg",
-    contentLayout: "text-icon-start",
-    className: "pl-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] [&>svg]:mr-xs-plus"
-  }, {
-    size: "lg",
-    contentLayout: "text-icon-end",
-    className: "pr-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] [&>svg]:ml-xs-plus"
-  }, {
-    size: "xl",
-    contentLayout: "icon",
-    className: "p-[calc(var(--padding-md)-(var(--border-width-md)))]"
-  }, {
-    size: "xl",
-    contentLayout: "text-icon-start",
-    className: "pl-[calc(var(--padding-sm-extra)-(var(--border-width-md)))] [&>svg]:mr-sm"
-  }, {
-    size: "xl",
-    contentLayout: "text-icon-end",
-    className: "pr-[calc(var(--padding-sm-extra)-(var(--border-width-md)))] [&>svg]:ml-sm"
-  }],
-  defaultVariants: {
-    variant: "primary",
-    size: "md"
-  }
 });
-const ButtonBase = ({
-  className,
-  variant,
-  size,
-  asChild = false,
-  text,
-  children,
-  icon,
-  iconPosition = "start",
-  disabled,
-  containerClassName,
-  ...rest
-}) => {
-  const Comp = asChild ? Slot.Root : "button";
-  const contentLayout = useMemo(() => {
-    if (!text && !children) {
-      return "icon";
-    }
-    if (!icon) {
-      return "text";
-    }
-    return `text-icon-${iconPosition}`;
-  }, [text, children, icon, iconPosition]);
-  const cssClasses = cn(buttonVariants({
-    variant,
-    size,
-    contentLayout
-  }), className);
-  return /*#__PURE__*/React.createElement("span", {
-    className: cn(buttonWrapperVariants({
-      disabled
-    }), containerClassName)
-  }, /*#__PURE__*/React.createElement(Comp, Object.assign({
-    className: cssClasses,
-    disabled: disabled,
-    "aria-disabled": disabled
-  }, rest), iconPosition !== "end" && icon, /*#__PURE__*/React.createElement(Slot.Slottable, null, text || children || null), iconPosition === "end" && icon));
+const ButtonBase = ({ className, variant, size, asChild = false, text, children, icon, iconPosition = "start", disabled, containerClassName, ...rest })=>{
+    const Comp = asChild ? Slot.Root : "button";
+    const contentLayout = useMemo(()=>{
+        if (!text && !children) return "icon";
+        if (!icon) return "text";
+        return `text-icon-${iconPosition}`;
+    }, [
+        text,
+        children,
+        icon,
+        iconPosition
+    ]);
+    const cssClasses = cn(buttonVariants({
+        variant,
+        size,
+        contentLayout
+    }), className);
+    return /*#__PURE__*/ react.createElement("span", {
+        className: cn(buttonWrapperVariants({
+            disabled
+        }), containerClassName)
+    }, /*#__PURE__*/ react.createElement(Comp, {
+        className: cssClasses,
+        disabled: disabled,
+        "aria-disabled": disabled,
+        ...rest
+    }, "end" !== iconPosition && icon, /*#__PURE__*/ react.createElement(Slot.Slottable, null, text || children || null), "end" === iconPosition && icon));
 };
 const Button = makeDecoratable("Button", ButtonBase);
 export { Button, buttonVariants };

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Slot","cn","cva","makeDecoratable","buttonWrapperVariants","variants","disabled","true","buttonVariants","variant","primary","secondary","tertiary","ghost","size","sm","md","lg","xl","contentLayout","text","icon","compoundVariants","className","defaultVariants","ButtonBase","asChild","children","iconPosition","containerClassName","rest","Comp","Root","cssClasses","createElement","Object","assign","Slottable","Button"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { cn, cva, type VariantProps, makeDecoratable } from \"~/utils.js\";\n\nconst buttonWrapperVariants = cva(\"inline-block\", {\n    variants: {\n        disabled: {\n            true: \"cursor-not-allowed\"\n        }\n    }\n});\n\nconst buttonVariants = cva(\n    [\n        \"border-transparent rounded font-sans inline-flex items-center justify-center whitespace-nowrap ring-offset-background transition-colors no-underline! cursor-pointer\",\n        \"aria-disabled:pointer-events-none\",\n        \"focus-visible:outline-none focus-visible:border-accent-default\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"bg-primary text-neutral-light fill-neutral-base\",\n                    \"hover:bg-primary-strong\",\n                    \"active:bg-primary-xstrong\",\n                    \"aria-disabled:bg-primary-disabled\",\n                    \"focus-visible:ring-lg focus-visible:ring-primary-dimmed\"\n                ],\n                secondary: [\n                    \"bg-neutral-dimmed text-neutral-strong fill-neutral-xstrong\",\n                    \"hover:bg-neutral-muted\",\n                    \"active:bg-neutral-strong\",\n                    \"aria-disabled:bg-neutral-disabled aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong\",\n                    \"focus-visible:ring-lg focus-visible:ring-primary-dimmed\"\n                ],\n                tertiary: [\n                    \"bg-neutral-base text-neutral-strong border-neutral-muted fill-neutral-xstrong\",\n                    \"hover:bg-neutral-light\",\n                    \"active:bg-neutral-muted\",\n                    \"aria-disabled:bg-neutral-disabled aria-disabled:border-neutral-dimmed aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong\",\n                    \"focus-visible:ring-lg focus-visible:ring-primary-dimmed\"\n                ],\n                ghost: [\n                    \"bg-transparent text-neutral-strong fill-neutral-xstrong\",\n                    \"hover:bg-neutral-dimmed\",\n                    \"active:bg-neutral-muted\",\n                    \"aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong\"\n                ],\n                \"ghost-negative\": [\n                    \"bg-transparent text-neutral-light fill-neutral-base\",\n                    \"hover:bg-neutral-base/20\",\n                    \"active:bg-neutral-base/30\",\n                    \"aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-base/50\",\n                    \"focus-visible:border-neutral-base!\"\n                ]\n            },\n            size: {\n                sm: [\n                    \"text-sm border-sm rounded-sm [&>svg]:size-md\",\n                    \"py-[calc(var(--padding-xs)-(var(--border-width-sm)))] px-[calc(var(--padding-sm)-(var(--border-width-sm)))]\"\n                ],\n                md: [\n                    \"text-md border-sm rounded-md [&>svg]:size-md\",\n                    \"py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]\"\n                ],\n                lg: [\n                    \"text-md border-sm rounded-md [&>svg]:size-md-plus\",\n                    \"py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]\"\n                ],\n                xl: [\n                    \"text-lg font-semibold border-lg rounded-md [&>svg]:size-lg\",\n                    \"py-[calc(theme(padding.md-plus)-(var(--border-width-md)))] px-[calc(var(--padding-md)-(var(--border-width-md)))]\"\n                ]\n            },\n            contentLayout: {\n                text: \"\",\n                icon: \"\",\n                \"text-icon-start\": \"\",\n                \"text-icon-end\": \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                size: \"xl\",\n                variant: \"ghost\",\n                className: \"focus-visible:border-md\"\n            },\n            {\n                size: \"sm\",\n                contentLayout: \"icon\",\n                className: \"p-[calc(var(--padding-xs)-(var(--border-width-sm)))]\"\n            },\n            {\n                size: \"sm\",\n                contentLayout: \"text-icon-start\",\n                className: \"pl-[calc(var(--padding-xs)-(var(--border-width-sm)))] [&>svg]:mr-xs\"\n            },\n            {\n                size: \"sm\",\n                contentLayout: \"text-icon-end\",\n                className: \"pr-[calc(var(--padding-xs)-(var(--border-width-sm)))] [&>svg]:ml-xs\"\n            },\n            {\n                size: \"md\",\n                contentLayout: \"icon\",\n                className: \"p-[calc(var(--padding-sm)-(var(--border-width-sm)))]\"\n            },\n            {\n                size: \"md\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"pl-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] [&>svg]:mr-xs\"\n            },\n            {\n                size: \"md\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"pr-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] [&>svg]:ml-xs\"\n            },\n            {\n                size: \"lg\",\n                contentLayout: \"icon\",\n                className: \"p-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))]\"\n            },\n            {\n                size: \"lg\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"pl-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] [&>svg]:mr-xs-plus\"\n            },\n            {\n                size: \"lg\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"pr-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] [&>svg]:ml-xs-plus\"\n            },\n            {\n                size: \"xl\",\n                contentLayout: \"icon\",\n                className: \"p-[calc(var(--padding-md)-(var(--border-width-md)))]\"\n            },\n            {\n                size: \"xl\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"pl-[calc(var(--padding-sm-extra)-(var(--border-width-md)))] [&>svg]:mr-sm\"\n            },\n            {\n                size: \"xl\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"pr-[calc(var(--padding-sm-extra)-(var(--border-width-md)))] [&>svg]:ml-sm\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"md\"\n        }\n    }\n);\n\ninterface ButtonProps\n    extends\n        Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n        VariantProps<typeof buttonVariants> {\n    text?: React.ReactNode;\n    children?: React.ReactNode;\n\n    icon?: React.ReactNode;\n\n    iconPosition?: \"start\" | \"end\";\n\n    asChild?: boolean;\n\n    containerClassName?: string;\n}\n\ntype ContentLayout = \"text\" | \"icon\" | \"text-icon-start\" | \"text-icon-end\";\n\nconst ButtonBase = ({\n    className,\n    variant,\n    size,\n    asChild = false,\n    text,\n    children,\n    icon,\n    iconPosition = \"start\",\n    disabled,\n    containerClassName,\n    ...rest\n}: ButtonProps) => {\n    const Comp = asChild ? Slot.Root : \"button\";\n\n    const contentLayout = useMemo<ContentLayout>(() => {\n        if (!text && !children) {\n            return \"icon\";\n        }\n\n        if (!icon) {\n            return \"text\";\n        }\n\n        return `text-icon-${iconPosition}` as ContentLayout;\n    }, [text, children, icon, iconPosition]);\n\n    const cssClasses = cn(\n        buttonVariants({\n            variant,\n            size,\n            contentLayout\n        }),\n        className\n    );\n\n    return (\n        <span className={cn(buttonWrapperVariants({ disabled }), containerClassName)}>\n            <Comp className={cssClasses} disabled={disabled} aria-disabled={disabled} {...rest}>\n                {iconPosition !== \"end\" && icon}\n                <Slot.Slottable>{text || children || null}</Slot.Slottable>\n                {iconPosition === \"end\" && icon}\n            </Comp>\n        </span>\n    );\n};\n\nconst Button = makeDecoratable(\"Button\", ButtonBase);\n\nexport { Button, type ButtonProps, buttonVariants };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button/Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { cn, cva, type VariantProps, makeDecoratable } from \"~/utils.js\";\n\nconst buttonWrapperVariants = cva(\"inline-block\", {\n    variants: {\n        disabled: {\n            true: \"cursor-not-allowed\"\n        }\n    }\n});\n\nconst buttonVariants = cva(\n    [\n        \"border-transparent rounded font-sans inline-flex items-center justify-center whitespace-nowrap ring-offset-background transition-colors no-underline! cursor-pointer\",\n        \"aria-disabled:pointer-events-none\",\n        \"focus-visible:outline-none focus-visible:border-accent-default\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"bg-primary text-neutral-light fill-neutral-base\",\n                    \"hover:bg-primary-strong\",\n                    \"active:bg-primary-xstrong\",\n                    \"aria-disabled:bg-primary-disabled\",\n                    \"focus-visible:ring-lg focus-visible:ring-primary-dimmed\"\n                ],\n                secondary: [\n                    \"bg-neutral-dimmed text-neutral-strong fill-neutral-xstrong\",\n                    \"hover:bg-neutral-muted\",\n                    \"active:bg-neutral-strong\",\n                    \"aria-disabled:bg-neutral-disabled aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong\",\n                    \"focus-visible:ring-lg focus-visible:ring-primary-dimmed\"\n                ],\n                tertiary: [\n                    \"bg-neutral-base text-neutral-strong border-neutral-muted fill-neutral-xstrong\",\n                    \"hover:bg-neutral-light\",\n                    \"active:bg-neutral-muted\",\n                    \"aria-disabled:bg-neutral-disabled aria-disabled:border-neutral-dimmed aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong\",\n                    \"focus-visible:ring-lg focus-visible:ring-primary-dimmed\"\n                ],\n                ghost: [\n                    \"bg-transparent text-neutral-strong fill-neutral-xstrong\",\n                    \"hover:bg-neutral-dimmed\",\n                    \"active:bg-neutral-muted\",\n                    \"aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-strong\"\n                ],\n                \"ghost-negative\": [\n                    \"bg-transparent text-neutral-light fill-neutral-base\",\n                    \"hover:bg-neutral-base/20\",\n                    \"active:bg-neutral-base/30\",\n                    \"aria-disabled:text-neutral-disabled aria-disabled:fill-neutral-base/50\",\n                    \"focus-visible:border-neutral-base!\"\n                ]\n            },\n            size: {\n                sm: [\n                    \"text-sm border-sm rounded-sm [&>svg]:size-md\",\n                    \"py-[calc(var(--padding-xs)-(var(--border-width-sm)))] px-[calc(var(--padding-sm)-(var(--border-width-sm)))]\"\n                ],\n                md: [\n                    \"text-md border-sm rounded-md [&>svg]:size-md\",\n                    \"py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]\"\n                ],\n                lg: [\n                    \"text-md border-sm rounded-md [&>svg]:size-md-plus\",\n                    \"py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]\"\n                ],\n                xl: [\n                    \"text-lg font-semibold border-lg rounded-md [&>svg]:size-lg\",\n                    \"py-[calc(theme(padding.md-plus)-(var(--border-width-md)))] px-[calc(var(--padding-md)-(var(--border-width-md)))]\"\n                ]\n            },\n            contentLayout: {\n                text: \"\",\n                icon: \"\",\n                \"text-icon-start\": \"\",\n                \"text-icon-end\": \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                size: \"xl\",\n                variant: \"ghost\",\n                className: \"focus-visible:border-md\"\n            },\n            {\n                size: \"sm\",\n                contentLayout: \"icon\",\n                className: \"p-[calc(var(--padding-xs)-(var(--border-width-sm)))]\"\n            },\n            {\n                size: \"sm\",\n                contentLayout: \"text-icon-start\",\n                className: \"pl-[calc(var(--padding-xs)-(var(--border-width-sm)))] [&>svg]:mr-xs\"\n            },\n            {\n                size: \"sm\",\n                contentLayout: \"text-icon-end\",\n                className: \"pr-[calc(var(--padding-xs)-(var(--border-width-sm)))] [&>svg]:ml-xs\"\n            },\n            {\n                size: \"md\",\n                contentLayout: \"icon\",\n                className: \"p-[calc(var(--padding-sm)-(var(--border-width-sm)))]\"\n            },\n            {\n                size: \"md\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"pl-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] [&>svg]:mr-xs\"\n            },\n            {\n                size: \"md\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"pr-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] [&>svg]:ml-xs\"\n            },\n            {\n                size: \"lg\",\n                contentLayout: \"icon\",\n                className: \"p-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))]\"\n            },\n            {\n                size: \"lg\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"pl-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] [&>svg]:mr-xs-plus\"\n            },\n            {\n                size: \"lg\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"pr-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] [&>svg]:ml-xs-plus\"\n            },\n            {\n                size: \"xl\",\n                contentLayout: \"icon\",\n                className: \"p-[calc(var(--padding-md)-(var(--border-width-md)))]\"\n            },\n            {\n                size: \"xl\",\n                contentLayout: \"text-icon-start\",\n                className:\n                    \"pl-[calc(var(--padding-sm-extra)-(var(--border-width-md)))] [&>svg]:mr-sm\"\n            },\n            {\n                size: \"xl\",\n                contentLayout: \"text-icon-end\",\n                className:\n                    \"pr-[calc(var(--padding-sm-extra)-(var(--border-width-md)))] [&>svg]:ml-sm\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"md\"\n        }\n    }\n);\n\ninterface ButtonProps\n    extends\n        Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n        VariantProps<typeof buttonVariants> {\n    text?: React.ReactNode;\n    children?: React.ReactNode;\n\n    icon?: React.ReactNode;\n\n    iconPosition?: \"start\" | \"end\";\n\n    asChild?: boolean;\n\n    containerClassName?: string;\n}\n\ntype ContentLayout = \"text\" | \"icon\" | \"text-icon-start\" | \"text-icon-end\";\n\nconst ButtonBase = ({\n    className,\n    variant,\n    size,\n    asChild = false,\n    text,\n    children,\n    icon,\n    iconPosition = \"start\",\n    disabled,\n    containerClassName,\n    ...rest\n}: ButtonProps) => {\n    const Comp = asChild ? Slot.Root : \"button\";\n\n    const contentLayout = useMemo<ContentLayout>(() => {\n        if (!text && !children) {\n            return \"icon\";\n        }\n\n        if (!icon) {\n            return \"text\";\n        }\n\n        return `text-icon-${iconPosition}` as ContentLayout;\n    }, [text, children, icon, iconPosition]);\n\n    const cssClasses = cn(\n        buttonVariants({\n            variant,\n            size,\n            contentLayout\n        }),\n        className\n    );\n\n    return (\n        <span className={cn(buttonWrapperVariants({ disabled }), containerClassName)}>\n            <Comp className={cssClasses} disabled={disabled} aria-disabled={disabled} {...rest}>\n                {iconPosition !== \"end\" && icon}\n                <Slot.Slottable>{text || children || null}</Slot.Slottable>\n                {iconPosition === \"end\" && icon}\n            </Comp>\n        </span>\n    );\n};\n\nconst Button = makeDecoratable(\"Button\", ButtonBase);\n\nexport { Button, type ButtonProps, buttonVariants };\n"],"names":["buttonWrapperVariants","cva","buttonVariants","ButtonBase","className","variant","size","asChild","text","children","icon","iconPosition","disabled","containerClassName","rest","Comp","Slot","contentLayout","useMemo","cssClasses","cn","Button","makeDecoratable"],"mappings":";;;AAIA,MAAMA,wBAAwBC,IAAI,gBAAgB;IAC9C,UAAU;QACN,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAEA,MAAMC,iBAAiBD,IACnB;IACI;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,SAAS;YACL,SAAS;gBACL;gBACA;gBACA;gBACA;gBACA;aACH;YACD,WAAW;gBACP;gBACA;gBACA;gBACA;gBACA;aACH;YACD,UAAU;gBACN;gBACA;gBACA;gBACA;gBACA;aACH;YACD,OAAO;gBACH;gBACA;gBACA;gBACA;aACH;YACD,kBAAkB;gBACd;gBACA;gBACA;gBACA;gBACA;aACH;QACL;QACA,MAAM;YACF,IAAI;gBACA;gBACA;aACH;YACD,IAAI;gBACA;gBACA;aACH;YACD,IAAI;gBACA;gBACA;aACH;YACD,IAAI;gBACA;gBACA;aACH;QACL;QACA,eAAe;YACX,MAAM;YACN,MAAM;YACN,mBAAmB;YACnB,iBAAiB;QACrB;IACJ;IACA,kBAAkB;QACd;YACI,MAAM;YACN,SAAS;YACT,WAAW;QACf;QACA;YACI,MAAM;YACN,eAAe;YACf,WAAW;QACf;QACA;YACI,MAAM;YACN,eAAe;YACf,WAAW;QACf;QACA;YACI,MAAM;YACN,eAAe;YACf,WAAW;QACf;QACA;YACI,MAAM;YACN,eAAe;YACf,WAAW;QACf;QACA;YACI,MAAM;YACN,eAAe;YACf,WACI;QACR;QACA;YACI,MAAM;YACN,eAAe;YACf,WACI;QACR;QACA;YACI,MAAM;YACN,eAAe;YACf,WAAW;QACf;QACA;YACI,MAAM;YACN,eAAe;YACf,WACI;QACR;QACA;YACI,MAAM;YACN,eAAe;YACf,WACI;QACR;QACA;YACI,MAAM;YACN,eAAe;YACf,WAAW;QACf;QACA;YACI,MAAM;YACN,eAAe;YACf,WACI;QACR;QACA;YACI,MAAM;YACN,eAAe;YACf,WACI;QACR;KACH;IACD,iBAAiB;QACb,SAAS;QACT,MAAM;IACV;AACJ;AAqBJ,MAAME,aAAa,CAAC,EAChBC,SAAS,EACTC,OAAO,EACPC,IAAI,EACJC,UAAU,KAAK,EACfC,IAAI,EACJC,QAAQ,EACRC,IAAI,EACJC,eAAe,OAAO,EACtBC,QAAQ,EACRC,kBAAkB,EAClB,GAAGC,MACO;IACV,MAAMC,OAAOR,UAAUS,KAAK,IAAI,GAAG;IAEnC,MAAMC,gBAAgBC,QAAuB;QACzC,IAAI,CAACV,QAAQ,CAACC,UACV,OAAO;QAGX,IAAI,CAACC,MACD,OAAO;QAGX,OAAO,CAAC,UAAU,EAAEC,cAAc;IACtC,GAAG;QAACH;QAAMC;QAAUC;QAAMC;KAAa;IAEvC,MAAMQ,aAAaC,GACflB,eAAe;QACXG;QACAC;QACAW;IACJ,IACAb;IAGJ,OAAO,WAAP,GACI,oBAAC;QAAK,WAAWgB,GAAGpB,sBAAsB;YAAEY;QAAS,IAAIC;qBACrD,oBAACE,MAAAA;QAAK,WAAWI;QAAY,UAAUP;QAAU,iBAAeA;QAAW,GAAGE,IAAI;OAC7EH,AAAiB,UAAjBA,gBAA0BD,MAAAA,WAAAA,GAC3B,oBAACM,KAAK,SAAS,QAAER,QAAQC,YAAY,OACpCE,AAAiB,UAAjBA,gBAA0BD;AAI3C;AAEA,MAAMW,SAASC,gBAAgB,UAAUnB"}