@spark-ui/components 10.0.13 → 10.1.1

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.1.1](https://github.com/leboncoin/spark-web/compare/v10.1.0...v10.1.1) (2025-04-08)
+
+### Bug Fixes
+
+- **components:** improved tabs trigger focus speed ([71a1ef7](https://github.com/leboncoin/spark-web/commit/71a1ef75efb87100ec9e301ecf0a5ba13a62d8e3))
+
+# [10.1.0](https://github.com/leboncoin/spark-web/compare/v10.0.13...v10.1.0) (2025-04-08)
+
+### Bug Fixes
+
+- **components:** avatar feedbacks after testing session ([4dcd7cb](https://github.com/leboncoin/spark-web/commit/4dcd7cb80b4285107877f7501794fd5dd41736c2))
+
+### Features
+
+- **components:** avatar component ([ef7c3e2](https://github.com/leboncoin/spark-web/commit/ef7c3e2ced314d11285ad83d4cf7228028e7f781))
+
 ## [10.0.13](https://github.com/leboncoin/spark-web/compare/v10.0.12...v10.0.13) (2025-04-03)
 
 **Note:** Version bump only for package @spark-ui/components

package/dist/avatar/index.d.mts

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+
+interface AvatarImageProps$1 extends React.ImgHTMLAttributes<HTMLImageElement> {
+    asChild?: boolean;
+}
+declare const AvatarImage: {
+    ({ className, asChild, src, ...props }: AvatarImageProps$1): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AvatarActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+    angle?: number;
+    ariaLabel: string;
+}
+declare const AvatarAction: {
+    ({ className, children, asChild, angle, ariaLabel, ...props }: AvatarActionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AvatarOnlineBadgeProps extends ComponentPropsWithoutRef<'div'> {
+    angle?: number;
+}
+declare const AvatarOnlineBadge: {
+    ({ angle, ...props }: AvatarOnlineBadgeProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+declare const AvatarUser: {
+    ({ asChild, children, className, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AvatarPlaceholderProps extends React.ImgHTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const AvatarPlaceholder: {
+    ({ className, children, ...props }: AvatarPlaceholderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AvatarProps extends react.HTMLAttributes<HTMLDivElement> {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    isOnline?: boolean;
+    onlineText?: string;
+    username: string;
+    asChild?: boolean;
+    design?: 'circle' | 'square';
+}
+
+interface AvatarComponent extends React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> {
+    Image: typeof AvatarImage;
+    Action: typeof AvatarAction;
+    OnlineBadge: typeof AvatarOnlineBadge;
+    User: typeof AvatarUser;
+    Placeholder: typeof AvatarPlaceholder;
+}
+declare const AvatarComponent: AvatarComponent;
+
+export { AvatarComponent as Avatar, AvatarComponent };

package/dist/avatar/index.d.ts

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+
+interface AvatarImageProps$1 extends React.ImgHTMLAttributes<HTMLImageElement> {
+    asChild?: boolean;
+}
+declare const AvatarImage: {
+    ({ className, asChild, src, ...props }: AvatarImageProps$1): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AvatarActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+    angle?: number;
+    ariaLabel: string;
+}
+declare const AvatarAction: {
+    ({ className, children, asChild, angle, ariaLabel, ...props }: AvatarActionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AvatarOnlineBadgeProps extends ComponentPropsWithoutRef<'div'> {
+    angle?: number;
+}
+declare const AvatarOnlineBadge: {
+    ({ angle, ...props }: AvatarOnlineBadgeProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+declare const AvatarUser: {
+    ({ asChild, children, className, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AvatarPlaceholderProps extends React.ImgHTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const AvatarPlaceholder: {
+    ({ className, children, ...props }: AvatarPlaceholderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AvatarProps extends react.HTMLAttributes<HTMLDivElement> {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    isOnline?: boolean;
+    onlineText?: string;
+    username: string;
+    asChild?: boolean;
+    design?: 'circle' | 'square';
+}
+
+interface AvatarComponent extends React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> {
+    Image: typeof AvatarImage;
+    Action: typeof AvatarAction;
+    OnlineBadge: typeof AvatarOnlineBadge;
+    User: typeof AvatarUser;
+    Placeholder: typeof AvatarPlaceholder;
+}
+declare const AvatarComponent: AvatarComponent;
+
+export { AvatarComponent as Avatar, AvatarComponent };