@vector-im/compound-web 8.4.0 → 9.0.1

package/dist/components/Form/Root.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 Root = React.forwardRef(
-  function Root2({ children, ...props }, ref) {
-    const classes = classNames(form_module.default.root, props.className);
-    return /* @__PURE__ */ jsxRuntime.jsx(reactForm.Root, { 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/Root.tsx
+/**
+* Thin wrapper around Radix UI Root component
+* https://www.radix-ui.com/docs/primitives/components/form#root
+*/
+var Root = (0, react.forwardRef)(function Root({ children, ...props }, ref) {
+	const classes = (0, classnames.default)(require_form_module.default.root, props.className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_form.Root, {
+		ref,
+		...props,
+		className: classes,
+		children
+	});
+});
+//#endregion
 exports.Root = Root;
-//# sourceMappingURL=Root.cjs.map
+
+//# sourceMappingURL=Root.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Root.cjs","sources":["../../../src/components/Form/Root.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 { Root as RadixRoot } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype RootProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixRoot>;\n\n/**\n * Thin wrapper around Radix UI Root component\n * https://www.radix-ui.com/docs/primitives/components/form#root\n */\nexport const Root = forwardRef<HTMLFormElement, PropsWithChildren<RootProps>>(\n  function Root({ children, ...props }, ref) {\n    const classes = classNames(styles.root, props.className);\n    return (\n      <RadixRoot ref={ref} {...props} className={classes}>\n        {children}\n      </RadixRoot>\n    );\n  },\n);\n"],"names":["forwardRef","Root","styles","RadixRoot"],"mappings":";;;;;;;AAwBO,MAAM,OAAOA,MAAAA;AAAAA,EAClB,SAASC,MAAK,EAAE,UAAU,GAAG,MAAA,GAAS,KAAK;AACzC,UAAM,UAAU,WAAWC,YAAAA,QAAO,MAAM,MAAM,SAAS;AACvD,0CACGC,UAAAA,MAAA,EAAU,KAAW,GAAG,OAAO,WAAW,SACxC,UACH;AAAA,EAEJ;AACF;;"}
+{"version":3,"file":"Root.cjs","names":[],"sources":["../../../src/components/Form/Root.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 { Root as RadixRoot } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype RootProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixRoot>;\n\n/**\n * Thin wrapper around Radix UI Root component\n * https://www.radix-ui.com/docs/primitives/components/form#root\n */\nexport const Root = forwardRef<HTMLFormElement, PropsWithChildren<RootProps>>(\n  function Root({ children, ...props }, ref) {\n    const classes = classNames(styles.root, props.className);\n    return (\n      <RadixRoot ref={ref} {...props} className={classes}>\n        {children}\n      </RadixRoot>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;AAwBA,IAAa,QAAA,GAAA,MAAA,YACX,SAAS,KAAK,EAAE,UAAU,GAAG,SAAS,KAAK;CACzC,MAAM,WAAA,GAAA,WAAA,SAAqB,oBAAA,QAAO,MAAM,MAAM,UAAU;AACxD,QACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,MAAD;EAAgB;EAAK,GAAI;EAAO,WAAW;EACxC;EACS,CAAA;EAGjB"}

package/dist/components/Form/Root.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Root.js","sources":["../../../src/components/Form/Root.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 { Root as RadixRoot } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype RootProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixRoot>;\n\n/**\n * Thin wrapper around Radix UI Root component\n * https://www.radix-ui.com/docs/primitives/components/form#root\n */\nexport const Root = forwardRef<HTMLFormElement, PropsWithChildren<RootProps>>(\n  function Root({ children, ...props }, ref) {\n    const classes = classNames(styles.root, props.className);\n    return (\n      <RadixRoot ref={ref} {...props} className={classes}>\n        {children}\n      </RadixRoot>\n    );\n  },\n);\n"],"names":["Root","RadixRoot"],"mappings":";;;;;AAwBO,MAAM,OAAO;AAAA,EAClB,SAASA,MAAK,EAAE,UAAU,GAAG,MAAA,GAAS,KAAK;AACzC,UAAM,UAAU,WAAW,OAAO,MAAM,MAAM,SAAS;AACvD,+BACGC,QAAA,EAAU,KAAW,GAAG,OAAO,WAAW,SACxC,UACH;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"Root.js","names":[],"sources":["../../../src/components/Form/Root.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 { Root as RadixRoot } from \"@radix-ui/react-form\";\n\nimport styles from \"./form.module.css\";\nimport classNames from \"classnames\";\n\ntype RootProps = {\n  /**\n   * The CSS class name.\n   */\n  className?: string;\n} & React.ComponentProps<typeof RadixRoot>;\n\n/**\n * Thin wrapper around Radix UI Root component\n * https://www.radix-ui.com/docs/primitives/components/form#root\n */\nexport const Root = forwardRef<HTMLFormElement, PropsWithChildren<RootProps>>(\n  function Root({ children, ...props }, ref) {\n    const classes = classNames(styles.root, props.className);\n    return (\n      <RadixRoot ref={ref} {...props} className={classes}>\n        {children}\n      </RadixRoot>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;AAwBA,IAAa,SAAO,WAClB,SAAS,OAAK,EAAE,UAAU,GAAG,SAAS,KAAK;CACzC,MAAM,UAAU,WAAW,oBAAO,MAAM,MAAM,UAAU;AACxD,QACE,oBAAC,MAAD;EAAgB;EAAK,GAAI;EAAO,WAAW;EACxC;EACS,CAAA;EAGjB"}

package/dist/components/Form/Submit.cjs

@@ -1,13 +1,24 @@
-"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 Button = require("../Button/Button.cjs");
-const Submit = React.forwardRef(
-  function Submit2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactForm.Submit, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "submit", ref, ...props }) });
-  }
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Button = require("../Button/Button.cjs");
+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/Submit.tsx
+/**
+* A stylised submit button for forms.
+*/
+var Submit = (0, react.forwardRef)(function Submit(props, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_form.Submit, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+			type: "submit",
+			ref,
+			...props
+		})
+	});
+});
+//#endregion
 exports.Submit = Submit;
-//# sourceMappingURL=Submit.cjs.map
+
+//# sourceMappingURL=Submit.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Submit.cjs","sources":["../../../src/components/Form/Submit.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 ComponentPropsWithoutRef } from \"react\";\nimport { Submit as RadixSubmit } from \"@radix-ui/react-form\";\n\nimport { Button } from \"../Button/Button\";\n\ntype SubmitProps = Omit<\n  ComponentPropsWithoutRef<typeof Button>,\n  \"submit\" | \"as\"\n>;\n\n/**\n * A stylised submit button for forms.\n */\nexport const Submit = forwardRef<HTMLButtonElement, SubmitProps>(\n  function Submit(props, ref) {\n    return (\n      <RadixSubmit asChild>\n        <Button type=\"submit\" ref={ref} {...props} />\n      </RadixSubmit>\n    );\n  },\n);\n"],"names":["forwardRef","Submit","jsx","RadixSubmit","Button"],"mappings":";;;;;;AAoBO,MAAM,SAASA,MAAAA;AAAAA,EACpB,SAASC,QAAO,OAAO,KAAK;AAC1B,WACEC,2BAAAA,IAACC,UAAAA,QAAA,EAAY,SAAO,MAClB,UAAAD,2BAAAA,IAACE,OAAAA,QAAA,EAAO,MAAK,UAAS,KAAW,GAAG,MAAA,CAAO,EAAA,CAC7C;AAAA,EAEJ;AACF;;"}
+{"version":3,"file":"Submit.cjs","names":[],"sources":["../../../src/components/Form/Submit.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 ComponentPropsWithoutRef } from \"react\";\nimport { Submit as RadixSubmit } from \"@radix-ui/react-form\";\n\nimport { Button } from \"../Button/Button\";\n\ntype SubmitProps = Omit<\n  ComponentPropsWithoutRef<typeof Button>,\n  \"submit\" | \"as\"\n>;\n\n/**\n * A stylised submit button for forms.\n */\nexport const Submit = forwardRef<HTMLButtonElement, SubmitProps>(\n  function Submit(props, ref) {\n    return (\n      <RadixSubmit asChild>\n        <Button type=\"submit\" ref={ref} {...props} />\n      </RadixSubmit>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,UAAA,GAAA,MAAA,YACX,SAAS,OAAO,OAAO,KAAK;AAC1B,QACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,QAAD;EAAa,SAAA;YACX,iBAAA,GAAA,kBAAA,KAAC,eAAA,QAAD;GAAQ,MAAK;GAAc;GAAK,GAAI;GAAS,CAAA;EACjC,CAAA;EAGnB"}

package/dist/components/Form/Submit.js

@@ -1,13 +1,22 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Submit as Submit$1 } from "@radix-ui/react-form";
 import { Button } from "../Button/Button.js";
-const Submit = forwardRef(
-  function Submit2(props, ref) {
-    return /* @__PURE__ */ jsx(Submit$1, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "submit", ref, ...props }) });
-  }
-);
-export {
-  Submit
-};
-//# sourceMappingURL=Submit.js.map
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Submit } from "@radix-ui/react-form";
+//#region src/components/Form/Submit.tsx
+/**
+* A stylised submit button for forms.
+*/
+var Submit$1 = forwardRef(function Submit$2(props, ref) {
+	return /* @__PURE__ */ jsx(Submit, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			ref,
+			...props
+		})
+	});
+});
+//#endregion
+export { Submit$1 as Submit };
+
+//# sourceMappingURL=Submit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Submit.js","sources":["../../../src/components/Form/Submit.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 ComponentPropsWithoutRef } from \"react\";\nimport { Submit as RadixSubmit } from \"@radix-ui/react-form\";\n\nimport { Button } from \"../Button/Button\";\n\ntype SubmitProps = Omit<\n  ComponentPropsWithoutRef<typeof Button>,\n  \"submit\" | \"as\"\n>;\n\n/**\n * A stylised submit button for forms.\n */\nexport const Submit = forwardRef<HTMLButtonElement, SubmitProps>(\n  function Submit(props, ref) {\n    return (\n      <RadixSubmit asChild>\n        <Button type=\"submit\" ref={ref} {...props} />\n      </RadixSubmit>\n    );\n  },\n);\n"],"names":["Submit","RadixSubmit"],"mappings":";;;;AAoBO,MAAM,SAAS;AAAA,EACpB,SAASA,QAAO,OAAO,KAAK;AAC1B,WACE,oBAACC,UAAA,EAAY,SAAO,MAClB,UAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,KAAW,GAAG,MAAA,CAAO,EAAA,CAC7C;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"Submit.js","names":[],"sources":["../../../src/components/Form/Submit.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 ComponentPropsWithoutRef } from \"react\";\nimport { Submit as RadixSubmit } from \"@radix-ui/react-form\";\n\nimport { Button } from \"../Button/Button\";\n\ntype SubmitProps = Omit<\n  ComponentPropsWithoutRef<typeof Button>,\n  \"submit\" | \"as\"\n>;\n\n/**\n * A stylised submit button for forms.\n */\nexport const Submit = forwardRef<HTMLButtonElement, SubmitProps>(\n  function Submit(props, ref) {\n    return (\n      <RadixSubmit asChild>\n        <Button type=\"submit\" ref={ref} {...props} />\n      </RadixSubmit>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAoBA,IAAa,WAAS,WACpB,SAAS,SAAO,OAAO,KAAK;AAC1B,QACE,oBAAC,QAAD;EAAa,SAAA;YACX,oBAAC,QAAD;GAAQ,MAAK;GAAc;GAAK,GAAI;GAAS,CAAA;EACjC,CAAA;EAGnB"}

package/dist/components/Form/form.module.cjs

@@ -0,0 +1,21 @@
+//#region src/components/Form/form.module.css
+var root = "_root_19upo_16";
+var field = "_field_19upo_26";
+var label = "_label_19upo_59";
+var message = "_message_19upo_85";
+var form_module_default = {
+	root,
+	field,
+	"inline-field": "_inline-field_19upo_32",
+	"inline-field-body": "_inline-field-body_19upo_38",
+	"inline-field-control": "_inline-field-control_19upo_44",
+	label,
+	message,
+	"help-message": "_help-message_19upo_91",
+	"error-message": "_error-message_19upo_95",
+	"success-message": "_success-message_19upo_99"
+};
+//#endregion
+exports.default = form_module_default;
+
+//# sourceMappingURL=form.module.cjs.map

package/dist/components/Form/form.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.module.cjs","names":[],"sources":["../../../src/components/Form/form.module.css"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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/* Styling the Radix UI Form component */\n\n/**\n * ROOT: Form Element\n */\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-5x);\n}\n\n/**\n * FIELD: Wrapper around label, control and message\n */\n\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n}\n\n.inline-field {\n  display: flex;\n  flex-direction: row;\n  gap: var(--cpd-space-2x);\n}\n\n.inline-field-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.inline-field-control {\n  /* The control should have the same height as the label */\n  block-size: calc(\n    var(--cpd-font-size-body-md) * var(--cpd-font-line-height-regular)\n  );\n\n  /* Align the control in the middle of the label */\n  display: flex;\n  align-items: center;\n}\n\n/**\n * LABEL\n */\n\n.label {\n  font: var(--cpd-font-body-md-medium);\n  letter-spacing: var(--cpd-font-letter-spacing-body-md);\n}\n\n.label[for] {\n  cursor: pointer;\n}\n\n.label[data-invalid] {\n  color: var(--cpd-color-text-critical-primary);\n}\n\n/* Currently working everywhere but on Firefox (only behind a labs flag)\nhttps://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility */\n.label:has(~ * input[disabled]),\n.label:has(~ input[disabled]),\n.inline-field-control:has(input[disabled]) ~ .inline-field-body .label {\n  color: var(--cpd-color-text-disabled);\n  cursor: not-allowed;\n}\n\n/**\n * Help and error messages\n */\n\n.message {\n  font: var(--cpd-font-body-sm-regular);\n  letter-spacing: var(--cpd-font-letter-spacing-body-sm);\n  margin-block-start: var(--cpd-space-1x);\n}\n\n.help-message {\n  color: var(--cpd-color-text-secondary);\n}\n\n.error-message {\n  color: var(--cpd-color-text-critical-primary);\n}\n\n.success-message {\n  color: var(--cpd-color-text-success-primary);\n}\n\n/* Currently working everywhere but on Firefox (only behind a labs flag)\nhttps://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility */\ninput[disabled] ~ .message,\n*:has(input[disabled]) ~ .message,\n.inline-field-control:has(input[disabled]) ~ .inline-field-body .message {\n  color: var(--cpd-color-text-disabled);\n}\n\n.message > svg {\n  display: inline-block;\n  vertical-align: bottom;\n  margin-inline-end: var(--cpd-space-2x);\n\n  /* Calculate the size of the icon based on the font size and line height */\n  block-size: calc(1em * var(--cpd-font-line-height-regular));\n  inline-size: calc(1em * var(--cpd-font-line-height-regular));\n}\n"],"mappings":""}

package/dist/components/Form/form.module.js

@@ -0,0 +1,21 @@
+//#region src/components/Form/form.module.css
+var root = "_root_19upo_16";
+var field = "_field_19upo_26";
+var label = "_label_19upo_59";
+var message = "_message_19upo_85";
+var form_module_default = {
+	root,
+	field,
+	"inline-field": "_inline-field_19upo_32",
+	"inline-field-body": "_inline-field-body_19upo_38",
+	"inline-field-control": "_inline-field-control_19upo_44",
+	label,
+	message,
+	"help-message": "_help-message_19upo_91",
+	"error-message": "_error-message_19upo_95",
+	"success-message": "_success-message_19upo_99"
+};
+//#endregion
+export { form_module_default as default };
+
+//# sourceMappingURL=form.module.js.map

package/dist/components/Form/form.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.module.js","names":[],"sources":["../../../src/components/Form/form.module.css"],"sourcesContent":["/*\nCopyright 2025 New Vector Ltd.\nCopyright 2023 The Matrix.org Foundation C.I.C.\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/* Styling the Radix UI Form component */\n\n/**\n * ROOT: Form Element\n */\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-5x);\n}\n\n/**\n * FIELD: Wrapper around label, control and message\n */\n\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n}\n\n.inline-field {\n  display: flex;\n  flex-direction: row;\n  gap: var(--cpd-space-2x);\n}\n\n.inline-field-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.inline-field-control {\n  /* The control should have the same height as the label */\n  block-size: calc(\n    var(--cpd-font-size-body-md) * var(--cpd-font-line-height-regular)\n  );\n\n  /* Align the control in the middle of the label */\n  display: flex;\n  align-items: center;\n}\n\n/**\n * LABEL\n */\n\n.label {\n  font: var(--cpd-font-body-md-medium);\n  letter-spacing: var(--cpd-font-letter-spacing-body-md);\n}\n\n.label[for] {\n  cursor: pointer;\n}\n\n.label[data-invalid] {\n  color: var(--cpd-color-text-critical-primary);\n}\n\n/* Currently working everywhere but on Firefox (only behind a labs flag)\nhttps://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility */\n.label:has(~ * input[disabled]),\n.label:has(~ input[disabled]),\n.inline-field-control:has(input[disabled]) ~ .inline-field-body .label {\n  color: var(--cpd-color-text-disabled);\n  cursor: not-allowed;\n}\n\n/**\n * Help and error messages\n */\n\n.message {\n  font: var(--cpd-font-body-sm-regular);\n  letter-spacing: var(--cpd-font-letter-spacing-body-sm);\n  margin-block-start: var(--cpd-space-1x);\n}\n\n.help-message {\n  color: var(--cpd-color-text-secondary);\n}\n\n.error-message {\n  color: var(--cpd-color-text-critical-primary);\n}\n\n.success-message {\n  color: var(--cpd-color-text-success-primary);\n}\n\n/* Currently working everywhere but on Firefox (only behind a labs flag)\nhttps://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility */\ninput[disabled] ~ .message,\n*:has(input[disabled]) ~ .message,\n.inline-field-control:has(input[disabled]) ~ .inline-field-body .message {\n  color: var(--cpd-color-text-disabled);\n}\n\n.message > svg {\n  display: inline-block;\n  vertical-align: bottom;\n  margin-inline-end: var(--cpd-space-2x);\n\n  /* Calculate the size of the icon based on the font size and line height */\n  block-size: calc(1em * var(--cpd-font-line-height-regular));\n  inline-size: calc(1em * var(--cpd-font-line-height-regular));\n}\n"],"mappings":""}

package/dist/components/Form/index.cjs

@@ -1,53 +1,57 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Root = require("./Root.cjs");
-const Field = require("./Field.cjs");
-const InlineField = require("./InlineField.cjs");
-const Label = require("./Label.cjs");
-const reactForm = require("@radix-ui/react-form");
-const Message = require("./Message.cjs");
-const Submit = require("./Submit.cjs");
-const Action = require("./Controls/Action/Action.cjs");
-const Checkbox = require("./Controls/Checkbox/Checkbox.cjs");
-const EditInPlace = require("./Controls/EditInPlace/EditInPlace.cjs");
-const MFA = require("./Controls/MFA/MFA.cjs");
-const Password = require("./Controls/Password/Password.cjs");
-const Radio = require("./Controls/Radio/Radio.cjs");
-const SettingsToggle = require("./Controls/SettingsToggle/SettingsToggle.cjs");
-const Text = require("./Controls/Text/Text.cjs");
-const Toggle = require("./Controls/Toggle/Toggle.cjs");
-exports.Root = Root.Root;
-exports.Field = Field.Field;
-exports.InlineField = InlineField.InlineField;
-exports.Label = Label.Label;
-Object.defineProperty(exports, "Message", {
-  enumerable: true,
-  get: () => reactForm.Message
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Text = require("./Controls/Text/Text.cjs");
+const require_Action = require("./Controls/Action/Action.cjs");
+const require_Password = require("./Controls/Password/Password.cjs");
+const require_MFA = require("./Controls/MFA/MFA.cjs");
+const require_Checkbox = require("./Controls/Checkbox/Checkbox.cjs");
+const require_Radio = require("./Controls/Radio/Radio.cjs");
+const require_Toggle = require("./Controls/Toggle/Toggle.cjs");
+const require_EditInPlace = require("./Controls/EditInPlace/EditInPlace.cjs");
+const require_Label = require("./Label.cjs");
+const require_Message = require("./Message.cjs");
+const require_InlineField = require("./InlineField.cjs");
+const require_SettingsToggle = require("./Controls/SettingsToggle/SettingsToggle.cjs");
+const require_Root = require("./Root.cjs");
+const require_Field = require("./Field.cjs");
+const require_Submit = require("./Submit.cjs");
+let _radix_ui_react_form = require("@radix-ui/react-form");
+//#region src/components/Form/index.ts
+var Form_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	ActionControl: () => require_Action.ActionControl,
+	ActionInput: () => require_Action.ActionInput,
+	CheckboxControl: () => require_Checkbox.CheckboxControl,
+	CheckboxInput: () => require_Checkbox.CheckboxInput,
+	EditInPlace: () => require_EditInPlace.EditInPlace,
+	ErrorMessage: () => require_Message.ErrorMessage,
+	Field: () => require_Field.Field,
+	HelpMessage: () => require_Message.HelpMessage,
+	InlineField: () => require_InlineField.InlineField,
+	Label: () => require_Label.Label,
+	LoadingMessage: () => require_Message.LoadingMessage,
+	MFAControl: () => require_MFA.MFAControl,
+	MFAInput: () => require_MFA.MFAInput,
+	Message: () => _radix_ui_react_form.Message,
+	PasswordControl: () => require_Password.PasswordControl,
+	PasswordInput: () => require_Password.PasswordInput,
+	RadioControl: () => require_Radio.RadioControl,
+	RadioInput: () => require_Radio.RadioInput,
+	Root: () => require_Root.Root,
+	SettingsToggleControl: () => require_SettingsToggle.SettingsToggleControl,
+	SettingsToggleInput: () => require_SettingsToggle.SettingsToggleInput,
+	Submit: () => require_Submit.Submit,
+	SuccessMessage: () => require_Message.SuccessMessage,
+	TextControl: () => require_Text.TextControl,
+	TextInput: () => require_Text.TextInput,
+	ToggleControl: () => require_Toggle.ToggleControl,
+	ToggleInput: () => require_Toggle.ToggleInput,
+	ValidityState: () => _radix_ui_react_form.ValidityState
 });
-Object.defineProperty(exports, "ValidityState", {
-  enumerable: true,
-  get: () => reactForm.ValidityState
+//#endregion
+Object.defineProperty(exports, "Form_exports", {
+	enumerable: true,
+	get: function() {
+		return Form_exports;
+	}
 });
-exports.ErrorMessage = Message.ErrorMessage;
-exports.HelpMessage = Message.HelpMessage;
-exports.LoadingMessage = Message.LoadingMessage;
-exports.SuccessMessage = Message.SuccessMessage;
-exports.Submit = Submit.Submit;
-exports.ActionControl = Action.ActionControl;
-exports.ActionInput = Action.ActionInput;
-exports.CheckboxControl = Checkbox.CheckboxControl;
-exports.CheckboxInput = Checkbox.CheckboxInput;
-exports.EditInPlace = EditInPlace.EditInPlace;
-exports.MFAControl = MFA.MFAControl;
-exports.MFAInput = MFA.MFAInput;
-exports.PasswordControl = Password.PasswordControl;
-exports.PasswordInput = Password.PasswordInput;
-exports.RadioControl = Radio.RadioControl;
-exports.RadioInput = Radio.RadioInput;
-exports.SettingsToggleControl = SettingsToggle.SettingsToggleControl;
-exports.SettingsToggleInput = SettingsToggle.SettingsToggleInput;
-exports.TextControl = Text.TextControl;
-exports.TextInput = Text.TextInput;
-exports.ToggleControl = Toggle.ToggleControl;
-exports.ToggleInput = Toggle.ToggleInput;
-//# sourceMappingURL=index.cjs.map
+
+//# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/components/Form/index.ts"],"sourcesContent":["/*\nCopyright 2023-2025 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\nexport {\n  ActionControl,\n  ActionInput,\n  PasswordControl,\n  PasswordInput,\n  TextControl,\n  TextInput,\n  MFAControl,\n  MFAInput,\n  CheckboxControl,\n  CheckboxInput,\n  RadioControl,\n  RadioInput,\n  ToggleControl,\n  ToggleInput,\n  EditInPlace,\n  SettingsToggleInput,\n  SettingsToggleControl,\n} from \"./Controls\";\n\nexport { Root } from \"./Root\";\nexport { Field } from \"./Field\";\nexport { InlineField } from \"./InlineField\";\nexport { Label } from \"./Label\";\nexport { ValidityState, Message } from \"@radix-ui/react-form\";\nexport {\n  ErrorMessage,\n  HelpMessage,\n  LoadingMessage,\n  SuccessMessage,\n} from \"./Message\";\nexport { Submit } from \"./Submit\";\n"],"mappings":""}

package/dist/components/Form/index.js

@@ -1,47 +1,52 @@
-import { Root } from "./Root.js";
-import { Field } from "./Field.js";
-import { InlineField } from "./InlineField.js";
-import { Label } from "./Label.js";
-import { Message, ValidityState } from "@radix-ui/react-form";
-import { ErrorMessage, HelpMessage, LoadingMessage, SuccessMessage } from "./Message.js";
-import { Submit } from "./Submit.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { TextControl, TextInput } from "./Controls/Text/Text.js";
 import { ActionControl, ActionInput } from "./Controls/Action/Action.js";
-import { CheckboxControl, CheckboxInput } from "./Controls/Checkbox/Checkbox.js";
-import { EditInPlace } from "./Controls/EditInPlace/EditInPlace.js";
-import { MFAControl, MFAInput } from "./Controls/MFA/MFA.js";
 import { PasswordControl, PasswordInput } from "./Controls/Password/Password.js";
+import { MFAControl, MFAInput } from "./Controls/MFA/MFA.js";
+import { CheckboxControl, CheckboxInput } from "./Controls/Checkbox/Checkbox.js";
 import { RadioControl, RadioInput } from "./Controls/Radio/Radio.js";
-import { SettingsToggleControl, SettingsToggleInput } from "./Controls/SettingsToggle/SettingsToggle.js";
-import { TextControl, TextInput } from "./Controls/Text/Text.js";
 import { ToggleControl, ToggleInput } from "./Controls/Toggle/Toggle.js";
-export {
-  ActionControl,
-  ActionInput,
-  CheckboxControl,
-  CheckboxInput,
-  EditInPlace,
-  ErrorMessage,
-  Field,
-  HelpMessage,
-  InlineField,
-  Label,
-  LoadingMessage,
-  MFAControl,
-  MFAInput,
-  Message,
-  PasswordControl,
-  PasswordInput,
-  RadioControl,
-  RadioInput,
-  Root,
-  SettingsToggleControl,
-  SettingsToggleInput,
-  Submit,
-  SuccessMessage,
-  TextControl,
-  TextInput,
-  ToggleControl,
-  ToggleInput,
-  ValidityState
-};
-//# sourceMappingURL=index.js.map
+import { EditInPlace } from "./Controls/EditInPlace/EditInPlace.js";
+import { Label as Label$1 } from "./Label.js";
+import { ErrorMessage, HelpMessage, LoadingMessage, SuccessMessage } from "./Message.js";
+import { InlineField } from "./InlineField.js";
+import { SettingsToggleControl, SettingsToggleInput } from "./Controls/SettingsToggle/SettingsToggle.js";
+import { Root as Root$1 } from "./Root.js";
+import { Field as Field$1 } from "./Field.js";
+import { Submit as Submit$1 } from "./Submit.js";
+import { Message as Message$1, ValidityState as ValidityState$1 } from "@radix-ui/react-form";
+//#region src/components/Form/index.ts
+var Form_exports = /* @__PURE__ */ __exportAll({
+	ActionControl: () => ActionControl,
+	ActionInput: () => ActionInput,
+	CheckboxControl: () => CheckboxControl,
+	CheckboxInput: () => CheckboxInput,
+	EditInPlace: () => EditInPlace,
+	ErrorMessage: () => ErrorMessage,
+	Field: () => Field$1,
+	HelpMessage: () => HelpMessage,
+	InlineField: () => InlineField,
+	Label: () => Label$1,
+	LoadingMessage: () => LoadingMessage,
+	MFAControl: () => MFAControl,
+	MFAInput: () => MFAInput,
+	Message: () => Message$1,
+	PasswordControl: () => PasswordControl,
+	PasswordInput: () => PasswordInput,
+	RadioControl: () => RadioControl,
+	RadioInput: () => RadioInput,
+	Root: () => Root$1,
+	SettingsToggleControl: () => SettingsToggleControl,
+	SettingsToggleInput: () => SettingsToggleInput,
+	Submit: () => Submit$1,
+	SuccessMessage: () => SuccessMessage,
+	TextControl: () => TextControl,
+	TextInput: () => TextInput,
+	ToggleControl: () => ToggleControl,
+	ToggleInput: () => ToggleInput,
+	ValidityState: () => ValidityState$1
+});
+//#endregion
+export { Form_exports, Message$1 as Message, ValidityState$1 as ValidityState };
+
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Form/index.ts"],"sourcesContent":["/*\nCopyright 2023-2025 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\nexport {\n  ActionControl,\n  ActionInput,\n  PasswordControl,\n  PasswordInput,\n  TextControl,\n  TextInput,\n  MFAControl,\n  MFAInput,\n  CheckboxControl,\n  CheckboxInput,\n  RadioControl,\n  RadioInput,\n  ToggleControl,\n  ToggleInput,\n  EditInPlace,\n  SettingsToggleInput,\n  SettingsToggleControl,\n} from \"./Controls\";\n\nexport { Root } from \"./Root\";\nexport { Field } from \"./Field\";\nexport { InlineField } from \"./InlineField\";\nexport { Label } from \"./Label\";\nexport { ValidityState, Message } from \"@radix-ui/react-form\";\nexport {\n  ErrorMessage,\n  HelpMessage,\n  LoadingMessage,\n  SuccessMessage,\n} from \"./Message\";\nexport { Submit } from \"./Submit\";\n"],"mappings":""}

package/dist/components/Glass/Glass.cjs

@@ -1,12 +1,22 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const classNames = require("classnames");
-const Glass_module = require("./Glass.module.css.cjs");
-const Glass = React.forwardRef(
-  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classNames(className, Glass_module.default.glass), ...rest, children: React.Children.only(children) })
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Glass_module = require("./Glass.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/Glass/Glass.tsx
+/**
+* Adds a border of glass around a child component.
+*/
+var Glass = (0, react.forwardRef)(({ children, className, ...rest }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: (0, classnames.default)(className, require_Glass_module.default.glass),
+	...rest,
+	children: react.Children.only(children)
+}));
 Glass.displayName = "Glass";
+//#endregion
 exports.Glass = Glass;
-//# sourceMappingURL=Glass.cjs.map
+
+//# sourceMappingURL=Glass.cjs.map

package/dist/components/Glass/Glass.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Glass.cjs","sources":["../../../src/components/Glass/Glass.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, {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n  Children,\n} from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from \"./Glass.module.css\";\n\ninterface Props extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The child component.\n   */\n  children: ReactNode;\n  /**\n   * The CSS class.\n   */\n  className?: string;\n}\n\n/**\n * Adds a border of glass around a child component.\n */\nexport const Glass = forwardRef<HTMLDivElement, Props>(\n  ({ children, className, ...rest }, ref) => (\n    <div ref={ref} className={classNames(className, styles.glass)} {...rest}>\n      {Children.only(children)}\n    </div>\n  ),\n);\n\nGlass.displayName = \"Glass\";\n"],"names":["forwardRef","jsx","styles","Children"],"mappings":";;;;;;AA+BO,MAAM,QAAQA,MAAAA;AAAAA,EACnB,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QACjCC,2BAAAA,IAAC,OAAA,EAAI,KAAU,WAAW,WAAW,WAAWC,qBAAO,KAAK,GAAI,GAAG,MAChE,UAAAC,MAAAA,SAAS,KAAK,QAAQ,EAAA,CACzB;AAEJ;AAEA,MAAM,cAAc;;"}
+{"version":3,"file":"Glass.cjs","names":[],"sources":["../../../src/components/Glass/Glass.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, {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n  Children,\n} from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from \"./Glass.module.css\";\n\ninterface Props extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The child component.\n   */\n  children: ReactNode;\n  /**\n   * The CSS class.\n   */\n  className?: string;\n}\n\n/**\n * Adds a border of glass around a child component.\n */\nexport const Glass = forwardRef<HTMLDivElement, Props>(\n  ({ children, className, ...rest }, ref) => (\n    <div ref={ref} className={classNames(className, styles.glass)} {...rest}>\n      {Children.only(children)}\n    </div>\n  ),\n);\n\nGlass.displayName = \"Glass\";\n"],"mappings":";;;;;;;;;;;AA+BA,IAAa,SAAA,GAAA,MAAA,aACV,EAAE,UAAU,WAAW,GAAG,QAAQ,QACjC,iBAAA,GAAA,kBAAA,KAAC,OAAD;CAAU;CAAK,YAAA,GAAA,WAAA,SAAsB,WAAW,qBAAA,QAAO,MAAM;CAAE,GAAI;WAChE,MAAA,SAAS,KAAK,SAAS;CACpB,CAAA,CAET;AAED,MAAM,cAAc"}

package/dist/components/Glass/Glass.js

@@ -1,12 +1,19 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, Children } from "react";
+import Glass_module_default from "./Glass.module.js";
 import classNames from "classnames";
-import styles from "./Glass.module.css.js";
-const Glass = forwardRef(
-  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { ref, className: classNames(className, styles.glass), ...rest, children: Children.only(children) })
-);
+import { Children, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Glass/Glass.tsx
+/**
+* Adds a border of glass around a child component.
+*/
+var Glass = forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: classNames(className, Glass_module_default.glass),
+	...rest,
+	children: Children.only(children)
+}));
 Glass.displayName = "Glass";
-export {
-  Glass
-};
-//# sourceMappingURL=Glass.js.map
+//#endregion
+export { Glass };
+
+//# sourceMappingURL=Glass.js.map

package/dist/components/Glass/Glass.js.map

@@ -1 +1 @@
-{"version":3,"file":"Glass.js","sources":["../../../src/components/Glass/Glass.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, {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n  Children,\n} from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from \"./Glass.module.css\";\n\ninterface Props extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The child component.\n   */\n  children: ReactNode;\n  /**\n   * The CSS class.\n   */\n  className?: string;\n}\n\n/**\n * Adds a border of glass around a child component.\n */\nexport const Glass = forwardRef<HTMLDivElement, Props>(\n  ({ children, className, ...rest }, ref) => (\n    <div ref={ref} className={classNames(className, styles.glass)} {...rest}>\n      {Children.only(children)}\n    </div>\n  ),\n);\n\nGlass.displayName = \"Glass\";\n"],"names":[],"mappings":";;;;AA+BO,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QACjC,oBAAC,OAAA,EAAI,KAAU,WAAW,WAAW,WAAW,OAAO,KAAK,GAAI,GAAG,MAChE,UAAA,SAAS,KAAK,QAAQ,EAAA,CACzB;AAEJ;AAEA,MAAM,cAAc;"}
+{"version":3,"file":"Glass.js","names":[],"sources":["../../../src/components/Glass/Glass.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, {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n  Children,\n} from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from \"./Glass.module.css\";\n\ninterface Props extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The child component.\n   */\n  children: ReactNode;\n  /**\n   * The CSS class.\n   */\n  className?: string;\n}\n\n/**\n * Adds a border of glass around a child component.\n */\nexport const Glass = forwardRef<HTMLDivElement, Props>(\n  ({ children, className, ...rest }, ref) => (\n    <div ref={ref} className={classNames(className, styles.glass)} {...rest}>\n      {Children.only(children)}\n    </div>\n  ),\n);\n\nGlass.displayName = \"Glass\";\n"],"mappings":";;;;;;;;AA+BA,IAAa,QAAQ,YAClB,EAAE,UAAU,WAAW,GAAG,QAAQ,QACjC,oBAAC,OAAD;CAAU;CAAK,WAAW,WAAW,WAAW,qBAAO,MAAM;CAAE,GAAI;WAChE,SAAS,KAAK,SAAS;CACpB,CAAA,CAET;AAED,MAAM,cAAc"}

package/dist/components/Glass/Glass.module.cjs

@@ -0,0 +1,5 @@
+var Glass_module_default = { glass: "_glass_sepwu_8" };
+//#endregion
+exports.default = Glass_module_default;
+
+//# sourceMappingURL=Glass.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Glass.module.cjs","names":[],"sources":["../../../src/components/Glass/Glass.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.glass {\n  border-radius: var(--cpd-space-9x);\n  padding: var(--cpd-space-3x);\n\n  /* We use an outline here to create an \"inner border\", rather than one that\n  adds to the component's size */\n  outline: var(--cpd-border-width-1) solid var(--cpd-color-alpha-gray-400);\n  outline-offset: calc(-1 * var(--cpd-border-width-1));\n  background: var(--cpd-color-alpha-gray-400);\n  backdrop-filter: blur(20px);\n}\n\n.glass > :first-child {\n  border-radius: var(--cpd-space-6x);\n  inline-size: 100%;\n  block-size: 100%;\n}\n"],"mappings":""}

package/dist/components/Glass/Glass.module.js

@@ -0,0 +1,5 @@
+var Glass_module_default = { glass: "_glass_sepwu_8" };
+//#endregion
+export { Glass_module_default as default };
+
+//# sourceMappingURL=Glass.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Glass.module.js","names":[],"sources":["../../../src/components/Glass/Glass.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.glass {\n  border-radius: var(--cpd-space-9x);\n  padding: var(--cpd-space-3x);\n\n  /* We use an outline here to create an \"inner border\", rather than one that\n  adds to the component's size */\n  outline: var(--cpd-border-width-1) solid var(--cpd-color-alpha-gray-400);\n  outline-offset: calc(-1 * var(--cpd-border-width-1));\n  background: var(--cpd-color-alpha-gray-400);\n  backdrop-filter: blur(20px);\n}\n\n.glass > :first-child {\n  border-radius: var(--cpd-space-6x);\n  inline-size: 100%;\n  block-size: 100%;\n}\n"],"mappings":""}