@underverse-ui/underverse 1.0.49 → 1.0.50

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.49",
+  "version": "1.0.50",
   "sourceEntry": "src/index.ts",
   "totalExports": 239,
   "exports": [

package/dist/index.cjs

@@ -15206,9 +15206,9 @@ function CategoryTreeSelect(props) {
       category.id
     );
   };
-  const renderSearch = () => {
+  const renderSearch = ({ sticky = true, className: className2 } = {}) => {
     if (!isSearchEnabled) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "sticky top-0 z-10 bg-popover/85 backdrop-blur-xl pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn(sticky && "sticky top-0 z-10 bg-popover/85 pb-2 backdrop-blur-xl", className2), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react25.Search, { 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__ */ (0, import_jsx_runtime46.jsx)(
         "input",
@@ -15384,18 +15384,18 @@ function CategoryTreeSelect(props) {
       displayText = mergedLabels.selectedText(selectedCount);
     }
   }
-  const dropdownBody = /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-    "div",
-    {
-      ref: dropdownViewportRef,
-      id: `${resolvedId}-tree`,
-      className: cn("max-h-80 overflow-auto overflow-x-hidden p-2"),
-      children: [
-        renderSearch(),
-        renderTreeContent()
-      ]
-    }
-  );
+  const dropdownBody = /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("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__ */ (0, import_jsx_runtime46.jsx)(
+      "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__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
     renderLabel(),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(