refactor(pagination): add support all nav element attributes with QwikIntrinsicElements['nav']

Author: fabiobiondi

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

@@ -16,10 +16,10 @@ export const Pagination = component$<PaginationProps>((props) => {
       previous: previousButtonLabel = 'PREV',
       next: nextButtonLabel = 'NEXT',
     } = {},
-    class: _class,
     defaultClass,
     selectedClass,
     dividerClass,
+    ...rest
   } = props;
 
   const isPrevButtonVisible = () => !hidePrevButton && selectedPage > 1;
@@ -33,7 +33,7 @@ export const Pagination = component$<PaginationProps>((props) => {
   );
 
   return (
-    <nav aria-label="pagination" data-testid="pagination" class={_class}>
+    <nav aria-label="pagination" data-testid="pagination" {...rest}>
       {isPrevButtonVisible() && (
         <button
           aria-label={'prevAriaLabel'}

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

@@ -1,4 +1,4 @@
-import { PropFunction } from '@builder.io/qwik';
+import { PropFunction, QwikIntrinsicElements } from '@builder.io/qwik';
 
 export interface PaginationCoreProps {
   selectedPage: number;
@@ -7,7 +7,6 @@ export interface PaginationCoreProps {
 }
 
 export type PaginationStyling = {
-  class?: string;
   gap?: string;
   defaultClass?: string;
   selectedClass?: string;
@@ -28,4 +27,7 @@ type ArrowLabels = {
   next: string;
 };
 
-export type PaginationProps = PaginationCoreProps & PaginationStyling & PaginationConfig;
+export type PaginationProps = PaginationCoreProps &
+  PaginationStyling &
+  PaginationConfig &
+  QwikIntrinsicElements['nav'];