@bricks-toolkit/toolkit 0.1.0

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

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

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

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TimePicker } from './TimePicker';
+declare const meta: Meta<typeof TimePicker>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The default input 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;
+/** 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/TimePicker/TimePicker.test.d.ts

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

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

@@ -0,0 +1,27 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type TimePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+export type TimePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type TimePickerState = 'default' | 'error' | 'success' | 'warning';
+export interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: TimePickerVariant;
+    size?: TimePickerSize;
+    state?: TimePickerState;
+    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/TimePicker/index.d.ts

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

package/dist/components/Toaster/Toaster.d.ts

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

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Toaster } from './Toaster';
+declare const meta: Meta<typeof Toaster>;
+export default meta;
+type Story = StoryObj<typeof Toaster>;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Subtle: Story;
+export declare const LeftAccent: Story;
+export declare const OnlyTitle: Story;
+export declare const OnlyDescription: Story;

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

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

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export type ToasterStatus = 'success' | 'error' | 'warning' | 'info';
+export type ToasterVariant = 'solid' | 'subtle' | 'left-accent';
+export interface ToasterProps {
+    /** The unique identifier of the toaster */
+    id?: string;
+    /** The title of the toaster */
+    title?: string;
+    /** The description text of the toaster */
+    description?: ReactNode;
+    /** The status of the toaster, affects color and icon */
+    status?: ToasterStatus;
+    /** The visual variant of the toaster */
+    variant?: ToasterVariant;
+    /** Whether the toaster is closable */
+    isClosable?: boolean;
+    /** Callback function called when the toaster is closed */
+    onClose?: () => void;
+    /** Custom class name for the toaster container */
+    className?: string;
+    /** Custom duration in ms before toaster closes automatically (if managed by a provider) */
+    duration?: number;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { InputHTMLAttributes } from 'react';
+export type ToggleSize = 'sm' | 'md' | 'lg';
+export type ToggleState = 'default' | 'error' | 'success' | 'warning';
+export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: ToggleSize;
+    state?: ToggleState;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+}

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

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

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

@@ -0,0 +1,2 @@
+import type { TooltipProps } from './Tooltip.types';
+export declare function Tooltip({ content, children, placement, trigger, showDelay, hideDelay, size, variant, open: controlledOpen, disabled, maxWidth, className, wrapperClassName, }: TooltipProps): React.JSX.Element;

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Tooltip } from './Tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Placements: Story;
+export declare const Sizes: Story;
+export declare const ClickTrigger: Story;
+export declare const RichContent: Story;
+export declare const AlwaysOpen: Story;
+export declare const DisabledTooltip: Story;

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

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

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

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipTrigger = 'hover' | 'click' | 'focus';
+export type TooltipSize = 'sm' | 'md' | 'lg';
+export type TooltipVariant = 'dark' | 'primary' | 'light';
+export interface TooltipProps {
+    /** The content shown inside the tooltip bubble. */
+    content: ReactNode;
+    /** The element the tooltip is anchored to. */
+    children?: ReactNode;
+    /** Preferred placement relative to the trigger. Defaults to 'top'. */
+    placement?: TooltipPlacement;
+    /** What interaction opens the tooltip. Defaults to 'hover'. */
+    trigger?: TooltipTrigger;
+    /** Delay in ms before showing (hover only). Defaults to 0. */
+    showDelay?: number;
+    /** Delay in ms before hiding (hover only). Defaults to 100. */
+    hideDelay?: number;
+    /** Size / padding of the tooltip bubble. Defaults to 'md'. */
+    size?: TooltipSize;
+    /** Visual style of the tooltip bubble. Defaults to 'dark'. */
+    variant?: TooltipVariant;
+    /** When true the tooltip is always visible (controlled). */
+    open?: boolean;
+    /** When true the tooltip is disabled and will never show. */
+    disabled?: boolean;
+    /** Max width of the tooltip bubble in px. Defaults to 240. */
+    maxWidth?: number;
+    /** Additional class for the tooltip bubble. */
+    className?: string;
+    /** Additional class for the tooltip wrapper span. */
+    wrapperClassName?: string;
+}

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

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

package/dist/index.d.ts

@@ -0,0 +1,75 @@
+export { Phone } from './components/Phone';
+export { SearchInput } from './components/SearchInput';
+export { TextInput } from './components/TextInput';
+export { Button } from './components/Button';
+export { IconButton } from './components/IconButton';
+export { Sidebar } from './components/Sidebar';
+export { Header } from './components/Header';
+export { Checkbox } from './components/Checkbox';
+export { Toaster } from './components/Toaster';
+export { MultiSelect } from './components/MultiSelect';
+export { RadioButton } from './components/RadioButton';
+export { TimePicker } from './components/TimePicker';
+export { DatePicker } from './components/DatePicker';
+export { OtpInput } from './components/OtpInput';
+export type { OtpInputProps } from './components/OtpInput';
+export { Email } from './components/Email';
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, } from './components/Card';
+export { Link } from './components/Link';
+export type { SearchInputProps } from './components/SearchInput';
+export type { TextInputProps, TextInputSize, TextInputState } from './components/TextInput';
+export type { PhoneProps } from './components/Phone';
+export type { EmailProps } from './components/Email';
+export type { CardProps, CardVariant, CardPadding, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from './components/Card';
+export type { LinkProps, LinkVariant, LinkSize, LinkUnderline } from './components/Link';
+export type { CheckboxProps, CheckboxSize, CheckboxState } from './components/Checkbox';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './components/Button';
+export type { IconButtonProps } from './components/IconButton';
+export { PasswordInput } from './components/PasswordInput';
+export type { PasswordInputProps, PasswordInputVariant, PasswordInputSize, PasswordInputState, } from './components/PasswordInput';
+export { Tabs } from './components/Tabs';
+export type { TabsProps, TabsVariant, TabsSize, TabItem } from './components/Tabs';
+export { Avatar } from './components/Avatar';
+export type { AvatarProps, AvatarVariant, AvatarSize, AvatarState } from './components/Avatar';
+export type { DatePickerProps, DatePickerVariant, DatePickerSize, DatePickerState, } from './components/DatePicker';
+export type { TimePickerProps, TimePickerVariant, TimePickerSize, TimePickerState, } from './components/TimePicker';
+export type { RadioButtonProps, RadioButtonSize, RadioButtonState } from './components/RadioButton';
+export type { MultiSelectProps, MultiSelectVariant, MultiSelectSize, MultiSelectState, } from './components/MultiSelect';
+export { FileUpload } from './components/FileUpload';
+export type { FileUploadProps, FileUploadSize, FileUploadState } from './components/FileUpload';
+export { Dialog, DialogHeader, DialogBody, DialogFooter, DialogCloseButton, } from './components/Dialog';
+export type { DialogProps, DialogSize, DialogHeaderProps, DialogBodyProps, DialogFooterProps, DialogCloseButtonProps, } from './components/Dialog';
+export { Modal, ModalHeader, ModalBody, ModalFooter, ModalCloseButton } from './components/Modal';
+export type { ModalProps, ModalSize, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalCloseButtonProps, } from './components/Modal';
+export { ComboBox } from './components/ComboBox';
+export type { ComboBoxProps, ComboBoxOption, ComboBoxSize, ComboBoxState, } from './components/ComboBox';
+export type { ToasterProps, ToasterStatus, ToasterVariant } from './components/Toaster';
+export { Table, Pagination } from './components/Table';
+export type { TableProps, TableColumn, TableSize, TableAlign, SortState, SortDirection, PaginationProps, } from './components/Table';
+export { Breadcrumbs } from './components/Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSize, } from './components/Breadcrumbs';
+export { Loader } from './components/Loader';
+export type { LoaderProps, LoaderVariant, LoaderSize, LoaderColor } from './components/Loader';
+export { Skeleton, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonTable, } from './components/Skeleton';
+export type { SkeletonProps, SkeletonVariant, SkeletonShape, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonTableProps, } from './components/Skeleton';
+export { Tooltip } from './components/Tooltip';
+export type { TooltipProps, TooltipPlacement, TooltipTrigger, TooltipSize, } from './components/Tooltip';
+export { Badge } from './components/Badge';
+export type { BadgeProps, BadgeVariant, BadgeColor, BadgeSize, BadgeShape, } from './components/Badge';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, } from './components/DropdownMenu';
+export type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuSeparatorProps, DropdownMenuSize, DropdownMenuVariant, } from './components/DropdownMenu';
+export { ThemeProvider, useTheme } from './components/ThemeProvider';
+export type { ThemeProviderProps, ThemeProviderState, ThemeMode, ThemeConfig, SemanticColors, } from './components/ThemeProvider';
+export { cn } from './utils';
+export { Select } from './components/Select';
+export type { SelectProps, SelectOption, SelectVariant, SelectSize, SelectState, } from './components/Select';
+export type { SidebarProps, SidebarItem, SidebarGroup } from './components/Sidebar';
+export type { HeaderProps } from './components/Header';
+export { Image } from './components/Image';
+export type { ImageProps } from './components/Image';
+export { Stepper } from './components/Stepper';
+export type { StepperProps, StepperVariant, StepperSize, StepperOrientation, StepItem, StepStatus, } from './components/Stepper';
+export { Toggle } from './components/Toggle';
+export type { ToggleProps, ToggleSize, ToggleState } from './components/Toggle';
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, } from './components/Accordion';

package/dist/utils/cn.d.ts

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

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export { cn } from './cn';