@zjlab-fe/data-hub-ui 0.10.1 → 0.10.3

package/dist/types/components/feature-card/index.d.ts

@@ -1,28 +1,7 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 import './index.css';
-type Align = 'left' | 'center' | 'right';
-type Size = 'sm' | 'md' | 'lg';
-export interface FeatureCardClassNames {
-    root?: string;
-    icon?: string;
-    body?: string;
-    title?: string;
-    description?: string;
-}
-export interface FeatureCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    /** Icon content: ReactNode or string (URL/path to image) */
-    icon?: React.ReactNode | string;
-    /** Card title (named `cardTitle` to avoid conflict with HTML title attribute) */
-    cardTitle?: React.ReactNode;
-    description?: React.ReactNode;
-    titleAs?: keyof JSX.IntrinsicElements;
-    /** Alignment: left (default), center, right */
-    align?: Align;
-    /** Size: sm, md (default), lg */
-    size?: Size;
-    /** Custom classNames for each element */
-    classNames?: FeatureCardClassNames;
-}
+import type { FeatureCardProps } from './types';
+export type { FeatureCardClassNames, FeatureCardProps, FeatureCardStyles, FeatureCardAlign, FeatureCardSize, } from './types';
 declare const FeatureCardRoot: React.ForwardRefExoticComponent<FeatureCardProps & React.RefAttributes<HTMLDivElement>>;
 export type FeatureCardRootProps = React.ComponentPropsWithoutRef<typeof FeatureCardRoot>;
 interface SlottableProps extends React.HTMLAttributes<HTMLElement> {

package/dist/types/components/feature-card/types.d.ts

@@ -0,0 +1,33 @@
+export type FeatureCardAlign = 'left' | 'center' | 'right';
+export type FeatureCardSize = 'sm' | 'md' | 'lg';
+export interface FeatureCardClassNames {
+    root?: string;
+    icon?: string;
+    body?: string;
+    title?: string;
+    description?: string;
+}
+export interface FeatureCardStyles {
+    root?: React.CSSProperties;
+    icon?: React.CSSProperties;
+    body?: React.CSSProperties;
+    title?: React.CSSProperties;
+    description?: React.CSSProperties;
+}
+export interface FeatureCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Icon content: ReactNode or string (URL/path to image) */
+    icon?: React.ReactNode | string;
+    /** Card title (named `cardTitle` to avoid conflict with HTML title attribute) */
+    cardTitle?: React.ReactNode;
+    description?: React.ReactNode;
+    titleAs?: keyof JSX.IntrinsicElements;
+    /** Alignment: left (default), center, right */
+    align?: FeatureCardAlign;
+    /** Size: sm, md (default), lg */
+    size?: FeatureCardSize;
+    /** Gap: 2, 3, 4 */
+    iconVariant?: 'default' | 'full' | 'square';
+    /** Custom classNames for each element */
+    classNames?: FeatureCardClassNames | ((props: FeatureCardProps) => FeatureCardClassNames);
+    styles?: FeatureCardStyles | ((props: FeatureCardProps) => FeatureCardStyles);
+}

package/dist/types/components/file-uploader/components/uploader-drop-zone.d.ts

@@ -34,7 +34,7 @@ export interface UploaderDropZoneProps {
     /** Custom icon - can be a React component or image/svg path */
     icon?: ReactNode | string;
     /** Custom class names for different elements */
-    classNames?: UploaderDropZoneClassNames;
+    classNames?: UploaderDropZoneClassNames | ((props: UploaderDropZoneProps) => UploaderDropZoneClassNames);
     /** Callback when files are dropped or selected */
     onDrop: (files: FileWithPath[]) => void;
     /** custom file validation callback */
@@ -47,4 +47,4 @@ export interface DropZoneError {
     message: string;
     rejectedFiles?: File[];
 }
-export declare function UploaderDropZone({ accept, maxSize, maxFiles, directory, disabled, dragAreaDescription, icon, classNames, onDrop, fileValidation, onError, }: UploaderDropZoneProps): import("react/jsx-runtime").JSX.Element;
+export declare function UploaderDropZone(props: UploaderDropZoneProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/file-uploader/components/uploader-file-item.d.ts

@@ -28,7 +28,7 @@ export interface UploaderFileItemClassNames {
 interface FileItemProps {
     file: UploadFile;
     /** Custom class names for different elements */
-    classNames?: UploaderFileItemClassNames;
+    classNames?: UploaderFileItemClassNames | ((props: FileItemProps) => UploaderFileItemClassNames);
     /** start function passed from parent that has upload handlers */
     onStart?: (id: string) => void;
     /** Cancel function passed from parent that has upload handlers */
@@ -40,5 +40,5 @@ interface FileItemProps {
     /** Resume function passed from parent that has upload handlers */
     onResume?: (id: string) => void;
 }
-export declare function UploaderFileItem({ file, classNames, onCancel, onRemove, onPause, onResume }: FileItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function UploaderFileItem(props: FileItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/file-uploader/components/uploader-file-list.d.ts

@@ -3,12 +3,16 @@ import './uploader-file-list.css';
 export interface FileListClassNames {
     /** File list container */
     container?: string;
+    /** File list title */
+    title?: string;
+    /** File list */
+    listWrapper?: string;
     /** Empty state wrapper */
     empty?: string;
 }
 interface FileListProps {
     /** Custom class names for different elements */
-    classNames?: FileListClassNames;
+    classNames?: FileListClassNames | ((props: FileListProps) => FileListClassNames);
     /** Empty state text or component */
     emptyText?: string;
     /** Children components (e.g., file items) */
@@ -25,5 +29,5 @@ interface FileListProps {
  * />
  * ```
  */
-export declare function UploaderFileListLayout({ classNames, emptyText, children }: FileListProps): import("react/jsx-runtime").JSX.Element;
+export declare function UploaderFileListLayout(props: FileListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/file-uploader/components/uploader.d.ts

@@ -5,6 +5,12 @@ import { type DropZoneError, type UploaderDropZoneClassNames } from './uploader-
 import type { UploadHandlers } from '../types';
 import { type FileListClassNames } from './uploader-file-list';
 import { type UploaderFileItemClassNames } from './uploader-file-item';
+interface UploaderClassNames {
+    container?: string;
+    dragZone?: UploaderDropZoneClassNames;
+    fileItem?: UploaderFileItemClassNames;
+    fileList?: FileListClassNames;
+}
 interface UploaderProps {
     /** Provide handlers per file (decided at selection time) */
     handlers: UploadHandlers;
@@ -21,12 +27,7 @@ interface UploaderProps {
     /** Maximum file size in bytes (per-usage option) */
     maxSize?: number;
     /** Additional class name for the uploader container */
-    classNames?: {
-        container?: string;
-        dragZone?: UploaderDropZoneClassNames;
-        fileList?: UploaderFileItemClassNames;
-        fileItem?: FileListClassNames;
-    };
+    classNames?: UploaderClassNames | ((props: UploaderProps) => UploaderClassNames);
     /** Error callback for upload errors */
     onDropZoneError?: (error: DropZoneError) => void;
     /** custom file validation callback */
@@ -59,6 +60,5 @@ interface UploaderProps {
  * />
  * ```
  */
-export declare function Uploader({ handlers, runtime, dragAreaDescription, accept, directory, maxFiles, maxSize, // 10GB default
-classNames, onDropZoneError, fileValidation, }: UploaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Uploader(props: UploaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/section-heading/index.d.ts

@@ -1,21 +1,7 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 import './index.css';
-type Align = 'left' | 'center' | 'right';
-type Size = 'sm' | 'md' | 'lg';
-export interface SectionHeadingProps extends React.HTMLAttributes<HTMLDivElement> {
-    kicker?: React.ReactNode;
-    mainTitle?: React.ReactNode;
-    description?: React.ReactNode;
-    align?: Align;
-    size?: Size;
-    titleAs?: keyof JSX.IntrinsicElements;
-    classNames?: {
-        root?: string;
-        kicker?: string;
-        title?: string;
-        description?: string;
-    };
-}
+import type { SectionHeadingProps } from './types';
+export type { SectionHeadingClassNames, SectionHeadingProps, SectionHeadingStyles, SectionHeadingAlign, SectionHeadingSize, } from './types';
 declare const SectionHeadingRoot: React.ForwardRefExoticComponent<SectionHeadingProps & React.RefAttributes<HTMLDivElement>>;
 export type SectionHeadingRootProps = React.ComponentPropsWithoutRef<typeof SectionHeadingRoot>;
 interface SlottableProps extends React.HTMLAttributes<HTMLElement> {

package/dist/types/components/section-heading/types.d.ts

@@ -0,0 +1,24 @@
+export type SectionHeadingAlign = 'left' | 'center' | 'right';
+export type SectionHeadingSize = 'sm' | 'md' | 'lg';
+export interface SectionHeadingClassNames {
+    root?: string;
+    kicker?: string;
+    title?: string;
+    description?: string;
+}
+export interface SectionHeadingStyles {
+    root?: React.CSSProperties;
+    kicker?: React.CSSProperties;
+    title?: React.CSSProperties;
+    description?: React.CSSProperties;
+}
+export interface SectionHeadingProps extends React.HTMLAttributes<HTMLDivElement> {
+    kicker?: React.ReactNode;
+    mainTitle?: React.ReactNode;
+    description?: React.ReactNode;
+    align?: SectionHeadingAlign;
+    size?: SectionHeadingSize;
+    titleAs?: keyof JSX.IntrinsicElements;
+    classNames?: SectionHeadingClassNames | ((props: SectionHeadingProps) => SectionHeadingClassNames);
+    styles?: SectionHeadingStyles | ((props: SectionHeadingProps) => SectionHeadingStyles);
+}

package/dist/types/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import type { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;