@elliemae/ds-pagination 3.57.0-next.9 → 3.57.0-rc.0

package/dist/cjs/{Pagination.js → DSPagination.js}

@@ -26,24 +26,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Pagination_exports = {};
-__export(Pagination_exports, {
+var DSPagination_exports = {};
+__export(DSPagination_exports, {
   DSPagination: () => DSPagination,
   DSPaginationWithSchema: () => DSPaginationWithSchema
 });
-module.exports = __toCommonJS(Pagination_exports);
+module.exports = __toCommonJS(DSPagination_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_usePagination = require("./config/usePagination.js");
+var import_constants = require("./constants/index.js");
 var import_PaginationContent = require("./parts/PaginationContent.js");
-var import_DSPaginationDefinitions = require("./DSPaginationDefinitions.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 const DSPagination = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSPaginationPropTypesSchema, import_DSPaginationDefinitions.DSPaginationName);
+  const { propsWithDefault } = (0, import_usePagination.usePagination)(props);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PaginationContent.PaginationContent, { ...propsWithDefault });
 };
-DSPagination.displayName = import_DSPaginationDefinitions.DSPaginationName;
+DSPagination.displayName = import_constants.DSPaginationName;
 const DSPaginationWithSchema = (0, import_ds_props_helpers.describe)(DSPagination).description("DSPagination");
 DSPaginationWithSchema.propTypes = import_react_desc_prop_types.DSPaginationPropTypesSchema;
-//# sourceMappingURL=Pagination.js.map
+//# sourceMappingURL=DSPagination.js.map

package/dist/cjs/DSPagination.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSPagination.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { usePagination } from './config/usePagination.js';\nimport { DSPaginationName } from './constants/index.js';\nimport { PaginationContent } from './parts/PaginationContent.js';\nimport type { DSPaginationT } from './react-desc-prop-types.js';\nimport { DSPaginationPropTypesSchema } from './react-desc-prop-types.js';\n\nconst DSPagination: React.ComponentType<DSPaginationT.Props> = (props) => {\n  const { propsWithDefault } = usePagination(props);\n  return <PaginationContent {...propsWithDefault} />;\n};\n\nDSPagination.displayName = DSPaginationName;\nconst DSPaginationWithSchema = describe(DSPagination).description('DSPagination');\nDSPaginationWithSchema.propTypes = DSPaginationPropTypesSchema;\n\nexport { DSPagination, DSPaginationWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUd;AATT,8BAAyB;AACzB,2BAA8B;AAC9B,uBAAiC;AACjC,+BAAkC;AAElC,mCAA4C;AAE5C,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,iBAAiB,QAAI,oCAAc,KAAK;AAChD,SAAO,4CAAC,8CAAmB,GAAG,kBAAkB;AAClD;AAEA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY,EAAE,YAAY,cAAc;AAChF,uBAAuB,YAAY;",
+  "names": []
+}

package/dist/cjs/config/usePagination.js

@@ -0,0 +1,51 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePagination_exports = {};
+__export(usePagination_exports, {
+  usePagination: () => usePagination
+});
+module.exports = __toCommonJS(usePagination_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const usePagination = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSPaginationPropTypes);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps
+    }),
+    [propsWithDefault, xstyledProps]
+  );
+};
+//# sourceMappingURL=usePagination.js.map

package/dist/cjs/config/usePagination.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/usePagination.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\n\nimport { type DSPaginationT, DSPaginationPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const usePagination = (propsFromUser: DSPaginationT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSPaginationT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSPaginationPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  // const instanceUid = React.useMemo(() => `ds-pagination-${uid(5)}`, []);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [propsWithDefault, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAiE;AAEjE,mCAAwE;AACxE,8BAAiC;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,uBAAmB,sDAA0D,eAAe,yCAAY;AAC9G,gDAAiB,kBAAkB,kDAAqB;AAIxD,QAAM,mBAAe,4CAAmB,gBAAgB;AAWxD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/{PaginationDataTestID.js → config/useValidateProps.js}

@@ -26,19 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var PaginationDataTestID_exports = {};
-__export(PaginationDataTestID_exports, {
-  PAGINATION_DATA_TESTID: () => PAGINATION_DATA_TESTID
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
 });
-module.exports = __toCommonJS(PaginationDataTestID_exports);
+module.exports = __toCommonJS(useValidateProps_exports);
 var React = __toESM(require("react"));
-const PAGINATION_DATA_TESTID = {
-  PREVIOUS_BUTTON: "data-table-pagination-prev-button",
-  NEXT_BUTTON: "data-table-pagination-next-button",
-  CONTAINER: "data-table-pagination-container",
-  PER_PAGE_SELECTOR: "ds-pagination-per-page-selector",
-  PAGINATOR: "ds-pagination-paginator",
-  SEPARATOR: "ds-pagination-separator",
-  WRAPPER: "ds-pagination-wrapper"
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSPaginationName);
 };
-//# sourceMappingURL=PaginationDataTestID.js.map
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSPaginationT } from '../react-desc-prop-types.js';\nimport { DSPaginationName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSPaginationT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSPaginationName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAiC;AAE1B,MAAM,mBAAmB,CAAC,OAAoC,cAA4C;AAE/G,8DAA+B,OAAO,WAAW,iCAAgB;AACnE;",
+  "names": []
+}

package/dist/cjs/{DSPaginationDefinitions.js → constants/index.js}

@@ -26,29 +26,32 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSPaginationDefinitions_exports = {};
-__export(DSPaginationDefinitions_exports, {
+var constants_exports = {};
+__export(constants_exports, {
   DSPaginationName: () => DSPaginationName,
-  PageNextButtonName: () => PageNextButtonName,
-  PagePrevButtonName: () => PagePrevButtonName,
-  PaginationContainerName: () => PaginationContainerName,
-  PaginationSeparatorName: () => PaginationSeparatorName,
-  PaginationSlots: () => PaginationSlots,
-  PaginatorName: () => PaginatorName,
-  PerPageSelectorName: () => PerPageSelectorName
+  PAGINATION_DATA_TESTID: () => PAGINATION_DATA_TESTID,
+  PAGINATION_SLOTS: () => PAGINATION_SLOTS,
+  PaginationSlots: () => PaginationSlots
 });
-module.exports = __toCommonJS(DSPaginationDefinitions_exports);
+module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
 const DSPaginationName = "DSPagination";
-const PaginationContainerName = "DSPaginationContainer";
-const PerPageSelectorName = "DSPerPageSelector";
-const PagePrevButtonName = "DSPagePrevButton";
-const PageNextButtonName = "DSPageNextButton";
-const PaginatorName = "DSPaginator";
-const PaginationSeparatorName = "DSPaginationSeparator";
-const PaginationSlots = {
+const PAGINATION_SLOTS = {
   ROOT: "root",
   WRAPPER: "wrapper",
-  SEPARATOR: "separator"
+  SEPARATOR: "separator",
+  PAGINATOR: "paginator",
+  PER_PAGE_SELECTOR: "per-page-selector",
+  PREVIOUS_BUTTON: "previous-button",
+  NEXT_BUTTON: "next-button"
 };
-//# sourceMappingURL=DSPaginationDefinitions.js.map
+const PaginationSlots = PAGINATION_SLOTS;
+const PAGINATION_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSPaginationName, PaginationSlots),
+  PREVIOUS_BUTTON: "data-table-pagination-prev-button",
+  NEXT_BUTTON: "data-table-pagination-next-button",
+  ROOT: "data-table-pagination-container",
+  CONTAINER: "data-table-pagination-container"
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSPaginationName = 'DSPagination';\n\n// NEW Convention for Slots\nexport const PAGINATION_SLOTS = {\n  ROOT: 'root',\n  WRAPPER: 'wrapper',\n  SEPARATOR: 'separator',\n  PAGINATOR: 'paginator',\n  PER_PAGE_SELECTOR: 'per-page-selector',\n  PREVIOUS_BUTTON: 'previous-button',\n  NEXT_BUTTON: 'next-button',\n};\n// Legacy export for backwards compatibility\nexport const PaginationSlots = PAGINATION_SLOTS;\n\nexport const PAGINATION_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSPaginationName, PaginationSlots),\n  PREVIOUS_BUTTON: 'data-table-pagination-prev-button',\n  NEXT_BUTTON: 'data-table-pagination-next-button',\n  ROOT: 'data-table-pagination-container',\n  CONTAINER: 'data-table-pagination-container',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,mBAAmB;AAGzB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AACf;AAEO,MAAM,kBAAkB;AAExB,MAAM,yBAAyB;AAAA,EACpC,OAAG,0CAAwB,kBAAkB,eAAe;AAAA,EAC5D,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AACb;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -29,35 +29,46 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   DSPageNextButton: () => import_parts.DSPageNextButton,
+  DSPageNextButtonName: () => import_parts.DSPageNextButtonName,
   DSPageNextButtonWithSchema: () => import_parts.DSPageNextButtonWithSchema,
   DSPagePrevButton: () => import_parts.DSPagePrevButton,
+  DSPagePrevButtonName: () => import_parts.DSPagePrevButtonName,
   DSPagePrevButtonWithSchema: () => import_parts.DSPagePrevButtonWithSchema,
-  DSPagination: () => import_Pagination.DSPagination,
+  DSPagination: () => import_DSPagination.DSPagination,
   DSPaginationContainer: () => import_parts.DSPaginationContainer,
+  DSPaginationContainerName: () => import_parts.DSPaginationContainerName,
   DSPaginationContainerWithSchema: () => import_parts.DSPaginationContainerWithSchema,
-  DSPaginationName: () => import_DSPaginationDefinitions2.DSPaginationName,
-  DSPaginationSeparator: () => import_styled2.DSPaginationSeparator,
-  DSPaginationSeparatorWithSchema: () => DSPaginationSeparatorWithSchema,
-  DSPaginationWithSchema: () => import_Pagination.DSPaginationWithSchema,
+  DSPaginationName: () => import_constants.DSPaginationName,
+  DSPaginationSeparator: () => import_parts.DSPaginationSeparator,
+  DSPaginationSeparatorName: () => import_parts.DSPaginationSeparatorName,
+  DSPaginationSeparatorWithSchema: () => import_parts.DSPaginationSeparatorWithSchema,
+  DSPaginationWithSchema: () => import_DSPagination.DSPaginationWithSchema,
   DSPaginator: () => import_parts.DSPaginator,
+  DSPaginatorName: () => import_parts.DSPaginatorName,
   DSPaginatorWithSchema: () => import_parts.DSPaginatorWithSchema,
   DSPerPageSelector: () => import_parts.DSPerPageSelector,
+  DSPerPageSelectorName: () => import_parts.DSPerPageSelectorName,
   DSPerPageSelectorWithSchema: () => import_parts.DSPerPageSelectorWithSchema,
-  PAGINATION_DATA_TESTID: () => import_PaginationDataTestID.PAGINATION_DATA_TESTID,
-  PaginationSlots: () => import_DSPaginationDefinitions2.PaginationSlots
+  PAGE_NEXT_BUTTON_DATA_TESTID: () => import_parts.PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS: () => import_parts.PAGE_NEXT_BUTTON_SLOTS,
+  PAGE_PREV_BUTTON_DATA_TESTID: () => import_parts.PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS: () => import_parts.PAGE_PREV_BUTTON_SLOTS,
+  PAGINATION_CONTAINER_DATA_TESTID: () => import_parts.PAGINATION_CONTAINER_DATA_TESTID,
+  PAGINATION_CONTAINER_SLOTS: () => import_parts.PAGINATION_CONTAINER_SLOTS,
+  PAGINATION_DATA_TESTID: () => import_constants.PAGINATION_DATA_TESTID,
+  PAGINATION_SEPARATOR_DATA_TESTID: () => import_parts.PAGINATION_SEPARATOR_DATA_TESTID,
+  PAGINATION_SEPARATOR_SLOTS: () => import_parts.PAGINATION_SEPARATOR_SLOTS,
+  PAGINATION_SLOTS: () => import_constants.PAGINATION_SLOTS,
+  PAGINATOR_DATA_TESTID: () => import_parts.PAGINATOR_DATA_TESTID,
+  PAGINATOR_SLOTS: () => import_parts.PAGINATOR_SLOTS,
+  PER_PAGE_SELECTOR_DATA_TESTID: () => import_parts.PER_PAGE_SELECTOR_DATA_TESTID,
+  PER_PAGE_SELECTOR_SLOTS: () => import_parts.PER_PAGE_SELECTOR_SLOTS,
+  PaginationSeparatorName: () => import_parts.DSPaginationSeparatorName,
+  PaginationSlots: () => import_constants.PaginationSlots
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_styled = require("./styled.js");
-var import_react_desc_prop_types = require("./react-desc-prop-types.js");
-var import_DSPaginationDefinitions = require("./DSPaginationDefinitions.js");
-var import_Pagination = require("./Pagination.js");
+var import_DSPagination = require("./DSPagination.js");
+var import_constants = require("./constants/index.js");
 var import_parts = require("./parts/index.js");
-var import_styled2 = require("./styled.js");
-var import_DSPaginationDefinitions2 = require("./DSPaginationDefinitions.js");
-var import_PaginationDataTestID = require("./PaginationDataTestID.js");
-import_styled.DSPaginationSeparator.propTypes = import_react_desc_prop_types.DSPaginationStyledPartPropTypesSchema;
-import_styled.DSPaginationSeparator.displayName = import_DSPaginationDefinitions.PaginationSeparatorName;
-const DSPaginationSeparatorWithSchema = (0, import_ds_props_helpers.describe)(import_styled.DSPaginationSeparator).description("Pagination Separator");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport type {} from '@xstyled/util';\nimport { DSPaginationSeparator } from './styled.js';\nimport { DSPaginationStyledPartPropTypesSchema } from './react-desc-prop-types.js';\nimport { PaginationSeparatorName } from './DSPaginationDefinitions.js';\n\nDSPaginationSeparator.propTypes = DSPaginationStyledPartPropTypesSchema;\nDSPaginationSeparator.displayName = PaginationSeparatorName;\nconst DSPaginationSeparatorWithSchema = describe(DSPaginationSeparator as React.FC).description('Pagination Separator');\n\nexport { DSPagination, DSPaginationWithSchema } from './Pagination.js';\nexport {\n  DSPageNextButton,\n  DSPageNextButtonWithSchema,\n  DSPagePrevButton,\n  DSPagePrevButtonWithSchema,\n  DSPaginationContainer,\n  DSPaginationContainerWithSchema,\n  DSPerPageSelector,\n  DSPerPageSelectorWithSchema,\n  DSPaginator,\n  DSPaginatorWithSchema,\n} from './parts/index.js';\n\nexport { DSPaginationSeparator } from './styled.js';\n\nexport { DSPaginationName, PaginationSlots } from './DSPaginationDefinitions.js';\n\nexport { DSPaginationSeparatorWithSchema };\n\nexport { PAGINATION_DATA_TESTID } from './PaginationDataTestID.js';\n\nexport type { DSPaginationT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAyB;AAEzB,oBAAsC;AACtC,mCAAsD;AACtD,qCAAwC;AAMxC,wBAAqD;AACrD,mBAWO;AAEP,IAAAA,iBAAsC;AAEtC,IAAAC,kCAAkD;AAIlD,kCAAuC;AAxBvC,oCAAsB,YAAY;AAClC,oCAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,mCAAiC,EAAE,YAAY,sBAAsB;",
-  "names": ["import_styled", "import_DSPaginationDefinitions"]
+  "sourcesContent": ["import type {} from '@xstyled/system';\nexport { DSPagination, DSPaginationWithSchema } from './DSPagination.js';\nexport { DSPaginationName, PaginationSlots, PAGINATION_DATA_TESTID, PAGINATION_SLOTS } from './constants/index.js';\nexport type { DSPaginationT } from './react-desc-prop-types.js';\n\nexport {\n  DSPageNextButton,\n  DSPageNextButtonWithSchema,\n  DSPageNextButtonName,\n  PAGE_NEXT_BUTTON_DATA_TESTID,\n  PAGE_NEXT_BUTTON_SLOTS,\n  type DSPageNextButtonT,\n  DSPagePrevButton,\n  DSPagePrevButtonWithSchema,\n  DSPagePrevButtonName,\n  PAGE_PREV_BUTTON_DATA_TESTID,\n  PAGE_PREV_BUTTON_SLOTS,\n  type DSPagePrevButtonT,\n  DSPaginationContainer,\n  DSPaginationContainerWithSchema,\n  DSPaginationContainerName,\n  PAGINATION_CONTAINER_DATA_TESTID,\n  PAGINATION_CONTAINER_SLOTS,\n  type DSPaginationContainerT,\n  DSPerPageSelector,\n  DSPerPageSelectorWithSchema,\n  DSPerPageSelectorName,\n  PER_PAGE_SELECTOR_DATA_TESTID,\n  PER_PAGE_SELECTOR_SLOTS,\n  type DSPerPageSelectorT,\n  DSPaginator,\n  DSPaginatorWithSchema,\n  DSPaginatorName,\n  PAGINATOR_DATA_TESTID,\n  PAGINATOR_SLOTS,\n  type DSPaginatorT,\n  DSPaginationSeparator,\n  DSPaginationSeparatorWithSchema,\n  DSPaginationSeparatorName,\n  DSPaginationSeparatorName as PaginationSeparatorName,\n  PAGINATION_SEPARATOR_DATA_TESTID,\n  PAGINATION_SEPARATOR_SLOTS,\n  type DSPaginationSeparatorT,\n} from './parts/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAqD;AACrD,uBAA4F;AAG5F,mBAsCO;",
+  "names": []
 }

package/dist/cjs/parts/{DSPageNextButton.js → DSPageNextButton/DSPageNextButton.js}

@@ -34,30 +34,58 @@ __export(DSPageNextButton_exports, {
 module.exports = __toCommonJS(DSPageNextButton_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_PaginationDataTestID = require("../PaginationDataTestID.js");
-var import_styled = require("../styled.js");
-var import_react_desc_prop_types = require("../react-desc-prop-types.js");
-var import_DSPaginationDefinitions = require("../DSPaginationDefinitions.js");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_usePageNextButton = require("./config/usePageNextButton.js");
+var import_constants = require("./constants/index.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+const NextPageButton = (0, import_ds_system.styled)(import_ds_button_v2.DSButtonV3, {
+  name: import_constants.DSPaginationName,
+  slot: import_constants.PAGE_NEXT_BUTTON_SLOTS.PAGE_NEXT_BUTTON,
+  preserveLegacyDataTestId: true
+})`
+  min-height: 42px;
+  display: grid;
+  place-items: center;
+  position: relative;
+  padding-left: 8px;
+  padding-right: 8px;
+  border-radius: 0;
+  :focus {
+    &:after {
+      display: block;
+      content: ' ';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      border: 2px solid ${({ theme }) => theme.colors.brand[700]};
+      pointer-events: none;
+      z-index: 7;
+    }
+  }
+  cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
+`;
 const DSPageNextButton = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(
-    props,
-    import_react_desc_prop_types.pageNextButtonDefaultProps
-  );
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSPageNextButtonPropTypesSchema, import_DSPaginationDefinitions.PageNextButtonName);
-  const { canNextPage, onNextPage } = propsWithDefault;
-  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
-  const xstyledAttributes = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const {
+    propsWithDefault: { canNextPage, onNextPage },
+    xstyledProps,
+    globalAttributes,
+    ownerPropsConfig
+  } = (0, import_usePageNextButton.usePageNextButton)(props);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styled.PreviousNextPageButton,
+    NextPageButton,
     {
       disabled: !canNextPage,
       buttonType: "raw",
-      "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.NEXT_BUTTON,
+      "data-testid": import_constants.PAGE_NEXT_BUTTON_DATA_TESTID.PAGE_NEXT_BUTTON,
       "aria-label": "Go to next page",
       ...globalAttributes,
-      ...xstyledAttributes,
+      ...xstyledProps,
+      ...ownerPropsConfig,
       onClick: () => {
         if (canNextPage) onNextPage();
       },
@@ -65,7 +93,7 @@ const DSPageNextButton = (props) => {
     }
   );
 };
-DSPageNextButton.displayName = import_DSPaginationDefinitions.PageNextButtonName;
-const DSPageNextButtonWithSchema = (0, import_ds_props_helpers.describe)(DSPageNextButton).description("Per Page Selector");
+DSPageNextButton.displayName = import_constants.DSPageNextButtonName;
+const DSPageNextButtonWithSchema = (0, import_ds_props_helpers.describe)(DSPageNextButton);
 DSPageNextButtonWithSchema.propTypes = import_react_desc_prop_types.DSPageNextButtonPropTypesSchema;
 //# sourceMappingURL=DSPageNextButton.js.map

package/dist/cjs/parts/DSPageNextButton/DSPageNextButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSPageNextButton/DSPageNextButton.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport React from 'react';\n\nimport { DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { usePageNextButton } from './config/usePageNextButton.js';\nimport {\n  DSPageNextButtonName,\n  DSPaginationName,\n  PAGE_NEXT_BUTTON_DATA_TESTID,\n  PAGE_NEXT_BUTTON_SLOTS,\n} from './constants/index.js';\nimport { type DSPageNextButtonT, DSPageNextButtonPropTypesSchema } from './react-desc-prop-types.js';\n\nconst NextPageButton = styled(DSButtonV3, {\n  name: DSPaginationName,\n  slot: PAGE_NEXT_BUTTON_SLOTS.PAGE_NEXT_BUTTON,\n  preserveLegacyDataTestId: true,\n})`\n  min-height: 42px;\n  display: grid;\n  place-items: center;\n  position: relative;\n  padding-left: 8px;\n  padding-right: 8px;\n  border-radius: 0;\n  :focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: 7;\n    }\n  }\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n`;\n\nconst DSPageNextButton: React.ComponentType<DSPageNextButtonT.Props> = (props) => {\n  const {\n    propsWithDefault: { canNextPage, onNextPage },\n    xstyledProps,\n    globalAttributes,\n    ownerPropsConfig,\n  } = usePageNextButton(props);\n\n  return (\n    <NextPageButton\n      disabled={!canNextPage}\n      buttonType=\"raw\"\n      data-testid={PAGE_NEXT_BUTTON_DATA_TESTID.PAGE_NEXT_BUTTON}\n      aria-label=\"Go to next page\"\n      {...globalAttributes}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n      onClick={() => {\n        if (canNextPage) onNextPage();\n      }}\n    >\n      <ChevronRight color={canNextPage ? ['brand-primary', '700'] : ['neutral', '500']} />\n    </NextPageButton>\n  );\n};\n\nDSPageNextButton.displayName = DSPageNextButtonName;\nconst DSPageNextButtonWithSchema = describe(DSPageNextButton);\nDSPageNextButtonWithSchema.propTypes = DSPageNextButtonPropTypesSchema;\n\nexport { DSPageNextButton, DSPageNextButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiEjB;AAjEN,8BAAyB;AACzB,uBAAuB;AAGvB,0BAA2B;AAC3B,sBAA6B;AAC7B,+BAAkC;AAClC,uBAKO;AACP,mCAAwE;AAExE,MAAM,qBAAiB,yBAAO,gCAAY;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,wCAAuB;AAAA,EAC7B,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAiByB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKpD,CAAC,UAAW,MAAM,WAAW,gBAAgB,SAAU;AAAA;AAGnE,MAAM,mBAAiE,CAAC,UAAU;AAChF,QAAM;AAAA,IACJ,kBAAkB,EAAE,aAAa,WAAW;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,4CAAkB,KAAK;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC;AAAA,MACX,YAAW;AAAA,MACX,eAAa,8CAA6B;AAAA,MAC1C,cAAW;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,SAAS,MAAM;AACb,YAAI,YAAa,YAAW;AAAA,MAC9B;AAAA,MAEA,sDAAC,gCAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK,GAAG;AAAA;AAAA,EACpF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/cjs/parts/DSPageNextButton/config/usePageNextButton.js

@@ -0,0 +1,55 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePageNextButton_exports = {};
+__export(usePageNextButton_exports, {
+  usePageNextButton: () => usePageNextButton
+});
+module.exports = __toCommonJS(usePageNextButton_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react = __toESM(require("react"));
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const usePageNextButton = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSPageNextButtonPropTypesSchema);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalAttributes,
+      ownerPropsConfig
+    }),
+    [propsWithDefault, xstyledProps, globalAttributes, ownerPropsConfig]
+  );
+};
+//# sourceMappingURL=usePageNextButton.js.map

package/dist/cjs/parts/DSPageNextButton/config/usePageNextButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSPageNextButton/config/usePageNextButton.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport React from 'react';\n\nimport type { DSButtonV3T } from '@elliemae/ds-button-v2';\nimport { type DSPageNextButtonT, DSPageNextButtonPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const usePageNextButton = (propsFromUser: DSPageNextButtonT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSPageNextButtonT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSPageNextButtonPropTypesSchema);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes<\n    DSPageNextButtonT.InternalProps,\n    HTMLButtonElement,\n    DSButtonV3T.Props\n  >(propsWithDefault);\n  // =============================================================================\n  // OWNER PROPS CONFIG\n  // =============================================================================\n  const ownerPropsConfig = useOwnerProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  // const instanceUid = React.useMemo(() => `ds-page-next-button-2-${uid(5)}`, []);\n\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      globalAttributes,\n      ownerPropsConfig,\n    }),\n    [propsWithDefault, xstyledProps, globalAttributes, ownerPropsConfig],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AACP,mBAAkB;AAGlB,mCAAsF;AACtF,8BAAiC;AAE1B,MAAM,oBAAoB,CAAC,kBAA2C;AAI3E,QAAM,uBAAmB,sDAA8D,eAAe,yCAAY;AAClH,gDAAiB,kBAAkB,4DAA+B;AAIlE,QAAM,mBAAe,4CAAmB,gBAAgB;AAIxD,QAAM,uBAAmB,gDAIvB,gBAAgB;AAIlB,QAAM,uBAAmB,uCAAc,gBAAgB;AAYvD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,cAAc,kBAAkB,gBAAgB;AAAA,EACrE;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/parts/DSPageNextButton/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSPageNextButtonName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/parts/DSPageNextButton/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSPageNextButton/config/useValidateProps.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSPageNextButtonT } from '../react-desc-prop-types.js';\nimport { DSPageNextButtonName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSPageNextButtonT.InternalProps,\n  propTypes: ValidationMap<DSPageNextButtonT.Props>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSPageNextButtonName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAqC;AAE9B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,qCAAoB;AACvE;",
+  "names": []
+}

package/dist/cjs/parts/DSPageNextButton/constants/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  DSPageNextButtonName: () => DSPageNextButtonName,
+  DSPaginationName: () => import_constants.DSPaginationName,
+  PAGE_NEXT_BUTTON_DATA_TESTID: () => PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS: () => PAGE_NEXT_BUTTON_SLOTS
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("../../../constants/index.js");
+const DSPageNextButtonName = "DSPageNextButton";
+const PAGE_NEXT_BUTTON_SLOTS = {
+  PAGE_NEXT_BUTTON: "next-button"
+};
+const PAGE_NEXT_BUTTON_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(import_constants.DSPaginationName, PAGE_NEXT_BUTTON_SLOTS),
+  PAGE_NEXT_BUTTON: "data-table-pagination-next-button"
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DSPageNextButton/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSPageNextButton/constants/index.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSPaginationName } from '../../../constants/index.js';\nexport { DSPaginationName };\n\nexport const DSPageNextButtonName = 'DSPageNextButton';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PAGE_NEXT_BUTTON_SLOTS = {\n  PAGE_NEXT_BUTTON: 'next-button',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PAGE_NEXT_BUTTON_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSPaginationName, PAGE_NEXT_BUTTON_SLOTS),\n  PAGE_NEXT_BUTTON: 'data-table-pagination-next-button',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACxC,uBAAiC;AAG1B,MAAM,uBAAuB;AAG7B,MAAM,yBAAyB;AAAA,EACpC,kBAAkB;AACpB;AAGO,MAAM,+BAA+B;AAAA,EAC1C,OAAG,0CAAwB,mCAAkB,sBAAsB;AAAA,EACnE,kBAAkB;AACpB;",
+  "names": []
+}

package/dist/cjs/parts/DSPageNextButton/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSPageNextButton_exports = {};
+__export(DSPageNextButton_exports, {
+  DSPageNextButton: () => import_DSPageNextButton.DSPageNextButton,
+  DSPageNextButtonName: () => import_constants.DSPageNextButtonName,
+  DSPageNextButtonWithSchema: () => import_DSPageNextButton.DSPageNextButtonWithSchema,
+  PAGE_NEXT_BUTTON_DATA_TESTID: () => import_constants.PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS: () => import_constants.PAGE_NEXT_BUTTON_SLOTS
+});
+module.exports = __toCommonJS(DSPageNextButton_exports);
+var React = __toESM(require("react"));
+var import_DSPageNextButton = require("./DSPageNextButton.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map