@guardian/stand 0.0.40 → 0.0.41

package/dist/components/Icon/Icon.js

@@ -1,16 +1,35 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { defaultIconTheme, iconStyles } from './styles.js';
-
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { IconStyles, defaultIconTheme } from "./Styles.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+//#region src/components/Icon/Icon.tsx
 function Icon({ children, size = "md", fill, alt, symbol, theme = {}, cssOverrides, className }) {
-  const mergedTheme = mergeDeep(defaultIconTheme, theme);
-  if (symbol || typeof children === "string") {
-    return jsx("span", { className: `material-symbols ${className ?? ""}`, css: [
-      iconStyles(mergedTheme, { size, fill, mode: "text" }),
-      cssOverrides
-    ], ...alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true }, children: symbol ?? children });
-  }
-  return jsx("span", { className, css: [iconStyles(mergedTheme, { size, fill, mode: "svg" }), cssOverrides], ...alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true }, children });
+	const mergedTheme = mergeDeep(defaultIconTheme, theme);
+	if (symbol || typeof children === "string") return /* @__PURE__ */ jsx("span", {
+		className: `material-symbols ${className ?? ""}`,
+		css: [IconStyles(mergedTheme, {
+			size,
+			fill,
+			mode: "text"
+		}), cssOverrides],
+		...alt ? {
+			role: "img",
+			"aria-label": alt
+		} : { "aria-hidden": true },
+		children: symbol ?? children
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		css: [IconStyles(mergedTheme, {
+			size,
+			fill,
+			mode: "svg"
+		}), cssOverrides],
+		...alt ? {
+			role: "img",
+			"aria-label": alt
+		} : { "aria-hidden": true },
+		children
+	});
 }
-
+//#endregion
 export { Icon };

package/dist/components/Icon/Styles.cjs

@@ -0,0 +1,22 @@
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_icon = require("../../styleD/build/typescript/component/icon.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/Icon/Styles.tsx
+const defaultIconTheme = require_icon.componentIcon;
+const IconStyles = (theme, { size, fill, mode }) => _emotion_react.css`
+	display: ${theme.shared.display};
+	font-size: ${theme[size].size};
+	user-select: ${theme.shared.userSelect};
+	${fill ? `color: ${fill};` : ""}
+
+	${mode === "svg" ? `
+		& > svg {
+			width: ${theme[size].size};
+			height: ${theme[size].size};
+            ${fill ? `fill: ${fill};` : ""}
+		}
+	` : ""}
+`;
+//#endregion
+exports.IconStyles = IconStyles;
+exports.defaultIconTheme = defaultIconTheme;

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

@@ -0,0 +1,7 @@
+import { DeepPartial, Prettify } from "../../util/types.cjs";
+import { ComponentIcon } from "../../styleD/build/typescript/component/icon.cjs";
+//#region src/components/Icon/Styles.d.ts
+type IconTheme = Prettify<ComponentIcon>;
+type PartialIconTheme = Prettify<DeepPartial<IconTheme>>;
+//#endregion
+export { IconTheme, PartialIconTheme };

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

@@ -0,0 +1,7 @@
+import { DeepPartial, Prettify } from "../../util/types.js";
+import { ComponentIcon } from "../../styleD/build/typescript/component/icon.js";
+//#region src/components/Icon/Styles.d.ts
+type IconTheme = Prettify<ComponentIcon>;
+type PartialIconTheme = Prettify<DeepPartial<IconTheme>>;
+//#endregion
+export { IconTheme, PartialIconTheme };

package/dist/components/Icon/{styles.js → Styles.js}

@@ -1,8 +1,8 @@
-import { css } from '@emotion/react';
-import { componentIcon } from '../../styleD/build/typescript/component/icon.js';
-
+import { componentIcon } from "../../styleD/build/typescript/component/icon.js";
+import { css } from "@emotion/react";
+//#region src/components/Icon/Styles.tsx
 const defaultIconTheme = componentIcon;
-const iconStyles = (theme, { size, fill, mode }) => css`
+const IconStyles = (theme, { size, fill, mode }) => css`
 	display: ${theme.shared.display};
 	font-size: ${theme[size].size};
 	user-select: ${theme.shared.userSelect};
@@ -16,5 +16,5 @@ const iconStyles = (theme, { size, fill, mode }) => css`
 		}
 	` : ""}
 `;
-
-export { defaultIconTheme, iconStyles };
+//#endregion
+export { IconStyles, defaultIconTheme };

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { MaterialSymbol } from "../../fonts/materialSymbolsTypes.cjs";
+import { DefaultPropsWithChildren } from "../../util/types.cjs";
+import { IconTheme } from "./Styles.cjs";
+
+//#region src/components/Icon/types.d.ts
+interface IconProps extends DefaultPropsWithChildren<IconTheme, undefined, MaterialSymbol | Exclude<React.ReactNode, string>> {
+  /**
+   * Size variant of the icon
+   */
+  size?: keyof Omit<IconTheme, 'shared'>;
+  /**
+   * Fill/color of the icon. Default is to inherit from text color or icon defaults.
+   */
+  fill?: string;
+  /**
+   * Alternative text for the icon, used for accessibility.
+   * This must be provided if the icon is not purely decorative, and should describe the meaning or function of the icon.
+   */
+  alt?: string;
+  /**
+   * Alternative to using the `children` prop for rendering Material Symbol icons,
+   * you can use the `symbol` prop to specify the icon by its symbol name.
+   * This is a convenience for font icons, allowing you to simply provide the symbol name in a type-safe way without needing to pass it as a child string.
+   * For example, instead of `<Icon>home</Icon>`, you can use `<Icon symbol="home" />`.
+   * This prop is mutually exclusive with `children` when rendering font icons, and takes precedence over `children` if both are provided.
+   */
+  symbol?: MaterialSymbol;
+}
+//#endregion
+export { IconProps };

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { MaterialSymbol } from "../../fonts/materialSymbolsTypes.js";
+import { DefaultPropsWithChildren } from "../../util/types.js";
+import { IconTheme } from "./Styles.js";
+
+//#region src/components/Icon/types.d.ts
+interface IconProps extends DefaultPropsWithChildren<IconTheme, undefined, MaterialSymbol | Exclude<React.ReactNode, string>> {
+  /**
+   * Size variant of the icon
+   */
+  size?: keyof Omit<IconTheme, 'shared'>;
+  /**
+   * Fill/color of the icon. Default is to inherit from text color or icon defaults.
+   */
+  fill?: string;
+  /**
+   * Alternative text for the icon, used for accessibility.
+   * This must be provided if the icon is not purely decorative, and should describe the meaning or function of the icon.
+   */
+  alt?: string;
+  /**
+   * Alternative to using the `children` prop for rendering Material Symbol icons,
+   * you can use the `symbol` prop to specify the icon by its symbol name.
+   * This is a convenience for font icons, allowing you to simply provide the symbol name in a type-safe way without needing to pass it as a child string.
+   * For example, instead of `<Icon>home</Icon>`, you can use `<Icon symbol="home" />`.
+   * This prop is mutually exclusive with `children` when rendering font icons, and takes precedence over `children` if both are provided.
+   */
+  symbol?: MaterialSymbol;
+}
+//#endregion
+export { IconProps };

package/dist/components/IconButton/IconButton.cjs

@@ -1,45 +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 Icon = require('../Icon/Icon.cjs');
-var styles = require('./styles.cjs');
-
-function IconButton({
-  variant = "primary",
-  size = "md",
-  symbol,
-  ariaLabel,
-  theme = {},
-  cssOverrides,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultIconButtonTheme, theme);
-  const buttonRef = React.useRef(null);
-  React.useEffect(() => {
-    if (buttonRef.current) {
-      buttonRef.current.title = ariaLabel;
-    }
-  }, [ariaLabel]);
-  const iconSize = size === "xs" ? "sm" : size;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Button,
-    {
-      ...props,
-      ref: buttonRef,
-      "aria-label": ariaLabel,
-      css: [
-        styles.iconButtonStyles(mergedTheme, { variant, size }, false, true),
-        cssOverrides
-      ],
-      children: reactAriaComponents.composeRenderProps(props.children, (children) => (
-        // TODO: isPending (loading) state - see https://react-aria.adobe.com/Button
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { size: iconSize, symbol, children })
-      ))
-    }
-  );
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
+const require_styles = require("./styles.cjs");
+let react = require("react");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
+//#region src/components/IconButton/IconButton.tsx
+function IconButton({ variant = "primary", size = "md", symbol, ariaLabel, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultIconButtonTheme, theme);
+	const buttonRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		if (buttonRef.current) buttonRef.current.title = ariaLabel;
+	}, [ariaLabel]);
+	const iconSize = size === "xs" ? "sm" : size;
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Button, {
+		...props,
+		ref: buttonRef,
+		"aria-label": ariaLabel,
+		css: [require_styles.iconButtonStyles(mergedTheme, {
+			variant,
+			size
+		}, false, true), cssOverrides],
+		children: (0, react_aria_components.composeRenderProps)(props.children, (children) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+			size: iconSize,
+			symbol,
+			children
+		}))
+	});
 }
-
+//#endregion
 exports.IconButton = IconButton;

package/dist/components/IconButton/IconButton.d.cts

@@ -0,0 +1,14 @@
+import { IconButtonProps } from "./types.cjs";
+
+//#region src/components/IconButton/IconButton.d.ts
+declare function IconButton({
+  variant,
+  size,
+  symbol,
+  ariaLabel,
+  theme,
+  cssOverrides,
+  ...props
+}: IconButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { IconButton };

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,14 @@
+import { IconButtonProps } from "./types.js";
+
+//#region src/components/IconButton/IconButton.d.ts
+declare function IconButton({
+  variant,
+  size,
+  symbol,
+  ariaLabel,
+  theme,
+  cssOverrides,
+  ...props
+}: IconButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { IconButton };

package/dist/components/IconButton/IconButton.js

@@ -1,26 +1,31 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import { Button, composeRenderProps } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { Icon } from '../Icon/Icon.js';
-import { defaultIconButtonTheme, iconButtonStyles } from './styles.js';
-
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { Icon } from "../Icon/Icon.js";
+import { defaultIconButtonTheme, iconButtonStyles } from "./styles.js";
+import { useEffect, useRef } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Button, composeRenderProps } from "react-aria-components";
+//#region src/components/IconButton/IconButton.tsx
 function IconButton({ variant = "primary", size = "md", symbol, ariaLabel, theme = {}, cssOverrides, ...props }) {
-  const mergedTheme = mergeDeep(defaultIconButtonTheme, theme);
-  const buttonRef = useRef(null);
-  useEffect(() => {
-    if (buttonRef.current) {
-      buttonRef.current.title = ariaLabel;
-    }
-  }, [ariaLabel]);
-  const iconSize = size === "xs" ? "sm" : size;
-  return jsx(Button, { ...props, ref: buttonRef, "aria-label": ariaLabel, css: [
-    iconButtonStyles(mergedTheme, { variant, size }, false, true),
-    cssOverrides
-  ], children: composeRenderProps(props.children, (children) => (
-    // TODO: isPending (loading) state - see https://react-aria.adobe.com/Button
-    jsx(Icon, { size: iconSize, symbol, children })
-  )) });
+	const mergedTheme = mergeDeep(defaultIconButtonTheme, theme);
+	const buttonRef = useRef(null);
+	useEffect(() => {
+		if (buttonRef.current) buttonRef.current.title = ariaLabel;
+	}, [ariaLabel]);
+	const iconSize = size === "xs" ? "sm" : size;
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		ref: buttonRef,
+		"aria-label": ariaLabel,
+		css: [iconButtonStyles(mergedTheme, {
+			variant,
+			size
+		}, false, true), cssOverrides],
+		children: composeRenderProps(props.children, (children) => /* @__PURE__ */ jsx(Icon, {
+			size: iconSize,
+			symbol,
+			children
+		}))
+	});
 }
-
+//#endregion
 export { IconButton };

package/dist/components/IconButton/styles.cjs

@@ -1,9 +1,7 @@
-'use strict';
-
-var styles = require('../Button/styles.cjs');
-
-const defaultIconButtonTheme = styles.defaultButtonTheme;
-const iconButtonStyles = styles.buttonStyles;
-
+const require_styles = require("../Button/styles.cjs");
+//#region src/components/IconButton/styles.ts
+const defaultIconButtonTheme = require_styles.defaultButtonTheme;
+const iconButtonStyles = require_styles.buttonStyles;
+//#endregion
 exports.defaultIconButtonTheme = defaultIconButtonTheme;
 exports.iconButtonStyles = iconButtonStyles;

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

@@ -0,0 +1,6 @@
+import { ButtonTheme, PartialButtonTheme } from "../Button/styles.cjs";
+//#region src/components/IconButton/styles.d.ts
+type IconButtonTheme = ButtonTheme;
+type PartialIconButtonTheme = PartialButtonTheme;
+//#endregion
+export { IconButtonTheme, PartialIconButtonTheme };

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

@@ -0,0 +1,6 @@
+import { ButtonTheme, PartialButtonTheme } from "../Button/styles.js";
+//#region src/components/IconButton/styles.d.ts
+type IconButtonTheme = ButtonTheme;
+type PartialIconButtonTheme = PartialButtonTheme;
+//#endregion
+export { IconButtonTheme, PartialIconButtonTheme };

package/dist/components/IconButton/styles.js

@@ -1,6 +1,6 @@
-import { defaultButtonTheme, buttonStyles } from '../Button/styles.js';
-
+import { buttonStyles, defaultButtonTheme } from "../Button/styles.js";
+//#region src/components/IconButton/styles.ts
 const defaultIconButtonTheme = defaultButtonTheme;
 const iconButtonStyles = buttonStyles;
-
+//#endregion
 export { defaultIconButtonTheme, iconButtonStyles };

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

@@ -0,0 +1,31 @@
+import { MaterialSymbol } from "../../fonts/materialSymbolsTypes.cjs";
+import { DefaultPropsWithChildren } from "../../util/types.cjs";
+import { IconProps } from "../Icon/types.cjs";
+import { IconButtonTheme } from "./styles.cjs";
+import { ButtonProps } from "react-aria-components";
+
+//#region src/components/IconButton/types.d.ts
+interface IconButtonProps extends DefaultPropsWithChildren<IconButtonTheme, ButtonProps['className'], IconProps['children']>, Omit<ButtonProps, 'children'> {
+  /**
+   * Size variant of the avatar
+   */
+  size?: keyof Omit<IconButtonTheme['primary'], 'shared'>;
+  /**
+   * Variant of the button
+   */
+  variant?: keyof Omit<IconButtonTheme, 'shared'>;
+  /**
+   * Alternative to using the `children` prop for rendering Material Symbol icons,
+   * you can use the `symbol` prop to specify the icon by its symbol name.
+   * This is a convenience for font icons, allowing you to simply provide the symbol name in a type-safe way without needing to pass it as a child string.
+   * For example, instead of `<Icon>home</Icon>`, you can use `<Icon symbol="home" />`.
+   * This prop is mutually exclusive with `children` when rendering font icons, and takes precedence over `children` if both are provided.
+   */
+  symbol?: MaterialSymbol;
+  /**
+   * Accessible label for the icon button. Required for accessibility.
+   */
+  ariaLabel: string;
+}
+//#endregion
+export { IconButtonProps };

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

@@ -0,0 +1,31 @@
+import { MaterialSymbol } from "../../fonts/materialSymbolsTypes.js";
+import { DefaultPropsWithChildren } from "../../util/types.js";
+import { IconProps } from "../Icon/types.js";
+import { IconButtonTheme } from "./styles.js";
+import { ButtonProps } from "react-aria-components";
+
+//#region src/components/IconButton/types.d.ts
+interface IconButtonProps extends DefaultPropsWithChildren<IconButtonTheme, ButtonProps['className'], IconProps['children']>, Omit<ButtonProps, 'children'> {
+  /**
+   * Size variant of the avatar
+   */
+  size?: keyof Omit<IconButtonTheme['primary'], 'shared'>;
+  /**
+   * Variant of the button
+   */
+  variant?: keyof Omit<IconButtonTheme, 'shared'>;
+  /**
+   * Alternative to using the `children` prop for rendering Material Symbol icons,
+   * you can use the `symbol` prop to specify the icon by its symbol name.
+   * This is a convenience for font icons, allowing you to simply provide the symbol name in a type-safe way without needing to pass it as a child string.
+   * For example, instead of `<Icon>home</Icon>`, you can use `<Icon symbol="home" />`.
+   * This prop is mutually exclusive with `children` when rendering font icons, and takes precedence over `children` if both are provided.
+   */
+  symbol?: MaterialSymbol;
+  /**
+   * Accessible label for the icon button. Required for accessibility.
+   */
+  ariaLabel: string;
+}
+//#endregion
+export { IconButtonProps };

package/dist/components/IconLinkButton/IconLinkButton.cjs

@@ -1,42 +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 Icon = require('../Icon/Icon.cjs');
-var styles = require('./styles.cjs');
-
-function IconLinkButton({
-  variant = "primary",
-  size = "md",
-  symbol,
-  ariaLabel,
-  theme = {},
-  cssOverrides,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultIconLinkButtonTheme, theme);
-  const linkRef = React.useRef(null);
-  React.useEffect(() => {
-    if (linkRef.current) {
-      linkRef.current.title = ariaLabel;
-    }
-  }, [ariaLabel]);
-  const iconSize = size === "xs" ? "sm" : size;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Link,
-    {
-      ...props,
-      ref: linkRef,
-      "aria-label": ariaLabel,
-      css: [
-        styles.iconLinkButtonStyles(mergedTheme, { variant, size }, false, true),
-        cssOverrides
-      ],
-      children: reactAriaComponents.composeRenderProps(props.children, (children) => /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { size: iconSize, symbol, children }))
-    }
-  );
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
+const require_styles = require("./styles.cjs");
+let react = require("react");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
+//#region src/components/IconLinkButton/IconLinkButton.tsx
+function IconLinkButton({ variant = "primary", size = "md", symbol, ariaLabel, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultIconLinkButtonTheme, theme);
+	const linkRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		if (linkRef.current) linkRef.current.title = ariaLabel;
+	}, [ariaLabel]);
+	const iconSize = size === "xs" ? "sm" : size;
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Link, {
+		...props,
+		ref: linkRef,
+		"aria-label": ariaLabel,
+		css: [require_styles.iconLinkButtonStyles(mergedTheme, {
+			variant,
+			size
+		}, false, true), cssOverrides],
+		children: (0, react_aria_components.composeRenderProps)(props.children, (children) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+			size: iconSize,
+			symbol,
+			children
+		}))
+	});
 }
-
+//#endregion
 exports.IconLinkButton = IconLinkButton;

package/dist/components/IconLinkButton/IconLinkButton.d.cts

@@ -0,0 +1,14 @@
+import { IconLinkButtonProps } from "./types.cjs";
+
+//#region src/components/IconLinkButton/IconLinkButton.d.ts
+declare function IconLinkButton({
+  variant,
+  size,
+  symbol,
+  ariaLabel,
+  theme,
+  cssOverrides,
+  ...props
+}: IconLinkButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { IconLinkButton };

package/dist/components/IconLinkButton/IconLinkButton.d.ts

@@ -0,0 +1,14 @@
+import { IconLinkButtonProps } from "./types.js";
+
+//#region src/components/IconLinkButton/IconLinkButton.d.ts
+declare function IconLinkButton({
+  variant,
+  size,
+  symbol,
+  ariaLabel,
+  theme,
+  cssOverrides,
+  ...props
+}: IconLinkButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { IconLinkButton };

package/dist/components/IconLinkButton/IconLinkButton.js

@@ -1,23 +1,31 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import { Link, composeRenderProps } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { Icon } from '../Icon/Icon.js';
-import { defaultIconLinkButtonTheme, iconLinkButtonStyles } from './styles.js';
-
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { Icon } from "../Icon/Icon.js";
+import { defaultIconLinkButtonTheme, iconLinkButtonStyles } from "./styles.js";
+import { useEffect, useRef } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Link, composeRenderProps } from "react-aria-components";
+//#region src/components/IconLinkButton/IconLinkButton.tsx
 function IconLinkButton({ variant = "primary", size = "md", symbol, ariaLabel, theme = {}, cssOverrides, ...props }) {
-  const mergedTheme = mergeDeep(defaultIconLinkButtonTheme, theme);
-  const linkRef = useRef(null);
-  useEffect(() => {
-    if (linkRef.current) {
-      linkRef.current.title = ariaLabel;
-    }
-  }, [ariaLabel]);
-  const iconSize = size === "xs" ? "sm" : size;
-  return jsx(Link, { ...props, ref: linkRef, "aria-label": ariaLabel, css: [
-    iconLinkButtonStyles(mergedTheme, { variant, size }, false, true),
-    cssOverrides
-  ], children: composeRenderProps(props.children, (children) => jsx(Icon, { size: iconSize, symbol, children })) });
+	const mergedTheme = mergeDeep(defaultIconLinkButtonTheme, theme);
+	const linkRef = useRef(null);
+	useEffect(() => {
+		if (linkRef.current) linkRef.current.title = ariaLabel;
+	}, [ariaLabel]);
+	const iconSize = size === "xs" ? "sm" : size;
+	return /* @__PURE__ */ jsx(Link, {
+		...props,
+		ref: linkRef,
+		"aria-label": ariaLabel,
+		css: [iconLinkButtonStyles(mergedTheme, {
+			variant,
+			size
+		}, false, true), cssOverrides],
+		children: composeRenderProps(props.children, (children) => /* @__PURE__ */ jsx(Icon, {
+			size: iconSize,
+			symbol,
+			children
+		}))
+	});
 }
-
+//#endregion
 export { IconLinkButton };

package/dist/components/IconLinkButton/styles.cjs

@@ -1,9 +1,7 @@
-'use strict';
-
-var styles = require('../Button/styles.cjs');
-
-const defaultIconLinkButtonTheme = styles.defaultButtonTheme;
-const iconLinkButtonStyles = styles.buttonStyles;
-
+const require_styles = require("../Button/styles.cjs");
+//#region src/components/IconLinkButton/styles.ts
+const defaultIconLinkButtonTheme = require_styles.defaultButtonTheme;
+const iconLinkButtonStyles = require_styles.buttonStyles;
+//#endregion
 exports.defaultIconLinkButtonTheme = defaultIconLinkButtonTheme;
 exports.iconLinkButtonStyles = iconLinkButtonStyles;

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

@@ -0,0 +1,6 @@
+import { ButtonTheme, PartialButtonTheme } from "../Button/styles.cjs";
+//#region src/components/IconLinkButton/styles.d.ts
+type IconLinkButtonTheme = ButtonTheme;
+type PartialIconLinkButtonTheme = PartialButtonTheme;
+//#endregion
+export { IconLinkButtonTheme, PartialIconLinkButtonTheme };

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

@@ -0,0 +1,6 @@
+import { ButtonTheme, PartialButtonTheme } from "../Button/styles.js";
+//#region src/components/IconLinkButton/styles.d.ts
+type IconLinkButtonTheme = ButtonTheme;
+type PartialIconLinkButtonTheme = PartialButtonTheme;
+//#endregion
+export { IconLinkButtonTheme, PartialIconLinkButtonTheme };