@cube-dev/ui-kit 0.98.9 → 0.99.0

package/es/tasty/index.js

@@ -1,25 +1,39 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export { tasty, Element } from './tasty';
-export * from './utils/filterBaseProps';
-export * from './utils/colors';
-export * from './utils/styles';
-export * from './utils/modAttrs';
-export * from './utils/responsive';
-export * from './utils/renderStyles';
-export * from './utils/dotize';
-export * from './styles/list';
-export * from './providers/BreakpointsProvider';
-export * from './utils/mergeStyles';
-export * from './utils/warnings';
-export * from './utils/getDisplayName';
-export * from './utils/processTokens';
-export * from './injector';
-export * from './debug';
+// Register built-in plugins at module load time
+import { configure } from './config.js';
+import { okhslPlugin } from './plugins/index.js';
+export { tasty, Element } from './tasty.js';
+export { useStyles, useGlobalStyles, useRawCSS } from './hooks/index.js';
+// Configuration API
+export { configure, getConfig, isConfigLocked, hasStylesGenerated, resetConfig, isTestEnvironment, hasGlobalKeyframes, getGlobalKeyframes, } from './config.js';
+// Plugins
+export { okhslPlugin, okhslFunc } from './plugins/index.js';
+configure({
+    plugins: [okhslPlugin()],
+});
+// Chunk utilities for advanced use cases
+export { CHUNK_NAMES, STYLE_TO_CHUNK, categorizeStyleKeys } from './chunks/index.js';
+// Advanced state mapping utilities
+export { getGlobalPredefinedStates, setGlobalPredefinedStates } from './states/index.js';
+export * from './utils/filterBaseProps.js';
+export * from './utils/colors.js';
+export * from './utils/styles.js';
+export * from './utils/modAttrs.js';
+export { renderStyles, isSelector } from './pipeline/index.js';
+export * from './utils/dotize.js';
+export * from './styles/list.js';
+export * from './utils/mergeStyles.js';
+export * from './utils/warnings.js';
+export * from './utils/getDisplayName.js';
+export * from './utils/processTokens.js';
+export * from './utils/typography.js';
+export * from './injector/index.js';
+export * from './debug.js';
 
         

package/es/tasty/injector/index.js

@@ -1,85 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-import { isDevEnv } from '../utils/isDevEnv';
-import { StyleInjector } from './injector';
-// Use a more robust global singleton that survives React Strict Mode
-const GLOBAL_INJECTOR_KEY = '__TASTY_GLOBAL_INJECTOR__';
-/**
- * Detect if we're running in a test environment
- */
-function isTestEnvironment() {
-    // Check Node.js environment
-    if (typeof process !== 'undefined' && process.env?.NODE_ENV === 'test') {
-        return true;
-    }
-    // Check for Jest globals (safely)
-    if (typeof global !== 'undefined') {
-        const g = global;
-        if (g.jest || g.expect || g.describe || g.it) {
-            return true;
-        }
-    }
-    // Check for jsdom environment (common in tests)
-    if (typeof window !== 'undefined' &&
-        window.navigator?.userAgent?.includes('jsdom')) {
-        return true;
-    }
-    // Check for other test runners
-    if (typeof globalThis !== 'undefined') {
-        const gt = globalThis;
-        if (gt.vitest || gt.mocha) {
-            return true;
-        }
-    }
-    return false;
-}
-/**
- * Create default configuration with optional test environment detection
- */
-function createDefaultConfig(isTest) {
-    return {
-        maxRulesPerSheet: 8192, // safer default cap per sheet
-        unusedStylesThreshold: 500, // default threshold for bulk cleanup of unused styles
-        bulkCleanupDelay: 5000, // default delay before bulk cleanup (ignored if idleCleanup is true)
-        idleCleanup: true, // default to using requestIdleCallback instead of setTimeout
-        forceTextInjection: isTest ?? false, // auto-enable for test environments
-        devMode: isDevEnv(), // enable dev features: performance tracking and debug info
-        bulkCleanupBatchRatio: 0.5,
-        unusedStylesMinAgeMs: 10000,
-    };
-}
-/**
- * Configure the global style injector
- */
-export function configure(config = {}) {
-    const fullConfig = {
-        ...createDefaultConfig(),
-        ...config,
-    };
-    // Store on window to survive React Strict Mode resets
-    if (typeof window !== 'undefined') {
-        window[GLOBAL_INJECTOR_KEY] = new StyleInjector(fullConfig);
-    }
-    else {
-        // Fallback for SSR
-        globalThis[GLOBAL_INJECTOR_KEY] = new StyleInjector(fullConfig);
-    }
-}
-/**
- * Get or create the global injector instance
- */
-function getGlobalInjector() {
-    const storage = typeof window !== 'undefined' ? window : globalThis;
-    if (!storage[GLOBAL_INJECTOR_KEY]) {
-        configure();
-    }
-    return storage[GLOBAL_INJECTOR_KEY];
-}
+import { getConfig, getGlobalInjector, isTestEnvironment, markStylesGenerated, } from '../config.js';
+import { StyleInjector } from './injector.js';
 /**
  * Allocate a className for a cacheKey without injecting styles yet
  */
@@ -90,6 +17,8 @@ export function allocateClassName(cacheKey, options) {
  * Inject styles and return className with dispose function
  */
 export function inject(rules, options) {
+    // Mark that styles have been generated (prevents configuration changes)
+    markStylesGenerated();
     return getGlobalInjector().inject(rules, options);
 }
 /**
@@ -99,10 +28,30 @@ export function injectGlobal(rules, options) {
     return getGlobalInjector().injectGlobal(rules, options);
 }
 /**
- * Internal method for createGlobalStyle - not exported publicly
+ * Inject raw CSS text directly without parsing
+ * This is a low-overhead method for injecting raw CSS that doesn't need tasty processing.
+ * The CSS is inserted into a separate style element to avoid conflicts with tasty's chunking.
+ *
+ * @example
+ * ```tsx
+ * // Inject raw CSS
+ * const { dispose } = injectRawCSS(`
+ *   body { margin: 0; padding: 0; }
+ *   .my-class { color: red; }
+ * `);
+ *
+ * // Later, remove the injected CSS
+ * dispose();
+ * ```
+ */
+export function injectRawCSS(css, options) {
+    return getGlobalInjector().injectRawCSS(css, options);
+}
+/**
+ * Get raw CSS text for SSR
  */
-function injectCreateGlobalStyle(rules, options) {
-    return getGlobalInjector().injectCreateGlobalStyle(rules, options);
+export function getRawCSSText(options) {
+    return getGlobalInjector().getRawCSSText(options);
 }
 /**
  * Inject keyframes and return object with toString() and dispose()
@@ -173,21 +122,16 @@ export function destroy(root) {
  * Create a new isolated injector instance
  */
 export function createInjector(config = {}) {
-    const isTest = isTestEnvironment();
+    const defaultConfig = getConfig();
     const fullConfig = {
-        ...createDefaultConfig(isTest),
+        ...defaultConfig,
+        // Auto-enable forceTextInjection in test environments
+        forceTextInjection: config.forceTextInjection ?? isTestEnvironment(),
         ...config,
     };
     return new StyleInjector(fullConfig);
 }
-/**
- * Create a global style component like styled-components createGlobalStyle
- * Returns a React component that injects global styles when mounted and cleans up when unmounted
- */
-export function createGlobalStyle(strings, ...interpolations) {
-    return getGlobalInjector().createGlobalStyle(strings, ...interpolations);
-}
-export { StyleInjector } from './injector';
-export { SheetManager } from './sheet-manager';
+export { StyleInjector } from './injector.js';
+export { SheetManager } from './sheet-manager.js';