@bricks-toolkit/toolkit 0.1.10 → 0.1.12

package/dist/{chunk-B4OV5GRT.cjs → chunk-B2FU2E2X.cjs}

@@ -202,6 +202,7 @@ var Phone = react.forwardRef(function Phone2({
   onChange,
   showFlag = true,
   defaultCountryCode = "+91",
+  defaultCountry,
   autoComplete = "tel",
   ...rest
 }, ref) {
@@ -213,8 +214,17 @@ var Phone = react.forwardRef(function Phone2({
   const [isOpen, setIsOpen] = react.useState(false);
   const [searchTerm, setSearchTerm] = react.useState("");
   const dropdownRef = react.useRef(null);
+  const initialDialCode = (() => {
+    if (defaultCountry) {
+      const country = COUNTRIES.find(
+        (c) => c.id.toLowerCase() === defaultCountry.toLowerCase()
+      );
+      if (country) return country.dialCode;
+    }
+    return defaultCountryCode;
+  })();
   const [internalPhone, setInternalPhone] = react.useState(
-    defaultValue ?? { countryCode: defaultCountryCode, phoneNumber: "" }
+    defaultValue ?? { countryCode: initialDialCode, phoneNumber: "" }
   );
   const isControlled = value !== void 0;
   const currentPhone = isControlled ? value : internalPhone;

package/dist/{chunk-CBA54EY4.mjs → chunk-TBMIMUU4.mjs}

@@ -200,6 +200,7 @@ var Phone = forwardRef(function Phone2({
   onChange,
   showFlag = true,
   defaultCountryCode = "+91",
+  defaultCountry,
   autoComplete = "tel",
   ...rest
 }, ref) {
@@ -211,8 +212,17 @@ var Phone = forwardRef(function Phone2({
   const [isOpen, setIsOpen] = useState(false);
   const [searchTerm, setSearchTerm] = useState("");
   const dropdownRef = useRef(null);
+  const initialDialCode = (() => {
+    if (defaultCountry) {
+      const country = COUNTRIES.find(
+        (c) => c.id.toLowerCase() === defaultCountry.toLowerCase()
+      );
+      if (country) return country.dialCode;
+    }
+    return defaultCountryCode;
+  })();
   const [internalPhone, setInternalPhone] = useState(
-    defaultValue ?? { countryCode: defaultCountryCode, phoneNumber: "" }
+    defaultValue ?? { countryCode: initialDialCode, phoneNumber: "" }
   );
   const isControlled = value !== void 0;
   const currentPhone = isControlled ? value : internalPhone;

package/dist/index.cjs

@@ -16,7 +16,7 @@ var chunkS7VEND5Z_cjs = require('./chunk-S7VEND5Z.cjs');
 var chunk56ILK7Y4_cjs = require('./chunk-56ILK7Y4.cjs');
 var chunkNRZIXK35_cjs = require('./chunk-NRZIXK35.cjs');
 var chunk5RKET2JO_cjs = require('./chunk-5RKET2JO.cjs');
-var chunkB4OV5GRT_cjs = require('./chunk-B4OV5GRT.cjs');
+var chunkB2FU2E2X_cjs = require('./chunk-B2FU2E2X.cjs');
 var chunkVRZFAKSV_cjs = require('./chunk-VRZFAKSV.cjs');
 var chunk7R5JRJ2W_cjs = require('./chunk-7R5JRJ2W.cjs');
 var chunkOEU5VG3D_cjs = require('./chunk-OEU5VG3D.cjs');
@@ -697,7 +697,7 @@ Object.defineProperty(exports, "PasswordInput", {
 });
 Object.defineProperty(exports, "Phone", {
   enumerable: true,
-  get: function () { return chunkB4OV5GRT_cjs.Phone; }
+  get: function () { return chunkB2FU2E2X_cjs.Phone; }
 });
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,

package/dist/index.mjs

@@ -14,7 +14,7 @@ export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } f
 export { MultiSelect } from './chunk-JKPNJ4PZ.mjs';
 export { OtpInput } from './chunk-RYWDZHKG.mjs';
 export { PasswordInput } from './chunk-446OJWC6.mjs';
-export { Phone } from './chunk-CBA54EY4.mjs';
+export { Phone } from './chunk-TBMIMUU4.mjs';
 export { RadioButton } from './chunk-DN2GFJF4.mjs';
 export { Select } from './chunk-TIVSMCXZ.mjs';
 export { Pagination, Table } from './chunk-7364SUK6.mjs';

package/dist/phone/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkB4OV5GRT_cjs = require('../chunk-B4OV5GRT.cjs');
+var chunkB2FU2E2X_cjs = require('../chunk-B2FU2E2X.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
 
 
 Object.defineProperty(exports, "Phone", {
   enumerable: true,
-  get: function () { return chunkB4OV5GRT_cjs.Phone; }
+  get: function () { return chunkB2FU2E2X_cjs.Phone; }
 });

package/dist/phone/index.mjs

@@ -1,2 +1,2 @@
-export { Phone } from '../chunk-CBA54EY4.mjs';
+export { Phone } from '../chunk-TBMIMUU4.mjs';
 import '../chunk-OCPFOFJ4.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bricks-toolkit/toolkit",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Micro-modularized, fully independent, type-safe UI component library",
   "license": "MIT",
   "author": "ITProfound",
@@ -373,24 +373,6 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "storybook": "storybook dev -p 6006 --no-version-updates",
-    "build": "tsup && copy src\\styles\\theme.css dist\\theme.css",
-    "build:watch": "tsup --watch",
-    "build:storybook": "storybook build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "typecheck": "tsc --noEmit",
-    "validate": "pnpm typecheck && pnpm lint && pnpm test",
-    "clean": "rimraf dist",
-    "prepare": "husky",
-    "audit": "pnpm audit"
-  },
   "devDependencies": {
     "@eslint/js": "10.0.1",
     "@storybook/addon-a11y": "10.3.5",
@@ -462,5 +444,22 @@
   },
   "dependencies": {
     "@heroicons/react": "2.2.0"
+  },
+  "scripts": {
+    "storybook": "storybook dev -p 6006 --no-version-updates",
+    "build": "tsup && copy src\\styles\\theme.css dist\\theme.css",
+    "build:watch": "tsup --watch",
+    "build:storybook": "storybook build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "typecheck": "tsc --noEmit",
+    "validate": "pnpm typecheck && pnpm lint && pnpm test",
+    "clean": "rimraf dist",
+    "audit": "pnpm audit"
   }
-}
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-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 };