feat: tabs adds a variety of style configurations

packages/@core/shared/hooks/src/use-sortable.ts

@@ -1,4 +1,5 @@
 import type { SortableOptions } from 'sortablejs';
+import type Sortable from 'sortablejs';
 
 function useSortable<T extends HTMLElement>(
   sortableContainer: T,
@@ -22,7 +23,7 @@ function useSortable<T extends HTMLElement>(
       delayOnTouchOnly: true,
       ...options,
     });
-    return sortable;
+    return sortable as Sortable;
   };
 
   return {
@@ -31,3 +32,5 @@ function useSortable<T extends HTMLElement>(
 }
 
 export { useSortable };
+
+export type { Sortable };

packages/@core/shared/typings/src/app.d.ts

@@ -44,6 +44,8 @@ type AccessModeType = 'allow-all' | 'backend' | 'frontend';
 
 type NavigationStyleType = 'plain' | 'rounded';
 
+type TabsStyleType = 'brisk' | 'card' | 'chrome' | 'plain';
+
 type PageTransitionType = 'fade' | 'fade-down' | 'fade-slide' | 'fade-up';
 
 type AuthPageLayoutType = 'panel-center' | 'panel-left' | 'panel-right';
@@ -60,5 +62,6 @@ export type {
   NavigationStyleType,
   PageTransitionType,
   SupportedLanguagesType,
+  TabsStyleType,
   ThemeModeType,
 };