@atlaskit/navigation-system 0.177.2 → 0.178.0

package/dist/types/ui/page-layout/hoist-slot-sizes-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Context for whether the slot sizes are to be hoisted to the document root.
  * It is set by consumers using a prop on the page layout `Root` element.

package/dist/types/ui/page-layout/hoist-utils.d.ts

@@ -19,6 +19,6 @@ export declare const HoistCssVarToLocalGrid: ({ variableName, value, }: {
 export declare const DangerouslyHoistCssVarToDocumentRoot: ({ variableName, value, mediaQuery, responsiveValue, }: {
     variableName: string;
     value: string | number;
-    mediaQuery?: MediaQuery | undefined;
-    responsiveValue?: string | number | undefined;
+    mediaQuery?: MediaQuery;
+    responsiveValue?: string | number;
 }) => React.JSX.Element;

package/dist/types/ui/page-layout/main/main-sticky-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Context for whether the main slot is sticky.
  */

package/dist/types/ui/page-layout/main/main.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { CommonSlotProps } from '../types';
 /**

package/dist/types/ui/page-layout/panel-splitter/get-width.d.ts

@@ -2,8 +2,8 @@ import type { DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/type
 export declare const getWidthFromDragLocation: ({ initialWidth, location, direction, position, }: {
     initialWidth: number;
     location: DragLocationHistory;
-    direction: 'ltr' | 'rtl';
-    position: 'start' | 'end';
+    direction: "ltr" | "rtl";
+    position: "start" | "end";
 }) => number;
 /**
  * Returns the computed width of an element in pixels.

package/dist/types/ui/page-layout/panel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { CommonSlotProps } from './types';
 /**

package/dist/types/ui/page-layout/side-nav/side-nav-footer.d.ts

@@ -15,5 +15,5 @@ export declare const SideNavFooter: ({ children, xcss, }: {
     /**
      * Bounded style overrides.
      */
-    xcss?: StrictXCSSProp<'backgroundColor', never>;
+    xcss?: StrictXCSSProp<"backgroundColor", never>;
 }) => JSX.Element;

package/dist/types/ui/page-layout/side-nav/side-nav.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonSlotProps } from '../types';
 import { type VisibilityCallback } from './use-side-nav-visibility-callbacks';
 type SideNavProps = CommonSlotProps & {

package/dist/types/ui/page-layout/side-nav/toggle-button-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Context for the side nav toggle button element.
  * Used to power the side nav flyout by allowing the side nav to bind event listeners to the button element.

package/dist/types/ui/page-layout/side-nav/toggle-button.d.ts

@@ -21,7 +21,7 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
      * __Note:__ If using this prop, ensure that it is also provided to the `SideNav` slot.
      * This is to ensure the state is in sync before post-SSR hydration.
      */
-    defaultCollapsed?: boolean | undefined;
+    defaultCollapsed?: boolean;
     /**
      * The label when the toggle button will expand the side nav.
      */
@@ -33,13 +33,13 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
     /**
      * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      */
-    testId?: string | undefined;
+    testId?: string;
     /**
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
-    interactionName?: string | undefined;
+    interactionName?: string;
     /**
      * The callback function that is called when the toggle button is clicked.
      */
-    onClick?: ((e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent, attributes?: SideNavVisibilityChangeAnalyticsAttributes) => void) | undefined;
+    onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent, attributes?: SideNavVisibilityChangeAnalyticsAttributes) => void;
 }) => JSX.Element;

package/dist/types/ui/page-layout/top-nav/top-nav.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import { type CustomTheme } from '../../top-nav-items/themed/get-custom-theme-styles';
 import type { CommonSlotProps } from '../types';

package/dist/types/ui/top-nav-items/chat-button.d.ts

@@ -13,13 +13,13 @@ export declare const ChatButton: ({ children, onClick, isSelected, interactionNa
     /**
      * Handler called on click.
      */
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     /**
      * Indicates that the button is selected.
      */
-    isSelected?: boolean | undefined;
+    isSelected?: boolean;
     /**
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
-    interactionName?: string | undefined;
+    interactionName?: string;
 }) => React.JSX.Element;

package/dist/types/ui/top-nav-items/nav-logo/app-logo.d.ts

@@ -33,5 +33,5 @@ export declare const AppLogo: ({ name, label, href, icon, onClick, }: {
     /**
      * Handler called on click.
      */
-    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }) => JSX.Element;

package/dist/types/ui/top-nav-items/nav-logo/custom-logo.d.ts

@@ -33,5 +33,5 @@ export declare const CustomLogo: ({ href, logo, icon, onClick, label, }: {
     /**
      * Handler called on click.
      */
-    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }) => JSX.Element;

package/dist/types/ui/top-nav-items/search.d.ts

@@ -18,8 +18,8 @@ export declare const Search: ({ label, onClick, iconBefore: IconBefore, elemAfte
      * The icon component to render before the search input.
      */
     iconBefore?: React.ComponentType<NewIconProps & {
-        spacing: 'spacious';
-    }> | undefined;
+        spacing: "spacious";
+    }>;
     /**
      * The component to render after the search input.
      */
@@ -27,10 +27,10 @@ export declare const Search: ({ label, onClick, iconBefore: IconBefore, elemAfte
     /**
      * Handler called on click.
      */
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     /**
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
-    interactionName?: string | undefined;
-    'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
+    interactionName?: string;
+    "aria-haspopup"?: React.AriaAttributes["aria-haspopup"];
 }) => JSX.Element;

package/dist/types/ui/top-nav-items/themed/button.d.ts

@@ -88,7 +88,7 @@ export interface ThemedLinkButtonProps<RouterLinkConfig extends Record<string, a
  *
  * A themed link button for the top bar.
  */
-export declare const ThemedLinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedLinkButtonProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const ThemedLinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedLinkButtonProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
 /**
  * Props shared by `ThemedIconButtonProps` and `ThemedLinkIconButton`
  */
@@ -124,5 +124,5 @@ export interface ThemedLinkIconButtonProps<RouterLinkConfig extends Record<strin
  *
  * A themed link icon button for the top bar.
  */
-export declare const ThemedLinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedLinkIconButtonProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const ThemedLinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedLinkIconButtonProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
 export {};

package/dist/types/ui/top-nav-items/themed/has-custom-theme-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Context to let components know if a custom theme is being applied.
  */

package/dist/types/ui/top-nav-items/themed/use-custom-theme.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type CustomTheme } from './get-custom-theme-styles';
 type Result = {
     isEnabled: false;

package/dist/types-ts4.5/components/skip-links/skip-link.d.ts

@@ -12,5 +12,5 @@ import type { SkipLinkData } from '../../context/skip-links/types';
 export declare const SkipLink: ({ id, children, onBeforeNavigate, }: {
     id: string;
     children: ReactNode;
-    onBeforeNavigate?: SkipLinkData['onBeforeNavigate'];
+    onBeforeNavigate?: SkipLinkData["onBeforeNavigate"];
 }) => JSX.Element;

package/dist/types-ts4.5/components/skip-links/skip-links-container.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * A container element for the skip links
  * The default label will be used when the `skipLinksLabel` attribute is not
@@ -9,5 +8,5 @@
  */
 export declare const SkipLinksContainer: ({ label, testId }: {
     label: string;
-    testId?: string | undefined;
+    testId?: string;
 }) => JSX.Element | null;

package/dist/types-ts4.5/context/skip-links/skip-links-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type SkipLinkData } from './types';
 export type SkipLinksContextData = {
     registerSkipLink: (skipLinkData: SkipLinkData) => void;
@@ -20,4 +19,18 @@ export declare const useSkipLinkInternal: ({ id, label, listIndex, onBeforeNavig
 /**
  * Call `useSkipLink` to register a skip link for important elements on the page.
  */
-export declare const useSkipLink: (id: string, label: string, listIndex?: number) => void;
+export declare const useSkipLink: (
+/**
+ * The unique ID for the skip link.
+ * You can use the `useSkipLinkId` hook to generate a unique ID.
+ */
+id: string, 
+/**
+ * The label for the skip link.
+ */
+label: string, 
+/**
+ * You can optionally set the position of the skip link in the list of skip links.
+ * Positions are zero-indexed.
+ */
+listIndex?: number) => void;

package/dist/types-ts4.5/context/skip-links/skip-links-data-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type SkipLinkData } from './types';
 /**
  * Provides a way to store skip links

package/dist/types-ts4.5/context/top-nav-start/top-nav-start-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Context for the TopNavStart container element
  * Used to power the side nav flyout by allowing the side nav to bind event listeners to the element, so we can

package/dist/types-ts4.5/ui/menu-item/button-menu-item.d.ts

@@ -31,8 +31,8 @@ export type ButtonMenuItemProps = MenuItemLinkOrButtonCommonProps & {
  * A menu item button. It should be used within a `ul`, as it renders a list item.
  */
 export declare const ButtonMenuItem: React.ForwardRefExoticComponent<import("./types").MenuItemCommonProps & import("./types").MenuItemSlots & {
-    description?: string | undefined;
-    listItemRef?: React.Ref<HTMLDivElement> | undefined;
+    description?: string;
+    listItemRef?: React.Ref<HTMLDivElement>;
 } & {
     /**
      * We are not using a discriminated union to enforce that the `actions` and `actionsOnHover`
@@ -47,9 +47,9 @@ export declare const ButtonMenuItem: React.ForwardRefExoticComponent<import("./t
      *
      * The menu item will not be interactive and will not respond to hover or focus.
      */
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
     /**
      * Called when the user has clicked on the trigger content.
      */
-    onClick?: MenuItemOnClick<HTMLButtonElement> | undefined;
+    onClick?: MenuItemOnClick<HTMLButtonElement>;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/menu-item/container-avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ContainerAvatarProps = {
     /**
      * The source of the avatar image.

package/dist/types-ts4.5/ui/menu-item/drag-handle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxFrag
  * @jsxRuntime classic

package/dist/types-ts4.5/ui/menu-item/expandable-menu-item/expandable-menu-item-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type onExpansionToggle = (isExpanded: boolean) => void;
 /**
  * Whether all ancestor menu items of the current menu item are expanded. Used to know if the current menu item is
@@ -22,7 +21,7 @@ export declare const OnExpansionToggleContext: import("react").Context<onExpansi
  */
 export declare const LevelContext: import("react").Context<number>;
 export declare const useIsExpanded: () => boolean;
-export declare const useSetIsExpanded: () => (value: boolean) => void;
+export declare const useSetIsExpanded: () => ((value: boolean) => void);
 export declare const useOnExpansionToggle: () => onExpansionToggle | null;
 export declare const useLevel: () => number;
 /**

package/dist/types-ts4.5/ui/menu-item/expandable-menu-item/expandable-menu-item-level-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * A context for storing the level value of the ExpandableMenuItem.
  */

package/dist/types-ts4.5/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.d.ts

@@ -96,7 +96,7 @@ export declare const ExpandableMenuItemTrigger: React.ForwardRefExoticComponent<
     /**
      * Indicates that the menu item is selected.
      */
-    isSelected?: boolean | undefined;
+    isSelected?: boolean;
     /**
      * If provided, the chevron icon (expand/collapse symbol) will be rendered within a separate
      * icon button element. Clicking on this icon button will not trigger the `onClick` event. It
@@ -104,7 +104,7 @@ export declare const ExpandableMenuItemTrigger: React.ForwardRefExoticComponent<
      *
      * If a `href` is not provided, the chevron icon is rendered as part of the element.
      */
-    href?: string | undefined;
+    href?: string;
     /**
      * Called when the user has clicked on the trigger content.
      *
@@ -115,7 +115,7 @@ export declare const ExpandableMenuItemTrigger: React.ForwardRefExoticComponent<
      * If you need a callback for when the user expands or collapses the expandable, use
      * `onExpansionToggle` on the `ExpandableMenuItem` component instead.
      */
-    onClick?: ((event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent, analyticsAttributes: {
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent, analyticsAttributes: {
         isExpanded: boolean;
-    }) => void) | undefined;
-} & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    }) => void;
+} & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;

package/dist/types-ts4.5/ui/menu-item/flyout-menu-item/flyout-menu-item-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * __Is open context__
  *

package/dist/types-ts4.5/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.d.ts

@@ -78,9 +78,9 @@ export declare const FlyoutMenuItemTrigger: import("react").ForwardRefExoticComp
      *
      * If you are controlling the open state of the flyout menu, use this to update your state.
      */
-    onClick?: MenuItemOnClick<HTMLButtonElement> | undefined;
+    onClick?: MenuItemOnClick<HTMLButtonElement>;
     /**
      * Indicates that the menu item is selected.
      */
-    isSelected?: boolean | undefined;
+    isSelected?: boolean;
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/menu-item/link-menu-item.d.ts

@@ -1,8 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type Ref } from 'react';
 import type { RouterLinkComponentProps } from '@atlaskit/app-provider';
 import type { MenuItemLinkOrButtonCommonProps, MenuItemOnClick } from './types';
 export type LinkMenuItemProps<RouterLinkConfig extends Record<string, any> = never> = MenuItemLinkOrButtonCommonProps & RouterLinkComponentProps<RouterLinkConfig> & {
@@ -25,19 +20,19 @@ export type LinkMenuItemProps<RouterLinkConfig extends Record<string, any> = nev
  * A menu item link. It should be used within a `ul`.
  */
 export declare const LinkMenuItem: <RouterLinkConfig extends Record<string, any> = never>(props: import("./types").MenuItemCommonProps & import("./types").MenuItemSlots & {
-    description?: string | undefined;
-    listItemRef?: Ref<HTMLDivElement> | undefined;
+    description?: string;
+    listItemRef?: React.Ref<HTMLDivElement>;
 } & RouterLinkComponentProps<RouterLinkConfig> & {
     /**
      * The native `target` attribute for the anchor element.
      */
-    target?: string | undefined;
+    target?: HTMLAnchorElement["target"];
     /**
      * Whether the menu item is selected.
      */
-    isSelected?: boolean | undefined;
+    isSelected?: boolean;
     /**
      * Called when the user has clicked on the trigger content.
      */
-    onClick?: MenuItemOnClick<HTMLAnchorElement> | undefined;
-} & import("react").RefAttributes<HTMLAnchorElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    onClick?: MenuItemOnClick<HTMLAnchorElement>;
+} & import("react").RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;

package/dist/types-ts4.5/ui/menu-item/menu-item.d.ts

@@ -27,16 +27,21 @@ export declare const nestedOpenPopupCSSSelector = "&:has([aria-expanded=\"true\"
  * It contains a type argument `<T>`, to specify the type of the interactive element (`button` or `a`).
  * This can be inferred from the type of the `onClick` prop.
  */
-export declare const MenuItemBase: <T extends HTMLButtonElement | HTMLAnchorElement>(props: import("./types").MenuItemCommonProps & import("./types").MenuItemSlots & {
-    description?: string | undefined;
-    listItemRef?: React.Ref<HTMLDivElement> | undefined;
+export declare const MenuItemBase: <T extends HTMLAnchorElement | HTMLButtonElement>(props: import("./types").MenuItemCommonProps & import("./types").MenuItemSlots & {
+    description?: string;
+    listItemRef?: React.Ref<HTMLDivElement>;
 } & {
-    href?: string | Record<string, any> | undefined;
-    target?: string | undefined;
-    isDisabled?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    ariaControls?: string | undefined;
-    ariaExpanded?: boolean | undefined;
-    ariaHasPopup?: boolean | "dialog" | undefined;
+    /**
+     * ID attribute, passed to the interactive element (anchor/button). This is not publicly exposed, and is currently only
+     * used internally by `ExpandableMenuItemTrigger` for the `aria-labelledby` attribute.
+     */
+    id?: string;
+    href?: string | Record<string, any>;
+    target?: HTMLAnchorElement["target"];
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    ariaControls?: string;
+    ariaExpanded?: boolean;
+    ariaHasPopup?: boolean | "dialog";
     onClick?: MenuItemOnClick<T> | undefined;
-} & React.RefAttributes<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+} & React.RefAttributes<T>) => React.ReactElement | null;

package/dist/types-ts4.5/ui/menu-item/menu-list-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * __Menu list item__
  *
@@ -6,6 +5,6 @@
  */
 export declare const MenuListItem: import("react").ForwardRefExoticComponent<{
     children: import("react").ReactNode;
-    testId?: string | undefined;
+    testId?: string;
     xcss?: import("@atlaskit/css").StrictXCSSProp<"display" | "scrollMarginInline", never>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/menu-item/menu-list.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ListProps } from '../../components/list';
 /**
  * __Menu list__

package/dist/types-ts4.5/ui/menu-item/top-level-spacer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/types-ts4.5/ui/menu-item/use-scroll-menu-item-into-view.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Scrolls the element into view once it is selected, and once all its ancestors (expandable
  * parent menu items) are expanded.

package/dist/types-ts4.5/ui/menu-section/divider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * __Divider__
  *

package/dist/types-ts4.5/ui/menu-section/menu-section-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Context for the current menu section. It holds a unique ID for the section, used for associating the section heading
  * as an accessible label for the group.

package/dist/types-ts4.5/ui/page-layout/aside.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { CommonSlotProps } from './types';
 /**

package/dist/types-ts4.5/ui/page-layout/banner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { CommonSlotProps } from './types';
 /**

package/dist/types-ts4.5/ui/page-layout/hoist-slot-sizes-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Context for whether the slot sizes are to be hoisted to the document root.
  * It is set by consumers using a prop on the page layout `Root` element.

package/dist/types-ts4.5/ui/page-layout/hoist-utils.d.ts

@@ -19,6 +19,6 @@ export declare const HoistCssVarToLocalGrid: ({ variableName, value, }: {
 export declare const DangerouslyHoistCssVarToDocumentRoot: ({ variableName, value, mediaQuery, responsiveValue, }: {
     variableName: string;
     value: string | number;
-    mediaQuery?: MediaQuery | undefined;
-    responsiveValue?: string | number | undefined;
+    mediaQuery?: MediaQuery;
+    responsiveValue?: string | number;
 }) => React.JSX.Element;

package/dist/types-ts4.5/ui/page-layout/main/main-sticky-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Context for whether the main slot is sticky.
  */

package/dist/types-ts4.5/ui/page-layout/main/main.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { CommonSlotProps } from '../types';
 /**

package/dist/types-ts4.5/ui/page-layout/panel-splitter/get-width.d.ts

@@ -2,8 +2,8 @@ import type { DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/type
 export declare const getWidthFromDragLocation: ({ initialWidth, location, direction, position, }: {
     initialWidth: number;
     location: DragLocationHistory;
-    direction: 'ltr' | 'rtl';
-    position: 'start' | 'end';
+    direction: "ltr" | "rtl";
+    position: "start" | "end";
 }) => number;
 /**
  * Returns the computed width of an element in pixels.

package/dist/types-ts4.5/ui/page-layout/panel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { CommonSlotProps } from './types';
 /**

package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-footer.d.ts

@@ -15,5 +15,5 @@ export declare const SideNavFooter: ({ children, xcss, }: {
     /**
      * Bounded style overrides.
      */
-    xcss?: StrictXCSSProp<'backgroundColor', never>;
+    xcss?: StrictXCSSProp<"backgroundColor", never>;
 }) => JSX.Element;

package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonSlotProps } from '../types';
 import { type VisibilityCallback } from './use-side-nav-visibility-callbacks';
 type SideNavProps = CommonSlotProps & {

package/dist/types-ts4.5/ui/page-layout/side-nav/toggle-button-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Context for the side nav toggle button element.
  * Used to power the side nav flyout by allowing the side nav to bind event listeners to the button element.

package/dist/types-ts4.5/ui/page-layout/side-nav/toggle-button.d.ts

@@ -21,7 +21,7 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
      * __Note:__ If using this prop, ensure that it is also provided to the `SideNav` slot.
      * This is to ensure the state is in sync before post-SSR hydration.
      */
-    defaultCollapsed?: boolean | undefined;
+    defaultCollapsed?: boolean;
     /**
      * The label when the toggle button will expand the side nav.
      */
@@ -33,13 +33,13 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
     /**
      * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      */
-    testId?: string | undefined;
+    testId?: string;
     /**
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
-    interactionName?: string | undefined;
+    interactionName?: string;
     /**
      * The callback function that is called when the toggle button is clicked.
      */
-    onClick?: ((e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent, attributes?: SideNavVisibilityChangeAnalyticsAttributes) => void) | undefined;
+    onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent, attributes?: SideNavVisibilityChangeAnalyticsAttributes) => void;
 }) => JSX.Element;

package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import { type CustomTheme } from '../../top-nav-items/themed/get-custom-theme-styles';
 import type { CommonSlotProps } from '../types';

package/dist/types-ts4.5/ui/top-nav-items/chat-button.d.ts

@@ -13,13 +13,13 @@ export declare const ChatButton: ({ children, onClick, isSelected, interactionNa
     /**
      * Handler called on click.
      */
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     /**
      * Indicates that the button is selected.
      */
-    isSelected?: boolean | undefined;
+    isSelected?: boolean;
     /**
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
-    interactionName?: string | undefined;
+    interactionName?: string;
 }) => React.JSX.Element;

package/dist/types-ts4.5/ui/top-nav-items/nav-logo/app-logo.d.ts

@@ -33,5 +33,5 @@ export declare const AppLogo: ({ name, label, href, icon, onClick, }: {
     /**
      * Handler called on click.
      */
-    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }) => JSX.Element;

package/dist/types-ts4.5/ui/top-nav-items/nav-logo/custom-logo.d.ts

@@ -33,5 +33,5 @@ export declare const CustomLogo: ({ href, logo, icon, onClick, label, }: {
     /**
      * Handler called on click.
      */
-    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }) => JSX.Element;