@guardian/stand 0.0.40 → 0.0.42

package/dist/components/Byline/schema.js

@@ -1,59 +1,46 @@
-import { Schema } from 'prosemirror-model';
-
-const bylineEditorSchema = new Schema({
-  nodes: {
-    doc: {
-      content: "inline*"
-    },
-    chip: {
-      group: "inline",
-      inline: true,
-      atom: false,
-      selectable: true,
-      attrs: {
-        label: { default: "" },
-        type: { default: "untagged" },
-        tagId: { default: "" },
-        path: { default: "" },
-        meta: { default: {} }
-        // meta is optional and can hold any additional data
-      },
-      parseDOM: [
-        {
-          tag: "chip[data-label][data-type][data-tag-id][data-path][data-meta]",
-          getAttrs(dom) {
-            return {
-              label: dom.getAttribute("data-label"),
-              type: dom.getAttribute("data-type"),
-              tagId: dom.getAttribute("data-tag-id") ?? "",
-              path: dom.getAttribute("data-path") ?? "",
-              meta: dom.getAttribute("data-meta") ? JSON.parse(dom.getAttribute("data-meta")) : {}
-            };
-          }
-        }
-      ],
-      toDOM(node) {
-        return [
-          "chip",
-          {
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- label exists as string on chip node
-            "data-label": node.attrs.label,
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- type exists as string on chip node
-            "data-type": node.attrs.type,
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- tagId exists as string on chip node
-            "data-tag-id": node.attrs.tagId,
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- path exists as string on chip node
-            "data-path": node.attrs.path,
-            "data-meta": node.attrs.meta ? JSON.stringify(node.attrs.meta) : {}
-          },
-          node.attrs.label
-        ];
-      }
-    },
-    text: {
-      group: "inline"
-    }
-  }
-});
-
+import { Schema } from "prosemirror-model";
+//#region src/components/Byline/schema.ts
+const bylineEditorSchema = new Schema({ nodes: {
+	doc: { content: "inline*" },
+	chip: {
+		group: "inline",
+		inline: true,
+		atom: false,
+		selectable: true,
+		attrs: {
+			label: { default: "" },
+			type: { default: "untagged" },
+			tagId: { default: "" },
+			path: { default: "" },
+			meta: { default: {} }
+		},
+		parseDOM: [{
+			tag: "chip[data-label][data-type][data-tag-id][data-path][data-meta]",
+			getAttrs(dom) {
+				return {
+					label: dom.getAttribute("data-label"),
+					type: dom.getAttribute("data-type"),
+					tagId: dom.getAttribute("data-tag-id") ?? "",
+					path: dom.getAttribute("data-path") ?? "",
+					meta: dom.getAttribute("data-meta") ? JSON.parse(dom.getAttribute("data-meta")) : {}
+				};
+			}
+		}],
+		toDOM(node) {
+			return [
+				"chip",
+				{
+					"data-label": node.attrs.label,
+					"data-type": node.attrs.type,
+					"data-tag-id": node.attrs.tagId,
+					"data-path": node.attrs.path,
+					"data-meta": node.attrs.meta ? JSON.stringify(node.attrs.meta) : {}
+				},
+				node.attrs.label
+			];
+		}
+	},
+	text: { group: "inline" }
+} });
+//#endregion
 export { bylineEditorSchema };

package/dist/components/Byline/styles.cjs

@@ -1,16 +1,15 @@
-'use strict';
-
-var react = require('@emotion/react');
-var byline = require('../../styleD/build/typescript/component/byline.cjs');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-
-const bylineContainerStyles = react.css`
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_byline = require("../../styleD/build/typescript/component/byline.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/Byline/styles.ts
+const bylineContainerStyles = _emotion_react.css`
 	position: relative;
 	width: 100%;
 `;
 const bylineEditorStyles = (partialTheme = {}) => {
-  const theme = mergeDeep.mergeDeep(byline.componentByline, partialTheme);
-  return react.css`
+	const theme = require_mergeDeep.mergeDeep(require_byline.componentByline, partialTheme);
+	return _emotion_react.css`
 		border-color: ${theme.borderColor};
 		border-style: ${theme.borderStyle};
 		border-width: ${theme.borderWidth};
@@ -205,8 +204,8 @@ const bylineEditorStyles = (partialTheme = {}) => {
 	`;
 };
 const dropdownContainerStyles = (showDropdown, partialTheme = {}) => {
-  const theme = mergeDeep.mergeDeep(byline.componentByline["dropdown"], partialTheme);
-  return react.css`
+	const theme = require_mergeDeep.mergeDeep(require_byline.componentByline["dropdown"], partialTheme);
+	return _emotion_react.css`
 		position: absolute;
 		box-sizing: border-box;
 		width: 100%;
@@ -220,14 +219,14 @@ const dropdownContainerStyles = (showDropdown, partialTheme = {}) => {
 		overflow-y: auto;
 	`;
 };
-const dropdownUlStyles = react.css`
+const dropdownUlStyles = _emotion_react.css`
 	margin: 0;
 	padding: 0;
 	list-style-type: none;
 `;
 const dropdownLiStyles = (partialTheme = {}) => {
-  const theme = mergeDeep.mergeDeep(byline.componentByline["dropdown"], partialTheme);
-  return react.css`
+	const theme = require_mergeDeep.mergeDeep(require_byline.componentByline["dropdown"], partialTheme);
+	return _emotion_react.css`
 		cursor: pointer;
 		padding: 5px;
 		border-bottom-color: ${theme.li.borderBottomColor};
@@ -237,24 +236,24 @@ const dropdownLiStyles = (partialTheme = {}) => {
 	`;
 };
 const selectedDropdownLiStyles = (partialTheme = {}) => {
-  const theme = mergeDeep.mergeDeep(byline.componentByline["dropdown"], partialTheme);
-  return react.css`
+	const theme = require_mergeDeep.mergeDeep(require_byline.componentByline["dropdown"], partialTheme);
+	return _emotion_react.css`
 		background-color: ${theme.li.selectedBackgroundColor};
 		color: ${theme.li.selectedColor};
 	`;
 };
-const previewStyles = react.css`
+const previewStyles = _emotion_react.css`
 	margin-top: 5px;
 	white-space: pre-wrap;
 `;
-const previewFreeTextStyles = react.css`
+const previewFreeTextStyles = _emotion_react.css`
 	font-style: italic;
 `;
-const previewContributorStyles = (node) => react.css`
+const previewContributorStyles = (node) => _emotion_react.css`
 	${node.attrs.type === "tagged" ? "text-decoration: underline;" : ""}
 	color: inherit;
 `;
-
+//#endregion
 exports.bylineContainerStyles = bylineContainerStyles;
 exports.bylineEditorStyles = bylineEditorStyles;
 exports.dropdownContainerStyles = dropdownContainerStyles;

package/dist/components/Byline/styles.js

@@ -1,14 +1,14 @@
-import { css } from '@emotion/react';
-import { componentByline } from '../../styleD/build/typescript/component/byline.js';
-import { mergeDeep } from '../../util/mergeDeep.js';
-
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { componentByline } from "../../styleD/build/typescript/component/byline.js";
+import { css } from "@emotion/react";
+//#region src/components/Byline/styles.ts
 const bylineContainerStyles = css`
 	position: relative;
 	width: 100%;
 `;
 const bylineEditorStyles = (partialTheme = {}) => {
-  const theme = mergeDeep(componentByline, partialTheme);
-  return css`
+	const theme = mergeDeep(componentByline, partialTheme);
+	return css`
 		border-color: ${theme.borderColor};
 		border-style: ${theme.borderStyle};
 		border-width: ${theme.borderWidth};
@@ -203,8 +203,8 @@ const bylineEditorStyles = (partialTheme = {}) => {
 	`;
 };
 const dropdownContainerStyles = (showDropdown, partialTheme = {}) => {
-  const theme = mergeDeep(componentByline["dropdown"], partialTheme);
-  return css`
+	const theme = mergeDeep(componentByline["dropdown"], partialTheme);
+	return css`
 		position: absolute;
 		box-sizing: border-box;
 		width: 100%;
@@ -224,8 +224,8 @@ const dropdownUlStyles = css`
 	list-style-type: none;
 `;
 const dropdownLiStyles = (partialTheme = {}) => {
-  const theme = mergeDeep(componentByline["dropdown"], partialTheme);
-  return css`
+	const theme = mergeDeep(componentByline["dropdown"], partialTheme);
+	return css`
 		cursor: pointer;
 		padding: 5px;
 		border-bottom-color: ${theme.li.borderBottomColor};
@@ -235,8 +235,8 @@ const dropdownLiStyles = (partialTheme = {}) => {
 	`;
 };
 const selectedDropdownLiStyles = (partialTheme = {}) => {
-  const theme = mergeDeep(componentByline["dropdown"], partialTheme);
-  return css`
+	const theme = mergeDeep(componentByline["dropdown"], partialTheme);
+	return css`
 		background-color: ${theme.li.selectedBackgroundColor};
 		color: ${theme.li.selectedColor};
 	`;
@@ -252,5 +252,5 @@ const previewContributorStyles = (node) => css`
 	${node.attrs.type === "tagged" ? "text-decoration: underline;" : ""}
 	color: inherit;
 `;
-
+//#endregion
 export { bylineContainerStyles, bylineEditorStyles, dropdownContainerStyles, dropdownLiStyles, dropdownUlStyles, previewContributorStyles, previewFreeTextStyles, previewStyles, selectedDropdownLiStyles };

package/dist/components/Byline/theme.d.cts

@@ -0,0 +1,7 @@
+import { DeepPartial, Prettify } from "../../util/types.cjs";
+import { ComponentByline } from "../../styleD/build/typescript/component/byline.cjs";
+
+//#region src/components/Byline/theme.d.ts
+type PartialBylineTheme = Prettify<DeepPartial<ComponentByline>>;
+//#endregion
+export { PartialBylineTheme };

package/dist/components/Byline/theme.d.ts

@@ -0,0 +1,7 @@
+import { DeepPartial, Prettify } from "../../util/types.js";
+import { ComponentByline } from "../../styleD/build/typescript/component/byline.js";
+
+//#region src/components/Byline/theme.d.ts
+type PartialBylineTheme = Prettify<DeepPartial<ComponentByline>>;
+//#endregion
+export { PartialBylineTheme };

package/dist/components/Checkbox/Checkbox.cjs

@@ -1,54 +1,35 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var reactAriaComponents = require('react-aria-components');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-var styles = require('./styles.cjs');
-
-function Checkbox({
-  children,
-  size = "md",
-  isIndeterminate = false,
-  theme = {},
-  cssOverrides,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultCheckboxTheme, theme);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactAriaComponents.Checkbox,
-    {
-      css: [
-        styles.checkboxStyles(mergedTheme, {
-          size,
-          isIndeterminate
-        }),
-        cssOverrides
-      ],
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "checkbox-indicator", children: isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            viewBox: "0 0 12 2",
-            "aria-hidden": "true",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2H0V0H12V2Z" })
-          },
-          "indeterminate"
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            viewBox: "0 0 20 20",
-            "aria-hidden": "true",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.32923 13.2291L3.85423 9.75414L2.6709 10.9291L7.32923 15.5875L17.3292 5.58748L16.1542 4.41248L7.32923 13.2291Z" })
-          },
-          "check"
-        ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { css: styles.checkboxLabelStyles(mergedTheme), children })
-      ]
-    }
-  );
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_styles = require("./styles.cjs");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
+//#region src/components/Checkbox/Checkbox.tsx
+function Checkbox({ children, size = "md", isIndeterminate = false, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultCheckboxTheme, theme);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(react_aria_components.Checkbox, {
+		css: [require_styles.checkboxStyles(mergedTheme, {
+			size,
+			isIndeterminate
+		}), cssOverrides],
+		...props,
+		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_emotion_react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+			className: "checkbox-indicator",
+			children: isIndeterminate ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 12 2",
+				"aria-hidden": "true",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M12 2H0V0H12V2Z" })
+			}, "indeterminate") : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 20 20",
+				"aria-hidden": "true",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M7.32923 13.2291L3.85423 9.75414L2.6709 10.9291L7.32923 15.5875L17.3292 5.58748L16.1542 4.41248L7.32923 13.2291Z" })
+			}, "check")
+		}) }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
+			css: require_styles.checkboxLabelStyles(mergedTheme),
+			children
+		})]
+	});
 }
-
+//#endregion
 exports.Checkbox = Checkbox;

package/dist/components/Checkbox/Checkbox.d.cts

@@ -0,0 +1,13 @@
+import { CheckboxProps } from "./types.cjs";
+
+//#region src/components/Checkbox/Checkbox.d.ts
+declare function Checkbox({
+  children,
+  size,
+  isIndeterminate,
+  theme,
+  cssOverrides,
+  ...props
+}: CheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Checkbox };

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import { CheckboxProps } from "./types.js";
+
+//#region src/components/Checkbox/Checkbox.d.ts
+declare function Checkbox({
+  children,
+  size,
+  isIndeterminate,
+  theme,
+  cssOverrides,
+  ...props
+}: CheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Checkbox };

package/dist/components/Checkbox/Checkbox.js

@@ -1,17 +1,34 @@
-import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
-import { Checkbox as Checkbox$1 } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { defaultCheckboxTheme, checkboxLabelStyles, checkboxStyles } from './styles.js';
-
-function Checkbox({ children, size = "md", isIndeterminate = false, theme = {}, cssOverrides, ...props }) {
-  const mergedTheme = mergeDeep(defaultCheckboxTheme, theme);
-  return jsxs(Checkbox$1, { css: [
-    checkboxStyles(mergedTheme, {
-      size,
-      isIndeterminate
-    }),
-    cssOverrides
-  ], ...props, children: [jsx(Fragment, { children: jsx("div", { className: "checkbox-indicator", children: isIndeterminate ? jsx("svg", { viewBox: "0 0 12 2", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M12 2H0V0H12V2Z" }) }, "indeterminate") : jsx("svg", { viewBox: "0 0 20 20", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M7.32923 13.2291L3.85423 9.75414L2.6709 10.9291L7.32923 15.5875L17.3292 5.58748L16.1542 4.41248L7.32923 13.2291Z" }) }, "check") }) }), jsx("span", { css: checkboxLabelStyles(mergedTheme), children })] });
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { checkboxLabelStyles, checkboxStyles, defaultCheckboxTheme } from "./styles.js";
+import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Checkbox } from "react-aria-components";
+//#region src/components/Checkbox/Checkbox.tsx
+function Checkbox$1({ children, size = "md", isIndeterminate = false, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = mergeDeep(defaultCheckboxTheme, theme);
+	return /* @__PURE__ */ jsxs(Checkbox, {
+		css: [checkboxStyles(mergedTheme, {
+			size,
+			isIndeterminate
+		}), cssOverrides],
+		...props,
+		children: [/* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+			className: "checkbox-indicator",
+			children: isIndeterminate ? /* @__PURE__ */ jsx("svg", {
+				viewBox: "0 0 12 2",
+				"aria-hidden": "true",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", { d: "M12 2H0V0H12V2Z" })
+			}, "indeterminate") : /* @__PURE__ */ jsx("svg", {
+				viewBox: "0 0 20 20",
+				"aria-hidden": "true",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", { d: "M7.32923 13.2291L3.85423 9.75414L2.6709 10.9291L7.32923 15.5875L17.3292 5.58748L16.1542 4.41248L7.32923 13.2291Z" })
+			}, "check")
+		}) }), /* @__PURE__ */ jsx("span", {
+			css: checkboxLabelStyles(mergedTheme),
+			children
+		})]
+	});
 }
-
-export { Checkbox };
+//#endregion
+export { Checkbox$1 as Checkbox };

package/dist/components/Checkbox/CheckboxGroup.cjs

@@ -1,35 +1,32 @@
-'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 Checkbox = require('./Checkbox.cjs');
-var styles = require('./styles.cjs');
-
-function CheckboxGroup({
-  size = "md",
-  theme = {},
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultCheckboxTheme, {
-    group: theme
-  });
-  const checkboxes = [];
-  React.Children.forEach(props.children, (child, index) => {
-    if (!React.isValidElement(child) || child.type !== Checkbox.Checkbox) {
-      return;
-    }
-    checkboxes.push(
-      React.cloneElement(child, {
-        key: child.key ?? index,
-        // ensure key is set for each child
-        size
-      })
-    );
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(Form.FormInputContainer, { as: reactAriaComponents.CheckboxGroup, size, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.checkboxGroupStyles(mergedTheme, { size }, props.isInvalid), children: checkboxes }) });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_styles = require("./styles.cjs");
+const require_Checkbox = require("./Checkbox.cjs");
+const require_Form = require("../Form/Form.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/Checkbox/CheckboxGroup.tsx
+function CheckboxGroup({ size = "md", theme = {}, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultCheckboxTheme, { group: theme });
+	const checkboxes = [];
+	react.default.Children.forEach(props.children, (child, index) => {
+		if (!react.default.isValidElement(child) || child.type !== require_Checkbox.Checkbox) return;
+		checkboxes.push(react.default.cloneElement(child, {
+			key: child.key ?? index,
+			size
+		}));
+	});
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Form.FormInputContainer, {
+		as: react_aria_components.CheckboxGroup,
+		size,
+		...props,
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+			css: require_styles.checkboxGroupStyles(mergedTheme, { size }, props.isInvalid),
+			children: checkboxes
+		})
+	});
 }
-
+//#endregion
 exports.CheckboxGroup = CheckboxGroup;

package/dist/components/Checkbox/CheckboxGroup.d.cts

@@ -0,0 +1,10 @@
+import { CheckboxGroupProps } from "./types.cjs";
+
+//#region src/components/Checkbox/CheckboxGroup.d.ts
+declare function CheckboxGroup({
+  size,
+  theme,
+  ...props
+}: CheckboxGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { CheckboxGroup };

package/dist/components/Checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,10 @@
+import { CheckboxGroupProps } from "./types.js";
+
+//#region src/components/Checkbox/CheckboxGroup.d.ts
+declare function CheckboxGroup({
+  size,
+  theme,
+  ...props
+}: CheckboxGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { CheckboxGroup };

package/dist/components/Checkbox/CheckboxGroup.js

@@ -1,26 +1,30 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import React from 'react';
-import { CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { FormInputContainer } from '../Form/Form.js';
-import { Checkbox } from './Checkbox.js';
-import { defaultCheckboxTheme, checkboxGroupStyles } from './styles.js';
-
-function CheckboxGroup({ size = "md", theme = {}, ...props }) {
-  const mergedTheme = mergeDeep(defaultCheckboxTheme, {
-    group: theme
-  });
-  const checkboxes = [];
-  React.Children.forEach(props.children, (child, index) => {
-    if (!React.isValidElement(child) || child.type !== Checkbox) {
-      return;
-    }
-    checkboxes.push(React.cloneElement(child, {
-      key: child.key ?? index,
-      size
-    }));
-  });
-  return jsx(FormInputContainer, { as: CheckboxGroup$1, size, ...props, children: jsx("div", { css: checkboxGroupStyles(mergedTheme, { size }, props.isInvalid), children: checkboxes }) });
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { checkboxGroupStyles, defaultCheckboxTheme } from "./styles.js";
+import { Checkbox as Checkbox$1 } from "./Checkbox.js";
+import { FormInputContainer } from "../Form/Form.js";
+import React from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { CheckboxGroup } from "react-aria-components";
+//#region src/components/Checkbox/CheckboxGroup.tsx
+function CheckboxGroup$1({ size = "md", theme = {}, ...props }) {
+	const mergedTheme = mergeDeep(defaultCheckboxTheme, { group: theme });
+	const checkboxes = [];
+	React.Children.forEach(props.children, (child, index) => {
+		if (!React.isValidElement(child) || child.type !== Checkbox$1) return;
+		checkboxes.push(React.cloneElement(child, {
+			key: child.key ?? index,
+			size
+		}));
+	});
+	return /* @__PURE__ */ jsx(FormInputContainer, {
+		as: CheckboxGroup,
+		size,
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			css: checkboxGroupStyles(mergedTheme, { size }, props.isInvalid),
+			children: checkboxes
+		})
+	});
 }
-
-export { CheckboxGroup };
+//#endregion
+export { CheckboxGroup$1 as CheckboxGroup };