@carbon/react 1.112.0 → 1.113.0-rc.0

package/lib/components/OverflowMenu/next/index.js

@@ -15,10 +15,10 @@ const require_index$1 = require("../../IconButton/index.js");
 const require_mergeRefs = require("../../../tools/mergeRefs.js");
 const require_Menu = require("../../Menu/Menu.js");
 const require_useAttachedMenu = require("../../../internal/useAttachedMenu.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -6,16 +6,16 @@
  */
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_warning = require("../../internal/warning.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
 const require_keys = require("../../internal/keyboard/keys.js");
 const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
-const require_warning = require("../../internal/warning.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/OverflowMenuItem/index.js

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+const require_OverflowMenuItem = require("./OverflowMenuItem.js");
 //#region src/components/OverflowMenuItem/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -12,6 +13,7 @@
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
-var OverflowMenuItem_default = require("./OverflowMenuItem.js").default;
+var OverflowMenuItem_default = require_OverflowMenuItem.default;
 //#endregion
+exports.OverflowMenuItem = require_OverflowMenuItem.default;
 exports.default = OverflowMenuItem_default;

package/lib/components/OverflowMenuV2/index.js

@@ -27,7 +27,7 @@ function OverflowMenuV2(props) {
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.FeatureFlags, {
 		enableV12Overflowmenu: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { ...props })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.OverflowMenu, { ...props })
 	});
 }
 //#endregion

package/lib/components/PageHeader/PageHeader.js

@@ -22,10 +22,10 @@ const require_useMatchMedia = require("../../internal/useMatchMedia.js");
 const require_Tag = require("../Tag/Tag.js");
 const require_OperationalTag = require("../Tag/OperationalTag.js");
 const require_useOverflowItems = require("../../internal/useOverflowItems.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -71,7 +71,7 @@ const PageHeaderBreadcrumbBar = react.default.forwardRef(({ border = true, class
 		className: classNames,
 		ref,
 		...other,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.GridAsGridComponent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Column.default, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.Grid, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Column.default, {
 			lg: 16,
 			md: 8,
 			sm: 4,
@@ -112,7 +112,7 @@ const PageHeaderContent = react.default.forwardRef(({ className, children, title
 		className: classNames,
 		ref,
 		...other,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.GridAsGridComponent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Column.default, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.Grid, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Column.default, {
 			lg: 16,
 			md: 8,
 			sm: 4,
@@ -362,7 +362,7 @@ const PageHeaderTabBar = react.default.forwardRef(({ className, children, tags =
 		className: classNames,
 		ref,
 		...other,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.GridAsGridComponent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Column.default, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.Grid, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Column.default, {
 			lg: 16,
 			md: 8,
 			sm: 4,

package/lib/components/PageHeader/index.js

@@ -25,9 +25,23 @@ var PageHeader_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	TabBar: () => require_PageHeader.TabBar
 });
 //#endregion
+exports.BreadcrumbBar = require_PageHeader.BreadcrumbBar;
+exports.Content = require_PageHeader.Content;
+exports.ContentPageActions = require_PageHeader.ContentPageActions;
+exports.ContentText = require_PageHeader.ContentText;
+exports.HeroImage = require_PageHeader.HeroImage;
+exports.PageHeader = require_PageHeader.PageHeader;
+exports.PageHeaderBreadcrumbBar = require_PageHeader.PageHeaderBreadcrumbBar;
+exports.PageHeaderContent = require_PageHeader.PageHeaderContent;
+exports.PageHeaderContentPageActions = require_PageHeader.PageHeaderContentPageActions;
+exports.PageHeaderContentText = require_PageHeader.PageHeaderContentText;
+exports.PageHeaderHeroImage = require_PageHeader.PageHeaderHeroImage;
+exports.PageHeaderTabBar = require_PageHeader.PageHeaderTabBar;
 Object.defineProperty(exports, "PageHeader_exports", {
 	enumerable: true,
 	get: function() {
 		return PageHeader_exports;
 	}
 });
+exports.Root = require_PageHeader.Root;
+exports.TabBar = require_PageHeader.TabBar;

package/lib/components/Pagination/Pagination.Skeleton.js

@@ -8,10 +8,10 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_index = require("../SkeletonText/index.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -46,4 +46,5 @@ PaginationSkeleton.propTypes = {
 */
 className: prop_types.default.string };
 //#endregion
+exports.PaginationSkeleton = PaginationSkeleton;
 exports.default = PaginationSkeleton;

package/lib/components/Pagination/Pagination.d.ts

@@ -81,6 +81,22 @@ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      * A function returning the label for the page select.
      */
     pageSelectLabelText?: (total: number) => string;
+    /**
+     * Provide a custom render function for the page-selection control.
+     * When provided, the default `<Select>` is replaced with the returned node.
+     */
+    renderPageSelect?: (props: {
+        /** The currently active page. */
+        currentPage: number;
+        /** Total number of pages derived from `totalItems` and `pageSize`. */
+        totalPages: number;
+        /** Current page size. */
+        currentPageSize: number;
+        /** The computed accessible label for the page-selection control. */
+        pageSelectLabelText: string;
+        /** Sets the active page. */
+        onSetPage: (page: number | string) => void;
+    }) => React.ReactNode;
     /**
      * The number dictating how many items a page contains.
      */
@@ -98,7 +114,8 @@ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      */
     pageText?: (page: number, pagesUnknown?: boolean) => string;
     /**
-     * `true` if the total number of items is unknown.
+     * `true` when the total number of pages is unknown. Hides the page selection
+     * control.
      */
     pagesUnknown?: boolean;
     /**

package/lib/components/Pagination/Pagination.js

@@ -9,13 +9,14 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_useId = require("../../internal/useId.js");
 const require_index = require("../IconButton/index.js");
+const require_clamp = require("../../internal/clamp.js");
 const require_usePreviousValue = require("../../internal/usePreviousValue.js");
 const require_index$1 = require("../Select/index.js");
 const require_index$2 = require("../SelectItem/index.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -57,7 +58,7 @@ const getPageSize = (pageSizes, pageSize) => {
 	}
 	return pageSizes[0].value;
 };
-const Pagination = react.default.forwardRef(({ backwardText = "Previous page", backwardTextTooltipPosition = "top", className: customClassName = "", disabled = false, forwardText = "Next page", forwardTextTooltipPosition = "top", id, isLastPage = false, itemText = (min, max) => `${min}–${max} items`, itemRangeText = (min, max, total) => `${min}–${max} of ${total} items`, itemsPerPageText = "Items per page:", onChange, pageNumberText: _pageNumberText, pageRangeText = (_current, total) => `of ${total} ${total === 1 ? "page" : "pages"}`, pageSelectLabelText = (total) => `Page of ${total} ${total === 1 ? "page" : "pages"}`, page: controlledPage = 1, pageInputDisabled, pageSize: controlledPageSize, pageSizeInputDisabled, pageSizes: controlledPageSizes, pageText = (page) => `page ${page}`, pagesUnknown = false, size = "md", totalItems, ...rest }, ref) => {
+const Pagination = react.default.forwardRef(({ backwardText = "Previous page", backwardTextTooltipPosition = "top", className: customClassName = "", disabled = false, forwardText = "Next page", forwardTextTooltipPosition = "top", id, isLastPage = false, itemText = (min, max) => `${min}–${max} items`, itemRangeText = (min, max, total) => `${min}–${max} of ${total} items`, itemsPerPageText = "Items per page:", onChange, pageNumberText: _pageNumberText, pageRangeText = (_current, total) => `of ${total} ${total === 1 ? "page" : "pages"}`, pageSelectLabelText = (total) => `Page of ${total} ${total === 1 ? "page" : "pages"}`, page: controlledPage = 1, pageInputDisabled, renderPageSelect, pageSize: controlledPageSize, pageSizeInputDisabled, pageSizes: controlledPageSizes, pageText = (page) => `page ${page}`, pagesUnknown = false, size = "md", totalItems, ...rest }, ref) => {
 	const prefix = require_usePrefix.usePrefix();
 	const inputId = require_useId.useFallbackId(id?.toString());
 	const backBtnRef = (0, react.useRef)(null);
@@ -91,7 +92,7 @@ const Pagination = react.default.forwardRef(({ backwardText = "Previous page", b
 		[`${prefix}--pagination__button--forward`]: true,
 		[`${prefix}--pagination__button--no-index`]: forwardButtonDisabled
 	});
-	const selectItems = renderSelectItems(totalPages);
+	const selectItems = renderPageSelect ? [] : renderSelectItems(totalPages);
 	const focusMap = {
 		backward: backBtnRef,
 		forward: forwardBtnRef
@@ -145,7 +146,8 @@ const Pagination = react.default.forwardRef(({ backwardText = "Previous page", b
 	]);
 	(0, react.useEffect)(() => {
 		if (controlledPageSize === prevControlledPageSize) return;
-		setPageSize(getPageSize(normalizedControlledPageSizes, controlledPageSize));
+		const nextPageSize = getPageSize(normalizedControlledPageSizes, controlledPageSize);
+		setPageSize(nextPageSize);
 	}, [
 		controlledPageSize,
 		normalizedControlledPageSizes,
@@ -170,6 +172,18 @@ const Pagination = react.default.forwardRef(({ backwardText = "Previous page", b
 			});
 		}
 	}
+	function handleSetPage(nextPage) {
+		if (disabled || pageInputDisabled) return;
+		const numericPage = Number(nextPage);
+		if (!Number.isInteger(numericPage)) return;
+		const clamped = require_clamp.clamp(numericPage, 1, totalPages);
+		if (clamped === page) return;
+		setPage(clamped);
+		if (onChange) onChange({
+			page: clamped,
+			pageSize
+		});
+	}
 	function incrementPage() {
 		const nextPage = page + 1;
 		setPage(nextPage);
@@ -228,7 +242,13 @@ const Pagination = react.default.forwardRef(({ backwardText = "Previous page", b
 			children: [pagesUnknown ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: `${prefix}--pagination__text ${prefix}--pagination__page-text ${prefix}--pagination__unknown-pages-text`,
 				children: pageText(page)
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderPageSelect ? renderPageSelect({
+				currentPage: page,
+				totalPages,
+				currentPageSize: pageSize,
+				pageSelectLabelText: pageSelectLabelText(totalPages),
+				onSetPage: handleSetPage
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
 				id: `${prefix}-pagination-select-${inputId}-right`,
 				className: `${prefix}--select__page-number`,
 				labelText: pageSelectLabelText(totalPages),
@@ -346,6 +366,11 @@ Pagination.propTypes = {
 	*/
 	pageSelectLabelText: prop_types.default.func,
 	/**
+	* Provide a custom render function for the page-selection control.
+	* When provided, the default `<Select>` is replaced with the returned node.
+	*/
+	renderPageSelect: prop_types.default.func,
+	/**
 	* The number dictating how many items a page contains.
 	*/
 	pageSize: prop_types.default.number,

package/lib/components/Pagination/experimental/PageSelector.d.ts

@@ -1,4 +1,8 @@
 export default PageSelector;
+/**
+ * @deprecated Use `Pagination` with the `renderPageSelect` prop instead.
+ * `unstable_PageSelector` / `preview_PageSelector` will be removed in v12.
+ */
 declare function PageSelector({ className, currentPage, id, labelText, totalPages, ...other }: {
     [x: string]: any;
     className?: null | undefined;

package/lib/components/Pagination/experimental/PageSelector.js

@@ -10,10 +10,10 @@ const require_usePrefix = require("../../../internal/usePrefix.js");
 const require_useId = require("../../../internal/useId.js");
 const require_index = require("../../Select/index.js");
 const require_index$1 = require("../../SelectItem/index.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -24,9 +24,16 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
+/**
+* @deprecated Use `Pagination` with the `renderPageSelect` prop instead.
+* `unstable_PageSelector` / `preview_PageSelector` will be removed in v12.
+*/
 function PageSelector({ className = null, currentPage, id = 1, labelText = "Current page number", totalPages, ...other }) {
 	const namespace = `${require_usePrefix.usePrefix()}--unstable-pagination__page-selector`;
 	const instanceId = `${namespace}__select-${require_useId.useId()}`;
+	(0, react.useEffect)(() => {
+		if (process.env.NODE_ENV !== "production") console.warn("[Carbon] `unstable_PageSelector` / `preview_PageSelector` is deprecated and will be removed in v12. Use `Pagination` with the `renderPageSelect` prop instead.");
+	}, []);
 	const renderPages = (total) => {
 		const pages = [];
 		for (let counter = 1; counter <= total; counter += 1) pages.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {

package/lib/components/Pagination/experimental/Pagination-story.d.ts

@@ -4,111 +4,146 @@ declare namespace _default {
     export namespace subcomponents {
         export { PageSelector };
     }
-    export let decorators: ((story: any) => import("react/jsx-runtime").JSX.Element)[];
-}
-export default _default;
-export function WithAPageSelector(): import("react/jsx-runtime").JSX.Element;
-export namespace WithAPageSelector {
-    let storyName: string;
-}
-export function WithNoSizerChildInputOrChildSelector(): import("react/jsx-runtime").JSX.Element;
-export namespace WithNoSizerChildInputOrChildSelector {
-    let storyName_1: string;
-    export { storyName_1 as storyName };
-}
-export function Playground(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Playground {
-    namespace argTypes {
-        namespace className {
-            let control: boolean;
+    export namespace argTypes {
+        namespace backwardText {
+            namespace control {
+                let type: string;
+            }
         }
         namespace children {
             let control_1: boolean;
             export { control_1 as control };
         }
-        namespace id {
+        namespace className {
             let control_2: boolean;
             export { control_2 as control };
         }
-        namespace itemText {
-            let control_3: boolean;
-            export { control_3 as control };
-        }
-        namespace forwardText {
-            export namespace control_4 {
-                let type: string;
-            }
-            export { control_4 as control };
-            export let defaultValue: string;
-        }
         namespace disabled {
-            export namespace control_5 {
+            export namespace control_3 {
                 let type_1: string;
                 export { type_1 as type };
             }
-            export { control_5 as control };
-            let defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
-        }
-        namespace itemRangeText {
-            let control_6: boolean;
-            export { control_6 as control };
+            export { control_3 as control };
         }
-        namespace itemsPerPageText {
-            export namespace control_7 {
+        namespace forwardText {
+            export namespace control_4 {
                 let type_2: string;
                 export { type_2 as type };
             }
-            export { control_7 as control };
-            let defaultValue_2: string;
-            export { defaultValue_2 as defaultValue };
+            export { control_4 as control };
+        }
+        namespace id {
+            let control_5: boolean;
+            export { control_5 as control };
         }
         namespace initialPage {
-            export namespace control_8 {
+            export namespace control_6 {
                 let type_3: string;
                 export { type_3 as type };
             }
-            export { control_8 as control };
-            let defaultValue_3: number;
-            export { defaultValue_3 as defaultValue };
+            export { control_6 as control };
         }
-        namespace pageSize {
-            export namespace control_9 {
+        namespace itemRangeText {
+            let control_7: boolean;
+            export { control_7 as control };
+        }
+        namespace itemsPerPageText {
+            export namespace control_8 {
                 let type_4: string;
                 export { type_4 as type };
             }
+            export { control_8 as control };
+        }
+        namespace itemText {
+            let control_9: boolean;
             export { control_9 as control };
-            let defaultValue_4: number;
-            export { defaultValue_4 as defaultValue };
         }
-        namespace pageSizes {
-            export namespace control_10 {
+        namespace onChange {
+            let action: string;
+        }
+        namespace pageRangeText {
+            let control_10: boolean;
+            export { control_10 as control };
+        }
+        namespace pageSize {
+            export namespace control_11 {
                 let type_5: string;
                 export { type_5 as type };
             }
-            export { control_10 as control };
-            let defaultValue_5: number[];
-            export { defaultValue_5 as defaultValue };
+            export { control_11 as control };
         }
-        namespace pagesUnknown {
-            export namespace control_11 {
+        namespace pageSizes {
+            export namespace control_12 {
                 let type_6: string;
                 export { type_6 as type };
             }
-            export { control_11 as control };
-            let defaultValue_6: string;
-            export { defaultValue_6 as defaultValue };
+            export { control_12 as control };
         }
-        namespace totalItems {
-            export namespace control_12 {
+        namespace pagesUnknown {
+            export namespace control_13 {
                 let type_7: string;
                 export { type_7 as type };
             }
-            export { control_12 as control };
-            let defaultValue_7: number;
-            export { defaultValue_7 as defaultValue };
+            export { control_13 as control };
+        }
+        namespace pageText {
+            let control_14: boolean;
+            export { control_14 as control };
+        }
+        namespace totalItems {
+            export namespace control_15 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_15 as control };
+        }
+    }
+    export let decorators: ((story: any) => import("react/jsx-runtime").JSX.Element)[];
+}
+export default _default;
+export function WithAPageSelector(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace WithAPageSelector {
+    let storyName: string;
+    namespace args {
+        let backwardText_1: string;
+        export { backwardText_1 as backwardText };
+        let disabled_1: boolean;
+        export { disabled_1 as disabled };
+        let forwardText_1: string;
+        export { forwardText_1 as forwardText };
+        let initialPage_1: number;
+        export { initialPage_1 as initialPage };
+        let itemsPerPageText_1: string;
+        export { itemsPerPageText_1 as itemsPerPageText };
+        let pageSize_1: number;
+        export { pageSize_1 as pageSize };
+        let pageSizes_1: number[];
+        export { pageSizes_1 as pageSizes };
+        let pagesUnknown_1: boolean;
+        export { pagesUnknown_1 as pagesUnknown };
+        let totalItems_1: number;
+        export { totalItems_1 as totalItems };
+    }
+}
+export function WithNoSizerChildInputOrChildSelector(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace WithNoSizerChildInputOrChildSelector {
+    let storyName_1: string;
+    export { storyName_1 as storyName };
+    export namespace args_1 {
+        let pageSizes_2: undefined;
+        export { pageSizes_2 as pageSizes };
+    }
+    export { args_1 as args };
+    export namespace parameters {
+        namespace controls {
+            let exclude: string[];
         }
     }
 }
+export function Playground(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Playground {
+    export namespace args_2 { }
+    export { args_2 as args };
+}
 import { preview_Pagination as Pagination } from '../../..';
 import { preview_PageSelector as PageSelector } from '../../..';

package/lib/components/Pagination/experimental/Pagination.d.ts

@@ -1,4 +1,8 @@
 export default Pagination;
+/**
+ * @deprecated Use the stable `Pagination` component with the `renderPageSelect`
+ * prop instead. `unstable_Pagination` / `preview_Pagination` will be removed in v12.
+ */
 declare function Pagination({ backwardText, children, className, disabled, forwardText, id, initialPage, itemsPerPageText, itemRangeText, itemText, onChange, pageRangeText, pageSize, pageSizes, pageText, pagesUnknown, totalItems, ...other }: {
     [x: string]: any;
     backwardText?: string | undefined;

package/lib/components/Pagination/experimental/Pagination.js

@@ -10,10 +10,10 @@ const require_usePrefix = require("../../../internal/usePrefix.js");
 const require_index = require("../../IconButton/index.js");
 const require_index$1 = require("../../Select/index.js");
 const require_index$2 = require("../../SelectItem/index.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -25,10 +25,17 @@ let _carbon_icons_react = require("@carbon/icons-react");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
+/**
+* @deprecated Use the stable `Pagination` component with the `renderPageSelect`
+* prop instead. `unstable_Pagination` / `preview_Pagination` will be removed in v12.
+*/
 function Pagination({ backwardText = "Previous page", children = void 0, className = null, disabled = false, forwardText = "Next page", id = 1, initialPage = 1, itemsPerPageText = "Items per page:", itemRangeText = (min, max, total) => `${min}–${max} of ${total} items`, itemText = (min, max) => `${min}–${max} items`, onChange, pageRangeText = (current, total) => `${current} of ${total} pages`, pageSize = 10, pageSizes = void 0, pageText = (page) => `page ${page}`, pagesUnknown = false, totalItems = void 0, ...other }) {
 	const [currentPage, setCurrentPage] = (0, react.useState)(initialPage);
 	const [currentPageSize, setCurrentPageSize] = (0, react.useState)(pageSize);
 	const prefix = require_usePrefix.usePrefix();
+	(0, react.useEffect)(() => {
+		if (process.env.NODE_ENV !== "production") console.warn("[Carbon] `unstable_Pagination` / `preview_Pagination` is deprecated and will be removed in v12. Use the stable `Pagination` component with the `renderPageSelect` prop instead.");
+	}, []);
 	const totalPages = totalItems ? Math.max(Math.ceil(totalItems / currentPageSize), 1) : void 0;
 	const backButtonDisabled = disabled || currentPage === 1;
 	const forwardButtonDisabled = disabled || currentPage === totalPages;

package/lib/components/PaginationNav/PaginationNav.js

@@ -10,10 +10,10 @@ const require_usePrefix = require("../../internal/usePrefix.js");
 const require_index = require("../IconButton/index.js");
 const require_clamp = require("../../internal/clamp.js");
 const require_useMatchMedia = require("../../internal/useMatchMedia.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -211,8 +211,10 @@ const PaginationNav = react.default.forwardRef(({ className, onChange = () => {}
 		size
 	]);
 	(0, react.useEffect)(() => {
-		if (pageWouldBeHidden(currentPage)) if (currentPage - (prevPage || 0) > 0) setCuts(calculateCuts(currentPage, totalItems, itemsDisplayedOnPage, itemsDisplayedOnPage - 3));
-		else setCuts(calculateCuts(currentPage, totalItems, itemsDisplayedOnPage, itemsDisplayedOnPage > 4 ? 2 : 1));
+		if (pageWouldBeHidden(currentPage)) if (currentPage - (prevPage || 0) > 0) {
+			const splitPoint = itemsDisplayedOnPage - 3;
+			setCuts(calculateCuts(currentPage, totalItems, itemsDisplayedOnPage, splitPoint));
+		} else setCuts(calculateCuts(currentPage, totalItems, itemsDisplayedOnPage, itemsDisplayedOnPage > 4 ? 2 : 1));
 	}, [currentPage]);
 	(0, react.useEffect)(() => {
 		setIsOverFlowDisabled(disableOverflow);

package/lib/components/Popover/index.js

@@ -7,6 +7,7 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
+const require_navigation = require("../../internal/keyboard/navigation.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_deprecateValuesWithin = require("../../prop-types/deprecateValuesWithin.js");
 const require_utils = require("../../internal/utils.js");
@@ -14,10 +15,10 @@ const require_useMergedRefs = require("../../internal/useMergedRefs.js");
 const require_useEvent = require("../../internal/useEvent.js");
 const require_mapPopoverAlign = require("../../tools/mapPopoverAlign.js");
 const require_index = require("../FeatureFlags/index.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -76,6 +77,13 @@ const Popover = react.default.forwardRef(function PopoverRenderFunction({ isTabT
 			if (isOutsideFloating && !isFocusableWrapper) onRequestClose?.();
 		}
 	});
+	require_useEvent.useWindowEvent("keydown", (event) => {
+		if (!open || event.key !== "Escape" || event.defaultPrevented) return;
+		const target = event.target;
+		if (!(target instanceof Element) || target.closest(`.${prefix}--popover-content`) !== refs.floating.current) return;
+		onRequestClose?.();
+		(popover.current?.querySelector(require_navigation.selectorTabbable))?.focus();
+	});
 	require_useEvent.useWindowEvent("click", ({ target }) => {
 		if (open && target instanceof Node && !popover.current?.contains(target) && !isTargetInDatePickerInsidePopover(target)) onRequestClose?.();
 	});

package/lib/components/ProgressBar/ProgressBar.js

@@ -9,10 +9,10 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_useId = require("../../internal/useId.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");