@xola/ui-kit 3.4.3 → 3.4.5

package/build/components/Forms/BaseInput.js

@@ -8,12 +8,12 @@ const k = {
   medium: "px-3 py-2.5 text-base leading-base",
   large: "px-5 py-3.5 text-md leading-md"
 }, w = u(
-  ({ as: t = "input", size: d = "medium", isError: n, isRequired: c, value: r, prefix: a, suffix: o, className: g, ...p }, m) => {
-    const b = () => {
+  ({ as: t = "input", size: d = "medium", isError: c, isRequired: g, value: r, prefix: a, suffix: o, className: n, ...p }, m) => {
+    const f = () => {
       if (!i(r)) return;
       let e = r;
       return a && (e = e.replace(new RegExp(`^${a}`), "")), o && (e = e.replace(new RegExp(`${o}$`), "")), e.replaceAll(/[^.\S]+/g, "").replace(/[\p{Sc}]/u, "");
-    }, f = i(r) ? l(b()) : l(r == null ? void 0 : r.toString());
+    }, b = i(r) ? l(f()) : l(r == null ? void 0 : r.toString());
     return /* @__PURE__ */ x("div", { className: "relative flex w-full items-center", children: [
       /* @__PURE__ */ s(
         t,
@@ -21,17 +21,17 @@ const k = {
           ref: m,
           className: y(
             "w-full rounded text-gray-darker placeholder-gray-dark hover:placeholder-gray-darker disabled:text-gray",
-            "border border-transparent hover:border-black hover:bg-gray-lighter focus:text-black active:text-black disabled:bg-gray-lighter",
+            "border hover:border-black hover:bg-gray-lighter focus:text-black active:text-black disabled:bg-gray-lighter",
             k[d],
             t === "select" && "pr-8",
-            n ? "!focus:border-danger !border-danger focus:ring-0 focus:ring-danger" : "border-gray-light focus:border-primary focus:ring-0 focus:ring-primary",
-            g
+            c ? "!focus:border-danger !border-danger focus:ring-0 focus:ring-danger" : "border-gray-light focus:border-primary focus:ring-0 focus:ring-primary",
+            n
           ),
           value: r,
           ...p
         }
       ),
-      c && f && /* @__PURE__ */ s(h, { className: "absolute right-3", color: "danger" })
+      g && b && /* @__PURE__ */ s(h, { className: "absolute right-3", color: "danger" })
     ] });
   }
 );

package/build/components/Sidebar/Sidebar.Link.js

@@ -15,7 +15,7 @@ const j = ({
   const e = g(null), [a, m] = l(!0), [x, y] = l(!0);
   return w(() => {
     const c = () => {
-      e.current && (m(e.current.offsetWidth >= 140), y(e.current.offsetWidth > 174 || e.current.offsetWidth < 140));
+      e.current && (m(e.current.offsetWidth >= 140), y(e.current.offsetWidth >= 140 || e.current.offsetWidth < 100));
     };
     c();
     const f = new ResizeObserver(c);

package/build/components/Sidebar/Sidebar.js

@@ -184,7 +184,8 @@ const C = {
         /* @__PURE__ */ d("div", { className: s("flex-grow space-y-2", G && "overflow-y-auto overflow-x-hidden"), children: [
           e > 60 && /* @__PURE__ */ i("div", { className: "text-center", children: r ? $.cloneElement(r, {
             className: s(
-              "inline-block h-12 w-12",
+              "inline-block",
+              "h-12 w-12",
               e > 160 && "h-30 w-30",
               r.props.className
             )

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@xola/ui-kit",
-    "version": "3.4.3",
+    "version": "3.4.5",
     "description": "Xola UI Kit",
     "type": "module",
     "license": "MIT",