@guardian/stand 0.0.39 → 0.0.41

package/dist/components/IconLinkButton/styles.js

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

package/dist/components/IconLinkButton/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 { 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'> {
+  /**
+   * Size variant of the avatar
+   */
+  size?: keyof Omit<IconLinkButtonTheme['primary'], 'shared'>;
+  /**
+   * Variant of the button
+   */
+  variant?: keyof Omit<IconLinkButtonTheme, '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 { IconLinkButtonProps };

package/dist/components/IconLinkButton/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 { 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'> {
+  /**
+   * Size variant of the avatar
+   */
+  size?: keyof Omit<IconLinkButtonTheme['primary'], 'shared'>;
+  /**
+   * Variant of the button
+   */
+  variant?: keyof Omit<IconLinkButtonTheme, '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 { IconLinkButtonProps };

package/dist/components/InlineMessage/InlineMessage.cjs

@@ -1,64 +1,36 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var React = require('react');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-var Icon = require('../Icon/Icon.cjs');
-var Typography = require('../Typography/Typography.cjs');
-var styles = require('./styles.cjs');
-
-function InlineMessage({
-  children,
-  level,
-  hideIcon = false,
-  icon,
-  theme = {},
-  cssOverrides,
-  className,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultInlineMessageTheme, theme);
-  const determinedIcon = React.useMemo(() => {
-    if (icon) {
-      return icon;
-    }
-    switch (level) {
-      case "error":
-        return "warning";
-      case "success":
-        return "check_circle";
-      case "information":
-      default:
-        return "info";
-    }
-  }, [icon, level]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      css: [styles.inlineMessageStyles(mergedTheme, { level }), cssOverrides],
-      className,
-      ...props,
-      children: [
-        !hideIcon && /* @__PURE__ */ jsxRuntime.jsx(
-          Icon.Icon,
-          {
-            fill: mergedTheme[level].color,
-            cssOverrides: styles.inlineMessageIconStyles(mergedTheme),
-            size: "md",
-            children: determinedIcon
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Typography.Typography,
-          {
-            variant: "helpTextFormMd",
-            theme: { color: mergedTheme[level].color },
-            children
-          }
-        )
-      ]
-    }
-  );
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
+const require_Typography = require("../Typography/Typography.cjs");
+const require_styles = require("./styles.cjs");
+let react = require("react");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+//#region src/components/InlineMessage/InlineMessage.tsx
+function InlineMessage({ children, level, hideIcon = false, icon, theme = {}, cssOverrides, className, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultInlineMessageTheme, theme);
+	const determinedIcon = (0, react.useMemo)(() => {
+		if (icon) return icon;
+		switch (level) {
+			case "error": return "warning";
+			case "success": return "check_circle";
+			default: return "info";
+		}
+	}, [icon, level]);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
+		css: [require_styles.inlineMessageStyles(mergedTheme, { level }), cssOverrides],
+		className,
+		...props,
+		children: [!hideIcon && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+			fill: mergedTheme[level].color,
+			cssOverrides: require_styles.inlineMessageIconStyles(mergedTheme),
+			size: "md",
+			children: determinedIcon
+		}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Typography.Typography, {
+			variant: "helpTextFormMd",
+			theme: { color: mergedTheme[level].color },
+			children
+		})]
+	});
 }
-
+//#endregion
 exports.InlineMessage = InlineMessage;

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

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

package/dist/components/InlineMessage/InlineMessage.d.ts

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

package/dist/components/InlineMessage/InlineMessage.js

@@ -1,27 +1,35 @@
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { useMemo } from 'react';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { Icon } from '../Icon/Icon.js';
-import { Typography } from '../Typography/Typography.js';
-import { defaultInlineMessageTheme, inlineMessageIconStyles, inlineMessageStyles } from './styles.js';
-
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { Icon } from "../Icon/Icon.js";
+import { Typography } from "../Typography/Typography.js";
+import { defaultInlineMessageTheme, inlineMessageIconStyles, inlineMessageStyles } from "./styles.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+//#region src/components/InlineMessage/InlineMessage.tsx
 function InlineMessage({ children, level, hideIcon = false, icon, theme = {}, cssOverrides, className, ...props }) {
-  const mergedTheme = mergeDeep(defaultInlineMessageTheme, theme);
-  const determinedIcon = useMemo(() => {
-    if (icon) {
-      return icon;
-    }
-    switch (level) {
-      case "error":
-        return "warning";
-      case "success":
-        return "check_circle";
-      case "information":
-      default:
-        return "info";
-    }
-  }, [icon, level]);
-  return jsxs("div", { css: [inlineMessageStyles(mergedTheme, { level }), cssOverrides], className, ...props, children: [!hideIcon && jsx(Icon, { fill: mergedTheme[level].color, cssOverrides: inlineMessageIconStyles(mergedTheme), size: "md", children: determinedIcon }), jsx(Typography, { variant: "helpTextFormMd", theme: { color: mergedTheme[level].color }, children })] });
+	const mergedTheme = mergeDeep(defaultInlineMessageTheme, theme);
+	const determinedIcon = useMemo(() => {
+		if (icon) return icon;
+		switch (level) {
+			case "error": return "warning";
+			case "success": return "check_circle";
+			default: return "info";
+		}
+	}, [icon, level]);
+	return /* @__PURE__ */ jsxs("div", {
+		css: [inlineMessageStyles(mergedTheme, { level }), cssOverrides],
+		className,
+		...props,
+		children: [!hideIcon && /* @__PURE__ */ jsx(Icon, {
+			fill: mergedTheme[level].color,
+			cssOverrides: inlineMessageIconStyles(mergedTheme),
+			size: "md",
+			children: determinedIcon
+		}), /* @__PURE__ */ jsx(Typography, {
+			variant: "helpTextFormMd",
+			theme: { color: mergedTheme[level].color },
+			children
+		})]
+	});
 }
-
+//#endregion
 export { InlineMessage };

package/dist/components/InlineMessage/styles.cjs

@@ -1,11 +1,10 @@
-'use strict';
-
-var react = require('@emotion/react');
-var inlineMessage = require('../../styleD/build/typescript/component/inlineMessage.cjs');
-
-const defaultInlineMessageTheme = inlineMessage.componentInlineMessage;
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_inlineMessage = require("../../styleD/build/typescript/component/inlineMessage.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/InlineMessage/styles.ts
+const defaultInlineMessageTheme = require_inlineMessage.componentInlineMessage;
 const inlineMessageStyles = (theme, { level }) => {
-  return react.css`
+	return _emotion_react.css`
 		display: ${theme.shared.display};
 		align-items: ${theme.shared.alignItems};
 		gap: ${theme.shared.gap};
@@ -13,11 +12,11 @@ const inlineMessageStyles = (theme, { level }) => {
 	`;
 };
 const inlineMessageIconStyles = (theme) => {
-  return react.css`
+	return _emotion_react.css`
 		align-self: ${theme.shared.icon.alignSelf};
 	`;
 };
-
+//#endregion
 exports.defaultInlineMessageTheme = defaultInlineMessageTheme;
 exports.inlineMessageIconStyles = inlineMessageIconStyles;
 exports.inlineMessageStyles = inlineMessageStyles;

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

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

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

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

package/dist/components/InlineMessage/styles.js

@@ -1,9 +1,9 @@
-import { css } from '@emotion/react';
-import { componentInlineMessage } from '../../styleD/build/typescript/component/inlineMessage.js';
-
+import { componentInlineMessage } from "../../styleD/build/typescript/component/inlineMessage.js";
+import { css } from "@emotion/react";
+//#region src/components/InlineMessage/styles.ts
 const defaultInlineMessageTheme = componentInlineMessage;
 const inlineMessageStyles = (theme, { level }) => {
-  return css`
+	return css`
 		display: ${theme.shared.display};
 		align-items: ${theme.shared.alignItems};
 		gap: ${theme.shared.gap};
@@ -11,9 +11,9 @@ const inlineMessageStyles = (theme, { level }) => {
 	`;
 };
 const inlineMessageIconStyles = (theme) => {
-  return css`
+	return css`
 		align-self: ${theme.shared.icon.alignSelf};
 	`;
 };
-
+//#endregion
 export { defaultInlineMessageTheme, inlineMessageIconStyles, inlineMessageStyles };

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

@@ -0,0 +1,25 @@
+import { DefaultPropsWithChildren } from "../../util/types.cjs";
+import { IconProps } from "../Icon/types.cjs";
+import { InlineMessageTheme } from "./styles.cjs";
+
+//#region src/components/InlineMessage/types.d.ts
+interface InlineMessageProps extends DefaultPropsWithChildren<InlineMessageTheme> {
+  /**
+   * The severity level of the message, which determines its styling.
+   * This is a required prop.
+   * Levels: 'error', 'success', 'information'
+   */
+  level: keyof Omit<InlineMessageTheme, 'shared'>;
+  /**
+   * Optional prop to hide the default icon associated with the message level.
+   */
+  hideIcon?: boolean;
+  /**
+   * Override the default icon for the message by providing a custom icon, for example when not using material symbols.
+   * This can be either a string (for material symbols) or an SVG element.
+   * Passed to the Icon component, so can be either a string (for material symbols) or an SVG element.
+   */
+  icon?: IconProps['symbol'] | Exclude<IconProps['children'], string>;
+}
+//#endregion
+export { InlineMessageProps };

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

@@ -0,0 +1,25 @@
+import { DefaultPropsWithChildren } from "../../util/types.js";
+import { IconProps } from "../Icon/types.js";
+import { InlineMessageTheme } from "./styles.js";
+
+//#region src/components/InlineMessage/types.d.ts
+interface InlineMessageProps extends DefaultPropsWithChildren<InlineMessageTheme> {
+  /**
+   * The severity level of the message, which determines its styling.
+   * This is a required prop.
+   * Levels: 'error', 'success', 'information'
+   */
+  level: keyof Omit<InlineMessageTheme, 'shared'>;
+  /**
+   * Optional prop to hide the default icon associated with the message level.
+   */
+  hideIcon?: boolean;
+  /**
+   * Override the default icon for the message by providing a custom icon, for example when not using material symbols.
+   * This can be either a string (for material symbols) or an SVG element.
+   * Passed to the Icon component, so can be either a string (for material symbols) or an SVG element.
+   */
+  icon?: IconProps['symbol'] | Exclude<IconProps['children'], string>;
+}
+//#endregion
+export { InlineMessageProps };

package/dist/components/IntendedAudienceSignifier/FlagIcons.cjs

@@ -1,115 +1,116 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-
-const ukFlag = /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    height: "12px",
-    xmlns: "http://www.w3.org/2000/svg",
-    id: "flag-icons-gb",
-    viewBox: "0 0 640 480",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#012169", d: "M0 0h640v480H0z" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "#FFF",
-          d: "m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "#C8102E",
-          d: "m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFF", d: "M241 0v480h160V0zM0 160v160h640V160z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#C8102E", d: "M0 193v96h640v-96zM273 0v480h96V0z" })
-    ]
-  }
-);
-const usFlag = /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    height: "12px",
-    xmlns: "http://www.w3.org/2000/svg",
-    id: "flag-icons-us",
-    viewBox: "0 0 640 480",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#bd3d44", d: "M0 0h640v480H0" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          stroke: "#fff",
-          strokeWidth: "37",
-          d: "M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#192f5d", d: "M0 0h364.8v258.5H0" }),
-      /* @__PURE__ */ jsxRuntime.jsx("marker", { id: "us-a", markerHeight: "30", markerWidth: "30", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "m14 0 9 27L0 10h28L5 27z" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "none",
-          markerMid: "url(#us-a)",
-          d: "m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60z"
-        }
-      )
-    ]
-  }
-);
-const auFlag = /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    height: "12px",
-    xmlns: "http://www.w3.org/2000/svg",
-    id: "flag-icons-au",
-    viewBox: "0 0 640 480",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#00008B", d: "M0 0h640v480H0z" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "#fff",
-          d: "m37.5 0 122 90.5L281 0h39v31l-120 89.5 120 89V240h-40l-120-89.5L40.5 240H0v-30l119.5-89L0 32V0z"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "red",
-          d: "M212 140.5 320 220v20l-135.5-99.5zm-92 10 3 17.5-96 72H0zM320 0v1.5l-124.5 94 1-22L295 0zM0 0l119.5 88h-30L0 21z"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M120.5 0v240h80V0zM0 80v80h320V80z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "red", d: "M0 96.5v48h320v-48zM136.5 0v240h48V0z" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "#fff",
-          d: "m527 396.7-20.5 2.6 2.2 20.5-14.8-14.4-14.7 14.5 2-20.5-20.5-2.4 17.3-11.2-10.9-17.5 19.6 6.5 6.9-19.5 7.1 19.4 19.5-6.7-10.7 17.6zm-3.7-117.2 2.7-13-9.8-9 13.2-1.5 5.5-12.1 5.5 12.1 13.2 1.5-9.8 9 2.7 13-11.6-6.6zm-104.1-60-20.3 2.2 1.8 20.3-14.4-14.5-14.8 14.1 2.4-20.3-20.2-2.7 17.3-10.8-10.5-17.5 19.3 6.8L387 178l6.7 19.3 19.4-6.3-10.9 17.3 17.1 11.2ZM623 186.7l-20.9 2.7 2.3 20.9-15.1-14.7-15 14.8 2.1-21-20.9-2.4 17.7-11.5-11.1-17.9 20 6.7 7-19.8 7.2 19.8 19.9-6.9-11 18zm-96.1-83.5-20.7 2.3 1.9 20.8-14.7-14.8-15.1 14.4 2.4-20.7-20.7-2.8 17.7-11L467 73.5l19.7 6.9 7.3-19.5 6.8 19.7 19.8-6.5-11.1 17.6zM234 385.7l-45.8 5.4 4.6 45.9-32.8-32.4-33 32.2 4.9-45.9-45.8-5.8 38.9-24.8-24-39.4 43.6 15 15.8-43.4 15.5 43.5 43.7-14.7-24.3 39.2 38.8 25.1Z"
-        }
-      )
-    ]
-  }
-);
-const globeIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12px", height: "12px", fill: "#000000", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.668 2.501l-.288.646a.847.847 0 0 0 1.479.815l.245-.368a.81.81 0 0 1 1.034-.275.81.81 0 0 0 .724 0l.261-.13a1 1 0 0 1 .775-.05l.984.34q.118.04.243.054c.784.093.855.377.694.801-.155.41-.616.617-1.035.487l-.01-.003C8.274 4.663 7.748 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 1.96.826 2.166 1.696 2.382.46.115.935.233 1.304.618.449.467.393 1.181.339 1.877C6.755 12.96 6.674 14 8.5 14c1.75 0 3-3.5 3-4.5 0-.262.208-.468.444-.7.396-.392.87-.86.556-1.8-.097-.291-.396-.568-.641-.756-.174-.133-.207-.396-.052-.551a.33.33 0 0 1 .42-.042l1.085.724c.11.072.255.058.348-.035.15-.15.415-.083.489.117.16.43.445 1.05.849 1.357L15 8A7 7 0 1 1 3.668 2.501" }) });
-const DoubleChevronRightSvg = /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 9 7",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.75 0H3.5L6 3.5L3.5 7H5.75L8.25 3.5L5.75 0Z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.25 0H0L2.5 3.5L0 7H2.25L4.75 3.5L2.25 0Z" })
-    ]
-  }
-);
-
+require("../../_virtual/_rolldown/runtime.cjs");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+//#region src/components/IntendedAudienceSignifier/FlagIcons.tsx
+const ukFlag = /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+	height: "12px",
+	xmlns: "http://www.w3.org/2000/svg",
+	id: "flag-icons-gb",
+	viewBox: "0 0 640 480",
+	children: [
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#012169",
+			d: "M0 0h640v480H0z"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#FFF",
+			d: "m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#C8102E",
+			d: "m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#FFF",
+			d: "M241 0v480h160V0zM0 160v160h640V160z"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#C8102E",
+			d: "M0 193v96h640v-96zM273 0v480h96V0z"
+		})
+	]
+});
+const usFlag = /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+	height: "12px",
+	xmlns: "http://www.w3.org/2000/svg",
+	id: "flag-icons-us",
+	viewBox: "0 0 640 480",
+	children: [
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#bd3d44",
+			d: "M0 0h640v480H0"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			stroke: "#fff",
+			strokeWidth: "37",
+			d: "M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#192f5d",
+			d: "M0 0h364.8v258.5H0"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("marker", {
+			id: "us-a",
+			markerHeight: "30",
+			markerWidth: "30",
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+				fill: "#fff",
+				d: "m14 0 9 27L0 10h28L5 27z"
+			})
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "none",
+			markerMid: "url(#us-a)",
+			d: "m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60z"
+		})
+	]
+});
+const auFlag = /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+	height: "12px",
+	xmlns: "http://www.w3.org/2000/svg",
+	id: "flag-icons-au",
+	viewBox: "0 0 640 480",
+	children: [
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#00008B",
+			d: "M0 0h640v480H0z"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#fff",
+			d: "m37.5 0 122 90.5L281 0h39v31l-120 89.5 120 89V240h-40l-120-89.5L40.5 240H0v-30l119.5-89L0 32V0z"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "red",
+			d: "M212 140.5 320 220v20l-135.5-99.5zm-92 10 3 17.5-96 72H0zM320 0v1.5l-124.5 94 1-22L295 0zM0 0l119.5 88h-30L0 21z"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#fff",
+			d: "M120.5 0v240h80V0zM0 80v80h320V80z"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "red",
+			d: "M0 96.5v48h320v-48zM136.5 0v240h48V0z"
+		}),
+		/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+			fill: "#fff",
+			d: "m527 396.7-20.5 2.6 2.2 20.5-14.8-14.4-14.7 14.5 2-20.5-20.5-2.4 17.3-11.2-10.9-17.5 19.6 6.5 6.9-19.5 7.1 19.4 19.5-6.7-10.7 17.6zm-3.7-117.2 2.7-13-9.8-9 13.2-1.5 5.5-12.1 5.5 12.1 13.2 1.5-9.8 9 2.7 13-11.6-6.6zm-104.1-60-20.3 2.2 1.8 20.3-14.4-14.5-14.8 14.1 2.4-20.3-20.2-2.7 17.3-10.8-10.5-17.5 19.3 6.8L387 178l6.7 19.3 19.4-6.3-10.9 17.3 17.1 11.2ZM623 186.7l-20.9 2.7 2.3 20.9-15.1-14.7-15 14.8 2.1-21-20.9-2.4 17.7-11.5-11.1-17.9 20 6.7 7-19.8 7.2 19.8 19.9-6.9-11 18zm-96.1-83.5-20.7 2.3 1.9 20.8-14.7-14.8-15.1 14.4 2.4-20.7-20.7-2.8 17.7-11L467 73.5l19.7 6.9 7.3-19.5 6.8 19.7 19.8-6.5-11.1 17.6zM234 385.7l-45.8 5.4 4.6 45.9-32.8-32.4-33 32.2 4.9-45.9-45.8-5.8 38.9-24.8-24-39.4 43.6 15 15.8-43.4 15.5 43.5 43.7-14.7-24.3 39.2 38.8 25.1Z"
+		})
+	]
+});
+const globeIcon = /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("svg", {
+	width: "12px",
+	height: "12px",
+	fill: "#000000",
+	viewBox: "0 0 16 16",
+	children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.668 2.501l-.288.646a.847.847 0 0 0 1.479.815l.245-.368a.81.81 0 0 1 1.034-.275.81.81 0 0 0 .724 0l.261-.13a1 1 0 0 1 .775-.05l.984.34q.118.04.243.054c.784.093.855.377.694.801-.155.41-.616.617-1.035.487l-.01-.003C8.274 4.663 7.748 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 1.96.826 2.166 1.696 2.382.46.115.935.233 1.304.618.449.467.393 1.181.339 1.877C6.755 12.96 6.674 14 8.5 14c1.75 0 3-3.5 3-4.5 0-.262.208-.468.444-.7.396-.392.87-.86.556-1.8-.097-.291-.396-.568-.641-.756-.174-.133-.207-.396-.052-.551a.33.33 0 0 1 .42-.042l1.085.724c.11.072.255.058.348-.035.15-.15.415-.083.489.117.16.43.445 1.05.849 1.357L15 8A7 7 0 1 1 3.668 2.501" })
+});
+const DoubleChevronRightSvg = /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 9 7",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M5.75 0H3.5L6 3.5L3.5 7H5.75L8.25 3.5L5.75 0Z" }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M2.25 0H0L2.5 3.5L0 7H2.25L4.75 3.5L2.25 0Z" })]
+});
+//#endregion
 exports.DoubleChevronRightSvg = DoubleChevronRightSvg;
 exports.auFlag = auFlag;
 exports.globeIcon = globeIcon;