@guardian/stand 0.0.65 → 0.0.67

package/dist/Badge.cjs

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_badge = require("./styleD/build/typescript/component/badge.cjs");
+const require_Badge = require("./components/Badge/Badge.cjs");
+exports.Badge = require_Badge.Badge;
+exports.componentBadge = require_badge.componentBadge;

package/dist/Badge.d.cts

@@ -0,0 +1,5 @@
+import { ComponentBadge, componentBadge } from "./styleD/build/typescript/component/badge.cjs";
+import { PartialBadgeTheme } from "./components/Badge/styles.cjs";
+import { BadgeProps } from "./components/Badge/types.cjs";
+import { Badge } from "./components/Badge/Badge.cjs";
+export { Badge, type BadgeProps, type PartialBadgeTheme as BadgeTheme, type ComponentBadge, componentBadge };

package/dist/Badge.d.ts

@@ -0,0 +1,5 @@
+import { ComponentBadge, componentBadge } from "./styleD/build/typescript/component/badge.js";
+import { PartialBadgeTheme } from "./components/Badge/styles.js";
+import { BadgeProps } from "./components/Badge/types.js";
+import { Badge } from "./components/Badge/Badge.js";
+export { Badge, type BadgeProps, type PartialBadgeTheme as BadgeTheme, type ComponentBadge, componentBadge };

package/dist/Badge.js

@@ -0,0 +1,3 @@
+import { componentBadge } from "./styleD/build/typescript/component/badge.js";
+import { Badge } from "./components/Badge/Badge.js";
+export { Badge, componentBadge };

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

@@ -0,0 +1,18 @@
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+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(mergedTheme, {
+			color,
+			size,
+			weight
+		}), cssOverrides],
+		...props,
+		children
+	});
+};
+//#endregion
+exports.Badge = Badge;

package/dist/components/Badge/Badge.d.cts

@@ -0,0 +1,5 @@
+import { BadgeProps } from "./types.cjs";
+//#region src/components/Badge/Badge.d.ts
+declare const Badge: ({ size, color, weight, theme, cssOverrides, children, ...props }: BadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Badge };

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,5 @@
+import { BadgeProps } from "./types.js";
+//#region src/components/Badge/Badge.d.ts
+declare const Badge: ({ size, color, weight, theme, cssOverrides, children, ...props }: BadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Badge };

package/dist/components/Badge/Badge.js

@@ -0,0 +1,18 @@
+import { mergeDeep } from "../../util/mergeDeep.js";
+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(mergedTheme, {
+			color,
+			size,
+			weight
+		}), cssOverrides],
+		...props,
+		children
+	});
+};
+//#endregion
+export { Badge };

package/dist/components/Badge/styles.cjs

@@ -0,0 +1,26 @@
+const require_typography = require("../../styleD/utils/semantic/typography.cjs");
+const require_badge = require("../../styleD/build/typescript/component/badge.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/Badge/styles.ts
+const defaultBadgeTheme = require_badge.componentBadge;
+const badgeStyles = (theme, { size = "md", color = "green", weight = "strong" }) => {
+	const sizeVariant = theme.size[size];
+	const padding = sizeVariant.padding;
+	const typography = sizeVariant.weight[weight].typography;
+	const colorVariant = theme.color[color].weight[weight];
+	return _emotion_react.css`
+		display: ${theme.shared.display};
+		align-items: ${theme.shared.alignItems};
+		justify-content: ${theme.shared.justifyContent};
+		padding-top: ${padding.top};
+		padding-right: ${padding.right};
+		padding-bottom: ${padding.bottom};
+		padding-left: ${padding.left};
+		${require_typography.convertTypographyToEmotionStringStyle(typography)}
+		color: ${colorVariant.color};
+		background-color: ${colorVariant.background};
+	`;
+};
+//#endregion
+exports.badgeStyles = badgeStyles;
+exports.defaultBadgeTheme = defaultBadgeTheme;

package/dist/components/Badge/styles.d.cts

@@ -0,0 +1,9 @@
+import { DeepPartial, Prettify } from "../../util/types.cjs";
+import { ComponentBadge } from "../../styleD/build/typescript/component/badge.cjs";
+import "./types.cjs";
+import { SerializedStyles } from "@emotion/react";
+//#region src/components/Badge/styles.d.ts
+type BadgeTheme = Prettify<Pick<ComponentBadge, 'size' | 'color' | 'shared'>>;
+type PartialBadgeTheme = Prettify<DeepPartial<BadgeTheme>>;
+//#endregion
+export { BadgeTheme, PartialBadgeTheme };

package/dist/components/Badge/styles.d.ts

@@ -0,0 +1,9 @@
+import { DeepPartial, Prettify } from "../../util/types.js";
+import { ComponentBadge } from "../../styleD/build/typescript/component/badge.js";
+import "./types.js";
+import { SerializedStyles } from "@emotion/react";
+//#region src/components/Badge/styles.d.ts
+type BadgeTheme = Prettify<Pick<ComponentBadge, 'size' | 'color' | 'shared'>>;
+type PartialBadgeTheme = Prettify<DeepPartial<BadgeTheme>>;
+//#endregion
+export { BadgeTheme, PartialBadgeTheme };

package/dist/components/Badge/styles.js

@@ -0,0 +1,25 @@
+import { convertTypographyToEmotionStringStyle } from "../../styleD/utils/semantic/typography.js";
+import { componentBadge } from "../../styleD/build/typescript/component/badge.js";
+import { css } from "@emotion/react";
+//#region src/components/Badge/styles.ts
+const defaultBadgeTheme = componentBadge;
+const badgeStyles = (theme, { size = "md", color = "green", weight = "strong" }) => {
+	const sizeVariant = theme.size[size];
+	const padding = sizeVariant.padding;
+	const typography = sizeVariant.weight[weight].typography;
+	const colorVariant = theme.color[color].weight[weight];
+	return css`
+		display: ${theme.shared.display};
+		align-items: ${theme.shared.alignItems};
+		justify-content: ${theme.shared.justifyContent};
+		padding-top: ${padding.top};
+		padding-right: ${padding.right};
+		padding-bottom: ${padding.bottom};
+		padding-left: ${padding.left};
+		${convertTypographyToEmotionStringStyle(typography)}
+		color: ${colorVariant.color};
+		background-color: ${colorVariant.background};
+	`;
+};
+//#endregion
+export { badgeStyles, defaultBadgeTheme };

package/dist/components/Badge/types.d.cts

@@ -0,0 +1,23 @@
+import { DefaultPropsWithChildren } from "../../util/types.cjs";
+import { componentBadge } from "../../styleD/build/typescript/component/badge.cjs";
+import { BadgeTheme } from "./styles.cjs";
+//#region src/components/Badge/types.d.ts
+type BadgeColors = keyof typeof componentBadge.color;
+type BadgeSizes = keyof typeof componentBadge.size;
+type BadgeWeights = keyof typeof componentBadge.size.md.weight;
+interface BadgeProps extends DefaultPropsWithChildren<BadgeTheme> {
+  /**
+   * Size variant of the badge
+   */
+  size?: BadgeSizes;
+  /**
+   * Color variant of the badge
+   */
+  color?: BadgeColors;
+  /**
+   * The weight of the badge can affect both size and color CSS values
+   */
+  weight?: BadgeWeights;
+}
+//#endregion
+export { BadgeColors, BadgeProps, BadgeSizes, BadgeWeights };

package/dist/components/Badge/types.d.ts

@@ -0,0 +1,23 @@
+import { DefaultPropsWithChildren } from "../../util/types.js";
+import { componentBadge } from "../../styleD/build/typescript/component/badge.js";
+import { BadgeTheme } from "./styles.js";
+//#region src/components/Badge/types.d.ts
+type BadgeColors = keyof typeof componentBadge.color;
+type BadgeSizes = keyof typeof componentBadge.size;
+type BadgeWeights = keyof typeof componentBadge.size.md.weight;
+interface BadgeProps extends DefaultPropsWithChildren<BadgeTheme> {
+  /**
+   * Size variant of the badge
+   */
+  size?: BadgeSizes;
+  /**
+   * Color variant of the badge
+   */
+  color?: BadgeColors;
+  /**
+   * The weight of the badge can affect both size and color CSS values
+   */
+  weight?: BadgeWeights;
+}
+//#endregion
+export { BadgeColors, BadgeProps, BadgeSizes, BadgeWeights };

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
 	});
 }