@tqc-solution/design-system 0.1.73

package/dist/components/Chart/BarChart/BarChart.d.ts

@@ -0,0 +1,40 @@
+export type BarChartDataPoint = {
+    category: string | Date | number;
+    value: number;
+};
+export type BarChartSeries = {
+    data: BarChartDataPoint[];
+    color?: string;
+    label: string;
+};
+export type BarChartProps = {
+    series: BarChartSeries[];
+    width?: number;
+    height?: number;
+    className?: string;
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    tooltipShowAll?: boolean;
+    yAxis?: {
+        min?: number;
+        max?: number;
+        label?: string;
+        formatLabel?: (value: number) => string;
+    };
+    title?: string;
+    barGap?: number;
+    groupGap?: number;
+    formatXLabel?: (value: string | Date | number, index: number) => string;
+    xAxisLabels?: string[];
+};
+export declare const BarChart: {
+    ({ series, width, height, className, padding, showGrid, showTooltip, showLegend, tooltipShowAll, yAxis, title, barGap, groupGap, formatXLabel, xAxisLabels, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Chart/BarChart/index.d.ts

@@ -0,0 +1,2 @@
+export { BarChart } from './BarChart';
+export type { BarChartProps, BarChartSeries, BarChartDataPoint } from './BarChart';

package/dist/components/Chart/HorizontalBarChart/HorizontalBarChart.d.ts

@@ -0,0 +1,32 @@
+export type HorizontalBarChartDataPoint = {
+    category: string;
+    value: number;
+};
+export type HorizontalBarChartProps = {
+    data: HorizontalBarChartDataPoint[];
+    width?: number;
+    height?: number;
+    className?: string;
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    xAxis?: {
+        min?: number;
+        max?: number;
+        label?: string;
+        formatLabel?: (value: number) => string;
+        tickInterval?: number;
+    };
+    title?: string;
+    barColor?: string;
+    barColors?: string[];
+};
+export declare const HorizontalBarChart: {
+    ({ data, width, height, className, padding, showGrid, showTooltip, xAxis, title, barColor, barColors, }: HorizontalBarChartProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Chart/HorizontalBarChart/index.d.ts

@@ -0,0 +1,2 @@
+export { HorizontalBarChart } from './HorizontalBarChart';
+export type { HorizontalBarChartProps, HorizontalBarChartDataPoint } from './HorizontalBarChart';

package/dist/components/Chart/LineChart/LineChart.d.ts

@@ -0,0 +1,48 @@
+export type LineChartDataPoint = {
+    x: number | string | Date;
+    y: number;
+};
+export type LineChartSeries = {
+    data: LineChartDataPoint[];
+    color?: string | null;
+    label?: string;
+    showArea?: boolean;
+    showMarkers?: boolean;
+    yAxis?: 'left' | 'right';
+};
+export type LineChartProps = {
+    series: LineChartSeries[];
+    width?: number;
+    height?: number;
+    className?: string;
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    tooltipShowAll?: boolean;
+    xAxisLabels?: string[];
+    formatXLabel?: (value: number | string | Date, index: number) => string;
+    yAxisLeft?: {
+        min?: number;
+        max?: number;
+        label?: string;
+        formatLabel?: (value: number) => string;
+        scale?: 'linear' | 'log';
+    };
+    yAxisRight?: {
+        min?: number;
+        max?: number;
+        label?: string;
+        formatLabel?: (value: number) => string;
+        scale?: 'linear' | 'log';
+    };
+};
+export declare const LineChart: {
+    ({ series, width, height, className, padding, showGrid, showTooltip, showLegend, tooltipShowAll, xAxisLabels, formatXLabel, yAxisLeft, yAxisRight, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Chart/LineChart/index.d.ts

@@ -0,0 +1,2 @@
+export { LineChart } from './LineChart';
+export type { LineChartProps, LineChartSeries, LineChartDataPoint } from './LineChart';

package/dist/components/Chart/MultiLineAndBarChart/MultiLineAndBarChart.d.ts

@@ -0,0 +1,57 @@
+export type MultiLineAndBarChartDataPoint = {
+    x: number | string | Date;
+    y: number;
+};
+export type MultiLineAndBarChartSeries = {
+    data: MultiLineAndBarChartDataPoint[];
+    color?: string | null;
+    label?: string;
+    showMarkers?: boolean;
+    yAxis?: 'left' | 'right' | 'right2';
+    chartType?: 'bar' | 'line';
+};
+export type MultiLineAndBarChartProps = {
+    series: MultiLineAndBarChartSeries[];
+    width?: number;
+    height?: number;
+    className?: string;
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    tooltipShowAll?: boolean;
+    xAxisLabels?: string[];
+    formatXLabel?: (value: number | string | Date, index: number) => string;
+    yAxisLeft?: {
+        min?: number;
+        max?: number;
+        label?: string;
+        formatLabel?: (value: number) => string;
+        scale?: 'linear' | 'log';
+    };
+    yAxisRight?: {
+        min?: number;
+        max?: number;
+        label?: string;
+        formatLabel?: (value: number) => string;
+        scale?: 'linear' | 'log';
+    };
+    yAxisRight2?: {
+        min?: number;
+        max?: number;
+        label?: string;
+        formatLabel?: (value: number) => string;
+        scale?: 'linear' | 'log';
+    };
+    barGap?: number;
+    groupGap?: number;
+};
+export declare const MultiLineAndBarChart: {
+    ({ series, width, height, className, padding, showGrid, showTooltip, showLegend, tooltipShowAll, xAxisLabels, formatXLabel, yAxisLeft, yAxisRight, yAxisRight2, }: MultiLineAndBarChartProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Chart/MultiLineAndBarChart/index.d.ts

@@ -0,0 +1,2 @@
+export { MultiLineAndBarChart } from './MultiLineAndBarChart';
+export type { MultiLineAndBarChartProps, MultiLineAndBarChartSeries, MultiLineAndBarChartDataPoint, } from './MultiLineAndBarChart';

package/dist/components/Chart/MultilineChart/MultilineChart.d.ts

@@ -0,0 +1,25 @@
+import type { LineChartProps, LineChartSeries, LineChartDataPoint } from '../LineChart';
+export type MultilineChartDataPoint = LineChartDataPoint;
+export type MultilineChartSeries = LineChartSeries;
+export type MultilineChartProps = Omit<LineChartProps, 'series' | 'yAxisLeft' | 'yAxisRight'> & {
+    series: MultilineChartSeries[];
+    tooltipShowAll?: boolean;
+    yAxisLeft?: {
+        min?: number;
+        max?: number;
+        label?: string;
+        formatLabel?: (value: number) => string;
+        scale?: 'linear' | 'log';
+    };
+    yAxisRight?: {
+        min?: number;
+        max?: number;
+        label?: string;
+        formatLabel?: (value: number) => string;
+        scale?: 'linear' | 'log';
+    };
+};
+export declare const MultilineChart: {
+    ({ series, width, height, className, padding, showGrid, showTooltip, showLegend, tooltipShowAll, xAxisLabels, formatXLabel, yAxisLeft, yAxisRight, ...restProps }: MultilineChartProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Chart/MultilineChart/index.d.ts

@@ -0,0 +1,2 @@
+export { MultilineChart } from './MultilineChart';
+export type { MultilineChartProps, MultilineChartSeries, MultilineChartDataPoint } from './MultilineChart';

package/dist/components/Chart/PieChart/PieChart.d.ts

@@ -0,0 +1,20 @@
+export type PieChartDataItem = {
+    value: number;
+    color?: string;
+    label?: string;
+};
+export type PieChartProps = {
+    data?: PieChartDataItem[];
+    size?: number;
+    className?: string;
+    showLegend?: boolean;
+    legendOrientation?: 'horizontal' | 'vertical';
+    showTooltip?: boolean;
+    tooltipShowAll?: boolean;
+    variant?: 'pie' | 'donut';
+    innerRadius?: number;
+};
+export declare const PieChart: {
+    ({ data, size, className, showLegend, legendOrientation, showTooltip, tooltipShowAll, variant, innerRadius, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Chart/PieChart/index.d.ts

@@ -0,0 +1,2 @@
+export { PieChart } from './PieChart';
+export type { PieChartProps } from './PieChart';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,21 @@
+import { type InputHTMLAttributes } from 'react';
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> & {
+    /** Checkbox label text */
+    label?: string;
+    /** Show/hide label */
+    showLabel?: boolean;
+    /** Indeterminate state (partially checked) */
+    indeterminate?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    /** Checkbox label text */
+    label?: string;
+    /** Show/hide label */
+    showLabel?: boolean;
+    /** Indeterminate state (partially checked) */
+    indeterminate?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/dist/components/DatePicker/DatePicker/DatePicker.d.ts

@@ -0,0 +1,24 @@
+import type { Dayjs } from 'dayjs';
+import React, { type ReactNode } from 'react';
+export interface DatePickerProps {
+    className?: string;
+    suffixIcon?: ReactNode;
+    showOkButton?: boolean;
+    value?: Dayjs | null;
+    onChange?: (date: Dayjs | null, dateString: string | string[] | null) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placeholder?: string;
+    format?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultValue?: Dayjs | null;
+    disabledDate?: (date: Dayjs) => boolean;
+    showToday?: boolean;
+    showTime?: boolean | object;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    style?: React.CSSProperties;
+    width?: string | number;
+    [key: string]: any;
+}
+export declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DatePicker/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';

package/dist/components/DatePicker/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,34 @@
+import type { Dayjs } from 'dayjs';
+import React, { type ReactNode } from 'react';
+type RangeValue = [Dayjs | null, Dayjs | null] | null;
+export interface DateRangePickerProps {
+    width?: string | number;
+    className?: string;
+    suffixIcon?: ReactNode;
+    showPresets?: boolean;
+    hideSeparator?: boolean;
+    presetsPosition?: 'right' | 'bottom' | 'left';
+    needConfirm?: boolean;
+    showLabel?: string;
+    presets?: Array<{
+        label: string;
+        value: [Dayjs, Dayjs];
+    }>;
+    value?: RangeValue;
+    onChange?: (dates: RangeValue, dateStrings: [string, string]) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placeholder?: string | [string, string];
+    format?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultValue?: RangeValue;
+    disabledDate?: (date: Dayjs) => boolean;
+    showTime?: boolean | object;
+    showTwoMonths?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    dropdownPosition?: 'top' | 'bottom' | 'right' | 'left';
+    [key: string]: any;
+}
+export declare const DateRangePicker: React.ForwardRefExoticComponent<Omit<DateRangePickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/DatePicker/DateRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateRangePicker } from './DateRangePicker';
+export type { DateRangePickerProps } from './DateRangePicker';

package/dist/components/DatePicker/MonthPicker/MonthPicker.d.ts

@@ -0,0 +1,20 @@
+import type { Dayjs } from 'dayjs';
+import React, { type ReactNode } from 'react';
+export interface MonthPickerProps {
+    className?: string;
+    format?: string;
+    suffixIcon?: ReactNode;
+    showOkButton?: boolean;
+    value?: Dayjs | null;
+    onChange?: (date: Dayjs | null, dateString: string | string[] | null) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultValue?: Dayjs | null;
+    disabledDate?: (date: Dayjs) => boolean;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    [key: string]: any;
+}
+export declare const MonthPicker: React.ForwardRefExoticComponent<Omit<MonthPickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DatePicker/MonthPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { MonthPicker } from './MonthPicker';
+export type { MonthPickerProps } from './MonthPicker';

package/dist/components/DatePicker/TimePicker/TimePicker.d.ts

@@ -0,0 +1,20 @@
+import { type Dayjs } from 'dayjs';
+import React, { type ReactNode } from 'react';
+export interface TimePickerProps {
+    className?: string;
+    format?: string;
+    suffixIcon?: ReactNode;
+    showSecond?: boolean;
+    value?: Dayjs | null;
+    onChange?: (time: Dayjs | null, timeString: string) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultValue?: Dayjs | null;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    needConfirm?: boolean;
+    [key: string]: any;
+}
+export declare const TimePicker: React.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DatePicker/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePicker } from './TimePicker';
+export type { TimePickerProps } from './TimePicker';

package/dist/components/DatePicker/YearPicker/YearPicker.d.ts

@@ -0,0 +1,20 @@
+import type { Dayjs } from 'dayjs';
+import React, { type ReactNode } from 'react';
+export interface YearPickerProps {
+    className?: string;
+    format?: string;
+    suffixIcon?: ReactNode;
+    showOkButton?: boolean;
+    value?: Dayjs | null;
+    onChange?: (date: Dayjs | null, dateString: string | string[] | null) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultValue?: Dayjs | null;
+    disabledDate?: (date: Dayjs) => boolean;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    [key: string]: any;
+}
+export declare const YearPicker: React.ForwardRefExoticComponent<Omit<YearPickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DatePicker/YearPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { YearPicker } from './YearPicker';
+export type { YearPickerProps } from './YearPicker';

package/dist/components/Editor/Editor.d.ts

@@ -0,0 +1,16 @@
+import 'react-quill-new/dist/quill.snow.css';
+type ReactQuillProps = any;
+export type EditorProps = Omit<ReactQuillProps, 'ref'> & {
+    /** Additional CSS class name */
+    className?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Editor height */
+    height?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show character and word count */
+    showCount?: boolean;
+};
+export declare const Editor: import("react").ForwardRefExoticComponent<Omit<EditorProps, "ref"> & import("react").RefAttributes<any>>;
+export {};

package/dist/components/Editor/index.d.ts

@@ -0,0 +1,2 @@
+export { Editor } from './Editor';
+export type { EditorProps } from './Editor';

package/dist/components/EditorHtml/EditorHtml.d.ts

@@ -0,0 +1,35 @@
+import type * as Monaco from 'monaco-editor';
+export type EditorHtmlProps = {
+    /** HTML content value */
+    value?: string;
+    /** Callback when content changes */
+    onChange?: (value: string | undefined) => void;
+    /** Additional CSS class name */
+    className?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Editor height */
+    height?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show line numbers */
+    lineNumbers?: boolean;
+    /** Word wrap */
+    wordWrap?: 'off' | 'on' | 'wordWrapColumn' | 'bounded';
+    /** Theme: 'vs' (light) or 'vs-dark' (dark) */
+    theme?: 'vs' | 'vs-dark';
+    /** Font size */
+    fontSize?: number;
+    /** Tab size */
+    tabSize?: number;
+    /** Minimap enabled */
+    minimap?: boolean;
+    /** Auto indentation */
+    autoIndent?: boolean;
+    /** Callback when editor is mounted */
+    onMount?: (editor: Monaco.editor.IStandaloneCodeEditor, monaco: typeof Monaco) => void;
+};
+export declare const EditorHtml: {
+    ({ value, onChange, placeholder, className, height, disabled, lineNumbers, wordWrap, theme, fontSize, tabSize, minimap, autoIndent, onMount, ...props }: EditorHtmlProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/EditorHtml/index.d.ts

@@ -0,0 +1,2 @@
+export { EditorHtml } from './EditorHtml';
+export type { EditorHtmlProps } from './EditorHtml';

package/dist/components/EditorJs/EditorJs.d.ts

@@ -0,0 +1,35 @@
+import type * as Monaco from 'monaco-editor';
+export type EditorJsProps = {
+    /** JavaScript content value */
+    value?: string;
+    /** Callback when content changes */
+    onChange?: (value: string | undefined) => void;
+    /** Additional CSS class name */
+    className?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Editor height */
+    height?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show line numbers */
+    lineNumbers?: boolean;
+    /** Word wrap */
+    wordWrap?: 'off' | 'on' | 'wordWrapColumn' | 'bounded';
+    /** Theme: 'vs' (light) or 'vs-dark' (dark) */
+    theme?: 'vs' | 'vs-dark';
+    /** Font size */
+    fontSize?: number;
+    /** Tab size */
+    tabSize?: number;
+    /** Minimap enabled */
+    minimap?: boolean;
+    /** Auto indentation */
+    autoIndent?: boolean;
+    /** Callback when editor is mounted */
+    onMount?: (editor: Monaco.editor.IStandaloneCodeEditor, monaco: typeof Monaco) => void;
+};
+export declare const EditorJs: {
+    ({ value, onChange, placeholder, className, height, disabled, lineNumbers, wordWrap, theme, fontSize, tabSize, minimap, autoIndent, onMount, ...props }: EditorJsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/EditorJs/index.d.ts

@@ -0,0 +1,2 @@
+export { EditorJs } from './EditorJs';
+export type { EditorJsProps } from './EditorJs';

package/dist/components/Input/InputForm/InputForm.d.ts

@@ -0,0 +1,42 @@
+import { type InputHTMLAttributes, type TextareaHTMLAttributes, type ReactNode } from 'react';
+export type InputFormType = 'text' | 'textarea';
+export type HelperTextType = 'default' | 'error' | 'success' | 'disabled';
+export type HelperTextConfig = {
+    /** Helper text content */
+    text: string;
+    /** Type of helper text: 'default' | 'error' | 'success' | 'disabled' */
+    type?: HelperTextType;
+    /** Custom icon for helper text (overrides default icon based on type) */
+    icon?: ReactNode;
+};
+type BaseInputFormProps = {
+    /** Input type: 'text' for single-line input or 'textarea' for multi-line textarea */
+    type?: InputFormType;
+    /** Unique identifier for the input field (required for label association) */
+    id: string;
+    /** Label text displayed above the input */
+    label?: string;
+    /** Whether the field is required (shows asterisk) */
+    required?: boolean;
+    /** Whether the field is in error state (shows error border and focus styles) */
+    error?: boolean;
+    /** Helper text configuration */
+    helperText?: HelperTextConfig;
+    /** Left icon element */
+    leftIcon?: ReactNode;
+    /** Right icon element */
+    rightIcon?: ReactNode;
+    /** Callback function called when copy is successful (only for textarea) */
+    onCopy?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+};
+type TextInputProps = BaseInputFormProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'id'> & {
+    type?: 'text';
+};
+type TextareaInputProps = BaseInputFormProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'id'> & {
+    type: 'textarea';
+};
+export type InputFormProps = TextInputProps | TextareaInputProps;
+export declare const InputForm: import("react").ForwardRefExoticComponent<InputFormProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export {};

package/dist/components/Input/InputForm/index.d.ts

@@ -0,0 +1,2 @@
+export { InputForm } from './InputForm';
+export type { InputFormProps, InputFormType } from './InputForm';