@fairmint/ui 0.3.0 → 0.3.2

package/dist/components/generic/FileDropzone/FileDropzone.js

@@ -0,0 +1,396 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { neutralColors, brandColors } from "../../../theme/index.js";
+import { colors } from "../../../theme/colors.js";
+import { Button } from "../../primitives/Button/Button.js";
+import { Loader } from "../../primitives/Loader/Loader.js";
+import { Stack, Box } from "../../primitives/layout.js";
+import { Banner } from "../Banner/Banner.js";
+import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
+import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { ThemeIcon } from "../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.js";
+const errorTextProps = {
+  size: "xs",
+  c: colors.error,
+  style: { lineHeight: 1.4 }
+};
+const rejectionTextProps = {
+  size: "sm",
+  c: 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(${neutralColors[50]}, ${neutralColors[50]}) padding-box, linear-gradient(135deg, ${brandColors.indigo}, ${brandColors.purple}) border-box`;
+function DefaultUploadIcon() {
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M12 13v8" }),
+        /* @__PURE__ */ 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__ */ jsx("path", { d: "m8 17 4-4 4 4" })
+      ]
+    }
+  );
+}
+function DefaultBrowseIcon() {
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M14 2v6h6" }),
+        /* @__PURE__ */ jsx("path", { d: "M10 13H8" }),
+        /* @__PURE__ */ jsx("path", { d: "M16 13h-2" }),
+        /* @__PURE__ */ jsx("path", { d: "M10 17H8" }),
+        /* @__PURE__ */ jsx("path", { d: "M13 17h2" })
+      ]
+    }
+  );
+}
+function DefaultCompactAddIcon() {
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M12 19V5" }),
+        /* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7" })
+      ]
+    }
+  );
+}
+function pluralizeFiles(count) {
+  return count === 1 ? "file" : "files";
+}
+function DropzoneUploadingLabel({ label }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Text, { component: "span", size: "sm", className: "file-dropzone-status--active", role: "status", children: label }),
+    /* @__PURE__ */ jsx(DropzoneStatusStyles, {})
+  ] });
+}
+function DropzoneStatusStyles() {
+  return /* @__PURE__ */ jsx("style", { children: `
+      .file-dropzone-status--active {
+        display: inline-block;
+        background-image: linear-gradient(90deg, ${brandColors.indigo}, ${brandColors.purple}, ${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: ${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 = useRef(null);
+  const dragCounterRef = useRef(0);
+  const [internalDragging, setInternalDragging] = useState(false);
+  const isDragging = dragging ?? internalDragging;
+  const isCompact = variant === "compact";
+  const showUploadingChrome = uploading && !isCompact;
+  const resolvedUploadIcon = uploadIcon ?? /* @__PURE__ */ jsx(DefaultUploadIcon, {});
+  const resolvedBrowseIcon = browseIcon ?? /* @__PURE__ */ jsx(DefaultBrowseIcon, {});
+  const resolvedCompactAddIcon = compactAddIcon ?? /* @__PURE__ */ 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__ */ 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__ */ jsxs(Stack, { gap: "xs", "data-testid": "file-dropzone", className: "file-dropzone-root", w: "100%", miw: 0, children: [
+    isCompact ? /* @__PURE__ */ jsxs(
+      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 ? neutralColors[500] : neutralColors[300]}`,
+          background: isDragging ? neutralColors[100] : neutralColors[50],
+          transition: "background 0.15s ease, border-color 0.15s ease",
+          opacity: disabled ? 0.6 : 1
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              justify: "space-between",
+              wrap: "nowrap",
+              gap: "sm",
+              className: "file-dropzone-compact-row",
+              align: "flex-start",
+              children: [
+                /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", className: "file-dropzone-compact-leading", miw: 0, children: [
+                  /* @__PURE__ */ jsx(Box, { c: neutralColors[600], style: { display: "flex" }, "aria-hidden": true, children: resolvedCompactAddIcon }),
+                  /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: neutralColors[800], children: compactAddLabel })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    size: "sm",
+                    c: neutralColors[600],
+                    className: "file-dropzone-compact-progress",
+                    style: { fontVariantNumeric: "tabular-nums" },
+                    children: resolvedCompactProgress
+                  }
+                )
+              ]
+            }
+          ),
+          fileInput
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs(
+      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 : neutralColors[50],
+          borderStyle: isDragging ? "solid" : "dashed",
+          borderColor: isDragging ? "transparent" : neutralColors[300],
+          boxShadow: isDragging ? `0 0 0 4px ${brandColors.indigo}1f` : "none",
+          transition: "box-shadow 0.2s ease, border-color 0.2s ease"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(Stack, { gap: "sm", align: "center", children: [
+            /* @__PURE__ */ jsx(
+              ThemeIcon,
+              {
+                size: 56,
+                radius: "xl",
+                variant: "light",
+                color: 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__ */ jsx(Loader, { size: "sm", color: colors.primary, "aria-hidden": true }) : resolvedUploadIcon
+              }
+            ),
+            /* @__PURE__ */ jsxs(Stack, { gap: "xs", align: "center", className: "file-dropzone-copy", w: "100%", children: [
+              /* @__PURE__ */ jsx(Text, { fw: 600, c: neutralColors[900], className: "file-dropzone-title", ta: "center", children: title }),
+              showUploadingChrome && /* @__PURE__ */ jsx(DropzoneUploadingLabel, { label: uploadingLabel }),
+              supportedTypes.length > 0 && /* @__PURE__ */ jsx(
+                Group,
+                {
+                  gap: 6,
+                  justify: "center",
+                  wrap: "wrap",
+                  w: "100%",
+                  className: "file-dropzone-chips",
+                  children: supportedTypes.map((type) => /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      component: "span",
+                      size: "xs",
+                      fw: 500,
+                      c: neutralColors[600],
+                      px: 8,
+                      py: 2,
+                      style: {
+                        background: neutralColors[100],
+                        borderRadius: 999,
+                        whiteSpace: "nowrap"
+                      },
+                      children: type
+                    },
+                    type
+                  ))
+                }
+              ),
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: neutralColors[500], ta: "center", className: "file-dropzone-helper", children: resolvedHelperCopy })
+            ] }),
+            /* @__PURE__ */ jsx(
+              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__ */ jsx(
+      Banner,
+      {
+        tone: "error",
+        icon: null,
+        title: "Some files weren't added",
+        description: /* @__PURE__ */ jsx(Stack, { gap: 2, children: fileRejections.map((rejection) => /* @__PURE__ */ jsx(Text, { ...rejectionTextProps, children: rejection.error }, `${rejection.name}:${rejection.error}`)) })
+      }
+    ),
+    errorMessage && /* @__PURE__ */ jsx(Text, { ...errorTextProps, role: "alert", children: errorMessage })
+  ] });
+}
+export {
+  FILE_DROPZONE_DEFAULT_MAX_FILES,
+  FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES,
+  FileDropzone
+};
+//# sourceMappingURL=FileDropzone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.js","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":[],"mappings":";;;;;;;;;;;AAQA,MAAM,iBAAiB;AAAA,EACrB,MAAM;AAAA,EACN,GAAG,OAAO;AAAA,EACV,OAAO,EAAE,YAAY,IAAA;AACvB;AAEA,MAAM,qBAAqB;AAAA,EACzB,MAAM;AAAA,EACN,GAAG,cAAc,GAAG;AAAA,EACpB,OAAO,EAAE,YAAY,IAAA;AACvB;AAGO,MAAM,wCAAwC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,kCAAkC;AA0E/C,MAAM,uBAAuB,mBAAmB,cAAc,EAAE,CAAC,KAAK,cAAc,EAAE,CAAC,0CAA0C,YAAY,MAAM,KAAK,YAAY,MAAM;AAE1K,SAAS,oBAAoB;AAC3B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MAEf,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,QACnB,oBAAC,QAAA,EAAK,GAAE,2DAAA,CAA2D;AAAA,QACnE,oBAAC,QAAA,EAAK,GAAE,gBAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9B;AAEA,SAAS,oBAAoB;AAC3B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MAEf,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,GAAE,6DAAA,CAA6D;AAAA,QACrE,oBAAC,QAAA,EAAK,GAAE,YAAA,CAAY;AAAA,QACpB,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,QACnB,oBAAC,QAAA,EAAK,GAAE,YAAA,CAAY;AAAA,QACpB,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,QACnB,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzB;AAEA,SAAS,wBAAwB;AAC/B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MAEf,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,QACnB,oBAAC,QAAA,EAAK,GAAE,gBAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9B;AAEA,SAAS,eAAe,OAAuB;AAC7C,SAAO,UAAU,IAAI,SAAS;AAChC;AAEA,SAAS,uBAAuB,EAAE,SAA4B;AAC5D,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAK,WAAU,QAAO,MAAK,MAAK,WAAU,gCAA+B,MAAK,UAC5E,UAAA,MAAA,CACH;AAAA,wBACC,sBAAA,CAAA,CAAqB;AAAA,EAAA,GACxB;AAEJ;AAEA,SAAS,uBAAuB;AAC9B,6BACG,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA,mDAGuC,YAAY,MAAM,KAAK,YAAY,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAYhG,cAAc,GAAG,CAAC;AAAA;AAAA;AAAA,OAG/B;AAEN;AAgBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,iBAAiB,CAAA;AAAA,EACjB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,iBAAiB,OAAO,CAAC;AAC/B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,aAAa,YAAY;AAC/B,QAAM,YAAY,YAAY;AAE9B,QAAM,sBAAsB,aAAa,CAAC;AAC1C,QAAM,qBAAqB,cAAc,oBAAC,mBAAA,CAAA,CAAkB;AAC5D,QAAM,qBAAqB,cAAc,oBAAC,mBAAA,CAAA,CAAkB;AAC5D,QAAM,yBAAyB,kBAAkB,oBAAC,uBAAA,CAAA,CAAsB;AACxE,QAAM,qBACJ,eACC,sBACG,0CACA,eAAe,QAAQ,YAAY,gBAAgB;AACzD,QAAM,gBAAgB,KAAK,IAAI,GAAG,SAAS;AAC3C,QAAM,kBAAkB,KAAK,IAAI,KAAK,IAAI,GAAG,aAAa,GAAG,aAAa;AAC1E,QAAM,MAAM,gBAAgB,IAAI,KAAK,MAAO,kBAAkB,gBAAiB,GAAG,IAAI;AACtF,QAAM,yBACJ,gBAAgB,IACZ,GAAG,aAAa,IAAI,eAAe,aAAa,CAAC,MAAM,eAAe,OAAO,aAAa,cAAc,GAAG,OAC3G;AACN,QAAM,0BAA0B,uBAAuB;AACvD,QAAM,mBAAmB,GAAG,eAAe;AAE3C,QAAM,cAAc,CAAC,aAA0C;AAC7D,QAAI,SAAU;AACd,QAAI,CAAC,YAAY,SAAS,WAAW,EAAG;AACxC,oBAAgB,CAAC,GAAG,QAAQ,CAAC;AAAA,EAC/B;AAEA,QAAM,aAAa,MAAM;AACvB,QAAI,SAAU;AACd,aAAS,SAAS,MAAA;AAAA,EACpB;AAEA,QAAM,cAAc,CAAC,SAAkB;AACrC,QAAI,aAAa,QAAW;AAC1B,0BAAoB,IAAI;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,UAAqC;AAC5D,UAAM,eAAA;AACN,QAAI,SAAU;AACd,mBAAe,WAAW;AAC1B,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,kBAAkB,MAAM;AAI5B,mBAAe,UAAU,KAAK,IAAI,GAAG,eAAe,UAAU,CAAC;AAC/D,QAAI,eAAe,YAAY,GAAG;AAChC,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF;AAEA,QAAM,iBAAiB,CAAC,UAAqC;AAG3D,UAAM,eAAA;AACN,QAAI,SAAU;AACd,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,aAAa,CAAC,UAAqC;AACvD,UAAM,eAAA;AACN,mBAAe,UAAU;AACzB,gBAAY,KAAK;AACjB,QAAI,SAAU;AACd,gBAAY,MAAM,aAAa,KAAK;AAAA,EACtC;AAEA,QAAM,YACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA,UAAQ;AAAA,MACR,QAAM;AAAA,MACN;AAAA,MACA,eAAY;AAAA,MACZ,UAAU;AAAA,MACV,SAAS,CAAC,UAAU,MAAM,gBAAA;AAAA,MAC1B,UAAU,CAAC,UAAU;AACnB,oBAAY,MAAM,OAAO,KAAK;AAC9B,cAAM,OAAO,QAAQ;AAAA,MACvB;AAAA,IAAA;AAAA,EAAA;AAIJ,SACE,qBAAC,OAAA,EAAM,KAAI,MAAK,eAAY,iBAAgB,WAAU,sBAAqB,GAAE,QAAO,KAAK,GACtF,UAAA;AAAA,IAAA,YACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,WAAW,KAAK;AAAA,QAC1B,cAAY;AAAA,QACZ,iBAAe;AAAA,QACf,eAAY;AAAA,QACZ,iBAAe,cAAc;AAAA,QAC7B,WAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW,CAAC,UAAyC;AACnD,cAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,kBAAM,eAAA;AACN,uBAAA;AAAA,UACF;AAAA,QACF;AAAA,QACA,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,QAAQ,WAAW,gBAAgB;AAAA,UACnC,cAAc;AAAA,UACd,SAAS;AAAA,UACT,QAAQ,cAAc,aAAa,cAAc,GAAG,IAAI,cAAc,GAAG,CAAC;AAAA,UAC1E,YAAY,aAAa,cAAc,GAAG,IAAI,cAAc,EAAE;AAAA,UAC9D,YAAY;AAAA,UACZ,SAAS,WAAW,MAAM;AAAA,QAAA;AAAA,QAG5B,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,KAAI;AAAA,cACJ,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,UAAA;AAAA,gBAAA,qBAAC,OAAA,EAAM,KAAK,GAAG,MAAK,UAAS,WAAU,iCAAgC,KAAK,GAC1E,UAAA;AAAA,kBAAA,oBAAC,KAAA,EAAI,GAAG,cAAc,GAAG,GAAG,OAAO,EAAE,SAAS,OAAA,GAAU,eAAW,MAChE,UAAA,uBAAA,CACH;AAAA,kBACA,oBAAC,MAAA,EAAK,MAAK,MAAK,IAAI,KAAK,GAAG,cAAc,GAAG,GAC1C,UAAA,gBAAA,CACH;AAAA,gBAAA,GACF;AAAA,gBACA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,GAAG,cAAc,GAAG;AAAA,oBACpB,WAAU;AAAA,oBACV,OAAO,EAAE,oBAAoB,eAAA;AAAA,oBAE5B,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAED;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAGH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAe,YAAY;AAAA,QAC3B,aAAW,uBAAuB;AAAA,QAClC,eAAY;AAAA,QACZ,kBAAgB,uBAAuB;AAAA,QACvC,iBAAe,cAAc;AAAA,QAC7B,WAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,QAAQ,WAAW,gBAAgB;AAAA,UACnC,SAAS,WAAW,MAAM;AAAA,UAC1B,cAAc;AAAA,UACd,SAAS;AAAA,UACT,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY,aAAa,uBAAuB,cAAc,EAAE;AAAA,UAChE,aAAa,aAAa,UAAU;AAAA,UACpC,aAAa,aAAa,gBAAgB,cAAc,GAAG;AAAA,UAC3D,WAAW,aAAa,aAAa,YAAY,MAAM,OAAO;AAAA,UAC9D,YAAY;AAAA,QAAA;AAAA,QAGd,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAM,KAAI,MAAK,OAAM,UACpB,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,QAAO;AAAA,gBACP,SAAQ;AAAA,gBACR,OAAO,OAAO;AAAA,gBACd,WAAW,0BACT,aACI,kCACA,sBACE,mCACA,EACR;AAAA,gBACA,iBAAe,cAAc;AAAA,gBAC7B,kBAAgB,uBAAuB;AAAA,gBAEtC,UAAA,sBACC,oBAAC,QAAA,EAAO,MAAK,MAAK,OAAO,OAAO,SAAS,eAAW,KAAA,CAAC,IAErD;AAAA,cAAA;AAAA,YAAA;AAAA,YAGJ,qBAAC,SAAM,KAAI,MAAK,OAAM,UAAS,WAAU,sBAAqB,GAAE,QAC9D,UAAA;AAAA,cAAA,oBAAC,MAAA,EAAK,IAAI,KAAK,GAAG,cAAc,GAAG,GAAG,WAAU,uBAAsB,IAAG,UACtE,UAAA,MAAA,CACH;AAAA,cACC,uBAAuB,oBAAC,wBAAA,EAAuB,OAAO,eAAA,CAAgB;AAAA,cACtE,eAAe,SAAS,KACvB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,GAAE;AAAA,kBACF,WAAU;AAAA,kBAET,UAAA,eAAe,IAAI,CAAC,SACnB;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,WAAU;AAAA,sBACV,MAAK;AAAA,sBACL,IAAI;AAAA,sBACJ,GAAG,cAAc,GAAG;AAAA,sBACpB,IAAI;AAAA,sBACJ,IAAI;AAAA,sBACJ,OAAO;AAAA,wBACL,YAAY,cAAc,GAAG;AAAA,wBAC7B,cAAc;AAAA,wBACd,YAAY;AAAA,sBAAA;AAAA,sBAGb,UAAA;AAAA,oBAAA;AAAA,oBAbI;AAAA,kBAAA,CAeR;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGL,oBAAC,MAAA,EAAK,MAAK,MAAK,GAAG,cAAc,GAAG,GAAG,IAAG,UAAS,WAAU,wBAC1D,UAAA,mBAAA,CACH;AAAA,YAAA,GACF;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,QAAO;AAAA,gBACP;AAAA,gBACA,WAAU;AAAA,gBACV,KAAK;AAAA,gBACL,aAAa;AAAA,gBACb,SAAS,CAAC,UAAU;AAClB,wBAAM,gBAAA;AACN,6BAAA;AAAA,gBACF;AAAA,gBAEC,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,GACF;AAAA,UACC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIJ,eAAe,SAAS,KACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAM;AAAA,QACN,iCACG,OAAA,EAAM,KAAK,GACT,UAAA,eAAe,IAAI,CAAC,cACnB,oBAAC,MAAA,EAAmD,GAAG,oBACpD,UAAA,UAAU,MAAA,GADF,GAAG,UAAU,IAAI,IAAI,UAAU,KAAK,EAE/C,CACD,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAKL,gBACC,oBAAC,MAAA,EAAM,GAAG,gBAAgB,MAAK,SAC5B,UAAA,aAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/fairmint-ui.cjs

@@ -16,6 +16,7 @@ const PhoneField = require("./components/form/PhoneField.cjs");
 const USStateField = require("./components/form/USStateField/USStateField.cjs");
 const ZipField = require("./components/form/ZipField/ZipField.cjs");
 const AnimateIn = require("./components/generic/AnimateIn/AnimateIn.cjs");
+const Banner = require("./components/generic/Banner/Banner.cjs");
 const ClickableCard = require("./components/generic/ClickableCard/ClickableCard.cjs");
 const ColorDot = require("./components/generic/ColorDot/ColorDot.cjs");
 const CompanyBanner = require("./components/generic/CompanyBanner/CompanyBanner.cjs");
@@ -26,10 +27,12 @@ const DataRow = require("./components/generic/DataRow/DataRow.cjs");
 const DataTable = require("./components/generic/DataTable/DataTable.cjs");
 const DateDisplay = require("./components/generic/DateDisplay/DateDisplay.cjs");
 const DetailDrawer = require("./components/generic/DetailDrawer/DetailDrawer.cjs");
+const DocumentRow$1 = require("./components/generic/DocumentRow/DocumentRow.cjs");
 const EditableSection = require("./components/generic/EditableSection/EditableSection.cjs");
 const EmptyState = require("./components/generic/EmptyState/EmptyState.cjs");
 const ErrorPage = require("./components/generic/ErrorPage/ErrorPage.cjs");
 const Eyebrow = require("./components/generic/Eyebrow/Eyebrow.cjs");
+const FileDropzone = require("./components/generic/FileDropzone/FileDropzone.cjs");
 const ListRow = require("./components/generic/ListRow/ListRow.cjs");
 const MultiSelectSearch = require("./components/generic/MultiSelectSearch/MultiSelectSearch.cjs");
 const Percent = require("./components/generic/Percent/Percent.cjs");
@@ -159,6 +162,7 @@ exports.ZipField = ZipField.ZipField;
 exports.createZipSchema = ZipField.createZipSchema;
 exports.zipSchema = ZipField.zipSchema;
 exports.AnimateIn = AnimateIn.AnimateIn;
+exports.Banner = Banner.Banner;
 exports.ClickableCard = ClickableCard.ClickableCard;
 exports.ColorDot = ColorDot.ColorDot;
 exports.CompanyBanner = CompanyBanner.CompanyBanner;
@@ -171,10 +175,14 @@ exports.StackedValue = DataRow.StackedValue;
 exports.DataTable = DataTable.DataTable;
 exports.DateDisplay = DateDisplay.DateDisplay;
 exports.DetailDrawer = DetailDrawer.DetailDrawer;
+exports.DocumentStatusRow = DocumentRow$1.DocumentStatusRow;
 exports.EditableSection = EditableSection.EditableSection;
 exports.EmptyState = EmptyState.EmptyState;
 exports.ErrorPage = ErrorPage.ErrorPage;
 exports.Eyebrow = Eyebrow.Eyebrow;
+exports.FILE_DROPZONE_DEFAULT_MAX_FILES = FileDropzone.FILE_DROPZONE_DEFAULT_MAX_FILES;
+exports.FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES = FileDropzone.FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES;
+exports.FileDropzone = FileDropzone.FileDropzone;
 exports.ListRow = ListRow.ListRow;
 exports.MultiSelectSearch = MultiSelectSearch.MultiSelectSearch;
 exports.Percent = Percent.Percent;
@@ -431,6 +439,7 @@ exports.Tabs = Tabs.Tabs;
 exports.Textarea = Textarea.Textarea;
 exports.TextInput = TextInput.TextInput;
 exports.Tooltip = Tooltip.Tooltip;
+exports.DocumentListRow = DocumentRow.DocumentRow;
 exports.DocumentRow = DocumentRow.DocumentRow;
 exports.EquityGrantCard = EquityGrantCard.EquityGrantCard;
 exports.InvestmentCard = InvestmentCard.InvestmentCard;

package/dist/fairmint-ui.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fairmint-ui.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fairmint-ui.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/fairmint-ui.js

@@ -14,6 +14,7 @@ import { PhoneField, formatPhone, formatPhoneDisplay, normalizePhone, phoneSchem
 import { USStateField, US_STATES } from "./components/form/USStateField/USStateField.js";
 import { ZipField, createZipSchema, zipSchema } from "./components/form/ZipField/ZipField.js";
 import { AnimateIn } from "./components/generic/AnimateIn/AnimateIn.js";
+import { Banner } from "./components/generic/Banner/Banner.js";
 import { ClickableCard } from "./components/generic/ClickableCard/ClickableCard.js";
 import { ColorDot } from "./components/generic/ColorDot/ColorDot.js";
 import { CompanyBanner } from "./components/generic/CompanyBanner/CompanyBanner.js";
@@ -24,10 +25,12 @@ import { DataRow, RedactedValue, StackedValue } from "./components/generic/DataR
 import { DataTable } from "./components/generic/DataTable/DataTable.js";
 import { DateDisplay } from "./components/generic/DateDisplay/DateDisplay.js";
 import { DetailDrawer } from "./components/generic/DetailDrawer/DetailDrawer.js";
+import { DocumentStatusRow } from "./components/generic/DocumentRow/DocumentRow.js";
 import { EditableSection } from "./components/generic/EditableSection/EditableSection.js";
 import { EmptyState } from "./components/generic/EmptyState/EmptyState.js";
 import { ErrorPage } from "./components/generic/ErrorPage/ErrorPage.js";
 import { Eyebrow } from "./components/generic/Eyebrow/Eyebrow.js";
+import { FILE_DROPZONE_DEFAULT_MAX_FILES, FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES, FileDropzone } from "./components/generic/FileDropzone/FileDropzone.js";
 import { ListRow } from "./components/generic/ListRow/ListRow.js";
 import { MultiSelectSearch } from "./components/generic/MultiSelectSearch/MultiSelectSearch.js";
 import { Percent } from "./components/generic/Percent/Percent.js";
@@ -72,7 +75,7 @@ import { Tab, Tabs } from "./components/primitives/Tabs/Tabs.js";
 import { Textarea } from "./components/primitives/Textarea/Textarea.js";
 import { TextInput } from "./components/primitives/TextInput/TextInput.js";
 import { Tooltip } from "./components/primitives/Tooltip/Tooltip.js";
-import { DocumentRow } from "./components/specific/DocumentRow/DocumentRow.js";
+import { DocumentRow, DocumentRow as DocumentRow2 } from "./components/specific/DocumentRow/DocumentRow.js";
 import { EquityGrantCard } from "./components/specific/EquityGrantCard/EquityGrantCard.js";
 import { InvestmentCard } from "./components/specific/InvestmentCard/InvestmentCard.js";
 import { InvestorProfileCard } from "./components/specific/InvestorProfileCard/InvestorProfileCard.js";
@@ -167,6 +170,7 @@ export {
   Badge,
   BankIcon,
   BankNoteIcon,
+  Banner,
   BarChartIcon,
   BarChartOutlinedIcon,
   BellIcon,
@@ -237,7 +241,9 @@ export {
   DialogContent,
   DialogTitle,
   Divider,
-  DocumentRow,
+  DocumentRow as DocumentListRow,
+  DocumentRow2 as DocumentRow,
+  DocumentStatusRow,
   DownloadIcon,
   DrawOutlinedIcon,
   Drawer,
@@ -259,6 +265,8 @@ export {
   ExpandLessIcon,
   ExpandMoreIcon,
   Eyebrow,
+  FILE_DROPZONE_DEFAULT_MAX_FILES,
+  FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES,
   FacebookLogo,
   FairmintBrandLogo,
   FairmintLogo,
@@ -266,6 +274,7 @@ export {
   FairmintProvider,
   FairmintRibbonMark,
   FileDownloadOutlinedIcon,
+  FileDropzone,
   FileIcon,
   FilterListIcon,
   Flex,

package/dist/fairmint-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"fairmint-ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fairmint-ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -32,6 +32,8 @@ export type { ZipFieldProps, ZipSchemaOptions } from './components/form/ZipField
 export { createZipSchema, ZipField, zipSchema } from './components/form/ZipField/ZipField';
 export type { AnimateInDirection, AnimateInProps } from './components/generic/AnimateIn/AnimateIn';
 export { AnimateIn } from './components/generic/AnimateIn/AnimateIn';
+export type { BannerActionProps, BannerPresentation, BannerProps, BannerTone, } from './components/generic/Banner/Banner';
+export { Banner } from './components/generic/Banner/Banner';
 export type { ClickableCardProps } from './components/generic/ClickableCard/ClickableCard';
 export { ClickableCard } from './components/generic/ClickableCard/ClickableCard';
 export type { ColorDotProps } from './components/generic/ColorDot/ColorDot';
@@ -52,6 +54,8 @@ export type { DateDisplayProps } from './components/generic/DateDisplay/DateDisp
 export { DateDisplay } from './components/generic/DateDisplay/DateDisplay';
 export type { DetailDrawerProps } from './components/generic/DetailDrawer/DetailDrawer';
 export { DetailDrawer } from './components/generic/DetailDrawer/DetailDrawer';
+export type { DocumentStatusRowProps, DocumentStatusRowStatus, } from './components/generic/DocumentRow/DocumentRow';
+export { DocumentStatusRow } from './components/generic/DocumentRow/DocumentRow';
 export type { EditableSectionProps } from './components/generic/EditableSection/EditableSection';
 export { EditableSection } from './components/generic/EditableSection/EditableSection';
 export type { EmptyStateProps } from './components/generic/EmptyState/EmptyState';
@@ -60,6 +64,8 @@ export type { ErrorPageCode, ErrorPageProps } from './components/generic/ErrorPa
 export { ErrorPage } from './components/generic/ErrorPage/ErrorPage';
 export type { EyebrowProps } from './components/generic/Eyebrow/Eyebrow';
 export { Eyebrow } from './components/generic/Eyebrow/Eyebrow';
+export type { FileDropzoneProps, FileDropzoneRejection, } from './components/generic/FileDropzone/FileDropzone';
+export { FILE_DROPZONE_DEFAULT_MAX_FILES, FILE_DROPZONE_DEFAULT_SUPPORTED_TYPES, FileDropzone, } from './components/generic/FileDropzone/FileDropzone';
 export type { ListRowProps } from './components/generic/ListRow/ListRow';
 export { ListRow } from './components/generic/ListRow/ListRow';
 export type { MultiSelectSearchData, MultiSelectSearchOption, MultiSelectSearchOptionGroup, MultiSelectSearchProps, } from './components/generic/MultiSelectSearch/MultiSelectSearch';
@@ -122,8 +128,8 @@ export { Tab, Tabs } from './components/primitives/Tabs/Tabs';
 export { Textarea, type TextareaProps } from './components/primitives/Textarea/Textarea';
 export { TextInput } from './components/primitives/TextInput/TextInput';
 export { Tooltip } from './components/primitives/Tooltip/Tooltip';
-export type { DocumentRowProps } from './components/specific/DocumentRow/DocumentRow';
-export { DocumentRow } from './components/specific/DocumentRow/DocumentRow';
+export type { DocumentRowProps, DocumentRowProps as DocumentListRowProps, } from './components/specific/DocumentRow/DocumentRow';
+export { DocumentRow, DocumentRow as DocumentListRow, } from './components/specific/DocumentRow/DocumentRow';
 export type { EquityGrantCardProps } from './components/specific/EquityGrantCard/EquityGrantCard';
 export { EquityGrantCard } from './components/specific/EquityGrantCard/EquityGrantCard';
 export type { EquityRibbonChartProps, FairmintRibbonMarkProps, RibbonBackground, RibbonGradientStop, RibbonLayout, } from './components/specific/EquityRibbonChart';