@sampleapp.ai/sdk 1.0.24 → 1.0.25

package/dist/themes.js

@@ -0,0 +1,189 @@
+export const themes = {
+    ocean: {
+        primary: "#1ca0fb",
+        shadow: {
+            light: "#dbeafe", // blue-100
+            dark: "#1e40af", // blue-800
+        },
+        gradient: "radial-gradient(circle farthest-side at 0 100%, #00ccb1, transparent), radial-gradient(circle farthest-side at 100% 0, #7b61ff, transparent), radial-gradient(circle farthest-side at 100% 100%, #ffc414, transparent), radial-gradient(circle farthest-side at 0 0, #1ca0fb, #141316)",
+        placeholderText: {
+            light: "#60a5fa", // blue-400
+            dark: "#93c5fd", // blue-300
+        },
+        tabHint: {
+            text: {
+                light: "#1e40af", // blue-800
+                dark: "#dbeafe", // blue-100
+            },
+            bg: {
+                light: "#eff6ff", // blue-50
+                dark: "#1e3a8a", // blue-900
+            },
+            border: {
+                light: "#bfdbfe", // blue-200
+                dark: "#1e40af", // blue-800
+            },
+        },
+    },
+    autumn: {
+        primary: "#f97316",
+        shadow: {
+            light: "#fed7aa", // orange-200
+            dark: "#c2410c", // orange-700
+        },
+        gradient: "radial-gradient(circle farthest-side at 0 100%, #dc2626, transparent), radial-gradient(circle farthest-side at 100% 0, #f59e0b, transparent), radial-gradient(circle farthest-side at 100% 100%, #eab308, transparent), radial-gradient(circle farthest-side at 0 0, #f97316, #141316)",
+        placeholderText: {
+            light: "#fb923c", // orange-400
+            dark: "#fdba74", // orange-300
+        },
+        tabHint: {
+            text: {
+                light: "#c2410c", // orange-700
+                dark: "#fed7aa", // orange-200
+            },
+            bg: {
+                light: "#fff7ed", // orange-50
+                dark: "#9a3412", // orange-800
+            },
+            border: {
+                light: "#fde68a", // yellow-200
+                dark: "#c2410c", // orange-700
+            },
+        },
+    },
+    mint: {
+        primary: "#10b981",
+        shadow: {
+            light: "#a7f3d0", // emerald-200
+            dark: "#047857", // emerald-700
+        },
+        gradient: "radial-gradient(circle farthest-side at 0 100%, #059669, transparent), radial-gradient(circle farthest-side at 100% 0, #06b6d4, transparent), radial-gradient(circle farthest-side at 100% 100%, #10b981, transparent), radial-gradient(circle farthest-side at 0 0, #14b8a6, #141316)",
+        placeholderText: {
+            light: "#34d399", // emerald-400
+            dark: "#6ee7b7", // emerald-300
+        },
+        tabHint: {
+            text: {
+                light: "#047857", // emerald-700
+                dark: "#a7f3d0", // emerald-200
+            },
+            bg: {
+                light: "#ecfdf5", // emerald-50
+                dark: "#064e3b", // emerald-900
+            },
+            border: {
+                light: "#a7f3d0", // emerald-200
+                dark: "#047857", // emerald-700
+            },
+        },
+    },
+    sunset: {
+        primary: "#ec4899",
+        shadow: {
+            light: "#fce7f3", // pink-100
+            dark: "#be185d", // pink-700
+        },
+        gradient: "radial-gradient(circle farthest-side at 0 100%, #f59e0b, transparent), radial-gradient(circle farthest-side at 100% 0, #ec4899, transparent), radial-gradient(circle farthest-side at 100% 100%, #f97316, transparent), radial-gradient(circle farthest-side at 0 0, #ef4444, #141316)",
+        placeholderText: {
+            light: "#f472b6", // pink-400
+            dark: "#f9a8d4", // pink-300
+        },
+        tabHint: {
+            text: {
+                light: "#be185d", // pink-700
+                dark: "#fce7f3", // pink-100
+            },
+            bg: {
+                light: "#fdf2f8", // pink-50
+                dark: "#831843", // pink-900
+            },
+            border: {
+                light: "#fbcfe8", // pink-200
+                dark: "#be185d", // pink-700
+            },
+        },
+    },
+    lavender: {
+        primary: "#8b5cf6",
+        shadow: {
+            light: "#ddd6fe", // violet-200
+            dark: "#5b21b6", // violet-800
+        },
+        gradient: "radial-gradient(circle farthest-side at 0 100%, #6366f1, transparent), radial-gradient(circle farthest-side at 100% 0, #a855f7, transparent), radial-gradient(circle farthest-side at 100% 100%, #ec4899, transparent), radial-gradient(circle farthest-side at 0 0, #8b5cf6, #141316)",
+        placeholderText: {
+            light: "#a78bfa", // violet-400
+            dark: "#c4b5fd", // violet-300
+        },
+        tabHint: {
+            text: {
+                light: "#5b21b6", // violet-800
+                dark: "#ddd6fe", // violet-200
+            },
+            bg: {
+                light: "#f5f3ff", // violet-50
+                dark: "#4c1d95", // violet-900
+            },
+            border: {
+                light: "#ddd6fe", // violet-200
+                dark: "#5b21b6", // violet-800
+            },
+        },
+    },
+    forest: {
+        primary: "#16a34a",
+        shadow: {
+            light: "#bbf7d0", // green-200
+            dark: "#15803d", // green-700
+        },
+        gradient: "radial-gradient(circle farthest-side at 0 100%, #059669, transparent), radial-gradient(circle farthest-side at 100% 0, #16a34a, transparent), radial-gradient(circle farthest-side at 100% 100%, #65a30d, transparent), radial-gradient(circle farthest-side at 0 0, #166534, #141316)",
+        placeholderText: {
+            light: "#4ade80", // green-400
+            dark: "#86efac", // green-300
+        },
+        tabHint: {
+            text: {
+                light: "#15803d", // green-700
+                dark: "#bbf7d0", // green-200
+            },
+            bg: {
+                light: "#f0fdf4", // green-50
+                dark: "#14532d", // green-900
+            },
+            border: {
+                light: "#bbf7d0", // green-200
+                dark: "#15803d", // green-700
+            },
+        },
+    },
+    coral: {
+        primary: "#06b6d4",
+        shadow: {
+            light: "#a5f3fc", // cyan-200
+            dark: "#0e7490", // cyan-700
+        },
+        gradient: "radial-gradient(circle farthest-side at 0 100%, #0891b2, transparent), radial-gradient(circle farthest-side at 100% 0, #06b6d4, transparent), radial-gradient(circle farthest-side at 100% 100%, #0d9488, transparent), radial-gradient(circle farthest-side at 0 0, #0284c7, #141316)",
+        placeholderText: {
+            light: "#22d3ee", // cyan-400
+            dark: "#67e8f9", // cyan-300
+        },
+        tabHint: {
+            text: {
+                light: "#0e7490", // cyan-700
+                dark: "#a5f3fc", // cyan-200
+            },
+            bg: {
+                light: "#ecfeff", // cyan-50
+                dark: "#164e63", // cyan-900
+            },
+            border: {
+                light: "#a5f3fc", // cyan-200
+                dark: "#0e7490", // cyan-700
+            },
+        },
+    },
+};
+export const getTheme = (themeName) => {
+    return themes[themeName || "ocean"];
+};
+// Default theme
+export const DEFAULT_THEME = "ocean";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sampleapp.ai/sdk",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "type": "module",
   "description": "TypeScript SDK for your components",
   "main": "./dist/index.umd.js",
@@ -54,5 +54,9 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/sampleapp/sdk.git"
+  },
+  "dependencies": {
+    "framer-motion": "^12.23.12",
+    "lucide-react": "^0.544.0"
   }
 }