@guardian/stand 0.0.39 → 0.0.41

package/dist/components/Menu/styles.cjs

@@ -1,18 +1,17 @@
-'use strict';
-
-var react = require('@emotion/react');
-var menu = require('../../styleD/build/typescript/component/menu.cjs');
-var typography = require('../../styleD/utils/semantic/typography.cjs');
-
-const defaultMenuTheme = menu.componentMenu.menu;
-const menuStyles = (theme) => react.css`
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_typography = require("../../styleD/utils/semantic/typography.cjs");
+const require_menu = require("../../styleD/build/typescript/component/menu.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/Menu/styles.ts
+const defaultMenuTheme = require_menu.componentMenu.menu;
+const menuStyles = (theme) => _emotion_react.css`
 	display: ${theme.shared.display};
 	flex-direction: ${theme.shared.flexDirection};
 	border: ${theme.shared.border};
 	background: ${theme.shared.backgroundColor};
 `;
-const defaultMenuSectionTheme = menu.componentMenu.menuSection;
-const menuSectionHeaderStyles = (theme, { size }) => react.css`
+const defaultMenuSectionTheme = require_menu.componentMenu.menuSection;
+const menuSectionHeaderStyles = (theme, { size }) => _emotion_react.css`
 	display: ${theme.header.shared.display};
 	align-items: ${theme.header.shared.alignItems};
 	padding: ${theme.header.shared.padding.top}
@@ -21,10 +20,10 @@ const menuSectionHeaderStyles = (theme, { size }) => react.css`
 	height: ${theme.header[size].height};
 	background: ${theme.header.shared.backgroundColor};
 	color: ${theme.header.shared.color};
-	${typography.convertTypographyToEmotionStringStyle(theme.header[size].typography)}
+	${require_typography.convertTypographyToEmotionStringStyle(theme.header[size].typography)}
 `;
-const defaultMenuItemTheme = menu.componentMenu.menuItem;
-const menuItemStyles = (theme, { description }) => react.css`
+const defaultMenuItemTheme = require_menu.componentMenu.menuItem;
+const menuItemStyles = (theme, { description }) => _emotion_react.css`
 	display: ${theme.shared.display};
 	grid-template-columns: ${theme.shared.gridTemplateColumns};
 	grid-template-areas: ${description ? theme.shared.gridTemplateAreasWithDescription : theme.shared.gridTemplateAreas};
@@ -63,44 +62,44 @@ const menuItemStyles = (theme, { description }) => react.css`
 		background-color: ${theme.shared.pressed.backgroundColor};
 	}
 `;
-const menuItemIconStyles = (theme, { size }) => react.css`
+const menuItemIconStyles = (theme, { size }) => _emotion_react.css`
 	grid-area: ${theme.shared.icon.gridArea};
 	align-self: ${theme.shared.icon.alignSelf};
 	color: ${theme.shared.icon.color};
 	/* Ensure the line-height matches the font line-height of the label for alignment */
 	line-height: ${theme[size].icon.lineHeight};
 `;
-const menuItemLabelStyles = (theme) => react.css`
+const menuItemLabelStyles = (theme) => _emotion_react.css`
 	grid-area: ${theme.shared.label.gridArea};
 	color: ${theme.shared.label.color};
-	${typography.convertTypographyToEmotionStringStyle(theme.shared.label.typography)}
+	${require_typography.convertTypographyToEmotionStringStyle(theme.shared.label.typography)}
 `;
-const menuItemDescriptionStyles = (theme) => react.css`
+const menuItemDescriptionStyles = (theme) => _emotion_react.css`
 	grid-area: ${theme.shared.description.gridArea};
 	color: ${theme.shared.description.color};
-	${typography.convertTypographyToEmotionStringStyle(theme.shared.description.typography)}
+	${require_typography.convertTypographyToEmotionStringStyle(theme.shared.description.typography)}
 `;
-const menuItemAsideStyles = (theme) => react.css`
+const menuItemAsideStyles = (theme) => _emotion_react.css`
 	grid-area: ${theme.shared.aside.gridArea};
 	justify-self: ${theme.shared.aside.justifySelf};
 	align-self: ${theme.shared.aside.alignSelf};
 	color: ${theme.shared.aside.color};
-	${typography.convertTypographyToEmotionStringStyle(theme.shared.aside.typography)}
+	${require_typography.convertTypographyToEmotionStringStyle(theme.shared.aside.typography)}
 `;
-const defaultMenuSeparatorTheme = menu.componentMenu.menuSeparator;
-const menuSeparatorStyles = (theme) => react.css`
+const defaultMenuSeparatorTheme = require_menu.componentMenu.menuSeparator;
+const menuSeparatorStyles = (theme) => _emotion_react.css`
 	background-color: ${theme.shared.backgroundColor};
 	height: ${theme.shared.height};
 	width: ${theme.shared.width};
 `;
-const defaultMenuPopoverTheme = menu.componentMenu.menuPopover;
-const menuPopoverStyles = (theme, { size }) => react.css`
+const defaultMenuPopoverTheme = require_menu.componentMenu.menuPopover;
+const menuPopoverStyles = (theme, { size }) => _emotion_react.css`
 	overflow: ${theme.shared.overflow};
 	max-width: ${theme[size].maxWidth};
 	width: ${theme[size].width};
 	box-shadow: ${theme.shared.shadow};
 `;
-
+//#endregion
 exports.defaultMenuItemTheme = defaultMenuItemTheme;
 exports.defaultMenuPopoverTheme = defaultMenuPopoverTheme;
 exports.defaultMenuSectionTheme = defaultMenuSectionTheme;

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

@@ -0,0 +1,17 @@
+import { DeepPartial, Prettify } from "../../util/types.cjs";
+import { ComponentMenu } from "../../styleD/build/typescript/component/menu.cjs";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/Menu/styles.d.ts
+type MenuTheme = Prettify<ComponentMenu['menu']>;
+type PartialMenuTheme = Prettify<DeepPartial<MenuTheme>>;
+type MenuSectionTheme = Prettify<ComponentMenu['menuSection']>;
+type PartialMenuSectionTheme = Prettify<DeepPartial<MenuSectionTheme>>;
+type MenuItemTheme = Prettify<ComponentMenu['menuItem']>;
+type PartialMenuItemTheme = Prettify<DeepPartial<MenuItemTheme>>;
+type MenuSeparatorTheme = Prettify<ComponentMenu['menuSeparator']>;
+type PartialMenuSeparatorTheme = Prettify<DeepPartial<MenuSeparatorTheme>>;
+type MenuPopoverTheme = Prettify<ComponentMenu['menuPopover']>;
+type PartialMenuPopoverTheme = Prettify<DeepPartial<MenuPopoverTheme>>;
+//#endregion
+export { MenuItemTheme, MenuPopoverTheme, MenuSectionTheme, MenuSeparatorTheme, MenuTheme, PartialMenuItemTheme, PartialMenuPopoverTheme, PartialMenuSectionTheme, PartialMenuSeparatorTheme, PartialMenuTheme };

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

@@ -0,0 +1,17 @@
+import { DeepPartial, Prettify } from "../../util/types.js";
+import { ComponentMenu } from "../../styleD/build/typescript/component/menu.js";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/Menu/styles.d.ts
+type MenuTheme = Prettify<ComponentMenu['menu']>;
+type PartialMenuTheme = Prettify<DeepPartial<MenuTheme>>;
+type MenuSectionTheme = Prettify<ComponentMenu['menuSection']>;
+type PartialMenuSectionTheme = Prettify<DeepPartial<MenuSectionTheme>>;
+type MenuItemTheme = Prettify<ComponentMenu['menuItem']>;
+type PartialMenuItemTheme = Prettify<DeepPartial<MenuItemTheme>>;
+type MenuSeparatorTheme = Prettify<ComponentMenu['menuSeparator']>;
+type PartialMenuSeparatorTheme = Prettify<DeepPartial<MenuSeparatorTheme>>;
+type MenuPopoverTheme = Prettify<ComponentMenu['menuPopover']>;
+type PartialMenuPopoverTheme = Prettify<DeepPartial<MenuPopoverTheme>>;
+//#endregion
+export { MenuItemTheme, MenuPopoverTheme, MenuSectionTheme, MenuSeparatorTheme, MenuTheme, PartialMenuItemTheme, PartialMenuPopoverTheme, PartialMenuSectionTheme, PartialMenuSeparatorTheme, PartialMenuTheme };

package/dist/components/Menu/styles.js

@@ -1,7 +1,7 @@
-import { css } from '@emotion/react';
-import { componentMenu } from '../../styleD/build/typescript/component/menu.js';
-import { convertTypographyToEmotionStringStyle } from '../../styleD/utils/semantic/typography.js';
-
+import { convertTypographyToEmotionStringStyle } from "../../styleD/utils/semantic/typography.js";
+import { componentMenu } from "../../styleD/build/typescript/component/menu.js";
+import { css } from "@emotion/react";
+//#region src/components/Menu/styles.ts
 const defaultMenuTheme = componentMenu.menu;
 const menuStyles = (theme) => css`
 	display: ${theme.shared.display};
@@ -98,5 +98,5 @@ const menuPopoverStyles = (theme, { size }) => css`
 	width: ${theme[size].width};
 	box-shadow: ${theme.shared.shadow};
 `;
-
+//#endregion
 export { defaultMenuItemTheme, defaultMenuPopoverTheme, defaultMenuSectionTheme, defaultMenuSeparatorTheme, defaultMenuTheme, menuItemAsideStyles, menuItemDescriptionStyles, menuItemIconStyles, menuItemLabelStyles, menuItemStyles, menuPopoverStyles, menuSectionHeaderStyles, menuSeparatorStyles, menuStyles };

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

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+import { DefaultProps, DefaultPropsWithChildren } from "../../util/types.cjs";
+import { IconProps } from "../Icon/types.cjs";
+import { MenuItemTheme, MenuPopoverTheme, MenuSectionTheme, MenuSeparatorTheme, MenuTheme } from "./styles.cjs";
+import { MenuItemProps, MenuProps, MenuSectionProps, MenuTriggerProps, PopoverProps, SeparatorProps } from "react-aria-components";
+
+//#region src/components/Menu/types.d.ts
+interface MenuProps$1 extends DefaultPropsWithChildren<MenuTheme, MenuProps<object>['className']>, Omit<MenuProps<object>, 'children'> {
+  /**
+   * Size variant of the Menu
+   */
+  size?: MenuPopoverProps['size'];
+  /**
+   * Props to pass to the underlying React Aria Popover component
+   */
+  popoverProps?: Omit<MenuPopoverProps, 'children' | 'size'>;
+  /**
+   * Props to pass to the underlying React Aria MenuTrigger component
+   */
+  menuTriggerProps?: Omit<MenuTriggerProps$1, 'children'>;
+}
+interface MenuSectionProps$1 extends DefaultPropsWithChildren<MenuSectionTheme, MenuSectionProps<object>['className']>, Omit<MenuSectionProps<object>, 'children'> {
+  /**
+   * The (optional) name of the section to be displayed in a header
+   */
+  name?: string;
+  /**
+   * Size variant of the MenuSection, this doesn't need to be passed if the MenuSection is a child of Menu, as it will inherit the size of the Menu.
+   */
+  size?: MenuPopoverProps['size'];
+  /**
+   * Disable the selectionMode option for the time being, as we currently don't have a checkbox or radio button component to use for the selectable menu items that this would require. This can be added in the future when we have these components available.
+   */
+  selectionMode?: 'none';
+}
+interface MenuItemProps$1 extends DefaultProps<MenuItemTheme, MenuItemProps['className']>, Omit<MenuItemProps, 'children'> {
+  /**
+   * The main label of the menu item, this can be a string or any React node if more complex layout is needed.
+   */
+  label: React.ReactNode;
+  /**
+   * Optional description text for the menu item, this can be a string or any React node if more complex layout is needed. The description will be rendered below the label in a smaller font size.
+   */
+  description?: React.ReactNode;
+  /**
+   * Optional content to be rendered on the right side of the menu item, this can be used for things like keyboard shortcuts or badges. This can be a string or any React node if more complex layout is needed.
+   */
+  aside?: React.ReactNode;
+  /**
+   * Icon to be rendered within the left side of the menu item. Passed to the Icon component, so can be either a string (for material symbols) or an SVG element.
+   */
+  icon?: IconProps['symbol'] | Exclude<IconProps['children'], string>;
+  /**
+   * Size variant of the MenuItem, this doesn't need to be passed if the MenuItem is a child of Menu, as it will inherit the size of the Menu.
+   */
+  size?: MenuPopoverProps['size'];
+}
+type MenuSeparatorProps = DefaultProps<MenuSeparatorTheme, SeparatorProps['className']>;
+interface MenuPopoverProps extends DefaultProps<MenuPopoverTheme, PopoverProps['className']>, PopoverProps {
+  /**
+   * Size variant of the Popover, this doesn't need to be passed if the Popover is a child of Menu, as it will inherit the size of the Menu.
+   */
+  size?: keyof Omit<MenuPopoverTheme, 'shared'>;
+}
+type MenuTriggerProps$1 = MenuTriggerProps;
+//#endregion
+export { MenuItemProps$1 as MenuItemProps, MenuPopoverProps, MenuProps$1 as MenuProps, MenuSectionProps$1 as MenuSectionProps, MenuSeparatorProps, MenuTriggerProps$1 as MenuTriggerProps };

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

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+import { DefaultProps, DefaultPropsWithChildren } from "../../util/types.js";
+import { IconProps } from "../Icon/types.js";
+import { MenuItemTheme, MenuPopoverTheme, MenuSectionTheme, MenuSeparatorTheme, MenuTheme } from "./styles.js";
+import { MenuItemProps, MenuProps, MenuSectionProps, MenuTriggerProps, PopoverProps, SeparatorProps } from "react-aria-components";
+
+//#region src/components/Menu/types.d.ts
+interface MenuProps$1 extends DefaultPropsWithChildren<MenuTheme, MenuProps<object>['className']>, Omit<MenuProps<object>, 'children'> {
+  /**
+   * Size variant of the Menu
+   */
+  size?: MenuPopoverProps['size'];
+  /**
+   * Props to pass to the underlying React Aria Popover component
+   */
+  popoverProps?: Omit<MenuPopoverProps, 'children' | 'size'>;
+  /**
+   * Props to pass to the underlying React Aria MenuTrigger component
+   */
+  menuTriggerProps?: Omit<MenuTriggerProps$1, 'children'>;
+}
+interface MenuSectionProps$1 extends DefaultPropsWithChildren<MenuSectionTheme, MenuSectionProps<object>['className']>, Omit<MenuSectionProps<object>, 'children'> {
+  /**
+   * The (optional) name of the section to be displayed in a header
+   */
+  name?: string;
+  /**
+   * Size variant of the MenuSection, this doesn't need to be passed if the MenuSection is a child of Menu, as it will inherit the size of the Menu.
+   */
+  size?: MenuPopoverProps['size'];
+  /**
+   * Disable the selectionMode option for the time being, as we currently don't have a checkbox or radio button component to use for the selectable menu items that this would require. This can be added in the future when we have these components available.
+   */
+  selectionMode?: 'none';
+}
+interface MenuItemProps$1 extends DefaultProps<MenuItemTheme, MenuItemProps['className']>, Omit<MenuItemProps, 'children'> {
+  /**
+   * The main label of the menu item, this can be a string or any React node if more complex layout is needed.
+   */
+  label: React.ReactNode;
+  /**
+   * Optional description text for the menu item, this can be a string or any React node if more complex layout is needed. The description will be rendered below the label in a smaller font size.
+   */
+  description?: React.ReactNode;
+  /**
+   * Optional content to be rendered on the right side of the menu item, this can be used for things like keyboard shortcuts or badges. This can be a string or any React node if more complex layout is needed.
+   */
+  aside?: React.ReactNode;
+  /**
+   * Icon to be rendered within the left side of the menu item. Passed to the Icon component, so can be either a string (for material symbols) or an SVG element.
+   */
+  icon?: IconProps['symbol'] | Exclude<IconProps['children'], string>;
+  /**
+   * Size variant of the MenuItem, this doesn't need to be passed if the MenuItem is a child of Menu, as it will inherit the size of the Menu.
+   */
+  size?: MenuPopoverProps['size'];
+}
+type MenuSeparatorProps = DefaultProps<MenuSeparatorTheme, SeparatorProps['className']>;
+interface MenuPopoverProps extends DefaultProps<MenuPopoverTheme, PopoverProps['className']>, PopoverProps {
+  /**
+   * Size variant of the Popover, this doesn't need to be passed if the Popover is a child of Menu, as it will inherit the size of the Menu.
+   */
+  size?: keyof Omit<MenuPopoverTheme, 'shared'>;
+}
+type MenuTriggerProps$1 = MenuTriggerProps;
+//#endregion
+export { MenuItemProps$1 as MenuItemProps, MenuPopoverProps, MenuProps$1 as MenuProps, MenuSectionProps$1 as MenuSectionProps, MenuSeparatorProps, MenuTriggerProps$1 as MenuTriggerProps };

package/dist/components/RadioGroup/RadioGroup.cjs

@@ -1,65 +1,48 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var React = require('react');
-var reactAriaComponents = require('react-aria-components');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-var Form = require('../Form/Form.cjs');
-var styles = require('./styles.cjs');
-
-function RadioGroup({
-  size = "md",
-  isInvalid = false,
-  theme = {},
-  children,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultRadioGroupTheme, theme);
-  const radios = [];
-  React.Children.forEach(children, (child) => {
-    if (!React.isValidElement(child) || child.type !== Radio) {
-      return;
-    }
-    radios.push(
-      React.cloneElement(child, {
-        theme,
-        size,
-        isInvalid
-      })
-    );
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Form.FormInputContainer,
-    {
-      as: reactAriaComponents.RadioGroup,
-      size,
-      isInvalid,
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.radioGroupStyles(mergedTheme, { size }), children: radios })
-    }
-  );
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_Form = require("../Form/Form.cjs");
+const require_styles = require("./styles.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
+//#region src/components/RadioGroup/RadioGroup.tsx
+function RadioGroup({ size = "md", isInvalid = false, theme = {}, children, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultRadioGroupTheme, theme);
+	const radios = [];
+	react.default.Children.forEach(children, (child) => {
+		if (!react.default.isValidElement(child) || child.type !== Radio) return;
+		radios.push(react.default.cloneElement(child, {
+			theme,
+			size,
+			isInvalid
+		}));
+	});
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Form.FormInputContainer, {
+		as: react_aria_components.RadioGroup,
+		size,
+		isInvalid,
+		...props,
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+			css: require_styles.radioGroupStyles(mergedTheme, { size }),
+			children: radios
+		})
+	});
 }
-function Radio({
-  theme = {},
-  size = "md",
-  children,
-  isInvalid = false,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultRadioGroupTheme, theme);
-  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Radio, { ...props, css: styles.radioStyles(mergedTheme, { size, isInvalid }), children: reactAriaComponents.composeRenderProps(children, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        css: styles.radioIndicatorStyles(mergedTheme, {
-          size,
-          isInvalid
-        })
-      }
-    ),
-    children2
-  ] })) });
+function Radio({ theme = {}, size = "md", children, isInvalid = false, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultRadioGroupTheme, theme);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Radio, {
+		...props,
+		css: require_styles.radioStyles(mergedTheme, {
+			size,
+			isInvalid
+		}),
+		children: (0, react_aria_components.composeRenderProps)(children, (children) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { css: require_styles.radioIndicatorStyles(mergedTheme, {
+			size,
+			isInvalid
+		}) }), children] }))
+	});
 }
-
+//#endregion
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;

package/dist/components/RadioGroup/RadioGroup.d.cts

@@ -0,0 +1,19 @@
+import { RadioGroupProps, RadioProps } from "./types.cjs";
+
+//#region src/components/RadioGroup/RadioGroup.d.ts
+declare function RadioGroup({
+  size,
+  isInvalid,
+  theme,
+  children,
+  ...props
+}: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Radio({
+  theme,
+  size,
+  children,
+  isInvalid,
+  ...props
+}: RadioProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Radio, RadioGroup };

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,19 @@
+import { RadioGroupProps, RadioProps } from "./types.js";
+
+//#region src/components/RadioGroup/RadioGroup.d.ts
+declare function RadioGroup({
+  size,
+  isInvalid,
+  theme,
+  children,
+  ...props
+}: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Radio({
+  theme,
+  size,
+  children,
+  isInvalid,
+  ...props
+}: RadioProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Radio, RadioGroup };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,31 +1,45 @@
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import React from 'react';
-import { Radio as Radio$1, composeRenderProps, RadioGroup as RadioGroup$1 } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { FormInputContainer } from '../Form/Form.js';
-import { defaultRadioGroupTheme, radioIndicatorStyles, radioStyles, radioGroupStyles } from './styles.js';
-
-function RadioGroup({ size = "md", isInvalid = false, theme = {}, children, ...props }) {
-  const mergedTheme = mergeDeep(defaultRadioGroupTheme, theme);
-  const radios = [];
-  React.Children.forEach(children, (child) => {
-    if (!React.isValidElement(child) || child.type !== Radio) {
-      return;
-    }
-    radios.push(React.cloneElement(child, {
-      theme,
-      size,
-      isInvalid
-    }));
-  });
-  return jsx(FormInputContainer, { as: RadioGroup$1, size, isInvalid, ...props, children: jsx("div", { css: radioGroupStyles(mergedTheme, { size }), children: radios }) });
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { FormInputContainer } from "../Form/Form.js";
+import { defaultRadioGroupTheme, radioGroupStyles, radioIndicatorStyles, radioStyles } from "./styles.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Radio, RadioGroup, composeRenderProps } from "react-aria-components";
+//#region src/components/RadioGroup/RadioGroup.tsx
+function RadioGroup$1({ size = "md", isInvalid = false, theme = {}, children, ...props }) {
+	const mergedTheme = mergeDeep(defaultRadioGroupTheme, theme);
+	const radios = [];
+	React.Children.forEach(children, (child) => {
+		if (!React.isValidElement(child) || child.type !== Radio$1) return;
+		radios.push(React.cloneElement(child, {
+			theme,
+			size,
+			isInvalid
+		}));
+	});
+	return /* @__PURE__ */ jsx(FormInputContainer, {
+		as: RadioGroup,
+		size,
+		isInvalid,
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			css: radioGroupStyles(mergedTheme, { size }),
+			children: radios
+		})
+	});
 }
-function Radio({ theme = {}, size = "md", children, isInvalid = false, ...props }) {
-  const mergedTheme = mergeDeep(defaultRadioGroupTheme, theme);
-  return jsx(Radio$1, { ...props, css: radioStyles(mergedTheme, { size, isInvalid }), children: composeRenderProps(children, (children2) => jsxs(Fragment, { children: [jsx("div", { css: radioIndicatorStyles(mergedTheme, {
-    size,
-    isInvalid
-  }) }), children2] })) });
+function Radio$1({ theme = {}, size = "md", children, isInvalid = false, ...props }) {
+	const mergedTheme = mergeDeep(defaultRadioGroupTheme, theme);
+	return /* @__PURE__ */ jsx(Radio, {
+		...props,
+		css: radioStyles(mergedTheme, {
+			size,
+			isInvalid
+		}),
+		children: composeRenderProps(children, (children) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { css: radioIndicatorStyles(mergedTheme, {
+			size,
+			isInvalid
+		}) }), children] }))
+	});
 }
-
-export { Radio, RadioGroup };
+//#endregion
+export { Radio$1 as Radio, RadioGroup$1 as RadioGroup };

package/dist/components/RadioGroup/styles.cjs

@@ -1,12 +1,11 @@
-'use strict';
-
-var react = require('@emotion/react');
-var radioGroup = require('../../styleD/build/typescript/component/radioGroup.cjs');
-var typography = require('../../styleD/utils/semantic/typography.cjs');
-
-const defaultRadioGroupTheme = radioGroup.componentRadioGroup;
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_typography = require("../../styleD/utils/semantic/typography.cjs");
+const require_radioGroup = require("../../styleD/build/typescript/component/radioGroup.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/RadioGroup/styles.ts
+const defaultRadioGroupTheme = require_radioGroup.componentRadioGroup;
 const radioGroupStyles = (theme, { size }) => {
-  return react.css`
+	return _emotion_react.css`
 		display: ${theme.shared.display};
 		flex-direction: ${theme.shared.flexDirection};
 		gap: ${theme[size].gap};
@@ -15,11 +14,11 @@ const radioGroupStyles = (theme, { size }) => {
 	`;
 };
 const radioStyles = (theme, { size, isInvalid }) => {
-  return react.css`
+	return _emotion_react.css`
 		display: ${theme.shared.radio.display};
 		align-items: ${theme.shared.radio.alignItems};
 		gap: ${theme.shared.radio.gap};
-		${typography.convertTypographyToEmotionStringStyle(theme[size].typography)}
+		${require_typography.convertTypographyToEmotionStringStyle(theme[size].typography)}
 		color: ${theme.shared.radio.color};
 
 		&[data-disabled] {
@@ -55,7 +54,7 @@ const radioStyles = (theme, { size, isInvalid }) => {
 	`;
 };
 const radioIndicatorStyles = (theme, { size, isInvalid }) => {
-  return react.css`
+	return _emotion_react.css`
 		position: ${theme.shared.indicator.position};
 		width: ${theme[size].indicator.width};
 		height: ${theme[size].indicator.height};
@@ -71,7 +70,7 @@ const radioIndicatorStyles = (theme, { size, isInvalid }) => {
 		}
 	`;
 };
-
+//#endregion
 exports.defaultRadioGroupTheme = defaultRadioGroupTheme;
 exports.radioGroupStyles = radioGroupStyles;
 exports.radioIndicatorStyles = radioIndicatorStyles;

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

@@ -0,0 +1,8 @@
+import { Prettify } from "../../util/types.cjs";
+import { ComponentRadioGroup } from "../../styleD/build/typescript/component/radioGroup.cjs";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/RadioGroup/styles.d.ts
+type RadioGroupTheme = Prettify<ComponentRadioGroup>;
+//#endregion
+export { RadioGroupTheme };

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

@@ -0,0 +1,8 @@
+import { Prettify } from "../../util/types.js";
+import { ComponentRadioGroup } from "../../styleD/build/typescript/component/radioGroup.js";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/RadioGroup/styles.d.ts
+type RadioGroupTheme = Prettify<ComponentRadioGroup>;
+//#endregion
+export { RadioGroupTheme };

package/dist/components/RadioGroup/styles.js

@@ -1,10 +1,10 @@
-import { css } from '@emotion/react';
-import { componentRadioGroup } from '../../styleD/build/typescript/component/radioGroup.js';
-import { convertTypographyToEmotionStringStyle } from '../../styleD/utils/semantic/typography.js';
-
+import { convertTypographyToEmotionStringStyle } from "../../styleD/utils/semantic/typography.js";
+import { componentRadioGroup } from "../../styleD/build/typescript/component/radioGroup.js";
+import { css } from "@emotion/react";
+//#region src/components/RadioGroup/styles.ts
 const defaultRadioGroupTheme = componentRadioGroup;
 const radioGroupStyles = (theme, { size }) => {
-  return css`
+	return css`
 		display: ${theme.shared.display};
 		flex-direction: ${theme.shared.flexDirection};
 		gap: ${theme[size].gap};
@@ -13,7 +13,7 @@ const radioGroupStyles = (theme, { size }) => {
 	`;
 };
 const radioStyles = (theme, { size, isInvalid }) => {
-  return css`
+	return css`
 		display: ${theme.shared.radio.display};
 		align-items: ${theme.shared.radio.alignItems};
 		gap: ${theme.shared.radio.gap};
@@ -53,7 +53,7 @@ const radioStyles = (theme, { size, isInvalid }) => {
 	`;
 };
 const radioIndicatorStyles = (theme, { size, isInvalid }) => {
-  return css`
+	return css`
 		position: ${theme.shared.indicator.position};
 		width: ${theme[size].indicator.width};
 		height: ${theme[size].indicator.height};
@@ -69,5 +69,5 @@ const radioIndicatorStyles = (theme, { size, isInvalid }) => {
 		}
 	`;
 };
-
+//#endregion
 export { defaultRadioGroupTheme, radioGroupStyles, radioIndicatorStyles, radioStyles };