@guardian/stand 0.0.66 → 0.0.68

package/dist/SidebarStepperNavigation.cjs

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_sidebarStepperNavigation = require("./styleD/build/typescript/component/sidebarStepperNavigation.cjs");
+const require_SidebarStepperNavigation = require("./components/SidebarStepperNavigation/SidebarStepperNavigation.cjs");
+const require_types = require("./components/SidebarStepperNavigation/types.cjs");
+exports.SidebarStepperNavigation = require_SidebarStepperNavigation.SidebarStepperNavigation;
+exports.StepStatus = require_types.StepStatus;
+exports.componentSidebarStepperNavigation = require_sidebarStepperNavigation.componentSidebarStepperNavigation;

package/dist/SidebarStepperNavigation.d.cts

@@ -0,0 +1,5 @@
+import { ComponentSidebarStepperNavigation, componentSidebarStepperNavigation } from "./styleD/build/typescript/component/sidebarStepperNavigation.cjs";
+import { PartialSidebarStepperNavigationTheme } from "./components/SidebarStepperNavigation/styles.cjs";
+import { SidebarStepperNavigationProps, StepNavConfig, StepNavStep, StepStatus } from "./components/SidebarStepperNavigation/types.cjs";
+import { SidebarStepperNavigation } from "./components/SidebarStepperNavigation/SidebarStepperNavigation.cjs";
+export { type ComponentSidebarStepperNavigation, SidebarStepperNavigation, type SidebarStepperNavigationProps, type PartialSidebarStepperNavigationTheme as SidebarStepperNavigationTheme, type StepNavConfig, type StepNavStep, StepStatus, componentSidebarStepperNavigation };

package/dist/SidebarStepperNavigation.d.ts

@@ -0,0 +1,5 @@
+import { ComponentSidebarStepperNavigation, componentSidebarStepperNavigation } from "./styleD/build/typescript/component/sidebarStepperNavigation.js";
+import { PartialSidebarStepperNavigationTheme } from "./components/SidebarStepperNavigation/styles.js";
+import { SidebarStepperNavigationProps, StepNavConfig, StepNavStep, StepStatus } from "./components/SidebarStepperNavigation/types.js";
+import { SidebarStepperNavigation } from "./components/SidebarStepperNavigation/SidebarStepperNavigation.js";
+export { type ComponentSidebarStepperNavigation, SidebarStepperNavigation, type SidebarStepperNavigationProps, type PartialSidebarStepperNavigationTheme as SidebarStepperNavigationTheme, type StepNavConfig, type StepNavStep, StepStatus, componentSidebarStepperNavigation };

package/dist/SidebarStepperNavigation.js

@@ -0,0 +1,4 @@
+import { componentSidebarStepperNavigation } from "./styleD/build/typescript/component/sidebarStepperNavigation.js";
+import { SidebarStepperNavigation } from "./components/SidebarStepperNavigation/SidebarStepperNavigation.js";
+import { StepStatus } from "./components/SidebarStepperNavigation/types.js";
+export { SidebarStepperNavigation, StepStatus, componentSidebarStepperNavigation };

package/dist/_virtual/_rolldown/runtime.cjs

@@ -15,7 +15,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));

package/dist/components/Avatar/Avatar.cjs

@@ -5,7 +5,8 @@ let react = require("react");
 let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 //#region src/components/Avatar/Avatar.tsx
 const getColorFromString = (input) => {
-	return require_types.avatarColors[input.split("").slice(0, 2).reduce((acc, char) => acc + (char.codePointAt(0) ?? 0), 0) % require_types.avatarColors.length];
+	const index = input.split("").slice(0, 2).reduce((acc, char) => acc + (char.codePointAt(0) ?? 0), 0) % require_types.avatarColors.length;
+	return require_types.avatarColors[index];
 };
 function Avatar({ src, initials, alt, size = "md", color, theme = {}, cssOverrides, ...props }) {
 	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultAvatarTheme, theme);
@@ -15,10 +16,11 @@ function Avatar({ src, initials, alt, size = "md", color, theme = {}, cssOverrid
 	};
 	const showImage = src && !imageError;
 	const displayInitials = initials?.slice(0, 2).toUpperCase() ?? "";
+	const avatarColor = color ?? getColorFromString(src ?? displayInitials);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		css: [require_styles.avatarStyles(mergedTheme, {
 			size,
-			color: color ?? getColorFromString(src ?? displayInitials)
+			color: avatarColor
 		}), cssOverrides],
 		role: "img",
 		"aria-label": alt ?? `Avatar ${displayInitials ? `with initials ${displayInitials}` : ""}`,

package/dist/components/Avatar/Avatar.js

@@ -5,7 +5,8 @@ import { useState } from "react";
 import { Fragment, jsx } from "@emotion/react/jsx-runtime";
 //#region src/components/Avatar/Avatar.tsx
 const getColorFromString = (input) => {
-	return avatarColors[input.split("").slice(0, 2).reduce((acc, char) => acc + (char.codePointAt(0) ?? 0), 0) % avatarColors.length];
+	const index = input.split("").slice(0, 2).reduce((acc, char) => acc + (char.codePointAt(0) ?? 0), 0) % avatarColors.length;
+	return avatarColors[index];
 };
 function Avatar({ src, initials, alt, size = "md", color, theme = {}, cssOverrides, ...props }) {
 	const mergedTheme = mergeDeep(defaultAvatarTheme, theme);
@@ -15,10 +16,11 @@ function Avatar({ src, initials, alt, size = "md", color, theme = {}, cssOverrid
 	};
 	const showImage = src && !imageError;
 	const displayInitials = initials?.slice(0, 2).toUpperCase() ?? "";
+	const avatarColor = color ?? getColorFromString(src ?? displayInitials);
 	return /* @__PURE__ */ jsx("div", {
 		css: [avatarStyles(mergedTheme, {
 			size,
-			color: color ?? getColorFromString(src ?? displayInitials)
+			color: avatarColor
 		}), cssOverrides],
 		role: "img",
 		"aria-label": alt ?? `Avatar ${displayInitials ? `with initials ${displayInitials}` : ""}`,

package/dist/components/AvatarButton/AvatarButton.cjs

@@ -5,8 +5,9 @@ let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 let react_aria_components = require("react-aria-components");
 //#region src/components/AvatarButton/AvatarButton.tsx
 function AvatarButton(props) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultAvatarButtonTheme, props.theme ?? {});
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Button, {
-		css: require_styles.avatarButtonStyles(require_mergeDeep.mergeDeep(require_styles.defaultAvatarButtonTheme, props.theme ?? {})),
+		css: require_styles.avatarButtonStyles(mergedTheme),
 		...props,
 		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Avatar.Avatar, {
 			...props,

package/dist/components/AvatarButton/AvatarButton.js

@@ -5,8 +5,9 @@ import { jsx } from "@emotion/react/jsx-runtime";
 import { Button } from "react-aria-components";
 //#region src/components/AvatarButton/AvatarButton.tsx
 function AvatarButton(props) {
+	const mergedTheme = mergeDeep(defaultAvatarButtonTheme, props.theme ?? {});
 	return /* @__PURE__ */ jsx(Button, {
-		css: avatarButtonStyles(mergeDeep(defaultAvatarButtonTheme, props.theme ?? {})),
+		css: avatarButtonStyles(mergedTheme),
 		...props,
 		children: /* @__PURE__ */ jsx(Avatar, {
 			...props,

package/dist/components/AvatarLink/AvatarLink.cjs

@@ -5,8 +5,9 @@ let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 let react_aria_components = require("react-aria-components");
 //#region src/components/AvatarLink/AvatarLink.tsx
 function AvatarLink(props) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultAvatarLinkTheme, props.theme ?? {});
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Link, {
-		css: require_styles.avatarLinkStyles(require_mergeDeep.mergeDeep(require_styles.defaultAvatarLinkTheme, props.theme ?? {})),
+		css: require_styles.avatarLinkStyles(mergedTheme),
 		...props,
 		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Avatar.Avatar, {
 			...props,

package/dist/components/AvatarLink/AvatarLink.js

@@ -5,8 +5,9 @@ import { jsx } from "@emotion/react/jsx-runtime";
 import { Link } from "react-aria-components";
 //#region src/components/AvatarLink/AvatarLink.tsx
 function AvatarLink(props) {
+	const mergedTheme = mergeDeep(defaultAvatarLinkTheme, props.theme ?? {});
 	return /* @__PURE__ */ jsx(Link, {
-		css: avatarLinkStyles(mergeDeep(defaultAvatarLinkTheme, props.theme ?? {})),
+		css: avatarLinkStyles(mergedTheme),
 		...props,
 		children: /* @__PURE__ */ jsx(Avatar, {
 			...props,

package/dist/components/Badge/Badge.cjs

@@ -3,8 +3,9 @@ const require_styles = require("./styles.cjs");
 let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 //#region src/components/Badge/Badge.tsx
 const Badge = ({ size = "md", color = "green", weight = "strong", theme = {}, cssOverrides, children, ...props }) => {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultBadgeTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
-		css: [require_styles.badgeStyles(require_mergeDeep.mergeDeep(require_styles.defaultBadgeTheme, theme), {
+		css: [require_styles.badgeStyles(mergedTheme, {
 			color,
 			size,
 			weight

package/dist/components/Badge/Badge.js

@@ -3,8 +3,9 @@ import { badgeStyles, defaultBadgeTheme } from "./styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 //#region src/components/Badge/Badge.tsx
 const Badge = ({ size = "md", color = "green", weight = "strong", theme = {}, cssOverrides, children, ...props }) => {
+	const mergedTheme = mergeDeep(defaultBadgeTheme, theme);
 	return /* @__PURE__ */ jsx("span", {
-		css: [badgeStyles(mergeDeep(defaultBadgeTheme, theme), {
+		css: [badgeStyles(mergedTheme, {
 			color,
 			size,
 			weight

package/dist/components/Byline/Byline.cjs

@@ -239,8 +239,10 @@ const Byline = ({ theme, allowUntaggedContributors, contributorLimit, enablePrev
 	}, []);
 	(0, react.useEffect)(() => {
 		const numberOfOptions = taggedContributors.length + (allowUntaggedContributors ? 1 : 0);
-		if (numberOfOptions) if (currentOptionIndex < 0) setCurrentOptionIndex(numberOfOptions - 1);
-		else setCurrentOptionIndex(currentOptionIndex % numberOfOptions);
+		if (numberOfOptions) {
+			if (currentOptionIndex < 0) setCurrentOptionIndex(numberOfOptions - 1);
+			else setCurrentOptionIndex(currentOptionIndex % numberOfOptions);
+		}
 		if (showDropdown) {
 			const editor = document.querySelector("[role=combobox]");
 			editor?.setAttribute("aria-activedescendant", `contributor-option-${currentOptionIndex}`);

package/dist/components/Byline/Byline.js

@@ -239,8 +239,10 @@ const Byline = ({ theme, allowUntaggedContributors, contributorLimit, enablePrev
 	}, []);
 	useEffect(() => {
 		const numberOfOptions = taggedContributors.length + (allowUntaggedContributors ? 1 : 0);
-		if (numberOfOptions) if (currentOptionIndex < 0) setCurrentOptionIndex(numberOfOptions - 1);
-		else setCurrentOptionIndex(currentOptionIndex % numberOfOptions);
+		if (numberOfOptions) {
+			if (currentOptionIndex < 0) setCurrentOptionIndex(numberOfOptions - 1);
+			else setCurrentOptionIndex(currentOptionIndex % numberOfOptions);
+		}
 		if (showDropdown) {
 			const editor = document.querySelector("[role=combobox]");
 			editor?.setAttribute("aria-activedescendant", `contributor-option-${currentOptionIndex}`);

package/dist/components/Byline/Preview.cjs

@@ -15,17 +15,19 @@ const Preview = ({ doc }) => {
 				css: require_styles.previewFreeTextStyles,
 				children: node.text
 			}, `${node.text}${i}`);
-			else if (node.type.name === "chip") if (node.attrs.path) return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("a", {
-				css: require_styles.previewContributorStyles(node),
-				href: `https://theguardian.com/${node.attrs.path}`,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				children: node.attrs.label
-			}, `${node.text}${i}`);
-			else return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
-				css: require_styles.previewContributorStyles(node),
-				children: node.attrs.label
-			}, `${node.text}${i}`);
+			else if (node.type.name === "chip") {
+				if (node.attrs.path) return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("a", {
+					css: require_styles.previewContributorStyles(node),
+					href: `https://theguardian.com/${node.attrs.path}`,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: node.attrs.label
+				}, `${node.text}${i}`);
+				else return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
+					css: require_styles.previewContributorStyles(node),
+					children: node.attrs.label
+				}, `${node.text}${i}`);
+			}
 			return null;
 		})
 	});

package/dist/components/Byline/Preview.js

@@ -15,17 +15,19 @@ const Preview = ({ doc }) => {
 				css: previewFreeTextStyles,
 				children: node.text
 			}, `${node.text}${i}`);
-			else if (node.type.name === "chip") if (node.attrs.path) return /* @__PURE__ */ jsx("a", {
-				css: previewContributorStyles(node),
-				href: `https://theguardian.com/${node.attrs.path}`,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				children: node.attrs.label
-			}, `${node.text}${i}`);
-			else return /* @__PURE__ */ jsx("span", {
-				css: previewContributorStyles(node),
-				children: node.attrs.label
-			}, `${node.text}${i}`);
+			else if (node.type.name === "chip") {
+				if (node.attrs.path) return /* @__PURE__ */ jsx("a", {
+					css: previewContributorStyles(node),
+					href: `https://theguardian.com/${node.attrs.path}`,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: node.attrs.label
+				}, `${node.text}${i}`);
+				else return /* @__PURE__ */ jsx("span", {
+					css: previewContributorStyles(node),
+					children: node.attrs.label
+				}, `${node.text}${i}`);
+			}
 			return null;
 		})
 	});

package/dist/components/Grid/Grid.cjs

@@ -3,15 +3,17 @@ const require_styles = require("./styles.cjs");
 let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 //#region src/components/Grid/Grid.tsx
 function Grid({ children, theme = {}, cssOverrides, as: Component = "div", ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultGridTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Component, {
-		css: [require_styles.gridStyles(require_mergeDeep.mergeDeep(require_styles.defaultGridTheme, theme)), cssOverrides],
+		css: [require_styles.gridStyles(mergedTheme), cssOverrides],
 		...props,
 		children
 	});
 }
 function Item({ children, theme = {}, cssOverrides, size, offset, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultGridTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-		css: [require_styles.itemStyles(require_mergeDeep.mergeDeep(require_styles.defaultGridTheme, theme), {
+		css: [require_styles.itemStyles(mergedTheme, {
 			size,
 			offset
 		}), cssOverrides],

package/dist/components/Grid/Grid.js

@@ -3,15 +3,17 @@ import { defaultGridTheme, gridStyles, itemStyles } from "./styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 //#region src/components/Grid/Grid.tsx
 function Grid({ children, theme = {}, cssOverrides, as: Component = "div", ...props }) {
+	const mergedTheme = mergeDeep(defaultGridTheme, theme);
 	return /* @__PURE__ */ jsx(Component, {
-		css: [gridStyles(mergeDeep(defaultGridTheme, theme)), cssOverrides],
+		css: [gridStyles(mergedTheme), cssOverrides],
 		...props,
 		children
 	});
 }
 function Item({ children, theme = {}, cssOverrides, size, offset, ...props }) {
+	const mergedTheme = mergeDeep(defaultGridTheme, theme);
 	return /* @__PURE__ */ jsx("div", {
-		css: [itemStyles(mergeDeep(defaultGridTheme, theme), {
+		css: [itemStyles(mergedTheme, {
 			size,
 			offset
 		}), cssOverrides],

package/dist/components/HtmlPreviewLoader/styles.cjs

@@ -61,11 +61,12 @@ const loadingIconStyle = ({ loadingIcon }) => {
 	`;
 };
 const spinAnimationStyle = () => {
-	return _emotion_react.css`
-		animation: ${(0, _emotion_react.keyframes)({
+	const spin = (0, _emotion_react.keyframes)({
 		from: { transform: "rotate(0deg)" },
 		to: { transform: "rotate(360deg)" }
-	})} 1s linear infinite;
+	});
+	return _emotion_react.css`
+		animation: ${spin} 1s linear infinite;
 	`;
 };
 const centeredStyle = () => {

package/dist/components/HtmlPreviewLoader/styles.js

@@ -61,11 +61,12 @@ const loadingIconStyle = ({ loadingIcon }) => {
 	`;
 };
 const spinAnimationStyle = () => {
-	return css`
-		animation: ${keyframes({
+	const spin = keyframes({
 		from: { transform: "rotate(0deg)" },
 		to: { transform: "rotate(360deg)" }
-	})} 1s linear infinite;
+	});
+	return css`
+		animation: ${spin} 1s linear infinite;
 	`;
 };
 const centeredStyle = () => {

package/dist/components/Layout/Layout.cjs

@@ -45,8 +45,9 @@ function LayoutSidebar({ as: Component = "aside", children, layoutSmBreakpoint =
 * Places children into the main grid area of the Layout.
 */
 function LayoutMain({ as: Component = "main", children, fluid = true, paddingTop = true, paddingBottom = true, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultMainTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Component, {
-		css: [require_styles.mainLayoutStyles(require_mergeDeep.mergeDeep(require_styles.defaultMainTheme, theme), {
+		css: [require_styles.mainLayoutStyles(mergedTheme, {
 			fluid,
 			paddingTop,
 			paddingBottom
@@ -80,8 +81,9 @@ function LayoutMain({ as: Component = "main", children, fluid = true, paddingTop
 * ```
 */
 function LayoutRoot({ children, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultLayoutTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-		css: [require_styles.layoutStyles(require_mergeDeep.mergeDeep(require_styles.defaultLayoutTheme, theme)), cssOverrides],
+		css: [require_styles.layoutStyles(mergedTheme), cssOverrides],
 		...props,
 		children
 	});

package/dist/components/Layout/Layout.js

@@ -45,8 +45,9 @@ function LayoutSidebar({ as: Component = "aside", children, layoutSmBreakpoint =
 * Places children into the main grid area of the Layout.
 */
 function LayoutMain({ as: Component = "main", children, fluid = true, paddingTop = true, paddingBottom = true, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = mergeDeep(defaultMainTheme, theme);
 	return /* @__PURE__ */ jsx(Component, {
-		css: [mainLayoutStyles(mergeDeep(defaultMainTheme, theme), {
+		css: [mainLayoutStyles(mergedTheme, {
 			fluid,
 			paddingTop,
 			paddingBottom
@@ -80,8 +81,9 @@ function LayoutMain({ as: Component = "main", children, fluid = true, paddingTop
 * ```
 */
 function LayoutRoot({ children, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = mergeDeep(defaultLayoutTheme, theme);
 	return /* @__PURE__ */ jsx("div", {
-		css: [layoutStyles(mergeDeep(defaultLayoutTheme, theme)), cssOverrides],
+		css: [layoutStyles(mergedTheme), cssOverrides],
 		...props,
 		children
 	});

package/dist/components/Menu/Menu.cjs

@@ -8,16 +8,18 @@ let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 let react_aria_components = require("react-aria-components");
 //#region src/components/Menu/Menu.tsx
 function Popover({ size = "md", children, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultMenuPopoverTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Popover, {
-		css: [require_styles.menuPopoverStyles(require_mergeDeep.mergeDeep(require_styles.defaultMenuPopoverTheme, theme), { size }), cssOverrides],
+		css: [require_styles.menuPopoverStyles(mergedTheme, { size }), cssOverrides],
 		...props,
 		children
 	});
 }
 function MenuSeparator({ theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultMenuSeparatorTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Separator, {
 		orientation: "horizontal",
-		css: [require_styles.menuSeparatorStyles(require_mergeDeep.mergeDeep(require_styles.defaultMenuSeparatorTheme, theme)), cssOverrides],
+		css: [require_styles.menuSeparatorStyles(mergedTheme), cssOverrides],
 		...props
 	});
 }

package/dist/components/Menu/Menu.js

@@ -6,16 +6,18 @@ import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { Header, Menu, MenuItem, MenuSection, MenuTrigger, Popover, Separator } from "react-aria-components";
 //#region src/components/Menu/Menu.tsx
 function Popover$1({ size = "md", children, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = mergeDeep(defaultMenuPopoverTheme, theme);
 	return /* @__PURE__ */ jsx(Popover, {
-		css: [menuPopoverStyles(mergeDeep(defaultMenuPopoverTheme, theme), { size }), cssOverrides],
+		css: [menuPopoverStyles(mergedTheme, { size }), cssOverrides],
 		...props,
 		children
 	});
 }
 function MenuSeparator({ theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = mergeDeep(defaultMenuSeparatorTheme, theme);
 	return /* @__PURE__ */ jsx(Separator, {
 		orientation: "horizontal",
-		css: [menuSeparatorStyles(mergeDeep(defaultMenuSeparatorTheme, theme)), cssOverrides],
+		css: [menuSeparatorStyles(mergedTheme), cssOverrides],
 		...props
 	});
 }

package/dist/components/Modal/Modal.cjs

@@ -43,11 +43,12 @@ const DialogRoot = ({ children, theme = {}, cssOverrides, ...props }) => {
 	});
 };
 const DialogHeader = ({ variant = "headingLg", element = "h2", theme = {}, cssOverrides, ...props }) => {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultDialogTheme.title, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Typography.Typography, {
 		slot: "title",
 		variant,
 		element,
-		cssOverrides: [require_styles.dialogHeadingStyles(require_mergeDeep.mergeDeep(require_styles.defaultDialogTheme.title, theme)), ...cssOverrides == null ? [] : Array.isArray(cssOverrides) ? cssOverrides : [cssOverrides]],
+		cssOverrides: [require_styles.dialogHeadingStyles(mergedTheme), ...cssOverrides == null ? [] : Array.isArray(cssOverrides) ? cssOverrides : [cssOverrides]],
 		...props
 	});
 };
@@ -69,18 +70,20 @@ const DialogButtons = ({ children, theme = {}, cssOverrides, ...props }) => {
 	});
 };
 const DialogContent = ({ children, theme = {}, cssOverrides, ...props }) => {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultDialogTheme.children, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-		css: [require_styles.dialogContentStyles(require_mergeDeep.mergeDeep(require_styles.defaultDialogTheme.children, theme)), cssOverrides],
+		css: [require_styles.dialogContentStyles(mergedTheme), cssOverrides],
 		...props,
 		children
 	});
 };
 const DialogDismiss = ({ theme = {}, size = "lg", symbol = "close", variant = "tertiary", ...props }) => {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultDialogTheme.dismiss, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_IconButton.IconButton, {
 		size,
 		symbol,
 		variant,
-		cssOverrides: require_styles.dialogDismissStyles(require_mergeDeep.mergeDeep(require_styles.defaultDialogTheme.dismiss, theme)),
+		cssOverrides: require_styles.dialogDismissStyles(mergedTheme),
 		slot: "close",
 		...props
 	});

package/dist/components/Modal/Modal.js

@@ -41,11 +41,12 @@ const DialogRoot = ({ children, theme = {}, cssOverrides, ...props }) => {
 	});
 };
 const DialogHeader = ({ variant = "headingLg", element = "h2", theme = {}, cssOverrides, ...props }) => {
+	const mergedTheme = mergeDeep(defaultDialogTheme.title, theme);
 	return /* @__PURE__ */ jsx(Typography, {
 		slot: "title",
 		variant,
 		element,
-		cssOverrides: [dialogHeadingStyles(mergeDeep(defaultDialogTheme.title, theme)), ...cssOverrides == null ? [] : Array.isArray(cssOverrides) ? cssOverrides : [cssOverrides]],
+		cssOverrides: [dialogHeadingStyles(mergedTheme), ...cssOverrides == null ? [] : Array.isArray(cssOverrides) ? cssOverrides : [cssOverrides]],
 		...props
 	});
 };
@@ -67,18 +68,20 @@ const DialogButtons = ({ children, theme = {}, cssOverrides, ...props }) => {
 	});
 };
 const DialogContent = ({ children, theme = {}, cssOverrides, ...props }) => {
+	const mergedTheme = mergeDeep(defaultDialogTheme.children, theme);
 	return /* @__PURE__ */ jsx("div", {
-		css: [dialogContentStyles(mergeDeep(defaultDialogTheme.children, theme)), cssOverrides],
+		css: [dialogContentStyles(mergedTheme), cssOverrides],
 		...props,
 		children
 	});
 };
 const DialogDismiss = ({ theme = {}, size = "lg", symbol = "close", variant = "tertiary", ...props }) => {
+	const mergedTheme = mergeDeep(defaultDialogTheme.dismiss, theme);
 	return /* @__PURE__ */ jsx(IconButton, {
 		size,
 		symbol,
 		variant,
-		cssOverrides: dialogDismissStyles(mergeDeep(defaultDialogTheme.dismiss, theme)),
+		cssOverrides: dialogDismissStyles(mergedTheme),
 		slot: "close",
 		...props
 	});