@guardian/stand 0.0.59 → 0.0.61

package/dist/components/HtmlPreviewLoader/HtmlPreview.js

@@ -0,0 +1,99 @@
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { Icon } from "../Icon/Icon.js";
+import { AlertBanner } from "../AlertBanner/AlertBanner.js";
+import { Button } from "../Button/Button.js";
+import { Typography } from "../Typography/Typography.js";
+import { Radio, RadioGroup } from "../RadioGroup/RadioGroup.js";
+import { alertBannerContentsStyle, centeredStyle, defaultHtmlPreviewLoaderTheme, headerStyles, htmlPreviewLoaderStyles, iframeStyle, loadingIconStyle, previewFrameStyle, reloadButtonStyle, spinAnimationStyle } from "./styles.js";
+import { useState } from "react";
+import { css } from "@emotion/react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+//#region src/components/HtmlPreviewLoader/HtmlPreview.tsx
+const defaultWidthOptions = [
+	320,
+	375,
+	425,
+	650
+];
+const HtmlPreview = ({ html, isLoading = false, errorMessage, attemptLoad, minHeight = 600, title, widthOptions = defaultWidthOptions, defaultWidth = 425, frameBackground = "white", allowReloading = false, cssOverrides, theme }) => {
+	const mergedTheme = mergeDeep(defaultHtmlPreviewLoaderTheme, theme ?? {});
+	const [frameWidth, setFrameWidth] = useState(defaultWidth);
+	const showReloadButton = allowReloading && !errorMessage && !isLoading && !!attemptLoad;
+	return /* @__PURE__ */ jsxs("div", {
+		css: [htmlPreviewLoaderStyles(mergedTheme), cssOverrides],
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				css: headerStyles(),
+				children: [typeof title === "string" ? /* @__PURE__ */ jsx(Typography, {
+					variant: "titleMd",
+					children: title
+				}) : title, widthOptions.length > 0 && /* @__PURE__ */ jsx(RadioGroup, {
+					size: "sm",
+					label: "width",
+					orientation: "horizontal",
+					formInputContainerTheme: { shared: { container: {
+						width: "unset",
+						flexDirection: "row"
+					} } },
+					cssOverrides: css({ alignItems: "center" }),
+					value: String(frameWidth),
+					onChange: (value) => setFrameWidth(Number(value)),
+					children: widthOptions.map((width, index) => /* @__PURE__ */ jsxs(Radio, {
+						value: String(width),
+						children: [width, "px"]
+					}, index))
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				css: [previewFrameStyle(mergedTheme), { minHeight }],
+				children: [html && /* @__PURE__ */ jsx("iframe", {
+					sandbox: "",
+					style: {
+						minWidth: frameWidth,
+						maxWidth: frameWidth,
+						background: frameBackground
+					},
+					css: iframeStyle(isLoading || !!errorMessage),
+					title: "preview",
+					srcDoc: html
+				}), showReloadButton && /* @__PURE__ */ jsx("div", {
+					css: reloadButtonStyle(mergedTheme),
+					children: /* @__PURE__ */ jsx(Button, {
+						icon: "refresh",
+						size: "md",
+						variant: "primary",
+						onPress: attemptLoad,
+						children: "reload"
+					})
+				})]
+			}),
+			isLoading && /* @__PURE__ */ jsx("div", {
+				css: centeredStyle(),
+				children: /* @__PURE__ */ jsx(Icon, {
+					css: loadingIconStyle(mergedTheme),
+					symbol: "progress_activity",
+					cssOverrides: spinAnimationStyle()
+				})
+			}),
+			errorMessage && /* @__PURE__ */ jsx("div", {
+				css: centeredStyle(),
+				children: /* @__PURE__ */ jsx(AlertBanner, {
+					showIcon: true,
+					level: "error",
+					children: /* @__PURE__ */ jsxs("div", {
+						css: alertBannerContentsStyle(),
+						children: [errorMessage, attemptLoad && /* @__PURE__ */ jsx(Button, {
+							icon: "refresh",
+							size: "sm",
+							variant: "secondary",
+							onPress: attemptLoad,
+							children: "retry"
+						})]
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { HtmlPreview };

package/dist/components/HtmlPreviewLoader/HtmlPreviewLoader.cjs

@@ -0,0 +1,27 @@
+const require_HtmlPreview = require("./HtmlPreview.cjs");
+let react = require("react");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+//#region src/components/HtmlPreviewLoader/HtmlPreviewLoader.tsx
+const HtmlPreviewLoader = (props) => {
+	const { fetchHtml, ...rest } = props;
+	const [html, setHtml] = (0, react.useState)();
+	const [error, setError] = (0, react.useState)();
+	const [isLoading, setIsLoading] = (0, react.useState)(true);
+	const attemptLoad = (0, react.useCallback)(() => {
+		setIsLoading(true);
+		setError(void 0);
+		fetchHtml().then(setHtml).catch(setError).finally(() => setIsLoading(false));
+	}, [fetchHtml]);
+	(0, react.useEffect)(() => {
+		attemptLoad();
+	}, [attemptLoad]);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_HtmlPreview.HtmlPreview, {
+		html,
+		isLoading,
+		errorMessage: error ? "failed to load" : void 0,
+		attemptLoad,
+		...rest
+	});
+};
+//#endregion
+exports.HtmlPreviewLoader = HtmlPreviewLoader;

package/dist/components/HtmlPreviewLoader/HtmlPreviewLoader.d.cts

@@ -0,0 +1,5 @@
+import { HtmlPreviewLoaderProps } from "./types.cjs";
+//#region src/components/HtmlPreviewLoader/HtmlPreviewLoader.d.ts
+declare const HtmlPreviewLoader: (props: HtmlPreviewLoaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { HtmlPreviewLoader };

package/dist/components/HtmlPreviewLoader/HtmlPreviewLoader.d.ts

@@ -0,0 +1,5 @@
+import { HtmlPreviewLoaderProps } from "./types.js";
+//#region src/components/HtmlPreviewLoader/HtmlPreviewLoader.d.ts
+declare const HtmlPreviewLoader: (props: HtmlPreviewLoaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { HtmlPreviewLoader };

package/dist/components/HtmlPreviewLoader/HtmlPreviewLoader.js

@@ -0,0 +1,27 @@
+import { HtmlPreview } from "./HtmlPreview.js";
+import { useCallback, useEffect, useState } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+//#region src/components/HtmlPreviewLoader/HtmlPreviewLoader.tsx
+const HtmlPreviewLoader = (props) => {
+	const { fetchHtml, ...rest } = props;
+	const [html, setHtml] = useState();
+	const [error, setError] = useState();
+	const [isLoading, setIsLoading] = useState(true);
+	const attemptLoad = useCallback(() => {
+		setIsLoading(true);
+		setError(void 0);
+		fetchHtml().then(setHtml).catch(setError).finally(() => setIsLoading(false));
+	}, [fetchHtml]);
+	useEffect(() => {
+		attemptLoad();
+	}, [attemptLoad]);
+	return /* @__PURE__ */ jsx(HtmlPreview, {
+		html,
+		isLoading,
+		errorMessage: error ? "failed to load" : void 0,
+		attemptLoad,
+		...rest
+	});
+};
+//#endregion
+export { HtmlPreviewLoader };

package/dist/components/HtmlPreviewLoader/styles.cjs

@@ -0,0 +1,96 @@
+const require_htmlPreviewLoader = require("../../styleD/build/typescript/component/htmlPreviewLoader.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/HtmlPreviewLoader/styles.ts
+const defaultHtmlPreviewLoaderTheme = require_htmlPreviewLoader.componentHtmlPreviewLoader;
+const htmlPreviewLoaderStyles = (theme) => {
+	return _emotion_react.css`
+		background-color: ${theme.shared.color.background};
+		color: ${theme.shared.color.text};
+		padding-top: ${theme.paddingTop};
+		padding-bottom: ${theme.paddingBottom};
+		padding-left: ${theme.paddingLeft};
+		padding-right: ${theme.paddingRight};
+		position: relative;
+	`;
+};
+const headerStyles = () => {
+	return _emotion_react.css`
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	`;
+};
+const previewFrameStyle = ({ previewFrame }) => {
+	return _emotion_react.css`
+		border-color: ${previewFrame.borderColor};
+		border-style: ${previewFrame.borderStyle};
+		border-width: ${previewFrame.borderWidth};
+		background-color: ${previewFrame.backgroundColor};
+		padding-top: ${previewFrame.paddingTop};
+		padding-bottom: ${previewFrame.paddingBottom};
+		padding-left: ${previewFrame.paddingLeft};
+		padding-right: ${previewFrame.paddingRight};
+		width: 100%;
+		display: flex;
+		justify-content: center;
+		position: relative;
+	`;
+};
+const iframeStyle = (isNotLoaded) => {
+	return _emotion_react.css`
+		border: none;
+		transition: 'filter 0.25s';
+		${isNotLoaded ? `
+			filter: blur(3px);
+			pointer-events: none;	
+		` : ""}
+	`;
+};
+const reloadButtonStyle = ({ previewFrame }) => {
+	return _emotion_react.css`
+		position: absolute;
+		bottom: ${previewFrame.paddingBottom};
+		right: ${previewFrame.paddingRight};
+	`;
+};
+const loadingIconStyle = ({ loadingIcon }) => {
+	return _emotion_react.css`
+		font-size: ${loadingIcon.size};
+		color: ${loadingIcon.color};
+	`;
+};
+const spinAnimationStyle = () => {
+	return _emotion_react.css`
+		animation: ${(0, _emotion_react.keyframes)({
+		from: { transform: "rotate(0deg)" },
+		to: { transform: "rotate(360deg)" }
+	})} 1s linear infinite;
+	`;
+};
+const centeredStyle = () => {
+	return _emotion_react.css`
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translateX(-50%) translateY(-50%);
+	`;
+};
+const alertBannerContentsStyle = () => {
+	return _emotion_react.css`
+		display: flex;
+		gap: 10;
+		align-items: center;
+	`;
+};
+//#endregion
+exports.alertBannerContentsStyle = alertBannerContentsStyle;
+exports.centeredStyle = centeredStyle;
+exports.defaultHtmlPreviewLoaderTheme = defaultHtmlPreviewLoaderTheme;
+exports.headerStyles = headerStyles;
+exports.htmlPreviewLoaderStyles = htmlPreviewLoaderStyles;
+exports.iframeStyle = iframeStyle;
+exports.loadingIconStyle = loadingIconStyle;
+exports.previewFrameStyle = previewFrameStyle;
+exports.reloadButtonStyle = reloadButtonStyle;
+exports.spinAnimationStyle = spinAnimationStyle;

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

@@ -0,0 +1,7 @@
+import { Prettify } from "../../util/types.cjs";
+import { ComponentHtmlPreviewLoader } from "../../styleD/build/typescript/component/htmlPreviewLoader.cjs";
+import { SerializedStyles } from "@emotion/react";
+//#region src/components/HtmlPreviewLoader/styles.d.ts
+type HtmlPreviewLoaderTheme = Prettify<ComponentHtmlPreviewLoader>;
+//#endregion
+export { HtmlPreviewLoaderTheme };

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

@@ -0,0 +1,7 @@
+import { Prettify } from "../../util/types.js";
+import { ComponentHtmlPreviewLoader } from "../../styleD/build/typescript/component/htmlPreviewLoader.js";
+import { SerializedStyles } from "@emotion/react";
+//#region src/components/HtmlPreviewLoader/styles.d.ts
+type HtmlPreviewLoaderTheme = Prettify<ComponentHtmlPreviewLoader>;
+//#endregion
+export { HtmlPreviewLoaderTheme };

package/dist/components/HtmlPreviewLoader/styles.js

@@ -0,0 +1,87 @@
+import { componentHtmlPreviewLoader } from "../../styleD/build/typescript/component/htmlPreviewLoader.js";
+import { css, keyframes } from "@emotion/react";
+//#region src/components/HtmlPreviewLoader/styles.ts
+const defaultHtmlPreviewLoaderTheme = componentHtmlPreviewLoader;
+const htmlPreviewLoaderStyles = (theme) => {
+	return css`
+		background-color: ${theme.shared.color.background};
+		color: ${theme.shared.color.text};
+		padding-top: ${theme.paddingTop};
+		padding-bottom: ${theme.paddingBottom};
+		padding-left: ${theme.paddingLeft};
+		padding-right: ${theme.paddingRight};
+		position: relative;
+	`;
+};
+const headerStyles = () => {
+	return css`
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	`;
+};
+const previewFrameStyle = ({ previewFrame }) => {
+	return css`
+		border-color: ${previewFrame.borderColor};
+		border-style: ${previewFrame.borderStyle};
+		border-width: ${previewFrame.borderWidth};
+		background-color: ${previewFrame.backgroundColor};
+		padding-top: ${previewFrame.paddingTop};
+		padding-bottom: ${previewFrame.paddingBottom};
+		padding-left: ${previewFrame.paddingLeft};
+		padding-right: ${previewFrame.paddingRight};
+		width: 100%;
+		display: flex;
+		justify-content: center;
+		position: relative;
+	`;
+};
+const iframeStyle = (isNotLoaded) => {
+	return css`
+		border: none;
+		transition: 'filter 0.25s';
+		${isNotLoaded ? `
+			filter: blur(3px);
+			pointer-events: none;	
+		` : ""}
+	`;
+};
+const reloadButtonStyle = ({ previewFrame }) => {
+	return css`
+		position: absolute;
+		bottom: ${previewFrame.paddingBottom};
+		right: ${previewFrame.paddingRight};
+	`;
+};
+const loadingIconStyle = ({ loadingIcon }) => {
+	return css`
+		font-size: ${loadingIcon.size};
+		color: ${loadingIcon.color};
+	`;
+};
+const spinAnimationStyle = () => {
+	return css`
+		animation: ${keyframes({
+		from: { transform: "rotate(0deg)" },
+		to: { transform: "rotate(360deg)" }
+	})} 1s linear infinite;
+	`;
+};
+const centeredStyle = () => {
+	return css`
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translateX(-50%) translateY(-50%);
+	`;
+};
+const alertBannerContentsStyle = () => {
+	return css`
+		display: flex;
+		gap: 10;
+		align-items: center;
+	`;
+};
+//#endregion
+export { alertBannerContentsStyle, centeredStyle, defaultHtmlPreviewLoaderTheme, headerStyles, htmlPreviewLoaderStyles, iframeStyle, loadingIconStyle, previewFrameStyle, reloadButtonStyle, spinAnimationStyle };

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

@@ -0,0 +1,27 @@
+import { DefaultProps } from "../../util/types.cjs";
+import { HtmlPreviewLoaderTheme } from "./styles.cjs";
+import { CSSProperties, ReactNode } from "react";
+//#region src/components/HtmlPreviewLoader/types.d.ts
+type CommonProps = {
+  minHeight?: number;
+  title: ReactNode;
+  widthOptions?: number[];
+  defaultWidth?: number;
+  frameBackground?: CSSProperties['background'];
+  allowReloading?: boolean;
+};
+type HtmlPreviewLoaderProps = DefaultProps<HtmlPreviewLoaderTheme> & CommonProps & {
+  fetchHtml: {
+    (): Promise<string>;
+  };
+};
+type HtmlPreviewProps = DefaultProps<HtmlPreviewLoaderTheme> & CommonProps & {
+  html?: string;
+  isLoading?: boolean;
+  errorMessage?: string;
+  attemptLoad?: {
+    (): void;
+  };
+};
+//#endregion
+export { HtmlPreviewLoaderProps, HtmlPreviewProps };

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

@@ -0,0 +1,27 @@
+import { DefaultProps } from "../../util/types.js";
+import { HtmlPreviewLoaderTheme } from "./styles.js";
+import { CSSProperties, ReactNode } from "react";
+//#region src/components/HtmlPreviewLoader/types.d.ts
+type CommonProps = {
+  minHeight?: number;
+  title: ReactNode;
+  widthOptions?: number[];
+  defaultWidth?: number;
+  frameBackground?: CSSProperties['background'];
+  allowReloading?: boolean;
+};
+type HtmlPreviewLoaderProps = DefaultProps<HtmlPreviewLoaderTheme> & CommonProps & {
+  fetchHtml: {
+    (): Promise<string>;
+  };
+};
+type HtmlPreviewProps = DefaultProps<HtmlPreviewLoaderTheme> & CommonProps & {
+  html?: string;
+  isLoading?: boolean;
+  errorMessage?: string;
+  attemptLoad?: {
+    (): void;
+  };
+};
+//#endregion
+export { HtmlPreviewLoaderProps, HtmlPreviewProps };

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

@@ -1,15 +1,5 @@
 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;
+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

@@ -1,15 +1,5 @@
 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;
+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/Styles.d.cts

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

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

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

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

@@ -2,7 +2,6 @@
 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>> {
   /**
@@ -28,4 +27,4 @@ interface IconProps extends DefaultPropsWithChildren<IconTheme, undefined, Mater
   symbol?: MaterialSymbol;
 }
 //#endregion
-export { IconProps };
+export { IconProps, type MaterialSymbol };

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

@@ -2,7 +2,6 @@
 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>> {
   /**
@@ -28,4 +27,4 @@ interface IconProps extends DefaultPropsWithChildren<IconTheme, undefined, Mater
   symbol?: MaterialSymbol;
 }
 //#endregion
-export { IconProps };
+export { IconProps, type MaterialSymbol };

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

@@ -1,14 +1,5 @@
 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;
+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

@@ -1,14 +1,5 @@
 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;
+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/styles.d.cts

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

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

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

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

@@ -3,7 +3,6 @@ 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'> {
   /**

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

@@ -3,7 +3,6 @@ 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'> {
   /**

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

@@ -1,14 +1,5 @@
 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;
+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

@@ -1,14 +1,5 @@
 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;
+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/styles.d.cts

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

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

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

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

@@ -3,7 +3,6 @@ import { DefaultPropsWithChildren } from "../../util/types.cjs";
 import { IconProps } from "../Icon/types.cjs";
 import { IconLinkButtonTheme } from "./styles.cjs";
 import { LinkProps } from "react-aria-components";
-
 //#region src/components/IconLinkButton/types.d.ts
 interface IconLinkButtonProps extends DefaultPropsWithChildren<IconLinkButtonTheme, LinkProps['className'], IconProps['children']>, Omit<LinkProps, 'children'> {
   /**

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

@@ -3,7 +3,6 @@ import { DefaultPropsWithChildren } from "../../util/types.js";
 import { IconProps } from "../Icon/types.js";
 import { IconLinkButtonTheme } from "./styles.js";
 import { LinkProps } from "react-aria-components";
-
 //#region src/components/IconLinkButton/types.d.ts
 interface IconLinkButtonProps extends DefaultPropsWithChildren<IconLinkButtonTheme, LinkProps['className'], IconProps['children']>, Omit<LinkProps, 'children'> {
   /**

package/dist/components/InlineMessage/InlineMessage.d.cts

@@ -1,16 +1,5 @@
 import { InlineMessageProps } from "./types.cjs";
-
 //#region src/components/InlineMessage/InlineMessage.d.ts
-declare function InlineMessage({
-  children,
-  level,
-  hideIcon,
-  icon,
-  theme,
-  cssOverrides,
-  className,
-  slot,
-  ...props
-}: InlineMessageProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function InlineMessage({ children, level, hideIcon, icon, theme, cssOverrides, className, slot, ...props }: InlineMessageProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { InlineMessage };