tharaday 0.8.5 → 0.8.7

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

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { ButtonIntent, ButtonSize, ButtonVariant } from '../Button/Button.types.ts';
+export interface PaginationLabels {
+    first?: ReactNode;
+    last?: ReactNode;
+    next?: ReactNode;
+    prev?: ReactNode;
+}
+export interface PaginationProps {
+    id?: string;
+    count: number;
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    onFirstClick?: (page: number) => void;
+    onLastClick?: (page: number) => void;
+    onNextClick?: (page: number) => void;
+    onPrevClick?: (page: number) => void;
+    siblingCount?: number;
+    boundaryCount?: number;
+    showFirstLast?: boolean;
+    showPrevNext?: boolean;
+    showEllipsis?: boolean;
+    disabled?: boolean;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    intent?: ButtonIntent;
+    activeVariant?: ButtonVariant;
+    activeIntent?: ButtonIntent;
+    labels?: PaginationLabels;
+    ariaLabel?: string;
+    getPageLabel?: (page: number, isCurrent: boolean) => string;
+    className?: string;
+}

package/dist/{components → src/components}/Popover/Popover.d.ts

@@ -1 +1,2 @@
+import { PopoverProps } from './Popover.types.ts';
 export declare const Popover: ({ trigger, children, placement, isOpen: controlledOpen, onOpenChange, className, id, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Popover/Popover.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ trigger, children, placement, isOpen: controlledOpen, onOpenChange, className, id, }: import('./Popover.types.ts').PopoverProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        placement: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Top: Story;
+export declare const Right: Story;
+export declare const WithActions: Story;

package/dist/src/components/Popover/Popover.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
+export interface PopoverProps {
+    trigger: ReactNode;
+    children: ReactNode;
+    placement?: PopoverPlacement;
+    isOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    id?: string;
+}

package/dist/{components → src/components}/ProgressBar/ProgressBar.d.ts

@@ -1 +1,2 @@
+import { ProgressBarProps } from './ProgressBar.types.ts';
 export declare const ProgressBar: ({ value, max, size, intent, showLabel, label, className, id, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ value, max, size, intent, showLabel, label, className, id, }: import('./ProgressBar.types.ts').ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        value: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+            };
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        intent: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Intents: Story;
+export declare const Sizes: Story;
+export declare const All: Story;

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

@@ -0,0 +1,12 @@
+export type ProgressBarSize = 'sm' | 'md' | 'lg';
+export type ProgressBarIntent = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+export interface ProgressBarProps {
+    id?: string;
+    value: number;
+    max?: number;
+    size?: ProgressBarSize;
+    intent?: ProgressBarIntent;
+    showLabel?: boolean;
+    label?: string;
+    className?: string;
+}

package/dist/{components → src/components}/RadioButton/RadioButton.d.ts

@@ -1 +1,2 @@
+import { RadioButtonProps } from './RadioButton.types.ts';
 export declare const RadioButton: ({ size, label, helperText, error, className, id, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ size, label, helperText, error, className, id, ...props }: import('./RadioButton.types.ts').RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        disabled: {
+            control: "boolean";
+        };
+        error: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Group: Story;
+export declare const Sizes: Story;
+export declare const WithHelperText: Story;
+export declare const Error: Story;
+export declare const Disabled: Story;
+export declare const Gallery: Story;

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

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from 'react';
+export type RadioButtonSize = 'sm' | 'md' | 'lg';
+export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    className?: string;
+    size?: RadioButtonSize;
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+}

package/dist/{components → src/components}/Select/Select.d.ts

@@ -1 +1,2 @@
+import { SelectProps } from './Select.types.ts';
 export declare const Select: ({ size, error, label, helperText, fullWidth, className, id, options, children, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Select/Select.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ size, error, label, helperText, fullWidth, className, id, options, children, ...props }: import('./Select.types.ts').SelectProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        error: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        fullWidth: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Gallery: Story;

package/dist/src/components/Select/Select.types.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode, SelectHTMLAttributes } from 'react';
+export type SelectSize = 'sm' | 'md' | 'lg';
+export interface SelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+type SelectBaseProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> & {
+    className?: string;
+    size?: SelectSize;
+    error?: boolean;
+    label?: string;
+    helperText?: string;
+    fullWidth?: boolean;
+};
+export type SelectProps = (SelectBaseProps & {
+    options: SelectOption[];
+    children?: never;
+}) | (SelectBaseProps & {
+    options?: never;
+    children?: ReactNode;
+});
+export {};

package/dist/{components → src/components}/Skeleton/Skeleton.d.ts

@@ -1 +1,2 @@
+import { SkeletonProps } from './Skeleton.types.ts';
 export declare const Skeleton: ({ variant, width, height, animation, className, style, "aria-hidden": ariaHidden, ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ variant, width, height, animation, className, style, "aria-hidden": ariaHidden, ...props }: import('./Skeleton.types.ts').SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Rectangular: Story;
+export declare const Circular: Story;
+export declare const Text: Story;
+export declare const Combined: Story;

package/dist/src/components/Skeleton/Skeleton.types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded';
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    variant?: SkeletonVariant;
+    width?: string | number;
+    height?: string | number;
+    animation?: 'pulse' | 'wave' | 'none';
+}

package/dist/{components → src/components}/Slider/Slider.d.ts

@@ -1 +1,2 @@
+import { SliderProps } from './Slider.types.ts';
 export declare const Slider: ({ size, label, helperText, fullWidth, showValue, showInputs, className, id, value, defaultValue, onValueChange, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ size, label, helperText, fullWidth, showValue, showInputs, className, id, value, defaultValue, onValueChange, ...props }: import('./Slider.types.ts').SliderProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const Sizes: Story;
+export declare const FullWidth: Story;
+export declare const DualValue: Story;
+export declare const WithInputs: Story;

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

@@ -0,0 +1,15 @@
+import { InputHTMLAttributes } from 'react';
+export type SliderSize = 'sm' | 'md' | 'lg';
+export type SliderValue = number | [number, number];
+export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'value' | 'defaultValue' | 'onChange'> {
+    className?: string;
+    size?: SliderSize;
+    label?: string;
+    helperText?: string;
+    fullWidth?: boolean;
+    showValue?: boolean;
+    showInputs?: boolean;
+    value?: SliderValue;
+    defaultValue?: SliderValue;
+    onValueChange?: (value: SliderValue) => void;
+}

package/dist/{components → src/components}/Stepper/Step.d.ts

@@ -1 +1,2 @@
+import { StepProps } from './Step.types.ts';
 export declare const Step: ({ step, index, status, isInteractive, onStepClick, isLast, id, className, }: StepProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Stepper/Step.types.d.ts

@@ -0,0 +1,18 @@
+export type StepperStatus = 'completed' | 'current' | 'upcoming' | 'error';
+export interface StepOptions {
+    id: string;
+    label: string;
+    description?: string;
+    status?: StepperStatus;
+    disabled?: boolean;
+}
+export interface StepProps {
+    className?: string;
+    step: StepOptions;
+    index: number;
+    status: StepperStatus;
+    isInteractive: boolean;
+    onStepClick?: (step: StepOptions, index: number) => void;
+    isLast: boolean;
+    id?: string;
+}

package/dist/{components → src/components}/Stepper/Stepper.d.ts

@@ -1 +1,2 @@
+import { StepperProps } from './Stepper.types.ts';
 export declare const Stepper: ({ steps, currentStep, orientation, size, onStepClick, ariaLabel, className, id, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ steps, currentStep, orientation, size, onStepClick, ariaLabel, className, id, ...props }: import('./Stepper.types.ts').StepperProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Vertical: Story;
+export declare const WithStatuses: Story;
+export declare const Clickable: Story;

package/dist/src/components/Stepper/Stepper.types.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+import { StepOptions } from './Step.types.ts';
+export type StepperOrientation = 'horizontal' | 'vertical';
+export type StepperSize = 'sm' | 'md' | 'lg';
+export interface StepperProps extends HTMLAttributes<HTMLOListElement> {
+    className?: string;
+    steps: StepOptions[];
+    currentStep?: number | string;
+    orientation?: StepperOrientation;
+    size?: StepperSize;
+    onStepClick?: (step: StepOptions, index: number) => void;
+    ariaLabel?: string;
+    id?: string;
+}

package/dist/{components → src/components}/Stepper/stepper.utils.d.ts

@@ -1,3 +1,3 @@
-import type { StepOptions } from './Step.types.ts';
+import { StepOptions, StepperStatus } from './Step.types.ts';
 export declare const resolveCurrentIndex: (currentStep: number | string | undefined, steps: StepOptions[]) => number;
-export declare const getStepStatus: (index: number, currentIndex: number, stepStatus?: any) => StepperStatus;
+export declare const getStepStatus: (index: number, currentIndex: number, stepStatus?: StepperStatus) => StepperStatus;

package/dist/{components → src/components}/Switch/Switch.d.ts

@@ -1 +1,2 @@
+import { SwitchProps } from './Switch.types.ts';
 export declare const Switch: ({ label, helperText, className, disabled, id, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Switch/Switch.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ label, helperText, className, disabled, id, ...props }: import('./Switch.types.ts').SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const WithHelperText: Story;
+export declare const Disabled: Story;
+export declare const All: Story;

package/dist/src/components/Switch/Switch.types.d.ts

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes } from 'react';
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    className?: string;
+    label?: string;
+    helperText?: string;
+}

package/dist/{components → src/components}/Table/Table.d.ts

@@ -1,3 +1,4 @@
+import { TableBodyProps, TableCellProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps } from './Table.types.ts';
 export declare const Table: ({ children, className, striped, hoverable, dense, isLoading, caption, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHeader: ({ children, className, ...props }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableBody: ({ children, className, ...props }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/Table.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, className, striped, hoverable, dense, isLoading, caption, ...props }: import('./Table.types.ts').TableProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        striped: {
+            control: "boolean";
+        };
+        hoverable: {
+            control: "boolean";
+        };
+        dense: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Striped: Story;
+export declare const Hoverable: Story;
+export declare const Dense: Story;
+export declare const TanStackTableExample: Story;

package/dist/src/components/Table/Table.types.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    className?: string;
+    striped?: boolean;
+    hoverable?: boolean;
+    dense?: boolean;
+    isLoading?: boolean;
+    caption?: string;
+}
+export type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
+export type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+export type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
+export type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+export interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    align?: 'left' | 'center' | 'right' | 'justify' | 'char';
+}
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    align?: 'left' | 'center' | 'right' | 'justify' | 'char';
+}

package/dist/{components → src/components}/Tabs/Tabs.d.ts

@@ -1 +1,2 @@
+import { TabsProps } from './Tabs.types.ts';
 export declare const Tabs: ({ items, defaultActiveId, activeId: controlledActiveId, onChange, className, variant, id, }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ items, defaultActiveId, activeId: controlledActiveId, onChange, className, variant, id, }: import('./Tabs.types.ts').TabsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Line: Story;
+export declare const Pill: Story;
+export declare const WithDisabled: Story;

package/dist/src/components/Tabs/Tabs.types.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface TabItem {
+    id: string;
+    label: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    id?: string;
+    items: TabItem[];
+    defaultActiveId?: string;
+    activeId?: string;
+    onChange?: (id: string) => void;
+    className?: string;
+    variant?: 'line' | 'pill';
+}

package/dist/{components → src/components}/Tag/Tag.d.ts

@@ -1 +1,2 @@
+import { TagProps } from './Tag.types.ts';
 export declare const Tag: ({ label, intent, size, onRemove, onClick, icon, disabled, className, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ label, intent, size, onRemove, onClick, icon, disabled, className, ...props }: import('./Tag.types.ts').TagProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        intent: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Dismissible: Story;
+export declare const Clickable: Story;
+export declare const WithIcon: Story;
+export declare const Disabled: Story;
+export declare const Gallery: Story;

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type TagIntent = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+export type TagSize = 'sm' | 'md' | 'lg';
+export interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'onClick'> {
+    label: string;
+    intent?: TagIntent;
+    size?: TagSize;
+    onRemove?: () => void;
+    onClick?: () => void;
+    icon?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}

package/dist/{components → src/components}/Text/Text.d.ts

@@ -1 +1,2 @@
+import { TextProps } from './Text.types.ts';
 export declare const Text: ({ children, variant, as, align, weight, color, noWrap, className, style, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Text/Text.stories.d.ts

@@ -0,0 +1,78 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, variant, as, align, weight, color, noWrap, className, style, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, ...props }: import('./Text.types.ts').TextProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        align: {
+            control: "select";
+            options: string[];
+        };
+        weight: {
+            control: "select";
+            options: string[];
+        };
+        color: {
+            control: "select";
+            options: string[];
+        };
+        as: {
+            control: "text";
+        };
+        margin: {
+            control: "number";
+        };
+        marginX: {
+            control: "number";
+        };
+        marginY: {
+            control: "number";
+        };
+        marginTop: {
+            control: "number";
+        };
+        marginBottom: {
+            control: "number";
+        };
+        marginLeft: {
+            control: "number";
+        };
+        marginRight: {
+            control: "number";
+        };
+        padding: {
+            control: "number";
+        };
+        paddingX: {
+            control: "number";
+        };
+        paddingY: {
+            control: "number";
+        };
+        paddingTop: {
+            control: "number";
+        };
+        paddingBottom: {
+            control: "number";
+        };
+        paddingLeft: {
+            control: "number";
+        };
+        paddingRight: {
+            control: "number";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Spacing: Story;
+export declare const Headings: Story;
+export declare const Body: Story;
+export declare const Other: Story;
+export declare const Colors: Story;
+export declare const NoWrap: Story;

package/dist/src/components/Text/Text.types.d.ts

@@ -0,0 +1,16 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { SpacingProps } from '../Box/Box.types.ts';
+export type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-lg' | 'body-md' | 'body-sm' | 'label' | 'code';
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+export type FontWeight = 'regular' | 'medium' | 'bold';
+export type TextColor = 'main' | 'subtle' | 'on-brand' | 'danger' | 'success' | 'warning' | 'info';
+export interface TextProps extends HTMLAttributes<HTMLElement>, SpacingProps {
+    className?: string;
+    children: ReactNode;
+    variant?: TextVariant;
+    as?: ElementType;
+    align?: TextAlign;
+    weight?: FontWeight;
+    color?: TextColor;
+    noWrap?: boolean;
+}