uni-theme-select 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,12 @@
+declare function setTheme(name: string): void;
+declare function getAvailableThemes(): string[];
+declare function loadSavedTheme(): void;
+
+type Theme = {
+    name: string;
+    properties: Record<string, string>;
+};
+
+declare const themes: Theme[];
+
+export { type Theme, getAvailableThemes, loadSavedTheme, setTheme, themes };

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+declare function setTheme(name: string): void;
+declare function getAvailableThemes(): string[];
+declare function loadSavedTheme(): void;
+
+type Theme = {
+    name: string;
+    properties: Record<string, string>;
+};
+
+declare const themes: Theme[];
+
+export { type Theme, getAvailableThemes, loadSavedTheme, setTheme, themes };

package/dist/index.js

@@ -0,0 +1,85 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  getAvailableThemes: () => getAvailableThemes,
+  loadSavedTheme: () => loadSavedTheme,
+  setTheme: () => setTheme,
+  themes: () => themes
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/themes.ts
+var themes = [
+  {
+    name: "light",
+    properties: {
+      "bg-color": "#ffffff",
+      "text-color": "#000000",
+      "primary-color": "#2563eb"
+    }
+  },
+  {
+    name: "dark",
+    properties: {
+      "bg-color": "#000000",
+      "text-color": "#ffffff",
+      "primary-color": "#60a5fa"
+    }
+  },
+  {
+    name: "beige",
+    properties: {
+      "bg-color": "#f5f5dc",
+      "text-color": "#333333",
+      "primary-color": "#c19a6b"
+    }
+  }
+];
+
+// src/themeManager.ts
+function setTheme(name) {
+  const theme = themes.find((t) => t.name === name);
+  if (!theme) {
+    console.warn(`Theme "${name}" not found`);
+    return;
+  }
+  const root = document.documentElement;
+  Object.entries(theme.properties).forEach(([key, value]) => {
+    root.style.setProperty(`--${key}`, value);
+  });
+  localStorage.setItem("uts-theme", name);
+}
+function getAvailableThemes() {
+  return themes.map((t) => t.name);
+}
+function loadSavedTheme() {
+  const saved = localStorage.getItem("uts-theme");
+  if (saved) {
+    setTheme(saved);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getAvailableThemes,
+  loadSavedTheme,
+  setTheme,
+  themes
+});

package/dist/index.mjs

@@ -0,0 +1,56 @@
+// src/themes.ts
+var themes = [
+  {
+    name: "light",
+    properties: {
+      "bg-color": "#ffffff",
+      "text-color": "#000000",
+      "primary-color": "#2563eb"
+    }
+  },
+  {
+    name: "dark",
+    properties: {
+      "bg-color": "#000000",
+      "text-color": "#ffffff",
+      "primary-color": "#60a5fa"
+    }
+  },
+  {
+    name: "beige",
+    properties: {
+      "bg-color": "#f5f5dc",
+      "text-color": "#333333",
+      "primary-color": "#c19a6b"
+    }
+  }
+];
+
+// src/themeManager.ts
+function setTheme(name) {
+  const theme = themes.find((t) => t.name === name);
+  if (!theme) {
+    console.warn(`Theme "${name}" not found`);
+    return;
+  }
+  const root = document.documentElement;
+  Object.entries(theme.properties).forEach(([key, value]) => {
+    root.style.setProperty(`--${key}`, value);
+  });
+  localStorage.setItem("uts-theme", name);
+}
+function getAvailableThemes() {
+  return themes.map((t) => t.name);
+}
+function loadSavedTheme() {
+  const saved = localStorage.getItem("uts-theme");
+  if (saved) {
+    setTheme(saved);
+  }
+}
+export {
+  getAvailableThemes,
+  loadSavedTheme,
+  setTheme,
+  themes
+};

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "uni-theme-select",
+  "version": "1.0.0",
+  "description": "Framework-agnostic theme switcher",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts --format cjs,esm --watch --dts"
+  },
+  "keywords": ["theme", "dark-mode", "css-variables"],
+  "author": "sri_manohari",
+  "license": "ISC",
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}