@webiny/admin-ui 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/Link/Link.stories.js

@@ -1,144 +1,173 @@
-// @ts-nocheck Temporary fix.
-import React from "react";
-import { BrowserRouter } from "react-router";
+import react from "react";
 import { Link } from "./Link.js";
 import { Text } from "../Text/index.js";
+import { AdminUiProvider } from "../AdminUiProvider/index.js";
+const NoopLinkComponent = ({ to, ...props })=>/*#__PURE__*/ react.createElement("a", {
+        href: to,
+        ...props,
+        onClick: (e)=>{
+            e.preventDefault();
+        }
+    });
 const meta = {
-  title: "Components/Link",
-  component: Link,
-  decorators: [Story => /*#__PURE__*/React.createElement(BrowserRouter, null, /*#__PURE__*/React.createElement(Story, null))],
-  argTypes: {
-    size: {
-      control: "select",
-      options: ["sm", "md", "lg", "xl"]
-    },
-    variant: {
-      control: "select",
-      options: ["primary", "secondary"]
+    title: "Components/Link",
+    component: Link,
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement(AdminUiProvider, {
+                linkComponent: NoopLinkComponent
+            }, /*#__PURE__*/ react.createElement(Story, null))
+    ],
+    argTypes: {
+        size: {
+            control: "select",
+            options: [
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ]
+        },
+        variant: {
+            control: "select",
+            options: [
+                "primary",
+                "secondary"
+            ]
+        }
     }
-  }
 };
-export default meta;
-export const Default = {
-  args: {
-    to: "#",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const Link_stories = meta;
+const Default = {
+    args: {
+        to: "#",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const LinkXl = {
-  args: {
-    size: "xl",
-    to: "#",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const LinkXl = {
+    args: {
+        size: "xl",
+        to: "#",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const LinkLg = {
-  args: {
-    size: "lg",
-    to: "#",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const LinkLg = {
+    args: {
+        size: "lg",
+        to: "#",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const LinkMd = {
-  args: {
-    size: "md",
-    to: "#",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const LinkMd = {
+    args: {
+        size: "md",
+        to: "#",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const LinkSm = {
-  args: {
-    size: "sm",
-    to: "#",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const LinkSm = {
+    args: {
+        size: "sm",
+        to: "#",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const InheritedSize = {
-  name: "Link with inherited size",
-  render: linkProps => {
-    return /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Text, {
-      size: "lg"
-    }, "Size of this text is set to large, so,\xA0", /*#__PURE__*/React.createElement(Link, linkProps, "this link's"), " size is also automatically set to large."));
-  },
-  args: {
-    to: "#",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const InheritedSize = {
+    name: "Link with inherited size",
+    render: (linkProps)=>/*#__PURE__*/ react.createElement(Text, null, /*#__PURE__*/ react.createElement(Text, {
+            size: "lg"
+        }, "Size of this text is set to large, so,\xa0", /*#__PURE__*/ react.createElement(Link, linkProps, "this link's"), " size is also automatically set to large.")),
+    args: {
+        to: "#",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const WithUnderline = {
-  args: {
-    underline: true,
-    to: "#",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const WithUnderline = {
+    args: {
+        underline: true,
+        to: "#",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const PrimaryNegative = {
-  decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "bg-[#25292e] p-[300px] rounded-[5px] text-neutral-dimmed"
-  }, /*#__PURE__*/React.createElement(Story, null))],
-  render: args => {
-    return /*#__PURE__*/React.createElement(Text, null, "Lorem ", /*#__PURE__*/React.createElement(Link, args, "ipsum dolor sit amet"), ", consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.");
-  },
-  args: {
-    ...Default.args,
-    variant: "primary-negative"
-  }
+const PrimaryNegative = {
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement("div", {
+                className: "bg-[#25292e] p-[300px] rounded-[5px] text-neutral-dimmed"
+            }, /*#__PURE__*/ react.createElement(Story, null))
+    ],
+    render: (args)=>/*#__PURE__*/ react.createElement(Text, null, "Lorem ", /*#__PURE__*/ react.createElement(Link, args, "ipsum dolor sit amet"), ", consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."),
+    args: {
+        ...Default.args,
+        variant: "primary-negative"
+    }
 };
-export const SecondaryNegative = {
-  decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "bg-[#25292e] p-[300px] rounded-[5px] text-neutral-dimmed"
-  }, /*#__PURE__*/React.createElement(Story, null))],
-  render: args => {
-    return /*#__PURE__*/React.createElement(Text, null, "Lorem ", /*#__PURE__*/React.createElement(Link, args, "ipsum dolor sit amet"), ", consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.");
-  },
-  args: {
-    ...Default.args,
-    variant: "secondary-negative"
-  }
+const SecondaryNegative = {
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement("div", {
+                className: "bg-[#25292e] p-[300px] rounded-[5px] text-neutral-dimmed"
+            }, /*#__PURE__*/ react.createElement(Story, null))
+    ],
+    render: (args)=>/*#__PURE__*/ react.createElement(Text, null, "Lorem ", /*#__PURE__*/ react.createElement(Link, args, "ipsum dolor sit amet"), ", consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."),
+    args: {
+        ...Default.args,
+        variant: "secondary-negative"
+    }
 };
-export const Documentation = {
-  args: {
-    to: "#",
-    variant: "primary",
-    size: "md",
-    underline: false,
-    disabled: false,
-    children: "This is a link"
-  },
-  argTypes: {
-    to: {
-      description: "The URL or path the link points to. If it’s a relative path, you can pass it as-is—it will automatically resolve based on the parent route. For a full URL, be sure to pass the complete address starting with `https://...`",
-      control: "text",
-      defaultValue: "#"
-    },
-    variant: {
-      description: "Visual style of the link",
-      control: "select",
-      options: ["primary", "secondary", "primary-negative", "secondary-negative"],
-      defaultValue: "primary"
-    },
-    size: {
-      description: "Size of the link text",
-      control: "select",
-      options: ["inherit", "sm", "md", "lg", "xl"],
-      defaultValue: "inherit"
-    },
-    underline: {
-      description: "Whether the link should be underlined by default",
-      control: "boolean",
-      defaultValue: false
-    },
-    disabled: {
-      description: "Whether the link is disabled",
-      control: "boolean",
-      defaultValue: false
+const Documentation = {
+    args: {
+        to: "#",
+        variant: "primary",
+        size: "md",
+        underline: false,
+        disabled: false,
+        children: "This is a link"
     },
-    children: {
-      description: "The content of the link. It can be any valid React node.",
-      control: "text",
-      defaultValue: "This is a link"
+    argTypes: {
+        to: {
+            description: "The URL or path the link points to. If it’s a relative path, you can pass it as-is—it will automatically resolve based on the parent route. For a full URL, be sure to pass the complete address starting with `https://...`",
+            control: "text",
+            defaultValue: "#"
+        },
+        variant: {
+            description: "Visual style of the link",
+            control: "select",
+            options: [
+                "primary",
+                "secondary",
+                "primary-negative",
+                "secondary-negative"
+            ],
+            defaultValue: "primary"
+        },
+        size: {
+            description: "Size of the link text",
+            control: "select",
+            options: [
+                "inherit",
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ],
+            defaultValue: "inherit"
+        },
+        underline: {
+            description: "Whether the link should be underlined by default",
+            control: "boolean",
+            defaultValue: false
+        },
+        disabled: {
+            description: "Whether the link is disabled",
+            control: "boolean",
+            defaultValue: false
+        },
+        children: {
+            description: "The content of the link. It can be any valid React node.",
+            control: "text",
+            defaultValue: "This is a link"
+        }
     }
-  }
 };
+export default Link_stories;
+export { Default, Documentation, InheritedSize, LinkLg, LinkMd, LinkSm, LinkXl, PrimaryNegative, SecondaryNegative, WithUnderline };
 
 //# sourceMappingURL=Link.stories.js.map

package/Link/Link.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BrowserRouter","Link","Text","meta","title","component","decorators","Story","createElement","argTypes","size","control","options","variant","Default","args","to","children","LinkXl","LinkLg","LinkMd","LinkSm","InheritedSize","name","render","linkProps","WithUnderline","underline","PrimaryNegative","className","SecondaryNegative","Documentation","disabled","description","defaultValue"],"sources":["Link.stories.tsx"],"sourcesContent":["// @ts-nocheck Temporary fix.\nimport React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { BrowserRouter } from \"react-router\";\nimport { Link } from \"./Link.js\";\nimport { Text } from \"~/Text/index.js\";\n\nconst meta: Meta<typeof Link> = {\n    title: \"Components/Link\",\n    component: Link,\n    decorators: [\n        (Story: React.ComponentType) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        )\n    ],\n    argTypes: {\n        size: { control: \"select\", options: [\"sm\", \"md\", \"lg\", \"xl\"] },\n        variant: { control: \"select\", options: [\"primary\", \"secondary\"] }\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Link>;\n\nexport const Default: Story = {\n    args: {\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const LinkXl: Story = {\n    args: {\n        size: \"xl\",\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const LinkLg: Story = {\n    args: {\n        size: \"lg\",\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const LinkMd: Story = {\n    args: {\n        size: \"md\",\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const LinkSm: Story = {\n    args: {\n        size: \"sm\",\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const InheritedSize: Story = {\n    name: \"Link with inherited size\",\n    render: linkProps => {\n        return (\n            <Text>\n                <Text size=\"lg\">\n                    Size of this text is set to large, so,&nbsp;\n                    <Link {...linkProps}>this link&apos;s</Link> size is also automatically set to\n                    large.\n                </Text>\n            </Text>\n        );\n    },\n    args: {\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const WithUnderline: Story = {\n    args: {\n        underline: true,\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const PrimaryNegative: Story = {\n    decorators: [\n        Story => (\n            <div className=\"bg-[#25292e] p-[300px] rounded-[5px] text-neutral-dimmed\">\n                <Story />\n            </div>\n        )\n    ],\n    render: args => {\n        return (\n            <Text>\n                Lorem <Link {...args}>ipsum dolor sit amet</Link>, consectetur adipiscing elit.\n                Fusce tempus tortor eu sapien interdum rhoncus.\n            </Text>\n        );\n    },\n    args: {\n        ...Default.args,\n        variant: \"primary-negative\"\n    }\n};\n\nexport const SecondaryNegative: Story = {\n    decorators: [\n        Story => (\n            <div className=\"bg-[#25292e] p-[300px] rounded-[5px] text-neutral-dimmed\">\n                <Story />\n            </div>\n        )\n    ],\n    render: args => {\n        return (\n            <Text>\n                Lorem <Link {...args}>ipsum dolor sit amet</Link>, consectetur adipiscing elit.\n                Fusce tempus tortor eu sapien interdum rhoncus.\n            </Text>\n        );\n    },\n    args: {\n        ...Default.args,\n        variant: \"secondary-negative\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        to: \"#\",\n        variant: \"primary\",\n        size: \"md\",\n        underline: false,\n        disabled: false,\n        children: \"This is a link\"\n    },\n    argTypes: {\n        to: {\n            description:\n                \"The URL or path the link points to. If it’s a relative path, you can pass it as-is—it will automatically resolve based on the parent route. For a full URL, be sure to pass the complete address starting with `https://...`\",\n            control: \"text\",\n            defaultValue: \"#\"\n        },\n        variant: {\n            description: \"Visual style of the link\",\n            control: \"select\",\n            options: [\"primary\", \"secondary\", \"primary-negative\", \"secondary-negative\"],\n            defaultValue: \"primary\"\n        },\n        size: {\n            description: \"Size of the link text\",\n            control: \"select\",\n            options: [\"inherit\", \"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"inherit\"\n        },\n        underline: {\n            description: \"Whether the link should be underlined by default\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        disabled: {\n            description: \"Whether the link is disabled\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        children: {\n            description: \"The content of the link. It can be any valid React node.\",\n            control: \"text\",\n            defaultValue: \"This is a link\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Link/Link.stories.js","sources":["../../src/Link/Link.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Link } from \"./Link.js\";\nimport { Text } from \"~/Text/index.js\";\nimport { AdminUiProvider } from \"~/AdminUiProvider/index.js\";\nimport { LinkComponentProps } from \"~/Link/LinkComponent.js\";\n\nconst NoopLinkComponent = ({ to, ...props }: LinkComponentProps) => {\n    return (\n        <a\n            href={to}\n            {...props}\n            onClick={e => {\n                e.preventDefault();\n            }}\n        />\n    );\n};\n\nconst meta: Meta<typeof Link> = {\n    title: \"Components/Link\",\n    component: Link,\n    decorators: [\n        (Story: React.ComponentType) => (\n            <AdminUiProvider linkComponent={NoopLinkComponent}>\n                <Story />\n            </AdminUiProvider>\n        )\n    ],\n    argTypes: {\n        size: { control: \"select\", options: [\"sm\", \"md\", \"lg\", \"xl\"] },\n        variant: { control: \"select\", options: [\"primary\", \"secondary\"] }\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Link>;\n\nexport const Default: Story = {\n    args: {\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const LinkXl: Story = {\n    args: {\n        size: \"xl\",\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const LinkLg: Story = {\n    args: {\n        size: \"lg\",\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const LinkMd: Story = {\n    args: {\n        size: \"md\",\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const LinkSm: Story = {\n    args: {\n        size: \"sm\",\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const InheritedSize: Story = {\n    name: \"Link with inherited size\",\n    render: linkProps => {\n        return (\n            <Text>\n                <Text size=\"lg\">\n                    Size of this text is set to large, so,&nbsp;\n                    <Link {...linkProps}>this link&apos;s</Link> size is also automatically set to\n                    large.\n                </Text>\n            </Text>\n        );\n    },\n    args: {\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const WithUnderline: Story = {\n    args: {\n        underline: true,\n        to: \"#\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const PrimaryNegative: Story = {\n    decorators: [\n        Story => (\n            <div className=\"bg-[#25292e] p-[300px] rounded-[5px] text-neutral-dimmed\">\n                <Story />\n            </div>\n        )\n    ],\n    render: args => {\n        return (\n            <Text>\n                Lorem <Link {...args}>ipsum dolor sit amet</Link>, consectetur adipiscing elit.\n                Fusce tempus tortor eu sapien interdum rhoncus.\n            </Text>\n        );\n    },\n    args: {\n        ...Default.args,\n        variant: \"primary-negative\"\n    }\n};\n\nexport const SecondaryNegative: Story = {\n    decorators: [\n        Story => (\n            <div className=\"bg-[#25292e] p-[300px] rounded-[5px] text-neutral-dimmed\">\n                <Story />\n            </div>\n        )\n    ],\n    render: args => {\n        return (\n            <Text>\n                Lorem <Link {...args}>ipsum dolor sit amet</Link>, consectetur adipiscing elit.\n                Fusce tempus tortor eu sapien interdum rhoncus.\n            </Text>\n        );\n    },\n    args: {\n        ...Default.args,\n        variant: \"secondary-negative\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        to: \"#\",\n        variant: \"primary\",\n        size: \"md\",\n        underline: false,\n        disabled: false,\n        children: \"This is a link\"\n    },\n    argTypes: {\n        to: {\n            description:\n                \"The URL or path the link points to. If it’s a relative path, you can pass it as-is—it will automatically resolve based on the parent route. For a full URL, be sure to pass the complete address starting with `https://...`\",\n            control: \"text\",\n            defaultValue: \"#\"\n        },\n        variant: {\n            description: \"Visual style of the link\",\n            control: \"select\",\n            options: [\"primary\", \"secondary\", \"primary-negative\", \"secondary-negative\"],\n            defaultValue: \"primary\"\n        },\n        size: {\n            description: \"Size of the link text\",\n            control: \"select\",\n            options: [\"inherit\", \"sm\", \"md\", \"lg\", \"xl\"],\n            defaultValue: \"inherit\"\n        },\n        underline: {\n            description: \"Whether the link should be underlined by default\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        disabled: {\n            description: \"Whether the link is disabled\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        children: {\n            description: \"The content of the link. It can be any valid React node.\",\n            control: \"text\",\n            defaultValue: \"This is a link\"\n        }\n    }\n};\n"],"names":["NoopLinkComponent","to","props","e","meta","Link","Story","AdminUiProvider","Default","LinkXl","LinkLg","LinkMd","LinkSm","InheritedSize","linkProps","Text","WithUnderline","PrimaryNegative","args","SecondaryNegative","Documentation"],"mappings":";;;;AAOA,MAAMA,oBAAoB,CAAC,EAAEC,EAAE,EAAE,GAAGC,OAA2B,GACpD,WAAP,GACI,oBAAC;QACG,MAAMD;QACL,GAAGC,KAAK;QACT,SAASC,CAAAA;YACLA,EAAE,cAAc;QACpB;;AAKZ,MAAMC,OAA0B;IAC5B,OAAO;IACP,WAAWC;IACX,YAAY;QACR,CAACC,QAAAA,WAAAA,GACG,oBAACC,iBAAeA;gBAAC,eAAeP;6BAC5B,oBAACM,OAAAA;KAGZ;IACD,UAAU;QACN,MAAM;YAAE,SAAS;YAAU,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;aAAK;QAAC;QAC7D,SAAS;YAAE,SAAS;YAAU,SAAS;gBAAC;gBAAW;aAAY;QAAC;IACpE;AACJ;AAEA,qBAAeF;AAIR,MAAMI,UAAiB;IAC1B,MAAM;QACF,IAAI;QACJ,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,IAAI;QACJ,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,IAAI;QACJ,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,IAAI;QACJ,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,IAAI;QACJ,UACI;IACR;AACJ;AAEO,MAAMC,gBAAuB;IAChC,MAAM;IACN,QAAQC,CAAAA,YACG,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,MAAIA;YAAC,MAAK;WAAK,4DAEZ,oBAACV,MAASS,WAAW,gBAAuB;IAM5D,MAAM;QACF,IAAI;QACJ,UACI;IACR;AACJ;AAEO,MAAME,gBAAuB;IAChC,MAAM;QACF,WAAW;QACX,IAAI;QACJ,UACI;IACR;AACJ;AAEO,MAAMC,kBAAyB;IAClC,YAAY;QACRX,CAAAA,QAAAA,WAAAA,GACI,oBAAC;gBAAI,WAAU;6BACX,oBAACA,OAAAA;KAGZ;IACD,QAAQY,CAAAA,OACG,WAAP,GACI,oBAACH,MAAIA,MAAC,wBACI,oBAACV,MAASa,MAAM,yBAA2B;IAK7D,MAAM;QACF,GAAGV,QAAQ,IAAI;QACf,SAAS;IACb;AACJ;AAEO,MAAMW,oBAA2B;IACpC,YAAY;QACRb,CAAAA,QAAAA,WAAAA,GACI,oBAAC;gBAAI,WAAU;6BACX,oBAACA,OAAAA;KAGZ;IACD,QAAQY,CAAAA,OACG,WAAP,GACI,oBAACH,MAAIA,MAAC,wBACI,oBAACV,MAASa,MAAM,yBAA2B;IAK7D,MAAM;QACF,GAAGV,QAAQ,IAAI;QACf,SAAS;IACb;AACJ;AAEO,MAAMY,gBAAuB;IAChC,MAAM;QACF,IAAI;QACJ,SAAS;QACT,MAAM;QACN,WAAW;QACX,UAAU;QACV,UAAU;IACd;IACA,UAAU;QACN,IAAI;YACA,aACI;YACJ,SAAS;YACT,cAAc;QAClB;QACA,SAAS;YACL,aAAa;YACb,SAAS;YACT,SAAS;gBAAC;gBAAW;gBAAa;gBAAoB;aAAqB;YAC3E,cAAc;QAClB;QACA,MAAM;YACF,aAAa;YACb,SAAS;YACT,SAAS;gBAAC;gBAAW;gBAAM;gBAAM;gBAAM;aAAK;YAC5C,cAAc;QAClB;QACA,WAAW;YACP,aAAa;YACb,SAAS;YACT,cAAc;QAClB;QACA,UAAU;YACN,aAAa;YACb,SAAS;YACT,cAAc;QAClB;QACA,UAAU;YACN,aAAa;YACb,SAAS;YACT,cAAc;QAClB;IACJ;AACJ"}

package/Link/LinkComponent.js

@@ -1,3 +1 @@
-export {};
-
-//# sourceMappingURL=LinkComponent.js.map
+import "react";

package/Link/index.js

@@ -1,5 +1,3 @@
 export * from "./DefaultLinkComponent.js";
 export * from "./Link.js";
 export * from "./LinkComponent.js";
-
-//# sourceMappingURL=index.js.map

package/List/List.d.ts

@@ -4,7 +4,7 @@ import { type ListItemProps } from "./components/index.js";
 declare const listVariants: (props?: ({
     variant?: "container" | "underline" | null | undefined;
     background?: "base" | "transparent" | "light" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ListProps extends VariantProps<typeof listVariants>, Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     children: React.ReactNode;
 }

package/List/List.js

@@ -1,39 +1,32 @@
-import * as React from "react";
-import { makeDecoratable, withStaticProps, cva, cn } from "../utils.js";
+import { cn, cva, makeDecoratable, withStaticProps } from "../utils.js";
 import { ListItem } from "./components/index.js";
+import * as __rspack_external_react from "react";
 const listVariants = cva("group w-full", {
-  variants: {
-    variant: {
-      container: "list-variant-container",
-      underline: "list-variant-underline"
+    variants: {
+        variant: {
+            container: "list-variant-container",
+            underline: "list-variant-underline"
+        },
+        background: {
+            base: "list-background-base",
+            light: "list-background-light",
+            transparent: "list-background-transparent"
+        }
     },
-    background: {
-      base: "list-background-base",
-      light: "list-background-light",
-      transparent: "list-background-transparent"
+    defaultVariants: {
+        variant: "underline",
+        background: "base"
     }
-  },
-  defaultVariants: {
-    variant: "underline",
-    background: "base"
-  }
 });
-const DecoratableList = ({
-  children,
-  variant,
-  background,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn(listVariants({
-      variant,
-      background
-    }), className)
-  }), children);
-};
+const DecoratableList = ({ children, variant, background, className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        className: cn(listVariants({
+            variant,
+            background
+        }), className)
+    }, children);
 const List = withStaticProps(makeDecoratable("List", DecoratableList), {
-  Item: ListItem
+    Item: ListItem
 });
 export { List };
 

package/List/List.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","cva","cn","ListItem","listVariants","variants","variant","container","underline","background","base","light","transparent","defaultVariants","DecoratableList","children","className","props","createElement","Object","assign","List","Item"],"sources":["List.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps, cva, type VariantProps, cn } from \"~/utils.js\";\nimport { ListItem, type ListItemProps } from \"./components/index.js\";\n\nconst listVariants = cva(\"group w-full\", {\n    variants: {\n        variant: {\n            container: \"list-variant-container\",\n            underline: \"list-variant-underline\"\n        },\n        background: {\n            base: \"list-background-base\",\n            light: \"list-background-light\",\n            transparent: \"list-background-transparent\"\n        }\n    },\n    defaultVariants: {\n        variant: \"underline\",\n        background: \"base\"\n    }\n});\n\ninterface ListProps\n    extends VariantProps<typeof listVariants>,\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    children: React.ReactNode;\n}\n\nconst DecoratableList = ({ children, variant, background, className, ...props }: ListProps) => {\n    return (\n        <div {...props} className={cn(listVariants({ variant, background }), className)}>\n            {children}\n        </div>\n    );\n};\n\nconst List = withStaticProps(makeDecoratable(\"List\", DecoratableList), {\n    Item: ListItem\n});\n\nexport { List, type ListProps, type ListItemProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe,EAAEC,GAAG,EAAqBC,EAAE;AACrE,SAASC,QAAQ;AAEjB,MAAMC,YAAY,GAAGH,GAAG,CAAC,cAAc,EAAE;EACrCI,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,SAAS,EAAE,wBAAwB;MACnCC,SAAS,EAAE;IACf,CAAC;IACDC,UAAU,EAAE;MACRC,IAAI,EAAE,sBAAsB;MAC5BC,KAAK,EAAE,uBAAuB;MAC9BC,WAAW,EAAE;IACjB;EACJ,CAAC;EACDC,eAAe,EAAE;IACbP,OAAO,EAAE,WAAW;IACpBG,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAQF,MAAMK,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAET,OAAO;EAAEG,UAAU;EAAEO,SAAS;EAAE,GAAGC;AAAiB,CAAC,KAAK;EAC3F,oBACInB,KAAA,CAAAoB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEd,EAAE,CAACE,YAAY,CAAC;MAAEE,OAAO;MAAEG;IAAW,CAAC,CAAC,EAAEO,SAAS;EAAE,IAC3ED,QACA,CAAC;AAEd,CAAC;AAED,MAAMM,IAAI,GAAGrB,eAAe,CAACD,eAAe,CAAC,MAAM,EAAEe,eAAe,CAAC,EAAE;EACnEQ,IAAI,EAAEnB;AACV,CAAC,CAAC;AAEF,SAASkB,IAAI","ignoreList":[]}
+{"version":3,"file":"List/List.js","sources":["../../src/List/List.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps, cva, type VariantProps, cn } from \"~/utils.js\";\nimport { ListItem, type ListItemProps } from \"./components/index.js\";\n\nconst listVariants = cva(\"group w-full\", {\n    variants: {\n        variant: {\n            container: \"list-variant-container\",\n            underline: \"list-variant-underline\"\n        },\n        background: {\n            base: \"list-background-base\",\n            light: \"list-background-light\",\n            transparent: \"list-background-transparent\"\n        }\n    },\n    defaultVariants: {\n        variant: \"underline\",\n        background: \"base\"\n    }\n});\n\ninterface ListProps\n    extends\n        VariantProps<typeof listVariants>,\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    children: React.ReactNode;\n}\n\nconst DecoratableList = ({ children, variant, background, className, ...props }: ListProps) => {\n    return (\n        <div {...props} className={cn(listVariants({ variant, background }), className)}>\n            {children}\n        </div>\n    );\n};\n\nconst List = withStaticProps(makeDecoratable(\"List\", DecoratableList), {\n    Item: ListItem\n});\n\nexport { List, type ListProps, type ListItemProps };\n"],"names":["listVariants","cva","DecoratableList","children","variant","background","className","props","cn","List","withStaticProps","makeDecoratable","ListItem"],"mappings":";;;AAIA,MAAMA,eAAeC,IAAI,gBAAgB;IACrC,UAAU;QACN,SAAS;YACL,WAAW;YACX,WAAW;QACf;QACA,YAAY;YACR,MAAM;YACN,OAAO;YACP,aAAa;QACjB;IACJ;IACA,iBAAiB;QACb,SAAS;QACT,YAAY;IAChB;AACJ;AASA,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,OAAkB,GAC/E,WAAP,GACI,sCAAC;QAAK,GAAGA,KAAK;QAAE,WAAWC,GAAGR,aAAa;YAAEI;YAASC;QAAW,IAAIC;OAChEH;AAKb,MAAMM,OAAOC,gBAAgBC,gBAAgB,QAAQT,kBAAkB;IACnE,MAAMU;AACV"}