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

package/Link/Link.js

@@ -1,51 +1,56 @@
-import React from "react";
-import { cva, makeDecoratable, cn } from "../utils.js";
+import react from "react";
+import { cn, cva, makeDecoratable } from "../utils.js";
 import { useAdminUi } from "../index.js";
 const linkVariants = cva("font-sans rounded-xs", {
-  variants: {
-    size: {
-      inherit: "[font-size:inherit]",
-      sm: "text-sm",
-      md: "text-md",
-      lg: "text-lg",
-      xl: "text-xl"
+    variants: {
+        size: {
+            inherit: "[font-size:inherit]",
+            sm: "text-sm",
+            md: "text-md",
+            lg: "text-lg",
+            xl: "text-xl"
+        },
+        variant: {
+            primary: [
+                "text-accent-primary",
+                "focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed"
+            ],
+            secondary: [
+                "text-neutral-primary",
+                "focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed"
+            ],
+            "primary-negative": [
+                "text-accent-primary",
+                "focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong"
+            ],
+            "secondary-negative": [
+                "text-neutral-light",
+                "focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong"
+            ]
+        },
+        underline: {
+            true: "underline hover:no-underline",
+            false: "hover:underline"
+        }
     },
-    variant: {
-      primary: ["text-accent-primary", "focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed"],
-      secondary: ["text-neutral-primary", "focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed"],
-      "primary-negative": ["text-accent-primary", "focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong"],
-      "secondary-negative": ["text-neutral-light", "focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong"]
-    },
-    underline: {
-      true: "underline hover:no-underline",
-      false: "hover:underline"
+    defaultVariants: {
+        size: "inherit",
+        variant: "primary",
+        underline: false
     }
-  },
-  defaultVariants: {
-    size: "inherit",
-    variant: "primary",
-    underline: false
-  }
 });
-function LinkBase({
-  size,
-  variant,
-  underline,
-  className,
-  children,
-  ...rest
-}) {
-  const {
-    linkComponent: LinkComponent
-  } = useAdminUi();
-  return /*#__PURE__*/React.createElement(LinkComponent, Object.assign({}, rest, {
-    className: cn(linkVariants({
-      size,
-      variant,
-      underline
-    }), className)
-  }), children);
+function LinkBase({ size, variant, underline, className, children, ...rest }) {
+    const { linkComponent: LinkComponent } = useAdminUi();
+    return /*#__PURE__*/ react.createElement(LinkComponent, {
+        ...rest,
+        className: cn(linkVariants({
+            size,
+            variant,
+            underline
+        }), className)
+    }, children);
 }
-export const Link = makeDecoratable("Link", LinkBase);
+const Link = makeDecoratable("Link", LinkBase);
+export { Link };
 
 //# sourceMappingURL=Link.js.map

package/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cva","makeDecoratable","cn","useAdminUi","linkVariants","variants","size","inherit","sm","md","lg","xl","variant","primary","secondary","underline","true","false","defaultVariants","LinkBase","className","children","rest","linkComponent","LinkComponent","createElement","Object","assign","Link"],"sources":["Link.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps, makeDecoratable, cn } from \"~/utils.js\";\nimport { useAdminUi } from \"~/index.js\";\nimport { LinkComponentProps } from \"./LinkComponent.js\";\n\nconst linkVariants = cva(\"font-sans rounded-xs\", {\n    variants: {\n        size: {\n            inherit: \"[font-size:inherit]\",\n            sm: \"text-sm\",\n            md: \"text-md\",\n            lg: \"text-lg\",\n            xl: \"text-xl\"\n        },\n        variant: {\n            primary: [\n                \"text-accent-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed\"\n            ],\n            secondary: [\n                \"text-neutral-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed\"\n            ],\n            \"primary-negative\": [\n                \"text-accent-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong\"\n            ],\n            \"secondary-negative\": [\n                \"text-neutral-light\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong\"\n            ]\n        },\n        underline: {\n            true: \"underline hover:no-underline\",\n            false: \"hover:underline\"\n        }\n    },\n    defaultVariants: {\n        size: \"inherit\",\n        variant: \"primary\",\n        underline: false\n    }\n});\n\nexport type LinkProps = LinkComponentProps &\n    VariantProps<typeof linkVariants> & {\n        disabled?: boolean;\n    };\n\nfunction LinkBase({ size, variant, underline, className, children, ...rest }: LinkProps) {\n    const { linkComponent: LinkComponent } = useAdminUi();\n    return (\n        <LinkComponent\n            {...rest}\n            className={cn(linkVariants({ size, variant, underline }), className)}\n        >\n            {children}\n        </LinkComponent>\n    );\n}\n\nexport const Link = makeDecoratable(\"Link\", LinkBase);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAqBC,eAAe,EAAEC,EAAE;AACpD,SAASC,UAAU;AAGnB,MAAMC,YAAY,GAAGJ,GAAG,CAAC,sBAAsB,EAAE;EAC7CK,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,OAAO,EAAE,qBAAqB;MAC9BC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,OAAO,EAAE,CACL,qBAAqB,EACrB,uFAAuF,CAC1F;MACDC,SAAS,EAAE,CACP,sBAAsB,EACtB,uFAAuF,CAC1F;MACD,kBAAkB,EAAE,CAChB,qBAAqB,EACrB,uFAAuF,CAC1F;MACD,oBAAoB,EAAE,CAClB,oBAAoB,EACpB,uFAAuF;IAE/F,CAAC;IACDC,SAAS,EAAE;MACPC,IAAI,EAAE,8BAA8B;MACpCC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbZ,IAAI,EAAE,SAAS;IACfM,OAAO,EAAE,SAAS;IAClBG,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAOF,SAASI,QAAQA,CAAC;EAAEb,IAAI;EAAEM,OAAO;EAAEG,SAAS;EAAEK,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAgB,CAAC,EAAE;EACrF,MAAM;IAAEC,aAAa,EAAEC;EAAc,CAAC,GAAGrB,UAAU,CAAC,CAAC;EACrD,oBACIJ,KAAA,CAAA0B,aAAA,CAACD,aAAa,EAAAE,MAAA,CAAAC,MAAA,KACNL,IAAI;IACRF,SAAS,EAAElB,EAAE,CAACE,YAAY,CAAC;MAAEE,IAAI;MAAEM,OAAO;MAAEG;IAAU,CAAC,CAAC,EAAEK,SAAS;EAAE,IAEpEC,QACU,CAAC;AAExB;AAEA,OAAO,MAAMO,IAAI,GAAG3B,eAAe,CAAC,MAAM,EAAEkB,QAAQ,CAAC","ignoreList":[]}
+{"version":3,"file":"Link/Link.js","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps, makeDecoratable, cn } from \"~/utils.js\";\nimport { useAdminUi } from \"~/index.js\";\nimport { LinkComponentProps } from \"./LinkComponent.js\";\n\nconst linkVariants = cva(\"font-sans rounded-xs\", {\n    variants: {\n        size: {\n            inherit: \"[font-size:inherit]\",\n            sm: \"text-sm\",\n            md: \"text-md\",\n            lg: \"text-lg\",\n            xl: \"text-xl\"\n        },\n        variant: {\n            primary: [\n                \"text-accent-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed\"\n            ],\n            secondary: [\n                \"text-neutral-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-dimmed\"\n            ],\n            \"primary-negative\": [\n                \"text-accent-primary\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong\"\n            ],\n            \"secondary-negative\": [\n                \"text-neutral-light\",\n                \"focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-primary-strong\"\n            ]\n        },\n        underline: {\n            true: \"underline hover:no-underline\",\n            false: \"hover:underline\"\n        }\n    },\n    defaultVariants: {\n        size: \"inherit\",\n        variant: \"primary\",\n        underline: false\n    }\n});\n\nexport type LinkProps = LinkComponentProps &\n    VariantProps<typeof linkVariants> & {\n        disabled?: boolean;\n    };\n\nfunction LinkBase({ size, variant, underline, className, children, ...rest }: LinkProps) {\n    const { linkComponent: LinkComponent } = useAdminUi();\n    return (\n        <LinkComponent\n            {...rest}\n            className={cn(linkVariants({ size, variant, underline }), className)}\n        >\n            {children}\n        </LinkComponent>\n    );\n}\n\nexport const Link = makeDecoratable(\"Link\", LinkBase);\n"],"names":["linkVariants","cva","LinkBase","size","variant","underline","className","children","rest","LinkComponent","useAdminUi","cn","Link","makeDecoratable"],"mappings":";;;AAKA,MAAMA,eAAeC,IAAI,wBAAwB;IAC7C,UAAU;QACN,MAAM;YACF,SAAS;YACT,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,SAAS;gBACL;gBACA;aACH;YACD,WAAW;gBACP;gBACA;aACH;YACD,oBAAoB;gBAChB;gBACA;aACH;YACD,sBAAsB;gBAClB;gBACA;aACH;QACL;QACA,WAAW;YACP,MAAM;YACN,OAAO;QACX;IACJ;IACA,iBAAiB;QACb,MAAM;QACN,SAAS;QACT,WAAW;IACf;AACJ;AAOA,SAASC,SAAS,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAiB;IACnF,MAAM,EAAE,eAAeC,aAAa,EAAE,GAAGC;IACzC,OAAO,WAAP,GACI,oBAACD,eAAAA;QACI,GAAGD,IAAI;QACR,WAAWG,GAAGX,aAAa;YAAEG;YAAMC;YAASC;QAAU,IAAIC;OAEzDC;AAGb;AAEO,MAAMK,OAAOC,gBAAgB,QAAQX"}

package/Link/Link.stories.js

@@ -1,157 +1,173 @@
-import React from "react";
+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
-}) => {
-  return /*#__PURE__*/React.createElement("a", Object.assign({
-    href: to
-  }, props, {
-    onClick: e => {
-      e.preventDefault();
-    }
-  }));
-};
+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(AdminUiProvider, {
-    linkComponent: NoopLinkComponent
-  }, /*#__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","Link","Text","AdminUiProvider","NoopLinkComponent","to","props","createElement","Object","assign","href","onClick","e","preventDefault","meta","title","component","decorators","Story","linkComponent","argTypes","size","control","options","variant","Default","args","children","LinkXl","LinkLg","LinkMd","LinkSm","InheritedSize","name","render","linkProps","WithUnderline","underline","PrimaryNegative","className","SecondaryNegative","Documentation","disabled","description","defaultValue"],"sources":["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"],"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.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\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"],"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;AASF,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"}