@tqc-solution/design-system 0.1.73

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

@@ -0,0 +1,110 @@
+import { type InputHTMLAttributes, type ReactNode, type ChangeEvent } from 'react';
+export declare const InputFormSpecialType: {
+    readonly EMAIL: "email";
+    readonly PHONE: "phone";
+    readonly MONEY: "money";
+    readonly WEBSITE: "website";
+    readonly CARD: "card";
+    readonly MULTIPLE_TAG: "multiple-tag";
+    readonly PASSWORD: "password";
+};
+export type InputFormSpecialType = typeof InputFormSpecialType[keyof typeof InputFormSpecialType];
+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;
+};
+export type PasswordRule = {
+    /** Rule text */
+    text: string;
+    /** Whether the rule is satisfied */
+    satisfied: boolean;
+};
+export type InputFormSpecialProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'> & {
+    /** Unique identifier for the input field (required for label association) */
+    id: string;
+    /** Type of special input */
+    type: InputFormSpecialType;
+    /** Label text displayed above the input */
+    label?: string;
+    /** Whether the field is required (shows asterisk) */
+    required?: boolean;
+    /** Whether the field is in error state */
+    error?: boolean;
+    /** Helper text configuration */
+    helperText?: HelperTextConfig;
+    /** Right icon element (optional, will show default icons if not provided) */
+    rightIcon?: ReactNode;
+    /** Country code for phone type (default: 'US') */
+    countryCode?: string;
+    /** Callback when country code changes (for phone type) */
+    onCountryCodeChange?: (code: string) => void;
+    /** Prefix text for website type (default: 'http://') */
+    websitePrefix?: string;
+    /** Currency symbol for money type (default: '$') */
+    currencySymbol?: string;
+    /** Card icon/image for card type */
+    cardIcon?: ReactNode;
+    /** Password validation rules (for password type) */
+    passwordRules?: PasswordRule[];
+    /** Whether to show password toggle icon (for password type, default: true) */
+    showPasswordToggle?: boolean;
+    /** Maximum number of tags to display before showing "+X" (for multiple-tag type, undefined = auto-calculate based on width) */
+    maxVisibleTags?: number;
+    /** Additional CSS class name */
+    className?: string;
+    /** Input value - for MULTIPLE_TAG type, can be string (comma-separated) or string[] */
+    value?: string | string[];
+    /** Callback when value changes - for MULTIPLE_TAG type, can emit string or string[] */
+    onChange?: (e: ChangeEvent<HTMLInputElement> | {
+        target: {
+            value: string | string[];
+        };
+    }) => void;
+};
+export declare const InputFormSpecial: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type"> & {
+    /** Unique identifier for the input field (required for label association) */
+    id: string;
+    /** Type of special input */
+    type: InputFormSpecialType;
+    /** Label text displayed above the input */
+    label?: string;
+    /** Whether the field is required (shows asterisk) */
+    required?: boolean;
+    /** Whether the field is in error state */
+    error?: boolean;
+    /** Helper text configuration */
+    helperText?: HelperTextConfig;
+    /** Right icon element (optional, will show default icons if not provided) */
+    rightIcon?: ReactNode;
+    /** Country code for phone type (default: 'US') */
+    countryCode?: string;
+    /** Callback when country code changes (for phone type) */
+    onCountryCodeChange?: (code: string) => void;
+    /** Prefix text for website type (default: 'http://') */
+    websitePrefix?: string;
+    /** Currency symbol for money type (default: '$') */
+    currencySymbol?: string;
+    /** Card icon/image for card type */
+    cardIcon?: ReactNode;
+    /** Password validation rules (for password type) */
+    passwordRules?: PasswordRule[];
+    /** Whether to show password toggle icon (for password type, default: true) */
+    showPasswordToggle?: boolean;
+    /** Maximum number of tags to display before showing "+X" (for multiple-tag type, undefined = auto-calculate based on width) */
+    maxVisibleTags?: number;
+    /** Additional CSS class name */
+    className?: string;
+    /** Input value - for MULTIPLE_TAG type, can be string (comma-separated) or string[] */
+    value?: string | string[];
+    /** Callback when value changes - for MULTIPLE_TAG type, can emit string or string[] */
+    onChange?: (e: ChangeEvent<HTMLInputElement> | {
+        target: {
+            value: string | string[];
+        };
+    }) => void;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+export { InputFormSpecial, InputFormSpecialType } from './InputFormSpecial';
+export type { InputFormSpecialProps, HelperTextConfig, PasswordRule, } from './InputFormSpecial';

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

@@ -0,0 +1,29 @@
+export type InputOTPSize = 'sm' | 'md';
+export type InputOTPState = 'blank' | 'typing' | 'default' | 'success' | 'negative';
+export type InputOTPProps = {
+    /** Number of OTP digits (default: 6) */
+    length?: number;
+    /** Size of OTP input: 'sm' | 'md' (default: 'sm') */
+    size?: InputOTPSize;
+    /** Gap between input fields in pixels (default: 24) */
+    gap?: number;
+    /** Controlled value (string of digits) */
+    value?: string;
+    /** Default value for uncontrolled component */
+    defaultValue?: string;
+    /** Callback when OTP value changes */
+    onChange?: (value: string) => void;
+    /** Callback when all digits are filled */
+    onComplete?: (value: string) => void;
+    /** Error state - can be boolean (all fields) or array of booleans (per field) */
+    error?: boolean | boolean[];
+    /** Success state - can be boolean (all fields) or array of booleans (per field) */
+    success?: boolean | boolean[];
+    /** Whether the OTP is disabled */
+    disabled?: boolean;
+    /** Auto focus on mount */
+    autoFocus?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+};
+export declare const InputOTP: import("react").ForwardRefExoticComponent<InputOTPProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { InputOTP } from './InputOTP';
+export type { InputOTPProps, InputOTPSize, InputOTPState } from './InputOTP';

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

@@ -0,0 +1,34 @@
+import { type InputHTMLAttributes } from 'react';
+export type InputSearchSize = 'sm' | 'md';
+export type InputSearchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> & {
+    /** 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;
+    /** Size of the input: 'sm' | 'md' (default: 'sm') */
+    size?: InputSearchSize;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Callback when clear icon is clicked */
+    onClear?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+};
+export declare const InputSearch: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    /** 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;
+    /** Size of the input: 'sm' | 'md' (default: 'sm') */
+    size?: InputSearchSize;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Callback when clear icon is clicked */
+    onClear?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+export { InputSearch } from './InputSearch';
+export type { InputSearchProps, InputSearchSize } from './InputSearch';

package/dist/components/InputText/InputText.d.ts

@@ -0,0 +1,56 @@
+import { type TextareaHTMLAttributes } from 'react';
+export type ResizableType = 'vertical' | 'horizontal' | 'both' | 'none';
+export type InputTextProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'rows' | 'resize'> & {
+    /** Controlled value */
+    value?: string;
+    /** Default value for uncontrolled component */
+    defaultValue?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Show line numbers on the left */
+    showLineNumbers?: boolean;
+    /** Show copy button in top right */
+    showCopyButton?: boolean;
+    /** Show line count in footer */
+    showLineCount?: boolean;
+    /** Show character count in footer */
+    showCharacterCount?: boolean;
+    /** Resize behavior */
+    resizable?: ResizableType;
+    /** Number of rows (initial height) */
+    rows?: number;
+    /** Maximum height of the textarea */
+    maxHeight?: string | number;
+    /** Read only mode */
+    /** Callback when copy button is clicked */
+    onCopy?: (content: string) => void;
+    /** Additional CSS class name */
+    className?: string;
+};
+export declare const InputText: import("react").ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "resize" | "rows"> & {
+    /** Controlled value */
+    value?: string;
+    /** Default value for uncontrolled component */
+    defaultValue?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Show line numbers on the left */
+    showLineNumbers?: boolean;
+    /** Show copy button in top right */
+    showCopyButton?: boolean;
+    /** Show line count in footer */
+    showLineCount?: boolean;
+    /** Show character count in footer */
+    showCharacterCount?: boolean;
+    /** Resize behavior */
+    resizable?: ResizableType;
+    /** Number of rows (initial height) */
+    rows?: number;
+    /** Maximum height of the textarea */
+    maxHeight?: string | number;
+    /** Read only mode */
+    /** Callback when copy button is clicked */
+    onCopy?: (content: string) => void;
+    /** Additional CSS class name */
+    className?: string;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,2 @@
+export { InputText } from './InputText';
+export type { InputTextProps, ResizableType } from './InputText';

package/dist/components/Loading/Loading.d.ts

@@ -0,0 +1,19 @@
+import { type HTMLAttributes } from 'react';
+export type LoadingProps = HTMLAttributes<HTMLDivElement> & {
+    /** Custom text to display below the spinner */
+    text?: string;
+    /** Size of the loading spinner */
+    size?: 'sm' | 'md' | 'lg';
+    /** Variant of the loading spinner */
+    variant?: 'arc' | 'dot';
+    /** Progress percentage for colored portion (25% or 75%) - only for arc variant */
+    progress?: 25 | 75;
+    /** Display as fullscreen overlay */
+    fullScreen?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+};
+export declare const Loading: {
+    ({ text, size, variant, progress, fullScreen, className, ...props }: LoadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

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

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,49 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type ModalType = 'alert' | 'function' | 'special';
+export interface ModalButton {
+    /** Button label text */
+    label: string;
+    /** Button type */
+    type?: 'primary' | 'secondary' | 'negative-primary' | 'negative-secondary';
+    /** Optional minimum width for the button (e.g. '90px', '120px', '100%') */
+    minWidth?: string;
+    /** Callback when button is clicked */
+    onClick?: () => void;
+    /** Whether button is disabled */
+    disabled?: boolean;
+}
+export interface ModalButtons {
+    /** Left/First button (typically Cancel) */
+    left?: ModalButton;
+    /** Right/Second button (typically Confirm/Save/Delete) */
+    right?: ModalButton;
+}
+export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Whether the modal is open */
+    open?: boolean;
+    /** Modal type: alert, function, or special */
+    type?: ModalType;
+    /** Header title (for alert and function types) */
+    title?: string;
+    /** Whether to show header */
+    header?: boolean;
+    /** Header description/support text (for function type) */
+    headerDescription?: ReactNode;
+    /** Banner image/illustration (for special type) */
+    bannerImage?: ReactNode;
+    /** Main content of the modal */
+    children?: ReactNode;
+    /** Footer buttons object with left and right buttons */
+    buttons?: ModalButtons;
+    /** Whether to show close button (for function type) */
+    showCloseButton?: boolean;
+    /** Callback when modal should close (click outside, close button, ESC key) */
+    onClose?: () => void;
+    /** Whether clicking overlay closes the modal */
+    closeOnOverlayClick?: boolean;
+    /** Whether pressing ESC closes the modal */
+    closeOnEsc?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalProps, ModalType, ModalButton, ModalButtons } from './Modal';

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes } from 'react';
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Total number of items */
+    total: number;
+    /** Current page (1-indexed) */
+    current?: number;
+    /** Number of items per page */
+    pageSize?: number;
+    /** Available page size options */
+    pageSizeOptions?: number[];
+    /** Callback when page changes */
+    onChange?: (page: number, pageSize: number) => void;
+    /** Callback when page size changes */
+    onPageSizeChange?: (pageSize: number) => void;
+    /** Show rows per page selector */
+    showPageSizeSelector?: boolean;
+    /** Show "Rows per page:" label */
+    showLabel?: boolean;
+    /** Maximum page size value allowed (default: 999) */
+    maxPageSize?: number;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,21 @@
+import { type HTMLAttributes } from 'react';
+export type ProgressBarProps = HTMLAttributes<HTMLDivElement> & {
+    /** Progress value from 0 to 100 */
+    value?: number;
+    /** Label position */
+    label?: 'none' | 'right' | 'bottom' | 'top-floating' | 'bottom-floating';
+    /** Custom label text (if not provided, will show percentage) */
+    labelText?: string;
+    /** Additional CSS class name */
+    className?: string;
+};
+export declare const ProgressBar: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** Progress value from 0 to 100 */
+    value?: number;
+    /** Label position */
+    label?: "none" | "right" | "bottom" | "top-floating" | "bottom-floating";
+    /** Custom label text (if not provided, will show percentage) */
+    labelText?: string;
+    /** Additional CSS class name */
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,17 @@
+import { type InputHTMLAttributes } from 'react';
+export type RadioButtonProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> & {
+    /** Radio button label text */
+    label?: string;
+    /** Show/hide label */
+    showLabel?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+};
+export declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    /** Radio button label text */
+    label?: string;
+    /** Show/hide label */
+    showLabel?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

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

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,37 @@
+import { type HTMLAttributes } from 'react';
+export type SliderProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    /** Slider type */
+    type?: 'single' | 'dual';
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step value */
+    step?: number;
+    /** Current value (for single) or [min, max] (for dual) */
+    value?: number | [number, number];
+    /** Disabled state */
+    disabled?: boolean;
+    /** Change handler */
+    onChange?: (value: number | [number, number]) => void;
+    /** Additional CSS class name */
+    className?: string;
+};
+export declare const Slider: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Slider type */
+    type?: "single" | "dual";
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step value */
+    step?: number;
+    /** Current value (for single) or [min, max] (for dual) */
+    value?: number | [number, number];
+    /** Disabled state */
+    disabled?: boolean;
+    /** Change handler */
+    onChange?: (value: number | [number, number]) => void;
+    /** Additional CSS class name */
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1 @@
+export { Slider, type SliderProps } from './Slider';

package/dist/components/TabBar/TabBar.d.ts

@@ -0,0 +1,18 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type TabBarType = 'Underline' | 'Solid';
+export type TabBarState = 'default' | 'selected' | 'disabled';
+export interface TabBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Tab label text */
+    children: ReactNode;
+    /** Visual type of the tab */
+    type?: TabBarType;
+    /** State of the tab */
+    state?: TabBarState;
+    /** Left icon element */
+    leftIcon?: ReactNode;
+    /** Notification badge number */
+    notiBadge?: number;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const TabBar: import("react").ForwardRefExoticComponent<TabBarProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { TabBar } from './TabBar';
+export type { TabBarProps, TabBarType, TabBarState } from './TabBar';

package/dist/components/TabBarGroup/TabBarGroup.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+import { type TabBarType } from '../TabBar';
+export interface TabBarItem {
+    /** Unique identifier for the tab */
+    key: string;
+    /** Tab label text */
+    label: ReactNode;
+    /** Left icon element */
+    leftIcon?: ReactNode;
+    /** Notification badge number */
+    notiBadge?: number;
+    /** Whether this tab is disabled */
+    disabled?: boolean;
+}
+export interface TabBarGroupProps {
+    /** Array of tab items */
+    items: TabBarItem[];
+    /** Visual type of the tab bar */
+    type?: TabBarType;
+    /** Default selected tab key */
+    defaultActiveKey?: string;
+    /** Controlled active tab key */
+    activeKey?: string;
+    /** Callback when tab is clicked */
+    onChange?: (key: string) => void;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const TabBarGroup: {
+    ({ items, type, defaultActiveKey, activeKey: controlledActiveKey, onChange, className, }: TabBarGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,2 @@
+export { TabBarGroup } from './TabBarGroup';
+export type { TabBarGroupProps, TabBarItem } from './TabBarGroup';

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,45 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type TagProps = Omit<HTMLAttributes<HTMLSpanElement>, 'color'> & {
+    /** Tag text content */
+    children: ReactNode;
+    /** Visual type of the tag */
+    type?: 'blue' | 'grey' | 'white';
+    /** Size of the tag */
+    size?: 'sm' | 'md' | 'lg';
+    /** Icon to display at the start of the tag */
+    startIcon?: ReactNode;
+    /** Type of startIcon: 'icon' will be disabled with tag, 'avatar' maintains original color */
+    startIconType?: 'icon' | 'avatar';
+    /** Custom close icon - pass ReactNode for custom icon, null/false to hide, undefined (default) shows default icon */
+    closeIcon?: ReactNode | null | false;
+    /** Callback function when close button is clicked */
+    onClose?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom state/variant for special styling (e.g., 'input-disabled') */
+    state?: string;
+};
+export declare const Tag: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLSpanElement>, "color"> & {
+    /** Tag text content */
+    children: ReactNode;
+    /** Visual type of the tag */
+    type?: "blue" | "grey" | "white";
+    /** Size of the tag */
+    size?: "sm" | "md" | "lg";
+    /** Icon to display at the start of the tag */
+    startIcon?: ReactNode;
+    /** Type of startIcon: 'icon' will be disabled with tag, 'avatar' maintains original color */
+    startIconType?: "icon" | "avatar";
+    /** Custom close icon - pass ReactNode for custom icon, null/false to hide, undefined (default) shows default icon */
+    closeIcon?: ReactNode | null | false;
+    /** Callback function when close button is clicked */
+    onClose?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom state/variant for special styling (e.g., 'input-disabled') */
+    state?: string;
+} & import("react").RefAttributes<HTMLSpanElement>>;

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

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

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,9 @@
+export type ToastType = 'success' | 'error';
+export interface ToastProps {
+    type: ToastType;
+    message: string;
+    actionLabel?: string;
+    onActionClick?: () => void;
+}
+export declare const showToast: () => string;
+export declare const notification: any;

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

@@ -0,0 +1,2 @@
+export { showToast, notification } from './Toast';
+export type { ToastProps, ToastType } from './Toast';

package/dist/components/Toggle/Toggle.d.ts

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

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

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

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,10 @@
+export type TooltipTheme = 'light' | 'dark';
+export interface TooltipProps {
+    title: any;
+    supportText?: any;
+    theme?: TooltipTheme;
+    children: any;
+    className?: string;
+    arrow?: boolean;
+}
+export declare const Tooltip: () => null;

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

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps, TooltipTheme } from './Tooltip';

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,16 @@
+import { type ElementType, type HTMLAttributes, type ReactNode } from 'react';
+export type TypographySize = 'heading-3xl' | 'heading-2xl' | 'heading-xl' | 'heading-lg' | 'heading-md' | 'heading-sm' | 'heading-xs' | 'body-lg' | 'body-md' | 'body-sm' | 'body-xs';
+export type TypographyWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+export type TypographyVariant = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'tertiary-moderate' | 'brand' | 'brand-strong' | 'brand-subtle' | 'disabled' | 'inverse' | 'inverse-moderate' | 'negative' | 'negative-moderate' | 'positive' | 'positive-moderate' | 'warning' | 'warning-moderate';
+export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'className'> {
+    size?: TypographySize;
+    weight?: TypographyWeight;
+    variant?: TypographyVariant;
+    italic?: boolean;
+    ellipsis?: boolean;
+    underline?: boolean;
+    as?: ElementType;
+    className?: string;
+    children: ReactNode;
+}
+export declare const Typography: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,2 @@
+export { Typography } from './Typography';
+export type { TypographyProps, TypographySize, TypographyWeight, TypographyVariant } from './Typography';