warqadui 0.0.20 → 0.0.22

package/dist/index.js

@@ -1156,7 +1156,7 @@ var Input = (0, import_react8.forwardRef)(
     const renderInput = (inputProps, localType = type || "text") => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
-        className: `${label ? "space-y-2" : ""} group  ${containerClassName} `,
+        className: `${label ? "space-y-2" : ""} group relative ${containerClassName} `,
         children: [
           label && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
             "label",
@@ -1316,7 +1316,7 @@ var PhoneInput = (0, import_react9.forwardRef)(
       }
       message = currentError?.message || message;
     }
-    const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: `space-y-2 group ${containerClassName}`, children: [
+    const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "label",
         {
@@ -1536,7 +1536,7 @@ var SelectRoot = ({
     "div",
     {
       ref: containerRef,
-      className: `${label ? "space-y-2" : ""} group ${containerClassName}`,
+      className: `${label ? "space-y-2" : ""} group relative ${containerClassName}`,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "label",
@@ -1813,7 +1813,7 @@ var Textarea = (0, import_react11.forwardRef)(
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
       message = errorObj?.message;
     }
-    const renderInput = (inputProps, ref2) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `space-y-2 group w-full! ${containerClassName}`, children: [
+    const renderInput = (inputProps, ref2) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "label",
         {
@@ -2348,7 +2348,7 @@ var SearchApiRoot = ({
     "div",
     {
       ref: containerRef,
-      className: `${label ? "space-y-2" : ""} group ${containerClassName}`,
+      className: `${label ? "space-y-2" : ""} group relative ${containerClassName}`,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           "label",
@@ -2371,8 +2371,7 @@ var SearchApiRoot = ({
             },
             String(getOptionValue(opt)) || index
           )) })
-        ] }),
-        message && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message })
+        ] })
       ]
     }
   ) });
@@ -2568,7 +2567,7 @@ var SearchApiContent = (0, import_react13.forwardRef)(
     }, [isOpen]);
     if (!isOpen || typeof document === "undefined") return null;
     return (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
         "div",
         {
           ref: dropdownContentRef,
@@ -2576,10 +2575,13 @@ var SearchApiContent = (0, import_react13.forwardRef)(
           style: { ...dropdownStyle, ...style },
           onMouseDown: (e) => e.stopPropagation(),
           ...props,
-          children: isLoading && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-4 text-center text-sm text-gray-500", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Loader2, { className: "h-5 w-5 animate-spin mx-auto mb-2" }),
-            "Loading options..."
-          ] }) : import_react13.default.Children.count(children) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "py-1", children }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "p-4 text-center text-sm text-gray-500", children: error && options.length === 0 ? error : searchTerm ? `No results for "${searchTerm}"` : "No options available" })
+          children: [
+            error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "px-3 py-2 text-sm text-red-600 dark:text-red-400 border-b border-gray-100 dark:border-zinc-800", children: error }),
+            isLoading && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-4 text-center text-sm text-gray-500", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Loader2, { className: "h-5 w-5 animate-spin mx-auto mb-2" }),
+              "Loading options..."
+            ] }) : import_react13.default.Children.count(children) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "py-1", children }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "p-4 text-center text-sm text-gray-500", children: searchTerm ? `No results for "${searchTerm}"` : "No options available" })
+          ]
         }
       ),
       document.body
@@ -2719,15 +2721,18 @@ var DateInput = (0, import_react14.forwardRef)(
         }
       );
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `space-y-2 group ${containerClassName}`, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         "label",
         {
           className: "block text-xs font-medium transition-colors duration-200",
           style: {
             color: message ? "#ef4444" : isFocused ? primaryColor : void 0
           },
-          children: label
+          children: [
+            label,
+            props.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-red-500 ml-1", children: "*" })
+          ]
         }
       ),
       form && name ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(

package/dist/index.mjs

@@ -1079,7 +1079,7 @@ var Input = forwardRef(
     const renderInput = (inputProps, localType = type || "text") => /* @__PURE__ */ jsxs11(
       "div",
       {
-        className: `${label ? "space-y-2" : ""} group  ${containerClassName} `,
+        className: `${label ? "space-y-2" : ""} group relative ${containerClassName} `,
         children: [
           label && /* @__PURE__ */ jsxs11(
             "label",
@@ -1241,7 +1241,7 @@ var PhoneInput = forwardRef2(
       }
       message = currentError?.message || message;
     }
-    const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsxs12("div", { className: `space-y-2 group ${containerClassName}`, children: [
+    const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsxs12("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs12(
         "label",
         {
@@ -1468,7 +1468,7 @@ var SelectRoot = ({
     "div",
     {
       ref: containerRef,
-      className: `${label ? "space-y-2" : ""} group ${containerClassName}`,
+      className: `${label ? "space-y-2" : ""} group relative ${containerClassName}`,
       children: [
         label && /* @__PURE__ */ jsxs13(
           "label",
@@ -1747,7 +1747,7 @@ var Textarea = forwardRef4(
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
       message = errorObj?.message;
     }
-    const renderInput = (inputProps, ref2) => /* @__PURE__ */ jsxs14("div", { className: `space-y-2 group w-full! ${containerClassName}`, children: [
+    const renderInput = (inputProps, ref2) => /* @__PURE__ */ jsxs14("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs14(
         "label",
         {
@@ -2289,7 +2289,7 @@ var SearchApiRoot = ({
     "div",
     {
       ref: containerRef,
-      className: `${label ? "space-y-2" : ""} group ${containerClassName}`,
+      className: `${label ? "space-y-2" : ""} group relative ${containerClassName}`,
       children: [
         label && /* @__PURE__ */ jsxs15(
           "label",
@@ -2312,8 +2312,7 @@ var SearchApiRoot = ({
             },
             String(getOptionValue(opt)) || index
           )) })
-        ] }),
-        message && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message })
+        ] })
       ]
     }
   ) });
@@ -2509,7 +2508,7 @@ var SearchApiContent = forwardRef5(
     }, [isOpen]);
     if (!isOpen || typeof document === "undefined") return null;
     return createPortal2(
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsxs15(
         "div",
         {
           ref: dropdownContentRef,
@@ -2517,10 +2516,13 @@ var SearchApiContent = forwardRef5(
           style: { ...dropdownStyle, ...style },
           onMouseDown: (e) => e.stopPropagation(),
           ...props,
-          children: isLoading && options.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "p-4 text-center text-sm text-gray-500", children: [
-            /* @__PURE__ */ jsx20(Loader22, { className: "h-5 w-5 animate-spin mx-auto mb-2" }),
-            "Loading options..."
-          ] }) : React7.Children.count(children) > 0 ? /* @__PURE__ */ jsx20("div", { className: "py-1", children }) : /* @__PURE__ */ jsx20("div", { className: "p-4 text-center text-sm text-gray-500", children: error && options.length === 0 ? error : searchTerm ? `No results for "${searchTerm}"` : "No options available" })
+          children: [
+            error && /* @__PURE__ */ jsx20("div", { className: "px-3 py-2 text-sm text-red-600 dark:text-red-400 border-b border-gray-100 dark:border-zinc-800", children: error }),
+            isLoading && options.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "p-4 text-center text-sm text-gray-500", children: [
+              /* @__PURE__ */ jsx20(Loader22, { className: "h-5 w-5 animate-spin mx-auto mb-2" }),
+              "Loading options..."
+            ] }) : React7.Children.count(children) > 0 ? /* @__PURE__ */ jsx20("div", { className: "py-1", children }) : /* @__PURE__ */ jsx20("div", { className: "p-4 text-center text-sm text-gray-500", children: searchTerm ? `No results for "${searchTerm}"` : "No options available" })
+          ]
         }
       ),
       document.body
@@ -2662,15 +2664,18 @@ var DateInput = forwardRef6(
         }
       );
     };
-    return /* @__PURE__ */ jsxs16("div", { className: `space-y-2 group ${containerClassName}`, children: [
-      label && /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsxs16("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
+      label && /* @__PURE__ */ jsxs16(
         "label",
         {
           className: "block text-xs font-medium transition-colors duration-200",
           style: {
             color: message ? "#ef4444" : isFocused ? primaryColor : void 0
           },
-          children: label
+          children: [
+            label,
+            props.required && /* @__PURE__ */ jsx21("span", { className: "text-red-500 ml-1", children: "*" })
+          ]
         }
       ),
       form && name ? /* @__PURE__ */ jsx21(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "warqadui",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",