@elliemae/ds-pagination 3.57.0-next.34 → 3.57.0-next.35

package/dist/esm/parts/DSPageNextButton/react-desc-prop-types.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { DSPaginationName, PAGE_NEXT_BUTTON_SLOTS } from "./constants/index.js";
+const defaultProps = {
+  canNextPage: true,
+  onNextPage: () => null
+};
+const DSPageNextButtonPropTypes = {
+  ...getPropsPerSlotPropTypes(DSPaginationName, PAGE_NEXT_BUTTON_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  canNextPage: PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
+  onNextPage: PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null)
+};
+const DSPageNextButtonPropTypesSchema = DSPageNextButtonPropTypes;
+export {
+  DSPageNextButtonPropTypes,
+  DSPageNextButtonPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/parts/DSPageNextButton/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPageNextButton/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSPaginationName, PAGE_NEXT_BUTTON_SLOTS } from './constants/index.js';\n\nexport declare namespace DSPageNextButtonT {\n  export type SlotFunctionArguments = {\n    dsPaginationNextButton: () => object;\n  };\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    canNextPage: boolean;\n    onNextPage: () => void;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSPaginationName, typeof PAGE_NEXT_BUTTON_SLOTS> {}\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSPageNextButtonT.DefaultProps = {\n  canNextPage: true,\n  onNextPage: () => null,\n};\n\nexport const DSPageNextButtonPropTypes: DSPropTypesSchema<DSPageNextButtonT.Props> = {\n  ...getPropsPerSlotPropTypes(DSPaginationName, PAGE_NEXT_BUTTON_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n};\n\nexport const DSPageNextButtonPropTypesSchema =\n  DSPageNextButtonPropTypes as unknown as ValidationMap<DSPageNextButtonT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB,8BAA8B;AA8BlD,MAAM,eAA+C;AAAA,EAC1D,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;AAEO,MAAM,4BAAwE;AAAA,EACnF,GAAG,yBAAyB,kBAAkB,sBAAsB;AAAA,EACpE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,EACvG,YAAY,UAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,MAAM,IAAI;AAChH;AAEO,MAAM,kCACX;",
+  "names": []
+}

package/dist/esm/parts/DSPageNextButton/typescript-testing/slot-props.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+const SlotPropsAsObj = {
+  dsPaginationNextButton: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsPaginationNextButton: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/esm/parts/DSPageNextButton/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPageNextButton/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSPaginationName, PAGE_NEXT_BUTTON_SLOTS } from '../constants/index.js';\nimport type { DSPageNextButtonT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSPageNextButtonT.Props> = {\n  dsPaginationNextButton: { 'aria-label': 'just a typescript test' },\n};\nconst SlotPropsAsFunctions: DSPageNextButtonT.SlotFunctionArguments = {\n  dsPaginationNextButton: () => ({ 'aria-label': 'just a typescript test' }),\n};\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSPaginationName, typeof PAGE_NEXT_BUTTON_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,iBAAmD;AAAA,EACvD,wBAAwB,EAAE,cAAc,yBAAyB;AACnE;AACA,MAAM,uBAAgE;AAAA,EACpE,wBAAwB,OAAO,EAAE,cAAc,yBAAyB;AAC1E;AACA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/{typescript-testing/typescript-page-next-button-valid.js → parts/DSPageNextButton/typescript-testing/typescript-testing.js}

@@ -48,4 +48,4 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(DSPageNextButton, { ...testDefinitionAsConst }),
   /* @__PURE__ */ jsx(DSPageNextButton, { canNextPage: true, onNextPage: () => null })
 ] });
-//# sourceMappingURL=typescript-page-next-button-valid.js.map
+//# sourceMappingURL=typescript-testing.js.map

package/dist/esm/parts/DSPageNextButton/typescript-testing/typescript-testing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPageNextButton/typescript-testing/typescript-testing.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPageNextButton } from '../index.js';\nimport type { DSPageNextButtonT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPageNextButtonT.Props;\ntype ComponentPropsInternals = DSPageNextButtonT.InternalProps;\ntype ComponentPropsDefaultProps = DSPageNextButtonT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPageNextButtonT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPageNextButtonT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  canNextPage: true,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  canNextPage: true,\n  onNextPage: () => null,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  canNextPage: true,\n  onNextPage: () => null,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  canNextPage: true,\n  onNextPage: () => null,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  canNextPage: true,\n  onNextPage: () => null,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSPageNextButton {...testExplicitDefinition} />\n    <DSPageNextButton {...testInferedTypeCompatibility} />\n    <DSPageNextButton {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSPageNextButton canNextPage onNextPage={() => null} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqErB,mBAEE,KAFF;AApEF,SAAS,wBAAwB;AAUjC,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D;AAAA,EAC/D,aAAa;AACf;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;AAGA,MAAM,+BAA+B;AAAA,EACnC,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,oBAAkB,GAAG,wBAAwB;AAAA,EAC9C,oBAAC,oBAAkB,GAAG,8BAA8B;AAAA,EACpD,oBAAC,oBAAkB,GAAG,uBAAuB;AAAA,EAE7C,oBAAC,oBAAiB,aAAW,MAAC,YAAY,MAAM,MAAM;AAAA,GACxD;",
+  "names": []
+}

package/dist/esm/parts/DSPagePrevButton/DSPagePrevButton.js

@@ -0,0 +1,74 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { styled } from "@elliemae/ds-system";
+import { DSButtonV3 } from "@elliemae/ds-button-v2";
+import { ChevronLeft } from "@elliemae/ds-icons";
+import { usePagePrevButton } from "./config/usePagePrevButton.js";
+import {
+  DSPagePrevButtonName,
+  DSPaginationName,
+  PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS
+} from "./constants/index.js";
+import { DSPagePrevButtonPropTypesSchema } from "./react-desc-prop-types.js";
+const PreviousPageButton = styled(DSButtonV3, {
+  name: DSPaginationName,
+  slot: PAGE_PREV_BUTTON_SLOTS.PREVIOUS_BUTTON,
+  preserveLegacyDataTestId: true
+})`
+  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 DSPagePrevButton = (props) => {
+  const {
+    propsWithDefault: { canPreviousPage, onPreviousPage },
+    xstyledProps,
+    globalAttributes,
+    ownerPropsConfig
+  } = usePagePrevButton(props);
+  return /* @__PURE__ */ jsx(
+    PreviousPageButton,
+    {
+      disabled: !canPreviousPage,
+      buttonType: "raw",
+      "data-testid": PAGE_PREV_BUTTON_DATA_TESTID.PREVIOUS_BUTTON,
+      "aria-label": "Go to previous page",
+      ...globalAttributes,
+      ...xstyledProps,
+      ...ownerPropsConfig,
+      onClick: () => {
+        if (canPreviousPage) onPreviousPage();
+      },
+      children: /* @__PURE__ */ jsx(ChevronLeft, { color: canPreviousPage ? ["brand-primary", "700"] : ["neutral", "500"] })
+    }
+  );
+};
+DSPagePrevButton.displayName = DSPagePrevButtonName;
+const DSPagePrevButtonWithSchema = describe(DSPagePrevButton);
+DSPagePrevButtonWithSchema.propTypes = DSPagePrevButtonPropTypesSchema;
+export {
+  DSPagePrevButton,
+  DSPagePrevButtonWithSchema
+};
+//# sourceMappingURL=DSPagePrevButton.js.map

package/dist/esm/parts/DSPagePrevButton/DSPagePrevButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPagePrevButton/DSPagePrevButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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 { ChevronLeft } from '@elliemae/ds-icons';\nimport { usePagePrevButton } from './config/usePagePrevButton.js';\nimport {\n  DSPagePrevButtonName,\n  DSPaginationName,\n  PAGE_PREV_BUTTON_DATA_TESTID,\n  PAGE_PREV_BUTTON_SLOTS,\n} from './constants/index.js';\nimport { type DSPagePrevButtonT, DSPagePrevButtonPropTypesSchema } from './react-desc-prop-types.js';\n\nconst PreviousPageButton = styled(DSButtonV3, {\n  name: DSPaginationName,\n  slot: PAGE_PREV_BUTTON_SLOTS.PREVIOUS_BUTTON,\n  preserveLegacyDataTestId: true,\n})`\n  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 DSPagePrevButton: React.ComponentType<DSPagePrevButtonT.Props> = (props) => {\n  const {\n    propsWithDefault: { canPreviousPage, onPreviousPage },\n    xstyledProps,\n    globalAttributes,\n    ownerPropsConfig,\n  } = usePagePrevButton(props);\n\n  return (\n    <PreviousPageButton\n      disabled={!canPreviousPage}\n      buttonType=\"raw\"\n      data-testid={PAGE_PREV_BUTTON_DATA_TESTID.PREVIOUS_BUTTON}\n      aria-label=\"Go to previous page\"\n      {...globalAttributes}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n      onClick={() => {\n        if (canPreviousPage) onPreviousPage();\n      }}\n    >\n      <ChevronLeft color={canPreviousPage ? ['brand-primary', '700'] : ['neutral', '500']} />\n    </PreviousPageButton>\n  );\n};\n\nDSPagePrevButton.displayName = DSPagePrevButtonName;\nconst DSPagePrevButtonWithSchema = describe(DSPagePrevButton);\nDSPagePrevButtonWithSchema.propTypes = DSPagePrevButtonPropTypesSchema;\n\nexport { DSPagePrevButton, DSPagePrevButtonWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACiEjB;AAjEN,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAGvB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAiC,uCAAuC;AAExE,MAAM,qBAAqB,OAAO,YAAY;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,uBAAuB;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,iBAAiB,eAAe;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,KAAK;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC;AAAA,MACX,YAAW;AAAA,MACX,eAAa,6BAA6B;AAAA,MAC1C,cAAW;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,SAAS,MAAM;AACb,YAAI,gBAAiB,gBAAe;AAAA,MACtC;AAAA,MAEA,8BAAC,eAAY,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK,GAAG;AAAA;AAAA,EACvF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/esm/parts/DSPagePrevButton/config/usePagePrevButton.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import {
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useMemoMergePropsWithDefault,
+  useOwnerProps
+} from "@elliemae/ds-props-helpers";
+import React2 from "react";
+import { DSPagePrevButtonPropTypesSchema, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const usePagePrevButton = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSPagePrevButtonPropTypesSchema);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const ownerPropsConfig = useOwnerProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalAttributes,
+      ownerPropsConfig
+    }),
+    [propsWithDefault, xstyledProps, globalAttributes, ownerPropsConfig]
+  );
+};
+export {
+  usePagePrevButton
+};
+//# sourceMappingURL=usePagePrevButton.js.map

package/dist/esm/parts/DSPagePrevButton/config/usePagePrevButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPagePrevButton/config/usePagePrevButton.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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 DSPagePrevButtonT, DSPagePrevButtonPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const usePagePrevButton = (propsFromUser: DSPagePrevButtonT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSPagePrevButtonT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSPagePrevButtonPropTypesSchema);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes<\n    DSPagePrevButtonT.InternalProps,\n    HTMLButtonElement,\n    DSButtonV3T.Props\n  >(propsWithDefault);\n  // =============================================================================\n  // OWNER PROPS\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-prev-button-${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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAOA,YAAW;AAGlB,SAAiC,iCAAiC,oBAAoB;AACtF,SAAS,wBAAwB;AAE1B,MAAM,oBAAoB,CAAC,kBAA2C;AAI3E,QAAM,mBAAmB,6BAA8D,eAAe,YAAY;AAClH,mBAAiB,kBAAkB,+BAA+B;AAIlE,QAAM,eAAe,mBAAmB,gBAAgB;AAIxD,QAAM,mBAAmB,uBAIvB,gBAAgB;AAIlB,QAAM,mBAAmB,cAAc,gBAAgB;AAYvD,SAAOA,OAAM;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/esm/parts/DSPagePrevButton/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSPagePrevButtonName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSPagePrevButtonName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/parts/DSPagePrevButton/config/useValidateProps.js.map

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

package/dist/esm/parts/DSPagePrevButton/constants/index.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+import { DSPaginationName } from "../../../constants/index.js";
+const DSPagePrevButtonName = "DSPagePrevButton";
+const PAGE_PREV_BUTTON_SLOTS = {
+  PREVIOUS_BUTTON: "prev-page"
+};
+const PAGE_PREV_BUTTON_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSPaginationName, PAGE_PREV_BUTTON_SLOTS),
+  PREVIOUS_BUTTON: "data-table-pagination-prev-button"
+};
+export {
+  DSPagePrevButtonName,
+  DSPaginationName,
+  PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/DSPagePrevButton/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPagePrevButton/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSPaginationName } from '../../../constants/index.js';\nexport { DSPaginationName };\n\nexport const DSPagePrevButtonName = 'DSPagePrevButton';\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_PREV_BUTTON_SLOTS = {\n  PREVIOUS_BUTTON: 'prev-page',\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_PREV_BUTTON_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSPaginationName, PAGE_PREV_BUTTON_SLOTS),\n  PREVIOUS_BUTTON: 'data-table-pagination-prev-button',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAG1B,MAAM,uBAAuB;AAG7B,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AACnB;AAGO,MAAM,+BAA+B;AAAA,EAC1C,GAAG,wBAAwB,kBAAkB,sBAAsB;AAAA,EACnE,iBAAiB;AACnB;",
+  "names": []
+}

package/dist/esm/parts/DSPagePrevButton/index.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { DSPagePrevButton, DSPagePrevButtonWithSchema } from "./DSPagePrevButton.js";
+import { DSPagePrevButtonName, PAGE_PREV_BUTTON_DATA_TESTID, PAGE_PREV_BUTTON_SLOTS } from "./constants/index.js";
+export {
+  DSPagePrevButton,
+  DSPagePrevButtonName,
+  DSPagePrevButtonWithSchema,
+  PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/DSPagePrevButton/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPagePrevButton/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSPagePrevButton, DSPagePrevButtonWithSchema } from './DSPagePrevButton.js';\nexport { DSPagePrevButtonName, PAGE_PREV_BUTTON_DATA_TESTID, PAGE_PREV_BUTTON_SLOTS } from './constants/index.js';\nexport type { DSPagePrevButtonT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB,kCAAkC;AAC7D,SAAS,sBAAsB,8BAA8B,8BAA8B;",
+  "names": []
+}

package/dist/esm/parts/DSPagePrevButton/react-desc-prop-types.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { DSPaginationName, PAGE_PREV_BUTTON_SLOTS } from "./constants/index.js";
+const defaultProps = {
+  canPreviousPage: true,
+  onPreviousPage: () => null
+};
+const DSPagePrevButtonPropTypes = {
+  ...getPropsPerSlotPropTypes(DSPaginationName, PAGE_PREV_BUTTON_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  canPreviousPage: PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
+  onPreviousPage: PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null)
+};
+const DSPagePrevButtonPropTypesSchema = DSPagePrevButtonPropTypes;
+export {
+  DSPagePrevButtonPropTypes,
+  DSPagePrevButtonPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/parts/DSPagePrevButton/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPagePrevButton/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSPaginationName, PAGE_PREV_BUTTON_SLOTS } from './constants/index.js';\n\nexport declare namespace DSPagePrevButtonT {\n  export type SlotFunctionArguments = {\n    dsPaginationPrevPage: () => object;\n  };\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    canPreviousPage: boolean;\n    onPreviousPage: () => void;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSPaginationName, typeof PAGE_PREV_BUTTON_SLOTS> {}\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSPagePrevButtonT.DefaultProps = {\n  canPreviousPage: true,\n  onPreviousPage: () => null,\n};\n\nexport const DSPagePrevButtonPropTypes: DSPropTypesSchema<DSPagePrevButtonT.Props> = {\n  ...getPropsPerSlotPropTypes(DSPaginationName, PAGE_PREV_BUTTON_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n  onPreviousPage: PropTypes.func\n    .description('Function invoked when the previous button is pressed')\n    .defaultValue(() => null),\n};\n\nexport const DSPagePrevButtonPropTypesSchema =\n  DSPagePrevButtonPropTypes as unknown as ValidationMap<DSPagePrevButtonT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB,8BAA8B;AA8BlD,MAAM,eAA+C;AAAA,EAC1D,iBAAiB;AAAA,EACjB,gBAAgB,MAAM;AACxB;AAEO,MAAM,4BAAwE;AAAA,EACnF,GAAG,yBAAyB,kBAAkB,sBAAsB;AAAA,EACpE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,iBAAiB,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,IAAI;AAAA,EAC/G,gBAAgB,UAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,MAAM,IAAI;AAC5B;AAEO,MAAM,kCACX;",
+  "names": []
+}

package/dist/esm/parts/DSPagePrevButton/typescript-testing/slot-props.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+const SlotPropsAsObj = {
+  dsPaginationPrevPage: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsPaginationPrevPage: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/esm/parts/DSPagePrevButton/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPagePrevButton/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSPagePrevButtonName, DSPaginationName, PAGE_PREV_BUTTON_SLOTS } from '../constants/index.js';\nimport type { DSPagePrevButtonT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSPagePrevButtonT.Props> = {\n  dsPaginationPrevPage: { 'aria-label': 'just a typescript test' },\n};\nconst SlotPropsAsFunctions: DSPagePrevButtonT.SlotFunctionArguments = {\n  dsPaginationPrevPage: () => ({ 'aria-label': 'just a typescript test' }),\n};\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSPaginationName, typeof PAGE_PREV_BUTTON_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,iBAAmD;AAAA,EACvD,sBAAsB,EAAE,cAAc,yBAAyB;AACjE;AACA,MAAM,uBAAgE;AAAA,EACpE,sBAAsB,OAAO,EAAE,cAAc,yBAAyB;AACxE;AACA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/{typescript-testing/typescript-page-prev-button-valid.js → parts/DSPagePrevButton/typescript-testing/typescript-testing.js}

@@ -48,4 +48,4 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(DSPagePrevButton, { ...testDefinitionAsConst }),
   /* @__PURE__ */ jsx(DSPagePrevButton, { canPreviousPage: true, onPreviousPage: () => null })
 ] });
-//# sourceMappingURL=typescript-page-prev-button-valid.js.map
+//# sourceMappingURL=typescript-testing.js.map

package/dist/esm/parts/DSPagePrevButton/typescript-testing/typescript-testing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPagePrevButton/typescript-testing/typescript-testing.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPagePrevButton, type DSPagePrevButtonT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPagePrevButtonT.Props;\ntype ComponentPropsInternals = DSPagePrevButtonT.InternalProps;\ntype ComponentPropsDefaultProps = DSPagePrevButtonT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPagePrevButtonT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPagePrevButtonT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  canPreviousPage: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  canPreviousPage: true,\n  onPreviousPage: () => null,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  canPreviousPage: true,\n  onPreviousPage: () => null,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  canPreviousPage: true,\n  onPreviousPage: () => null,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  canPreviousPage: true,\n  onPreviousPage: () => null,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSPagePrevButton {...testExplicitDefinition} />\n    <DSPagePrevButton {...testInferedTypeCompatibility} />\n    <DSPagePrevButton {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSPagePrevButton canPreviousPage onPreviousPage={() => null} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoErB,mBAEE,KAFF;AAnEF,SAAS,wBAAgD;AASzD,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D;AAAA,EAC/D,iBAAiB;AACnB;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,iBAAiB;AAAA,EACjB,gBAAgB,MAAM;AACxB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,iBAAiB;AAAA,EACjB,gBAAgB,MAAM;AACxB;AAGA,MAAM,+BAA+B;AAAA,EACnC,iBAAiB;AAAA,EACjB,gBAAgB,MAAM;AACxB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,iBAAiB;AAAA,EACjB,gBAAgB,MAAM;AACxB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,oBAAkB,GAAG,wBAAwB;AAAA,EAC9C,oBAAC,oBAAkB,GAAG,8BAA8B;AAAA,EACpD,oBAAC,oBAAkB,GAAG,uBAAuB;AAAA,EAE7C,oBAAC,oBAAiB,iBAAe,MAAC,gBAAgB,MAAM,MAAM;AAAA,GAChE;",
+  "names": []
+}

package/dist/esm/parts/DSPaginationContainer/DSPaginationContainer.js

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { styled, xStyledCommonProps } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import { DSPaginationContainerPropTypesSchema } from "./react-desc-prop-types.js";
+import { usePaginationContainer } from "./config/usePaginationContainer.js";
+import {
+  DSPaginationContainerName,
+  DSPaginationName,
+  PAGINATION_CONTAINER_DATA_TESTID,
+  PAGINATION_CONTAINER_SLOTS
+} from "./constants/index.js";
+const StyledPaginationContainer = styled(Grid, { name: DSPaginationName, slot: PAGINATION_CONTAINER_SLOTS.ROOT })`
+  height: 42px;
+  max-width: 100%;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.5);
+  position: relative;
+  ${xStyledCommonProps}
+`;
+const StyledPaginationWrapper = styled("div", { name: DSPaginationName, slot: PAGINATION_CONTAINER_SLOTS.WRAPPER })`
+  display: grid;
+  grid-auto-flow: column;
+  justify-content: center;
+  align-items: center;
+`;
+const DSPaginationContainer = (props) => {
+  const { xstyledProps, globalAttributes, ownerPropsConfig } = usePaginationContainer(props);
+  return /* @__PURE__ */ jsx(
+    StyledPaginationContainer,
+    {
+      "data-testid": PAGINATION_CONTAINER_DATA_TESTID.ROOT,
+      ...globalAttributes,
+      ...xstyledProps,
+      ...ownerPropsConfig,
+      cols: ["minmax(auto, 80%)"],
+      children: /* @__PURE__ */ jsx(StyledPaginationWrapper, { ...ownerPropsConfig, children: props.children })
+    }
+  );
+};
+DSPaginationContainer.displayName = DSPaginationContainerName;
+const DSPaginationContainerWithSchema = describe(DSPaginationContainer);
+DSPaginationContainerWithSchema.propTypes = DSPaginationContainerPropTypesSchema;
+export {
+  DSPaginationContainer,
+  DSPaginationContainerWithSchema
+};
+//# sourceMappingURL=DSPaginationContainer.js.map

package/dist/esm/parts/DSPaginationContainer/DSPaginationContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPaginationContainer/DSPaginationContainer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, type XstyledProps } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSPaginationContainerT, DSPaginationContainerPropTypesSchema } from './react-desc-prop-types.js';\nimport { usePaginationContainer } from './config/usePaginationContainer.js';\nimport {\n  DSPaginationContainerName,\n  DSPaginationName,\n  PAGINATION_CONTAINER_DATA_TESTID,\n  PAGINATION_CONTAINER_SLOTS,\n} from './constants/index.js';\n\nconst StyledPaginationContainer = styled(Grid, { name: DSPaginationName, slot: PAGINATION_CONTAINER_SLOTS.ROOT })<\n  React.ComponentProps<typeof Grid> & XstyledProps\n>`\n  height: 42px;\n  max-width: 100%;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.5);\n  position: relative;\n  ${xStyledCommonProps}\n`;\n\nconst StyledPaginationWrapper = styled('div', { name: DSPaginationName, slot: PAGINATION_CONTAINER_SLOTS.WRAPPER })`\n  display: grid;\n  grid-auto-flow: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst DSPaginationContainer: React.ComponentType<DSPaginationContainerT.Props> = (props) => {\n  const { xstyledProps, globalAttributes, ownerPropsConfig } = usePaginationContainer(props);\n\n  return (\n    <StyledPaginationContainer\n      data-testid={PAGINATION_CONTAINER_DATA_TESTID.ROOT}\n      {...globalAttributes}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n      cols={['minmax(auto, 80%)']}\n    >\n      <StyledPaginationWrapper {...ownerPropsConfig}>{props.children}</StyledPaginationWrapper>\n    </StyledPaginationContainer>\n  );\n};\n\nDSPaginationContainer.displayName = DSPaginationContainerName;\nconst DSPaginationContainerWithSchema = describe(DSPaginationContainer);\nDSPaginationContainerWithSchema.propTypes = DSPaginationContainerPropTypesSchema;\n\nexport { DSPaginationContainer, DSPaginationContainerWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2CjB;AA1CN,SAAS,gBAAmC;AAC5C,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,YAAY;AACrB,SAAsC,4CAA4C;AAClF,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,4BAA4B,OAAO,MAAM,EAAE,MAAM,kBAAkB,MAAM,2BAA2B,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAS5G,kBAAkB;AAAA;AAGtB,MAAM,0BAA0B,OAAO,OAAO,EAAE,MAAM,kBAAkB,MAAM,2BAA2B,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlH,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM,EAAE,cAAc,kBAAkB,iBAAiB,IAAI,uBAAuB,KAAK;AAEzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,iCAAiC;AAAA,MAC7C,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,MAAM,CAAC,mBAAmB;AAAA,MAE1B,8BAAC,2BAAyB,GAAG,kBAAmB,gBAAM,UAAS;AAAA;AAAA,EACjE;AAEJ;AAEA,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "names": []
+}

package/dist/esm/parts/DSPaginationContainer/config/usePaginationContainer.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import {
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useMemoMergePropsWithDefault,
+  useOwnerProps
+} from "@elliemae/ds-props-helpers";
+import React2 from "react";
+import {
+  DSPaginationContainerPropTypesSchema,
+  defaultProps
+} from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const usePaginationContainer = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(
+    propsFromUser,
+    defaultProps
+  );
+  useValidateProps(propsWithDefault, DSPaginationContainerPropTypesSchema);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const globalAttributes = useGetGlobalAttributes(
+    propsWithDefault
+  );
+  const ownerPropsConfig = useOwnerProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalAttributes,
+      ownerPropsConfig
+    }),
+    [propsWithDefault, xstyledProps, globalAttributes, ownerPropsConfig]
+  );
+};
+export {
+  usePaginationContainer
+};
+//# sourceMappingURL=usePaginationContainer.js.map

package/dist/esm/parts/DSPaginationContainer/config/usePaginationContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPaginationContainer/config/usePaginationContainer.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport React from 'react';\n\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport {\n  type DSPaginationContainerT,\n  DSPaginationContainerPropTypesSchema,\n  defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const usePaginationContainer = (propsFromUser: DSPaginationContainerT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSPaginationContainerT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSPaginationContainerPropTypesSchema);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes<DSPaginationContainerT.InternalProps, HTMLDivElement, DSGridT.Props>(\n    propsWithDefault,\n  );\n  // =============================================================================\n  // OWNER PROPS\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-pagination-container-${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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAOA,YAAW;AAGlB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AAE1B,MAAM,yBAAyB,CAAC,kBAAgD;AAIrF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,oCAAoC;AAIvE,QAAM,eAAe,mBAAmB,gBAAgB;AAIxD,QAAM,mBAAmB;AAAA,IACvB;AAAA,EACF;AAIA,QAAM,mBAAmB,cAAc,gBAAgB;AAYvD,SAAOA,OAAM;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/esm/parts/DSPaginationContainer/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSPaginationContainerName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSPaginationContainerName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/parts/DSPaginationContainer/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPaginationContainer/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSPaginationContainerT } from '../react-desc-prop-types.js';\nimport { DSPaginationContainerName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSPaginationContainerT.InternalProps,\n  propTypes: ValidationMap<DSPaginationContainerT.Props>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSPaginationContainerName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,iCAAiC;AAEnC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,yBAAyB;AAC5E;",
+  "names": []
+}

package/dist/esm/parts/DSPaginationContainer/constants/index.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+import { DSPaginationName } from "../../../constants/index.js";
+const DSPaginationContainerName = "DSPaginationContainer";
+const PAGINATION_CONTAINER_SLOTS = {
+  ROOT: "root",
+  WRAPPER: "wrapper"
+};
+const PAGINATION_CONTAINER_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSPaginationName, PAGINATION_CONTAINER_SLOTS),
+  ROOT: "data-table-pagination-container",
+  WRAPPER: "ds-pagination-wrapper"
+};
+export {
+  DSPaginationContainerName,
+  DSPaginationName,
+  PAGINATION_CONTAINER_DATA_TESTID,
+  PAGINATION_CONTAINER_SLOTS
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/DSPaginationContainer/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPaginationContainer/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSPaginationName } from '../../../constants/index.js';\nexport { DSPaginationName };\n\nexport const DSPaginationContainerName = 'DSPaginationContainer';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PAGINATION_CONTAINER_SLOTS = {\n  ROOT: 'root',\n  WRAPPER: 'wrapper',\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 PAGINATION_CONTAINER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSPaginationName, PAGINATION_CONTAINER_SLOTS),\n  ROOT: 'data-table-pagination-container',\n  WRAPPER: 'ds-pagination-wrapper',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAG1B,MAAM,4BAA4B;AAGlC,MAAM,6BAA6B;AAAA,EACxC,MAAM;AAAA,EACN,SAAS;AACX;AAGO,MAAM,mCAAmC;AAAA,EAC9C,GAAG,wBAAwB,kBAAkB,0BAA0B;AAAA,EACvE,MAAM;AAAA,EACN,SAAS;AACX;",
+  "names": []
+}

package/dist/esm/parts/DSPaginationContainer/index.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { DSPaginationContainer, DSPaginationContainerWithSchema } from "./DSPaginationContainer.js";
+import {
+  DSPaginationContainerName,
+  PAGINATION_CONTAINER_DATA_TESTID,
+  PAGINATION_CONTAINER_SLOTS
+} from "./constants/index.js";
+export {
+  DSPaginationContainer,
+  DSPaginationContainerName,
+  DSPaginationContainerWithSchema,
+  PAGINATION_CONTAINER_DATA_TESTID,
+  PAGINATION_CONTAINER_SLOTS
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/DSPaginationContainer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPaginationContainer/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSPaginationContainer, DSPaginationContainerWithSchema } from './DSPaginationContainer.js';\nexport {\n  DSPaginationContainerName,\n  PAGINATION_CONTAINER_DATA_TESTID,\n  PAGINATION_CONTAINER_SLOTS,\n} from './constants/index.js';\nexport type { DSPaginationContainerT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,uBAAuB,uCAAuC;AACvE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "names": []
+}

package/dist/esm/parts/DSPaginationContainer/react-desc-prop-types.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+import { DSPaginationName, PAGINATION_CONTAINER_SLOTS } from "./constants/index.js";
+const defaultProps = {};
+const DSPaginationContainerPropTypes = {
+  // These use parent component name because they were already defined and working before.
+  // Changing them now would be a breaking change for consumers.
+  ...getPropsPerSlotPropTypes(DSPaginationName, PAGINATION_CONTAINER_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes
+};
+const DSPaginationContainerPropTypesSchema = DSPaginationContainerPropTypes;
+export {
+  DSPaginationContainerPropTypes,
+  DSPaginationContainerPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/parts/DSPaginationContainer/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPaginationContainer/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSPaginationName, PAGINATION_CONTAINER_SLOTS } from './constants/index.js';\n\nexport declare namespace DSPaginationContainerT {\n  export type SlotFunctionArguments = {\n    dsPaginationRoot: () => object;\n    dsPaginationWrapper: () => object;\n  };\n  export interface RequiredProps {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps\n    // These use parent component name because they were already defined and working before.\n    // Changing them now would be a breaking change for consumers.\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSPaginationName, typeof PAGINATION_CONTAINER_SLOTS> {}\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSPaginationContainerT.DefaultProps = {};\n\nexport const DSPaginationContainerPropTypes: DSPropTypesSchema<DSPaginationContainerT.Props> = {\n  // These use parent component name because they were already defined and working before.\n  // Changing them now would be a breaking change for consumers.\n  ...getPropsPerSlotPropTypes(DSPaginationName, PAGINATION_CONTAINER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n};\n\nexport const DSPaginationContainerPropTypesSchema =\n  DSPaginationContainerPropTypes as unknown as ValidationMap<DSPaginationContainerT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,0BAA0B,2BAA2B,wBAAwB;AAEtF,SAAS,kBAAkB,kCAAkC;AA8BtD,MAAM,eAAoD,CAAC;AAE3D,MAAM,iCAAkF;AAAA;AAAA;AAAA,EAG7F,GAAG,yBAAyB,kBAAkB,0BAA0B;AAAA,EACxE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,uCACX;",
+  "names": []
+}