@cloudscape-design/components 3.0.1281 → 3.0.1283

package/internal/generated/theming/index.d.ts

@@ -322,9 +322,11 @@ export declare interface TypedOverride {
     borderWidthIconLarge?: GlobalValue;
     borderRadiusActionCardDefault?: GlobalValue;
     borderRadiusActionCardEmbedded?: GlobalValue;
+    sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
     spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
     spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
     spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
+    spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
     spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
     spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
     spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -655,9 +657,11 @@ export declare interface TypedOverride {
         borderWidthIconLarge?: GlobalValue;
         borderRadiusActionCardDefault?: GlobalValue;
         borderRadiusActionCardEmbedded?: GlobalValue;
+        sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
+        spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -988,9 +992,11 @@ export declare interface TypedOverride {
         borderWidthIconLarge?: GlobalValue;
         borderRadiusActionCardDefault?: GlobalValue;
         borderRadiusActionCardEmbedded?: GlobalValue;
+        sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
+        spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1321,9 +1327,11 @@ export declare interface TypedOverride {
         borderWidthIconLarge?: GlobalValue;
         borderRadiusActionCardDefault?: GlobalValue;
         borderRadiusActionCardEmbedded?: GlobalValue;
+        sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
+        spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1654,9 +1662,11 @@ export declare interface TypedOverride {
         borderWidthIconLarge?: GlobalValue;
         borderRadiusActionCardDefault?: GlobalValue;
         borderRadiusActionCardEmbedded?: GlobalValue;
+        sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
+        spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1987,9 +1997,11 @@ export declare interface TypedOverride {
         borderWidthIconLarge?: GlobalValue;
         borderRadiusActionCardDefault?: GlobalValue;
         borderRadiusActionCardEmbedded?: GlobalValue;
+        sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
+        spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2320,9 +2332,11 @@ export declare interface TypedOverride {
         borderWidthIconLarge?: GlobalValue;
         borderRadiusActionCardDefault?: GlobalValue;
         borderRadiusActionCardEmbedded?: GlobalValue;
+        sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
+        spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2653,9 +2667,11 @@ export declare interface TypedOverride {
         borderWidthIconLarge?: GlobalValue;
         borderRadiusActionCardDefault?: GlobalValue;
         borderRadiusActionCardEmbedded?: GlobalValue;
+        sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
+        spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2986,9 +3002,11 @@ export declare interface TypedOverride {
         borderWidthIconLarge?: GlobalValue;
         borderRadiusActionCardDefault?: GlobalValue;
         borderRadiusActionCardEmbedded?: GlobalValue;
+        sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
+        spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
         spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;

package/internal/generated/theming/index.js

@@ -2730,6 +2730,10 @@ export var preset = {
         "comfortable": "{spaceScaledXxs}",
         "compact": "{spaceScaledXxs}"
       },
+      "spaceFieldVertical": {
+        "comfortable": "5px",
+        "compact": "3px"
+      },
       "spaceButtonIconFocusOutlineGutterVertical": {
         "comfortable": "0px",
         "compact": "0px"
@@ -3002,6 +3006,14 @@ export var preset = {
         "comfortable": "{spaceScaledXs}",
         "compact": "{spaceScaledXs}"
       },
+      "spaceOptionPaddingVertical": {
+        "comfortable": "{spaceXxs}",
+        "compact": "{spaceXxs}"
+      },
+      "spaceOptionPaddingHorizontal": {
+        "comfortable": "{spaceL}",
+        "compact": "{spaceL}"
+      },
       "spaceScaled2xNone": {
         "comfortable": "{spaceNone}",
         "compact": "{spaceNone}"
@@ -3264,6 +3276,10 @@ export var preset = {
             "comfortable": "{spaceScaledXxs}",
             "compact": "{spaceScaledXxs}"
           },
+          "spaceFieldVertical": {
+            "comfortable": "5px",
+            "compact": "3px"
+          },
           "spaceButtonIconFocusOutlineGutterVertical": {
             "comfortable": "0px",
             "compact": "0px"
@@ -3536,6 +3552,14 @@ export var preset = {
             "comfortable": "{spaceScaledXs}",
             "compact": "{spaceScaledXs}"
           },
+          "spaceOptionPaddingVertical": {
+            "comfortable": "{spaceXxs}",
+            "compact": "{spaceXxs}"
+          },
+          "spaceOptionPaddingHorizontal": {
+            "comfortable": "{spaceL}",
+            "compact": "{spaceL}"
+          },
           "spaceScaled2xNone": {
             "comfortable": "{spaceNone}",
             "compact": "{spaceNone}"
@@ -12228,6 +12252,7 @@ export var preset = {
       "spaceButtonFocusOutlineGutter": "density",
       "spaceButtonHorizontal": "density",
       "spaceButtonVertical": "density",
+      "spaceFieldVertical": "density",
       "spaceButtonIconFocusOutlineGutterVertical": "density",
       "spaceButtonIconOnlyHorizontal": "density",
       "spaceButtonInlineIconFocusOutlineGutter": "density",
@@ -12296,6 +12321,8 @@ export var preset = {
       "spaceActionCardVerticalEmbedded": "density",
       "spaceActionCardDescriptionPaddingTop": "density",
       "spaceActionCardContentPaddingTop": "density",
+      "spaceOptionPaddingVertical": "density",
+      "spaceOptionPaddingHorizontal": "density",
       "spaceScaled2xNone": "density",
       "spaceScaled2xXxxs": "density",
       "spaceScaled2xXxs": "density",
@@ -12893,9 +12920,11 @@ export var preset = {
     "borderWidthIconLarge",
     "borderRadiusActionCardDefault",
     "borderRadiusActionCardEmbedded",
+    "sizeVerticalInput",
     "spaceAlertVertical",
     "spaceButtonHorizontal",
     "spaceButtonVertical",
+    "spaceFieldVertical",
     "spaceCardHorizontalDefault",
     "spaceCardHorizontalEmbedded",
     "spaceCardVerticalDefault",
@@ -13336,9 +13365,11 @@ export var preset = {
     "motionKeyframesFadeOut",
     "motionKeyframesStatusIconError",
     "motionKeyframesScalePopup",
+    "sizeVerticalInput",
     "spaceAlertVertical",
     "spaceButtonHorizontal",
     "spaceButtonVertical",
+    "spaceFieldVertical",
     "spaceCardHorizontalDefault",
     "spaceCardHorizontalEmbedded",
     "spaceCardVerticalDefault",
@@ -13347,6 +13378,8 @@ export var preset = {
     "spaceFieldHorizontal",
     "spaceTabsVertical",
     "spaceTreeViewIndentation",
+    "spaceOptionPaddingVertical",
+    "spaceOptionPaddingHorizontal",
     "spaceScaledXxxs",
     "spaceScaledXxs",
     "spaceScaledXs",
@@ -14134,6 +14167,7 @@ export var preset = {
     "spaceButtonFocusOutlineGutter": "space-button-focus-outline-gutter",
     "spaceButtonHorizontal": "space-button-horizontal",
     "spaceButtonVertical": "space-button-vertical",
+    "spaceFieldVertical": "space-field-vertical",
     "spaceButtonIconFocusOutlineGutterVertical": "space-button-icon-focus-outline-gutter-vertical",
     "spaceButtonIconOnlyHorizontal": "space-button-icon-only-horizontal",
     "spaceButtonInlineIconFocusOutlineGutter": "space-button-inline-icon-focus-outline-gutter",
@@ -14202,6 +14236,8 @@ export var preset = {
     "spaceActionCardVerticalEmbedded": "space-action-card-vertical-embedded",
     "spaceActionCardDescriptionPaddingTop": "space-action-card-description-padding-top",
     "spaceActionCardContentPaddingTop": "space-action-card-content-padding-top",
+    "spaceOptionPaddingVertical": "space-option-padding-vertical",
+    "spaceOptionPaddingHorizontal": "space-option-padding-horizontal",
     "spaceScaled2xNone": "space-scaled-2x-none",
     "spaceScaled2xXxxs": "space-scaled-2x-xxxs",
     "spaceScaled2xXxs": "space-scaled-2x-xxs",
@@ -15026,6 +15062,7 @@ export var preset = {
     "spaceButtonFocusOutlineGutter": "--space-button-focus-outline-gutter-jj138g",
     "spaceButtonHorizontal": "--space-button-horizontal-k0c786",
     "spaceButtonVertical": "--space-button-vertical-xaxp6x",
+    "spaceFieldVertical": "--space-field-vertical-vm99qz",
     "spaceButtonIconFocusOutlineGutterVertical": "--space-button-icon-focus-outline-gutter-vertical-r44mtq",
     "spaceButtonIconOnlyHorizontal": "--space-button-icon-only-horizontal-i85hxi",
     "spaceButtonInlineIconFocusOutlineGutter": "--space-button-inline-icon-focus-outline-gutter-zbfgku",
@@ -15094,6 +15131,8 @@ export var preset = {
     "spaceActionCardVerticalEmbedded": "--space-action-card-vertical-embedded-f1rm8a",
     "spaceActionCardDescriptionPaddingTop": "--space-action-card-description-padding-top-qw1sd7",
     "spaceActionCardContentPaddingTop": "--space-action-card-content-padding-top-bew8kj",
+    "spaceOptionPaddingVertical": "--space-option-padding-vertical-d2srv9",
+    "spaceOptionPaddingHorizontal": "--space-option-padding-horizontal-4taa4b",
     "spaceScaled2xNone": "--space-scaled-2x-none-987dp7",
     "spaceScaled2xXxxs": "--space-scaled-2x-xxxs-reumxj",
     "spaceScaled2xXxs": "--space-scaled-2x-xxs-e79hr1",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "ae2d3449a5fa77cb773182061391878389902001"
+  "commit": "4fcc3f6a3a1bb673bc15efd2c5ac72f6645690a1"
 }

package/package.json

@@ -164,7 +164,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1281",
+  "version": "3.0.1283",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/pagination/index.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
 import { PaginationProps } from './interfaces';
 export { PaginationProps };
-export default function Pagination(props: PaginationProps): JSX.Element;
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<PaginationProps.Ref>>;
+export default Pagination;

package/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAmBxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAoBd,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/pagination/index.js

@@ -6,9 +6,9 @@ import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-tool
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalPagination from './internal';
-export default function Pagination(props) {
+const Pagination = React.forwardRef((props, ref) => {
     const baseComponentProps = useBaseComponent('Pagination', { props: { openEnd: props.openEnd } });
-    return (React.createElement(InternalPagination, { ...props, ...baseComponentProps, ...getAnalyticsMetadataAttribute({
+    return (React.createElement(InternalPagination, { ...props, ...baseComponentProps, ref: ref, ...getAnalyticsMetadataAttribute({
             component: {
                 name: 'awsui.Pagination',
                 label: { root: 'self' },
@@ -19,6 +19,7 @@ export default function Pagination(props) {
                 },
             },
         }) }));
-}
+});
 applyDisplayName(Pagination, 'Pagination');
+export default Pagination;
 //# sourceMappingURL=index.js.map

package/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACjG,OAAO,CACL,oBAAC,kBAAkB,OACb,KAAK,KACL,kBAAkB,KAClB,6BAA6B,CAAC;YAChC,SAAS,EAAE;gBACT,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACvB,UAAU,EAAE;oBACV,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE;oBAC7B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,EAAE;oBACvC,gBAAgB,EAAE,GAAG,KAAK,CAAC,gBAAgB,EAAE;iBAC9C;aAC+C;SACnD,CAAC,GACF,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataPaginationComponent } from './analytics-metadata/interfaces';\nimport { PaginationProps } from './interfaces';\nimport InternalPagination from './internal';\n\nexport { PaginationProps };\n\nexport default function Pagination(props: PaginationProps) {\n  const baseComponentProps = useBaseComponent('Pagination', { props: { openEnd: props.openEnd } });\n  return (\n    <InternalPagination\n      {...props}\n      {...baseComponentProps}\n      {...getAnalyticsMetadataAttribute({\n        component: {\n          name: 'awsui.Pagination',\n          label: { root: 'self' },\n          properties: {\n            openEnd: `${!!props.openEnd}`,\n            pagesCount: `${props.pagesCount || ''}`,\n            currentPageIndex: `${props.currentPageIndex}`,\n          },\n        } as GeneratedAnalyticsMetadataPaginationComponent,\n      })}\n    />\n  );\n}\n\napplyDisplayName(Pagination, 'Pagination');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACjG,OAAO,CACL,oBAAC,kBAAkB,OACb,KAAK,KACL,kBAAkB,EACtB,GAAG,EAAE,GAAG,KACJ,6BAA6B,CAAC;YAChC,SAAS,EAAE;gBACT,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACvB,UAAU,EAAE;oBACV,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE;oBAC7B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,EAAE;oBACvC,gBAAgB,EAAE,GAAG,KAAK,CAAC,gBAAgB,EAAE;iBAC9C;aAC+C;SACnD,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAE3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataPaginationComponent } from './analytics-metadata/interfaces';\nimport { PaginationProps } from './interfaces';\nimport InternalPagination from './internal';\n\nexport { PaginationProps };\n\nconst Pagination = React.forwardRef<PaginationProps.Ref, PaginationProps>((props, ref) => {\n  const baseComponentProps = useBaseComponent('Pagination', { props: { openEnd: props.openEnd } });\n  return (\n    <InternalPagination\n      {...props}\n      {...baseComponentProps}\n      ref={ref}\n      {...getAnalyticsMetadataAttribute({\n        component: {\n          name: 'awsui.Pagination',\n          label: { root: 'self' },\n          properties: {\n            openEnd: `${!!props.openEnd}`,\n            pagesCount: `${props.pagesCount || ''}`,\n            currentPageIndex: `${props.currentPageIndex}`,\n          },\n        } as GeneratedAnalyticsMetadataPaginationComponent,\n      })}\n    />\n  );\n});\n\napplyDisplayName(Pagination, 'Pagination');\n\nexport default Pagination;\n"]}

package/pagination/interfaces.d.ts

@@ -41,6 +41,10 @@ export interface PaginationProps {
    * @i18n
    */
   ariaLabels?: PaginationProps.Labels;
+  /**
+   * @i18n
+   */
+  i18nStrings?: PaginationProps.I18nStrings;
   /**
    * Called when a user interaction causes a pagination change. The event `detail` contains the new `currentPageIndex`.
    */
@@ -58,6 +62,10 @@ export interface PaginationProps {
    * * `requestedPageIndex` (integer) - The index of the requested page.
    */
   onNextPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;
+  /**
+   * Jump to page configuration
+   */
+  jumpToPage?: PaginationProps.JumpToPageProps;
 }
 export declare namespace PaginationProps {
   interface Labels {
@@ -65,12 +73,33 @@ export declare namespace PaginationProps {
     paginationLabel?: string;
     previousPageLabel?: string;
     pageLabel?: (pageNumber: number) => string;
+    jumpToPageButton?: string;
+  }
+  interface I18nStrings {
+    /** @i18n */
+    jumpToPageInputLabel?: string;
+    /** @i18n */
+    jumpToPageError?: string;
+    /** @i18n */
+    jumpToPageLoadingText?: string;
+  }
+  interface ChangeDetail {
+    currentPageIndex: number;
   }
   interface PageClickDetail {
     requestedPageAvailable: boolean;
     requestedPageIndex: number;
   }
-  interface ChangeDetail {
-    currentPageIndex: number;
+  interface JumpToPageProps {
+    /**
+     * User controlled loading state when jump to page callback is executing
+     */
+    loading?: boolean;
+  }
+  interface Ref {
+    /**
+     * Set error state for jump to page. Component will auto-clear when user types or navigates.
+     */
+    setError: (hasError: boolean) => void;
   }
 }

package/pagination/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/pagination/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;;;;;;;;;OAkBG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAEjF;;;;;OAKG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;CAC9E;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,MAAM;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;KAC5C;IAED,UAAiB,eAAe;QAC9B,sBAAsB,EAAE,OAAO,CAAC;QAChC,kBAAkB,EAAE,MAAM,CAAC;KAC5B;IAED,UAAiB,YAAY;QAC3B,gBAAgB,EAAE,MAAM,CAAC;KAC1B;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/pagination/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;;;;;;;;;OAkBG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAE1C;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAEjF;;;;;OAKG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAC7E;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC;CAC9C;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,MAAM;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;QAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B;IAED,UAAiB,WAAW;QAC1B,YAAY;QACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,YAAY;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,YAAY;QACZ,qBAAqB,CAAC,EAAE,MAAM,CAAC;KAChC;IAED,UAAiB,YAAY;QAC3B,gBAAgB,EAAE,MAAM,CAAC;KAC1B;IAED,UAAiB,eAAe;QAC9B,sBAAsB,EAAE,OAAO,CAAC;QAChC,kBAAkB,EAAE,MAAM,CAAC;KAC5B;IAED,UAAiB,eAAe;QAC9B;;WAEG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;KACvC;CACF"}

package/pagination/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/pagination/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface PaginationProps {\n  /**\n   * Index of the current page. The first page has an index of 1.\n   */\n  currentPageIndex: number;\n\n  /**\n   * Sets the total number of pages. Only positive integers are allowed.\n   */\n  pagesCount: number;\n\n  /**\n   * Sets the pagination variant. It can be either default (when setting it to `false`) or open ended (when setting it\n   * to `true`). Default pagination navigates you through the items list. The open-end variant enables you\n   * to lazy-load your items because it always displays three dots before the next page icon. The next page button is\n   * never disabled. When the user clicks on it but there are no more items to show, the\n   * `onNextPageClick` handler is called with `requestedPageAvailable: false` in the event detail.\n   */\n  openEnd?: boolean;\n\n  /**\n   * If set to `true`, the pagination links will be disabled. Use it, for example, if you want to prevent the user\n   * from changing page before items are loaded.\n   */\n  disabled?: boolean;\n\n  /**\n   * Adds aria-labels to the pagination buttons:\n   * * `paginationLabel` (string) - Label for the entire pagination group. It allows users to distinguish context\n   * * in cases of multiple pagination components in a page.\n   * * `previousPageLabel` (string) - Previous page button.\n   * * `pageLabel` (number => string) - Individual page button, this function is called for every page number that's rendered.\n   * * `nextPageLabel` (string) - Next page button\n   *\n   * Example:\n   * ```\n   * {\n   *   nextPageLabel: 'Next page',\n   *   paginationLabel: 'Table pagination',\n   *   previousPageLabel: 'Previous page',\n   *   pageLabel: pageNumber => `Page ${pageNumber}`\n   * }\n   * ```\n   * @i18n\n   */\n  ariaLabels?: PaginationProps.Labels;\n\n  /**\n   * Called when a user interaction causes a pagination change. The event `detail` contains the new `currentPageIndex`.\n   */\n  onChange?: NonCancelableEventHandler<PaginationProps.ChangeDetail>;\n\n  /**\n   * Called when the previous page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Always set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onPreviousPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n\n  /**\n   * Called when the next page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Indicates whether the requested page is available for display.\n   *   The value can be `false` when the `openEnd` property is set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onNextPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n}\n\nexport namespace PaginationProps {\n  export interface Labels {\n    nextPageLabel?: string;\n    paginationLabel?: string;\n    previousPageLabel?: string;\n    pageLabel?: (pageNumber: number) => string;\n  }\n\n  export interface PageClickDetail {\n    requestedPageAvailable: boolean;\n    requestedPageIndex: number;\n  }\n\n  export interface ChangeDetail {\n    currentPageIndex: number;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/pagination/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface PaginationProps {\n  /**\n   * Index of the current page. The first page has an index of 1.\n   */\n  currentPageIndex: number;\n\n  /**\n   * Sets the total number of pages. Only positive integers are allowed.\n   */\n  pagesCount: number;\n\n  /**\n   * Sets the pagination variant. It can be either default (when setting it to `false`) or open ended (when setting it\n   * to `true`). Default pagination navigates you through the items list. The open-end variant enables you\n   * to lazy-load your items because it always displays three dots before the next page icon. The next page button is\n   * never disabled. When the user clicks on it but there are no more items to show, the\n   * `onNextPageClick` handler is called with `requestedPageAvailable: false` in the event detail.\n   */\n  openEnd?: boolean;\n\n  /**\n   * If set to `true`, the pagination links will be disabled. Use it, for example, if you want to prevent the user\n   * from changing page before items are loaded.\n   */\n  disabled?: boolean;\n\n  /**\n   * Adds aria-labels to the pagination buttons:\n   * * `paginationLabel` (string) - Label for the entire pagination group. It allows users to distinguish context\n   * * in cases of multiple pagination components in a page.\n   * * `previousPageLabel` (string) - Previous page button.\n   * * `pageLabel` (number => string) - Individual page button, this function is called for every page number that's rendered.\n   * * `nextPageLabel` (string) - Next page button\n   *\n   * Example:\n   * ```\n   * {\n   *   nextPageLabel: 'Next page',\n   *   paginationLabel: 'Table pagination',\n   *   previousPageLabel: 'Previous page',\n   *   pageLabel: pageNumber => `Page ${pageNumber}`\n   * }\n   * ```\n   * @i18n\n   */\n  ariaLabels?: PaginationProps.Labels;\n  /**\n   * @i18n\n   */\n  i18nStrings?: PaginationProps.I18nStrings;\n\n  /**\n   * Called when a user interaction causes a pagination change. The event `detail` contains the new `currentPageIndex`.\n   */\n  onChange?: NonCancelableEventHandler<PaginationProps.ChangeDetail>;\n\n  /**\n   * Called when the previous page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Always set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onPreviousPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n\n  /**\n   * Called when the next page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Indicates whether the requested page is available for display.\n   *   The value can be `false` when the `openEnd` property is set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onNextPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n  /**\n   * Jump to page configuration\n   */\n  jumpToPage?: PaginationProps.JumpToPageProps;\n}\n\nexport namespace PaginationProps {\n  export interface Labels {\n    nextPageLabel?: string;\n    paginationLabel?: string;\n    previousPageLabel?: string;\n    pageLabel?: (pageNumber: number) => string;\n    jumpToPageButton?: string;\n  }\n\n  export interface I18nStrings {\n    /** @i18n */\n    jumpToPageInputLabel?: string;\n    /** @i18n */\n    jumpToPageError?: string;\n    /** @i18n */\n    jumpToPageLoadingText?: string;\n  }\n\n  export interface ChangeDetail {\n    currentPageIndex: number;\n  }\n\n  export interface PageClickDetail {\n    requestedPageAvailable: boolean;\n    requestedPageIndex: number;\n  }\n\n  export interface JumpToPageProps {\n    /**\n     * User controlled loading state when jump to page callback is executing\n     */\n    loading?: boolean;\n  }\n\n  export interface Ref {\n    /**\n     * Set error state for jump to page. Component will auto-clear when user types or navigates.\n     */\n    setError: (hasError: boolean) => void;\n  }\n}\n"]}

package/pagination/internal.d.ts

@@ -1,16 +1,5 @@
+import React from 'react';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { PaginationProps } from './interfaces';
-type InternalPaginationProps = PaginationProps & InternalBaseComponentProps;
-export default function InternalPagination({
-  openEnd,
-  currentPageIndex,
-  ariaLabels,
-  pagesCount,
-  disabled,
-  onChange,
-  onNextPageClick,
-  onPreviousPageClick,
-  __internalRootRef,
-  ...rest
-}: InternalPaginationProps): JSX.Element;
-export {};
+declare const InternalPagination: React.ForwardRefExoticComponent<PaginationProps & InternalBaseComponentProps & React.RefAttributes<PaginationProps.Ref>>;
+export default InternalPagination;

package/pagination/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/pagination/internal.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAoF/C,KAAK,uBAAuB,GAAG,eAAe,GAAG,0BAA0B,CAAC;AAC5E,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,uBAAuB,eA+GzB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/pagination/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAgBhD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA+E/C,QAAA,MAAM,kBAAkB,0HAwOvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/pagination/internal.js

@@ -1,21 +1,20 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
+import React, { useRef, useState } from 'react';
 import clsx from 'clsx';
 import { copyAnalyticsMetadataAttribute, getAnalyticsMetadataAttribute, } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
+import InternalButton from '../button/internal';
 import { useInternalI18n } from '../i18n/context';
 import InternalIcon from '../icon/internal';
+import InternalInput from '../input/internal';
 import { getBaseProps } from '../internal/base-component';
 import { useTableComponentsContext } from '../internal/context/table-component-context';
 import { fireNonCancelableEvent } from '../internal/events';
+import { usePrevious } from '../internal/hooks/use-previous';
+import InternalPopover from '../popover/internal';
+import InternalSpaceBetween from '../space-between/internal';
 import { getPaginationState, range } from './utils';
 import styles from './styles.css.js';
-const defaultAriaLabels = {
-    nextPageLabel: '',
-    paginationLabel: '',
-    previousPageLabel: '',
-    pageLabel: pageNumber => `${pageNumber}`,
-};
 function PageButton({ className, ariaLabel, disabled, pageIndex, isCurrent = false, children, onClick, ...rest }) {
     function handleClick(event) {
         event.preventDefault();
@@ -40,15 +39,33 @@ function PageNumber({ pageIndex, ...rest }) {
                 },
             })) }, pageIndex));
 }
-export default function InternalPagination({ openEnd, currentPageIndex, ariaLabels, pagesCount, disabled, onChange, onNextPageClick, onPreviousPageClick, __internalRootRef, ...rest }) {
-    var _a, _b, _c, _d;
+const InternalPagination = React.forwardRef(({ openEnd, currentPageIndex, ariaLabels, i18nStrings, pagesCount, disabled, onChange, onNextPageClick, onPreviousPageClick, __internalRootRef, jumpToPage, ...rest }, ref) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const baseProps = getBaseProps(rest);
     const { leftDots, leftIndex, rightIndex, rightDots } = getPaginationState(currentPageIndex, pagesCount, openEnd);
+    const [jumpToPageValue, setJumpToPageValue] = useState(currentPageIndex === null || currentPageIndex === void 0 ? void 0 : currentPageIndex.toString());
+    const previousLoading = usePrevious(jumpToPage === null || jumpToPage === void 0 ? void 0 : jumpToPage.loading);
+    const jumpToPageInputRef = useRef(null);
+    const [hasError, setHasError] = useState(false);
     const i18n = useInternalI18n('pagination');
-    const paginationLabel = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.paginationLabel;
-    const nextPageLabel = (_a = i18n('ariaLabels.nextPageLabel', ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.nextPageLabel)) !== null && _a !== void 0 ? _a : defaultAriaLabels.nextPageLabel;
-    const previousPageLabel = (_b = i18n('ariaLabels.previousPageLabel', ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.previousPageLabel)) !== null && _b !== void 0 ? _b : defaultAriaLabels.previousPageLabel;
-    const pageNumberLabelFn = (_c = i18n('ariaLabels.pageLabel', ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.pageLabel, format => pageNumber => format({ pageNumber }))) !== null && _c !== void 0 ? _c : defaultAriaLabels.pageLabel;
+    // Expose setError function via ref
+    React.useImperativeHandle(ref, () => ({
+        setError: (error) => setHasError(error),
+    }));
+    // Sync input with currentPageIndex after loading completes
+    React.useEffect(() => {
+        if (previousLoading && !(jumpToPage === null || jumpToPage === void 0 ? void 0 : jumpToPage.loading)) {
+            setJumpToPageValue(String(currentPageIndex));
+        }
+    }, [previousLoading, jumpToPage === null || jumpToPage === void 0 ? void 0 : jumpToPage.loading, currentPageIndex]);
+    const paginationLabel = (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.paginationLabel) !== null && _a !== void 0 ? _a : '';
+    const nextPageLabel = (_b = i18n('ariaLabels.nextPageLabel', ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.nextPageLabel)) !== null && _b !== void 0 ? _b : '';
+    const previousPageLabel = (_c = i18n('ariaLabels.previousPageLabel', ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.previousPageLabel)) !== null && _c !== void 0 ? _c : '';
+    const pageNumberLabelFn = (_d = i18n('ariaLabels.pageLabel', ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.pageLabel, format => pageNumber => format({ pageNumber }))) !== null && _d !== void 0 ? _d : ((pageNumber) => `${pageNumber}`);
+    const jumpToPageLabel = (_e = i18n('i18nStrings.jumpToPageInputLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.jumpToPageInputLabel)) !== null && _e !== void 0 ? _e : '';
+    const jumpToPageButtonLabel = (_f = i18n('ariaLabels.jumpToPageButtonLabel', ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.jumpToPageButton)) !== null && _f !== void 0 ? _f : '';
+    const jumpToPageError = (_g = i18n('i18nStrings.jumpToPageError', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.jumpToPageError)) !== null && _g !== void 0 ? _g : '';
+    const jumpToPageLoadingText = (_h = i18n('i18nStrings.jumpToPageLoadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.jumpToPageLoadingText)) !== null && _h !== void 0 ? _h : '';
     function handlePrevPageClick(requestedPageIndex) {
         handlePageClick(requestedPageIndex);
         fireNonCancelableEvent(onPreviousPageClick, {
@@ -63,19 +80,48 @@ export default function InternalPagination({ openEnd, currentPageIndex, ariaLabe
             requestedPageIndex: requestedPageIndex,
         });
     }
-    function handlePageClick(requestedPageIndex) {
+    function handlePageClick(requestedPageIndex, errorState) {
+        setJumpToPageValue(String(requestedPageIndex));
+        setHasError(!!errorState); // Clear error on successful navigation
         fireNonCancelableEvent(onChange, { currentPageIndex: requestedPageIndex });
     }
+    function handleJumpToPageClick(requestedPageIndex) {
+        var _a;
+        const adjustedIndex = Math.max(1, Math.floor(requestedPageIndex));
+        if (openEnd) {
+            // Open-end: always navigate, parent will handle async loading
+            handlePageClick(adjustedIndex);
+        }
+        else {
+            // Closed-end: validate range
+            if (adjustedIndex >= 1 && adjustedIndex <= pagesCount) {
+                handlePageClick(adjustedIndex);
+            }
+            else {
+                // Out of range - set error and navigate to last page
+                handlePageClick(pagesCount, true);
+            }
+        }
+        (_a = jumpToPageInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    // Auto-clear error when user types in the input
+    const handleInputChange = (e) => {
+        setJumpToPageValue(e.detail.value);
+        if (hasError) {
+            setHasError(false);
+        }
+    };
     const previousButtonDisabled = disabled || currentPageIndex === 1;
     const nextButtonDisabled = disabled || (!openEnd && (pagesCount === 0 || currentPageIndex === pagesCount));
     const tableComponentContext = useTableComponentsContext();
-    if ((_d = tableComponentContext === null || tableComponentContext === void 0 ? void 0 : tableComponentContext.paginationRef) === null || _d === void 0 ? void 0 : _d.current) {
+    if ((_j = tableComponentContext === null || tableComponentContext === void 0 ? void 0 : tableComponentContext.paginationRef) === null || _j === void 0 ? void 0 : _j.current) {
         tableComponentContext.paginationRef.current.currentPageIndex = currentPageIndex;
         tableComponentContext.paginationRef.current.totalPageCount = pagesCount;
         tableComponentContext.paginationRef.current.openEnd = openEnd;
     }
+    const jumpToPageButton = (React.createElement(InternalButton, { iconName: "arrow-right", variant: "icon", loading: jumpToPage === null || jumpToPage === void 0 ? void 0 : jumpToPage.loading, loadingText: jumpToPageLoadingText, ariaLabel: (jumpToPage === null || jumpToPage === void 0 ? void 0 : jumpToPage.loading) ? jumpToPageLoadingText : jumpToPageButtonLabel, onClick: () => handleJumpToPageClick(Number(jumpToPageValue)), disabled: !jumpToPageValue || Number(jumpToPageValue) === currentPageIndex }));
     return (React.createElement("ul", { "aria-label": paginationLabel, ...baseProps, className: clsx(baseProps.className, styles.root, disabled && styles['root-disabled']), ref: __internalRootRef },
-        React.createElement(PageButton, { className: styles.arrow, pageIndex: currentPageIndex - 1, ariaLabel: previousPageLabel !== null && previousPageLabel !== void 0 ? previousPageLabel : defaultAriaLabels.nextPageLabel, disabled: previousButtonDisabled, onClick: handlePrevPageClick, ...(previousButtonDisabled
+        React.createElement(PageButton, { className: styles.arrow, pageIndex: currentPageIndex - 1, ariaLabel: previousPageLabel, disabled: previousButtonDisabled, onClick: handlePrevPageClick, ...(previousButtonDisabled
                 ? {}
                 : getAnalyticsMetadataAttribute({
                     detail: {
@@ -88,13 +134,26 @@ export default function InternalPagination({ openEnd, currentPageIndex, ariaLabe
         range(leftIndex, rightIndex).map(pageIndex => (React.createElement(PageNumber, { key: pageIndex, isCurrent: currentPageIndex === pageIndex, pageIndex: pageIndex, disabled: disabled, ariaLabel: pageNumberLabelFn(pageIndex), onClick: handlePageClick }))),
         rightDots && React.createElement("li", { className: styles.dots }, "..."),
         !openEnd && pagesCount > 1 && (React.createElement(PageNumber, { isCurrent: currentPageIndex === pagesCount, pageIndex: pagesCount, disabled: disabled, ariaLabel: pageNumberLabelFn(pagesCount), onClick: handlePageClick })),
-        React.createElement(PageButton, { className: styles.arrow, pageIndex: currentPageIndex + 1, ariaLabel: nextPageLabel !== null && nextPageLabel !== void 0 ? nextPageLabel : defaultAriaLabels.nextPageLabel, disabled: nextButtonDisabled, onClick: handleNextPageClick, ...(nextButtonDisabled
+        React.createElement(PageButton, { className: styles.arrow, pageIndex: currentPageIndex + 1, ariaLabel: nextPageLabel, disabled: nextButtonDisabled, onClick: handleNextPageClick, ...(nextButtonDisabled
                 ? {}
                 : getAnalyticsMetadataAttribute({
                     detail: {
                         position: 'next',
                     },
                 })) },
-            React.createElement(InternalIcon, { name: "angle-right", variant: disabled ? 'disabled' : 'normal' }))));
-}
+            React.createElement(InternalIcon, { name: "angle-right", variant: disabled ? 'disabled' : 'normal' })),
+        jumpToPage && (React.createElement("li", { className: styles['jump-to-page'] },
+            React.createElement(InternalSpaceBetween, { size: "xxs", direction: "horizontal", alignItems: "end" },
+                React.createElement("div", { className: styles['jump-to-page-input'] },
+                    React.createElement(InternalInput, { ref: jumpToPageInputRef, type: "number", value: jumpToPageValue, __inlineLabelText: jumpToPageLabel || undefined, __fullWidth: true, ariaLabel: jumpToPageLabel || undefined, nativeInputAttributes: {
+                            min: 1,
+                            max: !openEnd ? pagesCount : undefined,
+                        }, onChange: handleInputChange, onBlur: () => setHasError(false), onKeyDown: e => {
+                            if (e.detail.keyCode === 13 && jumpToPageValue && Number(jumpToPageValue) !== currentPageIndex) {
+                                handleJumpToPageClick(Number(jumpToPageValue));
+                            }
+                        } })),
+                hasError && !(jumpToPage === null || jumpToPage === void 0 ? void 0 : jumpToPage.loading) ? (React.createElement(InternalPopover, { size: "medium", dismissButton: false, __visible: true, content: jumpToPageError, position: "bottom", triggerType: "custom", __onVisibleChange: ({ detail }) => !detail.visible && setHasError(false) }, jumpToPageButton)) : (jumpToPageButton))))));
+});
+export default InternalPagination;
 //# sourceMappingURL=internal.js.map