@guardian/stand 0.0.40 → 0.0.41

package/dist/components/Grid/Grid.cjs

@@ -1,37 +1,25 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-var styles = require('./styles.cjs');
-
-function Grid({
-  children,
-  theme = {},
-  cssOverrides,
-  as: Component = "div",
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultGridTheme, theme);
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { css: [styles.gridStyles(mergedTheme), cssOverrides], ...props, 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");
+//#region src/components/Grid/Grid.tsx
+function Grid({ children, theme = {}, cssOverrides, as: Component = "div", ...props }) {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Component, {
+		css: [require_styles.gridStyles(require_mergeDeep.mergeDeep(require_styles.defaultGridTheme, theme)), cssOverrides],
+		...props,
+		children
+	});
 }
-function Item({
-  children,
-  theme = {},
-  cssOverrides,
-  size,
-  offset,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultGridTheme, theme);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      css: [styles.itemStyles(mergedTheme, { size, offset }), cssOverrides],
-      ...props,
-      children
-    }
-  );
+function Item({ children, theme = {}, cssOverrides, size, offset, ...props }) {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+		css: [require_styles.itemStyles(require_mergeDeep.mergeDeep(require_styles.defaultGridTheme, theme), {
+			size,
+			offset
+		}), cssOverrides],
+		...props,
+		children
+	});
 }
-
+//#endregion
 exports.Grid = Grid;
 exports.Item = Item;

package/dist/components/Grid/Grid.d.cts

@@ -0,0 +1,20 @@
+import { GridProps, ItemProps } from "./types.cjs";
+
+//#region src/components/Grid/Grid.d.ts
+declare function Grid({
+  children,
+  theme,
+  cssOverrides,
+  as: Component,
+  ...props
+}: GridProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Item({
+  children,
+  theme,
+  cssOverrides,
+  size,
+  offset,
+  ...props
+}: ItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Grid, Item };

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,20 @@
+import { GridProps, ItemProps } from "./types.js";
+
+//#region src/components/Grid/Grid.d.ts
+declare function Grid({
+  children,
+  theme,
+  cssOverrides,
+  as: Component,
+  ...props
+}: GridProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Item({
+  children,
+  theme,
+  cssOverrides,
+  size,
+  offset,
+  ...props
+}: ItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Grid, Item };

package/dist/components/Grid/Grid.js

@@ -1,14 +1,23 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { defaultGridTheme, gridStyles, itemStyles } from './styles.js';
-
+import { mergeDeep } from "../../util/mergeDeep.js";
+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 jsx(Component, { css: [gridStyles(mergedTheme), cssOverrides], ...props, children });
+	return /* @__PURE__ */ jsx(Component, {
+		css: [gridStyles(mergeDeep(defaultGridTheme, theme)), cssOverrides],
+		...props,
+		children
+	});
 }
 function Item({ children, theme = {}, cssOverrides, size, offset, ...props }) {
-  const mergedTheme = mergeDeep(defaultGridTheme, theme);
-  return jsx("div", { css: [itemStyles(mergedTheme, { size, offset }), cssOverrides], ...props, children });
+	return /* @__PURE__ */ jsx("div", {
+		css: [itemStyles(mergeDeep(defaultGridTheme, theme), {
+			size,
+			offset
+		}), cssOverrides],
+		...props,
+		children
+	});
 }
-
+//#endregion
 export { Grid, Item };

package/dist/components/Grid/styles.cjs

@@ -1,82 +1,92 @@
-'use strict';
-
-var react = require('@emotion/react');
-var grid = require('../../styleD/build/typescript/component/grid.cjs');
-var mq = require('../../styleD/utils/semantic/mq.cjs');
-
-const defaultGridTheme = grid.componentGrid;
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_mq = require("../../styleD/utils/semantic/mq.cjs");
+const require_grid = require("../../styleD/build/typescript/component/grid.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/Grid/styles.ts
+const defaultGridTheme = require_grid.componentGrid;
 const isResponsiveGridSize = (size) => typeof size === "object";
 const isResponsiveOffset = (offset) => typeof offset === "object";
 const clampToColumns = (value, columns) => Math.max(0, Math.min(value, columns));
+/**
+* Computes the left margin needed to offset an item by a given number of grid columns.
+*
+* The calculation uses the themed column count and gap so offsets stay proportional
+* in fluid layouts:
+* - First term: width of `offset` columns from the total non-gap width
+* - Second term: horizontal gaps crossed when moving by `offset` columns
+*
+* Formula:
+* `((100% - (columns - 1) * gap) * offset / columns) + offset * gap`
+*/
 const numericOffsetMargin = (offset, columns, gap) => `calc(((100% - (${columns} - 1) * ${gap}) * ${offset} / ${columns}) + ${offset} * ${gap})`;
+/**
+* Computes the width for an item that spans a fixed number of grid columns.
+*
+* The calculation uses the themed column count and gap so item widths match the
+* container's gap model:
+* - First term: width of `size` columns from the total non-gap width
+* - Second term: internal gaps within the spanned columns (`size - 1`)
+*
+* Formula:
+* `((100% - (columns - 1) * gap) * size / columns) + (size - 1) * gap`
+*/
 const numericSizeWidth = (size, columns, gap) => `calc(((100% - (${columns} - 1) * ${gap}) * ${size} / ${columns}) + (${size} - 1) * ${gap})`;
+/**
+* Returns non-responsive item size styles for a single `size` value.
+*
+* Supported values:
+* - `'grow'`: item participates in flex growth and shares remaining space
+* - `'auto'`: item sizes to content width without growing
+* - `number`: item spans a fixed number of columns using `numericSizeWidth`
+*/
 const fixedSizeStyles = (size, theme, breakpoint) => {
-  if (size === "grow") {
-    return react.css`
+	if (size === "grow") return _emotion_react.css`
 			flex-basis: 0;
 			flex-grow: 1;
 			max-width: 100%;
 		`;
-  }
-  if (size === "auto") {
-    return react.css`
+	if (size === "auto") return _emotion_react.css`
 			flex-basis: auto;
 			flex-grow: 0;
 			flex-shrink: 0;
 			width: auto;
 			max-width: none;
 		`;
-  }
-  const width = numericSizeWidth(
-    clampToColumns(size, theme[breakpoint].columns),
-    theme[breakpoint].columns,
-    theme[breakpoint].gap
-  );
-  return react.css`
+	const width = numericSizeWidth(clampToColumns(size, theme[breakpoint].columns), theme[breakpoint].columns, theme[breakpoint].gap);
+	return _emotion_react.css`
 		flex-grow: 0;
 		flex-basis: ${width};
 		width: ${width};
 		max-width: ${width};
 	`;
 };
+/**
+* Returns non-responsive item offset styles for a single `offset` value.
+*
+* Supported values:
+* - `'auto'`: pushes the item to the far edge with `margin-left: auto`
+* - `number`: shifts the item right by a computed column offset margin
+*/
 const fixedOffsetStyles = (offset, theme, breakpoint) => {
-  if (typeof offset === "undefined") {
-    return react.css``;
-  }
-  if (offset === "auto") {
-    return react.css`
+	if (typeof offset === "undefined") return _emotion_react.css``;
+	if (offset === "auto") return _emotion_react.css`
 			margin-left: auto;
 		`;
-  }
-  return react.css`
-		margin-left: ${numericOffsetMargin(
-    clampToColumns(offset, theme[breakpoint].columns),
-    theme[breakpoint].columns,
-    theme[breakpoint].gap
-  )};
+	return _emotion_react.css`
+		margin-left: ${numericOffsetMargin(clampToColumns(offset, theme[breakpoint].columns), theme[breakpoint].columns, theme[breakpoint].gap)};
 	`;
 };
 const offsetStyles = (offset, theme, breakpoint) => {
-  if (!isResponsiveOffset(offset)) {
-    return fixedOffsetStyles(offset, theme, breakpoint);
-  }
-  return fixedOffsetStyles(offset[breakpoint], theme, breakpoint);
+	if (!isResponsiveOffset(offset)) return fixedOffsetStyles(offset, theme, breakpoint);
+	return fixedOffsetStyles(offset[breakpoint], theme, breakpoint);
 };
 const sizeStyles = (size, theme, breakpoint) => {
-  if (typeof size === "undefined") {
-    size = theme[breakpoint].columns;
-  }
-  if (!isResponsiveGridSize(size)) {
-    return fixedSizeStyles(size, theme, breakpoint);
-  }
-  return fixedSizeStyles(
-    size[breakpoint] ?? theme[breakpoint].columns,
-    theme,
-    breakpoint
-  );
+	if (typeof size === "undefined") size = theme[breakpoint].columns;
+	if (!isResponsiveGridSize(size)) return fixedSizeStyles(size, theme, breakpoint);
+	return fixedSizeStyles(size[breakpoint] ?? theme[breakpoint].columns, theme, breakpoint);
 };
 const gridStyles = (theme) => {
-  return react.css`
+	return _emotion_react.css`
 		display: ${theme.shared.display};
 		width: ${theme.shared.width};
 		flex-direction: ${theme.shared.direction};
@@ -84,43 +94,43 @@ const gridStyles = (theme) => {
 		justify-content: ${theme.shared.justifyContent};
 		align-items: ${theme.shared.alignItems};
 
-		${mq.from.sm} {
+		${require_mq.from.sm} {
 			gap: ${theme.sm.gap};
 			padding: 0 ${theme.sm.padding};
 		}
 
-		${mq.from.md} {
+		${require_mq.from.md} {
 			gap: ${theme.md.gap};
 			padding: 0 ${theme.md.padding};
 		}
 
-		${mq.from.lg} {
+		${require_mq.from.lg} {
 			gap: ${theme.lg.gap};
 			padding: 0 ${theme.lg.padding};
 		}
 	`;
 };
 const itemStyles = (theme, { size, offset }) => {
-  return react.css`
+	return _emotion_react.css`
 		min-width: 0;
 
-		${mq.from.sm} {
+		${require_mq.from.sm} {
 			${sizeStyles(size, theme, "sm")}
 			${offsetStyles(offset, theme, "sm")}
 		}
 
-		${mq.from.md} {
+		${require_mq.from.md} {
 			${sizeStyles(size, theme, "md")}
 			${offsetStyles(offset, theme, "md")}
 		}
 
-		${mq.from.lg} {
+		${require_mq.from.lg} {
 			${sizeStyles(size, theme, "lg")}
 			${offsetStyles(offset, theme, "lg")}
 		}
 	`;
 };
-
+//#endregion
 exports.defaultGridTheme = defaultGridTheme;
 exports.gridStyles = gridStyles;
 exports.itemStyles = itemStyles;

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

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

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

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

package/dist/components/Grid/styles.js

@@ -1,68 +1,91 @@
-import { css } from '@emotion/react';
-import { componentGrid } from '../../styleD/build/typescript/component/grid.js';
-import { from } from '../../styleD/utils/semantic/mq.js';
-
+import { from } from "../../styleD/utils/semantic/mq.js";
+import { componentGrid } from "../../styleD/build/typescript/component/grid.js";
+import { css } from "@emotion/react";
+//#region src/components/Grid/styles.ts
 const defaultGridTheme = componentGrid;
 const isResponsiveGridSize = (size) => typeof size === "object";
 const isResponsiveOffset = (offset) => typeof offset === "object";
 const clampToColumns = (value, columns) => Math.max(0, Math.min(value, columns));
+/**
+* Computes the left margin needed to offset an item by a given number of grid columns.
+*
+* The calculation uses the themed column count and gap so offsets stay proportional
+* in fluid layouts:
+* - First term: width of `offset` columns from the total non-gap width
+* - Second term: horizontal gaps crossed when moving by `offset` columns
+*
+* Formula:
+* `((100% - (columns - 1) * gap) * offset / columns) + offset * gap`
+*/
 const numericOffsetMargin = (offset, columns, gap) => `calc(((100% - (${columns} - 1) * ${gap}) * ${offset} / ${columns}) + ${offset} * ${gap})`;
+/**
+* Computes the width for an item that spans a fixed number of grid columns.
+*
+* The calculation uses the themed column count and gap so item widths match the
+* container's gap model:
+* - First term: width of `size` columns from the total non-gap width
+* - Second term: internal gaps within the spanned columns (`size - 1`)
+*
+* Formula:
+* `((100% - (columns - 1) * gap) * size / columns) + (size - 1) * gap`
+*/
 const numericSizeWidth = (size, columns, gap) => `calc(((100% - (${columns} - 1) * ${gap}) * ${size} / ${columns}) + (${size} - 1) * ${gap})`;
+/**
+* Returns non-responsive item size styles for a single `size` value.
+*
+* Supported values:
+* - `'grow'`: item participates in flex growth and shares remaining space
+* - `'auto'`: item sizes to content width without growing
+* - `number`: item spans a fixed number of columns using `numericSizeWidth`
+*/
 const fixedSizeStyles = (size, theme, breakpoint) => {
-  if (size === "grow") {
-    return css`
+	if (size === "grow") return css`
 			flex-basis: 0;
 			flex-grow: 1;
 			max-width: 100%;
 		`;
-  }
-  if (size === "auto") {
-    return css`
+	if (size === "auto") return css`
 			flex-basis: auto;
 			flex-grow: 0;
 			flex-shrink: 0;
 			width: auto;
 			max-width: none;
 		`;
-  }
-  const width = numericSizeWidth(clampToColumns(size, theme[breakpoint].columns), theme[breakpoint].columns, theme[breakpoint].gap);
-  return css`
+	const width = numericSizeWidth(clampToColumns(size, theme[breakpoint].columns), theme[breakpoint].columns, theme[breakpoint].gap);
+	return css`
 		flex-grow: 0;
 		flex-basis: ${width};
 		width: ${width};
 		max-width: ${width};
 	`;
 };
+/**
+* Returns non-responsive item offset styles for a single `offset` value.
+*
+* Supported values:
+* - `'auto'`: pushes the item to the far edge with `margin-left: auto`
+* - `number`: shifts the item right by a computed column offset margin
+*/
 const fixedOffsetStyles = (offset, theme, breakpoint) => {
-  if (typeof offset === "undefined") {
-    return css``;
-  }
-  if (offset === "auto") {
-    return css`
+	if (typeof offset === "undefined") return css``;
+	if (offset === "auto") return css`
 			margin-left: auto;
 		`;
-  }
-  return css`
+	return css`
 		margin-left: ${numericOffsetMargin(clampToColumns(offset, theme[breakpoint].columns), theme[breakpoint].columns, theme[breakpoint].gap)};
 	`;
 };
 const offsetStyles = (offset, theme, breakpoint) => {
-  if (!isResponsiveOffset(offset)) {
-    return fixedOffsetStyles(offset, theme, breakpoint);
-  }
-  return fixedOffsetStyles(offset[breakpoint], theme, breakpoint);
+	if (!isResponsiveOffset(offset)) return fixedOffsetStyles(offset, theme, breakpoint);
+	return fixedOffsetStyles(offset[breakpoint], theme, breakpoint);
 };
 const sizeStyles = (size, theme, breakpoint) => {
-  if (typeof size === "undefined") {
-    size = theme[breakpoint].columns;
-  }
-  if (!isResponsiveGridSize(size)) {
-    return fixedSizeStyles(size, theme, breakpoint);
-  }
-  return fixedSizeStyles(size[breakpoint] ?? theme[breakpoint].columns, theme, breakpoint);
+	if (typeof size === "undefined") size = theme[breakpoint].columns;
+	if (!isResponsiveGridSize(size)) return fixedSizeStyles(size, theme, breakpoint);
+	return fixedSizeStyles(size[breakpoint] ?? theme[breakpoint].columns, theme, breakpoint);
 };
 const gridStyles = (theme) => {
-  return css`
+	return css`
 		display: ${theme.shared.display};
 		width: ${theme.shared.width};
 		flex-direction: ${theme.shared.direction};
@@ -87,7 +110,7 @@ const gridStyles = (theme) => {
 	`;
 };
 const itemStyles = (theme, { size, offset }) => {
-  return css`
+	return css`
 		min-width: 0;
 
 		${from.sm} {
@@ -106,5 +129,5 @@ const itemStyles = (theme, { size, offset }) => {
 		}
 	`;
 };
-
+//#endregion
 export { defaultGridTheme, gridStyles, itemStyles };

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

@@ -0,0 +1,29 @@
+import { DefaultPropsWithChildren } from "../../util/types.cjs";
+import { Breakpoint } from "../../styleD/utils/semantic/mq.cjs";
+import { GridTheme } from "./styles.cjs";
+import { ElementType, HTMLAttributes } from "react";
+
+//#region src/components/Grid/types.d.ts
+type ResponsiveGridValue<T> = Partial<Record<Breakpoint, T>>;
+type GridSizeValue = number | 'auto' | 'grow';
+type GridOffsetValue = number | 'auto';
+interface GridProps extends DefaultPropsWithChildren<GridTheme>, Omit<HTMLAttributes<HTMLElement>, 'children'> {
+  /**
+   * Element used to render the Grid container.
+   */
+  as?: ElementType;
+}
+interface ItemProps extends DefaultPropsWithChildren<GridTheme>, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+  /**
+   * Number of columns the item should span, or responsive values keyed by breakpoint.
+   */
+  size?: GridSizeValue | ResponsiveGridValue<GridSizeValue>;
+  /**
+   * Columns to offset the item from the left. Numbers push the item that many columns
+   * to the right. 'auto' pushes it to the far right of the row.
+   * Responsive values keyed by breakpoint are also accepted.
+   */
+  offset?: GridOffsetValue | ResponsiveGridValue<GridOffsetValue>;
+}
+//#endregion
+export { GridProps, ItemProps };

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

@@ -0,0 +1,29 @@
+import { DefaultPropsWithChildren } from "../../util/types.js";
+import { Breakpoint } from "../../styleD/utils/semantic/mq.js";
+import { GridTheme } from "./styles.js";
+import { ElementType, HTMLAttributes } from "react";
+
+//#region src/components/Grid/types.d.ts
+type ResponsiveGridValue<T> = Partial<Record<Breakpoint, T>>;
+type GridSizeValue = number | 'auto' | 'grow';
+type GridOffsetValue = number | 'auto';
+interface GridProps extends DefaultPropsWithChildren<GridTheme>, Omit<HTMLAttributes<HTMLElement>, 'children'> {
+  /**
+   * Element used to render the Grid container.
+   */
+  as?: ElementType;
+}
+interface ItemProps extends DefaultPropsWithChildren<GridTheme>, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+  /**
+   * Number of columns the item should span, or responsive values keyed by breakpoint.
+   */
+  size?: GridSizeValue | ResponsiveGridValue<GridSizeValue>;
+  /**
+   * Columns to offset the item from the left. Numbers push the item that many columns
+   * to the right. 'auto' pushes it to the far right of the row.
+   * Responsive values keyed by breakpoint are also accepted.
+   */
+  offset?: GridOffsetValue | ResponsiveGridValue<GridOffsetValue>;
+}
+//#endregion
+export { GridProps, ItemProps };

package/dist/components/Icon/Icon.cjs

@@ -1,43 +1,36 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-var styles = require('./styles.cjs');
-
-function Icon({
-  children,
-  size = "md",
-  fill,
-  alt,
-  symbol,
-  theme = {},
-  cssOverrides,
-  className
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultIconTheme, theme);
-  if (symbol || typeof children === "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: `material-symbols ${className ?? ""}`,
-        css: [
-          styles.iconStyles(mergedTheme, { size, fill, mode: "text" }),
-          cssOverrides
-        ],
-        ...alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true },
-        children: symbol ?? children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className,
-      css: [styles.iconStyles(mergedTheme, { size, fill, mode: "svg" }), cssOverrides],
-      ...alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true },
-      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");
+//#region src/components/Icon/Icon.tsx
+function Icon({ children, size = "md", fill, alt, symbol, theme = {}, cssOverrides, className }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_Styles.defaultIconTheme, theme);
+	if (symbol || typeof children === "string") return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
+		className: `material-symbols ${className ?? ""}`,
+		css: [require_Styles.IconStyles(mergedTheme, {
+			size,
+			fill,
+			mode: "text"
+		}), cssOverrides],
+		...alt ? {
+			role: "img",
+			"aria-label": alt
+		} : { "aria-hidden": true },
+		children: symbol ?? children
+	});
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
+		className,
+		css: [require_Styles.IconStyles(mergedTheme, {
+			size,
+			fill,
+			mode: "svg"
+		}), cssOverrides],
+		...alt ? {
+			role: "img",
+			"aria-label": alt
+		} : { "aria-hidden": true },
+		children
+	});
 }
-
+//#endregion
 exports.Icon = Icon;

package/dist/components/Icon/Icon.d.cts

@@ -0,0 +1,15 @@
+import { IconProps } from "./types.cjs";
+
+//#region src/components/Icon/Icon.d.ts
+declare function Icon({
+  children,
+  size,
+  fill,
+  alt,
+  symbol,
+  theme,
+  cssOverrides,
+  className
+}: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Icon };

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,15 @@
+import { IconProps } from "./types.js";
+
+//#region src/components/Icon/Icon.d.ts
+declare function Icon({
+  children,
+  size,
+  fill,
+  alt,
+  symbol,
+  theme,
+  cssOverrides,
+  className
+}: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Icon };