next-recomponents 2.0.40 → 2.0.41

package/dist/index.js

@@ -3890,15 +3890,15 @@ function Input({
   const isPassword = props.type === "password";
   const [showPassword, setShowPassword] = (0, import_react4.useState)(false);
   const svg = icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative flex items-center border rounded bg-white pr-1 mb-5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full relative my-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative flex items-center border rounded bg-white pr-1 mb-5 w-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "input",
         {
           ...props,
           type: isPassword && showPassword ? "text" : props.type,
           className: [
-            "flex p-2 w-full bg-transparent pt-4",
+            "block p-2 w-full bg-transparent  min-w-0",
             isPassword && "pr-10",
             value !== "" && !isValid && "bg-red-200 text-black",
             value !== "" && isValid && "bg-green-200 text-black",
@@ -3906,7 +3906,7 @@ function Input({
           ].filter(Boolean).join(" ")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "absolute -top-2.5 left-2 text-xs font-bold bg-white px-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "absolute -top-2.5 left-2 text-xs font-bold  px-1", children: [
         label,
         (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-red-500 ml-1", children: "*" })
       ] }),
@@ -36177,7 +36177,7 @@ function TextArea({
   ...props
 }) {
   const [value, setValue] = (0, import_react6.useState)((props == null ? void 0 : props.value) || "");
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-full relative mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative flex items-center border rounded bg-white ", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-full relative my-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative flex items-center border rounded bg-white ", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "textarea",
       {
@@ -36194,7 +36194,7 @@ function TextArea({
       }
     ),
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "absolute -top-2.5 left-2 text-xs font-bold bg-white px-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "absolute -top-2.5 left-2 text-xs font-bold  px-1", children: [
       label,
       " ",
       (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
@@ -36814,7 +36814,7 @@ function Select({
       }
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: containerRef, className: "w-full relative mb-5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: containerRef, className: "w-full relative my-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex items-center border rounded bg-white", children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "input",
@@ -36852,7 +36852,7 @@ function Select({
           onKeyDown: handleKeyDown
         }
       ),
-      label && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "absolute -top-2.5 left-2 text-xs font-bold bg-white px-1", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "absolute -top-2.5 left-2 text-xs font-bold  px-1", children: [
         label,
         " ",
         (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-red-500", children: "*" })

package/dist/index.mjs

@@ -3870,15 +3870,15 @@ function Input({
   const isPassword = props.type === "password";
   const [showPassword, setShowPassword] = useState4(false);
   const svg = icon;
-  return /* @__PURE__ */ jsxs4("div", { className: "w-full relative", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "relative flex items-center border rounded bg-white pr-1 mb-5", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "w-full relative my-3", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "relative flex items-center border rounded bg-white pr-1 mb-5 w-full", children: [
       /* @__PURE__ */ jsx5(
         "input",
         {
           ...props,
           type: isPassword && showPassword ? "text" : props.type,
           className: [
-            "flex p-2 w-full bg-transparent pt-4",
+            "block p-2 w-full bg-transparent  min-w-0",
             isPassword && "pr-10",
             value !== "" && !isValid && "bg-red-200 text-black",
             value !== "" && isValid && "bg-green-200 text-black",
@@ -3886,7 +3886,7 @@ function Input({
           ].filter(Boolean).join(" ")
         }
       ),
-      /* @__PURE__ */ jsxs4("label", { className: "absolute -top-2.5 left-2 text-xs font-bold bg-white px-1", children: [
+      /* @__PURE__ */ jsxs4("label", { className: "absolute -top-2.5 left-2 text-xs font-bold  px-1", children: [
         label,
         (props == null ? void 0 : props.required) && /* @__PURE__ */ jsx5("span", { className: "text-red-500 ml-1", children: "*" })
       ] }),
@@ -36159,7 +36159,7 @@ function TextArea({
   ...props
 }) {
   const [value, setValue] = useState6((props == null ? void 0 : props.value) || "");
-  return /* @__PURE__ */ jsx7("div", { className: "w-full relative mb-5", children: /* @__PURE__ */ jsxs6("div", { className: "relative flex items-center border rounded bg-white ", children: [
+  return /* @__PURE__ */ jsx7("div", { className: "w-full relative my-3", children: /* @__PURE__ */ jsxs6("div", { className: "relative flex items-center border rounded bg-white ", children: [
     /* @__PURE__ */ jsx7(
       "textarea",
       {
@@ -36176,7 +36176,7 @@ function TextArea({
       }
     ),
     " ",
-    /* @__PURE__ */ jsxs6("label", { className: "absolute -top-2.5 left-2 text-xs font-bold bg-white px-1", children: [
+    /* @__PURE__ */ jsxs6("label", { className: "absolute -top-2.5 left-2 text-xs font-bold  px-1", children: [
       label,
       " ",
       (props == null ? void 0 : props.required) && /* @__PURE__ */ jsx7("span", { className: "text-red-500", children: "*" })
@@ -36800,7 +36800,7 @@ function Select({
       }
     }
   }, [isOpen]);
-  return /* @__PURE__ */ jsxs7("div", { ref: containerRef, className: "w-full relative mb-5", children: [
+  return /* @__PURE__ */ jsxs7("div", { ref: containerRef, className: "w-full relative my-3", children: [
     /* @__PURE__ */ jsxs7("div", { className: "relative flex items-center border rounded bg-white", children: [
       /* @__PURE__ */ jsx10(
         "input",
@@ -36838,7 +36838,7 @@ function Select({
           onKeyDown: handleKeyDown
         }
       ),
-      label && /* @__PURE__ */ jsxs7("label", { className: "absolute -top-2.5 left-2 text-xs font-bold bg-white px-1", children: [
+      label && /* @__PURE__ */ jsxs7("label", { className: "absolute -top-2.5 left-2 text-xs font-bold  px-1", children: [
         label,
         " ",
         (props == null ? void 0 : props.required) && /* @__PURE__ */ jsx10("span", { className: "text-red-500", children: "*" })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-recomponents",
-  "version": "2.0.40",
+  "version": "2.0.41",
   "description": "description nueva",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/input/index.tsx

@@ -21,13 +21,13 @@ export default function Input({
   const [showPassword, setShowPassword] = useState(false);
   const svg = icon;
   return (
-    <div className="w-full relative">
-      <div className="relative flex items-center border rounded bg-white pr-1 mb-5">
+    <div className="w-full relative my-3">
+      <div className="relative flex items-center border rounded bg-white pr-1 mb-5 w-full">
         <input
           {...props}
           type={isPassword && showPassword ? "text" : props.type}
           className={[
-            "flex p-2 w-full bg-transparent pt-4",
+            "block p-2 w-full bg-transparent  min-w-0",
             isPassword && "pr-10",
             value !== "" && !isValid && "bg-red-200 text-black",
             value !== "" && isValid && "bg-green-200 text-black",
@@ -36,7 +36,7 @@ export default function Input({
             .filter(Boolean)
             .join(" ")}
         />
-        <label className="absolute -top-2.5 left-2 text-xs font-bold bg-white px-1">
+        <label className="absolute -top-2.5 left-2 text-xs font-bold  px-1">
           {label}
           {props?.required && <span className="text-red-500 ml-1">*</span>}
         </label>

package/src/select/index.tsx

@@ -119,7 +119,7 @@ export default function Select({
     }
   }, [isOpen]);
   return (
-    <div ref={containerRef} className="w-full relative mb-5">
+    <div ref={containerRef} className="w-full relative my-3">
       <div className="relative flex items-center border rounded bg-white">
         <input
           autoComplete="off"
@@ -163,7 +163,7 @@ export default function Select({
           onKeyDown={handleKeyDown}
         />
         {label && (
-          <label className="absolute -top-2.5 left-2 text-xs font-bold bg-white px-1">
+          <label className="absolute -top-2.5 left-2 text-xs font-bold  px-1">
             {label} {props?.required && <span className="text-red-500">*</span>}
           </label>
         )}

package/src/text-area/index.tsx

@@ -21,7 +21,7 @@ export default function TextArea({
 }: Props) {
   const [value, setValue] = useState<string>((props?.value as string) || "");
   return (
-    <div className="w-full relative mb-5">
+    <div className="w-full relative my-3">
       <div className="relative flex items-center border rounded bg-white ">
         <textarea
           {...props}
@@ -35,7 +35,7 @@ export default function TextArea({
             onChange?.(e);
           }}
         ></textarea>{" "}
-        <label className="absolute -top-2.5 left-2 text-xs font-bold bg-white px-1">
+        <label className="absolute -top-2.5 left-2 text-xs font-bold  px-1">
           {label} {props?.required && <span className="text-red-500">*</span>}
         </label>
         {maxLength && (