@guardian/stand 0.0.60 → 0.0.61

package/dist/components/AlertBanner/AlertBanner.d.cts

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

package/dist/components/AlertBanner/AlertBanner.d.ts

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

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

@@ -1,7 +1,7 @@
 import { Prettify } from "../../util/types.cjs";
 import { ComponentAlertBanner } from "../../styleD/build/typescript/component/alertBanner.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/AlertBanner/styles.d.ts
 type AlertBannerTheme = Prettify<ComponentAlertBanner>;
 //#endregion

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

@@ -1,7 +1,7 @@
 import { Prettify } from "../../util/types.js";
 import { ComponentAlertBanner } from "../../styleD/build/typescript/component/alertBanner.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/AlertBanner/styles.d.ts
 type AlertBannerTheme = Prettify<ComponentAlertBanner>;
 //#endregion

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

@@ -1,8 +1,9 @@
 import { DefaultPropsWithChildren, Prettify } from "../../util/types.cjs";
 import { IconProps } from "../Icon/types.cjs";
+import "../../Icon.cjs";
 import { IconButtonProps } from "../IconButton/types.cjs";
+import "../../IconButton.cjs";
 import { AlertBannerTheme } from "./styles.cjs";
-
 //#region src/components/AlertBanner/types.d.ts
 interface AlertBannerProps extends DefaultPropsWithChildren<AlertBannerTheme> {
   /**

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

@@ -1,8 +1,9 @@
 import { DefaultPropsWithChildren, Prettify } from "../../util/types.js";
 import { IconProps } from "../Icon/types.js";
+import "../../Icon.js";
 import { IconButtonProps } from "../IconButton/types.js";
+import "../../IconButton.js";
 import { AlertBannerTheme } from "./styles.js";
-
 //#region src/components/AlertBanner/types.d.ts
 interface AlertBannerProps extends DefaultPropsWithChildren<AlertBannerTheme> {
   /**

package/dist/components/Avatar/Avatar.d.cts

@@ -1,15 +1,5 @@
 import { AvatarProps } from "./types.cjs";
-
 //#region src/components/Avatar/Avatar.d.ts
-declare function Avatar({
-  src,
-  initials,
-  alt,
-  size,
-  color,
-  theme,
-  cssOverrides,
-  ...props
-}: AvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Avatar({ src, initials, alt, size, color, theme, cssOverrides, ...props }: AvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Avatar };

package/dist/components/Avatar/Avatar.d.ts

@@ -1,15 +1,5 @@
 import { AvatarProps } from "./types.js";
-
 //#region src/components/Avatar/Avatar.d.ts
-declare function Avatar({
-  src,
-  initials,
-  alt,
-  size,
-  color,
-  theme,
-  cssOverrides,
-  ...props
-}: AvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Avatar({ src, initials, alt, size, color, theme, cssOverrides, ...props }: AvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Avatar };

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

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentAvatar } from "../../styleD/build/typescript/component/avatar.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Avatar/styles.d.ts
 type AvatarTheme = Prettify<ComponentAvatar>;
 type PartialAvatarTheme = Prettify<DeepPartial<AvatarTheme>>;

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

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentAvatar } from "../../styleD/build/typescript/component/avatar.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Avatar/styles.d.ts
 type AvatarTheme = Prettify<ComponentAvatar>;
 type PartialAvatarTheme = Prettify<DeepPartial<AvatarTheme>>;

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

@@ -1,7 +1,6 @@
 import { DefaultProps } from "../../util/types.cjs";
 import { ComponentAvatar } from "../../styleD/build/typescript/component/avatar.cjs";
 import { AvatarTheme } from "./styles.cjs";
-
 //#region src/components/Avatar/types.d.ts
 type AvatarColors = keyof ComponentAvatar['shared']['color'];
 interface AvatarBaseProps extends DefaultProps<AvatarTheme> {
@@ -44,4 +43,4 @@ interface AvatarWithInitials extends AvatarBaseProps {
 }
 type AvatarProps = AvatarWithImage | AvatarWithInitials;
 //#endregion
-export { AvatarProps };
+export { AvatarColors, AvatarProps };

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

@@ -1,7 +1,6 @@
 import { DefaultProps } from "../../util/types.js";
 import { ComponentAvatar } from "../../styleD/build/typescript/component/avatar.js";
 import { AvatarTheme } from "./styles.js";
-
 //#region src/components/Avatar/types.d.ts
 type AvatarColors = keyof ComponentAvatar['shared']['color'];
 interface AvatarBaseProps extends DefaultProps<AvatarTheme> {
@@ -44,4 +43,4 @@ interface AvatarWithInitials extends AvatarBaseProps {
 }
 type AvatarProps = AvatarWithImage | AvatarWithInitials;
 //#endregion
-export { AvatarProps };
+export { AvatarColors, AvatarProps };

package/dist/components/AvatarButton/AvatarButton.d.cts

@@ -1,5 +1,4 @@
 import { AvatarButtonProps } from "./types.cjs";
-
 //#region src/components/AvatarButton/AvatarButton.d.ts
 declare function AvatarButton(props: AvatarButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion

package/dist/components/AvatarButton/AvatarButton.d.ts

@@ -1,5 +1,4 @@
 import { AvatarButtonProps } from "./types.js";
-
 //#region src/components/AvatarButton/AvatarButton.d.ts
 declare function AvatarButton(props: AvatarButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion

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

@@ -1,6 +1,5 @@
 import { PartialAvatarTheme } from "../Avatar/styles.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/AvatarButton/styles.d.ts
 type PartialAvatarButtonTheme = PartialAvatarTheme;
 //#endregion

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

@@ -1,6 +1,5 @@
 import { PartialAvatarTheme } from "../Avatar/styles.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/AvatarButton/styles.d.ts
 type PartialAvatarButtonTheme = PartialAvatarTheme;
 //#endregion

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

@@ -1,6 +1,5 @@
 import { AvatarProps } from "../Avatar/types.cjs";
 import { ButtonProps } from "react-aria-components";
-
 //#region src/components/AvatarButton/types.d.ts
 type AvatarButtonProps = AvatarProps & Omit<ButtonProps, 'children'>;
 //#endregion

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

@@ -1,6 +1,5 @@
 import { AvatarProps } from "../Avatar/types.js";
 import { ButtonProps } from "react-aria-components";
-
 //#region src/components/AvatarButton/types.d.ts
 type AvatarButtonProps = AvatarProps & Omit<ButtonProps, 'children'>;
 //#endregion

package/dist/components/AvatarLink/AvatarLink.d.cts

@@ -1,5 +1,4 @@
 import { AvatarLinkProps } from "./types.cjs";
-
 //#region src/components/AvatarLink/AvatarLink.d.ts
 declare function AvatarLink(props: AvatarLinkProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion

package/dist/components/AvatarLink/AvatarLink.d.ts

@@ -1,5 +1,4 @@
 import { AvatarLinkProps } from "./types.js";
-
 //#region src/components/AvatarLink/AvatarLink.d.ts
 declare function AvatarLink(props: AvatarLinkProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion

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

@@ -1,6 +1,5 @@
 import { PartialAvatarTheme } from "../Avatar/styles.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/AvatarLink/styles.d.ts
 type PartialAvatarLinkTheme = PartialAvatarTheme;
 //#endregion

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

@@ -1,6 +1,5 @@
 import { PartialAvatarTheme } from "../Avatar/styles.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/AvatarLink/styles.d.ts
 type PartialAvatarLinkTheme = PartialAvatarTheme;
 //#endregion

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

@@ -1,6 +1,5 @@
 import { AvatarProps } from "../Avatar/types.cjs";
 import { LinkProps } from "react-aria-components";
-
 //#region src/components/AvatarLink/types.d.ts
 type AvatarLinkProps = AvatarProps & LinkProps;
 //#endregion

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

@@ -1,6 +1,5 @@
 import { AvatarProps } from "../Avatar/types.js";
 import { LinkProps } from "react-aria-components";
-
 //#region src/components/AvatarLink/types.d.ts
 type AvatarLinkProps = AvatarProps & LinkProps;
 //#endregion

package/dist/components/Button/Button.d.cts

@@ -1,13 +1,5 @@
 import { ButtonProps } from "./types.cjs";
-
 //#region src/components/Button/Button.d.ts
-declare function Button({
-  variant,
-  size,
-  theme,
-  cssOverrides,
-  icon,
-  ...props
-}: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Button({ variant, size, theme, cssOverrides, icon, ...props }: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Button };

package/dist/components/Button/Button.d.ts

@@ -1,13 +1,5 @@
 import { ButtonProps } from "./types.js";
-
 //#region src/components/Button/Button.d.ts
-declare function Button({
-  variant,
-  size,
-  theme,
-  cssOverrides,
-  icon,
-  ...props
-}: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Button({ variant, size, theme, cssOverrides, icon, ...props }: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Button };

package/dist/components/Button/styles.cjs

@@ -27,14 +27,14 @@ const buttonStyles = (theme, { size, variant }, hasIcon = false, isIconButton =
 		border-radius: ${theme[variant].shared.borderRadius};
 
 		${hasIcon && _emotion_react.css`
-			padding-left: ${theme[variant][size].padding.withIcon.iconLeft.left};
-			gap: ${theme[variant][size].icon.gap};
-		`}
+				padding-left: ${theme[variant][size].padding.withIcon.iconLeft.left};
+				gap: ${theme[variant][size].icon.gap};
+			`}
 
 		${isIconButton && _emotion_react.css`
-			width: ${theme[variant][size].iconButton.width};
-			padding: 0;
-		`}
+				width: ${theme[variant][size].iconButton.width};
+				padding: 0;
+			`}
 
 		&[data-hovered], &:hover {
 			background: ${theme[variant].shared.hover.backgroundColor};

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

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentButton } from "../../styleD/build/typescript/component/button.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Button/styles.d.ts
 type ButtonTheme = Prettify<ComponentButton>;
 type PartialButtonTheme = Prettify<DeepPartial<ButtonTheme>>;

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

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentButton } from "../../styleD/build/typescript/component/button.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Button/styles.d.ts
 type ButtonTheme = Prettify<ComponentButton>;
 type PartialButtonTheme = Prettify<DeepPartial<ButtonTheme>>;

package/dist/components/Button/styles.js

@@ -27,14 +27,14 @@ const buttonStyles = (theme, { size, variant }, hasIcon = false, isIconButton =
 		border-radius: ${theme[variant].shared.borderRadius};
 
 		${hasIcon && css`
-			padding-left: ${theme[variant][size].padding.withIcon.iconLeft.left};
-			gap: ${theme[variant][size].icon.gap};
-		`}
+				padding-left: ${theme[variant][size].padding.withIcon.iconLeft.left};
+				gap: ${theme[variant][size].icon.gap};
+			`}
 
 		${isIconButton && css`
-			width: ${theme[variant][size].iconButton.width};
-			padding: 0;
-		`}
+				width: ${theme[variant][size].iconButton.width};
+				padding: 0;
+			`}
 
 		&[data-hovered], &:hover {
 			background: ${theme[variant].shared.hover.backgroundColor};

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

@@ -2,7 +2,6 @@ import { DefaultProps } from "../../util/types.cjs";
 import { IconProps } from "../Icon/types.cjs";
 import { ButtonTheme } from "./styles.cjs";
 import { ButtonProps } from "react-aria-components";
-
 //#region src/components/Button/types.d.ts
 interface ButtonProps$1 extends DefaultProps<ButtonTheme, ButtonProps['className']>, ButtonProps {
   /**

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

@@ -2,7 +2,6 @@ import { DefaultProps } from "../../util/types.js";
 import { IconProps } from "../Icon/types.js";
 import { ButtonTheme } from "./styles.js";
 import { ButtonProps } from "react-aria-components";
-
 //#region src/components/Button/types.d.ts
 interface ButtonProps$1 extends DefaultProps<ButtonTheme, ButtonProps['className']>, ButtonProps {
   /**

package/dist/components/ButtonGroup/ButtonGroup.cjs

@@ -3,7 +3,7 @@ const require_mergeDeep = require("../../util/mergeDeep.cjs");
 const require_Button = require("../Button/Button.cjs");
 const require_styles = require("./styles.cjs");
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 //#region src/components/ButtonGroup/ButtonGroup.tsx
 const ButtonGroup = ({ size = "md", theme = {}, children, cssOverrides }) => {

package/dist/components/ButtonGroup/ButtonGroup.d.cts

@@ -1,11 +1,5 @@
 import { ButtonGroupProps } from "./types.cjs";
-
 //#region src/components/ButtonGroup/ButtonGroup.d.ts
-declare const ButtonGroup: ({
-  size,
-  theme,
-  children,
-  cssOverrides
-}: ButtonGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ButtonGroup: ({ size, theme, children, cssOverrides }: ButtonGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { ButtonGroup };

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,11 +1,5 @@
 import { ButtonGroupProps } from "./types.js";
-
 //#region src/components/ButtonGroup/ButtonGroup.d.ts
-declare const ButtonGroup: ({
-  size,
-  theme,
-  children,
-  cssOverrides
-}: ButtonGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ButtonGroup: ({ size, theme, children, cssOverrides }: ButtonGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { ButtonGroup };

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

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentButtonGroup } from "../../styleD/build/typescript/component/buttonGroup.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/ButtonGroup/styles.d.ts
 type ButtonGroupTheme = Prettify<ComponentButtonGroup>;
 type PartialButtonGroupTheme = Prettify<DeepPartial<ButtonGroupTheme>>;

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

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentButtonGroup } from "../../styleD/build/typescript/component/buttonGroup.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/ButtonGroup/styles.d.ts
 type ButtonGroupTheme = Prettify<ComponentButtonGroup>;
 type PartialButtonGroupTheme = Prettify<DeepPartial<ButtonGroupTheme>>;

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

@@ -1,7 +1,6 @@
 import { DefaultPropsWithChildren } from "../../util/types.cjs";
 import { ButtonTheme } from "../Button/styles.cjs";
 import { ButtonGroupTheme } from "./styles.cjs";
-
 //#region src/components/ButtonGroup/types.d.ts
 type ButtonGroupProps = DefaultPropsWithChildren<ButtonGroupTheme> & {
   /**

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

@@ -1,7 +1,6 @@
 import { DefaultPropsWithChildren } from "../../util/types.js";
 import { ButtonTheme } from "../Button/styles.js";
 import { ButtonGroupTheme } from "./styles.js";
-
 //#region src/components/ButtonGroup/types.d.ts
 type ButtonGroupProps = DefaultPropsWithChildren<ButtonGroupTheme> & {
   /**

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

@@ -2,18 +2,27 @@ import { DeepPartial } from "../../util/types.cjs";
 import { ComponentByline } from "../../styleD/build/typescript/component/byline.cjs";
 import { BylineModel, TaggedContributor } from "./lib.cjs";
 import { FocusEventHandler } from "react";
-
 //#region src/components/Byline/Byline.d.ts
 type BylineProps = {
-  /** `theme` - Used to customise the look and feel of the Byline component */theme?: DeepPartial<ComponentByline>; /** `allowUntaggedContributors` - Whether to allow untagged contributors in the byline */
-  allowUntaggedContributors?: boolean; /** `contributorLimit` - Maximum number of tagged/untagged contributors allowed in the byline */
-  contributorLimit?: number; /** `enablePreview` - Whether to show the byline preview below the editor */
-  enablePreview?: boolean; /** `placeholder` - Placeholder text for the byline editor */
-  placeholder?: string; /** `initialValue` - Initial value for the byline editor */
-  initialValue?: BylineModel; /** `readOnly` - Whether the byline editor is in read-only mode */
-  readOnly?: boolean; /** `handleSave` - Callback function to handle saving the byline value */
-  handleSave: (newValue: BylineModel) => void; /** `searchContributors` - Function to search for contributors based on selected text, results will appear on the dropdown */
-  searchContributors?: (selectedText: string) => Promise<TaggedContributor[]>; /** `onBlur` - Optional blur event handler for the byline editor */
+  /** `theme` - Used to customise the look and feel of the Byline component */
+  theme?: DeepPartial<ComponentByline>;
+  /** `allowUntaggedContributors` - Whether to allow untagged contributors in the byline */
+  allowUntaggedContributors?: boolean;
+  /** `contributorLimit` - Maximum number of tagged/untagged contributors allowed in the byline */
+  contributorLimit?: number;
+  /** `enablePreview` - Whether to show the byline preview below the editor */
+  enablePreview?: boolean;
+  /** `placeholder` - Placeholder text for the byline editor */
+  placeholder?: string;
+  /** `initialValue` - Initial value for the byline editor */
+  initialValue?: BylineModel;
+  /** `readOnly` - Whether the byline editor is in read-only mode */
+  readOnly?: boolean;
+  /** `handleSave` - Callback function to handle saving the byline value */
+  handleSave: (newValue: BylineModel) => void;
+  /** `searchContributors` - Function to search for contributors based on selected text, results will appear on the dropdown */
+  searchContributors?: (selectedText: string) => Promise<TaggedContributor[]>;
+  /** `onBlur` - Optional blur event handler for the byline editor */
   onBlur?: FocusEventHandler<HTMLDivElement>;
 };
 /**
@@ -71,17 +80,6 @@ type BylineProps = {
  * The `ContentByline` component in `flexible-frontend` has a detailed example of how to use the `Byline` component from Stand.
  * See [ContentByline.tsx](https://github.com/guardian/flexible-content/blob/1d537615a18ae24a4a5410a3f945b2b9db1dbb47/flexible-frontend/src/app/components/furniture/content-byline/ContentByline.tsx#L72-L205).
  */
-declare const Byline: ({
-  theme,
-  allowUntaggedContributors,
-  contributorLimit,
-  enablePreview,
-  placeholder,
-  initialValue,
-  readOnly,
-  handleSave,
-  searchContributors,
-  onBlur
-}: BylineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Byline: ({ theme, allowUntaggedContributors, contributorLimit, enablePreview, placeholder, initialValue, readOnly, handleSave, searchContributors, onBlur }: BylineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Byline };

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

@@ -2,18 +2,27 @@ import { DeepPartial } from "../../util/types.js";
 import { ComponentByline } from "../../styleD/build/typescript/component/byline.js";
 import { BylineModel, TaggedContributor } from "./lib.js";
 import { FocusEventHandler } from "react";
-
 //#region src/components/Byline/Byline.d.ts
 type BylineProps = {
-  /** `theme` - Used to customise the look and feel of the Byline component */theme?: DeepPartial<ComponentByline>; /** `allowUntaggedContributors` - Whether to allow untagged contributors in the byline */
-  allowUntaggedContributors?: boolean; /** `contributorLimit` - Maximum number of tagged/untagged contributors allowed in the byline */
-  contributorLimit?: number; /** `enablePreview` - Whether to show the byline preview below the editor */
-  enablePreview?: boolean; /** `placeholder` - Placeholder text for the byline editor */
-  placeholder?: string; /** `initialValue` - Initial value for the byline editor */
-  initialValue?: BylineModel; /** `readOnly` - Whether the byline editor is in read-only mode */
-  readOnly?: boolean; /** `handleSave` - Callback function to handle saving the byline value */
-  handleSave: (newValue: BylineModel) => void; /** `searchContributors` - Function to search for contributors based on selected text, results will appear on the dropdown */
-  searchContributors?: (selectedText: string) => Promise<TaggedContributor[]>; /** `onBlur` - Optional blur event handler for the byline editor */
+  /** `theme` - Used to customise the look and feel of the Byline component */
+  theme?: DeepPartial<ComponentByline>;
+  /** `allowUntaggedContributors` - Whether to allow untagged contributors in the byline */
+  allowUntaggedContributors?: boolean;
+  /** `contributorLimit` - Maximum number of tagged/untagged contributors allowed in the byline */
+  contributorLimit?: number;
+  /** `enablePreview` - Whether to show the byline preview below the editor */
+  enablePreview?: boolean;
+  /** `placeholder` - Placeholder text for the byline editor */
+  placeholder?: string;
+  /** `initialValue` - Initial value for the byline editor */
+  initialValue?: BylineModel;
+  /** `readOnly` - Whether the byline editor is in read-only mode */
+  readOnly?: boolean;
+  /** `handleSave` - Callback function to handle saving the byline value */
+  handleSave: (newValue: BylineModel) => void;
+  /** `searchContributors` - Function to search for contributors based on selected text, results will appear on the dropdown */
+  searchContributors?: (selectedText: string) => Promise<TaggedContributor[]>;
+  /** `onBlur` - Optional blur event handler for the byline editor */
   onBlur?: FocusEventHandler<HTMLDivElement>;
 };
 /**
@@ -71,17 +80,6 @@ type BylineProps = {
  * The `ContentByline` component in `flexible-frontend` has a detailed example of how to use the `Byline` component from Stand.
  * See [ContentByline.tsx](https://github.com/guardian/flexible-content/blob/1d537615a18ae24a4a5410a3f945b2b9db1dbb47/flexible-frontend/src/app/components/furniture/content-byline/ContentByline.tsx#L72-L205).
  */
-declare const Byline: ({
-  theme,
-  allowUntaggedContributors,
-  contributorLimit,
-  enablePreview,
-  placeholder,
-  initialValue,
-  readOnly,
-  handleSave,
-  searchContributors,
-  onBlur
-}: BylineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Byline: ({ theme, allowUntaggedContributors, contributorLimit, enablePreview, placeholder, initialValue, readOnly, handleSave, searchContributors, onBlur }: BylineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Byline };

package/dist/components/Byline/lib.cjs

@@ -172,5 +172,7 @@ exports.addTaggedContributor = addTaggedContributor;
 exports.addUntaggedContributor = addUntaggedContributor;
 exports.convertBylineModelToNode = convertBylineModelToNode;
 exports.convertNodeToBylineModel = convertNodeToBylineModel;
+exports.detectNameInText = detectNameInText;
 exports.getCurrentText = getCurrentText;
 exports.hasHitContributorLimit = hasHitContributorLimit;
+exports.insertChip = insertChip;

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

@@ -1,3 +1,6 @@
+import "prosemirror-model";
+import "prosemirror-state";
+import "prosemirror-view";
 //#region src/components/Byline/lib.d.ts
 type TaggedContributor = {
   tagId: string;

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

@@ -1,4 +1,6 @@
+import "prosemirror-state";
 import { EditorView } from "prosemirror-view";
+import "prosemirror-model";
 //#region src/components/Byline/lib.d.ts
 type TaggedContributor = {
   tagId: string;

package/dist/components/Byline/lib.js

@@ -168,4 +168,4 @@ const convertNodeToBylineModel = (doc) => {
 	return model;
 };
 //#endregion
-export { addTaggedContributor, addUntaggedContributor, convertBylineModelToNode, convertNodeToBylineModel, getCurrentText, hasHitContributorLimit };
+export { addTaggedContributor, addUntaggedContributor, convertBylineModelToNode, convertNodeToBylineModel, detectNameInText, getCurrentText, hasHitContributorLimit, insertChip };

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

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

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

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