@reapit/elements 5.0.0-beta.39 → 5.0.0-beta.41

package/dist/types/core/tooltip/get-tooltip-trigger-props.d.ts

@@ -0,0 +1,28 @@
+interface GetTooltipTriggerPropsInput {
+    /** The ID of the trigger element. This must match what is provided to the Tooltip component. */
+    id: string;
+    /** The ID of the tooltip element. This must match what is provided to the Tooltip component. */
+    tooltipId: string;
+    /**
+     * The purpose of the tooltip. Does it label the trigger, or does it describe it?
+     * Typically, tooltips will describe their trigger via `aria-describedby`. However, there are cases
+     * (like icon-only buttons) where they should label their trigger.
+     */
+    tooltipPurpose: 'label' | 'describe';
+}
+interface GetTooltipTriggerPropsOutput {
+    'aria-describedby'?: string;
+    'aria-labelledby'?: string;
+    id: string;
+}
+/**
+ * Generates appropriate ARIA attributes for tooltip trigger elements.
+ *
+ * This function returns the correct ARIA attributes to associate a trigger element
+ * (like a button) with its corresponding tooltip. It supports two modes:
+ * - 'describe': Uses `aria-describedby` for tooltips that provide additional description
+ * - 'label': Uses `aria-labelledby` for tooltips that serve as the primary label (e.g., icon-only buttons)
+ */
+export declare function getTooltipTriggerProps({ id, tooltipId, tooltipPurpose, }: GetTooltipTriggerPropsInput): GetTooltipTriggerPropsOutput;
+export {};
+//# sourceMappingURL=get-tooltip-trigger-props.d.ts.map

package/dist/types/core/tooltip/get-tooltip-trigger-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-tooltip-trigger-props.d.ts","sourceRoot":"/","sources":["core/tooltip/get-tooltip-trigger-props.ts"],"names":[],"mappings":"AAAA,UAAU,2BAA2B;IACnC,gGAAgG;IAChG,EAAE,EAAE,MAAM,CAAA;IACV,gGAAgG;IAChG,SAAS,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,cAAc,EAAE,OAAO,GAAG,UAAU,CAAA;CACrC;AAED,UAAU,4BAA4B;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,EAAE,EAAE,MAAM,CAAA;CACX;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,SAAS,EACT,cAAc,GACf,EAAE,2BAA2B,GAAG,4BAA4B,CAY5D"}

package/dist/types/core/tooltip/index.d.ts

@@ -1,4 +1,6 @@
+export * from './get-tooltip-trigger-props';
+export * from './is-tooltip-needed';
 export * from './styles';
 export * from './tooltip';
-export * from './use-tooltip';
+export * from './use-tooltip-controller';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/core/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,0BAA0B,CAAA"}

package/dist/types/core/tooltip/is-tooltip-needed.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Determines whether a tooltip should be displayed based on content truncation.
+ *
+ * @param truncationTargetId - The ID of the DOM element to check for text truncation
+ * @returns `true` if tooltip should be shown (content is truncated or fallback conditions apply), `false` otherwise
+ */
+export declare function isTooltipNeeded(truncationTargetId?: string): boolean;
+//# sourceMappingURL=is-tooltip-needed.d.ts.map

package/dist/types/core/tooltip/is-tooltip-needed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-tooltip-needed.d.ts","sourceRoot":"/","sources":["core/tooltip/is-tooltip-needed.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAepE"}

package/dist/types/core/tooltip/styles.d.ts

@@ -1,3 +1,2 @@
-export declare const ElTooltip: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElTooltipLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const elTooltip: import("@linaria/core").LinariaClassName;
 //# sourceMappingURL=styles.d.ts.map

package/dist/types/core/tooltip/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/tooltip/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,qKAoDrB,CAAA;AAED,eAAO,MAAM,cAAc,uKAE1B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/tooltip/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,0CAUrB,CAAA"}

package/dist/types/core/tooltip/tooltip.d.ts

@@ -1,11 +1,38 @@
-import { FC, HTMLAttributes } from 'react';
-import { PopoverPosition } from '../../helpers/calculatePopoverPosition';
-export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
-    label?: string;
-    description: string;
-    isVisible?: boolean;
-    maxWidth?: string;
-    position?: PopoverPosition;
+import { getTooltipTriggerProps } from './get-tooltip-trigger-props';
+import type { HTMLAttributes } from 'react';
+import type { PopoverPlacement } from '#src/utils/popover';
+type AttributesToOmit = 'role';
+export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, AttributesToOmit> {
+    /** The ID of the tooltip. */
+    id: string;
+    /** The maximum width of the menu. By default, the menu will be as wide as its widest item. */
+    maxWidth?: `--size-${string}`;
+    /** Where the popover should be placed relative to its anchor. */
+    placement?: PopoverPlacement;
+    /**
+     * The ID of the element described by this tooltip. When this element receives focus or is
+     * hovered by the mouse, the tooltip will be displayed.
+     */
+    triggerId: string;
+    /**
+     * The ID of element to measure for truncation. If supplied, the tooltip will only display
+     * if this element's content has been truncated.
+     */
+    truncationTargetId?: string;
 }
-export declare const Tooltip: FC<TooltipProps>;
+/**
+ * Tooltips are triggered on pointer hover or keyboard focus. They are used to provide additional information
+ * about an element. Tooltips leverage the
+ * [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) using `popover="hint"`, which
+ * falls back to `popover="manual"` in browsers that do not support it.
+ *
+ * Typically, tooltips are used to describe elements, but in some cases, like icon-only buttons, they can be used
+ * to label elements too. To assist with this, `Tooltip.getTooltipTriggerProps` can be used to set the correct
+ * ARIA attributes on the trigger based on the tooltip's purpose.
+ */
+export declare function Tooltip({ children, id, maxWidth, placement, triggerId, truncationTargetId, ...rest }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tooltip {
+    var getTriggerProps: typeof getTooltipTriggerProps;
+}
+export {};
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/types/core/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"/","sources":["core/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAExE,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC3B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkBpC,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"/","sources":["core/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAIpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAI1D,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAC1F,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;IAC7B,iEAAiE;IACjE,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,EAAE,EACF,QAAuB,EACvB,SAAiB,EACjB,SAAS,EACT,kBAAkB,EAClB,GAAG,IAAI,EACR,EAAE,YAAY,2CAoBd;yBA5Be,OAAO"}

package/dist/types/core/tooltip/tooltip.stories.d.ts

@@ -1,135 +1,47 @@
-import { Meta } from '@storybook/react-vite';
 import { Tooltip } from './tooltip';
-declare const meta: Meta<typeof Tooltip>;
-export default meta;
-/**
- * The Tooltip component is a lightweight UI element used to display contextual
- * information when a user hovers over or focuses on a target element.
- * In the default configuration, the tooltip provides a brief label and/or description,
- * positioned to the top relative to the target,
- * with customizable properties such as label, description, position, and maxWidth.
- *
- * The component utilizes the `useTooltip` hook, which simplifies the integration of tooltip behavior
- * by providing properties and methods required to manage the tooltip and its trigger seamlessly.
- *
- * The `useTooltip` hook provides two keys props:
- *
- * `getTriggerProps()`: Applied to the trigger element (e.g., a Button or an Icon, etc)
- * to bind the necessary event handlers for displaying the tooltip.
- *
- * `getTooltipProps()`: Applied to the Tooltip component to manage its visibility, positioning, and accessibility.
- *
- *
- * **Note**: The tooltip component ensures that the tooltip remains visible regardless of its
- * initially declared position.
- * If the tooltip overflows the viewport in any direction,
- * it automatically adjusts to stay visible inside the viewport.
- * This guarantees an optimal viewing experience without content being clipped or hidden.
- */
-export declare const BasicUsage: {
-    args: {
-        description: string;
-        label: string;
-    };
-    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        docs: {
-            source: {
-                code: string;
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof Tooltip;
+    argTypes: {
+        children: {
+            control: "text";
+        };
+        maxWidth: {
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
             };
         };
+        placement: {
+            control: "select";
+            options: string[];
+        };
     };
-};
-/**
- * The useTooltip hook provides an optional parameter.
- *
- * `truncationTargetId` **(Optional)**
- *
- * This optional parameter allows you to specify an ID for a target element that may have truncated text.
- * If provided, the tooltip will only appear when the text within the target element is truncated
- * (i.e., the content overflows the element's width).
- * When the text in the element specified by truncationTargetId is truncated,
- * the tooltip will be shown when the user interacts with the element (e.g., mouse hover, focus).
- * If the element's text is not truncated, the tooltip will not be displayed.
- *
- * Usage example:
- *
- * ```
- * const truncatedId = 'test-id' // can use useId() from react to get unique Id
- * const tooltip = useTooltip({ truncationTargetId: truncatedId })
- * ```
- *
- * To ensure the tooltip triggers correctly, you need to pass the `truncationTargetId` to the element
- * that will be responsible for showing the tooltip (trigger element).
- * This allows the hook to correctly detect when the text is truncated and display the tooltip.
- *
- *
-
- *
- * ```
- *
- * <div id={truncatedId}>Text will get truncated</div>
- * ```
- */
-export declare const ConditionalDisplay: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: (args: import("./tooltip").TooltipProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
-        docs: {
-            source: {
-                code: string;
-            };
-        };
+        layout: string;
     };
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;
 /**
- * Below is the UI representation for the tooltip component without the trigger.
+ * Tooltips can be positioned in different locations relative to their trigger element.
+ * The placement can be customized using the `placement` prop.
  */
-export declare const DisplayTooltipWithoutTrigger: {
-    args: {
-        description: string;
-        label: string;
-        position: string;
-        maxWidth: string;
-        isVisible: boolean;
-    };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        docs: {
-            canvas: {
-                sourceState: string;
-            };
-            story: {
-                inline: boolean;
-                iframeHeight: number;
-            };
-        };
-    };
-};
+export declare const Placement: Story;
 /**
- * This tooltip component ensures that the tooltip remains visible regardless of its initially declared position.
- * If the tooltip overflows the viewport in any direction,
- * it automatically adjusts to stay visible inside the viewport.
- * This guarantees an optimal viewing experience without content being clipped or hidden.
+ * Tooltips will grow to the width of their content, up to a default maximum of `--size-100` (400px).
+ * This maximum width can be overridden when required.
  */
-export declare const DynamicDisplayTooltipExample: {
-    args: {
-        description: string;
-        label: string;
-        position: string;
-        maxWidth: string;
-    };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        docs: {
-            canvas: {
-                sourceState: string;
-            };
-            story: {
-                inline: boolean;
-                iframeHeight: number;
-            };
-        };
-    };
-};
+export declare const MaxWidth: Story;
+/**
+ * In some cases, we only want the tooltip to display if some or all of the trigger's content is truncated.
+ * By specifying a `truncationTargetId`, the tooltip will only display on focus/hover if that targeted
+ * element's content is not fully visible.
+ */
+export declare const ConditionalDisplay: Story;
 //# sourceMappingURL=tooltip.stories.d.ts.map

package/dist/types/core/tooltip/tooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.stories.d.ts","sourceRoot":"/","sources":["core/tooltip/tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAG5C,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAKjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA2C9B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU;;;;;;mBAoBN,GAAG;;;;;;;;CAyBnB,CAAA;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;CAwF9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;CAuBxC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;CAoDxC,CAAA"}
+{"version":3,"file":"tooltip.stories.d.ts","sourceRoot":"/","sources":["core/tooltip/tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAGnC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAiEsB,CAAA;AAEhC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAgBhC,CAAA"}

package/dist/types/core/tooltip/use-tooltip-controller.d.ts

@@ -0,0 +1,21 @@
+interface UseTooltipControllerInput {
+    /** The ID of the tooltip element. Must be a popover (i.e. have the `popover` attribute). */
+    tooltipId: string;
+    /** The ID of the element for which the tooltip is displayed. */
+    triggerId: string;
+    /**
+     * The ID of the element to measure for truncation. When supplied, the tooltip will only be
+     * shown if this element is currently truncated.
+     */
+    truncationTargetId?: string;
+}
+/**
+ * A React hook that sets up tooltip behavior for an element (the "trigger") using the
+ * [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API).
+ * This hook automatically shows/hides a tooltip popover when the trigger element is:
+ * - Focused/blurred (for keyboard accessibility)
+ * - Hovered/unhovered (for mouse interaction)
+ */
+export declare function useTooltipController({ tooltipId, triggerId, truncationTargetId }: UseTooltipControllerInput): void;
+export {};
+//# sourceMappingURL=use-tooltip-controller.d.ts.map

package/dist/types/core/tooltip/use-tooltip-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tooltip-controller.d.ts","sourceRoot":"/","sources":["core/tooltip/use-tooltip-controller.ts"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,4FAA4F;IAC5F,SAAS,EAAE,MAAM,CAAA;IACjB,gEAAgE;IAChE,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,EAAE,yBAAyB,GAAG,IAAI,CA+ClH"}

package/dist/types/core/top-bar/main-nav/main-nav-menu-list-item.d.ts

@@ -9,6 +9,6 @@ interface TopBarMainNavMenuListItemProps extends ButtonHTMLAttributes<HTMLButton
  * A combination of a `TopBar.NavDropdownButton` and `Menu` that is contained within a list item (`<li>`) for
  * correct semantics and accessibility when used with `TopBar.MainNav`.
  */
-export declare function TopBarMainNavMenuListItem({ children, label, ...rest }: TopBarMainNavMenuListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopBarMainNavMenuListItem({ children, id, label, ...rest }: TopBarMainNavMenuListItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=main-nav-menu-list-item.d.ts.map

package/dist/types/core/top-bar/main-nav/main-nav-menu-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main-nav-menu-list-item.d.ts","sourceRoot":"/","sources":["core/top-bar/main-nav/main-nav-menu-list-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,UAAU,8BAA+B,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;CAC/B;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,8BAA8B,2CAerG"}
+{"version":3,"file":"main-nav-menu-list-item.d.ts","sourceRoot":"/","sources":["core/top-bar/main-nav/main-nav-menu-list-item.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,UAAU,8BAA+B,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;CAC/B;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,8BAA8B,2CAgBzG"}

package/dist/types/core/top-bar/main-nav/main-nav.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main-nav.stories.d.ts","sourceRoot":"/","sources":["core/top-bar/main-nav/main-nav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAc4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA"}
+{"version":3,"file":"main-nav.stories.d.ts","sourceRoot":"/","sources":["core/top-bar/main-nav/main-nav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAc4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAA"}

package/dist/types/core/top-bar/main-nav/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/top-bar/main-nav/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,+JAAe,CAAA;AAE3C,eAAO,MAAM,mBAAmB,yKAQ/B,CAAA;AAED,eAAO,MAAM,uBAAuB,qKAGnC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/top-bar/main-nav/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,+JAE3B,CAAA;AAED,eAAO,MAAM,mBAAmB,yKAQ/B,CAAA;AAED,eAAO,MAAM,uBAAuB,qKAGnC,CAAA"}

package/dist/types/core/top-bar/nav-dropdown-button/nav-dropdown-button.d.ts

@@ -1,9 +1,5 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 export interface TopBarNavDropdownButtonProps extends HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Whether the dropdown is expanded or not. This will typically be controlled by a `Menu.Trigger` component.
-     */
-    'aria-expanded': boolean;
     /**
      * The label of the dropdown button.
      */
@@ -20,5 +16,5 @@ export interface TopBarNavDropdownButtonProps extends HTMLAttributes<HTMLButtonE
  * is correctly wrapped by a list item (`<li>`) to ensure good semantics and accessibility when used with
  * `TopBar.MainNav`.
  */
-export declare function TopBarNavDropdownButton({ 'aria-expanded': ariaExpanded, children, ...rest }: TopBarNavDropdownButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopBarNavDropdownButton({ children, className, ...rest }: TopBarNavDropdownButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=nav-dropdown-button.d.ts.map

package/dist/types/core/top-bar/nav-dropdown-button/nav-dropdown-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-dropdown-button.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-dropdown-button/nav-dropdown-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,WAAW,4BAA6B,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACrF;;OAEG;IACH,eAAe,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,4BAA4B,2CAS9B"}
+{"version":3,"file":"nav-dropdown-button.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-dropdown-button/nav-dropdown-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,WAAW,4BAA6B,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACrF;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,4BAA4B,2CASrG"}

package/dist/types/core/top-bar/nav-dropdown-button/nav-dropdown-button.stories.d.ts

@@ -4,12 +4,6 @@ declare const meta: Meta<typeof TopBarNavDropdownButton>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Example: Story;
-/**
- * When the dropdown's menu is expanded, `aria-expanded` should be `true`. In this case, the button's chevron icon will
- * be rotated to visually communicate the "openness" of the menu. For accessible users, this is communicated via the
- * `aria-expanded` attribute itself.
- */
-export declare const Expanded: Story;
 /**
  * When there is not enough space to display the full label, it will not wrap to a new line; rather, it will overflow
  * its container. That said, author's should typically ensure nav items have enough space in the Top Bar. As the main

package/dist/types/core/top-bar/nav-dropdown-button/nav-dropdown-button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-dropdown-button.stories.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-dropdown-button/nav-dropdown-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,GAAG,CAAA;AAG3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAQ9C,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA"}
+{"version":3,"file":"nav-dropdown-button.stories.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-dropdown-button/nav-dropdown-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,GAAG,CAAA;AAG3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAQ9C,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA"}

package/dist/types/core/top-bar/nav-dropdown-button/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const ElTopBarNavDropdownButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const elTopBarNavDropdownButton: import("@linaria/core").LinariaClassName;
 export declare const ElTopBarNavDropdownButtonLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const ElTopBarNavDropdownButtonIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/types/core/top-bar/nav-dropdown-button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-dropdown-button/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,iLAmCrC,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAK1C,CAAA;AAED,eAAO,MAAM,6BAA6B,uKASzC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-dropdown-button/styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,yBAAyB,0CAmCrC,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAK1C,CAAA;AAED,eAAO,MAAM,6BAA6B,uKASzC,CAAA"}

package/dist/types/core/top-bar/nav-icon-item/__tests__/nav-icon-item-base.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nav-icon-item-base.test.d.ts.map

package/dist/types/core/top-bar/nav-icon-item/__tests__/nav-icon-item-base.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon-item-base.test.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-icon-item/__tests__/nav-icon-item-base.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/top-bar/nav-icon-item/index.d.ts

@@ -1,4 +1,4 @@
-export * from './nav-icon-item-anchor';
+export * from './nav-icon-item';
 export * from './nav-icon-item-button';
 export * from './nav-icon-item-base';
 export * from './styles';

package/dist/types/core/top-bar/nav-icon-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-icon-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-icon-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA"}

package/dist/types/core/top-bar/nav-icon-item/nav-icon-item-base.d.ts

@@ -1,13 +1,13 @@
-import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ReactNode } from 'react';
 interface TopBarNavIconItemCommonProps {
     hasBadge?: boolean;
     icon: ReactNode;
 }
-export interface TopBarNavIconItemAsAnchorProps extends TopBarNavIconItemCommonProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+export interface TopBarNavIconItemAsAnchorProps extends TopBarNavIconItemCommonProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
     'aria-label': string;
     as: 'a';
 }
-export interface TopBarNavIconItemAsButtonProps extends TopBarNavIconItemCommonProps, ButtonHTMLAttributes<HTMLButtonElement> {
+export interface TopBarNavIconItemAsButtonProps extends TopBarNavIconItemCommonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     'aria-label': string;
     as: 'button';
 }
@@ -16,6 +16,6 @@ export type TopBarNavIconItemBaseProps = TopBarNavIconItemAsAnchorProps | TopBar
  * A simple polymorphic icon-only nav item that can render as a button or link. It is used internally by the
  * `TopBar.NavIconItemAnchor` and `TopBar.NavIconItemButton` components and should not be used directly by consumers.
  */
-export declare function TopBarNavIconItemBase({ as: Element, className, icon, hasBadge, ...rest }: TopBarNavIconItemBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopBarNavIconItemBase({ 'aria-label': ariaLabel, as: Element, className, icon, id, hasBadge, ...rest }: TopBarNavIconItemBaseProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=nav-icon-item-base.d.ts.map

package/dist/types/core/top-bar/nav-icon-item/nav-icon-item-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-icon-item-base.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-icon-item/nav-icon-item-base.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElF,UAAU,4BAA4B;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,8BACf,SAAQ,4BAA4B,EAClC,oBAAoB,CAAC,iBAAiB,CAAC;IACzC,YAAY,EAAE,MAAM,CAAA;IACpB,EAAE,EAAE,GAAG,CAAA;CACR;AAED,MAAM,WAAW,8BACf,SAAQ,4BAA4B,EAClC,oBAAoB,CAAC,iBAAiB,CAAC;IACzC,YAAY,EAAE,MAAM,CAAA;IACpB,EAAE,EAAE,QAAQ,CAAA;CACb;AAED,MAAM,MAAM,0BAA0B,GAAG,8BAA8B,GAAG,8BAA8B,CAAA;AAExG;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,0BAA0B,2CASpH"}
+{"version":3,"file":"nav-icon-item-base.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-icon-item/nav-icon-item-base.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,KAAK,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnH,UAAU,4BAA4B;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,8BACf,SAAQ,4BAA4B,EAClC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC3D,YAAY,EAAE,MAAM,CAAA;IACpB,EAAE,EAAE,GAAG,CAAA;CACR;AAED,MAAM,WAAW,8BACf,SAAQ,4BAA4B,EAClC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC3D,YAAY,EAAE,MAAM,CAAA;IACpB,EAAE,EAAE,QAAQ,CAAA;CACb;AAED,MAAM,MAAM,0BAA0B,GAAG,8BAA8B,GAAG,8BAA8B,CAAA;AAExG;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EAAE,SAAS,EACvB,EAAE,EAAE,OAAO,EACX,SAAS,EACT,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,0BAA0B,2CAwB5B"}

package/dist/types/core/top-bar/nav-icon-item/nav-icon-item-button.d.ts

@@ -1,5 +1,5 @@
 import type { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
-export interface TopBarNavIconItemButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface TopBarNavIconItemButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     /** The accessible name of the nav icon item. */
     'aria-label': string;
     /** Optional badge to be displayed on the nav item */
@@ -7,7 +7,7 @@ export interface TopBarNavIconItemButtonProps extends ButtonHTMLAttributes<HTMLB
     /** The nav item's icon. */
     icon: ReactNode;
     /** The click handler for the nav item. */
-    onClick: MouseEventHandler<HTMLButtonElement>;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
 }
 /**
  * A simple icon-only button for use in the Top Bar's secondary navigation region. It will typically be used

package/dist/types/core/top-bar/nav-icon-item/nav-icon-item-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-icon-item-button.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-icon-item/nav-icon-item-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/E,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2BAA2B;IAC3B,IAAI,EAAE,SAAS,CAAA;IACf,0CAA0C;IAC1C,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC9C;AAED;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAE1E"}
+{"version":3,"file":"nav-icon-item-button.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-icon-item/nav-icon-item-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/E,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC7G,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2BAA2B;IAC3B,IAAI,EAAE,SAAS,CAAA;IACf,0CAA0C;IAC1C,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C;AAED;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAE1E"}

package/dist/types/core/top-bar/nav-icon-item/{nav-icon-item-anchor.d.ts → nav-icon-item.d.ts}

@@ -1,5 +1,5 @@
 import type { AnchorHTMLAttributes, ReactNode } from 'react';
-interface TopBarNavIconItemAnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+interface TopBarNavIconItemProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
     /** Whether the nav item represents the current page. */
     'aria-current': 'page' | false;
     /** The accessible name of the nav icon item. */
@@ -31,6 +31,6 @@ interface TopBarNavIconItemAnchorProps extends AnchorHTMLAttributes<HTMLAnchorEl
  * }
  * ```
  */
-export declare function TopBarNavIconItemAnchor(props: TopBarNavIconItemAnchorProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopBarNavIconItem(props: TopBarNavIconItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=nav-icon-item-anchor.d.ts.map
+//# sourceMappingURL=nav-icon-item.d.ts.map

package/dist/types/core/top-bar/nav-icon-item/nav-icon-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon-item.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-icon-item/nav-icon-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,UAAU,sBAAuB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAChG,wDAAwD;IACxD,cAAc,EAAE,MAAM,GAAG,KAAK,CAAA;IAC9B,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,IAAI,EAAE,SAAS,CAAA;CAChB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAE9D"}

package/dist/types/core/top-bar/nav-icon-item/{nav-icon-item-anchor.stories.d.ts → nav-icon-item.stories.d.ts}

@@ -1,8 +1,8 @@
-import { TopBarNavIconItemAnchor } from './nav-icon-item-anchor';
+import { TopBarNavIconItem } from './nav-icon-item';
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: typeof TopBarNavIconItemAnchor;
+    component: typeof TopBarNavIconItem;
     argTypes: {
         'aria-current': {
             control: "radio";
@@ -45,4 +45,4 @@ export declare const Selected: Story;
  * more unread notifications are available.
  */
 export declare const WithBadge: Story;
-//# sourceMappingURL=nav-icon-item-anchor.stories.d.ts.map
+//# sourceMappingURL=nav-icon-item.stories.d.ts.map

package/dist/types/core/top-bar/nav-icon-item/nav-icon-item.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon-item.stories.d.ts","sourceRoot":"/","sources":["core/top-bar/nav-icon-item/nav-icon-item.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAyBgC,CAAA;AAE1C,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA"}

package/dist/types/core/top-bar/secondary-nav/secondary-nav-list-item.d.ts

@@ -1,6 +1,6 @@
-import { TopBarNavIconItemAnchor } from '../nav-icon-item';
+import { TopBarNavIconItem } from '../nav-icon-item';
 import type { ComponentProps } from 'react';
-interface TopBarSecondaryNavListItemProps extends ComponentProps<typeof TopBarNavIconItemAnchor> {
+interface TopBarSecondaryNavListItemProps extends ComponentProps<typeof TopBarNavIconItem> {
 }
 /**
  * A thin wrapper around `TopBarNavIconItemAnchor` that ensures it is contained within a list item (`<li>`) for
@@ -8,6 +8,6 @@ interface TopBarSecondaryNavListItemProps extends ComponentProps<typeof TopBarNa
  *
  * All props are passed through to `TopBarNavIconItemAnchor`.
  */
-export declare function TopBarSecondaryNavListItem({ children, ...props }: TopBarSecondaryNavListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopBarSecondaryNavListItem(props: TopBarSecondaryNavListItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=secondary-nav-list-item.d.ts.map

package/dist/types/core/top-bar/secondary-nav/secondary-nav-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"secondary-nav-list-item.d.ts","sourceRoot":"/","sources":["core/top-bar/secondary-nav/secondary-nav-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,UAAU,+BAAgC,SAAQ,cAAc,CAAC,OAAO,uBAAuB,CAAC;CAAG;AAEnG;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,+BAA+B,2CAMjG"}
+{"version":3,"file":"secondary-nav-list-item.d.ts","sourceRoot":"/","sources":["core/top-bar/secondary-nav/secondary-nav-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,UAAU,+BAAgC,SAAQ,cAAc,CAAC,OAAO,iBAAiB,CAAC;CAAG;AAE7F;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,2CAMhF"}

package/dist/types/core/top-bar/secondary-nav/secondary-nav-menu-list-item.d.ts

@@ -10,6 +10,6 @@ interface TopBarSecondaryNavMenuListItemProps extends ButtonHTMLAttributes<HTMLB
  * A combination of a `TopBarNavIconItemButton` and `Menu` that is contained within a list item (`<li>`) for
  * correct semantics and accessibility when used with `TopBar.SecondaryNav`.
  */
-export declare function TopBarSecondaryNavMenuListItem({ 'aria-label': ariaLabel, children, icon, ...rest }: TopBarSecondaryNavMenuListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopBarSecondaryNavMenuListItem({ 'aria-label': ariaLabel, children, icon, id, ...rest }: TopBarSecondaryNavMenuListItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=secondary-nav-menu-list-item.d.ts.map

package/dist/types/core/top-bar/secondary-nav/secondary-nav-menu-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"secondary-nav-menu-list-item.d.ts","sourceRoot":"/","sources":["core/top-bar/secondary-nav/secondary-nav-menu-list-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,UAAU,mCAAoC,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;CAC/B;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,EAC7C,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,mCAAmC,2CAerC"}
+{"version":3,"file":"secondary-nav-menu-list-item.d.ts","sourceRoot":"/","sources":["core/top-bar/secondary-nav/secondary-nav-menu-list-item.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,UAAU,mCAAoC,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;CAC/B;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,EAC7C,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,GAAG,IAAI,EACR,EAAE,mCAAmC,2CAiBrC"}

package/dist/types/core/top-bar/secondary-nav/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/top-bar/secondary-nav/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,+JAAe,CAAA;AAEhD,eAAO,MAAM,wBAAwB,yKAQpC,CAAA;AAED,eAAO,MAAM,4BAA4B,qKAGxC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/top-bar/secondary-nav/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,+JAEhC,CAAA;AAED,eAAO,MAAM,wBAAwB,yKAQpC,CAAA;AAED,eAAO,MAAM,4BAA4B,qKAGxC,CAAA"}

package/dist/types/deprecated/avatar/__styles__/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["deprecated/avatar/__styles__/index.ts"],"names":[],"mappings":"AAGA,kBAAkB;AAClB,eAAO,MAAM,aAAa,0CAAQ,CAAA;AAElC,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,qKAwB9B,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,uBAAuB;;;;EAQnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["deprecated/avatar/__styles__/index.ts"],"names":[],"mappings":"AAGA,kBAAkB;AAClB,eAAO,MAAM,aAAa,0CAEzB,CAAA;AAED,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,qKAwB9B,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,uBAAuB;;;;EAQnC,CAAA"}

package/dist/types/deprecated/button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["deprecated/button/styles.ts"],"names":[],"mappings":"AAIA,kBAAkB;AAClB,eAAO,MAAM,2BAA2B,0CAAQ,CAAA;AAChD,kBAAkB;AAClB,eAAO,MAAM,4BAA4B,0CAAQ,CAAA;AACjD,kBAAkB;AAClB,eAAO,MAAM,2BAA2B,0CAAQ,CAAA;AAEhD,kBAAkB;AAClB,eAAO,MAAM,uBAAuB,0CAAQ,CAAA;AAC5C,kBAAkB;AAClB,eAAO,MAAM,gBAAgB,0CAAQ,CAAA;AACrC,kBAAkB;AAClB,eAAO,MAAM,0BAA0B,0CAAQ,CAAA;AAC/C,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,0CAAQ,CAAA;AAE9C,wDAAwD;AACxD,eAAO,MAAM,0BAA0B,0CAAQ,CAAA;AAC/C,kBAAkB;AAClB,eAAO,MAAM,gCAAgC,0CAAQ,CAAA;AACrD,kBAAkB;AAClB,eAAO,MAAM,iCAAiC,0CAAQ,CAAA;AACtD,kBAAkB;AAClB,eAAO,MAAM,kCAAkC,0CAAQ,CAAA;AAEvD,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,qKAqBrC,CAAA;AAoND,kBAAkB;AAClB,eAAO,MAAM,uBAAuB,uKAOnC,CAAA;AAGD,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,iLAO9B,CAAA;AAGD,kBAAkB;AAClB,eAAO,MAAM,wBAAwB,iLAEpC,CAAA;AAED,mBAAmB;AACnB,eAAO,MAAM,uBAAuB,qKAEnC,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,4BAA4B,qKA4BxC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["deprecated/button/styles.ts"],"names":[],"mappings":"AAIA,kBAAkB;AAClB,eAAO,MAAM,2BAA2B,0CAEvC,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,4BAA4B,0CAExC,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,2BAA2B,0CAEvC,CAAA;AAED,kBAAkB;AAClB,eAAO,MAAM,uBAAuB,0CAEnC,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,gBAAgB,0CAE5B,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,0BAA0B,0CAEtC,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,0CAErC,CAAA;AAED,wDAAwD;AACxD,eAAO,MAAM,0BAA0B,0CAEtC,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,gCAAgC,0CAE5C,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,iCAAiC,0CAE7C,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,kCAAkC,0CAE9C,CAAA;AAED,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,qKAqBrC,CAAA;AAoND,kBAAkB;AAClB,eAAO,MAAM,uBAAuB,uKAOnC,CAAA;AAGD,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,iLAO9B,CAAA;AAGD,kBAAkB;AAClB,eAAO,MAAM,wBAAwB,iLAEpC,CAAA;AAED,mBAAmB;AACnB,eAAO,MAAM,uBAAuB,qKAEnC,CAAA;AACD,kBAAkB;AAClB,eAAO,MAAM,4BAA4B,qKA4BxC,CAAA"}