@stokelp/ui 2.32.2 → 2.34.0

package/dist/components/avatar/index.d.ts

@@ -1,2 +1,2 @@
 export * as Avatar from './styled';
-export type { AvatarProps, AvatarContextProps, AvatarImageProps, AvatarFallbackProps } from './styled';
+export type { AvatarProps, AvatarGroupProps, AvatarContextProps, AvatarImageProps, AvatarFallbackProps } from './styled';

package/dist/components/avatar/styled.d.ts

@@ -1,18 +1,27 @@
-import { Avatar } from '@ark-ui/react';
-import { ComponentProps, ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
-import { ComponentVariants } from '../../utils/slots';
+import { Avatar, PolymorphicProps } from '@ark-ui/react';
+import { ComponentProps, ReactNode, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES, RefObject, RefAttributes } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/types';
-import { AvatarRecipe } from '@stokelp/styled-system/recipes';
+import { AvatarGroupVariantProps, AvatarRecipe } from '@stokelp/styled-system/recipes';
+import { ComponentVariants } from '../../utils/slots';
 
+declare const InnerGroup: StyledComponent<ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
+} & PolymorphicProps>, AvatarGroupVariantProps>;
+export declare const Group: ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
 export declare const Root: ComponentVariants<StyledComponent<ForwardRefExoticComponent<Avatar.RootProps & RefAttributes<HTMLDivElement>>, {}>, AvatarRecipe>;
 export declare const Image: StyledComponent<ForwardRefExoticComponent<Avatar.ImageProps & RefAttributes<HTMLImageElement>>, {}>;
 export declare const Fallback: StyledComponent<ForwardRefExoticComponent<Avatar.FallbackProps & RefAttributes<HTMLSpanElement>>, {}>;
 export declare const Context: (props: Avatar.ContextProps) => ReactNode;
 export interface AvatarProps extends ComponentProps<typeof Root> {
 }
+export interface AvatarGroupProps extends ComponentProps<typeof InnerGroup> {
+    overflowContent?: ((count: number) => ReactNode) | ReactNode;
+    max?: number;
+}
 export interface AvatarImageProps extends ComponentProps<typeof Image> {
 }
 export interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {
 }
 export interface AvatarContextProps extends ComponentProps<typeof Context> {
 }
+export {};