@clickhouse/click-ui 0.0.235 → 0.0.237-sc-deprecation.1

package/dist/config/utils/css-generator.d.ts

@@ -0,0 +1,25 @@
+import type { NestedJSONObject, Theme } from "../types";
+/**
+ * Core traverse function to convert nested theme object to flat variable map
+ * Used by generateCSSVariables, themeToFlatVariables, and build plugins to avoid duplication
+ *
+ * @param obj - Theme or nested JSON object to traverse
+ * @param prefix - Prefix for CSS variable names (default: "--")
+ * @param skipFields - Fields to skip during traversal (default: ["name", "isSystem", "resolvedTheme"])
+ * @returns Record of CSS variable names to their values
+ */
+export declare const traverseThemeObject: (obj: Theme | NestedJSONObject, prefix?: string, skipFields?: string[]) => Record<string, string>;
+/**
+ * Generate CSS variables with light-dark() for colors and fallback handling for non-colors
+ * Returns an object with base variables and any theme-specific overrides needed
+ */
+export declare const generateLightDarkVariables: (lightTheme: Theme, darkTheme: Theme) => Record<string, string>;
+/**
+ * Generate separate theme-specific overrides for non-color variables that differ
+ * This is needed when non-color values differ between themes and light-dark() can't be used
+ */
+export declare const generateThemeOverrides: (lightTheme: Theme, darkTheme: Theme) => {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+};
+//# sourceMappingURL=css-generator.d.ts.map

package/dist/config/utils/css-generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../../src/theme/utils/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAmDxD;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,QACzB,KAAK,GAAG,gBAAgB,WACrB,MAAM,eACF,MAAM,EAAE,KACnB,MAAM,CAAC,MAAM,EAAE,MAAM,CAgCvB,CAAC;AAmCF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,eACzB,KAAK,aACN,KAAK,KACf,MAAM,CAAC,MAAM,EAAE,MAAM,CAsBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,eACrB,KAAK,aACN,KAAK,KACf;IAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAsB/D,CAAC"}

package/dist/config/utils/css-generator.js

@@ -0,0 +1,151 @@
+// Cache for color detection results
+const colorValueCache = new Map();
+/**
+ * Checks if a value is a color
+ * Build-time only - uses pattern matching
+ */
+const isColorValue = (value) => {
+    if (!value || typeof value !== "string") {
+        return false;
+    }
+    // Check cache first
+    if (colorValueCache.has(value)) {
+        return colorValueCache.get(value);
+    }
+    // Pattern matching for color detection
+    const trimmed = value.trim();
+    const isColor = (/^#[0-9A-Fa-f]{3,8}$/.test(trimmed) || // Hex colors
+        /^rgba?\([^)]+\)$/.test(trimmed) || // rgb/rgba with any content
+        /^hsla?\([^)]+\)$/.test(trimmed) || // hsl/hsla with any content
+        /^(lch|lab|oklab|oklch)\([^)]+\)$/.test(trimmed) || // Modern color spaces
+        /^color\([^)]+\)$/.test(trimmed) || // color() function
+        trimmed.startsWith("var(--") || // CSS variables
+        // Named colors (basic set)
+        /^(transparent|currentColor|inherit|initial|unset)$/i.test(trimmed));
+    // Cache the result
+    colorValueCache.set(value, isColor);
+    return isColor;
+};
+/**
+ * Determines if a variable should use light-dark()
+ * Only checks if BOTH values are colors - variable name doesn't matter
+ */
+const shouldUseLightDark = (_varName, // Not used - only value matters
+lightValue, darkValue) => {
+    // Use light-dark() only if BOTH values are colors
+    return isColorValue(lightValue) && isColorValue(darkValue);
+};
+/**
+ * Core traverse function to convert nested theme object to flat variable map
+ * Used by generateCSSVariables, themeToFlatVariables, and build plugins to avoid duplication
+ *
+ * @param obj - Theme or nested JSON object to traverse
+ * @param prefix - Prefix for CSS variable names (default: "--")
+ * @param skipFields - Fields to skip during traversal (default: ["name", "isSystem", "resolvedTheme"])
+ * @returns Record of CSS variable names to their values
+ */
+export const traverseThemeObject = (obj, prefix = "--", skipFields = ["name", "isSystem", "resolvedTheme"]) => {
+    const vars = {};
+    const traverse = (current, path = []) => {
+        Object.entries(current).forEach(([key, value]) => {
+            // Skip non-variable fields
+            if (skipFields.includes(key)) {
+                return;
+            }
+            const varPath = [...path, key];
+            if (typeof value === "string" || typeof value === "number") {
+                const varName = `${prefix}${varPath.join("-")}`;
+                vars[varName] = String(value);
+            }
+            else if (Array.isArray(value)) {
+                // Handle arrays: convert each element to a CSS variable with index
+                // e.g., border.radii[0] -> --border-radii-0
+                value.forEach((item, index) => {
+                    if (typeof item === "string" || typeof item === "number") {
+                        const varName = `${prefix}${[...varPath, index].join("-")}`;
+                        vars[varName] = String(item);
+                    }
+                });
+            }
+            else if (typeof value === "object" && value !== null) {
+                traverse(value, varPath);
+            }
+        });
+    };
+    traverse(obj);
+    return vars;
+};
+/**
+ * Convert theme object to flat variable map
+ * Used for light-dark() generation and theme overrides
+ */
+const themeToFlatVariables = (theme) => {
+    return traverseThemeObject(theme);
+};
+/**
+ * Process a variable and determine its CSS value based on light/dark themes
+ * Returns the appropriate CSS value (either direct value or light-dark() function)
+ */
+const processVariable = (varName, lightValue, darkValue) => {
+    // Optimization: if both values are identical, declare it once
+    if (lightValue === darkValue) {
+        return lightValue;
+    }
+    // Only use light-dark() for color values
+    if (shouldUseLightDark(varName, lightValue, darkValue)) {
+        return `light-dark(${lightValue}, ${darkValue})`;
+    }
+    // Non-color values: use light theme value
+    // Note: If you need different non-color values per theme,
+    // you'll need to handle them separately with [data-theme] selectors
+    return lightValue;
+};
+/**
+ * Generate CSS variables with light-dark() for colors and fallback handling for non-colors
+ * Returns an object with base variables and any theme-specific overrides needed
+ */
+export const generateLightDarkVariables = (lightTheme, darkTheme) => {
+    const lightVars = themeToFlatVariables(lightTheme);
+    const darkVars = themeToFlatVariables(darkTheme);
+    const lightDarkVars = {};
+    // Process all light theme variables
+    Object.keys(lightVars).forEach(varName => {
+        const lightValue = lightVars[varName];
+        const darkValue = darkVars[varName] || lightValue;
+        lightDarkVars[varName] = processVariable(varName, lightValue, darkValue);
+    });
+    // Add any dark-only variables
+    Object.keys(darkVars).forEach(varName => {
+        if (!lightDarkVars[varName]) {
+            const darkValue = darkVars[varName];
+            const lightValue = lightVars[varName] || darkValue;
+            lightDarkVars[varName] = processVariable(varName, lightValue, darkValue);
+        }
+    });
+    return lightDarkVars;
+};
+/**
+ * Generate separate theme-specific overrides for non-color variables that differ
+ * This is needed when non-color values differ between themes and light-dark() can't be used
+ */
+export const generateThemeOverrides = (lightTheme, darkTheme) => {
+    const lightVars = themeToFlatVariables(lightTheme);
+    const darkVars = themeToFlatVariables(darkTheme);
+    const lightOverrides = {};
+    const darkOverrides = {};
+    // Find non-color variables that have different values
+    Object.keys(lightVars).forEach(varName => {
+        const lightValue = lightVars[varName];
+        const darkValue = darkVars[varName];
+        if (darkValue && lightValue !== darkValue) {
+            // Skip if both values are colors (already handled by light-dark())
+            // Only add to overrides if they're non-color values that differ
+            if (!isColorValue(lightValue) || !isColorValue(darkValue)) {
+                lightOverrides[varName] = lightValue;
+                darkOverrides[varName] = darkValue;
+            }
+        }
+    });
+    return { light: lightOverrides, dark: darkOverrides };
+};
+//# sourceMappingURL=css-generator.js.map

package/dist/config/utils/css-generator.js.map

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

package/dist/config/utils/find-config.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Find Click UI config file in a directory
+ * Searches for click-ui.config with various extensions
+ *
+ * @param root - Directory to search in (usually process.cwd())
+ * @returns Full path to config file, or null if not found
+ *
+ * @example
+ * ```typescript
+ * const configPath = findConfigFile(process.cwd());
+ * if (configPath) {
+ *   console.log('Found config at:', configPath);
+ * }
+ * ```
+ */
+export declare function findConfigFile(root: string): string | null;
+//# sourceMappingURL=find-config.d.ts.map

package/dist/config/utils/find-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-config.d.ts","sourceRoot":"","sources":["../../../src/theme/utils/find-config.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAW1D"}

package/dist/config/utils/find-config.js

@@ -0,0 +1,28 @@
+import * as fs from 'fs';
+import * as path from 'path';
+/**
+ * Find Click UI config file in a directory
+ * Searches for click-ui.config with various extensions
+ *
+ * @param root - Directory to search in (usually process.cwd())
+ * @returns Full path to config file, or null if not found
+ *
+ * @example
+ * ```typescript
+ * const configPath = findConfigFile(process.cwd());
+ * if (configPath) {
+ *   console.log('Found config at:', configPath);
+ * }
+ * ```
+ */
+export function findConfigFile(root) {
+    const extensions = ['ts', 'js', 'mjs', 'cjs'];
+    for (const ext of extensions) {
+        const configPath = path.join(root, `click-ui.config.${ext}`);
+        if (fs.existsSync(configPath)) {
+            return configPath;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=find-config.js.map

package/dist/config/utils/find-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-config.js","sourceRoot":"","sources":["../../../src/theme/utils/find-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAE7B;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAE9C,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,mBAAmB,GAAG,EAAE,CAAC,CAAC;QAC7D,IAAI,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,OAAO,UAAU,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}