@aurora-ds/components 0.25.1 → 1.1.0

package/package.json

@@ -1,77 +1,92 @@
-{
-  "name": "@aurora-ds/components",
-  "version": "0.25.1",
-  "type": "module",
-  "description": "Aurora DS - React Components Library",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "rollup -c",
-    "start": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "lint": "eslint src --ext .ts,.tsx",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "prepublishOnly": "yarn build"
-  },
-  "peerDependencies": {
-    "@aurora-ds/theme": "^3.0.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "devDependencies": {
-    "@aurora-ds/theme": "^3.2.9",
-    "@babel/core": "^7.23.0",
-    "@babel/preset-env": "^7.23.0",
-    "@babel/preset-react": "^7.23.0",
-    "@babel/preset-typescript": "^7.23.0",
-    "@eslint/js": "^9.39.2",
-    "@rollup/plugin-alias": "^6.0.0",
-    "@rollup/plugin-commonjs": "^25.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.0",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/addon-links": "^10.1.10",
-    "@storybook/blocks": "^9.0.0-alpha.17",
-    "@storybook/react": "^10.1.10",
-    "@storybook/react-vite": "^10.1.10",
-    "@types/node": "^25.0.2",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
-    "@vitejs/plugin-react": "^5.1.2",
-    "eslint": "^9.0.0",
-    "eslint-import-resolver-typescript": "^4.4.4",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.33.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "10.1.10",
-    "postcss": "^8.5.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^4.0.0",
-    "rollup-plugin-dts": "^6.0.0",
-    "rollup-plugin-postcss": "^4.0.0",
-    "storybook": "^10.1.10",
-    "typescript": "^5.2.0",
-    "vite": "^5.0.0",
-    "vitest": "^2.0.0"
-  },
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": ""
-  },
-  "keywords": [
-    "react",
-    "components",
-    "design-system",
-    "aurora"
-  ]
-}
+{
+  "name": "@aurora-ds/components",
+  "version": "1.1.0",
+  "type": "module",
+  "description": "Aurora DS - React Components Library",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "start": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint src --ext .ts,.tsx",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest --passWithNoTests",
+    "prepublishOnly": "yarn build"
+  },
+  "peerDependencies": {
+    "@aurora-ds/theme": "^4.0.1",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@aurora-ds/theme": "^4.0.1",
+    "@babel/core": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@eslint/js": "^10.0.1",
+    "@rollup/plugin-alias": "^6.0.0",
+    "@rollup/plugin-commonjs": "^29.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@storybook/addon-a11y": "^10.4.1",
+    "@storybook/addon-docs": "^10.4.1",
+    "@storybook/addon-links": "^10.4.1",
+    "@storybook/addon-vitest": "^10.4.1",
+    "@storybook/react": "^10.4.1",
+    "@storybook/react-vite": "^10.4.1",
+    "@svgr/rollup": "^8.1.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.60.0",
+    "@typescript-eslint/parser": "^8.60.0",
+    "@vitejs/plugin-react": "^6.0.2",
+    "@vitest/browser-playwright": "4.1.7",
+    "@vitest/coverage-v8": "4.1.7",
+    "eslint": "^10.4.1",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-import-x": "^4.16.2",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-storybook": "^10.4.1",
+    "eslint-plugin-unused-imports": "^4.4.1",
+    "globals": "^17.6.0",
+    "jsdom": "^29.1.1",
+    "playwright": "^1.60.0",
+    "postcss": "^8.5.15",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "rollup": "^4.60.4",
+    "rollup-plugin-dts": "^6.4.1",
+    "rollup-plugin-postcss": "^4.0.0",
+    "storybook": "^10.4.1",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.14",
+    "vite-plugin-svgr": "^5.2.0",
+    "vitest": "^4.1.7"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "keywords": [
+    "react",
+    "components",
+    "design-system",
+    "aurora"
+  ],
+  "dependencies": {}
+}

package/dist/cjs/components/actions/button/Button.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { ButtonProps } from '@components/actions/button/Button.props.ts';
-/**
- * Button component
- *
- * **Variants:**
- * - `contained`: Solid background button (default)
- * - `outlined`: Border only button
- * - `text`: Text only button without background
- * - `destructive`: Danger/delete action button
- *
- * **Accessibility:**
- * - Use `ariaLabel` when the button has no visible text or the label is unclear
- * - Use `ariaPressed` for toggle buttons to indicate their state
- * - Use `ariaBusy` when the button triggers an async action
- * - Use `ariaExpanded` when the button controls a collapsible section
- * - Use `ariaControls` to reference the controlled element
- */
-declare const Button: FC<ButtonProps>;
-export default Button;

package/dist/cjs/components/actions/button/Button.props.d.ts

@@ -1,60 +0,0 @@
-import { ReactNode, MouseEvent } from 'react';
-import { ThemeContract } from '@/interfaces';
-import { ButtonVariants, IconButtonSizes } from '@interfaces/button.types.ts';
-export type ButtonProps = {
-    /** Button text label */
-    label: string;
-    /** Optional icon to display before label */
-    startIcon?: ReactNode;
-    /** Optional icon to display after label */
-    endIcon?: ReactNode;
-    /** Click handler */
-    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-    /** Visual variant of the button */
-    variant?: ButtonVariants;
-    /** Button type attribute */
-    type?: 'button' | 'submit';
-    /** Active/pressed state */
-    active?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Custom text color (overrides variant color) */
-    textColor?: keyof ThemeContract['colors'];
-    /** Custom backgroundColor (overrides variant backgroundColor) */
-    backgroundColor?: keyof ThemeContract['colors'];
-    /** Custom hover backgroundColor (overrides variant hover backgroundColor) */
-    hoverBackgroundColor?: keyof ThemeContract['colors'];
-    /** Custom active backgroundColor (overrides variant active backgroundColor) */
-    activeBackgroundColor?: keyof ThemeContract['colors'];
-    /** Size of the button */
-    size?: IconButtonSizes;
-    /** Accessibility label for screen readers */
-    ariaLabel?: string;
-    /** ID of element that labels this button */
-    ariaLabelledBy?: string;
-    /** ID of element that describes this button */
-    ariaDescribedBy?: string;
-    /** ARIA role */
-    role?: string;
-    /** Tab index for keyboard navigation */
-    tabIndex?: number;
-    /** Whether the button is in a pressed/active state (for toggle buttons) */
-    ariaPressed?: boolean;
-    /** Whether the button is in a loading/busy state */
-    ariaBusy?: boolean;
-    /** Whether the button controls an expandable section */
-    ariaExpanded?: boolean;
-    /** Whether the button has a popup (menu, dialog, etc.) */
-    ariaHasPopup?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
-    /** ID of the element controlled by this button */
-    ariaControls?: string;
-};
-export type ButtonStyleParams = {
-    variant?: ButtonVariants;
-    active?: boolean;
-    textColor?: keyof ThemeContract['colors'];
-    backgroundColor?: keyof ThemeContract['colors'];
-    hoverBackgroundColor?: keyof ThemeContract['colors'];
-    activeBackgroundColor?: keyof ThemeContract['colors'];
-    size?: IconButtonSizes;
-};

package/dist/cjs/components/actions/button/Button.styles.d.ts

@@ -1,18 +0,0 @@
-import { ButtonStyleParams } from '@components/actions/button/Button.props.ts';
-/**
- * Button styles using createStyles from @aurora-ds/theme
- *
- * Override via className with createStyles:
- * ```tsx
- * const myStyles = createStyles((theme) => ({
- *   custom: {
- *     backgroundColor: theme.colors.accent,
- *     ':hover': { backgroundColor: theme.colors.accentHover }
- *   }
- * }))
- * <Button className={myStyles.custom} label="Custom" />
- * ```
- */
-export declare const BUTTON_STYLES: {
-    root: (args_0: ButtonStyleParams) => string;
-};

package/dist/cjs/components/actions/button/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Button } from '@components/actions/button/Button.tsx';
-export type { ButtonProps } from '@components/actions/button/Button.props.ts';

package/dist/cjs/components/actions/button/utils/getButtonSizeStyles.utils.d.ts

@@ -1,12 +0,0 @@
-import { ThemeContract } from '@/interfaces';
-import { IconButtonSizes } from '@interfaces/button.types.ts';
-type ButtonSizeConfig = {
-    height: number;
-    padding: {
-        vertical: keyof ThemeContract['spacing'];
-        horizontal: keyof ThemeContract['spacing'];
-    };
-    fontSize: keyof ThemeContract['fontSize'];
-};
-export declare const getButtonSizeStyles: () => Record<IconButtonSizes, ButtonSizeConfig>;
-export {};

package/dist/cjs/components/actions/button/utils/getButtonVariantStyles.utils.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@aurora-ds/theme';
-import { ButtonVariants, ButtonVariantStyle } from '@interfaces/button.types.ts';
-/**
- * Get button variant styles based on the theme
- * @param theme
- */
-export declare const getButtonVariantStyles: (theme: Theme) => Record<ButtonVariants, ButtonVariantStyle>;

package/dist/cjs/components/actions/button-toggle/ButtonToggle/ButtonToggle.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { ButtonToggleProps } from '@components/actions/button-toggle/ButtonToggle/ButtonToggle.props';
-/**
- * ButtonToggle component
- *
- * A toggle button similar to IconButton but with active state.
- * Uses only the 'text' variant style.
- * Designed to be used within ButtonToggleGroup.
- *
- * **Colors:**
- * - Active: primary (default) - customizable via activeTextColor
- * - Inactive: textSecondary (default) - customizable via inactiveTextColor
- */
-declare const ButtonToggle: FC<ButtonToggleProps>;
-export default ButtonToggle;

package/dist/cjs/components/actions/button-toggle/ButtonToggle/ButtonToggle.props.d.ts

@@ -1,48 +0,0 @@
-import { MouseEvent, ReactNode } from 'react';
-import { IconButtonSizes, ThemeContract } from '@/interfaces';
-export type ButtonToggleProps = {
-    /** Value to identify this toggle button */
-    value: string;
-    /** Button content (icon or text) */
-    children: ReactNode;
-    /** Click handler */
-    onClick?: (e: MouseEvent<HTMLButtonElement>, value: string) => void;
-    /** Active/pressed state */
-    active?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Custom text/icon color when active (default: primary) */
-    activeTextColor?: keyof ThemeContract['colors'];
-    /** Custom text/icon color when inactive (default: textSecondary) */
-    inactiveTextColor?: keyof ThemeContract['colors'];
-    /** Custom text/icon color (overrides activeTextColor and inactiveTextColor) */
-    textColor?: keyof ThemeContract['colors'];
-    /** Custom backgroundColor (overrides variant backgroundColor) */
-    backgroundColor?: keyof ThemeContract['colors'];
-    /** Custom hover backgroundColor (overrides variant hover backgroundColor) */
-    hoverBackgroundColor?: keyof ThemeContract['colors'];
-    /** Custom active backgroundColor (overrides variant active backgroundColor) */
-    activeBackgroundColor?: keyof ThemeContract['colors'];
-    /** Size of the button */
-    size?: IconButtonSizes;
-    /** Accessibility label for screen readers */
-    ariaLabel?: string;
-    /** ID of element that labels this button */
-    ariaLabelledBy?: string;
-    /** ID of element that describes this button */
-    ariaDescribedBy?: string;
-    /** ARIA role */
-    role?: string;
-    /** Tab index for keyboard navigation */
-    tabIndex?: number;
-};
-export type ButtonToggleStyleParams = {
-    active?: boolean;
-    size?: IconButtonSizes;
-    activeTextColor?: keyof ThemeContract['colors'];
-    inactiveTextColor?: keyof ThemeContract['colors'];
-    textColor?: keyof ThemeContract['colors'];
-    backgroundColor?: keyof ThemeContract['colors'];
-    hoverBackgroundColor?: keyof ThemeContract['colors'];
-    activeBackgroundColor?: keyof ThemeContract['colors'];
-};

package/dist/cjs/components/actions/button-toggle/ButtonToggle/ButtonToggle.styles.d.ts

@@ -1,4 +0,0 @@
-import { ButtonToggleStyleParams } from '@components/actions/button-toggle/ButtonToggle/ButtonToggle.props';
-export declare const BUTTON_TOGGLE_STYLES: {
-    root: (args_0: ButtonToggleStyleParams) => string;
-};

package/dist/cjs/components/actions/button-toggle/ButtonToggle/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ButtonToggle } from './ButtonToggle';
-export type { ButtonToggleProps } from './ButtonToggle.props';

package/dist/cjs/components/actions/button-toggle/ButtonToggleGroup/ButtonToggleGroup.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-import { ButtonToggleGroupProps } from '@components/actions/button-toggle/ButtonToggleGroup/ButtonToggleGroup.props';
-/**
- * ButtonToggleGroup component
- *
- * Groups multiple ButtonToggle components together in a row without gaps.
- * Manages exclusive selection (only one button can be active at a time).
- *
- * **Default Colors:**
- * - Active buttons: primary
- * - Inactive buttons: textSecondary
- */
-declare const ButtonToggleGroup: FC<ButtonToggleGroupProps>;
-export default ButtonToggleGroup;

package/dist/cjs/components/actions/button-toggle/ButtonToggleGroup/ButtonToggleGroup.props.d.ts

@@ -1,29 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { IconButtonSizes, ThemeContract } from '@/interfaces';
-import { ButtonToggleProps } from '@components/actions/button-toggle/ButtonToggle/ButtonToggle.props';
-export type ButtonToggleGroupProps = {
-    /** Current selected value */
-    value?: string | null;
-    /** Change handler for value selection */
-    onChange?: (value: string | null) => void;
-    /** Children ButtonToggle components */
-    children: ReactNode;
-    /** If true, only one button can be active at a time */
-    exclusive?: boolean;
-    /** If true, at least one button must always be active (clicking the active button won't deselect it) */
-    required?: boolean;
-    /** Size of all buttons in the group */
-    size?: IconButtonSizes;
-    /** Custom text/icon color when active (default: primary) - applied to all children */
-    activeTextColor?: keyof ThemeContract['colors'];
-    /** Custom text/icon color when inactive (default: textSecondary) - applied to all children */
-    inactiveTextColor?: keyof ThemeContract['colors'];
-    /** Accessibility label for the group */
-    ariaLabel?: string;
-    /** ARIA role for the group */
-    role?: string;
-};
-export type ButtonToggleGroupStyleParams = {
-    size?: IconButtonSizes;
-};
-export type ButtonToggleChild = ReactElement<ButtonToggleProps>;

package/dist/cjs/components/actions/button-toggle/ButtonToggleGroup/ButtonToggleGroup.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const BUTTON_TOGGLE_GROUP_STYLES: {
-    root: () => string;
-};

package/dist/cjs/components/actions/button-toggle/ButtonToggleGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ButtonToggleGroup } from './ButtonToggleGroup';
-export type { ButtonToggleGroupProps } from './ButtonToggleGroup.props';

package/dist/cjs/components/actions/button-toggle/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ButtonToggle';
-export * from './ButtonToggleGroup';

package/dist/cjs/components/actions/icon-button/IconButton.d.ts

@@ -1,17 +0,0 @@
-import { FC } from 'react';
-import { IconButtonProps } from '@components/actions/icon-button/IconButton.props.ts';
-/**
- * IconButton component
- *
- * A button that displays only an icon without text.
- *
- * **⚠️ Accessibility:** Always provide an `ariaLabel` for icon-only buttons
- * so screen readers can describe the action.
- *
- * @example
- * ```tsx
- * <IconButton icon={<CloseIcon />} ariaLabel="Close dialog" onClick={onClose} />
- * ```
- */
-declare const IconButton: FC<IconButtonProps>;
-export default IconButton;

package/dist/cjs/components/actions/icon-button/IconButton.props.d.ts

@@ -1,55 +0,0 @@
-import { MouseEvent, ReactNode } from 'react';
-import { IconButtonSizes, IconButtonVariants, ThemeContract } from '@/interfaces';
-export type IconButtonProps = {
-    /** IconButton icon */
-    icon?: ReactNode;
-    /** Click handler */
-    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-    /** Visual variant of the button */
-    variant?: IconButtonVariants;
-    /** Button type attribute */
-    type?: 'button' | 'submit';
-    /** Active/pressed state */
-    active?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Custom text/icon color (overrides variant color) */
-    textColor?: keyof ThemeContract['colors'];
-    /** Custom backgroundColor (overrides variant backgroundColor) */
-    backgroundColor?: keyof ThemeContract['colors'];
-    /** Custom hover backgroundColor (overrides variant hover backgroundColor) */
-    hoverBackgroundColor?: keyof ThemeContract['colors'];
-    /** Custom active backgroundColor (overrides variant active backgroundColor) */
-    activeBackgroundColor?: keyof ThemeContract['colors'];
-    /** Size of the icon button */
-    size?: IconButtonSizes;
-    /** Accessibility label for screen readers (strongly recommended for icon-only buttons) */
-    ariaLabel?: string;
-    /** ID of element that labels this button */
-    ariaLabelledBy?: string;
-    /** ID of element that describes this button */
-    ariaDescribedBy?: string;
-    /** ARIA role */
-    role?: string;
-    /** Tab index for keyboard navigation */
-    tabIndex?: number;
-    /** Whether the button is in a pressed/active state (for toggle buttons) */
-    ariaPressed?: boolean;
-    /** Whether the button is in a loading/busy state */
-    ariaBusy?: boolean;
-    /** Whether the button controls an expandable section */
-    ariaExpanded?: boolean;
-    /** Whether the button has a popup (menu, dialog, etc.) */
-    ariaHasPopup?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
-    /** ID of the element controlled by this button */
-    ariaControls?: string;
-};
-export type IconButtonStyleParams = {
-    variant?: IconButtonVariants;
-    active?: boolean;
-    size?: IconButtonSizes;
-    textColor?: keyof ThemeContract['colors'];
-    backgroundColor?: keyof ThemeContract['colors'];
-    hoverBackgroundColor?: keyof ThemeContract['colors'];
-    activeBackgroundColor?: keyof ThemeContract['colors'];
-};

package/dist/cjs/components/actions/icon-button/IconButton.styles.d.ts

@@ -1,4 +0,0 @@
-import { IconButtonStyleParams } from '@components/actions/icon-button/IconButton.props.ts';
-export declare const ICON_BUTTON_STYLES: {
-    root: (args_0: IconButtonStyleParams) => string;
-};

package/dist/cjs/components/actions/icon-button/index.d.ts

@@ -1,2 +0,0 @@
-export { default as IconButton } from '@components/actions/icon-button/IconButton.tsx';
-export type { IconButtonProps } from '@components/actions/icon-button/IconButton.props.ts';

package/dist/cjs/components/actions/icon-button/utils/getIconButtonSizeStyles.utils.d.ts

@@ -1,9 +0,0 @@
-import { ThemeContract } from '@/interfaces';
-import { IconButtonSizes } from '@interfaces/button.types.ts';
-type IconButtonSizeConfig = {
-    size: number;
-    padding: keyof ThemeContract['spacing'];
-    iconSize: keyof ThemeContract['fontSize'];
-};
-export declare const getIconButtonSizeStyles: () => Record<IconButtonSizes, IconButtonSizeConfig>;
-export {};

package/dist/cjs/components/data-display/avatar/Avatar.d.ts

@@ -1,24 +0,0 @@
-import { FC } from 'react';
-import { AvatarProps } from '@components/data-display/avatar/Avatar.props.ts';
-/**
- * Avatar component
- *
- * Displays a user's avatar with an optional image or fallback initials.
- *
- * **Accessibility:**
- * - When `onClick` is provided, the avatar becomes a focusable button
- *   with keyboard support (Enter/Space activates the click)
- * - Provide `label` or `ariaLabel` for screen readers
- * - For decorative avatars, both can be omitted
- *
- * @example
- * ```tsx
- * // Static avatar with image
- * <Avatar image="/user.jpg" label="Jane Doe" />
- *
- * // Interactive avatar (clickable)
- * <Avatar label="JD" onClick={() => openProfile()} ariaLabel="Open Jane's profile" />
- * ```
- */
-declare const Avatar: FC<AvatarProps>;
-export default Avatar;

package/dist/cjs/components/data-display/avatar/Avatar.props.d.ts

@@ -1,39 +0,0 @@
-import { KeyboardEvent, MouseEvent } from 'react';
-import { AvatarSize } from '@interfaces/avatar.types.ts';
-export type AvatarProps = {
-    /** Image source URL */
-    image?: string;
-    /**
-     * Fallback text to display when no image (initials, name, etc.)
-     * Also used as the image `alt` text for accessibility.
-     */
-    label?: string;
-    /**
-     * Click handler. When provided, the avatar becomes interactive
-     * with `role="button"` and keyboard support (Enter/Space).
-     */
-    onClick?: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
-    /** Size of the avatar */
-    size?: AvatarSize;
-    /** Text color for the label */
-    color?: string;
-    /** Border color */
-    borderColor?: string;
-    /** Background color */
-    backgroundColor?: string;
-    /**
-     * Accessibility label for screen readers.
-     * Defaults to `label` prop when not provided.
-     */
-    ariaLabel?: string;
-    /** Tab index for keyboard navigation (auto-set when onClick is provided) */
-    tabIndex?: number;
-};
-export type AvatarStyleParams = {
-    hasImage?: boolean;
-    size?: AvatarSize;
-    color?: string;
-    borderColor?: string;
-    backgroundColor?: string;
-    clickable?: boolean;
-};

package/dist/cjs/components/data-display/avatar/Avatar.styles.d.ts

@@ -1,10 +0,0 @@
-import { AvatarStyleParams } from '@components/data-display/avatar/Avatar.props.ts';
-/**
- * Avatar styles using createStyles from @aurora-ds/theme
- */
-export declare const AVATAR_STYLES: {
-    root: (args_0: AvatarStyleParams & {
-        clickable?: boolean;
-    }) => string;
-    image: string;
-};

package/dist/cjs/components/data-display/avatar/AvatarGroup.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { AvatarGroupProps } from '@components/data-display/avatar/Avatar.props.ts';
-/**
- * AvatarGroup component
- *
- * Groups multiple avatars with optional compact overlapping and limit.
- */
-declare const AvatarGroup: FC<AvatarGroupProps>;
-export default AvatarGroup;

package/dist/cjs/components/data-display/avatar/avatar-group/AvatarGroup.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { AvatarGroupProps } from '@/components';
-/**
- * AvatarGroup component
- *
- * Groups multiple avatars with overlapping display and optional limit.
- */
-declare const AvatarGroup: FC<AvatarGroupProps>;
-export default AvatarGroup;

package/dist/cjs/components/data-display/avatar/avatar-group/AvatarGroup.props.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-import { AvatarSize } from '@/interfaces';
-export type AvatarGroupProps = {
-    /** Avatar children */
-    children: ReactNode;
-    /** Maximum number of avatars to display */
-    limit?: number;
-    /** Size of the avatars in the group */
-    size?: AvatarSize;
-};