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

package/Textarea/TextareaPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","makeDecoratable","textareaVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","compoundVariants","class","defaultVariants","DecoratableTextareaPrimitive","className","textareaRef","forwardEventOnChange","onChange","originalOnChange","onEnter","onKeyDown","originalOnKeyDown","value","props","useCallback","event","target","e","key","createElement","Object","assign","ref","TextareaPrimitive"],"sources":["TextareaPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\n\nconst textareaVariants = cva(\n    [\n        \"flex min-h-[80px] w-full border-sm text-md focus-visible:outline-none disabled:cursor-not-allowed\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"bg-neutral-base border-neutral-muted text-neutral-strong placeholder:text-neutral-dimmed\",\n                    \"hover:border-neutral-strong\",\n                    \"focus:border-neutral-black\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled\"\n                ],\n                secondary: [\n                    \"bg-neutral-light border-neutral-subtle text-neutral-strong placeholder:text-neutral-dimmed\",\n                    \"hover:bg-neutral-dimmed\",\n                    \"focus:bg-neutral-base focus:border-neutral-black\",\n                    \"disabled:bg-neutral-disabled disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled\"\n                ],\n                ghost: [\n                    \"bg-transparent border-transparent text-neutral-strong placeholder:text-neutral-dimmed\",\n                    \"hover:bg-neutral-dark/5\",\n                    \"focus:bg-neutral-dark/5\",\n                    \"disabled:bg-transparent disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled\"\n                ],\n                \"ghost-negative\": [\n                    \"bg-transparent border-transparent text-neutral-light/50 placeholder:text-neutral-light/50\",\n                    \"hover:bg-neutral-base/20\",\n                    \"focus:bg-neutral-base focus:text-neutral-primary focus:placeholder:text-neutral-dimmed\",\n                    \"data-[focused=true]:bg-neutral-base data-[focused=true]:bg-neutral-primary data-[focused=true]:placeholder:text-neutral-dimmed\",\n                    \"disabled:bg-transparent disabled:text-neutral-disabled/50 disabled:placeholder:text-neutral-disabled/50\",\n                    \"data-[disabled=true]:bg-transparent data-[disabled=true]:text-neutral-disabled/50 data-[disabled=true]:placeholder:text-neutral-disabled/50\"\n                ]\n            },\n            size: {\n                md: [\"px-sm-extra py-xs-plus rounded-md\"],\n                lg: [\"px-sm-extra py-sm-plus rounded-md\"],\n                xl: [\"px-md-extra p-md rounded-lg\"]\n            },\n            invalid: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"border-destructive-subtle! bg-destructive-subtle!\"\n            },\n            {\n                variant: \"ghost-negative\",\n                invalid: true,\n                class: \"border-destructive-default! bg-destructive-subtle! text-neutral-primary placeholder:text-neutral-dimmed\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface TextareaPrimitiveProps\n    extends React.ComponentProps<\"textarea\">, VariantProps<typeof textareaVariants> {\n    /**\n     * Reference to the textarea element.\n     */\n    textareaRef?: React.Ref<HTMLTextAreaElement>;\n\n    /**\n     * If true, it will pass the native `event` to the `onChange` callback\n     */\n    forwardEventOnChange?: boolean;\n\n    /**\n     * Callback function to be called when the Enter key is pressed.\n     */\n    onEnter?: () => void;\n}\n\nconst DecoratableTextareaPrimitive = ({\n    className,\n    variant,\n    invalid,\n    size,\n    textareaRef,\n    forwardEventOnChange,\n    onChange: originalOnChange,\n    onEnter,\n    onKeyDown: originalOnKeyDown,\n    value,\n    ...props\n}: TextareaPrimitiveProps) => {\n    const onChange = React.useCallback(\n        (event: React.SyntheticEvent<HTMLTextAreaElement>) => {\n            if (!originalOnChange) {\n                return;\n            }\n\n            // @ts-expect-error\n            originalOnChange(forwardEventOnChange ? event : event.target.value);\n        },\n        [forwardEventOnChange, originalOnChange]\n    );\n\n    const onKeyDown = React.useCallback(\n        (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n\n            if (typeof originalOnKeyDown === \"function\") {\n                return originalOnKeyDown(e);\n            }\n        },\n        [originalOnKeyDown, onEnter]\n    );\n\n    return (\n        <textarea\n            {...props}\n            ref={textareaRef}\n            className={cn(textareaVariants({ variant, invalid, size }), className)}\n            onChange={onChange}\n            onKeyDown={onKeyDown}\n            value={value ?? \"\"}\n        />\n    );\n};\n\nconst TextareaPrimitive = makeDecoratable(\"TextareaPrimitive\", DecoratableTextareaPrimitive);\n\nexport { TextareaPrimitive, type TextareaPrimitiveProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Textarea/TextareaPrimitive.js","sources":["../../src/Textarea/TextareaPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\n\nconst textareaVariants = cva(\n    [\n        \"flex min-h-[80px] w-full border-sm text-md focus-visible:outline-none disabled:cursor-not-allowed\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"bg-neutral-base border-neutral-muted text-neutral-strong placeholder:text-neutral-dimmed\",\n                    \"hover:border-neutral-strong\",\n                    \"focus:border-neutral-black\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled\"\n                ],\n                secondary: [\n                    \"bg-neutral-light border-neutral-subtle text-neutral-strong placeholder:text-neutral-dimmed\",\n                    \"hover:bg-neutral-dimmed\",\n                    \"focus:bg-neutral-base focus:border-neutral-black\",\n                    \"disabled:bg-neutral-disabled disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled\"\n                ],\n                ghost: [\n                    \"bg-transparent border-transparent text-neutral-strong placeholder:text-neutral-dimmed\",\n                    \"hover:bg-neutral-dark/5\",\n                    \"focus:bg-neutral-dark/5\",\n                    \"disabled:bg-transparent disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled\"\n                ],\n                \"ghost-negative\": [\n                    \"bg-transparent border-transparent text-neutral-light/50 placeholder:text-neutral-light/50\",\n                    \"hover:bg-neutral-base/20\",\n                    \"focus:bg-neutral-base focus:text-neutral-primary focus:placeholder:text-neutral-dimmed\",\n                    \"data-[focused=true]:bg-neutral-base data-[focused=true]:bg-neutral-primary data-[focused=true]:placeholder:text-neutral-dimmed\",\n                    \"disabled:bg-transparent disabled:text-neutral-disabled/50 disabled:placeholder:text-neutral-disabled/50\",\n                    \"data-[disabled=true]:bg-transparent data-[disabled=true]:text-neutral-disabled/50 data-[disabled=true]:placeholder:text-neutral-disabled/50\"\n                ]\n            },\n            size: {\n                md: [\"px-sm-extra py-xs-plus rounded-md\"],\n                lg: [\"px-sm-extra py-sm-plus rounded-md\"],\n                xl: [\"px-md-extra p-md rounded-lg\"]\n            },\n            invalid: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"border-destructive-subtle! bg-destructive-subtle!\"\n            },\n            {\n                variant: \"ghost-negative\",\n                invalid: true,\n                class: \"border-destructive-default! bg-destructive-subtle! text-neutral-primary placeholder:text-neutral-dimmed\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface TextareaPrimitiveProps\n    extends React.ComponentProps<\"textarea\">, VariantProps<typeof textareaVariants> {\n    /**\n     * Reference to the textarea element.\n     */\n    textareaRef?: React.Ref<HTMLTextAreaElement>;\n\n    /**\n     * If true, it will pass the native `event` to the `onChange` callback\n     */\n    forwardEventOnChange?: boolean;\n\n    /**\n     * Callback function to be called when the Enter key is pressed.\n     */\n    onEnter?: () => void;\n}\n\nconst DecoratableTextareaPrimitive = ({\n    className,\n    variant,\n    invalid,\n    size,\n    textareaRef,\n    forwardEventOnChange,\n    onChange: originalOnChange,\n    onEnter,\n    onKeyDown: originalOnKeyDown,\n    value,\n    ...props\n}: TextareaPrimitiveProps) => {\n    const onChange = React.useCallback(\n        (event: React.SyntheticEvent<HTMLTextAreaElement>) => {\n            if (!originalOnChange) {\n                return;\n            }\n\n            // @ts-expect-error\n            originalOnChange(forwardEventOnChange ? event : event.target.value);\n        },\n        [forwardEventOnChange, originalOnChange]\n    );\n\n    const onKeyDown = React.useCallback(\n        (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n\n            if (typeof originalOnKeyDown === \"function\") {\n                return originalOnKeyDown(e);\n            }\n        },\n        [originalOnKeyDown, onEnter]\n    );\n\n    return (\n        <textarea\n            {...props}\n            ref={textareaRef}\n            className={cn(textareaVariants({ variant, invalid, size }), className)}\n            onChange={onChange}\n            onKeyDown={onKeyDown}\n            value={value ?? \"\"}\n        />\n    );\n};\n\nconst TextareaPrimitive = makeDecoratable(\"TextareaPrimitive\", DecoratableTextareaPrimitive);\n\nexport { TextareaPrimitive, type TextareaPrimitiveProps };\n"],"names":["textareaVariants","cva","DecoratableTextareaPrimitive","className","variant","invalid","size","textareaRef","forwardEventOnChange","originalOnChange","onEnter","originalOnKeyDown","value","props","onChange","React","event","onKeyDown","e","cn","TextareaPrimitive","makeDecoratable"],"mappings":";;AAGA,MAAMA,mBAAmBC,IACrB;IACI;CACH,EACD;IACI,UAAU;QACN,SAAS;YACL,SAAS;gBACL;gBACA;gBACA;gBACA;aACH;YACD,WAAW;gBACP;gBACA;gBACA;gBACA;aACH;YACD,OAAO;gBACH;gBACA;gBACA;gBACA;aACH;YACD,kBAAkB;gBACd;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;QACL;QACA,MAAM;YACF,IAAI;gBAAC;aAAoC;YACzC,IAAI;gBAAC;aAAoC;YACzC,IAAI;gBAAC;aAA8B;QACvC;QACA,SAAS;YACL,MAAM;QACV;IACJ;IACA,kBAAkB;QACd;YACI,SAAS;YACT,SAAS;YACT,OAAO;QACX;QACA;YACI,SAAS;YACT,SAAS;YACT,OAAO;QACX;QACA;YACI,SAAS;YACT,SAAS;YACT,OAAO;QACX;QACA;YACI,SAAS;YACT,SAAS;YACT,OAAO;QACX;KACH;IACD,iBAAiB;QACb,SAAS;QACT,MAAM;IACV;AACJ;AAqBJ,MAAMC,+BAA+B,CAAC,EAClCC,SAAS,EACTC,OAAO,EACPC,OAAO,EACPC,IAAI,EACJC,WAAW,EACXC,oBAAoB,EACpB,UAAUC,gBAAgB,EAC1BC,OAAO,EACP,WAAWC,iBAAiB,EAC5BC,KAAK,EACL,GAAGC,OACkB;IACrB,MAAMC,WAAWC,wBAAAA,WAAiB,CAC9B,CAACC;QACG,IAAI,CAACP,kBACD;QAIJA,iBAAiBD,uBAAuBQ,QAAQA,MAAM,MAAM,CAAC,KAAK;IACtE,GACA;QAACR;QAAsBC;KAAiB;IAG5C,MAAMQ,YAAYF,wBAAAA,WAAiB,CAC/B,CAACG;QACG,IAAI,AAAmB,cAAnB,OAAOR,WAA0BQ,AAAU,YAAVA,EAAE,GAAG,EACtCR;QAGJ,IAAI,AAA6B,cAA7B,OAAOC,mBACP,OAAOA,kBAAkBO;IAEjC,GACA;QAACP;QAAmBD;KAAQ;IAGhC,OAAO,WAAP,GACI,sCAAC;QACI,GAAGG,KAAK;QACT,KAAKN;QACL,WAAWY,GAAGnB,iBAAiB;YAAEI;YAASC;YAASC;QAAK,IAAIH;QAC5D,UAAUW;QACV,WAAWG;QACX,OAAOL,SAAS;;AAG5B;AAEA,MAAMQ,oBAAoBC,gBAAgB,qBAAqBnB"}

package/Textarea/TextareaPrimitive.stories.js

@@ -1,134 +1,142 @@
-import React from "react";
+import react from "react";
 import { TextareaPrimitive } from "./TextareaPrimitive.js";
 const meta = {
-  title: "Components/Form Primitives/Textarea",
-  component: TextareaPrimitive,
-  argTypes: {
-    onChange: {
-      action: "onChange"
+    title: "Components/Form Primitives/Textarea",
+    component: TextareaPrimitive,
+    argTypes: {
+        onChange: {
+            action: "onChange"
+        },
+        onEnter: {
+            action: "onEnter"
+        },
+        onKeyDown: {
+            action: "onKeyDown"
+        },
+        rows: {
+            control: {
+                type: "number"
+            }
+        }
     },
-    onEnter: {
-      action: "onEnter"
+    parameters: {
+        layout: "padded"
+    }
+};
+const TextareaPrimitive_stories = meta;
+const Default = {};
+const MediumSize = {
+    args: {
+        placeholder: "Custom placeholder",
+        size: "md"
+    }
+};
+const LargeSize = {
+    args: {
+        placeholder: "Custom placeholder",
+        size: "lg"
+    }
+};
+const ExtraLargeSize = {
+    args: {
+        placeholder: "Custom placeholder",
+        size: "xl"
+    }
+};
+const PrimaryVariant = {
+    args: {
+        variant: "primary",
+        placeholder: "Custom placeholder"
+    }
+};
+const PrimaryVariantDisabled = {
+    args: {
+        ...PrimaryVariant.args,
+        disabled: true
+    }
+};
+const PrimaryVariantInvalid = {
+    args: {
+        ...PrimaryVariant.args,
+        invalid: true
+    }
+};
+const SecondaryVariant = {
+    args: {
+        variant: "secondary",
+        placeholder: "Custom placeholder"
+    }
+};
+const SecondaryVariantDisabled = {
+    args: {
+        ...SecondaryVariant.args,
+        disabled: true
+    }
+};
+const SecondaryVariantInvalid = {
+    args: {
+        ...SecondaryVariant.args,
+        invalid: true
+    }
+};
+const GhostVariant = {
+    args: {
+        variant: "ghost",
+        placeholder: "Custom placeholder"
+    }
+};
+const GhostVariantDisabled = {
+    args: {
+        ...GhostVariant.args,
+        disabled: true
+    }
+};
+const GhostVariantInvalid = {
+    args: {
+        ...GhostVariant.args,
+        invalid: true
+    }
+};
+const GhostNegativeVariant = {
+    args: {
+        variant: "ghost-negative",
+        placeholder: "Custom placeholder"
+    },
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement("div", {
+                className: "bg-neutral-dark p-xl"
+            }, /*#__PURE__*/ react.createElement(Story, null))
+    ]
+};
+const GhostNegativeVariantDisabled = {
+    args: {
+        ...GhostNegativeVariant.args,
+        disabled: true
     },
-    onKeyDown: {
-      action: "onKeyDown"
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement("div", {
+                className: "bg-neutral-dark p-xl"
+            }, /*#__PURE__*/ react.createElement(Story, null))
+    ]
+};
+const GhostNegativeVariantInvalid = {
+    args: {
+        ...GhostNegativeVariant.args,
+        invalid: true
     },
-    rows: {
-      control: {
-        type: "number"
-      }
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement("div", {
+                className: "bg-neutral-dark p-xl"
+            }, /*#__PURE__*/ react.createElement(Story, null))
+    ]
+};
+const WithForwardEventOnChange = {
+    args: {
+        ...Default.args,
+        forwardEventOnChange: true
     }
-  },
-  parameters: {
-    layout: "padded"
-  }
-};
-export default meta;
-export const Default = {};
-export const MediumSize = {
-  args: {
-    placeholder: "Custom placeholder",
-    size: "md"
-  }
-};
-export const LargeSize = {
-  args: {
-    placeholder: "Custom placeholder",
-    size: "lg"
-  }
-};
-export const ExtraLargeSize = {
-  args: {
-    placeholder: "Custom placeholder",
-    size: "xl"
-  }
-};
-export const PrimaryVariant = {
-  args: {
-    variant: "primary",
-    placeholder: "Custom placeholder"
-  }
-};
-export const PrimaryVariantDisabled = {
-  args: {
-    ...PrimaryVariant.args,
-    disabled: true
-  }
-};
-export const PrimaryVariantInvalid = {
-  args: {
-    ...PrimaryVariant.args,
-    invalid: true
-  }
-};
-export const SecondaryVariant = {
-  args: {
-    variant: "secondary",
-    placeholder: "Custom placeholder"
-  }
-};
-export const SecondaryVariantDisabled = {
-  args: {
-    ...SecondaryVariant.args,
-    disabled: true
-  }
-};
-export const SecondaryVariantInvalid = {
-  args: {
-    ...SecondaryVariant.args,
-    invalid: true
-  }
-};
-export const GhostVariant = {
-  args: {
-    variant: "ghost",
-    placeholder: "Custom placeholder"
-  }
-};
-export const GhostVariantDisabled = {
-  args: {
-    ...GhostVariant.args,
-    disabled: true
-  }
-};
-export const GhostVariantInvalid = {
-  args: {
-    ...GhostVariant.args,
-    invalid: true
-  }
-};
-export const GhostNegativeVariant = {
-  args: {
-    variant: "ghost-negative",
-    placeholder: "Custom placeholder"
-  },
-  decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "bg-neutral-dark p-xl"
-  }, /*#__PURE__*/React.createElement(Story, null))]
-};
-export const GhostNegativeVariantDisabled = {
-  args: {
-    ...GhostNegativeVariant.args,
-    disabled: true
-  },
-  decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "bg-neutral-dark p-xl"
-  }, /*#__PURE__*/React.createElement(Story, null))]
-};
-export const GhostNegativeVariantInvalid = {
-  args: {
-    ...GhostNegativeVariant.args,
-    invalid: true
-  },
-  decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "bg-neutral-dark p-xl"
-  }, /*#__PURE__*/React.createElement(Story, null))]
-};
-export const WithForwardEventOnChange = {
-  args: {
-    ...Default.args,
-    forwardEventOnChange: true
-  }
 };
+export default TextareaPrimitive_stories;
+export { Default, ExtraLargeSize, GhostNegativeVariant, GhostNegativeVariantDisabled, GhostNegativeVariantInvalid, GhostVariant, GhostVariantDisabled, GhostVariantInvalid, LargeSize, MediumSize, PrimaryVariant, PrimaryVariantDisabled, PrimaryVariantInvalid, SecondaryVariant, SecondaryVariantDisabled, SecondaryVariantInvalid, WithForwardEventOnChange };
 
 //# sourceMappingURL=TextareaPrimitive.stories.js.map

package/Textarea/TextareaPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TextareaPrimitive","meta","title","component","argTypes","onChange","action","onEnter","onKeyDown","rows","control","type","parameters","layout","Default","MediumSize","args","placeholder","size","LargeSize","ExtraLargeSize","PrimaryVariant","variant","PrimaryVariantDisabled","disabled","PrimaryVariantInvalid","invalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","createElement","className","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithForwardEventOnChange","forwardEventOnChange"],"sources":["TextareaPrimitive.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { TextareaPrimitive } from \"./TextareaPrimitive.js\";\n\nconst meta: Meta<typeof TextareaPrimitive> = {\n    title: \"Components/Form Primitives/Textarea\",\n    component: TextareaPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onEnter: { action: \"onEnter\" },\n        onKeyDown: { action: \"onKeyDown\" },\n        rows: {\n            control: {\n                type: \"number\"\n            }\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TextareaPrimitive>;\n\nexport const Default: Story = {};\n\nexport const MediumSize: Story = {\n    args: {\n        placeholder: \"Custom placeholder\",\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        placeholder: \"Custom placeholder\",\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        placeholder: \"Custom placeholder\",\n        size: \"xl\"\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        variant: \"primary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        variant: \"secondary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        variant: \"ghost\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostNegativeVariant: Story = {\n    args: {\n        variant: \"ghost-negative\",\n        placeholder: \"Custom placeholder\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        disabled: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        invalid: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithForwardEventOnChange: Story = {\n    args: {\n        ...Default.args,\n        forwardEventOnChange: true\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Textarea/TextareaPrimitive.stories.js","sources":["../../src/Textarea/TextareaPrimitive.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { TextareaPrimitive } from \"./TextareaPrimitive.js\";\n\nconst meta: Meta<typeof TextareaPrimitive> = {\n    title: \"Components/Form Primitives/Textarea\",\n    component: TextareaPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onEnter: { action: \"onEnter\" },\n        onKeyDown: { action: \"onKeyDown\" },\n        rows: {\n            control: {\n                type: \"number\"\n            }\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TextareaPrimitive>;\n\nexport const Default: Story = {};\n\nexport const MediumSize: Story = {\n    args: {\n        placeholder: \"Custom placeholder\",\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        placeholder: \"Custom placeholder\",\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        placeholder: \"Custom placeholder\",\n        size: \"xl\"\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        variant: \"primary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        variant: \"secondary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        variant: \"ghost\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostNegativeVariant: Story = {\n    args: {\n        variant: \"ghost-negative\",\n        placeholder: \"Custom placeholder\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        disabled: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        invalid: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithForwardEventOnChange: Story = {\n    args: {\n        ...Default.args,\n        forwardEventOnChange: true\n    }\n};\n"],"names":["meta","TextareaPrimitive","Default","MediumSize","LargeSize","ExtraLargeSize","PrimaryVariant","PrimaryVariantDisabled","PrimaryVariantInvalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithForwardEventOnChange"],"mappings":";;AAIA,MAAMA,OAAuC;IACzC,OAAO;IACP,WAAWC;IACX,UAAU;QACN,UAAU;YAAE,QAAQ;QAAW;QAC/B,SAAS;YAAE,QAAQ;QAAU;QAC7B,WAAW;YAAE,QAAQ;QAAY;QACjC,MAAM;YACF,SAAS;gBACL,MAAM;YACV;QACJ;IACJ;IACA,YAAY;QACR,QAAQ;IACZ;AACJ;AAEA,kCAAeD;AAGR,MAAME,UAAiB,CAAC;AAExB,MAAMC,aAAoB;IAC7B,MAAM;QACF,aAAa;QACb,MAAM;IACV;AACJ;AAEO,MAAMC,YAAmB;IAC5B,MAAM;QACF,aAAa;QACb,MAAM;IACV;AACJ;AAEO,MAAMC,iBAAwB;IACjC,MAAM;QACF,aAAa;QACb,MAAM;IACV;AACJ;AAEO,MAAMC,iBAAwB;IACjC,MAAM;QACF,SAAS;QACT,aAAa;IACjB;AACJ;AAEO,MAAMC,yBAAgC;IACzC,MAAM;QACF,GAAGD,eAAe,IAAI;QACtB,UAAU;IACd;AACJ;AAEO,MAAME,wBAA+B;IACxC,MAAM;QACF,GAAGF,eAAe,IAAI;QACtB,SAAS;IACb;AACJ;AAEO,MAAMG,mBAA0B;IACnC,MAAM;QACF,SAAS;QACT,aAAa;IACjB;AACJ;AAEO,MAAMC,2BAAkC;IAC3C,MAAM;QACF,GAAGD,iBAAiB,IAAI;QACxB,UAAU;IACd;AACJ;AAEO,MAAME,0BAAiC;IAC1C,MAAM;QACF,GAAGF,iBAAiB,IAAI;QACxB,SAAS;IACb;AACJ;AAEO,MAAMG,eAAsB;IAC/B,MAAM;QACF,SAAS;QACT,aAAa;IACjB;AACJ;AAEO,MAAMC,uBAA8B;IACvC,MAAM;QACF,GAAGD,aAAa,IAAI;QACpB,UAAU;IACd;AACJ;AAEO,MAAME,sBAA6B;IACtC,MAAM;QACF,GAAGF,aAAa,IAAI;QACpB,SAAS;IACb;AACJ;AAEO,MAAMG,uBAA8B;IACvC,MAAM;QACF,SAAS;QACT,aAAa;IACjB;IACA,YAAY;QACRC,CAAAA,QAAAA,WAAAA,GACI,oBAAC;gBAAI,WAAU;6BACX,oBAACA,OAAAA;KAGZ;AACL;AAEO,MAAMC,+BAAsC;IAC/C,MAAM;QACF,GAAGF,qBAAqB,IAAI;QAC5B,UAAU;IACd;IACA,YAAY;QACRC,CAAAA,QAAAA,WAAAA,GACI,oBAAC;gBAAI,WAAU;6BACX,oBAACA,OAAAA;KAGZ;AACL;AAEO,MAAME,8BAAqC;IAC9C,MAAM;QACF,GAAGH,qBAAqB,IAAI;QAC5B,SAAS;IACb;IACA,YAAY;QACRC,CAAAA,QAAAA,WAAAA,GACI,oBAAC;gBAAI,WAAU;6BACX,oBAACA,OAAAA;KAGZ;AACL;AAEO,MAAMG,2BAAkC;IAC3C,MAAM;QACF,GAAGjB,QAAQ,IAAI;QACf,sBAAsB;IAC1B;AACJ"}

package/Textarea/index.js

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

package/TimeAgo/index.js

@@ -1,4 +1 @@
-import TimeAgo from "timeago-react";
-export { TimeAgo };
-
-//# sourceMappingURL=index.js.map
+export { default as TimeAgo } from "timeago-react";

package/Toast/Toast.js

@@ -1,37 +1,29 @@
-import * as React from "react";
 import { Toaster } from "sonner";
 import { makeDecoratable, withStaticProps } from "../utils.js";
 import { Portal } from "../Portal/index.js";
 import { ToastActions, ToastClose, ToastDescription, ToastIcon, ToastRoot, ToastTitle } from "./components/index.js";
-const DecoratableToast = ({
-  title,
-  description,
-  icon,
-  actions,
-  onCloseClick,
-  dismissible = true,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(ToastRoot, Object.assign({
-    hasDescription: !!description || !!actions
-  }, props), /*#__PURE__*/React.createElement(ToastIcon, {
-    icon: icon
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "w-64"
-  }, title, description && description, actions && actions), dismissible && /*#__PURE__*/React.createElement(ToastClose, {
-    onClick: onCloseClick,
-    variant: props.variant === "subtle" ? "subtle" : "ghost-negative"
-  }));
-};
+import * as __rspack_external_react from "react";
+const DecoratableToast = ({ title, description, icon, actions, onCloseClick, dismissible = true, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(ToastRoot, {
+        hasDescription: !!description || !!actions,
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ToastIcon, {
+        icon: icon
+    }), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "w-64"
+    }, title, description && description, actions && actions), dismissible && /*#__PURE__*/ __rspack_external_react.createElement(ToastClose, {
+        onClick: onCloseClick,
+        variant: "subtle" === props.variant ? "subtle" : "ghost-negative"
+    }));
 const Toast = withStaticProps(makeDecoratable("Toast", DecoratableToast), {
-  Title: ToastTitle,
-  Description: ToastDescription,
-  Actions: ToastActions,
-  Provider: props => /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Toaster, Object.assign({
-    expand: true,
-    duration: 6000,
-    position: "bottom-left"
-  }, props)))
+    Title: ToastTitle,
+    Description: ToastDescription,
+    Actions: ToastActions,
+    Provider: (props)=>/*#__PURE__*/ __rspack_external_react.createElement(Portal, null, /*#__PURE__*/ __rspack_external_react.createElement(Toaster, {
+            expand: true,
+            duration: 6000,
+            position: "bottom-left",
+            ...props
+        }))
 });
 export { Toast };
 

package/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Toaster","makeDecoratable","withStaticProps","Portal","ToastActions","ToastClose","ToastDescription","ToastIcon","ToastRoot","ToastTitle","DecoratableToast","title","description","icon","actions","onCloseClick","dismissible","props","createElement","Object","assign","hasDescription","className","onClick","variant","Toast","Title","Description","Actions","Provider","expand","duration","position"],"sources":["Toast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Toaster, type ToasterProps } from \"sonner\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { type IconButtonProps } from \"~/Button/index.js\";\nimport type { Icon as BaseIcon } from \"~/Icon/index.js\";\nimport { Portal } from \"~/Portal/index.js\";\nimport {\n    ToastActions,\n    ToastClose,\n    ToastDescription,\n    ToastIcon,\n    ToastRoot,\n    ToastTitle,\n    type ToastRootProps\n} from \"./components/index.js\";\n\ninterface ToastProps extends Omit<ToastRootProps, \"title\" | \"content\" | \"children\"> {\n    title: React.ReactElement<typeof ToastTitle>;\n    description?: React.ReactElement<typeof ToastDescription>;\n    icon?: React.ReactElement<typeof BaseIcon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    onCloseClick: () => void;\n    dismissible?: boolean;\n}\n\nconst DecoratableToast = ({\n    title,\n    description,\n    icon,\n    actions,\n    onCloseClick,\n    dismissible = true,\n    ...props\n}: ToastProps) => {\n    return (\n        <ToastRoot hasDescription={!!description || !!actions} {...props}>\n            <ToastIcon icon={icon} />\n            <div className=\"w-64\">\n                {title}\n                {description && description}\n                {actions && actions}\n            </div>\n            {dismissible && (\n                <ToastClose\n                    onClick={onCloseClick}\n                    variant={\n                        props.variant === \"subtle\"\n                            ? (\"subtle\" as IconButtonProps[\"variant\"])\n                            : (\"ghost-negative\" as IconButtonProps[\"variant\"])\n                    }\n                />\n            )}\n        </ToastRoot>\n    );\n};\n\nconst Toast = withStaticProps(makeDecoratable(\"Toast\", DecoratableToast), {\n    Title: ToastTitle,\n    Description: ToastDescription,\n    Actions: ToastActions,\n    Provider: (props: ToasterProps) => (\n        <Portal>\n            <Toaster expand={true} duration={6000} position={\"bottom-left\"} {...props} />\n        </Portal>\n    )\n});\n\nexport { Toast, type ToastProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAA2B,QAAQ;AACnD,SAASC,eAAe,EAAEC,eAAe;AAGzC,SAASC,MAAM;AACf,SACIC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,SAAS,EACTC,SAAS,EACTC,UAAU;AAad,MAAMC,gBAAgB,GAAGA,CAAC;EACtBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,OAAO;EACPC,YAAY;EACZC,WAAW,GAAG,IAAI;EAClB,GAAGC;AACK,CAAC,KAAK;EACd,oBACIlB,KAAA,CAAAmB,aAAA,CAACV,SAAS,EAAAW,MAAA,CAAAC,MAAA;IAACC,cAAc,EAAE,CAAC,CAACT,WAAW,IAAI,CAAC,CAACE;EAAQ,GAAKG,KAAK,gBAC5DlB,KAAA,CAAAmB,aAAA,CAACX,SAAS;IAACM,IAAI,EAAEA;EAAK,CAAE,CAAC,eACzBd,KAAA,CAAAmB,aAAA;IAAKI,SAAS,EAAC;EAAM,GAChBX,KAAK,EACLC,WAAW,IAAIA,WAAW,EAC1BE,OAAO,IAAIA,OACX,CAAC,EACLE,WAAW,iBACRjB,KAAA,CAAAmB,aAAA,CAACb,UAAU;IACPkB,OAAO,EAAER,YAAa;IACtBS,OAAO,EACHP,KAAK,CAACO,OAAO,KAAK,QAAQ,GACnB,QAAQ,GACR;EACV,CACJ,CAEE,CAAC;AAEpB,CAAC;AAED,MAAMC,KAAK,GAAGvB,eAAe,CAACD,eAAe,CAAC,OAAO,EAAES,gBAAgB,CAAC,EAAE;EACtEgB,KAAK,EAAEjB,UAAU;EACjBkB,WAAW,EAAErB,gBAAgB;EAC7BsB,OAAO,EAAExB,YAAY;EACrByB,QAAQ,EAAGZ,KAAmB,iBAC1BlB,KAAA,CAAAmB,aAAA,CAACf,MAAM,qBACHJ,KAAA,CAAAmB,aAAA,CAAClB,OAAO,EAAAmB,MAAA,CAAAC,MAAA;IAACU,MAAM,EAAE,IAAK;IAACC,QAAQ,EAAE,IAAK;IAACC,QAAQ,EAAE;EAAc,GAAKf,KAAK,CAAG,CACxE;AAEhB,CAAC,CAAC;AAEF,SAASQ,KAAK","ignoreList":[]}
+{"version":3,"file":"Toast/Toast.js","sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Toaster, type ToasterProps } from \"sonner\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { type IconButtonProps } from \"~/Button/index.js\";\nimport type { Icon as BaseIcon } from \"~/Icon/index.js\";\nimport { Portal } from \"~/Portal/index.js\";\nimport {\n    ToastActions,\n    ToastClose,\n    ToastDescription,\n    ToastIcon,\n    ToastRoot,\n    ToastTitle,\n    type ToastRootProps\n} from \"./components/index.js\";\n\ninterface ToastProps extends Omit<ToastRootProps, \"title\" | \"content\" | \"children\"> {\n    title: React.ReactElement<typeof ToastTitle>;\n    description?: React.ReactElement<typeof ToastDescription>;\n    icon?: React.ReactElement<typeof BaseIcon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    onCloseClick: () => void;\n    dismissible?: boolean;\n}\n\nconst DecoratableToast = ({\n    title,\n    description,\n    icon,\n    actions,\n    onCloseClick,\n    dismissible = true,\n    ...props\n}: ToastProps) => {\n    return (\n        <ToastRoot hasDescription={!!description || !!actions} {...props}>\n            <ToastIcon icon={icon} />\n            <div className=\"w-64\">\n                {title}\n                {description && description}\n                {actions && actions}\n            </div>\n            {dismissible && (\n                <ToastClose\n                    onClick={onCloseClick}\n                    variant={\n                        props.variant === \"subtle\"\n                            ? (\"subtle\" as IconButtonProps[\"variant\"])\n                            : (\"ghost-negative\" as IconButtonProps[\"variant\"])\n                    }\n                />\n            )}\n        </ToastRoot>\n    );\n};\n\nconst Toast = withStaticProps(makeDecoratable(\"Toast\", DecoratableToast), {\n    Title: ToastTitle,\n    Description: ToastDescription,\n    Actions: ToastActions,\n    Provider: (props: ToasterProps) => (\n        <Portal>\n            <Toaster expand={true} duration={6000} position={\"bottom-left\"} {...props} />\n        </Portal>\n    )\n});\n\nexport { Toast, type ToastProps };\n"],"names":["DecoratableToast","title","description","icon","actions","onCloseClick","dismissible","props","ToastRoot","ToastIcon","ToastClose","Toast","withStaticProps","makeDecoratable","ToastTitle","ToastDescription","ToastActions","Portal","Toaster"],"mappings":";;;;;AAyBA,MAAMA,mBAAmB,CAAC,EACtBC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,OAAO,EACPC,YAAY,EACZC,cAAc,IAAI,EAClB,GAAGC,OACM,GACF,WAAP,GACI,sCAACC,WAASA;QAAC,gBAAgB,CAAC,CAACN,eAAe,CAAC,CAACE;QAAU,GAAGG,KAAK;qBAC5D,sCAACE,WAASA;QAAC,MAAMN;sBACjB,sCAAC;QAAI,WAAU;OACVF,OACAC,eAAeA,aACfE,WAAWA,UAEfE,eAAe,WAAfA,GACG,sCAACI,YAAUA;QACP,SAASL;QACT,SACIE,AAAkB,aAAlBA,MAAM,OAAO,GACN,WACA;;AAQ/B,MAAMI,QAAQC,gBAAgBC,gBAAgB,SAASb,mBAAmB;IACtE,OAAOc;IACP,aAAaC;IACb,SAASC;IACT,UAAU,CAACT,QAAAA,WAAAA,GACP,sCAACU,QAAMA,MAAAA,WAAAA,GACH,sCAACC,SAAOA;YAAC,QAAQ;YAAM,UAAU;YAAM,UAAU;YAAgB,GAAGX,KAAK;;AAGrF"}

package/Toast/components/ToastActions.js

@@ -1,12 +1,9 @@
-import React from "react";
+import react from "react";
 import { cn, makeDecoratable } from "../../utils.js";
-const DecoratableToastActions = ({
-  children,
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn("flex w-full items-center justify-start gap-sm mt-md", className)
-}), children);
+const DecoratableToastActions = ({ children, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn("flex w-full items-center justify-start gap-sm mt-md", className)
+    }, children);
 const ToastActions = makeDecoratable("ToastActions", DecoratableToastActions);
 export { ToastActions };
 

package/Toast/components/ToastActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","DecoratableToastActions","children","className","props","createElement","Object","assign","ToastActions"],"sources":["ToastActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\nconst DecoratableToastActions = ({\n    children,\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        {...props}\n        className={cn(\"flex w-full items-center justify-start gap-sm mt-md\", className)}\n    >\n        {children}\n    </div>\n);\n\nconst ToastActions = makeDecoratable(\"ToastActions\", DecoratableToastActions);\n\nexport { ToastActions };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAE5B,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,QAAQ;EACRC,SAAS;EACT,GAAGC;AAC+B,CAAC,kBACnCN,KAAA,CAAAO,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEJ,EAAE,CAAC,qDAAqD,EAAEI,SAAS;AAAE,IAE/ED,QACA,CACR;AAED,MAAMM,YAAY,GAAGR,eAAe,CAAC,cAAc,EAAEC,uBAAuB,CAAC;AAE7E,SAASO,YAAY","ignoreList":[]}
+{"version":3,"file":"Toast/components/ToastActions.js","sources":["../../../src/Toast/components/ToastActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\nconst DecoratableToastActions = ({\n    children,\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        {...props}\n        className={cn(\"flex w-full items-center justify-start gap-sm mt-md\", className)}\n    >\n        {children}\n    </div>\n);\n\nconst ToastActions = makeDecoratable(\"ToastActions\", DecoratableToastActions);\n\nexport { ToastActions };\n"],"names":["DecoratableToastActions","children","className","props","cn","ToastActions","makeDecoratable"],"mappings":";;AAGA,MAAMA,0BAA0B,CAAC,EAC7BC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACgC,iBACnC,oBAAC;QACI,GAAGA,KAAK;QACT,WAAWC,GAAG,uDAAuDF;OAEpED;AAIT,MAAMI,eAAeC,gBAAgB,gBAAgBN"}

package/Toast/components/ToastClose.js

@@ -1,15 +1,16 @@
-import React from "react";
-import { ReactComponent as CloseIcon } from "@webiny/icons/close.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/close.svg";
 import { IconButton } from "../../Button/index.js";
 import { Icon } from "../../Icon/index.js";
-const ToastClose = props => /*#__PURE__*/React.createElement(IconButton, Object.assign({
-  icon: /*#__PURE__*/React.createElement(Icon, {
-    label: "Close",
-    icon: /*#__PURE__*/React.createElement(CloseIcon, null)
-  }),
-  size: "sm",
-  iconSize: "lg"
-}, props));
+const ToastClose = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            label: "Close",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }),
+        size: "sm",
+        iconSize: "lg",
+        ...props
+    });
 export { ToastClose };
 
 //# sourceMappingURL=ToastClose.js.map

package/Toast/components/ToastClose.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","CloseIcon","IconButton","Icon","ToastClose","props","createElement","Object","assign","icon","label","size","iconSize"],"sources":["ToastClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton, type IconButtonProps } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\ntype ToastCloseProps = IconButtonProps;\n\nconst ToastClose = (props: ToastCloseProps) => (\n    <IconButton\n        icon={<Icon label={\"Close\"} icon={<CloseIcon />} />}\n        size={\"sm\"}\n        iconSize={\"lg\"}\n        {...props}\n    />\n);\n\nexport { ToastClose, type ToastCloseProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASC,UAAU;AACnB,SAASC,IAAI;AAIb,MAAMC,UAAU,GAAIC,KAAsB,iBACtCN,KAAA,CAAAO,aAAA,CAACJ,UAAU,EAAAK,MAAA,CAAAC,MAAA;EACPC,IAAI,eAAEV,KAAA,CAAAO,aAAA,CAACH,IAAI;IAACO,KAAK,EAAE,OAAQ;IAACD,IAAI,eAAEV,KAAA,CAAAO,aAAA,CAACL,SAAS,MAAE;EAAE,CAAE,CAAE;EACpDU,IAAI,EAAE,IAAK;EACXC,QAAQ,EAAE;AAAK,GACXP,KAAK,CACZ,CACJ;AAED,SAASD,UAAU","ignoreList":[]}
+{"version":3,"file":"Toast/components/ToastClose.js","sources":["../../../src/Toast/components/ToastClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton, type IconButtonProps } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\ntype ToastCloseProps = IconButtonProps;\n\nconst ToastClose = (props: ToastCloseProps) => (\n    <IconButton\n        icon={<Icon label={\"Close\"} icon={<CloseIcon />} />}\n        size={\"sm\"}\n        iconSize={\"lg\"}\n        {...props}\n    />\n);\n\nexport { ToastClose, type ToastCloseProps };\n"],"names":["ToastClose","props","IconButton","Icon","CloseIcon"],"mappings":";;;;AAOA,MAAMA,aAAa,CAACC,QAAAA,WAAAA,GAChB,oBAACC,YAAUA;QACP,oBAAM,oBAACC,MAAIA;YAAC,OAAO;YAAS,oBAAM,oBAACC,gBAASA;;QAC5C,MAAM;QACN,UAAU;QACT,GAAGH,KAAK"}

package/Toast/components/ToastDescription.js

@@ -1,17 +1,14 @@
-import React from "react";
+import react from "react";
 import { cn, makeDecoratable } from "../../utils.js";
 import { Text } from "../../Text/index.js";
-const DecoratableToastDescription = ({
-  text,
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn("mt-xs-plus group-[.default-variant]:text-neutral-dimmed group-[.subtle-variant]:text-neutral-strong", className)
-}), /*#__PURE__*/React.createElement(Text, {
-  as: "div",
-  size: "md",
-  className: "text-neutral-dimmed"
-}, text));
+const DecoratableToastDescription = ({ text, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn("mt-xs-plus group-[.default-variant]:text-neutral-dimmed group-[.subtle-variant]:text-neutral-strong", className)
+    }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "md",
+        className: "text-neutral-dimmed"
+    }, text));
 const ToastDescription = makeDecoratable("ToastDescription", DecoratableToastDescription);
 export { ToastDescription };
 

package/Toast/components/ToastDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","Text","DecoratableToastDescription","text","className","props","createElement","Object","assign","as","size","ToastDescription"],"sources":["ToastDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\ntype DescriptionProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    text: React.ReactNode;\n};\n\nconst DecoratableToastDescription = ({ text, className, ...props }: DescriptionProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"mt-xs-plus group-[.default-variant]:text-neutral-dimmed group-[.subtle-variant]:text-neutral-strong\",\n            className\n        )}\n    >\n        <Text as={\"div\"} size={\"md\"} className={\"text-neutral-dimmed\"}>\n            {text}\n        </Text>\n    </div>\n);\n\nconst ToastDescription = makeDecoratable(\"ToastDescription\", DecoratableToastDescription);\n\nexport { ToastDescription, type DescriptionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,IAAI;AAMb,MAAMC,2BAA2B,GAAGA,CAAC;EAAEC,IAAI;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBAChFP,KAAA,CAAAQ,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEL,EAAE,CACT,qGAAqG,EACrGK,SACJ;AAAE,iBAEFN,KAAA,CAAAQ,aAAA,CAACL,IAAI;EAACQ,EAAE,EAAE,KAAM;EAACC,IAAI,EAAE,IAAK;EAACN,SAAS,EAAE;AAAsB,GACzDD,IACC,CACL,CACR;AAED,MAAMQ,gBAAgB,GAAGX,eAAe,CAAC,kBAAkB,EAAEE,2BAA2B,CAAC;AAEzF,SAASS,gBAAgB","ignoreList":[]}
+{"version":3,"file":"Toast/components/ToastDescription.js","sources":["../../../src/Toast/components/ToastDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\ntype DescriptionProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    text: React.ReactNode;\n};\n\nconst DecoratableToastDescription = ({ text, className, ...props }: DescriptionProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"mt-xs-plus group-[.default-variant]:text-neutral-dimmed group-[.subtle-variant]:text-neutral-strong\",\n            className\n        )}\n    >\n        <Text as={\"div\"} size={\"md\"} className={\"text-neutral-dimmed\"}>\n            {text}\n        </Text>\n    </div>\n);\n\nconst ToastDescription = makeDecoratable(\"ToastDescription\", DecoratableToastDescription);\n\nexport { ToastDescription, type DescriptionProps };\n"],"names":["DecoratableToastDescription","text","className","props","cn","Text","ToastDescription","makeDecoratable"],"mappings":";;;AAQA,MAAMA,8BAA8B,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,OAAyB,iBAChF,oBAAC;QACI,GAAGA,KAAK;QACT,WAAWC,GACP,uGACAF;qBAGJ,oBAACG,MAAIA;QAAC,IAAI;QAAO,MAAM;QAAM,WAAW;OACnCJ;AAKb,MAAMK,mBAAmBC,gBAAgB,oBAAoBP"}

package/Toast/components/ToastIcon.js

@@ -1,20 +1,16 @@
-import React from "react";
-import { ReactComponent as NotificationsIconActive } from "@webiny/icons/notifications_active.svg";
-import { Icon as BaseIcon } from "../../Icon/index.js";
-const ToastNotificationIcon = /*#__PURE__*/React.createElement(BaseIcon, {
-  icon: /*#__PURE__*/React.createElement(NotificationsIconActive, null),
-  label: "Notification",
-  size: "md",
-  color: "accent"
+import react from "react";
+import { ReactComponent } from "@webiny/icons/notifications_active.svg";
+import { Icon } from "../../Icon/index.js";
+const ToastNotificationIcon = /*#__PURE__*/ react.createElement(Icon, {
+    icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+    label: "Notification",
+    size: "md",
+    color: "accent"
 });
-const ToastIcon = ({
-  icon
-}) => {
-  return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.isValidElement(icon) ? /*#__PURE__*/React.cloneElement(icon, {
-    ...ToastNotificationIcon.props,
-    ...icon.props
-  }) : /*#__PURE__*/React.cloneElement(ToastNotificationIcon));
-};
+const ToastIcon = ({ icon })=>/*#__PURE__*/ react.createElement("span", null, /*#__PURE__*/ react.isValidElement(icon) ? /*#__PURE__*/ react.cloneElement(icon, {
+        ...ToastNotificationIcon.props,
+        ...icon.props
+    }) : /*#__PURE__*/ react.cloneElement(ToastNotificationIcon));
 export { ToastIcon };
 
 //# sourceMappingURL=ToastIcon.js.map

package/Toast/components/ToastIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","NotificationsIconActive","Icon","BaseIcon","ToastNotificationIcon","createElement","icon","label","size","color","ToastIcon","isValidElement","cloneElement","props"],"sources":["ToastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as NotificationsIconActive } from \"@webiny/icons/notifications_active.svg\";\nimport { Icon as BaseIcon } from \"~/Icon/index.js\";\n\nconst ToastNotificationIcon = (\n    <BaseIcon\n        icon={<NotificationsIconActive />}\n        label={\"Notification\"}\n        size={\"md\"}\n        color={\"accent\"}\n    />\n);\n\ntype ToastIconProps = {\n    icon?: React.ReactElement<typeof BaseIcon>;\n};\n\nconst ToastIcon = ({ icon }: ToastIconProps) => {\n    return (\n        <span>\n            {React.isValidElement(icon)\n                ? React.cloneElement(icon, { ...ToastNotificationIcon.props, ...icon.props })\n                : React.cloneElement(ToastNotificationIcon)}\n        </span>\n    );\n};\n\nexport { ToastIcon, type ToastIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,uBAAuB,QAAQ,wCAAwC;AAClG,SAASC,IAAI,IAAIC,QAAQ;AAEzB,MAAMC,qBAAqB,gBACvBL,KAAA,CAAAM,aAAA,CAACF,QAAQ;EACLG,IAAI,eAAEP,KAAA,CAAAM,aAAA,CAACJ,uBAAuB,MAAE,CAAE;EAClCM,KAAK,EAAE,cAAe;EACtBC,IAAI,EAAE,IAAK;EACXC,KAAK,EAAE;AAAS,CACnB,CACJ;AAMD,MAAMC,SAAS,GAAGA,CAAC;EAAEJ;AAAqB,CAAC,KAAK;EAC5C,oBACIP,KAAA,CAAAM,aAAA,eACK,aAAAN,KAAK,CAACY,cAAc,CAACL,IAAI,CAAC,gBACrBP,KAAK,CAACa,YAAY,CAACN,IAAI,EAAE;IAAE,GAAGF,qBAAqB,CAACS,KAAK;IAAE,GAAGP,IAAI,CAACO;EAAM,CAAC,CAAC,gBAC3Ed,KAAK,CAACa,YAAY,CAACR,qBAAqB,CAC5C,CAAC;AAEf,CAAC;AAED,SAASM,SAAS","ignoreList":[]}
+{"version":3,"file":"Toast/components/ToastIcon.js","sources":["../../../src/Toast/components/ToastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as NotificationsIconActive } from \"@webiny/icons/notifications_active.svg\";\nimport { Icon as BaseIcon } from \"~/Icon/index.js\";\n\nconst ToastNotificationIcon = (\n    <BaseIcon\n        icon={<NotificationsIconActive />}\n        label={\"Notification\"}\n        size={\"md\"}\n        color={\"accent\"}\n    />\n);\n\ntype ToastIconProps = {\n    icon?: React.ReactElement<typeof BaseIcon>;\n};\n\nconst ToastIcon = ({ icon }: ToastIconProps) => {\n    return (\n        <span>\n            {React.isValidElement(icon)\n                ? React.cloneElement(icon, { ...ToastNotificationIcon.props, ...icon.props })\n                : React.cloneElement(ToastNotificationIcon)}\n        </span>\n    );\n};\n\nexport { ToastIcon, type ToastIconProps };\n"],"names":["ToastNotificationIcon","BaseIcon","NotificationsIconActive","ToastIcon","icon","React"],"mappings":";;;AAIA,MAAMA,wBAAwB,WAAHA,GACvB,oBAACC,MAAQA;IACL,oBAAM,oBAACC,gBAAuBA;IAC9B,OAAO;IACP,MAAM;IACN,OAAO;;AAQf,MAAMC,YAAY,CAAC,EAAEC,IAAI,EAAkB,GAChC,WAAP,GACI,oBAAC,4BACIC,MAAAA,cAAoB,CAACD,QAAAA,WAAAA,GAChBC,MAAAA,YAAkB,CAACD,MAAM;QAAE,GAAGJ,sBAAsB,KAAK;QAAE,GAAGI,KAAK,KAAK;IAAC,mBACzEC,MAAAA,YAAkB,CAACL"}