@underverse-ui/underverse 1.0.180 → 1.0.181

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.180",
+  "version": "1.0.181",
   "sourceEntry": "src/index.ts",
   "totalExports": 248,
   "exports": [

package/dist/index.cjs

@@ -21903,7 +21903,8 @@ function ImageUpload({
   previewSize = "md",
   dragDropText,
   browseText,
-  supportedFormatsText
+  supportedFormatsText,
+  uploadAreaHeight
 }) {
   const [isDragging, setIsDragging] = (0, import_react27.useState)(false);
   const [uploading, setUploading] = (0, import_react27.useState)(false);
@@ -21912,10 +21913,12 @@ function ImageUpload({
   const { addToast } = useToast();
   const t = useSmartTranslations("OCR.imageUpload");
   const previewSizes = {
+    sx: "w-12 h-12",
     sm: "w-16 h-16",
     md: "w-24 h-24",
     lg: "w-32 h-32"
   };
+  const compactUploadArea = typeof uploadAreaHeight === "number" ? uploadAreaHeight <= 150 : typeof uploadAreaHeight === "string" && /^\s*\d+(?:\.\d+)?px\s*$/.test(uploadAreaHeight) ? parseFloat(uploadAreaHeight) <= 150 : false;
   const handleDragOver = (0, import_react27.useCallback)(
     (e) => {
       e.preventDefault();
@@ -22028,11 +22031,14 @@ function ImageUpload({
       "div",
       {
         className: cn(
-          "relative border-2 border-dashed rounded-2xl md:rounded-3xl p-8 text-center transition-all duration-200",
+          "relative border-2 border-dashed rounded-2xl md:rounded-3xl text-center transition-all duration-200",
+          uploadAreaHeight ? "px-4 py-3 sm:px-6 sm:py-4" : "p-8",
+          compactUploadArea && "px-3 py-2 sm:px-4 sm:py-3",
           isDragging && !disabled ? "border-primary bg-primary/5 scale-[1.02]" : "border-border/50 hover:border-primary/50",
           disabled && "opacity-50 cursor-not-allowed",
           uploading && "pointer-events-none"
         ),
+        style: uploadAreaHeight ? { height: uploadAreaHeight } : void 0,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         onDrop: handleDrop,
@@ -22041,14 +22047,35 @@ function ImageUpload({
             /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react30.Loader2, { className: "w-6 h-6 animate-spin text-primary" }),
             /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm font-medium", children: "Uploading..." })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "mx-auto w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react30.Upload, { className: "w-6 h-6 text-primary" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-muted-foreground", children: dragDropText || t("dragDropText") }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button_default, { type: "button", variant: "outline", size: "sm", onClick: handleBrowseClick, disabled: disabled || uploading, children: browseText || t("browseFiles") })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground", children: supportedFormatsText || t("supportedFormats") })
-          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+            "div",
+            {
+              className: cn(
+                "space-y-4",
+                uploadAreaHeight && "flex h-full flex-col items-center justify-center gap-3 space-y-0",
+                compactUploadArea && "flex-row items-center justify-between gap-3 text-left"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cn("bg-primary/10 rounded-full flex items-center justify-center shrink-0", compactUploadArea ? "w-9 h-9 mx-0" : "mx-auto w-12 h-12"), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react30.Upload, { className: cn("text-primary", compactUploadArea ? "w-4 h-4" : "w-6 h-6") }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cn("space-y-2", compactUploadArea && "flex min-w-0 flex-1 items-center justify-between gap-3 space-y-0"), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: cn("text-muted-foreground", compactUploadArea && "text-sm leading-tight whitespace-nowrap"), children: dragDropText || t("dragDropText") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                    Button_default,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      size: "sm",
+                      className: cn(compactUploadArea && "shrink-0"),
+                      onClick: handleBrowseClick,
+                      disabled: disabled || uploading,
+                      children: browseText || t("browseFiles")
+                    }
+                  )
+                ] }),
+                !compactUploadArea && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground", children: supportedFormatsText || t("supportedFormats") })
+              ]
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "input",
             {