@codeswayam/ui 1.1.1 → 1.3.0

package/dist/components/saas/status-badge.js

@@ -1,28 +1,49 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from "../base/badge";
-import { cn } from "../../utils/cn";
-/**
- * Smart Status Badge for Subscription management.
- */
+import { cn } from '../../utils/cn';
+// ─── Styles ────────────────────────────────────────────────────────────────────
+const pillBase = 'inline-flex items-center justify-center rounded-full px-3 py-0.5 text-xs font-semibold tracking-wide select-none whitespace-nowrap';
+const statusStyles = {
+    todo: { label: 'To Do', cls: 'bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-300' },
+    pending: { label: 'Pending', cls: 'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400' },
+    'in-progress': { label: 'In Progress', cls: 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400' },
+    in_progress: { label: 'In Progress', cls: 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400' },
+    submitted: { label: 'In Review', cls: 'bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400' },
+    done: { label: 'Done', cls: 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' },
+    approved: { label: 'Approved', cls: 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400' },
+    active: { label: 'Active', cls: 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400' },
+    published: { label: 'Published', cls: 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400' },
+    cancelled: { label: 'Cancelled', cls: 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400' },
+    rejected: { label: 'Rejected', cls: 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400' },
+    suspended: { label: 'Suspended', cls: 'bg-red-50 text-red-700 border border-red-200 dark:bg-red-900/20 dark:text-red-400' },
+    inactive: { label: 'Inactive', cls: 'bg-slate-100 text-slate-500 dark:bg-slate-800 dark:text-slate-400' },
+    past_due: { label: 'Past Due', cls: 'bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400' },
+    draft: { label: 'Draft', cls: 'bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-300' },
+};
+const priorityStyles = {
+    low: { label: 'Low', cls: 'bg-slate-100 text-slate-500 dark:bg-slate-800 dark:text-slate-400' },
+    medium: { label: 'Medium', cls: 'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400' },
+    high: { label: 'High', cls: 'bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400' },
+    urgent: { label: 'Urgent', cls: 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400' },
+};
+const roleStyles = {
+    superadmin: { label: 'Super Admin', cls: 'bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-400' },
+    owner: { label: 'Owner', cls: 'bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-400' },
+    ceo: { label: 'CEO', cls: 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400' },
+    admin: { label: 'Admin', cls: 'bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-400' },
+    manager: { label: 'Manager', cls: 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400' },
+    employee: { label: 'Employee', cls: 'bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-300' },
+    intern: { label: 'Intern', cls: 'bg-teal-100 text-teal-700 dark:bg-teal-900/30 dark:text-teal-400' },
+};
+// ─── Components ────────────────────────────────────────────────────────────────
 export function StatusBadge({ status, className }) {
-    const normalized = status.toLowerCase();
-    let variant = "outline";
-    let label = status;
-    if (normalized === 'active') {
-        variant = "default"; // Usually green/primary
-        label = "Active";
-    }
-    else if (normalized === 'pending_cancellation') {
-        variant = "secondary";
-        label = "Pending Cancel";
-    }
-    else if (normalized === 'canceled') {
-        variant = "destructive";
-        label = "Canceled";
-    }
-    else if (normalized === 'past_due') {
-        variant = "destructive";
-        label = "Past Due";
-    }
-    return (_jsx(Badge, { variant: variant, className: cn("capitalize font-semibold", normalized === 'active' && "bg-green-500/10 text-green-600 border-green-200 hover:bg-green-500/20", normalized === 'pending_cancellation' && "bg-amber-500/10 text-amber-600 border-amber-200 hover:bg-amber-500/20", className), children: label }));
+    const style = statusStyles[status] ?? statusStyles.pending;
+    return _jsx("span", { className: cn(pillBase, style.cls, className), children: style.label });
+}
+export function PriorityBadge({ priority, className }) {
+    const style = priorityStyles[priority] ?? priorityStyles.medium;
+    return _jsx("span", { className: cn(pillBase, style.cls, className), children: style.label });
+}
+export function RoleBadge({ role, className }) {
+    const style = roleStyles[role] ?? roleStyles.employee;
+    return _jsx("span", { className: cn(pillBase, style.cls, className), children: style.label });
 }

package/dist/index.d.ts

@@ -7,8 +7,23 @@ export * from "./components/base/label";
 export * from "./components/base/avatar";
 export * from "./components/base/dropdown-menu";
 export * from "./components/saas/user-menu";
+export * from "./components/saas/NotificationBell";
 export * from "./components/saas/status-badge";
 export * from "./components/layout/GlobalNavbar";
 export * from "./components/layout/GlobalFooter";
+export * from "./components/brand/BrandNav";
+export * from "./components/brand/BrandFooterSection";
+export * from "./components/data/DataTable";
+export * from "./components/data/TableToolbar";
+export * from "./components/data/EmptyState";
+export * from "./components/display/PageHeader";
+export * from "./components/display/StatCard";
+export * from "./components/display/CopyButton";
+export * from "./components/feedback/ErrorState";
+export * from "./components/feedback/ConfirmDialog";
+export * from "./components/feedback/Skeleton";
+export * from "./components/neural";
 export { cn } from "./utils/cn";
+export * from "./utils/useNotifications";
+export * from "./utils/useWebPush";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAGhD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAG/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AAGjD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAGhD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,gCAAgC,CAAC;AAG/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AAGjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AAItD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,8BAA8B,CAAC;AAI7C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,iCAAiC,CAAC;AAIhD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,qCAAqC,CAAC;AAEpD,cAAc,gCAAgC,CAAC;AAG/C,cAAc,qBAAqB,CAAC;AAGpC,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
-// Base components
+// ─── Base Components ──────────────────────────────────────────────────────────
 export * from "./components/base/modal";
 export * from "./components/base/button";
 export * from "./components/base/card";
@@ -7,11 +7,41 @@ export * from "./components/base/input";
 export * from "./components/base/label";
 export * from "./components/base/avatar";
 export * from "./components/base/dropdown-menu";
-// SaaS Components
+// ─── SaaS Components ─────────────────────────────────────────────────────────
 export * from "./components/saas/user-menu";
+export * from "./components/saas/NotificationBell";
+// StatusBadge, PriorityBadge, RoleBadge, StatusType, PriorityType, RoleType
 export * from "./components/saas/status-badge";
-// Layout components
+// ─── Layout Components ───────────────────────────────────────────────────────
 export * from "./components/layout/GlobalNavbar";
 export * from "./components/layout/GlobalFooter";
-// Utils
+// ─── Brand Mesh Components ────────────────────────────────────────────────────
+export * from "./components/brand/BrandNav";
+export * from "./components/brand/BrandFooterSection";
+// ─── Data Components ─────────────────────────────────────────────────────────
+// DataTable — sortable, paginated, column-visibility-aware table
+export * from "./components/data/DataTable";
+// TableToolbar — search + export/import + bulk actions
+export * from "./components/data/TableToolbar";
+// EmptyState — icon/image + title + description + optional CTA
+export * from "./components/data/EmptyState";
+// ─── Display Components ──────────────────────────────────────────────────────
+// PageHeader — h1 + description + right-slot actions
+export * from "./components/display/PageHeader";
+// StatCard — metric card with icon, value, trend
+export * from "./components/display/StatCard";
+// CopyButton — clipboard copy with success feedback
+export * from "./components/display/CopyButton";
+// ─── Feedback Components ─────────────────────────────────────────────────────
+// ErrorState — error + retry
+export * from "./components/feedback/ErrorState";
+// ConfirmDialog — modal confirmation with danger/default variants
+export * from "./components/feedback/ConfirmDialog";
+// Skeleton, SkeletonText, SkeletonAvatar, SkeletonStatCard, SkeletonTable, SkeletonUserRow
+export * from "./components/feedback/Skeleton";
+// ─── Neural AI Components ───────────────────────────────────────────────────
+export * from "./components/neural";
+// ─── Utils ───────────────────────────────────────────────────────────────────
 export { cn } from "./utils/cn";
+export * from "./utils/useNotifications";
+export * from "./utils/useWebPush";