@bricks-toolkit/toolkit 0.1.0 → 0.1.2

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

@@ -1,26 +0,0 @@
-import type { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonTableProps } from './Skeleton.types';
-/**
- * Primitive skeleton block. Use this as the building brick for any custom
- * layout skeleton you need.
- */
-export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Multi-line text placeholder. The last line is intentionally shorter to
- * mimic natural prose paragraph endings.
- */
-export declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Circular avatar placeholder. Pairs naturally with SkeletonText to build
- * user-card or comment-thread loaders.
- */
-export declare const SkeletonAvatar: React.ForwardRefExoticComponent<SkeletonAvatarProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Pre-composed card skeleton mirroring the Card component structure:
- * optional hero image → title → description lines → action bar.
- */
-export declare const SkeletonCard: React.ForwardRefExoticComponent<SkeletonCardProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Full table placeholder matching the Table component's visual grid.
- * Renders a configurable number of column headers and body rows.
- */
-export declare const SkeletonTable: React.ForwardRefExoticComponent<SkeletonTableProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Skeleton } from './Skeleton';
-declare const meta: Meta<typeof Skeleton>;
-export default meta;
-type Story = StoryObj<typeof Skeleton>;
-export declare const Default: Story;
-export declare const Variants: Story;
-export declare const Shapes: Story;
-export declare const TextBlock: Story;
-export declare const AvatarWithText: Story;
-export declare const CardSkeleton: Story;
-export declare const TableSkeleton: Story;
-export declare const DashboardPageSkeleton: Story;

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

@@ -1,47 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type SkeletonVariant = 'default' | 'wave' | 'pulse';
-export type SkeletonShape = 'rectangle' | 'circle' | 'rounded';
-export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
-    /** Animation style of the skeleton. Defaults to 'wave'. */
-    variant?: SkeletonVariant;
-    /** Shape of the skeleton block. Defaults to 'rectangle'. */
-    shape?: SkeletonShape;
-    /** Explicit width (e.g. '100%', '200px'). Falls back to the element's natural width. */
-    width?: string | number;
-    /** Explicit height (e.g. '1rem', 48). Falls back to the element's natural height. */
-    height?: string | number;
-}
-export interface SkeletonTextProps extends HTMLAttributes<HTMLDivElement> {
-    /** Number of text lines to render. Defaults to 3. */
-    lines?: number;
-    /** Animation variant forwarded to each line. Defaults to 'wave'. */
-    variant?: SkeletonVariant;
-    /** When true the last line is shorter (≈ 60 %) to look like natural prose. Defaults to true. */
-    shortLast?: boolean;
-}
-export interface SkeletonAvatarProps extends HTMLAttributes<HTMLDivElement> {
-    /** Diameter of the avatar circle in pixels. Defaults to 40. */
-    size?: number;
-    /** Animation variant. Defaults to 'wave'. */
-    variant?: SkeletonVariant;
-}
-export interface SkeletonCardProps extends HTMLAttributes<HTMLDivElement> {
-    /** Show a header image placeholder at the top of the card. Defaults to true. */
-    showImage?: boolean;
-    /** Height of the image placeholder in pixels. Defaults to 160. */
-    imageHeight?: number;
-    /** Number of text-line skeletons in the body. Defaults to 3. */
-    lines?: number;
-    /** Animation variant forwarded to all children. Defaults to 'wave'. */
-    variant?: SkeletonVariant;
-}
-export interface SkeletonTableProps extends HTMLAttributes<HTMLDivElement> {
-    /** Number of rows to render. Defaults to 5. */
-    rows?: number;
-    /** Number of columns to render. Defaults to 4. */
-    columns?: number;
-    /** Animation variant. Defaults to 'wave'. */
-    variant?: SkeletonVariant;
-    /** Show a header row above the body rows. Defaults to true. */
-    showHeader?: boolean;
-}

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

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

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

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

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

@@ -1,23 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Stepper } from './Stepper';
-declare const meta: Meta<typeof Stepper>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/** The default Stepper starting at step 2 (Profile). */
-export declare const Default: Story;
-/** All four visual variants. */
-export declare const Variants: Story;
-/** All three size tokens. */
-export declare const Sizes: Story;
-/** Vertical orientation, great for sidebars or wizards. */
-export declare const Vertical: Story;
-/** All four variants in vertical orientation. */
-export declare const VerticalVariants: Story;
-/** Steps with custom Heroicon icons instead of numbers. */
-export declare const WithIcons: Story;
-/** A step can be marked with an error status. */
-export declare const WithError: Story;
-/** When `clickable` is true, users can jump to any step. */
-export declare const Clickable: Story;
-/** Fully controlled stepper driven by external state with next/back navigation. */
-export declare const Controlled: Story;

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

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

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

@@ -1,47 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-/** Visual style of the stepper. */
-export type StepperVariant = 'default' | 'filled' | 'outlined' | 'minimal';
-/** Size token for the stepper. */
-export type StepperSize = 'sm' | 'md' | 'lg';
-/** Layout orientation. */
-export type StepperOrientation = 'horizontal' | 'vertical';
-/** State of an individual step. */
-export type StepStatus = 'completed' | 'active' | 'upcoming' | 'error';
-export interface StepItem {
-    /** Unique identifier for the step. */
-    id: string;
-    /** Primary label shown below / beside the step indicator. */
-    label: ReactNode;
-    /** Optional secondary description text. */
-    description?: ReactNode;
-    /** Optional custom icon to render inside the step indicator (overrides the step number). */
-    icon?: ReactNode;
-    /** Marks the step as disabled — cannot be clicked. */
-    disabled?: boolean;
-    /** Optional extra content/panel revealed when this step is active. */
-    content?: ReactNode;
-    /** Override status explicitly. When omitted, status is derived from `currentStep`. */
-    status?: StepStatus;
-}
-export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /** Ordered list of steps to render. */
-    steps: StepItem[];
-    /** Zero-based index of the currently active step. */
-    currentStep?: number;
-    /** Callback fired when the user clicks a step (passes zero-based index). */
-    onChange?: (index: number) => void;
-    /** Visual style. Defaults to `'default'`. */
-    variant?: StepperVariant;
-    /** Size. Defaults to `'md'`. */
-    size?: StepperSize;
-    /** Layout direction. Defaults to `'horizontal'`. */
-    orientation?: StepperOrientation;
-    /** Whether steps are clickable for navigation. Defaults to `false`. */
-    clickable?: boolean;
-    /** Show content panel of the active step below the stepper. Defaults to `true`. */
-    showContent?: boolean;
-    /** Extra class applied to the step connector line. */
-    connectorClassName?: string;
-    /** Extra class applied to each step wrapper. */
-    stepClassName?: string;
-}

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

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

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { PaginationProps } from './Table.types';
-export declare function Pagination({ total, page, pageSize, totalPages: propTotalPages, hasNextPage: propHasNextPage, hasPrevPage: propHasPrevPage, onPageChange, onPageSizeChange, pageSizeOptions, showSizeChanger, className, }: PaginationProps): React.JSX.Element;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { TableProps } from './Table.types';
-export declare function Table<T extends object>({ data, columns, rowKey, loading, emptyMessage, striped, bordered, hoverable, stickyHeader, size, sortState: externalSort, onSortChange, className, tableClassName, pagination, headerVariant, }: TableProps<T>): React.JSX.Element;

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

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Table } from './Table';
-declare const meta: Meta<typeof Table>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Basic: Story;
-export declare const StripedBordered: Story;
-export declare const Loading: Story;
-export declare const Empty: Story;
-export declare const WithPagination: Story;
-export declare const Sortable: Story;
-export declare const Sizes: Story;
-export declare const PaginationStory: Story;

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

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

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

@@ -1,3 +0,0 @@
-export * from './Table';
-export * from './Pagination';
-export * from './Table.types';

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

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

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

@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Tabs } from './Tabs';
-declare const meta: Meta<typeof Tabs>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/** The default Tabs component. */
-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;
-/** Tabs spanning the full width of their container. */
-export declare const FullWidth: Story;
-/** Individual tabs can be disabled. */
-export declare const DisabledTabs: Story;
-/** Controlled usage where the selection state is managed externally. */
-export declare const Controlled: Story;

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

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

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

@@ -1,21 +0,0 @@
-import type { ReactNode, HTMLAttributes } from 'react';
-export type TabsVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-export type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface TabItem {
-    id: string;
-    label: ReactNode;
-    content: ReactNode;
-    disabled?: boolean;
-}
-export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    items: TabItem[];
-    defaultSelectedId?: string;
-    selectedId?: string;
-    onChange?: (id: string) => void;
-    variant?: TabsVariant;
-    size?: TabsSize;
-    fullWidth?: boolean;
-    tabListClassName?: string;
-    tabClassName?: string;
-    tabPanelClassName?: string;
-}

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

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

package/dist/components/TextInput/TextInput.d.ts

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

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

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

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

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

@@ -1,2 +0,0 @@
-export { TextInput } from './TextInput';
-export type { TextInputProps, TextInputVariant, TextInputSize, TextInputState, } from './TextInput.types';

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,8 +0,0 @@
-import type { ThemeProviderProps, ThemeProviderState } from './ThemeProvider.types';
-interface ThemeProviderComponent {
-    (props: ThemeProviderProps): React.JSX.Element;
-    displayName?: string;
-}
-export declare const ThemeProvider: ThemeProviderComponent;
-export declare const useTheme: () => ThemeProviderState;
-export {};

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

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ThemeProvider } from './ThemeProvider';
-/**
- * The ThemeProvider is the heart of the design system. It manages theme state,
- * synchronizes with user preferences, and injects a comprehensive set of
- * CSS variables into the application root.
- */
-declare const meta: Meta<typeof ThemeProvider>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/** The default Storybook demonstration using the library's premium tokens. */
-export declare const Default: Story;
-/** Demonstration of a high-contrast custom brand configuration. */
-export declare const CustomBranding: Story;
-/** A comprehensive gallery for auditing all theme design tokens. */
-export declare const TokenGalleryStory: Story;

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

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

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

@@ -1,2 +0,0 @@
-export { ThemeProvider, useTheme } from './ThemeProvider';
-export type { ThemeProviderProps, ThemeProviderState, ThemeMode, ThemeConfig, SemanticColors, } from './ThemeProvider.types';

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

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

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

@@ -1,23 +0,0 @@
-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

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

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

@@ -1,27 +0,0 @@
-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

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

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

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

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

@@ -1,13 +0,0 @@
-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

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

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

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

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

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

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

@@ -1,11 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

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

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

@@ -1,2 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

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

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

package/dist/utils/cn.d.ts

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

package/dist/utils/index.d.ts

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