@codeswayam/ui 1.1.0 → 1.2.1

package/README.md

@@ -1,6 +1,6 @@
 # @codeswayam/ui
 
-**Version:** 1.1.0
+**Version:** 1.2.0
 
 Shared React UI component library for all CodeSwayam SaaS applications. Built on Radix UI primitives with Tailwind CSS. Includes base components, SaaS-specific components, layout components, and design tokens.
 

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | "purple" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "purple" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/base/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/base/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/base/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EAwBnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAOX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/base/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EAwBnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAYX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/base/button.js

@@ -25,9 +25,9 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
         size: "default",
     },
 });
-const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+const Button = React.forwardRef(({ className, variant, size, asChild = false, disabled, ...props }, ref) => {
     const Comp = (asChild ? Slot : "button");
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
+    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, disabled: disabled === true, ...props }));
 });
 Button.displayName = "Button";
 export { Button, buttonVariants };

package/dist/components/base/modal.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    /** Max width class, e.g. "max-w-md" (default) or "max-w-2xl" */
+    maxWidth?: string;
+}
+export declare function Modal({ open, onClose, title, description, icon, children, className, maxWidth, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal.d.ts.map

package/dist/components/base/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/base/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAqB,GACtB,EAAE,UAAU,2CAqDZ"}

package/dist/components/base/modal.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { cn } from "../../utils/cn";
+export function Modal({ open, onClose, title, description, icon, children, className, maxWidth = "max-w-md", }) {
+    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: (o) => !o && onClose(), children: _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }), _jsxs(DialogPrimitive.Content, { className: cn("fixed left-1/2 top-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2", "bg-background border border-border rounded-2xl shadow-2xl overflow-hidden", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", maxWidth, className), children: [(title || description || icon) && (_jsxs("div", { className: "flex items-center justify-between px-6 py-5 border-b border-border bg-secondary/20", children: [_jsxs("div", { className: "flex items-center gap-3", children: [icon && (_jsx("div", { className: "w-10 h-10 rounded-xl bg-primary/15 border border-primary/30 flex items-center justify-center shrink-0", children: icon })), _jsxs("div", { children: [title && (_jsx(DialogPrimitive.Title, { className: "font-bold text-base leading-none", children: title })), description && (_jsx(DialogPrimitive.Description, { className: "text-xs text-muted-foreground mt-0.5", children: description }))] })] }), _jsxs(DialogPrimitive.Close, { onClick: onClose, className: "w-8 h-8 rounded-lg hover:bg-secondary flex items-center justify-center transition-colors", children: [_jsx(X, { size: 15 }), _jsx("span", { className: "sr-only", children: "Close" })] })] })), _jsx("div", { className: "p-6", children: children })] })] }) }));
+}

package/dist/components/data/DataTable.d.ts

@@ -0,0 +1,18 @@
+import { ColumnDef } from '@tanstack/react-table';
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    /** Optional title rendered above the table */
+    title?: string;
+    /** Optional description rendered below the title */
+    description?: string;
+    /** Page size options. Defaults to [10, 25, 50] */
+    pageSizeOptions?: number[];
+    /** Default page size. Defaults to 10 */
+    defaultPageSize?: number;
+    /** Extra className on the wrapper */
+    className?: string;
+}
+export declare function DataTable<TData, TValue>({ columns, data, title, description, pageSizeOptions, defaultPageSize, className, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/data/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/data/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,SAAS,EAGV,MAAM,uBAAuB,CAAC;AAK/B,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM;IACpC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IACpC,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,eAA8B,EAC9B,eAAoB,EACpB,SAAS,GACV,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CAoK/B"}

package/dist/components/data/DataTable.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel, useReactTable, } from '@tanstack/react-table';
+import { useState } from 'react';
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, ArrowUpDown, ArrowUp, ArrowDown } from 'lucide-react';
+import { cn } from '../../utils/cn';
+export function DataTable({ columns, data, title, description, pageSizeOptions = [10, 25, 50], defaultPageSize = 10, className, }) {
+    const [sorting, setSorting] = useState([]);
+    const [columnVisibility, setColumnVisibility] = useState({});
+    const [rowSelection, setRowSelection] = useState({});
+    const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: defaultPageSize });
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        onSortingChange: setSorting,
+        onColumnVisibilityChange: setColumnVisibility,
+        onRowSelectionChange: setRowSelection,
+        onPaginationChange: setPagination,
+        state: { sorting, columnVisibility, rowSelection, pagination },
+    });
+    const totalRows = table.getFilteredRowModel().rows.length;
+    const { pageIndex, pageSize } = table.getState().pagination;
+    const from = totalRows === 0 ? 0 : pageIndex * pageSize + 1;
+    const to = Math.min((pageIndex + 1) * pageSize, totalRows);
+    return (_jsxs("div", { className: cn('rounded-xl border border-border bg-card overflow-hidden', className), children: [(title || description) && (_jsxs("div", { className: "px-6 py-4 border-b border-border", children: [title && _jsx("h2", { className: "text-lg font-semibold text-foreground", children: title }), description && _jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: description })] })), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: table.getHeaderGroups().map((headerGroup) => (_jsx("tr", { className: "border-b border-border bg-muted/40", children: headerGroup.headers.map((header) => {
+                                    const canSort = header.column.getCanSort();
+                                    const sorted = header.column.getIsSorted();
+                                    return (_jsx("th", { className: cn('px-4 py-3 text-left text-xs font-semibold text-muted-foreground uppercase tracking-wider select-none whitespace-nowrap', canSort && 'cursor-pointer hover:text-foreground transition-colors'), onClick: canSort ? header.column.getToggleSortingHandler() : undefined, children: _jsxs("div", { className: "flex items-center gap-1.5", children: [header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()), canSort && (_jsx("span", { className: "ml-0.5 text-muted-foreground/60", children: sorted === 'asc' ? (_jsx(ArrowUp, { className: "w-3 h-3 text-primary" })) : sorted === 'desc' ? (_jsx(ArrowDown, { className: "w-3 h-3 text-primary" })) : (_jsx(ArrowUpDown, { className: "w-3 h-3" })) }))] }) }, header.id));
+                                }) }, headerGroup.id))) }), _jsx("tbody", { children: table.getRowModel().rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-6 py-12 text-center text-muted-foreground/50 text-sm", children: "No data to display" }) })) : (table.getRowModel().rows.map((row) => (_jsx("tr", { className: cn('border-b border-border/50 transition-colors hover:bg-muted/30 last:border-0', row.getIsSelected() && 'bg-primary/5'), children: row.getVisibleCells().map((cell) => (_jsx("td", { className: "px-4 py-3 text-foreground align-middle", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) })] }) }), _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between px-4 py-3 border-t border-border bg-muted/20", children: [_jsx("p", { className: "text-xs text-muted-foreground text-center sm:text-left", children: totalRows === 0
+                            ? 'No results'
+                            : `Showing ${from}–${to} of ${totalRows} row${totalRows !== 1 ? 's' : ''}` }), _jsxs("div", { className: "flex items-center gap-3 justify-center", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: "Rows" }), _jsx("select", { value: pageSize, onChange: (e) => table.setPageSize(Number(e.target.value)), className: "h-7 rounded-md border border-input bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring", children: pageSizeOptions.map((s) => (_jsx("option", { value: s, children: s }, s))) })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), className: "p-1 rounded hover:bg-muted transition-colors disabled:opacity-30 disabled:cursor-not-allowed", title: "First page", children: _jsx(ChevronsLeft, { className: "w-4 h-4" }) }), _jsx("button", { onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), className: "p-1 rounded hover:bg-muted transition-colors disabled:opacity-30 disabled:cursor-not-allowed", title: "Previous page", children: _jsx(ChevronLeft, { className: "w-4 h-4" }) }), _jsxs("span", { className: "text-xs text-muted-foreground px-2 whitespace-nowrap", children: [pageIndex + 1, " / ", table.getPageCount() || 1] }), _jsx("button", { onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), className: "p-1 rounded hover:bg-muted transition-colors disabled:opacity-30 disabled:cursor-not-allowed", title: "Next page", children: _jsx(ChevronRight, { className: "w-4 h-4" }) }), _jsx("button", { onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), className: "p-1 rounded hover:bg-muted transition-colors disabled:opacity-30 disabled:cursor-not-allowed", title: "Last page", children: _jsx(ChevronsRight, { className: "w-4 h-4" }) })] })] })] })] }));
+}

package/dist/components/data/EmptyState.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+interface EmptyStateProps {
+    /** Lucide icon element or any ReactNode to show above the title */
+    icon?: React.ReactNode;
+    /** Image src as alternative to icon */
+    imageSrc?: string;
+    /** Main heading */
+    title: string;
+    /** Supporting text */
+    description: string;
+    /** Label for the primary CTA button */
+    actionLabel?: string;
+    /** If provided, CTA renders as a Next.js Link */
+    actionHref?: string;
+    /** If provided, CTA calls this function (takes precedence over actionHref) */
+    onAction?: () => void;
+    /** Extra content rendered below the CTA */
+    footer?: React.ReactNode;
+    className?: string;
+}
+export declare function EmptyState({ icon, imageSrc, title, description, actionLabel, actionHref, onAction, footer, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/components/data/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/data/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,eAAe;IACvB,mEAAmE;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAA2B,EAC3B,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,eAAe,2CAgDjB"}

package/dist/components/data/EmptyState.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { Plus, FolderOpen } from 'lucide-react';
+import { cn } from '../../utils/cn';
+export function EmptyState({ icon, imageSrc, title, description, actionLabel = 'Get Started', actionHref, onAction, footer, className, }) {
+    const hasAction = onAction || actionHref;
+    return (_jsxs("div", { className: cn('relative flex flex-col items-center justify-center py-16 px-4 text-center overflow-hidden', className), children: [_jsxs("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 -z-10", children: [_jsx("div", { className: "absolute top-1/4 left-1/4 w-48 h-48 bg-primary/5 rounded-full blur-3xl" }), _jsx("div", { className: "absolute bottom-1/4 right-1/4 w-48 h-48 bg-primary/5 rounded-full blur-3xl" })] }), imageSrc ? (_jsx("img", { src: imageSrc, alt: title, className: "w-28 h-28 mb-6 opacity-60 object-contain" })) : (_jsx("div", { className: "mb-6 p-5 rounded-2xl bg-muted/70 text-muted-foreground", children: icon ?? _jsx(FolderOpen, { className: "w-10 h-10" }) })), _jsx("h3", { className: "text-xl font-bold text-foreground mb-2", children: title }), _jsx("p", { className: "text-muted-foreground max-w-sm text-sm leading-relaxed mb-7", children: description }), hasAction && (onAction ? (_jsxs("button", { onClick: onAction, className: "inline-flex items-center gap-2 h-10 px-5 rounded-lg bg-primary text-primary-foreground text-sm font-semibold hover:opacity-90 transition-opacity shadow-sm", children: [_jsx(Plus, { className: "w-4 h-4" }), actionLabel] })) : actionHref ? (_jsxs(Link, { href: actionHref, className: "inline-flex items-center gap-2 h-10 px-5 rounded-lg bg-primary text-primary-foreground text-sm font-semibold hover:opacity-90 transition-opacity shadow-sm", children: [_jsx(Plus, { className: "w-4 h-4" }), actionLabel] })) : null), footer && _jsx("div", { className: "mt-4", children: footer })] }));
+}

package/dist/components/data/TableToolbar.d.ts

@@ -0,0 +1,17 @@
+interface TableToolbarProps {
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    onExport?: () => void;
+    onImport?: () => void;
+    selectedCount?: number;
+    onBulkDelete?: () => void;
+    onBulkArchive?: () => void;
+    onColumnSettings?: () => void;
+    placeholder?: string;
+    className?: string;
+    /** Extra action buttons rendered to the right of search */
+    children?: React.ReactNode;
+}
+export declare function TableToolbar({ searchValue, onSearchChange, onExport, onImport, selectedCount, onBulkDelete, onBulkArchive, onColumnSettings, placeholder, className, children, }: TableToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TableToolbar.d.ts.map

package/dist/components/data/TableToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/data/TableToolbar.tsx"],"names":[],"mappings":"AAUA,UAAU,iBAAiB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,aAAiB,EACjB,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,WAAyB,EACzB,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,2CAyGnB"}

package/dist/components/data/TableToolbar.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from '../base/input';
+import { Search, Download, Upload, Settings2, MoreHorizontal, Trash2, Archive, X, } from 'lucide-react';
+import { useState, useRef, useEffect } from 'react';
+import { cn } from '../../utils/cn';
+export function TableToolbar({ searchValue, onSearchChange, onExport, onImport, selectedCount = 0, onBulkDelete, onBulkArchive, onColumnSettings, placeholder = 'Search...', className, children, }) {
+    const [showBulkMenu, setShowBulkMenu] = useState(false);
+    const bulkRef = useRef(null);
+    // Close bulk menu on outside click
+    useEffect(() => {
+        const handler = (e) => {
+            if (bulkRef.current && !bulkRef.current.contains(e.target)) {
+                setShowBulkMenu(false);
+            }
+        };
+        document.addEventListener('mousedown', handler);
+        return () => document.removeEventListener('mousedown', handler);
+    }, []);
+    return (_jsxs("div", { className: cn('flex flex-col gap-3 md:flex-row md:items-center', className), children: [_jsxs("div", { className: "flex-1 relative min-w-0", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground pointer-events-none" }), _jsx(Input, { type: "text", placeholder: placeholder, value: searchValue, onChange: (e) => onSearchChange(e.target.value), className: "pl-9 pr-8" }), searchValue && (_jsx("button", { onClick: () => onSearchChange(''), className: "absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors", children: _jsx(X, { className: "w-3.5 h-3.5" }) }))] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap shrink-0", children: [children, onImport && (_jsxs("button", { onClick: onImport, className: "inline-flex items-center gap-1.5 h-9 px-3 rounded-md border border-input bg-background text-xs font-medium text-foreground hover:bg-muted transition-colors", children: [_jsx(Upload, { className: "w-3.5 h-3.5" }), " Import"] })), onExport && (_jsxs("button", { onClick: onExport, className: "inline-flex items-center gap-1.5 h-9 px-3 rounded-md border border-input bg-background text-xs font-medium text-foreground hover:bg-muted transition-colors", children: [_jsx(Download, { className: "w-3.5 h-3.5" }), " Export"] })), onColumnSettings && (_jsx("button", { onClick: onColumnSettings, className: "inline-flex items-center justify-center h-9 w-9 rounded-md border border-input bg-background text-muted-foreground hover:bg-muted transition-colors", title: "Column settings", children: _jsx(Settings2, { className: "w-4 h-4" }) })), selectedCount > 0 && (_jsxs("div", { className: "relative", ref: bulkRef, children: [_jsxs("button", { onClick: () => setShowBulkMenu(!showBulkMenu), className: "inline-flex items-center gap-1.5 h-9 px-3 rounded-md border border-primary/40 bg-primary/5 text-xs font-semibold text-primary hover:bg-primary/10 transition-colors", children: [_jsx(MoreHorizontal, { className: "w-4 h-4" }), selectedCount, " selected"] }), showBulkMenu && (_jsxs("div", { className: "absolute right-0 mt-1 w-44 bg-popover border border-border rounded-lg shadow-lg overflow-hidden z-20 animate-in fade-in-0 zoom-in-95", children: [onBulkArchive && (_jsxs("button", { onClick: () => { onBulkArchive(); setShowBulkMenu(false); }, className: "w-full text-left px-4 py-2.5 text-sm text-muted-foreground hover:bg-muted hover:text-foreground transition-colors flex items-center gap-2", children: [_jsx(Archive, { className: "w-3.5 h-3.5" }), " Archive"] })), onBulkDelete && (_jsxs("button", { onClick: () => { onBulkDelete(); setShowBulkMenu(false); }, className: "w-full text-left px-4 py-2.5 text-sm text-destructive hover:bg-destructive/10 transition-colors flex items-center gap-2 border-t border-border", children: [_jsx(Trash2, { className: "w-3.5 h-3.5" }), " Delete"] }))] }))] }))] })] }));
+}

package/dist/components/display/CopyButton.d.ts

@@ -0,0 +1,14 @@
+interface CopyButtonProps {
+    /** The text to copy to clipboard */
+    value: string;
+    /** Milliseconds to show the "Copied!" state. Defaults to 2000 */
+    resetMs?: number;
+    className?: string;
+    /** Render variant. 'icon' shows only the icon. 'button' shows icon + label. */
+    variant?: 'icon' | 'button';
+    label?: string;
+    copiedLabel?: string;
+}
+export declare function CopyButton({ value, resetMs, className, variant, label, copiedLabel, }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/components/display/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/display/CopyButton.tsx"],"names":[],"mappings":"AAMA,UAAU,eAAe;IACvB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAc,EACd,SAAS,EACT,OAAgB,EAChB,KAAc,EACd,WAAuB,GACxB,EAAE,eAAe,2CA8DjB"}

package/dist/components/display/CopyButton.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { Copy, Check } from 'lucide-react';
+import { cn } from '../../utils/cn';
+export function CopyButton({ value, resetMs = 2000, className, variant = 'icon', label = 'Copy', copiedLabel = 'Copied!', }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = useCallback(async () => {
+        try {
+            await navigator.clipboard.writeText(value);
+            setCopied(true);
+            setTimeout(() => setCopied(false), resetMs);
+        }
+        catch {
+            // Fallback for browsers without clipboard API
+            const ta = document.createElement('textarea');
+            ta.value = value;
+            ta.style.position = 'fixed';
+            ta.style.opacity = '0';
+            document.body.appendChild(ta);
+            ta.focus();
+            ta.select();
+            document.execCommand('copy');
+            document.body.removeChild(ta);
+            setCopied(true);
+            setTimeout(() => setCopied(false), resetMs);
+        }
+    }, [value, resetMs]);
+    if (variant === 'button') {
+        return (_jsxs("button", { onClick: handleCopy, className: cn('inline-flex items-center gap-1.5 h-8 px-3 rounded-md border border-input bg-background text-xs font-medium transition-colors', copied
+                ? 'border-emerald-500/40 bg-emerald-50 text-emerald-700'
+                : 'text-muted-foreground hover:text-foreground hover:bg-muted', className), title: copied ? copiedLabel : label, children: [copied ? (_jsx(Check, { className: "w-3.5 h-3.5" })) : (_jsx(Copy, { className: "w-3.5 h-3.5" })), copied ? copiedLabel : label] }));
+    }
+    return (_jsx("button", { onClick: handleCopy, className: cn('inline-flex items-center justify-center w-7 h-7 rounded-md transition-colors', copied
+            ? 'text-emerald-600'
+            : 'text-muted-foreground hover:text-foreground hover:bg-muted', className), title: copied ? copiedLabel : label, children: copied ? _jsx(Check, { className: "w-3.5 h-3.5" }) : _jsx(Copy, { className: "w-3.5 h-3.5" }) }));
+}

package/dist/components/display/PageHeader.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface PageHeaderProps {
+    title: string;
+    description?: string;
+    /** Right-side action buttons/badges */
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function PageHeader({ title, description, children, className }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/display/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/display/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CActF"}

package/dist/components/display/PageHeader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+export function PageHeader({ title, description, children, className }) {
+    return (_jsxs("div", { className: cn('flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between', className), children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl sm:text-3xl font-bold tracking-tight text-foreground truncate", children: title }), description && (_jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description }))] }), children && (_jsx("div", { className: "flex items-center gap-2 flex-wrap shrink-0", children: children }))] }));
+}

package/dist/components/display/StatCard.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+interface TrendProps {
+    value: number;
+    label?: string;
+}
+interface StatCardProps {
+    /** Lucide icon or any icon node */
+    icon?: React.ReactNode;
+    /** Primary numeric value to display */
+    value: string | number;
+    /** Metric label */
+    label: string;
+    /** Optional trend indicator */
+    trend?: TrendProps;
+    /** Optional sub-label below value */
+    subLabel?: string;
+    /** Icon background color class (Tailwind). Defaults to bg-primary/10 */
+    iconColor?: string;
+    className?: string;
+}
+export declare function StatCard({ icon, value, label, trend, subLabel, iconColor, className, }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/components/display/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../src/components/display/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAwC,EACxC,SAAS,GACV,EAAE,aAAa,2CA2Cf"}

package/dist/components/display/StatCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+export function StatCard({ icon, value, label, trend, subLabel, iconColor = 'bg-primary/10 text-primary', className, }) {
+    const trendUp = trend && trend.value >= 0;
+    return (_jsxs("div", { className: cn('group relative rounded-2xl border border-border bg-card p-5 overflow-hidden transition-shadow hover:shadow-md', className), children: [_jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity bg-gradient-to-br from-primary/5 to-transparent" }), _jsxs("div", { className: "flex items-start justify-between gap-3 relative", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2", children: label }), _jsx("p", { className: "text-2xl sm:text-3xl font-bold text-foreground tabular-nums", children: value }), subLabel && _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel }), trend && (_jsxs("div", { className: "flex items-center gap-1 mt-2", children: [_jsxs("span", { className: cn('text-xs font-semibold', trendUp ? 'text-emerald-600' : 'text-red-500'), children: [trendUp ? '+' : '', trend.value.toFixed(1), "%"] }), trend.label && (_jsx("span", { className: "text-xs text-muted-foreground", children: trend.label }))] }))] }), icon && (_jsx("div", { className: cn('w-11 h-11 rounded-xl flex items-center justify-center shrink-0', iconColor), children: icon }))] })] }));
+}

package/dist/components/feedback/ConfirmDialog.d.ts

@@ -0,0 +1,18 @@
+interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /** When true, the confirm button renders in destructive red */
+    isDangerous?: boolean;
+    /** Called when user confirms */
+    onConfirm: () => void;
+    /** Called when user cancels or closes */
+    onCancel: () => void;
+    /** Show a loading spinner on the confirm button */
+    isLoading?: boolean;
+}
+export declare function ConfirmDialog({ open, title, description, confirmLabel, cancelLabel, isDangerous, onConfirm, onCancel, isLoading, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/components/feedback/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/ConfirmDialog.tsx"],"names":[],"mappings":"AAOA,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,YAAwB,EACxB,WAAsB,EACtB,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,SAAiB,GAClB,EAAE,kBAAkB,2CAuDpB"}

package/dist/components/feedback/ConfirmDialog.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { AlertCircle } from 'lucide-react';
+import { cn } from '../../utils/cn';
+export function ConfirmDialog({ open, title, description, confirmLabel = 'Confirm', cancelLabel = 'Cancel', isDangerous = false, onConfirm, onCancel, isLoading = false, }) {
+    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: (isOpen) => !isOpen && onCancel(), children: _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }), _jsxs(DialogPrimitive.Content, { className: "fixed left-1/2 top-1/2 z-50 w-full max-w-sm -translate-x-1/2 -translate-y-1/2 rounded-2xl border border-border bg-card p-6 shadow-2xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", children: [_jsxs("div", { className: "flex items-start gap-3 mb-3", children: [isDangerous && (_jsx("div", { className: "w-10 h-10 rounded-full bg-destructive/10 flex items-center justify-center shrink-0 mt-0.5", children: _jsx(AlertCircle, { className: "w-5 h-5 text-destructive" }) })), _jsxs("div", { className: "flex-1", children: [_jsx(DialogPrimitive.Title, { className: "text-base font-semibold text-foreground leading-tight", children: title }), _jsx(DialogPrimitive.Description, { className: "mt-1.5 text-sm text-muted-foreground leading-relaxed", children: description })] })] }), _jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-5", children: [_jsx("button", { onClick: onCancel, disabled: isLoading, className: "inline-flex items-center justify-center h-9 px-4 rounded-lg border border-input bg-background text-sm font-medium text-foreground hover:bg-muted transition-colors disabled:opacity-50", children: cancelLabel }), _jsxs("button", { onClick: onConfirm, disabled: isLoading, className: cn('inline-flex items-center justify-center gap-2 h-9 px-4 rounded-lg text-sm font-semibold text-white transition-colors disabled:opacity-50', isDangerous
+                                        ? 'bg-destructive hover:bg-destructive/90'
+                                        : 'bg-primary hover:bg-primary/90'), children: [isLoading && (_jsxs("svg", { className: "w-4 h-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v8H4z" })] })), confirmLabel] })] })] })] }) }));
+}

package/dist/components/feedback/ErrorState.d.ts

@@ -0,0 +1,10 @@
+interface ErrorStateProps {
+    /** The error message to display */
+    error: string;
+    /** Optional retry callback */
+    onRetry?: () => void;
+    className?: string;
+}
+export declare function ErrorState({ error, onRetry, className }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ErrorState.d.ts.map

package/dist/components/feedback/ErrorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/ErrorState.tsx"],"names":[],"mappings":"AAKA,UAAU,eAAe;IACvB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,eAAe,2CAoBxE"}

package/dist/components/feedback/ErrorState.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, RefreshCw } from 'lucide-react';
+import { cn } from '../../utils/cn';
+export function ErrorState({ error, onRetry, className }) {
+    return (_jsxs("div", { className: cn('flex flex-col items-center justify-center py-16 gap-4 text-center', className), children: [_jsx("div", { className: "w-14 h-14 rounded-full bg-destructive/10 flex items-center justify-center", children: _jsx(AlertTriangle, { className: "w-6 h-6 text-destructive" }) }), _jsxs("div", { children: [_jsx("p", { className: "font-semibold text-foreground", children: "Something went wrong" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1 max-w-sm", children: error })] }), onRetry && (_jsxs("button", { onClick: onRetry, className: "inline-flex items-center gap-2 h-8 px-4 rounded-md border border-input bg-background text-xs font-medium text-foreground hover:bg-muted transition-colors", children: [_jsx(RefreshCw, { className: "w-3.5 h-3.5" }), " Try Again"] }))] }));
+}

package/dist/components/feedback/Skeleton.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+interface SkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Generic skeleton block — use className to set size */
+export declare function Skeleton({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+/** Skeleton shaped like a single line of text */
+export declare function SkeletonText({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+/** Skeleton shaped like a circular avatar */
+export declare function SkeletonAvatar({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+/** Skeleton for a StatCard */
+export declare function SkeletonStatCard({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+/** Skeleton for a table row */
+export declare function SkeletonTableRow({ cols }: {
+    cols?: number;
+}): import("react/jsx-runtime").JSX.Element;
+/** Full skeleton table (header + N rows) */
+export declare function SkeletonTable({ rows, cols }: {
+    rows?: number;
+    cols?: number;
+}): import("react/jsx-runtime").JSX.Element;
+/** Skeleton for a user list item (avatar + two lines) */
+export declare function SkeletonUserRow({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/feedback/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,yDAAyD;AACzD,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,2CAOpD;AAED,iDAAiD;AACjD,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,2CAExD;AAED,6CAA6C;AAC7C,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,2CAE1D;AAID,8BAA8B;AAC9B,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,2CAQ5D;AAED,+BAA+B;AAC/B,wBAAgB,gBAAgB,CAAC,EAAE,IAAQ,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAU/D;AAED,4CAA4C;AAC5C,wBAAgB,aAAa,CAAC,EAAE,IAAQ,EAAE,IAAQ,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAiBrF;AAED,yDAAyD;AACzD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,2CAU3D"}

package/dist/components/feedback/Skeleton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+/** Generic skeleton block — use className to set size */
+export function Skeleton({ className }) {
+    return (_jsx("div", { className: cn('animate-pulse rounded-md bg-muted', className), "aria-hidden": true }));
+}
+/** Skeleton shaped like a single line of text */
+export function SkeletonText({ className }) {
+    return _jsx(Skeleton, { className: cn('h-4 w-3/4', className) });
+}
+/** Skeleton shaped like a circular avatar */
+export function SkeletonAvatar({ className }) {
+    return _jsx(Skeleton, { className: cn('h-9 w-9 rounded-full', className) });
+}
+// ─── Composed skeleton cards ──────────────────────────────────────────────────
+/** Skeleton for a StatCard */
+export function SkeletonStatCard({ className }) {
+    return (_jsxs("div", { className: cn('rounded-2xl border border-border bg-card p-5 space-y-3', className), children: [_jsx(Skeleton, { className: "h-3.5 w-20" }), _jsx(Skeleton, { className: "h-8 w-28" }), _jsx(Skeleton, { className: "h-3 w-16" })] }));
+}
+/** Skeleton for a table row */
+export function SkeletonTableRow({ cols = 4 }) {
+    return (_jsx("tr", { className: "border-b border-border/50", children: Array.from({ length: cols }).map((_, i) => (_jsx("td", { className: "px-4 py-3", children: _jsx(Skeleton, { className: "h-4", style: { width: `${60 + Math.random() * 30}%` } }) }, i))) }));
+}
+/** Full skeleton table (header + N rows) */
+export function SkeletonTable({ rows = 5, cols = 4 }) {
+    return (_jsxs("div", { className: "rounded-xl border border-border overflow-hidden", children: [_jsx("div", { className: "px-4 py-3 border-b border-border bg-muted/40 flex gap-4", children: Array.from({ length: cols }).map((_, i) => (_jsx(Skeleton, { className: "h-3.5 w-20" }, i))) }), _jsx("table", { className: "w-full", children: _jsx("tbody", { children: Array.from({ length: rows }).map((_, i) => (_jsx(SkeletonTableRow, { cols: cols }, i))) }) })] }));
+}
+/** Skeleton for a user list item (avatar + two lines) */
+export function SkeletonUserRow({ className }) {
+    return (_jsxs("div", { className: cn('flex items-center gap-3 p-3', className), children: [_jsx(SkeletonAvatar, {}), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-3.5 w-32" }), _jsx(Skeleton, { className: "h-3 w-48" })] })] }));
+}

package/dist/components/saas/status-badge.d.ts

@@ -1,10 +1,17 @@
-export type SubscriptionStatus = 'active' | 'past_due' | 'canceled' | 'pending_cancellation';
-export interface StatusBadgeProps {
-    status: SubscriptionStatus | string;
+type StatusType = 'todo' | 'in-progress' | 'in_progress' | 'done' | 'cancelled' | 'approved' | 'pending' | 'rejected' | 'submitted' | 'suspended' | 'active' | 'inactive' | 'past_due' | 'draft' | 'published';
+type PriorityType = 'low' | 'medium' | 'high' | 'urgent';
+type RoleType = 'admin' | 'manager' | 'employee' | 'ceo' | 'intern' | 'superadmin' | 'owner';
+export declare function StatusBadge({ status, className }: {
+    status: StatusType;
     className?: string;
-}
-/**
- * Smart Status Badge for Subscription management.
- */
-export declare function StatusBadge({ status, className }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PriorityBadge({ priority, className }: {
+    priority: PriorityType;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RoleBadge({ role, className }: {
+    role: RoleType;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export type { StatusType, PriorityType, RoleType };
 //# sourceMappingURL=status-badge.d.ts.map

package/dist/components/saas/status-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../src/components/saas/status-badge.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,sBAAsB,CAAC;AAE7F,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAiClE"}
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../src/components/saas/status-badge.tsx"],"names":[],"mappings":"AAIA,KAAK,UAAU,GACX,MAAM,GAAG,aAAa,GAAG,aAAa,GAAG,MAAM,GAAG,WAAW,GAC7D,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAC/D,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAC;AAE/D,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEzD,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;AA4C7F,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;IAAE,MAAM,EAAE,UAAU,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAG5F;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,YAAY,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAGpG;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAGpF;AAGD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC"}