@guardian/stand 0.0.59 → 0.0.61

package/dist/components/Modal/Modal.d.ts

@@ -1,13 +1,7 @@
 import { DialogButtonsProps, DialogContentProps, DialogDismissProps, DialogHeaderProps, DialogProps, DialogTriggerProps, ModalProps } from "./types.js";
 import React from "react";
-
 //#region src/components/Modal/Modal.d.ts
-declare const Modal: ({
-  theme,
-  children,
-  cssOverrides,
-  ...props
-}: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Modal: ({ theme, children, cssOverrides, ...props }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 declare const DialogTrigger: (props: DialogTriggerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 interface DialogCompound {
   (props: DialogProps): React.ReactElement;

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

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentModal } from "../../styleD/build/typescript/component/modal.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Modal/styles.d.ts
 type ModalTheme = Prettify<Pick<ComponentModal, 'modal' | 'overlay'>>;
 type PartialModalTheme = Prettify<DeepPartial<ModalTheme>>;

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

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentModal } from "../../styleD/build/typescript/component/modal.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Modal/styles.d.ts
 type ModalTheme = Prettify<Pick<ComponentModal, 'modal' | 'overlay'>>;
 type PartialModalTheme = Prettify<DeepPartial<ModalTheme>>;

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

@@ -3,7 +3,6 @@ import { IconButtonProps } from "../IconButton/types.cjs";
 import { TypographyProps } from "../Typography/types.cjs";
 import { DialogTheme, ModalTheme } from "./styles.cjs";
 import { DialogProps, DialogTriggerProps, ModalOverlayProps } from "react-aria-components";
-
 //#region src/components/Modal/types.d.ts
 type ModalProps = DefaultProps<ModalTheme, ModalOverlayProps['className']> & ModalOverlayProps;
 type DialogProps$1 = DefaultProps<DialogTheme['container'], DialogProps['className']> & DialogProps;

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

@@ -3,7 +3,6 @@ import { IconButtonProps } from "../IconButton/types.js";
 import { TypographyProps } from "../Typography/types.js";
 import { DialogTheme, ModalTheme } from "./styles.js";
 import { DialogProps, DialogTriggerProps, ModalOverlayProps } from "react-aria-components";
-
 //#region src/components/Modal/types.d.ts
 type ModalProps = DefaultProps<ModalTheme, ModalOverlayProps['className']> & ModalOverlayProps;
 type DialogProps$1 = DefaultProps<DialogTheme['container'], DialogProps['className']> & DialogProps;

package/dist/components/RadioGroup/RadioGroup.cjs

@@ -3,7 +3,7 @@ const require_mergeDeep = require("../../util/mergeDeep.cjs");
 const require_Form = require("../Form/Form.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");
 let react_aria_components = require("react-aria-components");
 //#region src/components/RadioGroup/RadioGroup.tsx

package/dist/components/RadioGroup/RadioGroup.d.cts

@@ -1,20 +1,6 @@
 import { RadioGroupProps, RadioProps } from "./types.cjs";
-
 //#region src/components/RadioGroup/RadioGroup.d.ts
-declare function RadioGroup({
-  size,
-  orientation,
-  isInvalid,
-  theme,
-  children,
-  ...props
-}: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare function Radio({
-  theme,
-  size,
-  children,
-  isInvalid,
-  ...props
-}: RadioProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function RadioGroup({ size, orientation, isInvalid, theme, children, ...props }: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Radio({ theme, size, children, isInvalid, ...props }: RadioProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Radio, RadioGroup };

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,20 +1,6 @@
 import { RadioGroupProps, RadioProps } from "./types.js";
-
 //#region src/components/RadioGroup/RadioGroup.d.ts
-declare function RadioGroup({
-  size,
-  orientation,
-  isInvalid,
-  theme,
-  children,
-  ...props
-}: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare function Radio({
-  theme,
-  size,
-  children,
-  isInvalid,
-  ...props
-}: RadioProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function RadioGroup({ size, orientation, isInvalid, theme, children, ...props }: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Radio({ theme, size, children, isInvalid, ...props }: RadioProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Radio, RadioGroup };

package/dist/components/RadioGroup/styles.cjs

@@ -12,8 +12,8 @@ const radioGroupStyles = (theme, { size, orientation }) => {
 		margin-bottom: ${theme.shared.marginBottom};
 
 		${orientation === "horizontal" && _emotion_react.css`
-			flex-direction: ${theme.shared.orientation.horizontal.flexDirection};
-		`}
+				flex-direction: ${theme.shared.orientation.horizontal.flexDirection};
+			`}
 	`;
 };
 const radioStyles = (theme, { size, isInvalid }) => {

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

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

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

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

package/dist/components/RadioGroup/styles.js

@@ -12,8 +12,8 @@ const radioGroupStyles = (theme, { size, orientation }) => {
 		margin-bottom: ${theme.shared.marginBottom};
 
 		${orientation === "horizontal" && css`
-			flex-direction: ${theme.shared.orientation.horizontal.flexDirection};
-		`}
+				flex-direction: ${theme.shared.orientation.horizontal.flexDirection};
+			`}
 	`;
 };
 const radioStyles = (theme, { size, isInvalid }) => {

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

@@ -2,7 +2,6 @@ import { DefaultProps } from "../../util/types.cjs";
 import { FormInputContainerDefaultProps } from "../Form/types.cjs";
 import { RadioGroupTheme } from "./styles.cjs";
 import { RadioGroupProps, RadioProps } from "react-aria-components";
-
 //#region src/components/RadioGroup/types.d.ts
 type RadioGroupProps$1 = FormInputContainerDefaultProps<RadioGroupProps, RadioGroupTheme>;
 interface RadioProps$1 extends DefaultProps<RadioGroupTheme, RadioProps['className']>, RadioProps {

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

@@ -2,7 +2,6 @@ import { DefaultProps } from "../../util/types.js";
 import { FormInputContainerDefaultProps } from "../Form/types.js";
 import { RadioGroupTheme } from "./styles.js";
 import { RadioGroupProps, RadioProps } from "react-aria-components";
-
 //#region src/components/RadioGroup/types.d.ts
 type RadioGroupProps$1 = FormInputContainerDefaultProps<RadioGroupProps, RadioGroupTheme>;
 interface RadioProps$1 extends DefaultProps<RadioGroupTheme, RadioProps['className']>, RadioProps {

package/dist/components/Select/Select.cjs

@@ -4,7 +4,7 @@ const require_Icon = require("../Icon/Icon.cjs");
 const require_Form = require("../Form/Form.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");
 let react_aria_components = require("react-aria-components");
 //#region src/components/Select/Select.tsx

package/dist/components/Select/Select.d.cts

@@ -1,19 +1,6 @@
 import { OptionProps, SelectProps } from "./types.cjs";
-
 //#region src/components/Select/Select.d.ts
-declare function Option({
-  children,
-  theme,
-  id,
-  ...props
-}: OptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare function Select({
-  isInvalid,
-  theme,
-  placement,
-  shouldFlip,
-  children,
-  ...props
-}: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Option({ children, theme, id, ...props }: OptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Select({ isInvalid, theme, placement, shouldFlip, children, ...props }: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Option, Select };

package/dist/components/Select/Select.d.ts

@@ -1,19 +1,6 @@
 import { OptionProps, SelectProps } from "./types.js";
-
 //#region src/components/Select/Select.d.ts
-declare function Option({
-  children,
-  theme,
-  id,
-  ...props
-}: OptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare function Select({
-  isInvalid,
-  theme,
-  placement,
-  shouldFlip,
-  children,
-  ...props
-}: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Option({ children, theme, id, ...props }: OptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Select({ isInvalid, theme, placement, shouldFlip, children, ...props }: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Option, Select };

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

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentSelect } from "../../styleD/build/typescript/component/select.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Select/styles.d.ts
 type SelectTheme = Prettify<ComponentSelect>;
 type PartialSelectTheme = Prettify<DeepPartial<SelectTheme>>;

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

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentSelect } from "../../styleD/build/typescript/component/select.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Select/styles.d.ts
 type SelectTheme = Prettify<ComponentSelect>;
 type PartialSelectTheme = Prettify<DeepPartial<SelectTheme>>;

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

@@ -2,7 +2,6 @@ import { DefaultPropsWithChildren } from "../../util/types.cjs";
 import { FormInputContainerDefaultProps } from "../Form/types.cjs";
 import { SelectTheme } from "./styles.cjs";
 import { ListBoxItemProps, PopoverProps, SelectProps } from "react-aria-components";
-
 //#region src/components/Select/types.d.ts
 interface OptionProps extends DefaultPropsWithChildren<SelectTheme, ListBoxItemProps['className'], string>, Omit<ListBoxItemProps, 'children'> {}
 type SelectProps$1 = FormInputContainerDefaultProps<SelectProps<object, 'single' | 'multiple'> & {

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

@@ -2,7 +2,6 @@ import { DefaultPropsWithChildren } from "../../util/types.js";
 import { FormInputContainerDefaultProps } from "../Form/types.js";
 import { SelectTheme } from "./styles.js";
 import { ListBoxItemProps, PopoverProps, SelectProps } from "react-aria-components";
-
 //#region src/components/Select/types.d.ts
 interface OptionProps extends DefaultPropsWithChildren<SelectTheme, ListBoxItemProps['className'], string>, Omit<ListBoxItemProps, 'children'> {}
 type SelectProps$1 = FormInputContainerDefaultProps<SelectProps<object, 'single' | 'multiple'> & {

package/dist/components/Tabs/Tabs.cjs

@@ -3,7 +3,7 @@ const require_mergeDeep = require("../../util/mergeDeep.cjs");
 const require_Icon = require("../Icon/Icon.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");
 let react_aria_components = require("react-aria-components");
 //#region src/components/Tabs/Tabs.tsx

package/dist/components/Tabs/Tabs.d.cts

@@ -1,7 +1,6 @@
 import { TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabPanelsProps as TabPanelsProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1 } from "./types.cjs";
 import { Tab, TabList, TabPanel, TabPanels, Tabs } from "react-aria-components";
 import React from "react";
-
 //#region src/components/Tabs/Tabs.d.ts
 interface TabsCompound {
   (props: TabsProps$1): React.ReactElement<TabsProps$1, typeof Tabs>;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,7 +1,6 @@
 import { TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabPanelsProps as TabPanelsProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1 } from "./types.js";
 import React from "react";
 import { Tab, TabList, TabPanel, TabPanels, Tabs } from "react-aria-components";
-
 //#region src/components/Tabs/Tabs.d.ts
 interface TabsCompound {
   (props: TabsProps$1): React.ReactElement<TabsProps$1, typeof Tabs>;

package/dist/components/Tabs/styles.cjs

@@ -33,8 +33,8 @@ const tabStyles = (theme, { orientation, size, icon }) => {
 		padding: ${theme.shared.padding.top} ${theme.shared.padding.right}
 			${theme.shared.padding.bottom} ${theme.shared.padding.left};
 		${hasIcon && _emotion_react.css`
-			padding-right: ${theme.shared.padding.withIcon.right};
-		`}
+				padding-right: ${theme.shared.padding.withIcon.right};
+			`}
 		color: ${theme.shared.color};
 		${require_typography.convertTypographyToEmotionStringStyle(theme[size].typography)}
 
@@ -63,44 +63,44 @@ const tabStyles = (theme, { orientation, size, icon }) => {
 		}
 
 		${orientation === "horizontal" && _emotion_react.css`
-			border-right: ${theme.shared.border};
+				border-right: ${theme.shared.border};
 
-			&:first-child {
-				border-left: ${theme.shared.border};
-			}
+				&:first-child {
+					border-left: ${theme.shared.border};
+				}
 
-			&::after {
-				content: '';
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				right: 0;
-				height: ${theme.shared.selected.border.size};
-				background: transparent;
-			}
-		`}
+				&::after {
+					content: '';
+					position: absolute;
+					bottom: 0;
+					left: 0;
+					right: 0;
+					height: ${theme.shared.selected.border.size};
+					background: transparent;
+				}
+			`}
 
 		${orientation === "vertical" && _emotion_react.css`
-			border-bottom: ${theme.shared.border};
-			padding-right: ${theme.shared.padding.verticalRight};
-			${hasIcon && _emotion_react.css`
-				padding-right: ${theme.shared.padding.withIcon.verticalRight};
-			`}
+				border-bottom: ${theme.shared.border};
+				padding-right: ${theme.shared.padding.verticalRight};
+				${hasIcon && _emotion_react.css`
+						padding-right: ${theme.shared.padding.withIcon.verticalRight};
+					`}
 
-			&:first-child {
-				border-top: ${theme.shared.border};
-			}
+				&:first-child {
+					border-top: ${theme.shared.border};
+				}
 
-			&::after {
-				content: '';
-				position: absolute;
-				top: 0;
-				bottom: 0;
-				right: 0;
-				width: ${theme.shared.selected.border.size};
-				background: transparent;
-			}
-		`}
+				&::after {
+					content: '';
+					position: absolute;
+					top: 0;
+					bottom: 0;
+					right: 0;
+					width: ${theme.shared.selected.border.size};
+					background: transparent;
+				}
+			`}
 	`;
 };
 const defaultTabListTheme = require_tabs.componentTabs.tabList;

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

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentTabs } from "../../styleD/build/typescript/component/tabs.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Tabs/styles.d.ts
 type TabsTheme = Prettify<ComponentTabs['tabs']>;
 type PartialTabsTheme = DeepPartial<TabsTheme>;

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

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentTabs } from "../../styleD/build/typescript/component/tabs.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Tabs/styles.d.ts
 type TabsTheme = Prettify<ComponentTabs['tabs']>;
 type PartialTabsTheme = DeepPartial<TabsTheme>;

package/dist/components/Tabs/styles.js

@@ -33,8 +33,8 @@ const tabStyles = (theme, { orientation, size, icon }) => {
 		padding: ${theme.shared.padding.top} ${theme.shared.padding.right}
 			${theme.shared.padding.bottom} ${theme.shared.padding.left};
 		${hasIcon && css`
-			padding-right: ${theme.shared.padding.withIcon.right};
-		`}
+				padding-right: ${theme.shared.padding.withIcon.right};
+			`}
 		color: ${theme.shared.color};
 		${convertTypographyToEmotionStringStyle(theme[size].typography)}
 
@@ -63,44 +63,44 @@ const tabStyles = (theme, { orientation, size, icon }) => {
 		}
 
 		${orientation === "horizontal" && css`
-			border-right: ${theme.shared.border};
+				border-right: ${theme.shared.border};
 
-			&:first-child {
-				border-left: ${theme.shared.border};
-			}
+				&:first-child {
+					border-left: ${theme.shared.border};
+				}
 
-			&::after {
-				content: '';
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				right: 0;
-				height: ${theme.shared.selected.border.size};
-				background: transparent;
-			}
-		`}
+				&::after {
+					content: '';
+					position: absolute;
+					bottom: 0;
+					left: 0;
+					right: 0;
+					height: ${theme.shared.selected.border.size};
+					background: transparent;
+				}
+			`}
 
 		${orientation === "vertical" && css`
-			border-bottom: ${theme.shared.border};
-			padding-right: ${theme.shared.padding.verticalRight};
-			${hasIcon && css`
-				padding-right: ${theme.shared.padding.withIcon.verticalRight};
-			`}
+				border-bottom: ${theme.shared.border};
+				padding-right: ${theme.shared.padding.verticalRight};
+				${hasIcon && css`
+						padding-right: ${theme.shared.padding.withIcon.verticalRight};
+					`}
 
-			&:first-child {
-				border-top: ${theme.shared.border};
-			}
+				&:first-child {
+					border-top: ${theme.shared.border};
+				}
 
-			&::after {
-				content: '';
-				position: absolute;
-				top: 0;
-				bottom: 0;
-				right: 0;
-				width: ${theme.shared.selected.border.size};
-				background: transparent;
-			}
-		`}
+				&::after {
+					content: '';
+					position: absolute;
+					top: 0;
+					bottom: 0;
+					right: 0;
+					width: ${theme.shared.selected.border.size};
+					background: transparent;
+				}
+			`}
 	`;
 };
 const defaultTabListTheme = componentTabs.tabList;

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

@@ -2,7 +2,6 @@ import { DefaultPropsWithChildren } from "../../util/types.cjs";
 import { IconProps } from "../Icon/types.cjs";
 import { TabListTheme, TabPanelTheme, TabPanelsTheme, TabTheme, TabsTheme } from "./styles.cjs";
 import { TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps } from "react-aria-components";
-
 //#region src/components/Tabs/types.d.ts
 interface TabsProps$1 extends DefaultPropsWithChildren<TabsTheme, TabsProps['className']>, Omit<TabsProps, 'children'> {
   /**

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

@@ -2,7 +2,6 @@ import { DefaultPropsWithChildren } from "../../util/types.js";
 import { IconProps } from "../Icon/types.js";
 import { TabListTheme, TabPanelTheme, TabPanelsTheme, TabTheme, TabsTheme } from "./styles.js";
 import { TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps } from "react-aria-components";
-
 //#region src/components/Tabs/types.d.ts
 interface TabsProps$1 extends DefaultPropsWithChildren<TabsTheme, TabsProps['className']>, Omit<TabsProps, 'children'> {
   /**

package/dist/components/TagPicker/Autocomplete.d.cts

@@ -1,9 +1,9 @@
 import { DeepPartial } from "../../util/types.cjs";
 import { IconProps } from "../Icon/types.cjs";
+import "../../Icon.cjs";
 import { ComponentAutocomplete } from "../../styleD/build/typescript/component/autocomplete.cjs";
 import { SerializedStyles } from "@emotion/react";
 import { ReactElement, ReactNode } from "react";
-
 //#region src/components/TagPicker/Autocomplete.d.ts
 type AutocompleteOption = {
   id: number | string;
@@ -125,22 +125,6 @@ interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
  *
  * This is currently still in testing phase, so a production implementation is not yet available.
  */
-declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({
-  addSelection,
-  loading,
-  onTextInputChange,
-  options,
-  label,
-  placeholder,
-  disabled,
-  value,
-  'data-testid': dataTestId,
-  loadingIcon,
-  theme,
-  cssOverrides,
-  addFirstOnEnter,
-  symbol,
-  icon
-}: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, 'data-testid': dataTestId, loadingIcon, theme, cssOverrides, addFirstOnEnter, symbol, icon }: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
-export { Autocomplete };
+export { Autocomplete, AutocompleteOption, AutocompleteProps };

package/dist/components/TagPicker/Autocomplete.d.ts

@@ -1,9 +1,9 @@
 import { DeepPartial } from "../../util/types.js";
 import { IconProps } from "../Icon/types.js";
+import "../../Icon.js";
 import { ComponentAutocomplete } from "../../styleD/build/typescript/component/autocomplete.js";
 import { ReactElement, ReactNode } from "react";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TagPicker/Autocomplete.d.ts
 type AutocompleteOption = {
   id: number | string;
@@ -125,22 +125,6 @@ interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
  *
  * This is currently still in testing phase, so a production implementation is not yet available.
  */
-declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({
-  addSelection,
-  loading,
-  onTextInputChange,
-  options,
-  label,
-  placeholder,
-  disabled,
-  value,
-  'data-testid': dataTestId,
-  loadingIcon,
-  theme,
-  cssOverrides,
-  addFirstOnEnter,
-  symbol,
-  icon
-}: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, 'data-testid': dataTestId, loadingIcon, theme, cssOverrides, addFirstOnEnter, symbol, icon }: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
-export { Autocomplete };
+export { Autocomplete, AutocompleteOption, AutocompleteProps };