@bricks-toolkit/toolkit 0.1.0

package/dist/components/ComboBox/ComboBox.d.ts

@@ -0,0 +1,2 @@
+import type { ComboBoxProps } from './ComboBox.types';
+export declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ComboBox/ComboBox.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ComboBox } from './ComboBox';
+declare const meta: Meta<typeof ComboBox>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Searchable: Story;
+export declare const MultiSelect: Story;
+export declare const Sizes: Story;
+export declare const ValidationStates: Story;
+export declare const Clearable: Story;
+export declare const Disabled: Story;

package/dist/components/ComboBox/ComboBox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ComboBox/ComboBox.types.d.ts

@@ -0,0 +1,57 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type ComboBoxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ComboBoxState = 'default' | 'error' | 'success' | 'warning';
+export interface ComboBoxOption {
+    /** The underlying value submitted/returned. */
+    value: string;
+    /** The human-readable label shown in the dropdown and input. */
+    label: string;
+    /** When true the option is shown but cannot be selected. */
+    disabled?: boolean;
+}
+export interface ComboBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'onChange' | 'multiple'> {
+    /** List of selectable options. */
+    options: ComboBoxOption[];
+    /** Currently selected value(s). Pass string for single, string[] for multi. */
+    value?: string | string[];
+    /** Fired when selection changes. */
+    onChange?: (value: string | string[]) => void;
+    /** Allow selecting multiple options. Defaults to false. */
+    multiple?: boolean;
+    /** Allow the user to type and filter options. Defaults to true. */
+    searchable?: boolean;
+    /** Show a clear (×) button when a value is selected. Defaults to false. */
+    clearable?: boolean;
+    /** Field label rendered above the input. */
+    label?: string;
+    /** Makes the label show a required asterisk. */
+    required?: boolean;
+    /** Helper text shown below the field. */
+    helperText?: string;
+    /** Message shown when state = 'error'. */
+    errorMessage?: string;
+    /** Message shown when state = 'success'. */
+    successMessage?: string;
+    /** Message shown when state = 'warning'. */
+    warningMessage?: string;
+    /** Visual / validation state. Defaults to 'default'. */
+    state?: ComboBoxState;
+    /** Input size. Defaults to 'md'. */
+    size?: ComboBoxSize;
+    /** Stretch to fill its container. Defaults to true. */
+    fullWidth?: boolean;
+    /** Placeholder shown in the input when nothing is selected. */
+    placeholder?: string;
+    /** Rendered when no options match the current search query. */
+    noOptionsMessage?: ReactNode;
+    /** Additional class for the outer wrapper div. */
+    wrapperClassName?: string;
+    /** Additional class for the trigger / input element. */
+    inputClassName?: string;
+    /** Additional class for the dropdown list. */
+    listClassName?: string;
+    /** Additional class for the label element. */
+    labelClassName?: string;
+    /** Additional class for helper / state message text. */
+    helperClassName?: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './ComboBox';
+export * from './ComboBox.types';

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

@@ -0,0 +1,2 @@
+import type { DatePickerProps } from './DatePicker.types';
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { DatePicker } from './DatePicker';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The default date picker with a label and helper text. */
+export declare const Default: Story;
+/** All five size variants stacked vertically. */
+export declare const Sizes: Story;
+/** All four visual variants. */
+export declare const Variants: Story;
+/** All four validation states. */
+export declare const ValidationStates: Story;
+/** Inline left and right elements (SVG icons). */
+export declare const WithIcons: Story;
+/** External prefix and suffix addon elements. */
+export declare const WithPrefixSuffix: Story;
+/** Required fields show a red asterisk beside the label. */
+export declare const Required: Story;
+/** Disabled input — read-only and non-interactive. */
+export declare const Disabled: Story;
+/** Override styles via `inputClassName` and `wrapperClassName`. */
+export declare const CustomClassName: Story;
+/** Input without a label — uses `aria-label` on the `<input>` instead. */
+export declare const NoLabel: Story;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,27 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type DatePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+export type DatePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type DatePickerState = 'default' | 'error' | 'success' | 'warning';
+export interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: DatePickerVariant;
+    size?: DatePickerSize;
+    state?: DatePickerState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+}

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

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

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,6 @@
+import type { DialogProps, DialogHeaderProps, DialogBodyProps, DialogFooterProps, DialogCloseButtonProps } from './Dialog.types';
+export declare function Dialog({ isOpen, onClose, children, size, isCentered, closeOnOverlayClick, closeOnEsc, trapFocus, lockScroll, contentClassName, overlayClassName, showBackdrop, isModal, ariaLabel, ariaLabelledby, ariaDescribedby, }: DialogProps): React.ReactPortal | null;
+export declare function DialogHeader({ children, className }: DialogHeaderProps): React.JSX.Element;
+export declare function DialogBody({ children, className }: DialogBodyProps): React.JSX.Element;
+export declare function DialogFooter({ children, className }: DialogFooterProps): React.JSX.Element;
+export declare function DialogCloseButton({ onClick, className, }: DialogCloseButtonProps): React.JSX.Element;

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Dialog } from './Dialog';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const Sizes: Story;
+export declare const Centered: Story;
+export declare const Popup: Story;

package/dist/components/Dialog/Dialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Dialog/Dialog.types.d.ts

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+export interface DialogProps {
+    /** If true, the dialog will be open. */
+    isOpen: boolean;
+    /** Callback invoked when the dialog should close. */
+    onClose: () => void;
+    /** The content of the dialog. Usually includes DialogHeader, DialogBody, and DialogFooter. */
+    children: ReactNode;
+    /** The size of the dialog. Defaults to 'md'. */
+    size?: DialogSize;
+    /** If true, the dialog will be centered on the screen. Defaults to false. */
+    isCentered?: boolean;
+    /** If true, the dialog will close when the overlay is clicked. Defaults to true. */
+    closeOnOverlayClick?: boolean;
+    /** If true, the dialog will close when the ESC key is pressed. Defaults to true. */
+    closeOnEsc?: boolean;
+    /** If true, focus will be trapped inside the dialog. Defaults to true. */
+    trapFocus?: boolean;
+    /** If true, the body scroll will be locked when the dialog is open. Defaults to true. */
+    lockScroll?: boolean;
+    /** Additional class names for the dialog content. */
+    contentClassName?: string;
+    /** Additional class names for the overlay. */
+    overlayClassName?: string;
+    /** If true, the backdrop will be visible. Defaults to true. */
+    showBackdrop?: boolean;
+    /** If true, the dialog will be treated as a modal (traps focus, locked scroll). Defaults to true. */
+    isModal?: boolean;
+    /** ARIA label for the dialog. */
+    ariaLabel?: string;
+    /** ID of the element that labels the dialog. */
+    ariaLabelledby?: string;
+    /** ID of the element that describes the dialog. */
+    ariaDescribedby?: string;
+}
+export interface DialogHeaderProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface DialogBodyProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface DialogFooterProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface DialogCloseButtonProps {
+    onClick?: () => void;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './Dialog';
+export * from './Dialog.types';

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuSeparatorProps } from './DropdownMenu.types';
+export declare const DropdownMenu: React.FC<DropdownMenuProps>;
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: React.FC<DropdownMenuSeparatorProps>;

package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { DropdownMenu } from './DropdownMenu';
+declare const meta: Meta<typeof DropdownMenu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithIcons: Story;
+export declare const Variants: Story;
+export declare const Alignment: Story;

package/dist/components/DropdownMenu/DropdownMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DropdownMenu/DropdownMenu.types.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+export type DropdownMenuSize = 'sm' | 'md' | 'lg';
+export type DropdownMenuVariant = 'default' | 'subtle' | 'ghost';
+export interface DropdownMenuProps {
+    children: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+export interface DropdownMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: DropdownMenuSize;
+    variant?: DropdownMenuVariant;
+}
+export interface DropdownMenuContentProps extends HTMLAttributes<HTMLDivElement> {
+    align?: 'left' | 'right' | 'center';
+    width?: string | number;
+}
+export interface DropdownMenuItemProps extends HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    destructive?: boolean;
+    icon?: ReactNode;
+    shortcut?: string;
+}
+export type DropdownMenuSeparatorProps = HTMLAttributes<HTMLDivElement>;

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

@@ -0,0 +1,2 @@
+export * from './DropdownMenu';
+export * from './DropdownMenu.types';

package/dist/components/Email/Email.d.ts

@@ -0,0 +1,2 @@
+import type { EmailProps } from './Email.types';
+export declare const Email: React.ForwardRefExoticComponent<EmailProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Email/Email.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Email } from './Email';
+declare const meta: Meta<typeof Email>;
+export default meta;
+type Story = StoryObj<typeof Email>;
+export declare const Basic: Story;
+export declare const WithIcon: Story;
+export declare const MultipleAllowed: Story;
+export declare const ErrorState: Story;
+export declare const FilledVariant: Story;
+export declare const SuccessState: Story;

package/dist/components/Email/Email.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Email/Email.types.d.ts

@@ -0,0 +1,33 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type EmailVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+export type EmailSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type EmailState = 'default' | 'error' | 'success' | 'warning';
+export interface EmailProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: EmailVariant;
+    size?: EmailSize;
+    state?: EmailState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+    /**
+     * If true, allows the user to enter multiple email addresses separated by commas.
+     * Useful for "To" fields in email composers.
+     * @default false
+     */
+    multiple?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export * from './Email';
+export type * from './Email.types';

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploadProps } from './FileUpload.types';
+export declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/FileUpload/FileUpload.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { FileUpload } from './FileUpload';
+declare const meta: Meta<typeof FileUpload>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const MultiFileUpload: Story;
+export declare const States: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;

package/dist/components/FileUpload/FileUpload.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/FileUpload/FileUpload.types.d.ts

@@ -0,0 +1,22 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type FileUploadSize = 'sm' | 'md' | 'lg';
+export type FileUploadState = 'default' | 'error' | 'success' | 'warning';
+export interface FileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    size?: FileUploadSize;
+    state?: FileUploadState;
+    fullWidth?: boolean;
+    wrapperClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    dropzoneClassName?: string;
+    icon?: ReactNode;
+    maxSize?: number;
+    maxFiles?: number;
+    onFilesSelected?: (files: File[]) => void;
+}

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

@@ -0,0 +1,2 @@
+export * from './FileUpload';
+export * from './FileUpload.types';

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,7 @@
+import type { HeaderProps } from './Header.types';
+interface HeaderComponent {
+    (props: HeaderProps): React.JSX.Element;
+    displayName?: string;
+}
+export declare const Header: HeaderComponent;
+export {};

package/dist/components/Header/Header.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Header } from './Header';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const Default: Story;
+export declare const Simple: Story;
+export declare const WithGlassEffect: Story;

package/dist/components/Header/Header.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Header/Header.types.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export interface HeaderProps {
+    /** Logo or brand element to display on the left. */
+    logo?: ReactNode;
+    /** Middle section content, often used for search. */
+    children?: ReactNode;
+    /** Array of menu items or icons for the right side actions. */
+    actions?: ReactNode;
+    /** Optional user profile section content. */
+    userSection?: ReactNode;
+    /** Whether the header is sticky at the top. */
+    isSticky?: boolean;
+    /** Additional CSS classes for the container. */
+    className?: string;
+    /** Whether to show the glass effect. */
+    glass?: boolean;
+    /** Sidebar toggle click handler (for mobile). */
+    onMenuToggle?: () => void;
+}

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

@@ -0,0 +1,2 @@
+export { Header } from './Header';
+export type { HeaderProps } from './Header.types';

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,2 @@
+import type { IconButtonProps } from './IconButton.types';
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/IconButton/IconButton.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { IconButton } from './IconButton';
+declare const meta: Meta<typeof IconButton>;
+export default meta;
+type Story = StoryObj<typeof IconButton>;
+export declare const Primary: Story;
+export declare const Round: Story;
+export declare const Secondary: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const Danger: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Loading: Story;
+export declare const Sizes: Story;
+export declare const WithTooltip: Story;

package/dist/components/IconButton/IconButton.types.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { ButtonProps } from '../Button/Button.types';
+export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'loadingText' | 'fullWidth'> {
+    /** The icon to display inside the button */
+    icon: ReactNode;
+    /** Accessible label for the icon button */
+    'aria-label': string;
+    /** Whether the button should be rounded/circular */
+    isRound?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export * from './IconButton';
+export type * from './IconButton.types';

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ImageProps } from './Image.types';
+/**
+ * A robust Image component with built-in loading states and error handling.
+ */
+export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;

package/dist/components/Image/Image.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Image } from './Image';
+declare const meta: Meta<typeof Image>;
+export default meta;
+type Story = StoryObj<typeof Image>;
+export declare const Default: Story;
+export declare const WithAspectRatio: Story;
+export declare const Square: Story;
+export declare const ObjectContain: Story;
+export declare const LoadingState: Story;
+export declare const ErrorState: Story;
+export declare const CustomFallback: Story;
+export declare const FallbackImage: Story;

package/dist/components/Image/Image.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Image/Image.types.d.ts

@@ -0,0 +1,40 @@
+import type { ImgHTMLAttributes, ReactNode } from 'react';
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    /**
+     * The source URL of the image.
+     */
+    src: string;
+    /**
+     * The alt text for the image.
+     */
+    alt: string;
+    /**
+     * Optional fallback component or image URL to show if the image fails to load.
+     */
+    fallback?: ReactNode;
+    /**
+     * Optional component to show while the image is loading.
+     * If not provided, a default Skeleton will be used.
+     */
+    loadingComponent?: ReactNode;
+    /**
+     * Whether to show a skeleton loader while loading.
+     * @default true
+     */
+    showSkeleton?: boolean;
+    /**
+     * The aspect ratio of the image container.
+     * Useful to prevent layout shift.
+     * Example: '16/9', '1/1', '4/3'
+     */
+    aspectRatio?: string;
+    /**
+     * How the image should be fitted in its container.
+     * @default 'cover'
+     */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /**
+     * Container className.
+     */
+    containerClassName?: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './Image';
+export * from './Image.types';

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,2 @@
+import type { LinkProps } from './Link.types';
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/Link/Link.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Link } from './Link';
+declare const meta: Meta<typeof Link>;
+export default meta;
+type Story = StoryObj<typeof Link>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Danger: Story;
+export declare const Ghost: Story;
+export declare const ExternalLink: Story;
+export declare const WithLeftIcon: Story;
+export declare const WithRightIcon: Story;
+export declare const Disabled: Story;
+export declare const Sizes: Story;
+export declare const InlineParagraph: Story;

package/dist/components/Link/Link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Link/Link.types.d.ts

@@ -0,0 +1,20 @@
+import type { AnchorHTMLAttributes, ReactNode } from 'react';
+export type LinkVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+export type LinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type LinkUnderline = 'always' | 'hover' | 'none';
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The styling variant of the link */
+    variant?: LinkVariant;
+    /** The text size of the link */
+    size?: LinkSize;
+    /** Controls when the underline decoration is visible */
+    underline?: LinkUnderline;
+    /** If true, natively configures target="_blank" and secure rel attributes */
+    isExternal?: boolean;
+    /** Disables the link securely (removes pointer events and sets aria-disabled) */
+    disabled?: boolean;
+    /** An optional icon element to display before the text */
+    leftIcon?: ReactNode;
+    /** An optional icon element to display after the text */
+    rightIcon?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export * from './Link';
+export type * from './Link.types';

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,2 @@
+import type { LoaderProps } from './Loader.types';
+export declare function Loader({ variant, size, color, label, fullscreen, className, }: LoaderProps): React.JSX.Element;

package/dist/components/Loader/Loader.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Loader } from './Loader';
+declare const meta: Meta<typeof Loader>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const Colors: Story;
+export declare const DotsVariant: Story;
+export declare const PulseVariant: Story;
+export declare const BarVariant: Story;

package/dist/components/Loader/Loader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Loader/Loader.types.d.ts

@@ -0,0 +1,17 @@
+export type LoaderVariant = 'spinner' | 'dots' | 'pulse' | 'bar';
+export type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type LoaderColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'white' | 'current';
+export interface LoaderProps {
+    /** Visual style of the loader. Defaults to 'spinner'. */
+    variant?: LoaderVariant;
+    /** Size of the loader. Defaults to 'md'. */
+    size?: LoaderSize;
+    /** Color theme. Defaults to 'primary'. */
+    color?: LoaderColor;
+    /** Screen-reader label. Defaults to 'Loading…'. */
+    label?: string;
+    /** When true the loader is centred inside a full-page overlay. */
+    fullscreen?: boolean;
+    /** Additional class for the outermost element. */
+    className?: string;
+}