@bricks-toolkit/toolkit 0.1.0 → 0.1.2

package/README.md

@@ -1,6 +1,6 @@
 # bricks
 
-[![npm version](https://img.shields.io/npm/v/@bricks-toolkit/toolkit.svg)](https://www.npmjs.com/package/@bricks-toolkit/toolkit)
+[![npm version](https://img.shields.io/npm/v/bricks.svg)](https://www.npmjs.com/package/bricks)
 [![TypeScript](https://img.shields.io/badge/TypeScript-strict-blue)](https://www.typescriptlang.org/)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](./LICENSE)
 
@@ -27,13 +27,13 @@
 
 ```bash
 # npm
-npm install @bricks-toolkit/toolkit
+npm install bricks
 
 # Or with yarn
-yarn add @bricks-toolkit/toolkit
+yarn add bricks
 
 # Or with pnpm
-pnpm add @bricks-toolkit/toolkit
+pnpm add bricks
 ```
 
 **Peer dependencies** (must be installed by the consumer):
@@ -61,7 +61,7 @@ export default {
   content: [
     './src/**/*.{ts,tsx}',
     // Add the library's dist path:
-    './node_modules/@bricks-toolkit/toolkit/dist/**/*.js',
+    './node_modules/bricks/dist/**/*.js',
   ],
 } satisfies Config
 ```
@@ -70,7 +70,7 @@ export default {
 
 ```ts
 // In your entry file (e.g. main.tsx)
-import '@bricks-toolkit/toolkit/styles.css'
+import 'bricks/styles.css'
 ```
 
 ---
@@ -80,7 +80,7 @@ import '@bricks-toolkit/toolkit/styles.css'
 ### Named import (full bundle)
 
 ```tsx
-import { TextInput } from '@bricks-toolkit/toolkit'
+import { TextInput } from 'bricks'
 
 function App() {
   return (
@@ -98,7 +98,7 @@ function App() {
 ### Sub-path import (tree-shakeable)
 
 ```tsx
-import { TextInput } from '@bricks-toolkit/toolkit/text-input'
+import { TextInput } from 'bricks/text-input'
 ```
 
 ---
@@ -134,7 +134,7 @@ import { TextInput } from '@bricks-toolkit/toolkit/text-input'
 ### Exported Types
 
 ```ts
-import type { TextInputProps, TextInputVariant, TextInputSize, TextInputState } from '@bricks-toolkit/toolkit'
+import type { TextInputProps, TextInputVariant, TextInputSize, TextInputState } from 'bricks'
 ```
 
 ### Examples

package/dist/{components/Button/Button.types.d.ts → Button.types-BsQYqZml.d.ts}

@@ -1,8 +1,9 @@
-import type { ButtonHTMLAttributes, ReactNode } from 'react';
-import type { TooltipPlacement } from '../Tooltip/Tooltip.types';
-export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning' | 'info';
-export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'> {
+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 */
@@ -22,3 +23,5 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     /** 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/{components/TextInput/TextInput.types.d.ts → TextInput.types-DRI8HQza.d.mts}

@@ -1,8 +1,9 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
-export type TextInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-export type TextInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type TextInputState = 'default' | 'error' | 'success' | 'warning';
-export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+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;
@@ -27,3 +28,5 @@ export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
     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/{components/Tooltip/Tooltip.types.d.ts → Tooltip.types-PbUasE3C.d.mts}

@@ -1,9 +1,10 @@
-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 {
+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. */
@@ -31,3 +32,5 @@ export interface TooltipProps {
     /** 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.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkHIWJDLIS_cjs = require('../chunk-HIWJDLIS.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkHIWJDLIS_cjs.Avatar; }
+});

package/dist/{components/Avatar/Avatar.types.d.ts → avatar/index.d.mts}

@@ -1,8 +1,9 @@
-import type { ImgHTMLAttributes, ReactNode } from 'react';
-export type AvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
-export type AvatarVariant = 'circle' | 'square' | 'rounded';
-export type AvatarState = 'default' | 'error' | 'success' | 'warning' | 'offline' | 'online' | 'busy' | 'away';
-export interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
+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 */
@@ -22,3 +23,7 @@ export interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, '
     /** 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/avatar/index.mjs

@@ -0,0 +1,2 @@
+export { Avatar } from '../chunk-B5MYGYJY.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/badge/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunk5J3OMAO4_cjs = require('../chunk-5J3OMAO4.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunk5J3OMAO4_cjs.Badge; }
+});

package/dist/{components/Badge/Badge.types.d.ts → badge/index.d.mts}

@@ -1,13 +1,14 @@
-import type { ElementType, ReactNode } from 'react';
+import { ReactNode, ElementType } from 'react';
+
 /** Visual style of the badge. */
-export type BadgeVariant = 'solid' | 'soft' | 'outline' | 'dot' | 'gradient';
+type BadgeVariant = 'solid' | 'soft' | 'outline' | 'dot' | 'gradient';
 /** Color palette for the badge. */
-export type BadgeColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'accent' | 'gray' | 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'pink' | 'orange' | 'cyan' | 'teal' | 'indigo';
+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. */
-export type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
+type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
 /** Border-radius shape. */
-export type BadgeShape = 'rounded' | 'pill' | 'square';
-export interface BadgeProps {
+type BadgeShape = 'rounded' | 'pill' | 'square';
+interface BadgeProps {
     /** Text or content inside the badge. */
     children?: ReactNode;
     /** Visual style. Defaults to `'soft'`. */
@@ -41,3 +42,16 @@ export interface BadgeProps {
     /** 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/badge/index.mjs

@@ -0,0 +1,2 @@
+export { Badge } from '../chunk-H77YWN3L.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/breadcrumbs/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkNRCNRHXL_cjs = require('../chunk-NRCNRHXL.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () { return chunkNRCNRHXL_cjs.Breadcrumbs; }
+});

package/dist/{components/Breadcrumbs/Breadcrumbs.types.d.ts → breadcrumbs/index.d.mts}

@@ -1,5 +1,6 @@
-import type { ReactNode, ReactElement } from 'react';
-export interface BreadcrumbItem {
+import { ReactNode, ReactElement } from 'react';
+
+interface BreadcrumbItem {
     /** The label shown for this crumb. */
     label: ReactNode;
     /** When provided the crumb renders as a link. */
@@ -9,9 +10,9 @@ export interface BreadcrumbItem {
     /** When true the crumb is shown but not clickable. */
     disabled?: boolean;
 }
-export type BreadcrumbSeparator = 'slash' | 'chevron' | 'dot' | ReactElement;
-export type BreadcrumbSize = 'xs' | 'sm' | 'md' | 'lg';
-export interface BreadcrumbsProps {
+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'. */
@@ -25,3 +26,7 @@ export interface BreadcrumbsProps {
     /** 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/breadcrumbs/index.mjs

@@ -0,0 +1,2 @@
+export { Breadcrumbs } from '../chunk-DMLPA65B.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/button/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+require('../chunk-6UO72EJA.cjs');
+var chunk6CC5KIA5_cjs = require('../chunk-6CC5KIA5.cjs');
+require('../chunk-R72GDCWE.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunk6CC5KIA5_cjs.Button; }
+});

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/button/index.mjs

@@ -0,0 +1,4 @@
+import '../chunk-ARTXRQO6.mjs';
+export { Button } from '../chunk-RAD5VJHR.mjs';
+import '../chunk-65UZC3FK.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/card/index.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var chunkECLNLPOR_cjs = require('../chunk-ECLNLPOR.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.Card; }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardContent; }
+});
+Object.defineProperty(exports, "CardDescription", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardDescription; }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardFooter; }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardHeader; }
+});
+Object.defineProperty(exports, "CardTitle", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardTitle; }
+});

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 };