@underverse-ui/underverse 1.0.179 → 1.0.181

package/dist/index.d.cts

@@ -2197,13 +2197,14 @@ interface ImageUploadProps {
     disabled?: boolean;
     className?: string;
     showPreview?: boolean;
-    previewSize?: "sm" | "md" | "lg";
+    previewSize?: "sx" | "sm" | "md" | "lg";
     dragDropText?: string;
     browseText?: string;
     supportedFormatsText?: string;
+    uploadAreaHeight?: string | number;
 }
 declare function ImageUpload({ onUpload, onRemove, maxSize, // Convert bytes to MB
-accept, multiple, disabled, className, showPreview, previewSize, dragDropText, browseText, supportedFormatsText, }: ImageUploadProps): react_jsx_runtime.JSX.Element;
+accept, multiple, disabled, className, showPreview, previewSize, dragDropText, browseText, supportedFormatsText, uploadAreaHeight, }: ImageUploadProps): react_jsx_runtime.JSX.Element;
 
 interface UploadedFile {
     id: string | number;

package/dist/index.d.ts

@@ -2197,13 +2197,14 @@ interface ImageUploadProps {
     disabled?: boolean;
     className?: string;
     showPreview?: boolean;
-    previewSize?: "sm" | "md" | "lg";
+    previewSize?: "sx" | "sm" | "md" | "lg";
     dragDropText?: string;
     browseText?: string;
     supportedFormatsText?: string;
+    uploadAreaHeight?: string | number;
 }
 declare function ImageUpload({ onUpload, onRemove, maxSize, // Convert bytes to MB
-accept, multiple, disabled, className, showPreview, previewSize, dragDropText, browseText, supportedFormatsText, }: ImageUploadProps): react_jsx_runtime.JSX.Element;
+accept, multiple, disabled, className, showPreview, previewSize, dragDropText, browseText, supportedFormatsText, uploadAreaHeight, }: ImageUploadProps): react_jsx_runtime.JSX.Element;
 
 interface UploadedFile {
     id: string | number;

package/dist/index.js

@@ -5040,6 +5040,245 @@ var STICKER_PACKS = [
       { id: "confident", name: "Goku Black Confident", animation: "bounce" },
       { id: "pointing", name: "Goku Black Pointing", animation: "pulse" }
     ]
+  },
+  {
+    id: "db_hit",
+    name: "Hit (Dragon Ball)",
+    thumbnail: "calm",
+    stickers: [
+      { id: "calm", name: "Hit Calm", animation: "wiggle" },
+      { id: "time_skip", name: "Hit Time Skip", animation: "pulse" },
+      { id: "glare", name: "Hit Glare", animation: "pulse" },
+      { id: "fight_stance", name: "Hit Fight Stance", animation: "shake" },
+      { id: "adjusting_coat", name: "Hit Adjusting Coat", animation: "wiggle" },
+      { id: "serious", name: "Hit Serious", animation: "wiggle" },
+      { id: "assassin", name: "Hit Flash Fist", animation: "pulse" },
+      { id: "injured", name: "Hit Injured", animation: "wiggle" },
+      { id: "closed_eyes", name: "Hit Meditating", animation: "wiggle" },
+      { id: "smirk", name: "Hit Rare Smirk", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_jiren",
+    name: "Jiren (Dragon Ball)",
+    thumbnail: "crossed_arms",
+    stickers: [
+      { id: "crossed_arms", name: "Jiren Crossed Arms", animation: "wiggle" },
+      { id: "glare", name: "Jiren Glare", animation: "pulse" },
+      { id: "power_up", name: "Jiren Power Up", animation: "shake" },
+      { id: "punching", name: "Jiren Punching", animation: "shake" },
+      { id: "meditation", name: "Jiren Meditation", animation: "wiggle" },
+      { id: "fireball", name: "Jiren Fireball", animation: "pulse" },
+      { id: "screaming", name: "Jiren Screaming", animation: "shake" },
+      { id: "shield", name: "Jiren Barrier", animation: "pop" },
+      { id: "stoic", name: "Jiren Stoic", animation: "wiggle" },
+      { id: "unfazed", name: "Jiren Unfazed", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_frieza",
+    name: "Frieza (Dragon Ball)",
+    thumbnail: "golden_pose",
+    stickers: [
+      { id: "evil_laugh", name: "Frieza Evil Laugh", animation: "bounce" },
+      { id: "golden_pose", name: "Golden Frieza", animation: "pulse" },
+      { id: "smirk", name: "Frieza Smirk", animation: "wiggle" },
+      { id: "death_ball", name: "Death Ball", animation: "pulse" },
+      { id: "furious", name: "Frieza Furious", animation: "shake" },
+      { id: "mocking", name: "Frieza Mocking", animation: "bounce" },
+      { id: "shocked", name: "Frieza Shocked", animation: "pop" },
+      { id: "kicked", name: "Frieza Pain", animation: "wiggle" },
+      { id: "telekinesis", name: "Telekinesis", animation: "pulse" },
+      { id: "sinister_glare", name: "Sinister Glare", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_gohan",
+    name: "Gohan (Dragon Ball)",
+    thumbnail: "study",
+    stickers: [
+      { id: "study", name: "Gohan Studying", animation: "wiggle" },
+      { id: "beast_scream", name: "Gohan Beast", animation: "shake" },
+      { id: "masenko", name: "Gohan Masenko", animation: "pulse" },
+      { id: "happy", name: "Gohan Happy", animation: "bounce" },
+      { id: "mystic_glare", name: "Ultimate Gohan", animation: "pulse" },
+      { id: "fight_stance", name: "Gohan Fighting", animation: "shake" },
+      { id: "shocked", name: "Gohan Shocked", animation: "pop" },
+      { id: "crying", name: "Gohan Crying", animation: "wiggle" },
+      { id: "thumbs_up", name: "Gohan Thumbs Up", animation: "bounce" },
+      { id: "protective", name: "Gohan Protective", animation: "pulse" }
+    ]
+  },
+  {
+    id: "db_piccolo",
+    name: "Piccolo (Dragon Ball)",
+    thumbnail: "crossed_arms",
+    stickers: [
+      { id: "meditate", name: "Piccolo Meditating", animation: "wiggle" },
+      { id: "special_beam", name: "Special Beam Cannon", animation: "pulse" },
+      { id: "orange_power", name: "Orange Piccolo", animation: "shake" },
+      { id: "crossed_arms", name: "Piccolo Crossed Arms", animation: "wiggle" },
+      { id: "cape_throw", name: "Cape Throw", animation: "pop" },
+      { id: "angry", name: "Piccolo Angry", animation: "shake" },
+      { id: "smirk", name: "Piccolo Smirk", animation: "wiggle" },
+      { id: "regeneration", name: "Regeneration", animation: "pulse" },
+      { id: "surprised", name: "Piccolo Surprised", animation: "pop" },
+      { id: "paternal", name: "Piccolo Proud", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_bulma",
+    name: "Bulma (Dragon Ball)",
+    thumbnail: "radar",
+    stickers: [
+      { id: "radar", name: "Bulma Radar", animation: "wiggle" },
+      { id: "angry", name: "Bulma Angry", animation: "shake" },
+      { id: "happy", name: "Bulma Happy", animation: "bounce" },
+      { id: "thinking", name: "Bulma Thinking", animation: "wiggle" },
+      { id: "shocked", name: "Bulma Shocked", animation: "pop" },
+      { id: "smirk", name: "Bulma Smirk", animation: "wiggle" },
+      { id: "sigh", name: "Bulma Sigh", animation: "wiggle" },
+      { id: "scared", name: "Bulma Scared", animation: "pop" },
+      { id: "drinking", name: "Bulma Coffee", animation: "bounce" },
+      { id: "waving", name: "Bulma Waving", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_trunks",
+    name: "Future Trunks (Dragon Ball)",
+    thumbnail: "sword_ready",
+    stickers: [
+      { id: "sword_ready", name: "Trunks Sword Ready", animation: "pulse" },
+      { id: "rage_scream", name: "Super Saiyan Rage", animation: "shake" },
+      { id: "burning_attack", name: "Burning Attack", animation: "pulse" },
+      { id: "sad", name: "Trunks Sad", animation: "wiggle" },
+      { id: "happy", name: "Trunks Happy", animation: "bounce" },
+      { id: "fight_stance", name: "Trunks Fighting", animation: "shake" },
+      { id: "sword_slash", name: "Sword Slash", animation: "pulse" },
+      { id: "shocked", name: "Trunks Shocked", animation: "pop" },
+      { id: "determined", name: "Trunks Determined", animation: "wiggle" },
+      { id: "salute", name: "Trunks Salute", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_android17",
+    name: "Android 17 (Dragon Ball)",
+    thumbnail: "ranger",
+    stickers: [
+      { id: "ranger", name: "Ranger 17", animation: "wiggle" },
+      { id: "shield", name: "Android Barrier", animation: "pulse" },
+      { id: "calm", name: "Android 17 Calm", animation: "wiggle" },
+      { id: "angry", name: "Android 17 Angry", animation: "shake" },
+      { id: "happy", name: "Android 17 Happy", animation: "bounce" },
+      { id: "fight", name: "Android 17 Fighting", animation: "shake" },
+      { id: "injured", name: "Android 17 Injured", animation: "wiggle" },
+      { id: "wink", name: "Android 17 Wink", animation: "pop" },
+      { id: "barrier_blast", name: "Barrier Blast", animation: "pulse" },
+      { id: "meditating", name: "Android 17 Meditating", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_android18",
+    name: "Android 18 (Dragon Ball)",
+    thumbnail: "hair_flip",
+    stickers: [
+      { id: "hair_flip", name: "Android 18 Hair Flip", animation: "wiggle" },
+      { id: "happy", name: "Android 18 Happy", animation: "bounce" },
+      { id: "fight", name: "Android 18 Fighting", animation: "shake" },
+      { id: "glare", name: "Android 18 Glare", animation: "pulse" },
+      { id: "wink", name: "Android 18 Wink", animation: "pop" },
+      { id: "bored", name: "Android 18 Bored", animation: "wiggle" },
+      { id: "angry", name: "Android 18 Angry", animation: "shake" },
+      { id: "shopping", name: "Android 18 Shopping", animation: "bounce" },
+      { id: "injured", name: "Android 18 Injured", animation: "wiggle" },
+      { id: "meditating", name: "Android 18 Meditating", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_krillin",
+    name: "Krillin (Dragon Ball)",
+    thumbnail: "destructo_disk",
+    stickers: [
+      { id: "destructo_disk", name: "Destructo Disk", animation: "pulse" },
+      { id: "fight", name: "Krillin Fighting", animation: "shake" },
+      { id: "solar_flare", name: "Solar Flare", animation: "pulse" },
+      { id: "happy", name: "Krillin Happy", animation: "bounce" },
+      { id: "shocked", name: "Krillin Shocked", animation: "pop" },
+      { id: "injured", name: "Krillin Injured", animation: "wiggle" },
+      { id: "kamehameha", name: "Krillin Kamehameha", animation: "pulse" },
+      { id: "love", name: "Krillin Love", animation: "bounce" },
+      { id: "serious", name: "Krillin Serious", animation: "pulse" },
+      { id: "zen", name: "Krillin Meditating", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_roshi",
+    name: "Master Roshi (Dragon Ball)",
+    thumbnail: "peace",
+    stickers: [
+      { id: "peace", name: "Roshi Peace", animation: "bounce" },
+      { id: "fight", name: "Roshi Fighting", animation: "shake" },
+      { id: "buff", name: "Roshi Max Power", animation: "pulse" },
+      { id: "nosebleed", name: "Roshi Nosebleed", animation: "bounce" },
+      { id: "kamehameha", name: "Roshi Kamehameha", animation: "pulse" },
+      { id: "laughing", name: "Roshi Laughing", animation: "bounce" },
+      { id: "wink", name: "Roshi Wink", animation: "pop" },
+      { id: "peace_v2", name: "Roshi Cool", animation: "bounce" },
+      { id: "thinking", name: "Roshi Thinking", animation: "wiggle" },
+      { id: "sleeping", name: "Roshi Sleeping", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_zamasu",
+    name: "Zamasu (Dragon Ball)",
+    thumbnail: "sinister",
+    stickers: [
+      { id: "sinister", name: "Zamasu Sinister", animation: "pulse" },
+      { id: "god_stance", name: "Zamasu God Stance", animation: "wiggle" },
+      { id: "holy_wrath", name: "Holy Wrath", animation: "pulse" },
+      { id: "fusion_prep", name: "Potara Fusion Prep", animation: "pop" },
+      { id: "tears", name: "Holy Tears", animation: "wiggle" },
+      { id: "shocked", name: "Zamasu Shocked", animation: "shake" },
+      { id: "blade", name: "Zamasu Ki Blade", animation: "shake" },
+      { id: "laughing", name: "Zamasu Laughing", animation: "bounce" },
+      { id: "injured", name: "Zamasu Corrupted", animation: "shake" },
+      { id: "happy", name: "Zamasu Smug", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_whis",
+    name: "Whis (Dragon Ball)",
+    thumbnail: "eating",
+    stickers: [
+      { id: "eating", name: "Whis Eating", animation: "bounce" },
+      { id: "laughing", name: "Whis Laughing", animation: "bounce" },
+      { id: "shocked", name: "Whis Shocked", animation: "pop" },
+      { id: "calm", name: "Whis Calm", animation: "wiggle" },
+      { id: "wink", name: "Whis Wink", animation: "pop" },
+      { id: "pointing", name: "Whis Pointing", animation: "wiggle" },
+      { id: "yawning", name: "Whis Yawning", animation: "wiggle" },
+      { id: "dodging", name: "Whis Dodging", animation: "shake" },
+      { id: "sleeping", name: "Whis Sleeping", animation: "wiggle" },
+      { id: "sushi", name: "Whis Sushi", animation: "bounce" },
+      { id: "tea", name: "Whis Tea", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_shin",
+    name: "Shin (Dragon Ball)",
+    thumbnail: "shocked",
+    stickers: [
+      { id: "shocked", name: "Shin Shocked", animation: "shake" },
+      { id: "fight", name: "Shin Fighting", animation: "shake" },
+      { id: "telekinesis", name: "Shin Telekinesis", animation: "pulse" },
+      { id: "happy", name: "Shin Happy", animation: "bounce" },
+      { id: "scared", name: "Shin Scared", animation: "shake" },
+      { id: "thinking", name: "Shin Thinking", animation: "wiggle" },
+      { id: "potara", name: "Shin Potara", animation: "pop" },
+      { id: "katchin", name: "Shin Katchin", animation: "bounce" },
+      { id: "angry", name: "Shin Angry", animation: "shake" },
+      { id: "zen", name: "Shin Meditating", animation: "wiggle" }
+    ]
   }
 ];
 
@@ -21469,7 +21708,8 @@ function ImageUpload({
   previewSize = "md",
   dragDropText,
   browseText,
-  supportedFormatsText
+  supportedFormatsText,
+  uploadAreaHeight
 }) {
   const [isDragging, setIsDragging] = useState34(false);
   const [uploading, setUploading] = useState34(false);
@@ -21478,10 +21718,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 = useCallback19(
     (e) => {
       e.preventDefault();
@@ -21594,11 +21836,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,
@@ -21607,14 +21852,35 @@ function ImageUpload({
             /* @__PURE__ */ jsx54(Loader24, { className: "w-6 h-6 animate-spin text-primary" }),
             /* @__PURE__ */ jsx54("span", { className: "text-sm font-medium", children: "Uploading..." })
           ] }) }),
-          /* @__PURE__ */ jsxs42("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx54("div", { className: "mx-auto w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx54(Upload, { className: "w-6 h-6 text-primary" }) }),
-            /* @__PURE__ */ jsxs42("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx54("p", { className: "text-muted-foreground", children: dragDropText || t("dragDropText") }),
-              /* @__PURE__ */ jsx54(Button_default, { type: "button", variant: "outline", size: "sm", onClick: handleBrowseClick, disabled: disabled || uploading, children: browseText || t("browseFiles") })
-            ] }),
-            /* @__PURE__ */ jsx54("p", { className: "text-xs text-muted-foreground", children: supportedFormatsText || t("supportedFormats") })
-          ] }),
+          /* @__PURE__ */ jsxs42(
+            "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__ */ jsx54("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__ */ jsx54(Upload, { className: cn("text-primary", compactUploadArea ? "w-4 h-4" : "w-6 h-6") }) }),
+                /* @__PURE__ */ jsxs42("div", { className: cn("space-y-2", compactUploadArea && "flex min-w-0 flex-1 items-center justify-between gap-3 space-y-0"), children: [
+                  /* @__PURE__ */ jsx54("p", { className: cn("text-muted-foreground", compactUploadArea && "text-sm leading-tight whitespace-nowrap"), children: dragDropText || t("dragDropText") }),
+                  /* @__PURE__ */ jsx54(
+                    Button_default,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      size: "sm",
+                      className: cn(compactUploadArea && "shrink-0"),
+                      onClick: handleBrowseClick,
+                      disabled: disabled || uploading,
+                      children: browseText || t("browseFiles")
+                    }
+                  )
+                ] }),
+                !compactUploadArea && /* @__PURE__ */ jsx54("p", { className: "text-xs text-muted-foreground", children: supportedFormatsText || t("supportedFormats") })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx54(
             "input",
             {