diff --git a/CHANGELOG.md b/CHANGELOG.md
index e6da97178..dfda3fb1b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.47.2
+
+### Patch Changes
+
+- fix: #1470 #1467 #1031
+
 ## 0.47.1
 
 ### Patch Changes
diff --git a/package.json b/package.json
index e3b78b1ee..d580ab872 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.47.1",
+  "version": "0.47.2",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "packageManager": "pnpm@8.15.4",
@@ -31,7 +31,7 @@
     "gen:compo-data": "svelte-lib-helpers component-data",
     "gen:componentData": "svelte-lib-helpers component-data",
     "copy:package": "svelte-lib-helpers package",
-    "lib-helpers": "npm run gen:docs && npm run gen:componentData && npm run package && npm run gen:exports && npm run copy:package && npm run format",
+    "lib-helpers": "pnpm format && pnpm gen:docs && pnpm gen:componentData && pnpm package && pnpm gen:exports && pnpm copy:package",
     "package:publish": "standard-version && git push --follow-tags origin main && npm publish"
   },
   "devDependencies": {
@@ -756,4 +756,4 @@
     },
     "./package.json": "./package.json"
   }
-}
+}
\ No newline at end of file
diff --git a/src/lib/accordion/Accordion.svelte b/src/lib/accordion/Accordion.svelte
index 23cc620b3..163633fd7 100644
--- a/src/lib/accordion/Accordion.svelte
+++ b/src/lib/accordion/Accordion.svelte
@@ -60,4 +60,6 @@
 @prop export let activeClass: $$Props['activeClass'] = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
 @prop export let inactiveClass: $$Props['inactiveClass'] = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
 @prop export let defaultClass: $$Props['defaultClass'] = 'text-gray-500 dark:text-gray-400';
+@prop export let classActive: $$Props['classActive'] = '';
+@prop export let classInactive: $$Props['classInactive'] = '';
 -->
diff --git a/src/lib/banner/Banner.svelte b/src/lib/banner/Banner.svelte
index b67d7dbc0..a65f53e83 100644
--- a/src/lib/banner/Banner.svelte
+++ b/src/lib/banner/Banner.svelte
@@ -82,4 +82,6 @@
 @prop export let bannerStatus: $$Props['bannerStatus'] = true;
 @prop export let transition: NonNullable<$$Props['transition']> = fade;
 @prop export let params: $$Props['params'] = {};
+@prop export let classDiv: $$Props['classDiv'] = '';
+@prop export let classInner: $$Props['classInner'] = '';
 -->
diff --git a/src/lib/bottom-navigation/BottomNav.svelte b/src/lib/bottom-navigation/BottomNav.svelte
index bb18040a2..04b998de8 100644
--- a/src/lib/bottom-navigation/BottomNav.svelte
+++ b/src/lib/bottom-navigation/BottomNav.svelte
@@ -90,4 +90,7 @@
 @prop export let outerClass: $$Props['outerClass'] = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
 @prop export let innerClass: $$Props['innerClass'] = 'grid h-full max-w-lg mx-auto';
 @prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
+@prop export let classActive: $$Props['classActive'] = '';
+@prop export let classOuter: $$Props['classOuter'] = '';
+@prop export let classInner: $$Props['classInner'] = '';
 -->
diff --git a/src/lib/bottom-navigation/BottomNavHeader.svelte b/src/lib/bottom-navigation/BottomNavHeader.svelte
index 5bbcafe07..a7aeb3cec 100644
--- a/src/lib/bottom-navigation/BottomNavHeader.svelte
+++ b/src/lib/bottom-navigation/BottomNavHeader.svelte
@@ -27,4 +27,6 @@
 ## Props
 @prop export let outerClass: $$Props['outerClass'] = 'w-full';
 @prop export let innerClass: $$Props['innerClass'] = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
+@prop export let classOuter: $$Props['classOuter'] = '';
+@prop export let classInner: $$Props['classInner'] = '';
 -->
diff --git a/src/lib/breadcrumb/Breadcrumb.svelte b/src/lib/breadcrumb/Breadcrumb.svelte
index 849d51ae5..5ca5f30f4 100644
--- a/src/lib/breadcrumb/Breadcrumb.svelte
+++ b/src/lib/breadcrumb/Breadcrumb.svelte
@@ -35,4 +35,5 @@
 @prop export let solidClass: NonNullable<$$Props['solidClass']> = 'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700';
 @prop export let olClass: $$Props['olClass'] = 'inline-flex items-center space-x-1 rtl:space-x-reverse md:space-x-3 rtl:space-x-reverse';
 @prop export let ariaLabel: $$Props['ariaLabel'] = 'Breadcrumb';
+@prop export let classOl: $$Props['classOl'] = '';
 -->
diff --git a/src/lib/breadcrumb/BreadcrumbItem.svelte b/src/lib/breadcrumb/BreadcrumbItem.svelte
index e129894aa..c523ba8c2 100644
--- a/src/lib/breadcrumb/BreadcrumbItem.svelte
+++ b/src/lib/breadcrumb/BreadcrumbItem.svelte
@@ -64,4 +64,7 @@
 @prop export let linkClass: $$Props['linkClass'] = 'ms-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ms-2 dark:text-gray-400 dark:hover:text-white';
 @prop export let spanClass: $$Props['spanClass'] = 'ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400';
 @prop export let homeClass: $$Props['homeClass'] = 'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white';
+@prop export let classHome: $$Props['classHome'] = '';
+@prop export let classLink: $$Props['classLink'] = '';
+@prop export let classSpan: $$Props['classSpan'] = '';
 -->
diff --git a/src/lib/device-mockups/Android.svelte b/src/lib/device-mockups/Android.svelte
index 91052a091..91841fb61 100644
--- a/src/lib/device-mockups/Android.svelte
+++ b/src/lib/device-mockups/Android.svelte
@@ -54,4 +54,10 @@
 @prop export let leftMid: $$Props['leftMid'] = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
 @prop export let leftBot: $$Props['leftBot'] = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
 @prop export let right: $$Props['right'] = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+@prop export let classTop: $$Props['classTop'] = '';
+@prop export let classLeftTop: $$Props['classLeftTop'] = '';
+@prop export let classLeftMid: $$Props['classLeftMid'] = '';
+@prop export let classLeftBot: $$Props['classLeftBot'] = '';
+@prop export let classRight: $$Props['classRight'] = '';
+@prop export let classSlot: $$Props['classSlot'] = '';
 -->
diff --git a/src/lib/device-mockups/DefaultMockup.svelte b/src/lib/device-mockups/DefaultMockup.svelte
index 226eba182..ea330c88d 100644
--- a/src/lib/device-mockups/DefaultMockup.svelte
+++ b/src/lib/device-mockups/DefaultMockup.svelte
@@ -48,4 +48,9 @@
 @prop export let leftTop: $$Props['leftTop'] = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
 @prop export let leftBot: $$Props['leftBot'] = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
 @prop export let right: $$Props['right'] = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+@prop export let classTop: $$Props['classTop'] = '';
+@prop export let classLeftTop: $$Props['classLeftTop'] = '';
+@prop export let classLeftBot: $$Props['classLeftBot'] = '';
+@prop export let classRight: $$Props['classRight'] = '';
+@prop export let classSlot: $$Props['classSlot'] = '';
 -->
diff --git a/src/lib/device-mockups/Desktop.svelte b/src/lib/device-mockups/Desktop.svelte
index 7aa7e14a7..01fbac7a0 100644
--- a/src/lib/device-mockups/Desktop.svelte
+++ b/src/lib/device-mockups/Desktop.svelte
@@ -36,4 +36,7 @@
 @prop export let bot: $$Props['bot'] = 'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]';
 @prop export let botUnder: $$Props['botUnder'] = 'relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]';
 @prop export let div: $$Props['div'] = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]';
+@prop export let classInner: $$Props['classInner'] = '';
+@prop export let classBot: $$Props['classBot'] = '';
+@prop export let classBotUnder: $$Props['classBotUnder'] = '';
 -->
diff --git a/src/lib/device-mockups/Ios.svelte b/src/lib/device-mockups/Ios.svelte
index 96caa0423..bf18c89ea 100644
--- a/src/lib/device-mockups/Ios.svelte
+++ b/src/lib/device-mockups/Ios.svelte
@@ -48,4 +48,9 @@
 @prop export let leftTop: $$Props['leftTop'] = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
 @prop export let leftBot: $$Props['leftBot'] = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
 @prop export let right: $$Props['right'] = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+@prop export let classTop: $$Props['classTop'] = '';
+@prop export let classLeftTop: $$Props['classLeftTop'] = '';
+@prop export let classLeftBot: $$Props['classLeftBot'] = '';
+@prop export let classRight: $$Props['classRight'] = '';
+@prop export let classSlot: $$Props['classSlot'] = '';
 -->
diff --git a/src/lib/device-mockups/Laptop.svelte b/src/lib/device-mockups/Laptop.svelte
index 0434dd7ae..56662f08e 100644
--- a/src/lib/device-mockups/Laptop.svelte
+++ b/src/lib/device-mockups/Laptop.svelte
@@ -37,4 +37,7 @@
 @prop export let inner: $$Props['inner'] = 'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
 @prop export let bot: $$Props['bot'] = 'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl rounded-t-sm h-[17px] max-w-[351px] md:h-[21px] md:max-w-[597px]';
 @prop export let botCen: $$Props['botCen'] = 'absolute left-1/2 top-0 -translate-x-1/2 rounded-b-xl w-[56px] h-[5px] md:w-[96px] md:h-[8px] bg-gray-800';
+@prop export let classInner: $$Props['classInner'] = '';
+@prop export let classBot: $$Props['classBot'] = '';
+@prop export let classBotCen: $$Props['classBotCen'] = '';
 -->
diff --git a/src/lib/device-mockups/Smartwatch.svelte b/src/lib/device-mockups/Smartwatch.svelte
index a9fc93c6c..59ee03f38 100644
--- a/src/lib/device-mockups/Smartwatch.svelte
+++ b/src/lib/device-mockups/Smartwatch.svelte
@@ -47,4 +47,9 @@
 @prop export let rightBot: $$Props['rightBot'] = 'h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg';
 @prop export let top: $$Props['top'] = 'relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]';
 @prop export let bot: $$Props['bot'] = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]';
+@prop export let classTop: $$Props['classTop'] = '';
+@prop export let classRightTop: $$Props['classRightTop'] = '';
+@prop export let classRightBot: $$Props['classRightBot'] = '';
+@prop export let classSlot: $$Props['classSlot'] = '';
+@prop export let classBot: $$Props['classBot'] = '';
 -->
diff --git a/src/lib/device-mockups/Tablet.svelte b/src/lib/device-mockups/Tablet.svelte
index 570d7bf07..345247998 100644
--- a/src/lib/device-mockups/Tablet.svelte
+++ b/src/lib/device-mockups/Tablet.svelte
@@ -47,4 +47,9 @@
 @prop export let leftMid: $$Props['leftMid'] = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
 @prop export let leftBot: $$Props['leftBot'] = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
 @prop export let right: $$Props['right'] = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+@prop export let classLeftTop: $$Props['classLeftTop'] = '';
+@prop export let classLeftMid: $$Props['classLeftMid'] = '';
+@prop export let classLeftBot: $$Props['classLeftBot'] = '';
+@prop export let classRight: $$Props['classRight'] = '';
+@prop export let classSlot: $$Props['classSlot'] = '';
 -->
diff --git a/src/lib/footer/FooterBrand.svelte b/src/lib/footer/FooterBrand.svelte
index afb0b6ed0..f6adf9789 100644
--- a/src/lib/footer/FooterBrand.svelte
+++ b/src/lib/footer/FooterBrand.svelte
@@ -54,4 +54,7 @@
 @prop export let alt: $$Props['alt'] = '';
 @prop export let name: $$Props['name'] = '';
 @prop export let target: $$Props['target'] = '';
+@prop export let classA: $$Props['classA'] = '';
+@prop export let classSpan: $$Props['classSpan'] = '';
+@prop export let classImg: $$Props['classImg'] = '';
 -->
diff --git a/src/lib/footer/FooterCopyright.svelte b/src/lib/footer/FooterCopyright.svelte
index dc73f9321..ede5e1233 100644
--- a/src/lib/footer/FooterCopyright.svelte
+++ b/src/lib/footer/FooterCopyright.svelte
@@ -50,4 +50,6 @@
 @prop export let by: $$Props['by'] = '';
 @prop export let target: $$Props['target'] = undefined;
 @prop export let copyrightMessage: $$Props['copyrightMessage'] = 'All Rights Reserved.';
+@prop export let classSpan: $$Props['classSpan'] = '';
+@prop export let classA: $$Props['classA'] = '';
 -->
diff --git a/src/lib/footer/FooterLink.svelte b/src/lib/footer/FooterLink.svelte
index ff60fc130..e7f6310c8 100644
--- a/src/lib/footer/FooterLink.svelte
+++ b/src/lib/footer/FooterLink.svelte
@@ -36,4 +36,6 @@
 @prop export let aClass: $$Props['aClass'] = 'hover:underline';
 @prop export let href: $$Props['href'] = '';
 @prop export let target: $$Props['target'] = undefined;
+@prop export let classLi: $$Props['classLi'] = '';
+@prop export let classA: $$Props['classA'] = '';
 -->
diff --git a/src/lib/forms/Input.svelte b/src/lib/forms/Input.svelte
index d950c06f4..6196ddc4b 100644
--- a/src/lib/forms/Input.svelte
+++ b/src/lib/forms/Input.svelte
@@ -112,4 +112,6 @@
 @prop export let defaultClass: $$Props['defaultClass'] = 'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right';
 @prop export let color: NonNullable<$$Props['color']> = 'base';
 @prop export let floatClass: $$Props['floatClass'] = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
+@prop export let classLeft: $$Props['classLeft'] = '';
+@prop export let classRight: $$Props['classRight'] = '';
 -->
diff --git a/src/lib/forms/Toggle.svelte b/src/lib/forms/Toggle.svelte
index 3a93dfc3a..dd7cd8c5d 100644
--- a/src/lib/forms/Toggle.svelte
+++ b/src/lib/forms/Toggle.svelte
@@ -65,4 +65,5 @@
 @prop export let value: $$Props['value'] = '';
 @prop export let checked: $$Props['checked'] = undefined;
 @prop export let customSize: $$Props['customSize'] = '';
+@prop export let classDiv: string = '';
 -->
diff --git a/src/lib/navbar/NavHamburger.svelte b/src/lib/navbar/NavHamburger.svelte
index 6ba78e716..8aa9db3fe 100644
--- a/src/lib/navbar/NavHamburger.svelte
+++ b/src/lib/navbar/NavHamburger.svelte
@@ -32,4 +32,5 @@
 ## Props
 @prop export let menuClass: $$Props['menuClass'] = 'h-6 w-6 shrink-0';
 @prop export let onClick: $$Props['onClick'] = undefined;
+@prop export let classMenu: $$Props['classMenu'] = '';
 -->
diff --git a/src/lib/navbar/NavUl.svelte b/src/lib/navbar/NavUl.svelte
index 83081c838..8e7a04986 100644
--- a/src/lib/navbar/NavUl.svelte
+++ b/src/lib/navbar/NavUl.svelte
@@ -76,4 +76,5 @@
 @prop export let slideParams: $$Props['slideParams'] = { delay: 250, duration: 500, easing: sineIn };
 @prop export let activeClass: NonNullable<$$Props['activeClass']> = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
 @prop export let nonActiveClass: NonNullable<$$Props['nonActiveClass']> = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
+@prop export let classUl: string = '';
 -->
diff --git a/src/lib/navbar/Navbar.svelte b/src/lib/navbar/Navbar.svelte
index 57111afc1..32231f250 100644
--- a/src/lib/navbar/Navbar.svelte
+++ b/src/lib/navbar/Navbar.svelte
@@ -35,4 +35,5 @@
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
 @prop export let fluid: $$Props['fluid'] = false;
+@prop export let navContainerClass: string= '';
 -->
diff --git a/src/lib/progress/Progressbar.svelte b/src/lib/progress/Progressbar.svelte
index a0531325a..0f8c2abae 100644
--- a/src/lib/progress/Progressbar.svelte
+++ b/src/lib/progress/Progressbar.svelte
@@ -87,4 +87,5 @@
 @prop export let labelInsideClass: $$Props['labelInsideClass'] = 'text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full';
 @prop export let divClass: $$Props['divClass'] = 'w-full bg-gray-200 rounded-full dark:bg-gray-700';
 @prop export let progressClass: $$Props['progressClass'] = '';
+@prop export let classLabelOutside: $$Props['classLabelOutside'] = '';
 -->
diff --git a/src/lib/rating/AdvancedRating.svelte b/src/lib/rating/AdvancedRating.svelte
index d4d4b69b1..dce3d5ea5 100644
--- a/src/lib/rating/AdvancedRating.svelte
+++ b/src/lib/rating/AdvancedRating.svelte
@@ -47,4 +47,9 @@
 @prop export let ratingClass: string = 'h-5 bg-yellow-400 rounded';
 @prop export let rightLabelClass: string = 'text-sm font-medium text-gray-600 dark:text-gray-500';
 @prop export let unit: string = '%';
+@prop export let classDiv: string = '';
+@prop export let classLabel: string = '';
+@prop export let classRatingDiv: string = '';
+@prop export let classRating: string = '';
+@prop export let classRightLabel: string = '';
 -->
diff --git a/src/lib/rating/Review.svelte b/src/lib/rating/Review.svelte
index 790cfbae0..f3a827435 100644
--- a/src/lib/rating/Review.svelte
+++ b/src/lib/rating/Review.svelte
@@ -94,4 +94,9 @@
 @prop export let imgClass: $$Props['imgClass'] = 'w-10 h-10 rounded-full';
 @prop export let ulClass: $$Props['ulClass'] = 'space-y-4 text-sm text-gray-500 dark:text-gray-400';
 @prop export let liClass: $$Props['liClass'] = 'flex items-center';
+@prop export let classArticle: $$Props['classArticle'] = '';
+@prop export let classDiv: $$Props['classDiv'] = '';
+@prop export let classImg: $$Props['classImg'] = '';
+@prop export let classUl: $$Props['classUl'] = '';
+@prop export let classLi: $$Props['classLi'] = '';
 -->
diff --git a/src/lib/table/Table.svelte b/src/lib/table/Table.svelte
index 79a0345d2..5ac765756 100644
--- a/src/lib/table/Table.svelte
+++ b/src/lib/table/Table.svelte
@@ -118,4 +118,6 @@
 @prop export let svgDivClass: $$Props['svgDivClass'] = 'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none';
 @prop export let svgClass: $$Props['svgClass'] = 'w-5 h-5 text-gray-500 dark:text-gray-400';
 @prop export let inputClass: $$Props['inputClass'] = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+@prop export let classInput: $$Props['classInput'] = '';
+@prop export let classSvgDiv: $$Props['classSvgDiv'] = '';
 -->
diff --git a/src/lib/table/TableSearch.svelte b/src/lib/table/TableSearch.svelte
index c1375f58a..c4dc61b72 100644
--- a/src/lib/table/TableSearch.svelte
+++ b/src/lib/table/TableSearch.svelte
@@ -90,4 +90,6 @@
 @prop export let svgDivClass: $$Props['svgDivClass'] = 'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none';
 @prop export let svgClass: $$Props['svgClass'] = 'w-5 h-5 text-gray-500 dark:text-gray-400';
 @prop export let inputClass: $$Props['inputClass'] = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+@prop export let classInput: $$Props['classInput'] = '';
+@prop export let classSvgDiv: $$Props['classSvgDiv'] = '';
 -->
diff --git a/src/lib/timeline/ActivityItem.svelte b/src/lib/timeline/ActivityItem.svelte
index c75afb98b..b467c0f71 100644
--- a/src/lib/timeline/ActivityItem.svelte
+++ b/src/lib/timeline/ActivityItem.svelte
@@ -84,4 +84,12 @@
 @prop export let timeClass: $$Props['timeClass'] = 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0';
 @prop export let titleClass: $$Props['titleClass'] = 'text-sm font-normal text-gray-500 lex dark:text-gray-300';
 @prop export let textClass: $$Props['textClass'] = 'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300';
+@prop export let classLi: $$Props['classLi'] = '';
+@prop export let classSpan: $$Props['classSpan'] = '';
+@prop export let classImg: $$Props['classImg'] = '';
+@prop export let classOuterDiv: $$Props['classOuterDiv'] = '';
+@prop export let classInnerDiv: $$Props['classInnerDiv'] = '';
+@prop export let classTime: $$Props['classTime'] = '';
+@prop export let classTitle: $$Props['classTitle'] = '';
+@prop export let classText: $$Props['classText'] = '';
 -->
diff --git a/src/lib/timeline/Group.svelte b/src/lib/timeline/Group.svelte
index caa28f3a1..b8f86dc04 100644
--- a/src/lib/timeline/Group.svelte
+++ b/src/lib/timeline/Group.svelte
@@ -40,4 +40,7 @@
 @prop export let timeClass: $$Props['timeClass'] = 'text-lg font-semibold text-gray-900 dark:text-white';
 @prop export let date: $$Props['date'] = '';
 @prop export let olClass: $$Props['olClass'] = 'mt-3 divide-y divider-gray-200 dark:divide-gray-700';
+@prop export let classDiv: $$Props['classDiv'] = '';
+@prop export let classTime: $$Props['classTime'] = '';
+@prop export let classOl: $$Props['classOl'] = '';
 -->
diff --git a/src/lib/timeline/GroupItem.svelte b/src/lib/timeline/GroupItem.svelte
index fd465e0f7..b7d181e3a 100644
--- a/src/lib/timeline/GroupItem.svelte
+++ b/src/lib/timeline/GroupItem.svelte
@@ -81,4 +81,9 @@
 @prop export let titleClass: $$Props['titleClass'] = 'text-base font-normal';
 @prop export let spanClass: $$Props['spanClass'] = 'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400';
 @prop export let isPrivacy: $$Props['isPrivacy'] = true;
+@prop export let classA: $$Props['classA'] = '';
+@prop export let classImg: $$Props['classImg'] = '';
+@prop export let classDiv: $$Props['classDiv'] = '';
+@prop export let classTitle: $$Props['classTitle'] = '';
+@prop export let classSpan: $$Props['classSpan'] = '';
 -->
diff --git a/src/lib/timeline/TimelineItem.svelte b/src/lib/timeline/TimelineItem.svelte
index c1fdee6d3..0a8b12298 100644
--- a/src/lib/timeline/TimelineItem.svelte
+++ b/src/lib/timeline/TimelineItem.svelte
@@ -86,4 +86,8 @@
 @prop export let title: $$Props['title'] = '';
 @prop export let date: $$Props['date'] = '';
 @prop export let svgClass: $$Props['svgClass'] = 'w-3 h-3 text-primary-600 dark:text-primary-400';
+@prop export let classDiv: $$Props['classDiv'] = '';
+@prop export let classLi: $$Props['classLi'] = '';
+@prop export let classTime: $$Props['classTime'] = '';
+@prop export let classH3: $$Props['classH3'] = '';
 -->
diff --git a/src/lib/typography/Hr.svelte b/src/lib/typography/Hr.svelte
index 3397c0abc..198c96740 100644
--- a/src/lib/typography/Hr.svelte
+++ b/src/lib/typography/Hr.svelte
@@ -50,4 +50,7 @@
 @prop export let iconDivClass: $$Props['iconDivClass'] = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
 @prop export let textSpanClass: $$Props['textSpanClass'] = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
 @prop export let innerDivClass: $$Props['innerDivClass'] = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
+@prop export let classHr: $$Props['classHr'] = '';
+@prop export let classDiv: $$Props['classDiv'] = '';
+@prop export let classInnerDiv: $$Props['classInnerDiv'] = '';
 -->
diff --git a/src/routes/component-data/A.json b/src/routes/component-data/A.json
index 948919054..c68085cf3 100644
--- a/src/routes/component-data/A.json
+++ b/src/routes/component-data/A.json
@@ -1,12 +1,34 @@
 {
   "name": "A",
   "slots": [],
-  "events": ["click"],
+  "events": [
+    "click"
+  ],
   "props": [
-    ["action?", "Action<HTMLElement, any>", ""],
-    ["params?", "any", "{}"],
-    ["href?", "string", "'#'"],
-    ["color?", "string", "'text-primary-600 dark:text-primary-500'"],
-    ["aClass?", "string", "'inline-flex items-center hover:underline'"]
+    [
+      "action?",
+      "Action<HTMLElement, any>",
+      ""
+    ],
+    [
+      "params?",
+      "any",
+      "{}"
+    ],
+    [
+      "href?",
+      "string",
+      "'#'"
+    ],
+    [
+      "color?",
+      "string",
+      "'text-primary-600 dark:text-primary-500'"
+    ],
+    [
+      "aClass?",
+      "string",
+      "'inline-flex items-center hover:underline'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Accordion.json b/src/routes/component-data/Accordion.json
index 98f60c712..462a0bfb1 100644
--- a/src/routes/component-data/Accordion.json
+++ b/src/routes/component-data/Accordion.json
@@ -3,12 +3,40 @@
   "slots": [],
   "events": [],
   "props": [
-    ["multiple?", "boolean", "false"],
-    ["flush?", "boolean", "false"],
-    ["activeClass?", "string", "'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800'"],
-    ["inactiveClass?", "string", "'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800'"],
-    ["defaultClass?", "string", "'text-gray-500 dark:text-gray-400'"],
-    ["classActive?", "string", ""],
-    ["classInactive?", "string", ""]
+    [
+      "multiple?",
+      "boolean",
+      "false"
+    ],
+    [
+      "flush?",
+      "boolean",
+      "false"
+    ],
+    [
+      "activeClass?",
+      "string",
+      "'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800'"
+    ],
+    [
+      "inactiveClass?",
+      "string",
+      "'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800'"
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'text-gray-500 dark:text-gray-400'"
+    ],
+    [
+      "classActive?",
+      "string",
+      "''"
+    ],
+    [
+      "classInactive?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/AccordionItem.json b/src/routes/component-data/AccordionItem.json
index 0dd680dcb..13327969f 100644
--- a/src/routes/component-data/AccordionItem.json
+++ b/src/routes/component-data/AccordionItem.json
@@ -1,24 +1,96 @@
 {
   "name": "AccordionItem",
-  "slots": ["header", "arrowup", "arrowdown"],
+  "slots": [
+    "header",
+    "arrowup",
+    "arrowdown"
+  ],
   "events": [],
   "props": [
-    ["tag?", "string", "'h2'"],
-    ["open?", "boolean", ""],
-    ["activeClass?", "string", "undefined"],
-    ["inactiveClass?", "string", "undefined"],
-    ["defaultClass?", "string", "'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700'"],
-    ["transitionType?", "TransitionTypes", "'slide'"],
-    ["transitionParams?", "TransitionParamTypes", "{}"],
-    ["paddingFlush?", "string", "'py-5'"],
-    ["paddingDefault?", "string", "'p-5'"],
-    ["textFlushOpen?", "string", "'text-gray-900 dark:text-white'"],
-    ["textFlushDefault?", "string", "'text-gray-500 dark:text-gray-400'"],
-    ["borderClass?", "string", "'border-s border-e group-first:border-t'"],
-    ["borderOpenClass?", "string", "'border-s border-e'"],
-    ["borderBottomClass?", "string", "'border-b'"],
-    ["borderSharedClass?", "string", "'border-gray-200 dark:border-gray-700'"],
-    ["classActive?", "string", "undefined"],
-    ["classInactive?", "string", "undefined"]
+    [
+      "tag?",
+      "string",
+      "'h2'"
+    ],
+    [
+      "open?",
+      "boolean",
+      ""
+    ],
+    [
+      "activeClass?",
+      "string",
+      "undefined"
+    ],
+    [
+      "inactiveClass?",
+      "string",
+      "undefined"
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700'"
+    ],
+    [
+      "transitionType?",
+      "TransitionTypes",
+      "'slide'"
+    ],
+    [
+      "transitionParams?",
+      "TransitionParamTypes",
+      "{}"
+    ],
+    [
+      "paddingFlush?",
+      "string",
+      "'py-5'"
+    ],
+    [
+      "paddingDefault?",
+      "string",
+      "'p-5'"
+    ],
+    [
+      "textFlushOpen?",
+      "string",
+      "'text-gray-900 dark:text-white'"
+    ],
+    [
+      "textFlushDefault?",
+      "string",
+      "'text-gray-500 dark:text-gray-400'"
+    ],
+    [
+      "borderClass?",
+      "string",
+      "'border-s border-e group-first:border-t'"
+    ],
+    [
+      "borderOpenClass?",
+      "string",
+      "'border-s border-e'"
+    ],
+    [
+      "borderBottomClass?",
+      "string",
+      "'border-b'"
+    ],
+    [
+      "borderSharedClass?",
+      "string",
+      "'border-gray-200 dark:border-gray-700'"
+    ],
+    [
+      "classActive?",
+      "string",
+      "undefined"
+    ],
+    [
+      "classInactive?",
+      "string",
+      "undefined"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Activity.json b/src/routes/component-data/Activity.json
index c496aae93..dc6f51895 100644
--- a/src/routes/component-data/Activity.json
+++ b/src/routes/component-data/Activity.json
@@ -2,5 +2,11 @@
   "name": "Activity",
   "slots": [],
   "events": [],
-  "props": [["olClass?", "string", "'relative border-s border-gray-200 dark:border-gray-700'"]]
-}
+  "props": [
+    [
+      "olClass?",
+      "string",
+      "'relative border-s border-gray-200 dark:border-gray-700'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ActivityItem.json b/src/routes/component-data/ActivityItem.json
index 812352a68..1a60853aa 100644
--- a/src/routes/component-data/ActivityItem.json
+++ b/src/routes/component-data/ActivityItem.json
@@ -3,14 +3,90 @@
   "slots": [],
   "events": [],
   "props": [
-    ["activities", "ActivityType[]", "[]"],
-    ["liClass?", "string", "'mb-10 ms-6'"],
-    ["spanClass?", "string", "'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900'"],
-    ["imgClass?", "string", "'rounded-full shadow-lg'"],
-    ["outerDivClass?", "string", "'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600'"],
-    ["innerDivClass?", "string", "'justify-between items-center mb-3 sm:flex'"],
-    ["timeClass?", "string", "'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0'"],
-    ["titleClass?", "string", "'text-sm font-normal text-gray-500 lex dark:text-gray-300'"],
-    ["textClass?", "string", "'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300'"]
+    [
+      "activities",
+      "ActivityType[]",
+      "[]"
+    ],
+    [
+      "liClass?",
+      "string",
+      "'mb-10 ms-6'"
+    ],
+    [
+      "spanClass?",
+      "string",
+      "'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900'"
+    ],
+    [
+      "imgClass?",
+      "string",
+      "'rounded-full shadow-lg'"
+    ],
+    [
+      "outerDivClass?",
+      "string",
+      "'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600'"
+    ],
+    [
+      "innerDivClass?",
+      "string",
+      "'justify-between items-center mb-3 sm:flex'"
+    ],
+    [
+      "timeClass?",
+      "string",
+      "'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0'"
+    ],
+    [
+      "titleClass?",
+      "string",
+      "'text-sm font-normal text-gray-500 lex dark:text-gray-300'"
+    ],
+    [
+      "textClass?",
+      "string",
+      "'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300'"
+    ],
+    [
+      "classLi?",
+      "string",
+      "''"
+    ],
+    [
+      "classSpan?",
+      "string",
+      "''"
+    ],
+    [
+      "classImg?",
+      "string",
+      "''"
+    ],
+    [
+      "classOuterDiv?",
+      "string",
+      "''"
+    ],
+    [
+      "classInnerDiv?",
+      "string",
+      "''"
+    ],
+    [
+      "classTime?",
+      "string",
+      "''"
+    ],
+    [
+      "classTitle?",
+      "string",
+      "''"
+    ],
+    [
+      "classText?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Alert.json b/src/routes/component-data/Alert.json
index 00a0d0995..1a948ecbe 100644
--- a/src/routes/component-data/Alert.json
+++ b/src/routes/component-data/Alert.json
@@ -1,9 +1,30 @@
 {
   "name": "Alert",
-  "slots": ["icon", "close-button"],
-  "events": ["close", "click", "change", "keydown", "keyup", "focus", "blur", "mouseenter", "mouseleave"],
+  "slots": [
+    "icon",
+    "close-button"
+  ],
+  "events": [
+    "close",
+    "click",
+    "change",
+    "keydown",
+    "keyup",
+    "focus",
+    "blur",
+    "mouseenter",
+    "mouseleave"
+  ],
   "props": [
-    ["dismissable?", "boolean", "false"],
-    ["defaultClass?", "string", "'p-4 gap-3 text-sm'"]
+    [
+      "dismissable?",
+      "boolean",
+      "false"
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'p-4 gap-3 text-sm'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Android.json b/src/routes/component-data/Android.json
index d21512bca..505507b1e 100644
--- a/src/routes/component-data/Android.json
+++ b/src/routes/component-data/Android.json
@@ -3,12 +3,70 @@
   "slots": [],
   "events": [],
   "props": [
-    ["div?", "string", "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl'"],
-    ["slot?", "string", "'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800'"],
-    ["top?", "string", "'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute'"],
-    ["leftTop?", "string", "'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg'"],
-    ["leftMid?", "string", "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"],
-    ["leftBot?", "string", "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"],
-    ["right?", "string", "'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"]
+    [
+      "div?",
+      "string",
+      "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl'"
+    ],
+    [
+      "slot?",
+      "string",
+      "'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800'"
+    ],
+    [
+      "top?",
+      "string",
+      "'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute'"
+    ],
+    [
+      "leftTop?",
+      "string",
+      "'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg'"
+    ],
+    [
+      "leftMid?",
+      "string",
+      "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"
+    ],
+    [
+      "leftBot?",
+      "string",
+      "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"
+    ],
+    [
+      "right?",
+      "string",
+      "'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"
+    ],
+    [
+      "classTop?",
+      "string",
+      "''"
+    ],
+    [
+      "classLeftTop?",
+      "string",
+      "''"
+    ],
+    [
+      "classLeftMid?",
+      "string",
+      "''"
+    ],
+    [
+      "classLeftBot?",
+      "string",
+      "''"
+    ],
+    [
+      "classRight?",
+      "string",
+      "''"
+    ],
+    [
+      "classSlot?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ArrowKeyDown.json b/src/routes/component-data/ArrowKeyDown.json
index eb10e27cd..63acfe6e2 100644
--- a/src/routes/component-data/ArrowKeyDown.json
+++ b/src/routes/component-data/ArrowKeyDown.json
@@ -2,5 +2,11 @@
   "name": "ArrowKeyDown",
   "slots": [],
   "events": [],
-  "props": [["svgClass?", "string", "'w-4 h-4'"]]
-}
+  "props": [
+    [
+      "svgClass?",
+      "string",
+      "'w-4 h-4'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ArrowKeyLeft.json b/src/routes/component-data/ArrowKeyLeft.json
index 31844a33f..de6e9e1f7 100644
--- a/src/routes/component-data/ArrowKeyLeft.json
+++ b/src/routes/component-data/ArrowKeyLeft.json
@@ -2,5 +2,11 @@
   "name": "ArrowKeyLeft",
   "slots": [],
   "events": [],
-  "props": [["svgClass?", "string", "'w-4 h-4'"]]
-}
+  "props": [
+    [
+      "svgClass?",
+      "string",
+      "'w-4 h-4'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ArrowKeyRight.json b/src/routes/component-data/ArrowKeyRight.json
index 218214b38..a6f91f560 100644
--- a/src/routes/component-data/ArrowKeyRight.json
+++ b/src/routes/component-data/ArrowKeyRight.json
@@ -2,5 +2,11 @@
   "name": "ArrowKeyRight",
   "slots": [],
   "events": [],
-  "props": [["svgClass?", "string", "'w-4 h-4'"]]
-}
+  "props": [
+    [
+      "svgClass?",
+      "string",
+      "'w-4 h-4'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ArrowKeyUp.json b/src/routes/component-data/ArrowKeyUp.json
index c971d96a0..da0042fa7 100644
--- a/src/routes/component-data/ArrowKeyUp.json
+++ b/src/routes/component-data/ArrowKeyUp.json
@@ -2,5 +2,11 @@
   "name": "ArrowKeyUp",
   "slots": [],
   "events": [],
-  "props": [["svgClass?", "string", "'w-4 h-4'"]]
-}
+  "props": [
+    [
+      "svgClass?",
+      "string",
+      "'w-4 h-4'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Avatar.json b/src/routes/component-data/Avatar.json
index 393b90c94..fb27e582a 100644
--- a/src/routes/component-data/Avatar.json
+++ b/src/routes/component-data/Avatar.json
@@ -3,4 +3,4 @@
   "slots": [],
   "events": [],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Badge.json b/src/routes/component-data/Badge.json
index 3afe5cda4..eb417fdce 100644
--- a/src/routes/component-data/Badge.json
+++ b/src/routes/component-data/Badge.json
@@ -1,15 +1,51 @@
 {
   "name": "Badge",
-  "slots": ["close-button"],
-  "events": ["close"],
+  "slots": [
+    "close-button"
+  ],
+  "events": [
+    "close"
+  ],
   "props": [
-    ["color?", "ColorVariant", ""],
-    ["large?", "boolean", "false"],
-    ["dismissable?", "boolean", "false"],
-    ["border?", "boolean", "false"],
-    ["href?", "string", "''"],
-    ["rounded?", "boolean", "false"],
-    ["transition?", "TransitionFunc", ""],
-    ["params?", "object", "{}"]
+    [
+      "color?",
+      "ColorVariant",
+      ""
+    ],
+    [
+      "large?",
+      "boolean",
+      "false"
+    ],
+    [
+      "dismissable?",
+      "boolean",
+      "false"
+    ],
+    [
+      "border?",
+      "boolean",
+      "false"
+    ],
+    [
+      "href?",
+      "string",
+      "''"
+    ],
+    [
+      "rounded?",
+      "boolean",
+      "false"
+    ],
+    [
+      "transition?",
+      "TransitionFunc",
+      ""
+    ],
+    [
+      "params?",
+      "object",
+      "{}"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Banner.json b/src/routes/component-data/Banner.json
index 1dea94222..563feef69 100644
--- a/src/routes/component-data/Banner.json
+++ b/src/routes/component-data/Banner.json
@@ -1,15 +1,68 @@
 {
   "name": "Banner",
-  "slots": ["header"],
-  "events": ["click", "change", "keydown", "keyup", "focus", "blur", "mouseenter", "mouseleave"],
+  "slots": [
+    "header"
+  ],
+  "events": [
+    "click",
+    "change",
+    "keydown",
+    "keyup",
+    "focus",
+    "blur",
+    "mouseenter",
+    "mouseleave"
+  ],
   "props": [
-    ["position?", "'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'", "'sticky'"],
-    ["dismissable?", "boolean", "true"],
-    ["bannerType?", "'default' | 'bottom' | 'cta' | 'signup' | 'info'", ""],
-    ["divClass?", "string", "'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600'"],
-    ["innerClass?", "string", "'flex'"],
-    ["bannerStatus?", "boolean", "true"],
-    ["transition?", "TransitionFunc", ""],
-    ["params?", "object", "{}"]
+    [
+      "position?",
+      "'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'",
+      "'sticky'"
+    ],
+    [
+      "dismissable?",
+      "boolean",
+      "true"
+    ],
+    [
+      "bannerType?",
+      "'default' | 'bottom' | 'cta' | 'signup' | 'info'",
+      ""
+    ],
+    [
+      "divClass?",
+      "string",
+      "'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600'"
+    ],
+    [
+      "innerClass?",
+      "string",
+      "'flex'"
+    ],
+    [
+      "bannerStatus?",
+      "boolean",
+      "true"
+    ],
+    [
+      "transition?",
+      "TransitionFunc",
+      ""
+    ],
+    [
+      "params?",
+      "object",
+      "{}"
+    ],
+    [
+      "classDiv?",
+      "string",
+      "''"
+    ],
+    [
+      "classInner?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Blockquote.json b/src/routes/component-data/Blockquote.json
index 98e6841cd..e841ab3e7 100644
--- a/src/routes/component-data/Blockquote.json
+++ b/src/routes/component-data/Blockquote.json
@@ -3,13 +3,45 @@
   "slots": [],
   "events": [],
   "props": [
-    ["border?", "boolean", "false"],
-    ["italic?", "boolean", "true"],
-    ["borderClass?", "string", "'border-s-4 border-gray-300 dark:border-gray-500'"],
-    ["bgClass?", "string", "'bg-gray-50 dark:bg-gray-800'"],
-    ["bg?", "boolean", "false"],
-    ["baseClass?", "string", "'font-semibold text-gray-900 dark:text-white'"],
-    ["alignment?", "'left' | 'center' | 'right'", ""],
-    ["size?", "BlockQuoteType", ""]
+    [
+      "border?",
+      "boolean",
+      "false"
+    ],
+    [
+      "italic?",
+      "boolean",
+      "true"
+    ],
+    [
+      "borderClass?",
+      "string",
+      "'border-s-4 border-gray-300 dark:border-gray-500'"
+    ],
+    [
+      "bgClass?",
+      "string",
+      "'bg-gray-50 dark:bg-gray-800'"
+    ],
+    [
+      "bg?",
+      "boolean",
+      "false"
+    ],
+    [
+      "baseClass?",
+      "string",
+      "'font-semibold text-gray-900 dark:text-white'"
+    ],
+    [
+      "alignment?",
+      "'left' | 'center' | 'right'",
+      ""
+    ],
+    [
+      "size?",
+      "BlockQuoteType",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/BottomNav.json b/src/routes/component-data/BottomNav.json
index c9b7bdc21..b5187ebf0 100644
--- a/src/routes/component-data/BottomNav.json
+++ b/src/routes/component-data/BottomNav.json
@@ -1,13 +1,54 @@
 {
   "name": "BottomNav",
-  "slots": ["header"],
+  "slots": [
+    "header"
+  ],
   "events": [],
   "props": [
-    ["activeUrl", "string", "''"],
-    ["position?", "'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'", "'fixed'"],
-    ["navType?", "'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video'", ""],
-    ["outerClass?", "string", "'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600'"],
-    ["innerClass?", "string", "'grid h-full max-w-lg mx-auto'"],
-    ["activeClass?", "string", "'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900'"]
+    [
+      "activeUrl",
+      "string",
+      "''"
+    ],
+    [
+      "position?",
+      "'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'",
+      "'fixed'"
+    ],
+    [
+      "navType?",
+      "'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video'",
+      ""
+    ],
+    [
+      "outerClass?",
+      "string",
+      "'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600'"
+    ],
+    [
+      "innerClass?",
+      "string",
+      "'grid h-full max-w-lg mx-auto'"
+    ],
+    [
+      "activeClass?",
+      "string",
+      "'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900'"
+    ],
+    [
+      "classActive?",
+      "string",
+      "''"
+    ],
+    [
+      "classOuter?",
+      "string",
+      "''"
+    ],
+    [
+      "classInner?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/BottomNavHeader.json b/src/routes/component-data/BottomNavHeader.json
index 9e2060994..e14548910 100644
--- a/src/routes/component-data/BottomNavHeader.json
+++ b/src/routes/component-data/BottomNavHeader.json
@@ -3,7 +3,25 @@
   "slots": [],
   "events": [],
   "props": [
-    ["outerClass?", "string", "'w-full'"],
-    ["innerClass?", "string", "'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600'"]
+    [
+      "outerClass?",
+      "string",
+      "'w-full'"
+    ],
+    [
+      "innerClass?",
+      "string",
+      "'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600'"
+    ],
+    [
+      "classOuter?",
+      "string",
+      "''"
+    ],
+    [
+      "classInner?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/BottomNavHeaderItem.json b/src/routes/component-data/BottomNavHeaderItem.json
index f065f5043..0c422fcb5 100644
--- a/src/routes/component-data/BottomNavHeaderItem.json
+++ b/src/routes/component-data/BottomNavHeaderItem.json
@@ -1,11 +1,36 @@
 {
   "name": "BottomNavHeaderItem",
   "slots": [],
-  "events": ["click", "change", "keydown", "keyup", "focus", "blur", "mouseenter", "mouseleave"],
+  "events": [
+    "click",
+    "change",
+    "keydown",
+    "keyup",
+    "focus",
+    "blur",
+    "mouseenter",
+    "mouseleave"
+  ],
   "props": [
-    ["itemName", "string", "''"],
-    ["active", "boolean", "false"],
-    ["defaultClass", "string", "'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg'"],
-    ["activeClass", "string", "'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg'"]
+    [
+      "itemName",
+      "string",
+      "''"
+    ],
+    [
+      "active",
+      "boolean",
+      "false"
+    ],
+    [
+      "defaultClass",
+      "string",
+      "'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg'"
+    ],
+    [
+      "activeClass",
+      "string",
+      "'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/BottomNavItem.json b/src/routes/component-data/BottomNavItem.json
index cd2c8f68c..025c56ce5 100644
--- a/src/routes/component-data/BottomNavItem.json
+++ b/src/routes/component-data/BottomNavItem.json
@@ -1,6 +1,15 @@
 {
   "name": "BottomNavItem",
   "slots": [],
-  "events": ["click", "change", "keydown", "keyup", "focus", "blur", "mouseenter", "mouseleave"],
+  "events": [
+    "click",
+    "change",
+    "keydown",
+    "keyup",
+    "focus",
+    "blur",
+    "mouseenter",
+    "mouseleave"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Breadcrumb.json b/src/routes/component-data/Breadcrumb.json
index 194556e73..aff034035 100644
--- a/src/routes/component-data/Breadcrumb.json
+++ b/src/routes/component-data/Breadcrumb.json
@@ -3,10 +3,35 @@
   "slots": [],
   "events": [],
   "props": [
-    ["solid?", "boolean", "false"],
-    ["navClass?", "string", ""],
-    ["solidClass?", "string", ""],
-    ["olClass?", "string", "'inline-flex items-center space-x-1 rtl:space-x-reverse md:space-x-3 rtl:space-x-reverse'"],
-    ["ariaLabel?", "string", "'Breadcrumb'"]
+    [
+      "solid?",
+      "boolean",
+      "false"
+    ],
+    [
+      "navClass?",
+      "string",
+      ""
+    ],
+    [
+      "solidClass?",
+      "string",
+      ""
+    ],
+    [
+      "olClass?",
+      "string",
+      "'inline-flex items-center space-x-1 rtl:space-x-reverse md:space-x-3 rtl:space-x-reverse'"
+    ],
+    [
+      "ariaLabel?",
+      "string",
+      "'Breadcrumb'"
+    ],
+    [
+      "classOl?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/BreadcrumbItem.json b/src/routes/component-data/BreadcrumbItem.json
index cdc0abb93..dece0dab4 100644
--- a/src/routes/component-data/BreadcrumbItem.json
+++ b/src/routes/component-data/BreadcrumbItem.json
@@ -1,12 +1,50 @@
 {
   "name": "BreadcrumbItem",
-  "slots": ["icon", "icon"],
+  "slots": [
+    "icon",
+    "icon"
+  ],
   "events": [],
   "props": [
-    ["home?", "boolean", "false"],
-    ["href?", "string", "undefined"],
-    ["linkClass?", "string", "'ms-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ms-2 dark:text-gray-400 dark:hover:text-white'"],
-    ["spanClass?", "string", "'ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400'"],
-    ["homeClass?", "string", "'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white'"]
+    [
+      "home?",
+      "boolean",
+      "false"
+    ],
+    [
+      "href?",
+      "string",
+      "undefined"
+    ],
+    [
+      "linkClass?",
+      "string",
+      "'ms-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ms-2 dark:text-gray-400 dark:hover:text-white'"
+    ],
+    [
+      "spanClass?",
+      "string",
+      "'ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400'"
+    ],
+    [
+      "homeClass?",
+      "string",
+      "'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white'"
+    ],
+    [
+      "classHome?",
+      "string",
+      "''"
+    ],
+    [
+      "classLink?",
+      "string",
+      "''"
+    ],
+    [
+      "classSpan?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Button.json b/src/routes/component-data/Button.json
index d9bb12f17..3e7da3643 100644
--- a/src/routes/component-data/Button.json
+++ b/src/routes/component-data/Button.json
@@ -1,6 +1,23 @@
 {
   "name": "Button",
   "slots": [],
-  "events": ["click", "change", "keydown", "keyup", "touchend", "touchcancel", "mouseenter", "mouseleave", "click", "change", "keydown", "keyup", "touchend", "touchcancel", "mouseenter", "mouseleave"],
+  "events": [
+    "click",
+    "change",
+    "keydown",
+    "keyup",
+    "touchend",
+    "touchcancel",
+    "mouseenter",
+    "mouseleave",
+    "click",
+    "change",
+    "keydown",
+    "keyup",
+    "touchend",
+    "touchcancel",
+    "mouseenter",
+    "mouseleave"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ButtonGroup.json b/src/routes/component-data/ButtonGroup.json
index 7519deba3..3a9cff5ec 100644
--- a/src/routes/component-data/ButtonGroup.json
+++ b/src/routes/component-data/ButtonGroup.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["size?", "SizeType", "'md'"],
-    ["divClass?", "string", "'inline-flex rounded-lg shadow-sm'"]
+    [
+      "size?",
+      "SizeType",
+      "'md'"
+    ],
+    [
+      "divClass?",
+      "string",
+      "'inline-flex rounded-lg shadow-sm'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Card.json b/src/routes/component-data/Card.json
index 22bccba7f..33c4b922b 100644
--- a/src/routes/component-data/Card.json
+++ b/src/routes/component-data/Card.json
@@ -1,14 +1,48 @@
 {
   "name": "Card",
   "slots": [],
-  "events": ["click", "focusin", "focusout", "mouseenter", "mouseleave"],
+  "events": [
+    "click",
+    "focusin",
+    "focusout",
+    "mouseenter",
+    "mouseleave"
+  ],
   "props": [
-    ["href?", "string", "undefined"],
-    ["horizontal?", "boolean", "false"],
-    ["reverse?", "boolean", "false"],
-    ["img?", "string", "undefined"],
-    ["padding?", "SizeType | 'none'", ""],
-    ["size?", "SizeType | 'none'", ""],
-    ["imgClass?", "string", "''"]
+    [
+      "href?",
+      "string",
+      "undefined"
+    ],
+    [
+      "horizontal?",
+      "boolean",
+      "false"
+    ],
+    [
+      "reverse?",
+      "boolean",
+      "false"
+    ],
+    [
+      "img?",
+      "string",
+      "undefined"
+    ],
+    [
+      "padding?",
+      "SizeType | 'none'",
+      ""
+    ],
+    [
+      "size?",
+      "SizeType | 'none'",
+      ""
+    ],
+    [
+      "imgClass?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/CardPlaceholder.json b/src/routes/component-data/CardPlaceholder.json
index c17a3d0fe..e006bb461 100644
--- a/src/routes/component-data/CardPlaceholder.json
+++ b/src/routes/component-data/CardPlaceholder.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["divClass?", "string", "'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700'"],
-    ["size?", "keyof Sizes", ""]
+    [
+      "divClass?",
+      "string",
+      "'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700'"
+    ],
+    [
+      "size?",
+      "keyof Sizes",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Chart.json b/src/routes/component-data/Chart.json
index f972ced60..f132275f0 100644
--- a/src/routes/component-data/Chart.json
+++ b/src/routes/component-data/Chart.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["options", "ApexOptions", ""],
-    ["class?", "string", ""]
+    [
+      "options",
+      "ApexOptions",
+      ""
+    ],
+    [
+      "class?",
+      "string",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Checkbox.json b/src/routes/component-data/Checkbox.json
index 9523e9736..b59f93d47 100644
--- a/src/routes/component-data/Checkbox.json
+++ b/src/routes/component-data/Checkbox.json
@@ -1,19 +1,79 @@
 {
   "name": "Checkbox",
   "slots": [],
-  "events": ["keyup", "keydown", "keypress", "focus", "blur", "click", "mouseover", "mouseenter", "mouseleave", "paste", "change"],
+  "events": [
+    "keyup",
+    "keydown",
+    "keypress",
+    "focus",
+    "blur",
+    "click",
+    "mouseover",
+    "mouseenter",
+    "mouseleave",
+    "paste",
+    "change"
+  ],
   "props": [
-    ["color?", "FormColorType", ""],
-    ["custom?", "boolean", ""],
-    ["inline?", "boolean", ""],
-    ["group?", "string[]", "[]"],
-    ["choices?", "CheckboxItem[]", ""],
-    ["value?", "string | number", "'on'"],
-    ["checked?", "boolean", "undefined"],
-    ["spacing?", "string", ""],
-    ["groupLabelClass?", "string", ""],
-    ["groupInputClass?", "string", ""],
-    ["class?", "string", ""],
-    ["required?", "boolean", ""]
+    [
+      "color?",
+      "FormColorType",
+      ""
+    ],
+    [
+      "custom?",
+      "boolean",
+      ""
+    ],
+    [
+      "inline?",
+      "boolean",
+      ""
+    ],
+    [
+      "group?",
+      "string[]",
+      "[]"
+    ],
+    [
+      "choices?",
+      "CheckboxItem[]",
+      ""
+    ],
+    [
+      "value?",
+      "string | number",
+      "'on'"
+    ],
+    [
+      "checked?",
+      "boolean",
+      "undefined"
+    ],
+    [
+      "spacing?",
+      "string",
+      ""
+    ],
+    [
+      "groupLabelClass?",
+      "string",
+      ""
+    ],
+    [
+      "groupInputClass?",
+      "string",
+      ""
+    ],
+    [
+      "class?",
+      "string",
+      ""
+    ],
+    [
+      "required?",
+      "boolean",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/CheckboxButton.json b/src/routes/component-data/CheckboxButton.json
index c0d0676a8..e23c17ab0 100644
--- a/src/routes/component-data/CheckboxButton.json
+++ b/src/routes/component-data/CheckboxButton.json
@@ -1,6 +1,18 @@
 {
   "name": "CheckboxButton",
   "slots": [],
-  "events": ["keyup", "keydown", "keypress", "focus", "blur", "click", "mouseover", "mouseenter", "mouseleave", "paste", "change"],
+  "events": [
+    "keyup",
+    "keydown",
+    "keypress",
+    "focus",
+    "blur",
+    "click",
+    "mouseover",
+    "mouseenter",
+    "mouseleave",
+    "paste",
+    "change"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/DarkMode.json b/src/routes/component-data/DarkMode.json
index 70114a972..144d119a8 100644
--- a/src/routes/component-data/DarkMode.json
+++ b/src/routes/component-data/DarkMode.json
@@ -1,10 +1,25 @@
 {
   "name": "DarkMode",
-  "slots": ["lightIcon", "darkIcon"],
+  "slots": [
+    "lightIcon",
+    "darkIcon"
+  ],
   "events": [],
   "props": [
-    ["btnClass?", "string", "'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5'"],
-    ["size?", "'sm' | 'md' | 'lg'", ""],
-    ["ariaLabel?", "string", "'Dark mode'"]
+    [
+      "btnClass?",
+      "string",
+      "'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5'"
+    ],
+    [
+      "size?",
+      "'sm' | 'md' | 'lg'",
+      ""
+    ],
+    [
+      "ariaLabel?",
+      "string",
+      "'Dark mode'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/DefaultMockup.json b/src/routes/component-data/DefaultMockup.json
index 74ca2fd79..1389e2773 100644
--- a/src/routes/component-data/DefaultMockup.json
+++ b/src/routes/component-data/DefaultMockup.json
@@ -3,11 +3,60 @@
   "slots": [],
   "events": [],
   "props": [
-    ["div?", "string", "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]'"],
-    ["slot?", "string", "'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800'"],
-    ["top?", "string", "'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg'"],
-    ["leftTop?", "string", "'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"],
-    ["leftBot?", "string", "'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"],
-    ["right?", "string", "'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"]
+    [
+      "div?",
+      "string",
+      "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]'"
+    ],
+    [
+      "slot?",
+      "string",
+      "'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800'"
+    ],
+    [
+      "top?",
+      "string",
+      "'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg'"
+    ],
+    [
+      "leftTop?",
+      "string",
+      "'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"
+    ],
+    [
+      "leftBot?",
+      "string",
+      "'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"
+    ],
+    [
+      "right?",
+      "string",
+      "'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"
+    ],
+    [
+      "classTop?",
+      "string",
+      "''"
+    ],
+    [
+      "classLeftTop?",
+      "string",
+      "''"
+    ],
+    [
+      "classLeftBot?",
+      "string",
+      "''"
+    ],
+    [
+      "classRight?",
+      "string",
+      "''"
+    ],
+    [
+      "classSlot?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/DescriptionList.json b/src/routes/component-data/DescriptionList.json
index 1ee36d869..673191e07 100644
--- a/src/routes/component-data/DescriptionList.json
+++ b/src/routes/component-data/DescriptionList.json
@@ -3,8 +3,20 @@
   "slots": [],
   "events": [],
   "props": [
-    ["tag?", "'dt' | 'dd'", "'dt'"],
-    ["dtClass?", "string", "'text-gray-500 md:text-lg dark:text-gray-400'"],
-    ["ddClass?", "string", "'text-lg font-semibold'"]
+    [
+      "tag?",
+      "'dt' | 'dd'",
+      "'dt'"
+    ],
+    [
+      "dtClass?",
+      "string",
+      "'text-gray-500 md:text-lg dark:text-gray-400'"
+    ],
+    [
+      "ddClass?",
+      "string",
+      "'text-lg font-semibold'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Desktop.json b/src/routes/component-data/Desktop.json
index c01582459..f13dc3280 100644
--- a/src/routes/component-data/Desktop.json
+++ b/src/routes/component-data/Desktop.json
@@ -3,9 +3,40 @@
   "slots": [],
   "events": [],
   "props": [
-    ["inner?", "string", "'rounded-xl overflow-hidden h-[140px] md:h-[262px]'"],
-    ["bot?", "string", "'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]'"],
-    ["botUnder?", "string", "'relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]'"],
-    ["div?", "string", "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]'"]
+    [
+      "inner?",
+      "string",
+      "'rounded-xl overflow-hidden h-[140px] md:h-[262px]'"
+    ],
+    [
+      "bot?",
+      "string",
+      "'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]'"
+    ],
+    [
+      "botUnder?",
+      "string",
+      "'relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]'"
+    ],
+    [
+      "div?",
+      "string",
+      "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]'"
+    ],
+    [
+      "classInner?",
+      "string",
+      "''"
+    ],
+    [
+      "classBot?",
+      "string",
+      "''"
+    ],
+    [
+      "classBotUnder?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/DeviceMockup.json b/src/routes/component-data/DeviceMockup.json
index a3da10f27..4a0329bef 100644
--- a/src/routes/component-data/DeviceMockup.json
+++ b/src/routes/component-data/DeviceMockup.json
@@ -2,5 +2,11 @@
   "name": "DeviceMockup",
   "slots": [],
   "events": [],
-  "props": [["device?", "'default' | 'ios' | 'android' | 'tablet' | 'laptop' | 'desktop' | 'smartwatch'", ""]]
-}
+  "props": [
+    [
+      "device?",
+      "'default' | 'ios' | 'android' | 'tablet' | 'laptop' | 'desktop' | 'smartwatch'",
+      ""
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Drawer.json b/src/routes/component-data/Drawer.json
index f2f5e7b3d..5c6317fd2 100644
--- a/src/routes/component-data/Drawer.json
+++ b/src/routes/component-data/Drawer.json
@@ -3,21 +3,85 @@
   "slots": [],
   "events": [],
   "props": [
-    ["activateClickOutside?", "boolean", "true"],
-    ["hidden?", "boolean", "true"],
-    ["position?", "'fixed' | 'absolute'", "'fixed'"],
-    ["leftOffset?", "string", "'inset-y-0 start-0'"],
-    ["rightOffset?", "string", "'inset-y-0 end-0'"],
-    ["topOffset?", "string", "'inset-x-0 top-0'"],
-    ["bottomOffset?", "string", "'inset-x-0 bottom-0'"],
-    ["width?", "string", "'w-80'"],
-    ["backdrop?", "boolean", "true"],
-    ["bgColor?", "string", "'bg-gray-900'"],
-    ["bgOpacity?", "string", "'bg-opacity-75'"],
-    ["placement?", "'left' | 'right' | 'top' | 'bottom'", ""],
-    ["id?", "string", "'drawer-example'"],
-    ["divClass?", "string", "'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800'"],
-    ["transitionParams?", "drawerTransitionParamTypes", "{}"],
-    ["transitionType?", "TransitionTypes", "'fly'"]
+    [
+      "activateClickOutside?",
+      "boolean",
+      "true"
+    ],
+    [
+      "hidden?",
+      "boolean",
+      "true"
+    ],
+    [
+      "position?",
+      "'fixed' | 'absolute'",
+      "'fixed'"
+    ],
+    [
+      "leftOffset?",
+      "string",
+      "'inset-y-0 start-0'"
+    ],
+    [
+      "rightOffset?",
+      "string",
+      "'inset-y-0 end-0'"
+    ],
+    [
+      "topOffset?",
+      "string",
+      "'inset-x-0 top-0'"
+    ],
+    [
+      "bottomOffset?",
+      "string",
+      "'inset-x-0 bottom-0'"
+    ],
+    [
+      "width?",
+      "string",
+      "'w-80'"
+    ],
+    [
+      "backdrop?",
+      "boolean",
+      "true"
+    ],
+    [
+      "bgColor?",
+      "string",
+      "'bg-gray-900'"
+    ],
+    [
+      "bgOpacity?",
+      "string",
+      "'bg-opacity-75'"
+    ],
+    [
+      "placement?",
+      "'left' | 'right' | 'top' | 'bottom'",
+      ""
+    ],
+    [
+      "id?",
+      "string",
+      "'drawer-example'"
+    ],
+    [
+      "divClass?",
+      "string",
+      "'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800'"
+    ],
+    [
+      "transitionParams?",
+      "drawerTransitionParamTypes",
+      "{}"
+    ],
+    [
+      "transitionType?",
+      "TransitionTypes",
+      "'fly'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Dropdown.json b/src/routes/component-data/Dropdown.json
index b2fd5f1e4..d51bb353f 100644
--- a/src/routes/component-data/Dropdown.json
+++ b/src/routes/component-data/Dropdown.json
@@ -1,23 +1,92 @@
 {
   "name": "Dropdown",
-  "slots": ["header", "footer"],
-  "events": ["show"],
+  "slots": [
+    "header",
+    "footer"
+  ],
+  "events": [
+    "show"
+  ],
   "props": [
-    ["activeUrl?", "string", "undefined"],
-    ["open?", "boolean", "false"],
-    ["containerClass?", "string", "'divide-y z-50'"],
-    ["classContainer?", "string", "undefined"],
-    ["headerClass?", "string", "'py-1 overflow-hidden rounded-t-lg'"],
-    ["classHeader?", "string", "undefined"],
-    ["footerClass?", "string", "'py-1 overflow-hidden rounded-b-lg'"],
-    ["classFooter?", "string", "undefined"],
-    ["activeClass?", "string", "'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900'"],
-    ["classActive?", "string", "undefined"],
-    ["arrow?", "boolean", "false"],
-    ["trigger?", "'hover' | 'click' | 'focus'", "'click'"],
-    ["placement?", "Placement", "'bottom'"],
-    ["color?", "FrameColor", "'dropdown'"],
-    ["shadow?", "boolean", "true"],
-    ["rounded?", "boolean", "true"]
+    [
+      "activeUrl?",
+      "string",
+      "undefined"
+    ],
+    [
+      "open?",
+      "boolean",
+      "false"
+    ],
+    [
+      "containerClass?",
+      "string",
+      "'divide-y z-50'"
+    ],
+    [
+      "classContainer?",
+      "string",
+      "undefined"
+    ],
+    [
+      "headerClass?",
+      "string",
+      "'py-1 overflow-hidden rounded-t-lg'"
+    ],
+    [
+      "classHeader?",
+      "string",
+      "undefined"
+    ],
+    [
+      "footerClass?",
+      "string",
+      "'py-1 overflow-hidden rounded-b-lg'"
+    ],
+    [
+      "classFooter?",
+      "string",
+      "undefined"
+    ],
+    [
+      "activeClass?",
+      "string",
+      "'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900'"
+    ],
+    [
+      "classActive?",
+      "string",
+      "undefined"
+    ],
+    [
+      "arrow?",
+      "boolean",
+      "false"
+    ],
+    [
+      "trigger?",
+      "'hover' | 'click' | 'focus'",
+      "'click'"
+    ],
+    [
+      "placement?",
+      "Placement",
+      "'bottom'"
+    ],
+    [
+      "color?",
+      "FrameColor",
+      "'dropdown'"
+    ],
+    [
+      "shadow?",
+      "boolean",
+      "true"
+    ],
+    [
+      "rounded?",
+      "boolean",
+      "true"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/DropdownDivider.json b/src/routes/component-data/DropdownDivider.json
index 708a38758..d66c3c5df 100644
--- a/src/routes/component-data/DropdownDivider.json
+++ b/src/routes/component-data/DropdownDivider.json
@@ -2,5 +2,11 @@
   "name": "DropdownDivider",
   "slots": [],
   "events": [],
-  "props": [["divClass?", "string", "'my-1 h-px bg-gray-100 dark:bg-gray-600'"]]
-}
+  "props": [
+    [
+      "divClass?",
+      "string",
+      "'my-1 h-px bg-gray-100 dark:bg-gray-600'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/DropdownHeader.json b/src/routes/component-data/DropdownHeader.json
index 8f112b4b0..2e6149766 100644
--- a/src/routes/component-data/DropdownHeader.json
+++ b/src/routes/component-data/DropdownHeader.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["divClass?", "string", "'py-2 px-4 text-gray-700 dark:text-white'"],
-    ["divider?", "boolean", "true"]
+    [
+      "divClass?",
+      "string",
+      "'py-2 px-4 text-gray-700 dark:text-white'"
+    ],
+    [
+      "divider?",
+      "boolean",
+      "true"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/DropdownItem.json b/src/routes/component-data/DropdownItem.json
index 0e1e9671f..f3be0dc48 100644
--- a/src/routes/component-data/DropdownItem.json
+++ b/src/routes/component-data/DropdownItem.json
@@ -1,6 +1,15 @@
 {
   "name": "DropdownItem",
   "slots": [],
-  "events": ["click", "change", "keydown", "keyup", "focus", "blur", "mouseenter", "mouseleave"],
+  "events": [
+    "click",
+    "change",
+    "keydown",
+    "keyup",
+    "focus",
+    "blur",
+    "mouseenter",
+    "mouseleave"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Dropzone.json b/src/routes/component-data/Dropzone.json
index 907f6ce70..6dcd1695c 100644
--- a/src/routes/component-data/Dropzone.json
+++ b/src/routes/component-data/Dropzone.json
@@ -1,6 +1,18 @@
 {
   "name": "Dropzone",
   "slots": [],
-  "events": ["focus", "blur", "mouseenter", "mouseleave", "mouseover", "dragenter", "dragleave", "dragover", "drop", "change", "click"],
+  "events": [
+    "focus",
+    "blur",
+    "mouseenter",
+    "mouseleave",
+    "mouseover",
+    "dragenter",
+    "dragleave",
+    "dragover",
+    "drop",
+    "change",
+    "click"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Fileupload.json b/src/routes/component-data/Fileupload.json
index 15de5deab..29b7b4e3f 100644
--- a/src/routes/component-data/Fileupload.json
+++ b/src/routes/component-data/Fileupload.json
@@ -1,9 +1,29 @@
 {
   "name": "Fileupload",
   "slots": [],
-  "events": ["change", "keyup", "keydown", "keypress", "focus", "blur", "click", "mouseover", "mouseenter", "mouseleave", "paste"],
+  "events": [
+    "change",
+    "keyup",
+    "keydown",
+    "keypress",
+    "focus",
+    "blur",
+    "click",
+    "mouseover",
+    "mouseenter",
+    "mouseleave",
+    "paste"
+  ],
   "props": [
-    ["files?", "FileList | undefined", "undefined"],
-    ["inputClass?", "string", "'border !p-0 dark:text-gray-400'"]
+    [
+      "files?",
+      "FileList | undefined",
+      "undefined"
+    ],
+    [
+      "inputClass?",
+      "string",
+      "'border !p-0 dark:text-gray-400'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/FloatingLabelInput.json b/src/routes/component-data/FloatingLabelInput.json
index 0cf5029ec..c3c7d3f54 100644
--- a/src/routes/component-data/FloatingLabelInput.json
+++ b/src/routes/component-data/FloatingLabelInput.json
@@ -1,16 +1,65 @@
 {
   "name": "FloatingLabelInput",
   "slots": [],
-  "events": ["blur", "change", "click", "focus", "input", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover", "paste"],
+  "events": [
+    "blur",
+    "change",
+    "click",
+    "focus",
+    "input",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover",
+    "paste"
+  ],
   "props": [
-    ["id?", "string", "generateId()"],
-    ["style?", "'filled' | 'outlined' | 'standard'", ""],
-    ["type?", "InputType", ""],
-    ["size?", "'small' | 'default'", ""],
-    ["color?", "'base' | 'green' | 'red'", ""],
-    ["value?", "any", "undefined"],
-    ["classDiv?", "string", "''"],
-    ["classInput?", "string", "''"],
-    ["classLabel?", "string", "''"]
+    [
+      "id?",
+      "string",
+      "generateId()"
+    ],
+    [
+      "style?",
+      "'filled' | 'outlined' | 'standard'",
+      ""
+    ],
+    [
+      "type?",
+      "InputType",
+      ""
+    ],
+    [
+      "size?",
+      "'small' | 'default'",
+      ""
+    ],
+    [
+      "color?",
+      "'base' | 'green' | 'red'",
+      ""
+    ],
+    [
+      "value?",
+      "any",
+      "undefined"
+    ],
+    [
+      "classDiv?",
+      "string",
+      "''"
+    ],
+    [
+      "classInput?",
+      "string",
+      "''"
+    ],
+    [
+      "classLabel?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Footer.json b/src/routes/component-data/Footer.json
index f2a771a09..717055f48 100644
--- a/src/routes/component-data/Footer.json
+++ b/src/routes/component-data/Footer.json
@@ -2,5 +2,11 @@
   "name": "Footer",
   "slots": [],
   "events": [],
-  "props": [["footerType?", "'sitemap' | 'default' | 'logo' | 'socialmedia'", "undefined"]]
-}
+  "props": [
+    [
+      "footerType?",
+      "'sitemap' | 'default' | 'logo' | 'socialmedia'",
+      "undefined"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/FooterBrand.json b/src/routes/component-data/FooterBrand.json
index 7e3f770c2..ac96249a2 100644
--- a/src/routes/component-data/FooterBrand.json
+++ b/src/routes/component-data/FooterBrand.json
@@ -3,13 +3,60 @@
   "slots": [],
   "events": [],
   "props": [
-    ["aClass?", "string", "'flex items-center'"],
-    ["spanClass?", "string", "'self-center text-2xl font-semibold whitespace-nowrap dark:text-white'"],
-    ["imgClass?", "string", "'me-3 h-8'"],
-    ["href?", "string", "''"],
-    ["src?", "string", "''"],
-    ["alt?", "string", "''"],
-    ["name?", "string", "''"],
-    ["target?", "string", "''"]
+    [
+      "aClass?",
+      "string",
+      "'flex items-center'"
+    ],
+    [
+      "spanClass?",
+      "string",
+      "'self-center text-2xl font-semibold whitespace-nowrap dark:text-white'"
+    ],
+    [
+      "imgClass?",
+      "string",
+      "'me-3 h-8'"
+    ],
+    [
+      "href?",
+      "string",
+      "''"
+    ],
+    [
+      "src?",
+      "string",
+      "''"
+    ],
+    [
+      "alt?",
+      "string",
+      "''"
+    ],
+    [
+      "name?",
+      "string",
+      "''"
+    ],
+    [
+      "target?",
+      "string",
+      "''"
+    ],
+    [
+      "classA?",
+      "string",
+      "''"
+    ],
+    [
+      "classSpan?",
+      "string",
+      "''"
+    ],
+    [
+      "classImg?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/FooterCopyright.json b/src/routes/component-data/FooterCopyright.json
index 52039faf3..67853ffab 100644
--- a/src/routes/component-data/FooterCopyright.json
+++ b/src/routes/component-data/FooterCopyright.json
@@ -3,12 +3,50 @@
   "slots": [],
   "events": [],
   "props": [
-    ["classSpan?", "string", ""],
-    ["aClass?", "string", "'hover:underline'"],
-    ["year?", "number", "new Date().getFullYear()"],
-    ["by?", "string", "''"],
-    ["href?", "string", "''"],
-    ["target?", "string", "undefined"],
-    ["copyrightMessage?", "string", "'All Rights Reserved.'"]
+    [
+      "spanClass?",
+      "string",
+      "'block text-sm text-gray-500 sm:text-center dark:text-gray-400'"
+    ],
+    [
+      "aClass?",
+      "string",
+      "'hover:underline'"
+    ],
+    [
+      "year?",
+      "number",
+      "new Date().getFullYear()"
+    ],
+    [
+      "by?",
+      "string",
+      "''"
+    ],
+    [
+      "href?",
+      "string",
+      "''"
+    ],
+    [
+      "target?",
+      "string",
+      "undefined"
+    ],
+    [
+      "copyrightMessage?",
+      "string",
+      "'All Rights Reserved.'"
+    ],
+    [
+      "classSpan?",
+      "string",
+      "''"
+    ],
+    [
+      "classA?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/FooterIcon.json b/src/routes/component-data/FooterIcon.json
index d6f2d1463..4c6391b91 100644
--- a/src/routes/component-data/FooterIcon.json
+++ b/src/routes/component-data/FooterIcon.json
@@ -3,9 +3,25 @@
   "slots": [],
   "events": [],
   "props": [
-    ["href?", "string", "''"],
-    ["ariaLabel?", "string", "''"],
-    ["aClass?", "string", "'text-gray-500 hover:text-gray-900 dark:hover:text-white'"],
-    ["target?", "string", "undefined"]
+    [
+      "href?",
+      "string",
+      "''"
+    ],
+    [
+      "ariaLabel?",
+      "string",
+      "''"
+    ],
+    [
+      "aClass?",
+      "string",
+      "'text-gray-500 hover:text-gray-900 dark:hover:text-white'"
+    ],
+    [
+      "target?",
+      "string",
+      "undefined"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/FooterLink.json b/src/routes/component-data/FooterLink.json
index 827159660..05c2c2511 100644
--- a/src/routes/component-data/FooterLink.json
+++ b/src/routes/component-data/FooterLink.json
@@ -3,9 +3,35 @@
   "slots": [],
   "events": [],
   "props": [
-    ["liClass?", "string", "'me-4 last:me-0 md:me-6'"],
-    ["aClass?", "string", "'hover:underline'"],
-    ["href?", "string", "''"],
-    ["target?", "string", "undefined"]
+    [
+      "liClass?",
+      "string",
+      "'me-4 last:me-0 md:me-6'"
+    ],
+    [
+      "aClass?",
+      "string",
+      "'hover:underline'"
+    ],
+    [
+      "href?",
+      "string",
+      "''"
+    ],
+    [
+      "target?",
+      "string",
+      "undefined"
+    ],
+    [
+      "classLi?",
+      "string",
+      "''"
+    ],
+    [
+      "classA?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/FooterLinkGroup.json b/src/routes/component-data/FooterLinkGroup.json
index 97b8d07a9..9dab78c49 100644
--- a/src/routes/component-data/FooterLinkGroup.json
+++ b/src/routes/component-data/FooterLinkGroup.json
@@ -2,5 +2,11 @@
   "name": "FooterLinkGroup",
   "slots": [],
   "events": [],
-  "props": [["ulClass?", "string", "'text-gray-600 dark:text-gray-400'"]]
-}
+  "props": [
+    [
+      "ulClass?",
+      "string",
+      "'text-gray-600 dark:text-gray-400'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Frame.json b/src/routes/component-data/Frame.json
index 17b3150cc..f93b2b889 100644
--- a/src/routes/component-data/Frame.json
+++ b/src/routes/component-data/Frame.json
@@ -1,20 +1,83 @@
 {
   "name": "Frame",
   "slots": [],
-  "events": ["click", "mouseenter", "mouseleave", "focusin", "focusout", "click", "mouseenter", "mouseleave", "focusin", "focusout"],
+  "events": [
+    "click",
+    "mouseenter",
+    "mouseleave",
+    "focusin",
+    "focusout",
+    "click",
+    "mouseenter",
+    "mouseleave",
+    "focusin",
+    "focusout"
+  ],
   "props": [
-    ["tag?", "string", ""],
-    ["color?", "FrameColor", ""],
-    ["rounded?", "boolean", ""],
-    ["border?", "boolean", ""],
-    ["shadow?", "boolean", ""],
-    ["node?", "HTMLElement | undefined", ""],
-    ["use?", "Action<HTMLElement, any>", ""],
-    ["options?", "object", ""],
-    ["class?", "string", ""],
-    ["role?", "string", ""],
-    ["open?", "boolean", ""],
-    ["transition?", "TransitionFunc", ""],
-    ["params?", "any", ""]
+    [
+      "tag?",
+      "string",
+      ""
+    ],
+    [
+      "color?",
+      "FrameColor",
+      ""
+    ],
+    [
+      "rounded?",
+      "boolean",
+      ""
+    ],
+    [
+      "border?",
+      "boolean",
+      ""
+    ],
+    [
+      "shadow?",
+      "boolean",
+      ""
+    ],
+    [
+      "node?",
+      "HTMLElement | undefined",
+      ""
+    ],
+    [
+      "use?",
+      "Action<HTMLElement, any>",
+      ""
+    ],
+    [
+      "options?",
+      "object",
+      ""
+    ],
+    [
+      "class?",
+      "string",
+      ""
+    ],
+    [
+      "role?",
+      "string",
+      ""
+    ],
+    [
+      "open?",
+      "boolean",
+      ""
+    ],
+    [
+      "transition?",
+      "TransitionFunc",
+      ""
+    ],
+    [
+      "params?",
+      "any",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Gallery.json b/src/routes/component-data/Gallery.json
index cc0d4990e..8c2294ca9 100644
--- a/src/routes/component-data/Gallery.json
+++ b/src/routes/component-data/Gallery.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["items", "ImgType[]", "[]"],
-    ["imgClass?", "string", "'h-auto max-w-full rounded-lg'"]
+    [
+      "items",
+      "ImgType[]",
+      "[]"
+    ],
+    [
+      "imgClass?",
+      "string",
+      "'h-auto max-w-full rounded-lg'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/GradientButton.json b/src/routes/component-data/GradientButton.json
index 3579a8f17..5abfb3470 100644
--- a/src/routes/component-data/GradientButton.json
+++ b/src/routes/component-data/GradientButton.json
@@ -1,9 +1,33 @@
 {
   "name": "GradientButton",
   "slots": [],
-  "events": ["click", "change", "keydown", "keyup", "mouseenter", "mouseleave", "click", "change", "keydown", "keyup", "touchstart", "touchend", "touchcancel", "mouseenter", "mouseleave"],
+  "events": [
+    "click",
+    "change",
+    "keydown",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "click",
+    "change",
+    "keydown",
+    "keyup",
+    "touchstart",
+    "touchend",
+    "touchcancel",
+    "mouseenter",
+    "mouseleave"
+  ],
   "props": [
-    ["color?", "keyof typeof gradientClasses", ""],
-    ["shadow?", "boolean", "false"]
+    [
+      "color?",
+      "keyof typeof gradientClasses",
+      ""
+    ],
+    [
+      "shadow?",
+      "boolean",
+      "false"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Group.json b/src/routes/component-data/Group.json
index 293f838e9..ad251c6c8 100644
--- a/src/routes/component-data/Group.json
+++ b/src/routes/component-data/Group.json
@@ -3,9 +3,40 @@
   "slots": [],
   "events": [],
   "props": [
-    ["divClass?", "string", "'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700'"],
-    ["timeClass?", "string", "'text-lg font-semibold text-gray-900 dark:text-white'"],
-    ["date?", "Date | string", "''"],
-    ["olClass?", "string", "'mt-3 divide-y divider-gray-200 dark:divide-gray-700'"]
+    [
+      "divClass?",
+      "string",
+      "'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700'"
+    ],
+    [
+      "timeClass?",
+      "string",
+      "'text-lg font-semibold text-gray-900 dark:text-white'"
+    ],
+    [
+      "date?",
+      "Date | string",
+      "''"
+    ],
+    [
+      "olClass?",
+      "string",
+      "'mt-3 divide-y divider-gray-200 dark:divide-gray-700'"
+    ],
+    [
+      "classDiv?",
+      "string",
+      "''"
+    ],
+    [
+      "classTime?",
+      "string",
+      "''"
+    ],
+    [
+      "classOl?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/GroupItem.json b/src/routes/component-data/GroupItem.json
index a70822b1e..6d734c830 100644
--- a/src/routes/component-data/GroupItem.json
+++ b/src/routes/component-data/GroupItem.json
@@ -3,12 +3,65 @@
   "slots": [],
   "events": [],
   "props": [
-    ["timelines", "GroupTimelineType[]", ""],
-    ["aClass?", "string", "'block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700'"],
-    ["imgClass?", "string", "'me-3 mb-3 w-12 h-12 rounded-full sm:mb-0'"],
-    ["divClass?", "string", "'text-gray-600 dark:text-gray-400'"],
-    ["titleClass?", "string", "'text-base font-normal'"],
-    ["spanClass?", "string", "'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400'"],
-    ["isPrivacy?", "boolean", "true"]
+    [
+      "timelines",
+      "GroupTimelineType[]",
+      ""
+    ],
+    [
+      "aClass?",
+      "string",
+      "'block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700'"
+    ],
+    [
+      "imgClass?",
+      "string",
+      "'me-3 mb-3 w-12 h-12 rounded-full sm:mb-0'"
+    ],
+    [
+      "divClass?",
+      "string",
+      "'text-gray-600 dark:text-gray-400'"
+    ],
+    [
+      "titleClass?",
+      "string",
+      "'text-base font-normal'"
+    ],
+    [
+      "spanClass?",
+      "string",
+      "'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400'"
+    ],
+    [
+      "isPrivacy?",
+      "boolean",
+      "true"
+    ],
+    [
+      "classA?",
+      "string",
+      "''"
+    ],
+    [
+      "classImg?",
+      "string",
+      "''"
+    ],
+    [
+      "classDiv?",
+      "string",
+      "''"
+    ],
+    [
+      "classTitle?",
+      "string",
+      "''"
+    ],
+    [
+      "classSpan?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Heading.json b/src/routes/component-data/Heading.json
index a56b41551..89d31e08d 100644
--- a/src/routes/component-data/Heading.json
+++ b/src/routes/component-data/Heading.json
@@ -3,8 +3,20 @@
   "slots": [],
   "events": [],
   "props": [
-    ["tag?", "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'", ""],
-    ["color?", "string", "'text-gray-900 dark:text-white'"],
-    ["customSize?", "string", "''"]
+    [
+      "tag?",
+      "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
+      ""
+    ],
+    [
+      "color?",
+      "string",
+      "'text-gray-900 dark:text-white'"
+    ],
+    [
+      "customSize?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Heart.json b/src/routes/component-data/Heart.json
index 8cff72186..4eab66f69 100644
--- a/src/routes/component-data/Heart.json
+++ b/src/routes/component-data/Heart.json
@@ -1,14 +1,44 @@
 {
   "name": "Heart",
   "slots": [],
-  "events": ["click"],
+  "events": [
+    "click"
+  ],
   "props": [
-    ["fillPercent?", "number", "100"],
-    ["fillColor?", "string", "'#ff0000'"],
-    ["strokeColor?", "string", "'#ff0000'"],
-    ["size?", "number", "24"],
-    ["ariaLabel?", "string", "'heart'"],
-    ["id?", "string", "'heart'"],
-    ["role?", "string", "'img'"]
+    [
+      "fillPercent?",
+      "number",
+      "100"
+    ],
+    [
+      "fillColor?",
+      "string",
+      "'#ff0000'"
+    ],
+    [
+      "strokeColor?",
+      "string",
+      "'#ff0000'"
+    ],
+    [
+      "size?",
+      "number",
+      "24"
+    ],
+    [
+      "ariaLabel?",
+      "string",
+      "'heart'"
+    ],
+    [
+      "id?",
+      "string",
+      "'heart'"
+    ],
+    [
+      "role?",
+      "string",
+      "'img'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Helper.json b/src/routes/component-data/Helper.json
index 33301bc58..c0ad71e2a 100644
--- a/src/routes/component-data/Helper.json
+++ b/src/routes/component-data/Helper.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["helperClass?", "string", "'text-xs font-normal text-gray-500 dark:text-gray-300'"],
-    ["color?", "'gray' | 'green' | 'red' | 'disabled'", ""]
+    [
+      "helperClass?",
+      "string",
+      "'text-xs font-normal text-gray-500 dark:text-gray-300'"
+    ],
+    [
+      "color?",
+      "'gray' | 'green' | 'red' | 'disabled'",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Hr.json b/src/routes/component-data/Hr.json
index 6ef9ab1f4..6d6e88a00 100644
--- a/src/routes/component-data/Hr.json
+++ b/src/routes/component-data/Hr.json
@@ -3,11 +3,50 @@
   "slots": [],
   "events": [],
   "props": [
-    ["icon?", "boolean", "false"],
-    ["divClass?", "string", "'inline-flex items-center justify-center w-full'"],
-    ["hrClass?", "string", "'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700'"],
-    ["iconDivClass?", "string", "'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 '"],
-    ["textSpanClass?", "string", "'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 '"],
-    ["innerDivClass?", "string", "'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900'"]
+    [
+      "icon?",
+      "boolean",
+      "false"
+    ],
+    [
+      "divClass?",
+      "string",
+      "'inline-flex items-center justify-center w-full'"
+    ],
+    [
+      "hrClass?",
+      "string",
+      "'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700'"
+    ],
+    [
+      "iconDivClass?",
+      "string",
+      "'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 '"
+    ],
+    [
+      "textSpanClass?",
+      "string",
+      "'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 '"
+    ],
+    [
+      "innerDivClass?",
+      "string",
+      "'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900'"
+    ],
+    [
+      "classHr?",
+      "string",
+      "''"
+    ],
+    [
+      "classDiv?",
+      "string",
+      "''"
+    ],
+    [
+      "classInnerDiv?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ImagePlaceholder.json b/src/routes/component-data/ImagePlaceholder.json
index 67f1ac847..109915c89 100644
--- a/src/routes/component-data/ImagePlaceholder.json
+++ b/src/routes/component-data/ImagePlaceholder.json
@@ -3,8 +3,20 @@
   "slots": [],
   "events": [],
   "props": [
-    ["divClass?", "string", "'space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center'"],
-    ["imgHeight?", "string", "'48'"],
-    ["imgOnly?", "boolean", "false"]
+    [
+      "divClass?",
+      "string",
+      "'space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center'"
+    ],
+    [
+      "imgHeight?",
+      "string",
+      "'48'"
+    ],
+    [
+      "imgOnly?",
+      "boolean",
+      "false"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Img.json b/src/routes/component-data/Img.json
index 30514f5f3..c3d9864ec 100644
--- a/src/routes/component-data/Img.json
+++ b/src/routes/component-data/Img.json
@@ -3,15 +3,55 @@
   "slots": [],
   "events": [],
   "props": [
-    ["caption?", "string", "undefined"],
-    ["src?", "string", "undefined"],
-    ["srcset?", "string", "undefined"],
-    ["size?", "string", "'max-w-full'"],
-    ["alignment?", "string", "''"],
-    ["imgClass?", "string", "'h-auto'"],
-    ["figClass?", "string", "'max-w-lg'"],
-    ["alt?", "string", "''"],
-    ["effect?", "string", "''"],
-    ["captionClass?", "string", "'mt-2 text-sm text-center text-gray-500 dark:text-gray-400'"]
+    [
+      "caption?",
+      "string",
+      "undefined"
+    ],
+    [
+      "src?",
+      "string",
+      "undefined"
+    ],
+    [
+      "srcset?",
+      "string",
+      "undefined"
+    ],
+    [
+      "size?",
+      "string",
+      "'max-w-full'"
+    ],
+    [
+      "alignment?",
+      "string",
+      "''"
+    ],
+    [
+      "imgClass?",
+      "string",
+      "'h-auto'"
+    ],
+    [
+      "figClass?",
+      "string",
+      "'max-w-lg'"
+    ],
+    [
+      "alt?",
+      "string",
+      "''"
+    ],
+    [
+      "effect?",
+      "string",
+      "''"
+    ],
+    [
+      "captionClass?",
+      "string",
+      "'mt-2 text-sm text-center text-gray-500 dark:text-gray-400'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Indicator.json b/src/routes/component-data/Indicator.json
index 9482807e9..f400ff0a6 100644
--- a/src/routes/component-data/Indicator.json
+++ b/src/routes/component-data/Indicator.json
@@ -3,11 +3,35 @@
   "slots": [],
   "events": [],
   "props": [
-    ["color?", "IndicatorColorType", ""],
-    ["rounded?", "boolean", "false"],
-    ["size?", "'xs' | 'sm' | 'md' | 'lg' | 'xl'", ""],
-    ["border?", "boolean", "false"],
-    ["placement?", "IndicatorPlacementType", "undefined"],
-    ["offset?", "boolean", "true"]
+    [
+      "color?",
+      "IndicatorColorType",
+      ""
+    ],
+    [
+      "rounded?",
+      "boolean",
+      "false"
+    ],
+    [
+      "size?",
+      "'xs' | 'sm' | 'md' | 'lg' | 'xl'",
+      ""
+    ],
+    [
+      "border?",
+      "boolean",
+      "false"
+    ],
+    [
+      "placement?",
+      "IndicatorPlacementType",
+      "undefined"
+    ],
+    [
+      "offset?",
+      "boolean",
+      "true"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Input.json b/src/routes/component-data/Input.json
index 79a2a4b15..f3a8cc3f0 100644
--- a/src/routes/component-data/Input.json
+++ b/src/routes/component-data/Input.json
@@ -1,14 +1,69 @@
 {
   "name": "Input",
-  "slots": ["left", "right"],
-  "events": ["blur", "change", "click", "contextmenu", "focus", "keydown", "keypress", "keyup", "mouseover", "mouseenter", "mouseleave", "paste", "input"],
+  "slots": [
+    "left",
+    "right"
+  ],
+  "events": [
+    "blur",
+    "change",
+    "click",
+    "contextmenu",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseover",
+    "mouseenter",
+    "mouseleave",
+    "paste",
+    "input"
+  ],
   "props": [
-    ["type?", "InputType", "'text'"],
-    ["value?", "any", "undefined"],
-    ["size?", "FormSizeType", "undefined"],
-    ["clearable?", "boolean", "false"],
-    ["defaultClass?", "string", "'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right'"],
-    ["color?", "'base' | 'green' | 'red'", ""],
-    ["floatClass?", "string", "'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400'"]
+    [
+      "type?",
+      "InputType",
+      "'text'"
+    ],
+    [
+      "value?",
+      "any",
+      "undefined"
+    ],
+    [
+      "size?",
+      "FormSizeType",
+      "undefined"
+    ],
+    [
+      "clearable?",
+      "boolean",
+      "false"
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right'"
+    ],
+    [
+      "color?",
+      "'base' | 'green' | 'red'",
+      ""
+    ],
+    [
+      "floatClass?",
+      "string",
+      "'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400'"
+    ],
+    [
+      "classLeft?",
+      "string",
+      "''"
+    ],
+    [
+      "classRight?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/InputAddon.json b/src/routes/component-data/InputAddon.json
index e193fc4c4..4c31ce7e1 100644
--- a/src/routes/component-data/InputAddon.json
+++ b/src/routes/component-data/InputAddon.json
@@ -2,5 +2,11 @@
   "name": "InputAddon",
   "slots": [],
   "events": [],
-  "props": [["size?", "'sm' | 'md' | 'lg'", "undefined"]]
-}
+  "props": [
+    [
+      "size?",
+      "'sm' | 'md' | 'lg'",
+      "undefined"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Ios.json b/src/routes/component-data/Ios.json
index 682b249f3..94752a02d 100644
--- a/src/routes/component-data/Ios.json
+++ b/src/routes/component-data/Ios.json
@@ -3,11 +3,60 @@
   "slots": [],
   "events": [],
   "props": [
-    ["div?", "string", "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl'"],
-    ["slot?", "string", "'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800'"],
-    ["top?", "string", "'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute'"],
-    ["leftTop?", "string", "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"],
-    ["leftBot?", "string", "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"],
-    ["right?", "string", "'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"]
+    [
+      "div?",
+      "string",
+      "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl'"
+    ],
+    [
+      "slot?",
+      "string",
+      "'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800'"
+    ],
+    [
+      "top?",
+      "string",
+      "'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute'"
+    ],
+    [
+      "leftTop?",
+      "string",
+      "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"
+    ],
+    [
+      "leftBot?",
+      "string",
+      "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"
+    ],
+    [
+      "right?",
+      "string",
+      "'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"
+    ],
+    [
+      "classTop?",
+      "string",
+      "''"
+    ],
+    [
+      "classLeftTop?",
+      "string",
+      "''"
+    ],
+    [
+      "classLeftBot?",
+      "string",
+      "''"
+    ],
+    [
+      "classRight?",
+      "string",
+      "''"
+    ],
+    [
+      "classSlot?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Kbd.json b/src/routes/component-data/Kbd.json
index 09b4162bc..b92a43e49 100644
--- a/src/routes/component-data/Kbd.json
+++ b/src/routes/component-data/Kbd.json
@@ -2,5 +2,11 @@
   "name": "Kbd",
   "slots": [],
   "events": [],
-  "props": [["kbdClass?", "string", "'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500'"]]
-}
+  "props": [
+    [
+      "kbdClass?",
+      "string",
+      "'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Label.json b/src/routes/component-data/Label.json
index 33f13ff6e..e5f074199 100644
--- a/src/routes/component-data/Label.json
+++ b/src/routes/component-data/Label.json
@@ -3,8 +3,20 @@
   "slots": [],
   "events": [],
   "props": [
-    ["color?", "'gray' | 'green' | 'red' | 'disabled'", ""],
-    ["defaultClass?", "string", "'text-sm rtl:text-right font-medium block'"],
-    ["show?", "boolean", "true"]
+    [
+      "color?",
+      "'gray' | 'green' | 'red' | 'disabled'",
+      ""
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'text-sm rtl:text-right font-medium block'"
+    ],
+    [
+      "show?",
+      "boolean",
+      "true"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Laptop.json b/src/routes/component-data/Laptop.json
index 6d1fe56e1..a94b364e0 100644
--- a/src/routes/component-data/Laptop.json
+++ b/src/routes/component-data/Laptop.json
@@ -3,9 +3,40 @@
   "slots": [],
   "events": [],
   "props": [
-    ["div?", "string", "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[8px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]'"],
-    ["inner?", "string", "'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800'"],
-    ["bot?", "string", "'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl rounded-t-sm h-[17px] max-w-[351px] md:h-[21px] md:max-w-[597px]'"],
-    ["botCen?", "string", "'absolute left-1/2 top-0 -translate-x-1/2 rounded-b-xl w-[56px] h-[5px] md:w-[96px] md:h-[8px] bg-gray-800'"]
+    [
+      "div?",
+      "string",
+      "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[8px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]'"
+    ],
+    [
+      "inner?",
+      "string",
+      "'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800'"
+    ],
+    [
+      "bot?",
+      "string",
+      "'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl rounded-t-sm h-[17px] max-w-[351px] md:h-[21px] md:max-w-[597px]'"
+    ],
+    [
+      "botCen?",
+      "string",
+      "'absolute left-1/2 top-0 -translate-x-1/2 rounded-b-xl w-[56px] h-[5px] md:w-[96px] md:h-[8px] bg-gray-800'"
+    ],
+    [
+      "classInner?",
+      "string",
+      "''"
+    ],
+    [
+      "classBot?",
+      "string",
+      "''"
+    ],
+    [
+      "classBotCen?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Layout.json b/src/routes/component-data/Layout.json
index 0665799a5..e423e12ed 100644
--- a/src/routes/component-data/Layout.json
+++ b/src/routes/component-data/Layout.json
@@ -3,8 +3,20 @@
   "slots": [],
   "events": [],
   "props": [
-    ["divClass?", "string", "'grid'"],
-    ["cols?", "string", "'grid-cols-1 sm:grid-cols-2'"],
-    ["gap?", "number", "6"]
+    [
+      "divClass?",
+      "string",
+      "'grid'"
+    ],
+    [
+      "cols?",
+      "string",
+      "'grid-cols-1 sm:grid-cols-2'"
+    ],
+    [
+      "gap?",
+      "number",
+      "6"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Li.json b/src/routes/component-data/Li.json
index 29e8b1c1e..a664750bc 100644
--- a/src/routes/component-data/Li.json
+++ b/src/routes/component-data/Li.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["icon?", "boolean", "false"],
-    ["liClass?", "string", "''"]
+    [
+      "icon?",
+      "boolean",
+      "false"
+    ],
+    [
+      "liClass?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/List.json b/src/routes/component-data/List.json
index f7656e203..ed84aa7eb 100644
--- a/src/routes/component-data/List.json
+++ b/src/routes/component-data/List.json
@@ -3,4 +3,4 @@
   "slots": [],
   "events": [],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ListPlaceholder.json b/src/routes/component-data/ListPlaceholder.json
index 7edd88b73..53c9eb6e8 100644
--- a/src/routes/component-data/ListPlaceholder.json
+++ b/src/routes/component-data/ListPlaceholder.json
@@ -2,5 +2,11 @@
   "name": "ListPlaceholder",
   "slots": [],
   "events": [],
-  "props": [["divClass?", "string", "'p-4 space-y-4 max-w-md rounded border border-gray-200 divide-y divide-gray-200 shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700'"]]
-}
+  "props": [
+    [
+      "divClass?",
+      "string",
+      "'p-4 space-y-4 max-w-md rounded border border-gray-200 divide-y divide-gray-200 shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Listgroup.json b/src/routes/component-data/Listgroup.json
index 758ce9d21..42c978591 100644
--- a/src/routes/component-data/Listgroup.json
+++ b/src/routes/component-data/Listgroup.json
@@ -3,8 +3,20 @@
   "slots": [],
   "events": [],
   "props": [
-    ["items?", "T[]", ""],
-    ["active?", "boolean", "false"],
-    ["defaultClass?", "string", "'divide-y divide-gray-200 dark:divide-gray-600'"]
+    [
+      "items?",
+      "T[]",
+      ""
+    ],
+    [
+      "active?",
+      "boolean",
+      "false"
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'divide-y divide-gray-200 dark:divide-gray-600'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Mark.json b/src/routes/component-data/Mark.json
index e26b932a6..19c21b8da 100644
--- a/src/routes/component-data/Mark.json
+++ b/src/routes/component-data/Mark.json
@@ -3,8 +3,20 @@
   "slots": [],
   "events": [],
   "props": [
-    ["color?", "string", "'text-white dark:bg-blue-500'"],
-    ["bgColor?", "string", "'bg-blue-600'"],
-    ["markClass?", "string", "'px-2 rounded'"]
+    [
+      "color?",
+      "string",
+      "'text-white dark:bg-blue-500'"
+    ],
+    [
+      "bgColor?",
+      "string",
+      "'bg-blue-600'"
+    ],
+    [
+      "markClass?",
+      "string",
+      "'px-2 rounded'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/MegaMenu.json b/src/routes/component-data/MegaMenu.json
index 3777aa879..df92083c9 100644
--- a/src/routes/component-data/MegaMenu.json
+++ b/src/routes/component-data/MegaMenu.json
@@ -1,11 +1,31 @@
 {
   "name": "MegaMenu",
-  "slots": ["extra"],
-  "events": ["show"],
+  "slots": [
+    "extra"
+  ],
+  "events": [
+    "show"
+  ],
   "props": [
-    ["items", "LinkTypeLike[]", "[]"],
-    ["full?", "boolean", "false"],
-    ["open?", "boolean", "false"],
-    ["ulClass?", "string", "'grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max'"]
+    [
+      "items",
+      "LinkTypeLike[]",
+      "[]"
+    ],
+    [
+      "full?",
+      "boolean",
+      "false"
+    ],
+    [
+      "open?",
+      "boolean",
+      "false"
+    ],
+    [
+      "ulClass?",
+      "string",
+      "'grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Menu.json b/src/routes/component-data/Menu.json
index 86559c7ec..0c08fbd0a 100644
--- a/src/routes/component-data/Menu.json
+++ b/src/routes/component-data/Menu.json
@@ -1,11 +1,29 @@
 {
   "name": "Menu",
   "slots": [],
-  "events": ["click"],
+  "events": [
+    "click"
+  ],
   "props": [
-    ["size?", "string", "'24'"],
-    ["color?", "string", "'currentColor'"],
-    ["variation?", "'solid' | 'outline'", "'outline'"],
-    ["ariaLabel?", "string", "'bars 3'"]
+    [
+      "size?",
+      "string",
+      "'24'"
+    ],
+    [
+      "color?",
+      "string",
+      "'currentColor'"
+    ],
+    [
+      "variation?",
+      "'solid' | 'outline'",
+      "'outline'"
+    ],
+    [
+      "ariaLabel?",
+      "string",
+      "'bars 3'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Modal.json b/src/routes/component-data/Modal.json
index 7761eab03..2d22a9d68 100644
--- a/src/routes/component-data/Modal.json
+++ b/src/routes/component-data/Modal.json
@@ -1,24 +1,95 @@
 {
   "name": "Modal",
-  "slots": ["header", "footer"],
+  "slots": [
+    "header",
+    "footer"
+  ],
   "events": [],
   "props": [
-    ["open?", "boolean", "false"],
-    ["title?", "string", "''"],
-    ["size?", "SizeType", ""],
-    ["placement?", "ModalPlacementType", ""],
-    ["autoclose?", "boolean", "false"],
-    ["outsideclose?", "boolean", "false"],
-    ["backdropClass?", "string", "'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80'"],
-    ["classBackdrop?", "string", "undefined"],
-    ["dialogClass?", "string", "'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex'"],
-    ["classDialog?", "string", "undefined"],
-    ["defaultClass?", "string", "'relative flex flex-col mx-auto'"],
-    ["headerClass?", "string", "'flex justify-between items-center p-4 md:p-5 rounded-t-lg'"],
-    ["classHeader?", "string", "undefined"],
-    ["bodyClass?", "string", "'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain'"],
-    ["classBody?", "string", "undefined"],
-    ["footerClass?", "string", "'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg'"],
-    ["classFooter?", "string", "undefined"]
+    [
+      "open?",
+      "boolean",
+      "false"
+    ],
+    [
+      "title?",
+      "string",
+      "''"
+    ],
+    [
+      "size?",
+      "SizeType",
+      ""
+    ],
+    [
+      "placement?",
+      "ModalPlacementType",
+      ""
+    ],
+    [
+      "autoclose?",
+      "boolean",
+      "false"
+    ],
+    [
+      "outsideclose?",
+      "boolean",
+      "false"
+    ],
+    [
+      "backdropClass?",
+      "string",
+      "'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80'"
+    ],
+    [
+      "classBackdrop?",
+      "string",
+      "undefined"
+    ],
+    [
+      "dialogClass?",
+      "string",
+      "'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex'"
+    ],
+    [
+      "classDialog?",
+      "string",
+      "undefined"
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'relative flex flex-col mx-auto'"
+    ],
+    [
+      "headerClass?",
+      "string",
+      "'flex justify-between items-center p-4 md:p-5 rounded-t-lg'"
+    ],
+    [
+      "classHeader?",
+      "string",
+      "undefined"
+    ],
+    [
+      "bodyClass?",
+      "string",
+      "'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain'"
+    ],
+    [
+      "classBody?",
+      "string",
+      "undefined"
+    ],
+    [
+      "footerClass?",
+      "string",
+      "'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg'"
+    ],
+    [
+      "classFooter?",
+      "string",
+      "undefined"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/MultiSelect.json b/src/routes/component-data/MultiSelect.json
index 1bcd921f0..9e12c9178 100644
--- a/src/routes/component-data/MultiSelect.json
+++ b/src/routes/component-data/MultiSelect.json
@@ -1,13 +1,39 @@
 {
   "name": "MultiSelect",
   "slots": [],
-  "events": ["input"],
+  "events": [
+    "input"
+  ],
   "props": [
-    ["items?", "SelectOptionType<any>[]", ""],
-    ["value?", "(string | number)[]", ""],
-    ["size?", "FormSizeType", ""],
-    ["dropdownClass?", "string", "''"],
-    ["placeholder?", "string", "''"],
-    ["disabled?", "boolean", "false"]
+    [
+      "items?",
+      "SelectOptionType<any>[]",
+      ""
+    ],
+    [
+      "value?",
+      "(string | number)[]",
+      ""
+    ],
+    [
+      "size?",
+      "FormSizeType",
+      ""
+    ],
+    [
+      "dropdownClass?",
+      "string",
+      "''"
+    ],
+    [
+      "placeholder?",
+      "string",
+      "''"
+    ],
+    [
+      "disabled?",
+      "boolean",
+      "false"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/NavBrand.json b/src/routes/component-data/NavBrand.json
index 77053b466..326218fb2 100644
--- a/src/routes/component-data/NavBrand.json
+++ b/src/routes/component-data/NavBrand.json
@@ -2,5 +2,11 @@
   "name": "NavBrand",
   "slots": [],
   "events": [],
-  "props": [["href?", "string", "''"]]
-}
+  "props": [
+    [
+      "href?",
+      "string",
+      "''"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/NavContainer.json b/src/routes/component-data/NavContainer.json
index de420bed7..d4b8ba02a 100644
--- a/src/routes/component-data/NavContainer.json
+++ b/src/routes/component-data/NavContainer.json
@@ -2,5 +2,11 @@
   "name": "NavContainer",
   "slots": [],
   "events": [],
-  "props": [["fluid?", "boolean", ""]]
-}
+  "props": [
+    [
+      "fluid?",
+      "boolean",
+      ""
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/NavHamburger.json b/src/routes/component-data/NavHamburger.json
index e3fdb6feb..fd79154f6 100644
--- a/src/routes/component-data/NavHamburger.json
+++ b/src/routes/component-data/NavHamburger.json
@@ -3,4 +3,4 @@
   "slots": [],
   "events": [],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/NavLi.json b/src/routes/component-data/NavLi.json
index cecea7a9f..b9519044b 100644
--- a/src/routes/component-data/NavLi.json
+++ b/src/routes/component-data/NavLi.json
@@ -1,6 +1,17 @@
 {
   "name": "NavLi",
   "slots": [],
-  "events": ["blur", "change", "click", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover"],
+  "events": [
+    "blur",
+    "change",
+    "click",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/NavUl.json b/src/routes/component-data/NavUl.json
index 06c5f5aad..36dcbe0a9 100644
--- a/src/routes/component-data/NavUl.json
+++ b/src/routes/component-data/NavUl.json
@@ -1,14 +1,44 @@
 {
   "name": "NavUl",
   "slots": [],
-  "events": ["click"],
+  "events": [
+    "click"
+  ],
   "props": [
-    ["activeUrl?", "string", ""],
-    ["divClass?", "string", "'w-full md:block md:w-auto'"],
-    ["ulClass?", "string", "'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium'"],
-    ["hidden?", "boolean | undefined", "undefined"],
-    ["slideParams?", "SlideParams", "{ delay: 250, duration: 500, easing: sineIn }"],
-    ["activeClass?", "string", ""],
-    ["nonActiveClass?", "string", ""]
+    [
+      "activeUrl?",
+      "string",
+      ""
+    ],
+    [
+      "divClass?",
+      "string",
+      "'w-full md:block md:w-auto'"
+    ],
+    [
+      "ulClass?",
+      "string",
+      "'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium'"
+    ],
+    [
+      "hidden?",
+      "boolean | undefined",
+      "undefined"
+    ],
+    [
+      "slideParams?",
+      "SlideParams",
+      "{ delay: 250, duration: 500, easing: sineIn }"
+    ],
+    [
+      "activeClass?",
+      "string",
+      ""
+    ],
+    [
+      "nonActiveClass?",
+      "string",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Navbar.json b/src/routes/component-data/Navbar.json
index 68e4a158d..c4dd5668a 100644
--- a/src/routes/component-data/Navbar.json
+++ b/src/routes/component-data/Navbar.json
@@ -2,5 +2,11 @@
   "name": "Navbar",
   "slots": [],
   "events": [],
-  "props": [["fluid?", "boolean", "false"]]
-}
+  "props": [
+    [
+      "fluid?",
+      "boolean",
+      "false"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/NumberInput.json b/src/routes/component-data/NumberInput.json
index c1601df21..f99a4fec8 100644
--- a/src/routes/component-data/NumberInput.json
+++ b/src/routes/component-data/NumberInput.json
@@ -1,6 +1,26 @@
 {
   "name": "NumberInput",
   "slots": [],
-  "events": ["blur", "change", "click", "contextmenu", "focus", "keydown", "keypress", "keyup", "mouseover", "mouseenter", "mouseleave", "paste", "input"],
-  "props": [["value?", "number", "0"]]
-}
+  "events": [
+    "blur",
+    "change",
+    "click",
+    "contextmenu",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseover",
+    "mouseenter",
+    "mouseleave",
+    "paste",
+    "input"
+  ],
+  "props": [
+    [
+      "value?",
+      "number",
+      "0"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/P.json b/src/routes/component-data/P.json
index 5289e8cc7..9f74211e3 100644
--- a/src/routes/component-data/P.json
+++ b/src/routes/component-data/P.json
@@ -3,17 +3,65 @@
   "slots": [],
   "events": [],
   "props": [
-    ["color?", "string", ""],
-    ["height?", "'normal' | 'relaxed' | 'loose'", "'normal'"],
-    ["align?", "'left' | 'center' | 'right'", "'left'"],
-    ["justify?", "boolean", "false"],
-    ["italic?", "boolean", "false"],
-    ["firstupper?", "boolean", "false"],
-    ["upperClass?", "string", "'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left'"],
-    ["opacity?", "number", "undefined"],
-    ["whitespace?", "'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap'", "'normal'"],
-    ["size?", "PsizeType", "'base'"],
-    ["space?", "'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest'", "undefined"],
-    ["weight?", "PweightType", "'normal'"]
+    [
+      "color?",
+      "string",
+      ""
+    ],
+    [
+      "height?",
+      "'normal' | 'relaxed' | 'loose'",
+      "'normal'"
+    ],
+    [
+      "align?",
+      "'left' | 'center' | 'right'",
+      "'left'"
+    ],
+    [
+      "justify?",
+      "boolean",
+      "false"
+    ],
+    [
+      "italic?",
+      "boolean",
+      "false"
+    ],
+    [
+      "firstupper?",
+      "boolean",
+      "false"
+    ],
+    [
+      "upperClass?",
+      "string",
+      "'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left'"
+    ],
+    [
+      "opacity?",
+      "number",
+      "undefined"
+    ],
+    [
+      "whitespace?",
+      "'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap'",
+      "'normal'"
+    ],
+    [
+      "size?",
+      "PsizeType",
+      "'base'"
+    ],
+    [
+      "space?",
+      "'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest'",
+      "undefined"
+    ],
+    [
+      "weight?",
+      "PweightType",
+      "'normal'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Pagination.json b/src/routes/component-data/Pagination.json
index 2a402fa3d..7c29619b8 100644
--- a/src/routes/component-data/Pagination.json
+++ b/src/routes/component-data/Pagination.json
@@ -1,14 +1,56 @@
 {
   "name": "Pagination",
-  "slots": ["prev", "next"],
-  "events": ["blur", "change", "click", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover"],
+  "slots": [
+    "prev",
+    "next"
+  ],
+  "events": [
+    "blur",
+    "change",
+    "click",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover"
+  ],
   "props": [
-    ["pages", "LinkType[]", "[]"],
-    ["activeClass?", "string", "'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white'"],
-    ["normalClass?", "string", "'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white'"],
-    ["ulClass?", "string", "'inline-flex -space-x-px rtl:space-x-reverse items-center'"],
-    ["table?", "boolean", ""],
-    ["large?", "boolean", "false"],
-    ["ariaLabel?", "string", "'Page navigation'"]
+    [
+      "pages",
+      "LinkType[]",
+      "[]"
+    ],
+    [
+      "activeClass?",
+      "string",
+      "'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white'"
+    ],
+    [
+      "normalClass?",
+      "string",
+      "'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white'"
+    ],
+    [
+      "ulClass?",
+      "string",
+      "'inline-flex -space-x-px rtl:space-x-reverse items-center'"
+    ],
+    [
+      "table?",
+      "boolean",
+      ""
+    ],
+    [
+      "large?",
+      "boolean",
+      "false"
+    ],
+    [
+      "ariaLabel?",
+      "string",
+      "'Page navigation'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/PaginationItem.json b/src/routes/component-data/PaginationItem.json
index 4fa901202..11bf77ab4 100644
--- a/src/routes/component-data/PaginationItem.json
+++ b/src/routes/component-data/PaginationItem.json
@@ -1,6 +1,17 @@
 {
   "name": "PaginationItem",
   "slots": [],
-  "events": ["blur", "change", "click", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover"],
+  "events": [
+    "blur",
+    "change",
+    "click",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Popover.json b/src/routes/component-data/Popover.json
index eb084c57f..ac5439060 100644
--- a/src/routes/component-data/Popover.json
+++ b/src/routes/component-data/Popover.json
@@ -1,9 +1,21 @@
 {
   "name": "Popover",
-  "slots": ["title"],
-  "events": ["show"],
+  "slots": [
+    "title"
+  ],
+  "events": [
+    "show"
+  ],
   "props": [
-    ["title?", "string", ""],
-    ["defaultClass?", "string", ""]
+    [
+      "title?",
+      "string",
+      ""
+    ],
+    [
+      "defaultClass?",
+      "string",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Popper.json b/src/routes/component-data/Popper.json
index c76ea5746..0416525b3 100644
--- a/src/routes/component-data/Popper.json
+++ b/src/routes/component-data/Popper.json
@@ -3,15 +3,55 @@
   "slots": [],
   "events": [],
   "props": [
-    ["activeContent?", "boolean", ""],
-    ["arrow?", "boolean", ""],
-    ["offset?", "number", ""],
-    ["placement?", "Placement", ""],
-    ["trigger?", "'hover' | 'click' | 'focus'", ""],
-    ["triggeredBy?", "string", ""],
-    ["reference?", "string", ""],
-    ["strategy?", "'absolute' | 'fixed'", ""],
-    ["open?", "boolean", ""],
-    ["yOnly?", "boolean", ""]
+    [
+      "activeContent?",
+      "boolean",
+      ""
+    ],
+    [
+      "arrow?",
+      "boolean",
+      ""
+    ],
+    [
+      "offset?",
+      "number",
+      ""
+    ],
+    [
+      "placement?",
+      "Placement",
+      ""
+    ],
+    [
+      "trigger?",
+      "'hover' | 'click' | 'focus'",
+      ""
+    ],
+    [
+      "triggeredBy?",
+      "string",
+      ""
+    ],
+    [
+      "reference?",
+      "string",
+      ""
+    ],
+    [
+      "strategy?",
+      "'absolute' | 'fixed'",
+      ""
+    ],
+    [
+      "open?",
+      "boolean",
+      ""
+    ],
+    [
+      "yOnly?",
+      "boolean",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Progressbar.json b/src/routes/component-data/Progressbar.json
index 167c3c8a4..808eb0c80 100644
--- a/src/routes/component-data/Progressbar.json
+++ b/src/routes/component-data/Progressbar.json
@@ -3,17 +3,70 @@
   "slots": [],
   "events": [],
   "props": [
-    ["progress", "string | number", "'45'"],
-    ["precision?", "number", "0\n  export let tweenDuration: $$Props['tweenDuration'] = 400"],
-    ["tweenDuration?", "number", ""],
-    ["animate?", "boolean", "false"],
-    ["size?", "string", "'h-2.5'"],
-    ["labelInside?", "boolean", "false"],
-    ["labelOutside?", "string", "''"],
-    ["easing?", "EasingFunction", "cubicOut"],
-    ["color?", "'primary' | 'blue' | 'gray' | 'red' | 'green' | 'yellow' | 'purple' | 'indigo'", ""],
-    ["labelInsideClass?", "string", "'text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full'"],
-    ["divClass?", "string", "'w-full bg-gray-200 rounded-full dark:bg-gray-700'"],
-    ["progressClass?", "string", "''"]
+    [
+      "progress",
+      "string | number",
+      "'45'"
+    ],
+    [
+      "precision?",
+      "number",
+      "0\n  export let tweenDuration: $$Props['tweenDuration'] = 400"
+    ],
+    [
+      "tweenDuration?",
+      "number",
+      ""
+    ],
+    [
+      "animate?",
+      "boolean",
+      "false"
+    ],
+    [
+      "size?",
+      "string",
+      "'h-2.5'"
+    ],
+    [
+      "labelInside?",
+      "boolean",
+      "false"
+    ],
+    [
+      "labelOutside?",
+      "string",
+      "''"
+    ],
+    [
+      "easing?",
+      "EasingFunction",
+      "cubicOut"
+    ],
+    [
+      "color?",
+      "'primary' | 'blue' | 'gray' | 'red' | 'green' | 'yellow' | 'purple' | 'indigo'",
+      ""
+    ],
+    [
+      "labelInsideClass?",
+      "string",
+      "'text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full'"
+    ],
+    [
+      "divClass?",
+      "string",
+      "'w-full bg-gray-200 rounded-full dark:bg-gray-700'"
+    ],
+    [
+      "progressClass?",
+      "string",
+      "''"
+    ],
+    [
+      "classLabelOutside?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Radio.json b/src/routes/component-data/Radio.json
index f3e4eb9d9..3b8bb7c70 100644
--- a/src/routes/component-data/Radio.json
+++ b/src/routes/component-data/Radio.json
@@ -1,14 +1,54 @@
 {
   "name": "Radio",
   "slots": [],
-  "events": ["blur", "change", "click", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover", "paste"],
+  "events": [
+    "blur",
+    "change",
+    "click",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover",
+    "paste"
+  ],
   "props": [
-    ["color?", "FormColorType", ""],
-    ["custom?", "boolean", ""],
-    ["inline?", "boolean", ""],
-    ["group?", "number | string | undefined", "undefined"],
-    ["value?", "number | string", "''"],
-    ["spacing?", "string", ""],
-    ["checked?", "boolean", "false"]
+    [
+      "color?",
+      "FormColorType",
+      ""
+    ],
+    [
+      "custom?",
+      "boolean",
+      ""
+    ],
+    [
+      "inline?",
+      "boolean",
+      ""
+    ],
+    [
+      "group?",
+      "number | string | undefined",
+      "undefined"
+    ],
+    [
+      "value?",
+      "number | string",
+      "''"
+    ],
+    [
+      "spacing?",
+      "string",
+      ""
+    ],
+    [
+      "checked?",
+      "boolean",
+      "false"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/RadioButton.json b/src/routes/component-data/RadioButton.json
index 655285f52..eb6e1e369 100644
--- a/src/routes/component-data/RadioButton.json
+++ b/src/routes/component-data/RadioButton.json
@@ -1,15 +1,59 @@
 {
   "name": "RadioButton",
   "slots": [],
-  "events": ["keyup", "keydown", "keypress", "focus", "blur", "click", "mouseover", "mouseenter", "mouseleave", "paste", "change"],
+  "events": [
+    "keyup",
+    "keydown",
+    "keypress",
+    "focus",
+    "blur",
+    "click",
+    "mouseover",
+    "mouseenter",
+    "mouseleave",
+    "paste",
+    "change"
+  ],
   "props": [
-    ["group", "string | number", "''"],
-    ["value", "string | number", "''"],
-    ["inline?", "boolean", "true"],
-    ["pill?", "boolean", "false"],
-    ["outline?", "boolean", "false"],
-    ["size?", "SizeType | undefined", "undefined"],
-    ["color?", "ButtonColorType | undefined", "undefined"],
-    ["shadow?", "boolean", "false"]
+    [
+      "group",
+      "string | number",
+      "''"
+    ],
+    [
+      "value",
+      "string | number",
+      "''"
+    ],
+    [
+      "inline?",
+      "boolean",
+      "true"
+    ],
+    [
+      "pill?",
+      "boolean",
+      "false"
+    ],
+    [
+      "outline?",
+      "boolean",
+      "false"
+    ],
+    [
+      "size?",
+      "SizeType | undefined",
+      "undefined"
+    ],
+    [
+      "color?",
+      "ButtonColorType | undefined",
+      "undefined"
+    ],
+    [
+      "shadow?",
+      "boolean",
+      "false"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Range.json b/src/routes/component-data/Range.json
index c1b2bf263..c1b88367d 100644
--- a/src/routes/component-data/Range.json
+++ b/src/routes/component-data/Range.json
@@ -1,9 +1,23 @@
 {
   "name": "Range",
   "slots": [],
-  "events": ["change", "click", "keydown", "keypress", "keyup"],
+  "events": [
+    "change",
+    "click",
+    "keydown",
+    "keypress",
+    "keyup"
+  ],
   "props": [
-    ["value?", "number", "0"],
-    ["size?", "'sm' | 'md' | 'lg'", ""]
+    [
+      "value?",
+      "number",
+      "0"
+    ],
+    [
+      "size?",
+      "'sm' | 'md' | 'lg'",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Rating.json b/src/routes/component-data/Rating.json
index 68ebb1802..b75e12eaa 100644
--- a/src/routes/component-data/Rating.json
+++ b/src/routes/component-data/Rating.json
@@ -1,16 +1,54 @@
 {
   "name": "Rating",
-  "slots": ["text"],
+  "slots": [
+    "text"
+  ],
   "events": [],
   "props": [
-    ["divClass?", "string", "'flex items-center'"],
-    ["size?", "number", "24"],
-    ["total?", "number", ""],
-    ["rating", "number", "4"],
-    ["partialId?", "string", "'partialStar' + generateId()"],
-    ["icon?", "ComponentType", "Star"],
-    ["count?", "boolean", "false"],
-    ["iconFillColor?", "string | undefined", "'#F5CA14'"],
-    ["iconStrokeColor?", "string | undefined", "'#F5CA14'"]
+    [
+      "divClass?",
+      "string",
+      "'flex items-center'"
+    ],
+    [
+      "size?",
+      "number",
+      "24"
+    ],
+    [
+      "total?",
+      "number",
+      ""
+    ],
+    [
+      "rating",
+      "number",
+      "4"
+    ],
+    [
+      "partialId?",
+      "string",
+      "'partialStar' + generateId()"
+    ],
+    [
+      "icon?",
+      "ComponentType",
+      "Star"
+    ],
+    [
+      "count?",
+      "boolean",
+      "false"
+    ],
+    [
+      "iconFillColor?",
+      "string | undefined",
+      "'#F5CA14'"
+    ],
+    [
+      "iconStrokeColor?",
+      "string | undefined",
+      "'#F5CA14'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/RatingComment.json b/src/routes/component-data/RatingComment.json
index 6c83bc0b2..19e9442fe 100644
--- a/src/routes/component-data/RatingComment.json
+++ b/src/routes/component-data/RatingComment.json
@@ -1,16 +1,54 @@
 {
   "name": "RatingComment",
-  "slots": ["evaluation"],
+  "slots": [
+    "evaluation"
+  ],
   "events": [],
   "props": [
-    ["helpfullink?", "string", "''"],
-    ["abuselink?", "string", "''"],
-    ["comment", "{", ""],
-    ["id", "string", ""],
-    ["user", "{", ""],
-    ["name", "string", ""],
-    ["img", "{", ""],
-    ["src", "string", ""],
-    ["alt", "string", ""]
+    [
+      "helpfullink?",
+      "string",
+      "''"
+    ],
+    [
+      "abuselink?",
+      "string",
+      "''"
+    ],
+    [
+      "comment",
+      "{",
+      ""
+    ],
+    [
+      "id",
+      "string",
+      ""
+    ],
+    [
+      "user",
+      "{",
+      ""
+    ],
+    [
+      "name",
+      "string",
+      ""
+    ],
+    [
+      "img",
+      "{",
+      ""
+    ],
+    [
+      "src",
+      "string",
+      ""
+    ],
+    [
+      "alt",
+      "string",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Review.json b/src/routes/component-data/Review.json
index f8351d1e1..3945d8530 100644
--- a/src/routes/component-data/Review.json
+++ b/src/routes/component-data/Review.json
@@ -1,13 +1,67 @@
 {
   "name": "Review",
-  "slots": ["address", "item1", "item2", "item3"],
+  "slots": [
+    "address",
+    "item1",
+    "item2",
+    "item3"
+  ],
   "events": [],
   "props": [
-    ["review", "ReviewType", ""],
-    ["articleClass?", "string", "'md:gap-8 md:grid md:grid-cols-3'"],
-    ["divClass?", "string", "'flex items-center mb-6 space-x-4 rtl:space-x-reverse'"],
-    ["imgClass?", "string", "'w-10 h-10 rounded-full'"],
-    ["ulClass?", "string", "'space-y-4 text-sm text-gray-500 dark:text-gray-400'"],
-    ["liClass?", "string", "'flex items-center'"]
+    [
+      "review",
+      "ReviewType",
+      ""
+    ],
+    [
+      "articleClass?",
+      "string",
+      "'md:gap-8 md:grid md:grid-cols-3'"
+    ],
+    [
+      "divClass?",
+      "string",
+      "'flex items-center mb-6 space-x-4 rtl:space-x-reverse'"
+    ],
+    [
+      "imgClass?",
+      "string",
+      "'w-10 h-10 rounded-full'"
+    ],
+    [
+      "ulClass?",
+      "string",
+      "'space-y-4 text-sm text-gray-500 dark:text-gray-400'"
+    ],
+    [
+      "liClass?",
+      "string",
+      "'flex items-center'"
+    ],
+    [
+      "classArticle?",
+      "string",
+      "''"
+    ],
+    [
+      "classDiv?",
+      "string",
+      "''"
+    ],
+    [
+      "classImg?",
+      "string",
+      "''"
+    ],
+    [
+      "classUl?",
+      "string",
+      "''"
+    ],
+    [
+      "classLi?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ScoreRating.json b/src/routes/component-data/ScoreRating.json
index b2c30ac66..7e5727c08 100644
--- a/src/routes/component-data/ScoreRating.json
+++ b/src/routes/component-data/ScoreRating.json
@@ -2,5 +2,11 @@
   "name": "ScoreRating",
   "slots": [],
   "events": [],
-  "props": [["ratings", "{ label", "[]"]]
-}
+  "props": [
+    [
+      "ratings",
+      "{ label",
+      "[]"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Search.json b/src/routes/component-data/Search.json
index 8eeb8d68b..d236cbb18 100644
--- a/src/routes/component-data/Search.json
+++ b/src/routes/component-data/Search.json
@@ -1,10 +1,35 @@
 {
   "name": "Search",
   "slots": [],
-  "events": ["blur", "change", "input", "click", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover", "paste"],
+  "events": [
+    "blur",
+    "change",
+    "input",
+    "click",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover",
+    "paste"
+  ],
   "props": [
-    ["size?", "FormSizeType", ""],
-    ["placeholder?", "string", "'Search'"],
-    ["value?", "any", "undefined"]
+    [
+      "size?",
+      "FormSizeType",
+      ""
+    ],
+    [
+      "placeholder?",
+      "string",
+      "'Search'"
+    ],
+    [
+      "value?",
+      "any",
+      "undefined"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Secondary.json b/src/routes/component-data/Secondary.json
index b369eb1ea..73b438ccc 100644
--- a/src/routes/component-data/Secondary.json
+++ b/src/routes/component-data/Secondary.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["color?", "string", "'text-gray-500 dark:text-gray-400'"],
-    ["secondaryClass?", "string", "'font-semibold'"]
+    [
+      "color?",
+      "string",
+      "'text-gray-500 dark:text-gray-400'"
+    ],
+    [
+      "secondaryClass?",
+      "string",
+      "'font-semibold'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Select.json b/src/routes/component-data/Select.json
index 9542347ca..7aa6a7cea 100644
--- a/src/routes/component-data/Select.json
+++ b/src/routes/component-data/Select.json
@@ -1,14 +1,46 @@
 {
   "name": "Select",
   "slots": [],
-  "events": ["change", "contextmenu", "input"],
+  "events": [
+    "change",
+    "contextmenu",
+    "input"
+  ],
   "props": [
-    ["items?", "SelectOptionType<any>[]", "[]"],
-    ["value?", "any", "''"],
-    ["placeholder?", "string", "'Choose option ...'"],
-    ["underline?", "boolean", "false"],
-    ["size?", "'sm' | 'md' | 'lg'", ""],
-    ["defaultClass?", "string", "'text-gray-900 disabled:text-gray-400 bg-gray-50 border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500'"],
-    ["underlineClass?", "string", "'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer'"]
+    [
+      "items?",
+      "SelectOptionType<any>[]",
+      "[]"
+    ],
+    [
+      "value?",
+      "any",
+      "''"
+    ],
+    [
+      "placeholder?",
+      "string",
+      "'Choose option ...'"
+    ],
+    [
+      "underline?",
+      "boolean",
+      "false"
+    ],
+    [
+      "size?",
+      "'sm' | 'md' | 'lg'",
+      ""
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'text-gray-900 disabled:text-gray-400 bg-gray-50 border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500'"
+    ],
+    [
+      "underlineClass?",
+      "string",
+      "'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Sidebar.json b/src/routes/component-data/Sidebar.json
index b2bf9d47b..edfc5113a 100644
--- a/src/routes/component-data/Sidebar.json
+++ b/src/routes/component-data/Sidebar.json
@@ -3,10 +3,30 @@
   "slots": [],
   "events": [],
   "props": [
-    ["activeUrl?", "string", ""],
-    ["asideClass?", "string", "'w-64'"],
-    ["nonActiveClass?", "string", ""],
-    ["activeClass?", "string", ""],
-    ["ariaLabel?", "string", "'Sidebar'"]
+    [
+      "activeUrl?",
+      "string",
+      ""
+    ],
+    [
+      "asideClass?",
+      "string",
+      "'w-64'"
+    ],
+    [
+      "nonActiveClass?",
+      "string",
+      ""
+    ],
+    [
+      "activeClass?",
+      "string",
+      ""
+    ],
+    [
+      "ariaLabel?",
+      "string",
+      "'Sidebar'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/SidebarBrand.json b/src/routes/component-data/SidebarBrand.json
index 2a6f5528e..3717c56b2 100644
--- a/src/routes/component-data/SidebarBrand.json
+++ b/src/routes/component-data/SidebarBrand.json
@@ -3,9 +3,25 @@
   "slots": [],
   "events": [],
   "props": [
-    ["site", "SiteType", ""],
-    ["aClass?", "string", "'flex items-center ps-2.5 mb-5'"],
-    ["imgClass?", "string", "'h-6 me-3 sm:h-7'"],
-    ["spanClass?", "string", "'self-center text-xl font-semibold whitespace-nowrap dark:text-white'"]
+    [
+      "site",
+      "SiteType",
+      ""
+    ],
+    [
+      "aClass?",
+      "string",
+      "'flex items-center ps-2.5 mb-5'"
+    ],
+    [
+      "imgClass?",
+      "string",
+      "'h-6 me-3 sm:h-7'"
+    ],
+    [
+      "spanClass?",
+      "string",
+      "'self-center text-xl font-semibold whitespace-nowrap dark:text-white'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/SidebarCta.json b/src/routes/component-data/SidebarCta.json
index 5aab46f54..1b6204353 100644
--- a/src/routes/component-data/SidebarCta.json
+++ b/src/routes/component-data/SidebarCta.json
@@ -1,11 +1,29 @@
 {
   "name": "SidebarCta",
-  "slots": ["icon"],
+  "slots": [
+    "icon"
+  ],
   "events": [],
   "props": [
-    ["divWrapperClass?", "string", "'p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900'"],
-    ["divClass?", "string", "'flex items-center mb-3'"],
-    ["spanClass?", "string", "'bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900'"],
-    ["label?", "string", "''"]
+    [
+      "divWrapperClass?",
+      "string",
+      "'p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900'"
+    ],
+    [
+      "divClass?",
+      "string",
+      "'flex items-center mb-3'"
+    ],
+    [
+      "spanClass?",
+      "string",
+      "'bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900'"
+    ],
+    [
+      "label?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/SidebarDropdownItem.json b/src/routes/component-data/SidebarDropdownItem.json
index db22f2ca2..a90d6f1e5 100644
--- a/src/routes/component-data/SidebarDropdownItem.json
+++ b/src/routes/component-data/SidebarDropdownItem.json
@@ -1,12 +1,42 @@
 {
   "name": "SidebarDropdownItem",
   "slots": [],
-  "events": ["blur", "click", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover"],
+  "events": [
+    "blur",
+    "click",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover"
+  ],
   "props": [
-    ["aClass?", "string", "'flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700'"],
-    ["href?", "string", "''"],
-    ["label?", "string", "''"],
-    ["activeClass?", "string", "'flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700'"],
-    ["active?", "boolean", "false"]
+    [
+      "aClass?",
+      "string",
+      "'flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700'"
+    ],
+    [
+      "href?",
+      "string",
+      "''"
+    ],
+    [
+      "label?",
+      "string",
+      "''"
+    ],
+    [
+      "activeClass?",
+      "string",
+      "'flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700'"
+    ],
+    [
+      "active?",
+      "boolean",
+      "false"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/SidebarDropdownWrapper.json b/src/routes/component-data/SidebarDropdownWrapper.json
index bd5e96a51..f6f9492e8 100644
--- a/src/routes/component-data/SidebarDropdownWrapper.json
+++ b/src/routes/component-data/SidebarDropdownWrapper.json
@@ -1,14 +1,48 @@
 {
   "name": "SidebarDropdownWrapper",
-  "slots": ["icon", "arrowup", "arrowdown"],
-  "events": [],
+  "slots": [
+    "icon",
+    "arrowup",
+    "arrowdown"
+  ],
+  "events": [
+    "click"
+  ],
   "props": [
-    ["btnClass?", "string", "'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700'"],
-    ["label?", "string", "''"],
-    ["spanClass?", "string", "'flex-1 ms-3 text-left whitespace-nowrap'"],
-    ["ulClass?", "string", "'py-2 space-y-2'"],
-    ["transitionType?", "TransitionTypes", "'slide'"],
-    ["transitionParams?", "TransitionParamTypes", "{}"],
-    ["isOpen?", "boolean", "false"]
+    [
+      "btnClass?",
+      "string",
+      "'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700'"
+    ],
+    [
+      "label?",
+      "string",
+      "''"
+    ],
+    [
+      "spanClass?",
+      "string",
+      "'flex-1 ms-3 text-left whitespace-nowrap'"
+    ],
+    [
+      "ulClass?",
+      "string",
+      "'py-2 space-y-2'"
+    ],
+    [
+      "transitionType?",
+      "TransitionTypes",
+      "'slide'"
+    ],
+    [
+      "transitionParams?",
+      "TransitionParamTypes",
+      "{}"
+    ],
+    [
+      "isOpen?",
+      "boolean",
+      "false"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/SidebarGroup.json b/src/routes/component-data/SidebarGroup.json
index cc03268d2..5947c08b2 100644
--- a/src/routes/component-data/SidebarGroup.json
+++ b/src/routes/component-data/SidebarGroup.json
@@ -3,8 +3,20 @@
   "slots": [],
   "events": [],
   "props": [
-    ["ulClass?", "string", "'space-y-2'"],
-    ["borderClass?", "string", "'pt-4 mt-4 border-t border-gray-200 dark:border-gray-700'"],
-    ["border?", "boolean", "false"]
+    [
+      "ulClass?",
+      "string",
+      "'space-y-2'"
+    ],
+    [
+      "borderClass?",
+      "string",
+      "'pt-4 mt-4 border-t border-gray-200 dark:border-gray-700'"
+    ],
+    [
+      "border?",
+      "boolean",
+      "false"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/SidebarItem.json b/src/routes/component-data/SidebarItem.json
index 6aa6c41cc..78e0c27ce 100644
--- a/src/routes/component-data/SidebarItem.json
+++ b/src/routes/component-data/SidebarItem.json
@@ -1,14 +1,55 @@
 {
   "name": "SidebarItem",
-  "slots": ["icon", "subtext"],
-  "events": ["blur", "click", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover"],
+  "slots": [
+    "icon",
+    "subtext"
+  ],
+  "events": [
+    "blur",
+    "click",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover"
+  ],
   "props": [
-    ["action?", "Action<HTMLElement, any>", ""],
-    ["params?", "any", "{}"],
-    ["href?", "string", "''"],
-    ["label?", "string", "''"],
-    ["spanClass?", "string", "'ms-3'"],
-    ["activeClass?", "string", "undefined"],
-    ["nonActiveClass?", "string", "undefined"]
+    [
+      "action?",
+      "Action<HTMLElement, any>",
+      ""
+    ],
+    [
+      "params?",
+      "any",
+      "{}"
+    ],
+    [
+      "href?",
+      "string",
+      "''"
+    ],
+    [
+      "label?",
+      "string",
+      "''"
+    ],
+    [
+      "spanClass?",
+      "string",
+      "'ms-3'"
+    ],
+    [
+      "activeClass?",
+      "string",
+      "undefined"
+    ],
+    [
+      "nonActiveClass?",
+      "string",
+      "undefined"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/SidebarWrapper.json b/src/routes/component-data/SidebarWrapper.json
index 394ad684e..1bc5304dc 100644
--- a/src/routes/component-data/SidebarWrapper.json
+++ b/src/routes/component-data/SidebarWrapper.json
@@ -2,5 +2,11 @@
   "name": "SidebarWrapper",
   "slots": [],
   "events": [],
-  "props": [["divClass?", "string", "'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800'"]]
-}
+  "props": [
+    [
+      "divClass?",
+      "string",
+      "'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Skeleton.json b/src/routes/component-data/Skeleton.json
index c1a1324e6..98734f7ed 100644
--- a/src/routes/component-data/Skeleton.json
+++ b/src/routes/component-data/Skeleton.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["divClass?", "string", "'animate-pulse'"],
-    ["size?", "keyof Sizes", ""]
+    [
+      "divClass?",
+      "string",
+      "'animate-pulse'"
+    ],
+    [
+      "size?",
+      "keyof Sizes",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Smartwatch.json b/src/routes/component-data/Smartwatch.json
index 171a9ac22..ce4154f7c 100644
--- a/src/routes/component-data/Smartwatch.json
+++ b/src/routes/component-data/Smartwatch.json
@@ -3,11 +3,60 @@
   "slots": [],
   "events": [],
   "props": [
-    ["div?", "string", "'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]'"],
-    ["slot?", "string", "'rounded-[2rem] overflow-hidden h-[193px] w-[188px]'"],
-    ["rightTop?", "string", "'h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg'"],
-    ["rightBot?", "string", "'h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg'"],
-    ["top?", "string", "'relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]'"],
-    ["bot?", "string", "'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]'"]
+    [
+      "div?",
+      "string",
+      "'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]'"
+    ],
+    [
+      "slot?",
+      "string",
+      "'rounded-[2rem] overflow-hidden h-[193px] w-[188px]'"
+    ],
+    [
+      "rightTop?",
+      "string",
+      "'h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg'"
+    ],
+    [
+      "rightBot?",
+      "string",
+      "'h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg'"
+    ],
+    [
+      "top?",
+      "string",
+      "'relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]'"
+    ],
+    [
+      "bot?",
+      "string",
+      "'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]'"
+    ],
+    [
+      "classTop?",
+      "string",
+      "''"
+    ],
+    [
+      "classRightTop?",
+      "string",
+      "''"
+    ],
+    [
+      "classRightBot?",
+      "string",
+      "''"
+    ],
+    [
+      "classSlot?",
+      "string",
+      "''"
+    ],
+    [
+      "classBot?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Span.json b/src/routes/component-data/Span.json
index 05c86540b..a3f882efe 100644
--- a/src/routes/component-data/Span.json
+++ b/src/routes/component-data/Span.json
@@ -3,14 +3,50 @@
   "slots": [],
   "events": [],
   "props": [
-    ["italic?", "boolean", "false"],
-    ["underline?", "boolean", "false"],
-    ["linethrough?", "boolean", "false"],
-    ["uppercase?", "boolean", "false"],
-    ["gradient?", "boolean", "false"],
-    ["highlight?", "boolean", "false"],
-    ["highlightClass?", "string", "'text-blue-600 dark:text-blue-500'"],
-    ["decorationClass?", "string", "'decoration-2 decoration-blue-400 dark:decoration-blue-600'"],
-    ["gradientClass?", "string", "'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400'"]
+    [
+      "italic?",
+      "boolean",
+      "false"
+    ],
+    [
+      "underline?",
+      "boolean",
+      "false"
+    ],
+    [
+      "linethrough?",
+      "boolean",
+      "false"
+    ],
+    [
+      "uppercase?",
+      "boolean",
+      "false"
+    ],
+    [
+      "gradient?",
+      "boolean",
+      "false"
+    ],
+    [
+      "highlight?",
+      "boolean",
+      "false"
+    ],
+    [
+      "highlightClass?",
+      "string",
+      "'text-blue-600 dark:text-blue-500'"
+    ],
+    [
+      "decorationClass?",
+      "string",
+      "'decoration-2 decoration-blue-400 dark:decoration-blue-600'"
+    ],
+    [
+      "gradientClass?",
+      "string",
+      "'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/SpeedDial.json b/src/routes/component-data/SpeedDial.json
index 47652b888..56fe6635b 100644
--- a/src/routes/component-data/SpeedDial.json
+++ b/src/routes/component-data/SpeedDial.json
@@ -1,6 +1,10 @@
 {
   "name": "SpeedDial",
-  "slots": ["button", "icon", "icon"],
+  "slots": [
+    "button",
+    "icon",
+    "icon"
+  ],
   "events": [],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/SpeedDialButton.json b/src/routes/component-data/SpeedDialButton.json
index fb9f8d4c5..6d1e6070d 100644
--- a/src/routes/component-data/SpeedDialButton.json
+++ b/src/routes/component-data/SpeedDialButton.json
@@ -1,6 +1,8 @@
 {
   "name": "SpeedDialButton",
   "slots": [],
-  "events": ["click"],
+  "events": [
+    "click"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Spinner.json b/src/routes/component-data/Spinner.json
index e88d8604e..50819edfc 100644
--- a/src/routes/component-data/Spinner.json
+++ b/src/routes/component-data/Spinner.json
@@ -3,11 +3,35 @@
   "slots": [],
   "events": [],
   "props": [
-    ["color?", "'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | 'custom'", "'primary'"],
-    ["bg?", "string", "'text-gray-300'"],
-    ["size?", "string | number", "'8'"],
-    ["currentFill?", "string", "'currentFill'"],
-    ["currentColor?", "string", "'currentColor'"],
-    ["customColor?", "string", "''"]
+    [
+      "color?",
+      "'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | 'custom'",
+      "'primary'"
+    ],
+    [
+      "bg?",
+      "string",
+      "'text-gray-300'"
+    ],
+    [
+      "size?",
+      "string | number",
+      "'8'"
+    ],
+    [
+      "currentFill?",
+      "string",
+      "'currentFill'"
+    ],
+    [
+      "currentColor?",
+      "string",
+      "'currentColor'"
+    ],
+    [
+      "customColor?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Star.json b/src/routes/component-data/Star.json
index 092f91f95..79b4eb700 100644
--- a/src/routes/component-data/Star.json
+++ b/src/routes/component-data/Star.json
@@ -1,14 +1,44 @@
 {
   "name": "Star",
   "slots": [],
-  "events": ["click"],
+  "events": [
+    "click"
+  ],
   "props": [
-    ["fillPercent?", "number", "100"],
-    ["fillColor?", "string", "'#F5CA14'"],
-    ["strokeColor?", "string", "'#F5CA14'"],
-    ["size?", "number", "24"],
-    ["ariaLabel?", "string", "'star'"],
-    ["id?", "string", "generateId()"],
-    ["role?", "string", "'img'"]
+    [
+      "fillPercent?",
+      "number",
+      "100"
+    ],
+    [
+      "fillColor?",
+      "string",
+      "'#F5CA14'"
+    ],
+    [
+      "strokeColor?",
+      "string",
+      "'#F5CA14'"
+    ],
+    [
+      "size?",
+      "number",
+      "24"
+    ],
+    [
+      "ariaLabel?",
+      "string",
+      "'star'"
+    ],
+    [
+      "id?",
+      "string",
+      "generateId()"
+    ],
+    [
+      "role?",
+      "string",
+      "'img'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/StepIndicator.json b/src/routes/component-data/StepIndicator.json
index 77033a1a4..4db9914fd 100644
--- a/src/routes/component-data/StepIndicator.json
+++ b/src/routes/component-data/StepIndicator.json
@@ -3,13 +3,45 @@
   "slots": [],
   "events": [],
   "props": [
-    ["steps", "string[]", "['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5']"],
-    ["currentStep", "number", "1"],
-    ["size", "string", "'h-2.5'"],
-    ["color", "'primary' | 'secondary' | 'gray' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'custom'", "'primary'"],
-    ["glow", "boolean", "false"],
-    ["hideLabel", "boolean", "false"],
-    ["completedCustom", "string", "''"],
-    ["currentCustom", "string", "''"]
+    [
+      "steps",
+      "string[]",
+      "['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5']"
+    ],
+    [
+      "currentStep",
+      "number",
+      "1"
+    ],
+    [
+      "size",
+      "string",
+      "'h-2.5'"
+    ],
+    [
+      "color",
+      "'primary' | 'secondary' | 'gray' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'custom'",
+      "'primary'"
+    ],
+    [
+      "glow",
+      "boolean",
+      "false"
+    ],
+    [
+      "hideLabel",
+      "boolean",
+      "false"
+    ],
+    [
+      "completedCustom",
+      "string",
+      "''"
+    ],
+    [
+      "currentCustom",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TabItem.json b/src/routes/component-data/TabItem.json
index 99b8daf1d..468b17003 100644
--- a/src/routes/component-data/TabItem.json
+++ b/src/routes/component-data/TabItem.json
@@ -1,13 +1,50 @@
 {
   "name": "TabItem",
-  "slots": ["title"],
-  "events": ["blur", "click", "contextmenu", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover"],
+  "slots": [
+    "title"
+  ],
+  "events": [
+    "blur",
+    "click",
+    "contextmenu",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover"
+  ],
   "props": [
-    ["open?", "boolean", "false"],
-    ["title?", "string", "'Tab title'"],
-    ["activeClasses?", "string", "undefined"],
-    ["inactiveClasses?", "string", "undefined"],
-    ["defaultClass?", "string", "'inline-block text-sm font-medium text-center disabled:cursor-not-allowed'"],
-    ["divClass?", "string", "''"]
+    [
+      "open?",
+      "boolean",
+      "false"
+    ],
+    [
+      "title?",
+      "string",
+      "'Tab title'"
+    ],
+    [
+      "activeClasses?",
+      "string",
+      "undefined"
+    ],
+    [
+      "inactiveClasses?",
+      "string",
+      "undefined"
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'inline-block text-sm font-medium text-center disabled:cursor-not-allowed'"
+    ],
+    [
+      "divClass?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Table.json b/src/routes/component-data/Table.json
index 84315e30c..5e3c1c607 100644
--- a/src/routes/component-data/Table.json
+++ b/src/routes/component-data/Table.json
@@ -1,22 +1,96 @@
 {
   "name": "Table",
-  "slots": ["search", "svgSearch", "header"],
+  "slots": [
+    "search",
+    "svgSearch",
+    "header"
+  ],
   "events": [],
   "props": [
-    ["divClass?", "string", "'relative overflow-x-auto'"],
-    ["striped?", "boolean", "false"],
-    ["hoverable?", "boolean", "false"],
-    ["noborder?", "boolean", "false"],
-    ["shadow?", "boolean", "false"],
-    ["color?", "TableColorType", ""],
-    ["customeColor?", "string", "''"],
-    ["items?", "T[]", "[]"],
-    ["filter?", "((t", "null"],
-    ["placeholder?", "string", "'Search'"],
-    ["innerDivClass?", "string", "'p-4'"],
-    ["searchClass?", "string", "'relative mt-1'"],
-    ["svgDivClass?", "string", "'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none'"],
-    ["svgClass?", "string", "'w-5 h-5 text-gray-500 dark:text-gray-400'"],
-    ["inputClass?", "string", "'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500'"]
+    [
+      "divClass?",
+      "string",
+      "'relative overflow-x-auto'"
+    ],
+    [
+      "striped?",
+      "boolean",
+      "false"
+    ],
+    [
+      "hoverable?",
+      "boolean",
+      "false"
+    ],
+    [
+      "noborder?",
+      "boolean",
+      "false"
+    ],
+    [
+      "shadow?",
+      "boolean",
+      "false"
+    ],
+    [
+      "color?",
+      "TableColorType",
+      ""
+    ],
+    [
+      "customeColor?",
+      "string",
+      "''"
+    ],
+    [
+      "items?",
+      "T[]",
+      "[]"
+    ],
+    [
+      "filter?",
+      "((t",
+      "null"
+    ],
+    [
+      "placeholder?",
+      "string",
+      "'Search'"
+    ],
+    [
+      "innerDivClass?",
+      "string",
+      "'p-4'"
+    ],
+    [
+      "searchClass?",
+      "string",
+      "'relative mt-1'"
+    ],
+    [
+      "svgDivClass?",
+      "string",
+      "'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none'"
+    ],
+    [
+      "svgClass?",
+      "string",
+      "'w-5 h-5 text-gray-500 dark:text-gray-400'"
+    ],
+    [
+      "inputClass?",
+      "string",
+      "'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500'"
+    ],
+    [
+      "classInput?",
+      "string",
+      "''"
+    ],
+    [
+      "classSvgDiv?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TableBody.json b/src/routes/component-data/TableBody.json
index 39bdb8a61..79316b55c 100644
--- a/src/routes/component-data/TableBody.json
+++ b/src/routes/component-data/TableBody.json
@@ -1,6 +1,14 @@
 {
   "name": "TableBody",
-  "slots": ["row"],
+  "slots": [
+    "row"
+  ],
   "events": [],
-  "props": [["tableBodyClass?", "string", "undefined"]]
-}
+  "props": [
+    [
+      "tableBodyClass?",
+      "string",
+      "undefined"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TableBodyCell.json b/src/routes/component-data/TableBodyCell.json
index f09ce6309..34415ce2f 100644
--- a/src/routes/component-data/TableBodyCell.json
+++ b/src/routes/component-data/TableBodyCell.json
@@ -2,5 +2,11 @@
   "name": "TableBodyCell",
   "slots": [],
   "events": [],
-  "props": [["tdClass?", "string", "'px-6 py-4 whitespace-nowrap font-medium '"]]
-}
+  "props": [
+    [
+      "tdClass?",
+      "string",
+      "'px-6 py-4 whitespace-nowrap font-medium '"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TableBodyRow.json b/src/routes/component-data/TableBodyRow.json
index 157fa56c3..0f75fdb65 100644
--- a/src/routes/component-data/TableBodyRow.json
+++ b/src/routes/component-data/TableBodyRow.json
@@ -1,6 +1,16 @@
 {
   "name": "TableBodyRow",
   "slots": [],
-  "events": ["click", "contextmenu", "dblclick"],
-  "props": [["color?", "'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom'", ""]]
-}
+  "events": [
+    "click",
+    "contextmenu",
+    "dblclick"
+  ],
+  "props": [
+    [
+      "color?",
+      "'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom'",
+      ""
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TableHead.json b/src/routes/component-data/TableHead.json
index 6708cace8..92e111151 100644
--- a/src/routes/component-data/TableHead.json
+++ b/src/routes/component-data/TableHead.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["theadClass?", "string", "'text-xs uppercase'"],
-    ["defaultRow?", "boolean", "true"]
+    [
+      "theadClass?",
+      "string",
+      "'text-xs uppercase'"
+    ],
+    [
+      "defaultRow?",
+      "boolean",
+      "true"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TableHeadCell.json b/src/routes/component-data/TableHeadCell.json
index a916a7829..daafd8965 100644
--- a/src/routes/component-data/TableHeadCell.json
+++ b/src/routes/component-data/TableHeadCell.json
@@ -1,12 +1,49 @@
 {
   "name": "TableHeadCell",
   "slots": [],
-  "events": ["click", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover", "click", "focus", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover"],
+  "events": [
+    "click",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover",
+    "click",
+    "focus",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover"
+  ],
   "props": [
-    ["padding?", "string", "'px-6 py-3'"],
-    ["sort?", "((a", "null"],
-    ["defaultDirection?", "'asc' | 'desc'", "'asc'"],
-    ["defaultSort?", "boolean", "false"],
-    ["direction?", "'asc' | 'desc' | null", "defaultSort ? defaultDirection : null"]
+    [
+      "padding?",
+      "string",
+      "'px-6 py-3'"
+    ],
+    [
+      "sort?",
+      "((a",
+      "null"
+    ],
+    [
+      "defaultDirection?",
+      "'asc' | 'desc'",
+      "'asc'"
+    ],
+    [
+      "defaultSort?",
+      "boolean",
+      "false"
+    ],
+    [
+      "direction?",
+      "'asc' | 'desc' | null",
+      "defaultSort ? defaultDirection : null"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TableSearch.json b/src/routes/component-data/TableSearch.json
index 0e945a759..4d60e5f68 100644
--- a/src/routes/component-data/TableSearch.json
+++ b/src/routes/component-data/TableSearch.json
@@ -1,19 +1,81 @@
 {
   "name": "TableSearch",
-  "slots": ["svgSearch", "header", "footer"],
+  "slots": [
+    "svgSearch",
+    "header",
+    "footer"
+  ],
   "events": [],
   "props": [
-    ["divClass?", "string", "'relative overflow-x-auto shadow-md sm:rounded-lg'"],
-    ["inputValue?", "string", "''"],
-    ["striped?", "boolean", "false"],
-    ["hoverable?", "boolean", "false"],
-    ["placeholder?", "string", "'Search'"],
-    ["customColor?", "string", "''"],
-    ["color?", "'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom'", ""],
-    ["innerDivClass?", "string", "'p-4'"],
-    ["searchClass?", "string", "'relative mt-1'"],
-    ["svgDivClass?", "string", "'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none'"],
-    ["svgClass?", "string", "'w-5 h-5 text-gray-500 dark:text-gray-400'"],
-    ["inputClass?", "string", "'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500'"]
+    [
+      "divClass?",
+      "string",
+      "'relative overflow-x-auto shadow-md sm:rounded-lg'"
+    ],
+    [
+      "inputValue?",
+      "string",
+      "''"
+    ],
+    [
+      "striped?",
+      "boolean",
+      "false"
+    ],
+    [
+      "hoverable?",
+      "boolean",
+      "false"
+    ],
+    [
+      "placeholder?",
+      "string",
+      "'Search'"
+    ],
+    [
+      "customColor?",
+      "string",
+      "''"
+    ],
+    [
+      "color?",
+      "'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom'",
+      ""
+    ],
+    [
+      "innerDivClass?",
+      "string",
+      "'p-4'"
+    ],
+    [
+      "searchClass?",
+      "string",
+      "'relative mt-1'"
+    ],
+    [
+      "svgDivClass?",
+      "string",
+      "'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none'"
+    ],
+    [
+      "svgClass?",
+      "string",
+      "'w-5 h-5 text-gray-500 dark:text-gray-400'"
+    ],
+    [
+      "inputClass?",
+      "string",
+      "'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500'"
+    ],
+    [
+      "classInput?",
+      "string",
+      "''"
+    ],
+    [
+      "classSvgDiv?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Tablet.json b/src/routes/component-data/Tablet.json
index 356d8921b..fa90ec86a 100644
--- a/src/routes/component-data/Tablet.json
+++ b/src/routes/component-data/Tablet.json
@@ -3,11 +3,60 @@
   "slots": [],
   "events": [],
   "props": [
-    ["div?", "string", "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[454px] max-w-[341px] md:h-[682px] md:max-w-[512px]'"],
-    ["slot?", "string", "'rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800'"],
-    ["leftTop?", "string", "'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg'"],
-    ["leftMid?", "string", "'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"],
-    ["leftBot?", "string", "'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"],
-    ["right?", "string", "'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"]
+    [
+      "div?",
+      "string",
+      "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[454px] max-w-[341px] md:h-[682px] md:max-w-[512px]'"
+    ],
+    [
+      "slot?",
+      "string",
+      "'rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800'"
+    ],
+    [
+      "leftTop?",
+      "string",
+      "'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg'"
+    ],
+    [
+      "leftMid?",
+      "string",
+      "'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"
+    ],
+    [
+      "leftBot?",
+      "string",
+      "'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"
+    ],
+    [
+      "right?",
+      "string",
+      "'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"
+    ],
+    [
+      "classLeftTop?",
+      "string",
+      "''"
+    ],
+    [
+      "classLeftMid?",
+      "string",
+      "''"
+    ],
+    [
+      "classLeftBot?",
+      "string",
+      "''"
+    ],
+    [
+      "classRight?",
+      "string",
+      "''"
+    ],
+    [
+      "classSlot?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Tabs.json b/src/routes/component-data/Tabs.json
index bbf193f5c..f36e42b51 100644
--- a/src/routes/component-data/Tabs.json
+++ b/src/routes/component-data/Tabs.json
@@ -1,13 +1,39 @@
 {
   "name": "Tabs",
-  "slots": ["divider"],
+  "slots": [
+    "divider"
+  ],
   "events": [],
   "props": [
-    ["tabStyle?", "'full' | 'pill' | 'underline' | 'none'", ""],
-    ["defaultClass?", "string", "'flex flex-wrap space-x-2 rtl:space-x-reverse'"],
-    ["contentClass?", "string", "'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4'"],
-    ["divider?", "boolean", "true"],
-    ["activeClasses?", "string", ""],
-    ["inactiveClasses?", "string", ""]
+    [
+      "tabStyle?",
+      "'full' | 'pill' | 'underline' | 'none'",
+      ""
+    ],
+    [
+      "defaultClass?",
+      "string",
+      "'flex flex-wrap space-x-2 rtl:space-x-reverse'"
+    ],
+    [
+      "contentClass?",
+      "string",
+      "'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4'"
+    ],
+    [
+      "divider?",
+      "boolean",
+      "true"
+    ],
+    [
+      "activeClasses?",
+      "string",
+      ""
+    ],
+    [
+      "inactiveClasses?",
+      "string",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TestimonialPlaceholder.json b/src/routes/component-data/TestimonialPlaceholder.json
index 4f4a20c6d..24535b8c0 100644
--- a/src/routes/component-data/TestimonialPlaceholder.json
+++ b/src/routes/component-data/TestimonialPlaceholder.json
@@ -2,5 +2,11 @@
   "name": "TestimonialPlaceholder",
   "slots": [],
   "events": [],
-  "props": [["divClass?", "string", "'animate-pulse'"]]
-}
+  "props": [
+    [
+      "divClass?",
+      "string",
+      "'animate-pulse'"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TextPlaceholder.json b/src/routes/component-data/TextPlaceholder.json
index 5bbda590a..8aac378b1 100644
--- a/src/routes/component-data/TextPlaceholder.json
+++ b/src/routes/component-data/TextPlaceholder.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["divClass?", "string", "'space-y-2.5 animate-pulse'"],
-    ["size?", "keyof Sizes", ""]
+    [
+      "divClass?",
+      "string",
+      "'space-y-2.5 animate-pulse'"
+    ],
+    [
+      "size?",
+      "keyof Sizes",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Textarea.json b/src/routes/component-data/Textarea.json
index 0ce1c947c..82ffafd2f 100644
--- a/src/routes/component-data/Textarea.json
+++ b/src/routes/component-data/Textarea.json
@@ -1,13 +1,55 @@
 {
   "name": "Textarea",
-  "slots": ["header", "footer"],
-  "events": ["blur", "change", "click", "contextmenu", "focus", "input", "keydown", "keypress", "keyup", "mouseenter", "mouseleave", "mouseover", "paste", "select"],
+  "slots": [
+    "header",
+    "footer"
+  ],
+  "events": [
+    "blur",
+    "change",
+    "click",
+    "contextmenu",
+    "focus",
+    "input",
+    "keydown",
+    "keypress",
+    "keyup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover",
+    "paste",
+    "select"
+  ],
   "props": [
-    ["value?", "any", "undefined"],
-    ["wrappedClass?", "string", "'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50'"],
-    ["unWrappedClass?", "string", "'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50'"],
-    ["innerWrappedClass?", "string", "'py-2 px-4 bg-white dark:bg-gray-800'"],
-    ["headerClass?", "string", "''\n  export let footerClass: $$Props['footerClass'] = ''"],
-    ["footerClass?", "string", ""]
+    [
+      "value?",
+      "any",
+      "undefined"
+    ],
+    [
+      "wrappedClass?",
+      "string",
+      "'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50'"
+    ],
+    [
+      "unWrappedClass?",
+      "string",
+      "'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50'"
+    ],
+    [
+      "innerWrappedClass?",
+      "string",
+      "'py-2 px-4 bg-white dark:bg-gray-800'"
+    ],
+    [
+      "headerClass?",
+      "string",
+      "''\n  export let footerClass: $$Props['footerClass'] = ''"
+    ],
+    [
+      "footerClass?",
+      "string",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Thumbnail.json b/src/routes/component-data/Thumbnail.json
index c76703bfd..67cfc1bc9 100644
--- a/src/routes/component-data/Thumbnail.json
+++ b/src/routes/component-data/Thumbnail.json
@@ -3,9 +3,25 @@
   "slots": [],
   "events": [],
   "props": [
-    ["selected?", "boolean", ""],
-    ["alt?", "string | undefined | null", ""],
-    ["activeClass?", "string", ""],
-    ["inactiveClass?", "string", ""]
+    [
+      "selected?",
+      "boolean",
+      ""
+    ],
+    [
+      "alt?",
+      "string | undefined | null",
+      ""
+    ],
+    [
+      "activeClass?",
+      "string",
+      ""
+    ],
+    [
+      "inactiveClass?",
+      "string",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Thumbup.json b/src/routes/component-data/Thumbup.json
index 0b6ee4dff..230d18cf6 100644
--- a/src/routes/component-data/Thumbup.json
+++ b/src/routes/component-data/Thumbup.json
@@ -1,14 +1,44 @@
 {
   "name": "Thumbup",
   "slots": [],
-  "events": ["click"],
+  "events": [
+    "click"
+  ],
   "props": [
-    ["fillPercent?", "number", "100"],
-    ["fillColor?", "string", "'#00b500'"],
-    ["strokeColor?", "string", "'#00b500'"],
-    ["size?", "number", "24"],
-    ["ariaLabel?", "string", "'thumbup'"],
-    ["id?", "string", "'thumbup'"],
-    ["role?", "string", "'img'"]
+    [
+      "fillPercent?",
+      "number",
+      "100"
+    ],
+    [
+      "fillColor?",
+      "string",
+      "'#00b500'"
+    ],
+    [
+      "strokeColor?",
+      "string",
+      "'#00b500'"
+    ],
+    [
+      "size?",
+      "number",
+      "24"
+    ],
+    [
+      "ariaLabel?",
+      "string",
+      "'thumbup'"
+    ],
+    [
+      "id?",
+      "string",
+      "'thumbup'"
+    ],
+    [
+      "role?",
+      "string",
+      "'img'"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Timeline.json b/src/routes/component-data/Timeline.json
index d3327adba..32283297c 100644
--- a/src/routes/component-data/Timeline.json
+++ b/src/routes/component-data/Timeline.json
@@ -2,5 +2,11 @@
   "name": "Timeline",
   "slots": [],
   "events": [],
-  "props": [["order?", "'default' | 'vertical' | 'horizontal' | 'activity' | 'group'", ""]]
-}
+  "props": [
+    [
+      "order?",
+      "'default' | 'vertical' | 'horizontal' | 'activity' | 'group'",
+      ""
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TimelineItem.json b/src/routes/component-data/TimelineItem.json
index b26adbcbc..099f8a042 100644
--- a/src/routes/component-data/TimelineItem.json
+++ b/src/routes/component-data/TimelineItem.json
@@ -1,10 +1,44 @@
 {
   "name": "TimelineItem",
-  "slots": ["icon"],
+  "slots": [
+    "icon"
+  ],
   "events": [],
   "props": [
-    ["title?", "string", "''"],
-    ["date?", "string", "''"],
-    ["svgClass?", "string", "'w-3 h-3 text-primary-600 dark:text-primary-400'"]
+    [
+      "title?",
+      "string",
+      "''"
+    ],
+    [
+      "date?",
+      "string",
+      "''"
+    ],
+    [
+      "svgClass?",
+      "string",
+      "'w-3 h-3 text-primary-600 dark:text-primary-400'"
+    ],
+    [
+      "classLi?",
+      "string",
+      "''"
+    ],
+    [
+      "classDiv?",
+      "string",
+      "''"
+    ],
+    [
+      "classTime?",
+      "string",
+      "''"
+    ],
+    [
+      "classH3?",
+      "string",
+      "''"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Toast.json b/src/routes/component-data/Toast.json
index bd05144c3..6e4f87652 100644
--- a/src/routes/component-data/Toast.json
+++ b/src/routes/component-data/Toast.json
@@ -1,17 +1,59 @@
 {
   "name": "Toast",
-  "slots": ["icon"],
+  "slots": [
+    "icon"
+  ],
   "events": [],
   "props": [
-    ["dismissable?", "boolean", "true"],
-    ["color?", "ColorVariant", ""],
-    ["position?", "ToastPositionType", ""],
-    ["divClass?", "string", "'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3'"],
-    ["defaultIconClass?", "string", "'w-8 h-8'"],
-    ["contentClass?", "string", "'w-full text-sm font-normal'"],
-    ["align?", "boolean", "true"],
-    ["transition?", "TransitionFunc", ""],
-    ["params?", "any", "{}"],
-    ["toastStatus?", "boolean", "true"]
+    [
+      "dismissable?",
+      "boolean",
+      "true"
+    ],
+    [
+      "color?",
+      "ColorVariant",
+      ""
+    ],
+    [
+      "position?",
+      "ToastPositionType",
+      ""
+    ],
+    [
+      "divClass?",
+      "string",
+      "'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3'"
+    ],
+    [
+      "defaultIconClass?",
+      "string",
+      "'w-8 h-8'"
+    ],
+    [
+      "contentClass?",
+      "string",
+      "'w-full text-sm font-normal'"
+    ],
+    [
+      "align?",
+      "boolean",
+      "true"
+    ],
+    [
+      "transition?",
+      "TransitionFunc",
+      ""
+    ],
+    [
+      "params?",
+      "any",
+      "{}"
+    ],
+    [
+      "toastStatus?",
+      "boolean",
+      "true"
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Toggle.json b/src/routes/component-data/Toggle.json
index 43acee96f..e2e134fa6 100644
--- a/src/routes/component-data/Toggle.json
+++ b/src/routes/component-data/Toggle.json
@@ -1,12 +1,42 @@
 {
   "name": "Toggle",
-  "slots": ["offLabel"],
-  "events": ["click", "change"],
+  "slots": [
+    "offLabel"
+  ],
+  "events": [
+    "click",
+    "change"
+  ],
   "props": [
-    ["size?", "'small' | 'default' | 'large' | 'custom'", ""],
-    ["group?", "string[]", "[]"],
-    ["value?", "string | number", "''"],
-    ["checked?", "boolean", "undefined"],
-    ["customSize?", "string", "''"]
+    [
+      "size?",
+      "'small' | 'default' | 'large' | 'custom'",
+      ""
+    ],
+    [
+      "group?",
+      "string[]",
+      "[]"
+    ],
+    [
+      "value?",
+      "string | number",
+      "''"
+    ],
+    [
+      "checked?",
+      "boolean",
+      "undefined"
+    ],
+    [
+      "customSize?",
+      "string",
+      "''"
+    ],
+    [
+      "classDiv?",
+      "string",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Toolbar.json b/src/routes/component-data/Toolbar.json
index 1857ed2ea..5341b0c35 100644
--- a/src/routes/component-data/Toolbar.json
+++ b/src/routes/component-data/Toolbar.json
@@ -1,6 +1,14 @@
 {
   "name": "Toolbar",
-  "slots": ["end"],
+  "slots": [
+    "end"
+  ],
   "events": [],
-  "props": [["embedded?", "boolean", ""]]
-}
+  "props": [
+    [
+      "embedded?",
+      "boolean",
+      ""
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/src/routes/component-data/ToolbarButton.json b/src/routes/component-data/ToolbarButton.json
index 960c2ee29..eed415f9a 100644
--- a/src/routes/component-data/ToolbarButton.json
+++ b/src/routes/component-data/ToolbarButton.json
@@ -1,6 +1,8 @@
 {
   "name": "ToolbarButton",
   "slots": [],
-  "events": ["click"],
+  "events": [
+    "click"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/Tooltip.json b/src/routes/component-data/Tooltip.json
index fefa6cbd2..a06e90ced 100644
--- a/src/routes/component-data/Tooltip.json
+++ b/src/routes/component-data/Tooltip.json
@@ -1,9 +1,19 @@
 {
   "name": "Tooltip",
   "slots": [],
-  "events": ["show"],
+  "events": [
+    "show"
+  ],
   "props": [
-    ["type?", "'dark' | 'light' | 'auto' | 'custom'", ""],
-    ["defaultClass?", "string", ""]
+    [
+      "type?",
+      "'dark' | 'light' | 'auto' | 'custom'",
+      ""
+    ],
+    [
+      "defaultClass?",
+      "string",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/TransitionFrame.json b/src/routes/component-data/TransitionFrame.json
index 605b70fc7..98bf8534d 100644
--- a/src/routes/component-data/TransitionFrame.json
+++ b/src/routes/component-data/TransitionFrame.json
@@ -1,6 +1,8 @@
 {
   "name": "TransitionFrame",
   "slots": [],
-  "events": ["show"],
+  "events": [
+    "show"
+  ],
   "props": []
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/VideoPlaceholder.json b/src/routes/component-data/VideoPlaceholder.json
index aeebfd08d..2fd6e0733 100644
--- a/src/routes/component-data/VideoPlaceholder.json
+++ b/src/routes/component-data/VideoPlaceholder.json
@@ -3,7 +3,15 @@
   "slots": [],
   "events": [],
   "props": [
-    ["divClass?", "string", "'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700'"],
-    ["size?", "keyof Sizes", ""]
+    [
+      "divClass?",
+      "string",
+      "'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700'"
+    ],
+    [
+      "size?",
+      "keyof Sizes",
+      ""
+    ]
   ]
-}
+}
\ No newline at end of file
diff --git a/src/routes/component-data/WidgetPlaceholder.json b/src/routes/component-data/WidgetPlaceholder.json
index 72d65b201..63f484e81 100644
--- a/src/routes/component-data/WidgetPlaceholder.json
+++ b/src/routes/component-data/WidgetPlaceholder.json
@@ -2,5 +2,11 @@
   "name": "WidgetPlaceholder",
   "slots": [],
   "events": [],
-  "props": [["divClass?", "string", "'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700'"]]
-}
+  "props": [
+    [
+      "divClass?",
+      "string",
+      "'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700'"
+    ]
+  ]
+}
\ No newline at end of file