fix: demo page bugs

src/app.css

@@ -3,23 +3,8 @@
 @tailwind components;
 @tailwind utilities;
 
-pre{
+pre {
     background-color: rgb(242, 242, 242);
     white-space: pre-wrap;
     width: 100%;
 }
-
-@layer base {
-    p {
-        @apply text-lg w-full text-gray-900 dark:text-white py-1;
-    }
-    h2{
-        /* @apply text-2xl w-full dark:text-white py-8; */
-    }
-    h3{
-        @apply text-xl w-full dark:text-white py-4;
-    }
-    .max-w-3xl a{
-        @apply text-blue-600 hover:underline dark:text-blue-300;
-    }
-}

src/routes/props/Alert.json

@@ -1,9 +1 @@
-{
-	"props": [
-		["color", " Colors ", " 'blue'"],
-		["icon", " Component? ", " null"],
-		["closeBtn", " boolean ", " false"],
-		["rounded", " boolean ", " true"],
-		["borderAccent", " boolean ", " false"]
-	]
-}
+{"props":[["color"," Colors "," 'blue'"],["icon"," typeof SvelteComponent | null "," null"],["closeBtn"," boolean "," false"],["rounded"," boolean "," true"],["borderAccent"," boolean "," false"]]}

src/routes/props/Checkbox.json

@@ -1 +1 @@
-{"props":[["divClass"," string "," 'flex items-center mr-4'"],["inputClass"," string "," 'w-4 h-4 text-blue-600 bg-gray-100 rounded border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600'"],["labelClass"," string "," 'ml-2 text-sm font-medium text-gray-900 dark:text-gray-300'"],["disabled"," boolean "," false"],["name"," string "," ''"],["divHelperClass"," string "," 'flex items-center h-5'"],["labelHelperClass"," string "," 'font-medium text-gray-900 dark:text-gray-300'"],["helperClass"," string "," 'text-xs font-normal text-gray-500 dark:text-gray-300'"],["color"," FormColorType "," 'blue'"],["helper"," string","-"],["id"," string","-"],["value"," string","-"],["label"," string","-"]]}
+{"props":[["divClass"," string "," 'flex items-center mr-4'"],["inputClass"," string "," 'w-4 h-4 bg-gray-100 rounded border-gray-300 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600 '"],["labelClass"," string "," 'ml-2 text-sm font-medium text-gray-900 dark:text-gray-300'"],["disabled"," boolean "," false"],["name"," string "," ''"],["divHelperClass"," string "," 'flex items-center h-5'"],["labelHelperClass"," string "," 'font-medium text-gray-900 dark:text-gray-300'"],["helperClass"," string "," 'text-xs font-normal text-gray-500 dark:text-gray-300'"],["color"," FormColorType "," 'blue'"],["helper"," string","-"],["id"," string","-"],["value"," string","-"],["label"," string","-"]]}

src/routes/props/RadioItem.json

@@ -1 +1 @@
-{"props":[["divClass"," string "," 'flex items-center mr-4'"],["inputClass"," string "," 'w-4 h-4 border-gray-300 focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-600 dark:focus:bg-blue-600 dark:bg-gray-700 dark:border-gray-600'"],["labelClass"," string "," 'block ml-2 text-sm font-medium text-gray-900 dark:text-gray-300'"],["disabled"," boolean "," false"],["name"," string "," ''"],["divHelperClass"," string "," 'flex items-center h-5'"],["labelHelperClass"," string "," 'font-medium text-gray-900 dark:text-gray-300'"],["helperClass"," string "," 'text-xs font-normal text-gray-500 dark:text-gray-300'"],["color"," FormColorType "," 'blue'"],["helper"," string","-"],["id"," string","-"],["value"," string","-"],["label"," string","-"]]}
+{"props":[["divClass"," string "," 'flex items-center mr-4'"],["inputClass"," string "," 'w-4 h-4 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600 bg-gray-100 border-gray-300 '"],["labelClass"," string "," 'block ml-2 text-sm font-medium text-gray-900 dark:text-gray-300'"],["disabled"," boolean "," false"],["name"," string "," ''"],["divHelperClass"," string "," 'flex items-center h-5'"],["labelHelperClass"," string "," 'font-medium text-gray-900 dark:text-gray-300'"],["helperClass"," string "," 'text-xs font-normal text-gray-500 dark:text-gray-300'"],["color"," FormColorType "," 'blue'"],["helper"," string","-"],["id"," string","-"],["value"," string","-"],["label"," string","-"]]}