@wordpress/components 28.8.6 → 28.10.0

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

@@ -1,7 +1,173 @@
-export { NavigatorProvider } from './navigator-provider/component';
-export { NavigatorScreen } from './navigator-screen/component';
-export { NavigatorButton } from './navigator-button/component';
-export { NavigatorBackButton } from './navigator-back-button/component';
-export { NavigatorToParentButton } from './navigator-to-parent-button/component';
 export { useNavigator } from './use-navigator';
+/**
+ * The `Navigator` component allows rendering nested views/panels/menus
+ * (via the `Navigator.Screen` component) and navigate between them
+ * (via the `Navigator.Button` and `Navigator.BackButton` components).
+ *
+ * ```jsx
+ * import { Navigator } from '@wordpress/components';
+ *
+ * const MyNavigation = () => (
+ *   <Navigator initialPath="/">
+ *     <Navigator.Screen path="/">
+ *       <p>This is the home screen.</p>
+ *        <Navigator.Button path="/child">
+ *          Navigate to child screen.
+ *       </Navigator.Button>
+ *     </Navigator.Screen>
+ *
+ *     <Navigator.Screen path="/child">
+ *       <p>This is the child screen.</p>
+ *       <Navigator.BackButton>
+ *         Go back
+ *       </Navigator.BackButton>
+ *     </Navigator.Screen>
+ *   </Navigator>
+ * );
+ * ```
+ */
+export declare const Navigator: import("../context").WordPressComponent<"div", import("./types").NavigatorProps & import("react").RefAttributes<any>, true> & {
+    /**
+     * The `Navigator.Screen` component represents a single view/screen/panel and
+     * should be used in combination with the `Navigator`, the `Navigator.Button`
+     * and the `Navigator.BackButton` components.
+     *
+     * @example
+     * ```jsx
+     * import { Navigator } from '@wordpress/components';
+     *
+     * const MyNavigation = () => (
+     *   <Navigator initialPath="/">
+     *     <Navigator.Screen path="/">
+     *       <p>This is the home screen.</p>
+     *        <Navigator.Button path="/child">
+     *          Navigate to child screen.
+     *       </Navigator.Button>
+     *     </Navigator.Screen>
+     *
+     *     <Navigator.Screen path="/child">
+     *       <p>This is the child screen.</p>
+     *       <Navigator.BackButton>
+     *         Go back
+     *       </Navigator.BackButton>
+     *     </Navigator.Screen>
+     *   </Navigator>
+     * );
+     * ```
+     */
+    Screen: import("../context").WordPressComponent<"div", import("./types").NavigatorScreenProps & import("react").RefAttributes<any>, false> & {
+        displayName: string;
+    };
+    /**
+     * The `Navigator.Button` component can be used to navigate to a screen and
+     * should be used in combination with the `Navigator`, the `Navigator.Screen`
+     * and the `Navigator.BackButton` components.
+     *
+     * @example
+     * ```jsx
+     * import { Navigator } from '@wordpress/components';
+     *
+     * const MyNavigation = () => (
+     *   <Navigator initialPath="/">
+     *     <Navigator.Screen path="/">
+     *       <p>This is the home screen.</p>
+     *        <Navigator.Button path="/child">
+     *          Navigate to child screen.
+     *       </Navigator.Button>
+     *     </Navigator.Screen>
+     *
+     *     <Navigator.Screen path="/child">
+     *       <p>This is the child screen.</p>
+     *       <Navigator.BackButton>
+     *         Go back
+     *       </Navigator.BackButton>
+     *     </Navigator.Screen>
+     *   </Navigator>
+     * );
+     * ```
+     */
+    Button: import("../context").WordPressComponent<"button", {
+        __next40pxDefaultSize?: boolean;
+        accessibleWhenDisabled?: boolean;
+        children?: import("react").ReactNode;
+        description?: string;
+        icon?: import("../icon").Props["icon"];
+        iconPosition?: "left" | "right";
+        iconSize?: import("../icon").Props["size"];
+        isBusy?: boolean;
+        isDestructive?: boolean;
+        isPressed?: boolean;
+        label?: string;
+        shortcut?: string | {
+            display: string;
+            ariaLabel: string;
+        };
+        showTooltip?: boolean;
+        size?: "default" | "compact" | "small";
+        text?: string;
+        tooltipPosition?: import("../popover/types").PopoverProps["position"];
+        variant?: "primary" | "secondary" | "tertiary" | "link";
+    } & {
+        disabled?: boolean;
+    } & {
+        path: string;
+        attributeName?: string;
+    } & import("react").RefAttributes<any>, true> & {
+        displayName: string;
+    };
+    /**
+     * The `Navigator.BackButton` component can be used to navigate to a screen and
+     * should be used in combination with the `Navigator`, the `Navigator.Screen`
+     * and the `Navigator.Button` components.
+     *
+     * @example
+     * ```jsx
+     * import { Navigator } from '@wordpress/components';
+     *
+     * const MyNavigation = () => (
+     *   <Navigator initialPath="/">
+     *     <Navigator.Screen path="/">
+     *       <p>This is the home screen.</p>
+     *        <Navigator.Button path="/child">
+     *          Navigate to child screen.
+     *       </Navigator.Button>
+     *     </Navigator.Screen>
+     *
+     *     <Navigator.Screen path="/child">
+     *       <p>This is the child screen.</p>
+     *       <Navigator.BackButton>
+     *         Go back
+     *       </Navigator.BackButton>
+     *     </Navigator.Screen>
+     *   </Navigator>
+     * );
+     * ```
+     */
+    BackButton: import("../context").WordPressComponent<"button", {
+        __next40pxDefaultSize?: boolean;
+        accessibleWhenDisabled?: boolean;
+        children?: import("react").ReactNode;
+        description?: string;
+        icon?: import("../icon").Props["icon"];
+        iconPosition?: "left" | "right";
+        iconSize?: import("../icon").Props["size"];
+        isBusy?: boolean;
+        isDestructive?: boolean;
+        isPressed?: boolean;
+        label?: string;
+        shortcut?: string | {
+            display: string;
+            ariaLabel: string;
+        };
+        showTooltip?: boolean;
+        size?: "default" | "compact" | "small";
+        text?: string;
+        tooltipPosition?: import("../popover/types").PopoverProps["position"];
+        variant?: "primary" | "secondary" | "tertiary" | "link";
+    } & {
+        disabled?: boolean;
+    } & import("react").RefAttributes<any>, true> & {
+        displayName: string;
+    };
+};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigator/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;;;;IAIH;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIH;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;;;;;;;;;;;;;;;;;;;;;;;;;;;CAID,CAAC"}

package/build-types/navigator/legacy.d.ts

@@ -0,0 +1,226 @@
+export { useNavigator } from './use-navigator';
+/**
+ * The `NavigatorProvider` component allows rendering nested views/panels/menus
+ * (via the `NavigatorScreen` component and navigate between them
+ * (via the `NavigatorButton` and `NavigatorBackButton` components).
+ *
+ * ```jsx
+ * import {
+ *   __experimentalNavigatorProvider as NavigatorProvider,
+ *   __experimentalNavigatorScreen as NavigatorScreen,
+ *   __experimentalNavigatorButton as NavigatorButton,
+ *   __experimentalNavigatorBackButton as NavigatorBackButton,
+ * } from '@wordpress/components';
+ *
+ * const MyNavigation = () => (
+ *   <NavigatorProvider initialPath="/">
+ *     <NavigatorScreen path="/">
+ *       <p>This is the home screen.</p>
+ *        <NavigatorButton path="/child">
+ *          Navigate to child screen.
+ *       </NavigatorButton>
+ *     </NavigatorScreen>
+ *
+ *     <NavigatorScreen path="/child">
+ *       <p>This is the child screen.</p>
+ *       <NavigatorBackButton>
+ *         Go back
+ *       </NavigatorBackButton>
+ *     </NavigatorScreen>
+ *   </NavigatorProvider>
+ * );
+ * ```
+ */
+export declare const NavigatorProvider: import("../context").WordPressComponent<"div", import("./types").NavigatorProps & import("react").RefAttributes<any>, true> & {
+    displayName: string;
+};
+/**
+ * The `NavigatorScreen` component represents a single view/screen/panel and
+ * should be used in combination with the `NavigatorProvider`, the
+ * `NavigatorButton` and the `NavigatorBackButton` components.
+ *
+ * @example
+ * ```jsx
+ * import {
+ *   __experimentalNavigatorProvider as NavigatorProvider,
+ *   __experimentalNavigatorScreen as NavigatorScreen,
+ *   __experimentalNavigatorButton as NavigatorButton,
+ *   __experimentalNavigatorBackButton as NavigatorBackButton,
+ * } from '@wordpress/components';
+ *
+ * const MyNavigation = () => (
+ *   <NavigatorProvider initialPath="/">
+ *     <NavigatorScreen path="/">
+ *       <p>This is the home screen.</p>
+ *        <NavigatorButton path="/child">
+ *          Navigate to child screen.
+ *       </NavigatorButton>
+ *     </NavigatorScreen>
+ *
+ *     <NavigatorScreen path="/child">
+ *       <p>This is the child screen.</p>
+ *       <NavigatorBackButton>
+ *         Go back
+ *       </NavigatorBackButton>
+ *     </NavigatorScreen>
+ *   </NavigatorProvider>
+ * );
+ * ```
+ */
+export declare const NavigatorScreen: import("../context").WordPressComponent<"div", import("./types").NavigatorScreenProps & import("react").RefAttributes<any>, false> & {
+    displayName: string;
+};
+/**
+ * The `NavigatorButton` component can be used to navigate to a screen and should
+ * be used in combination with the `NavigatorProvider`, the `NavigatorScreen`
+ * and the `NavigatorBackButton` components.
+ *
+ * @example
+ * ```jsx
+ * import {
+ *   __experimentalNavigatorProvider as NavigatorProvider,
+ *   __experimentalNavigatorScreen as NavigatorScreen,
+ *   __experimentalNavigatorButton as NavigatorButton,
+ *   __experimentalNavigatorBackButton as NavigatorBackButton,
+ * } from '@wordpress/components';
+ *
+ * const MyNavigation = () => (
+ *   <NavigatorProvider initialPath="/">
+ *     <NavigatorScreen path="/">
+ *       <p>This is the home screen.</p>
+ *        <NavigatorButton path="/child">
+ *          Navigate to child screen.
+ *       </NavigatorButton>
+ *     </NavigatorScreen>
+ *
+ *     <NavigatorScreen path="/child">
+ *       <p>This is the child screen.</p>
+ *       <NavigatorBackButton>
+ *         Go back
+ *       </NavigatorBackButton>
+ *     </NavigatorScreen>
+ *   </NavigatorProvider>
+ * );
+ * ```
+ */
+export declare const NavigatorButton: import("../context").WordPressComponent<"button", {
+    __next40pxDefaultSize?: boolean;
+    accessibleWhenDisabled?: boolean;
+    children?: import("react").ReactNode;
+    description?: string;
+    icon?: import("../icon").Props["icon"];
+    iconPosition?: "left" | "right";
+    iconSize?: import("../icon").Props["size"];
+    isBusy?: boolean;
+    isDestructive?: boolean;
+    isPressed?: boolean;
+    label?: string;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    };
+    showTooltip?: boolean;
+    size?: "default" | "compact" | "small";
+    text?: string;
+    tooltipPosition?: import("../popover/types").PopoverProps["position"];
+    variant?: "primary" | "secondary" | "tertiary" | "link";
+} & {
+    disabled?: boolean;
+} & {
+    path: string;
+    attributeName?: string;
+} & import("react").RefAttributes<any>, true> & {
+    displayName: string;
+};
+/**
+ * The `NavigatorBackButton` component can be used to navigate to a screen and
+ * should be used in combination with the `NavigatorProvider`, the
+ * `NavigatorScreen` and the `NavigatorButton` components.
+ *
+ * @example
+ * ```jsx
+ * import {
+ *   __experimentalNavigatorProvider as NavigatorProvider,
+ *   __experimentalNavigatorScreen as NavigatorScreen,
+ *   __experimentalNavigatorButton as NavigatorButton,
+ *   __experimentalNavigatorBackButton as NavigatorBackButton,
+ * } from '@wordpress/components';
+ *
+ * const MyNavigation = () => (
+ *   <NavigatorProvider initialPath="/">
+ *     <NavigatorScreen path="/">
+ *       <p>This is the home screen.</p>
+ *        <NavigatorButton path="/child">
+ *          Navigate to child screen.
+ *       </NavigatorButton>
+ *     </NavigatorScreen>
+ *
+ *     <NavigatorScreen path="/child">
+ *       <p>This is the child screen.</p>
+ *       <NavigatorBackButton>
+ *         Go back (to parent)
+ *       </NavigatorBackButton>
+ *     </NavigatorScreen>
+ *   </NavigatorProvider>
+ * );
+ * ```
+ */
+export declare const NavigatorBackButton: import("../context").WordPressComponent<"button", {
+    __next40pxDefaultSize?: boolean;
+    accessibleWhenDisabled?: boolean;
+    children?: import("react").ReactNode;
+    description?: string;
+    icon?: import("../icon").Props["icon"];
+    iconPosition?: "left" | "right";
+    iconSize?: import("../icon").Props["size"];
+    isBusy?: boolean;
+    isDestructive?: boolean;
+    isPressed?: boolean;
+    label?: string;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    };
+    showTooltip?: boolean;
+    size?: "default" | "compact" | "small";
+    text?: string;
+    tooltipPosition?: import("../popover/types").PopoverProps["position"];
+    variant?: "primary" | "secondary" | "tertiary" | "link";
+} & {
+    disabled?: boolean;
+} & import("react").RefAttributes<any>, true> & {
+    displayName: string;
+};
+/**
+ * _Note: this component is deprecated. Please use the `NavigatorBackButton`
+ * component instead._
+ *
+ * @deprecated
+ */
+export declare const NavigatorToParentButton: import("../context").WordPressComponent<"button", {
+    __next40pxDefaultSize?: boolean;
+    accessibleWhenDisabled?: boolean;
+    children?: import("react").ReactNode;
+    description?: string;
+    icon?: import("../icon").Props["icon"];
+    iconPosition?: "left" | "right";
+    iconSize?: import("../icon").Props["size"];
+    isBusy?: boolean;
+    isDestructive?: boolean;
+    isPressed?: boolean;
+    label?: string;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    };
+    showTooltip?: boolean;
+    size?: "default" | "compact" | "small";
+    text?: string;
+    tooltipPosition?: import("../popover/types").PopoverProps["position"];
+    variant?: "primary" | "secondary" | "tertiary" | "link";
+} & {
+    disabled?: boolean;
+} & import("react").RefAttributes<any>, true> & {
+    displayName: string;
+};
+//# sourceMappingURL=legacy.d.ts.map

package/build-types/navigator/legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.d.ts","sourceRoot":"","sources":["../../src/navigator/legacy.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,iBAAiB;;CAE3B,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,eAAe;;CAEzB,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEzB,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAE7B,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;CAKnC,CAAC"}

package/build-types/navigator/navigator/component.d.ts

@@ -0,0 +1,3 @@
+import type { NavigatorProps } from '../types';
+export declare const Navigator: import("../../context").WordPressComponent<"div", NavigatorProps & import("react").RefAttributes<any>, true>;
+//# sourceMappingURL=component.d.ts.map

package/build-types/navigator/navigator/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator/component.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACX,cAAc,EAMd,MAAM,UAAU,CAAC;AAqQlB,eAAO,MAAM,SAAS,8GAAsD,CAAC"}

package/build-types/navigator/navigator-back-button/component.d.ts

@@ -1,37 +1,3 @@
-/**
- * The `NavigatorBackButton` component can be used to navigate to a screen and
- * should be used in combination with the `NavigatorProvider`, the
- * `NavigatorScreen` and the `NavigatorButton` components (or the `useNavigator`
- * hook).
- *
- * @example
- * ```jsx
- * import {
- *   __experimentalNavigatorProvider as NavigatorProvider,
- *   __experimentalNavigatorScreen as NavigatorScreen,
- *   __experimentalNavigatorButton as NavigatorButton,
- *   __experimentalNavigatorBackButton as NavigatorBackButton,
- * } from '@wordpress/components';
- *
- * const MyNavigation = () => (
- *   <NavigatorProvider initialPath="/">
- *     <NavigatorScreen path="/">
- *       <p>This is the home screen.</p>
- *        <NavigatorButton path="/child">
- *          Navigate to child screen.
- *       </NavigatorButton>
- *     </NavigatorScreen>
- *
- *     <NavigatorScreen path="/child">
- *       <p>This is the child screen.</p>
- *       <NavigatorBackButton>
- *         Go back (to parent)
- *       </NavigatorBackButton>
- *     </NavigatorScreen>
- *   </NavigatorProvider>
- * );
- * ```
- */
 export declare const NavigatorBackButton: import("../../context").WordPressComponent<"button", {
     __next40pxDefaultSize?: boolean;
     accessibleWhenDisabled?: boolean;
@@ -56,5 +22,4 @@ export declare const NavigatorBackButton: import("../../context").WordPressCompo
 } & {
     disabled?: boolean;
 } & import("react").RefAttributes<any>, true>;
-export default NavigatorBackButton;
 //# sourceMappingURL=component.d.ts.map

package/build-types/navigator/navigator-back-button/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/component.tsx"],"names":[],"mappings":"AAuBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;6CAG/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/component.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;6CAG/B,CAAC"}

package/build-types/navigator/navigator-button/component.d.ts

@@ -1,36 +1,3 @@
-/**
- * The `NavigatorButton` component can be used to navigate to a screen and should
- * be used in combination with the `NavigatorProvider`, the `NavigatorScreen`
- * and the `NavigatorBackButton` components (or the `useNavigator` hook).
- *
- * @example
- * ```jsx
- * import {
- *   __experimentalNavigatorProvider as NavigatorProvider,
- *   __experimentalNavigatorScreen as NavigatorScreen,
- *   __experimentalNavigatorButton as NavigatorButton,
- *   __experimentalNavigatorBackButton as NavigatorBackButton,
- * } from '@wordpress/components';
- *
- * const MyNavigation = () => (
- *   <NavigatorProvider initialPath="/">
- *     <NavigatorScreen path="/">
- *       <p>This is the home screen.</p>
- *        <NavigatorButton path="/child">
- *          Navigate to child screen.
- *       </NavigatorButton>
- *     </NavigatorScreen>
- *
- *     <NavigatorScreen path="/child">
- *       <p>This is the child screen.</p>
- *       <NavigatorBackButton>
- *         Go back
- *       </NavigatorBackButton>
- *     </NavigatorScreen>
- *   </NavigatorProvider>
- * );
- * ```
- */
 export declare const NavigatorButton: import("../../context").WordPressComponent<"button", {
     __next40pxDefaultSize?: boolean;
     accessibleWhenDisabled?: boolean;
@@ -58,5 +25,4 @@ export declare const NavigatorButton: import("../../context").WordPressComponent
     path: string;
     attributeName?: string;
 } & import("react").RefAttributes<any>, true>;
-export default NavigatorButton;
 //# sourceMappingURL=component.d.ts.map

package/build-types/navigator/navigator-button/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/component.tsx"],"names":[],"mappings":"AAuBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;6CAG3B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/component.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;6CAG3B,CAAC"}

package/build-types/navigator/navigator-screen/component.d.ts

@@ -1,38 +1,3 @@
 import type { NavigatorScreenProps } from '../types';
-/**
- * The `NavigatorScreen` component represents a single view/screen/panel and
- * should be used in combination with the `NavigatorProvider`, the
- * `NavigatorButton` and the `NavigatorBackButton` components (or the `useNavigator`
- * hook).
- *
- * @example
- * ```jsx
- * import {
- *   __experimentalNavigatorProvider as NavigatorProvider,
- *   __experimentalNavigatorScreen as NavigatorScreen,
- *   __experimentalNavigatorButton as NavigatorButton,
- *   __experimentalNavigatorBackButton as NavigatorBackButton,
- * } from '@wordpress/components';
- *
- * const MyNavigation = () => (
- *   <NavigatorProvider initialPath="/">
- *     <NavigatorScreen path="/">
- *       <p>This is the home screen.</p>
- *        <NavigatorButton path="/child">
- *          Navigate to child screen.
- *       </NavigatorButton>
- *     </NavigatorScreen>
- *
- *     <NavigatorScreen path="/child">
- *       <p>This is the child screen.</p>
- *       <NavigatorBackButton>
- *         Go back
- *       </NavigatorBackButton>
- *     </NavigatorScreen>
- *   </NavigatorProvider>
- * );
- * ```
- */
 export declare const NavigatorScreen: import("../../context").WordPressComponent<"div", NavigatorScreenProps & import("react").RefAttributes<any>, false>;
-export default NavigatorScreen;
 //# sourceMappingURL=component.d.ts.map

package/build-types/navigator/navigator-screen/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-screen/component.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAqHrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe,qHAG3B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-screen/component.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA8HrD,eAAO,MAAM,eAAe,qHAG3B,CAAC"}

package/build-types/navigator/navigator-screen/use-screen-animate-presence.d.ts

@@ -0,0 +1,16 @@
+export declare function useScreenAnimatePresence({ isMatch, skipAnimation, isBack, onAnimationEnd, }: {
+    isMatch: boolean;
+    skipAnimation: boolean;
+    isBack?: boolean;
+    onAnimationEnd?: React.AnimationEventHandler<Element>;
+}): {
+    readonly animationStyles: import("@emotion/utils").SerializedStyles;
+    readonly shouldRenderScreen: boolean;
+    readonly screenProps: {
+        readonly onAnimationEnd: (e: React.AnimationEvent<HTMLElement>) => void;
+        readonly 'data-animation-direction': "end" | "start";
+        readonly 'data-animation-type': "in" | "out" | undefined;
+        readonly 'data-skip-animation': true | undefined;
+    };
+};
+//# sourceMappingURL=use-screen-animate-presence.d.ts.map

package/build-types/navigator/navigator-screen/use-screen-animate-presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-screen-animate-presence.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-screen/use-screen-animate-presence.ts"],"names":[],"mappings":"AAkDA,wBAAgB,wBAAwB,CAAE,EACzC,OAAO,EACP,aAAa,EACb,MAAM,EACN,cAAc,GACd,EAAE;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAE,OAAO,CAAE,CAAC;CACxD;;;;qCAgDM,KAAK,CAAC,cAAc,CAAE,WAAW,CAAE;;;;;EAoEzC"}

package/build-types/navigator/navigator-to-parent-button/component.d.ts

@@ -1,7 +1,4 @@
 /**
- * _Note: this component is deprecated. Please use the `NavigatorBackButton`
- * component instead._
- *
  * @deprecated
  */
 export declare const NavigatorToParentButton: import("../../context").WordPressComponent<"button", {
@@ -28,5 +25,4 @@ export declare const NavigatorToParentButton: import("../../context").WordPressC
 } & {
     disabled?: boolean;
 } & import("react").RefAttributes<any>, true>;
-export default NavigatorToParentButton;
 //# sourceMappingURL=component.d.ts.map

package/build-types/navigator/navigator-to-parent-button/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-to-parent-button/component.tsx"],"names":[],"mappings":"AAyBA;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-to-parent-button/component.tsx"],"names":[],"mappings":"AAyBA;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;6CAGnC,CAAC"}

package/build-types/navigator/stories/index.story.d.ts

@@ -2,10 +2,10 @@
  * External dependencies
  */
 import type { Meta, StoryObj } from '@storybook/react';
-import { NavigatorProvider } from '..';
-declare const meta: Meta<typeof NavigatorProvider>;
+import { Navigator } from '../';
+declare const meta: Meta<typeof Navigator>;
 export default meta;
-export declare const Default: StoryObj<typeof NavigatorProvider>;
-export declare const WithNestedInitialPath: StoryObj<typeof NavigatorProvider>;
-export declare const SkipFocus: StoryObj<typeof NavigatorProvider>;
+export declare const Default: StoryObj<typeof Navigator>;
+export declare const WithNestedInitialPath: StoryObj<typeof Navigator>;
+export declare const SkipFocus: StoryObj<typeof Navigator>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/navigator/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/navigator/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EACN,iBAAiB,EAKjB,MAAM,IAAI,CAAC;AAGZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,iBAAiB,CAmCzC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,iBAAiB,CAoDvD,CAAC;AAmBF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAE,OAAO,iBAAiB,CAMrE,CAAC;AAwBF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAE,OAAO,iBAAiB,CAkCzD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/navigator/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,SAAS,EAAgB,MAAM,KAAK,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,SAAS,CAyCjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,SAAS,CAoD/C,CAAC;AAmBF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAE,OAAO,SAAS,CAM7D,CAAC;AAwBF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAE,OAAO,SAAS,CAmCjD,CAAC"}

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

@@ -1,9 +1,22 @@
-export declare const navigatorProviderWrapper: import("@emotion/utils").SerializedStyles;
-type NavigatorScreenAnimationProps = {
-    isInitial?: boolean;
-    isBack?: boolean;
-    isRTL: boolean;
+export declare const navigatorWrapper: import("@emotion/utils").SerializedStyles;
+export declare const slideFromRight: import("@emotion/serialize").Keyframes;
+export declare const slideToLeft: import("@emotion/serialize").Keyframes;
+export declare const slideFromLeft: import("@emotion/serialize").Keyframes;
+export declare const slideToRight: import("@emotion/serialize").Keyframes;
+export declare const TOTAL_ANIMATION_DURATION: {
+    IN: number;
+    OUT: number;
 };
-export declare const navigatorScreen: (props: NavigatorScreenAnimationProps) => import("@emotion/utils").SerializedStyles;
-export {};
+export declare const ANIMATION_END_NAMES: {
+    end: {
+        in: string;
+        out: string;
+    };
+    start: {
+        in: string;
+        out: string;
+    };
+};
+export declare const navigatorScreenAnimation: import("@emotion/utils").SerializedStyles;
+export declare const navigatorScreen: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/navigator/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,2CAQpC,CAAC;AAkBF,KAAK,6BAA6B,GAAG;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CACf,CAAC;AA4BF,eAAO,MAAM,eAAe,UAAY,6BAA6B,8CAOpE,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/navigator/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,2CAc5B,CAAC;AAcF,eAAO,MAAM,cAAc,wCAIxB,CAAC;AAEJ,eAAO,MAAM,WAAW,wCAIrB,CAAC;AAEJ,eAAO,MAAM,aAAa,wCAIvB,CAAC;AAEJ,eAAO,MAAM,YAAY,wCAItB,CAAC;AAeJ,eAAO,MAAM,wBAAwB;;;CAGpC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;CAS/B,CAAC;AAwBF,eAAO,MAAM,wBAAwB,2CAoBpC,CAAC;AAEF,eAAO,MAAM,eAAe,2CAW3B,CAAC"}