@duskmoon-dev/el-base 0.6.0

package/dist/types/mixins.d.ts.map

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

package/dist/types/performance.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Performance utilities for DuskMoon custom elements
+ *
+ * Provides debounce, throttle, and scheduling helpers for
+ * optimizing element responsiveness and reducing unnecessary work.
+ *
+ * @example
+ * ```ts
+ * import { debounce, throttle, scheduleTask } from '@duskmoon-dev/el-base';
+ *
+ * class MySearch extends BaseElement {
+ *   #search = debounce((query: string) => {
+ *     this.emit('search', { query });
+ *   }, 300);
+ *
+ *   #handleScroll = throttle(() => {
+ *     this._updatePosition();
+ *   }, 100);
+ * }
+ * ```
+ */
+/**
+ * Creates a debounced function that delays invocation until after
+ * `delay` milliseconds have elapsed since the last call.
+ *
+ * Returns a function with a `.cancel()` method to abort pending execution.
+ */
+export declare function debounce<T extends (...args: Parameters<T>) => void>(fn: T, delay: number): T & {
+    cancel: () => void;
+};
+/**
+ * Creates a throttled function that invokes at most once per `interval` ms.
+ * Uses leading-edge execution: fires immediately, then suppresses until interval passes.
+ *
+ * Returns a function with a `.cancel()` method to abort pending execution.
+ */
+export declare function throttle<T extends (...args: Parameters<T>) => void>(fn: T, interval: number): T & {
+    cancel: () => void;
+};
+/**
+ * Schedule a low-priority task using requestIdleCallback (with fallback).
+ * Useful for deferring non-critical work like analytics, preloading, or cleanup.
+ *
+ * @returns A cancel function
+ */
+export declare function scheduleIdle(callback: () => void, options?: {
+    timeout?: number;
+}): () => void;
+//# sourceMappingURL=performance.d.ts.map

package/dist/types/performance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance.d.ts","sourceRoot":"","sources":["../../src/performance.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,EACjE,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,MAAM,GACZ,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAqB5B;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,EACjE,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,MAAM,GACf,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAiC5B;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,IAAI,CAQ7F"}

package/dist/types/styles.d.ts

@@ -0,0 +1,64 @@
+/**
+ * CSS-in-JS utilities for constructable stylesheets
+ */
+/**
+ * Creates a CSSStyleSheet from a template literal
+ * Results are cached for performance
+ *
+ * @example
+ * ```ts
+ * const styles = css`
+ *   :host {
+ *     display: block;
+ *   }
+ * `;
+ * ```
+ *
+ * @param strings - Template literal strings
+ * @param values - Interpolated values
+ * @returns A CSSStyleSheet instance
+ */
+export declare function css(strings: TemplateStringsArray, ...values: (string | number)[]): CSSStyleSheet;
+/**
+ * Combines multiple CSSStyleSheet instances into an array
+ * Useful for composing styles from multiple sources
+ *
+ * @param sheets - Stylesheets to combine
+ * @returns Array of stylesheets
+ */
+export declare function combineStyles(...sheets: CSSStyleSheet[]): CSSStyleSheet[];
+/**
+ * Creates CSS custom property declarations from an object
+ *
+ * @example
+ * ```ts
+ * const vars = cssVars({
+ *   'color-primary': 'oklch(60% 0.15 250)',
+ *   'spacing-md': '1rem'
+ * });
+ * // Returns: '--color-primary: oklch(60% 0.15 250); --spacing-md: 1rem;'
+ * ```
+ *
+ * @param vars - Object of variable names to values
+ * @returns CSS custom property declarations string
+ */
+export declare function cssVars(vars: Record<string, string | number>): string;
+/**
+ * Default theme CSS custom properties
+ * Uses --color-* naming to be compatible with @duskmoon-dev/core
+ *
+ * Note: Color variables are NOT set here to allow inheritance from document.
+ * Document should provide these via :root or [data-theme] selectors.
+ * Only non-color design tokens are set as defaults.
+ */
+export declare const defaultTheme: CSSStyleSheet;
+/**
+ * Light theme color defaults
+ * Apply this to :root or document for light theme
+ */
+export declare const lightThemeColors = "\n  /* Primary colors */\n  --color-primary: oklch(60% 0.15 250);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary colors */\n  --color-secondary: oklch(55% 0.1 250);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary colors */\n  --color-tertiary: oklch(50% 0.12 300);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface colors */\n  --color-surface: white;\n  --color-surface-container: oklch(97% 0.01 250);\n  --color-surface-container-low: oklch(98% 0.005 250);\n  --color-surface-container-high: oklch(94% 0.01 250);\n  --color-on-surface: oklch(25% 0.02 250);\n  --color-on-surface-variant: oklch(45% 0.02 250);\n\n  /* Outline colors */\n  --color-outline: oklch(75% 0.02 250);\n  --color-outline-variant: oklch(85% 0.01 250);\n\n  /* Semantic colors */\n  --color-success: oklch(60% 0.15 145);\n  --color-warning: oklch(75% 0.15 85);\n  --color-error: oklch(55% 0.2 25);\n  --color-info: oklch(60% 0.15 250);\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px white, 0 0 0 4px var(--color-primary);\n";
+/**
+ * Reset styles for Shadow DOM elements
+ */
+export declare const resetStyles: CSSStyleSheet;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAOH;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,GAAG,CAAC,OAAO,EAAE,oBAAoB,EAAE,GAAG,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,aAAa,CAuBhG;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,GAAG,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAEzE;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,CAIrE;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,eAiCxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,27CA4C5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,eAcvB,CAAC"}

package/dist/types/themes.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Theme presets for DuskMoon Elements
+ *
+ * Each theme provides a complete set of CSS custom properties
+ * that can be applied to :root or any container element.
+ *
+ * Usage:
+ * ```html
+ * <style>
+ *   :root { ${sunshineTheme} }
+ *   [data-theme="moonlight"] { ${moonlightTheme} }
+ *   [data-theme="ocean"] { ${oceanTheme} }
+ * </style>
+ * ```
+ */
+/**
+ * Sunshine theme (light) — warm, friendly, high contrast
+ * Default light theme with blue primary
+ */
+export declare const sunshineTheme = "\n  /* Primary */\n  --color-primary: oklch(60% 0.15 250);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary */\n  --color-secondary: oklch(55% 0.1 250);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary */\n  --color-tertiary: oklch(50% 0.12 300);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface */\n  --color-surface: white;\n  --color-surface-container: oklch(97% 0.01 250);\n  --color-surface-container-low: oklch(98% 0.005 250);\n  --color-surface-container-high: oklch(94% 0.01 250);\n  --color-surface-variant: oklch(92% 0.01 250);\n  --color-on-surface: oklch(25% 0.02 250);\n  --color-on-surface-variant: oklch(45% 0.02 250);\n  --color-inverse-surface: oklch(25% 0.02 250);\n  --color-inverse-on-surface: oklch(95% 0.01 250);\n\n  /* Outline */\n  --color-outline: oklch(75% 0.02 250);\n  --color-outline-variant: oklch(85% 0.01 250);\n\n  /* Semantic */\n  --color-success: oklch(60% 0.15 145);\n  --color-on-success: white;\n  --color-warning: oklch(75% 0.15 85);\n  --color-on-warning: oklch(25% 0.05 85);\n  --color-error: oklch(55% 0.2 25);\n  --color-on-error: white;\n  --color-info: oklch(60% 0.15 250);\n  --color-on-info: white;\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px white, 0 0 0 4px var(--color-primary);\n";
+/**
+ * Moonlight theme (dark) — elegant, modern dark mode
+ */
+export declare const moonlightTheme = "\n  /* Primary */\n  --color-primary: oklch(72% 0.15 250);\n  --color-primary-content: oklch(20% 0.05 250);\n  --color-on-primary: oklch(20% 0.05 250);\n\n  /* Secondary */\n  --color-secondary: oklch(68% 0.1 250);\n  --color-secondary-content: oklch(20% 0.05 250);\n  --color-on-secondary: oklch(20% 0.05 250);\n\n  /* Tertiary */\n  --color-tertiary: oklch(70% 0.12 300);\n  --color-tertiary-content: oklch(20% 0.05 300);\n  --color-on-tertiary: oklch(20% 0.05 300);\n\n  /* Surface */\n  --color-surface: oklch(18% 0.02 250);\n  --color-surface-container: oklch(22% 0.02 250);\n  --color-surface-container-low: oklch(20% 0.02 250);\n  --color-surface-container-high: oklch(26% 0.02 250);\n  --color-surface-variant: oklch(30% 0.02 250);\n  --color-on-surface: oklch(92% 0.01 250);\n  --color-on-surface-variant: oklch(75% 0.02 250);\n  --color-inverse-surface: oklch(92% 0.01 250);\n  --color-inverse-on-surface: oklch(25% 0.02 250);\n\n  /* Outline */\n  --color-outline: oklch(45% 0.02 250);\n  --color-outline-variant: oklch(35% 0.02 250);\n\n  /* Semantic */\n  --color-success: oklch(70% 0.15 145);\n  --color-on-success: oklch(20% 0.05 145);\n  --color-warning: oklch(80% 0.12 85);\n  --color-on-warning: oklch(20% 0.05 85);\n  --color-error: oklch(65% 0.2 25);\n  --color-on-error: oklch(20% 0.05 25);\n  --color-info: oklch(70% 0.15 250);\n  --color-on-info: oklch(20% 0.05 250);\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.4);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px oklch(18% 0.02 250), 0 0 0 4px var(--color-primary);\n";
+/**
+ * Ocean theme — deep blue/teal palette, calm and professional
+ */
+export declare const oceanTheme = "\n  /* Primary */\n  --color-primary: oklch(58% 0.12 210);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary */\n  --color-secondary: oklch(55% 0.08 185);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary */\n  --color-tertiary: oklch(60% 0.1 170);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface */\n  --color-surface: oklch(98% 0.005 210);\n  --color-surface-container: oklch(96% 0.01 210);\n  --color-surface-container-low: oklch(97% 0.005 210);\n  --color-surface-container-high: oklch(93% 0.01 210);\n  --color-surface-variant: oklch(91% 0.01 210);\n  --color-on-surface: oklch(22% 0.02 210);\n  --color-on-surface-variant: oklch(40% 0.02 210);\n  --color-inverse-surface: oklch(22% 0.02 210);\n  --color-inverse-on-surface: oklch(95% 0.01 210);\n\n  /* Outline */\n  --color-outline: oklch(72% 0.02 210);\n  --color-outline-variant: oklch(82% 0.01 210);\n\n  /* Semantic */\n  --color-success: oklch(62% 0.14 155);\n  --color-on-success: white;\n  --color-warning: oklch(76% 0.14 80);\n  --color-on-warning: oklch(25% 0.05 80);\n  --color-error: oklch(56% 0.18 20);\n  --color-on-error: white;\n  --color-info: oklch(58% 0.12 210);\n  --color-on-info: white;\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px oklch(98% 0.005 210), 0 0 0 4px var(--color-primary);\n";
+/**
+ * Forest theme — earthy greens and warm browns, natural feel
+ */
+export declare const forestTheme = "\n  /* Primary */\n  --color-primary: oklch(52% 0.12 155);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary */\n  --color-secondary: oklch(50% 0.08 70);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary */\n  --color-tertiary: oklch(55% 0.1 120);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface */\n  --color-surface: oklch(97% 0.005 90);\n  --color-surface-container: oklch(95% 0.01 90);\n  --color-surface-container-low: oklch(96% 0.005 90);\n  --color-surface-container-high: oklch(92% 0.01 90);\n  --color-surface-variant: oklch(90% 0.01 90);\n  --color-on-surface: oklch(22% 0.03 90);\n  --color-on-surface-variant: oklch(40% 0.03 90);\n  --color-inverse-surface: oklch(22% 0.03 90);\n  --color-inverse-on-surface: oklch(95% 0.01 90);\n\n  /* Outline */\n  --color-outline: oklch(70% 0.03 90);\n  --color-outline-variant: oklch(82% 0.01 90);\n\n  /* Semantic */\n  --color-success: oklch(58% 0.14 145);\n  --color-on-success: white;\n  --color-warning: oklch(74% 0.14 85);\n  --color-on-warning: oklch(25% 0.05 85);\n  --color-error: oklch(54% 0.18 25);\n  --color-on-error: white;\n  --color-info: oklch(55% 0.12 230);\n  --color-on-info: white;\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px oklch(97% 0.005 90), 0 0 0 4px var(--color-primary);\n";
+/**
+ * Rosé theme — soft pinks and warm tones, elegant and modern
+ */
+export declare const roseTheme = "\n  /* Primary */\n  --color-primary: oklch(60% 0.16 350);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary */\n  --color-secondary: oklch(55% 0.1 330);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary */\n  --color-tertiary: oklch(58% 0.12 15);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface */\n  --color-surface: oklch(98% 0.005 350);\n  --color-surface-container: oklch(96% 0.01 350);\n  --color-surface-container-low: oklch(97% 0.005 350);\n  --color-surface-container-high: oklch(93% 0.01 350);\n  --color-surface-variant: oklch(91% 0.01 350);\n  --color-on-surface: oklch(22% 0.02 350);\n  --color-on-surface-variant: oklch(42% 0.02 350);\n  --color-inverse-surface: oklch(22% 0.02 350);\n  --color-inverse-on-surface: oklch(95% 0.005 350);\n\n  /* Outline */\n  --color-outline: oklch(72% 0.02 350);\n  --color-outline-variant: oklch(84% 0.01 350);\n\n  /* Semantic */\n  --color-success: oklch(62% 0.14 148);\n  --color-on-success: white;\n  --color-warning: oklch(76% 0.14 82);\n  --color-on-warning: oklch(25% 0.05 82);\n  --color-error: oklch(55% 0.2 22);\n  --color-on-error: white;\n  --color-info: oklch(58% 0.14 245);\n  --color-on-info: white;\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.04);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px oklch(98% 0.005 350), 0 0 0 4px var(--color-primary);\n";
+/**
+ * Map of all available theme presets
+ */
+export declare const themes: {
+    readonly sunshine: "\n  /* Primary */\n  --color-primary: oklch(60% 0.15 250);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary */\n  --color-secondary: oklch(55% 0.1 250);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary */\n  --color-tertiary: oklch(50% 0.12 300);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface */\n  --color-surface: white;\n  --color-surface-container: oklch(97% 0.01 250);\n  --color-surface-container-low: oklch(98% 0.005 250);\n  --color-surface-container-high: oklch(94% 0.01 250);\n  --color-surface-variant: oklch(92% 0.01 250);\n  --color-on-surface: oklch(25% 0.02 250);\n  --color-on-surface-variant: oklch(45% 0.02 250);\n  --color-inverse-surface: oklch(25% 0.02 250);\n  --color-inverse-on-surface: oklch(95% 0.01 250);\n\n  /* Outline */\n  --color-outline: oklch(75% 0.02 250);\n  --color-outline-variant: oklch(85% 0.01 250);\n\n  /* Semantic */\n  --color-success: oklch(60% 0.15 145);\n  --color-on-success: white;\n  --color-warning: oklch(75% 0.15 85);\n  --color-on-warning: oklch(25% 0.05 85);\n  --color-error: oklch(55% 0.2 25);\n  --color-on-error: white;\n  --color-info: oklch(60% 0.15 250);\n  --color-on-info: white;\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px white, 0 0 0 4px var(--color-primary);\n";
+    readonly moonlight: "\n  /* Primary */\n  --color-primary: oklch(72% 0.15 250);\n  --color-primary-content: oklch(20% 0.05 250);\n  --color-on-primary: oklch(20% 0.05 250);\n\n  /* Secondary */\n  --color-secondary: oklch(68% 0.1 250);\n  --color-secondary-content: oklch(20% 0.05 250);\n  --color-on-secondary: oklch(20% 0.05 250);\n\n  /* Tertiary */\n  --color-tertiary: oklch(70% 0.12 300);\n  --color-tertiary-content: oklch(20% 0.05 300);\n  --color-on-tertiary: oklch(20% 0.05 300);\n\n  /* Surface */\n  --color-surface: oklch(18% 0.02 250);\n  --color-surface-container: oklch(22% 0.02 250);\n  --color-surface-container-low: oklch(20% 0.02 250);\n  --color-surface-container-high: oklch(26% 0.02 250);\n  --color-surface-variant: oklch(30% 0.02 250);\n  --color-on-surface: oklch(92% 0.01 250);\n  --color-on-surface-variant: oklch(75% 0.02 250);\n  --color-inverse-surface: oklch(92% 0.01 250);\n  --color-inverse-on-surface: oklch(25% 0.02 250);\n\n  /* Outline */\n  --color-outline: oklch(45% 0.02 250);\n  --color-outline-variant: oklch(35% 0.02 250);\n\n  /* Semantic */\n  --color-success: oklch(70% 0.15 145);\n  --color-on-success: oklch(20% 0.05 145);\n  --color-warning: oklch(80% 0.12 85);\n  --color-on-warning: oklch(20% 0.05 85);\n  --color-error: oklch(65% 0.2 25);\n  --color-on-error: oklch(20% 0.05 25);\n  --color-info: oklch(70% 0.15 250);\n  --color-on-info: oklch(20% 0.05 250);\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.4);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px oklch(18% 0.02 250), 0 0 0 4px var(--color-primary);\n";
+    readonly ocean: "\n  /* Primary */\n  --color-primary: oklch(58% 0.12 210);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary */\n  --color-secondary: oklch(55% 0.08 185);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary */\n  --color-tertiary: oklch(60% 0.1 170);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface */\n  --color-surface: oklch(98% 0.005 210);\n  --color-surface-container: oklch(96% 0.01 210);\n  --color-surface-container-low: oklch(97% 0.005 210);\n  --color-surface-container-high: oklch(93% 0.01 210);\n  --color-surface-variant: oklch(91% 0.01 210);\n  --color-on-surface: oklch(22% 0.02 210);\n  --color-on-surface-variant: oklch(40% 0.02 210);\n  --color-inverse-surface: oklch(22% 0.02 210);\n  --color-inverse-on-surface: oklch(95% 0.01 210);\n\n  /* Outline */\n  --color-outline: oklch(72% 0.02 210);\n  --color-outline-variant: oklch(82% 0.01 210);\n\n  /* Semantic */\n  --color-success: oklch(62% 0.14 155);\n  --color-on-success: white;\n  --color-warning: oklch(76% 0.14 80);\n  --color-on-warning: oklch(25% 0.05 80);\n  --color-error: oklch(56% 0.18 20);\n  --color-on-error: white;\n  --color-info: oklch(58% 0.12 210);\n  --color-on-info: white;\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px oklch(98% 0.005 210), 0 0 0 4px var(--color-primary);\n";
+    readonly forest: "\n  /* Primary */\n  --color-primary: oklch(52% 0.12 155);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary */\n  --color-secondary: oklch(50% 0.08 70);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary */\n  --color-tertiary: oklch(55% 0.1 120);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface */\n  --color-surface: oklch(97% 0.005 90);\n  --color-surface-container: oklch(95% 0.01 90);\n  --color-surface-container-low: oklch(96% 0.005 90);\n  --color-surface-container-high: oklch(92% 0.01 90);\n  --color-surface-variant: oklch(90% 0.01 90);\n  --color-on-surface: oklch(22% 0.03 90);\n  --color-on-surface-variant: oklch(40% 0.03 90);\n  --color-inverse-surface: oklch(22% 0.03 90);\n  --color-inverse-on-surface: oklch(95% 0.01 90);\n\n  /* Outline */\n  --color-outline: oklch(70% 0.03 90);\n  --color-outline-variant: oklch(82% 0.01 90);\n\n  /* Semantic */\n  --color-success: oklch(58% 0.14 145);\n  --color-on-success: white;\n  --color-warning: oklch(74% 0.14 85);\n  --color-on-warning: oklch(25% 0.05 85);\n  --color-error: oklch(54% 0.18 25);\n  --color-on-error: white;\n  --color-info: oklch(55% 0.12 230);\n  --color-on-info: white;\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px oklch(97% 0.005 90), 0 0 0 4px var(--color-primary);\n";
+    readonly rose: "\n  /* Primary */\n  --color-primary: oklch(60% 0.16 350);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary */\n  --color-secondary: oklch(55% 0.1 330);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary */\n  --color-tertiary: oklch(58% 0.12 15);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface */\n  --color-surface: oklch(98% 0.005 350);\n  --color-surface-container: oklch(96% 0.01 350);\n  --color-surface-container-low: oklch(97% 0.005 350);\n  --color-surface-container-high: oklch(93% 0.01 350);\n  --color-surface-variant: oklch(91% 0.01 350);\n  --color-on-surface: oklch(22% 0.02 350);\n  --color-on-surface-variant: oklch(42% 0.02 350);\n  --color-inverse-surface: oklch(22% 0.02 350);\n  --color-inverse-on-surface: oklch(95% 0.005 350);\n\n  /* Outline */\n  --color-outline: oklch(72% 0.02 350);\n  --color-outline-variant: oklch(84% 0.01 350);\n\n  /* Semantic */\n  --color-success: oklch(62% 0.14 148);\n  --color-on-success: white;\n  --color-warning: oklch(76% 0.14 82);\n  --color-on-warning: oklch(25% 0.05 82);\n  --color-error: oklch(55% 0.2 22);\n  --color-on-error: white;\n  --color-info: oklch(58% 0.14 245);\n  --color-on-info: white;\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.04);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px oklch(98% 0.005 350), 0 0 0 4px var(--color-primary);\n";
+};
+export type ThemeName = keyof typeof themes;
+/**
+ * Apply a theme to an element by setting CSS custom properties
+ *
+ * @param element - The element to apply the theme to (usually document.documentElement)
+ * @param theme - Theme name or custom CSS properties string
+ */
+export declare function applyTheme(element: HTMLElement, theme: ThemeName | string): void;
+//# sourceMappingURL=themes.d.ts.map

package/dist/types/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;;GAGG;AACH,eAAO,MAAM,aAAa,uqDAmDzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,6zDAmD1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,usDAmDtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,0rDAmDvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,ssDAmDrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC;AAE5C;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAYhF"}

package/dist/types/types.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Common types and interfaces for DuskMoon Elements
+ */
+/**
+ * Represents a CSS property value with support for CSS custom properties
+ */
+export type CSSValue = string | number;
+/**
+ * Size variants available for elements
+ */
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Color variants available for elements
+ */
+export type Variant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'outline';
+/**
+ * Validation state for form elements
+ */
+export type ValidationState = 'valid' | 'invalid' | 'pending' | undefined;
+/**
+ * Base props shared by all elements
+ */
+export interface BaseElementProps {
+    /** Whether the element is disabled */
+    disabled?: boolean;
+    /** Additional CSS classes */
+    class?: string;
+}
+/**
+ * Props for elements with size variants
+ */
+export interface SizableProps {
+    /** Size variant */
+    size?: Size;
+}
+/**
+ * Props for elements with color variants
+ */
+export interface VariantProps {
+    /** Color variant */
+    variant?: Variant;
+}
+/**
+ * Props for form elements
+ */
+export interface FormElementProps extends BaseElementProps {
+    /** Name attribute for form submission */
+    name?: string;
+    /** Current value */
+    value?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is readonly */
+    readonly?: boolean;
+}
+/**
+ * Props for validatable form elements
+ */
+export interface ValidatableProps {
+    /** Current validation state */
+    validationState?: ValidationState;
+    /** Error message to display */
+    errorMessage?: string;
+}
+/**
+ * Event detail for value change events
+ */
+export interface ValueChangeEventDetail<T = string> {
+    /** The new value */
+    value: T;
+    /** The previous value */
+    previousValue?: T;
+}
+/**
+ * Type for attribute converters
+ */
+export interface AttributeConverter<T> {
+    /** Convert from attribute string to property value */
+    fromAttribute: (value: string | null) => T;
+    /** Convert from property value to attribute string */
+    toAttribute: (value: T) => string | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,MAAM;IAChD,oBAAoB;IACpB,KAAK,EAAE,CAAC,CAAC;IACT,yBAAyB;IACzB,aAAa,CAAC,EAAE,CAAC,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,sDAAsD;IACtD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,CAAC,CAAC;IAC3C,sDAAsD;IACtD,WAAW,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAC;CAC1C"}

package/dist/types/validation.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Validation utilities for DuskMoon form elements
+ *
+ * Provides composable validator functions that can be used with
+ * any form element supporting ValidationState and errorMessage props.
+ *
+ * @example
+ * ```ts
+ * import { validate, validators } from '@duskmoon-dev/el-base';
+ *
+ * const result = validate('hello@example.com', [
+ *   validators.required('Email is required'),
+ *   validators.email('Must be a valid email'),
+ * ]);
+ *
+ * // result = { state: 'valid', message: undefined }
+ *
+ * inputEl.validationState = result.state;
+ * inputEl.errorMessage = result.message ?? '';
+ * ```
+ */
+import type { ValidationState } from './types.js';
+/**
+ * Result of a validation check
+ */
+export interface ValidationResult {
+    state: NonNullable<ValidationState>;
+    message: string | undefined;
+}
+/**
+ * A validator function takes a value and returns an error message
+ * if invalid, or undefined/null if valid.
+ */
+export type Validator<T = string> = (value: T) => string | undefined | null;
+/**
+ * Run a value through a list of validators, returning on the first failure.
+ * Returns { state: 'valid' } if all pass, { state: 'invalid', message } on first failure.
+ */
+export declare function validate<T = string>(value: T, rules: Validator<T>[]): ValidationResult;
+/**
+ * Run a value through an async validator.
+ * Sets state to 'pending' during execution.
+ */
+export declare function validateAsync<T = string>(value: T, rules: Validator<T>[], asyncRule: (value: T) => Promise<string | undefined | null>): Promise<ValidationResult>;
+/**
+ * Built-in validators for common patterns
+ */
+export declare const validators: {
+    /** Requires a non-empty value */
+    readonly required: (message?: string) => Validator<string>;
+    /** Requires a minimum string length */
+    readonly minLength: (min: number, message?: string) => Validator<string>;
+    /** Requires a maximum string length */
+    readonly maxLength: (max: number, message?: string) => Validator<string>;
+    /** Requires a value matching a regex pattern */
+    readonly pattern: (regex: RegExp, message?: string) => Validator<string>;
+    /** Requires a valid email address */
+    readonly email: (message?: string) => Validator<string>;
+    /** Requires a numeric value within a range */
+    readonly range: (min: number, max: number, message?: string) => Validator<string>;
+    /** Custom validator from a predicate function */
+    readonly custom: <T = string>(predicate: (value: T) => boolean, message: string) => Validator<T>;
+};
+//# sourceMappingURL=validation.d.ts.map

package/dist/types/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/validation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAE5E;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,gBAAgB,CAQtF;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,CAAC,GAAG,MAAM,EAC5C,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,GAC1D,OAAO,CAAC,gBAAgB,CAAC,CAa3B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU;IACrB,iCAAiC;6CACa,SAAS,CAAC,MAAM,CAAC;IAI/D,uCAAuC;8BACxB,MAAM,YAAY,MAAM,KAAG,SAAS,CAAC,MAAM,CAAC;IAK3D,uCAAuC;8BACxB,MAAM,YAAY,MAAM,KAAG,SAAS,CAAC,MAAM,CAAC;IAK3D,gDAAgD;8BACjC,MAAM,uBAA+B,SAAS,CAAC,MAAM,CAAC;IAIrE,qCAAqC;0CACa,SAAS,CAAC,MAAM,CAAC;IAMnE,8CAA8C;0BACnC,MAAM,OAAO,MAAM,YAAY,MAAM,KAAG,SAAS,CAAC,MAAM,CAAC;IAWpE,iDAAiD;sBAC1C,CAAC,sBAAsB,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,WAAW,MAAM,KAAG,SAAS,CAAC,CAAC,CAAC;CAG3E,CAAC"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@duskmoon-dev/el-base",
+  "version": "0.6.0",
+  "type": "module",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prebuild": "bun run clean",
+    "build": "bun run build:esm && bun run build:cjs && bun run build:types",
+    "build:esm": "bun build ./src/index.ts --outdir ./dist/esm --format esm --sourcemap",
+    "build:cjs": "bun build ./src/index.ts --outdir ./dist/cjs --format cjs --sourcemap",
+    "build:types": "tsc --emitDeclarationOnly --outDir ./dist/types",
+    "dev": "bun build ./src/index.ts --outdir ./dist/esm --format esm --sourcemap --watch",
+    "clean": "del-cli dist",
+    "test": "bun test",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write 'src/**/*.ts' '*.json' '*.md'",
+    "format:check": "prettier --check 'src/**/*.ts' '*.json' '*.md'",
+    "lint": "eslint src",
+    "lint:check": "eslint src --max-warnings 0",
+    "lint:fix": "eslint src --fix",
+    "release": "bun publish",
+    "release:dry-run": "bun publish --dry-run"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "duskmoon-dev",
+    "duskmoon",
+    "custom-elements",
+    "customelements",
+    "web-components",
+    "webcomponents",
+    "html"
+  ]
+}