@banzamel/mineralui 0.7.0 → 0.9.0

package/dist/index.d.ts

@@ -89,7 +89,6 @@ export { AppShell }
 export { AppShell as MAppShell }
 
 declare interface AppShellProps extends HTMLAttributes<HTMLDivElement> {
-    sidebar?: ReactNode;
     children?: ReactNode;
 }
 export { AppShellProps }
@@ -170,7 +169,7 @@ declare type AvatarSize = 'sm' | 'md' | 'lg' | number;
 export { AvatarSize }
 export { AvatarSize as MAvatarSize }
 
-declare function Badge({ color, size, fcolor, className, children, ...rest }: BadgeProps): JSX.Element;
+declare function Badge({ color, size, fcolor, pulsing, className, children, ...rest }: BadgeProps): JSX.Element;
 export { Badge }
 export { Badge as MBadge }
 
@@ -178,6 +177,7 @@ declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     color?: MineralColor;
     size?: MineralSize;
     fcolor?: MineralFontColor;
+    pulsing?: boolean;
     children?: ReactNode;
 }
 export { BadgeProps }
@@ -229,6 +229,7 @@ declare interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
     startIcon?: ReactNode;
     endIcon?: ReactNode;
     clickEffect?: MineralClickEffect;
+    pulsing?: boolean;
     rippleColor?: string;
     className?: string;
     style?: CSSProperties;
@@ -439,10 +440,100 @@ declare function CardBody({ className, children, ...rest }: CardSectionProps): J
 export { CardBody }
 export { CardBody as MCardBody }
 
+declare function CardBusiness({ variant, name, title, avatar, address, contact, socials, online, lastActive, qrCode, qrValue, color, className, ...rest }: CardBusinessProps): JSX.Element;
+export { CardBusiness }
+export { CardBusiness as MCardBusiness }
+
+declare interface CardBusinessAddress {
+    street?: string;
+    city?: string;
+    zip?: string;
+    country?: string;
+}
+export { CardBusinessAddress }
+export { CardBusinessAddress as MCardBusinessAddress }
+
+declare interface CardBusinessContact {
+    email?: string;
+    phone?: string;
+    website?: string;
+}
+export { CardBusinessContact }
+export { CardBusinessContact as MCardBusinessContact }
+
+declare interface CardBusinessProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    variant?: CardBusinessVariant;
+    name: string;
+    title?: string;
+    avatar?: string;
+    address?: CardBusinessAddress;
+    contact?: CardBusinessContact;
+    socials?: CardBusinessSocial[];
+    online?: boolean;
+    lastActive?: string;
+    qrCode?: string;
+    qrValue?: string;
+    color?: MineralColor;
+}
+export { CardBusinessProps }
+export { CardBusinessProps as MCardBusinessProps }
+
+declare interface CardBusinessSocial {
+    platform: string;
+    url: string;
+    icon?: ReactNode;
+}
+export { CardBusinessSocial }
+export { CardBusinessSocial as MCardBusinessSocial }
+
+declare type CardBusinessVariant = 'user' | 'company';
+export { CardBusinessVariant }
+export { CardBusinessVariant as MCardBusinessVariant }
+
 declare function CardFooter({ className, children, ...rest }: CardSectionProps): JSX.Element;
 export { CardFooter }
 export { CardFooter as MCardFooter }
 
+declare function CardGrid<T extends Record<string, unknown>>({ items, renderCard, searchable, searchKeys, searchPlaceholder, filterable, filterKeys, sortable, sortKeys, defaultSort, columns, gap, emptyMessage, className, style, ...rest }: CardGridProps<T>): JSX.Element;
+export { CardGrid }
+export { CardGrid as MCardGrid }
+
+declare interface CardGridFilterKey<T> {
+    key: keyof T & string;
+    label: string;
+    options?: string[];
+}
+export { CardGridFilterKey }
+export { CardGridFilterKey as MCardGridFilterKey }
+
+declare interface CardGridProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    items: T[];
+    renderCard: (item: T, index: number) => ReactNode;
+    searchable?: boolean;
+    searchKeys?: (keyof T & string)[];
+    searchPlaceholder?: string;
+    filterable?: boolean;
+    filterKeys?: CardGridFilterKey<T>[];
+    sortable?: boolean;
+    sortKeys?: CardGridSortKey<T>[];
+    defaultSort?: {
+        key: keyof T & string;
+        direction: 'asc' | 'desc';
+    };
+    columns?: number;
+    gap?: string;
+    emptyMessage?: ReactNode;
+}
+export { CardGridProps }
+export { CardGridProps as MCardGridProps }
+
+declare interface CardGridSortKey<T> {
+    key: keyof T & string;
+    label: string;
+}
+export { CardGridSortKey }
+export { CardGridSortKey as MCardGridSortKey }
+
 declare function CardHeader({ className, children, ...rest }: CardSectionProps): JSX.Element;
 export { CardHeader }
 export { CardHeader as MCardHeader }
@@ -484,6 +575,57 @@ declare interface CardSectionProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
 
+declare function CardService({ variant, title, description, price, currency, duration, available, image, gallery, rating, reviewCount, favorite, onFavorite, menuItems, onAddToCart, icon, color, leader, participants, maxParticipants, quantity: controlledQty, onQuantityChange, className, ...rest }: CardServiceProps): JSX.Element;
+export { CardService }
+export { CardService as MCardService }
+
+declare interface CardServiceMenuItem {
+    label: string;
+    onClick?: () => void;
+    icon?: ReactNode;
+    danger?: boolean;
+}
+export { CardServiceMenuItem }
+export { CardServiceMenuItem as MCardServiceMenuItem }
+
+declare interface CardServicePerson {
+    name: string;
+    avatar?: string;
+}
+export { CardServicePerson }
+export { CardServicePerson as MCardServicePerson }
+
+declare interface CardServiceProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    variant?: CardServiceVariant;
+    title: string;
+    description?: string;
+    price?: number | string;
+    currency?: string;
+    duration?: string;
+    available?: boolean | number;
+    image?: string;
+    gallery?: string[];
+    rating?: number;
+    reviewCount?: number;
+    favorite?: boolean;
+    onFavorite?: () => void;
+    menuItems?: CardServiceMenuItem[];
+    onAddToCart?: (quantity: number) => void;
+    icon?: ReactNode;
+    color?: MineralColor;
+    leader?: CardServicePerson;
+    participants?: CardServicePerson[];
+    maxParticipants?: number;
+    quantity?: number;
+    onQuantityChange?: (qty: number) => void;
+}
+export { CardServiceProps }
+export { CardServiceProps as MCardServiceProps }
+
+declare type CardServiceVariant = 'service' | 'course' | 'product';
+export { CardServiceVariant }
+export { CardServiceVariant as MCardServiceVariant }
+
 declare function Carousel({ autoPlay, interval, showDots, showArrows, loop, draggable, transition, className, children, ...rest }: CarouselProps): JSX.Element | null;
 export { Carousel }
 export { Carousel as MCarousel }
@@ -2248,6 +2390,20 @@ declare interface ProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>,
 export { ProgressBarProps as MProgressBarProps }
 export { ProgressBarProps }
 
+declare function QrCode({ value, size, padding, fg, bg, className, style, ...rest }: QrCodeProps): JSX.Element | null;
+export { QrCode as MQrCode }
+export { QrCode }
+
+declare interface QrCodeProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+    size?: number;
+    padding?: number;
+    fg?: string;
+    bg?: string;
+}
+export { QrCodeProps as MQrCodeProps }
+export { QrCodeProps }
+
 declare const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>>;
 export { Radio as MRadio }
 export { Radio }
@@ -2736,6 +2892,7 @@ export { TooltipProps }
 declare interface TreeNode {
     id: string;
     label: string;
+    kind?: 'file' | 'folder';
     children?: TreeNode[];
     icon?: ReactNode;
     disabled?: boolean;
@@ -2743,10 +2900,29 @@ declare interface TreeNode {
 export { TreeNode as MTreeNode }
 export { TreeNode }
 
-declare function TreeView({ items, expandable, selectable, defaultExpanded, expanded: controlledExpanded, onExpandChange, selected: controlledSelected, onSelect, indent, className, ...rest }: TreeViewProps): JSX.Element;
+declare function TreeView({ items, expandable, selectable, defaultExpanded, expanded: controlledExpanded, onExpandChange, selected: controlledSelected, onSelect, indent, showLines, fileIcons, draggable, canDrop, onMove, contextMenuItems, onContextMenuAction, className, ...rest }: TreeViewProps): JSX.Element;
 export { TreeView as MTreeView }
 export { TreeView }
 
+declare interface TreeViewContextMenuItem {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    color?: MineralColor;
+    disabled?: boolean;
+}
+export { TreeViewContextMenuItem as MTreeViewContextMenuItem }
+export { TreeViewContextMenuItem }
+
+declare interface TreeViewMoveEvent {
+    draggedId: string;
+    draggedNode: TreeNode;
+    targetId: string;
+    targetNode: TreeNode;
+}
+export { TreeViewMoveEvent as MTreeViewMoveEvent }
+export { TreeViewMoveEvent }
+
 declare interface TreeViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     items: TreeNode[];
     expandable?: boolean;
@@ -2757,6 +2933,13 @@ declare interface TreeViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
     selected?: string | null;
     onSelect?: (id: string, node: TreeNode) => void;
     indent?: number;
+    showLines?: boolean;
+    fileIcons?: boolean;
+    draggable?: boolean;
+    canDrop?: (draggedNode: TreeNode, targetNode: TreeNode) => boolean;
+    onMove?: (event: TreeViewMoveEvent) => void;
+    contextMenuItems?: (node: TreeNode) => TreeViewContextMenuItem[];
+    onContextMenuAction?: (actionId: string, node: TreeNode) => void;
 }
 export { TreeViewProps as MTreeViewProps }
 export { TreeViewProps }