@bricks-toolkit/toolkit 0.1.12 → 0.1.13

package/dist/Button.types-BsQYqZml.d.ts

@@ -0,0 +1,27 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { T as TooltipPlacement } from './Tooltip.types-PbUasE3C.js';
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning' | 'info';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'> {
+    /** The variant style of the button */
+    variant?: ButtonVariant;
+    /** The size of the button */
+    size?: ButtonSize;
+    /** Whether the button should take up the full width of its container */
+    fullWidth?: boolean;
+    /** Whether the button is currently in a loading state */
+    isLoading?: boolean;
+    /** Optional text to display alongside the spinner when loading */
+    loadingText?: string;
+    /** An icon element to display before the button content */
+    leftIcon?: ReactNode;
+    /** An icon element to display after the button content */
+    rightIcon?: ReactNode;
+    /** Optional tooltip text or element to display on hover */
+    tooltip?: ReactNode;
+    /** Preferred placement of the tooltip relative to the button */
+    tooltipPlacement?: TooltipPlacement;
+}
+
+export type { ButtonProps as B, ButtonSize as a, ButtonVariant as b };

package/dist/Button.types-D-srlWFf.d.mts

@@ -0,0 +1,27 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { T as TooltipPlacement } from './Tooltip.types-PbUasE3C.mjs';
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning' | 'info';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'> {
+    /** The variant style of the button */
+    variant?: ButtonVariant;
+    /** The size of the button */
+    size?: ButtonSize;
+    /** Whether the button should take up the full width of its container */
+    fullWidth?: boolean;
+    /** Whether the button is currently in a loading state */
+    isLoading?: boolean;
+    /** Optional text to display alongside the spinner when loading */
+    loadingText?: string;
+    /** An icon element to display before the button content */
+    leftIcon?: ReactNode;
+    /** An icon element to display after the button content */
+    rightIcon?: ReactNode;
+    /** Optional tooltip text or element to display on hover */
+    tooltip?: ReactNode;
+    /** Preferred placement of the tooltip relative to the button */
+    tooltipPlacement?: TooltipPlacement;
+}
+
+export type { ButtonProps as B, ButtonSize as a, ButtonVariant as b };

package/dist/TextInput.types-DRI8HQza.d.mts

@@ -0,0 +1,32 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type TextInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+type TextInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type TextInputState = 'default' | 'error' | 'success' | 'warning';
+interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: TextInputVariant;
+    size?: TextInputSize;
+    state?: TextInputState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+    multiline?: boolean;
+    rows?: number;
+}
+
+export type { TextInputProps as T, TextInputSize as a, TextInputState as b, TextInputVariant as c };

package/dist/TextInput.types-DRI8HQza.d.ts

@@ -0,0 +1,32 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type TextInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+type TextInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type TextInputState = 'default' | 'error' | 'success' | 'warning';
+interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: TextInputVariant;
+    size?: TextInputSize;
+    state?: TextInputState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+    multiline?: boolean;
+    rows?: number;
+}
+
+export type { TextInputProps as T, TextInputSize as a, TextInputState as b, TextInputVariant as c };

package/dist/Tooltip.types-PbUasE3C.d.mts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+type TooltipTrigger = 'hover' | 'click' | 'focus';
+type TooltipSize = 'sm' | 'md' | 'lg';
+type TooltipVariant = 'dark' | 'primary' | 'light';
+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;
+}
+
+export type { TooltipPlacement as T, TooltipProps as a, TooltipSize as b, TooltipTrigger as c, TooltipVariant as d };

package/dist/Tooltip.types-PbUasE3C.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+type TooltipTrigger = 'hover' | 'click' | 'focus';
+type TooltipSize = 'sm' | 'md' | 'lg';
+type TooltipVariant = 'dark' | 'primary' | 'light';
+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;
+}
+
+export type { TooltipPlacement as T, TooltipProps as a, TooltipSize as b, TooltipTrigger as c, TooltipVariant as d };

package/dist/avatar/index.d.mts

@@ -0,0 +1,29 @@
+import { ImgHTMLAttributes, ReactNode } from 'react';
+
+type AvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+type AvatarVariant = 'circle' | 'square' | 'rounded';
+type AvatarState = 'default' | 'error' | 'success' | 'warning' | 'offline' | 'online' | 'busy' | 'away';
+interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
+    /** Size of the avatar */
+    size?: AvatarSize;
+    /** Shape variant of the avatar */
+    variant?: AvatarVariant;
+    /** State indicator for the avatar (e.g. online status or validation) */
+    state?: AvatarState;
+    /** Determines if the state indicator should be a border or a dot (badge). Default is border. */
+    stateType?: 'border' | 'badge';
+    /** Fallback content when image is not provided or fails to load. Can be initials string or a ReactNode */
+    fallback?: ReactNode;
+    /** Alt text for the image, also used to generate initials if fallback string is not provided */
+    alt?: string;
+    /** Image source URL */
+    src?: string;
+    /** Class name applied to the outer container */
+    containerClassName?: string;
+    /** Class name applied to the fallback element */
+    fallbackClassName?: string;
+}
+
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarState, type AvatarVariant };

package/dist/avatar/index.d.ts

@@ -0,0 +1,29 @@
+import { ImgHTMLAttributes, ReactNode } from 'react';
+
+type AvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+type AvatarVariant = 'circle' | 'square' | 'rounded';
+type AvatarState = 'default' | 'error' | 'success' | 'warning' | 'offline' | 'online' | 'busy' | 'away';
+interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
+    /** Size of the avatar */
+    size?: AvatarSize;
+    /** Shape variant of the avatar */
+    variant?: AvatarVariant;
+    /** State indicator for the avatar (e.g. online status or validation) */
+    state?: AvatarState;
+    /** Determines if the state indicator should be a border or a dot (badge). Default is border. */
+    stateType?: 'border' | 'badge';
+    /** Fallback content when image is not provided or fails to load. Can be initials string or a ReactNode */
+    fallback?: ReactNode;
+    /** Alt text for the image, also used to generate initials if fallback string is not provided */
+    alt?: string;
+    /** Image source URL */
+    src?: string;
+    /** Class name applied to the outer container */
+    containerClassName?: string;
+    /** Class name applied to the fallback element */
+    fallbackClassName?: string;
+}
+
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarState, type AvatarVariant };

package/dist/badge/index.d.mts

@@ -0,0 +1,57 @@
+import { ReactNode, ElementType } from 'react';
+
+/** Visual style of the badge. */
+type BadgeVariant = 'solid' | 'soft' | 'outline' | 'dot' | 'gradient';
+/** Color palette for the badge. */
+type BadgeColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'accent' | 'gray' | 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'pink' | 'orange' | 'cyan' | 'teal' | 'indigo';
+/** Size token for the badge. */
+type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
+/** Border-radius shape. */
+type BadgeShape = 'rounded' | 'pill' | 'square';
+interface BadgeProps {
+    /** Text or content inside the badge. */
+    children?: ReactNode;
+    /** Visual style. Defaults to `'soft'`. */
+    variant?: BadgeVariant;
+    /** Color scheme. Defaults to `'blue'`. */
+    color?: BadgeColor;
+    /** Size. Defaults to `'md'`. */
+    size?: BadgeSize;
+    /** Border-radius shape. Defaults to `'pill'`. */
+    shape?: BadgeShape;
+    /** Optional icon rendered before the label. */
+    icon?: ReactNode;
+    /** Optional icon rendered after the label (before the remove button). */
+    trailingIcon?: ReactNode;
+    /** When provided, renders a remove (×) button and calls this on click. */
+    onRemove?: () => void;
+    /** Adds a pulsing animation to the dot indicator (only works with `variant="dot"`). */
+    pulse?: boolean;
+    /** Renders a numeric count instead of (or alongside) children. When > maxCount, shows `{maxCount}+`. */
+    count?: number;
+    /** Maximum count before the overflow label is shown. Defaults to 99. */
+    maxCount?: number;
+    /** Uppercases the badge text. */
+    uppercase?: boolean;
+    /** Adds a soft letter-spacing for label readability. */
+    tracking?: boolean;
+    /** Polymorphic element override (e.g. `'a'`, `'button'`, `'li'`). Defaults to `'span'`. */
+    as?: ElementType;
+    /** Additional class name. */
+    className?: string;
+    /** Any other HTML / element props (e.g. `href`, `onClick`, `aria-*`). */
+    [key: string]: unknown;
+}
+
+/**
+ * `Badge` — a highly composable inline label component.
+ *
+ * @example
+ * <Badge color="green" variant="soft">Active</Badge>
+ * <Badge color="red" variant="gradient" size="lg" shape="rounded">Critical</Badge>
+ * <Badge color="blue" variant="dot" pulse>Live</Badge>
+ * <Badge count={42} color="red" variant="solid" shape="pill" />
+ */
+declare function Badge({ children, variant, color, size, shape, icon, trailingIcon, onRemove, pulse, count, maxCount, uppercase, tracking, as: Tag, className, ...rest }: BadgeProps): React.JSX.Element;
+
+export { Badge, type BadgeColor, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant };

package/dist/badge/index.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode, ElementType } from 'react';
+
+/** Visual style of the badge. */
+type BadgeVariant = 'solid' | 'soft' | 'outline' | 'dot' | 'gradient';
+/** Color palette for the badge. */
+type BadgeColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'accent' | 'gray' | 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'pink' | 'orange' | 'cyan' | 'teal' | 'indigo';
+/** Size token for the badge. */
+type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
+/** Border-radius shape. */
+type BadgeShape = 'rounded' | 'pill' | 'square';
+interface BadgeProps {
+    /** Text or content inside the badge. */
+    children?: ReactNode;
+    /** Visual style. Defaults to `'soft'`. */
+    variant?: BadgeVariant;
+    /** Color scheme. Defaults to `'blue'`. */
+    color?: BadgeColor;
+    /** Size. Defaults to `'md'`. */
+    size?: BadgeSize;
+    /** Border-radius shape. Defaults to `'pill'`. */
+    shape?: BadgeShape;
+    /** Optional icon rendered before the label. */
+    icon?: ReactNode;
+    /** Optional icon rendered after the label (before the remove button). */
+    trailingIcon?: ReactNode;
+    /** When provided, renders a remove (×) button and calls this on click. */
+    onRemove?: () => void;
+    /** Adds a pulsing animation to the dot indicator (only works with `variant="dot"`). */
+    pulse?: boolean;
+    /** Renders a numeric count instead of (or alongside) children. When > maxCount, shows `{maxCount}+`. */
+    count?: number;
+    /** Maximum count before the overflow label is shown. Defaults to 99. */
+    maxCount?: number;
+    /** Uppercases the badge text. */
+    uppercase?: boolean;
+    /** Adds a soft letter-spacing for label readability. */
+    tracking?: boolean;
+    /** Polymorphic element override (e.g. `'a'`, `'button'`, `'li'`). Defaults to `'span'`. */
+    as?: ElementType;
+    /** Additional class name. */
+    className?: string;
+    /** Any other HTML / element props (e.g. `href`, `onClick`, `aria-*`). */
+    [key: string]: unknown;
+}
+
+/**
+ * `Badge` — a highly composable inline label component.
+ *
+ * @example
+ * <Badge color="green" variant="soft">Active</Badge>
+ * <Badge color="red" variant="gradient" size="lg" shape="rounded">Critical</Badge>
+ * <Badge color="blue" variant="dot" pulse>Live</Badge>
+ * <Badge count={42} color="red" variant="solid" shape="pill" />
+ */
+declare function Badge({ children, variant, color, size, shape, icon, trailingIcon, onRemove, pulse, count, maxCount, uppercase, tracking, as: Tag, className, ...rest }: BadgeProps): React.JSX.Element;
+
+export { Badge, type BadgeColor, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant };

package/dist/breadcrumbs/index.d.mts

@@ -0,0 +1,32 @@
+import { ReactNode, ReactElement } from 'react';
+
+interface BreadcrumbItem {
+    /** The label shown for this crumb. */
+    label: ReactNode;
+    /** When provided the crumb renders as a link. */
+    href?: string;
+    /** onClick handler (use instead of href for SPA navigation). */
+    onClick?: () => void;
+    /** When true the crumb is shown but not clickable. */
+    disabled?: boolean;
+}
+type BreadcrumbSeparator = 'slash' | 'chevron' | 'dot' | ReactElement;
+type BreadcrumbSize = 'xs' | 'sm' | 'md' | 'lg';
+interface BreadcrumbsProps {
+    /** The list of crumb items. The last item is treated as the current page. */
+    items: BreadcrumbItem[];
+    /** Separator between crumbs. Defaults to 'chevron'. */
+    separator?: BreadcrumbSeparator;
+    /** Text size. Defaults to 'sm'. */
+    size?: BreadcrumbSize;
+    /** When true collapses middle items into an ellipsis button. Defaults to false. */
+    collapsible?: boolean;
+    /** Maximum number of items to show when collapsible=true. Defaults to 4. */
+    maxItems?: number;
+    /** Additional class for the <nav> wrapper. */
+    className?: string;
+}
+
+declare function Breadcrumbs({ items, separator, size, collapsible, maxItems, className, }: BreadcrumbsProps): React.JSX.Element | null;
+
+export { type BreadcrumbItem, type BreadcrumbSeparator, type BreadcrumbSize, Breadcrumbs, type BreadcrumbsProps };

package/dist/breadcrumbs/index.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode, ReactElement } from 'react';
+
+interface BreadcrumbItem {
+    /** The label shown for this crumb. */
+    label: ReactNode;
+    /** When provided the crumb renders as a link. */
+    href?: string;
+    /** onClick handler (use instead of href for SPA navigation). */
+    onClick?: () => void;
+    /** When true the crumb is shown but not clickable. */
+    disabled?: boolean;
+}
+type BreadcrumbSeparator = 'slash' | 'chevron' | 'dot' | ReactElement;
+type BreadcrumbSize = 'xs' | 'sm' | 'md' | 'lg';
+interface BreadcrumbsProps {
+    /** The list of crumb items. The last item is treated as the current page. */
+    items: BreadcrumbItem[];
+    /** Separator between crumbs. Defaults to 'chevron'. */
+    separator?: BreadcrumbSeparator;
+    /** Text size. Defaults to 'sm'. */
+    size?: BreadcrumbSize;
+    /** When true collapses middle items into an ellipsis button. Defaults to false. */
+    collapsible?: boolean;
+    /** Maximum number of items to show when collapsible=true. Defaults to 4. */
+    maxItems?: number;
+    /** Additional class for the <nav> wrapper. */
+    className?: string;
+}
+
+declare function Breadcrumbs({ items, separator, size, collapsible, maxItems, className, }: BreadcrumbsProps): React.JSX.Element | null;
+
+export { type BreadcrumbItem, type BreadcrumbSeparator, type BreadcrumbSize, Breadcrumbs, type BreadcrumbsProps };

package/dist/button/index.d.mts

@@ -0,0 +1,8 @@
+import { B as ButtonProps } from '../Button.types-D-srlWFf.mjs';
+export { a as ButtonSize, b as ButtonVariant } from '../Button.types-D-srlWFf.mjs';
+import 'react';
+import '../Tooltip.types-PbUasE3C.mjs';
+
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, ButtonProps };

package/dist/button/index.d.ts

@@ -0,0 +1,8 @@
+import { B as ButtonProps } from '../Button.types-BsQYqZml.js';
+export { a as ButtonSize, b as ButtonVariant } from '../Button.types-BsQYqZml.js';
+import 'react';
+import '../Tooltip.types-PbUasE3C.js';
+
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, ButtonProps };

package/dist/card/index.d.mts

@@ -0,0 +1,42 @@
+import { HTMLAttributes } from 'react';
+
+type CardVariant = 'default' | 'outlined' | 'elevated' | 'filled';
+type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** The overall visual style of the card */
+    variant?: CardVariant;
+    /** Internal padding scale to apply strictly to the overall wrapper */
+    padding?: CardPadding;
+}
+type CardHeaderProps = HTMLAttributes<HTMLDivElement>;
+type CardTitleProps = HTMLAttributes<HTMLHeadingElement>;
+type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+type CardContentProps = HTMLAttributes<HTMLDivElement>;
+type CardFooterProps = HTMLAttributes<HTMLDivElement>;
+
+/**
+ * Root Card wrapper containing styles, border radiuses, and shadow mappings.
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Card Header segment, ideal for stacking Titles, actions, and meta data.
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Semantically native Header 3 representation ensuring text harmony generically.
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Muted paragraph utility explicitly meant for text trailing a Title internally.
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Physical payload payload explicitly anchoring generic HTML spacing between a header and a footer correctly.
+ */
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Spaced flex container automatically injecting actions aligned horizontally below content natively.
+ */
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, CardTitle, type CardTitleProps, type CardVariant };

package/dist/card/index.d.ts

@@ -0,0 +1,42 @@
+import { HTMLAttributes } from 'react';
+
+type CardVariant = 'default' | 'outlined' | 'elevated' | 'filled';
+type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** The overall visual style of the card */
+    variant?: CardVariant;
+    /** Internal padding scale to apply strictly to the overall wrapper */
+    padding?: CardPadding;
+}
+type CardHeaderProps = HTMLAttributes<HTMLDivElement>;
+type CardTitleProps = HTMLAttributes<HTMLHeadingElement>;
+type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+type CardContentProps = HTMLAttributes<HTMLDivElement>;
+type CardFooterProps = HTMLAttributes<HTMLDivElement>;
+
+/**
+ * Root Card wrapper containing styles, border radiuses, and shadow mappings.
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Card Header segment, ideal for stacking Titles, actions, and meta data.
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Semantically native Header 3 representation ensuring text harmony generically.
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Muted paragraph utility explicitly meant for text trailing a Title internally.
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Physical payload payload explicitly anchoring generic HTML spacing between a header and a footer correctly.
+ */
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Spaced flex container automatically injecting actions aligned horizontally below content natively.
+ */
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, CardTitle, type CardTitleProps, type CardVariant };

package/dist/checkbox/index.d.mts

@@ -0,0 +1,36 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type CheckboxState = 'default' | 'error' | 'success' | 'warning';
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** The primary label to display next to the checkbox */
+    label?: ReactNode;
+    /** Additional helper text displayed beneath the checkbox */
+    helperText?: ReactNode;
+    /** Error message displayed beneath the checkbox when state is 'error' */
+    errorMessage?: ReactNode;
+    /** Success message displayed beneath the checkbox when state is 'success' */
+    successMessage?: ReactNode;
+    /** Warning message displayed beneath the checkbox when state is 'warning' */
+    warningMessage?: ReactNode;
+    /** The size of the checkbox and its associated text */
+    size?: CheckboxSize;
+    /** The validation state of the checkbox */
+    state?: CheckboxState;
+    /** Whether the checkbox represents a mixed or indeterminate state */
+    indeterminate?: boolean;
+    /** Custom class for the outermost container */
+    containerClassName?: string;
+    /** Alias for containerClassName to match other components */
+    wrapperClassName?: string;
+    /** Custom class for the underlying input element */
+    inputClassName?: string;
+    /** Custom class for the label element */
+    labelClassName?: string;
+    /** Custom class for the helper/message text element */
+    messageClassName?: string;
+}
+
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, type CheckboxProps, type CheckboxSize, type CheckboxState };

package/dist/checkbox/index.d.ts

@@ -0,0 +1,36 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type CheckboxState = 'default' | 'error' | 'success' | 'warning';
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** The primary label to display next to the checkbox */
+    label?: ReactNode;
+    /** Additional helper text displayed beneath the checkbox */
+    helperText?: ReactNode;
+    /** Error message displayed beneath the checkbox when state is 'error' */
+    errorMessage?: ReactNode;
+    /** Success message displayed beneath the checkbox when state is 'success' */
+    successMessage?: ReactNode;
+    /** Warning message displayed beneath the checkbox when state is 'warning' */
+    warningMessage?: ReactNode;
+    /** The size of the checkbox and its associated text */
+    size?: CheckboxSize;
+    /** The validation state of the checkbox */
+    state?: CheckboxState;
+    /** Whether the checkbox represents a mixed or indeterminate state */
+    indeterminate?: boolean;
+    /** Custom class for the outermost container */
+    containerClassName?: string;
+    /** Alias for containerClassName to match other components */
+    wrapperClassName?: string;
+    /** Custom class for the underlying input element */
+    inputClassName?: string;
+    /** Custom class for the label element */
+    labelClassName?: string;
+    /** Custom class for the helper/message text element */
+    messageClassName?: string;
+}
+
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, type CheckboxProps, type CheckboxSize, type CheckboxState };