@wealthx/shadcn 1.4.0 → 1.5.0

package/dist/chunk-5WMFKQZ6.mjs

@@ -0,0 +1,180 @@
+import {
+  Progress
+} from "./chunk-JPGL36WQ.mjs";
+import {
+  Skeleton
+} from "./chunk-GTAVSBDO.mjs";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "./chunk-GT3RU6GA.mjs";
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/file-preview-dialog.tsx
+import * as React from "react";
+import { AlertCircleIcon, FileTextIcon, GripVerticalIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LoadingState({ columnCount }) {
+  const cols = Math.max(columnCount, 3);
+  return /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: cols }).map((_, i) => /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) }, i)) }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: 4 }).map((_, rowIdx) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: cols }).map((_2, colIdx) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, colIdx)) }, rowIdx)) })
+  ] });
+}
+function EmptyState() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 py-12 text-center", children: [
+    /* @__PURE__ */ jsx(FileTextIcon, { className: "size-10 text-muted-foreground/40" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "No data found" }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "The CSV file appears to be empty or contains only headers." })
+  ] });
+}
+function ErrorState({ message }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 py-12 text-center", children: [
+    /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-10 text-destructive/60" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Unable to parse file" }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: message != null ? message : "The file could not be read. Please check the format and try again." })
+  ] });
+}
+function ImportingState({ progress }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 py-12", children: [
+    /* @__PURE__ */ jsx(Spinner, { className: "size-6" }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-2", children: [
+      /* @__PURE__ */ jsx(Progress, { value: progress, className: "h-1.5" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-center text-xs text-muted-foreground", children: [
+        "Importing\u2026 ",
+        progress,
+        "%"
+      ] })
+    ] })
+  ] });
+}
+function FilePreviewDialog({
+  open,
+  onOpenChange,
+  fileName,
+  state = "preview",
+  errorMessage,
+  columns = [],
+  rows = [],
+  onColumnReorder,
+  onRowChange,
+  onImport,
+  importProgress = 0,
+  totalRows,
+  validRows,
+  className
+}) {
+  const dragSourceRef = React.useRef(null);
+  const [dragOverIndex, setDragOverIndex] = React.useState(null);
+  function handleDragStart(index) {
+    dragSourceRef.current = index;
+  }
+  function handleDragOver(e, index) {
+    e.preventDefault();
+    setDragOverIndex(index);
+  }
+  function handleDrop(targetIndex) {
+    const source = dragSourceRef.current;
+    if (source !== null && source !== targetIndex) {
+      onColumnReorder == null ? void 0 : onColumnReorder(source, targetIndex);
+    }
+    dragSourceRef.current = null;
+    setDragOverIndex(null);
+  }
+  function handleDragEnd() {
+    dragSourceRef.current = null;
+    setDragOverIndex(null);
+  }
+  const isImporting = state === "importing";
+  const canImport = state === "preview" && rows.length > 0;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isImporting ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "3xl", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Preview Import" }) }),
+    fileName && state !== "error" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: fileName }),
+      state === "preview" && totalRows !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
+        validRows != null ? validRows : rows.length,
+        " valid row",
+        (validRows != null ? validRows : rows.length) !== 1 ? "s" : "",
+        " / ",
+        totalRows,
+        " ",
+        "total"
+      ] })
+    ] }),
+    state === "loading" && /* @__PURE__ */ jsx(LoadingState, { columnCount: columns.length }),
+    state === "empty" && /* @__PURE__ */ jsx(EmptyState, {}),
+    state === "error" && /* @__PURE__ */ jsx(ErrorState, { message: errorMessage }),
+    state === "importing" && /* @__PURE__ */ jsx(ImportingState, { progress: importProgress }),
+    state === "preview" && /* @__PURE__ */ jsx("div", { className: "max-h-[400px] overflow-auto border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { className: "sticky top-0 z-10 bg-muted/80 backdrop-blur-sm", children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((col, colIdx) => /* @__PURE__ */ jsx(
+        TableHead,
+        {
+          draggable: true,
+          onDragStart: () => handleDragStart(colIdx),
+          onDragOver: (e) => handleDragOver(e, colIdx),
+          onDrop: () => handleDrop(colIdx),
+          onDragEnd: handleDragEnd,
+          className: cn(
+            "cursor-grab select-none transition-colors",
+            dragOverIndex === colIdx && dragSourceRef.current !== colIdx && "bg-primary/10"
+          ),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { children: col.label })
+          ] })
+        },
+        col.key
+      )) }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, rowIdx) => /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => {
+        var _a;
+        return /* @__PURE__ */ jsx(TableCell, { className: "p-0", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: (_a = row[col.key]) != null ? _a : "",
+            onChange: (e) => onRowChange == null ? void 0 : onRowChange(rowIdx, col.key, e.target.value),
+            className: cn(
+              "w-full bg-transparent px-4 py-3 text-sm text-foreground",
+              "focus:outline-none focus:ring-1 focus:ring-inset focus:ring-primary"
+            )
+          }
+        ) }, col.key);
+      }) }, rowIdx)) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: isImporting,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { disabled: !canImport, onClick: onImport, children: "Import" })
+    ] })
+  ] }) });
+}
+
+export {
+  FilePreviewDialog
+};

package/dist/chunk-623YVI5O.mjs

@@ -0,0 +1,43 @@
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/loan-entry-shell.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function LoanEntryShell({
+  heroSrc,
+  heroAlt = "",
+  logo,
+  title,
+  subtitle,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-screen w-full font-sans", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden shrink-0 md:block md:w-1/2", children: heroSrc ? (
+      // alt="" is sufficient for decorative images — no aria-hidden needed
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: heroSrc,
+          alt: heroAlt,
+          className: "h-full w-full object-cover"
+        }
+      )
+    ) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-muted", "aria-hidden": "true" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col md:w-1/2", children: [
+      logo && /* @__PURE__ */ jsx("div", { className: "px-4 pt-6 sm:px-10 sm:pt-10", children: logo }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-6 px-4 py-6 sm:gap-10 sm:px-10 sm:py-10", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+          /* @__PURE__ */ jsx("h1", { className: "m-0 text-[28px] font-bold leading-9 text-foreground", children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "m-0 max-w-sm text-sm font-normal leading-5 text-muted-foreground", children: subtitle })
+        ] }),
+        children
+      ] })
+    ] })
+  ] });
+}
+
+export {
+  LoanEntryShell
+};

package/dist/{chunk-SFH2NJEJ.mjs → chunk-6OSULDEO.mjs}

@@ -16,7 +16,7 @@ function AuthPageLayout({
     "div",
     {
       className: cn(
-        "relative flex min-h-screen w-full flex-col items-center justify-center px-10 py-16 font-sans",
+        "relative flex min-h-screen w-full flex-col items-center justify-center px-4 py-10 font-sans sm:px-10 sm:py-16",
         className
       ),
       children: [
@@ -29,11 +29,11 @@ function AuthPageLayout({
               wide ? "max-w-full" : "max-w-[581px]"
             ),
             children: [
-              (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "flex w-[320px] flex-col items-center gap-2 text-center", children: [
+              (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[320px] flex-col items-center gap-2 text-center", children: [
                 title && /* @__PURE__ */ jsx("h1", { className: "m-0 text-[30px] font-semibold leading-9 text-card-foreground", children: title }),
                 subtitle && /* @__PURE__ */ jsx("p", { className: "m-0 text-sm font-normal leading-5 text-muted-foreground", children: subtitle })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: cn("w-full", wide ? "max-w-full" : "w-[320px]"), children })
+              /* @__PURE__ */ jsx("div", { className: cn("w-full", wide ? "max-w-full" : "max-w-[320px]"), children })
             ]
           }
         )

package/dist/{chunk-UALR6JGV.mjs → chunk-6SR4K5T5.mjs}

@@ -1,6 +1,6 @@
 import {
   useThemeVars
-} from "./chunk-FEZKMUCF.mjs";
+} from "./chunk-WDTXHLYM.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-D2NSIIXG.mjs → chunk-7KT5HPYM.mjs}

@@ -2,14 +2,6 @@ import {
   Card,
   CardContent
 } from "./chunk-3VDET466.mjs";
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage
-} from "./chunk-H6NQTIF4.mjs";
-import {
-  Badge
-} from "./chunk-WL6WVV47.mjs";
 import {
   Switch
 } from "./chunk-PNSYFE3K.mjs";
@@ -20,7 +12,15 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-P2N2PEFY.mjs";
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "./chunk-H6NQTIF4.mjs";
+import {
+  Badge
+} from "./chunk-WL6WVV47.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
@@ -136,7 +136,7 @@ function AgentMenuModal({
   description = "AI-powered lead management that works around the clock to grow your mortgage business.",
   features = AGENT_FEATURES
 }) {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-lg", align: "top", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-lg", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: agentTitle }),
       /* @__PURE__ */ jsx(DialogDescription, { children: description })
@@ -261,7 +261,7 @@ function ServiceConfigurationModal({
   onDisconnect,
   onReconnect
 }) {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-md", align: "top", children: isConnected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-md", children: isConnected ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: serviceTitle }),
       /* @__PURE__ */ jsx(DialogDescription, { children: "Manage your integration settings." })