florixui 1.3.0 → 1.3.2

package/dist/components/custom/status-list.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+export type StatusListTone = "neutral" | "primary" | "success" | "warning" | "danger";
+/** How the right-side status renders. */
+export type StatusVariant = "pill" | "outline" | "text";
+/** A soft, tone-tinted rounded-square icon box (the gateway-row style). */
+export declare function StatusIcon({ tone, className, children, }: {
+    tone?: StatusListTone;
+    className?: string;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** A circular avatar — an image, or tone-tinted initials fallback. */
+export declare function StatusAvatar({ src, name, tone, className, }: {
+    src?: string;
+    name: string;
+    tone?: StatusListTone;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StatusList({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/** An uppercase group header with an optional count, e.g. "WORKERS (2)". */
+export declare function StatusListGroup({ label, count, className, children, ...props }: React.ComponentProps<"div"> & {
+    label: React.ReactNode;
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export interface StatusListItemProps extends Omit<React.ComponentProps<"div">, "title"> {
+    /** Leading visual — pass a `StatusIcon`, `StatusAvatar`, or any node. */
+    media?: React.ReactNode;
+    /** Primary label. */
+    title: React.ReactNode;
+    /** Muted secondary line. */
+    description?: React.ReactNode;
+    /** Status text shown on the right. */
+    status?: React.ReactNode;
+    /** How the status renders: filled pill, outline pill, or plain text. */
+    statusVariant?: StatusVariant;
+    /** Extra muted text before the status (e.g. "3 min open"). */
+    hint?: React.ReactNode;
+    /** Tone — tints the status, hint, and (when `active`) the row background. */
+    tone?: StatusListTone;
+    /** Highlight the row with a soft tinted background + ring. */
+    active?: boolean;
+}
+/**
+ * A single status row: a leading visual (`media`), a title + description, and a
+ * right-side status (`pill`, `outline`, or `text`). Set `active` to highlight
+ * the row, and `tone` to color the status/hint/highlight.
+ */
+export declare function StatusListItem({ media, title, description, status, statusVariant, hint, tone, active, className, ...props }: StatusListItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
+declare const cardVariants: (props?: ({
+    variant?: "default" | "alt" | "primary" | "success" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Card({ className, size, variant, ...props }: React.ComponentProps<"div"> & {
     size?: "default" | "sm";
-}): import("react/jsx-runtime").JSX.Element;
+} & VariantProps<typeof cardVariants>): import("react/jsx-runtime").JSX.Element;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, cardVariants, };

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export * from './components/custom/quick-stat';
 export * from './components/custom/sensor-card';
 export * from './components/custom/side-sheet';
 export * from './components/custom/stat-card';
+export * from './components/custom/status-list';
 export * from './components/custom/date-time-range-picker';
 export { presetToRange, navigateRange, } from './components/custom/date-time-range-picker-utils';
 export * from './components/ui/alert';