feat: new theme api

Signed-off-by: tedraykov <[email protected]>

colors.ts

@@ -0,0 +1,12 @@
+import { argbFromHex, themeFromSourceColor } from "@material/material-color-utilities";
+
+// Get the theme from a hex color
+const theme = themeFromSourceColor(argbFromHex('#f82506'), [
+	{
+		name: "custom-1",
+		value: argbFromHex("#ff0000"),
+		blend: true,
+	},
+]);
+
+console.log(JSON.stringify(theme));

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tedraykov/kitui",
-	"version": "0.0.6",
+	"version": "0.0.7",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -16,36 +16,38 @@
 	},
 	"devDependencies": {
 		"@changesets/cli": "^2.25.2",
+		"@material/material-color-utilities": "^0.2.4",
 		"@playwright/test": "^1.28.1",
-		"@steeze-ui/heroicons": "^2.2.1",
+		"@steeze-ui/heroicons": "^2.2.2",
 		"@steeze-ui/svelte-icon": "^1.3.2",
-		"@sveltejs/adapter-auto": "next",
-		"@sveltejs/kit": "next",
-		"@sveltejs/package": "1.0.0-next.6",
-		"@tanstack/svelte-table": "^8.7.0",
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/kit": "^1.15.5",
+		"@sveltejs/package": "^2.0.2",
+		"@tanstack/svelte-table": "^8.8.5",
 		"@types/lodash-es": "^4.17.6",
 		"@types/prismjs": "^1.26.0",
 		"@typescript-eslint/eslint-plugin": "^5.44.0",
 		"@typescript-eslint/parser": "^5.44.0",
-		"autoprefixer": "^10.4.2",
-		"classnames": "^2.3.1",
-		"eslint": "8.22.0",
-		"eslint-config-prettier": "^8.3.0",
+		"autoprefixer": "^10.4.14",
+		"classnames": "^2.3.2",
+		"eslint": "8.38.0",
+		"eslint-config-prettier": "^8.8.0",
 		"eslint-plugin-svelte3": "^4.0.0",
 		"lodash-es": "^4.17.21",
-		"postcss": "^8.4.5",
-		"prettier": "^2.8.0",
-		"prettier-plugin-svelte": "^2.8.1",
-		"prismjs": "^1.28.0",
-		"svelte": "^3.53.1",
-		"svelte-check": "^2.9.2",
-		"svelte-preprocess": "^4.10.1",
-		"svelte2tsx": "^0.5.20",
-		"tailwind-merge": "^1.2.1",
-		"tailwindcss": "^3.0.18",
-		"tslib": "^2.4.1",
-		"typescript": "~4.9.3",
-		"vite": "^3.1.0"
+		"postcss": "^8.4.21",
+		"prettier": "^2.8.7",
+		"prettier-plugin-svelte": "^2.10.0",
+		"prismjs": "^1.29.0",
+		"svelte": "^3.58.0",
+		"svelte-check": "^3.2.0",
+		"svelte-preprocess": "^5.0.3",
+		"svelte2tsx": "^0.6.11",
+		"tailwind-merge": "^1.12.0",
+		"tailwindcss": "^3.3.1",
+		"tslib": "^2.5.0",
+		"typescript": "~5.0.4",
+		"vite": "^4.2.1",
+		"vitest": "^0.30.1"
 	},
 	"engines": {
 		"node": ">=16.9.0",