refactor(pagination): move and split type in a separated module

Author: fabiobiondi

packages/kit-headless/src/components/pagination/pagination.tsx

@@ -1,39 +1,12 @@
+import { PaginationProps } from './types';
 import { usePagination } from './use-pagination';
-import type { PropFunction } from '@builder.io/qwik';
 import { component$, Slot } from '@builder.io/qwik';
 
-type ArrowLabels = {
-  previous: string;
-  next: string;
-};
-
-export interface PaginationProps {
-  selectedPage: number;
-  totalPages: number;
-  onPageChange$: PropFunction<(page: number) => void>;
-
-  // configuration
-  siblingCount?: number;
-  boundaryCount?: number;
-  hidePrevButton?: boolean;
-  hideNextButton?: boolean;
-  disabled?: boolean;
-  customArrowTexts?: ArrowLabels;
-
-  // styling
-  class?: string;
-  gap?: string;
-  defaultClass?: string;
-  selectedClass?: string;
-  dividerClass?: string;
-}
-
 export const Pagination = component$<PaginationProps>((props) => {
   const {
     selectedPage,
     totalPages,
     onPageChange$,
-    // configuration
     siblingCount,
     boundaryCount,
     hidePrevButton = false,
@@ -43,7 +16,6 @@ export const Pagination = component$<PaginationProps>((props) => {
       previous: previousButtonLabel = 'PREV',
       next: nextButtonLabel = 'NEXT',
     } = {},
-    // styling
     class: _class,
     gap = '10px',
     defaultClass,

packages/kit-headless/src/components/pagination/types/index.ts

@@ -0,0 +1 @@
+export * from './pagination-api';

packages/kit-headless/src/components/pagination/types/pagination-api.ts

@@ -0,0 +1,31 @@
+import { PropFunction } from '@builder.io/qwik';
+
+export interface PaginationCoreProps {
+  selectedPage: number;
+  totalPages: number;
+  onPageChange$: PropFunction<(page: number) => void>;
+}
+
+export type PaginationStyling = {
+  class?: string;
+  gap?: string;
+  defaultClass?: string;
+  selectedClass?: string;
+  dividerClass?: string;
+};
+
+export type PaginationConfig = {
+  siblingCount?: number;
+  boundaryCount?: number;
+  hidePrevButton?: boolean;
+  hideNextButton?: boolean;
+  disabled?: boolean;
+  customArrowTexts?: ArrowLabels;
+};
+
+type ArrowLabels = {
+  previous: string;
+  next: string;
+};
+
+export type PaginationProps = PaginationCoreProps & PaginationStyling & PaginationConfig;