@tanishraj/ui-kit 1.0.7 → 1.0.9

package/readme.md

@@ -1,238 +1,230 @@
 # @tanishraj/ui-kit
 
-## About
-
-@tanishraj/ui-kit is an industry-style React component library with built-in tooling for publishing, documentation, and testing.
+[![npm version](https://img.shields.io/npm/v/@tanishraj/ui-kit.svg)](https://www.npmjs.com/package/@tanishraj/ui-kit)
+[![npm downloads](https://img.shields.io/npm/dm/@tanishraj/ui-kit.svg)](https://www.npmjs.com/package/@tanishraj/ui-kit)
+[![license](https://img.shields.io/github/license/tanishraj/ui-kit.svg)](https://github.com/tanishraj/ui-kit/blob/develop/LICENSE)
+[![storybook](https://img.shields.io/badge/storybook-live-purple)](https://tanishraj.github.io/ui-kit/)
+
+A production-ready React + TypeScript UI component library built with Vite, Storybook, Tailwind CSS, CVA, and strict quality gates.
+
+## Table of Contents
+
+- [About](#about)
+- [Installation](#installation)
+- [Usage](#usage)
+- [Component Library API](#component-library-api)
+- [Theming](#theming)
+- [Accessibility](#accessibility)
+- [Development](#development)
+- [Testing](#testing)
+- [CI / Automation](#ci--automation)
+- [Publishing](#publishing)
+- [Release Process](#release-process)
+- [Repository Structure](#repository-structure)
+- [Contributing](#contributing)
+- [License](#license)
+- [Changelog](#changelog)
 
-## Features
-
-- **Vite** - Fast bundling and development
-- **React & TypeScript** - Strict type safety for better development
-- **Tailwind CSS** - Utility-first styling approach
-- **Tailwind Merge & CVA** - Class name manipulation
-- **CLSX** - Conditional class name handling
-- **ESLint & Prettier** - Code linting and formatting
-- **Vitest & React Testing Library** - Unit testing setup
-- **Storybook** - Interactive documentation for components
+## About
 
-## Getting Started
+This package is designed to be consumed as a reusable component library for modern React apps. It includes:
 
-### Installation
+- TypeScript-first component APIs with prop-driven variants
+- Storybook docs and usage examples
+- Accessibility-minded defaults
+- Unit tests and coverage workflows
+- Automated release and quality checks
 
-Clone the repository and install dependencies:
+## Installation
 
-```sh
-git clone https://github.com/tanishraj/ui-kit.git
-cd ui-kit
-npm install
+```bash
+npm install @tanishraj/ui-kit
 ```
 
-### Running Storybook
+or
 
-To start Storybook for interactive component documentation:
-
-```sh
-npm run storybook
+```bash
+yarn add @tanishraj/ui-kit
 ```
 
-## Automated UI Component Generation
-
-You can now generate a new component from a Figma node and existing local code patterns:
+or
 
-```sh
-npm run generate:component -- \
-  --name MyNewComponent \
-  --figma-url "https://www.figma.com/file/<FILE_KEY>/<NAME>?node-id=<NODE_ID>" \
-  --openai-key "$OPENAI_API_KEY" \
-  --figma-token "$FIGMA_API_TOKEN" \
-  --stories \
-  --tests
+```bash
+pnpm add @tanishraj/ui-kit
 ```
 
-Alternative arguments:
-
-- `--figma-file-key` and `--node-id` if you prefer separate args.
-- `--skip-ai` to only scaffold fallback files without OpenAI.
-- `--pattern-limit` to control how many local component examples are used.
-- `--overwrite` to replace existing files.
-
-Required environment variables:
-
-- `OPENAI_API_KEY`
-- `FIGMA_API_TOKEN`
-
-### GitHub Actions (Manual trigger)
-
-There is a workflow at [.github/workflows/generate-ui-component.yml](.github/workflows/generate-ui-component.yml) that can generate components and open a PR for review.
-
-Dispatch inputs:
-
-- `component_name`: component name.
-- `figma_url`: full Figma URL containing `node-id`.
-- `stories`: generate story file.
-- `tests`: generate test file.
-- `overwrite`: overwrite existing files.
-- `pattern_limit`: how many existing components to include in AI context.
-- `skip_ai`: scaffold fallback only.
-
-Set repository secrets:
-
-- `OPENAI_API_KEY`
-- `FIGMA_API_TOKEN`
-
-### VS Code / Codex MCP setup (Figma)
+## Usage
 
-This repository includes a workspace MCP config at [.vscode/mcp.json](.vscode/mcp.json) for Figma.
+```tsx
+import {
+  Button,
+  Badge,
+  Avatar,
+  AvatarGroup,
+} from '@tanishraj/ui-kit';
+import '@tanishraj/ui-kit/globals.css';
 
-If you're using Codex in VS Code (GitHub Copilot Agent mode), ensure:
-
-- GitHub Copilot is enabled.
-- Agent mode is turned on.
-- Figma authentication completes in the MCP prompt flow.
+export function Demo() {
+  return <Button variant="primary">Get Started</Button>;
+}
+```
 
-The configured server is:
+### Theme styles
 
-- `https://mcp.figma.com/mcp`
+```ts
+import '@tanishraj/ui-kit/theme-primary.css';
+// Optional: import secondary theme instead
+// import '@tanishraj/ui-kit/theme-secondary.css';
+```
 
-If the server does not appear, restart VS Code and reopen Copilot Chat in Agent mode, then check MCP tools.
+## Component Library API
 
-### Cleanup temporary generated components
+- Components are exported from the package entrypoint in a single import surface.
+- Props follow consistent naming patterns:
+  - `size` (`sm`, `md`, `lg`)
+  - `variant` (status/visual intent)
+  - `shape` (`circle`, `square` where supported)
+  - `disabled`, `loading`, and interaction states where applicable
+- Component stories in `*.stories.tsx` are the source of truth for public usage patterns and prop combinations.
 
-Use cleanup after local smoke tests so temporary components are not committed:
+### Documentation and examples
 
-```sh
-npm run cleanup:component -- --prefix AutoGenerated --force
-```
+- Storybook: run locally with `npm run storybook`
+- Deploy guide and live docs: see repository CI/Pages setup
 
-Preview only (no delete):
+## Theming
 
-```sh
-npm run cleanup:component -- --prefix AutoGenerated --dry-run
-```
+- Component style variants are centralized with CVA + Tailwind utility patterns.
+- Theme tokens are built in and theme files are exported from package entry points:
+  - `theme-primary.css`
+  - `theme-secondary.css`
+  - `globals.css`
 
-You can also target a specific component:
+## Accessibility
 
-```sh
-npm run cleanup:component -- --name AutoGeneratedSmoke --force
-```
+This library is built with accessibility as a first-class goal:
 
-### Building the Library
+- Keyboard support follows platform conventions (`Tab`, `Enter`, `Space`, and focus-visible states).
+- ARIA attributes are applied where required.
+- Buttons, badges, and avatar controls are composed to preserve semantic meaning.
+- Disabled/loading states are explicitly represented in props and reflected visually and via attributes.
 
-Build the component library for distribution:
+## Development
 
-```sh
-npm run build
-```
- 
-> Note:
-> `vite build` may print non-blocking warnings:
-> - `Unknown at rule: @theme`
-> - `Unknown at rule: @utility`
->
-> These are expected with the current Tailwind CSS v4 setup and do not fail the build.
+### Prerequisites
 
-### Running Tests
+- Node.js 20+
+- Yarn lockfile (`yarn.lock`) used in CI installs
 
-Run unit tests with Vitest:
+### Common scripts
 
-```sh
-npm test
+```bash
+npm run build             # build distributable
+npm run lint              # lint source and config
+npm run type-check        # TypeScript checks
+npm run test              # run Vitest tests
+npm run release:check      # full release validation
+npm run test:coverage     # generate coverage report
+npm run storybook         # run Storybook locally
+npm run storybook:build   # build Storybook static site
+npm run clean             # remove generated artifacts
 ```
 
-To watch tests:
+### Local component generation (Codex)
 
-```sh
-npm run test:watch
-```
+This repo can scaffold components from Figma via Codex workflows used by the maintainer.
 
-### Linting & Formatting
+## Testing
 
-Lint and format code using ESLint and Prettier:
+- Run `npm run test` while developing.
+- Run coverage with `npm run test:coverage`.
+- CI publishes only when unit tests and type checks are green.
 
-```sh
-npm run lint
-npm run format
-```
+## CI / Automation
 
-### Cleaning the Project
+Current repository workflows:
 
-To remove generated files:
+- `eslint.yml`
+- `type-check.yml`
+- `unit-tests.yml`
+- `coverage-report.yml`
+- `codeql.yml`
+- `npm-publish.yml`
+- `deploy-storybook.yml`
 
-```sh
-npm run clean
-```
+Quality gates include linting, type checking, unit tests, and coverage checks.
 
-## Folder Structure
+## Publishing
 
-```
-├── src/                # Component source code
-│   ├── components/     # React components
-│   ├── hooks/         # Custom hooks (if any)
-│   ├── utils/         # Utility functions
-│   ├── index.ts       # Library entry point
-├── .storybook/         # Storybook configuration
-├── tests/             # Unit tests
-├── dist/              # Compiled library output
-├── package.json       # Project metadata and scripts
-└── README.md          # Documentation
-```
+### Automated publish (recommended)
 
-## Publishing / Deployment to NPM
+- Publish is handled through GitHub Actions.
+- Workflow validates checks before `npm publish`.
+- Scope is controlled by repository secrets and workflow rules.
 
-This project ships with an automated GitHub Actions publish pipeline at:
+### Required secret
 
-- [`.github/workflows/npm-publish.yml`](.github/workflows/npm-publish.yml)
-- [release.md](release.md)
+- `NPM_TOKEN`
 
-The workflow runs:
+## Release Process
 
-1. `npm run lint`
-2. `npm run type-check`
-3. `npm run test -- --run`
-4. `npm run build`
-5. `npm publish` with the correct dist-tag
+A dedicated release guide is available:
 
-### Required setup
+- [`release.md`](release.md)
 
-Add this repository secret in GitHub:
+Quick release flow:
 
-- `NPM_TOKEN` (npm automation token with publish permissions)
+1. bump version (`npm version patch|minor|major`)
+2. create release tag (for example: `v1.2.0`)
+3. CI validates + publishes
 
-### Deployment flow (recommended)
+## Repository Structure
 
-1. Update version locally:
-
-```sh
-npm version patch   # or minor / major
+```text
+src/
+  components/      # React component implementations
+  themes/          # theme entry files
+  utils/           # shared helpers and class utilities
+.storybook/        # Storybook config
+.github/workflows/ # CI and release automation
 ```
 
-2. Push commit and tag:
+## Components
 
-```sh
-git push
-git push --tags
-```
+| Component | Location | Storybook | Status |
+| --- | --- | --- | --- |
+| Alert | `src/components/Alert` | [Alert](https://tanishraj.github.io/ui-kit/?path=/story/components-alert--default) | Stable |
+| Badge | `src/components/Badge` | [Badge](https://tanishraj.github.io/ui-kit/?path=/story/components-badge--playground) | Stable |
+| Avatar | `src/components/Avatar` | [Avatar](https://tanishraj.github.io/ui-kit/?path=/story/components-avatar--playground) | Stable |
+| AvatarGroup | `src/components/AvatarGroup` | [AvatarGroup](https://tanishraj.github.io/ui-kit/?path=/story/components-avatargroup--default) | Stable |
+| Button | `src/components/Button` | [Button](https://tanishraj.github.io/ui-kit/?path=/story/components-button--playground) | Stable |
+| ButtonGroup | `src/components/ButtonGroup` | [ButtonGroup](https://tanishraj.github.io/ui-kit/?path=/story/components-buttongroup--playground) | Stable |
+| OrganizationChart | `src/components/OrganizationChart` | [OrganizationChart](https://tanishraj.github.io/ui-kit/?path=/story/components-organizationchart--playground) | Stable |
 
-3. GitHub Actions triggers on `v*` tags and publishes automatically.
+## Versioning and Changelog
 
-### Manual deployment
+- This package follows [Semantic Versioning (SemVer)](https://semver.org/).
+- Version updates use `npm version patch|minor|major`.
+- Pre-release versions are supported and published with the `next` tag when release is marked as prerelease.
+- Breaking changes are documented and shipped as a new major version.
+- Changes must be recorded in [`CHANGELOG.md`](CHANGELOG.md).
 
-From the Actions tab, run the **Publish to npm** workflow manually.
+## Changelog
 
-- Optionally pass `distTag` (`latest`, `next`, `beta`, `canary`, etc.) for manual run.
-- Prerelease tags (like `v1.2.3-beta.0`) auto-publish with `next` by default.
+- Maintained using Keep a Changelog structure: `Unreleased`, `Added`, `Changed`, `Fixed`.
+- Update changelog before tagging and include impact, scope, and migration notes when needed.
+- Keep the latest released version at top below `Unreleased`.
 
-### Optional local publish (bypasses CI)
+## Contributing
 
-For quick local validation:
+Contributions should include:
 
-```sh
-npm run build
-npm view @tanishraj/ui-kit version
-```
+- component changes with matching story updates
+- tests for new/changed behavior
+- lint-safe and type-safe implementation
 
-Use this only when you already handle release checks outside GitHub Actions.
+Please keep API changes minimal and backward-compatible unless part of an intentional major version.
 
 ## License
 
-This project is licensed under the MIT License.
+MIT © Tanishraj

package/dist/.storybook/StorybookThemeProvider.d.ts

@@ -1,6 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface IStorybookThemeProviderProps {
-    children: ReactNode;
-}
-export declare const StorybookThemeProvider: FC<IStorybookThemeProviderProps>;
-export {};

package/dist/.storybook/main.d.ts

@@ -1,3 +0,0 @@
-import { StorybookConfig } from '@storybook/react-vite';
-declare const config: StorybookConfig;
-export default config;

package/dist/.storybook/preview.d.ts

@@ -1,3 +0,0 @@
-import { Preview } from '@storybook/react-vite';
-declare const preview: Preview;
-export default preview;

package/dist/eslint.config.d.mts

@@ -1,2 +0,0 @@
-export default eslintConfig;
-declare const eslintConfig: import("eslint").Linter.Config[];

package/dist/src/components/Alert/Alert.d.ts

@@ -1,11 +0,0 @@
-import { FC, ReactNode, SVGProps } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { RemoveNull } from '../../utils';
-import { alertWrapperStyles } from './Alert.styles';
-export interface AlertProps extends RemoveNull<VariantProps<typeof alertWrapperStyles>> {
-    title?: string;
-    icon?: FC<SVGProps<SVGSVGElement>>;
-    children?: ReactNode;
-    onClose?: () => void;
-}
-export declare const Alert: FC<AlertProps>;

package/dist/src/components/Alert/Alert.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { AlertProps } from './Alert';
-declare const meta: Meta<AlertProps>;
-export default meta;
-type Story = StoryObj<AlertProps>;
-export declare const Default: Story;
-export declare const AlertSize: Story;
-export declare const AlertVariant: Story;
-export declare const AlertApperance: Story;
-export declare const AlertFilledInverted: Story;

package/dist/src/components/Alert/Alert.styles.d.ts

@@ -1,35 +0,0 @@
-export declare const alertWrapperStyles: (props?: ({
-    appearance?: "filled" | "outline" | "dashed" | null | undefined;
-    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    inverted?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const alertContentWrapperStyles: (props?: ({
-    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    appearance?: "filled" | "outline" | "dashed" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const alertTitleStyles: (props?: ({
-    appearance?: "filled" | "outline" | "dashed" | null | undefined;
-    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    inverted?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const alertDescriptionStyles: (props?: ({
-    appearance?: "filled" | "outline" | "dashed" | null | undefined;
-    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    inverted?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const alertIconStyles: (props?: ({
-    appearance?: "filled" | "outline" | "dashed" | null | undefined;
-    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    inverted?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const alertCloseButtonStyles: (props?: ({
-    appearance?: "filled" | "outline" | "dashed" | null | undefined;
-    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    inverted?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/components/Alert/Alert.test.d.ts

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

package/dist/src/components/Alert/index.d.ts

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

package/dist/src/components/Alert/types.d.ts

@@ -1,6 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { RemoveNull } from '../../utils';
-import { alertWrapperStyles } from './Alert.styles';
-export type AlertVariants = RemoveNull<VariantProps<typeof alertWrapperStyles>>['variant'];
-export type AlertAppearances = RemoveNull<VariantProps<typeof alertWrapperStyles>>['appearance'];
-export type AlertSizes = RemoveNull<VariantProps<typeof alertWrapperStyles>>['size'];

package/dist/src/components/Avatar/Avatar.d.ts

@@ -1,17 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { avatarContainerStyles } from './Avatar.styles';
-import { AvatarIcon, AvatarImage, AvatarSizes, AvatarShapes, AvatarVariants, AvatarStatus, AvatarStatusPosition } from './types';
-export interface AvatarProps extends HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof avatarContainerStyles>, 'stroke'> {
-    icon?: AvatarIcon;
-    img?: AvatarImage;
-    initials?: string;
-    status?: AvatarStatus;
-    statusPosition?: AvatarStatusPosition;
-    size?: AvatarSizes;
-    shape?: AvatarShapes;
-    variant?: AvatarVariants;
-    inverted?: boolean;
-    stroke?: boolean;
-}
-export declare const Avatar: FC<AvatarProps>;

package/dist/src/components/Avatar/Avatar.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { AvatarProps } from './Avatar';
-declare const meta: Meta<AvatarProps>;
-export default meta;
-type Story = StoryObj<AvatarProps>;
-export declare const Default: Story;
-export declare const Variants: Story;
-export declare const Sizes: Story;
-export declare const Shapes: Story;
-export declare const WithStroke: Story;
-export declare const Status: Story;

package/dist/src/components/Avatar/Avatar.styles.d.ts

@@ -1,23 +0,0 @@
-export declare const avatarContainerStyles: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
-    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    shape?: "circle" | "square" | null | undefined;
-    inverted?: boolean | null | undefined;
-    stroke?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const avatarImageStyles: (props?: ({
-    shape?: "circle" | "square" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const avatarTextStyles: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const avatarIconStyles: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const avatarStatusStyles: (props?: ({
-    status?: "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    shape?: "circle" | "square" | null | undefined;
-    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/components/Avatar/Avatar.test.d.ts

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

package/dist/src/components/Avatar/index.d.ts

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

package/dist/src/components/Avatar/types.d.ts

@@ -1,14 +0,0 @@
-import { FC, SVGProps } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { RemoveNull } from '../../utils';
-import { avatarContainerStyles, avatarStatusStyles } from './Avatar.styles';
-export type AvatarSizes = RemoveNull<VariantProps<typeof avatarContainerStyles>>['size'];
-export type AvatarShapes = RemoveNull<VariantProps<typeof avatarContainerStyles>>['shape'];
-export type AvatarVariants = RemoveNull<VariantProps<typeof avatarContainerStyles>>['variant'];
-export type AvatarStatus = RemoveNull<VariantProps<typeof avatarStatusStyles>['status']>;
-export type AvatarStatusPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-export type AvatarIcon = FC<SVGProps<SVGSVGElement>>;
-export type AvatarImage = {
-    src: string;
-    alt: string;
-};

package/dist/src/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { AvatarGroupProps } from './types';
-export declare const AvatarGroup: FC<AvatarGroupProps>;

package/dist/src/components/AvatarGroup/AvatarGroup.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { AvatarGroupProps } from './types';
-declare const meta: Meta<AvatarGroupProps>;
-export default meta;
-type Story = StoryObj<AvatarGroupProps>;
-export declare const Default: Story;
-export declare const Variants: Story;
-export declare const Sizes: Story;
-export declare const Shapes: Story;

package/dist/src/components/AvatarGroup/AvatarGroup.styles.d.ts

@@ -1,8 +0,0 @@
-export declare const avatarGroupStyles: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const avatarGroupCounterStyles: (props?: ({
-    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
-    shape?: "circle" | "square" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/components/AvatarGroup/AvatarGroup.test.d.ts

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

package/dist/src/components/AvatarGroup/index.d.ts

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

package/dist/src/components/AvatarGroup/types.d.ts

@@ -1,17 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { RemoveNull } from '../../utils';
-import { AvatarProps, AvatarVariants } from '../Avatar';
-import { avatarContainerStyles } from '../Avatar/Avatar.styles';
-export type AvatarGroupSizes = RemoveNull<VariantProps<typeof avatarContainerStyles>>['size'];
-export type AvatarGroupShapes = RemoveNull<VariantProps<typeof avatarContainerStyles>>['shape'];
-export type AvatarGroupItem = Omit<AvatarProps, 'size' | 'shape' | 'inverted' | 'stroke' | 'className'>;
-export interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    items?: AvatarGroupItem[];
-    size?: AvatarGroupSizes;
-    variant?: AvatarVariants;
-    shape?: AvatarGroupShapes;
-    max?: number;
-    inverted?: boolean;
-    stroke?: boolean;
-}

package/dist/src/components/Badge/Badge.d.ts

@@ -1,7 +0,0 @@
-import { FC, HTMLAttributes, SVGProps } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { badgeVariants } from './Badge.styles';
-export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof badgeVariants>, 'appearance'> {
-    icon?: FC<SVGProps<SVGSVGElement>>;
-}
-export declare const Badge: FC<BadgeProps>;