@bricks-toolkit/toolkit 0.1.2 → 0.1.3

package/dist/{chunk-Y6AN7AWX.cjs → chunk-3IPWW66F.cjs}

@@ -179,7 +179,7 @@ var Tabs = react.forwardRef(function Tabs2({
           )
         }
       ),
-      canScrollRight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 lg:hidden pointer-events-none", children: [
+      canScrollRight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 hidden pointer-events-none", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-full bg-gradient-to-l from-surface to-transparent pointer-events-none -mr-4" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           chunkTNGW5YHA_cjs.IconButton,

package/dist/{chunk-EV463QT5.cjs → chunk-IC4HGEI6.cjs}

@@ -1,8 +1,6 @@
 'use strict';
 
-var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
 var chunkL5VQZZVR_cjs = require('./chunk-L5VQZZVR.cjs');
-var outline = require('@heroicons/react/24/outline');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Header = ({
@@ -25,21 +23,8 @@ var Header = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-          onMenuToggle && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkTNGW5YHA_cjs.IconButton,
-            {
-              icon: /* @__PURE__ */ jsxRuntime.jsx(outline.Bars3Icon, { className: "w-5 h-5" }),
-              "aria-label": "Toggle Menu",
-              variant: "ghost",
-              size: "sm",
-              onClick: onMenuToggle,
-              className: "lg:hidden"
-            }
-          ),
-          logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: logo })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-w-xl px-8 hidden md:block", children }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4", children: logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: logo }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-w-xl px-8", children }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: actions }),
           userSection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center pl-2 ml-2 border-l border-border h-8", children: userSection })

package/dist/{chunk-G4HVY6FM.mjs → chunk-K3IJEZ4S.mjs}

@@ -177,7 +177,7 @@ var Tabs = forwardRef(function Tabs2({
           )
         }
       ),
-      canScrollRight && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 lg:hidden pointer-events-none", children: [
+      canScrollRight && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 hidden pointer-events-none", children: [
         /* @__PURE__ */ jsx("div", { className: "w-8 h-full bg-gradient-to-l from-surface to-transparent pointer-events-none -mr-4" }),
         /* @__PURE__ */ jsx(
           IconButton,

package/dist/{chunk-FOVJHEWH.mjs → chunk-KH6LV7IS.mjs}

@@ -1,6 +1,4 @@
-import { IconButton } from './chunk-BVBCAAES.mjs';
 import { cn } from './chunk-OCPFOFJ4.mjs';
-import { Bars3Icon } from '@heroicons/react/24/outline';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Header = ({
@@ -23,21 +21,8 @@ var Header = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          onMenuToggle && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              icon: /* @__PURE__ */ jsx(Bars3Icon, { className: "w-5 h-5" }),
-              "aria-label": "Toggle Menu",
-              variant: "ghost",
-              size: "sm",
-              onClick: onMenuToggle,
-              className: "lg:hidden"
-            }
-          ),
-          logo && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: logo })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 max-w-xl px-8 hidden md:block", children }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: logo && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: logo }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 max-w-xl px-8", children }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions }),
           userSection && /* @__PURE__ */ jsx("div", { className: "flex items-center pl-2 ml-2 border-l border-border h-8", children: userSection })

package/dist/header/index.cjs

@@ -1,14 +1,11 @@
 'use strict';
 
-var chunkEV463QT5_cjs = require('../chunk-EV463QT5.cjs');
-require('../chunk-TNGW5YHA.cjs');
-require('../chunk-6CC5KIA5.cjs');
-require('../chunk-R72GDCWE.cjs');
+var chunkIC4HGEI6_cjs = require('../chunk-IC4HGEI6.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
 
 
 Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function () { return chunkEV463QT5_cjs.Header; }
+  get: function () { return chunkIC4HGEI6_cjs.Header; }
 });

package/dist/header/index.mjs

@@ -1,5 +1,2 @@
-export { Header } from '../chunk-FOVJHEWH.mjs';
-import '../chunk-BVBCAAES.mjs';
-import '../chunk-RAD5VJHR.mjs';
-import '../chunk-65UZC3FK.mjs';
+export { Header } from '../chunk-KH6LV7IS.mjs';
 import '../chunk-OCPFOFJ4.mjs';

package/dist/index.cjs

@@ -4,12 +4,12 @@ var chunkPCYGJNEQ_cjs = require('./chunk-PCYGJNEQ.cjs');
 var chunk7DDDQ3RH_cjs = require('./chunk-7DDDQ3RH.cjs');
 var chunkLTG6YP5I_cjs = require('./chunk-LTG6YP5I.cjs');
 require('./chunk-NMJ5CVZH.cjs');
-var chunkY6AN7AWX_cjs = require('./chunk-Y6AN7AWX.cjs');
+var chunk3IPWW66F_cjs = require('./chunk-3IPWW66F.cjs');
 var chunkXFNRKHHF_cjs = require('./chunk-XFNRKHHF.cjs');
 var chunkDHC5LI2P_cjs = require('./chunk-DHC5LI2P.cjs');
 var chunkYMMNWJT6_cjs = require('./chunk-YMMNWJT6.cjs');
 var chunkQ3IFXFFD_cjs = require('./chunk-Q3IFXFFD.cjs');
-var chunkEV463QT5_cjs = require('./chunk-EV463QT5.cjs');
+var chunkIC4HGEI6_cjs = require('./chunk-IC4HGEI6.cjs');
 var chunkPJWELBN2_cjs = require('./chunk-PJWELBN2.cjs');
 var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
 var chunkS7VEND5Z_cjs = require('./chunk-S7VEND5Z.cjs');
@@ -633,7 +633,7 @@ Object.defineProperty(exports, "useTheme", {
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkY6AN7AWX_cjs.Tabs; }
+  get: function () { return chunk3IPWW66F_cjs.Tabs; }
 });
 Object.defineProperty(exports, "TextInput", {
   enumerable: true,
@@ -653,7 +653,7 @@ Object.defineProperty(exports, "Sidebar", {
 });
 Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function () { return chunkEV463QT5_cjs.Header; }
+  get: function () { return chunkIC4HGEI6_cjs.Header; }
 });
 Object.defineProperty(exports, "Image", {
   enumerable: true,

package/dist/index.mjs

@@ -2,12 +2,12 @@ export { Modal, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from './
 export { SearchInput } from './chunk-VHVFRWF5.mjs';
 export { ThemeProvider, useTheme } from './chunk-Y3NTKFUE.mjs';
 import './chunk-SBNNV6FE.mjs';
-export { Tabs } from './chunk-G4HVY6FM.mjs';
+export { Tabs } from './chunk-K3IJEZ4S.mjs';
 export { TextInput } from './chunk-CMER5LO3.mjs';
 export { TimePicker } from './chunk-VKQDW7C2.mjs';
 export { Toaster } from './chunk-YOTCXSXL.mjs';
 export { Sidebar } from './chunk-PJH2KEWK.mjs';
-export { Header } from './chunk-FOVJHEWH.mjs';
+export { Header } from './chunk-KH6LV7IS.mjs';
 export { Image } from './chunk-JV6AWBN5.mjs';
 export { IconButton } from './chunk-BVBCAAES.mjs';
 export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } from './chunk-32SKYPQW.mjs';

package/dist/styles.css

@@ -4550,11 +4550,6 @@
       grid-column: span 2 / span 2;
     }
   }
-  .md\:block {
-    @media (width >= 48rem) {
-      display: block;
-    }
-  }
   .md\:grid-cols-3 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));

package/dist/tabs/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkY6AN7AWX_cjs = require('../chunk-Y6AN7AWX.cjs');
+var chunk3IPWW66F_cjs = require('../chunk-3IPWW66F.cjs');
 require('../chunk-TNGW5YHA.cjs');
 require('../chunk-6CC5KIA5.cjs');
 require('../chunk-R72GDCWE.cjs');
@@ -10,5 +10,5 @@ require('../chunk-L5VQZZVR.cjs');
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkY6AN7AWX_cjs.Tabs; }
+  get: function () { return chunk3IPWW66F_cjs.Tabs; }
 });

package/dist/tabs/index.mjs

@@ -1,4 +1,4 @@
-export { Tabs } from '../chunk-G4HVY6FM.mjs';
+export { Tabs } from '../chunk-K3IJEZ4S.mjs';
 import '../chunk-BVBCAAES.mjs';
 import '../chunk-RAD5VJHR.mjs';
 import '../chunk-65UZC3FK.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bricks-toolkit/toolkit",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Micro-modularized, fully independent, type-safe UI component library",
   "license": "MIT",
   "author": "ITProfound",
@@ -372,6 +372,24 @@
     "README.md",
     "LICENSE"
   ],
+  "scripts": {
+    "storybook": "storybook dev -p 6006 --no-version-updates",
+    "build": "tsup",
+    "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",
@@ -443,22 +461,5 @@
   },
   "dependencies": {
     "@heroicons/react": "2.2.0"
-  },
-  "scripts": {
-    "storybook": "storybook dev -p 6006 --no-version-updates",
-    "build": "tsup",
-    "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 };