@kbach/react 0.6.0 → 0.6.2

package/dist/types-BESBQANS.d.mts

@@ -1,131 +0,0 @@
-/**
- * Unified modifier registry — single source of truth for ALL modifier behavior.
- *
- * Adding a new modifier requires editing ONLY this file:
- *   1. Add an entry to BUILTIN_MODIFIERS with its CSS and JS behavior.
- *   2. Done — parser, resolver, CSS generator, and JSX runtime all derive
- *      their behavior from this data automatically.
- *
- * Plugin authors can register custom modifiers via registerModifier().
- */
-interface ModifierDef {
-    /** CSS pseudo-class or pseudo-element appended to the selector (e.g. ':hover', '::before') */
-    pseudo?: string;
-    /** Ancestor selector prefix INCLUDING trailing space (e.g. '.group:hover ', '.peer:focus ~ ') */
-    ancestorSelector?: string;
-    /** Directionality attribute selector prefix INCLUDING trailing space (e.g. '[dir="rtl"] ') */
-    dirSelector?: string;
-    /** @media query body WITHOUT the '@media ' prefix (e.g. 'print', '(orientation: landscape)') */
-    mediaQuery?: string;
-    /** Dark/light mode scheme — triggers the configured darkMode strategy in CSS output */
-    darkScheme?: 'dark' | 'light';
-    /** True for responsive modifiers — wraps in @media (min-width: theme.screens[name]) */
-    isResponsive?: boolean;
-    /**
-     * Forces !important on all declarations in the generated CSS rule.
-     * Applied automatically for structural / ancestor / media modifiers that must
-     * win over base inline styles.
-     */
-    forcesImportant?: boolean;
-    /**
-     * How the JSX runtime routes this modifier:
-     *   'interactive'  — managed by InteractiveWrapper (hover, focus, pressed, …)
-     *   'mode'         — managed by DarkWrapper (dark, light, not-dark, …)
-     *   'responsive'   — managed by DarkWrapper (sm, md, lg, xl, 2xl)
-     *   'css-only'     — CSS injection only; matchModifier always returns false
-     */
-    jsBehavior: 'interactive' | 'mode' | 'responsive' | 'css-only';
-    /**
-     * Evaluates whether this modifier's condition is met at runtime.
-     * Omit for 'css-only' modifiers — they never apply as inline styles.
-     */
-    jsMatch?: (isDark: boolean, state: Record<string, boolean | undefined>, breakpoints: Set<string>) => boolean;
-}
-
-type ThemeMode = 'light' | 'dark' | 'system';
-interface StyleValue {
-    [key: string]: string | number | undefined | null | StyleValue | StyleValue[];
-}
-interface ParsedClass {
-    /** The original class string, e.g. "dark:hover:bg-[#fff]" */
-    original: string;
-    /** Up to 3 modifier prefixes, e.g. ['dark', 'hover'] */
-    modifiers: string[];
-    /** Whether a leading `-` was present for negative values */
-    negative: boolean;
-    /** Whether a leading `!` was present — applies !important to all CSS declarations */
-    important: boolean;
-    /** The utility name, e.g. 'bg', 'p', 'text' */
-    utility: string;
-    /** The resolved value, e.g. 'white', '#fff', '4' */
-    value: string;
-    /** Whether the value was specified with bracket notation [value] */
-    isArbitrary: boolean;
-}
-interface ResolvedStyle {
-    /** Base styles applied unconditionally */
-    base?: StyleValue;
-    /** Styles keyed by modifier or modifier combo, e.g. 'dark', 'hover', 'dark:hover' */
-    [modifierKey: string]: StyleValue | undefined;
-}
-type ColorShades = Record<string, string>;
-type ThemeColors = Record<string, string | ColorShades>;
-type ThemeSpacing = Record<string, number | string>;
-interface ThemeConfig {
-    colors: ThemeColors;
-    spacing: ThemeSpacing;
-    fontSize: Record<string, number | string>;
-    fontFamily: Record<string, string | string[]>;
-    fontWeight: Record<string, string | number>;
-    borderRadius: Record<string, number | string>;
-    borderWidth: Record<string, number>;
-    opacity: Record<string, number>;
-    lineHeight: Record<string, number | string>;
-    letterSpacing: Record<string, number | string>;
-    zIndex: Record<string, number | string>;
-    flex: Record<string, number | string>;
-    shadow: Record<string, StyleValue>;
-    screens: Record<string, string | number>;
-    [key: string]: unknown;
-}
-/**
- * 'class'     — toggles .dark class on <html>
- * 'media'     — uses prefers-color-scheme media query
- * 'attribute' — uses data-theme="dark" attribute on <html>
- */
-type DarkMode = 'attribute' | 'class' | 'media';
-interface PluginAPI {
-    addUtility(name: string, styles: StyleValue): void;
-    /**
-     * Register a custom variant.
-     *
-     * Pass a CSS selector string for simple cases — it is automatically
-     * converted into a ModifierDef that generates correct CSS rules:
-     *   addVariant('hocus', ':hover, :focus')  // pseudo
-     *   addVariant('supports-grid', '@media (display: grid)')  // media
-     *   addVariant('dark-green', '.dark-green')  // ancestor selector
-     *
-     * Pass a full ModifierDef object for advanced control (e.g. JS-trackable
-     * interactive variants with custom jsMatch logic).
-     */
-    addVariant(name: string, selectorOrDef: string | ModifierDef): void;
-    theme(path: string, defaultValue?: unknown): unknown;
-    e(className: string): string;
-}
-interface FrameworkConfig {
-    darkMode?: DarkMode;
-    theme?: Partial<ThemeConfig>;
-    /** Additive theme extension — accepts either `extend.theme.X` or `extend.X` directly. */
-    extend?: {
-        theme?: Partial<ThemeConfig>;
-    } & Partial<ThemeConfig>;
-    plugins?: Array<(api: PluginAPI) => void>;
-    content?: string[];
-}
-interface ResolvedConfig {
-    darkMode: DarkMode;
-    theme: ThemeConfig;
-    plugins: Array<(api: PluginAPI) => void>;
-}
-
-export type { FrameworkConfig as F, ParsedClass as P, ResolvedStyle as R, StyleValue as S, ThemeColors as T, ThemeConfig as a, ResolvedConfig as b, ThemeMode as c, PluginAPI as d };

package/dist/types-BESBQANS.d.ts

@@ -1,131 +0,0 @@
-/**
- * Unified modifier registry — single source of truth for ALL modifier behavior.
- *
- * Adding a new modifier requires editing ONLY this file:
- *   1. Add an entry to BUILTIN_MODIFIERS with its CSS and JS behavior.
- *   2. Done — parser, resolver, CSS generator, and JSX runtime all derive
- *      their behavior from this data automatically.
- *
- * Plugin authors can register custom modifiers via registerModifier().
- */
-interface ModifierDef {
-    /** CSS pseudo-class or pseudo-element appended to the selector (e.g. ':hover', '::before') */
-    pseudo?: string;
-    /** Ancestor selector prefix INCLUDING trailing space (e.g. '.group:hover ', '.peer:focus ~ ') */
-    ancestorSelector?: string;
-    /** Directionality attribute selector prefix INCLUDING trailing space (e.g. '[dir="rtl"] ') */
-    dirSelector?: string;
-    /** @media query body WITHOUT the '@media ' prefix (e.g. 'print', '(orientation: landscape)') */
-    mediaQuery?: string;
-    /** Dark/light mode scheme — triggers the configured darkMode strategy in CSS output */
-    darkScheme?: 'dark' | 'light';
-    /** True for responsive modifiers — wraps in @media (min-width: theme.screens[name]) */
-    isResponsive?: boolean;
-    /**
-     * Forces !important on all declarations in the generated CSS rule.
-     * Applied automatically for structural / ancestor / media modifiers that must
-     * win over base inline styles.
-     */
-    forcesImportant?: boolean;
-    /**
-     * How the JSX runtime routes this modifier:
-     *   'interactive'  — managed by InteractiveWrapper (hover, focus, pressed, …)
-     *   'mode'         — managed by DarkWrapper (dark, light, not-dark, …)
-     *   'responsive'   — managed by DarkWrapper (sm, md, lg, xl, 2xl)
-     *   'css-only'     — CSS injection only; matchModifier always returns false
-     */
-    jsBehavior: 'interactive' | 'mode' | 'responsive' | 'css-only';
-    /**
-     * Evaluates whether this modifier's condition is met at runtime.
-     * Omit for 'css-only' modifiers — they never apply as inline styles.
-     */
-    jsMatch?: (isDark: boolean, state: Record<string, boolean | undefined>, breakpoints: Set<string>) => boolean;
-}
-
-type ThemeMode = 'light' | 'dark' | 'system';
-interface StyleValue {
-    [key: string]: string | number | undefined | null | StyleValue | StyleValue[];
-}
-interface ParsedClass {
-    /** The original class string, e.g. "dark:hover:bg-[#fff]" */
-    original: string;
-    /** Up to 3 modifier prefixes, e.g. ['dark', 'hover'] */
-    modifiers: string[];
-    /** Whether a leading `-` was present for negative values */
-    negative: boolean;
-    /** Whether a leading `!` was present — applies !important to all CSS declarations */
-    important: boolean;
-    /** The utility name, e.g. 'bg', 'p', 'text' */
-    utility: string;
-    /** The resolved value, e.g. 'white', '#fff', '4' */
-    value: string;
-    /** Whether the value was specified with bracket notation [value] */
-    isArbitrary: boolean;
-}
-interface ResolvedStyle {
-    /** Base styles applied unconditionally */
-    base?: StyleValue;
-    /** Styles keyed by modifier or modifier combo, e.g. 'dark', 'hover', 'dark:hover' */
-    [modifierKey: string]: StyleValue | undefined;
-}
-type ColorShades = Record<string, string>;
-type ThemeColors = Record<string, string | ColorShades>;
-type ThemeSpacing = Record<string, number | string>;
-interface ThemeConfig {
-    colors: ThemeColors;
-    spacing: ThemeSpacing;
-    fontSize: Record<string, number | string>;
-    fontFamily: Record<string, string | string[]>;
-    fontWeight: Record<string, string | number>;
-    borderRadius: Record<string, number | string>;
-    borderWidth: Record<string, number>;
-    opacity: Record<string, number>;
-    lineHeight: Record<string, number | string>;
-    letterSpacing: Record<string, number | string>;
-    zIndex: Record<string, number | string>;
-    flex: Record<string, number | string>;
-    shadow: Record<string, StyleValue>;
-    screens: Record<string, string | number>;
-    [key: string]: unknown;
-}
-/**
- * 'class'     — toggles .dark class on <html>
- * 'media'     — uses prefers-color-scheme media query
- * 'attribute' — uses data-theme="dark" attribute on <html>
- */
-type DarkMode = 'attribute' | 'class' | 'media';
-interface PluginAPI {
-    addUtility(name: string, styles: StyleValue): void;
-    /**
-     * Register a custom variant.
-     *
-     * Pass a CSS selector string for simple cases — it is automatically
-     * converted into a ModifierDef that generates correct CSS rules:
-     *   addVariant('hocus', ':hover, :focus')  // pseudo
-     *   addVariant('supports-grid', '@media (display: grid)')  // media
-     *   addVariant('dark-green', '.dark-green')  // ancestor selector
-     *
-     * Pass a full ModifierDef object for advanced control (e.g. JS-trackable
-     * interactive variants with custom jsMatch logic).
-     */
-    addVariant(name: string, selectorOrDef: string | ModifierDef): void;
-    theme(path: string, defaultValue?: unknown): unknown;
-    e(className: string): string;
-}
-interface FrameworkConfig {
-    darkMode?: DarkMode;
-    theme?: Partial<ThemeConfig>;
-    /** Additive theme extension — accepts either `extend.theme.X` or `extend.X` directly. */
-    extend?: {
-        theme?: Partial<ThemeConfig>;
-    } & Partial<ThemeConfig>;
-    plugins?: Array<(api: PluginAPI) => void>;
-    content?: string[];
-}
-interface ResolvedConfig {
-    darkMode: DarkMode;
-    theme: ThemeConfig;
-    plugins: Array<(api: PluginAPI) => void>;
-}
-
-export type { FrameworkConfig as F, ParsedClass as P, ResolvedStyle as R, StyleValue as S, ThemeColors as T, ThemeConfig as a, ResolvedConfig as b, ThemeMode as c, PluginAPI as d };