@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.45.1 → 0.5.0-beta.47.1

package/dist/index.d.ts

@@ -242,6 +242,18 @@ export declare const badgeVariants: (props?: ({
     variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "info" | "positive" | "warning" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function Banner({ variant, title, description, action, dismissible, onDismiss, className, children, role, "aria-live": ariaLive, ...props }: BannerProps): JSX.Element;
+
+export declare type BannerProps = React_2.ComponentProps<"div"> & VariantProps<typeof bannerVariants> & DismissibleProps & {
+    title?: React_2.ReactNode;
+    description?: React_2.ReactNode;
+    action?: React_2.ReactNode;
+};
+
+export declare const bannerVariants: (props?: ({
+    variant?: "destructive" | "info" | "positive" | "warning" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare interface BarDataSeries {
     x: number[];
     y: number[];
@@ -368,7 +380,7 @@ export declare const buttonGroupVariants: (props?: ({
 
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "sm" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React_2.ComponentProps<typeof DayPicker> & {
@@ -1181,6 +1193,14 @@ export declare function DialogTitle({ className, ...props }: React_2.ComponentPr
 
 export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof Dialog_2.Trigger>): JSX.Element;
 
+declare type DismissibleProps = {
+    dismissible: true;
+    onDismiss: () => void;
+} | {
+    dismissible?: false;
+    onDismiss?: never;
+};
+
 export declare const DotPlot: default_2.FC<DotPlotProps>;
 
 export declare interface DotPlotDataSeries {
@@ -1501,7 +1521,7 @@ declare const inputGroupAddonVariants: (props?: ({
 export declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React_2.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): JSX.Element;
 
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function InputGroupInput({ className, ...props }: React_2.ComponentProps<"input">): JSX.Element;
@@ -1550,7 +1570,7 @@ export declare function ItemTitle({ className, ...props }: React_2.ComponentProp
 
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
-    size?: "default" | "xs" | "sm" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): JSX.Element;
@@ -2690,6 +2710,19 @@ export declare const spinnerVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "md" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function StatCard({ label, value, delta, deltaLabel, trend, description, className, ...props }: StatCardProps): JSX.Element;
+
+export declare interface StatCardProps extends React_2.ComponentProps<"div"> {
+    label: string;
+    value: string | number;
+    delta?: string | number;
+    deltaLabel?: string;
+    trend?: StatCardTrend;
+    description?: string;
+}
+
+export declare type StatCardTrend = "up" | "down" | "neutral";
+
 /** Built-in Lucide spinner icons that pair well with ts-spin-pulse animation. */
 export declare const STREAM_STATUS_ICONS: {
     readonly loader: JSX.Element;