@arc-ui/components 12.0.0-alpha.0 → 12.0.0-beta.10

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

@@ -1,57 +1,56 @@
-import { loadingOptions } from "../Image";
 import React, { FC } from "react";
-import { BoxProps } from "../Box";
+import { type HeadingLevel } from "../Heading/Heading";
+import { type CardFooterProps } from "../CardFooter";
+import { MediaCardImage, MediaCardVideo } from "./types";
 /**
  * Use `MediaCard` to contain content and an image about a single subject.
  */
 export declare const MediaCard: FC<MediaCardProps>;
+type MediaCardIcon = "play" | "arrow";
 export interface MediaCardProps {
     /**
-     * Content of the MediaCard.
+     * Heading for the MediaCard.
      */
-    children: React.ReactNode;
+    heading: string;
     /**
-     * Footer Content of the MediaCard.
+     * Heading level for the MediaCard heading.
      */
-    cardFooter?: React.ReactNode;
+    headingLevel?: HeadingLevel;
     /**
-     * Add rounded corners to the MediaCard.
+     * Text content for the MediaCard
      */
-    isBorderRadius?: BoxProps["isBorderRadius"];
+    text?: string;
     /**
-     * The border width of the MediaCard.
+     * Uppercase label for the MediaCard.
      */
-    borderWidth?: BoxProps["borderWidth"];
+    label?: string;
     /**
-     * Box shadow for the MediaCard.
+     * Url for the MediaCard. Makes the whole card a link.
      */
-    elevationLevel?: BoxProps["elevationLevel"];
+    url?: string;
     /**
-     * Set MediaCard to fill parent element.
+     * Text to show adjacent to the cta, can be either a date or text. Its recommended to pass dates as Date objects so the component can render them correctly.
      */
-    isFullHeight?: boolean;
+    metaText?: CardFooterProps["metaText"];
     /**
-     * Background color for the MediaCard.
+     * MediaCard will have a contained look and feel with a white background if set to true.
      */
-    surface?: BoxProps["surface"];
+    isContained?: boolean;
     /**
-     * image src for the MediaCard.
+     * Image for video embed for the MediaCard. Supported video platforms are YouTube and Vimeo.
      */
-    imageSrc: string;
+    media: MediaCardImage | MediaCardVideo;
     /**
-     * image alt for the MediaCard.
+     * Icon for the MediaCard Cta button
      */
-    imageAlt?: string;
+    buttonIcon?: MediaCardIcon;
     /**
-     * Loading behaviour of the MediaCard.
+     * Sets a minimum height for the MediaCard.
      */
-    imageLoading?: (typeof loadingOptions)[number];
+    minHeight?: number;
     /**
-     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
+     * Click handler for the MediaCard. Only applied when a url is provided.
      */
-    imageSizes?: string;
-    /**
-     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    imageSrcSet?: string;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
 }
+export {};

package/dist/types/components/MediaCard/index.d.ts

@@ -1 +1 @@
-export { MediaCard } from "./MediaCard";
+export { MediaCard, type MediaCardProps } from "./MediaCard";

package/dist/types/components/MediaCard/types/index.d.ts

@@ -0,0 +1,2 @@
+export { type MediaCardImage } from "./media-card-image";
+export { type MediaCardVideo } from "./media-card-video";

package/dist/types/components/MediaCard/types/media-card-image.d.ts

@@ -0,0 +1,4 @@
+import { type ImageProps } from "src/components/Image/Image";
+export interface MediaCardImage extends Partial<Pick<ImageProps, "alt" | "loading" | "sizes" | "srcSet" | "width" | "height" | "fadeOnLoad">>, Pick<ImageProps, "src"> {
+    type: "img";
+}

package/dist/types/components/MediaCard/types/media-card-video.d.ts

@@ -0,0 +1,4 @@
+import { type VideoPlayerProps } from "src/components/VideoPlayer";
+export interface MediaCardVideo extends Partial<Omit<VideoPlayerProps, "url" | "title" | "description" | "transcriptLink" | "isSupportingTextHidden">>, Pick<VideoPlayerProps, "title" | "url" | "description"> {
+    type: "video";
+}

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

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
-import { ButtonProps } from "../Button/Button";
-/** Use `Modal` to focus a user's attention to an urgent or required prompt for interaction or input. */
+import { ButtonV2Props } from "../ButtonV2/ButtonV2";
+/** Use `Modal` to display information that needs immediate action from a user. */
 export declare const Modal: FC<ModalProps>;
 export interface ModalProps {
     /**
@@ -26,7 +26,7 @@ export interface ModalProps {
     /**
      * Configurable actions for the modal.
      */
-    actions?: Pick<ButtonProps, "form" | "type" | "fill" | "icon" | "iconPosition" | "href" | "id" | "label" | "onClick" | "isDisabled" | "ariaLabel" | "rel">[];
+    actions?: Pick<ButtonV2Props, "form" | "type" | "buttonStyle" | "icon" | "iconPosition" | "href" | "id" | "label" | "onClick" | "isLoading" | "ariaLabel" | "rel">[];
     /**
      * Function to be called when the modal has been requested to close by either the esc key being pressed, outside the dialog being clicked or the close button being clicked. The callback must set the open state of the modal to false. This function is ignored if the `role` prop is set to `alertdialog`. You can prevent this behavior with the `dialog` role by ommitting this prop.
      */

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

@@ -0,0 +1,5 @@
+import { FC } from "react";
+import { BannerProps } from "../Banner/Banner";
+export declare const PageBanner: FC<PageBannerProps>;
+export interface PageBannerProps extends Omit<BannerProps, "headingSize" | "additionalTopMargin"> {
+}

package/dist/types/components/PageBanner/index.d.ts

@@ -0,0 +1 @@
+export { PageBanner } from "./PageBanner";

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

@@ -1,6 +1,6 @@
 import { FC } from "react";
 /**
- * Use `Pagination` to navigate multiple pages.
+ * Use `Pagination` to navigate through multiple pages of content.
  */
 export declare const Pagination: FC<PaginationProps>;
 export interface PaginationProps {

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

@@ -1,27 +1,43 @@
-import { FC } from "react";
+import React, { FC } from "react";
 /**
- * Use `PaginationSimple` to navigate multiple pages.
+ * TODO! Revise method of aligning svg's
+ */
+/**
+ * Use `PaginationSimple` to navigate through multiple pages of content.
  */
 export declare const PaginationSimple: FC<PaginationSimpleProps>;
 export interface PaginationSimpleProps {
     /**
-     * hides prev button if true.
+     * hide buttons if true.
      */
-    hidePrev?: boolean;
+    hide?: {
+        first?: boolean;
+        prev?: boolean;
+        next?: boolean;
+        last?: boolean;
+    };
     /**
-     * hides next button if true.
+     * makes each button a link
      */
-    hideNext?: boolean;
+    hrefs?: {
+        first?: string;
+        prev?: string;
+        next?: string;
+        last?: string;
+    };
     /**
      * if true buttons will hug either edge of the parent element
      */
     isFluid?: boolean;
     /**
-     * Function to call when previous page is selected
+     * if true ellipsis will show in-between previous and next
+     */
+    /**
+     * Function to call when page is changed. This is called with type and event
      */
-    onPrevPage: () => void;
+    showEllipsis?: boolean;
     /**
-     * Function to call when next page is selected
+     * Function to call when page is changed. This is called with type and event
      */
-    onNextPage: () => void;
+    onPageChange?: (e: React.MouseEvent, type?: "prev" | "next" | "first" | "last") => void;
 }

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

@@ -25,5 +25,5 @@ export interface PosterProps {
      * The background surface colour to show behind the Poster content before it loads.
      * If using `overlay`, the gradient will match the surface.
      */
-    surface?: "darker" | "lighter";
+    surface?: "dark-neutral-02" | "light-neutral-01";
 }

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

@@ -1,6 +1,9 @@
 import { FC } from "react";
 import { ProgressBarState } from "./types/progress-bar-state";
 import { ProgressBarIcons } from "./types/progress-bar-icons";
+/**
+ * Use `ProgressBar` to show the progress of a specific task within a page.
+ */
 export declare const ProgressBar: FC<ProgressBarProps>;
 export interface ProgressBarProps {
     /**
@@ -39,6 +42,7 @@ export interface ProgressBarProps {
      * Action for the progress bar.
      */
     action?: {
+        autofocusOnMount?: boolean;
         text: string;
         action: () => void;
         icon?: ProgressBarIcons;

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

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from "react";
 import { ProgressStepperItem } from "./ProgressStepperItem/ProgressStepperItem";
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
+/** Use `ProgressStepper` to provide an overview of a series of steps in a digital journey. */
 export declare const ProgressStepper: FC<ProgressStepperProps> & {
     Item: typeof ProgressStepperItem;
 };
@@ -22,7 +22,7 @@ export interface ProgressStepperProps {
      */
     isFluid?: boolean;
     /**
-     * Determine if `<ProgressStepper.Item />` should be able to expand. This only is appliciable when direction is set to vertical
+     * <b>DEPRECATED</b>: This will be removed in a future release.
      */
     isExpandable?: boolean;
 }

package/dist/types/components/ProgressStepper/ProgressStepperItem/ProgressStepperItem.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-import { ProgressStatus } from "../progressStatus";
+import { type ProgressStatus } from "../progressStatus";
 export declare const ProgressStepperItem: FC<ProgressStepperItemProps>;
 export interface ProgressStepperItemProps {
     /**
@@ -27,10 +27,6 @@ export interface ProgressStepperItemProps {
      * Determine a direction for `<ProgressStepper.Item />`
      */
     direction?: "horizontal" | "vertical";
-    /**
-     * Determine the position of the step `<ProgressStepper.Item />`
-     */
-    position?: "first" | "middle" | "last";
     /**
      * Determine a status for `<ProgressStepper.Item />`
      */
@@ -44,11 +40,11 @@ export interface ProgressStepperItemProps {
      */
     isFluid?: boolean;
     /**
-     * Determine the context `<ProgressStepper.Item /> should b`
+     * Determine the context `<ProgressStepper.Item /> should be`
      */
     previousStep?: ProgressStatus;
     /**
-     * Determine if `<ProgressStepper.Item /> should have expandable content`
+     * DEPRECATED: Determine if `<ProgressStepper.Item /> should have expandable content`
      */
     isExpandable?: boolean;
     /**

package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Complete.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Complete: React.FC;

package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Current.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Current: React.FC;

package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Error.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Error: React.FC;

package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Warning.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Warning: React.FC;

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

@@ -1,27 +1,21 @@
-import { FC } from "react";
-/**
- * Radio Button component.
- */
-export declare const RadioButton: FC<RadioButtonProps>;
-export interface RadioButtonProps {
-    /**
-     * ID for the Radio Button.
-     */
+import React from "react";
+import { ContextProps } from "../context";
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
+interface RadioButtonProps {
     id: string;
-    /**
-     * Should the RadioButton be disabled?
-     */
+    label: string;
+    hideLabel?: boolean;
+    name: ContextProps["name"];
+    withMargin?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    value?: string;
     isDisabled?: boolean;
-    /**
-     * Helper text for the RadioButton, shown below the label.
-     */
     helper?: string;
-    /**
-     * Label for the RadioButton.
-     */
-    label: string;
-    /**
-     * Current value (controlled).
-     */
-    value: string;
+    labelSize?: ContextProps["labelSize"];
+    size?: ContextProps["size"];
+    radioButtonAlignment?: "top" | "center";
+    changeEvent?: ContextProps["changeEvent"];
+    blurEvent?: ContextProps["blurEvent"];
 }
+export {};

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

@@ -0,0 +1,36 @@
+import React from "react";
+/**
+ * Radio Button component.
+ */
+export declare const RadioButtonGroupInput: React.ForwardRefExoticComponent<RadioButtonGroupInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface RadioButtonGroupInputProps {
+    /**
+     * Determine the alignment the RadioButton.
+     *
+     */
+    radioButtonAlignment?: "top" | "center";
+    /**
+     * ID for the Radio Button.
+     */
+    id: string;
+    /**
+     * Should the RadioButton label be visually hidden? (it will still be announced by screen readers)
+     */
+    hideLabel?: boolean;
+    /**
+     * Should the RadioButton be disabled?
+     */
+    isDisabled?: boolean;
+    /**
+     * Helper text for the RadioButton, shown below the label.
+     */
+    helper?: string;
+    /**
+     * Label for the RadioButton.
+     */
+    label: string;
+    /**
+     * Current value (controlled).
+     */
+    value: string;
+}

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

@@ -0,0 +1 @@
+export { RadioButtonGroupInput } from "./RadioButtonGroupInput";

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

@@ -1,14 +1,14 @@
 import React, { FC } from "react";
 import { FormControlProps } from "../FormControl/FormControl";
-import { RadioButton } from "./RadioButton";
+import { RadioButtonGroupInput } from "./RadioButtonGroupInput";
 type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */
 export declare const RadioGroup: FC<RadioGroupProps> & {
-    RadioButton: typeof RadioButton;
+    RadioButton: typeof RadioButtonGroupInput;
 };
-export interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel" | "supplementaryInfo"> {
+export interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "supplementaryInfo" | "hideLabel"> {
     /**
      * Contents of the RadioGroup. Should only contain `RadioGroup.RadioButton`
      */
@@ -54,5 +54,13 @@ export interface RadioGroupProps extends Omit<FormControlProps, "children" | "el
      * Size of the RadioGroup.
      */
     size?: "s" | "l";
+    /**
+     * Error message for the RadioGroup.
+     */
+    errorMessage?: string;
+    /**
+     * Is RadioGroup required?
+     */
+    isRequired?: boolean;
 }
 export {};

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

@@ -1,6 +1,6 @@
 import React from "react";
 type EventType = React.ChangeEvent<HTMLInputElement>;
-type ContextProps = {
+export type ContextProps = {
     blurEvent: (event: EventType) => void;
     changeEvent: (event: EventType) => void;
     groupDisabled: boolean;

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

@@ -1 +1,2 @@
 export { RadioGroup } from "./RadioGroup";
+export { RadioButton } from "./RadioButton";

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

@@ -1,7 +1,8 @@
 import { FC } from "react";
 /**
- * Use `Rule` to display a horizontal rule.
+ * Use `Rule` to display a horizontal or vertical rule.
  */
 export declare const Rule: FC<RuleProps>;
 export interface RuleProps {
+    orientation?: "horizontal" | "vertical";
 }

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

@@ -3,22 +3,75 @@ import { FormControlProps } from "../FormControl/FormControl";
 /** Use `Select` to choose from a dropdown list of options. */
 export declare const Select: React.FC<SelectProps>;
 export interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel" | "supplementaryInfo"> {
+    /**
+     * Name for the Select.
+     */
     name: string;
+    /**
+     * Label for the Select.
+     */
     label: string;
+    /**
+     * Aria label for the Select.
+     */
     ariaLabel?: string;
+    /**
+     * Placeholder text for the Select.
+     */
     placeholder: string;
+    /**
+     * Options for the Select.
+     */
     options: {
         name: string;
         value: string;
     }[];
+    /**
+     * value for the Select. Passing a value makes the Select a controlled component.
+     */
+    value?: string;
+    /**
+     * error message for the Select.
+     */
     errorMessage?: string;
+    /**
+     * Default value for the Select.
+     */
     defaultValue?: string;
+    /**
+     * onChange handler for the Select.
+     */
     onChange?: (value: string) => void;
+    /**
+     * onBlur handler for the Select.
+     */
     onBlur?: (e: FocusEvent) => void;
+    /**
+     * onOpenChange handler for the Select.
+     */
     onOpenChange?: () => void;
+    /**
+     * select handler for the Select.
+     */
     selectSize?: "s" | "m" | "l";
+    /**
+     * Sets the Select to 100% width.
+     */
     isFluid?: boolean;
+    /**
+     * Sets the width of the Select.
+     */
+    width?: string;
+    /**
+     * Disables the Select.
+     */
     isDisabled?: boolean;
+    /**
+     * Sets the Select to be open by default.
+     */
     isDefaultOpen?: boolean;
+    /**
+     * Sets the Select to be open by default.
+     */
     isRequired?: boolean;
 }

package/dist/types/components/SiteFooter/index.d.ts

@@ -1,2 +1 @@
 export { SiteFooter } from "./SiteFooter";
-export { default as SiteFooterRehydrator } from "./SiteFooter.rehydrator";

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

@@ -0,0 +1,82 @@
+import React, { FC, ReactNode } from "react";
+import { subBrands } from "../BrandLogo/BrandLogo";
+import { Column } from "./components/Column";
+import { Item } from "./components/Item";
+import { ItemGroup } from "./components/ItemGroup";
+import { NavItem, NavItemWithSubNav } from "./components/NavItem";
+import { NodeItem } from "./components/NodeItem/NodeItem";
+import { SubNavItem } from "./components/SubNavItem";
+import { VerticalDivider } from "./components/VerticalDivider";
+declare const Context: React.Context<{
+    transparent: boolean;
+    menubarRef: React.MutableRefObject<HTMLUListElement> | null;
+}>;
+/**
+ * Use `SiteHeaderV2` to display brand logo and navigation at the top of a page.
+ */
+export declare const SiteHeaderV2: FC<SiteHeaderV2Props> & {
+    Column: typeof Column;
+    Item: typeof Item;
+    ItemGroup: typeof ItemGroup;
+    NavItem: typeof NavItem;
+    NodeItem: typeof NodeItem;
+    NavItemWithSubNav: typeof NavItemWithSubNav;
+    SubNavItem: typeof SubNavItem;
+    VerticalDivider: typeof VerticalDivider;
+};
+export declare function useHeaderV2Context(): {
+    transparent: boolean;
+    menubarRef: React.MutableRefObject<HTMLUListElement> | null;
+};
+export interface SiteHeaderV2Props {
+    /**
+     * Contents of the SiteHeaderV2. Must be SiteHeaderV2.NavItem or
+     * SiteHeaderV2.NavItemWithSubNav components.
+     */
+    children?: ReactNode;
+    /**
+     * Basket component for the SiteHeaderV2.
+     */
+    basket?: ReactNode;
+    /**
+     * Should account login links be included in the SiteHeaderV2?
+     */
+    hasLogin?: boolean;
+    /**
+     * Should the SiteHeaderV2 have a transparent background?
+     */
+    isTransparent?: boolean;
+    /**
+     * A URL to link to when SiteHeaderV2 logo is clicked or touched.
+     */
+    loginHref?: string;
+    /**
+     * A Function to run to when SiteHeaderV2 logo is clicked or touched.
+     */
+    logoOnClick?: () => void;
+    /**
+     * A Function to run to when SiteHeaderV2 login links are clicked or touched.
+     */
+    loginOnClick?: () => void;
+    /**
+     * Text to display in SiteHeaderV2 login links.
+     */
+    loginTitle?: string;
+    /**
+     * A URL to link to when the SiteHeaderV2 brand logo link is clicked or touched.
+     */
+    logoHref?: string;
+    /**
+     * Accessible text for the SiteHeaderV2 brand logo link.
+     */
+    logoLabel?: string;
+    /**
+     * Search component for the SiteHeaderV2.
+     */
+    search?: ReactNode;
+    /**
+     * Optional sub-brand variant. Only applies to BT.
+     */
+    subBrand?: (typeof subBrands)[number];
+}
+export { Context as SiteHeaderV2Context };

package/dist/types/components/{SiteHeader → SiteHeaderV2}/components/BackButton/BackButton.d.ts

@@ -2,4 +2,5 @@ import { FC } from "react";
 export declare const BackButton: FC<BackButtonProps>;
 export interface BackButtonProps {
     setOpen: (arg0: boolean) => any;
+    setOpenPanelOnFirstClick: (arg0: boolean) => any;
 }

package/dist/types/components/{SiteHeader → SiteHeaderV2}/components/Column/Column.d.ts

@@ -2,7 +2,7 @@ import { FC, ReactNode } from "react";
 export declare const Column: FC<ColumnProps>;
 export interface ColumnProps {
     /**
-     * Contents of the Column. Must be SiteHeader.ItemGroup components.
+     * Contents of the Column. Must be SiteHeaderV2.ItemGroup components.
      */
     children: ReactNode;
 }

package/dist/types/components/SiteHeaderV2/components/HorizontalPanel/HorizontalPanel.d.ts

@@ -0,0 +1,13 @@
+import React, { FC, ReactNode } from "react";
+export declare const HorizontalPanel: FC<PanelProps>;
+export interface PanelProps {
+    animation: boolean;
+    children: ReactNode;
+    navItemRef: React.MutableRefObject<HTMLElement> | null;
+    open: boolean;
+    setOpen: (arg0: boolean) => any;
+    subNavItemRef?: React.MutableRefObject<HTMLElement>;
+    subNavLink?: string;
+    title?: ReactNode;
+    withSubNav?: boolean;
+}

package/dist/types/components/SiteHeaderV2/components/HorizontalPanel/index.d.ts

@@ -0,0 +1 @@
+export { HorizontalPanel } from "./HorizontalPanel";

package/dist/types/components/{SiteHeader → SiteHeaderV2}/components/ItemGroup/ItemGroup.d.ts

@@ -5,6 +5,7 @@ export interface ItemGroupProps {
      * Contents of the ItemGroup. Must be Item components.
      */
     children: ReactNode;
+    subtitle?: string;
     /**
      * A top-level URL for the ItemGroup to link to.
      */

package/dist/types/components/SiteHeaderV2/components/ItemGroup/index.d.ts

@@ -0,0 +1 @@
+export { ItemGroup } from "./ItemGroup";