@underverse-ui/underverse 1.0.112 → 1.0.113

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.112",
+  "version": "1.0.113",
   "sourceEntry": "src/index.ts",
   "totalExports": 230,
   "exports": [

package/dist/index.cjs

@@ -7692,6 +7692,7 @@ var Combobox = ({
             id: `${resolvedId}-listbox`,
             role: "listbox",
             "aria-labelledby": labelId,
+            "data-os-ignore": virtualized ? "" : void 0,
             className: cn("overflow-y-auto overscroll-contain", (!useOverlayScrollbar || virtualized) && comboboxScrollClassName),
             style: { maxHeight },
             children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn(size === "sm" ? "p-1" : size === "lg" ? "p-2" : "p-1.5"), children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "px-3 py-10 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col items-center gap-3 animate-in fade-in-0 zoom-in-95 duration-300", children: [
@@ -15948,19 +15949,19 @@ var MultiCombobox = ({
           },
           "data-index": virtualItem?.index,
           style: itemStyle,
+          className: cn(virtualItem && "list-none"),
           onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
             if (!isDisabled) toggleSelect(item.value);
             inputRef.current?.focus();
           },
-          className: cn("dropdown-item", isDisabled && "opacity-50 cursor-not-allowed pointer-events-none"),
-          children: renderOption(item, isSelected)
+          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("dropdown-item", isDisabled && "opacity-50 cursor-not-allowed pointer-events-none"), children: renderOption(item, isSelected) })
         },
         item.value
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "li",
       {
         ref: (node) => {
@@ -15969,37 +15970,43 @@ var MultiCombobox = ({
         },
         "data-index": virtualItem?.index,
         style: itemStyle,
+        className: cn(virtualItem && "list-none"),
         onClick: (e) => {
           e.preventDefault();
           e.stopPropagation();
           if (!isDisabled) toggleSelect(item.value);
           inputRef.current?.focus();
         },
-        className: cn(
-          "dropdown-item flex cursor-pointer items-center gap-3 rounded-full transition-all duration-200",
-          sizeStyles8[size].item,
-          "hover:bg-accent/70 hover:shadow-sm",
-          index === activeIndex && "bg-accent/60",
-          isSelected && "bg-primary/10 text-primary font-medium",
-          isDisabled && "opacity-40 cursor-not-allowed pointer-events-none"
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            "span",
-            {
-              className: cn(
-                "shrink-0 w-5 h-5 flex items-center justify-center rounded-md border-2 transition-all duration-200",
-                isSelected ? "bg-primary border-primary text-primary-foreground" : "border-muted-foreground/30 bg-transparent"
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          "div",
+          {
+            className: cn(
+              "dropdown-item flex cursor-pointer items-center gap-3 rounded-full transition-all duration-200",
+              sizeStyles8[size].item,
+              "hover:bg-accent/70 hover:shadow-sm",
+              index === activeIndex && "bg-accent/60",
+              isSelected && "bg-primary/10 text-primary font-medium",
+              isDisabled && "opacity-40 cursor-not-allowed pointer-events-none"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "shrink-0 w-5 h-5 flex items-center justify-center rounded-md border-2 transition-all duration-200",
+                    isSelected ? "bg-primary border-primary text-primary-foreground" : "border-muted-foreground/30 bg-transparent"
+                  ),
+                  children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react24.Check, { className: "w-3 h-3" })
+                }
               ),
-              children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react24.Check, { className: "w-3 h-3" })
-            }
-          ),
-          optionIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground", children: optionIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("truncate", isSelected && "font-medium text-primary"), children: item.label }),
-            optionDesc && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "text-xs text-muted-foreground truncate mt-0.5", children: optionDesc })
-          ] })
-        ]
+              optionIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground", children: optionIcon }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("truncate", isSelected && "font-medium text-primary"), children: item.label }),
+                optionDesc && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "text-xs text-muted-foreground truncate mt-0.5", children: optionDesc })
+              ] })
+            ]
+          }
+        )
       },
       item.value
     );
@@ -16065,6 +16072,7 @@ var MultiCombobox = ({
         role: "listbox",
         "aria-multiselectable": "true",
         ref: optionsListRef,
+        "data-os-ignore": virtualized ? "" : void 0,
         style: { maxHeight },
         className: cn(
           "overflow-y-auto p-1.5",