vue-multiple-themes 3.0.1 → 4.2.0

package/dist/style.css

@@ -0,0 +1,39 @@
+
+.vmt-root {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    position: relative;
+}
+.vmt-toggle {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    padding: 0.4rem 0.6rem;
+    border-radius: 0.5rem;
+    border: 1px solid var(--vmt-border, #e5e7eb);
+    background: var(--vmt-surface, transparent);
+    color: var(--vmt-foreground, inherit);
+    cursor: pointer;
+    transition: background 0.2s, border-color 0.2s;
+    outline: none;
+}
+.vmt-toggle:hover {
+    background: var(--vmt-surface-elevated, rgba(0, 0, 0, 0.05));
+}
+.vmt-toggle:focus-visible {
+    outline: 2px solid var(--vmt-ring, #4f46e5);
+    outline-offset: 2px;
+}
+.vmt-icon {
+    display: inline-flex;
+    align-items: center;
+    color: var(--vmt-icon-color, var(--vmt-foreground, currentColor));
+    flex-shrink: 0;
+}
+.vmt-label {
+    font-size: 0.875rem;
+    font-weight: 500;
+    white-space: nowrap;
+    color: var(--vmt-foreground, inherit);
+}

package/dist/tailwind-plugin.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function toKebab(str) {
+  return str.replace(/([A-Z])/g, (_, c) => `-${c.toLowerCase()}`);
+}
+function buildCssVarRecord(theme, prefix) {
+  const record = {};
+  for (const [key, value] of Object.entries(theme.colors)) {
+    if (value !== void 0) {
+      record[`${prefix}${toKebab(key)}`] = value;
+    }
+  }
+  return record;
+}
+function resolveSelectors(themeName, strategy, isFirst) {
+  const selectors = [];
+  if (isFirst) selectors.push(":root");
+  if (strategy === "attribute" || strategy === "both") {
+    selectors.push(`:root[data-theme="${themeName}"]`);
+    selectors.push(`[data-theme="${themeName}"]`);
+  }
+  if (strategy === "class" || strategy === "both") {
+    selectors.push(`:root.theme-${themeName}`);
+    selectors.push(`.theme-${themeName}`);
+  }
+  return [...new Set(selectors)];
+}
+function vmtTailwindPlugin(opts) {
+  const {
+    themes,
+    cssVarPrefix = "--vmt-",
+    strategy = "both",
+    generateUtils = true
+  } = opts;
+  return ({ addBase, addUtilities }) => {
+    const baseStyles = {};
+    for (let i = 0; i < themes.length; i++) {
+      const theme = themes[i];
+      const selectors = resolveSelectors(theme.name, strategy, i === 0);
+      const vars = buildCssVarRecord(theme, cssVarPrefix);
+      for (const selector of selectors) {
+        if (baseStyles[selector]) {
+          Object.assign(baseStyles[selector], vars);
+        } else {
+          baseStyles[selector] = { ...vars };
+        }
+      }
+    }
+    baseStyles[":root"] = {
+      ...baseStyles[":root"],
+      [`${cssVarPrefix}icon-color`]: `var(${cssVarPrefix}text, currentColor)`
+    };
+    addBase(baseStyles);
+    if (!generateUtils) return;
+    const allKeys = /* @__PURE__ */ new Set();
+    for (const theme of themes) {
+      for (const key of Object.keys(theme.colors)) {
+        allKeys.add(key);
+      }
+    }
+    const utilities = {};
+    for (const key of allKeys) {
+      const cssVar = `var(${cssVarPrefix}${toKebab(key)})`;
+      utilities[`.bg-vmt-${toKebab(key)}`] = { backgroundColor: cssVar };
+      utilities[`.text-vmt-${toKebab(key)}`] = { color: cssVar };
+      utilities[`.border-vmt-${toKebab(key)}`] = { borderColor: cssVar };
+      utilities[`.ring-vmt-${toKebab(key)}`] = {
+        "--tw-ring-color": cssVar
+      };
+      utilities[`.fill-vmt-${toKebab(key)}`] = { fill: cssVar };
+      utilities[`.stroke-vmt-${toKebab(key)}`] = { stroke: cssVar };
+    }
+    addUtilities(utilities);
+  };
+}
+function createVmtPlugin(opts) {
+  try {
+    const plugin = require("tailwindcss/plugin");
+    return plugin(vmtTailwindPlugin(opts));
+  } catch {
+    return vmtTailwindPlugin(opts);
+  }
+}
+exports.createVmtPlugin = createVmtPlugin;
+exports.vmtTailwindPlugin = vmtTailwindPlugin;
+//# sourceMappingURL=tailwind-plugin.cjs.map

package/dist/tailwind-plugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin.cjs","sources":["../src/tailwind-plugin.ts"],"sourcesContent":["/**\n * TailwindCSS plugin for vue-multiple-themes.\n *\n * Generates:\n * 1. CSS custom-property declarations under `[data-theme=\"...\"]` and / or\n *    `.theme-...` selectors.\n * 2. (optional) Semantic utility classes:\n *    `bg-vmt-background`, `text-vmt-primary`, `border-vmt-border`, etc.\n *    using `rgb(var(--vmt-<token>) / <alpha>)` format for full opacity support.\n *\n * @example tailwind.config.js / ts:\n * ```ts\n * import { vmtTailwindPlugin } from 'vue-multiple-themes/tailwind'\n * export default {\n *   plugins: [\n *     vmtTailwindPlugin({\n *       themes: myThemes,\n *       cssVarPrefix: '--vmt-',\n *       strategy: 'both',\n *       generateUtils: true,\n *     }),\n *   ],\n * }\n * ```\n */\n\nimport type { TailwindPluginOptions, ThemeDefinition } from './types'\n\ntype PluginFn = (helpers: {\n  addBase: (styles: Record<string, unknown>) => void\n  addUtilities: (utilities: Record<string, unknown>) => void\n  addComponents: (components: Record<string, unknown>) => void\n  e: (className: string) => string\n}) => void\n\n/** camelCase → kebab-case */\nfunction toKebab(str: string): string {\n  return str.replace(/([A-Z])/g, (_, c: string) => `-${c.toLowerCase()}`)\n}\n\nfunction buildCssVarRecord(\n  theme: ThemeDefinition,\n  prefix: string,\n): Record<string, string> {\n  const record: Record<string, string> = {}\n  for (const [key, value] of Object.entries(theme.colors)) {\n    if (value !== undefined) {\n      record[`${prefix}${toKebab(key)}`] = value\n    }\n  }\n  return record\n}\n\nfunction resolveSelectors(\n  themeName: string,\n  strategy: TailwindPluginOptions['strategy'],\n  isFirst: boolean,\n): string[] {\n  const selectors: string[] = []\n  if (isFirst) selectors.push(':root')\n\n  if (strategy === 'attribute' || strategy === 'both') {\n    selectors.push(`:root[data-theme=\"${themeName}\"]`)\n    selectors.push(`[data-theme=\"${themeName}\"]`)\n  }\n\n  if (strategy === 'class' || strategy === 'both') {\n    selectors.push(`:root.theme-${themeName}`)\n    selectors.push(`.theme-${themeName}`)\n  }\n\n  // Remove duplicates\n  return [...new Set(selectors)]\n}\n\n/**\n * Build the Tailwind plugin function.\n * Compatible with both `plugin()` factory and the older function-export form.\n */\nexport function vmtTailwindPlugin(opts: TailwindPluginOptions): PluginFn {\n  const {\n    themes,\n    cssVarPrefix = '--vmt-',\n    strategy = 'both',\n    generateUtils = true,\n  } = opts\n\n  return ({ addBase, addUtilities }) => {\n    // ─── 1. CSS variable declarations ──────────────────────────────────────\n    const baseStyles: Record<string, Record<string, string>> = {}\n\n    for (let i = 0; i < themes.length; i++) {\n      const theme = themes[i]\n      const selectors = resolveSelectors(theme.name, strategy, i === 0)\n      const vars = buildCssVarRecord(theme, cssVarPrefix)\n\n      for (const selector of selectors) {\n        if (baseStyles[selector]) {\n          Object.assign(baseStyles[selector], vars)\n        } else {\n          baseStyles[selector] = { ...vars }\n        }\n      }\n    }\n\n    // Add icon-color convenience var\n    baseStyles[':root'] = {\n      ...baseStyles[':root'],\n      [`${cssVarPrefix}icon-color`]: `var(${cssVarPrefix}text, currentColor)`,\n    }\n\n    addBase(baseStyles as Parameters<typeof addBase>[0])\n\n    // ─── 2. Semantic utilities ────────────────────────────────────────────\n    if (!generateUtils) return\n\n    // Collect all unique color keys across all themes\n    const allKeys = new Set<string>()\n    for (const theme of themes) {\n      for (const key of Object.keys(theme.colors)) {\n        allKeys.add(key)\n      }\n    }\n\n    const utilities: Record<string, Record<string, string>> = {}\n\n    for (const key of allKeys) {\n      const cssVar = `var(${cssVarPrefix}${toKebab(key)})`\n\n      // Background color\n      utilities[`.bg-vmt-${toKebab(key)}`] = { backgroundColor: cssVar }\n      // Text color\n      utilities[`.text-vmt-${toKebab(key)}`] = { color: cssVar }\n      // Border color\n      utilities[`.border-vmt-${toKebab(key)}`] = { borderColor: cssVar }\n      // Ring color\n      utilities[`.ring-vmt-${toKebab(key)}`] = {\n        '--tw-ring-color': cssVar,\n      }\n      // Fill (for SVG)\n      utilities[`.fill-vmt-${toKebab(key)}`] = { fill: cssVar }\n      // Stroke (for SVG)\n      utilities[`.stroke-vmt-${toKebab(key)}`] = { stroke: cssVar }\n    }\n\n    addUtilities(utilities as Parameters<typeof addUtilities>[0])\n  }\n}\n\n/**\n * Convenience wrapper that returns a Tailwind plugin object\n * compatible with the `plugins: []` array in tailwind.config.ts.\n */\nexport function createVmtPlugin(opts: TailwindPluginOptions) {\n  // Support both `require('tailwindcss/plugin')` and flat export\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-var-requires\n    const plugin = require('tailwindcss/plugin') as (fn: PluginFn) => unknown\n    return plugin(vmtTailwindPlugin(opts))\n  } catch {\n    // In environments without tailwindcss installed, return raw fn\n    return vmtTailwindPlugin(opts)\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Convenience wrapper that returns a Tailwind plugin object
+ * compatible with the `plugins: []` array in tailwind.config.ts.
+ */
+export declare function createVmtPlugin(opts: TailwindPluginOptions): unknown;
+
+declare type PluginFn = (helpers: {
+    addBase: (styles: Record<string, unknown>) => void;
+    addUtilities: (utilities: Record<string, unknown>) => void;
+    addComponents: (components: Record<string, unknown>) => void;
+    e: (className: string) => string;
+}) => void;
+
+declare interface TailwindPluginOptions {
+    themes: ThemeDefinition[];
+    /** CSS variable prefix – default: `'--vmt-'` */
+    cssVarPrefix?: string;
+    /**
+     * `'attribute'` → `[data-theme="name"]` selectors
+     * `'class'`     → `.theme-name` selectors
+     * `'both'`      → both (default)
+     */
+    strategy?: 'attribute' | 'class' | 'both';
+    /**
+     * When true (default), the plugin also registers semantic Tailwind utilities:
+     * `bg-vmt-background`, `text-vmt-primary`, `border-vmt-border`, etc.
+     */
+    generateUtils?: boolean;
+}
+
+/**
+ * Mapping of semantic color tokens to CSS values.
+ * Values can be hex, hsl, rgb, or channel-only (for Tailwind RGB opacity support).
+ *
+ * @example { primary: '#3b82f6', background: '#ffffff', text: '#111827' }
+ * @example { primary: '59 130 246' }   // Tailwind RGB-channel format
+ */
+declare interface ThemeColors {
+    primary?: string;
+    primaryLight?: string;
+    primaryDark?: string;
+    secondary?: string;
+    accent?: string;
+    background?: string;
+    surface?: string;
+    surfaceElevated?: string;
+    text?: string;
+    textMuted?: string;
+    textInverse?: string;
+    border?: string;
+    ring?: string;
+    success?: string;
+    warning?: string;
+    error?: string;
+    info?: string;
+    /** Any additional custom token */
+    [key: string]: string | undefined;
+}
+
+/**
+ * A single theme configuration object.
+ */
+declare interface ThemeDefinition {
+    /** Unique slug used as the value of `data-theme` / CSS class suffix */
+    name: string;
+    /** Human-readable display name */
+    label?: string;
+    /**
+     * Name of the Lucide icon to show in the toggle button while this theme is
+     * active. Uses `currentColor` so it inherits `--vmt-icon-color`.
+     *
+     * Supported names: 'sun' | 'moon' | 'sunset' | 'sunrise' | 'monitor' |
+     *   'laptop' | 'coffee' | 'leaf' | 'droplets' | 'flame' | 'snowflake' |
+     *   'palette' | 'eye' | 'star' | 'zap'
+     */
+    icon?: string;
+    /** Color tokens for this theme */
+    colors: ThemeColors;
+    /** Extra CSS classes added to the target element alongside the theme class */
+    extraClasses?: string[];
+}
+
+/**
+ * Build the Tailwind plugin function.
+ * Compatible with both `plugin()` factory and the older function-export form.
+ */
+export declare function vmtTailwindPlugin(opts: TailwindPluginOptions): PluginFn;
+
+export { }

package/dist/tailwind-plugin.js

@@ -0,0 +1,86 @@
+function toKebab(str) {
+  return str.replace(/([A-Z])/g, (_, c) => `-${c.toLowerCase()}`);
+}
+function buildCssVarRecord(theme, prefix) {
+  const record = {};
+  for (const [key, value] of Object.entries(theme.colors)) {
+    if (value !== void 0) {
+      record[`${prefix}${toKebab(key)}`] = value;
+    }
+  }
+  return record;
+}
+function resolveSelectors(themeName, strategy, isFirst) {
+  const selectors = [];
+  if (isFirst) selectors.push(":root");
+  if (strategy === "attribute" || strategy === "both") {
+    selectors.push(`:root[data-theme="${themeName}"]`);
+    selectors.push(`[data-theme="${themeName}"]`);
+  }
+  if (strategy === "class" || strategy === "both") {
+    selectors.push(`:root.theme-${themeName}`);
+    selectors.push(`.theme-${themeName}`);
+  }
+  return [...new Set(selectors)];
+}
+function vmtTailwindPlugin(opts) {
+  const {
+    themes,
+    cssVarPrefix = "--vmt-",
+    strategy = "both",
+    generateUtils = true
+  } = opts;
+  return ({ addBase, addUtilities }) => {
+    const baseStyles = {};
+    for (let i = 0; i < themes.length; i++) {
+      const theme = themes[i];
+      const selectors = resolveSelectors(theme.name, strategy, i === 0);
+      const vars = buildCssVarRecord(theme, cssVarPrefix);
+      for (const selector of selectors) {
+        if (baseStyles[selector]) {
+          Object.assign(baseStyles[selector], vars);
+        } else {
+          baseStyles[selector] = { ...vars };
+        }
+      }
+    }
+    baseStyles[":root"] = {
+      ...baseStyles[":root"],
+      [`${cssVarPrefix}icon-color`]: `var(${cssVarPrefix}text, currentColor)`
+    };
+    addBase(baseStyles);
+    if (!generateUtils) return;
+    const allKeys = /* @__PURE__ */ new Set();
+    for (const theme of themes) {
+      for (const key of Object.keys(theme.colors)) {
+        allKeys.add(key);
+      }
+    }
+    const utilities = {};
+    for (const key of allKeys) {
+      const cssVar = `var(${cssVarPrefix}${toKebab(key)})`;
+      utilities[`.bg-vmt-${toKebab(key)}`] = { backgroundColor: cssVar };
+      utilities[`.text-vmt-${toKebab(key)}`] = { color: cssVar };
+      utilities[`.border-vmt-${toKebab(key)}`] = { borderColor: cssVar };
+      utilities[`.ring-vmt-${toKebab(key)}`] = {
+        "--tw-ring-color": cssVar
+      };
+      utilities[`.fill-vmt-${toKebab(key)}`] = { fill: cssVar };
+      utilities[`.stroke-vmt-${toKebab(key)}`] = { stroke: cssVar };
+    }
+    addUtilities(utilities);
+  };
+}
+function createVmtPlugin(opts) {
+  try {
+    const plugin = require("tailwindcss/plugin");
+    return plugin(vmtTailwindPlugin(opts));
+  } catch {
+    return vmtTailwindPlugin(opts);
+  }
+}
+export {
+  createVmtPlugin,
+  vmtTailwindPlugin
+};
+//# sourceMappingURL=tailwind-plugin.js.map

package/dist/tailwind-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin.js","sources":["../src/tailwind-plugin.ts"],"sourcesContent":["/**\n * TailwindCSS plugin for vue-multiple-themes.\n *\n * Generates:\n * 1. CSS custom-property declarations under `[data-theme=\"...\"]` and / or\n *    `.theme-...` selectors.\n * 2. (optional) Semantic utility classes:\n *    `bg-vmt-background`, `text-vmt-primary`, `border-vmt-border`, etc.\n *    using `rgb(var(--vmt-<token>) / <alpha>)` format for full opacity support.\n *\n * @example tailwind.config.js / ts:\n * ```ts\n * import { vmtTailwindPlugin } from 'vue-multiple-themes/tailwind'\n * export default {\n *   plugins: [\n *     vmtTailwindPlugin({\n *       themes: myThemes,\n *       cssVarPrefix: '--vmt-',\n *       strategy: 'both',\n *       generateUtils: true,\n *     }),\n *   ],\n * }\n * ```\n */\n\nimport type { TailwindPluginOptions, ThemeDefinition } from './types'\n\ntype PluginFn = (helpers: {\n  addBase: (styles: Record<string, unknown>) => void\n  addUtilities: (utilities: Record<string, unknown>) => void\n  addComponents: (components: Record<string, unknown>) => void\n  e: (className: string) => string\n}) => void\n\n/** camelCase → kebab-case */\nfunction toKebab(str: string): string {\n  return str.replace(/([A-Z])/g, (_, c: string) => `-${c.toLowerCase()}`)\n}\n\nfunction buildCssVarRecord(\n  theme: ThemeDefinition,\n  prefix: string,\n): Record<string, string> {\n  const record: Record<string, string> = {}\n  for (const [key, value] of Object.entries(theme.colors)) {\n    if (value !== undefined) {\n      record[`${prefix}${toKebab(key)}`] = value\n    }\n  }\n  return record\n}\n\nfunction resolveSelectors(\n  themeName: string,\n  strategy: TailwindPluginOptions['strategy'],\n  isFirst: boolean,\n): string[] {\n  const selectors: string[] = []\n  if (isFirst) selectors.push(':root')\n\n  if (strategy === 'attribute' || strategy === 'both') {\n    selectors.push(`:root[data-theme=\"${themeName}\"]`)\n    selectors.push(`[data-theme=\"${themeName}\"]`)\n  }\n\n  if (strategy === 'class' || strategy === 'both') {\n    selectors.push(`:root.theme-${themeName}`)\n    selectors.push(`.theme-${themeName}`)\n  }\n\n  // Remove duplicates\n  return [...new Set(selectors)]\n}\n\n/**\n * Build the Tailwind plugin function.\n * Compatible with both `plugin()` factory and the older function-export form.\n */\nexport function vmtTailwindPlugin(opts: TailwindPluginOptions): PluginFn {\n  const {\n    themes,\n    cssVarPrefix = '--vmt-',\n    strategy = 'both',\n    generateUtils = true,\n  } = opts\n\n  return ({ addBase, addUtilities }) => {\n    // ─── 1. CSS variable declarations ──────────────────────────────────────\n    const baseStyles: Record<string, Record<string, string>> = {}\n\n    for (let i = 0; i < themes.length; i++) {\n      const theme = themes[i]\n      const selectors = resolveSelectors(theme.name, strategy, i === 0)\n      const vars = buildCssVarRecord(theme, cssVarPrefix)\n\n      for (const selector of selectors) {\n        if (baseStyles[selector]) {\n          Object.assign(baseStyles[selector], vars)\n        } else {\n          baseStyles[selector] = { ...vars }\n        }\n      }\n    }\n\n    // Add icon-color convenience var\n    baseStyles[':root'] = {\n      ...baseStyles[':root'],\n      [`${cssVarPrefix}icon-color`]: `var(${cssVarPrefix}text, currentColor)`,\n    }\n\n    addBase(baseStyles as Parameters<typeof addBase>[0])\n\n    // ─── 2. Semantic utilities ────────────────────────────────────────────\n    if (!generateUtils) return\n\n    // Collect all unique color keys across all themes\n    const allKeys = new Set<string>()\n    for (const theme of themes) {\n      for (const key of Object.keys(theme.colors)) {\n        allKeys.add(key)\n      }\n    }\n\n    const utilities: Record<string, Record<string, string>> = {}\n\n    for (const key of allKeys) {\n      const cssVar = `var(${cssVarPrefix}${toKebab(key)})`\n\n      // Background color\n      utilities[`.bg-vmt-${toKebab(key)}`] = { backgroundColor: cssVar }\n      // Text color\n      utilities[`.text-vmt-${toKebab(key)}`] = { color: cssVar }\n      // Border color\n      utilities[`.border-vmt-${toKebab(key)}`] = { borderColor: cssVar }\n      // Ring color\n      utilities[`.ring-vmt-${toKebab(key)}`] = {\n        '--tw-ring-color': cssVar,\n      }\n      // Fill (for SVG)\n      utilities[`.fill-vmt-${toKebab(key)}`] = { fill: cssVar }\n      // Stroke (for SVG)\n      utilities[`.stroke-vmt-${toKebab(key)}`] = { stroke: cssVar }\n    }\n\n    addUtilities(utilities as Parameters<typeof addUtilities>[0])\n  }\n}\n\n/**\n * Convenience wrapper that returns a Tailwind plugin object\n * compatible with the `plugins: []` array in tailwind.config.ts.\n */\nexport function createVmtPlugin(opts: TailwindPluginOptions) {\n  // Support both `require('tailwindcss/plugin')` and flat export\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-var-requires\n    const plugin = require('tailwindcss/plugin') as (fn: PluginFn) => unknown\n    return plugin(vmtTailwindPlugin(opts))\n  } catch {\n    // In environments without tailwindcss installed, return raw fn\n    return vmtTailwindPlugin(opts)\n  }\n}\n"],"names":[],"mappings":"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"}