@fairmint/ui 0.3.0 → 0.3.2

package/dist/components/generic/FileDropzone/FileDropzone.cjs

@@ -0,0 +1,396 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../../theme/index.cjs");
+const colors = require("../../../theme/colors.cjs");
+const Button = require("../../primitives/Button/Button.cjs");
+const Loader = require("../../primitives/Loader/Loader.cjs");
+const layout = require("../../primitives/layout.cjs");
+const Banner = require("../Banner/Banner.cjs");
+const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
+const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const ThemeIcon = require("../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.cjs");
+const errorTextProps = {
+  size: "xs",
+  c: colors.colors.error,
+  style: { lineHeight: 1.4 }
+};
+const rejectionTextProps = {
+  size: "sm",
+  c: index.neutralColors[500],
+  style: { lineHeight: 1.4 }
+};
+const FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES = [
+  "SAFE",
+  "Convertible note",
+  "Purchase agreement",
+  "Token warrant",
+  "Other agreement"
+];
+const FILE_DROPZONE_DEFAULT_MAX_FILES = 50;
+const DRAG_GRADIENT_BORDER = `linear-gradient(${index.neutralColors[50]}, ${index.neutralColors[50]}) padding-box, linear-gradient(135deg, ${index.brandColors.indigo}, ${index.brandColors.purple}) border-box`;
+function DefaultUploadIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "28",
+      height: "28",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.75",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 13v8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8 17 4-4 4 4" })
+      ]
+    }
+  );
+}
+function DefaultBrowseIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.75",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2v6h6" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 13H8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 13h-2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 17H8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 17h2" })
+      ]
+    }
+  );
+}
+function DefaultCompactAddIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.75",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 19V5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m5 12 7-7 7 7" })
+      ]
+    }
+  );
+}
+function pluralizeFiles(count) {
+  return count === 1 ? "file" : "files";
+}
+function DropzoneUploadingLabel({ label }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { component: "span", size: "sm", className: "file-dropzone-status--active", role: "status", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(DropzoneStatusStyles, {})
+  ] });
+}
+function DropzoneStatusStyles() {
+  return /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+      .file-dropzone-status--active {
+        display: inline-block;
+        background-image: linear-gradient(90deg, ${index.brandColors.indigo}, ${index.brandColors.purple}, ${index.brandColors.indigo});
+        background-size: 200% auto;
+        -webkit-background-clip: text;
+        background-clip: text;
+        color: transparent;
+        font-weight: 500;
+        animation: gradientFlow 2.2s linear infinite;
+      }
+      @media (prefers-reduced-motion: reduce) {
+        .file-dropzone-status--active {
+          animation: none;
+          background-image: none;
+          color: ${index.neutralColors[600]};
+        }
+      }
+    ` });
+}
+function FileDropzone({
+  onFilesSelected,
+  variant = "default",
+  errorMessage,
+  fileRejections = [],
+  uploading = false,
+  uploadingLabel = "Uploading…",
+  disabled = false,
+  dragging,
+  title = "Drop your PDFs here, or browse",
+  helperCopy,
+  supportedTypes = FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES,
+  browseLabel = "Browse",
+  maxFiles = FILE_DROPZONE_DEFAULT_MAX_FILES,
+  maxFileSizeLabel = "50MB each",
+  accept = "application/pdf,.pdf",
+  fileCount = 0,
+  analyzedCount = 0,
+  compactProgressText,
+  compactAddLabel = "Add more PDFs",
+  uploadIcon,
+  browseIcon,
+  compactAddIcon
+}) {
+  const inputRef = React.useRef(null);
+  const dragCounterRef = React.useRef(0);
+  const [internalDragging, setInternalDragging] = React.useState(false);
+  const isDragging = dragging ?? internalDragging;
+  const isCompact = variant === "compact";
+  const showUploadingChrome = uploading && !isCompact;
+  const resolvedUploadIcon = uploadIcon ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultUploadIcon, {});
+  const resolvedBrowseIcon = browseIcon ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultBrowseIcon, {});
+  const resolvedCompactAddIcon = compactAddIcon ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultCompactAddIcon, {});
+  const resolvedHelperCopy = helperCopy ?? (showUploadingChrome ? "You can add more PDFs while we upload" : `PDF · up to ${maxFiles} files · ${maxFileSizeLabel}`);
+  const safeFileCount = Math.max(0, fileCount);
+  const clampedAnalyzed = Math.min(Math.max(0, analyzedCount), safeFileCount);
+  const pct = safeFileCount > 0 ? Math.round(clampedAnalyzed / safeFileCount * 100) : 0;
+  const defaultCompactProgress = safeFileCount > 0 ? `${safeFileCount} ${pluralizeFiles(safeFileCount)} · ${clampedAnalyzed} of ${safeFileCount} analyzed (${pct}%)` : null;
+  const resolvedCompactProgress = compactProgressText ?? defaultCompactProgress;
+  const compactAriaLabel = `${compactAddLabel}. Drop files here or activate to browse.`;
+  const handleFiles = (fileList) => {
+    if (disabled) return;
+    if (!fileList || fileList.length === 0) return;
+    onFilesSelected([...fileList]);
+  };
+  const openPicker = () => {
+    if (disabled) return;
+    inputRef.current?.click();
+  };
+  const setDragging = (next) => {
+    if (dragging === void 0) {
+      setInternalDragging(next);
+    }
+  };
+  const handleDragEnter = (event) => {
+    event.preventDefault();
+    if (disabled) return;
+    dragCounterRef.current += 1;
+    setDragging(true);
+  };
+  const handleDragLeave = () => {
+    dragCounterRef.current = Math.max(0, dragCounterRef.current - 1);
+    if (dragCounterRef.current === 0) {
+      setDragging(false);
+    }
+  };
+  const handleDragOver = (event) => {
+    event.preventDefault();
+    if (disabled) return;
+    setDragging(true);
+  };
+  const handleDrop = (event) => {
+    event.preventDefault();
+    dragCounterRef.current = 0;
+    setDragging(false);
+    if (disabled) return;
+    handleFiles(event.dataTransfer.files);
+  };
+  const fileInput = /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref: inputRef,
+      type: "file",
+      accept,
+      multiple: true,
+      hidden: true,
+      disabled,
+      "aria-hidden": "true",
+      tabIndex: -1,
+      onClick: (event) => event.stopPropagation(),
+      onChange: (event) => {
+        handleFiles(event.target.files);
+        event.target.value = "";
+      }
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: "xs", "data-testid": "file-dropzone", className: "file-dropzone-root", w: "100%", miw: 0, children: [
+    isCompact ? /* @__PURE__ */ jsxRuntime.jsxs(
+      layout.Box,
+      {
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-label": compactAriaLabel,
+        "aria-disabled": disabled,
+        "data-testid": "file-dropzone-surface",
+        "data-dragging": isDragging || void 0,
+        className: "file-dropzone-surface file-dropzone-surface--compact",
+        onClick: openPicker,
+        onKeyDown: (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            openPicker();
+          }
+        },
+        onDragEnter: handleDragEnter,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        style: {
+          cursor: disabled ? "not-allowed" : "pointer",
+          borderRadius: 12,
+          padding: "10px 16px",
+          border: `1px dashed ${isDragging ? index.neutralColors[500] : index.neutralColors[300]}`,
+          background: isDragging ? index.neutralColors[100] : index.neutralColors[50],
+          transition: "background 0.15s ease, border-color 0.15s ease",
+          opacity: disabled ? 0.6 : 1
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Group.Group,
+            {
+              justify: "space-between",
+              wrap: "nowrap",
+              gap: "sm",
+              className: "file-dropzone-compact-row",
+              align: "flex-start",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: 6, wrap: "nowrap", className: "file-dropzone-compact-leading", miw: 0, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(layout.Box, { c: index.neutralColors[600], style: { display: "flex" }, "aria-hidden": true, children: resolvedCompactAddIcon }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", fw: 500, c: index.neutralColors[800], children: compactAddLabel })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Text.Text,
+                  {
+                    size: "sm",
+                    c: index.neutralColors[600],
+                    className: "file-dropzone-compact-progress",
+                    style: { fontVariantNumeric: "tabular-nums" },
+                    children: resolvedCompactProgress
+                  }
+                )
+              ]
+            }
+          ),
+          fileInput
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(
+      layout.Box,
+      {
+        "aria-disabled": disabled || void 0,
+        "aria-busy": showUploadingChrome || void 0,
+        "data-testid": "file-dropzone-surface",
+        "data-uploading": showUploadingChrome || void 0,
+        "data-dragging": isDragging || void 0,
+        className: "file-dropzone-surface file-dropzone-surface--default",
+        onClick: openPicker,
+        onDragEnter: handleDragEnter,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        style: {
+          cursor: disabled ? "not-allowed" : "pointer",
+          opacity: disabled ? 0.6 : 1,
+          borderRadius: 16,
+          padding: "40px 24px",
+          textAlign: "center",
+          border: "2px solid transparent",
+          background: isDragging ? DRAG_GRADIENT_BORDER : index.neutralColors[50],
+          borderStyle: isDragging ? "solid" : "dashed",
+          borderColor: isDragging ? "transparent" : index.neutralColors[300],
+          boxShadow: isDragging ? `0 0 0 4px ${index.brandColors.indigo}1f` : "none",
+          transition: "box-shadow 0.2s ease, border-color 0.2s ease"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: "sm", align: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ThemeIcon.ThemeIcon,
+              {
+                size: 56,
+                radius: "xl",
+                variant: "light",
+                color: colors.colors.primary,
+                className: `file-dropzone-icon-wrap${isDragging ? " file-dropzone-icon--dragging" : showUploadingChrome ? " file-dropzone-icon--uploading" : ""}`,
+                "data-dragging": isDragging || void 0,
+                "data-uploading": showUploadingChrome || void 0,
+                children: showUploadingChrome ? /* @__PURE__ */ jsxRuntime.jsx(Loader.Loader, { size: "sm", color: colors.colors.primary, "aria-hidden": true }) : resolvedUploadIcon
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: "xs", align: "center", className: "file-dropzone-copy", w: "100%", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 600, c: index.neutralColors[900], className: "file-dropzone-title", ta: "center", children: title }),
+              showUploadingChrome && /* @__PURE__ */ jsxRuntime.jsx(DropzoneUploadingLabel, { label: uploadingLabel }),
+              supportedTypes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                Group.Group,
+                {
+                  gap: 6,
+                  justify: "center",
+                  wrap: "wrap",
+                  w: "100%",
+                  className: "file-dropzone-chips",
+                  children: supportedTypes.map((type) => /* @__PURE__ */ jsxRuntime.jsx(
+                    Text.Text,
+                    {
+                      component: "span",
+                      size: "xs",
+                      fw: 500,
+                      c: index.neutralColors[600],
+                      px: 8,
+                      py: 2,
+                      style: {
+                        background: index.neutralColors[100],
+                        borderRadius: 999,
+                        whiteSpace: "nowrap"
+                      },
+                      children: type
+                    },
+                    type
+                  ))
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "xs", c: index.neutralColors[500], ta: "center", className: "file-dropzone-helper", children: resolvedHelperCopy })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                variant: "light",
+                radius: "md",
+                disabled,
+                className: "file-dropzone-browse",
+                mih: 44,
+                leftSection: resolvedBrowseIcon,
+                onClick: (event) => {
+                  event.stopPropagation();
+                  openPicker();
+                },
+                children: browseLabel
+              }
+            )
+          ] }),
+          fileInput
+        ]
+      }
+    ),
+    fileRejections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      Banner.Banner,
+      {
+        tone: "error",
+        icon: null,
+        title: "Some files weren't added",
+        description: /* @__PURE__ */ jsxRuntime.jsx(layout.Stack, { gap: 2, children: fileRejections.map((rejection) => /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { ...rejectionTextProps, children: rejection.error }, `${rejection.name}:${rejection.error}`)) })
+      }
+    ),
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { ...errorTextProps, role: "alert", children: errorMessage })
+  ] });
+}
+exports.FILE_DROPZONE_DEFAULT_MAX_FILES = FILE_DROPZONE_DEFAULT_MAX_FILES;
+exports.FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES = FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES;
+exports.FileDropzone = FileDropzone;
+//# sourceMappingURL=FileDropzone.cjs.map

package/dist/components/generic/FileDropzone/FileDropzone.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.cjs","sources":["../../../../src/components/generic/FileDropzone/FileDropzone.tsx"],"sourcesContent":["import { type DragEvent, type KeyboardEvent, type ReactNode, useRef, useState } from \"react\";\nimport { brandColors, neutralColors } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Button } from \"../../primitives/Button/Button\";\nimport { Loader } from \"../../primitives/Loader/Loader\";\nimport { Box, Group, Stack, Text, ThemeIcon } from \"../../primitives/layout\";\nimport { Banner } from \"../Banner/Banner\";\n\nconst errorTextProps = {\n  size: \"xs\" as const,\n  c: colors.error,\n  style: { lineHeight: 1.4 },\n};\n\nconst rejectionTextProps = {\n  size: \"sm\" as const,\n  c: neutralColors[500],\n  style: { lineHeight: 1.4 },\n};\n\n/** Default supported document-type chips shown beneath the dropzone title. */\nexport const FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES = [\n  \"SAFE\",\n  \"Convertible note\",\n  \"Purchase agreement\",\n  \"Token warrant\",\n  \"Other agreement\",\n] as const;\n\n/** Default batch cap surfaced in the dropzone helper copy. */\nexport const FILE_DROPZONE_DEFAULT_MAX_FILES = 50;\n\nexport interface FileDropzoneRejection {\n  name: string;\n  error: string;\n}\n\nexport interface FileDropzoneProps {\n  /**\n   * Called with the files the user selected or dropped. Per-file validation,\n   * dedup, and batch caps are the caller's responsibility.\n   */\n  onFilesSelected: (files: File[]) => void;\n  /** Full dropzone (Stage A) or collapsed header (Stages B/C). @default \"default\" */\n  variant?: \"default\" | \"compact\";\n  /** External error (e.g. upload failure) shown beneath the dropzone. */\n  errorMessage?: string | null;\n  /** Per-file validation rejections (wrong type, oversize, batch cap, etc.). */\n  fileRejections?: FileDropzoneRejection[];\n  /**\n   * Default variant only: shows the live upload animation (loader + gradient\n   * status). The dropzone stays interactive so callers can queue more files\n   * while an upload batch is in flight (ENG-854).\n   *\n   * Ignored by `variant=\"compact\"` — keep the add-more bar calm and put\n   * processing copy on parent-owned file rows instead (Slack design review).\n   */\n  uploading?: boolean;\n  /**\n   * Default variant only: gradient status copy while `uploading` is true.\n   * @default \"Uploading…\"\n   */\n  uploadingLabel?: string;\n  /** Disables all interaction (e.g. final import). Does not apply to `uploading`. */\n  disabled?: boolean;\n  /**\n   * Visual override for drag-active styling (Storybook / visual tests). Omit for\n   * normal drag-and-drop behavior.\n   */\n  dragging?: boolean;\n  /** Primary heading in the default variant. */\n  title?: string;\n  /** Override the helper line beneath the title/chips. */\n  helperCopy?: string;\n  /** Supported document-type chips. Pass `[]` to hide chips (e.g. cap table uses prose above). */\n  supportedTypes?: readonly string[];\n  /** Label on the Browse / Choose files button. @default \"Browse\" */\n  browseLabel?: string;\n  /** Maximum files copy-deck number. @default 50 */\n  maxFiles?: number;\n  /** Size constraint copy shown in the helper line. @default \"50MB each\" */\n  maxFileSizeLabel?: string;\n  /** `input[type=file]` accept attribute. @default \"application/pdf,.pdf\" */\n  accept?: string;\n  /** Compact variant: staged file count (investor: total staged files). */\n  fileCount?: number;\n  /** Compact variant: completed count (investor: analyzed files). */\n  analyzedCount?: number;\n  /**\n   * Compact variant: custom progress copy. When set, replaces the default\n   * investor string (`9 files · 3 of 9 analyzed (33%)`). Use for cap table\n   * (`6 files · 4 classified`) or pipeline states (`Processing 2 documents`).\n   */\n  compactProgressText?: string;\n  /** Compact variant: leading action label. @default \"Add more PDFs\" */\n  compactAddLabel?: string;\n  /** Icon in the default variant upload circle. */\n  uploadIcon?: ReactNode;\n  /** Icon beside the Browse button. */\n  browseIcon?: ReactNode;\n  /** Icon beside the compact add label. */\n  compactAddIcon?: ReactNode;\n}\n\nconst DRAG_GRADIENT_BORDER = `linear-gradient(${neutralColors[50]}, ${neutralColors[50]}) padding-box, linear-gradient(135deg, ${brandColors.indigo}, ${brandColors.purple}) border-box`;\n\nfunction DefaultUploadIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"28\"\n      height=\"28\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.75\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M12 13v8\" />\n      <path d=\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\" />\n      <path d=\"m8 17 4-4 4 4\" />\n    </svg>\n  );\n}\n\nfunction DefaultBrowseIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.75\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\" />\n      <path d=\"M14 2v6h6\" />\n      <path d=\"M10 13H8\" />\n      <path d=\"M16 13h-2\" />\n      <path d=\"M10 17H8\" />\n      <path d=\"M13 17h2\" />\n    </svg>\n  );\n}\n\nfunction DefaultCompactAddIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.75\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M12 19V5\" />\n      <path d=\"m5 12 7-7 7 7\" />\n    </svg>\n  );\n}\n\nfunction pluralizeFiles(count: number): string {\n  return count === 1 ? \"file\" : \"files\";\n}\n\nfunction DropzoneUploadingLabel({ label }: { label: string }) {\n  return (\n    <>\n      <Text component=\"span\" size=\"sm\" className=\"file-dropzone-status--active\" role=\"status\">\n        {label}\n      </Text>\n      <DropzoneStatusStyles />\n    </>\n  );\n}\n\nfunction DropzoneStatusStyles() {\n  return (\n    <style>{`\n      .file-dropzone-status--active {\n        display: inline-block;\n        background-image: linear-gradient(90deg, ${brandColors.indigo}, ${brandColors.purple}, ${brandColors.indigo});\n        background-size: 200% auto;\n        -webkit-background-clip: text;\n        background-clip: text;\n        color: transparent;\n        font-weight: 500;\n        animation: gradientFlow 2.2s linear infinite;\n      }\n      @media (prefers-reduced-motion: reduce) {\n        .file-dropzone-status--active {\n          animation: none;\n          background-image: none;\n          color: ${neutralColors[600]};\n        }\n      }\n    `}</style>\n  );\n}\n\n/**\n * Multi-file document dropzone for investor import and similar flows.\n *\n * Keyboard-operable: the visible Browse button is the sole focusable control;\n * clicking the drop surface also opens the file picker. Drag state adds a\n * `breathe` glow. Set `uploading` on the **default** variant for the ENG-854\n * gradient status + loader while keeping the dropzone open for more files;\n * reserve `disabled` for hard blocks. Compact stays a calm add-more control —\n * put flashy processing copy on parent-owned file rows, not the header.\n *\n * Responsive: uses CSS container queries on `.file-dropzone-root` so the layout\n * adapts inside narrow right panels (cap table drawer ~360px, investor aside\n * ~420px) without callers passing breakpoint props.\n */\nexport function FileDropzone({\n  onFilesSelected,\n  variant = \"default\",\n  errorMessage,\n  fileRejections = [],\n  uploading = false,\n  uploadingLabel = \"Uploading…\",\n  disabled = false,\n  dragging,\n  title = \"Drop your PDFs here, or browse\",\n  helperCopy,\n  supportedTypes = FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES,\n  browseLabel = \"Browse\",\n  maxFiles = FILE_DROPZONE_DEFAULT_MAX_FILES,\n  maxFileSizeLabel = \"50MB each\",\n  accept = \"application/pdf,.pdf\",\n  fileCount = 0,\n  analyzedCount = 0,\n  compactProgressText,\n  compactAddLabel = \"Add more PDFs\",\n  uploadIcon,\n  browseIcon,\n  compactAddIcon,\n}: FileDropzoneProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const dragCounterRef = useRef(0);\n  const [internalDragging, setInternalDragging] = useState(false);\n  const isDragging = dragging ?? internalDragging;\n  const isCompact = variant === \"compact\";\n  /** Compact never shows upload chrome — processing belongs on file rows. */\n  const showUploadingChrome = uploading && !isCompact;\n  const resolvedUploadIcon = uploadIcon ?? <DefaultUploadIcon />;\n  const resolvedBrowseIcon = browseIcon ?? <DefaultBrowseIcon />;\n  const resolvedCompactAddIcon = compactAddIcon ?? <DefaultCompactAddIcon />;\n  const resolvedHelperCopy =\n    helperCopy ??\n    (showUploadingChrome\n      ? \"You can add more PDFs while we upload\"\n      : `PDF · up to ${maxFiles} files · ${maxFileSizeLabel}`);\n  const safeFileCount = Math.max(0, fileCount);\n  const clampedAnalyzed = Math.min(Math.max(0, analyzedCount), safeFileCount);\n  const pct = safeFileCount > 0 ? Math.round((clampedAnalyzed / safeFileCount) * 100) : 0;\n  const defaultCompactProgress =\n    safeFileCount > 0\n      ? `${safeFileCount} ${pluralizeFiles(safeFileCount)} · ${clampedAnalyzed} of ${safeFileCount} analyzed (${pct}%)`\n      : null;\n  const resolvedCompactProgress = compactProgressText ?? defaultCompactProgress;\n  const compactAriaLabel = `${compactAddLabel}. Drop files here or activate to browse.`;\n\n  const handleFiles = (fileList: FileList | null | undefined) => {\n    if (disabled) return;\n    if (!fileList || fileList.length === 0) return;\n    onFilesSelected([...fileList]);\n  };\n\n  const openPicker = () => {\n    if (disabled) return;\n    inputRef.current?.click();\n  };\n\n  const setDragging = (next: boolean) => {\n    if (dragging === undefined) {\n      setInternalDragging(next);\n    }\n  };\n\n  const handleDragEnter = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    if (disabled) return;\n    dragCounterRef.current += 1;\n    setDragging(true);\n  };\n\n  const handleDragLeave = () => {\n    // Counter-only: each enter/leave (including child targets) must balance.\n    // Do not also filter with relatedTarget containment — that skips decrements\n    // while enters still increment, leaving drag state stuck above zero.\n    dragCounterRef.current = Math.max(0, dragCounterRef.current - 1);\n    if (dragCounterRef.current === 0) {\n      setDragging(false);\n    }\n  };\n\n  const handleDragOver = (event: DragEvent<HTMLDivElement>) => {\n    // Always cancel default so the browser does not navigate/open the file on\n    // drop — including when the dropzone is disabled.\n    event.preventDefault();\n    if (disabled) return;\n    setDragging(true);\n  };\n\n  const handleDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    dragCounterRef.current = 0;\n    setDragging(false);\n    if (disabled) return;\n    handleFiles(event.dataTransfer.files);\n  };\n\n  const fileInput = (\n    <input\n      ref={inputRef}\n      type=\"file\"\n      accept={accept}\n      multiple\n      hidden\n      disabled={disabled}\n      aria-hidden=\"true\"\n      tabIndex={-1}\n      onClick={(event) => event.stopPropagation()}\n      onChange={(event) => {\n        handleFiles(event.target.files);\n        event.target.value = \"\";\n      }}\n    />\n  );\n\n  return (\n    <Stack gap=\"xs\" data-testid=\"file-dropzone\" className=\"file-dropzone-root\" w=\"100%\" miw={0}>\n      {isCompact ? (\n        <Box\n          role=\"button\"\n          tabIndex={disabled ? -1 : 0}\n          aria-label={compactAriaLabel}\n          aria-disabled={disabled}\n          data-testid=\"file-dropzone-surface\"\n          data-dragging={isDragging || undefined}\n          className=\"file-dropzone-surface file-dropzone-surface--compact\"\n          onClick={openPicker}\n          onKeyDown={(event: KeyboardEvent<HTMLDivElement>) => {\n            if (event.key === \"Enter\" || event.key === \" \") {\n              event.preventDefault();\n              openPicker();\n            }\n          }}\n          onDragEnter={handleDragEnter}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          style={{\n            cursor: disabled ? \"not-allowed\" : \"pointer\",\n            borderRadius: 12,\n            padding: \"10px 16px\",\n            border: `1px dashed ${isDragging ? neutralColors[500] : neutralColors[300]}`,\n            background: isDragging ? neutralColors[100] : neutralColors[50],\n            transition: \"background 0.15s ease, border-color 0.15s ease\",\n            opacity: disabled ? 0.6 : 1,\n          }}\n        >\n          <Group\n            justify=\"space-between\"\n            wrap=\"nowrap\"\n            gap=\"sm\"\n            className=\"file-dropzone-compact-row\"\n            align=\"flex-start\"\n          >\n            <Group gap={6} wrap=\"nowrap\" className=\"file-dropzone-compact-leading\" miw={0}>\n              <Box c={neutralColors[600]} style={{ display: \"flex\" }} aria-hidden>\n                {resolvedCompactAddIcon}\n              </Box>\n              <Text size=\"sm\" fw={500} c={neutralColors[800]}>\n                {compactAddLabel}\n              </Text>\n            </Group>\n            <Text\n              size=\"sm\"\n              c={neutralColors[600]}\n              className=\"file-dropzone-compact-progress\"\n              style={{ fontVariantNumeric: \"tabular-nums\" }}\n            >\n              {resolvedCompactProgress}\n            </Text>\n          </Group>\n          {fileInput}\n        </Box>\n      ) : (\n        <Box\n          aria-disabled={disabled || undefined}\n          aria-busy={showUploadingChrome || undefined}\n          data-testid=\"file-dropzone-surface\"\n          data-uploading={showUploadingChrome || undefined}\n          data-dragging={isDragging || undefined}\n          className=\"file-dropzone-surface file-dropzone-surface--default\"\n          onClick={openPicker}\n          onDragEnter={handleDragEnter}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          style={{\n            cursor: disabled ? \"not-allowed\" : \"pointer\",\n            opacity: disabled ? 0.6 : 1,\n            borderRadius: 16,\n            padding: \"40px 24px\",\n            textAlign: \"center\",\n            border: \"2px solid transparent\",\n            background: isDragging ? DRAG_GRADIENT_BORDER : neutralColors[50],\n            borderStyle: isDragging ? \"solid\" : \"dashed\",\n            borderColor: isDragging ? \"transparent\" : neutralColors[300],\n            boxShadow: isDragging ? `0 0 0 4px ${brandColors.indigo}1f` : \"none\",\n            transition: \"box-shadow 0.2s ease, border-color 0.2s ease\",\n          }}\n        >\n          <Stack gap=\"sm\" align=\"center\">\n            <ThemeIcon\n              size={56}\n              radius=\"xl\"\n              variant=\"light\"\n              color={colors.primary}\n              className={`file-dropzone-icon-wrap${\n                isDragging\n                  ? \" file-dropzone-icon--dragging\"\n                  : showUploadingChrome\n                    ? \" file-dropzone-icon--uploading\"\n                    : \"\"\n              }`}\n              data-dragging={isDragging || undefined}\n              data-uploading={showUploadingChrome || undefined}\n            >\n              {showUploadingChrome ? (\n                <Loader size=\"sm\" color={colors.primary} aria-hidden />\n              ) : (\n                resolvedUploadIcon\n              )}\n            </ThemeIcon>\n            <Stack gap=\"xs\" align=\"center\" className=\"file-dropzone-copy\" w=\"100%\">\n              <Text fw={600} c={neutralColors[900]} className=\"file-dropzone-title\" ta=\"center\">\n                {title}\n              </Text>\n              {showUploadingChrome && <DropzoneUploadingLabel label={uploadingLabel} />}\n              {supportedTypes.length > 0 && (\n                <Group\n                  gap={6}\n                  justify=\"center\"\n                  wrap=\"wrap\"\n                  w=\"100%\"\n                  className=\"file-dropzone-chips\"\n                >\n                  {supportedTypes.map((type) => (\n                    <Text\n                      key={type}\n                      component=\"span\"\n                      size=\"xs\"\n                      fw={500}\n                      c={neutralColors[600]}\n                      px={8}\n                      py={2}\n                      style={{\n                        background: neutralColors[100],\n                        borderRadius: 999,\n                        whiteSpace: \"nowrap\",\n                      }}\n                    >\n                      {type}\n                    </Text>\n                  ))}\n                </Group>\n              )}\n              <Text size=\"xs\" c={neutralColors[500]} ta=\"center\" className=\"file-dropzone-helper\">\n                {resolvedHelperCopy}\n              </Text>\n            </Stack>\n            <Button\n              variant=\"light\"\n              radius=\"md\"\n              disabled={disabled}\n              className=\"file-dropzone-browse\"\n              mih={44}\n              leftSection={resolvedBrowseIcon}\n              onClick={(event) => {\n                event.stopPropagation();\n                openPicker();\n              }}\n            >\n              {browseLabel}\n            </Button>\n          </Stack>\n          {fileInput}\n        </Box>\n      )}\n\n      {fileRejections.length > 0 && (\n        <Banner\n          tone=\"error\"\n          icon={null}\n          title=\"Some files weren't added\"\n          description={\n            <Stack gap={2}>\n              {fileRejections.map((rejection) => (\n                <Text key={`${rejection.name}:${rejection.error}`} {...rejectionTextProps}>\n                  {rejection.error}\n                </Text>\n              ))}\n            </Stack>\n          }\n        />\n      )}\n\n      {errorMessage && (\n        <Text {...errorTextProps} role=\"alert\">\n          {errorMessage}\n        </Text>\n      )}\n    </Stack>\n  );\n}\n"],"names":["colors","neutralColors","brandColors","jsxs","jsx","Fragment","Text","useRef","useState","Stack","Box","Group","ThemeIcon","Loader","Button","Banner"],"mappings":"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"}

package/dist/components/generic/FileDropzone/FileDropzone.d.ts

@@ -0,0 +1,91 @@
+import { ReactNode } from 'react';
+/** Default supported document-type chips shown beneath the dropzone title. */
+export declare const FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES: readonly ["SAFE", "Convertible note", "Purchase agreement", "Token warrant", "Other agreement"];
+/** Default batch cap surfaced in the dropzone helper copy. */
+export declare const FILE_DROPZONE_DEFAULT_MAX_FILES = 50;
+export interface FileDropzoneRejection {
+    name: string;
+    error: string;
+}
+export interface FileDropzoneProps {
+    /**
+     * Called with the files the user selected or dropped. Per-file validation,
+     * dedup, and batch caps are the caller's responsibility.
+     */
+    onFilesSelected: (files: File[]) => void;
+    /** Full dropzone (Stage A) or collapsed header (Stages B/C). @default "default" */
+    variant?: "default" | "compact";
+    /** External error (e.g. upload failure) shown beneath the dropzone. */
+    errorMessage?: string | null;
+    /** Per-file validation rejections (wrong type, oversize, batch cap, etc.). */
+    fileRejections?: FileDropzoneRejection[];
+    /**
+     * Default variant only: shows the live upload animation (loader + gradient
+     * status). The dropzone stays interactive so callers can queue more files
+     * while an upload batch is in flight (ENG-854).
+     *
+     * Ignored by `variant="compact"` — keep the add-more bar calm and put
+     * processing copy on parent-owned file rows instead (Slack design review).
+     */
+    uploading?: boolean;
+    /**
+     * Default variant only: gradient status copy while `uploading` is true.
+     * @default "Uploading…"
+     */
+    uploadingLabel?: string;
+    /** Disables all interaction (e.g. final import). Does not apply to `uploading`. */
+    disabled?: boolean;
+    /**
+     * Visual override for drag-active styling (Storybook / visual tests). Omit for
+     * normal drag-and-drop behavior.
+     */
+    dragging?: boolean;
+    /** Primary heading in the default variant. */
+    title?: string;
+    /** Override the helper line beneath the title/chips. */
+    helperCopy?: string;
+    /** Supported document-type chips. Pass `[]` to hide chips (e.g. cap table uses prose above). */
+    supportedTypes?: readonly string[];
+    /** Label on the Browse / Choose files button. @default "Browse" */
+    browseLabel?: string;
+    /** Maximum files copy-deck number. @default 50 */
+    maxFiles?: number;
+    /** Size constraint copy shown in the helper line. @default "50MB each" */
+    maxFileSizeLabel?: string;
+    /** `input[type=file]` accept attribute. @default "application/pdf,.pdf" */
+    accept?: string;
+    /** Compact variant: staged file count (investor: total staged files). */
+    fileCount?: number;
+    /** Compact variant: completed count (investor: analyzed files). */
+    analyzedCount?: number;
+    /**
+     * Compact variant: custom progress copy. When set, replaces the default
+     * investor string (`9 files · 3 of 9 analyzed (33%)`). Use for cap table
+     * (`6 files · 4 classified`) or pipeline states (`Processing 2 documents`).
+     */
+    compactProgressText?: string;
+    /** Compact variant: leading action label. @default "Add more PDFs" */
+    compactAddLabel?: string;
+    /** Icon in the default variant upload circle. */
+    uploadIcon?: ReactNode;
+    /** Icon beside the Browse button. */
+    browseIcon?: ReactNode;
+    /** Icon beside the compact add label. */
+    compactAddIcon?: ReactNode;
+}
+/**
+ * Multi-file document dropzone for investor import and similar flows.
+ *
+ * Keyboard-operable: the visible Browse button is the sole focusable control;
+ * clicking the drop surface also opens the file picker. Drag state adds a
+ * `breathe` glow. Set `uploading` on the **default** variant for the ENG-854
+ * gradient status + loader while keeping the dropzone open for more files;
+ * reserve `disabled` for hard blocks. Compact stays a calm add-more control —
+ * put flashy processing copy on parent-owned file rows, not the header.
+ *
+ * Responsive: uses CSS container queries on `.file-dropzone-root` so the layout
+ * adapts inside narrow right panels (cap table drawer ~360px, investor aside
+ * ~420px) without callers passing breakpoint props.
+ */
+export declare function FileDropzone({ onFilesSelected, variant, errorMessage, fileRejections, uploading, uploadingLabel, disabled, dragging, title, helperCopy, supportedTypes, browseLabel, maxFiles, maxFileSizeLabel, accept, fileCount, analyzedCount, compactProgressText, compactAddLabel, uploadIcon, browseIcon, compactAddIcon, }: FileDropzoneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FileDropzone.d.ts.map

package/dist/components/generic/FileDropzone/FileDropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/FileDropzone/FileDropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAoB7F,8EAA8E;AAC9E,eAAO,MAAM,qCAAqC,iGAMxC,CAAC;AAEX,8DAA8D;AAC9D,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAElD,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,mFAAmF;IACnF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACzC;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gGAAgG;IAChG,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,qCAAqC;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,yCAAyC;IACzC,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAyGD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAC3B,eAAe,EACf,OAAmB,EACnB,YAAY,EACZ,cAAmB,EACnB,SAAiB,EACjB,cAA6B,EAC7B,QAAgB,EAChB,QAAQ,EACR,KAAwC,EACxC,UAAU,EACV,cAAsD,EACtD,WAAsB,EACtB,QAA0C,EAC1C,gBAA8B,EAC9B,MAA+B,EAC/B,SAAa,EACb,aAAiB,EACjB,mBAAmB,EACnB,eAAiC,EACjC,UAAU,EACV,UAAU,EACV,cAAc,GACf,EAAE,iBAAiB,2CAyRnB"}