@arbidocs/blocks 0.4.72 → 0.4.73

package/dist/files/index.cjs

@@ -6,101 +6,24 @@ var chunk4DVEGXZQ_cjs = require('../chunk-4DVEGXZQ.cjs');
 var chunkZPERNIMP_cjs = require('../chunk-ZPERNIMP.cjs');
 var chunk3AFWGEDJ_cjs = require('../chunk-3AFWGEDJ.cjs');
 var chunkVFUWWH52_cjs = require('../chunk-VFUWWH52.cjs');
+var chunkDETZZBG2_cjs = require('../chunk-DETZZBG2.cjs');
 var chunkIA7RTPT3_cjs = require('../chunk-IA7RTPT3.cjs');
 var chunk2EI7NCUA_cjs = require('../chunk-2EI7NCUA.cjs');
 var chunkOB5F4577_cjs = require('../chunk-OB5F4577.cjs');
-require('../chunk-C54XEN5T.cjs');
 require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-PPCATBOY.cjs');
+require('../chunk-C54XEN5T.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
 var chunkVLCY46K6_cjs = require('../chunk-VLCY46K6.cjs');
 var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 var chunkMHVNT4J3_cjs = require('../chunk-MHVNT4J3.cjs');
 require('../chunk-DES3K4SD.cjs');
-var react = require('react');
-var lucideReact = require('lucide-react');
+var classVarianceAuthority = require('class-variance-authority');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var lucideReact = require('lucide-react');
 
-function UploadDropzone({
-  onFiles,
-  accept,
-  multiple = true,
-  disabled = false,
-  uploading = false,
-  title = "Drag files here",
-  description = "or click to browse",
-  hint,
-  uploadingLabel = "Uploading\u2026",
-  icon: Icon = lucideReact.UploadCloud,
-  testId,
-  className
-}) {
-  const inputRef = react.useRef(null);
-  const [dragOver, setDragOver] = react.useState(false);
-  const inert = disabled || uploading;
-  const pick2 = (files) => {
-    if (!files?.length) return;
-    onFiles(Array.from(files));
-  };
-  const onDrop = (e) => {
-    e.preventDefault();
-    setDragOver(false);
-    if (inert) return;
-    pick2(e.dataTransfer.files);
-  };
-  const onDragOver = (e) => {
-    e.preventDefault();
-    if (!inert) setDragOver(true);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: () => !inert && inputRef.current?.click(),
-      onDrop,
-      onDragOver,
-      onDragLeave: () => setDragOver(false),
-      disabled: inert,
-      "data-testid": testId,
-      className: ui.cn(
-        "flex w-full flex-col items-center justify-center gap-3 rounded-lg bg-muted px-6 py-12 text-center transition-colors",
-        "hover:bg-accent/60",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        dragOver && "bg-accent ring-2 ring-primary",
-        inert && "cursor-not-allowed opacity-60 hover:bg-muted",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ref: inputRef,
-            type: "file",
-            accept,
-            multiple,
-            className: "hidden",
-            onChange: (e) => {
-              pick2(e.target.files);
-              if (inputRef.current) inputRef.current.value = "";
-            },
-            "data-testid": testId ? `${testId}-input` : void 0
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10 text-primary", children: uploading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-6 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-6" }) }),
-        uploading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: uploadingLabel }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-foreground", children: [
-            title,
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: description })
-          ] }),
-          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: hint })
-        ] })
-      ]
-    }
-  );
-}
 var pill = classVarianceAuthority.cva(
   "inline-flex max-w-full items-center justify-center gap-1 rounded-full text-xs font-medium leading-none",
   {
@@ -7157,6 +7080,10 @@ Object.defineProperty(exports, "HoverIconCell", {
   enumerable: true,
   get: function () { return chunk3AFWGEDJ_cjs.HoverIconCell; }
 });
+Object.defineProperty(exports, "UploadDropzone", {
+  enumerable: true,
+  get: function () { return chunkDETZZBG2_cjs.UploadDropzone; }
+});
 Object.defineProperty(exports, "DEFAULT_SELECTION_BAR_LABELS", {
   enumerable: true,
   get: function () { return chunkIA7RTPT3_cjs.DEFAULT_SELECTION_BAR_LABELS; }
@@ -7320,7 +7247,6 @@ exports.TranslationCompareTable = TranslationCompareTable;
 exports.UploadBrowseButtons = UploadBrowseButtons;
 exports.UploadContainer = UploadContainer;
 exports.UploadDropArea = UploadDropArea;
-exports.UploadDropzone = UploadDropzone;
 exports.UploadErrorMessage = UploadErrorMessage;
 exports.UploadFooterBar = UploadFooterBar;
 exports.UploadFrame = UploadFrame;