@brainfish-ai/components 0.31.0 → 0.31.1

package/dist/index.d.ts

@@ -2444,6 +2444,31 @@ declare type UrlString = string & {
     __url: never;
 };
 
+/**
+ * Gives an indication of query usage in the platform.
+ *
+ * A pill button for the top navigation bar that shows the team's monthly usage
+ * usage percentage. At ≥80% it renders in warning (yellow) state; at 100% in
+ * reached (red) state. Clicking it opens a dropdown with links to the plan and
+ * billing settings pages.
+ */
+export declare function UsageIndicatorPill({ percentage, label, status, onViewPlan, onViewBilling, }: UsageIndicatorPillProps): React_2.JSX.Element;
+
+export declare interface UsageIndicatorPillProps {
+    /** Current usage as a percentage 0–100 */
+    percentage: number;
+    /** Name of the usage metric being displayed */
+    label?: string;
+    /** Visual state of the pill */
+    status: UsageIndicatorStatus;
+    /** Called when the user selects "View plan" */
+    onViewPlan?: () => void;
+    /** Called when the user selects "View billing settings" */
+    onViewBilling?: () => void;
+}
+
+export declare type UsageIndicatorStatus = 'warning' | 'reached';
+
 export declare const useChatSearch: () => ChatSearchContextProps;
 
 export declare function useConversation(): ConversationContextValue;