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

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/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/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").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 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 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/lib/utils.d.ts

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