@bpinternal/billing-ui 0.7.1 → 0.8.1

package/dist/index.d.ts

@@ -954,7 +954,7 @@ export declare function usageItems(quotas: WorkspaceUsages | undefined): UsageIt
  * hover/focus after `delay`. Renders the children plainly on legacy billing
  * or when there's no usage to show (the popover just never opens).
  */
-export declare const UsagePopover: ({ children, delay, placement, period, onUpgrade, block, className, }: UsagePopoverProps) => JSX.Element;
+export declare const UsagePopover: ({ children, delay, placement, align, period, onUpgrade, block, className, }: UsagePopoverProps) => JSX.Element;
 
 export declare type UsagePopoverProps = {
     /** The trigger — hovering/focusing it reveals the usage popover. */
@@ -963,6 +963,8 @@ export declare type UsagePopoverProps = {
     delay?: number;
     /** Where the card opens relative to the trigger. Default 'top'. */
     placement?: 'top' | 'bottom';
+    /** Horizontal anchor relative to the trigger. Default 'center'; use 'start' near an edge. */
+    align?: 'start' | 'center' | 'end';
     /** Period (any datetime in the billing month); defaults to current month. */
     period?: string;
     /**
@@ -982,7 +984,7 @@ export declare type UsagePopoverProps = {
  * tier (blue ≤75%, amber 75–90%, red 90%+). Hovering reveals a UsagePopover
  * listing every metric. Renders nothing on legacy billing / while loading.
  */
-export declare const UsageRing: ({ size, thickness, showLabel, onClick, popoverDelay, period, className, ...aria }: UsageRingProps) => JSX.Element | null;
+export declare const UsageRing: ({ size, thickness, showLabel, onClick, popoverDelay, popoverAlign, trackColor, period, className, ...aria }: UsageRingProps) => JSX.Element | null;
 
 export declare type UsageRingProps = {
     /** Diameter in px. Default 20. */
@@ -995,6 +997,10 @@ export declare type UsageRingProps = {
     onClick?: () => void;
     /** Delay in ms before the usage popover appears on hover/focus. Default 200. */
     popoverDelay?: number;
+    /** Horizontal anchor of the popover relative to the ring. Default 'center'; use 'start' near an edge. */
+    popoverAlign?: 'start' | 'center' | 'end';
+    /** Track color weight. Default 'light'; use 'dark' for more contrast on busy/colored surfaces. */
+    trackColor?: 'light' | 'dark';
     /** Period (any datetime in the billing month); defaults to current month. */
     period?: string;
     className?: string;