@vector-im/compound-web 8.4.0 → 9.0.0

package/dist/components/Icon/BigIcon/BigIcon.cjs

@@ -1,27 +1,20 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const BigIcon_module = require("./BigIcon.module.css.cjs");
-const classNames = require("classnames");
-function BigIcon({
-  className,
-  size = "large",
-  destructive = false,
-  success = false,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: classNames(BigIcon_module.default.content, className, {
-        [BigIcon_module.default.destructive]: destructive,
-        [BigIcon_module.default.success]: success
-      }),
-      "data-size": size,
-      children: React.Children.only(children)
-    }
-  );
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_BigIcon_module = require("./BigIcon.module.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Icon/BigIcon/BigIcon.tsx
+function BigIcon({ className, size = "lg", kind = "primary", children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)(require_BigIcon_module.default["big-icon"], className),
+		"data-size": size,
+		"data-kind": kind,
+		children: react.default.Children.only(children)
+	});
 }
+//#endregion
 exports.BigIcon = BigIcon;
-//# sourceMappingURL=BigIcon.cjs.map
+
+//# sourceMappingURL=BigIcon.cjs.map

package/dist/components/Icon/BigIcon/BigIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BigIcon.cjs","sources":["../../../../src/components/Icon/BigIcon/BigIcon.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type JSX, type PropsWithChildren } from \"react\";\nimport styles from \"./BigIcon.module.css\";\nimport classNames from \"classnames\";\n\ninterface BigIconProps {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The size of the icon.\n   * @default \"large\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether this button triggers a destructive action.\n   * @default false\n   */\n  destructive?: boolean;\n  /**\n   * Whether this button triggers a success action.\n   * @default false\n   */\n  success?: boolean;\n}\n\nexport function BigIcon({\n  className,\n  size = \"large\",\n  destructive = false,\n  success = false,\n  children,\n}: PropsWithChildren<BigIconProps>): JSX.Element {\n  return (\n    <div\n      className={classNames(styles.content, className, {\n        [styles.destructive]: destructive,\n        [styles.success]: success,\n      })}\n      data-size={size}\n    >\n      {React.Children.only(children)}\n    </div>\n  );\n}\n"],"names":["jsx","styles"],"mappings":";;;;;;AAiCO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AACF,GAAiD;AAC/C,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAWC,uBAAO,SAAS,WAAW;AAAA,QAC/C,CAACA,eAAAA,QAAO,WAAW,GAAG;AAAA,QACtB,CAACA,eAAAA,QAAO,OAAO,GAAG;AAAA,MAAA,CACnB;AAAA,MACD,aAAW;AAAA,MAEV,UAAA,MAAM,SAAS,KAAK,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGnC;;"}
+{"version":3,"file":"BigIcon.cjs","names":[],"sources":["../../../../src/components/Icon/BigIcon/BigIcon.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type JSX, type PropsWithChildren } from \"react\";\nimport styles from \"./BigIcon.module.css\";\nimport classNames from \"classnames\";\nimport type { Size } from \"../../../utils/size\";\n\ninterface BigIconProps {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The t-shirt size of the icon.\n   * @default \"lg\"\n   */\n  size?: Size & (\"sm\" | \"md\" | \"lg\");\n  /**\n   * The color variant of the icon.\n   * @default \"primary\"\n   */\n  kind?: \"primary\" | \"critical\" | \"success\";\n}\n\nexport function BigIcon({\n  className,\n  size = \"lg\",\n  kind = \"primary\",\n  children,\n}: PropsWithChildren<BigIconProps>): JSX.Element {\n  return (\n    <div\n      className={classNames(styles[\"big-icon\"], className)}\n      data-size={size}\n      data-kind={kind}\n    >\n      {React.Children.only(children)}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AA6BA,SAAgB,QAAQ,EACtB,WACA,OAAO,MACP,OAAO,WACP,YAC+C;AAC/C,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,YAAA,GAAA,WAAA,SAAsB,uBAAA,QAAO,aAAa,UAAU;EACpD,aAAW;EACX,aAAW;YAEV,MAAA,QAAM,SAAS,KAAK,SAAS;EAC1B,CAAA"}

package/dist/components/Icon/BigIcon/BigIcon.js

@@ -1,27 +1,17 @@
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import styles from "./BigIcon.module.css.js";
+import BigIcon_module_default from "./BigIcon.module.js";
 import classNames from "classnames";
-function BigIcon({
-  className,
-  size = "large",
-  destructive = false,
-  success = false,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: classNames(styles.content, className, {
-        [styles.destructive]: destructive,
-        [styles.success]: success
-      }),
-      "data-size": size,
-      children: React.Children.only(children)
-    }
-  );
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Icon/BigIcon/BigIcon.tsx
+function BigIcon({ className, size = "lg", kind = "primary", children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames(BigIcon_module_default["big-icon"], className),
+		"data-size": size,
+		"data-kind": kind,
+		children: React.Children.only(children)
+	});
 }
-export {
-  BigIcon
-};
-//# sourceMappingURL=BigIcon.js.map
+//#endregion
+export { BigIcon };
+
+//# sourceMappingURL=BigIcon.js.map

package/dist/components/Icon/BigIcon/BigIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BigIcon.js","sources":["../../../../src/components/Icon/BigIcon/BigIcon.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type JSX, type PropsWithChildren } from \"react\";\nimport styles from \"./BigIcon.module.css\";\nimport classNames from \"classnames\";\n\ninterface BigIconProps {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The size of the icon.\n   * @default \"large\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether this button triggers a destructive action.\n   * @default false\n   */\n  destructive?: boolean;\n  /**\n   * Whether this button triggers a success action.\n   * @default false\n   */\n  success?: boolean;\n}\n\nexport function BigIcon({\n  className,\n  size = \"large\",\n  destructive = false,\n  success = false,\n  children,\n}: PropsWithChildren<BigIconProps>): JSX.Element {\n  return (\n    <div\n      className={classNames(styles.content, className, {\n        [styles.destructive]: destructive,\n        [styles.success]: success,\n      })}\n      data-size={size}\n    >\n      {React.Children.only(children)}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAiCO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AACF,GAAiD;AAC/C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,OAAO,SAAS,WAAW;AAAA,QAC/C,CAAC,OAAO,WAAW,GAAG;AAAA,QACtB,CAAC,OAAO,OAAO,GAAG;AAAA,MAAA,CACnB;AAAA,MACD,aAAW;AAAA,MAEV,UAAA,MAAM,SAAS,KAAK,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"BigIcon.js","names":[],"sources":["../../../../src/components/Icon/BigIcon/BigIcon.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type JSX, type PropsWithChildren } from \"react\";\nimport styles from \"./BigIcon.module.css\";\nimport classNames from \"classnames\";\nimport type { Size } from \"../../../utils/size\";\n\ninterface BigIconProps {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The t-shirt size of the icon.\n   * @default \"lg\"\n   */\n  size?: Size & (\"sm\" | \"md\" | \"lg\");\n  /**\n   * The color variant of the icon.\n   * @default \"primary\"\n   */\n  kind?: \"primary\" | \"critical\" | \"success\";\n}\n\nexport function BigIcon({\n  className,\n  size = \"lg\",\n  kind = \"primary\",\n  children,\n}: PropsWithChildren<BigIconProps>): JSX.Element {\n  return (\n    <div\n      className={classNames(styles[\"big-icon\"], className)}\n      data-size={size}\n      data-kind={kind}\n    >\n      {React.Children.only(children)}\n    </div>\n  );\n}\n"],"mappings":";;;;;AA6BA,SAAgB,QAAQ,EACtB,WACA,OAAO,MACP,OAAO,WACP,YAC+C;AAC/C,QACE,oBAAC,OAAD;EACE,WAAW,WAAW,uBAAO,aAAa,UAAU;EACpD,aAAW;EACX,aAAW;YAEV,MAAM,SAAS,KAAK,SAAS;EAC1B,CAAA"}

package/dist/components/Icon/BigIcon/BigIcon.module.cjs

@@ -0,0 +1,6 @@
+//#region src/components/Icon/BigIcon/BigIcon.module.css
+var BigIcon_module_default = { "big-icon": "_big-icon_1ssbv_8" };
+//#endregion
+exports.default = BigIcon_module_default;
+
+//# sourceMappingURL=BigIcon.module.cjs.map

package/dist/components/Icon/BigIcon/BigIcon.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigIcon.module.cjs","names":[],"sources":["../../../../src/components/Icon/BigIcon/BigIcon.module.css"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.big-icon {\n  display: inline-flex;\n  padding: var(--cpd-space-4x);\n  border-radius: var(--cpd-space-2x);\n\n  > svg {\n    inline-size: 32px;\n    block-size: 32px;\n  }\n}\n\n.big-icon[data-size=\"md\"] {\n  padding: var(--cpd-space-3x);\n}\n\n.big-icon[data-size=\"sm\"] {\n  padding: var(--cpd-space-3x);\n\n  > svg {\n    inline-size: 24px;\n    block-size: 24px;\n  }\n}\n\n.big-icon[data-kind=\"primary\"] {\n  background-color: var(--cpd-color-bg-subtle-secondary);\n  color: var(--cpd-color-icon-primary);\n}\n\n.big-icon[data-kind=\"critical\"] {\n  background-color: var(--cpd-color-bg-critical-subtle);\n  color: var(--cpd-color-icon-critical-primary);\n}\n\n.big-icon[data-kind=\"success\"] {\n  background-color: var(--cpd-color-bg-success-subtle);\n  color: var(--cpd-color-icon-success-primary);\n}\n\n@media (forced-colors: active) {\n  .big-icon {\n    outline: 1px solid transparent;\n  }\n}\n"],"mappings":""}

package/dist/components/Icon/BigIcon/BigIcon.module.js

@@ -0,0 +1,6 @@
+//#region src/components/Icon/BigIcon/BigIcon.module.css
+var BigIcon_module_default = { "big-icon": "_big-icon_1ssbv_8" };
+//#endregion
+export { BigIcon_module_default as default };
+
+//# sourceMappingURL=BigIcon.module.js.map

package/dist/components/Icon/BigIcon/BigIcon.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigIcon.module.js","names":[],"sources":["../../../../src/components/Icon/BigIcon/BigIcon.module.css"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.big-icon {\n  display: inline-flex;\n  padding: var(--cpd-space-4x);\n  border-radius: var(--cpd-space-2x);\n\n  > svg {\n    inline-size: 32px;\n    block-size: 32px;\n  }\n}\n\n.big-icon[data-size=\"md\"] {\n  padding: var(--cpd-space-3x);\n}\n\n.big-icon[data-size=\"sm\"] {\n  padding: var(--cpd-space-3x);\n\n  > svg {\n    inline-size: 24px;\n    block-size: 24px;\n  }\n}\n\n.big-icon[data-kind=\"primary\"] {\n  background-color: var(--cpd-color-bg-subtle-secondary);\n  color: var(--cpd-color-icon-primary);\n}\n\n.big-icon[data-kind=\"critical\"] {\n  background-color: var(--cpd-color-bg-critical-subtle);\n  color: var(--cpd-color-icon-critical-primary);\n}\n\n.big-icon[data-kind=\"success\"] {\n  background-color: var(--cpd-color-bg-success-subtle);\n  color: var(--cpd-color-icon-success-primary);\n}\n\n@media (forced-colors: active) {\n  .big-icon {\n    outline: 1px solid transparent;\n  }\n}\n"],"mappings":""}

package/dist/components/Icon/IndicatorIcon/IndicatorIcon.cjs

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const classNames = require("classnames");
-const IndicatorIcon_module = require("./IndicatorIcon.module.css.cjs");
-const IndicatorIcon = React.forwardRef(function IconButton({ children, className, size = "100%", colour, indicator }, ref) {
-  const classes = classNames(IndicatorIcon_module.default["indicator-icon"], className);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: classes,
-      "data-indicator": indicator,
-      style: {
-        "--cpd-icon-button-size": size,
-        "--cpd-color-icon-tertiary": colour
-      },
-      children: React.Children.only(children)
-    }
-  );
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_IndicatorIcon_module = require("./IndicatorIcon.module.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Icon/IndicatorIcon/IndicatorIcon.tsx
+var IndicatorIcon = (0, react.forwardRef)(function IconButton({ children, className, size = "100%", colour, indicator }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: (0, classnames.default)(require_IndicatorIcon_module.default["indicator-icon"], className),
+		"data-indicator": indicator,
+		style: {
+			"--cpd-icon-button-size": size,
+			"--cpd-color-icon-tertiary": colour
+		},
+		children: react.default.Children.only(children)
+	});
 });
+//#endregion
 exports.IndicatorIcon = IndicatorIcon;
-//# sourceMappingURL=IndicatorIcon.cjs.map
+
+//# sourceMappingURL=IndicatorIcon.cjs.map

package/dist/components/Icon/IndicatorIcon/IndicatorIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IndicatorIcon.cjs","sources":["../../../../src/components/Icon/IndicatorIcon/IndicatorIcon.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type PropsWithChildren, forwardRef } from \"react\";\nimport classnames from \"classnames\";\n\nimport styles from \"./IndicatorIcon.module.css\";\n\ntype IconButtonProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The icon size in CSS units, e.g. `\"24px\"`.\n   * @default 100%\n   */\n  size?: CSSStyleDeclaration[\"height\"];\n  /**\n   * The icon colour.\n   */\n  colour?: string;\n  /**\n   * The indicator dot displayed on the top right\n   * Names based on the colours used for the dot, or undefined for no dot.\n   */\n  indicator?: \"default\" | \"success\" | \"critical\";\n};\n\nexport const IndicatorIcon = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<IconButtonProps>\n>(function IconButton(\n  { children, className, size = \"100%\", colour, indicator },\n  ref,\n) {\n  const classes = classnames(styles[\"indicator-icon\"], className);\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      data-indicator={indicator}\n      style={\n        {\n          \"--cpd-icon-button-size\": size,\n          \"--cpd-color-icon-tertiary\": colour,\n        } as React.CSSProperties\n      }\n    >\n      {React.Children.only(children)}\n    </div>\n  );\n});\n"],"names":["forwardRef","classnames","styles","jsx"],"mappings":";;;;;;AAiCO,MAAM,gBAAgBA,MAAAA,WAG3B,SAAS,WACT,EAAE,UAAU,WAAW,OAAO,QAAQ,QAAQ,UAAA,GAC9C,KACA;AACA,QAAM,UAAUC,WAAWC,qBAAAA,QAAO,gBAAgB,GAAG,SAAS;AAC9D,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,OACE;AAAA,QACE,0BAA0B;AAAA,QAC1B,6BAA6B;AAAA,MAAA;AAAA,MAIhC,UAAA,MAAM,SAAS,KAAK,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGnC,CAAC;;"}
+{"version":3,"file":"IndicatorIcon.cjs","names":[],"sources":["../../../../src/components/Icon/IndicatorIcon/IndicatorIcon.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type PropsWithChildren, forwardRef } from \"react\";\nimport classnames from \"classnames\";\n\nimport styles from \"./IndicatorIcon.module.css\";\n\ntype IconButtonProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The icon size in CSS units, e.g. `\"24px\"`.\n   * @default 100%\n   */\n  size?: CSSStyleDeclaration[\"height\"];\n  /**\n   * The icon colour.\n   */\n  colour?: string;\n  /**\n   * The indicator dot displayed on the top right\n   * Names based on the colours used for the dot, or undefined for no dot.\n   */\n  indicator?: \"default\" | \"success\" | \"critical\";\n};\n\nexport const IndicatorIcon = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<IconButtonProps>\n>(function IconButton(\n  { children, className, size = \"100%\", colour, indicator },\n  ref,\n) {\n  const classes = classnames(styles[\"indicator-icon\"], className);\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      data-indicator={indicator}\n      style={\n        {\n          \"--cpd-icon-button-size\": size,\n          \"--cpd-color-icon-tertiary\": colour,\n        } as React.CSSProperties\n      }\n    >\n      {React.Children.only(children)}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;AAiCA,IAAa,iBAAA,GAAA,MAAA,YAGX,SAAS,WACT,EAAE,UAAU,WAAW,OAAO,QAAQ,QAAQ,aAC9C,KACA;AAEA,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACO;EACL,YAAA,GAAA,WAAA,SAJuB,6BAAA,QAAO,mBAAmB,UAAU;EAK3D,kBAAgB;EAChB,OACE;GACE,0BAA0B;GAC1B,6BAA6B;GAC9B;YAGF,MAAA,QAAM,SAAS,KAAK,SAAS;EAC1B,CAAA;EAER"}

package/dist/components/Icon/IndicatorIcon/IndicatorIcon.js

@@ -1,24 +1,21 @@
-import { jsx } from "react/jsx-runtime";
-import React, { forwardRef } from "react";
+import IndicatorIcon_module_default from "./IndicatorIcon.module.js";
 import classNames from "classnames";
-import styles from "./IndicatorIcon.module.css.js";
-const IndicatorIcon = forwardRef(function IconButton({ children, className, size = "100%", colour, indicator }, ref) {
-  const classes = classNames(styles["indicator-icon"], className);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: classes,
-      "data-indicator": indicator,
-      style: {
-        "--cpd-icon-button-size": size,
-        "--cpd-color-icon-tertiary": colour
-      },
-      children: React.Children.only(children)
-    }
-  );
+import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Icon/IndicatorIcon/IndicatorIcon.tsx
+var IndicatorIcon = forwardRef(function IconButton({ children, className, size = "100%", colour, indicator }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: classNames(IndicatorIcon_module_default["indicator-icon"], className),
+		"data-indicator": indicator,
+		style: {
+			"--cpd-icon-button-size": size,
+			"--cpd-color-icon-tertiary": colour
+		},
+		children: React.Children.only(children)
+	});
 });
-export {
-  IndicatorIcon
-};
-//# sourceMappingURL=IndicatorIcon.js.map
+//#endregion
+export { IndicatorIcon };
+
+//# sourceMappingURL=IndicatorIcon.js.map

package/dist/components/Icon/IndicatorIcon/IndicatorIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"IndicatorIcon.js","sources":["../../../../src/components/Icon/IndicatorIcon/IndicatorIcon.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type PropsWithChildren, forwardRef } from \"react\";\nimport classnames from \"classnames\";\n\nimport styles from \"./IndicatorIcon.module.css\";\n\ntype IconButtonProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The icon size in CSS units, e.g. `\"24px\"`.\n   * @default 100%\n   */\n  size?: CSSStyleDeclaration[\"height\"];\n  /**\n   * The icon colour.\n   */\n  colour?: string;\n  /**\n   * The indicator dot displayed on the top right\n   * Names based on the colours used for the dot, or undefined for no dot.\n   */\n  indicator?: \"default\" | \"success\" | \"critical\";\n};\n\nexport const IndicatorIcon = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<IconButtonProps>\n>(function IconButton(\n  { children, className, size = \"100%\", colour, indicator },\n  ref,\n) {\n  const classes = classnames(styles[\"indicator-icon\"], className);\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      data-indicator={indicator}\n      style={\n        {\n          \"--cpd-icon-button-size\": size,\n          \"--cpd-color-icon-tertiary\": colour,\n        } as React.CSSProperties\n      }\n    >\n      {React.Children.only(children)}\n    </div>\n  );\n});\n"],"names":["classnames"],"mappings":";;;;AAiCO,MAAM,gBAAgB,WAG3B,SAAS,WACT,EAAE,UAAU,WAAW,OAAO,QAAQ,QAAQ,UAAA,GAC9C,KACA;AACA,QAAM,UAAUA,WAAW,OAAO,gBAAgB,GAAG,SAAS;AAC9D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,OACE;AAAA,QACE,0BAA0B;AAAA,QAC1B,6BAA6B;AAAA,MAAA;AAAA,MAIhC,UAAA,MAAM,SAAS,KAAK,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGnC,CAAC;"}
+{"version":3,"file":"IndicatorIcon.js","names":[],"sources":["../../../../src/components/Icon/IndicatorIcon/IndicatorIcon.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type PropsWithChildren, forwardRef } from \"react\";\nimport classnames from \"classnames\";\n\nimport styles from \"./IndicatorIcon.module.css\";\n\ntype IconButtonProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The icon size in CSS units, e.g. `\"24px\"`.\n   * @default 100%\n   */\n  size?: CSSStyleDeclaration[\"height\"];\n  /**\n   * The icon colour.\n   */\n  colour?: string;\n  /**\n   * The indicator dot displayed on the top right\n   * Names based on the colours used for the dot, or undefined for no dot.\n   */\n  indicator?: \"default\" | \"success\" | \"critical\";\n};\n\nexport const IndicatorIcon = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<IconButtonProps>\n>(function IconButton(\n  { children, className, size = \"100%\", colour, indicator },\n  ref,\n) {\n  const classes = classnames(styles[\"indicator-icon\"], className);\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      data-indicator={indicator}\n      style={\n        {\n          \"--cpd-icon-button-size\": size,\n          \"--cpd-color-icon-tertiary\": colour,\n        } as React.CSSProperties\n      }\n    >\n      {React.Children.only(children)}\n    </div>\n  );\n});\n"],"mappings":";;;;;AAiCA,IAAa,gBAAgB,WAG3B,SAAS,WACT,EAAE,UAAU,WAAW,OAAO,QAAQ,QAAQ,aAC9C,KACA;AAEA,QACE,oBAAC,OAAD;EACO;EACL,WAJY,WAAW,6BAAO,mBAAmB,UAAU;EAK3D,kBAAgB;EAChB,OACE;GACE,0BAA0B;GAC1B,6BAA6B;GAC9B;YAGF,MAAM,SAAS,KAAK,SAAS;EAC1B,CAAA;EAER"}

package/dist/components/Icon/IndicatorIcon/IndicatorIcon.module.cjs

@@ -0,0 +1,6 @@
+//#region src/components/Icon/IndicatorIcon/IndicatorIcon.module.css
+var IndicatorIcon_module_default = { "indicator-icon": "_indicator-icon_147l5_17" };
+//#endregion
+exports.default = IndicatorIcon_module_default;
+
+//# sourceMappingURL=IndicatorIcon.module.cjs.map

package/dist/components/Icon/IndicatorIcon/IndicatorIcon.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorIcon.module.cjs","names":[],"sources":["../../../../src/components/Icon/IndicatorIcon/IndicatorIcon.module.css"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n/*\n * Note this is very closely coupled to the indicator mask SVG as this masks out\n * the icon behind to draw the 'stroke' around the indicator dot.\n *\n * The SVG is a 24x24px black square with a circle of radius 6 positioned\n * 4px above and to the right of the canvas. This is the size of the indicator\n * dot plus the stroke (dimensions calculated from the figma).\n */\n\n.indicator-icon {\n  /* This is called 'button size' but the docs say 'icon size' */\n  inline-size: var(--cpd-icon-button-size);\n  block-size: var(--cpd-icon-button-size);\n  aspect-ratio: 1 / 1;\n  color: var(--cpd-color-icon-tertiary);\n  position: relative;\n}\n\n.indicator-icon svg {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.indicator-icon[data-indicator] svg {\n  mask-image: url(\"./indicator-mask.svg\");\n  mask-position: center center;\n  mask-repeat: no-repeat;\n  mask-size: 100%;\n}\n\n.indicator-icon[data-indicator]::before {\n  content: \"\";\n  position: absolute;\n\n  /* The dot is 1/12th above & to the right of the canvas */\n  inset-block-start: -8.3333%;\n  inset-inline-end: -8.3333%;\n\n  /* and is 1/3rd the size of the canvas */\n  inline-size: 33.3333%;\n  block-size: 33.333%;\n  border-radius: 50%;\n  box-sizing: border-box;\n\n  --background-color: var(--cpd-color-icon-primary);\n\n  background-color: var(--background-color);\n}\n\n.indicator-icon[data-indicator=\"success\"]::before {\n  --background-color: var(--cpd-color-icon-success-primary);\n}\n\n.indicator-icon[data-indicator=\"critical\"]::before {\n  --background-color: var(--cpd-color-icon-critical-primary);\n}\n\n@media (forced-colors: active) {\n  .indicator-icon[data-indicator]::before {\n    border: 1px solid var(--background-color);\n  }\n}\n"],"mappings":""}

package/dist/components/Icon/IndicatorIcon/IndicatorIcon.module.js

@@ -0,0 +1,6 @@
+//#region src/components/Icon/IndicatorIcon/IndicatorIcon.module.css
+var IndicatorIcon_module_default = { "indicator-icon": "_indicator-icon_147l5_17" };
+//#endregion
+export { IndicatorIcon_module_default as default };
+
+//# sourceMappingURL=IndicatorIcon.module.js.map

package/dist/components/Icon/IndicatorIcon/IndicatorIcon.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorIcon.module.js","names":[],"sources":["../../../../src/components/Icon/IndicatorIcon/IndicatorIcon.module.css"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n/*\n * Note this is very closely coupled to the indicator mask SVG as this masks out\n * the icon behind to draw the 'stroke' around the indicator dot.\n *\n * The SVG is a 24x24px black square with a circle of radius 6 positioned\n * 4px above and to the right of the canvas. This is the size of the indicator\n * dot plus the stroke (dimensions calculated from the figma).\n */\n\n.indicator-icon {\n  /* This is called 'button size' but the docs say 'icon size' */\n  inline-size: var(--cpd-icon-button-size);\n  block-size: var(--cpd-icon-button-size);\n  aspect-ratio: 1 / 1;\n  color: var(--cpd-color-icon-tertiary);\n  position: relative;\n}\n\n.indicator-icon svg {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.indicator-icon[data-indicator] svg {\n  mask-image: url(\"./indicator-mask.svg\");\n  mask-position: center center;\n  mask-repeat: no-repeat;\n  mask-size: 100%;\n}\n\n.indicator-icon[data-indicator]::before {\n  content: \"\";\n  position: absolute;\n\n  /* The dot is 1/12th above & to the right of the canvas */\n  inset-block-start: -8.3333%;\n  inset-inline-end: -8.3333%;\n\n  /* and is 1/3rd the size of the canvas */\n  inline-size: 33.3333%;\n  block-size: 33.333%;\n  border-radius: 50%;\n  box-sizing: border-box;\n\n  --background-color: var(--cpd-color-icon-primary);\n\n  background-color: var(--background-color);\n}\n\n.indicator-icon[data-indicator=\"success\"]::before {\n  --background-color: var(--cpd-color-icon-success-primary);\n}\n\n.indicator-icon[data-indicator=\"critical\"]::before {\n  --background-color: var(--cpd-color-icon-critical-primary);\n}\n\n@media (forced-colors: active) {\n  .indicator-icon[data-indicator]::before {\n    border: 1px solid var(--background-color);\n  }\n}\n"],"mappings":""}

package/dist/components/InlineSpinner/InlineSpinner.cjs

@@ -1,22 +1,25 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const classNames = require("classnames");
-const InlineSpinner_module = require("./InlineSpinner.module.css.cjs");
-const SpinnerIcon = require("@vector-im/compound-design-tokens/assets/web/icons/spinner");
-const InlineSpinner = React.forwardRef(
-  function InlineSpinner2({ size = 20, className, ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SpinnerIcon,
-      {
-        ref,
-        className: classNames(InlineSpinner_module.default.icon, className),
-        style: { width: size, height: size },
-        ...props
-      }
-    );
-  }
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_InlineSpinner_module = require("./InlineSpinner.module.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _vector_im_compound_design_tokens_assets_web_icons_spinner = require("@vector-im/compound-design-tokens/assets/web/icons/spinner");
+_vector_im_compound_design_tokens_assets_web_icons_spinner = require_runtime.__toESM(_vector_im_compound_design_tokens_assets_web_icons_spinner);
+//#region src/components/InlineSpinner/InlineSpinner.tsx
+var InlineSpinner = (0, react.forwardRef)(function InlineSpinner({ size = 20, className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_vector_im_compound_design_tokens_assets_web_icons_spinner.default, {
+		ref,
+		className: (0, classnames.default)(require_InlineSpinner_module.default.icon, className),
+		style: {
+			width: size,
+			height: size
+		},
+		...props
+	});
+});
+//#endregion
 exports.InlineSpinner = InlineSpinner;
-//# sourceMappingURL=InlineSpinner.cjs.map
+
+//# sourceMappingURL=InlineSpinner.cjs.map

package/dist/components/InlineSpinner/InlineSpinner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineSpinner.cjs","sources":["../../../src/components/InlineSpinner/InlineSpinner.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type SVGAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./InlineSpinner.module.css\";\nimport SpinnerIcon from \"@vector-im/compound-design-tokens/assets/web/icons/spinner\";\n\ntype InlineSpinnerProps = {\n  size?: number;\n} & SVGAttributes<SVGElement>;\n\nexport const InlineSpinner = forwardRef<SVGSVGElement, InlineSpinnerProps>(\n  function InlineSpinner({ size = 20, className, ...props }, ref) {\n    return (\n      <SpinnerIcon\n        ref={ref}\n        className={classNames(styles.icon, className)}\n        style={{ width: size, height: size }}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["forwardRef","InlineSpinner","jsx","styles"],"mappings":";;;;;;;AAgBO,MAAM,gBAAgBA,MAAAA;AAAAA,EAC3B,SAASC,eAAc,EAAE,OAAO,IAAI,WAAW,GAAG,MAAA,GAAS,KAAK;AAC9D,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,WAAWC,6BAAO,MAAM,SAAS;AAAA,QAC5C,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,QAC7B,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;;"}
+{"version":3,"file":"InlineSpinner.cjs","names":[],"sources":["../../../src/components/InlineSpinner/InlineSpinner.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type SVGAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./InlineSpinner.module.css\";\nimport SpinnerIcon from \"@vector-im/compound-design-tokens/assets/web/icons/spinner\";\n\ntype InlineSpinnerProps = {\n  size?: number;\n} & SVGAttributes<SVGElement>;\n\nexport const InlineSpinner = forwardRef<SVGSVGElement, InlineSpinnerProps>(\n  function InlineSpinner({ size = 20, className, ...props }, ref) {\n    return (\n      <SpinnerIcon\n        ref={ref}\n        className={classNames(styles.icon, className)}\n        style={{ width: size, height: size }}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,iBAAA,GAAA,MAAA,YACX,SAAS,cAAc,EAAE,OAAO,IAAI,WAAW,GAAG,SAAS,KAAK;AAC9D,QACE,iBAAA,GAAA,kBAAA,KAAC,2DAAA,SAAD;EACO;EACL,YAAA,GAAA,WAAA,SAAsB,6BAAA,QAAO,MAAM,UAAU;EAC7C,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM;EACpC,GAAI;EACJ,CAAA;EAGP"}

package/dist/components/InlineSpinner/InlineSpinner.js

@@ -1,22 +1,21 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import InlineSpinner_module_default from "./InlineSpinner.module.js";
 import classNames from "classnames";
-import styles from "./InlineSpinner.module.css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 import SpinnerIcon from "@vector-im/compound-design-tokens/assets/web/icons/spinner";
-const InlineSpinner = forwardRef(
-  function InlineSpinner2({ size = 20, className, ...props }, ref) {
-    return /* @__PURE__ */ jsx(
-      SpinnerIcon,
-      {
-        ref,
-        className: classNames(styles.icon, className),
-        style: { width: size, height: size },
-        ...props
-      }
-    );
-  }
-);
-export {
-  InlineSpinner
-};
-//# sourceMappingURL=InlineSpinner.js.map
+//#region src/components/InlineSpinner/InlineSpinner.tsx
+var InlineSpinner = forwardRef(function InlineSpinner({ size = 20, className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(SpinnerIcon, {
+		ref,
+		className: classNames(InlineSpinner_module_default.icon, className),
+		style: {
+			width: size,
+			height: size
+		},
+		...props
+	});
+});
+//#endregion
+export { InlineSpinner };
+
+//# sourceMappingURL=InlineSpinner.js.map

package/dist/components/InlineSpinner/InlineSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineSpinner.js","sources":["../../../src/components/InlineSpinner/InlineSpinner.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type SVGAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./InlineSpinner.module.css\";\nimport SpinnerIcon from \"@vector-im/compound-design-tokens/assets/web/icons/spinner\";\n\ntype InlineSpinnerProps = {\n  size?: number;\n} & SVGAttributes<SVGElement>;\n\nexport const InlineSpinner = forwardRef<SVGSVGElement, InlineSpinnerProps>(\n  function InlineSpinner({ size = 20, className, ...props }, ref) {\n    return (\n      <SpinnerIcon\n        ref={ref}\n        className={classNames(styles.icon, className)}\n        style={{ width: size, height: size }}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["InlineSpinner"],"mappings":";;;;;AAgBO,MAAM,gBAAgB;AAAA,EAC3B,SAASA,eAAc,EAAE,OAAO,IAAI,WAAW,GAAG,MAAA,GAAS,KAAK;AAC9D,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,WAAW,OAAO,MAAM,SAAS;AAAA,QAC5C,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,QAC7B,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
+{"version":3,"file":"InlineSpinner.js","names":[],"sources":["../../../src/components/InlineSpinner/InlineSpinner.tsx"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { type SVGAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./InlineSpinner.module.css\";\nimport SpinnerIcon from \"@vector-im/compound-design-tokens/assets/web/icons/spinner\";\n\ntype InlineSpinnerProps = {\n  size?: number;\n} & SVGAttributes<SVGElement>;\n\nexport const InlineSpinner = forwardRef<SVGSVGElement, InlineSpinnerProps>(\n  function InlineSpinner({ size = 20, className, ...props }, ref) {\n    return (\n      <SpinnerIcon\n        ref={ref}\n        className={classNames(styles.icon, className)}\n        style={{ width: size, height: size }}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;AAgBA,IAAa,gBAAgB,WAC3B,SAAS,cAAc,EAAE,OAAO,IAAI,WAAW,GAAG,SAAS,KAAK;AAC9D,QACE,oBAAC,aAAD;EACO;EACL,WAAW,WAAW,6BAAO,MAAM,UAAU;EAC7C,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM;EACpC,GAAI;EACJ,CAAA;EAGP"}

package/dist/components/InlineSpinner/InlineSpinner.module.cjs

@@ -0,0 +1,8 @@
+var InlineSpinner_module_default = {
+	icon: "_icon_11k6c_18",
+	spin: "_spin_11k6c_1"
+};
+//#endregion
+exports.default = InlineSpinner_module_default;
+
+//# sourceMappingURL=InlineSpinner.module.cjs.map

package/dist/components/InlineSpinner/InlineSpinner.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineSpinner.module.cjs","names":[],"sources":["../../../src/components/InlineSpinner/InlineSpinner.module.css"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n@keyframes spin {\n  from {\n    transform: rotateZ(0deg);\n  }\n\n  to {\n    transform: rotateZ(360deg);\n  }\n}\n\n.icon {\n  color: var(--cpd-color-icon-secondary);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  inline-size: 100%;\n  block-size: 100%;\n  animation: 1s linear spin infinite;\n}\n"],"mappings":""}

package/dist/components/InlineSpinner/InlineSpinner.module.js

@@ -0,0 +1,8 @@
+var InlineSpinner_module_default = {
+	icon: "_icon_11k6c_18",
+	spin: "_spin_11k6c_1"
+};
+//#endregion
+export { InlineSpinner_module_default as default };
+
+//# sourceMappingURL=InlineSpinner.module.js.map

package/dist/components/InlineSpinner/InlineSpinner.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineSpinner.module.js","names":[],"sources":["../../../src/components/InlineSpinner/InlineSpinner.module.css"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n@keyframes spin {\n  from {\n    transform: rotateZ(0deg);\n  }\n\n  to {\n    transform: rotateZ(360deg);\n  }\n}\n\n.icon {\n  color: var(--cpd-color-icon-secondary);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  inline-size: 100%;\n  block-size: 100%;\n  animation: 1s linear spin infinite;\n}\n"],"mappings":""}

package/dist/components/Link/Link.cjs

@@ -1,24 +1,26 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const Link_module = require("./Link.module.css.cjs");
-const classNames = require("classnames");
-const Link = React.forwardRef(
-  function Link2({ children, className, kind = "primary", size = "medium", ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "a",
-      {
-        ref,
-        ...props,
-        rel: "noreferrer noopener",
-        className: classNames(Link_module.default.link, className),
-        "data-kind": kind,
-        "data-size": size,
-        children
-      }
-    );
-  }
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Link_module = require("./Link.module.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Link/Link.tsx
+/**
+* A link component.
+*/
+var Link = (0, react.forwardRef)(function Link({ children, className, kind = "primary", size = "md", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		ref,
+		...props,
+		rel: "noreferrer noopener",
+		className: (0, classnames.default)(require_Link_module.default.link, className),
+		"data-kind": kind,
+		"data-size": size,
+		children
+	});
+});
+//#endregion
 exports.Link = Link;
-//# sourceMappingURL=Link.cjs.map
+
+//# sourceMappingURL=Link.cjs.map

package/dist/components/Link/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\nCopyright 2023 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { forwardRef, type PropsWithChildren } from \"react\";\nimport styles from \"./Link.module.css\";\nimport classNames from \"classnames\";\n\ntype LinkProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The type of link.\n   * @default \"primary\"\n   */\n  kind?: \"primary\" | \"critical\";\n  /**\n   * The size of link.\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\";\n} & Omit<React.HTMLProps<HTMLAnchorElement>, \"rel\" | \"size\">;\n\n/**\n * A link component.\n */\nexport const Link = forwardRef<HTMLAnchorElement, PropsWithChildren<LinkProps>>(\n  function Link(\n    { children, className, kind = \"primary\", size = \"medium\", ...props },\n    ref,\n  ) {\n    return (\n      <a\n        ref={ref}\n        {...props}\n        rel=\"noreferrer noopener\"\n        className={classNames(styles.link, className)}\n        data-kind={kind}\n        data-size={size}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n"],"names":["forwardRef","Link","jsx","styles"],"mappings":";;;;;;AA+BO,MAAM,OAAOA,MAAAA;AAAAA,EAClB,SAASC,MACP,EAAE,UAAU,WAAW,OAAO,WAAW,OAAO,UAAU,GAAG,MAAA,GAC7D,KACA;AACA,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ,KAAI;AAAA,QACJ,WAAW,WAAWC,oBAAO,MAAM,SAAS;AAAA,QAC5C,aAAW;AAAA,QACX,aAAW;AAAA,QAEV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;;"}
+{"version":3,"file":"Link.cjs","names":[],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\nCopyright 2023 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { forwardRef, type PropsWithChildren } from \"react\";\nimport styles from \"./Link.module.css\";\nimport classNames from \"classnames\";\nimport type { Size } from \"../../utils/size\";\n\ntype LinkProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The color variant of the link.\n   * @default \"primary\"\n   */\n  kind?: \"primary\" | \"critical\";\n  /**\n   * The t-shirt size of the link.\n   * @default \"md\"\n   */\n  size?: Size & (\"sm\" | \"md\");\n} & Omit<React.HTMLProps<HTMLAnchorElement>, \"rel\" | \"size\">;\n\n/**\n * A link component.\n */\nexport const Link = forwardRef<HTMLAnchorElement, PropsWithChildren<LinkProps>>(\n  function Link(\n    { children, className, kind = \"primary\", size = \"md\", ...props },\n    ref,\n  ) {\n    return (\n      <a\n        ref={ref}\n        {...props}\n        rel=\"noreferrer noopener\"\n        className={classNames(styles.link, className)}\n        data-kind={kind}\n        data-size={size}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;AAgCA,IAAa,QAAA,GAAA,MAAA,YACX,SAAS,KACP,EAAE,UAAU,WAAW,OAAO,WAAW,OAAO,MAAM,GAAG,SACzD,KACA;AACA,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACO;EACL,GAAI;EACJ,KAAI;EACJ,YAAA,GAAA,WAAA,SAAsB,oBAAA,QAAO,MAAM,UAAU;EAC7C,aAAW;EACX,aAAW;EAEV;EACC,CAAA;EAGT"}

package/dist/components/Link/Link.js

@@ -1,24 +1,23 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import styles from "./Link.module.css.js";
+import Link_module_default from "./Link.module.js";
 import classNames from "classnames";
-const Link = forwardRef(
-  function Link2({ children, className, kind = "primary", size = "medium", ...props }, ref) {
-    return /* @__PURE__ */ jsx(
-      "a",
-      {
-        ref,
-        ...props,
-        rel: "noreferrer noopener",
-        className: classNames(styles.link, className),
-        "data-kind": kind,
-        "data-size": size,
-        children
-      }
-    );
-  }
-);
-export {
-  Link
-};
-//# sourceMappingURL=Link.js.map
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Link/Link.tsx
+/**
+* A link component.
+*/
+var Link = forwardRef(function Link({ children, className, kind = "primary", size = "md", ...props }, ref) {
+	return /* @__PURE__ */ jsx("a", {
+		ref,
+		...props,
+		rel: "noreferrer noopener",
+		className: classNames(Link_module_default.link, className),
+		"data-kind": kind,
+		"data-size": size,
+		children
+	});
+});
+//#endregion
+export { Link };
+
+//# sourceMappingURL=Link.js.map

package/dist/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\nCopyright 2023 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { forwardRef, type PropsWithChildren } from \"react\";\nimport styles from \"./Link.module.css\";\nimport classNames from \"classnames\";\n\ntype LinkProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The type of link.\n   * @default \"primary\"\n   */\n  kind?: \"primary\" | \"critical\";\n  /**\n   * The size of link.\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\";\n} & Omit<React.HTMLProps<HTMLAnchorElement>, \"rel\" | \"size\">;\n\n/**\n * A link component.\n */\nexport const Link = forwardRef<HTMLAnchorElement, PropsWithChildren<LinkProps>>(\n  function Link(\n    { children, className, kind = \"primary\", size = \"medium\", ...props },\n    ref,\n  ) {\n    return (\n      <a\n        ref={ref}\n        {...props}\n        rel=\"noreferrer noopener\"\n        className={classNames(styles.link, className)}\n        data-kind={kind}\n        data-size={size}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n"],"names":["Link"],"mappings":";;;;AA+BO,MAAM,OAAO;AAAA,EAClB,SAASA,MACP,EAAE,UAAU,WAAW,OAAO,WAAW,OAAO,UAAU,GAAG,MAAA,GAC7D,KACA;AACA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ,KAAI;AAAA,QACJ,WAAW,WAAW,OAAO,MAAM,SAAS;AAAA,QAC5C,aAAW;AAAA,QACX,aAAW;AAAA,QAEV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\nCopyright 2023 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\nimport React, { forwardRef, type PropsWithChildren } from \"react\";\nimport styles from \"./Link.module.css\";\nimport classNames from \"classnames\";\nimport type { Size } from \"../../utils/size\";\n\ntype LinkProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n  /**\n   * The color variant of the link.\n   * @default \"primary\"\n   */\n  kind?: \"primary\" | \"critical\";\n  /**\n   * The t-shirt size of the link.\n   * @default \"md\"\n   */\n  size?: Size & (\"sm\" | \"md\");\n} & Omit<React.HTMLProps<HTMLAnchorElement>, \"rel\" | \"size\">;\n\n/**\n * A link component.\n */\nexport const Link = forwardRef<HTMLAnchorElement, PropsWithChildren<LinkProps>>(\n  function Link(\n    { children, className, kind = \"primary\", size = \"md\", ...props },\n    ref,\n  ) {\n    return (\n      <a\n        ref={ref}\n        {...props}\n        rel=\"noreferrer noopener\"\n        className={classNames(styles.link, className)}\n        data-kind={kind}\n        data-size={size}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAgCA,IAAa,OAAO,WAClB,SAAS,KACP,EAAE,UAAU,WAAW,OAAO,WAAW,OAAO,MAAM,GAAG,SACzD,KACA;AACA,QACE,oBAAC,KAAD;EACO;EACL,GAAI;EACJ,KAAI;EACJ,WAAW,WAAW,oBAAO,MAAM,UAAU;EAC7C,aAAW;EACX,aAAW;EAEV;EACC,CAAA;EAGT"}

package/dist/components/Link/Link.module.cjs

@@ -0,0 +1,5 @@
+var Link_module_default = { link: "_link_k9ljz_8" };
+//#endregion
+exports.default = Link_module_default;
+
+//# sourceMappingURL=Link.module.cjs.map

package/dist/components/Link/Link.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.module.cjs","names":[],"sources":["../../../src/components/Link/Link.module.css"],"sourcesContent":["/*\nCopyright 2023 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.link {\n  display: inline-block;\n  text-decoration: underline;\n  color: var(--cpd-color-text-primary);\n  font-weight: var(--cpd-font-weight-medium);\n  border-radius: var(--cpd-radius-pill-effect);\n  padding-inline: 0.25rem;\n}\n\n.link[data-kind=\"primary\"] {\n  color: var(--cpd-color-text-primary);\n}\n\n.link[data-kind=\"critical\"] {\n  color: var(--cpd-color-text-critical-primary);\n}\n\n@media (hover) {\n  .link[data-kind=\"primary\"]:hover {\n    background: var(--cpd-color-gray-300);\n  }\n\n  .link[data-kind=\"critical\"]:hover {\n    background: var(--cpd-color-red-300);\n  }\n}\n\n.link:active {\n  color: var(--cpd-color-text-on-solid-primary);\n}\n\n.link[data-kind=\"primary\"]:active {\n  background: var(--cpd-color-text-primary);\n}\n\n.link[data-kind=\"critical\"]:active {\n  background: var(--cpd-color-text-critical-primary);\n}\n\n.link[data-size=\"md\"] {\n  font-size: var(--cpd-font-size-body-md);\n}\n\n.link[data-size=\"sm\"] {\n  font-size: var(--cpd-font-size-body-sm);\n}\n"],"mappings":""}

package/dist/components/Link/Link.module.js

@@ -0,0 +1,5 @@
+var Link_module_default = { link: "_link_k9ljz_8" };
+//#endregion
+export { Link_module_default as default };
+
+//# sourceMappingURL=Link.module.js.map

package/dist/components/Link/Link.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.module.js","names":[],"sources":["../../../src/components/Link/Link.module.css"],"sourcesContent":["/*\nCopyright 2023 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.link {\n  display: inline-block;\n  text-decoration: underline;\n  color: var(--cpd-color-text-primary);\n  font-weight: var(--cpd-font-weight-medium);\n  border-radius: var(--cpd-radius-pill-effect);\n  padding-inline: 0.25rem;\n}\n\n.link[data-kind=\"primary\"] {\n  color: var(--cpd-color-text-primary);\n}\n\n.link[data-kind=\"critical\"] {\n  color: var(--cpd-color-text-critical-primary);\n}\n\n@media (hover) {\n  .link[data-kind=\"primary\"]:hover {\n    background: var(--cpd-color-gray-300);\n  }\n\n  .link[data-kind=\"critical\"]:hover {\n    background: var(--cpd-color-red-300);\n  }\n}\n\n.link:active {\n  color: var(--cpd-color-text-on-solid-primary);\n}\n\n.link[data-kind=\"primary\"]:active {\n  background: var(--cpd-color-text-primary);\n}\n\n.link[data-kind=\"critical\"]:active {\n  background: var(--cpd-color-text-critical-primary);\n}\n\n.link[data-size=\"md\"] {\n  font-size: var(--cpd-font-size-body-md);\n}\n\n.link[data-size=\"sm\"] {\n  font-size: var(--cpd-font-size-body-sm);\n}\n"],"mappings":""}