@underverse-ui/underverse 1.0.49 → 1.0.50

package/dist/index.js

@@ -15017,9 +15017,9 @@ function CategoryTreeSelect(props) {
       category.id
     );
   };
-  const renderSearch = () => {
+  const renderSearch = ({ sticky = true, className: className2 } = {}) => {
     if (!isSearchEnabled) return null;
-    return /* @__PURE__ */ jsx46("div", { className: "sticky top-0 z-10 bg-popover/85 backdrop-blur-xl pb-2", children: /* @__PURE__ */ jsxs38("div", { className: "relative", children: [
+    return /* @__PURE__ */ jsx46("div", { className: cn(sticky && "sticky top-0 z-10 bg-popover/85 pb-2 backdrop-blur-xl", className2), children: /* @__PURE__ */ jsxs38("div", { className: "relative", children: [
       /* @__PURE__ */ jsx46(Search5, { className: "absolute left-3.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground/60 transition-colors peer-focus:text-primary" }),
       /* @__PURE__ */ jsx46(
         "input",
@@ -15195,18 +15195,18 @@ function CategoryTreeSelect(props) {
       displayText = mergedLabels.selectedText(selectedCount);
     }
   }
-  const dropdownBody = /* @__PURE__ */ jsxs38(
-    "div",
-    {
-      ref: dropdownViewportRef,
-      id: `${resolvedId}-tree`,
-      className: cn("max-h-80 overflow-auto overflow-x-hidden p-2"),
-      children: [
-        renderSearch(),
-        renderTreeContent()
-      ]
-    }
-  );
+  const dropdownBody = /* @__PURE__ */ jsxs38("div", { className: "flex max-h-80 flex-col overflow-hidden", children: [
+    renderSearch({ sticky: false, className: "border-b border-border/30 p-2 pb-2" }),
+    /* @__PURE__ */ jsx46(
+      "div",
+      {
+        ref: dropdownViewportRef,
+        id: `${resolvedId}-tree`,
+        className: cn("min-h-0 flex-1 overflow-auto overflow-x-hidden p-2 pt-2"),
+        children: renderTreeContent()
+      }
+    )
+  ] });
   return /* @__PURE__ */ jsxs38("div", { className: cn("w-full space-y-2", className), children: [
     renderLabel(),
     /* @__PURE__ */ jsx46(