@shumoku/core 0.2.0 → 0.2.3

package/src/themes/utils.ts

@@ -2,14 +2,14 @@
  * Theme utilities
  */
 
-import type { Theme, ThemeOptions, DeepPartial } from './types.js'
+import type { DeepPartial, Theme, ThemeOptions } from './types.js'
 
 /**
  * Merge theme with overrides
  */
 export function mergeTheme(base: Theme, overrides?: DeepPartial<Theme>): Theme {
   if (!overrides) return base
-  
+
   return deepMerge(base, overrides) as Theme
 }
 
@@ -26,7 +26,7 @@ export function createTheme(options: ThemeOptions): Theme {
  */
 export function applyThemeToCSS(theme: Theme, root: HTMLElement = document.documentElement): void {
   const prefix = '--shumoku'
-  
+
   // Colors
   root.style.setProperty(`${prefix}-bg`, theme.colors.background)
   root.style.setProperty(`${prefix}-surface`, theme.colors.surface)
@@ -38,34 +38,34 @@ export function applyThemeToCSS(theme: Theme, root: HTMLElement = document.docum
   root.style.setProperty(`${prefix}-warning`, theme.colors.warning)
   root.style.setProperty(`${prefix}-error`, theme.colors.error)
   root.style.setProperty(`${prefix}-info`, theme.colors.info)
-  
+
   // Dimensions
   root.style.setProperty(`${prefix}-radius-sm`, `${theme.dimensions.radius.small}px`)
   root.style.setProperty(`${prefix}-radius-md`, `${theme.dimensions.radius.medium}px`)
   root.style.setProperty(`${prefix}-radius-lg`, `${theme.dimensions.radius.large}px`)
-  
+
   // Spacing
   root.style.setProperty(`${prefix}-space-xs`, `${theme.dimensions.spacing.xs}px`)
   root.style.setProperty(`${prefix}-space-sm`, `${theme.dimensions.spacing.sm}px`)
   root.style.setProperty(`${prefix}-space-md`, `${theme.dimensions.spacing.md}px`)
   root.style.setProperty(`${prefix}-space-lg`, `${theme.dimensions.spacing.lg}px`)
   root.style.setProperty(`${prefix}-space-xl`, `${theme.dimensions.spacing.xl}px`)
-  
+
   // Typography
   root.style.setProperty(`${prefix}-font-sans`, theme.typography.fontFamily.sans)
   root.style.setProperty(`${prefix}-font-mono`, theme.typography.fontFamily.mono)
-  
+
   // Shadows
   const shadowToCSS = (shadow: Theme['shadows'][keyof Theme['shadows']]) => {
     const alpha = shadow.alpha || 1
     const color = hexToRgba(shadow.color, alpha)
     return `${shadow.offsetX}px ${shadow.offsetY}px ${shadow.blur}px ${color}`
   }
-  
+
   root.style.setProperty(`${prefix}-shadow-sm`, shadowToCSS(theme.shadows.small))
   root.style.setProperty(`${prefix}-shadow-md`, shadowToCSS(theme.shadows.medium))
   root.style.setProperty(`${prefix}-shadow-lg`, shadowToCSS(theme.shadows.large))
-  
+
   // Set theme variant
   root.setAttribute('data-theme', theme.variant)
 }
@@ -76,11 +76,11 @@ export function applyThemeToCSS(theme: Theme, root: HTMLElement = document.docum
 export function getThemeFromCSS(root: HTMLElement = document.documentElement): Partial<Theme> {
   const prefix = '--shumoku'
   const style = getComputedStyle(root)
-  
+
   const getVar = (name: string) => style.getPropertyValue(`${prefix}-${name}`).trim()
-  
+
   return {
-    variant: root.getAttribute('data-theme') as 'light' | 'dark' || 'light',
+    variant: (root.getAttribute('data-theme') as 'light' | 'dark') || 'light',
     colors: {
       background: getVar('bg'),
       surface: getVar('surface'),
@@ -99,29 +99,30 @@ export function getThemeFromCSS(root: HTMLElement = document.documentElement): P
 /**
  * Convert hex color to rgba
  */
-function hexToRgba(hex: string, alpha: number = 1): string {
+function hexToRgba(hex: string, alpha = 1): string {
   if (hex === 'transparent') return 'transparent'
-  
+
   const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
   if (!result) return hex
-  
-  const r = parseInt(result[1], 16)
-  const g = parseInt(result[2], 16)
-  const b = parseInt(result[3], 16)
-  
+
+  const r = Number.parseInt(result[1], 16)
+  const g = Number.parseInt(result[2], 16)
+  const b = Number.parseInt(result[3], 16)
+
   return `rgba(${r}, ${g}, ${b}, ${alpha})`
 }
 
 /**
  * Deep merge utility
  */
+// biome-ignore lint/suspicious/noExplicitAny: generic deep merge requires any types
 function deepMerge(target: any, source: any): any {
   if (!source) return target
-  
+
   const result = { ...target }
-  
+
   for (const key in source) {
-    if (source.hasOwnProperty(key)) {
+    if (Object.hasOwn(source, key)) {
       if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
         result[key] = deepMerge(target[key] || {}, source[key])
       } else {
@@ -129,7 +130,7 @@ function deepMerge(target: any, source: any): any {
       }
     }
   }
-  
+
   return result
 }
 
@@ -140,4 +141,4 @@ function getDefaultTheme(): Theme {
   // Lazy import to avoid circular dependency
   const { modernTheme } = require('./modern')
   return modernTheme
-}
+}

package/src/renderer/index.ts

@@ -1,6 +0,0 @@
-/**
- * Shumoku Renderers
- */
-
-export { SVGRenderer, svgRenderer } from './svg.js'
-export type { SVGRendererOptions } from './svg.js'