@antoniobenincasa/ui 0.10.0 → 0.11.1

package/dist/index.d.ts

@@ -19,6 +19,10 @@ import { Slot } from '@radix-ui/react-slot';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { VariantProps } from 'class-variance-authority';
 
+export declare function Alert({ title, message, variant, context, dismissible, exiting, onDismiss, className, ...props }: AlertProps): JSX.Element;
+
+export declare type AlertContext = "inline" | "notification";
+
 export declare function AlertDialog({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Root>): JSX.Element;
 
 export declare function AlertDialogAction({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
@@ -45,6 +49,18 @@ export declare function AlertDialogTitle({ className, ...props }: React_2.Compon
 
 export declare function AlertDialogTrigger({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Trigger>): JSX.Element;
 
+export declare interface AlertProps extends React_2.ComponentProps<"div"> {
+    title?: string;
+    message: string;
+    variant: AlertVariant;
+    context?: AlertContext;
+    dismissible?: boolean;
+    exiting?: boolean;
+    onDismiss?: () => void;
+}
+
+export declare type AlertVariant = "success" | "info" | "warning" | "danger";
+
 export declare const Autocomplete: (props: AutocompleteProps) => JSX.Element;
 
 declare type AutocompleteProps = {
@@ -67,7 +83,7 @@ export declare function Button({ className, variant, size, asChild, ...props }:
 }): JSX.Element;
 
 export declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -250,6 +266,35 @@ export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined)
 
 export declare function NavigationMenuViewport({ className, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): JSX.Element;
 
+declare function Notification_2({ id, title, message, variant, duration, onDismiss, exiting, className, }: NotificationProps): JSX.Element;
+export { Notification_2 as Notification }
+
+export declare interface NotificationContextValue {
+    notify: (opts: Omit<NotificationData, "id">) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+}
+
+export declare interface NotificationData {
+    id: string;
+    title?: string;
+    message: string;
+    variant: NotificationVariant;
+    duration?: number;
+}
+
+declare interface NotificationProps extends NotificationData {
+    onDismiss: (id: string) => void;
+    exiting?: boolean;
+    className?: string;
+}
+
+export declare function NotificationProvider({ children }: {
+    children: React_2.ReactNode;
+}): JSX.Element;
+
+export declare type NotificationVariant = "success" | "info" | "warning" | "danger";
+
 export declare function Popover({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
 
 export declare function PopoverAnchor({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element;
@@ -312,4 +357,6 @@ export declare const useFormField: () => {
     formMessageId: string;
 };
 
+export declare function useNotification(): NotificationContextValue;
+
 export { }