@arudovwen/form-builder-react 1.4.46 → 1.4.47

package/dist/form-builder.es.js

@@ -6656,7 +6656,7 @@ function xn({
       className: q(
         "w-full rounded-md flex items-center justify-center",
         "transition-all duration-150 ease-in-out overflow-hidden",
-        a ? "bg-blue-50 border-2 border-blue-400 border-dashed" : s ? "border-2 border-blue-200 border-dashed" : "border-2 border-transparent"
+        a ? "bg-blue-50 border-2 border-blue-300 border-dashed" : s ? "border-2 border-blue-200 border-dashed" : "border-2 border-transparent"
       ),
       children: a && /* @__PURE__ */ n.jsxs("span", { className: "flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none", children: [
         /* @__PURE__ */ n.jsx(_, { icon: "octicon:plus-16" }),
@@ -6979,7 +6979,7 @@ const Vs = an(Hs), Fs = B.object({
             section: o.current
           }
         ),
-        /* @__PURE__ */ n.jsxs("div", { className: "relative flex flex-col flex-1 w-full gap-y-4", children: [
+        /* @__PURE__ */ n.jsxs("div", { className: "relative flex flex-col flex-1 w-full gap-y-3", children: [
           t == null ? void 0 : t.map(
             (m, p) => /* @__PURE__ */ n.jsx(
               "div",
@@ -6988,8 +6988,8 @@ const Vs = an(Hs), Fs = B.object({
                 children: /* @__PURE__ */ n.jsxs(
                   "div",
                   {
-                    className: `bg-white border border-gray-100 rounded-lg  px-4 shadow-[rgba(149,157,165,0.2)_0px_2px_2px] transition-colors duration-200
-                  ${r === m.id ? "border-dashed border-blue-400 bg-[#f7f8fa]" : ""} ${c.includes(p) ? "min-h-[300px] pb-6 " : ""}`,
+                    className: ` border border-gray-200 rounded-lg  px-4 shadow-[rgba(149,157,165,0.2)_0px_2px_2px] transition-colors duration-200
+                  ${r === m.id ? " border-blue-200 bg-gray-100" : "bg-white"} ${c.includes(p) ? "min-h-[300px] pb-6 " : ""}`,
                     children: [
                       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between", children: [
                         /* @__PURE__ */ n.jsx(
@@ -7186,8 +7186,8 @@ const An = [
       }
     )
   })).filter((g) => g.elements.length > 0);
-  return /* @__PURE__ */ n.jsxs("div", { className: "pt-4 pb-6", children: [
-    /* @__PURE__ */ n.jsx("div", { className: "px-5 mb-6", children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsxs("div", { className: "pt-4 flex flex-col gap-y-6", children: [
+    /* @__PURE__ */ n.jsx("div", { className: "px-5", children: /* @__PURE__ */ n.jsx(
       "input",
       {
         className: "field-control",
@@ -7198,7 +7198,7 @@ const An = [
         id: "search"
       }
     ) }),
-    /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("ul", { className: "grid gap-y-5 mt-3 px-5 max-h-[85vh] overflow-y-auto no-scrollbar", children: v == null ? void 0 : v.map((g, y) => {
+    /* @__PURE__ */ n.jsx("div", { className: "flex-1 overflow-y-auto no-scrollbar max-h-[calc(100vh-100px)]", children: /* @__PURE__ */ n.jsx("ul", { className: "grid gap-y-5 mt-3 px-5 ", children: v == null ? void 0 : v.map((g, y) => {
       var f;
       return /* @__PURE__ */ n.jsxs("li", { children: [
         /* @__PURE__ */ n.jsx("h4", { className: "mb-2 text-[11px] font-bold text-gray-500 uppercase", children: g.title }),