@elliemae/ds-pagination 3.57.0-next.5 → 3.57.0-next.50

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 })`
+  min-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  min-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": []
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPaginationContainer/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';\n\nimport type { DSPaginationContainerT } from '../react-desc-prop-types.js';\nimport type { DSPaginationName, PaginationSlots } from '../../../constants/index.js';\n\nconst SlotPropsAsObj: Partial<DSPaginationContainerT.Props> = {\n  dsPaginationRoot: { 'aria-label': 'just a typescript test' },\n  dsPaginationWrapper: { 'aria-label': 'just a typescript test' },\n};\nconst SlotPropsAsFunctions: DSPaginationContainerT.SlotFunctionArguments = {\n  dsPaginationRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsPaginationWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n};\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSPaginationName, typeof PaginationSlots>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACOvB,MAAM,iBAAwD;AAAA,EAC5D,kBAAkB,EAAE,cAAc,yBAAyB;AAAA,EAC3D,qBAAqB,EAAE,cAAc,yBAAyB;AAChE;AACA,MAAM,uBAAqE;AAAA,EACzE,kBAAkB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAClE,qBAAqB,OAAO,EAAE,cAAc,yBAAyB;AACvE;AACA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/parts/DSPaginationSeparator/DSPaginationSeparator.js

@@ -0,0 +1,43 @@
+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 { DSPaginationSeparatorPropTypesSchema } from "./react-desc-prop-types.js";
+import { usePaginationSeparator } from "./config/usePaginationSeparator.js";
+import {
+  PAGINATION_SEPARATOR_SLOTS,
+  DSPaginationName,
+  DSPaginationSeparatorName,
+  PAGINATION_SEPARATOR_DATA_TESTID
+} from "./constants/index.js";
+const StyledDSPaginationSeparator = styled(Grid, {
+  name: DSPaginationName,
+  slot: PAGINATION_SEPARATOR_SLOTS.SEPARATOR
+})`
+  background-color: ${(props) => props.theme.colors.neutral[300]};
+  width: 1px;
+  height: 30px;
+  ${xStyledCommonProps}
+`;
+const DSPaginationSeparator = (props) => {
+  const { xstyledProps, globalAttributes, ownerPropsConfig } = usePaginationSeparator(props);
+  return /* @__PURE__ */ jsx(
+    StyledDSPaginationSeparator,
+    {
+      "data-testid": PAGINATION_SEPARATOR_DATA_TESTID.SEPARATOR,
+      ...globalAttributes,
+      ...xstyledProps,
+      ...ownerPropsConfig
+    }
+  );
+};
+DSPaginationSeparator.displayName = DSPaginationSeparatorName;
+const DSPaginationSeparatorWithSchema = describe(DSPaginationSeparator);
+DSPaginationSeparatorWithSchema.propTypes = DSPaginationSeparatorPropTypesSchema;
+export {
+  DSPaginationSeparator,
+  DSPaginationSeparatorWithSchema,
+  StyledDSPaginationSeparator
+};
+//# sourceMappingURL=DSPaginationSeparator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPaginationSeparator/DSPaginationSeparator.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 DSPaginationSeparatorT, DSPaginationSeparatorPropTypesSchema } from './react-desc-prop-types.js';\nimport { usePaginationSeparator } from './config/usePaginationSeparator.js';\nimport {\n  PAGINATION_SEPARATOR_SLOTS,\n  DSPaginationName,\n  DSPaginationSeparatorName,\n  PAGINATION_SEPARATOR_DATA_TESTID,\n} from './constants/index.js';\n\nexport const StyledDSPaginationSeparator = styled(Grid, {\n  name: DSPaginationName,\n  slot: PAGINATION_SEPARATOR_SLOTS.SEPARATOR,\n})<React.ComponentProps<typeof Grid> & XstyledProps>`\n  background-color: ${(props) => props.theme.colors.neutral[300]};\n  width: 1px;\n  height: 30px;\n  ${xStyledCommonProps}\n`;\n\nconst DSPaginationSeparator: React.ComponentType<DSPaginationSeparatorT.Props> = (props) => {\n  const { xstyledProps, globalAttributes, ownerPropsConfig } = usePaginationSeparator(props);\n\n  return (\n    <StyledDSPaginationSeparator\n      data-testid={PAGINATION_SEPARATOR_DATA_TESTID.SEPARATOR}\n      {...globalAttributes}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n    />\n  );\n};\n\nDSPaginationSeparator.displayName = DSPaginationSeparatorName;\nconst DSPaginationSeparatorWithSchema = describe(DSPaginationSeparator);\nDSPaginationSeparatorWithSchema.propTypes = DSPaginationSeparatorPropTypesSchema;\n\nexport { DSPaginationSeparator, DSPaginationSeparatorWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2BnB;AA1BJ,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;AAEA,MAAM,8BAA8B,OAAO,MAAM;AAAA,EACtD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAAA,sBACqB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA,IAG5D,kBAAkB;AAAA;AAGtB,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;AAAA,EACN;AAEJ;AAEA,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "names": []
+}

package/dist/esm/parts/DSPaginationSeparator/config/usePaginationSeparator.js

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

package/dist/esm/parts/DSPaginationSeparator/config/usePaginationSeparator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPaginationSeparator/config/usePaginationSeparator.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\n\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport {\n  type DSPaginationSeparatorT,\n  DSPaginationSeparatorPropTypesSchema,\n  defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const usePaginationSeparator = (propsFromUser: DSPaginationSeparatorT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSPaginationSeparatorT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSPaginationSeparatorPropTypesSchema);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes<DSPaginationSeparatorT.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-separator-${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,OAAOA,YAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP;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/DSPaginationSeparator/config/useValidateProps.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPaginationSeparator/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 DSPaginationSeparatorT } from '../react-desc-prop-types.js';\nimport { DSPaginationSeparatorName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSPaginationSeparatorT.InternalProps,\n  propTypes: ValidationMap<DSPaginationSeparatorT.Props>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSPaginationSeparatorName);\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/DSPaginationSeparator/constants/index.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+import { DSPaginationName } from "../../../constants/index.js";
+const DSPaginationSeparatorName = "DSPaginationSeparator";
+const PAGINATION_SEPARATOR_SLOTS = {
+  SEPARATOR: "separator"
+};
+const PAGINATION_SEPARATOR_DATA_TESTID = slotObjectToDataTestIds(DSPaginationName, PAGINATION_SEPARATOR_SLOTS);
+export {
+  DSPaginationName,
+  DSPaginationSeparatorName,
+  PAGINATION_SEPARATOR_DATA_TESTID,
+  PAGINATION_SEPARATOR_SLOTS
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPaginationSeparator/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 DSPaginationSeparatorName = 'DSPaginationSeparator';\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_SEPARATOR_SLOTS = {\n  SEPARATOR: 'separator',\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_SEPARATOR_DATA_TESTID = slotObjectToDataTestIds(DSPaginationName, PAGINATION_SEPARATOR_SLOTS);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAG1B,MAAM,4BAA4B;AAGlC,MAAM,6BAA6B;AAAA,EACxC,WAAW;AACb;AAGO,MAAM,mCAAmC,wBAAwB,kBAAkB,0BAA0B;",
+  "names": []
+}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { DSPaginationSeparator, DSPaginationSeparatorWithSchema } from "./DSPaginationSeparator.js";
+import {
+  DSPaginationSeparatorName,
+  PAGINATION_SEPARATOR_DATA_TESTID,
+  PAGINATION_SEPARATOR_SLOTS
+} from "./constants/index.js";
+export {
+  DSPaginationSeparator,
+  DSPaginationSeparatorName,
+  DSPaginationSeparatorWithSchema,
+  PAGINATION_SEPARATOR_DATA_TESTID,
+  PAGINATION_SEPARATOR_SLOTS
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPaginationSeparator/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSPaginationSeparator, DSPaginationSeparatorWithSchema } from './DSPaginationSeparator.js';\nexport {\n  DSPaginationSeparatorName,\n  PAGINATION_SEPARATOR_DATA_TESTID,\n  PAGINATION_SEPARATOR_SLOTS,\n} from './constants/index.js';\nexport type { DSPaginationSeparatorT } 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/DSPaginationSeparator/react-desc-prop-types.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+import { DSPaginationName, PAGINATION_SEPARATOR_SLOTS } from "./constants/index.js";
+const defaultProps = {};
+const DSPaginationSeparatorPropTypes = {
+  ...getPropsPerSlotPropTypes(DSPaginationName, PAGINATION_SEPARATOR_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes
+};
+const DSPaginationSeparatorPropTypesSchema = DSPaginationSeparatorPropTypes;
+export {
+  DSPaginationSeparatorPropTypes,
+  DSPaginationSeparatorPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPaginationSeparator/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_SEPARATOR_SLOTS } from './constants/index.js';\n\nexport declare namespace DSPaginationSeparatorT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSPaginationName, typeof PAGINATION_SEPARATOR_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: DSPaginationSeparatorT.DefaultProps = {};\n\nexport const DSPaginationSeparatorPropTypes: DSPropTypesSchema<DSPaginationSeparatorT.Props> = {\n  ...getPropsPerSlotPropTypes(DSPaginationName, PAGINATION_SEPARATOR_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n};\n\nexport const DSPaginationSeparatorPropTypesSchema =\n  DSPaginationSeparatorPropTypes as unknown as ValidationMap<DSPaginationSeparatorT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,0BAA0B,2BAA2B,wBAAwB;AAEtF,SAAS,kBAAkB,kCAAkC;AAwBtD,MAAM,eAAoD,CAAC;AAE3D,MAAM,iCAAkF;AAAA,EAC7F,GAAG,yBAAyB,kBAAkB,0BAA0B;AAAA,EACxE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,uCACX;",
+  "names": []
+}