@guardian/stand 0.0.40 → 0.0.42

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

@@ -0,0 +1,14 @@
+import { DefaultProps } from "../../util/types.cjs";
+import { FormInputContainerDefaultProps } from "../Form/types.cjs";
+import { RadioGroupTheme } from "./styles.cjs";
+import { RadioGroupProps, RadioProps } from "react-aria-components";
+
+//#region src/components/RadioGroup/types.d.ts
+type RadioGroupProps$1 = FormInputContainerDefaultProps<RadioGroupProps, RadioGroupTheme>;
+interface RadioProps$1 extends DefaultProps<RadioGroupTheme, RadioProps['className']>, RadioProps {
+  size?: keyof Omit<RadioGroupTheme, 'shared'>;
+  /** Whether the input value is invalid. */
+  isInvalid?: boolean;
+}
+//#endregion
+export { RadioGroupProps$1 as RadioGroupProps, RadioProps$1 as RadioProps };

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

@@ -0,0 +1,14 @@
+import { DefaultProps } from "../../util/types.js";
+import { FormInputContainerDefaultProps } from "../Form/types.js";
+import { RadioGroupTheme } from "./styles.js";
+import { RadioGroupProps, RadioProps } from "react-aria-components";
+
+//#region src/components/RadioGroup/types.d.ts
+type RadioGroupProps$1 = FormInputContainerDefaultProps<RadioGroupProps, RadioGroupTheme>;
+interface RadioProps$1 extends DefaultProps<RadioGroupTheme, RadioProps['className']>, RadioProps {
+  size?: keyof Omit<RadioGroupTheme, 'shared'>;
+  /** Whether the input value is invalid. */
+  isInvalid?: boolean;
+}
+//#endregion
+export { RadioGroupProps$1 as RadioGroupProps, RadioProps$1 as RadioProps };

package/dist/components/Select/Select.cjs

@@ -1,58 +1,50 @@
-'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 Icon = require('../Icon/Icon.cjs');
-var styles = require('./styles.cjs');
-
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_Icon = require("../Icon/Icon.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/Select/Select.tsx
 function Option({ children, theme = {} }) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultSelectTheme, theme);
-  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ListBoxItem, { css: styles.listBoxItemStyles(mergedTheme), children });
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.ListBoxItem, {
+		css: require_styles.listBoxItemStyles(require_mergeDeep.mergeDeep(require_styles.defaultSelectTheme, theme)),
+		children
+	});
 }
 function ListBox({ children, theme = {} }) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultSelectTheme, theme);
-  const items = [];
-  React.Children.forEach(children, (child, i) => {
-    if (!React.isValidElement(child)) {
-      return;
-    }
-    if (child.type === Option) {
-      items.push(
-        React.cloneElement(child, {
-          key: `${child.key}-${i}`
-        })
-      );
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ListBox, { css: styles.listBoxStyles(mergedTheme), children: items });
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultSelectTheme, theme);
+	const items = [];
+	react.default.Children.forEach(children, (child, i) => {
+		if (!react.default.isValidElement(child)) return;
+		if (child.type === Option) items.push(react.default.cloneElement(child, { key: `${child.key}-${i}` }));
+	});
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.ListBox, {
+		css: require_styles.listBoxStyles(mergedTheme),
+		children: items
+	});
 }
-function Select({
-  isInvalid,
-  theme = {},
-  children,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultSelectTheme, theme);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Form.FormInputContainer,
-    {
-      as: reactAriaComponents.Select,
-      isInvalid,
-      ...props,
-      size: "md",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Button, { css: styles.buttonStyles(mergedTheme, isInvalid), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.SelectValue, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { symbol: "keyboard_arrow_down", size: "lg" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Popover, { css: styles.popoverStyles(mergedTheme), children: /* @__PURE__ */ jsxRuntime.jsx(ListBox, { children }) })
-      ]
-    }
-  );
+function Select({ isInvalid, theme = {}, children, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultSelectTheme, theme);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(require_Form.FormInputContainer, {
+		as: react_aria_components.Select,
+		isInvalid,
+		...props,
+		size: "md",
+		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(react_aria_components.Button, {
+			css: require_styles.buttonStyles(mergedTheme, isInvalid),
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.SelectValue, {}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+				symbol: "keyboard_arrow_down",
+				size: "lg"
+			})]
+		}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Popover, {
+			css: require_styles.popoverStyles(mergedTheme),
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ListBox, { children })
+		})]
+	});
 }
-
+//#endregion
 exports.Option = Option;
 exports.Select = Select;

package/dist/components/Select/Select.d.cts

@@ -0,0 +1,15 @@
+import { OptionProps, SelectProps } from "./types.cjs";
+
+//#region src/components/Select/Select.d.ts
+declare function Option({
+  children,
+  theme
+}: OptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Select({
+  isInvalid,
+  theme,
+  children,
+  ...props
+}: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Option, Select };

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,15 @@
+import { OptionProps, SelectProps } from "./types.js";
+
+//#region src/components/Select/Select.d.ts
+declare function Option({
+  children,
+  theme
+}: OptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Select({
+  isInvalid,
+  theme,
+  children,
+  ...props
+}: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Option, Select };

package/dist/components/Select/Select.js

@@ -1,39 +1,47 @@
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import React from 'react';
-import { ListBoxItem, Select as Select$1, Button, SelectValue, Popover, ListBox as ListBox$1 } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { FormInputContainer } from '../Form/Form.js';
-import { Icon } from '../Icon/Icon.js';
-import { defaultSelectTheme, listBoxItemStyles, buttonStyles, popoverStyles, listBoxStyles } from './styles.js';
-
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { Icon } from "../Icon/Icon.js";
+import { FormInputContainer } from "../Form/Form.js";
+import { buttonStyles, defaultSelectTheme, listBoxItemStyles, listBoxStyles, popoverStyles } from "./styles.js";
+import React from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Button, ListBox, ListBoxItem, Popover, Select, SelectValue } from "react-aria-components";
+//#region src/components/Select/Select.tsx
 function Option({ children, theme = {} }) {
-  const mergedTheme = mergeDeep(defaultSelectTheme, theme);
-  return jsx(ListBoxItem, { css: listBoxItemStyles(mergedTheme), children });
+	return /* @__PURE__ */ jsx(ListBoxItem, {
+		css: listBoxItemStyles(mergeDeep(defaultSelectTheme, theme)),
+		children
+	});
 }
-function ListBox({ children, theme = {} }) {
-  const mergedTheme = mergeDeep(defaultSelectTheme, theme);
-  const items = [];
-  React.Children.forEach(children, (child, i) => {
-    if (!React.isValidElement(child)) {
-      return;
-    }
-    if (child.type === Option) {
-      items.push(React.cloneElement(child, {
-        key: `${child.key}-${i}`
-      }));
-    }
-  });
-  return jsx(ListBox$1, { css: listBoxStyles(mergedTheme), children: items });
+function ListBox$1({ children, theme = {} }) {
+	const mergedTheme = mergeDeep(defaultSelectTheme, theme);
+	const items = [];
+	React.Children.forEach(children, (child, i) => {
+		if (!React.isValidElement(child)) return;
+		if (child.type === Option) items.push(React.cloneElement(child, { key: `${child.key}-${i}` }));
+	});
+	return /* @__PURE__ */ jsx(ListBox, {
+		css: listBoxStyles(mergedTheme),
+		children: items
+	});
 }
-function Select({ isInvalid, theme = {}, children, ...props }) {
-  const mergedTheme = mergeDeep(defaultSelectTheme, theme);
-  return jsxs(FormInputContainer, {
-    as: Select$1,
-    isInvalid,
-    ...props,
-    size: "md",
-    children: [jsxs(Button, { css: buttonStyles(mergedTheme, isInvalid), children: [jsx(SelectValue, {}), jsx(Icon, { symbol: "keyboard_arrow_down", size: "lg" })] }), jsx(Popover, { css: popoverStyles(mergedTheme), children: jsx(ListBox, { children }) })]
-  });
+function Select$1({ isInvalid, theme = {}, children, ...props }) {
+	const mergedTheme = mergeDeep(defaultSelectTheme, theme);
+	return /* @__PURE__ */ jsxs(FormInputContainer, {
+		as: Select,
+		isInvalid,
+		...props,
+		size: "md",
+		children: [/* @__PURE__ */ jsxs(Button, {
+			css: buttonStyles(mergedTheme, isInvalid),
+			children: [/* @__PURE__ */ jsx(SelectValue, {}), /* @__PURE__ */ jsx(Icon, {
+				symbol: "keyboard_arrow_down",
+				size: "lg"
+			})]
+		}), /* @__PURE__ */ jsx(Popover, {
+			css: popoverStyles(mergedTheme),
+			children: /* @__PURE__ */ jsx(ListBox$1, { children })
+		})]
+	});
 }
-
-export { Option, Select };
+//#endregion
+export { Option, Select$1 as Select };

package/dist/components/Select/styles.cjs

@@ -1,17 +1,16 @@
-'use strict';
-
-var react = require('@emotion/react');
-var select = require('../../styleD/build/typescript/component/select.cjs');
-var typography = require('../../styleD/utils/semantic/typography.cjs');
-
-const defaultSelectTheme = select.componentSelect;
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_typography = require("../../styleD/utils/semantic/typography.cjs");
+const require_select = require("../../styleD/build/typescript/component/select.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/Select/styles.ts
+const defaultSelectTheme = require_select.componentSelect;
 const popoverStyles = (theme) => {
-  return react.css`
+	return _emotion_react.css`
 		width: ${theme.shared.width};
 	`;
 };
 const listBoxItemStyles = (theme) => {
-  return react.css`
+	return _emotion_react.css`
 		padding-left: ${theme.shared.option.paddingLeft};
 		padding-right: ${theme.shared.option.paddingRight};
 		padding-top: ${theme.shared.option.paddingTop};
@@ -44,8 +43,8 @@ const listBoxItemStyles = (theme) => {
 	`;
 };
 const listBoxStyles = (theme) => {
-  return react.css`
-		${typography.convertTypographyToEmotionStringStyle(theme.shared.listBox.typography)}
+	return _emotion_react.css`
+		${require_typography.convertTypographyToEmotionStringStyle(theme.shared.listBox.typography)}
 		background-color: ${theme.shared.listBox.backgroundColor};
 		border: ${theme.shared.listBox.border};
 		box-shadow: ${theme.shared.listBox.shadow};
@@ -54,7 +53,7 @@ const listBoxStyles = (theme) => {
 	`;
 };
 const buttonStyles = (theme, isInvalid) => {
-  return react.css`
+	return _emotion_react.css`
 		display: ${theme.shared.button.display};
 		justify-content: ${theme.shared.button.justifyContent};
 		align-items: ${theme.shared.button.alignItems};
@@ -65,7 +64,7 @@ const buttonStyles = (theme, isInvalid) => {
 		padding-left: ${theme.shared.button.paddingLeft};
 		padding-right: ${theme.shared.button.paddingRight};
 		margin-top: ${theme.shared.button.marginTop};
-		${typography.convertTypographyToEmotionStringStyle(theme.shared.button.typography)}
+		${require_typography.convertTypographyToEmotionStringStyle(theme.shared.button.typography)}
 		color: ${theme.shared.button.color};
 
 		&[data-hovered] {
@@ -91,7 +90,7 @@ const buttonStyles = (theme, isInvalid) => {
 		${isInvalid ? `border: ${theme.shared.button.error.border};` : ``}
 	`;
 };
-
+//#endregion
 exports.buttonStyles = buttonStyles;
 exports.defaultSelectTheme = defaultSelectTheme;
 exports.listBoxItemStyles = listBoxItemStyles;

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

@@ -0,0 +1,9 @@
+import { DeepPartial, Prettify } from "../../util/types.cjs";
+import { ComponentSelect } from "../../styleD/build/typescript/component/select.cjs";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/Select/styles.d.ts
+type SelectTheme = Prettify<ComponentSelect>;
+type PartialSelectTheme = Prettify<DeepPartial<SelectTheme>>;
+//#endregion
+export { PartialSelectTheme, SelectTheme };

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

@@ -0,0 +1,9 @@
+import { DeepPartial, Prettify } from "../../util/types.js";
+import { ComponentSelect } from "../../styleD/build/typescript/component/select.js";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/Select/styles.d.ts
+type SelectTheme = Prettify<ComponentSelect>;
+type PartialSelectTheme = Prettify<DeepPartial<SelectTheme>>;
+//#endregion
+export { PartialSelectTheme, SelectTheme };

package/dist/components/Select/styles.js

@@ -1,15 +1,15 @@
-import { css } from '@emotion/react';
-import { componentSelect } from '../../styleD/build/typescript/component/select.js';
-import { convertTypographyToEmotionStringStyle } from '../../styleD/utils/semantic/typography.js';
-
+import { convertTypographyToEmotionStringStyle } from "../../styleD/utils/semantic/typography.js";
+import { componentSelect } from "../../styleD/build/typescript/component/select.js";
+import { css } from "@emotion/react";
+//#region src/components/Select/styles.ts
 const defaultSelectTheme = componentSelect;
 const popoverStyles = (theme) => {
-  return css`
+	return css`
 		width: ${theme.shared.width};
 	`;
 };
 const listBoxItemStyles = (theme) => {
-  return css`
+	return css`
 		padding-left: ${theme.shared.option.paddingLeft};
 		padding-right: ${theme.shared.option.paddingRight};
 		padding-top: ${theme.shared.option.paddingTop};
@@ -42,7 +42,7 @@ const listBoxItemStyles = (theme) => {
 	`;
 };
 const listBoxStyles = (theme) => {
-  return css`
+	return css`
 		${convertTypographyToEmotionStringStyle(theme.shared.listBox.typography)}
 		background-color: ${theme.shared.listBox.backgroundColor};
 		border: ${theme.shared.listBox.border};
@@ -52,7 +52,7 @@ const listBoxStyles = (theme) => {
 	`;
 };
 const buttonStyles = (theme, isInvalid) => {
-  return css`
+	return css`
 		display: ${theme.shared.button.display};
 		justify-content: ${theme.shared.button.justifyContent};
 		align-items: ${theme.shared.button.alignItems};
@@ -89,5 +89,5 @@ const buttonStyles = (theme, isInvalid) => {
 		${isInvalid ? `border: ${theme.shared.button.error.border};` : ``}
 	`;
 };
-
+//#endregion
 export { buttonStyles, defaultSelectTheme, listBoxItemStyles, listBoxStyles, popoverStyles };

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

@@ -0,0 +1,10 @@
+import { DefaultPropsWithChildren } from "../../util/types.cjs";
+import { FormInputContainerDefaultProps } from "../Form/types.cjs";
+import { SelectTheme } from "./styles.cjs";
+import { ListBoxItemProps, SelectProps } from "react-aria-components";
+
+//#region src/components/Select/types.d.ts
+interface OptionProps extends DefaultPropsWithChildren<SelectTheme, ListBoxItemProps['className']>, Omit<ListBoxItemProps, 'children'> {}
+type SelectProps$1 = FormInputContainerDefaultProps<SelectProps<object, 'single' | 'multiple'>, SelectTheme>;
+//#endregion
+export { OptionProps, SelectProps$1 as SelectProps };

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

@@ -0,0 +1,10 @@
+import { DefaultPropsWithChildren } from "../../util/types.js";
+import { FormInputContainerDefaultProps } from "../Form/types.js";
+import { SelectTheme } from "./styles.js";
+import { ListBoxItemProps, SelectProps } from "react-aria-components";
+
+//#region src/components/Select/types.d.ts
+interface OptionProps extends DefaultPropsWithChildren<SelectTheme, ListBoxItemProps['className']>, Omit<ListBoxItemProps, 'children'> {}
+type SelectProps$1 = FormInputContainerDefaultProps<SelectProps<object, 'single' | 'multiple'>, SelectTheme>;
+//#endregion
+export { OptionProps, SelectProps$1 as SelectProps };