florixui 1.5.0 → 1.6.1

package/README.md

@@ -243,6 +243,20 @@ Displays a short, important message that draws attention without interrupting th
 </Alert>
 ```
 
+### Alert Card
+
+A higher-level alert with two looks — filled (soft tinted background) and outline (bordered card with an icon box and actions) — across four severities. Theme-aware: severities map to the blue / orange / red / green tokens.
+
+```tsx
+<AlertCard
+  variant="filled"
+  severity="info"
+  title="New update"
+  description="v2.4.0 is ready. Restart to apply."
+  dismissible
+/>
+```
+
 ### Alert Dialog
 
 A modal dialog that interrupts the user with important content and expects a confirm or cancel response before continuing.

package/dist/components/custom/alert-card.d.ts

@@ -0,0 +1,38 @@
+import { Button } from '../ui/button';
+import * as React from "react";
+export type AlertSeverity = "info" | "warning" | "error" | "success";
+export type AlertCardVariant = "filled" | "outline";
+export interface AlertCardProps extends Omit<React.ComponentProps<"div">, "title"> {
+    /** Severity — sets the accent color and default icon. */
+    severity?: AlertSeverity;
+    /**
+     * - `filled`: a soft tinted background (compact).
+     * - `outline`: a bordered card with an icon box and room for actions.
+     */
+    variant?: AlertCardVariant;
+    /** Override the default severity icon. */
+    icon?: React.ReactNode;
+    /** Heading. */
+    title?: React.ReactNode;
+    /** Supporting text. */
+    description?: React.ReactNode;
+    /** Small badge beside the title (outline variant). */
+    badge?: React.ReactNode;
+    /** Action buttons rendered below the description (outline variant). */
+    actions?: React.ReactNode;
+    /** Show a dismiss (×) button. */
+    dismissible?: boolean;
+    /** Called when the dismiss button is clicked. */
+    onDismiss?: () => void;
+}
+/**
+ * A higher-level alert with two looks — `filled` (soft tinted background) and
+ * `outline` (bordered card with an icon box and actions) — across four
+ * severities (info / warning / error / success). Theme-aware: severities map to
+ * the blue / orange / red / green tokens.
+ */
+export declare function AlertCard({ severity, variant, icon, title, description, badge, actions, dismissible, onDismiss, className, ...props }: AlertCardProps): import("react/jsx-runtime").JSX.Element;
+/** A primary action button tinted to the alert's severity. */
+export declare function AlertCardAction({ severity, className, ...props }: React.ComponentProps<typeof Button> & {
+    severity?: AlertSeverity;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "blue" | "cyan" | "gray" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "red" | "orange" | "yellow" | "green" | "teal" | "cyan" | "blue" | "purple" | "pink" | "gray" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/components/ui/card.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const cardVariants: (props?: ({
-    variant?: "default" | "alt" | "primary" | "success" | "warning" | "danger" | null | undefined;
+    variant?: "default" | "alt" | "warning" | "success" | "primary" | "danger" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Card({ className, size, variant, ...props }: React.ComponentProps<"div"> & {
     size?: "default" | "sm";

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { cn } from './lib/utils';
 export { useFileUpload, formatBytes, type FileMetadata, type FileWithPreview, type FileUploadOptions, type FileUploadState, type FileUploadActions, } from './lib/use-file-upload';
 export * from './components/custom/actions-menu';
 export * from './components/custom/advanced-input';
+export * from './components/custom/alert-card';
 export * from './components/custom/file-upload';
 export * from './components/custom/advanced-select';
 export * from './components/custom/data-table';