@wordpress/components 23.5.0 → 23.6.0

package/build-types/navigation/group/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { NavigationGroupProps } from '../types';
+export declare function NavigationGroup({ children, className, title, }: NavigationGroupProps): JSX.Element;
+export default NavigationGroup;
+//# sourceMappingURL=index.d.ts.map

package/build-types/navigation/group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/group/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAIrD,wBAAgB,eAAe,CAAE,EAChC,QAAQ,EACR,SAAS,EACT,KAAK,GACL,EAAE,oBAAoB,eA0CtB;AAED,eAAe,eAAe,CAAC"}

package/build-types/navigation/index.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import type { NavigationProps } from './types';
+/**
+ * Render a navigation list with optional groupings and hierarchy.
+ *
+ * @example
+ * ```jsx
+ * import {
+ *   __experimentalNavigation as Navigation,
+ *   __experimentalNavigationGroup as NavigationGroup,
+ *   __experimentalNavigationItem as NavigationItem,
+ *   __experimentalNavigationMenu as NavigationMenu,
+ * } from '@wordpress/components';
+ *
+ * const MyNavigation = () => (
+ *   <Navigation>
+ *     <NavigationMenu title="Home">
+ *       <NavigationGroup title="Group 1">
+ *         <NavigationItem item="item-1" title="Item 1" />
+ *         <NavigationItem item="item-2" title="Item 2" />
+ *       </NavigationGroup>
+ *       <NavigationGroup title="Group 2">
+ *         <NavigationItem
+ *           item="item-3"
+ *           navigateToMenu="category"
+ *           title="Category"
+ *         />
+ *       </NavigationGroup>
+ *     </NavigationMenu>
+ *
+ *     <NavigationMenu
+ *       backButtonLabel="Home"
+ *       menu="category"
+ *       parentMenu="root"
+ *       title="Category"
+ *     >
+ *       <NavigationItem badge="1" item="child-1" title="Child 1" />
+ *       <NavigationItem item="child-2" title="Child 2" />
+ *     </NavigationMenu>
+ *   </Navigation>
+ * );
+ * ```
+ */
+export declare function Navigation({ activeItem, activeMenu, children, className, onActivateMenu, }: NavigationProps): JSX.Element;
+export default Navigation;
+//# sourceMappingURL=index.d.ts.map

package/build-types/navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EACX,eAAe,EAEf,MAAM,SAAS,CAAC;AAIjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,UAAU,CAAE,EAC3B,UAAU,EACV,UAAsB,EACtB,QAAQ,EACR,SAAS,EACT,cAAqB,GACrB,EAAE,eAAe,eAoEjB;AAED,eAAe,UAAU,CAAC"}

package/build-types/navigation/item/base-content.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { NavigationItemBaseContentProps } from '../types';
+export default function NavigationItemBaseContent(props: NavigationItemBaseContentProps): JSX.Element;
+//# sourceMappingURL=base-content.d.ts.map

package/build-types/navigation/item/base-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-content.d.ts","sourceRoot":"","sources":["../../../src/navigation/item/base-content.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAE/D,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAChD,KAAK,EAAE,8BAA8B,eAsBrC"}

package/build-types/navigation/item/base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { NavigationItemBaseProps } from '../types';
+export default function NavigationItemBase(props: NavigationItemBaseProps): JSX.Element | null;
+//# sourceMappingURL=base.d.ts.map

package/build-types/navigation/item/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../src/navigation/item/base.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAIxD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,KAAK,EAAE,uBAAuB,sBAoBzE"}

package/build-types/navigation/item/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { NavigationItemProps } from '../types';
+export declare function NavigationItem(props: NavigationItemProps): JSX.Element | null;
+export default NavigationItem;
+//# sourceMappingURL=index.d.ts.map

package/build-types/navigation/item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/item/index.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIpD,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,sBAgFzD;AAED,eAAe,cAAc,CAAC"}

package/build-types/navigation/item/use-navigation-tree-item.d.ts

@@ -0,0 +1,3 @@
+import type { NavigationItemProps } from '../types';
+export declare const useNavigationTreeItem: (itemId: string, props: NavigationItemProps) => void;
+//# sourceMappingURL=use-navigation-tree-item.d.ts.map

package/build-types/navigation/item/use-navigation-tree-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-navigation-tree-item.d.ts","sourceRoot":"","sources":["../../../src/navigation/item/use-navigation-tree-item.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,qBAAqB,WACzB,MAAM,SACP,mBAAmB,SA6B1B,CAAC"}

package/build-types/navigation/menu/context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { NavigationMenuContext as NavigationMenuContextType } from '../types';
+export declare const NavigationMenuContext: import("react").Context<NavigationMenuContextType>;
+export declare const useNavigationMenuContext: () => NavigationMenuContextType;
+//# sourceMappingURL=context.d.ts.map

package/build-types/navigation/menu/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/navigation/menu/context.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,qBAAqB,IAAI,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAEnF,eAAO,MAAM,qBAAqB,oDAKjC,CAAC;AACF,eAAO,MAAM,wBAAwB,iCACD,CAAC"}

package/build-types/navigation/menu/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { NavigationMenuProps } from '../types';
+export declare function NavigationMenu(props: NavigationMenuProps): JSX.Element;
+export default NavigationMenu;
+//# sourceMappingURL=index.d.ts.map

package/build-types/navigation/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/menu/index.tsx"],"names":[],"mappings":";AAuBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eA0EzD;AAED,eAAe,cAAc,CAAC"}

package/build-types/navigation/menu/menu-title-search.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;
+//# sourceMappingURL=menu-title-search.d.ts.map

package/build-types/navigation/menu/menu-title-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-title-search.d.ts","sourceRoot":"","sources":["../../../src/navigation/menu/menu-title-search.tsx"],"names":[],"mappings":";;AAmGA,wBAAqD"}

package/build-types/navigation/menu/menu-title.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { NavigationMenuTitleProps } from '../types';
+export default function NavigationMenuTitle({ hasSearch, onSearch, search, title, titleAction, }: NavigationMenuTitleProps): JSX.Element | null;
+//# sourceMappingURL=menu-title.d.ts.map

package/build-types/navigation/menu/menu-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-title.d.ts","sourceRoot":"","sources":["../../../src/navigation/menu/menu-title.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAE,EAC5C,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,GACX,EAAE,wBAAwB,sBAsE1B"}

package/build-types/navigation/menu/search-no-results-found.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { NavigationSearchNoResultsFoundProps } from '../types';
+export default function NavigationSearchNoResultsFound({ search, }: NavigationSearchNoResultsFoundProps): JSX.Element | null;
+//# sourceMappingURL=search-no-results-found.d.ts.map

package/build-types/navigation/menu/search-no-results-found.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-no-results-found.d.ts","sourceRoot":"","sources":["../../../src/navigation/menu/search-no-results-found.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,UAAU,CAAC;AAEpE,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAE,EACvD,MAAM,GACN,EAAE,mCAAmC,sBAkBrC"}

package/build-types/navigation/menu/use-navigation-tree-menu.d.ts

@@ -0,0 +1,3 @@
+import type { NavigationMenuProps } from '../types';
+export declare const useNavigationTreeMenu: (props: NavigationMenuProps) => void;
+//# sourceMappingURL=use-navigation-tree-menu.d.ts.map

package/build-types/navigation/menu/use-navigation-tree-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-navigation-tree-menu.d.ts","sourceRoot":"","sources":["../../../src/navigation/menu/use-navigation-tree-menu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,qBAAqB,UAAY,mBAAmB,SAehE,CAAC"}

package/build-types/navigation/stories/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Navigation } from '..';
+import './style.css';
+declare const meta: ComponentMeta<typeof Navigation>;
+export default meta;
+export declare const _default: import("@storybook/react").ComponentStory<typeof Navigation>;
+export declare const controlledState: import("@storybook/react").ComponentStory<typeof Navigation>;
+export declare const groups: import("@storybook/react").ComponentStory<typeof Navigation>;
+export declare const search: import("@storybook/react").ComponentStory<typeof Navigation>;
+export declare const moreExamples: import("@storybook/react").ComponentStory<typeof Navigation>;
+export declare const hideIfEmpty: import("@storybook/react").ComponentStory<typeof Navigation>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/navigation/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAWhC,OAAO,aAAa,CAAC;AAErB,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,UAAU,CAsB3C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,8DAA0B,CAAC;AAChD,eAAO,MAAM,eAAe,8DAAkC,CAAC;AAC/D,eAAO,MAAM,MAAM,8DAAwB,CAAC;AAC5C,eAAO,MAAM,MAAM,8DAAyB,CAAC;AAC7C,eAAO,MAAM,YAAY,8DAA+B,CAAC;AACzD,eAAO,MAAM,WAAW,8DAA8B,CAAC"}

package/build-types/navigation/stories/utils/controlled-state.d.ts

@@ -0,0 +1,7 @@
+/**
+ * External dependencies
+ */
+import type { ComponentStory } from '@storybook/react';
+import { Navigation } from '../..';
+export declare const ControlledStateStory: ComponentStory<typeof Navigation>;
+//# sourceMappingURL=controlled-state.d.ts.map

package/build-types/navigation/stories/utils/controlled-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-state.d.ts","sourceRoot":"","sources":["../../../../src/navigation/stories/utils/controlled-state.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAE,OAAO,UAAU,CA+HnE,CAAC"}

package/build-types/navigation/stories/utils/default.d.ts

@@ -0,0 +1,10 @@
+/**
+ * External dependencies
+ */
+import type { ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Navigation } from '../..';
+export declare const DefaultStory: ComponentStory<typeof Navigation>;
+//# sourceMappingURL=default.d.ts.map

package/build-types/navigation/stories/utils/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../src/navigation/stories/utils/default.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOvD;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,eAAO,MAAM,YAAY,EAAE,cAAc,CAAE,OAAO,UAAU,CA0E3D,CAAC"}

package/build-types/navigation/stories/utils/group.d.ts

@@ -0,0 +1,10 @@
+/**
+ * External dependencies
+ */
+import type { ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Navigation } from '../..';
+export declare const GroupStory: ComponentStory<typeof Navigation>;
+//# sourceMappingURL=group.d.ts.map

package/build-types/navigation/stories/utils/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../src/navigation/stories/utils/group.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOvD;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKnC,eAAO,MAAM,UAAU,EAAE,cAAc,CAAE,OAAO,UAAU,CA0CzD,CAAC"}

package/build-types/navigation/stories/utils/hide-if-empty.d.ts

@@ -0,0 +1,10 @@
+/**
+ * External dependencies
+ */
+import type { ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Navigation } from '../..';
+export declare const HideIfEmptyStory: ComponentStory<typeof Navigation>;
+//# sourceMappingURL=hide-if-empty.d.ts.map

package/build-types/navigation/stories/utils/hide-if-empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-if-empty.d.ts","sourceRoot":"","sources":["../../../../src/navigation/stories/utils/hide-if-empty.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAE,OAAO,UAAU,CAyD/D,CAAC"}

package/build-types/navigation/stories/utils/more-examples.d.ts

@@ -0,0 +1,10 @@
+/**
+ * External dependencies
+ */
+import type { ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Navigation } from '../..';
+export declare const MoreExamplesStory: ComponentStory<typeof Navigation>;
+//# sourceMappingURL=more-examples.d.ts.map

package/build-types/navigation/stories/utils/more-examples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"more-examples.d.ts","sourceRoot":"","sources":["../../../../src/navigation/stories/utils/more-examples.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQvD;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKnC,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAE,OAAO,UAAU,CA6IhE,CAAC"}

package/build-types/navigation/stories/utils/search.d.ts

@@ -0,0 +1,10 @@
+/**
+ * External dependencies
+ */
+import type { ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Navigation } from '../..';
+export declare const SearchStory: ComponentStory<typeof Navigation>;
+//# sourceMappingURL=search.d.ts.map

package/build-types/navigation/stories/utils/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../src/navigation/stories/utils/search.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOvD;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAkBnC,eAAO,MAAM,WAAW,EAAE,cAAc,CAAE,OAAO,UAAU,CA2D1D,CAAC"}

package/build-types/navigation/styles/navigation-styles.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+export declare const NavigationUI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuUI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuBackButtonUI: import("@emotion/styled").StyledComponent<(import("../../button/types").ButtonProps & import("react").RefAttributes<any>) & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const MenuTitleUI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuTitleActionsUI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const MenuTitleSearchUI: import("@emotion/styled").StyledComponent<Pick<import("../../base-control/types").BaseControlProps, "help" | "label" | "__nextHasNoMarginBottom"> & {
+    hideLabelFromVision?: boolean | undefined;
+    onChange: (value: string) => void;
+    onClose?: (() => void) | undefined;
+    placeholder?: string | undefined;
+    value?: string | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "help" | "children" | "label" | "as" | "placeholder" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "onClose"> & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const GroupTitleUI: import("@emotion/styled").StyledComponent<Omit<import("../../text/types").Props, "size"> & {
+    level?: import("../../heading/types").HeadingSize | undefined;
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "weight" | "children" | "as" | "isBlock" | "align" | keyof import("react").RefAttributes<any> | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "variant" | "highlightWords" | "level"> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ItemBaseUI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const ItemUI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ItemIconUI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ItemBadgeUI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ItemTitleUI: import("@emotion/styled").StyledComponent<import("../../text/types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../../text/types").Props> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=navigation-styles.d.ts.map

package/build-types/navigation/styles/navigation-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-styles.d.ts","sourceRoot":"","sources":["../../../src/navigation/styles/navigation-styles.tsx"],"names":[],"mappings":";AAqBA,eAAO,MAAM,YAAY;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,MAAM;;;yGAiBlB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;UAiB5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAGvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;2GAoB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;UAwB7B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;UAaxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAoCtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;yGAYlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAGtB,CAAC;AAEF,eAAO,MAAM,WAAW;;;2GAkBvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAKvB,CAAC"}

package/build-types/navigation/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/navigation/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/test/index.tsx"],"names":[],"mappings":""}

package/build-types/navigation/types.d.ts

@@ -0,0 +1,267 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { ButtonProps } from '../button/types';
+type IfDiscriminantDefinedBothRequired<TDiscriminant, TOther> = {
+    [K in keyof (TDiscriminant & TOther)]: NonNullable<(TDiscriminant & TOther)[K]>;
+} | ({
+    [K in keyof TDiscriminant]?: never;
+} & {
+    [K in keyof TOther]?: TOther[K];
+});
+export type NavigationProps = {
+    /**
+     * The active item slug.
+     */
+    activeItem?: string;
+    /**
+     * The active menu slug.
+     *
+     * @default 'root'
+     */
+    activeMenu?: string;
+    /**
+     * The children components.
+     */
+    children?: React.ReactNode;
+    /**
+     * Optional classname for the component.
+     */
+    className?: string;
+    /**
+     * Callback used to sync the active menu between the external state
+     * and the Navigation's internal state.
+     */
+    onActivateMenu?: (activeMenuSlug: string) => void;
+};
+type _NavigationMenuSearchProps = IfDiscriminantDefinedBothRequired<{
+    /**
+     * When the `hasSearch` prop is `true`, this callback handles the search
+     * input's `onChange` event, making it controlled from the outside.
+     * When using this prop, the `search` prop should be also set.
+     */
+    onSearch: (searchString: string) => void;
+}, {
+    /**
+     * When the `hasSearch` is `true` and the `onSearch` prop is provided, this
+     * prop controls the value of the search input.
+     * Required when the `onSearch` prop is provided.
+     */
+    search: string;
+}>;
+export type NavigationMenuProps = _NavigationMenuSearchProps & {
+    /**
+     * The back button label used in nested menus.
+     * If not provided, the label will be inferred from the parent menu's title.
+     * If the parent menu's title is not available then it will default to "Back".
+     *
+     * @default parentMenuTitle ?? 'Back'
+     */
+    backButtonLabel?: string;
+    /**
+     * A callback to handle clicking on the back button.
+     * If this prop is provided then the back button will be shown.
+     */
+    onBackButtonClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * The children components.
+     */
+    children?: React.ReactNode;
+    /**
+     * Optional classname for the component.
+     */
+    className?: string;
+    /**
+     * When `true`, enables the search feature on the menu title.
+     */
+    hasSearch?: boolean;
+    /**
+     * Indicates whether the menu is empty or not. Used together with the
+     * `hideIfTargetMenuEmpty` prop of `NavigationItem`.
+     */
+    isEmpty?: boolean;
+    /**
+     * Indicates whether the search is debouncing or not. In case of `true`, the
+     * "No results found." text is omitted. Used to prevent showing the
+     * "No results found." text between debounced searches.
+     */
+    isSearchDebouncing?: boolean;
+    /**
+     * The unique identifier of the menu.
+     * The root menu can omit this prop, and it will default to "root".
+     * All other menus need to specify it.
+     *
+     * @default 'root'
+     */
+    menu?: string;
+    /**
+     * The parent menu slug; used by nested menus to indicate their parent menu.
+     */
+    parentMenu?: string;
+    /**
+     * The menu title. It's also the field used by the menu search function.
+     */
+    title?: string;
+    /**
+     * Use this prop to render additional actions in the menu title.
+     */
+    titleAction?: React.ReactNode;
+};
+export type NavigationGroupProps = {
+    /**
+     * Optional classname for the component.
+     */
+    className?: string;
+    /**
+     * The group title.
+     */
+    title?: string;
+    /**
+     * The children components.
+     */
+    children: React.ReactNode;
+};
+type _NavigationItemButtonProps = (ButtonProps & {
+    /**
+     * If set to `true` the menu item will only act as a text-only item,
+     * rather than a `<button />` or `<a />` element.
+     */
+    isText?: false;
+}) | {
+    /**
+     * If set to `true` the menu item will only act as a text-only item,
+     * rather than a `<button />` or `<a />` element.
+     */
+    isText: true;
+};
+export type NavigationItemBaseProps = {
+    /**
+     * The item badge content.
+     */
+    badge?: string | number;
+    /**
+     * The children components. When not specified, the item will render the
+     * default item UI.
+     */
+    children?: React.ReactNode;
+    /**
+     * Optional classname for the component.
+     */
+    className?: string;
+    /**
+     * If provided, causes the component to render an `<a />` element
+     * instead of a `<button />` element.
+     */
+    href?: string;
+    /**
+     * If no `children` are passed, this prop allows to specify a custom icon for
+     * the menu item.
+     */
+    icon?: JSX.Element;
+    /**
+     * The unique identifier of the item.
+     */
+    item?: string;
+    /**
+     * The child menu slug. If provided, clicking on the item will navigate
+     * to the target menu.
+     */
+    navigateToMenu?: string;
+    /**
+     * Indicates whether this item should be hidden if the menu specified in
+     * `navigateToMenu` is marked as empty in the `isEmpty` prop.
+     * Used together with the `isEmpty` prop of `NavigationMenu`.
+     */
+    hideIfTargetMenuEmpty?: boolean;
+    /**
+     * A callback to handle clicking on a menu item.
+     *
+     * @default noop
+     */
+    onClick?: React.MouseEventHandler;
+    /**
+     * The item title.
+     */
+    title?: string;
+};
+export type NavigationItemProps = _NavigationItemButtonProps & NavigationItemBaseProps;
+export type NavigationItemBaseContentProps = Pick<NavigationItemProps, 'badge' | 'title'>;
+export type NavigationBackButtonProps = {
+    /**
+     * The text displayed for the button
+     */
+    backButtonLabel?: string;
+    /**
+     * Optional classname for the component.
+     */
+    className?: string;
+    /**
+     * If provided, causes the component to render an `<a />` element
+     * instead of a `<button />` element.
+     */
+    href?: string;
+    /**
+     * Callback function called when the button is clicked.
+     */
+    onClick?: React.MouseEventHandler;
+    /**
+     * Id of the parent menu
+     */
+    parentMenu?: string;
+};
+export type NavigationMenuTitleSearchProps = Pick<NavigationMenuProps, 'onSearch' | 'search' | 'title'> & {
+    debouncedSpeak: (message: string, ariaLive?: 'off' | 'polite' | 'assertive') => void;
+    onCloseSearch: () => void;
+};
+export type NavigationMenuTitleProps = Pick<NavigationMenuProps, 'hasSearch' | 'onSearch' | 'search' | 'title' | 'titleAction'>;
+export type NavigationSearchNoResultsFoundProps = Pick<NavigationMenuProps, 'search'>;
+export type Item = Omit<NavigationItemBaseProps, 'children'> & {
+    /**
+     * The group id
+     */
+    group?: string;
+    /**
+     * The menu id
+     */
+    menu?: string;
+    /**
+     * True is the item is currently visible (ie. the item is part
+     * of the active menu, and — if there is a search query — its title
+     * matches the search query).
+     */
+    _isVisible: boolean;
+};
+export type Menu = Omit<NavigationMenuProps, 'children'> & {
+    menu: string;
+};
+export type NavigationGroupContext = {
+    /**
+     * The unique id of the group
+     */
+    group?: string;
+};
+export type NavigationMenuContext = {
+    menu?: string;
+    search?: string;
+};
+export type NavigationContext = {
+    activeItem?: string;
+    activeMenu: string;
+    setActiveMenu: (parentMenu: string, animationDirection?: 'left' | 'right') => void;
+    navigationTree: {
+        items: Record<string, Item>;
+        getItem: (itemId: string) => Item | undefined;
+        addItem: (itemId: string, itemProps: Item) => void;
+        removeItem: (itemId: string) => void;
+        menus: Record<string, Menu>;
+        getMenu: (menuId: string) => Menu | undefined;
+        addMenu: (menuId: string, menuProps: Menu) => void;
+        removeMenu: (menuId: string) => void;
+        childMenu: Record<string, string[]>;
+        traverseMenu: (startMenu: string, callback: (menuObject: Menu) => boolean | undefined) => void;
+        isMenuEmpty: (menuId: string) => boolean;
+    };
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/navigation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/navigation/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,KAAK,iCAAiC,CAAE,aAAa,EAAE,MAAM,IAG1D;KACE,CAAC,IAAI,MAAM,CAAE,aAAa,GAAG,MAAM,CAAE,GAAI,WAAW,CACrD,CAAE,aAAa,GAAG,MAAM,CAAE,CAAE,CAAC,CAAE,CAC/B;CACA,GAGD,CAAE;KACA,CAAC,IAAI,MAAM,aAAa,CAAE,CAAC,EAAE,KAAK;CACnC,GAAG;KACF,CAAC,IAAI,MAAM,MAAM,CAAE,CAAC,EAAE,MAAM,CAAE,CAAC,CAAE;CAClC,CAAE,CAAC;AAIP,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAE,cAAc,EAAE,MAAM,KAAM,IAAI,CAAC;CACpD,CAAC;AAGF,KAAK,0BAA0B,GAAG,iCAAiC,CAClE;IACC;;;;OAIG;IACH,QAAQ,EAAE,CAAE,YAAY,EAAE,MAAM,KAAM,IAAI,CAAC;CAC3C,EACD;IACC;;;;OAIG;IACH,MAAM,EAAE,MAAM,CAAC;CACf,CACD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,0BAA0B,GAAG;IAC9D;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAE,WAAW,CAAE,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,KAAK,0BAA0B,GAC5B,CAAE,WAAW,GAAG;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;CACd,CAAE,GACH;IACA;;;OAGG;IACH,MAAM,EAAE,IAAI,CAAC;CACZ,CAAC;AAEL,MAAM,MAAM,uBAAuB,GAAG;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,0BAA0B,GAC3D,uBAAuB,CAAC;AAEzB,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAChD,mBAAmB,EACnB,OAAO,GAAG,OAAO,CACjB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAChD,mBAAmB,EACnB,UAAU,GAAG,QAAQ,GAAG,OAAO,CAC/B,GAAG;IAEH,cAAc,EAAE,CACf,OAAO,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,KACrC,IAAI,CAAC;IACV,aAAa,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAC1C,mBAAmB,EACnB,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAC7D,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,IAAI,CACrD,mBAAmB,EACnB,QAAQ,CACR,CAAC;AAIF,MAAM,MAAM,IAAI,GAAG,IAAI,CAAE,uBAAuB,EAAE,UAAU,CAAE,GAAG;IAChE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG,IAAI,CAAE,mBAAmB,EAAE,UAAU,CAAE,GAAG;IAC5D,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CACd,UAAU,EAAE,MAAM,EAClB,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,KACjC,IAAI,CAAC;IAEV,cAAc,EAAE;QACf,KAAK,EAAE,MAAM,CAAE,MAAM,EAAE,IAAI,CAAE,CAAC;QAC9B,OAAO,EAAE,CAAE,MAAM,EAAE,MAAM,KAAM,IAAI,GAAG,SAAS,CAAC;QAChD,OAAO,EAAE,CAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,KAAM,IAAI,CAAC;QACrD,UAAU,EAAE,CAAE,MAAM,EAAE,MAAM,KAAM,IAAI,CAAC;QAEvC,KAAK,EAAE,MAAM,CAAE,MAAM,EAAE,IAAI,CAAE,CAAC;QAC9B,OAAO,EAAE,CAAE,MAAM,EAAE,MAAM,KAAM,IAAI,GAAG,SAAS,CAAC;QAChD,OAAO,EAAE,CAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,KAAM,IAAI,CAAC;QACrD,UAAU,EAAE,CAAE,MAAM,EAAE,MAAM,KAAM,IAAI,CAAC;QACvC,SAAS,EAAE,MAAM,CAAE,MAAM,EAAE,MAAM,EAAE,CAAE,CAAC;QACtC,YAAY,EAAE,CACb,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,CAAE,UAAU,EAAE,IAAI,KAAM,OAAO,GAAG,SAAS,KACjD,IAAI,CAAC;QACV,WAAW,EAAE,CAAE,MAAM,EAAE,MAAM,KAAM,OAAO,CAAC;KAC3C,CAAC;CACF,CAAC"}