@fakhrirafiki/theme-engine 0.2.2 → 0.2.6

package/dist/index.mjs

@@ -84,11 +84,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",
@@ -127,6 +172,7 @@ var tweakcnPresets = {
         "font-mono": "JetBrains Mono, monospace"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#171717",
         foreground: "#e5e5e5",
         card: "#262626",
@@ -168,6 +214,7 @@ var tweakcnPresets = {
     createdAt: "2025-06-26",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fdfdfd",
         foreground: "#000000",
         card: "#fdfdfd",
@@ -214,6 +261,7 @@ var tweakcnPresets = {
         spacing: "0.27rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1b1e",
         foreground: "#f0f0f0",
         card: "#222327",
@@ -266,6 +314,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-19",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#faf5fa",
         foreground: "#501854",
         card: "#faf5fa",
@@ -301,6 +350,7 @@ var tweakcnPresets = {
         radius: "0.5rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#221d27",
         foreground: "#d2c4de",
         card: "#2c2632",
@@ -341,6 +391,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-24",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#0f1419",
         card: "#f7f8f8",
@@ -385,6 +436,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#000000",
         foreground: "#e7e9ea",
         card: "#17181c",
@@ -426,6 +478,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-24",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#F1F0E5",
         foreground: "#56453F",
         card: "#F1F0E5",
@@ -470,6 +523,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#2d2521",
         foreground: "#F1F0E5",
         card: "#3c332e",
@@ -511,6 +565,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-18",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f6e6ee",
         foreground: "#5b5b5b",
         card: "#fdedc9",
@@ -555,6 +610,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "3px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#12242e",
         foreground: "#f3e3ea",
         card: "#1c2e38",
@@ -599,6 +655,7 @@ var tweakcnPresets = {
     createdAt: "2025-05-08",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f8f7fa",
         foreground: "#3d3c4f",
         card: "#ffffff",
@@ -645,6 +702,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1823",
         foreground: "#e0ddef",
         card: "#232030",
@@ -685,6 +743,7 @@ var tweakcnPresets = {
     createdAt: "2025-05-10",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f9f9f9",
         foreground: "#3a3a3a",
         card: "#ffffff",
@@ -731,6 +790,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#2b2b2b",
         foreground: "#dcdcdc",
         card: "#333333",
@@ -783,6 +843,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-28",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#cccccc",
         foreground: "#1f1f1f",
         card: "#b0b0b0",
@@ -829,6 +890,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1a1a",
         foreground: "#e0e0e0",
         card: "#2a2a2a",
@@ -881,6 +943,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-18",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#eff1f5",
         foreground: "#4c4f69",
         card: "#ffffff",
@@ -925,6 +988,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#181825",
         foreground: "#cdd6f4",
         card: "#1e1e2e",
@@ -965,6 +1029,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-17",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f0f0f0",
         foreground: "#333333",
         card: "#f5f5f5",
@@ -1009,6 +1074,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1a1a",
         foreground: "#d9d9d9",
         card: "#202020",
@@ -1052,6 +1118,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-01",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#e8f0f0",
         foreground: "#0a4a55",
         card: "#f2f7f7",
@@ -1096,6 +1163,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "1px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0a1a20",
         foreground: "#4de8e8",
         card: "#0c2025",
@@ -1145,6 +1213,7 @@ var tweakcnPresets = {
     label: "Kodama Grove",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#e4d7b0",
         foreground: "#5c4b3e",
         card: "#e7dbbf",
@@ -1189,6 +1258,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "3px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#3a3529",
         foreground: "#ede4d4",
         card: "#413c33",
@@ -1229,6 +1299,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-04",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f5f5ff",
         foreground: "#2a2a4a",
         card: "#ffffff",
@@ -1273,6 +1344,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#0f0f1a",
         foreground: "#e2e2f5",
         card: "#1a1a2e",
@@ -1314,6 +1386,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-09",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#e8ebed",
         foreground: "#333333",
         card: "#ffffff",
@@ -1358,6 +1431,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "1px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1c2433",
         foreground: "#e5e5e5",
         card: "#2a3040",
@@ -1398,6 +1472,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-03",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fff0f8",
         foreground: "#91185c",
         card: "#fff7fc",
@@ -1442,6 +1517,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "3px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a0922",
         foreground: "#ffb3ff",
         card: "#2a1435",
@@ -1485,6 +1561,7 @@ var tweakcnPresets = {
     label: "Nature",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f8f5f0",
         foreground: "#3e2723",
         card: "#f8f5f0",
@@ -1523,6 +1600,7 @@ var tweakcnPresets = {
         "font-mono": "Source Code Pro, monospace"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1c2a1f",
         foreground: "#f0ebe5",
         card: "#2d3a2e",
@@ -1563,6 +1641,7 @@ var tweakcnPresets = {
     label: "Bold Tech",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#312e81",
         card: "#ffffff",
@@ -1607,6 +1686,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0f172a",
         foreground: "#e0e7ff",
         card: "#1e1b4b",
@@ -1647,6 +1727,7 @@ var tweakcnPresets = {
     label: "Elegant Luxury",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#faf7f5",
         foreground: "#1a1a1a",
         card: "#faf7f5",
@@ -1691,6 +1772,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "1px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1c1917",
         foreground: "#f5f5f4",
         card: "#292524",
@@ -1732,6 +1814,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-27",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#262626",
         card: "#ffffff",
@@ -1778,6 +1861,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#171717",
         foreground: "#e5e5e5",
         card: "#262626",
@@ -1818,6 +1902,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-27",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fcfcfc",
         foreground: "#171717",
         card: "#fcfcfc",
@@ -1863,6 +1948,7 @@ var tweakcnPresets = {
         "letter-spacing": "0.025em"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#121212",
         foreground: "#e2e8f0",
         card: "#171717",
@@ -1902,6 +1988,7 @@ var tweakcnPresets = {
     label: "Neo Brutalism",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#000000",
         card: "#ffffff",
@@ -1945,6 +2032,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#000000",
         foreground: "#ffffff",
         card: "#333333",
@@ -1986,6 +2074,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-12",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#FDFBF7",
         foreground: "#4A3B33",
         card: "#F8F4EE",
@@ -2030,6 +2119,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1C1917",
         foreground: "#F5F5F4",
         card: "#292524",
@@ -2071,6 +2161,7 @@ var tweakcnPresets = {
     label: "Claymorphism",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#e7e5e4",
         foreground: "#1e293b",
         card: "#f5f5f4",
@@ -2115,6 +2206,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1e1b18",
         foreground: "#e2e8f0",
         card: "#2c2825",
@@ -2156,6 +2248,7 @@ var tweakcnPresets = {
     label: "Cyberpunk",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f8f9fa",
         foreground: "#0c0c1d",
         card: "#ffffff",
@@ -2239,6 +2332,7 @@ var tweakcnPresets = {
     label: "Pastel Dreams",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#f7f3f9",
         foreground: "#374151",
         card: "#ffffff",
@@ -2323,6 +2417,7 @@ var tweakcnPresets = {
     label: "Clean Slate",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f8fafc",
         foreground: "#1e293b",
         card: "#ffffff",
@@ -2367,6 +2462,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0f172a",
         foreground: "#e2e8f0",
         card: "#1e293b",
@@ -2407,6 +2503,7 @@ var tweakcnPresets = {
     label: "Caffeine",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f9f9f9",
         foreground: "#202020",
         card: "#fcfcfc",
@@ -2442,6 +2539,7 @@ var tweakcnPresets = {
         radius: "0.5rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#111111",
         foreground: "#eeeeee",
         card: "#191919",
@@ -2482,6 +2580,7 @@ var tweakcnPresets = {
     label: "Ocean Breeze",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f0f8ff",
         foreground: "#374151",
         card: "#ffffff",
@@ -2526,6 +2625,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "4px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0f172a",
         foreground: "#d1d5db",
         card: "#1e293b",
@@ -2566,6 +2666,7 @@ var tweakcnPresets = {
     label: "Retro Arcade",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fdf6e3",
         foreground: "#073642",
         card: "#eee8d5",
@@ -2609,6 +2710,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "2px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#002b36",
         foreground: "#93a1a1",
         card: "#073642",
@@ -2649,6 +2751,7 @@ var tweakcnPresets = {
     label: "Midnight Bloom",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f9f9f9",
         foreground: "#333333",
         card: "#ffffff",
@@ -2693,6 +2796,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "5px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1d23",
         foreground: "#e5e5e5",
         card: "#2f3436",
@@ -2733,6 +2837,7 @@ var tweakcnPresets = {
     label: "Candyland",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f7f9fa",
         foreground: "#333333",
         card: "#ffffff",
@@ -2770,6 +2875,7 @@ var tweakcnPresets = {
         "font-mono": "Roboto Mono, monospace"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1d23",
         foreground: "#e5e5e5",
         card: "#2f3436",
@@ -2810,6 +2916,7 @@ var tweakcnPresets = {
     label: "Northern Lights",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f9f9fa",
         foreground: "#333333",
         card: "#ffffff",
@@ -2848,6 +2955,7 @@ var tweakcnPresets = {
         "font-mono": "JetBrains Mono, monospace"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#1a1d23",
         foreground: "#e5e5e5",
         card: "#2f3436",
@@ -2888,6 +2996,7 @@ var tweakcnPresets = {
     label: "Vintage Paper",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f5f1e6",
         foreground: "#4a3f35",
         card: "#fffcf5",
@@ -2932,6 +3041,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "3px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#2d2621",
         foreground: "#ece5d8",
         card: "#3a322c",
@@ -2972,6 +3082,7 @@ var tweakcnPresets = {
     label: "Sunset Horizon",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#fff9f5",
         foreground: "#3d3436",
         card: "#ffffff",
@@ -3016,6 +3127,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "6px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#2a2024",
         foreground: "#f2e9e4",
         card: "#392f35",
@@ -3057,6 +3169,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-16",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f5f7fa",
         foreground: "#1a2238",
         card: "#e3eaf2",
@@ -3093,6 +3206,7 @@ var tweakcnPresets = {
         radius: "0.5rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#181a24",
         foreground: "#e6eaf3",
         card: "#23243a",
@@ -3133,6 +3247,7 @@ var tweakcnPresets = {
     label: "Claude",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#faf9f5",
         foreground: "#3d3929",
         card: "#faf9f5",
@@ -3168,6 +3283,7 @@ var tweakcnPresets = {
         radius: "0.5rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#262624",
         foreground: "#c3c0b6",
         card: "#262624",
@@ -3208,6 +3324,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)",
@@ -3252,6 +3369,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)",
@@ -3295,6 +3413,7 @@ var tweakcnPresets = {
     createdAt: "2025-04-20",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#ffffff",
         foreground: "#0a0a0a",
         card: "#ffffff",
@@ -3339,6 +3458,7 @@ var tweakcnPresets = {
         "shadow-offset-y": "1px"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#0a0a0a",
         foreground: "#fafafa",
         card: "#191919",
@@ -3379,6 +3499,7 @@ var tweakcnPresets = {
     createdAt: "2025-07-08",
     styles: {
       light: {
+        ...DEFAULT_ACCENT_COLORS.LIGHT,
         background: "#f7f9f3",
         foreground: "#000000",
         card: "#ffffff",
@@ -3425,6 +3546,7 @@ var tweakcnPresets = {
         spacing: "0.25rem"
       },
       dark: {
+        ...DEFAULT_ACCENT_COLORS.DARK,
         background: "#000000",
         foreground: "#ffffff",
         card: "#1a212b",
@@ -3484,9 +3606,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;
@@ -3707,9 +3827,12 @@ function ThemeProvider({
   }, [includeBuiltInPresets, customPresets]);
   const builtInPresets = useMemo(() => includeBuiltInPresets ? tweakcnPresets : {}, [includeBuiltInPresets]);
   const normalizedCustomPresets = useMemo(() => customPresets || {}, [customPresets]);
-  const getAvailablePresetById = useCallback((id) => {
-    return availablePresets[id] || null;
-  }, [availablePresets]);
+  const getAvailablePresetById = useCallback(
+    (id) => {
+      return availablePresets[id] || null;
+    },
+    [availablePresets]
+  );
   const [currentPreset, setCurrentPreset] = useState(null);
   const [isReady, setIsReady] = useState(false);
   useEffect(() => {
@@ -3719,10 +3842,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 = {
@@ -3738,13 +3860,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]);
   useEffect(() => {
     if (mode === "system") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
@@ -3765,11 +3916,12 @@ function ThemeProvider({
     root.style.colorScheme = resolvedMode;
   }, [resolvedMode]);
   const applyPresetColors = 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 = [
@@ -3808,67 +3960,79 @@ function ThemeProvider({
       }
     });
   }, []);
-  const handleModeChange = useCallback((newMode) => {
-    setMode(newMode);
-    setStoredMode(newMode, modeStorageKey);
-  }, [modeStorageKey]);
-  const handleModeToggle = 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 = useCallback(
+    (newMode) => {
+      setMode(newMode);
+      setStoredMode(newMode, modeStorageKey);
+    },
+    [modeStorageKey]
+  );
+  const handleModeToggle = 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]
+  );
   useEffect(() => {
     if (!currentPreset || typeof window === "undefined") return;
     applyPresetColors(currentPreset.colors, resolvedMode);
   }, [currentPreset, resolvedMode, applyPresetColors]);
-  const applyPreset = 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 = 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 = 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 = 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 = useCallback(() => {
     if (enablePresets && typeof window !== "undefined") {
       try {
@@ -3916,6 +4080,7 @@ function ThemeProvider({
   if (!isReady) {
     return null;
   }
+  const isUsingDefaultPreset = !!defaultPreset && currentPreset?.presetId === defaultPreset;
   const contextValue = {
     mode,
     resolvedMode,
@@ -3925,6 +4090,7 @@ function ThemeProvider({
     applyPreset,
     setThemePresetById,
     clearPreset,
+    isUsingDefaultPreset,
     availablePresets,
     builtInPresets,
     customPresets: normalizedCustomPresets