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

package/dist/cui.css

@@ -1,3 +0,0 @@
-/* Click UI - Combined CSS */
-@import "./cui-default-theme.css";
-@import "./cui-components.css";

package/dist/stories/ChartColorComponent.d.ts

@@ -1 +0,0 @@
-export declare const ChartColorComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/chart-examples/ChartTooltip.d.ts

@@ -1,12 +0,0 @@
-interface TooltipPayload {
-    name: string;
-    value: number;
-    color: string;
-}
-interface ChartTooltipProps {
-    active?: boolean;
-    payload?: readonly TooltipPayload[];
-    label?: string | number;
-}
-export declare const ChartTooltip: (props: ChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/stories/chart-examples/ColorSwatchesChart.d.ts

@@ -1 +0,0 @@
-export declare const ColorSwatchesChart: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/chart-examples/GroupedBarChart.d.ts

@@ -1 +0,0 @@
-export declare const GroupedBarChart: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/chart-examples/MultiLineChart.d.ts

@@ -1 +0,0 @@
-export declare const MultiLineChart: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/chart-examples/StackedAreaChart.d.ts

@@ -1 +0,0 @@
-export declare const StackedAreaChart: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/chart-examples/StackedBarChartDemo.d.ts

@@ -1 +0,0 @@
-export declare const StackedBarChartDemo: () => import("react/jsx-runtime").JSX.Element;

package/dist/theme/ClickUIProvider/ClickUIProvider.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { ClickUIProviderProps } from './types';
-
-export declare const ClickUIProvider: React.FC<ClickUIProviderProps>;
-export default ClickUIProvider;

package/dist/theme/ClickUIProvider/ServerClickUIProvider.d.ts

@@ -1,23 +0,0 @@
-import { default as React } from 'react';
-import { ThemeName } from '../types';
-import { TooltipProviderProps } from '@radix-ui/react-tooltip';
-import { ToastProviderProps } from '../../components/Toast/Toast';
-
-interface ServerClickUIProviderProps {
-    children: React.ReactNode;
-    theme?: ThemeName;
-    tooltipConfig?: Omit<TooltipProviderProps, "children">;
-    toastConfig?: Omit<ToastProviderProps, "children">;
-}
-/**
- * Server-side Click UI Provider
- *
- * IMPORTANT: CSS must be imported in your app:
- * - With custom theme: import './cui-custom-theme.css' (generated by CLI)
- * - With default theme: import '@clickhouse/click-ui/dist/cui-default-theme.css'
- *
- * This provider only sets the theme attribute and provides context.
- * All theme CSS is pre-built and loaded via imports.
- */
-export declare const ServerClickUIProvider: ({ children, theme, tooltipConfig, toastConfig, }: ServerClickUIProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/theme/ClickUIProvider/context.d.ts

@@ -1,24 +0,0 @@
-import { BaseThemeName, ConfigThemeValues } from '../types';
-
-export type ThemeName = "light" | "dark" | "system";
-export interface ThemeContextValue {
-    themeName: ThemeName;
-    resolvedTheme: BaseThemeName;
-    isSystemTheme: boolean;
-    updateTheme: (theme: ThemeName) => void;
-    toggleTheme: () => void;
-    resetTheme: () => void;
-    theme: ConfigThemeValues;
-    breakpoints: Record<string, string>;
-    sizes: Record<string, string>;
-    utils: {
-        isDark: boolean;
-        isLight: boolean;
-        getThemeValue: (path: string) => unknown;
-        setThemeValue: (path: string, value: unknown) => void;
-    };
-    isLoading: boolean;
-    isHydrated: boolean;
-    availableThemes: ThemeName[];
-}
-export declare const ThemeContext: import('react').Context<ThemeContextValue | null>;

package/dist/theme/ClickUIProvider/hooks.d.ts

@@ -1,4 +0,0 @@
-import { ThemeContextValue } from './context';
-
-export declare const useCUITheme: () => ThemeContextValue;
-export { useCUITheme as useClickUITheme };

package/dist/theme/ClickUIProvider/index.d.ts

@@ -1,6 +0,0 @@
-export { default as ClickUIProvider } from './ClickUIProvider';
-export { ServerClickUIProvider } from './ServerClickUIProvider';
-export { useCUITheme, useClickUITheme } from './hooks';
-export type { ThemeName, ThemeContextValue } from './context';
-export type { ClickUIConfig, ClickUIProviderProps } from './types';
-export { DEFAULT_CONFIG } from './types';

package/dist/theme/ClickUIProvider/types.d.ts

@@ -1,39 +0,0 @@
-import { ReactNode } from 'react';
-import { TooltipProviderProps } from '@radix-ui/react-tooltip';
-import { ToastProviderProps } from '../../components/Toast/Toast';
-import { ThemeConfig, BaseThemeName } from '../types';
-import { ThemeName } from './context';
-
-export interface ClickUIConfig extends ThemeConfig {
-    defaultTheme?: ThemeName;
-    storageKey?: string;
-    tooltipConfig?: Omit<TooltipProviderProps, "children">;
-    toastConfig?: Omit<ToastProviderProps, "children">;
-    enableTransitions?: boolean;
-    transitionDuration?: number;
-    preloadThemes?: BaseThemeName[];
-    enableMemoization?: boolean;
-    debounceDelay?: number;
-    enableDevTools?: boolean;
-    logThemeChanges?: boolean;
-    breakpoints?: Record<string, string>;
-    sizes?: Record<string, string>;
-}
-export interface ClickUIProviderProps {
-    children: ReactNode;
-    theme?: ThemeName;
-    defaultTheme?: ThemeName;
-    storageKey?: string;
-    config?: {
-        tooltip?: Omit<TooltipProviderProps, "children">;
-        toast?: Omit<ToastProviderProps, "children">;
-    };
-    enableTransitions?: boolean;
-    transitionDuration?: number;
-    suppressHydrationWarning?: boolean;
-    fallbackTheme?: BaseThemeName;
-    enableMemoization?: boolean;
-    debounceDelay?: number;
-    enableDevTools?: boolean;
-}
-export declare const DEFAULT_CONFIG: Required<ClickUIConfig>;

package/dist/theme/config.d.ts

@@ -1,22 +0,0 @@
-import { RuntimeConfig, ConfigThemeValues, BuildTimeThemeConfig } from './types';
-
-declare global {
-    const __CLICK_UI_CONFIG__: RuntimeConfig & BuildTimeThemeConfig;
-}
-/**
- * Get runtime configuration injected by build plugin
- *
- * NOTE: This returns ONLY runtime config (storageKey, tooltipConfig, toastConfig)
- * Theme tokens (theme + dark) are NOT included here - they are compiled to CSS
- *
- * @returns Runtime configuration object
- */
-export declare const getRuntimeConfig: () => RuntimeConfig;
-/**
- * Get the merged theme values for the specified mode
- * Combines base theme (merged) + theme-specific overrides + config overrides
- *
- * @param mode - "light" or "dark"
- * @returns Merged theme object with all token values
- */
-export declare const getThemeValues: (mode: "light" | "dark") => ConfigThemeValues;

package/dist/theme/hooks/useSystemColorSchemePreference.d.ts

@@ -1,7 +0,0 @@
-import { ResolvedThemeName } from '../types';
-
-/**
- * Hook that detects and tracks the user's system color scheme preference
- * @returns Current system theme preference ("light" | "dark")
- */
-export declare const useSystemColorSchemePreference: () => ResolvedThemeName;

package/dist/theme/types.d.ts

@@ -1,54 +0,0 @@
-import { Theme } from './tokens/types';
-export type NestedJSONObject = {
-    [key: string]: string | number | NestedJSONObject | (string | number)[];
-};
-export type { Theme } from './tokens/types';
-export type ThemeName = "light" | "dark" | "system";
-export type ResolvedThemeName = Exclude<ThemeName, "system">;
-export type BaseThemeName = ResolvedThemeName;
-export type ConfigThemeValues = Theme & NestedJSONObject;
-export type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends object ? T[P] extends (infer U)[] ? DeepPartial<U>[] : DeepPartial<T[P]> : T[P];
-};
-type FlexibleTheme = NestedJSONObject;
-export type TypedTheme = DeepPartial<Theme>;
-/**
- * Build-time theme tokens - processed by bundler plugin
- * These are transformed into CSS variables at build time
- */
-export interface BuildTimeThemeConfig {
-    theme?: FlexibleTheme;
-    dark?: FlexibleTheme;
-}
-/**
- * Runtime provider configuration
- * These settings control provider behavior at runtime
- */
-export interface RuntimeConfig {
-    storageKey?: string;
-    tooltipConfig?: {
-        delayDuration?: number;
-        skipDelayDuration?: number;
-        disableHoverableContent?: boolean;
-    };
-    toastConfig?: {
-        duration?: number;
-        swipeDirection?: "right" | "left" | "up" | "down";
-        swipeThreshold?: number;
-    };
-}
-/**
- * Complete configuration for click-ui.config.ts
- * Combines both build-time theme tokens and runtime provider settings
- */
-export interface ThemeConfig extends BuildTimeThemeConfig, RuntimeConfig {
-}
-export interface ThemeContextValue {
-    themeName: ThemeName;
-    updateTheme: (theme: ThemeName) => void;
-    isSystemTheme?: boolean;
-    resolvedTheme: BaseThemeName;
-    theme: Theme;
-    breakpoints: Record<string, string>;
-    sizes: Record<string, string>;
-}

package/dist/theme/utils/css-builder.d.ts

@@ -1,37 +0,0 @@
-/**
- * Shared CSS Builder Utility
- * Consolidates CSS output generation logic used across build and CLI commands
- */
-export interface CSSBuildOptions {
-    /**
-     * Header comment to include at the top of the CSS file
-     */
-    headerComment?: string;
-    /**
-     * Include color-scheme property in :root
-     * @default true
-     */
-    includeColorScheme?: boolean;
-}
-/**
- * Build CSS output from light-dark variables and theme overrides
- * Single source of truth for CSS generation across all build pipelines
- *
- * @param lightDarkVars - CSS variables with light-dark() values for colors
- * @param themeOverrides - Non-color variables that differ between themes
- * @param options - Configuration options for CSS generation
- * @returns Complete CSS string ready to be written to file
- *
- * @example
- * ```typescript
- * const lightDarkVars = generateLightDarkVariables(lightTheme, darkTheme);
- * const themeOverrides = generateThemeOverrides(lightTheme, darkTheme);
- * const css = buildCSSOutput(lightDarkVars, themeOverrides, {
- *   headerComment: '/* My Custom Theme *\/'
- * });
- * ```
- */
-export declare const buildCSSOutput: (lightDarkVars: Record<string, string>, themeOverrides: {
-    light: Record<string, string>;
-    dark: Record<string, string>;
-}, options?: CSSBuildOptions) => string;

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

@@ -1,25 +0,0 @@
-import { 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>;
-};

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

@@ -1,16 +0,0 @@
-/**
- * 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 const findConfigFile: (root: string) => string | null;

package/dist/theme/utils/theme-attribute.d.ts

@@ -1,13 +0,0 @@
-/**
- * Minimal runtime theme switching utility
- * Used when theme CSS is already loaded via build-time plugin
- */
-export type ThemeMode = "light" | "dark";
-/**
- * Set theme attribute on document root
- * This triggers CSS theme switching without regenerating CSS variables
- *
- * @param theme - The resolved theme ("light" or "dark")
- * @param isSystem - Whether system preference mode is active
- */
-export declare const setThemeAttribute: (theme: ThemeMode, isSystem?: boolean) => void;

package/dist/theme/utils.d.ts

@@ -1,29 +0,0 @@
-import { Theme, BaseThemeName, ThemeConfig } from './types';
-
-/**
- * Deep merge utility for merging theme objects
- * Recursively merges nested objects, with source properties taking precedence
- *
- * @param target - The target object to merge into
- * @param source - The source object to merge from
- * @returns A new merged object
- *
- * @example
- * ```typescript
- * const result = deepMerge({ a: 1, b: { c: 2 } }, { b: { d: 3 } });
- * // Result: { a: 1, b: { c: 2, d: 3 } }
- * ```
- */
-export declare const deepMerge: (target: any, source: any) => any;
-/**
- * Get base theme by name (synchronous with fallback)
- */
-export declare const getBaseTheme: (themeName: BaseThemeName) => Theme;
-/**
- * Helper to get a specific value from a theme by path
- * @example
- * getThemeValue(lightTheme, "click.button.primary.background.default")
- * // Returns: "#007bff"
- */
-export declare const getThemeValue: (theme: Theme | Record<string, any>, path: string) => unknown;
-export declare const loadCustomConfig: () => Promise<ThemeConfig | null>;

package/dist/utils/capitalize.d.ts

@@ -1,12 +0,0 @@
-/**
- * Capitalizes the first letter of a string and converts kebab-case to PascalCase
- * @param str - The string to capitalize
- * @returns The string with the first letter capitalized and kebab-case converted to PascalCase
- * @example
- * capitalize('hello') // 'Hello'
- * capitalize('WORLD') // 'WORLD'
- * capitalize('') // ''
- * capitalize('space-between') // 'SpaceBetween'
- * capitalize('space-around') // 'SpaceAround'
- */
-export declare const capitalize: (str: string) => string;

package/dist/utils/polymorphic/index.d.ts

@@ -1,48 +0,0 @@
-import { ComponentProps, ComponentPropsWithRef, ElementType, ReactNode } from 'react';
-
-/**
- * Utility types for creating type-safe polymorphic components with SCSS modules
- *
- * Usage example:
- * ```tsx
- * interface MyComponentProps<T extends ElementType = "div"> extends PolymorphicComponentProps<T> {
- *   customProp?: string;
- * }
- *
- * type MyComponentType = PolymorphicComponent<MyComponentProps>;
- *
- * const _MyComponent = <T extends ElementType = "div">(
- *   props: PolymorphicProps<T, MyComponentProps<T>>,
- *   ref: PolymorphicRef<T>
- * ) => {
- *   const Component = props.component ?? "div";
- *   return <Component ref={ref} {...props} />;
- * };
- *
- * export const MyComponent: MyComponentType = forwardRef(_MyComponent);
- * ```
- */
-/**
- * Base props for polymorphic components
- */
-export interface PolymorphicComponentProps<T extends ElementType> {
-    component?: T;
-}
-/**
- * Merges the component's custom props with native HTML element props
- * Excludes conflicting keys from ComponentProps to ensure custom props take precedence
- */
-export type PolymorphicProps<T extends ElementType, TProps extends PolymorphicComponentProps<T>> = Omit<ComponentProps<T>, keyof TProps> & TProps;
-/**
- * Extracts the correct ref type for the polymorphic component
- */
-export type PolymorphicRef<T extends ElementType> = ComponentPropsWithRef<T>["ref"];
-/**
- * Type for the final exported polymorphic component
- * This uses a mapped type to properly infer the element type
- */
-export type PolymorphicComponent<TProps extends PolymorphicComponentProps<ElementType>, TDefaultElement extends ElementType = "div"> = <T extends ElementType = TDefaultElement>(props: PolymorphicProps<T, Omit<TProps, "component"> & {
-    component?: T;
-}> & {
-    ref?: PolymorphicRef<T>;
-}) => ReactNode;