@vector-im/compound-web 8.3.6 → 9.0.0

package/dist/components/Typography/Heading.js

@@ -1,34 +1,98 @@
-import { jsx } from "react/jsx-runtime";
 import { Typography } from "./Typography.js";
 import { Text } from "./Text.js";
-const Heading = ({ as = "h1", children, ...props }) => {
-  return /* @__PURE__ */ jsx(Typography, { as, type: "heading", ...props, children });
-};
-const H1 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Heading, { as: "h1", weight: "semibold", size: "xl", ...props, children });
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Typography/Heading.tsx
+/**
+* A heading component.
+*/
+var Heading = ({ as = "h1", children, ...props }) => {
+	return /* @__PURE__ */ jsx(Typography, {
+		as,
+		type: "heading",
+		...props,
+		children
+	});
 };
-const H2 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Heading, { as: "h2", weight: "semibold", size: "lg", ...props, children });
+/**
+* A Heading level-1 styled component. Underlying HTML element can be changed
+* usign the `as` property.
+*/
+var H1 = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx(Heading, {
+		as: "h1",
+		weight: "semibold",
+		size: "xl",
+		...props,
+		children
+	});
 };
-const H3 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Heading, { as: "h3", weight: "semibold", size: "md", ...props, children });
+/**
+* A Heading level-2 styled component. Underlying HTML element can be changed
+* usign the `as` property.
+*/
+var H2 = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx(Heading, {
+		as: "h2",
+		weight: "semibold",
+		size: "lg",
+		...props,
+		children
+	});
 };
-const H4 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Heading, { as: "h4", weight: "semibold", size: "sm", ...props, children });
+/**
+* A Heading level-3 styled component. Underlying HTML element can be changed
+* usign the `as` property.
+*/
+var H3 = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx(Heading, {
+		as: "h3",
+		weight: "semibold",
+		size: "md",
+		...props,
+		children
+	});
 };
-const H5 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Text, { as: "h5", weight: "semibold", size: "lg", ...props, children });
+/**
+* A Heading level-4 styled component. Underlying HTML element can be changed
+* usign the `as` property.
+*/
+var H4 = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx(Heading, {
+		as: "h4",
+		weight: "semibold",
+		size: "sm",
+		...props,
+		children
+	});
 };
-const H6 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Text, { as: "h6", weight: "semibold", size: "md", ...props, children });
+/**
+* A Heading level-5 styled component. Underlying HTML element can be changed
+* usign the `as` property.
+*/
+var H5 = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx(Text, {
+		as: "h5",
+		weight: "semibold",
+		size: "lg",
+		...props,
+		children
+	});
 };
-export {
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  H6,
-  Heading
+/**
+* A Heading level-6 styled component. Underlying HTML element can be changed
+* usign the `as` property.
+*/
+var H6 = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx(Text, {
+		as: "h6",
+		weight: "semibold",
+		size: "md",
+		...props,
+		children
+	});
 };
-//# sourceMappingURL=Heading.js.map
+//#endregion
+export { H1, H2, H3, H4, H5, H6, Heading };
+
+//# sourceMappingURL=Heading.js.map

package/dist/components/Typography/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 from \"react\";\nimport { Typography } from \"./Typography\";\nimport { Text } from \"./Text\";\n\ntype TypographyProps = React.ComponentProps<typeof Typography>;\n\n/**\n * A heading component.\n */\nexport const Heading: React.FC<\n  Omit<TypographyProps, \"type\"> & {\n    // xs is not a valid heading size\n    size?: Exclude<TypographyProps[\"size\"], \"xs\">;\n  }\n> = ({ as = \"h1\", children, ...props }) => {\n  return (\n    <Typography as={as} type=\"heading\" {...props}>\n      {children}\n    </Typography>\n  );\n};\n\ntype HeadingProps = Omit<\n  React.ComponentProps<typeof Heading>,\n  \"as\" | \"weight\" | \"size\"\n>;\n\n/**\n * A Heading level-1 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H1: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Heading as=\"h1\" weight=\"semibold\" size=\"xl\" {...props}>\n      {children}\n    </Heading>\n  );\n};\n\n/**\n * A Heading level-2 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H2: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Heading as=\"h2\" weight=\"semibold\" size=\"lg\" {...props}>\n      {children}\n    </Heading>\n  );\n};\n\n/**\n * A Heading level-3 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H3: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Heading as=\"h3\" weight=\"semibold\" size=\"md\" {...props}>\n      {children}\n    </Heading>\n  );\n};\n\n/**\n * A Heading level-4 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H4: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Heading as=\"h4\" weight=\"semibold\" size=\"sm\" {...props}>\n      {children}\n    </Heading>\n  );\n};\n\n/**\n * A Heading level-5 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H5: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Text as=\"h5\" weight=\"semibold\" size=\"lg\" {...props}>\n      {children}\n    </Text>\n  );\n};\n\n/**\n * A Heading level-6 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H6: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Text as=\"h6\" weight=\"semibold\" size=\"md\" {...props}>\n      {children}\n    </Text>\n  );\n};\n"],"names":[],"mappings":";;;AAiBO,MAAM,UAKT,CAAC,EAAE,KAAK,MAAM,UAAU,GAAG,YAAY;AACzC,6BACG,YAAA,EAAW,IAAQ,MAAK,WAAW,GAAG,OACpC,UACH;AAEJ;AAWO,MAAM,KAA6B,CAAC,EAAE,UAAU,GAAG,YAAY;AACpE,SACE,oBAAC,SAAA,EAAQ,IAAG,MAAK,QAAO,YAAW,MAAK,MAAM,GAAG,OAC9C,SAAA,CACH;AAEJ;AAMO,MAAM,KAA6B,CAAC,EAAE,UAAU,GAAG,YAAY;AACpE,SACE,oBAAC,SAAA,EAAQ,IAAG,MAAK,QAAO,YAAW,MAAK,MAAM,GAAG,OAC9C,SAAA,CACH;AAEJ;AAMO,MAAM,KAA6B,CAAC,EAAE,UAAU,GAAG,YAAY;AACpE,SACE,oBAAC,SAAA,EAAQ,IAAG,MAAK,QAAO,YAAW,MAAK,MAAM,GAAG,OAC9C,SAAA,CACH;AAEJ;AAMO,MAAM,KAA6B,CAAC,EAAE,UAAU,GAAG,YAAY;AACpE,SACE,oBAAC,SAAA,EAAQ,IAAG,MAAK,QAAO,YAAW,MAAK,MAAM,GAAG,OAC9C,SAAA,CACH;AAEJ;AAMO,MAAM,KAA6B,CAAC,EAAE,UAAU,GAAG,YAAY;AACpE,SACE,oBAAC,MAAA,EAAK,IAAG,MAAK,QAAO,YAAW,MAAK,MAAM,GAAG,OAC3C,SAAA,CACH;AAEJ;AAMO,MAAM,KAA6B,CAAC,EAAE,UAAU,GAAG,YAAY;AACpE,SACE,oBAAC,MAAA,EAAK,IAAG,MAAK,QAAO,YAAW,MAAK,MAAM,GAAG,OAC3C,SAAA,CACH;AAEJ;"}
+{"version":3,"file":"Heading.js","names":[],"sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 from \"react\";\nimport { Typography } from \"./Typography\";\nimport { Text } from \"./Text\";\nimport type { Size } from \"../../utils/size\";\n\ntype TypographyProps = React.ComponentProps<typeof Typography>;\n\n/**\n * A heading component.\n */\nexport const Heading: React.FC<\n  Omit<TypographyProps, \"type\"> & {\n    // xs is not a valid heading size\n    size?: Exclude<Size, \"xs\">;\n  }\n> = ({ as = \"h1\", children, ...props }) => {\n  return (\n    <Typography as={as} type=\"heading\" {...props}>\n      {children}\n    </Typography>\n  );\n};\n\ntype HeadingProps = Omit<\n  React.ComponentProps<typeof Heading>,\n  \"as\" | \"weight\" | \"size\"\n>;\n\n/**\n * A Heading level-1 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H1: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Heading as=\"h1\" weight=\"semibold\" size=\"xl\" {...props}>\n      {children}\n    </Heading>\n  );\n};\n\n/**\n * A Heading level-2 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H2: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Heading as=\"h2\" weight=\"semibold\" size=\"lg\" {...props}>\n      {children}\n    </Heading>\n  );\n};\n\n/**\n * A Heading level-3 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H3: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Heading as=\"h3\" weight=\"semibold\" size=\"md\" {...props}>\n      {children}\n    </Heading>\n  );\n};\n\n/**\n * A Heading level-4 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H4: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Heading as=\"h4\" weight=\"semibold\" size=\"sm\" {...props}>\n      {children}\n    </Heading>\n  );\n};\n\n/**\n * A Heading level-5 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H5: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Text as=\"h5\" weight=\"semibold\" size=\"lg\" {...props}>\n      {children}\n    </Text>\n  );\n};\n\n/**\n * A Heading level-6 styled component. Underlying HTML element can be changed\n * usign the `as` property.\n */\nexport const H6: React.FC<HeadingProps> = ({ children, ...props }) => {\n  return (\n    <Text as=\"h6\" weight=\"semibold\" size=\"md\" {...props}>\n      {children}\n    </Text>\n  );\n};\n"],"mappings":";;;;;;;;AAkBA,IAAa,WAKR,EAAE,KAAK,MAAM,UAAU,GAAG,YAAY;AACzC,QACE,oBAAC,YAAD;EAAgB;EAAI,MAAK;EAAU,GAAI;EACpC;EACU,CAAA;;;;;;AAajB,IAAa,MAA8B,EAAE,UAAU,GAAG,YAAY;AACpE,QACE,oBAAC,SAAD;EAAS,IAAG;EAAK,QAAO;EAAW,MAAK;EAAK,GAAI;EAC9C;EACO,CAAA;;;;;;AAQd,IAAa,MAA8B,EAAE,UAAU,GAAG,YAAY;AACpE,QACE,oBAAC,SAAD;EAAS,IAAG;EAAK,QAAO;EAAW,MAAK;EAAK,GAAI;EAC9C;EACO,CAAA;;;;;;AAQd,IAAa,MAA8B,EAAE,UAAU,GAAG,YAAY;AACpE,QACE,oBAAC,SAAD;EAAS,IAAG;EAAK,QAAO;EAAW,MAAK;EAAK,GAAI;EAC9C;EACO,CAAA;;;;;;AAQd,IAAa,MAA8B,EAAE,UAAU,GAAG,YAAY;AACpE,QACE,oBAAC,SAAD;EAAS,IAAG;EAAK,QAAO;EAAW,MAAK;EAAK,GAAI;EAC9C;EACO,CAAA;;;;;;AAQd,IAAa,MAA8B,EAAE,UAAU,GAAG,YAAY;AACpE,QACE,oBAAC,MAAD;EAAM,IAAG;EAAK,QAAO;EAAW,MAAK;EAAK,GAAI;EAC3C;EACI,CAAA;;;;;;AAQX,IAAa,MAA8B,EAAE,UAAU,GAAG,YAAY;AACpE,QACE,oBAAC,MAAD;EAAM,IAAG;EAAK,QAAO;EAAW,MAAK;EAAK,GAAI;EAC3C;EACI,CAAA"}

package/dist/components/Typography/Text.cjs

@@ -1,9 +1,22 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Typography = require("./Typography.cjs");
-const Text = ({ as = "p", children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Typography.Typography, { as, type: "body", ...props, children });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Typography = require("./Typography.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Typography/Text.tsx
+/**
+* A text component. Underlying HTML element can be changed using the `as`
+* property. Will default to be a paragraph.
+*/
+var Text = ({ as = "p", children, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+		as,
+		type: "body",
+		...props,
+		children
+	});
 };
+//#endregion
 exports.Text = Text;
-//# sourceMappingURL=Text.cjs.map
+
+//# sourceMappingURL=Text.cjs.map

package/dist/components/Typography/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 from \"react\";\nimport { Typography } from \"./Typography\";\n\ntype TypographyProps = React.ComponentProps<typeof Typography>;\n\n/**\n * A text component. Underlying HTML element can be changed using the `as`\n * property. Will default to be a paragraph.\n */\nexport const Text: React.FC<\n  Omit<TypographyProps, \"type\"> & {\n    // xl is not a valid text size\n    size?: Exclude<TypographyProps[\"size\"], \"xl\">;\n  }\n> = ({ as = \"p\", children, ...props }) => {\n  return (\n    <Typography as={as} type=\"body\" {...props}>\n      {children}\n    </Typography>\n  );\n};\n"],"names":["Typography"],"mappings":";;;;AAiBO,MAAM,OAKT,CAAC,EAAE,KAAK,KAAK,UAAU,GAAG,YAAY;AACxC,wCACGA,WAAAA,YAAA,EAAW,IAAQ,MAAK,QAAQ,GAAG,OACjC,UACH;AAEJ;;"}
+{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 from \"react\";\nimport { Typography } from \"./Typography\";\nimport type { Size } from \"../../utils/size\";\n\ntype TypographyProps = React.ComponentProps<typeof Typography>;\n\n/**\n * A text component. Underlying HTML element can be changed using the `as`\n * property. Will default to be a paragraph.\n */\nexport const Text: React.FC<\n  Omit<TypographyProps, \"type\"> & {\n    // xl is not a valid text size\n    size?: Exclude<Size, \"xl\">;\n  }\n> = ({ as = \"p\", children, ...props }) => {\n  return (\n    <Typography as={as} type=\"body\" {...props}>\n      {children}\n    </Typography>\n  );\n};\n"],"mappings":";;;;;;;;;;AAkBA,IAAa,QAKR,EAAE,KAAK,KAAK,UAAU,GAAG,YAAY;AACxC,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,YAAD;EAAgB;EAAI,MAAK;EAAO,GAAI;EACjC;EACU,CAAA"}

package/dist/components/Typography/Text.js

@@ -1,9 +1,20 @@
-import { jsx } from "react/jsx-runtime";
 import { Typography } from "./Typography.js";
-const Text = ({ as = "p", children, ...props }) => {
-  return /* @__PURE__ */ jsx(Typography, { as, type: "body", ...props, children });
-};
-export {
-  Text
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Typography/Text.tsx
+/**
+* A text component. Underlying HTML element can be changed using the `as`
+* property. Will default to be a paragraph.
+*/
+var Text = ({ as = "p", children, ...props }) => {
+	return /* @__PURE__ */ jsx(Typography, {
+		as,
+		type: "body",
+		...props,
+		children
+	});
 };
-//# sourceMappingURL=Text.js.map
+//#endregion
+export { Text };
+
+//# sourceMappingURL=Text.js.map

package/dist/components/Typography/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 from \"react\";\nimport { Typography } from \"./Typography\";\n\ntype TypographyProps = React.ComponentProps<typeof Typography>;\n\n/**\n * A text component. Underlying HTML element can be changed using the `as`\n * property. Will default to be a paragraph.\n */\nexport const Text: React.FC<\n  Omit<TypographyProps, \"type\"> & {\n    // xl is not a valid text size\n    size?: Exclude<TypographyProps[\"size\"], \"xl\">;\n  }\n> = ({ as = \"p\", children, ...props }) => {\n  return (\n    <Typography as={as} type=\"body\" {...props}>\n      {children}\n    </Typography>\n  );\n};\n"],"names":[],"mappings":";;AAiBO,MAAM,OAKT,CAAC,EAAE,KAAK,KAAK,UAAU,GAAG,YAAY;AACxC,6BACG,YAAA,EAAW,IAAQ,MAAK,QAAQ,GAAG,OACjC,UACH;AAEJ;"}
+{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 from \"react\";\nimport { Typography } from \"./Typography\";\nimport type { Size } from \"../../utils/size\";\n\ntype TypographyProps = React.ComponentProps<typeof Typography>;\n\n/**\n * A text component. Underlying HTML element can be changed using the `as`\n * property. Will default to be a paragraph.\n */\nexport const Text: React.FC<\n  Omit<TypographyProps, \"type\"> & {\n    // xl is not a valid text size\n    size?: Exclude<Size, \"xl\">;\n  }\n> = ({ as = \"p\", children, ...props }) => {\n  return (\n    <Typography as={as} type=\"body\" {...props}>\n      {children}\n    </Typography>\n  );\n};\n"],"mappings":";;;;;;;;AAkBA,IAAa,QAKR,EAAE,KAAK,KAAK,UAAU,GAAG,YAAY;AACxC,QACE,oBAAC,YAAD;EAAgB;EAAI,MAAK;EAAO,GAAI;EACjC;EACU,CAAA"}

package/dist/components/Typography/Typography.cjs

@@ -1,30 +1,19 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const classNames = require("classnames");
-const Typography_module = require("./Typography.module.css.cjs");
-const Typography = ({
-  as,
-  children,
-  type = "body",
-  weight = "regular",
-  size = "md",
-  className,
-  ...restProps
-}) => {
-  const Component = as || "p";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Component,
-    {
-      ...restProps,
-      className: classNames(
-        Typography_module.default.typography,
-        Typography_module.default[`font-${type}-${size}-${weight}`],
-        className
-      ),
-      children
-    }
-  );
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Typography_module = require("./Typography.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/Typography/Typography.tsx
+var Typography = ({ as, children, type = "body", weight = "regular", size = "md", className, ...restProps }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as || "p", {
+		...restProps,
+		className: (0, classnames.default)(require_Typography_module.default.typography, require_Typography_module.default[`font-${type}-${size}-${weight}`], className),
+		children
+	});
 };
+//#endregion
 exports.Typography = Typography;
-//# sourceMappingURL=Typography.cjs.map
+
+//# sourceMappingURL=Typography.cjs.map

package/dist/components/Typography/Typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.cjs","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 } from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from \"./Typography.module.css\";\n\ntype TypographyProps<C extends React.ElementType> = {\n  /**\n   * The HTML tag.\n   * @default \"p\"\n   */\n  as?: C;\n  /**\n   * The type of content.\n   */\n  type?: \"body\" | \"heading\";\n  /**\n   * The font weight.\n   */\n  weight?: \"regular\" | \"semibold\" | \"medium\" | \"bold\";\n  /**\n   * The t-shirt size of the content.\n   */\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentPropsWithoutRef<C>;\n\nexport const Typography = <C extends React.ElementType = \"p\">({\n  as,\n  children,\n  type = \"body\",\n  weight = \"regular\",\n  size = \"md\",\n  className,\n  ...restProps\n}: PropsWithChildren<TypographyProps<C>>): React.ReactElement => {\n  const Component = as || \"p\";\n\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        styles.typography,\n        styles[`font-${type}-${size}-${weight}`],\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["jsx","styles"],"mappings":";;;;;AAqCO,MAAM,aAAa,CAAoC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAiE;AAC/D,QAAM,YAAY,MAAM;AAExB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACTC,kBAAAA,QAAO;AAAA,QACPA,0BAAO,QAAQ,IAAI,IAAI,IAAI,IAAI,MAAM,EAAE;AAAA,QACvC;AAAA,MAAA;AAAA,MAGD;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
+{"version":3,"file":"Typography.cjs","names":[],"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 } from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from \"./Typography.module.css\";\nimport type { Size } from \"../../utils/size\";\n\ntype TypographyProps<C extends React.ElementType> = {\n  /**\n   * The HTML tag.\n   * @default \"p\"\n   */\n  as?: C;\n  /**\n   * The type of content.\n   */\n  type?: \"body\" | \"heading\";\n  /**\n   * The font weight.\n   */\n  weight?: \"regular\" | \"semibold\" | \"medium\" | \"bold\";\n  /**\n   * The t-shirt size of the content.\n   */\n  size?: Size;\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentPropsWithoutRef<C>;\n\nexport const Typography = <C extends React.ElementType = \"p\">({\n  as,\n  children,\n  type = \"body\",\n  weight = \"regular\",\n  size = \"md\",\n  className,\n  ...restProps\n}: PropsWithChildren<TypographyProps<C>>): React.ReactElement => {\n  const Component = as || \"p\";\n\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        styles.typography,\n        styles[`font-${type}-${size}-${weight}`],\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;AAsCA,IAAa,cAAiD,EAC5D,IACA,UACA,OAAO,QACP,SAAS,WACT,OAAO,MACP,WACA,GAAG,gBAC4D;AAG/D,QACE,iBAAA,GAAA,kBAAA,KAHgB,MAAM,KAGtB;EACE,GAAI;EACJ,YAAA,GAAA,WAAA,SACE,0BAAA,QAAO,YACP,0BAAA,QAAO,QAAQ,KAAK,GAAG,KAAK,GAAG,WAC/B,UACD;EAEA;EACS,CAAA"}

package/dist/components/Typography/Typography.js

@@ -1,30 +1,16 @@
-import { jsx } from "react/jsx-runtime";
+import Typography_module_default from "./Typography.module.js";
 import classNames from "classnames";
-import styles from "./Typography.module.css.js";
-const Typography = ({
-  as,
-  children,
-  type = "body",
-  weight = "regular",
-  size = "md",
-  className,
-  ...restProps
-}) => {
-  const Component = as || "p";
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      ...restProps,
-      className: classNames(
-        styles.typography,
-        styles[`font-${type}-${size}-${weight}`],
-        className
-      ),
-      children
-    }
-  );
-};
-export {
-  Typography
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Typography/Typography.tsx
+var Typography = ({ as, children, type = "body", weight = "regular", size = "md", className, ...restProps }) => {
+	return /* @__PURE__ */ jsx(as || "p", {
+		...restProps,
+		className: classNames(Typography_module_default.typography, Typography_module_default[`font-${type}-${size}-${weight}`], className),
+		children
+	});
 };
-//# sourceMappingURL=Typography.js.map
+//#endregion
+export { Typography };
+
+//# sourceMappingURL=Typography.js.map

package/dist/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 } from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from \"./Typography.module.css\";\n\ntype TypographyProps<C extends React.ElementType> = {\n  /**\n   * The HTML tag.\n   * @default \"p\"\n   */\n  as?: C;\n  /**\n   * The type of content.\n   */\n  type?: \"body\" | \"heading\";\n  /**\n   * The font weight.\n   */\n  weight?: \"regular\" | \"semibold\" | \"medium\" | \"bold\";\n  /**\n   * The t-shirt size of the content.\n   */\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentPropsWithoutRef<C>;\n\nexport const Typography = <C extends React.ElementType = \"p\">({\n  as,\n  children,\n  type = \"body\",\n  weight = \"regular\",\n  size = \"md\",\n  className,\n  ...restProps\n}: PropsWithChildren<TypographyProps<C>>): React.ReactElement => {\n  const Component = as || \"p\";\n\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        styles.typography,\n        styles[`font-${type}-${size}-${weight}`],\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":[],"mappings":";;;AAqCO,MAAM,aAAa,CAAoC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAiE;AAC/D,QAAM,YAAY,MAAM;AAExB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,OAAO;AAAA,QACP,OAAO,QAAQ,IAAI,IAAI,IAAI,IAAI,MAAM,EAAE;AAAA,QACvC;AAAA,MAAA;AAAA,MAGD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Typography.js","names":[],"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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 } from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from \"./Typography.module.css\";\nimport type { Size } from \"../../utils/size\";\n\ntype TypographyProps<C extends React.ElementType> = {\n  /**\n   * The HTML tag.\n   * @default \"p\"\n   */\n  as?: C;\n  /**\n   * The type of content.\n   */\n  type?: \"body\" | \"heading\";\n  /**\n   * The font weight.\n   */\n  weight?: \"regular\" | \"semibold\" | \"medium\" | \"bold\";\n  /**\n   * The t-shirt size of the content.\n   */\n  size?: Size;\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentPropsWithoutRef<C>;\n\nexport const Typography = <C extends React.ElementType = \"p\">({\n  as,\n  children,\n  type = \"body\",\n  weight = \"regular\",\n  size = \"md\",\n  className,\n  ...restProps\n}: PropsWithChildren<TypographyProps<C>>): React.ReactElement => {\n  const Component = as || \"p\";\n\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        styles.typography,\n        styles[`font-${type}-${size}-${weight}`],\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAsCA,IAAa,cAAiD,EAC5D,IACA,UACA,OAAO,QACP,SAAS,WACT,OAAO,MACP,WACA,GAAG,gBAC4D;AAG/D,QACE,oBAHgB,MAAM,KAGtB;EACE,GAAI;EACJ,WAAW,WACT,0BAAO,YACP,0BAAO,QAAQ,KAAK,GAAG,KAAK,GAAG,WAC/B,UACD;EAEA;EACS,CAAA"}

package/dist/components/Typography/Typography.module.cjs

@@ -0,0 +1,30 @@
+//#region src/components/Typography/Typography.module.css
+var typography = "_typography_6v6n8_153";
+var Typography_module_default = {
+	"font-body-xs-regular": "_font-body-xs-regular_6v6n8_12",
+	"font-body-xs-semibold": "_font-body-xs-semibold_6v6n8_17",
+	"font-body-xs-medium": "_font-body-xs-medium_6v6n8_22",
+	"font-body-sm-regular": "_font-body-sm-regular_6v6n8_31",
+	"font-body-sm-semibold": "_font-body-sm-semibold_6v6n8_36",
+	"font-body-sm-medium": "_font-body-sm-medium_6v6n8_41",
+	"font-body-md-regular": "_font-body-md-regular_6v6n8_50",
+	"font-body-md-semibold": "_font-body-md-semibold_6v6n8_55",
+	"font-body-md-medium": "_font-body-md-medium_6v6n8_60",
+	"font-body-lg-regular": "_font-body-lg-regular_6v6n8_69",
+	"font-body-lg-semibold": "_font-body-lg-semibold_6v6n8_74",
+	"font-body-lg-medium": "_font-body-lg-medium_6v6n8_79",
+	"font-heading-sm-regular": "_font-heading-sm-regular_6v6n8_88",
+	"font-heading-sm-semibold": "_font-heading-sm-semibold_6v6n8_93",
+	"font-heading-sm-medium": "_font-heading-sm-medium_6v6n8_98",
+	"font-heading-md-regular": "_font-heading-md-regular_6v6n8_107",
+	"font-heading-md-semibold": "_font-heading-md-semibold_6v6n8_112",
+	"font-heading-lg-regular": "_font-heading-lg-regular_6v6n8_121",
+	"font-heading-lg-semibold": "_font-heading-lg-semibold_6v6n8_126",
+	"font-heading-xl-regular": "_font-heading-xl-regular_6v6n8_135",
+	"font-heading-xl-semibold": "_font-heading-xl-semibold_6v6n8_140",
+	typography
+};
+//#endregion
+exports.default = Typography_module_default;
+
+//# sourceMappingURL=Typography.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.module.cjs","names":[],"sources":["../../../src/components/Typography/Typography.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/**\n * Font – Body – Extra Small\n */\n\n.font-body-xs-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-body-xs);\n  font: var(--cpd-font-body-xs-regular);\n}\n\n.font-body-xs-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-body-xs);\n  font: var(--cpd-font-body-xs-semibold);\n}\n\n.font-body-xs-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-body-xs);\n  font: var(--cpd-font-body-xs-medium);\n}\n\n/**\n * Font – Body – Small\n */\n\n.font-body-sm-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-body-sm);\n  font: var(--cpd-font-body-sm-regular);\n}\n\n.font-body-sm-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-body-sm);\n  font: var(--cpd-font-body-sm-semibold);\n}\n\n.font-body-sm-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-body-sm);\n  font: var(--cpd-font-body-sm-medium);\n}\n\n/**\n * Font – Body – Medium\n */\n\n.font-body-md-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-body-md);\n  font: var(--cpd-font-body-md-regular);\n}\n\n.font-body-md-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-body-md);\n  font: var(--cpd-font-body-md-semibold);\n}\n\n.font-body-md-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-body-md);\n  font: var(--cpd-font-body-md-medium);\n}\n\n/**\n * Font – Body – Large\n */\n\n.font-body-lg-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-body-lg);\n  font: var(--cpd-font-body-lg-regular);\n}\n\n.font-body-lg-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-body-lg);\n  font: var(--cpd-font-body-lg-semibold);\n}\n\n.font-body-lg-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-body-lg);\n  font: var(--cpd-font-body-lg-medium);\n}\n\n/**\n * Font – Heading – Small\n */\n\n.font-heading-sm-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-sm);\n  font: var(--cpd-font-heading-sm-regular);\n}\n\n.font-heading-sm-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-sm);\n  font: var(--cpd-font-heading-sm-semibold);\n}\n\n.font-heading-sm-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-sm);\n  font: var(--cpd-font-heading-sm-medium);\n}\n\n/**\n * Font – Heading – Medium\n */\n\n.font-heading-md-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-md);\n  font: var(--cpd-font-heading-md-regular);\n}\n\n.font-heading-md-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-md);\n  font: var(--cpd-font-heading-md-semibold);\n}\n\n/**\n * Font – Heading – Large\n */\n\n.font-heading-lg-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-lg);\n  font: var(--cpd-font-heading-lg-regular);\n}\n\n.font-heading-lg-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-lg);\n  font: var(--cpd-font-heading-lg-semibold);\n}\n\n/**\n * Font – Heading – Extra Large\n */\n\n.font-heading-xl-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-xl);\n  font: var(--cpd-font-heading-xl-regular);\n}\n\n.font-heading-xl-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-xl);\n  font: var(--cpd-font-heading-xl-semibold);\n}\n\n/**\n  * Reset font-feature-settings after letter-spacing has been tweaked.\n  * We want to apply Inter Dynamic metrics (https://rsms.me/inter/dynmetrics/)\n  * We need to tweak the `letter-spacing` property and doing so, disables by\n  * default the optional ligatures\n  * `font-feature-settings` allows us to override this behaviour and have the\n  * correct ligatures and the proper dynamic metric spacing.\n  */\n.typography {\n  font-feature-settings: var(--cpd-font-feature-settings);\n}\n"],"mappings":""}

package/dist/components/Typography/Typography.module.js

@@ -0,0 +1,30 @@
+//#region src/components/Typography/Typography.module.css
+var typography = "_typography_6v6n8_153";
+var Typography_module_default = {
+	"font-body-xs-regular": "_font-body-xs-regular_6v6n8_12",
+	"font-body-xs-semibold": "_font-body-xs-semibold_6v6n8_17",
+	"font-body-xs-medium": "_font-body-xs-medium_6v6n8_22",
+	"font-body-sm-regular": "_font-body-sm-regular_6v6n8_31",
+	"font-body-sm-semibold": "_font-body-sm-semibold_6v6n8_36",
+	"font-body-sm-medium": "_font-body-sm-medium_6v6n8_41",
+	"font-body-md-regular": "_font-body-md-regular_6v6n8_50",
+	"font-body-md-semibold": "_font-body-md-semibold_6v6n8_55",
+	"font-body-md-medium": "_font-body-md-medium_6v6n8_60",
+	"font-body-lg-regular": "_font-body-lg-regular_6v6n8_69",
+	"font-body-lg-semibold": "_font-body-lg-semibold_6v6n8_74",
+	"font-body-lg-medium": "_font-body-lg-medium_6v6n8_79",
+	"font-heading-sm-regular": "_font-heading-sm-regular_6v6n8_88",
+	"font-heading-sm-semibold": "_font-heading-sm-semibold_6v6n8_93",
+	"font-heading-sm-medium": "_font-heading-sm-medium_6v6n8_98",
+	"font-heading-md-regular": "_font-heading-md-regular_6v6n8_107",
+	"font-heading-md-semibold": "_font-heading-md-semibold_6v6n8_112",
+	"font-heading-lg-regular": "_font-heading-lg-regular_6v6n8_121",
+	"font-heading-lg-semibold": "_font-heading-lg-semibold_6v6n8_126",
+	"font-heading-xl-regular": "_font-heading-xl-regular_6v6n8_135",
+	"font-heading-xl-semibold": "_font-heading-xl-semibold_6v6n8_140",
+	typography
+};
+//#endregion
+export { Typography_module_default as default };
+
+//# sourceMappingURL=Typography.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.module.js","names":[],"sources":["../../../src/components/Typography/Typography.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/**\n * Font – Body – Extra Small\n */\n\n.font-body-xs-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-body-xs);\n  font: var(--cpd-font-body-xs-regular);\n}\n\n.font-body-xs-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-body-xs);\n  font: var(--cpd-font-body-xs-semibold);\n}\n\n.font-body-xs-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-body-xs);\n  font: var(--cpd-font-body-xs-medium);\n}\n\n/**\n * Font – Body – Small\n */\n\n.font-body-sm-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-body-sm);\n  font: var(--cpd-font-body-sm-regular);\n}\n\n.font-body-sm-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-body-sm);\n  font: var(--cpd-font-body-sm-semibold);\n}\n\n.font-body-sm-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-body-sm);\n  font: var(--cpd-font-body-sm-medium);\n}\n\n/**\n * Font – Body – Medium\n */\n\n.font-body-md-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-body-md);\n  font: var(--cpd-font-body-md-regular);\n}\n\n.font-body-md-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-body-md);\n  font: var(--cpd-font-body-md-semibold);\n}\n\n.font-body-md-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-body-md);\n  font: var(--cpd-font-body-md-medium);\n}\n\n/**\n * Font – Body – Large\n */\n\n.font-body-lg-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-body-lg);\n  font: var(--cpd-font-body-lg-regular);\n}\n\n.font-body-lg-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-body-lg);\n  font: var(--cpd-font-body-lg-semibold);\n}\n\n.font-body-lg-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-body-lg);\n  font: var(--cpd-font-body-lg-medium);\n}\n\n/**\n * Font – Heading – Small\n */\n\n.font-heading-sm-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-sm);\n  font: var(--cpd-font-heading-sm-regular);\n}\n\n.font-heading-sm-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-sm);\n  font: var(--cpd-font-heading-sm-semibold);\n}\n\n.font-heading-sm-medium {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-sm);\n  font: var(--cpd-font-heading-sm-medium);\n}\n\n/**\n * Font – Heading – Medium\n */\n\n.font-heading-md-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-md);\n  font: var(--cpd-font-heading-md-regular);\n}\n\n.font-heading-md-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-md);\n  font: var(--cpd-font-heading-md-semibold);\n}\n\n/**\n * Font – Heading – Large\n */\n\n.font-heading-lg-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-lg);\n  font: var(--cpd-font-heading-lg-regular);\n}\n\n.font-heading-lg-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-lg);\n  font: var(--cpd-font-heading-lg-semibold);\n}\n\n/**\n * Font – Heading – Extra Large\n */\n\n.font-heading-xl-regular {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-xl);\n  font: var(--cpd-font-heading-xl-regular);\n}\n\n.font-heading-xl-semibold {\n  letter-spacing: var(--cpd-font-letter-spacing-heading-xl);\n  font: var(--cpd-font-heading-xl-semibold);\n}\n\n/**\n  * Reset font-feature-settings after letter-spacing has been tweaked.\n  * We want to apply Inter Dynamic metrics (https://rsms.me/inter/dynmetrics/)\n  * We need to tweak the `letter-spacing` property and doing so, disables by\n  * default the optional ligatures\n  * `font-feature-settings` allows us to override this behaviour and have the\n  * correct ligatures and the proper dynamic metric spacing.\n  */\n.typography {\n  font-feature-settings: var(--cpd-font-feature-settings);\n}\n"],"mappings":""}

package/dist/components/VisualList/VisualList.cjs

@@ -1,14 +1,22 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const VisualList_module = require("./VisualList.module.css.cjs");
-const classNames = require("classnames");
-function VisualList({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classNames(VisualList_module.default["visual-list"], className), ...props, children });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_VisualList_module = require("./VisualList.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/VisualList/VisualList.tsx
+/**
+* A list component.
+*/
+function VisualList({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		className: (0, classnames.default)(require_VisualList_module.default["visual-list"], className),
+		...props,
+		children
+	});
 }
+//#endregion
 exports.VisualList = VisualList;
-//# sourceMappingURL=VisualList.cjs.map
+
+//# sourceMappingURL=VisualList.cjs.map

package/dist/components/VisualList/VisualList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisualList.cjs","sources":["../../../src/components/VisualList/VisualList.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 \"./VisualList.module.css\";\nimport classNames from \"classnames\";\n\ninterface VisualListProps extends React.HTMLProps<HTMLUListElement> {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n}\n\n/**\n * A list component.\n */\nexport function VisualList({\n  className,\n  children,\n  ...props\n}: PropsWithChildren<VisualListProps>): JSX.Element {\n  return (\n    <ul className={classNames(styles[\"visual-list\"], className)} {...props}>\n      {children}\n    </ul>\n  );\n}\n"],"names":["jsx","styles"],"mappings":";;;;;AAqBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoD;AAClD,SACEA,+BAAC,MAAA,EAAG,WAAW,WAAWC,kBAAAA,QAAO,aAAa,GAAG,SAAS,GAAI,GAAG,OAC9D,SAAA,CACH;AAEJ;;"}
+{"version":3,"file":"VisualList.cjs","names":[],"sources":["../../../src/components/VisualList/VisualList.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 \"./VisualList.module.css\";\nimport classNames from \"classnames\";\n\ninterface VisualListProps extends React.HTMLProps<HTMLUListElement> {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n}\n\n/**\n * A list component.\n */\nexport function VisualList({\n  className,\n  children,\n  ...props\n}: PropsWithChildren<VisualListProps>): JSX.Element {\n  return (\n    <ul className={classNames(styles[\"visual-list\"], className)} {...props}>\n      {children}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAqBA,SAAgB,WAAW,EACzB,WACA,UACA,GAAG,SAC+C;AAClD,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EAAI,YAAA,GAAA,WAAA,SAAsB,0BAAA,QAAO,gBAAgB,UAAU;EAAE,GAAI;EAC9D;EACE,CAAA"}

package/dist/components/VisualList/VisualList.js

@@ -1,14 +1,19 @@
-import { jsx } from "react/jsx-runtime";
-import styles from "./VisualList.module.css.js";
+import VisualList_module_default from "./VisualList.module.js";
 import classNames from "classnames";
-function VisualList({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx("ul", { className: classNames(styles["visual-list"], className), ...props, children });
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/VisualList/VisualList.tsx
+/**
+* A list component.
+*/
+function VisualList({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		className: classNames(VisualList_module_default["visual-list"], className),
+		...props,
+		children
+	});
 }
-export {
-  VisualList
-};
-//# sourceMappingURL=VisualList.js.map
+//#endregion
+export { VisualList };
+
+//# sourceMappingURL=VisualList.js.map

package/dist/components/VisualList/VisualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisualList.js","sources":["../../../src/components/VisualList/VisualList.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 \"./VisualList.module.css\";\nimport classNames from \"classnames\";\n\ninterface VisualListProps extends React.HTMLProps<HTMLUListElement> {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n}\n\n/**\n * A list component.\n */\nexport function VisualList({\n  className,\n  children,\n  ...props\n}: PropsWithChildren<VisualListProps>): JSX.Element {\n  return (\n    <ul className={classNames(styles[\"visual-list\"], className)} {...props}>\n      {children}\n    </ul>\n  );\n}\n"],"names":[],"mappings":";;;AAqBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoD;AAClD,SACE,oBAAC,MAAA,EAAG,WAAW,WAAW,OAAO,aAAa,GAAG,SAAS,GAAI,GAAG,OAC9D,SAAA,CACH;AAEJ;"}
+{"version":3,"file":"VisualList.js","names":[],"sources":["../../../src/components/VisualList/VisualList.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 \"./VisualList.module.css\";\nimport classNames from \"classnames\";\n\ninterface VisualListProps extends React.HTMLProps<HTMLUListElement> {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n}\n\n/**\n * A list component.\n */\nexport function VisualList({\n  className,\n  children,\n  ...props\n}: PropsWithChildren<VisualListProps>): JSX.Element {\n  return (\n    <ul className={classNames(styles[\"visual-list\"], className)} {...props}>\n      {children}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;AAqBA,SAAgB,WAAW,EACzB,WACA,UACA,GAAG,SAC+C;AAClD,QACE,oBAAC,MAAD;EAAI,WAAW,WAAW,0BAAO,gBAAgB,UAAU;EAAE,GAAI;EAC9D;EACE,CAAA"}

package/dist/components/VisualList/VisualList.module.cjs

@@ -0,0 +1,6 @@
+//#region src/components/VisualList/VisualList.module.css
+var VisualList_module_default = { "visual-list": "_visual-list_6zpfn_8" };
+//#endregion
+exports.default = VisualList_module_default;
+
+//# sourceMappingURL=VisualList.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisualList.module.cjs","names":[],"sources":["../../../src/components/VisualList/VisualList.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.visual-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n  margin: 0;\n  padding: 0;\n  list-style-type: \"\";\n  border-radius: var(--cpd-space-3x);\n  overflow: hidden;\n}\n\n@media (forced-colors: active) {\n  .visual-list {\n    outline: 1px solid transparent;\n  }\n}\n"],"mappings":""}

package/dist/components/VisualList/VisualList.module.js

@@ -0,0 +1,6 @@
+//#region src/components/VisualList/VisualList.module.css
+var VisualList_module_default = { "visual-list": "_visual-list_6zpfn_8" };
+//#endregion
+export { VisualList_module_default as default };
+
+//# sourceMappingURL=VisualList.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisualList.module.js","names":[],"sources":["../../../src/components/VisualList/VisualList.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.visual-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n  margin: 0;\n  padding: 0;\n  list-style-type: \"\";\n  border-radius: var(--cpd-space-3x);\n  overflow: hidden;\n}\n\n@media (forced-colors: active) {\n  .visual-list {\n    outline: 1px solid transparent;\n  }\n}\n"],"mappings":""}