@vector-im/compound-web 8.3.6 → 9.0.0

package/dist/components/Form/Field.cjs

@@ -1,15 +1,26 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const reactForm = require("@radix-ui/react-form");
-const form_module = require("./form.module.css.cjs");
-const classNames = require("classnames");
-const Field = React.forwardRef(
-  function Field2({ children, ...props }, ref) {
-    const classes = classNames(form_module.default.field, props.className);
-    return /* @__PURE__ */ jsxRuntime.jsx(reactForm.Field, { ref, ...props, className: classes, children });
-  }
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_form_module = require("./form.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 _radix_ui_react_form = require("@radix-ui/react-form");
+//#region src/components/Form/Field.tsx
+/**
+* Thin wrapper around Radix UI Field component
+* https://www.radix-ui.com/docs/primitives/components/form#field
+*/
+var Field = (0, react.forwardRef)(function Field({ children, ...props }, ref) {
+	const classes = (0, classnames.default)(require_form_module.default.field, props.className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_form.Field, {
+		ref,
+		...props,
+		className: classes,
+		children
+	});
+});
+//#endregion
 exports.Field = Field;
-//# sourceMappingURL=Field.cjs.map
+
+//# sourceMappingURL=Field.cjs.map

package/dist/components/Form/Field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Field.cjs","sources":["../../../src/components/Form/Field.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 { Field as RadixField } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype FieldProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixField>;\n\n/**\n * Thin wrapper around Radix UI Field component\n * https://www.radix-ui.com/docs/primitives/components/form#field\n */\nexport const Field = forwardRef<HTMLDivElement, PropsWithChildren<FieldProps>>(\n  function Field({ children, ...props }, ref) {\n    const classes = classNames(styles.field, props.className);\n    return (\n      <RadixField ref={ref} {...props} className={classes}>\n        {children}\n      </RadixField>\n    );\n  },\n);\n"],"names":["forwardRef","Field","styles","RadixField"],"mappings":";;;;;;;AAwBO,MAAM,QAAQA,MAAAA;AAAAA,EACnB,SAASC,OAAM,EAAE,UAAU,GAAG,MAAA,GAAS,KAAK;AAC1C,UAAM,UAAU,WAAWC,YAAAA,QAAO,OAAO,MAAM,SAAS;AACxD,0CACGC,UAAAA,OAAA,EAAW,KAAW,GAAG,OAAO,WAAW,SACzC,UACH;AAAA,EAEJ;AACF;;"}
+{"version":3,"file":"Field.cjs","names":[],"sources":["../../../src/components/Form/Field.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 { Field as RadixField } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype FieldProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixField>;\n\n/**\n * Thin wrapper around Radix UI Field component\n * https://www.radix-ui.com/docs/primitives/components/form#field\n */\nexport const Field = forwardRef<HTMLDivElement, PropsWithChildren<FieldProps>>(\n  function Field({ children, ...props }, ref) {\n    const classes = classNames(styles.field, props.className);\n    return (\n      <RadixField ref={ref} {...props} className={classes}>\n        {children}\n      </RadixField>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;AAwBA,IAAa,SAAA,GAAA,MAAA,YACX,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CAC1C,MAAM,WAAA,GAAA,WAAA,SAAqB,oBAAA,QAAO,OAAO,MAAM,UAAU;AACzD,QACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,OAAD;EAAiB;EAAK,GAAI;EAAO,WAAW;EACzC;EACU,CAAA;EAGlB"}

package/dist/components/Form/Field.js

@@ -1,15 +1,23 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Field as Field$1 } from "@radix-ui/react-form";
-import styles from "./form.module.css.js";
+import form_module_default from "./form.module.js";
 import classNames from "classnames";
-const Field = forwardRef(
-  function Field2({ children, ...props }, ref) {
-    const classes = classNames(styles.field, props.className);
-    return /* @__PURE__ */ jsx(Field$1, { ref, ...props, className: classes, children });
-  }
-);
-export {
-  Field
-};
-//# sourceMappingURL=Field.js.map
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@radix-ui/react-form";
+//#region src/components/Form/Field.tsx
+/**
+* Thin wrapper around Radix UI Field component
+* https://www.radix-ui.com/docs/primitives/components/form#field
+*/
+var Field$1 = forwardRef(function Field$2({ children, ...props }, ref) {
+	const classes = classNames(form_module_default.field, props.className);
+	return /* @__PURE__ */ jsx(Field, {
+		ref,
+		...props,
+		className: classes,
+		children
+	});
+});
+//#endregion
+export { Field$1 as Field };
+
+//# sourceMappingURL=Field.js.map

package/dist/components/Form/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../src/components/Form/Field.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 { Field as RadixField } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype FieldProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixField>;\n\n/**\n * Thin wrapper around Radix UI Field component\n * https://www.radix-ui.com/docs/primitives/components/form#field\n */\nexport const Field = forwardRef<HTMLDivElement, PropsWithChildren<FieldProps>>(\n  function Field({ children, ...props }, ref) {\n    const classes = classNames(styles.field, props.className);\n    return (\n      <RadixField ref={ref} {...props} className={classes}>\n        {children}\n      </RadixField>\n    );\n  },\n);\n"],"names":["Field","RadixField"],"mappings":";;;;;AAwBO,MAAM,QAAQ;AAAA,EACnB,SAASA,OAAM,EAAE,UAAU,GAAG,MAAA,GAAS,KAAK;AAC1C,UAAM,UAAU,WAAW,OAAO,OAAO,MAAM,SAAS;AACxD,+BACGC,SAAA,EAAW,KAAW,GAAG,OAAO,WAAW,SACzC,UACH;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"Field.js","names":[],"sources":["../../../src/components/Form/Field.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 { Field as RadixField } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype FieldProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixField>;\n\n/**\n * Thin wrapper around Radix UI Field component\n * https://www.radix-ui.com/docs/primitives/components/form#field\n */\nexport const Field = forwardRef<HTMLDivElement, PropsWithChildren<FieldProps>>(\n  function Field({ children, ...props }, ref) {\n    const classes = classNames(styles.field, props.className);\n    return (\n      <RadixField ref={ref} {...props} className={classes}>\n        {children}\n      </RadixField>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;AAwBA,IAAa,UAAQ,WACnB,SAAS,QAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CAC1C,MAAM,UAAU,WAAW,oBAAO,OAAO,MAAM,UAAU;AACzD,QACE,oBAAC,OAAD;EAAiB;EAAK,GAAI;EAAO,WAAW;EACzC;EACU,CAAA;EAGlB"}

package/dist/components/Form/InlineField.cjs

@@ -1,18 +1,28 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const reactForm = require("@radix-ui/react-form");
-const form_module = require("./form.module.css.cjs");
-const classNames = require("classnames");
-const InlineField = React.forwardRef(
-  function InlineField2({ className, control, children, ...props }, ref) {
-    const classes = classNames(form_module.default["inline-field"], className);
-    return /* @__PURE__ */ jsxRuntime.jsxs(reactForm.Field, { ref, ...props, className: classes, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: form_module.default["inline-field-control"], children: control }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: form_module.default["inline-field-body"], children })
-    ] });
-  }
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_form_module = require("./form.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 _radix_ui_react_form = require("@radix-ui/react-form");
+//#region src/components/Form/InlineField.tsx
+var InlineField = (0, react.forwardRef)(function InlineField({ className, control, children, ...props }, ref) {
+	const classes = (0, classnames.default)(require_form_module.default["inline-field"], className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_form.Field, {
+		ref,
+		...props,
+		className: classes,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_form_module.default["inline-field-control"],
+			children: control
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_form_module.default["inline-field-body"],
+			children
+		})]
+	});
+});
+//#endregion
 exports.InlineField = InlineField;
-//# sourceMappingURL=InlineField.cjs.map
+
+//# sourceMappingURL=InlineField.cjs.map

package/dist/components/Form/InlineField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineField.cjs","sources":["../../../src/components/Form/InlineField.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 ReactElement } from \"react\";\nimport { Field } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype Props = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n\n  /**\n   * The checkbox/radio control to render alongside the rest of the field.\n   */\n  control: ReactElement;\n} & React.ComponentProps<typeof Field>;\n\nexport const InlineField = forwardRef<HTMLDivElement, Props>(\n  function InlineField({ className, control, children, ...props }, ref) {\n    const classes = classNames(styles[\"inline-field\"], className);\n    return (\n      <Field ref={ref} {...props} className={classes}>\n        <div className={styles[\"inline-field-control\"]}>{control}</div>\n        <div className={styles[\"inline-field-body\"]}>{children}</div>\n      </Field>\n    );\n  },\n);\n"],"names":["forwardRef","InlineField","styles","Field","jsx"],"mappings":";;;;;;;AAyBO,MAAM,cAAcA,MAAAA;AAAAA,EACzB,SAASC,aAAY,EAAE,WAAW,SAAS,UAAU,GAAG,MAAA,GAAS,KAAK;AACpE,UAAM,UAAU,WAAWC,YAAAA,QAAO,cAAc,GAAG,SAAS;AAC5D,2CACGC,UAAAA,OAAA,EAAM,KAAW,GAAG,OAAO,WAAW,SACrC,UAAA;AAAA,MAAAC,+BAAC,OAAA,EAAI,WAAWF,YAAAA,QAAO,sBAAsB,GAAI,UAAA,SAAQ;AAAA,qCACxD,OAAA,EAAI,WAAWA,YAAAA,QAAO,mBAAmB,GAAI,SAAA,CAAS;AAAA,IAAA,GACzD;AAAA,EAEJ;AACF;;"}
+{"version":3,"file":"InlineField.cjs","names":[],"sources":["../../../src/components/Form/InlineField.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 ReactElement } from \"react\";\nimport { Field } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype Props = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n\n  /**\n   * The checkbox/radio control to render alongside the rest of the field.\n   */\n  control: ReactElement;\n} & React.ComponentProps<typeof Field>;\n\nexport const InlineField = forwardRef<HTMLDivElement, Props>(\n  function InlineField({ className, control, children, ...props }, ref) {\n    const classes = classNames(styles[\"inline-field\"], className);\n    return (\n      <Field ref={ref} {...props} className={classes}>\n        <div className={styles[\"inline-field-control\"]}>{control}</div>\n        <div className={styles[\"inline-field-body\"]}>{children}</div>\n      </Field>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAyBA,IAAa,eAAA,GAAA,MAAA,YACX,SAAS,YAAY,EAAE,WAAW,SAAS,UAAU,GAAG,SAAS,KAAK;CACpE,MAAM,WAAA,GAAA,WAAA,SAAqB,oBAAA,QAAO,iBAAiB,UAAU;AAC7D,QACE,iBAAA,GAAA,kBAAA,MAAC,qBAAA,OAAD;EAAY;EAAK,GAAI;EAAO,WAAW;YAAvC,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,oBAAA,QAAO;aAA0B;GAAc,CAAA,EAC/D,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,oBAAA,QAAO;GAAuB;GAAe,CAAA,CACvD;;EAGb"}

package/dist/components/Form/InlineField.js

@@ -1,18 +1,25 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import form_module_default from "./form.module.js";
+import classNames from "classnames";
 import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@radix-ui/react-form";
-import styles from "./form.module.css.js";
-import classNames from "classnames";
-const InlineField = forwardRef(
-  function InlineField2({ className, control, children, ...props }, ref) {
-    const classes = classNames(styles["inline-field"], className);
-    return /* @__PURE__ */ jsxs(Field, { ref, ...props, className: classes, children: [
-      /* @__PURE__ */ jsx("div", { className: styles["inline-field-control"], children: control }),
-      /* @__PURE__ */ jsx("div", { className: styles["inline-field-body"], children })
-    ] });
-  }
-);
-export {
-  InlineField
-};
-//# sourceMappingURL=InlineField.js.map
+//#region src/components/Form/InlineField.tsx
+var InlineField = forwardRef(function InlineField({ className, control, children, ...props }, ref) {
+	const classes = classNames(form_module_default["inline-field"], className);
+	return /* @__PURE__ */ jsxs(Field, {
+		ref,
+		...props,
+		className: classes,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: form_module_default["inline-field-control"],
+			children: control
+		}), /* @__PURE__ */ jsx("div", {
+			className: form_module_default["inline-field-body"],
+			children
+		})]
+	});
+});
+//#endregion
+export { InlineField };
+
+//# sourceMappingURL=InlineField.js.map

package/dist/components/Form/InlineField.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineField.js","sources":["../../../src/components/Form/InlineField.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 ReactElement } from \"react\";\nimport { Field } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype Props = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n\n  /**\n   * The checkbox/radio control to render alongside the rest of the field.\n   */\n  control: ReactElement;\n} & React.ComponentProps<typeof Field>;\n\nexport const InlineField = forwardRef<HTMLDivElement, Props>(\n  function InlineField({ className, control, children, ...props }, ref) {\n    const classes = classNames(styles[\"inline-field\"], className);\n    return (\n      <Field ref={ref} {...props} className={classes}>\n        <div className={styles[\"inline-field-control\"]}>{control}</div>\n        <div className={styles[\"inline-field-body\"]}>{children}</div>\n      </Field>\n    );\n  },\n);\n"],"names":["InlineField"],"mappings":";;;;;AAyBO,MAAM,cAAc;AAAA,EACzB,SAASA,aAAY,EAAE,WAAW,SAAS,UAAU,GAAG,MAAA,GAAS,KAAK;AACpE,UAAM,UAAU,WAAW,OAAO,cAAc,GAAG,SAAS;AAC5D,gCACG,OAAA,EAAM,KAAW,GAAG,OAAO,WAAW,SACrC,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,sBAAsB,GAAI,UAAA,SAAQ;AAAA,0BACxD,OAAA,EAAI,WAAW,OAAO,mBAAmB,GAAI,SAAA,CAAS;AAAA,IAAA,GACzD;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"InlineField.js","names":[],"sources":["../../../src/components/Form/InlineField.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 ReactElement } from \"react\";\nimport { Field } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype Props = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n\n  /**\n   * The checkbox/radio control to render alongside the rest of the field.\n   */\n  control: ReactElement;\n} & React.ComponentProps<typeof Field>;\n\nexport const InlineField = forwardRef<HTMLDivElement, Props>(\n  function InlineField({ className, control, children, ...props }, ref) {\n    const classes = classNames(styles[\"inline-field\"], className);\n    return (\n      <Field ref={ref} {...props} className={classes}>\n        <div className={styles[\"inline-field-control\"]}>{control}</div>\n        <div className={styles[\"inline-field-body\"]}>{children}</div>\n      </Field>\n    );\n  },\n);\n"],"mappings":";;;;;;AAyBA,IAAa,cAAc,WACzB,SAAS,YAAY,EAAE,WAAW,SAAS,UAAU,GAAG,SAAS,KAAK;CACpE,MAAM,UAAU,WAAW,oBAAO,iBAAiB,UAAU;AAC7D,QACE,qBAAC,OAAD;EAAY;EAAK,GAAI;EAAO,WAAW;YAAvC,CACE,oBAAC,OAAD;GAAK,WAAW,oBAAO;aAA0B;GAAc,CAAA,EAC/D,oBAAC,OAAD;GAAK,WAAW,oBAAO;GAAuB;GAAe,CAAA,CACvD;;EAGb"}

package/dist/components/Form/Label.cjs

@@ -1,13 +1,26 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const reactForm = require("@radix-ui/react-form");
-const form_module = require("./form.module.css.cjs");
-const classNames = require("classnames");
-const Label = React.forwardRef(function Label2({ children, ...props }, ref) {
-  const classes = classNames(form_module.default.label, props.className);
-  return /* @__PURE__ */ jsxRuntime.jsx(reactForm.Label, { ref, ...props, className: classes, children });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_form_module = require("./form.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 _radix_ui_react_form = require("@radix-ui/react-form");
+//#region src/components/Form/Label.tsx
+/**
+* Thin wrapper around Radix UI Label component
+* https://www.radix-ui.com/docs/primitives/components/form#label
+*/
+var Label = (0, react.forwardRef)(function Label({ children, ...props }, ref) {
+	const classes = (0, classnames.default)(require_form_module.default.label, props.className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_form.Label, {
+		ref,
+		...props,
+		className: classes,
+		children
+	});
 });
+//#endregion
 exports.Label = Label;
-//# sourceMappingURL=Label.cjs.map
+
+//# sourceMappingURL=Label.cjs.map

package/dist/components/Form/Label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs","sources":["../../../src/components/Form/Label.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, { type PropsWithChildren, forwardRef } from \"react\";\nimport { Label as RadixLabel } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype LabelProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixLabel>;\n\n/**\n * Thin wrapper around Radix UI Label component\n * https://www.radix-ui.com/docs/primitives/components/form#label\n */\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  PropsWithChildren<LabelProps>\n>(function Label({ children, ...props }, ref) {\n  const classes = classNames(styles.label, props.className);\n  return (\n    <RadixLabel ref={ref} {...props} className={classes}>\n      {children}\n    </RadixLabel>\n  );\n});\n"],"names":["forwardRef","Label","styles","RadixLabel"],"mappings":";;;;;;;AAwBO,MAAM,QAAQA,MAAAA,WAGnB,SAASC,OAAM,EAAE,UAAU,GAAG,MAAA,GAAS,KAAK;AAC5C,QAAM,UAAU,WAAWC,YAAAA,QAAO,OAAO,MAAM,SAAS;AACxD,wCACGC,UAAAA,OAAA,EAAW,KAAW,GAAG,OAAO,WAAW,SACzC,UACH;AAEJ,CAAC;;"}
+{"version":3,"file":"Label.cjs","names":[],"sources":["../../../src/components/Form/Label.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, { type PropsWithChildren, forwardRef } from \"react\";\nimport { Label as RadixLabel } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype LabelProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixLabel>;\n\n/**\n * Thin wrapper around Radix UI Label component\n * https://www.radix-ui.com/docs/primitives/components/form#label\n */\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  PropsWithChildren<LabelProps>\n>(function Label({ children, ...props }, ref) {\n  const classes = classNames(styles.label, props.className);\n  return (\n    <RadixLabel ref={ref} {...props} className={classes}>\n      {children}\n    </RadixLabel>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;AAwBA,IAAa,SAAA,GAAA,MAAA,YAGX,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CAC5C,MAAM,WAAA,GAAA,WAAA,SAAqB,oBAAA,QAAO,OAAO,MAAM,UAAU;AACzD,QACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,OAAD;EAAiB;EAAK,GAAI;EAAO,WAAW;EACzC;EACU,CAAA;EAEf"}

package/dist/components/Form/Label.js

@@ -1,13 +1,23 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Label as Label$1 } from "@radix-ui/react-form";
-import styles from "./form.module.css.js";
+import form_module_default from "./form.module.js";
 import classNames from "classnames";
-const Label = forwardRef(function Label2({ children, ...props }, ref) {
-  const classes = classNames(styles.label, props.className);
-  return /* @__PURE__ */ jsx(Label$1, { ref, ...props, className: classes, children });
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Label } from "@radix-ui/react-form";
+//#region src/components/Form/Label.tsx
+/**
+* Thin wrapper around Radix UI Label component
+* https://www.radix-ui.com/docs/primitives/components/form#label
+*/
+var Label$1 = forwardRef(function Label$2({ children, ...props }, ref) {
+	const classes = classNames(form_module_default.label, props.className);
+	return /* @__PURE__ */ jsx(Label, {
+		ref,
+		...props,
+		className: classes,
+		children
+	});
 });
-export {
-  Label
-};
-//# sourceMappingURL=Label.js.map
+//#endregion
+export { Label$1 as Label };
+
+//# sourceMappingURL=Label.js.map

package/dist/components/Form/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../src/components/Form/Label.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, { type PropsWithChildren, forwardRef } from \"react\";\nimport { Label as RadixLabel } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype LabelProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixLabel>;\n\n/**\n * Thin wrapper around Radix UI Label component\n * https://www.radix-ui.com/docs/primitives/components/form#label\n */\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  PropsWithChildren<LabelProps>\n>(function Label({ children, ...props }, ref) {\n  const classes = classNames(styles.label, props.className);\n  return (\n    <RadixLabel ref={ref} {...props} className={classes}>\n      {children}\n    </RadixLabel>\n  );\n});\n"],"names":["Label","RadixLabel"],"mappings":";;;;;AAwBO,MAAM,QAAQ,WAGnB,SAASA,OAAM,EAAE,UAAU,GAAG,MAAA,GAAS,KAAK;AAC5C,QAAM,UAAU,WAAW,OAAO,OAAO,MAAM,SAAS;AACxD,6BACGC,SAAA,EAAW,KAAW,GAAG,OAAO,WAAW,SACzC,UACH;AAEJ,CAAC;"}
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/Form/Label.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, { type PropsWithChildren, forwardRef } from \"react\";\nimport { Label as RadixLabel } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype LabelProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixLabel>;\n\n/**\n * Thin wrapper around Radix UI Label component\n * https://www.radix-ui.com/docs/primitives/components/form#label\n */\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  PropsWithChildren<LabelProps>\n>(function Label({ children, ...props }, ref) {\n  const classes = classNames(styles.label, props.className);\n  return (\n    <RadixLabel ref={ref} {...props} className={classes}>\n      {children}\n    </RadixLabel>\n  );\n});\n"],"mappings":";;;;;;;;;;AAwBA,IAAa,UAAQ,WAGnB,SAAS,QAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CAC5C,MAAM,UAAU,WAAW,oBAAO,OAAO,MAAM,UAAU;AACzD,QACE,oBAAC,OAAD;EAAiB;EAAK,GAAI;EAAO,WAAW;EACzC;EACU,CAAA;EAEf"}

package/dist/components/Form/Message.cjs

@@ -1,48 +1,69 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const reactForm = require("@radix-ui/react-form");
-const CheckCircleSolidIcon = require("@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid");
-const ErrorIcon = require("@vector-im/compound-design-tokens/assets/web/icons/error-solid");
-const form_module = require("./form.module.css.cjs");
-const classNames = require("classnames");
-const InlineSpinner = require("../InlineSpinner/InlineSpinner.cjs");
-const ErrorMessage = React.forwardRef(function ErrorMessage2({ children, className, ...props }, ref) {
-  const classes = classNames(
-    form_module.default.message,
-    form_module.default["error-message"],
-    className
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactForm.Message, { ref, ...props, className: classes, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, {}),
-    children
-  ] });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_form_module = require("./form.module.cjs");
+const require_InlineSpinner = require("../InlineSpinner/InlineSpinner.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _vector_im_compound_design_tokens_assets_web_icons_error_solid = require("@vector-im/compound-design-tokens/assets/web/icons/error-solid");
+_vector_im_compound_design_tokens_assets_web_icons_error_solid = require_runtime.__toESM(_vector_im_compound_design_tokens_assets_web_icons_error_solid);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_form = require("@radix-ui/react-form");
+let _vector_im_compound_design_tokens_assets_web_icons_check_circle_solid = require("@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid");
+_vector_im_compound_design_tokens_assets_web_icons_check_circle_solid = require_runtime.__toESM(_vector_im_compound_design_tokens_assets_web_icons_check_circle_solid);
+//#region src/components/Form/Message.tsx
+/**
+* An error message to display below a form control.
+*/
+var ErrorMessage = (0, react.forwardRef)(function ErrorMessage({ children, className, ...props }, ref) {
+	const classes = (0, classnames.default)(require_form_module.default.message, require_form_module.default["error-message"], className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_form.Message, {
+		ref,
+		...props,
+		className: classes,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_vector_im_compound_design_tokens_assets_web_icons_error_solid.default, {}), children]
+	});
 });
-const SuccessMessage = React.forwardRef(function SuccessMessage2({ children, className, ...props }, ref) {
-  const classes = classNames(
-    form_module.default.message,
-    form_module.default["success-message"],
-    className
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactForm.Message, { ref, ...props, className: classes, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CheckCircleSolidIcon, {}),
-    children
-  ] });
+/**
+* A success message to display below a form control.
+*/
+var SuccessMessage = (0, react.forwardRef)(function SuccessMessage({ children, className, ...props }, ref) {
+	const classes = (0, classnames.default)(require_form_module.default.message, require_form_module.default["success-message"], className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_form.Message, {
+		ref,
+		...props,
+		className: classes,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_vector_im_compound_design_tokens_assets_web_icons_check_circle_solid.default, {}), children]
+	});
 });
-const LoadingMessage = React.forwardRef(function LoadingMessage2({ children, className, ...props }, ref) {
-  const classes = classNames(form_module.default.message, className);
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactForm.Message, { ref, ...props, className: classes, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(InlineSpinner.InlineSpinner, {}),
-    children
-  ] });
+/**
+* A message showing a loading state
+*/
+var LoadingMessage = (0, react.forwardRef)(function LoadingMessage({ children, className, ...props }, ref) {
+	const classes = (0, classnames.default)(require_form_module.default.message, className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_form.Message, {
+		ref,
+		...props,
+		className: classes,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InlineSpinner.InlineSpinner, {}), children]
+	});
 });
-const HelpMessage = React.forwardRef(function HelpMessage2({ children, className, ...props }, ref) {
-  const classes = classNames(form_module.default.message, form_module.default["help-message"], className);
-  return /* @__PURE__ */ jsxRuntime.jsx(reactForm.Message, { ref, ...props, className: classes, children });
+/**
+* A help message to display below a form control.
+*/
+var HelpMessage = (0, react.forwardRef)(function HelpMessage({ children, className, ...props }, ref) {
+	const classes = (0, classnames.default)(require_form_module.default.message, require_form_module.default["help-message"], className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_form.Message, {
+		ref,
+		...props,
+		className: classes,
+		children
+	});
 });
+//#endregion
 exports.ErrorMessage = ErrorMessage;
 exports.HelpMessage = HelpMessage;
 exports.LoadingMessage = LoadingMessage;
 exports.SuccessMessage = SuccessMessage;
-//# sourceMappingURL=Message.cjs.map
+
+//# sourceMappingURL=Message.cjs.map

package/dist/components/Form/Message.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Message.cjs","sources":["../../../src/components/Form/Message.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 { Message } from \"@radix-ui/react-form\";\nimport CheckCircleSolidIcon from \"@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid\";\nimport ErrorIcon from \"@vector-im/compound-design-tokens/assets/web/icons/error-solid\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\nimport { InlineSpinner } from \"../InlineSpinner\";\n\ntype MessageProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof Message>;\n\n/**\n * An error message to display below a form control.\n */\nexport const ErrorMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function ErrorMessage({ children, className, ...props }, ref) {\n  const classes = classNames(\n    styles.message,\n    styles[\"error-message\"],\n    className,\n  );\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <ErrorIcon />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A success message to display below a form control.\n */\nexport const SuccessMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function SuccessMessage({ children, className, ...props }, ref) {\n  const classes = classNames(\n    styles.message,\n    styles[\"success-message\"],\n    className,\n  );\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <CheckCircleSolidIcon />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A message showing a loading state\n */\nexport const LoadingMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function LoadingMessage({ children, className, ...props }, ref) {\n  const classes = classNames(styles.message, className);\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <InlineSpinner />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A help message to display below a form control.\n */\nexport const HelpMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function HelpMessage({ children, className, ...props }, ref) {\n  const classes = classNames(styles.message, styles[\"help-message\"], className);\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      {children}\n    </Message>\n  );\n});\n"],"names":["forwardRef","ErrorMessage","styles","Message","jsx","SuccessMessage","LoadingMessage","InlineSpinner","HelpMessage"],"mappings":";;;;;;;;;;AA0BO,MAAM,eAAeA,MAAAA,WAG1B,SAASC,cAAa,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,KAAK;AAC9D,QAAM,UAAU;AAAA,IACdC,YAAAA,QAAO;AAAA,IACPA,YAAAA,QAAO,eAAe;AAAA,IACtB;AAAA,EAAA;AAEF,yCACGC,UAAAA,SAAA,EAAQ,KAAW,GAAG,OAAO,WAAW,SACvC,UAAA;AAAA,IAAAC,2BAAAA,IAAC,WAAA,EAAU;AAAA,IACV;AAAA,EAAA,GACH;AAEJ,CAAC;AAKM,MAAM,iBAAiBJ,MAAAA,WAG5B,SAASK,gBAAe,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,KAAK;AAChE,QAAM,UAAU;AAAA,IACdH,YAAAA,QAAO;AAAA,IACPA,YAAAA,QAAO,iBAAiB;AAAA,IACxB;AAAA,EAAA;AAEF,yCACGC,UAAAA,SAAA,EAAQ,KAAW,GAAG,OAAO,WAAW,SACvC,UAAA;AAAA,IAAAC,2BAAAA,IAAC,sBAAA,EAAqB;AAAA,IACrB;AAAA,EAAA,GACH;AAEJ,CAAC;AAKM,MAAM,iBAAiBJ,MAAAA,WAG5B,SAASM,gBAAe,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,KAAK;AAChE,QAAM,UAAU,WAAWJ,oBAAO,SAAS,SAAS;AACpD,yCACGC,UAAAA,SAAA,EAAQ,KAAW,GAAG,OAAO,WAAW,SACvC,UAAA;AAAA,IAAAC,2BAAAA,IAACG,cAAAA,eAAA,EAAc;AAAA,IACd;AAAA,EAAA,GACH;AAEJ,CAAC;AAKM,MAAM,cAAcP,MAAAA,WAGzB,SAASQ,aAAY,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,KAAK;AAC7D,QAAM,UAAU,WAAWN,YAAAA,QAAO,SAASA,oBAAO,cAAc,GAAG,SAAS;AAC5E,wCACGC,UAAAA,SAAA,EAAQ,KAAW,GAAG,OAAO,WAAW,SACtC,UACH;AAEJ,CAAC;;;;;"}
+{"version":3,"file":"Message.cjs","names":[],"sources":["../../../src/components/Form/Message.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 { Message } from \"@radix-ui/react-form\";\nimport CheckCircleSolidIcon from \"@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid\";\nimport ErrorIcon from \"@vector-im/compound-design-tokens/assets/web/icons/error-solid\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\nimport { InlineSpinner } from \"../InlineSpinner\";\n\ntype MessageProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof Message>;\n\n/**\n * An error message to display below a form control.\n */\nexport const ErrorMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function ErrorMessage({ children, className, ...props }, ref) {\n  const classes = classNames(\n    styles.message,\n    styles[\"error-message\"],\n    className,\n  );\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <ErrorIcon />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A success message to display below a form control.\n */\nexport const SuccessMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function SuccessMessage({ children, className, ...props }, ref) {\n  const classes = classNames(\n    styles.message,\n    styles[\"success-message\"],\n    className,\n  );\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <CheckCircleSolidIcon />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A message showing a loading state\n */\nexport const LoadingMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function LoadingMessage({ children, className, ...props }, ref) {\n  const classes = classNames(styles.message, className);\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <InlineSpinner />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A help message to display below a form control.\n */\nexport const HelpMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function HelpMessage({ children, className, ...props }, ref) {\n  const classes = classNames(styles.message, styles[\"help-message\"], className);\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      {children}\n    </Message>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,IAAa,gBAAA,GAAA,MAAA,YAGX,SAAS,aAAa,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAC9D,MAAM,WAAA,GAAA,WAAA,SACJ,oBAAA,QAAO,SACP,oBAAA,QAAO,kBACP,UACD;AACD,QACE,iBAAA,GAAA,kBAAA,MAAC,qBAAA,SAAD;EAAc;EAAK,GAAI;EAAO,WAAW;YAAzC,CACE,iBAAA,GAAA,kBAAA,KAAC,+DAAA,SAAD,EAAa,CAAA,EACZ,SACO;;EAEZ;;;;AAKF,IAAa,kBAAA,GAAA,MAAA,YAGX,SAAS,eAAe,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAChE,MAAM,WAAA,GAAA,WAAA,SACJ,oBAAA,QAAO,SACP,oBAAA,QAAO,oBACP,UACD;AACD,QACE,iBAAA,GAAA,kBAAA,MAAC,qBAAA,SAAD;EAAc;EAAK,GAAI;EAAO,WAAW;YAAzC,CACE,iBAAA,GAAA,kBAAA,KAAC,sEAAA,SAAD,EAAwB,CAAA,EACvB,SACO;;EAEZ;;;;AAKF,IAAa,kBAAA,GAAA,MAAA,YAGX,SAAS,eAAe,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAChE,MAAM,WAAA,GAAA,WAAA,SAAqB,oBAAA,QAAO,SAAS,UAAU;AACrD,QACE,iBAAA,GAAA,kBAAA,MAAC,qBAAA,SAAD;EAAc;EAAK,GAAI;EAAO,WAAW;YAAzC,CACE,iBAAA,GAAA,kBAAA,KAAC,sBAAA,eAAD,EAAiB,CAAA,EAChB,SACO;;EAEZ;;;;AAKF,IAAa,eAAA,GAAA,MAAA,YAGX,SAAS,YAAY,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAC7D,MAAM,WAAA,GAAA,WAAA,SAAqB,oBAAA,QAAO,SAAS,oBAAA,QAAO,iBAAiB,UAAU;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,SAAD;EAAc;EAAK,GAAI;EAAO,WAAW;EACtC;EACO,CAAA;EAEZ"}

package/dist/components/Form/Message.js

@@ -1,48 +1,61 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import form_module_default from "./form.module.js";
+import { InlineSpinner } from "../InlineSpinner/InlineSpinner.js";
+import classNames from "classnames";
 import { forwardRef } from "react";
+import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Message } from "@radix-ui/react-form";
 import CheckCircleSolidIcon from "@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid";
-import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
-import styles from "./form.module.css.js";
-import classNames from "classnames";
-import { InlineSpinner } from "../InlineSpinner/InlineSpinner.js";
-const ErrorMessage = forwardRef(function ErrorMessage2({ children, className, ...props }, ref) {
-  const classes = classNames(
-    styles.message,
-    styles["error-message"],
-    className
-  );
-  return /* @__PURE__ */ jsxs(Message, { ref, ...props, className: classes, children: [
-    /* @__PURE__ */ jsx(ErrorIcon, {}),
-    children
-  ] });
+//#region src/components/Form/Message.tsx
+/**
+* An error message to display below a form control.
+*/
+var ErrorMessage = forwardRef(function ErrorMessage({ children, className, ...props }, ref) {
+	const classes = classNames(form_module_default.message, form_module_default["error-message"], className);
+	return /* @__PURE__ */ jsxs(Message, {
+		ref,
+		...props,
+		className: classes,
+		children: [/* @__PURE__ */ jsx(ErrorIcon, {}), children]
+	});
 });
-const SuccessMessage = forwardRef(function SuccessMessage2({ children, className, ...props }, ref) {
-  const classes = classNames(
-    styles.message,
-    styles["success-message"],
-    className
-  );
-  return /* @__PURE__ */ jsxs(Message, { ref, ...props, className: classes, children: [
-    /* @__PURE__ */ jsx(CheckCircleSolidIcon, {}),
-    children
-  ] });
+/**
+* A success message to display below a form control.
+*/
+var SuccessMessage = forwardRef(function SuccessMessage({ children, className, ...props }, ref) {
+	const classes = classNames(form_module_default.message, form_module_default["success-message"], className);
+	return /* @__PURE__ */ jsxs(Message, {
+		ref,
+		...props,
+		className: classes,
+		children: [/* @__PURE__ */ jsx(CheckCircleSolidIcon, {}), children]
+	});
 });
-const LoadingMessage = forwardRef(function LoadingMessage2({ children, className, ...props }, ref) {
-  const classes = classNames(styles.message, className);
-  return /* @__PURE__ */ jsxs(Message, { ref, ...props, className: classes, children: [
-    /* @__PURE__ */ jsx(InlineSpinner, {}),
-    children
-  ] });
+/**
+* A message showing a loading state
+*/
+var LoadingMessage = forwardRef(function LoadingMessage({ children, className, ...props }, ref) {
+	const classes = classNames(form_module_default.message, className);
+	return /* @__PURE__ */ jsxs(Message, {
+		ref,
+		...props,
+		className: classes,
+		children: [/* @__PURE__ */ jsx(InlineSpinner, {}), children]
+	});
 });
-const HelpMessage = forwardRef(function HelpMessage2({ children, className, ...props }, ref) {
-  const classes = classNames(styles.message, styles["help-message"], className);
-  return /* @__PURE__ */ jsx(Message, { ref, ...props, className: classes, children });
+/**
+* A help message to display below a form control.
+*/
+var HelpMessage = forwardRef(function HelpMessage({ children, className, ...props }, ref) {
+	const classes = classNames(form_module_default.message, form_module_default["help-message"], className);
+	return /* @__PURE__ */ jsx(Message, {
+		ref,
+		...props,
+		className: classes,
+		children
+	});
 });
-export {
-  ErrorMessage,
-  HelpMessage,
-  LoadingMessage,
-  SuccessMessage
-};
-//# sourceMappingURL=Message.js.map
+//#endregion
+export { ErrorMessage, HelpMessage, LoadingMessage, SuccessMessage };
+
+//# sourceMappingURL=Message.js.map

package/dist/components/Form/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../src/components/Form/Message.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 { Message } from \"@radix-ui/react-form\";\nimport CheckCircleSolidIcon from \"@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid\";\nimport ErrorIcon from \"@vector-im/compound-design-tokens/assets/web/icons/error-solid\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\nimport { InlineSpinner } from \"../InlineSpinner\";\n\ntype MessageProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof Message>;\n\n/**\n * An error message to display below a form control.\n */\nexport const ErrorMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function ErrorMessage({ children, className, ...props }, ref) {\n  const classes = classNames(\n    styles.message,\n    styles[\"error-message\"],\n    className,\n  );\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <ErrorIcon />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A success message to display below a form control.\n */\nexport const SuccessMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function SuccessMessage({ children, className, ...props }, ref) {\n  const classes = classNames(\n    styles.message,\n    styles[\"success-message\"],\n    className,\n  );\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <CheckCircleSolidIcon />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A message showing a loading state\n */\nexport const LoadingMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function LoadingMessage({ children, className, ...props }, ref) {\n  const classes = classNames(styles.message, className);\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <InlineSpinner />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A help message to display below a form control.\n */\nexport const HelpMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function HelpMessage({ children, className, ...props }, ref) {\n  const classes = classNames(styles.message, styles[\"help-message\"], className);\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      {children}\n    </Message>\n  );\n});\n"],"names":["ErrorMessage","SuccessMessage","LoadingMessage","HelpMessage"],"mappings":";;;;;;;;AA0BO,MAAM,eAAe,WAG1B,SAASA,cAAa,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,KAAK;AAC9D,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,IACP,OAAO,eAAe;AAAA,IACtB;AAAA,EAAA;AAEF,8BACG,SAAA,EAAQ,KAAW,GAAG,OAAO,WAAW,SACvC,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU;AAAA,IACV;AAAA,EAAA,GACH;AAEJ,CAAC;AAKM,MAAM,iBAAiB,WAG5B,SAASC,gBAAe,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,KAAK;AAChE,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,IACP,OAAO,iBAAiB;AAAA,IACxB;AAAA,EAAA;AAEF,8BACG,SAAA,EAAQ,KAAW,GAAG,OAAO,WAAW,SACvC,UAAA;AAAA,IAAA,oBAAC,sBAAA,EAAqB;AAAA,IACrB;AAAA,EAAA,GACH;AAEJ,CAAC;AAKM,MAAM,iBAAiB,WAG5B,SAASC,gBAAe,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,KAAK;AAChE,QAAM,UAAU,WAAW,OAAO,SAAS,SAAS;AACpD,8BACG,SAAA,EAAQ,KAAW,GAAG,OAAO,WAAW,SACvC,UAAA;AAAA,IAAA,oBAAC,eAAA,EAAc;AAAA,IACd;AAAA,EAAA,GACH;AAEJ,CAAC;AAKM,MAAM,cAAc,WAGzB,SAASC,aAAY,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,KAAK;AAC7D,QAAM,UAAU,WAAW,OAAO,SAAS,OAAO,cAAc,GAAG,SAAS;AAC5E,6BACG,SAAA,EAAQ,KAAW,GAAG,OAAO,WAAW,SACtC,UACH;AAEJ,CAAC;"}
+{"version":3,"file":"Message.js","names":[],"sources":["../../../src/components/Form/Message.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 { Message } from \"@radix-ui/react-form\";\nimport CheckCircleSolidIcon from \"@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid\";\nimport ErrorIcon from \"@vector-im/compound-design-tokens/assets/web/icons/error-solid\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\nimport { InlineSpinner } from \"../InlineSpinner\";\n\ntype MessageProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof Message>;\n\n/**\n * An error message to display below a form control.\n */\nexport const ErrorMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function ErrorMessage({ children, className, ...props }, ref) {\n  const classes = classNames(\n    styles.message,\n    styles[\"error-message\"],\n    className,\n  );\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <ErrorIcon />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A success message to display below a form control.\n */\nexport const SuccessMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function SuccessMessage({ children, className, ...props }, ref) {\n  const classes = classNames(\n    styles.message,\n    styles[\"success-message\"],\n    className,\n  );\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <CheckCircleSolidIcon />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A message showing a loading state\n */\nexport const LoadingMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function LoadingMessage({ children, className, ...props }, ref) {\n  const classes = classNames(styles.message, className);\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      <InlineSpinner />\n      {children}\n    </Message>\n  );\n});\n\n/**\n * A help message to display below a form control.\n */\nexport const HelpMessage = forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<MessageProps>\n>(function HelpMessage({ children, className, ...props }, ref) {\n  const classes = classNames(styles.message, styles[\"help-message\"], className);\n  return (\n    <Message ref={ref} {...props} className={classes}>\n      {children}\n    </Message>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AA0BA,IAAa,eAAe,WAG1B,SAAS,aAAa,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAC9D,MAAM,UAAU,WACd,oBAAO,SACP,oBAAO,kBACP,UACD;AACD,QACE,qBAAC,SAAD;EAAc;EAAK,GAAI;EAAO,WAAW;YAAzC,CACE,oBAAC,WAAD,EAAa,CAAA,EACZ,SACO;;EAEZ;;;;AAKF,IAAa,iBAAiB,WAG5B,SAAS,eAAe,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAChE,MAAM,UAAU,WACd,oBAAO,SACP,oBAAO,oBACP,UACD;AACD,QACE,qBAAC,SAAD;EAAc;EAAK,GAAI;EAAO,WAAW;YAAzC,CACE,oBAAC,sBAAD,EAAwB,CAAA,EACvB,SACO;;EAEZ;;;;AAKF,IAAa,iBAAiB,WAG5B,SAAS,eAAe,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAChE,MAAM,UAAU,WAAW,oBAAO,SAAS,UAAU;AACrD,QACE,qBAAC,SAAD;EAAc;EAAK,GAAI;EAAO,WAAW;YAAzC,CACE,oBAAC,eAAD,EAAiB,CAAA,EAChB,SACO;;EAEZ;;;;AAKF,IAAa,cAAc,WAGzB,SAAS,YAAY,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAC7D,MAAM,UAAU,WAAW,oBAAO,SAAS,oBAAO,iBAAiB,UAAU;AAC7E,QACE,oBAAC,SAAD;EAAc;EAAK,GAAI;EAAO,WAAW;EACtC;EACO,CAAA;EAEZ"}