@easemate/web-kit 0.2.0 → 0.3.0

package/build/init-B7gNNyTd.d.ts

@@ -0,0 +1,235 @@
+import { d as ThemeInput } from './registry-9GX9KTG1.js';
+
+/**
+ * Font loading utilities.
+ */
+/**
+ * Font source configuration.
+ */
+interface FontSource {
+    /** Source type */
+    source: 'google' | 'css';
+    /** For Google fonts: the family name */
+    family?: string;
+    /** For Google fonts: the css2 query params (e.g., 'wght@400..700') */
+    css2?: string;
+    /** For CSS source: the URL to the CSS file */
+    url?: string;
+}
+/**
+ * Font configuration map.
+ */
+type FontConfig = Record<string, FontSource>;
+
+/**
+ * Component loader map for dynamic imports.
+ * Maps tag names to their module paths for selective/lazy loading.
+ */
+/**
+ * All root-level web-kit element tags (excludes internal sub-components).
+ */
+declare const WEB_KIT_ELEMENT_TAGS: readonly ["ease-button", "ease-checkbox", "ease-color-input", "ease-color-picker", "ease-dropdown", "ease-input", "ease-number-input", "ease-origin", "ease-radio-group", "ease-radio-input", "ease-slider", "ease-toggle", "ease-field", "ease-panel", "ease-popover", "ease-state", "ease-tooltip", "ease-logo-loader", "ease-monitor", "ease-monitor-fps", "ease-icon-anchor-add", "ease-icon-anchor-remove", "ease-icon-arrow-up", "ease-icon-arrows-vertical", "ease-icon-bezier", "ease-icon-bezier-angle", "ease-icon-bezier-distribute", "ease-icon-bezier-length", "ease-icon-bezier-mirror", "ease-icon-check", "ease-icon-chevron", "ease-icon-circle-arrow-left", "ease-icon-circle-arrow-right", "ease-icon-clear", "ease-icon-code", "ease-icon-dots", "ease-icon-grid", "ease-icon-loading", "ease-icon-mention", "ease-icon-minus", "ease-icon-picker", "ease-icon-plus", "ease-icon-settings", "ease-icon-snap"];
+/**
+ * Advanced component tags (curve, code editor, etc.)
+ */
+declare const WEB_KIT_COMPONENT_TAGS: readonly ["ease-curve", "ease-code"];
+/**
+ * All public web-kit tags.
+ */
+declare const WEB_KIT_ALL_TAGS: readonly ["ease-button", "ease-checkbox", "ease-color-input", "ease-color-picker", "ease-dropdown", "ease-input", "ease-number-input", "ease-origin", "ease-radio-group", "ease-radio-input", "ease-slider", "ease-toggle", "ease-field", "ease-panel", "ease-popover", "ease-state", "ease-tooltip", "ease-logo-loader", "ease-monitor", "ease-monitor-fps", "ease-icon-anchor-add", "ease-icon-anchor-remove", "ease-icon-arrow-up", "ease-icon-arrows-vertical", "ease-icon-bezier", "ease-icon-bezier-angle", "ease-icon-bezier-distribute", "ease-icon-bezier-length", "ease-icon-bezier-mirror", "ease-icon-check", "ease-icon-chevron", "ease-icon-circle-arrow-left", "ease-icon-circle-arrow-right", "ease-icon-clear", "ease-icon-code", "ease-icon-dots", "ease-icon-grid", "ease-icon-loading", "ease-icon-mention", "ease-icon-minus", "ease-icon-picker", "ease-icon-plus", "ease-icon-settings", "ease-icon-snap", "ease-curve", "ease-code"];
+/**
+ * Union type of all element tag names.
+ */
+type WebKitElementTag = (typeof WEB_KIT_ELEMENT_TAGS)[number];
+/**
+ * Union type of all component tag names.
+ */
+type WebKitComponentTag = (typeof WEB_KIT_COMPONENT_TAGS)[number];
+/**
+ * Union type of all public tag names.
+ */
+type WebKitTag = (typeof WEB_KIT_ALL_TAGS)[number];
+
+/**
+ * Lazy loading utilities using MutationObserver.
+ */
+
+/**
+ * Lazy load configuration.
+ */
+interface LazyLoadConfig {
+    /** MutationObserver strategy */
+    strategy?: 'mutation';
+    /** Root element to observe (default: document) */
+    root?: Document | Element;
+    /** Tags to include in lazy loading */
+    include?: readonly string[];
+    /** Tags to exclude from lazy loading */
+    exclude?: readonly string[];
+    /** Tags to preload immediately */
+    preload?: readonly string[];
+}
+/**
+ * Lazy loader instance.
+ */
+interface LazyLoader {
+    /** Stop observing and cleanup */
+    dispose: () => void;
+    /** Manually load a component */
+    load: (tag: WebKitTag) => Promise<void>;
+}
+
+type StylePreset = 'reset' | 'base' | 'main';
+
+/**
+ * Main initialization API for @easemate/web-kit
+ */
+
+/**
+ * Theme mode configuration for light/dark switching.
+ */
+interface ThemeModeConfig {
+    /** Mode selection: 'light', 'dark', or 'system' for auto-switching */
+    mode: 'light' | 'dark' | 'system';
+    /** Theme to use in light mode */
+    light: ThemeInput;
+    /** Theme to use in dark mode */
+    dark: ThemeInput;
+    /** Persist user preference to localStorage */
+    persist?: {
+        key: string;
+    };
+}
+/**
+ * Style injection configuration.
+ */
+type StylesConfig = false | StylePreset | {
+    reset?: boolean;
+    base?: boolean;
+};
+/**
+ * Component replacement configuration.
+ * Keys are tag names, values are either:
+ * - A custom element constructor
+ * - A string tag name to alias to
+ */
+type ReplaceConfig = Record<string, CustomElementConstructor | string>;
+/**
+ * initWebKit options.
+ */
+interface InitWebKitOptions {
+    /**
+     * Tags to include (register only these).
+     * If not provided, all components are registered.
+     */
+    include?: readonly string[];
+    /**
+     * Tags to exclude (register all except these).
+     * Ignored if `include` is provided.
+     */
+    exclude?: readonly string[];
+    /**
+     * Replace components with custom implementations.
+     * - Constructor: registers your class under the tag name
+     * - String: creates a bridge element that renders the aliased tag
+     */
+    replace?: ReplaceConfig;
+    /**
+     * Theme to apply.
+     * - String: registered theme name (e.g., 'default', 'dark')
+     * - WebKitThemeRef: theme reference from registerTheme()
+     * - ThemeConfig: inline theme configuration
+     * - ThemeModeConfig: light/dark mode configuration
+     */
+    theme?: ThemeInput | ThemeModeConfig;
+    /**
+     * Element to scope theme variables to (default: document.documentElement).
+     */
+    target?: HTMLElement;
+    /**
+     * Inject global styles.
+     * - false: no styles (default)
+     * - 'reset': minimal CSS reset
+     * - 'base': body/html dark theme styles
+     * - 'main': reset + base
+     * - { reset?: boolean; base?: boolean }: fine-grained control
+     */
+    styles?: StylesConfig;
+    /**
+     * Font loading configuration.
+     * - false: no font loading (default)
+     * - 'default': load default fonts (Instrument Sans, Geist Mono)
+     * - FontConfig: custom font configuration
+     */
+    fonts?: FontConfig | 'default' | false;
+    /**
+     * Enable lazy loading of components.
+     * - false: eager loading (default)
+     * - true: lazy load with default config
+     * - LazyLoadConfig: custom lazy load config
+     */
+    lazyLoad?: boolean | LazyLoadConfig;
+    /**
+     * CSP nonce for injected style/link elements.
+     */
+    cspNonce?: string;
+    /**
+     * Development mode options.
+     */
+    dev?: {
+        /** Warn about unknown tag names in include/exclude */
+        warnUnknownTags?: boolean;
+        /** Log component loads */
+        logLoads?: boolean;
+    };
+}
+/**
+ * Controller returned by initWebKit.
+ */
+interface WebKitController {
+    /** Cleanup all injected styles, fonts, and listeners */
+    dispose: () => void;
+    /** Theme controller (if theme was configured) */
+    theme?: {
+        /** Set theme by name or config */
+        set: (theme: ThemeInput) => void;
+        /** Set theme mode (only for ThemeModeConfig) */
+        mode?: (mode: 'light' | 'dark' | 'system') => void;
+    };
+    /** Promise that resolves when all components are loaded */
+    ready: Promise<void>;
+}
+/**
+ * Initialize the web-kit.
+ *
+ * @example
+ * ```ts
+ * // Basic usage - register all components with default theme
+ * initWebKit({ theme: 'default' });
+ *
+ * // Selective loading
+ * initWebKit({
+ *   include: ['ease-button', 'ease-slider'],
+ *   theme: 'default'
+ * });
+ *
+ * // With styles
+ * initWebKit({
+ *   theme: 'default',
+ *   styles: 'main',
+ *   fonts: 'default'
+ * });
+ *
+ * // Light/dark mode
+ * initWebKit({
+ *   theme: {
+ *     mode: 'system',
+ *     light: myLightTheme,
+ *     dark: 'default'
+ *   }
+ * });
+ * ```
+ */
+declare function initWebKit(options?: InitWebKitOptions): WebKitController;
+
+export { type FontConfig as F, type InitWebKitOptions as I, type LazyLoadConfig as L, type ReplaceConfig as R, type StylePreset as S, type ThemeModeConfig as T, type WebKitComponentTag as W, type FontSource as a, type LazyLoader as b, type StylesConfig as c, type WebKitController as d, type WebKitElementTag as e, type WebKitTag as f, initWebKit as i };

package/build/init-DwVGVxkx.d.cts

@@ -0,0 +1,235 @@
+import { d as ThemeInput } from './registry-9GX9KTG1.cjs';
+
+/**
+ * Font loading utilities.
+ */
+/**
+ * Font source configuration.
+ */
+interface FontSource {
+    /** Source type */
+    source: 'google' | 'css';
+    /** For Google fonts: the family name */
+    family?: string;
+    /** For Google fonts: the css2 query params (e.g., 'wght@400..700') */
+    css2?: string;
+    /** For CSS source: the URL to the CSS file */
+    url?: string;
+}
+/**
+ * Font configuration map.
+ */
+type FontConfig = Record<string, FontSource>;
+
+/**
+ * Component loader map for dynamic imports.
+ * Maps tag names to their module paths for selective/lazy loading.
+ */
+/**
+ * All root-level web-kit element tags (excludes internal sub-components).
+ */
+declare const WEB_KIT_ELEMENT_TAGS: readonly ["ease-button", "ease-checkbox", "ease-color-input", "ease-color-picker", "ease-dropdown", "ease-input", "ease-number-input", "ease-origin", "ease-radio-group", "ease-radio-input", "ease-slider", "ease-toggle", "ease-field", "ease-panel", "ease-popover", "ease-state", "ease-tooltip", "ease-logo-loader", "ease-monitor", "ease-monitor-fps", "ease-icon-anchor-add", "ease-icon-anchor-remove", "ease-icon-arrow-up", "ease-icon-arrows-vertical", "ease-icon-bezier", "ease-icon-bezier-angle", "ease-icon-bezier-distribute", "ease-icon-bezier-length", "ease-icon-bezier-mirror", "ease-icon-check", "ease-icon-chevron", "ease-icon-circle-arrow-left", "ease-icon-circle-arrow-right", "ease-icon-clear", "ease-icon-code", "ease-icon-dots", "ease-icon-grid", "ease-icon-loading", "ease-icon-mention", "ease-icon-minus", "ease-icon-picker", "ease-icon-plus", "ease-icon-settings", "ease-icon-snap"];
+/**
+ * Advanced component tags (curve, code editor, etc.)
+ */
+declare const WEB_KIT_COMPONENT_TAGS: readonly ["ease-curve", "ease-code"];
+/**
+ * All public web-kit tags.
+ */
+declare const WEB_KIT_ALL_TAGS: readonly ["ease-button", "ease-checkbox", "ease-color-input", "ease-color-picker", "ease-dropdown", "ease-input", "ease-number-input", "ease-origin", "ease-radio-group", "ease-radio-input", "ease-slider", "ease-toggle", "ease-field", "ease-panel", "ease-popover", "ease-state", "ease-tooltip", "ease-logo-loader", "ease-monitor", "ease-monitor-fps", "ease-icon-anchor-add", "ease-icon-anchor-remove", "ease-icon-arrow-up", "ease-icon-arrows-vertical", "ease-icon-bezier", "ease-icon-bezier-angle", "ease-icon-bezier-distribute", "ease-icon-bezier-length", "ease-icon-bezier-mirror", "ease-icon-check", "ease-icon-chevron", "ease-icon-circle-arrow-left", "ease-icon-circle-arrow-right", "ease-icon-clear", "ease-icon-code", "ease-icon-dots", "ease-icon-grid", "ease-icon-loading", "ease-icon-mention", "ease-icon-minus", "ease-icon-picker", "ease-icon-plus", "ease-icon-settings", "ease-icon-snap", "ease-curve", "ease-code"];
+/**
+ * Union type of all element tag names.
+ */
+type WebKitElementTag = (typeof WEB_KIT_ELEMENT_TAGS)[number];
+/**
+ * Union type of all component tag names.
+ */
+type WebKitComponentTag = (typeof WEB_KIT_COMPONENT_TAGS)[number];
+/**
+ * Union type of all public tag names.
+ */
+type WebKitTag = (typeof WEB_KIT_ALL_TAGS)[number];
+
+/**
+ * Lazy loading utilities using MutationObserver.
+ */
+
+/**
+ * Lazy load configuration.
+ */
+interface LazyLoadConfig {
+    /** MutationObserver strategy */
+    strategy?: 'mutation';
+    /** Root element to observe (default: document) */
+    root?: Document | Element;
+    /** Tags to include in lazy loading */
+    include?: readonly string[];
+    /** Tags to exclude from lazy loading */
+    exclude?: readonly string[];
+    /** Tags to preload immediately */
+    preload?: readonly string[];
+}
+/**
+ * Lazy loader instance.
+ */
+interface LazyLoader {
+    /** Stop observing and cleanup */
+    dispose: () => void;
+    /** Manually load a component */
+    load: (tag: WebKitTag) => Promise<void>;
+}
+
+type StylePreset = 'reset' | 'base' | 'main';
+
+/**
+ * Main initialization API for @easemate/web-kit
+ */
+
+/**
+ * Theme mode configuration for light/dark switching.
+ */
+interface ThemeModeConfig {
+    /** Mode selection: 'light', 'dark', or 'system' for auto-switching */
+    mode: 'light' | 'dark' | 'system';
+    /** Theme to use in light mode */
+    light: ThemeInput;
+    /** Theme to use in dark mode */
+    dark: ThemeInput;
+    /** Persist user preference to localStorage */
+    persist?: {
+        key: string;
+    };
+}
+/**
+ * Style injection configuration.
+ */
+type StylesConfig = false | StylePreset | {
+    reset?: boolean;
+    base?: boolean;
+};
+/**
+ * Component replacement configuration.
+ * Keys are tag names, values are either:
+ * - A custom element constructor
+ * - A string tag name to alias to
+ */
+type ReplaceConfig = Record<string, CustomElementConstructor | string>;
+/**
+ * initWebKit options.
+ */
+interface InitWebKitOptions {
+    /**
+     * Tags to include (register only these).
+     * If not provided, all components are registered.
+     */
+    include?: readonly string[];
+    /**
+     * Tags to exclude (register all except these).
+     * Ignored if `include` is provided.
+     */
+    exclude?: readonly string[];
+    /**
+     * Replace components with custom implementations.
+     * - Constructor: registers your class under the tag name
+     * - String: creates a bridge element that renders the aliased tag
+     */
+    replace?: ReplaceConfig;
+    /**
+     * Theme to apply.
+     * - String: registered theme name (e.g., 'default', 'dark')
+     * - WebKitThemeRef: theme reference from registerTheme()
+     * - ThemeConfig: inline theme configuration
+     * - ThemeModeConfig: light/dark mode configuration
+     */
+    theme?: ThemeInput | ThemeModeConfig;
+    /**
+     * Element to scope theme variables to (default: document.documentElement).
+     */
+    target?: HTMLElement;
+    /**
+     * Inject global styles.
+     * - false: no styles (default)
+     * - 'reset': minimal CSS reset
+     * - 'base': body/html dark theme styles
+     * - 'main': reset + base
+     * - { reset?: boolean; base?: boolean }: fine-grained control
+     */
+    styles?: StylesConfig;
+    /**
+     * Font loading configuration.
+     * - false: no font loading (default)
+     * - 'default': load default fonts (Instrument Sans, Geist Mono)
+     * - FontConfig: custom font configuration
+     */
+    fonts?: FontConfig | 'default' | false;
+    /**
+     * Enable lazy loading of components.
+     * - false: eager loading (default)
+     * - true: lazy load with default config
+     * - LazyLoadConfig: custom lazy load config
+     */
+    lazyLoad?: boolean | LazyLoadConfig;
+    /**
+     * CSP nonce for injected style/link elements.
+     */
+    cspNonce?: string;
+    /**
+     * Development mode options.
+     */
+    dev?: {
+        /** Warn about unknown tag names in include/exclude */
+        warnUnknownTags?: boolean;
+        /** Log component loads */
+        logLoads?: boolean;
+    };
+}
+/**
+ * Controller returned by initWebKit.
+ */
+interface WebKitController {
+    /** Cleanup all injected styles, fonts, and listeners */
+    dispose: () => void;
+    /** Theme controller (if theme was configured) */
+    theme?: {
+        /** Set theme by name or config */
+        set: (theme: ThemeInput) => void;
+        /** Set theme mode (only for ThemeModeConfig) */
+        mode?: (mode: 'light' | 'dark' | 'system') => void;
+    };
+    /** Promise that resolves when all components are loaded */
+    ready: Promise<void>;
+}
+/**
+ * Initialize the web-kit.
+ *
+ * @example
+ * ```ts
+ * // Basic usage - register all components with default theme
+ * initWebKit({ theme: 'default' });
+ *
+ * // Selective loading
+ * initWebKit({
+ *   include: ['ease-button', 'ease-slider'],
+ *   theme: 'default'
+ * });
+ *
+ * // With styles
+ * initWebKit({
+ *   theme: 'default',
+ *   styles: 'main',
+ *   fonts: 'default'
+ * });
+ *
+ * // Light/dark mode
+ * initWebKit({
+ *   theme: {
+ *     mode: 'system',
+ *     light: myLightTheme,
+ *     dark: 'default'
+ *   }
+ * });
+ * ```
+ */
+declare function initWebKit(options?: InitWebKitOptions): WebKitController;
+
+export { type FontConfig as F, type InitWebKitOptions as I, type LazyLoadConfig as L, type ReplaceConfig as R, type StylePreset as S, type ThemeModeConfig as T, type WebKitComponentTag as W, type FontSource as a, type LazyLoader as b, type StylesConfig as c, type WebKitController as d, type WebKitElementTag as e, type WebKitTag as f, initWebKit as i };

package/build/jsx.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react/jsx.ts
+var jsx_exports = {};
+__export(jsx_exports, {
+  __JSX_TYPES_LOADED__: () => __JSX_TYPES_LOADED__
+});
+module.exports = __toCommonJS(jsx_exports);
+var __JSX_TYPES_LOADED__ = true;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  __JSX_TYPES_LOADED__
+});
+//# sourceMappingURL=jsx.cjs.map

package/build/jsx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/jsx.ts"],"sourcesContent":["/**\n * JSX type declarations for @easemate/web-kit\n *\n * Import this module to get JSX IntrinsicElements type support:\n * ```ts\n * import '@easemate/web-kit/react/jsx';\n * ```\n */\n\n// Import React types to enable proper module augmentation\n// This ensures 'react' and 'react/jsx-runtime' are resolvable for augmentation\nimport type {} from 'react';\nimport type {} from 'react/jsx-dev-runtime';\nimport type {} from 'react/jsx-runtime';\nimport type { StateChangeEventDetail } from '../elements/state/index';\n\n// Re-export for convenience\nexport type { StateChangeEventDetail };\n\n// Event detail types\nexport interface TabChangeEventDetail {\n  index: number;\n  id: string;\n  event: Event;\n}\n\nexport interface ControlEventDetail<T = unknown> {\n  name?: string;\n  value: T;\n  event: Event;\n}\n\n// Ref types\ntype RefCallback<T> = (instance: T | null) => void;\ntype RefObject<T> = { current: T | null };\ntype Ref<T> = RefCallback<T> | RefObject<T> | null;\n\n// Event handler type\ntype CustomEventHandler<T = unknown> = (event: CustomEvent<T>) => void;\n\n// Base HTML attributes shared by all elements\ninterface BaseHTMLAttributes {\n  id?: string;\n  class?: string;\n  className?: string;\n  style?: string | Partial<CSSStyleDeclaration>;\n  slot?: string;\n  hidden?: boolean;\n  tabIndex?: number;\n  title?: string;\n  name?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-hidden'?: boolean | 'true' | 'false';\n  'aria-disabled'?: boolean | 'true' | 'false';\n  'data-testid'?: string;\n  onClick?: (event: MouseEvent) => void;\n  onFocus?: (event: FocusEvent) => void;\n  onBlur?: (event: FocusEvent) => void;\n  onKeyDown?: (event: KeyboardEvent) => void;\n  onKeyUp?: (event: KeyboardEvent) => void;\n  children?: unknown;\n}\n\n// Element ref interfaces\nexport interface StateElement extends HTMLElement {\n  getState(): Record<string, unknown>;\n  get(name: string): unknown;\n  set(name: string, value: unknown): void;\n  reset(): void;\n}\n\nexport interface PanelElement extends HTMLElement {\n  collapsed?: boolean;\n  setActiveTab(indexOrId: number | string): void;\n  getActiveTab(): { index: number; id: string } | null;\n}\n\nexport interface SliderElement extends HTMLElement {\n  value?: number | null;\n  min?: number | null;\n  max?: number | null;\n  step?: number | null;\n  disabled?: boolean;\n}\n\nexport interface ToggleElement extends HTMLElement {\n  checked?: boolean;\n  disabled?: boolean;\n}\n\nexport interface CheckboxElement extends HTMLElement {\n  checked?: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}\n\nexport interface InputElement extends HTMLElement {\n  value?: string | null;\n  placeholder?: string;\n  disabled?: boolean;\n  type?: string;\n  focus(): void;\n  blur(): void;\n}\n\nexport interface NumberInputElement extends HTMLElement {\n  value?: number | null;\n  min?: number | null;\n  max?: number | null;\n  step?: number | null;\n  disabled?: boolean;\n}\n\nexport interface ColorInputElement extends HTMLElement {\n  value?: string;\n  disabled?: boolean;\n}\n\nexport interface DropdownElement extends HTMLElement {\n  value?: string;\n  disabled?: boolean;\n  open?: boolean;\n}\n\nexport interface ButtonElement extends HTMLElement {\n  disabled?: boolean;\n  type?: string;\n  variant?: string;\n}\n\nexport interface FieldElement extends HTMLElement {\n  label?: string;\n}\n\nexport interface TooltipElement extends HTMLElement {\n  content?: string;\n  placement?: string;\n}\n\nexport interface PopoverElement extends HTMLElement {\n  open?: boolean;\n  placement?: string;\n}\n\nexport interface OriginElement extends HTMLElement {\n  value?: string;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupElement extends HTMLElement {\n  value?: string;\n}\n\nexport interface CurveElement extends HTMLElement {\n  name?: string;\n  easingType?: 'cubic-bezier' | 'linear';\n  showGrid?: boolean;\n  snapToGrid?: boolean;\n}\n\n// Props interfaces\nexport interface StateProps extends BaseHTMLAttributes {\n  ref?: Ref<StateElement>;\n  onStateChange?: CustomEventHandler<StateChangeEventDetail>;\n}\n\nexport interface PanelProps extends BaseHTMLAttributes {\n  ref?: Ref<PanelElement>;\n  collapsed?: boolean;\n  onTabChange?: CustomEventHandler<TabChangeEventDetail>;\n}\n\nexport interface SliderProps extends BaseHTMLAttributes {\n  ref?: Ref<SliderElement>;\n  value?: number | string;\n  min?: number | string;\n  max?: number | string;\n  step?: number | string;\n  disabled?: boolean;\n  onInput?: CustomEventHandler<ControlEventDetail<number>>;\n  onChange?: CustomEventHandler<ControlEventDetail<number>>;\n}\n\nexport interface ToggleProps extends BaseHTMLAttributes {\n  ref?: Ref<ToggleElement>;\n  checked?: boolean;\n  disabled?: boolean;\n  onToggle?: CustomEventHandler<ControlEventDetail<boolean>>;\n  onChange?: CustomEventHandler<ControlEventDetail<boolean>>;\n}\n\nexport interface CheckboxProps extends BaseHTMLAttributes {\n  ref?: Ref<CheckboxElement>;\n  checked?: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n  onChange?: CustomEventHandler<ControlEventDetail<boolean>>;\n}\n\nexport interface InputProps extends BaseHTMLAttributes {\n  ref?: Ref<InputElement>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  type?: string;\n  onInput?: CustomEventHandler<ControlEventDetail<string>>;\n  onChange?: CustomEventHandler<ControlEventDetail<string>>;\n}\n\nexport interface NumberInputProps extends BaseHTMLAttributes {\n  ref?: Ref<NumberInputElement>;\n  value?: number | string;\n  min?: number | string;\n  max?: number | string;\n  step?: number | string;\n  disabled?: boolean;\n  onInput?: CustomEventHandler<ControlEventDetail<number>>;\n  onChange?: CustomEventHandler<ControlEventDetail<number>>;\n}\n\nexport interface ColorInputProps extends BaseHTMLAttributes {\n  ref?: Ref<ColorInputElement>;\n  value?: string;\n  disabled?: boolean;\n  onInput?: CustomEventHandler<ControlEventDetail<string>>;\n  onChange?: CustomEventHandler<ControlEventDetail<string>>;\n}\n\nexport interface DropdownProps extends BaseHTMLAttributes {\n  ref?: Ref<DropdownElement>;\n  value?: string;\n  disabled?: boolean;\n  open?: boolean;\n  placement?: string;\n  onChange?: CustomEventHandler<ControlEventDetail<string>>;\n}\n\nexport interface ButtonProps extends BaseHTMLAttributes {\n  ref?: Ref<ButtonElement>;\n  disabled?: boolean;\n  type?: 'button' | 'submit' | 'reset';\n  variant?: 'primary' | 'secondary' | 'ghost';\n  pill?: boolean;\n  block?: string;\n  fullWidth?: boolean;\n}\n\nexport interface FieldProps extends BaseHTMLAttributes {\n  ref?: Ref<FieldElement>;\n  label?: string;\n  inline?: boolean;\n}\n\nexport interface TooltipProps extends BaseHTMLAttributes {\n  ref?: Ref<TooltipElement>;\n  content?: string;\n  placement?: string;\n  delay?: number | string;\n}\n\nexport interface PopoverProps extends BaseHTMLAttributes {\n  ref?: Ref<PopoverElement>;\n  open?: boolean;\n  placement?: string;\n}\n\nexport interface OriginProps extends BaseHTMLAttributes {\n  ref?: Ref<OriginElement>;\n  value?: string;\n  disabled?: boolean;\n  onChange?: CustomEventHandler<ControlEventDetail<string>>;\n}\n\nexport interface RadioGroupProps extends BaseHTMLAttributes {\n  ref?: Ref<RadioGroupElement>;\n  value?: string;\n  onChange?: CustomEventHandler<ControlEventDetail<string>>;\n}\n\nexport interface RadioInputProps extends BaseHTMLAttributes {\n  value?: string;\n  checked?: boolean;\n  disabled?: boolean;\n}\n\nexport interface CurveProps extends BaseHTMLAttributes {\n  ref?: Ref<CurveElement>;\n  name?: string;\n  easingType?: 'cubic-bezier' | 'linear';\n  'easing-type'?: 'cubic-bezier' | 'linear';\n  showGrid?: boolean;\n  'show-grid'?: boolean;\n  snapToGrid?: boolean;\n  'snap-to-grid'?: boolean;\n  gridSize?: number | string;\n  'grid-size'?: number | string;\n}\n\nexport interface CodeProps extends BaseHTMLAttributes {\n  language?: string;\n}\n\nexport interface MonitorProps extends BaseHTMLAttributes {}\n\nexport interface MonitorFpsProps extends BaseHTMLAttributes {\n  interval?: number | string;\n}\n\nexport interface LogoLoaderProps extends BaseHTMLAttributes {\n  intro?: 'none' | 'simple' | 'full';\n  playing?: boolean;\n}\n\n// JSX IntrinsicElements\nexport interface EaseElements {\n  'ease-state': StateProps;\n  'ease-panel': PanelProps;\n  'ease-slider': SliderProps;\n  'ease-toggle': ToggleProps;\n  'ease-checkbox': CheckboxProps;\n  'ease-input': InputProps;\n  'ease-number-input': NumberInputProps;\n  'ease-color-input': ColorInputProps;\n  'ease-color-picker': ColorInputProps;\n  'ease-dropdown': DropdownProps;\n  'ease-button': ButtonProps;\n  'ease-field': FieldProps;\n  'ease-tooltip': TooltipProps;\n  'ease-popover': PopoverProps;\n  'ease-origin': OriginProps;\n  'ease-radio-group': RadioGroupProps;\n  'ease-radio-input': RadioInputProps;\n  'ease-curve': CurveProps;\n  'ease-code': CodeProps;\n  'ease-monitor': MonitorProps;\n  'ease-monitor-fps': MonitorFpsProps;\n  'ease-logo-loader': LogoLoaderProps;\n}\n\n// Augment global JSX namespace\n// This provides type support in both React and non-React environments\ndeclare global {\n  namespace JSX {\n    interface IntrinsicElements extends EaseElements {}\n  }\n}\n\n// Augment React's JSX namespace for React 17/18/19 (classic JSX transform)\ndeclare module 'react' {\n  namespace JSX {\n    interface IntrinsicElements extends EaseElements {}\n  }\n}\n\n// Augment React's jsx-runtime for React 17+ (new JSX transform)\n// This is required for Next.js App Router and other projects using the new transform\ndeclare module 'react/jsx-runtime' {\n  export namespace JSX {\n    interface IntrinsicElements extends EaseElements {}\n  }\n}\n\n// Augment React's jsx-dev-runtime for development mode\ndeclare module 'react/jsx-dev-runtime' {\n  export namespace JSX {\n    interface IntrinsicElements extends EaseElements {}\n  }\n}\n\n// Runtime marker to ensure this module is processed by TypeScript\n// This is needed because purely type-only modules may not trigger augmentation\nexport const __JSX_TYPES_LOADED__ = true;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAqXO,IAAMA,uBAAuB;","names":["__JSX_TYPES_LOADED__"]}