@stackwright/themes 0.3.1 → 0.4.1

package/dist/index.js

@@ -32,10 +32,79 @@ var index_exports = {};
 __export(index_exports, {
   ThemeLoader: () => ThemeLoader,
   ThemeProvider: () => ThemeProvider,
+  componentStyleSchema: () => componentStyleSchema,
+  themeConfigSchema: () => themeConfigSchema,
+  themeSchema: () => themeSchema,
   useTheme: () => useTheme
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/types.ts
+var import_zod = require("zod");
+var componentStyleSchema = import_zod.z.object({
+  base: import_zod.z.string().optional(),
+  primary: import_zod.z.string().optional(),
+  secondary: import_zod.z.string().optional(),
+  outline: import_zod.z.string().optional(),
+  shadow: import_zod.z.string().optional(),
+  nav: import_zod.z.string().optional(),
+  text: import_zod.z.string().optional()
+}).catchall(import_zod.z.string().optional());
+var themeConfigSchema = import_zod.z.object({
+  id: import_zod.z.string(),
+  name: import_zod.z.string(),
+  description: import_zod.z.string(),
+  colors: import_zod.z.object({
+    primary: import_zod.z.string(),
+    secondary: import_zod.z.string(),
+    accent: import_zod.z.string(),
+    background: import_zod.z.string(),
+    surface: import_zod.z.string(),
+    text: import_zod.z.string(),
+    textSecondary: import_zod.z.string()
+  }),
+  backgroundImage: import_zod.z.object({
+    url: import_zod.z.string(),
+    repeat: import_zod.z.enum(["repeat", "repeat-x", "repeat-y", "no-repeat"]).optional(),
+    size: import_zod.z.string().optional(),
+    position: import_zod.z.string().optional(),
+    attachment: import_zod.z.enum(["scroll", "fixed", "local"]).optional(),
+    scale: import_zod.z.number().optional(),
+    animation: import_zod.z.enum(["drift", "float", "shimmer", "shimmer-float", "none"]).optional(),
+    customAnimation: import_zod.z.string().optional()
+  }).optional(),
+  typography: import_zod.z.object({
+    fontFamily: import_zod.z.object({
+      primary: import_zod.z.string(),
+      secondary: import_zod.z.string()
+    }),
+    scale: import_zod.z.object({
+      xs: import_zod.z.string(),
+      sm: import_zod.z.string(),
+      base: import_zod.z.string(),
+      lg: import_zod.z.string(),
+      xl: import_zod.z.string(),
+      "2xl": import_zod.z.string(),
+      "3xl": import_zod.z.string()
+    })
+  }),
+  spacing: import_zod.z.object({
+    xs: import_zod.z.string(),
+    sm: import_zod.z.string(),
+    md: import_zod.z.string(),
+    lg: import_zod.z.string(),
+    xl: import_zod.z.string(),
+    "2xl": import_zod.z.string()
+  }),
+  components: import_zod.z.object({
+    button: componentStyleSchema.optional(),
+    card: componentStyleSchema.optional(),
+    header: componentStyleSchema.optional(),
+    footer: componentStyleSchema.optional()
+  }).optional()
+});
+var themeSchema = themeConfigSchema;
+
 // src/ThemeProvider.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -160,6 +229,9 @@ spacing:
 0 && (module.exports = {
   ThemeLoader,
   ThemeProvider,
+  componentStyleSchema,
+  themeConfigSchema,
+  themeSchema,
   useTheme
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/ThemeProvider.tsx","../src/themeLoader.ts"],"sourcesContent":["export * from './types';\nexport * from './ThemeProvider';\nexport * from './themeLoader';\nexport type { ThemeConfig, Theme, ComponentStyle } from './types';","import React, { createContext, useContext, useState, ReactNode } from 'react';\nimport { Theme } from './types';\n\ninterface ThemeContextType {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\n\ninterface ThemeProviderProps {\n  theme: Theme;\n  children: ReactNode;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme: initialTheme, children }) => {\n  const [theme, setTheme] = useState<Theme>(initialTheme);\n  return (\n    <ThemeContext.Provider value={{ theme, setTheme }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useTheme = (): ThemeContextType => {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n};","import * as yaml from 'js-yaml';\nimport { Theme } from './types';\n\nexport class ThemeLoader {\n  private static themes: Map<string, Theme> = new Map();\n\n  static loadThemeFromYaml(yamlContent: string): Theme {\n    try {\n      const theme = yaml.load(yamlContent) as Theme;\n      this.themes.set(theme.name, theme);\n      return theme;\n    } catch (error) {\n      throw new Error(`Failed to parse theme YAML: ${error}`);\n    }\n  }\n\n  static loadThemeFromFile(themeName: string): Theme {\n    // In a real implementation, this would load from the file system\n    // For now, we'll embed the themes\n    const themeData = this.getEmbeddedTheme(themeName);\n    return this.loadThemeFromYaml(themeData);\n  }\n\n  static getTheme(name: string): Theme | undefined {\n    return this.themes.get(name);\n  }\n\n  static getAllThemes(): Theme[] {\n    return Array.from(this.themes.values());\n  }\n\n  static registerCustomTheme(theme: Theme): void {\n    this.themes.set(theme.name, theme);\n    console.log(`🎨 Registered custom theme: ${theme.name}`);\n  }\n\n  static loadCustomTheme(theme: Theme): Theme {\n    this.registerCustomTheme(theme);\n    return theme;\n  }\n\n  private static getEmbeddedTheme(name: string): string {\n    const themes: Record<string, string> = {\n      corporate: `\nid: \"corporate\"\nname: \"Corporate\"\ndescription: \"A professional amber-toned corporate theme\"\ncolors:\n  primary: \"#f59e0b\"\n  secondary: \"#334155\"\n  accent: \"#d97706\"\n  background: \"#f8fafc\"\n  surface: \"#ffffff\"\n  text: \"#1f2937\"\n  textSecondary: \"#6b7280\"\ntypography:\n  fontFamily:\n    primary: \"Roboto, sans-serif\"\n    secondary: \"Roboto, sans-serif\"\n  scale:\n    xs: \"0.75rem\"\n    sm: \"0.875rem\"\n    base: \"1rem\"\n    lg: \"1.125rem\"\n    xl: \"1.25rem\"\n    2xl: \"1.5rem\"\n    3xl: \"1.875rem\"\nspacing:\n  xs: \"0.5rem\"\n  sm: \"0.75rem\"\n  md: \"1rem\"\n  lg: \"1.5rem\"\n  xl: \"2rem\"\n  2xl: \"3rem\"\n`,\n      soft: `\nid: \"soft\"\nname: \"Soft\"\ndescription: \"A gentle pink-toned soft theme\"\ncolors:\n  primary: \"#ec4899\"\n  secondary: \"#6b7280\"\n  accent: \"#db2777\"\n  background: \"#f9fafb\"\n  surface: \"#ffffff\"\n  text: \"#374151\"\n  textSecondary: \"#9ca3af\"\ntypography:\n  fontFamily:\n    primary: \"Roboto, sans-serif\"\n    secondary: \"Roboto, sans-serif\"\n  scale:\n    xs: \"0.75rem\"\n    sm: \"0.875rem\"\n    base: \"1rem\"\n    lg: \"1.125rem\"\n    xl: \"1.25rem\"\n    2xl: \"1.5rem\"\n    3xl: \"1.875rem\"\nspacing:\n  xs: \"0.5rem\"\n  sm: \"0.75rem\"\n  md: \"1rem\"\n  lg: \"1.5rem\"\n  xl: \"2rem\"\n  2xl: \"3rem\"\n`\n    };\n\n    if (!themes[name]) {\n      throw new Error(`Theme '${name}' not found`);\n    }\n\n    return themes[name];\n  }\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAsE;AAkBlE;AAVJ,IAAM,mBAAe,4BAA4C,MAAS;AAOnE,IAAM,gBAA8C,CAAC,EAAE,OAAO,cAAc,SAAS,MAAM;AAChG,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAgB,YAAY;AACtD,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,OAAO,SAAS,GAC7C,UACH;AAEJ;AAEO,IAAM,WAAW,MAAwB;AAC9C,QAAM,cAAU,yBAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;;;AC9BA,WAAsB;AAGf,IAAM,cAAN,MAAkB;AAAA,EACvB,OAAe,SAA6B,oBAAI,IAAI;AAAA,EAEpD,OAAO,kBAAkB,aAA4B;AACnD,QAAI;AACF,YAAM,QAAa,UAAK,WAAW;AACnC,WAAK,OAAO,IAAI,MAAM,MAAM,KAAK;AACjC,aAAO;AAAA,IACT,SAAS,OAAO;AACd,YAAM,IAAI,MAAM,+BAA+B,KAAK,EAAE;AAAA,IACxD;AAAA,EACF;AAAA,EAEA,OAAO,kBAAkB,WAA0B;AAGjD,UAAM,YAAY,KAAK,iBAAiB,SAAS;AACjD,WAAO,KAAK,kBAAkB,SAAS;AAAA,EACzC;AAAA,EAEA,OAAO,SAAS,MAAiC;AAC/C,WAAO,KAAK,OAAO,IAAI,IAAI;AAAA,EAC7B;AAAA,EAEA,OAAO,eAAwB;AAC7B,WAAO,MAAM,KAAK,KAAK,OAAO,OAAO,CAAC;AAAA,EACxC;AAAA,EAEA,OAAO,oBAAoB,OAAoB;AAC7C,SAAK,OAAO,IAAI,MAAM,MAAM,KAAK;AACjC,YAAQ,IAAI,sCAA+B,MAAM,IAAI,EAAE;AAAA,EACzD;AAAA,EAEA,OAAO,gBAAgB,OAAqB;AAC1C,SAAK,oBAAoB,KAAK;AAC9B,WAAO;AAAA,EACT;AAAA,EAEA,OAAe,iBAAiB,MAAsB;AACpD,UAAM,SAAiC;AAAA,MACrC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgCX,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgCR;AAEA,QAAI,CAAC,OAAO,IAAI,GAAG;AACjB,YAAM,IAAI,MAAM,UAAU,IAAI,aAAa;AAAA,IAC7C;AAEA,WAAO,OAAO,IAAI;AAAA,EACpB;AACF;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/types.ts","../src/ThemeProvider.tsx","../src/themeLoader.ts"],"sourcesContent":["export * from './types';\nexport * from './ThemeProvider';\nexport * from './themeLoader';\nexport type { ThemeConfig, Theme, ComponentStyle } from './types';\nexport { componentStyleSchema, themeConfigSchema, themeSchema } from './types';","import { z } from 'zod';\n\nexport const componentStyleSchema = z.object({\n    base: z.string().optional(),\n    primary: z.string().optional(),\n    secondary: z.string().optional(),\n    outline: z.string().optional(),\n    shadow: z.string().optional(),\n    nav: z.string().optional(),\n    text: z.string().optional(),\n}).catchall(z.string().optional());\n\nexport const themeConfigSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    description: z.string(),\n    colors: z.object({\n        primary: z.string(),\n        secondary: z.string(),\n        accent: z.string(),\n        background: z.string(),\n        surface: z.string(),\n        text: z.string(),\n        textSecondary: z.string(),\n    }),\n    backgroundImage: z.object({\n        url: z.string(),\n        repeat: z.enum(['repeat', 'repeat-x', 'repeat-y', 'no-repeat']).optional(),\n        size: z.string().optional(),\n        position: z.string().optional(),\n        attachment: z.enum(['scroll', 'fixed', 'local']).optional(),\n        scale: z.number().optional(),\n        animation: z.enum(['drift', 'float', 'shimmer', 'shimmer-float', 'none']).optional(),\n        customAnimation: z.string().optional(),\n    }).optional(),\n    typography: z.object({\n        fontFamily: z.object({\n            primary: z.string(),\n            secondary: z.string(),\n        }),\n        scale: z.object({\n            xs: z.string(),\n            sm: z.string(),\n            base: z.string(),\n            lg: z.string(),\n            xl: z.string(),\n            '2xl': z.string(),\n            '3xl': z.string(),\n        }),\n    }),\n    spacing: z.object({\n        xs: z.string(),\n        sm: z.string(),\n        md: z.string(),\n        lg: z.string(),\n        xl: z.string(),\n        '2xl': z.string(),\n    }),\n    components: z.object({\n        button: componentStyleSchema.optional(),\n        card: componentStyleSchema.optional(),\n        header: componentStyleSchema.optional(),\n        footer: componentStyleSchema.optional(),\n    }).optional(),\n});\n\nexport const themeSchema = themeConfigSchema;\n\nexport type ThemeConfig = z.infer<typeof themeConfigSchema>;\nexport type ComponentStyle = z.infer<typeof componentStyleSchema>;\nexport interface Theme extends ThemeConfig {}\n","import React, { createContext, useContext, useState, ReactNode } from 'react';\nimport { Theme } from './types';\n\ninterface ThemeContextType {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\n\ninterface ThemeProviderProps {\n  theme: Theme;\n  children: ReactNode;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme: initialTheme, children }) => {\n  const [theme, setTheme] = useState<Theme>(initialTheme);\n  return (\n    <ThemeContext.Provider value={{ theme, setTheme }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useTheme = (): ThemeContextType => {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n};","import * as yaml from 'js-yaml';\nimport { Theme } from './types';\n\nexport class ThemeLoader {\n  private static themes: Map<string, Theme> = new Map();\n\n  static loadThemeFromYaml(yamlContent: string): Theme {\n    try {\n      const theme = yaml.load(yamlContent) as Theme;\n      this.themes.set(theme.name, theme);\n      return theme;\n    } catch (error) {\n      throw new Error(`Failed to parse theme YAML: ${error}`);\n    }\n  }\n\n  static loadThemeFromFile(themeName: string): Theme {\n    // In a real implementation, this would load from the file system\n    // For now, we'll embed the themes\n    const themeData = this.getEmbeddedTheme(themeName);\n    return this.loadThemeFromYaml(themeData);\n  }\n\n  static getTheme(name: string): Theme | undefined {\n    return this.themes.get(name);\n  }\n\n  static getAllThemes(): Theme[] {\n    return Array.from(this.themes.values());\n  }\n\n  static registerCustomTheme(theme: Theme): void {\n    this.themes.set(theme.name, theme);\n    console.log(`🎨 Registered custom theme: ${theme.name}`);\n  }\n\n  static loadCustomTheme(theme: Theme): Theme {\n    this.registerCustomTheme(theme);\n    return theme;\n  }\n\n  private static getEmbeddedTheme(name: string): string {\n    const themes: Record<string, string> = {\n      corporate: `\nid: \"corporate\"\nname: \"Corporate\"\ndescription: \"A professional amber-toned corporate theme\"\ncolors:\n  primary: \"#f59e0b\"\n  secondary: \"#334155\"\n  accent: \"#d97706\"\n  background: \"#f8fafc\"\n  surface: \"#ffffff\"\n  text: \"#1f2937\"\n  textSecondary: \"#6b7280\"\ntypography:\n  fontFamily:\n    primary: \"Roboto, sans-serif\"\n    secondary: \"Roboto, sans-serif\"\n  scale:\n    xs: \"0.75rem\"\n    sm: \"0.875rem\"\n    base: \"1rem\"\n    lg: \"1.125rem\"\n    xl: \"1.25rem\"\n    2xl: \"1.5rem\"\n    3xl: \"1.875rem\"\nspacing:\n  xs: \"0.5rem\"\n  sm: \"0.75rem\"\n  md: \"1rem\"\n  lg: \"1.5rem\"\n  xl: \"2rem\"\n  2xl: \"3rem\"\n`,\n      soft: `\nid: \"soft\"\nname: \"Soft\"\ndescription: \"A gentle pink-toned soft theme\"\ncolors:\n  primary: \"#ec4899\"\n  secondary: \"#6b7280\"\n  accent: \"#db2777\"\n  background: \"#f9fafb\"\n  surface: \"#ffffff\"\n  text: \"#374151\"\n  textSecondary: \"#9ca3af\"\ntypography:\n  fontFamily:\n    primary: \"Roboto, sans-serif\"\n    secondary: \"Roboto, sans-serif\"\n  scale:\n    xs: \"0.75rem\"\n    sm: \"0.875rem\"\n    base: \"1rem\"\n    lg: \"1.125rem\"\n    xl: \"1.25rem\"\n    2xl: \"1.5rem\"\n    3xl: \"1.875rem\"\nspacing:\n  xs: \"0.5rem\"\n  sm: \"0.75rem\"\n  md: \"1rem\"\n  lg: \"1.5rem\"\n  xl: \"2rem\"\n  2xl: \"3rem\"\n`\n    };\n\n    if (!themes[name]) {\n      throw new Error(`Theme '${name}' not found`);\n    }\n\n    return themes[name];\n  }\n}"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -1,3 +1,69 @@
+// src/types.ts
+import { z } from "zod";
+var componentStyleSchema = z.object({
+  base: z.string().optional(),
+  primary: z.string().optional(),
+  secondary: z.string().optional(),
+  outline: z.string().optional(),
+  shadow: z.string().optional(),
+  nav: z.string().optional(),
+  text: z.string().optional()
+}).catchall(z.string().optional());
+var themeConfigSchema = z.object({
+  id: z.string(),
+  name: z.string(),
+  description: z.string(),
+  colors: z.object({
+    primary: z.string(),
+    secondary: z.string(),
+    accent: z.string(),
+    background: z.string(),
+    surface: z.string(),
+    text: z.string(),
+    textSecondary: z.string()
+  }),
+  backgroundImage: z.object({
+    url: z.string(),
+    repeat: z.enum(["repeat", "repeat-x", "repeat-y", "no-repeat"]).optional(),
+    size: z.string().optional(),
+    position: z.string().optional(),
+    attachment: z.enum(["scroll", "fixed", "local"]).optional(),
+    scale: z.number().optional(),
+    animation: z.enum(["drift", "float", "shimmer", "shimmer-float", "none"]).optional(),
+    customAnimation: z.string().optional()
+  }).optional(),
+  typography: z.object({
+    fontFamily: z.object({
+      primary: z.string(),
+      secondary: z.string()
+    }),
+    scale: z.object({
+      xs: z.string(),
+      sm: z.string(),
+      base: z.string(),
+      lg: z.string(),
+      xl: z.string(),
+      "2xl": z.string(),
+      "3xl": z.string()
+    })
+  }),
+  spacing: z.object({
+    xs: z.string(),
+    sm: z.string(),
+    md: z.string(),
+    lg: z.string(),
+    xl: z.string(),
+    "2xl": z.string()
+  }),
+  components: z.object({
+    button: componentStyleSchema.optional(),
+    card: componentStyleSchema.optional(),
+    header: componentStyleSchema.optional(),
+    footer: componentStyleSchema.optional()
+  }).optional()
+});
+var themeSchema = themeConfigSchema;
+
 // src/ThemeProvider.tsx
 import { createContext, useContext, useState } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -121,6 +187,9 @@ spacing:
 export {
   ThemeLoader,
   ThemeProvider,
+  componentStyleSchema,
+  themeConfigSchema,
+  themeSchema,
   useTheme
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ThemeProvider.tsx","../src/themeLoader.ts"],"sourcesContent":["import React, { createContext, useContext, useState, ReactNode } from 'react';\nimport { Theme } from './types';\n\ninterface ThemeContextType {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\n\ninterface ThemeProviderProps {\n  theme: Theme;\n  children: ReactNode;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme: initialTheme, children }) => {\n  const [theme, setTheme] = useState<Theme>(initialTheme);\n  return (\n    <ThemeContext.Provider value={{ theme, setTheme }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useTheme = (): ThemeContextType => {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n};","import * as yaml from 'js-yaml';\nimport { Theme } from './types';\n\nexport class ThemeLoader {\n  private static themes: Map<string, Theme> = new Map();\n\n  static loadThemeFromYaml(yamlContent: string): Theme {\n    try {\n      const theme = yaml.load(yamlContent) as Theme;\n      this.themes.set(theme.name, theme);\n      return theme;\n    } catch (error) {\n      throw new Error(`Failed to parse theme YAML: ${error}`);\n    }\n  }\n\n  static loadThemeFromFile(themeName: string): Theme {\n    // In a real implementation, this would load from the file system\n    // For now, we'll embed the themes\n    const themeData = this.getEmbeddedTheme(themeName);\n    return this.loadThemeFromYaml(themeData);\n  }\n\n  static getTheme(name: string): Theme | undefined {\n    return this.themes.get(name);\n  }\n\n  static getAllThemes(): Theme[] {\n    return Array.from(this.themes.values());\n  }\n\n  static registerCustomTheme(theme: Theme): void {\n    this.themes.set(theme.name, theme);\n    console.log(`🎨 Registered custom theme: ${theme.name}`);\n  }\n\n  static loadCustomTheme(theme: Theme): Theme {\n    this.registerCustomTheme(theme);\n    return theme;\n  }\n\n  private static getEmbeddedTheme(name: string): string {\n    const themes: Record<string, string> = {\n      corporate: `\nid: \"corporate\"\nname: \"Corporate\"\ndescription: \"A professional amber-toned corporate theme\"\ncolors:\n  primary: \"#f59e0b\"\n  secondary: \"#334155\"\n  accent: \"#d97706\"\n  background: \"#f8fafc\"\n  surface: \"#ffffff\"\n  text: \"#1f2937\"\n  textSecondary: \"#6b7280\"\ntypography:\n  fontFamily:\n    primary: \"Roboto, sans-serif\"\n    secondary: \"Roboto, sans-serif\"\n  scale:\n    xs: \"0.75rem\"\n    sm: \"0.875rem\"\n    base: \"1rem\"\n    lg: \"1.125rem\"\n    xl: \"1.25rem\"\n    2xl: \"1.5rem\"\n    3xl: \"1.875rem\"\nspacing:\n  xs: \"0.5rem\"\n  sm: \"0.75rem\"\n  md: \"1rem\"\n  lg: \"1.5rem\"\n  xl: \"2rem\"\n  2xl: \"3rem\"\n`,\n      soft: `\nid: \"soft\"\nname: \"Soft\"\ndescription: \"A gentle pink-toned soft theme\"\ncolors:\n  primary: \"#ec4899\"\n  secondary: \"#6b7280\"\n  accent: \"#db2777\"\n  background: \"#f9fafb\"\n  surface: \"#ffffff\"\n  text: \"#374151\"\n  textSecondary: \"#9ca3af\"\ntypography:\n  fontFamily:\n    primary: \"Roboto, sans-serif\"\n    secondary: \"Roboto, sans-serif\"\n  scale:\n    xs: \"0.75rem\"\n    sm: \"0.875rem\"\n    base: \"1rem\"\n    lg: \"1.125rem\"\n    xl: \"1.25rem\"\n    2xl: \"1.5rem\"\n    3xl: \"1.875rem\"\nspacing:\n  xs: \"0.5rem\"\n  sm: \"0.75rem\"\n  md: \"1rem\"\n  lg: \"1.5rem\"\n  xl: \"2rem\"\n  2xl: \"3rem\"\n`\n    };\n\n    if (!themes[name]) {\n      throw new Error(`Theme '${name}' not found`);\n    }\n\n    return themes[name];\n  }\n}"],"mappings":";AAAA,SAAgB,eAAe,YAAY,gBAA2B;AAkBlE;AAVJ,IAAM,eAAe,cAA4C,MAAS;AAOnE,IAAM,gBAA8C,CAAC,EAAE,OAAO,cAAc,SAAS,MAAM;AAChG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB,YAAY;AACtD,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,OAAO,SAAS,GAC7C,UACH;AAEJ;AAEO,IAAM,WAAW,MAAwB;AAC9C,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;;;AC9BA,YAAY,UAAU;AAGf,IAAM,cAAN,MAAkB;AAAA,EACvB,OAAe,SAA6B,oBAAI,IAAI;AAAA,EAEpD,OAAO,kBAAkB,aAA4B;AACnD,QAAI;AACF,YAAM,QAAa,UAAK,WAAW;AACnC,WAAK,OAAO,IAAI,MAAM,MAAM,KAAK;AACjC,aAAO;AAAA,IACT,SAAS,OAAO;AACd,YAAM,IAAI,MAAM,+BAA+B,KAAK,EAAE;AAAA,IACxD;AAAA,EACF;AAAA,EAEA,OAAO,kBAAkB,WAA0B;AAGjD,UAAM,YAAY,KAAK,iBAAiB,SAAS;AACjD,WAAO,KAAK,kBAAkB,SAAS;AAAA,EACzC;AAAA,EAEA,OAAO,SAAS,MAAiC;AAC/C,WAAO,KAAK,OAAO,IAAI,IAAI;AAAA,EAC7B;AAAA,EAEA,OAAO,eAAwB;AAC7B,WAAO,MAAM,KAAK,KAAK,OAAO,OAAO,CAAC;AAAA,EACxC;AAAA,EAEA,OAAO,oBAAoB,OAAoB;AAC7C,SAAK,OAAO,IAAI,MAAM,MAAM,KAAK;AACjC,YAAQ,IAAI,sCAA+B,MAAM,IAAI,EAAE;AAAA,EACzD;AAAA,EAEA,OAAO,gBAAgB,OAAqB;AAC1C,SAAK,oBAAoB,KAAK;AAC9B,WAAO;AAAA,EACT;AAAA,EAEA,OAAe,iBAAiB,MAAsB;AACpD,UAAM,SAAiC;AAAA,MACrC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgCX,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgCR;AAEA,QAAI,CAAC,OAAO,IAAI,GAAG;AACjB,YAAM,IAAI,MAAM,UAAU,IAAI,aAAa;AAAA,IAC7C;AAEA,WAAO,OAAO,IAAI;AAAA,EACpB;AACF;","names":[]}
+{"version":3,"sources":["../src/types.ts","../src/ThemeProvider.tsx","../src/themeLoader.ts"],"sourcesContent":["import { z } from 'zod';\n\nexport const componentStyleSchema = z.object({\n    base: z.string().optional(),\n    primary: z.string().optional(),\n    secondary: z.string().optional(),\n    outline: z.string().optional(),\n    shadow: z.string().optional(),\n    nav: z.string().optional(),\n    text: z.string().optional(),\n}).catchall(z.string().optional());\n\nexport const themeConfigSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    description: z.string(),\n    colors: z.object({\n        primary: z.string(),\n        secondary: z.string(),\n        accent: z.string(),\n        background: z.string(),\n        surface: z.string(),\n        text: z.string(),\n        textSecondary: z.string(),\n    }),\n    backgroundImage: z.object({\n        url: z.string(),\n        repeat: z.enum(['repeat', 'repeat-x', 'repeat-y', 'no-repeat']).optional(),\n        size: z.string().optional(),\n        position: z.string().optional(),\n        attachment: z.enum(['scroll', 'fixed', 'local']).optional(),\n        scale: z.number().optional(),\n        animation: z.enum(['drift', 'float', 'shimmer', 'shimmer-float', 'none']).optional(),\n        customAnimation: z.string().optional(),\n    }).optional(),\n    typography: z.object({\n        fontFamily: z.object({\n            primary: z.string(),\n            secondary: z.string(),\n        }),\n        scale: z.object({\n            xs: z.string(),\n            sm: z.string(),\n            base: z.string(),\n            lg: z.string(),\n            xl: z.string(),\n            '2xl': z.string(),\n            '3xl': z.string(),\n        }),\n    }),\n    spacing: z.object({\n        xs: z.string(),\n        sm: z.string(),\n        md: z.string(),\n        lg: z.string(),\n        xl: z.string(),\n        '2xl': z.string(),\n    }),\n    components: z.object({\n        button: componentStyleSchema.optional(),\n        card: componentStyleSchema.optional(),\n        header: componentStyleSchema.optional(),\n        footer: componentStyleSchema.optional(),\n    }).optional(),\n});\n\nexport const themeSchema = themeConfigSchema;\n\nexport type ThemeConfig = z.infer<typeof themeConfigSchema>;\nexport type ComponentStyle = z.infer<typeof componentStyleSchema>;\nexport interface Theme extends ThemeConfig {}\n","import React, { createContext, useContext, useState, ReactNode } from 'react';\nimport { Theme } from './types';\n\ninterface ThemeContextType {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\n\ninterface ThemeProviderProps {\n  theme: Theme;\n  children: ReactNode;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme: initialTheme, children }) => {\n  const [theme, setTheme] = useState<Theme>(initialTheme);\n  return (\n    <ThemeContext.Provider value={{ theme, setTheme }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useTheme = (): ThemeContextType => {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n};","import * as yaml from 'js-yaml';\nimport { Theme } from './types';\n\nexport class ThemeLoader {\n  private static themes: Map<string, Theme> = new Map();\n\n  static loadThemeFromYaml(yamlContent: string): Theme {\n    try {\n      const theme = yaml.load(yamlContent) as Theme;\n      this.themes.set(theme.name, theme);\n      return theme;\n    } catch (error) {\n      throw new Error(`Failed to parse theme YAML: ${error}`);\n    }\n  }\n\n  static loadThemeFromFile(themeName: string): Theme {\n    // In a real implementation, this would load from the file system\n    // For now, we'll embed the themes\n    const themeData = this.getEmbeddedTheme(themeName);\n    return this.loadThemeFromYaml(themeData);\n  }\n\n  static getTheme(name: string): Theme | undefined {\n    return this.themes.get(name);\n  }\n\n  static getAllThemes(): Theme[] {\n    return Array.from(this.themes.values());\n  }\n\n  static registerCustomTheme(theme: Theme): void {\n    this.themes.set(theme.name, theme);\n    console.log(`🎨 Registered custom theme: ${theme.name}`);\n  }\n\n  static loadCustomTheme(theme: Theme): Theme {\n    this.registerCustomTheme(theme);\n    return theme;\n  }\n\n  private static getEmbeddedTheme(name: string): string {\n    const themes: Record<string, string> = {\n      corporate: `\nid: \"corporate\"\nname: \"Corporate\"\ndescription: \"A professional amber-toned corporate theme\"\ncolors:\n  primary: \"#f59e0b\"\n  secondary: \"#334155\"\n  accent: \"#d97706\"\n  background: \"#f8fafc\"\n  surface: \"#ffffff\"\n  text: \"#1f2937\"\n  textSecondary: \"#6b7280\"\ntypography:\n  fontFamily:\n    primary: \"Roboto, sans-serif\"\n    secondary: \"Roboto, sans-serif\"\n  scale:\n    xs: \"0.75rem\"\n    sm: \"0.875rem\"\n    base: \"1rem\"\n    lg: \"1.125rem\"\n    xl: \"1.25rem\"\n    2xl: \"1.5rem\"\n    3xl: \"1.875rem\"\nspacing:\n  xs: \"0.5rem\"\n  sm: \"0.75rem\"\n  md: \"1rem\"\n  lg: \"1.5rem\"\n  xl: \"2rem\"\n  2xl: \"3rem\"\n`,\n      soft: `\nid: \"soft\"\nname: \"Soft\"\ndescription: \"A gentle pink-toned soft theme\"\ncolors:\n  primary: \"#ec4899\"\n  secondary: \"#6b7280\"\n  accent: \"#db2777\"\n  background: \"#f9fafb\"\n  surface: \"#ffffff\"\n  text: \"#374151\"\n  textSecondary: \"#9ca3af\"\ntypography:\n  fontFamily:\n    primary: \"Roboto, sans-serif\"\n    secondary: \"Roboto, sans-serif\"\n  scale:\n    xs: \"0.75rem\"\n    sm: \"0.875rem\"\n    base: \"1rem\"\n    lg: \"1.125rem\"\n    xl: \"1.25rem\"\n    2xl: \"1.5rem\"\n    3xl: \"1.875rem\"\nspacing:\n  xs: \"0.5rem\"\n  sm: \"0.75rem\"\n  md: \"1rem\"\n  lg: \"1.5rem\"\n  xl: \"2rem\"\n  2xl: \"3rem\"\n`\n    };\n\n    if (!themes[name]) {\n      throw new Error(`Theme '${name}' not found`);\n    }\n\n    return themes[name];\n  }\n}"],"mappings":"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","names":[]}

package/package.json

@@ -1,18 +1,37 @@
 {
   "name": "@stackwright/themes",
-  "version": "0.3.1",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "version": "0.4.1",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Per-Aspera-LLC/stackwright"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
   "dependencies": {
-    "react": "^19",
-    "js-yaml": "^4"
+    "js-yaml": "^4",
+    "zod": "^4.1.12"
   },
   "devDependencies": {
     "@types/react": "^19",
     "@types/js-yaml": "^4",
+    "react": "^19",
     "typescript": "^5",
     "tsup": "^8",
-    "vitest": "^3"
+    "vitest": "^4"
+  },
+  "peerDependencies": {
+    "react": "^19"
   },
   "scripts": {
     "build": "tsup",

package/AGENTS.md

@@ -1,222 +0,0 @@
-# @stackwright/themes - Theme System
-
-## Overview
-
-The `@stackwright/themes` package provides a YAML-configurable theme system for Stackwright applications. It enables developers and content creators to define custom visual themes declaratively, supporting everything from color palettes to typography scales and component styling variants.
-
-## Key Features
-
-### YAML-Driven Theme Configuration
-Themes are defined in YAML format, making them accessible to non-developers:
-
-```yaml
-id: "custom-brand-theme"
-name: "Custom Brand Theme"
-description: "A theme for our brand identity"
-colors:
-  primary: "#1976d2"
-  secondary: "#dc004e"
-  accent: "#9c27b0"
-  background: "#ffffff"
-  text: "#212121"
-typography:
-  fontFamily:
-    primary: "Inter"
-    secondary: "Cinzel"
-spacing:
-  xs: "0.5rem"
-  sm: "0.75rem"
-  md: "1rem"
-  lg: "1.5rem"
-  xl: "2rem"
-```
-
-### Dynamic Color Resolution
-The theme system provides intelligent color resolution that supports:
-- **Hex codes**: Direct color values like `#1976d2`
-- **Theme references**: Named colors from the theme palette
-- **Fallback handling**: Graceful degradation for invalid colors
-
-```typescript
-// Color resolution example from core package
-function resolveColor(colorValue: string, themeColors: Record<string, string>): string {
-  if (colorValue.startsWith('#')) {
-    return colorValue; // Already a hex code
-  }
-  return themeColors[colorValue] || colorValue;
-}
-```
-
-### Component Integration
-Themes seamlessly integrate with React components through the `useSafeTheme()` hook:
-
-```typescript
-// Example from ThemedButton component
-const theme = useSafeTheme();
-const buttonColor = button.buttonBackground 
-  ? resolveColor(button.buttonBackground)
-  : background 
-  ? resolveColor(background)
-  : theme.colors.primary;
-```
-
-### Background Image Support
-Themes support background images with automatic transparency handling:
-
-```typescript
-// From PageLayout component
-const hasBackgroundImage = siteConfig?.customTheme?.backgroundImage?.url;
-const backgroundColor = hasBackgroundImage ? 'transparent' : theme.colors.background;
-```
-
-## Architecture
-
-### Dependencies
-- **React**: Core React hooks and components
-- **js-yaml**: YAML parsing and serialization
-- **TypeScript**: Type safety and development experience
-
-### Build Configuration
-The package uses `tsup` for building with dual format support:
-
-```typescript
-// tsup.config.ts
-export default defineConfig({
-  entry: ['src/index.ts'],
-  format: ['cjs', 'esm'],
-  dts: true,
-  target: 'es2022',
-  splitting: false,
-  sourcemap: true,
-  clean: true,
-  outExtension({ format }) {
-    return {
-      js: format === 'cjs' ? '.js' : '.mjs',
-    }
-  }
-});
-```
-
-## Development Workflow
-
-### Theme Creation Process
-1. **Define theme YAML** with colors, typography, and spacing
-2. **Add theme exports** in the themes package index
-3. **Test integration** with example applications
-4. **Validate** theme structure and color accessibility
-
-### Custom Theme Generation
-The CLI package can generate custom themes from brand specifications:
-
-```javascript
-// From CLI custom theme generation
-function generateCustomTheme(brand) {
-  const colors = mapBrandColorsToTheme(brand.colors);
-  
-  return {
-    id: `${brand.name.toLowerCase().replace(/\s+/g, '-')}-custom`,
-    name: `${brand.name} Custom`,
-    description: `Custom theme for ${brand.name}`,
-    colors,
-    typography: {
-      fontFamily: {
-        primary: brand.fonts.find(f => f.usage === 'body')?.name || 'Inter',
-        secondary: brand.fonts.find(f => f.usage === 'titles')?.name || 'Cinzel'
-      }
-    }
-  };
-}
-```
-
-## Integration Points
-
-### With Core Framework
-- **Color resolution**: Used throughout component system
-- **Theme hooks**: Provides `useSafeTheme()` for components
-- **Layout integration**: Background and styling support
-
-### With CLI Tools
-- **Theme generation**: AI-powered custom theme creation
-- **Validation**: Schema validation for theme structure
-- **Documentation**: Auto-generated theme reference
-
-### With Next.js Adapter
-- **SSR support**: Server-side theme resolution
-- **Static generation**: Build-time theme optimization
-- **Route integration**: Theme switching capabilities
-
-## Theme Structure
-
-### Core Properties
-- **`id`**: Unique theme identifier
-- **`name`**: Human-readable theme name
-- **`description`**: Theme description and usage notes
-- **`colors`**: Color palette definition
-- **`typography`**: Font family and text styling
-- **`spacing`**: Consistent spacing scale
-
-### Color Palette
-Standard color keys supported:
-- `primary`: Main brand color
-- `secondary`: Secondary brand color  
-- `accent`: Accent/highlight color
-- `background`: Page background color
-- `text`: Primary text color
-
-### Typography System
-Font family configuration:
-- `primary`: Body text font
-- `secondary`: Heading/title font
-
-### Spacing Scale
-Consistent spacing tokens:
-- `xs`, `sm`, `md`, `lg`, `xl`, `2xl`: Progressive spacing scale
-
-## Testing and Validation
-
-### Development Testing
-```bash
-# Build the themes package
-pnpm build:themes
-
-# Test with example application
-pnpm dev:example
-```
-
-### Theme Validation
-- **YAML parsing**: Ensures valid YAML structure
-- **Type checking**: TypeScript validation of theme properties
-- **Color validation**: Hex code and named color validation
-- **Integration testing**: Cross-package theme usage validation
-
-## Future Enhancements
-
-### Planned Features
-- **Theme variants**: Light/dark mode support
-- **Component theming**: Per-component style overrides
-- **Theme inheritance**: Base theme extension capabilities
-- **Advanced typography**: Font weight and size scales
-- **Animation themes**: Motion and transition definitions
-
-### Performance Optimizations
-- **Theme caching**: Runtime theme resolution caching
-- **Build-time optimization**: Static theme extraction
-- **Selective loading**: Dynamic theme loading
-
-## Contributing
-
-### Adding New Themes
-1. Create theme YAML definition
-2. Add to package exports
-3. Update documentation
-4. Test across components
-
-### Extending Theme Properties
-1. Update TypeScript types
-2. Modify parsing logic
-3. Update component integration
-4. Add CLI generation support
-
----
-
-**Note**: The themes package is currently in active development (version 0.3.1-alpha.1). Theme structure and APIs may evolve as the framework matures.

package/CHANGELOG.md

@@ -1,61 +0,0 @@
-# @stackwright/themes
-
-## 0.3.1
-
-### Patch Changes
-
-- dc2db25: Adding null checks to core
-- bd7cd6e: Internal packagename refactor.
-- ca71410: Core testing implemented
-- 51dbbc9: Refactor types out of core into own package.
-- f195337: Adding test dependencies to all packages.
-- 5ff20a6: Fixing mixed compilation tooling (tsup/tsc) to only tsup
-- 46df7ac: Documentation updates
-- e4fbf2f: Update all dependencies
-- cc761ce: More version updates
-
-## 0.3.1-alpha.5
-
-### Patch Changes
-
-- dc2db25: Adding null checks to core
-
-## 0.3.1-alpha.4
-
-### Patch Changes
-
-- cc761ce: More version updates
-
-## 0.3.1-alpha.3
-
-### Patch Changes
-
-- e4fbf2f: Update all dependencies
-
-## 0.3.1-alpha.2
-
-### Patch Changes
-
-- 46df7ac: Documentation updates
-
-## 0.3.1-alpha.1
-
-### Patch Changes
-
-- 51dbbc9: Refactor types out of core into own package.
-
-## 0.3.1-alpha.0
-
-### Patch Changes
-
-- bd7cd6e: Internal packagename refactor.
-- ca71410: Core testing implemented
-- f195337: Adding test dependencies to all packages.
-- 5ff20a6: Fixing mixed compilation tooling (tsup/tsc) to only tsup
-
-## 0.2.1
-
-### Patch Changes
-
-- 78a02d1: "testing beta tagging"
-- d66fda6: Bump to test github publish action

package/src/ThemeProvider.tsx

@@ -1,31 +0,0 @@
-import React, { createContext, useContext, useState, ReactNode } from 'react';
-import { Theme } from './types';
-
-interface ThemeContextType {
-  theme: Theme;
-  setTheme: (theme: Theme) => void;
-}
-
-const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
-
-interface ThemeProviderProps {
-  theme: Theme;
-  children: ReactNode;
-}
-
-export const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme: initialTheme, children }) => {
-  const [theme, setTheme] = useState<Theme>(initialTheme);
-  return (
-    <ThemeContext.Provider value={{ theme, setTheme }}>
-      {children}
-    </ThemeContext.Provider>
-  );
-};
-
-export const useTheme = (): ThemeContextType => {
-  const context = useContext(ThemeContext);
-  if (!context) {
-    throw new Error('useTheme must be used within a ThemeProvider');
-  }
-  return context;
-};

package/src/index.ts

@@ -1,4 +0,0 @@
-export * from './types';
-export * from './ThemeProvider';
-export * from './themeLoader';
-export type { ThemeConfig, Theme, ComponentStyle } from './types';