@zjlab-fe/data-hub-ui 0.10.2 → 0.10.4

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

@@ -0,0 +1,31 @@
+export type FeatureCardSize = 'sm' | 'md' | 'lg';
+export type FeatureCardAlign = 'left' | 'center' | 'right';
+export type IconVariant = 'default' | 'full' | 'square';
+/**
+ * Get text alignment class based on align prop
+ */
+export declare function getAlignClass(align: FeatureCardAlign): string | undefined;
+/**
+ * Get icon alignment class based on align prop
+ */
+export declare function getIconAlignClass(align: FeatureCardAlign): string;
+/**
+ * Get icon rounded class based on iconVariant and size
+ */
+export declare function getIconRoundedClass(iconVariant: IconVariant, size: FeatureCardSize): string;
+/**
+ * Get icon size classes based on size
+ */
+export declare function getIconSizeClasses(size: FeatureCardSize): string;
+/**
+ * Get title size classes based on size
+ */
+export declare function getTitleSizeClasses(size: FeatureCardSize): string;
+/**
+ * Get description size classes based on size
+ */
+export declare function getDescriptionSizeClasses(size: FeatureCardSize): string;
+/**
+ * Get root container classes based on size
+ */
+export declare function getRootSizeClasses(size: FeatureCardSize): string;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SlottableProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+export declare const Header: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Icon: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Body: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Title: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Description: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Content: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export type FeatureCardSize = 'sm' | 'md' | 'lg';
+export type FeatureCardAlign = 'left' | 'center' | 'right';
+export type IconVariant = 'default' | 'full' | 'square';
+export interface FeatureCardContextValue {
+    size: FeatureCardSize;
+    align: FeatureCardAlign;
+    iconVariant: IconVariant;
+}
+export declare const FeatureCardContext: React.Context<FeatureCardContextValue | null>;
+export declare function useFeatureCardContext(): FeatureCardContextValue;

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

@@ -1 +1,2 @@
+import './index.css';
 export default function Demo(): import("react/jsx-runtime").JSX.Element;

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

@@ -4,16 +4,13 @@ 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> {
-    asChild?: boolean;
-}
 export declare const FeatureCard: React.ForwardRefExoticComponent<FeatureCardProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<FeatureCardProps & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
-    Icon: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
-    Body: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
-    Content: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<import("./components").SlottableProps & React.RefAttributes<HTMLDivElement>>;
+    Icon: React.ForwardRefExoticComponent<import("./components").SlottableProps & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<import("./components").SlottableProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<import("./components").SlottableProps & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<import("./components").SlottableProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<import("./components").SlottableProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default FeatureCard;

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/classNames.d.ts

@@ -0,0 +1,10 @@
+export type SectionHeadingSize = 'sm' | 'md' | 'lg';
+export type SectionHeadingAlign = 'left' | 'center' | 'right';
+/**
+ * Get alignment class based on align prop
+ */
+export declare function getAlignClass(align: SectionHeadingAlign): string | undefined;
+/**
+ * Get title size classes based on size
+ */
+export declare function getTitleSizeClasses(size: SectionHeadingSize): string | undefined;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SlottableProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+export declare const Kicker: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Title: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Description: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export type SectionHeadingSize = 'sm' | 'md' | 'lg';
+export type SectionHeadingAlign = 'left' | 'center' | 'right';
+export interface SectionHeadingContextValue {
+    size: SectionHeadingSize;
+    align: SectionHeadingAlign;
+}
+export declare const SectionHeadingContext: React.Context<SectionHeadingContextValue | null>;
+export declare function useSectionHeadingContext(): SectionHeadingContextValue;

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

@@ -4,13 +4,10 @@ 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> {
-    asChild?: boolean;
-}
 export declare const SectionHeading: React.ForwardRefExoticComponent<SectionHeadingProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<SectionHeadingProps & React.RefAttributes<HTMLDivElement>>;
-    Kicker: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<SlottableProps & React.RefAttributes<HTMLDivElement>>;
+    Kicker: React.ForwardRefExoticComponent<import("./components").SlottableProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<import("./components").SlottableProps & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<import("./components").SlottableProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default SectionHeading;

package/dist/types/components/tip-tap/extensions/index.d.ts

@@ -1,2 +1,2 @@
-export declare const editorExtensions: (placeholder?: string) => (import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableRowOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-code-block-lowlight").CodeBlockLowlightOptions, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any> | import("@tiptap/core").Extension<import("@tiptap/markdown").MarkdownExtensionOptions, import("@tiptap/markdown").MarkdownExtensionStorage>)[];
+export declare const editorExtensions: (placeholder?: string) => (import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableRowOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-code-block-lowlight").CodeBlockLowlightOptions, any> | import("@tiptap/core").Extension<import("@tiptap/markdown").MarkdownExtensionOptions, import("@tiptap/markdown").MarkdownExtensionStorage> | import("@tiptap/core").Extension<any, any>)[];
 export declare const readerExtensions: () => (import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableRowOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-code-block-lowlight").CodeBlockLowlightOptions, any>)[];

package/dist/types/demo/shared/Card.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare function Card({ title, badge, children, sourceCode, }: {
+    title: React.ReactNode;
+    badge?: React.ReactNode;
+    children: React.ReactNode;
+    sourceCode?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/demo/shared/CodeHighlight.d.ts

@@ -0,0 +1,3 @@
+export declare function CodeHighlight({ code }: {
+    code: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/demo/shared/ComparisonVsSemanticDom.d.ts

@@ -0,0 +1 @@
+export declare function ComparisonVsSemanticDom(): import("react/jsx-runtime").JSX.Element;

package/dist/types/demo/shared/RadioGroup.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface RadioGroupProps<T extends string> {
+    label: string;
+    value: T;
+    options: Array<{
+        value: T;
+        label: React.ReactNode;
+        badge?: React.ReactNode;
+    }>;
+    onChange: (value: T) => void;
+    layout?: 'horizontal' | 'vertical';
+}
+export declare function RadioGroup<T extends string>({ label, value, options, onChange, layout, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/demo/shared/index.d.ts

@@ -0,0 +1,4 @@
+export { CodeHighlight } from './CodeHighlight';
+export { Card } from './Card';
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';