@vector-im/compound-web 9.1.0 → 9.2.0

package/dist/components/Form/Controls/Text/Text.cjs

@@ -1,9 +1,9 @@
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
 const require_Text_module = require("./Text.module.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_form = require("@radix-ui/react-form");
 //#region src/components/Form/Controls/Text/Text.tsx

package/dist/components/Form/Controls/Text/Text.module.cjs

@@ -1,6 +1,6 @@
 var Text_module_default = {
-	control: "_control_sqdq4_10",
-	"enable-ligatures": "_enable-ligatures_sqdq4_62"
+	control: "_control_d83jn_10",
+	"enable-ligatures": "_enable-ligatures_d83jn_63"
 };
 //#endregion
 exports.default = Text_module_default;

package/dist/components/Form/Controls/Text/Text.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.module.cjs","names":[],"sources":["../../../../../src/components/Form/Controls/Text/Text.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.control {\n  border: 1px solid var(--cpd-color-border-interactive-primary);\n  background: var(--cpd-color-bg-canvas-default);\n  border-radius: 0.5rem;\n  padding: var(--cpd-space-3x) var(--cpd-space-4x);\n  box-sizing: border-box;\n\n  /**\n  * Disable contextual alternate ligatures in inputs\n  * https://github.com/rsms/inter/issues/222\n  * https://github.com/rsms/inter/blob/master/src/features/calt.fea\n  */\n  font-feature-settings: \"calt\" 0;\n}\n\n@media (hover) {\n  .control:hover {\n    border-color: var(--cpd-color-border-interactive-hovered);\n\n    /** TODO: have the shadow in the design tokens */\n    box-shadow: 0 1.2px 2.4px 0 rgb(0 0 0 / 15%);\n  }\n}\n\n.control:active {\n  border-color: var(--cpd-color-border-interactive-hovered);\n}\n\n.control:focus {\n  outline: 2px solid var(--cpd-color-border-focused);\n  border-color: transparent;\n}\n\n.control[data-invalid] {\n  border-color: var(--cpd-color-text-critical-primary);\n}\n\n.control:disabled {\n  box-shadow: none;\n  background: var(--cpd-color-bg-canvas-disabled);\n  border-color: var(--cpd-color-border-disabled);\n  color: var(--cpd-color-text-disabled);\n  cursor: not-allowed;\n}\n\n.control[readonly] {\n  box-shadow: none;\n  background: var(--cpd-color-bg-subtle-secondary);\n  border-color: var(--cpd-color-bg-subtle-secondary);\n  color: var(--cpd-color-text-secondary);\n}\n\n.control.enable-ligatures {\n  font-feature-settings: var(--cpd-font-feature-settings);\n}\n"],"mappings":""}
+{"version":3,"file":"Text.module.cjs","names":[],"sources":["../../../../../src/components/Form/Controls/Text/Text.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.control {\n  border: 1px solid var(--cpd-color-border-interactive-primary);\n  background: var(--cpd-color-bg-canvas-default);\n  border-radius: 0.5rem;\n  padding: var(--cpd-space-3x) var(--cpd-space-4x);\n  box-sizing: border-box;\n\n  /**\n  * Disable contextual alternate ligatures in inputs\n  * https://github.com/rsms/inter/issues/222\n  * https://github.com/rsms/inter/blob/master/src/features/calt.fea\n  */\n  font-feature-settings: \"calt\" 0;\n}\n\n@media (hover) {\n  .control:hover {\n    border-color: var(--cpd-color-border-interactive-hovered);\n\n    /** TODO: have the shadow in the design tokens */\n    box-shadow: 0 1.2px 2.4px 0 rgb(0 0 0 / 15%);\n  }\n}\n\n.control:active {\n  border-color: var(--cpd-color-border-interactive-hovered);\n}\n\n/* stylelint-disable-next-line defensive-css/require-focus-visible */\n.control:focus {\n  outline: 2px solid var(--cpd-color-border-focused);\n  border-color: transparent;\n}\n\n.control[data-invalid] {\n  border-color: var(--cpd-color-text-critical-primary);\n}\n\n.control:disabled {\n  box-shadow: none;\n  background: var(--cpd-color-bg-canvas-disabled);\n  border-color: var(--cpd-color-border-disabled);\n  color: var(--cpd-color-text-disabled);\n  cursor: not-allowed;\n}\n\n.control[readonly] {\n  box-shadow: none;\n  background: var(--cpd-color-bg-subtle-secondary);\n  border-color: var(--cpd-color-bg-subtle-secondary);\n  color: var(--cpd-color-text-secondary);\n}\n\n.control.enable-ligatures {\n  font-feature-settings: var(--cpd-font-feature-settings);\n}\n"],"mappings":""}

package/dist/components/Form/Controls/Text/Text.module.js

@@ -1,6 +1,6 @@
 var Text_module_default = {
-	control: "_control_sqdq4_10",
-	"enable-ligatures": "_enable-ligatures_sqdq4_62"
+	control: "_control_d83jn_10",
+	"enable-ligatures": "_enable-ligatures_d83jn_63"
 };
 //#endregion
 export { Text_module_default as default };

package/dist/components/Form/Controls/Text/Text.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.module.js","names":[],"sources":["../../../../../src/components/Form/Controls/Text/Text.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.control {\n  border: 1px solid var(--cpd-color-border-interactive-primary);\n  background: var(--cpd-color-bg-canvas-default);\n  border-radius: 0.5rem;\n  padding: var(--cpd-space-3x) var(--cpd-space-4x);\n  box-sizing: border-box;\n\n  /**\n  * Disable contextual alternate ligatures in inputs\n  * https://github.com/rsms/inter/issues/222\n  * https://github.com/rsms/inter/blob/master/src/features/calt.fea\n  */\n  font-feature-settings: \"calt\" 0;\n}\n\n@media (hover) {\n  .control:hover {\n    border-color: var(--cpd-color-border-interactive-hovered);\n\n    /** TODO: have the shadow in the design tokens */\n    box-shadow: 0 1.2px 2.4px 0 rgb(0 0 0 / 15%);\n  }\n}\n\n.control:active {\n  border-color: var(--cpd-color-border-interactive-hovered);\n}\n\n.control:focus {\n  outline: 2px solid var(--cpd-color-border-focused);\n  border-color: transparent;\n}\n\n.control[data-invalid] {\n  border-color: var(--cpd-color-text-critical-primary);\n}\n\n.control:disabled {\n  box-shadow: none;\n  background: var(--cpd-color-bg-canvas-disabled);\n  border-color: var(--cpd-color-border-disabled);\n  color: var(--cpd-color-text-disabled);\n  cursor: not-allowed;\n}\n\n.control[readonly] {\n  box-shadow: none;\n  background: var(--cpd-color-bg-subtle-secondary);\n  border-color: var(--cpd-color-bg-subtle-secondary);\n  color: var(--cpd-color-text-secondary);\n}\n\n.control.enable-ligatures {\n  font-feature-settings: var(--cpd-font-feature-settings);\n}\n"],"mappings":""}
+{"version":3,"file":"Text.module.js","names":[],"sources":["../../../../../src/components/Form/Controls/Text/Text.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.control {\n  border: 1px solid var(--cpd-color-border-interactive-primary);\n  background: var(--cpd-color-bg-canvas-default);\n  border-radius: 0.5rem;\n  padding: var(--cpd-space-3x) var(--cpd-space-4x);\n  box-sizing: border-box;\n\n  /**\n  * Disable contextual alternate ligatures in inputs\n  * https://github.com/rsms/inter/issues/222\n  * https://github.com/rsms/inter/blob/master/src/features/calt.fea\n  */\n  font-feature-settings: \"calt\" 0;\n}\n\n@media (hover) {\n  .control:hover {\n    border-color: var(--cpd-color-border-interactive-hovered);\n\n    /** TODO: have the shadow in the design tokens */\n    box-shadow: 0 1.2px 2.4px 0 rgb(0 0 0 / 15%);\n  }\n}\n\n.control:active {\n  border-color: var(--cpd-color-border-interactive-hovered);\n}\n\n/* stylelint-disable-next-line defensive-css/require-focus-visible */\n.control:focus {\n  outline: 2px solid var(--cpd-color-border-focused);\n  border-color: transparent;\n}\n\n.control[data-invalid] {\n  border-color: var(--cpd-color-text-critical-primary);\n}\n\n.control:disabled {\n  box-shadow: none;\n  background: var(--cpd-color-bg-canvas-disabled);\n  border-color: var(--cpd-color-border-disabled);\n  color: var(--cpd-color-text-disabled);\n  cursor: not-allowed;\n}\n\n.control[readonly] {\n  box-shadow: none;\n  background: var(--cpd-color-bg-subtle-secondary);\n  border-color: var(--cpd-color-bg-subtle-secondary);\n  color: var(--cpd-color-text-secondary);\n}\n\n.control.enable-ligatures {\n  font-feature-settings: var(--cpd-font-feature-settings);\n}\n"],"mappings":""}

package/dist/components/Form/Controls/Toggle/Toggle.cjs

@@ -1,9 +1,9 @@
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
 const require_Toggle_module = require("./Toggle.module.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_form = require("@radix-ui/react-form");
 //#region src/components/Form/Controls/Toggle/Toggle.tsx

package/dist/components/Form/Field.cjs

@@ -1,9 +1,9 @@
 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);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_form = require("@radix-ui/react-form");
 //#region src/components/Form/Field.tsx

package/dist/components/Form/InlineField.cjs

@@ -1,9 +1,9 @@
 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);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_form = require("@radix-ui/react-form");
 //#region src/components/Form/InlineField.tsx

package/dist/components/Form/Label.cjs

@@ -1,9 +1,9 @@
 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);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_form = require("@radix-ui/react-form");
 //#region src/components/Form/Label.tsx

package/dist/components/Form/Message.cjs

@@ -2,15 +2,15 @@ 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);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 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);
+_vector_im_compound_design_tokens_assets_web_icons_error_solid = require_runtime.__toESM(_vector_im_compound_design_tokens_assets_web_icons_error_solid, 1);
 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);
+_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, 1);
 //#region src/components/Form/Message.tsx
 /**
 * An error message to display below a form control.

package/dist/components/Form/Root.cjs

@@ -1,9 +1,9 @@
 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);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_form = require("@radix-ui/react-form");
 //#region src/components/Form/Root.tsx

package/dist/components/Form/Submit.cjs

@@ -1,7 +1,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_Button = require("../Button/Button.cjs");
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_form = require("@radix-ui/react-form");
 //#region src/components/Form/Submit.tsx

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

@@ -1,16 +1,11 @@
-//#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,
+	root: "_root_19upo_16",
+	field: "_field_19upo_26",
 	"inline-field": "_inline-field_19upo_32",
 	"inline-field-body": "_inline-field-body_19upo_38",
 	"inline-field-control": "_inline-field-control_19upo_44",
-	label,
-	message,
+	label: "_label_19upo_59",
+	message: "_message_19upo_85",
 	"help-message": "_help-message_19upo_91",
 	"error-message": "_error-message_19upo_95",
 	"success-message": "_success-message_19upo_99"

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

@@ -1,16 +1,11 @@
-//#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,
+	root: "_root_19upo_16",
+	field: "_field_19upo_26",
 	"inline-field": "_inline-field_19upo_32",
 	"inline-field-body": "_inline-field-body_19upo_38",
 	"inline-field-control": "_inline-field-control_19upo_44",
-	label,
-	message,
+	label: "_label_19upo_59",
+	message: "_message_19upo_85",
 	"help-message": "_help-message_19upo_91",
 	"error-message": "_error-message_19upo_95",
 	"success-message": "_success-message_19upo_99"

package/dist/components/Glass/Glass.cjs

@@ -1,9 +1,9 @@
 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);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Glass/Glass.tsx
 /**

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

@@ -1,9 +1,9 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_BigIcon_module = require("./BigIcon.module.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Icon/BigIcon/BigIcon.tsx
 function BigIcon({ className, size = "lg", kind = "primary", children }) {

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

@@ -1,9 +1,9 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_IndicatorIcon_module = require("./IndicatorIcon.module.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Icon/IndicatorIcon/IndicatorIcon.tsx
 var IndicatorIcon = (0, react.forwardRef)(function IconButton({ children, className, size = "100%", colour, indicator }, ref) {

package/dist/components/InlineSpinner/InlineSpinner.cjs

@@ -1,12 +1,12 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_InlineSpinner_module = require("./InlineSpinner.module.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _vector_im_compound_design_tokens_assets_web_icons_spinner = require("@vector-im/compound-design-tokens/assets/web/icons/spinner");
-_vector_im_compound_design_tokens_assets_web_icons_spinner = require_runtime.__toESM(_vector_im_compound_design_tokens_assets_web_icons_spinner);
+_vector_im_compound_design_tokens_assets_web_icons_spinner = require_runtime.__toESM(_vector_im_compound_design_tokens_assets_web_icons_spinner, 1);
 //#region src/components/InlineSpinner/InlineSpinner.tsx
 var InlineSpinner = (0, react.forwardRef)(function InlineSpinner({ size = 20, className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_vector_im_compound_design_tokens_assets_web_icons_spinner.default, {

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

@@ -1,6 +1,6 @@
 var InlineSpinner_module_default = {
-	icon: "_icon_11k6c_18",
-	spin: "_spin_11k6c_1"
+	icon: "_icon_1855a_18",
+	spin: "_spin_1855a_1"
 };
 //#endregion
 exports.default = InlineSpinner_module_default;

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

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

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

@@ -1,6 +1,6 @@
 var InlineSpinner_module_default = {
-	icon: "_icon_11k6c_18",
-	spin: "_spin_11k6c_1"
+	icon: "_icon_1855a_18",
+	spin: "_spin_1855a_1"
 };
 //#endregion
 export { InlineSpinner_module_default as default };

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

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

package/dist/components/Link/Link.cjs

@@ -1,9 +1,9 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_Link_module = require("./Link.module.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Link/Link.tsx
 /**

package/dist/components/Menu/CheckboxMenuItem.cjs

@@ -2,7 +2,7 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_MenuItem = require("./MenuItem.cjs");
 const require_Checkbox = require("../Form/Controls/Checkbox/Checkbox.cjs");
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Menu/CheckboxMenuItem.tsx
 /**
@@ -10,8 +10,6 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * Must be used within a compound Menu or other `menu` or `menubar` aria role subtree.
 */
 var CheckboxMenuItem = (0, react.forwardRef)(function CheckboxMenuItem({ className, label, onSelect, checked, disabled }, ref) {
-	const toggleId = (0, react.useId)();
-	const onChange = (0, react.useCallback)(() => {}, []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuItem.MenuItem, {
 		as: "button",
 		role: "menuitemcheckbox",
@@ -22,13 +20,13 @@ var CheckboxMenuItem = (0, react.forwardRef)(function CheckboxMenuItem({ classNa
 		onSelect,
 		disabled,
 		Icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.CheckboxInput, {
-			id: toggleId,
+			id: (0, react.useId)(),
 			ref,
 			"aria-hidden": true,
 			tabIndex: -1,
 			checked,
 			disabled,
-			onChange
+			onChange: (0, react.useCallback)(() => {}, [])
 		})
 	});
 });

package/dist/components/Menu/CheckboxMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxMenuItem.cjs","names":[],"sources":["../../../src/components/Menu/CheckboxMenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2025 New Vector Ltd\n *\n * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\n * Please see LICENSE files in the repository root for full details.\n */\n\nimport React, {\n  type ComponentProps,\n  forwardRef,\n  useCallback,\n  useId,\n} from \"react\";\nimport { MenuItem } from \"./MenuItem\";\nimport { CheckboxInput } from \"../Form\";\n\ntype Props = Pick<\n  ComponentProps<typeof MenuItem>,\n  \"className\" | \"label\" | \"onSelect\" | \"disabled\"\n> & {\n  /**\n   * Whether the checkbox is checked.\n   */\n  checked: boolean;\n};\n\n/**\n * A menu item with a checkbox control.\n * Must be used within a compound Menu or other `menu` or `menubar` aria role subtree.\n */\nexport const CheckboxMenuItem = forwardRef<HTMLInputElement, Props>(\n  function CheckboxMenuItem(\n    { className, label, onSelect, checked, disabled },\n    ref,\n  ) {\n    const toggleId = useId();\n    // The checkbox is controlled and we intend to ignore its events. We do need\n    // to at least set onChange though to make React happy.\n    const onChange = useCallback(() => {}, []);\n\n    // <label> elements are not allowed to have a role like menuitemcheckbox, so\n    // we must instead use a <button> for the menu item and use aria-checked\n    // etc. to communicate its state.\n    return (\n      <MenuItem\n        as=\"button\"\n        role=\"menuitemcheckbox\"\n        aria-checked={checked}\n        className={className}\n        label={label}\n        hideChevron\n        onSelect={onSelect}\n        disabled={disabled}\n        Icon={\n          <CheckboxInput\n            id={toggleId}\n            ref={ref}\n            // This is purely cosmetic; really the whole MenuItem is the toggle.\n            aria-hidden\n            tabIndex={-1}\n            checked={checked}\n            disabled={disabled}\n            onChange={onChange}\n          />\n        }\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;AA8BA,IAAa,oBAAA,GAAA,MAAA,YACX,SAAS,iBACP,EAAE,WAAW,OAAO,UAAU,SAAS,YACvC,KACA;CACA,MAAM,YAAA,GAAA,MAAA,QAAkB;CAGxB,MAAM,YAAA,GAAA,MAAA,mBAA6B,IAAI,EAAE,CAAC;AAK1C,QACE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,UAAD;EACE,IAAG;EACH,MAAK;EACL,gBAAc;EACH;EACJ;EACP,aAAA;EACU;EACA;EACV,MACE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,eAAD;GACE,IAAI;GACC;GAEL,eAAA;GACA,UAAU;GACD;GACC;GACA;GACV,CAAA;EAEJ,CAAA;EAGP"}
+{"version":3,"file":"CheckboxMenuItem.cjs","names":[],"sources":["../../../src/components/Menu/CheckboxMenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2025 New Vector Ltd\n *\n * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\n * Please see LICENSE files in the repository root for full details.\n */\n\nimport React, {\n  type ComponentProps,\n  forwardRef,\n  useCallback,\n  useId,\n} from \"react\";\nimport { MenuItem } from \"./MenuItem\";\nimport { CheckboxInput } from \"../Form\";\n\ntype Props = Pick<\n  ComponentProps<typeof MenuItem>,\n  \"className\" | \"label\" | \"onSelect\" | \"disabled\"\n> & {\n  /**\n   * Whether the checkbox is checked.\n   */\n  checked: boolean;\n};\n\n/**\n * A menu item with a checkbox control.\n * Must be used within a compound Menu or other `menu` or `menubar` aria role subtree.\n */\nexport const CheckboxMenuItem = forwardRef<HTMLInputElement, Props>(\n  function CheckboxMenuItem(\n    { className, label, onSelect, checked, disabled },\n    ref,\n  ) {\n    const toggleId = useId();\n    // The checkbox is controlled and we intend to ignore its events. We do need\n    // to at least set onChange though to make React happy.\n    const onChange = useCallback(() => {}, []);\n\n    // <label> elements are not allowed to have a role like menuitemcheckbox, so\n    // we must instead use a <button> for the menu item and use aria-checked\n    // etc. to communicate its state.\n    return (\n      <MenuItem\n        as=\"button\"\n        role=\"menuitemcheckbox\"\n        aria-checked={checked}\n        className={className}\n        label={label}\n        hideChevron\n        onSelect={onSelect}\n        disabled={disabled}\n        Icon={\n          <CheckboxInput\n            id={toggleId}\n            ref={ref}\n            // This is purely cosmetic; really the whole MenuItem is the toggle.\n            aria-hidden\n            tabIndex={-1}\n            checked={checked}\n            disabled={disabled}\n            onChange={onChange}\n          />\n        }\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;AA8BA,IAAa,oBAAA,GAAA,MAAA,YACX,SAAS,iBACP,EAAE,WAAW,OAAO,UAAU,SAAS,YACvC,KACA;AASA,QACE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,UAAD;EACE,IAAG;EACH,MAAK;EACL,gBAAc;EACH;EACJ;EACP,aAAA;EACU;EACA;EACV,MACE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,eAAD;GACE,KAAA,GAAA,MAAA,QApBgB;GAqBX;GAEL,eAAA;GACA,UAAU;GACD;GACC;GACA,WAAA,GAAA,MAAA,mBAxBiB,IAAI,EAAE,CAAC;GAyBlC,CAAA;EAEJ,CAAA;EAGP"}

package/dist/components/Menu/CheckboxMenuItem.js

@@ -8,8 +8,6 @@ import { jsx } from "react/jsx-runtime";
 * Must be used within a compound Menu or other `menu` or `menubar` aria role subtree.
 */
 var CheckboxMenuItem = forwardRef(function CheckboxMenuItem({ className, label, onSelect, checked, disabled }, ref) {
-	const toggleId = useId();
-	const onChange = useCallback(() => {}, []);
 	return /* @__PURE__ */ jsx(MenuItem, {
 		as: "button",
 		role: "menuitemcheckbox",
@@ -20,13 +18,13 @@ var CheckboxMenuItem = forwardRef(function CheckboxMenuItem({ className, label,
 		onSelect,
 		disabled,
 		Icon: /* @__PURE__ */ jsx(CheckboxInput, {
-			id: toggleId,
+			id: useId(),
 			ref,
 			"aria-hidden": true,
 			tabIndex: -1,
 			checked,
 			disabled,
-			onChange
+			onChange: useCallback(() => {}, [])
 		})
 	});
 });

package/dist/components/Menu/CheckboxMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxMenuItem.js","names":[],"sources":["../../../src/components/Menu/CheckboxMenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2025 New Vector Ltd\n *\n * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\n * Please see LICENSE files in the repository root for full details.\n */\n\nimport React, {\n  type ComponentProps,\n  forwardRef,\n  useCallback,\n  useId,\n} from \"react\";\nimport { MenuItem } from \"./MenuItem\";\nimport { CheckboxInput } from \"../Form\";\n\ntype Props = Pick<\n  ComponentProps<typeof MenuItem>,\n  \"className\" | \"label\" | \"onSelect\" | \"disabled\"\n> & {\n  /**\n   * Whether the checkbox is checked.\n   */\n  checked: boolean;\n};\n\n/**\n * A menu item with a checkbox control.\n * Must be used within a compound Menu or other `menu` or `menubar` aria role subtree.\n */\nexport const CheckboxMenuItem = forwardRef<HTMLInputElement, Props>(\n  function CheckboxMenuItem(\n    { className, label, onSelect, checked, disabled },\n    ref,\n  ) {\n    const toggleId = useId();\n    // The checkbox is controlled and we intend to ignore its events. We do need\n    // to at least set onChange though to make React happy.\n    const onChange = useCallback(() => {}, []);\n\n    // <label> elements are not allowed to have a role like menuitemcheckbox, so\n    // we must instead use a <button> for the menu item and use aria-checked\n    // etc. to communicate its state.\n    return (\n      <MenuItem\n        as=\"button\"\n        role=\"menuitemcheckbox\"\n        aria-checked={checked}\n        className={className}\n        label={label}\n        hideChevron\n        onSelect={onSelect}\n        disabled={disabled}\n        Icon={\n          <CheckboxInput\n            id={toggleId}\n            ref={ref}\n            // This is purely cosmetic; really the whole MenuItem is the toggle.\n            aria-hidden\n            tabIndex={-1}\n            checked={checked}\n            disabled={disabled}\n            onChange={onChange}\n          />\n        }\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AA8BA,IAAa,mBAAmB,WAC9B,SAAS,iBACP,EAAE,WAAW,OAAO,UAAU,SAAS,YACvC,KACA;CACA,MAAM,WAAW,OAAO;CAGxB,MAAM,WAAW,kBAAkB,IAAI,EAAE,CAAC;AAK1C,QACE,oBAAC,UAAD;EACE,IAAG;EACH,MAAK;EACL,gBAAc;EACH;EACJ;EACP,aAAA;EACU;EACA;EACV,MACE,oBAAC,eAAD;GACE,IAAI;GACC;GAEL,eAAA;GACA,UAAU;GACD;GACC;GACA;GACV,CAAA;EAEJ,CAAA;EAGP"}
+{"version":3,"file":"CheckboxMenuItem.js","names":[],"sources":["../../../src/components/Menu/CheckboxMenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2025 New Vector Ltd\n *\n * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\n * Please see LICENSE files in the repository root for full details.\n */\n\nimport React, {\n  type ComponentProps,\n  forwardRef,\n  useCallback,\n  useId,\n} from \"react\";\nimport { MenuItem } from \"./MenuItem\";\nimport { CheckboxInput } from \"../Form\";\n\ntype Props = Pick<\n  ComponentProps<typeof MenuItem>,\n  \"className\" | \"label\" | \"onSelect\" | \"disabled\"\n> & {\n  /**\n   * Whether the checkbox is checked.\n   */\n  checked: boolean;\n};\n\n/**\n * A menu item with a checkbox control.\n * Must be used within a compound Menu or other `menu` or `menubar` aria role subtree.\n */\nexport const CheckboxMenuItem = forwardRef<HTMLInputElement, Props>(\n  function CheckboxMenuItem(\n    { className, label, onSelect, checked, disabled },\n    ref,\n  ) {\n    const toggleId = useId();\n    // The checkbox is controlled and we intend to ignore its events. We do need\n    // to at least set onChange though to make React happy.\n    const onChange = useCallback(() => {}, []);\n\n    // <label> elements are not allowed to have a role like menuitemcheckbox, so\n    // we must instead use a <button> for the menu item and use aria-checked\n    // etc. to communicate its state.\n    return (\n      <MenuItem\n        as=\"button\"\n        role=\"menuitemcheckbox\"\n        aria-checked={checked}\n        className={className}\n        label={label}\n        hideChevron\n        onSelect={onSelect}\n        disabled={disabled}\n        Icon={\n          <CheckboxInput\n            id={toggleId}\n            ref={ref}\n            // This is purely cosmetic; really the whole MenuItem is the toggle.\n            aria-hidden\n            tabIndex={-1}\n            checked={checked}\n            disabled={disabled}\n            onChange={onChange}\n          />\n        }\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AA8BA,IAAa,mBAAmB,WAC9B,SAAS,iBACP,EAAE,WAAW,OAAO,UAAU,SAAS,YACvC,KACA;AASA,QACE,oBAAC,UAAD;EACE,IAAG;EACH,MAAK;EACL,gBAAc;EACH;EACJ;EACP,aAAA;EACU;EACA;EACV,MACE,oBAAC,eAAD;GACE,IApBS,OAAO;GAqBX;GAEL,eAAA;GACA,UAAU;GACD;GACC;GACA,UAxBD,kBAAkB,IAAI,EAAE,CAAC;GAyBlC,CAAA;EAEJ,CAAA;EAGP"}

package/dist/components/Menu/ContextMenu.cjs

@@ -5,9 +5,9 @@ const require_MenuContext = require("./MenuContext.cjs");
 const require_platform = require("../../utils/platform.cjs");
 const require_DrawerMenu = require("./DrawerMenu.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_context_menu = require("@radix-ui/react-context-menu");
 let vaul = require("vaul");

package/dist/components/Menu/DrawerMenu.cjs

@@ -2,9 +2,9 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_DrawerMenu_module = require("./DrawerMenu.module.cjs");
 const require_platform = require("../../utils/platform.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Menu/DrawerMenu.tsx
 /**

package/dist/components/Menu/FloatingMenu.cjs

@@ -2,9 +2,9 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_FloatingMenu_module = require("./FloatingMenu.module.cjs");
 const require_MenuTitle = require("./MenuTitle.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Menu/FloatingMenu.tsx
 /**

package/dist/components/Menu/FloatingMenu.module.cjs

@@ -1,12 +1,9 @@
-//#region src/components/Menu/FloatingMenu.module.css
-var menu = "_menu_1w1u7_8";
-var title = "_title_1w1u7_63";
 var FloatingMenu_module_default = {
-	menu,
-	"slide-in": "_slide-in_1w1u7_1",
-	"fade-in": "_fade-in_1w1u7_1",
-	"fade-out": "_fade-out_1w1u7_1",
-	title
+	menu: "_menu_1kl3y_8",
+	"slide-in": "_slide-in_1kl3y_1",
+	"fade-in": "_fade-in_1kl3y_1",
+	"fade-out": "_fade-out_1kl3y_1",
+	title: "_title_1kl3y_65"
 };
 //#endregion
 exports.default = FloatingMenu_module_default;

package/dist/components/Menu/FloatingMenu.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingMenu.module.cjs","names":[],"sources":["../../../src/components/Menu/FloatingMenu.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.menu {\n  border-radius: var(--cpd-space-3x);\n  background: var(--cpd-color-bg-canvas-default);\n\n  /* Here we use outline to create a border internal to the container. The Radix\n  menu component may try to override it with outline: none, hence the need for\n  !important. */\n  outline: var(--cpd-border-width-1) solid\n    var(--cpd-color-border-interactive-secondary) !important;\n  outline-offset: calc(-1 * var(--cpd-border-width-1));\n  box-shadow: 0 4px 24px 0 rgb(0 0 0 / 10%);\n  inline-size: fit-content;\n  max-inline-size: 320px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n  padding-block: var(--cpd-space-5x) var(--cpd-space-4x);\n\n  --cpd-separator-spacing: 0;\n  --cpd-separator-inset: var(--cpd-space-4x);\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translate(0, var(--cpd-space-3x));\n  }\n}\n\n.menu[data-state=\"open\"] {\n  animation: slide-in 180ms;\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion) {\n  .menu[data-state=\"open\"] {\n    animation-name: fade-in;\n  }\n\n  .menu[data-state=\"closed\"] {\n    animation-name: fade-out;\n  }\n}\n\n.title {\n  /** Override MenuTitle margin top **/\n  margin-block-start: 0 !important;\n}\n"],"mappings":""}
+{"version":3,"file":"FloatingMenu.module.cjs","names":[],"sources":["../../../src/components/Menu/FloatingMenu.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.menu {\n  border-radius: var(--cpd-space-3x);\n  background: var(--cpd-color-bg-canvas-default);\n\n  /* Here we use outline to create a border internal to the container. The Radix\n  menu component may try to override it with outline: none, hence the need for\n  !important. */\n  outline: var(--cpd-border-width-1) solid\n    var(--cpd-color-border-interactive-secondary) !important;\n  outline-offset: calc(-1 * var(--cpd-border-width-1));\n  box-shadow: 0 4px 24px 0 rgb(0 0 0 / 10%);\n  inline-size: fit-content;\n  max-inline-size: 320px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n  padding-block: var(--cpd-space-5x) var(--cpd-space-4x);\n\n  --cpd-separator-spacing: 0;\n  --cpd-separator-inset: var(--cpd-space-4x);\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translate(0, var(--cpd-space-3x));\n  }\n}\n\n.menu[data-state=\"open\"] {\n  /* Disable linter, we have a reduced motion style below */\n  /* stylelint-disable-next-line defensive-css/require-prefers-reduced-motion */\n  animation: slide-in 180ms;\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion) {\n  .menu[data-state=\"open\"] {\n    animation-name: fade-in;\n  }\n\n  .menu[data-state=\"closed\"] {\n    animation-name: fade-out;\n  }\n}\n\n.title {\n  /** Override MenuTitle margin top **/\n  margin-block-start: 0 !important;\n}\n"],"mappings":""}

package/dist/components/Menu/FloatingMenu.module.js

@@ -1,12 +1,9 @@
-//#region src/components/Menu/FloatingMenu.module.css
-var menu = "_menu_1w1u7_8";
-var title = "_title_1w1u7_63";
 var FloatingMenu_module_default = {
-	menu,
-	"slide-in": "_slide-in_1w1u7_1",
-	"fade-in": "_fade-in_1w1u7_1",
-	"fade-out": "_fade-out_1w1u7_1",
-	title
+	menu: "_menu_1kl3y_8",
+	"slide-in": "_slide-in_1kl3y_1",
+	"fade-in": "_fade-in_1kl3y_1",
+	"fade-out": "_fade-out_1kl3y_1",
+	title: "_title_1kl3y_65"
 };
 //#endregion
 export { FloatingMenu_module_default as default };

package/dist/components/Menu/FloatingMenu.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingMenu.module.js","names":[],"sources":["../../../src/components/Menu/FloatingMenu.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.menu {\n  border-radius: var(--cpd-space-3x);\n  background: var(--cpd-color-bg-canvas-default);\n\n  /* Here we use outline to create a border internal to the container. The Radix\n  menu component may try to override it with outline: none, hence the need for\n  !important. */\n  outline: var(--cpd-border-width-1) solid\n    var(--cpd-color-border-interactive-secondary) !important;\n  outline-offset: calc(-1 * var(--cpd-border-width-1));\n  box-shadow: 0 4px 24px 0 rgb(0 0 0 / 10%);\n  inline-size: fit-content;\n  max-inline-size: 320px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n  padding-block: var(--cpd-space-5x) var(--cpd-space-4x);\n\n  --cpd-separator-spacing: 0;\n  --cpd-separator-inset: var(--cpd-space-4x);\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translate(0, var(--cpd-space-3x));\n  }\n}\n\n.menu[data-state=\"open\"] {\n  animation: slide-in 180ms;\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion) {\n  .menu[data-state=\"open\"] {\n    animation-name: fade-in;\n  }\n\n  .menu[data-state=\"closed\"] {\n    animation-name: fade-out;\n  }\n}\n\n.title {\n  /** Override MenuTitle margin top **/\n  margin-block-start: 0 !important;\n}\n"],"mappings":""}
+{"version":3,"file":"FloatingMenu.module.js","names":[],"sources":["../../../src/components/Menu/FloatingMenu.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.menu {\n  border-radius: var(--cpd-space-3x);\n  background: var(--cpd-color-bg-canvas-default);\n\n  /* Here we use outline to create a border internal to the container. The Radix\n  menu component may try to override it with outline: none, hence the need for\n  !important. */\n  outline: var(--cpd-border-width-1) solid\n    var(--cpd-color-border-interactive-secondary) !important;\n  outline-offset: calc(-1 * var(--cpd-border-width-1));\n  box-shadow: 0 4px 24px 0 rgb(0 0 0 / 10%);\n  inline-size: fit-content;\n  max-inline-size: 320px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n  padding-block: var(--cpd-space-5x) var(--cpd-space-4x);\n\n  --cpd-separator-spacing: 0;\n  --cpd-separator-inset: var(--cpd-space-4x);\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translate(0, var(--cpd-space-3x));\n  }\n}\n\n.menu[data-state=\"open\"] {\n  /* Disable linter, we have a reduced motion style below */\n  /* stylelint-disable-next-line defensive-css/require-prefers-reduced-motion */\n  animation: slide-in 180ms;\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion) {\n  .menu[data-state=\"open\"] {\n    animation-name: fade-in;\n  }\n\n  .menu[data-state=\"closed\"] {\n    animation-name: fade-out;\n  }\n}\n\n.title {\n  /** Override MenuTitle margin top **/\n  margin-block-start: 0 !important;\n}\n"],"mappings":""}

package/dist/components/Menu/Menu.cjs

@@ -5,9 +5,9 @@ const require_MenuContext = require("./MenuContext.cjs");
 const require_platform = require("../../utils/platform.cjs");
 const require_DrawerMenu = require("./DrawerMenu.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let vaul = require("vaul");
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");

package/dist/components/Menu/MenuItem.cjs

@@ -3,12 +3,12 @@ const require_Text = require("../Typography/Text.cjs");
 const require_MenuContext = require("./MenuContext.cjs");
 const require_MenuItem_module = require("./MenuItem.module.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _vector_im_compound_design_tokens_assets_web_icons_chevron_right = require("@vector-im/compound-design-tokens/assets/web/icons/chevron-right");
-_vector_im_compound_design_tokens_assets_web_icons_chevron_right = require_runtime.__toESM(_vector_im_compound_design_tokens_assets_web_icons_chevron_right);
+_vector_im_compound_design_tokens_assets_web_icons_chevron_right = require_runtime.__toESM(_vector_im_compound_design_tokens_assets_web_icons_chevron_right, 1);
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
 //#region src/components/Menu/MenuItem.tsx
 /**

package/dist/components/Menu/MenuItem.module.cjs

@@ -1,18 +1,12 @@
-//#region src/components/Menu/MenuItem.module.css
-var item = "_item_bym9p_8";
-var interactive = "_interactive_bym9p_26";
-var label = "_label_bym9p_35";
-var icon = "_icon_bym9p_51";
-var disabled = "_disabled_bym9p_140";
 var MenuItem_module_default = {
-	item,
-	interactive,
+	item: "_item_bym9p_8",
+	interactive: "_interactive_bym9p_26",
 	"no-label": "_no-label_bym9p_31",
-	label,
+	label: "_label_bym9p_35",
 	"no-icon": "_no-icon_bym9p_42",
-	icon,
+	icon: "_icon_bym9p_51",
 	"nav-hint": "_nav-hint_bym9p_60",
-	disabled
+	disabled: "_disabled_bym9p_140"
 };
 //#endregion
 exports.default = MenuItem_module_default;

package/dist/components/Menu/MenuItem.module.js

@@ -1,18 +1,12 @@
-//#region src/components/Menu/MenuItem.module.css
-var item = "_item_bym9p_8";
-var interactive = "_interactive_bym9p_26";
-var label = "_label_bym9p_35";
-var icon = "_icon_bym9p_51";
-var disabled = "_disabled_bym9p_140";
 var MenuItem_module_default = {
-	item,
-	interactive,
+	item: "_item_bym9p_8",
+	interactive: "_interactive_bym9p_26",
 	"no-label": "_no-label_bym9p_31",
-	label,
+	label: "_label_bym9p_35",
 	"no-icon": "_no-icon_bym9p_42",
-	icon,
+	icon: "_icon_bym9p_51",
 	"nav-hint": "_nav-hint_bym9p_60",
-	disabled
+	disabled: "_disabled_bym9p_140"
 };
 //#endregion
 export { MenuItem_module_default as default };

package/dist/components/Menu/MenuTitle.cjs

@@ -2,9 +2,9 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_Text = require("../Typography/Text.cjs");
 const require_MenuTitle_module = require("./MenuTitle.module.cjs");
 let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
+classnames = require_runtime.__toESM(classnames, 1);
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Menu/MenuTitle.tsx
 var MenuTitle = ({ title, id, className }) => {