@bubo-squared/ui-framework 0.2.31 → 0.2.33

package/dist/index.d.cts

@@ -132,11 +132,11 @@ declare const Typography: <T extends ElementType = "span">(props: TypographyProp
 
 declare const badgeVariants: (props?: ({
     size?: "sm" | "lg" | "md" | "xl" | null | undefined;
-    variant?: "error" | "secondary" | "disabled" | "primary" | "success" | "active" | "informal" | "warning" | "double-default" | "double-current" | null | undefined;
+    variant?: "error" | "outline" | "secondary" | "disabled" | "primary" | "success" | "primaryInverted" | "active" | "informal" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type BadgeVariant = "primary" | "secondary" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
+type BadgeVariant = "primary" | "primaryInverted" | "secondary" | "outline" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
 type BadgeSize = "sm" | "md" | "lg" | "xl";
-interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
     label: React$1.ReactNode;
     value?: React$1.ReactNode;
@@ -144,7 +144,7 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
     size?: BadgeSize;
     variant?: BadgeVariant;
 }
-declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 declare const badgeDigitVariants: (props?: ({
     size?: "sm" | "md" | null | undefined;
@@ -263,8 +263,10 @@ interface StatusAvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const StatusAvatar: React$1.ForwardRefExoticComponent<StatusAvatarProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type TagSize = "sm" | "md" | "lg" | "xl";
 declare const tagVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+    rounded?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TagProps extends VariantProps<typeof tagVariants> {
     asChild?: boolean;
@@ -277,8 +279,9 @@ interface TagProps extends VariantProps<typeof tagVariants> {
     trailingIcon?: React$1.ReactElement<{
         disabled?: boolean;
     }>;
-    size?: "sm" | "md";
+    size?: TagSize;
     disabled?: boolean;
+    rounded?: boolean;
 }
 declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -704,6 +707,7 @@ declare const TooltipProvider: React$1.FC<TooltipProviderProps>;
 declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
 
 interface BreadcrumbsProps extends React$1.ComponentProps<typeof Breadcrumb> {
+    /** Custom separator node rendered between breadcrumb items. */
     separator?: React$1.ReactNode;
     /**
      * When true and there are >= 5 breadcrumb items, replaces all items except
@@ -711,9 +715,26 @@ interface BreadcrumbsProps extends React$1.ComponentProps<typeof Breadcrumb> {
      */
     ellipsis?: boolean;
     children: React$1.ReactNode;
+    /** Classes for the breadcrumb list container (`ol`). */
+    breadcrumbListClassName?: string;
+    /** Classes for the separator wrapper between items. */
     separatorClassName?: string;
+    /** Classes applied to each breadcrumb item wrapper (`li`). */
     breadcrumbItemClassName?: string;
+    /** Classes for the current-page element (`aria-current="page"`). */
     breadcrumbPageClassName?: string;
+    /** Extra classes for the ellipsis breadcrumb item wrapper. */
+    ellipsisItemClassName?: string;
+    /** Classes for the ellipsis trigger button. */
+    ellipsisTriggerClassName?: string;
+    /** Classes for the ellipsis dropdown content container. */
+    ellipsisContentClassName?: string;
+    /** Classes for the ellipsis dropdown group wrapper. */
+    ellipsisGroupClassName?: string;
+    /** Classes for each item rendered in the ellipsis dropdown menu. */
+    ellipsisMenuItemClassName?: string;
+    /** Accessible label for the ellipsis trigger button. */
+    ellipsisAriaLabel?: string;
 }
 declare const Breadcrumbs: React$1.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
 

package/dist/index.d.ts

@@ -132,11 +132,11 @@ declare const Typography: <T extends ElementType = "span">(props: TypographyProp
 
 declare const badgeVariants: (props?: ({
     size?: "sm" | "lg" | "md" | "xl" | null | undefined;
-    variant?: "error" | "secondary" | "disabled" | "primary" | "success" | "active" | "informal" | "warning" | "double-default" | "double-current" | null | undefined;
+    variant?: "error" | "outline" | "secondary" | "disabled" | "primary" | "success" | "primaryInverted" | "active" | "informal" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type BadgeVariant = "primary" | "secondary" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
+type BadgeVariant = "primary" | "primaryInverted" | "secondary" | "outline" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
 type BadgeSize = "sm" | "md" | "lg" | "xl";
-interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
     label: React$1.ReactNode;
     value?: React$1.ReactNode;
@@ -144,7 +144,7 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
     size?: BadgeSize;
     variant?: BadgeVariant;
 }
-declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 declare const badgeDigitVariants: (props?: ({
     size?: "sm" | "md" | null | undefined;
@@ -263,8 +263,10 @@ interface StatusAvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const StatusAvatar: React$1.ForwardRefExoticComponent<StatusAvatarProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type TagSize = "sm" | "md" | "lg" | "xl";
 declare const tagVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+    rounded?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TagProps extends VariantProps<typeof tagVariants> {
     asChild?: boolean;
@@ -277,8 +279,9 @@ interface TagProps extends VariantProps<typeof tagVariants> {
     trailingIcon?: React$1.ReactElement<{
         disabled?: boolean;
     }>;
-    size?: "sm" | "md";
+    size?: TagSize;
     disabled?: boolean;
+    rounded?: boolean;
 }
 declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -704,6 +707,7 @@ declare const TooltipProvider: React$1.FC<TooltipProviderProps>;
 declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
 
 interface BreadcrumbsProps extends React$1.ComponentProps<typeof Breadcrumb> {
+    /** Custom separator node rendered between breadcrumb items. */
     separator?: React$1.ReactNode;
     /**
      * When true and there are >= 5 breadcrumb items, replaces all items except
@@ -711,9 +715,26 @@ interface BreadcrumbsProps extends React$1.ComponentProps<typeof Breadcrumb> {
      */
     ellipsis?: boolean;
     children: React$1.ReactNode;
+    /** Classes for the breadcrumb list container (`ol`). */
+    breadcrumbListClassName?: string;
+    /** Classes for the separator wrapper between items. */
     separatorClassName?: string;
+    /** Classes applied to each breadcrumb item wrapper (`li`). */
     breadcrumbItemClassName?: string;
+    /** Classes for the current-page element (`aria-current="page"`). */
     breadcrumbPageClassName?: string;
+    /** Extra classes for the ellipsis breadcrumb item wrapper. */
+    ellipsisItemClassName?: string;
+    /** Classes for the ellipsis trigger button. */
+    ellipsisTriggerClassName?: string;
+    /** Classes for the ellipsis dropdown content container. */
+    ellipsisContentClassName?: string;
+    /** Classes for the ellipsis dropdown group wrapper. */
+    ellipsisGroupClassName?: string;
+    /** Classes for each item rendered in the ellipsis dropdown menu. */
+    ellipsisMenuItemClassName?: string;
+    /** Accessible label for the ellipsis trigger button. */
+    ellipsisAriaLabel?: string;
 }
 declare const Breadcrumbs: React$1.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React$1.RefAttributes<HTMLElement>>;