chore: refactor

Author: jn138

src/components/SortArrows.tsx

@@ -51,7 +51,7 @@ export default component$(
       })}
     >
       <SvgArrowUp
-        class={classList?.arrowUp || "mb-[-8.5px]"}
+        class={classList?.arrowUp || "mt-[-8px] mb-[-9px]"}
         width={24}
         height={24}
         color={
@@ -61,7 +61,7 @@ export default component$(
         }
       />
       <SvgArrowDown
-        class={classList?.arrowDown || "mb-[-8.5px]"}
+        class={classList?.arrowDown || "mt-[-9px] mb-[-8px]"}
         width={24}
         height={24}
         color={

src/components/Table.tsx

@@ -95,7 +95,7 @@ export default component$(
                     ${tableData.tColumns?.columnClassList?.[heading]}
                   `}
                 >
-                  <div class="flex flex-col">
+                  <div class="flex flex-col gap-2">
                     <div class="flex flex-row items-center justify-between gap-[10px]">
                       {Object.keys(
                         tableData.tHeadings.customHeadings || []

src/index.ts

@@ -1,4 +1,3 @@
-import Table from "./components/Table"
+import TableLoader from "./components/Table"
 
-export default Table
-export * from "./types"
+export { TableLoader }

src/types/index.ts

@@ -47,7 +47,7 @@ export type TableData = {
   }
   filterOptions?: {
     params?: {
-      [key: string]: "search" | "options"
+      [key: string]: string
     }
     filterClassList?: string
   }
@@ -106,7 +106,7 @@ export type TableProps = {
   }
   filterOptions?: {
     params?: {
-      [key: string]: "search" | "options"
+      [key: string]: string
     }
     filterClassList?: string
   }