@allxsmith/bestax-bulma 5.3.0 → 5.4.2

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+declare const avatarColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "dark", "light", "white"];
+export type AvatarColor = (typeof avatarColors)[number];
+declare const avatarSizes: readonly ["16x16", "24x24", "32x32", "48x48", "64x64", "96x96", "128x128"];
+export type AvatarSize = (typeof avatarSizes)[number];
+export type AvatarShape = 'circle' | 'rounded' | 'square';
+export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<BulmaClassesProps, 'color'> {
+    className?: string;
+    src?: string;
+    alt?: string;
+    name?: string;
+    initials?: string;
+    icon?: React.ReactNode;
+    size?: AvatarSize | number;
+    shape?: AvatarShape;
+    color?: AvatarColor;
+    as?: React.ElementType;
+    href?: string;
+    target?: string;
+    rel?: string;
+    imageProps?: React.ImgHTMLAttributes<HTMLImageElement>;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/dist/types/components/Avatars.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+import { Avatar, AvatarProps } from './Avatar';
+export type AvatarsSpacing = 'sm' | 'md' | 'lg';
+export interface AvatarsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
+    className?: string;
+    max?: number;
+    size?: AvatarProps['size'];
+    shape?: AvatarProps['shape'];
+    spacing?: AvatarsSpacing | number;
+    spaced?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Avatars: React.FC<AvatarsProps> & {
+    Avatar: typeof Avatar;
+};
+export default Avatars;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+declare const badgeColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "dark", "light", "white"];
+export type BadgeColor = (typeof badgeColors)[number];
+export type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export type BadgeOverlap = 'circle' | 'square';
+export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'content'>, Omit<BulmaClassesProps, 'color'> {
+    className?: string;
+    badgeClassName?: string;
+    content?: React.ReactNode;
+    max?: number;
+    dot?: boolean;
+    showZero?: boolean;
+    color?: BadgeColor;
+    position?: BadgePosition;
+    overlap?: BadgeOverlap;
+    pulse?: boolean;
+    invisible?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/types/index.d.ts

@@ -1,5 +1,8 @@
 export * from './columns/Column';
 export * from './columns/Columns';
+export * from './components/Avatar';
+export * from './components/Avatars';
+export * from './components/Badge';
 export * from './components/Breadcrumb';
 export * from './components/Card';
 export * from './components/Dropdown';