@sampleapp.ai/sdk 1.0.24 → 1.0.26

package/dist/sdk.css

@@ -0,0 +1 @@
+:root{--sdk-background: 240 10% 3.9%;--sdk-foreground: 0 0% 98%;--sdk-card: 240 10% 3.9%;--sdk-card-foreground: 0 0% 98%;--sdk-popover: 240 10% 3.9%;--sdk-popover-foreground: 0 0% 98%;--sdk-primary: 0 0% 88%;--sdk-primary-foreground: 240 5.9% 10%;--sdk-secondary: 240 3.7% 15.9%;--sdk-secondary-foreground: 0 0% 98%;--sdk-muted: 240 3.7% 15.9%;--sdk-muted-foreground: 240 5% 64.9%;--sdk-accent: 240 3.7% 15.9%;--sdk-accent-foreground: 0 0% 98%;--sdk-destructive: 0 62.8% 30.6%;--sdk-destructive-foreground: 0 0% 98%;--sdk-border: 240 3.7% 15.9%;--sdk-input: 240 3.7% 15.9%;--sdk-ring: 240 4.9% 83.9%;--sdk-radius: .5rem;--sdk-dinoco-50: 239 100% 98%;--sdk-dinoco-100: 237 91% 91%;--sdk-dinoco-200: 237 84% 84%;--sdk-dinoco-300: 238 78% 73%;--sdk-dinoco-400: 238 66% 58%;--sdk-dinoco-500: 198 78% 45%;--sdk-dinoco-600: 198 58% 38%;--sdk-dinoco-700: 199 49% 32%;--sdk-dinoco-800: 200 43% 27%;--sdk-dinoco-900: 200 41% 24%;--sdk-dinoco-950: 201 63% 15%;--sdk-blue-50: 239 100% 98%;--sdk-blue-100: 237 91% 91%;--sdk-blue-200: 237 84% 84%;--sdk-blue-300: 238 78% 73%;--sdk-blue-400: 238 66% 58%;--sdk-blue-500: 198 78% 45%;--sdk-blue-600: 198 58% 38%;--sdk-blue-700: 199 49% 32%;--sdk-blue-800: 200 43% 27%;--sdk-blue-900: 200 41% 24%;--sdk-blue-950: 201 63% 15%}.sdk-theme{--primary: 0 0% 88%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--background: 240 10% 3.9%;--foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%}

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.26",
   "type": "module",
   "description": "TypeScript SDK for your components",
   "main": "./dist/index.umd.js",
@@ -20,15 +20,17 @@
     "access": "public"
   },
   "scripts": {
-    "dev": "vite --config vite.es.config.ts",
-    "build": "npm run build:es && npm run build:umd",
+    "dev": "concurrently -n es,umd \"vite build --config vite.es.config.ts --watch\" \"vite build --config vite.umd.config.ts --watch\"",
+    "build": "npm run build:es && npm run build:umd && npm run build:standalone",
     "build:es": "tsc && vite build --config vite.es.config.ts",
     "build:umd": "vite build --config vite.umd.config.ts",
+    "build:standalone": "vite build --config vite.standalone.config.ts",
     "preview": "vite preview",
     "type-check": "tsc --noEmit",
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
+    "concurrently": "^8.2.2",
     "@types/node": "^24.3.1",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
@@ -54,5 +56,9 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/sampleapp/sdk.git"
+  },
+  "dependencies": {
+    "framer-motion": "^12.23.12",
+    "lucide-react": "^0.544.0"
   }
 }