@fakhrirafiki/theme-engine 0.2.2 → 0.2.6

package/dist/index.js

@@ -125,11 +125,56 @@ var ALL_CSS_PROPERTIES = [
 ];
 
 // src/data/tweakcn-presets.ts
+var DEFAULT_ACCENT_COLORS = {
+  DARK: {
+    "accent-info": "#38BDF8",
+    // bright sky blue
+    "accent-info-foreground": "#0F172A",
+    "accent-success": "#4ADE80",
+    // fresh green
+    "accent-success-foreground": "#0F172A",
+    "accent-warning": "#FBBF24",
+    // amber gold
+    "accent-warning-foreground": "#0F172A",
+    "accent-danger": "#F87171",
+    // vivid red
+    "accent-danger-foreground": "#0F172A",
+    "accent-brand": "#FB923C",
+    // warm orange coral (brand)
+    "accent-brand-foreground": "#0F172A",
+    "accent-feature": "#F472B6",
+    // playful pink for feature highlight
+    "accent-feature-foreground": "#0F172A",
+    "accent-highlight": "#A78BFA",
+    // lavender for accents
+    "accent-highlight-foreground": "#0F172A"
+  },
+  LIGHT: {
+    "accent-info": "#3B82F6",
+    "accent-info-foreground": "#FFFFFF",
+    "accent-success": "#22C55E",
+    "accent-success-foreground": "#FFFFFF",
+    "accent-warning": "#F59E0B",
+    "accent-warning-foreground": "#FFFFFF",
+    "accent-danger": "#EF4444",
+    "accent-danger-foreground": "#FFFFFF",
+    "accent-brand": "#F97316",
+    // Coral orange
+    "accent-brand-foreground": "#FFFFFF",
+    "accent-feature": "#FB923C",
+    // Lighter orange
+    "accent-feature-foreground": "#0F172A",
+    "accent-highlight": "#E879F9",
+    // fun pink-violet accent
+    "accent-highlight-foreground": "#0F172A"
+  }
+};
 var tweakcnPresets = {
   "modern-minimal": {
     label: "Modern Minimal",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#333333",
         card: "#ffffff",
@@ -168,6 +213,7 @@ var tweakcnPresets = {
         "font-mono": "JetBrains Mono, monospace"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#171717",
         foreground: "#e5e5e5",
         card: "#262626",
@@ -209,6 +255,7 @@ var tweakcnPresets = {
     createdAt: "2025-06-26",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fdfdfd",
         foreground: "#000000",
         card: "#fdfdfd",
@@ -255,6 +302,7 @@ var tweakcnPresets = {
         spacing: "0.27rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1b1e",
         foreground: "#f0f0f0",
         card: "#222327",
@@ -307,6 +355,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-19",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#faf5fa",
         foreground: "#501854",
         card: "#faf5fa",
@@ -342,6 +391,7 @@ var tweakcnPresets = {
         radius: "0.5rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#221d27",
         foreground: "#d2c4de",
         card: "#2c2632",
@@ -382,6 +432,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-24",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#0f1419",
         card: "#f7f8f8",
@@ -426,6 +477,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#000000",
         foreground: "#e7e9ea",
         card: "#17181c",
@@ -467,6 +519,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-24",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#F1F0E5",
         foreground: "#56453F",
         card: "#F1F0E5",
@@ -511,6 +564,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#2d2521",
         foreground: "#F1F0E5",
         card: "#3c332e",
@@ -552,6 +606,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-18",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f6e6ee",
         foreground: "#5b5b5b",
         card: "#fdedc9",
@@ -596,6 +651,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "3px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#12242e",
         foreground: "#f3e3ea",
         card: "#1c2e38",
@@ -640,6 +696,7 @@ var tweakcnPresets = {
     createdAt: "2025-05-08",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f8f7fa",
         foreground: "#3d3c4f",
         card: "#ffffff",
@@ -686,6 +743,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1823",
         foreground: "#e0ddef",
         card: "#232030",
@@ -726,6 +784,7 @@ var tweakcnPresets = {
     createdAt: "2025-05-10",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f9f9f9",
         foreground: "#3a3a3a",
         card: "#ffffff",
@@ -772,6 +831,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#2b2b2b",
         foreground: "#dcdcdc",
         card: "#333333",
@@ -824,6 +884,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-28",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#cccccc",
         foreground: "#1f1f1f",
         card: "#b0b0b0",
@@ -870,6 +931,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1a1a",
         foreground: "#e0e0e0",
         card: "#2a2a2a",
@@ -922,6 +984,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-18",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#eff1f5",
         foreground: "#4c4f69",
         card: "#ffffff",
@@ -966,6 +1029,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#181825",
         foreground: "#cdd6f4",
         card: "#1e1e2e",
@@ -1006,6 +1070,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-17",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f0f0f0",
         foreground: "#333333",
         card: "#f5f5f5",
@@ -1050,6 +1115,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1a1a",
         foreground: "#d9d9d9",
         card: "#202020",
@@ -1093,6 +1159,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-01",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#e8f0f0",
         foreground: "#0a4a55",
         card: "#f2f7f7",
@@ -1137,6 +1204,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "1px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0a1a20",
         foreground: "#4de8e8",
         card: "#0c2025",
@@ -1186,6 +1254,7 @@ var tweakcnPresets = {
     label: "Kodama Grove",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#e4d7b0",
         foreground: "#5c4b3e",
         card: "#e7dbbf",
@@ -1230,6 +1299,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "3px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#3a3529",
         foreground: "#ede4d4",
         card: "#413c33",
@@ -1270,6 +1340,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-04",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f5f5ff",
         foreground: "#2a2a4a",
         card: "#ffffff",
@@ -1314,6 +1385,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#0f0f1a",
         foreground: "#e2e2f5",
         card: "#1a1a2e",
@@ -1355,6 +1427,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-09",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#e8ebed",
         foreground: "#333333",
         card: "#ffffff",
@@ -1399,6 +1472,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "1px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1c2433",
         foreground: "#e5e5e5",
         card: "#2a3040",
@@ -1439,6 +1513,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-03",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fff0f8",
         foreground: "#91185c",
         card: "#fff7fc",
@@ -1483,6 +1558,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "3px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a0922",
         foreground: "#ffb3ff",
         card: "#2a1435",
@@ -1526,6 +1602,7 @@ var tweakcnPresets = {
     label: "Nature",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f8f5f0",
         foreground: "#3e2723",
         card: "#f8f5f0",
@@ -1564,6 +1641,7 @@ var tweakcnPresets = {
         "font-mono": "Source Code Pro, monospace"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1c2a1f",
         foreground: "#f0ebe5",
         card: "#2d3a2e",
@@ -1604,6 +1682,7 @@ var tweakcnPresets = {
     label: "Bold Tech",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#312e81",
         card: "#ffffff",
@@ -1648,6 +1727,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0f172a",
         foreground: "#e0e7ff",
         card: "#1e1b4b",
@@ -1688,6 +1768,7 @@ var tweakcnPresets = {
     label: "Elegant Luxury",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#faf7f5",
         foreground: "#1a1a1a",
         card: "#faf7f5",
@@ -1732,6 +1813,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "1px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1c1917",
         foreground: "#f5f5f4",
         card: "#292524",
@@ -1773,6 +1855,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-27",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#262626",
         card: "#ffffff",
@@ -1819,6 +1902,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#171717",
         foreground: "#e5e5e5",
         card: "#262626",
@@ -1859,6 +1943,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-27",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fcfcfc",
         foreground: "#171717",
         card: "#fcfcfc",
@@ -1904,6 +1989,7 @@ var tweakcnPresets = {
         "letter-spacing": "0.025em"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#121212",
         foreground: "#e2e8f0",
         card: "#171717",
@@ -1943,6 +2029,7 @@ var tweakcnPresets = {
     label: "Neo Brutalism",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#000000",
         card: "#ffffff",
@@ -1986,6 +2073,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#000000",
         foreground: "#ffffff",
         card: "#333333",
@@ -2027,6 +2115,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-12",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#FDFBF7",
         foreground: "#4A3B33",
         card: "#F8F4EE",
@@ -2071,6 +2160,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1C1917",
         foreground: "#F5F5F4",
         card: "#292524",
@@ -2112,6 +2202,7 @@ var tweakcnPresets = {
     label: "Claymorphism",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#e7e5e4",
         foreground: "#1e293b",
         card: "#f5f5f4",
@@ -2156,6 +2247,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1e1b18",
         foreground: "#e2e8f0",
         card: "#2c2825",
@@ -2197,6 +2289,7 @@ var tweakcnPresets = {
     label: "Cyberpunk",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f8f9fa",
         foreground: "#0c0c1d",
         card: "#ffffff",
@@ -2280,6 +2373,7 @@ var tweakcnPresets = {
     label: "Pastel Dreams",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#f7f3f9",
         foreground: "#374151",
         card: "#ffffff",
@@ -2364,6 +2458,7 @@ var tweakcnPresets = {
     label: "Clean Slate",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f8fafc",
         foreground: "#1e293b",
         card: "#ffffff",
@@ -2408,6 +2503,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0f172a",
         foreground: "#e2e8f0",
         card: "#1e293b",
@@ -2448,6 +2544,7 @@ var tweakcnPresets = {
     label: "Caffeine",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f9f9f9",
         foreground: "#202020",
         card: "#fcfcfc",
@@ -2483,6 +2580,7 @@ var tweakcnPresets = {
         radius: "0.5rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#111111",
         foreground: "#eeeeee",
         card: "#191919",
@@ -2523,6 +2621,7 @@ var tweakcnPresets = {
     label: "Ocean Breeze",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f0f8ff",
         foreground: "#374151",
         card: "#ffffff",
@@ -2567,6 +2666,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0f172a",
         foreground: "#d1d5db",
         card: "#1e293b",
@@ -2607,6 +2707,7 @@ var tweakcnPresets = {
     label: "Retro Arcade",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fdf6e3",
         foreground: "#073642",
         card: "#eee8d5",
@@ -2650,6 +2751,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#002b36",
         foreground: "#93a1a1",
         card: "#073642",
@@ -2690,6 +2792,7 @@ var tweakcnPresets = {
     label: "Midnight Bloom",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f9f9f9",
         foreground: "#333333",
         card: "#ffffff",
@@ -2734,6 +2837,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "5px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1d23",
         foreground: "#e5e5e5",
         card: "#2f3436",
@@ -2774,6 +2878,7 @@ var tweakcnPresets = {
     label: "Candyland",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f7f9fa",
         foreground: "#333333",
         card: "#ffffff",
@@ -2811,6 +2916,7 @@ var tweakcnPresets = {
         "font-mono": "Roboto Mono, monospace"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1d23",
         foreground: "#e5e5e5",
         card: "#2f3436",
@@ -2851,6 +2957,7 @@ var tweakcnPresets = {
     label: "Northern Lights",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f9f9fa",
         foreground: "#333333",
         card: "#ffffff",
@@ -2889,6 +2996,7 @@ var tweakcnPresets = {
         "font-mono": "JetBrains Mono, monospace"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1d23",
         foreground: "#e5e5e5",
         card: "#2f3436",
@@ -2929,6 +3037,7 @@ var tweakcnPresets = {
     label: "Vintage Paper",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f5f1e6",
         foreground: "#4a3f35",
         card: "#fffcf5",
@@ -2973,6 +3082,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "3px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#2d2621",
         foreground: "#ece5d8",
         card: "#3a322c",
@@ -3013,6 +3123,7 @@ var tweakcnPresets = {
     label: "Sunset Horizon",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fff9f5",
         foreground: "#3d3436",
         card: "#ffffff",
@@ -3057,6 +3168,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "6px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#2a2024",
         foreground: "#f2e9e4",
         card: "#392f35",
@@ -3098,6 +3210,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-16",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f5f7fa",
         foreground: "#1a2238",
         card: "#e3eaf2",
@@ -3134,6 +3247,7 @@ var tweakcnPresets = {
         radius: "0.5rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#181a24",
         foreground: "#e6eaf3",
         card: "#23243a",
@@ -3174,6 +3288,7 @@ var tweakcnPresets = {
     label: "Claude",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#faf9f5",
         foreground: "#3d3929",
         card: "#faf9f5",
@@ -3209,6 +3324,7 @@ var tweakcnPresets = {
         radius: "0.5rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#262624",
         foreground: "#c3c0b6",
         card: "#262624",
@@ -3249,6 +3365,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-13",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "oklch(0.99 0 0)",
         foreground: "oklch(0 0 0)",
         card: "oklch(1.00 0 0)",
@@ -3293,6 +3410,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "1px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "oklch(0 0 0)",
         foreground: "oklch(1.00 0 0)",
         card: "oklch(0.14 0 0)",
@@ -3336,6 +3454,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-20",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#0a0a0a",
         card: "#ffffff",
@@ -3380,6 +3499,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "1px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0a0a0a",
         foreground: "#fafafa",
         card: "#191919",
@@ -3420,6 +3540,7 @@ var tweakcnPresets = {
     createdAt: "2025-07-08",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f7f9f3",
         foreground: "#000000",
         card: "#ffffff",
@@ -3466,6 +3587,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#000000",
         foreground: "#ffffff",
         card: "#1a212b",
@@ -3525,9 +3647,7 @@ function getPresetLabels() {
 }
 function searchPresets(query) {
   const lowerQuery = query.toLowerCase();
-  return Object.entries(tweakcnPresets).filter(
-    ([id, preset]) => preset.label.toLowerCase().includes(lowerQuery) || id.toLowerCase().includes(lowerQuery)
-  ).map(([id, preset]) => ({ id, preset }));
+  return Object.entries(tweakcnPresets).filter(([id, preset]) => preset.label.toLowerCase().includes(lowerQuery) || id.toLowerCase().includes(lowerQuery)).map(([id, preset]) => ({ id, preset }));
 }
 function getPresetsCount() {
   return Object.keys(tweakcnPresets).length;
@@ -3748,9 +3868,12 @@ function ThemeProvider({
   }, [includeBuiltInPresets, customPresets]);
   const builtInPresets = (0, import_react.useMemo)(() => includeBuiltInPresets ? tweakcnPresets : {}, [includeBuiltInPresets]);
   const normalizedCustomPresets = (0, import_react.useMemo)(() => customPresets || {}, [customPresets]);
-  const getAvailablePresetById = (0, import_react.useCallback)((id) => {
-    return availablePresets[id] || null;
-  }, [availablePresets]);
+  const getAvailablePresetById = (0, import_react.useCallback)(
+    (id) => {
+      return availablePresets[id] || null;
+    },
+    [availablePresets]
+  );
   const [currentPreset, setCurrentPreset] = (0, import_react.useState)(null);
   const [isReady, setIsReady] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
@@ -3760,10 +3883,9 @@ function ThemeProvider({
     }
     try {
       const stored = localStorage.getItem(presetStorageKey);
-      if (stored) {
-        const preset = JSON.parse(stored);
-        setCurrentPreset(preset);
-      } else if (defaultPreset) {
+      const isDevelopment = typeof window !== "undefined" && window.location?.hostname === "localhost";
+      const applyDefaultPreset = () => {
+        if (!defaultPreset) return;
         const preset = getAvailablePresetById(defaultPreset);
         if (preset) {
           const presetData = {
@@ -3779,13 +3901,42 @@ function ThemeProvider({
         } else {
           console.warn("\u{1F3A8} UnifiedTheme: Default preset not found:", defaultPreset);
         }
+      };
+      if (stored) {
+        try {
+          const parsed = JSON.parse(stored);
+          const isValidObject = parsed && typeof parsed === "object";
+          const hasColors = isValidObject && "colors" in parsed && parsed.colors && typeof parsed.colors === "object" && parsed.colors.light && parsed.colors.dark;
+          if (hasColors) {
+            setCurrentPreset(parsed);
+            if (isDevelopment) {
+            }
+          } else {
+            if (isDevelopment) {
+              console.warn("\u{1F3A8} UnifiedTheme: Invalid persisted preset shape. Clearing and falling back.");
+            }
+            localStorage.removeItem(presetStorageKey);
+            applyDefaultPreset();
+          }
+        } catch (error) {
+          if (isDevelopment) {
+            console.warn("\u{1F3A8} UnifiedTheme: Failed to parse persisted preset. Clearing key.", error);
+          }
+          localStorage.removeItem(presetStorageKey);
+          applyDefaultPreset();
+        }
+      } else {
+        applyDefaultPreset();
       }
     } catch (error) {
-      console.warn("\u{1F3A8} UnifiedTheme: Failed to load preset:", error);
+      const isDevelopment = typeof window !== "undefined" && window.location?.hostname === "localhost";
+      if (isDevelopment) {
+        console.warn("\u{1F3A8} UnifiedTheme: Failed to load preset from storage:", error);
+      }
     } finally {
       setIsReady(true);
     }
-  }, [presetStorageKey, enablePresets, defaultPreset]);
+  }, [presetStorageKey, enablePresets, defaultPreset, getAvailablePresetById]);
   (0, import_react.useEffect)(() => {
     if (mode === "system") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
@@ -3806,11 +3957,12 @@ function ThemeProvider({
     root.style.colorScheme = resolvedMode;
   }, [resolvedMode]);
   const applyPresetColors = (0, import_react.useCallback)((preset, mode2) => {
+    if (!preset) return;
     const root = document.documentElement;
     const colors = preset[mode2];
     if (!colors) return;
     const defaultValues = {
-      "spacing": "0.25rem",
+      spacing: "0.25rem",
       "letter-spacing": "normal"
     };
     const allCategories = [
@@ -3849,67 +4001,79 @@ function ThemeProvider({
       }
     });
   }, []);
-  const handleModeChange = (0, import_react.useCallback)((newMode) => {
-    setMode(newMode);
-    setStoredMode(newMode, modeStorageKey);
-  }, [modeStorageKey]);
-  const handleModeToggle = (0, import_react.useCallback)((coordinates) => {
-    const newMode = resolvedMode === "light" ? "dark" : "light";
-    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    if (enableTransitions && !prefersReducedMotion && typeof document !== "undefined" && "startViewTransition" in document) {
-      const root = document.documentElement;
-      if (coordinates) {
-        root.style.setProperty("--x", `${coordinates.x}px`);
-        root.style.setProperty("--y", `${coordinates.y}px`);
-      }
-      document.startViewTransition(() => {
+  const handleModeChange = (0, import_react.useCallback)(
+    (newMode) => {
+      setMode(newMode);
+      setStoredMode(newMode, modeStorageKey);
+    },
+    [modeStorageKey]
+  );
+  const handleModeToggle = (0, import_react.useCallback)(
+    (coordinates) => {
+      const newMode = resolvedMode === "light" ? "dark" : "light";
+      const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      if (enableTransitions && !prefersReducedMotion && typeof document !== "undefined" && "startViewTransition" in document) {
+        const root = document.documentElement;
+        if (coordinates) {
+          root.style.setProperty("--x", `${coordinates.x}px`);
+          root.style.setProperty("--y", `${coordinates.y}px`);
+        }
+        document.startViewTransition(() => {
+          handleModeChange(newMode);
+        });
+      } else {
         handleModeChange(newMode);
-      });
-    } else {
-      handleModeChange(newMode);
-    }
-  }, [resolvedMode, enableTransitions, handleModeChange]);
+      }
+    },
+    [resolvedMode, enableTransitions, handleModeChange]
+  );
   (0, import_react.useEffect)(() => {
     if (!currentPreset || typeof window === "undefined") return;
     applyPresetColors(currentPreset.colors, resolvedMode);
   }, [currentPreset, resolvedMode, applyPresetColors]);
-  const applyPreset = (0, import_react.useCallback)((preset) => {
-    const presetData = {
-      presetId: preset.id,
-      presetName: preset.name,
-      colors: preset.colors,
-      appliedAt: Date.now()
-    };
-    setCurrentPreset(presetData);
-    if (enablePresets && typeof window !== "undefined") {
-      try {
-        localStorage.setItem(presetStorageKey, JSON.stringify(presetData));
-      } catch (error) {
-        console.error("\u{1F3A8} UnifiedTheme: Failed to save preset:", error);
+  const applyPreset = (0, import_react.useCallback)(
+    (preset) => {
+      const presetData = {
+        presetId: preset.id,
+        presetName: preset.name,
+        colors: preset.colors,
+        appliedAt: Date.now()
+      };
+      setCurrentPreset(presetData);
+      if (enablePresets && typeof window !== "undefined") {
+        try {
+          localStorage.setItem(presetStorageKey, JSON.stringify(presetData));
+        } catch (error) {
+          console.error("\u{1F3A8} UnifiedTheme: Failed to save preset:", error);
+        }
       }
-    }
-    if (typeof window !== "undefined") {
-      applyPresetColors(preset.colors, resolvedMode);
-    }
-  }, [presetStorageKey, enablePresets, applyPresetColors, resolvedMode]);
-  const setThemePresetById = (0, import_react.useCallback)((presetId) => {
-    const preset = getAvailablePresetById(presetId);
-    if (!preset) {
       if (typeof window !== "undefined") {
-        console.warn("\u{1F3A8} UnifiedTheme: Preset not found for id:", presetId);
+        applyPresetColors(preset.colors, resolvedMode);
       }
-      return;
-    }
-    const presetData = {
-      id: presetId,
-      name: preset.label,
-      colors: {
-        light: preset.styles.light,
-        dark: preset.styles.dark
+    },
+    [presetStorageKey, enablePresets, applyPresetColors, resolvedMode]
+  );
+  const setThemePresetById = (0, import_react.useCallback)(
+    (presetId) => {
+      const preset = getAvailablePresetById(presetId);
+      if (!preset) {
+        if (typeof window !== "undefined") {
+          console.warn("\u{1F3A8} UnifiedTheme: Preset not found for id:", presetId);
+        }
+        return;
       }
-    };
-    applyPreset(presetData);
-  }, [getAvailablePresetById, applyPreset]);
+      const presetData = {
+        id: presetId,
+        name: preset.label,
+        colors: {
+          light: preset.styles.light,
+          dark: preset.styles.dark
+        }
+      };
+      applyPreset(presetData);
+    },
+    [getAvailablePresetById, applyPreset]
+  );
   const clearPreset = (0, import_react.useCallback)(() => {
     if (enablePresets && typeof window !== "undefined") {
       try {
@@ -3957,6 +4121,7 @@ function ThemeProvider({
   if (!isReady) {
     return null;
   }
+  const isUsingDefaultPreset = !!defaultPreset && currentPreset?.presetId === defaultPreset;
   const contextValue = {
     mode,
     resolvedMode,
@@ -3966,6 +4131,7 @@ function ThemeProvider({
     applyPreset,
     setThemePresetById,
     clearPreset,
+    isUsingDefaultPreset,
     availablePresets,
     builtInPresets,
     customPresets: normalizedCustomPresets