material-shadcn 0.0.1-alpha.1

package/dist/apply.d.ts

@@ -0,0 +1,22 @@
+import type { ThemeTokens, GeneratedTheme } from "./generate.js";
+export type ColorMode = "light" | "dark" | "system";
+/**
+ * Convert ThemeTokens to a CSS custom property map for use with inline styles.
+ * e.g. { background: "oklch(...)" } → { "--background": "oklch(...)" }
+ */
+export declare function tokensToCssVars(tokens: ThemeTokens): Record<string, string>;
+/**
+ * Apply a generated theme to a DOM element by setting CSS custom properties.
+ * Also toggles the `dark` class on the element.
+ */
+export declare function applyTheme(element: HTMLElement, theme: GeneratedTheme, dark: boolean): void;
+/**
+ * Remove all theme CSS custom properties from an element.
+ */
+export declare function removeTheme(element: HTMLElement, theme: GeneratedTheme): void;
+/**
+ * Resolve a ColorMode to a boolean indicating dark mode.
+ * Returns false on the server (no `window`).
+ */
+export declare function resolveColorMode(mode: ColorMode): boolean;
+//# sourceMappingURL=apply.d.ts.map

package/dist/apply.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply.d.ts","sourceRoot":"","sources":["../src/apply.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,GAClB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAMxB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,cAAc,EACrB,IAAI,EAAE,OAAO,GACZ,IAAI,CAYN;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,cAAc,GACpB,IAAI,CAKN;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAOzD"}

package/dist/apply.js

@@ -0,0 +1,49 @@
+/**
+ * Convert ThemeTokens to a CSS custom property map for use with inline styles.
+ * e.g. { background: "oklch(...)" } → { "--background": "oklch(...)" }
+ */
+export function tokensToCssVars(tokens) {
+    const vars = {};
+    for (const [key, value] of Object.entries(tokens)) {
+        vars[`--${key}`] = value;
+    }
+    return vars;
+}
+/**
+ * Apply a generated theme to a DOM element by setting CSS custom properties.
+ * Also toggles the `dark` class on the element.
+ */
+export function applyTheme(element, theme, dark) {
+    const tokens = dark ? theme.dark : theme.light;
+    if (dark) {
+        element.classList.add("dark");
+    }
+    else {
+        element.classList.remove("dark");
+    }
+    for (const [key, value] of Object.entries(tokens)) {
+        element.style.setProperty(`--${key}`, value);
+    }
+}
+/**
+ * Remove all theme CSS custom properties from an element.
+ */
+export function removeTheme(element, theme) {
+    for (const key of Object.keys(theme.light)) {
+        element.style.removeProperty(`--${key}`);
+    }
+    element.classList.remove("dark");
+}
+/**
+ * Resolve a ColorMode to a boolean indicating dark mode.
+ * Returns false on the server (no `window`).
+ */
+export function resolveColorMode(mode) {
+    if (mode === "system") {
+        return typeof window !== "undefined"
+            ? window.matchMedia("(prefers-color-scheme: dark)").matches
+            : false;
+    }
+    return mode === "dark";
+}
+//# sourceMappingURL=apply.js.map

package/dist/apply.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply.js","sourceRoot":"","sources":["../src/apply.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,UAAU,eAAe,CAC7B,MAAmB;IAEnB,MAAM,IAAI,GAA2B,EAAE,CAAC;IACxC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAClD,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;IAC3B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU,CACxB,OAAoB,EACpB,KAAqB,EACrB,IAAa;IAEb,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAE/C,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAClD,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CACzB,OAAoB,EACpB,KAAqB;IAErB,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3C,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAe;IAC9C,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,OAAO,MAAM,KAAK,WAAW;YAClC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;YAC3D,CAAC,CAAC,KAAK,CAAC;IACZ,CAAC;IACD,OAAO,IAAI,KAAK,MAAM,CAAC;AACzB,CAAC"}

package/dist/convert.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Convert an ARGB integer (from material-color-utilities) to an OKLCH CSS string.
+ * e.g. 0xFF6750A4 → "oklch(0.448 0.141 291.3)"
+ */
+export declare function argbToOklch(argb: number): string;
+//# sourceMappingURL=convert.d.ts.map

package/dist/convert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert.d.ts","sourceRoot":"","sources":["../src/convert.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAiChD"}

package/dist/convert.js

@@ -0,0 +1,42 @@
+import { redFromArgb, greenFromArgb, blueFromArgb, } from "@material/material-color-utilities";
+/**
+ * Convert an ARGB integer (from material-color-utilities) to an OKLCH CSS string.
+ * e.g. 0xFF6750A4 → "oklch(0.448 0.141 291.3)"
+ */
+export function argbToOklch(argb) {
+    const r = redFromArgb(argb) / 255;
+    const g = greenFromArgb(argb) / 255;
+    const b = blueFromArgb(argb) / 255;
+    // sRGB → linear RGB
+    const lr = linearize(r);
+    const lg = linearize(g);
+    const lb = linearize(b);
+    // Linear RGB → OKLab (via LMS)
+    const l_ = 0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb;
+    const m_ = 0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb;
+    const s_ = 0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb;
+    const l_3 = Math.cbrt(l_);
+    const m_3 = Math.cbrt(m_);
+    const s_3 = Math.cbrt(s_);
+    const L = 0.2104542553 * l_3 + 0.793617785 * m_3 - 0.0040720468 * s_3;
+    const a = 1.9779984951 * l_3 - 2.428592205 * m_3 + 0.4505937099 * s_3;
+    const bOk = 0.0259040371 * l_3 + 0.7827717662 * m_3 - 0.808675766 * s_3;
+    // OKLab → OKLCH
+    const C = Math.sqrt(a * a + bOk * bOk);
+    let h = (Math.atan2(bOk, a) * 180) / Math.PI;
+    if (h < 0)
+        h += 360;
+    const lRound = round(L, 3);
+    const cRound = round(C, 3);
+    const hRound = round(h, 1);
+    return `oklch(${lRound} ${cRound} ${hRound})`;
+}
+/** sRGB gamma → linear */
+function linearize(c) {
+    return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+function round(value, decimals) {
+    const factor = 10 ** decimals;
+    return Math.round(value * factor) / factor;
+}
+//# sourceMappingURL=convert.js.map

package/dist/convert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert.js","sourceRoot":"","sources":["../src/convert.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,YAAY,GACb,MAAM,oCAAoC,CAAC;AAE5C;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;IAClC,MAAM,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;IACpC,MAAM,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;IAEnC,oBAAoB;IACpB,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IAExB,+BAA+B;IAC/B,MAAM,EAAE,GAAG,YAAY,GAAG,EAAE,GAAG,YAAY,GAAG,EAAE,GAAG,YAAY,GAAG,EAAE,CAAC;IACrE,MAAM,EAAE,GAAG,YAAY,GAAG,EAAE,GAAG,YAAY,GAAG,EAAE,GAAG,YAAY,GAAG,EAAE,CAAC;IACrE,MAAM,EAAE,GAAG,YAAY,GAAG,EAAE,GAAG,YAAY,GAAG,EAAE,GAAG,YAAY,GAAG,EAAE,CAAC;IAErE,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAE1B,MAAM,CAAC,GAAG,YAAY,GAAG,GAAG,GAAG,WAAW,GAAG,GAAG,GAAG,YAAY,GAAG,GAAG,CAAC;IACtE,MAAM,CAAC,GAAG,YAAY,GAAG,GAAG,GAAG,WAAW,GAAG,GAAG,GAAG,YAAY,GAAG,GAAG,CAAC;IACtE,MAAM,GAAG,GAAG,YAAY,GAAG,GAAG,GAAG,YAAY,GAAG,GAAG,GAAG,WAAW,GAAG,GAAG,CAAC;IAExE,gBAAgB;IAChB,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;IACvC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAC7C,IAAI,CAAC,GAAG,CAAC;QAAE,CAAC,IAAI,GAAG,CAAC;IAEpB,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3B,OAAO,SAAS,MAAM,IAAI,MAAM,IAAI,MAAM,GAAG,CAAC;AAChD,CAAC;AAED,0BAA0B;AAC1B,SAAS,SAAS,CAAC,CAAS;IAC1B,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC;AACvE,CAAC;AAED,SAAS,KAAK,CAAC,KAAa,EAAE,QAAgB;IAC5C,MAAM,MAAM,GAAG,EAAE,IAAI,QAAQ,CAAC;IAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC;AAC7C,CAAC"}

package/dist/generate.d.ts

@@ -0,0 +1,32 @@
+import { Variant } from "@material/material-color-utilities";
+export interface GenerateOptions {
+    /** Seed color as hex string (e.g. "#6750A4") */
+    seed: string;
+    /** M3 variant style. Default: TONAL_SPOT */
+    variant?: Variant;
+    /** Contrast level from -1 to 1. Default: 0 */
+    contrast?: number;
+}
+export interface ThemeTokens {
+    [key: string]: string;
+}
+export interface GeneratedTheme {
+    light: ThemeTokens;
+    dark: ThemeTokens;
+}
+/**
+ * Generate a complete shadcn-compatible theme from a seed color using Material 3.
+ */
+export declare function generateTheme(options: GenerateOptions): GeneratedTheme;
+/**
+ * Generate a shadcn registry:theme JSON object for use with `npx shadcn add`.
+ */
+export declare function generateRegistryTheme(options: GenerateOptions): {
+    name: string;
+    type: string;
+    cssVars: {
+        light: ThemeTokens;
+        dark: ThemeTokens;
+    };
+};
+//# sourceMappingURL=generate.d.ts.map

package/dist/generate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,OAAO,EACR,MAAM,oCAAoC,CAAC;AAI5C,MAAM,WAAW,eAAe;IAC9B,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;CACnB;AA8BD;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,eAAe,GAAG,cAAc,CAatE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,eAAe;;;;;;;EAW7D"}

package/dist/generate.js

@@ -0,0 +1,50 @@
+import { argbFromHex, DynamicScheme, Hct, Variant, } from "@material/material-color-utilities";
+import { argbToOklch } from "./convert.js";
+import { TOKEN_MAP, CHART_MAP } from "./mapping.js";
+function createScheme(sourceHct, isDark, variant, contrast) {
+    return new DynamicScheme({
+        sourceColorHct: sourceHct,
+        variant,
+        contrastLevel: contrast,
+        isDark,
+    });
+}
+function schemeToTokens(scheme) {
+    const tokens = {};
+    for (const [name, accessor] of TOKEN_MAP) {
+        tokens[name] = argbToOklch(accessor(scheme));
+    }
+    for (const [name, accessor] of CHART_MAP) {
+        tokens[name] = argbToOklch(accessor(scheme));
+    }
+    return tokens;
+}
+/**
+ * Generate a complete shadcn-compatible theme from a seed color using Material 3.
+ */
+export function generateTheme(options) {
+    const { seed, variant = Variant.TONAL_SPOT, contrast = 0 } = options;
+    const argb = argbFromHex(seed);
+    const sourceHct = Hct.fromInt(argb);
+    const lightScheme = createScheme(sourceHct, false, variant, contrast);
+    const darkScheme = createScheme(sourceHct, true, variant, contrast);
+    return {
+        light: schemeToTokens(lightScheme),
+        dark: schemeToTokens(darkScheme),
+    };
+}
+/**
+ * Generate a shadcn registry:theme JSON object for use with `npx shadcn add`.
+ */
+export function generateRegistryTheme(options) {
+    const theme = generateTheme(options);
+    return {
+        name: "material-theme",
+        type: "registry:theme",
+        cssVars: {
+            light: theme.light,
+            dark: theme.dark,
+        },
+    };
+}
+//# sourceMappingURL=generate.js.map

package/dist/generate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,GAAG,EACH,OAAO,GACR,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAoBpD,SAAS,YAAY,CACnB,SAAc,EACd,MAAe,EACf,OAAgB,EAChB,QAAgB;IAEhB,OAAO,IAAI,aAAa,CAAC;QACvB,cAAc,EAAE,SAAS;QACzB,OAAO;QACP,aAAa,EAAE,QAAQ;QACvB,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAED,SAAS,cAAc,CAAC,MAAqB;IAC3C,MAAM,MAAM,GAAgB,EAAE,CAAC;IAE/B,KAAK,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,SAAS,EAAE,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/C,CAAC;IAED,KAAK,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,SAAS,EAAE,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,OAAwB;IACpD,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,UAAU,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC;IAErE,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,YAAY,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtE,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAEpE,OAAO;QACL,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC;QAClC,IAAI,EAAE,cAAc,CAAC,UAAU,CAAC;KACjC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAwB;IAC5D,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAErC,OAAO;QACL,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,gBAAgB;QACtB,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,IAAI,EAAE,KAAK,CAAC,IAAI;SACjB;KACF,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { generateTheme, generateRegistryTheme } from "./generate.js";
+export type { GenerateOptions, GeneratedTheme, ThemeTokens, } from "./generate.js";
+export { TOKEN_MAP, CHART_MAP } from "./mapping.js";
+export { argbToOklch } from "./convert.js";
+export { tokensToCssVars, applyTheme, removeTheme, resolveColorMode, } from "./apply.js";
+export type { ColorMode } from "./apply.js";
+export { Variant } from "@material/material-color-utilities";
+export { sourceColorFromImage } from "@material/material-color-utilities";
+export { hexFromArgb } from "@material/material-color-utilities";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACrE,YAAY,EACV,eAAe,EACf,cAAc,EACd,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EACX,gBAAgB,GACjB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+export { generateTheme, generateRegistryTheme } from "./generate.js";
+export { TOKEN_MAP, CHART_MAP } from "./mapping.js";
+export { argbToOklch } from "./convert.js";
+export { tokensToCssVars, applyTheme, removeTheme, resolveColorMode, } from "./apply.js";
+export { Variant } from "@material/material-color-utilities";
+export { sourceColorFromImage } from "@material/material-color-utilities";
+export { hexFromArgb } from "@material/material-color-utilities";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAMrE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EACX,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/mapping.d.ts

@@ -0,0 +1,11 @@
+import type { DynamicScheme } from "@material/material-color-utilities";
+/**
+ * Maps shadcn CSS variable names to Material 3 DynamicScheme property accessors.
+ * Each entry: [shadcn-token-name, (scheme) => argb-integer]
+ */
+export declare const TOKEN_MAP: Array<[string, (scheme: DynamicScheme) => number]>;
+/**
+ * Chart colors use different M3 roles at varied tones for visual distinction.
+ */
+export declare const CHART_MAP: Array<[string, (scheme: DynamicScheme) => number]>;
+//# sourceMappingURL=mapping.d.ts.map

package/dist/mapping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping.d.ts","sourceRoot":"","sources":["../src/mapping.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,MAAM,CAAC,CA+CxE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,MAAM,CAAC,CAMxE,CAAC"}

package/dist/mapping.js

@@ -0,0 +1,54 @@
+/**
+ * Maps shadcn CSS variable names to Material 3 DynamicScheme property accessors.
+ * Each entry: [shadcn-token-name, (scheme) => argb-integer]
+ */
+export const TOKEN_MAP = [
+    // Background & foreground
+    ["background", (s) => s.surface],
+    ["foreground", (s) => s.onSurface],
+    // Card
+    ["card", (s) => s.surfaceContainerLow],
+    ["card-foreground", (s) => s.onSurface],
+    // Popover
+    ["popover", (s) => s.surfaceContainerLow],
+    ["popover-foreground", (s) => s.onSurface],
+    // Primary
+    ["primary", (s) => s.primary],
+    ["primary-foreground", (s) => s.onPrimary],
+    // Secondary
+    ["secondary", (s) => s.secondaryContainer],
+    ["secondary-foreground", (s) => s.onSecondaryContainer],
+    // Muted
+    ["muted", (s) => s.surfaceVariant],
+    ["muted-foreground", (s) => s.onSurfaceVariant],
+    // Accent – use custom tones from the tertiary palette for consistency across variants
+    ["accent", (s) => s.tertiaryPalette.tone(s.isDark ? 15 : 95)],
+    ["accent-foreground", (s) => s.tertiaryPalette.tone(s.isDark ? 90 : 10)],
+    // Destructive
+    ["destructive", (s) => s.error],
+    ["destructive-foreground", (s) => s.onError],
+    // Border / Input / Ring
+    ["border", (s) => s.outlineVariant],
+    ["input", (s) => s.outlineVariant],
+    ["ring", (s) => s.primary],
+    // Sidebar
+    ["sidebar-background", (s) => s.surfaceContainer],
+    ["sidebar-foreground", (s) => s.onSurface],
+    ["sidebar-primary", (s) => s.primary],
+    ["sidebar-primary-foreground", (s) => s.onPrimary],
+    ["sidebar-accent", (s) => s.tertiaryPalette.tone(s.isDark ? 20 : 90)],
+    ["sidebar-accent-foreground", (s) => s.tertiaryPalette.tone(s.isDark ? 90 : 10)],
+    ["sidebar-border", (s) => s.outlineVariant],
+    ["sidebar-ring", (s) => s.primary],
+];
+/**
+ * Chart colors use different M3 roles at varied tones for visual distinction.
+ */
+export const CHART_MAP = [
+    ["chart-1", (s) => s.primaryPalette.tone(48)],
+    ["chart-2", (s) => s.primaryPalette.tone(60)],
+    ["chart-3", (s) => s.primaryPalette.tone(72)],
+    ["chart-4", (s) => s.primaryPalette.tone(36)],
+    ["chart-5", (s) => s.primaryPalette.tone(84)],
+];
+//# sourceMappingURL=mapping.js.map

package/dist/mapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping.js","sourceRoot":"","sources":["../src/mapping.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "material-shadcn",
+  "version": "0.0.1-alpha.1",
+  "description": "Material Design 3 color system for shadcn/ui — generate themes from a single seed color",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sazzad-sat/material-shadcn",
+    "directory": "packages/core"
+  },
+  "keywords": [
+    "material-design",
+    "material-3",
+    "shadcn",
+    "shadcn-ui",
+    "theme",
+    "color",
+    "oklch",
+    "tailwind"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest run",
+    "prepublishOnly": "tsc"
+  },
+  "dependencies": {
+    "@material/material-color-utilities": "^0.4.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.8",
+    "vitest": "^3.1"
+  }
+}