@particle-academy/react-fancy 4.4.2 → 4.4.4

package/dist/index.js

@@ -2954,18 +2954,18 @@ function Field({
   ] });
 }
 var insidePaddingLeft = {
-  xs: "pl-7",
-  sm: "pl-8",
-  md: "pl-9",
-  lg: "pl-10",
-  xl: "pl-11"
+  xs: "[&_input]:pl-7 [&_select]:pl-7 [&_textarea]:pl-7",
+  sm: "[&_input]:pl-8 [&_select]:pl-8 [&_textarea]:pl-8",
+  md: "[&_input]:pl-9 [&_select]:pl-9 [&_textarea]:pl-9",
+  lg: "[&_input]:pl-10 [&_select]:pl-10 [&_textarea]:pl-10",
+  xl: "[&_input]:pl-11 [&_select]:pl-11 [&_textarea]:pl-11"
 };
 var insidePaddingRight = {
-  xs: "pr-7",
-  sm: "pr-8",
-  md: "pr-9",
-  lg: "pr-10",
-  xl: "pr-11"
+  xs: "[&_input]:pr-7 [&_select]:pr-7 [&_textarea]:pr-7",
+  sm: "[&_input]:pr-8 [&_select]:pr-8 [&_textarea]:pr-8",
+  md: "[&_input]:pr-9 [&_select]:pr-9 [&_textarea]:pr-9",
+  lg: "[&_input]:pr-10 [&_select]:pr-10 [&_textarea]:pr-10",
+  xl: "[&_input]:pr-11 [&_select]:pr-11 [&_textarea]:pr-11"
 };
 var affixOutsideClasses = "inline-flex items-center border border-zinc-300 bg-zinc-50 px-3 text-sm text-zinc-500 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-400";
 function InputWrapper({
@@ -3004,7 +3004,7 @@ function InputWrapper({
                   hasOutsidePrefix && !hasOutsideSuffix && "[&_input]:rounded-l-none [&_select]:rounded-l-none [&_textarea]:rounded-l-none",
                   !hasOutsidePrefix && hasOutsideSuffix && "[&_input]:rounded-r-none [&_select]:rounded-r-none [&_textarea]:rounded-r-none",
                   hasOutsidePrefix && hasOutsideSuffix && "[&_input]:rounded-none [&_select]:rounded-none [&_textarea]:rounded-none",
-                  hasInsidePrefix && `[&_input]:${insidePaddingLeft[size]} [&_select]:${insidePaddingLeft[size]} [&_textarea]:${insidePaddingLeft[size]}`
+                  hasInsidePrefix && insidePaddingLeft[size]
                 ),
                 children
               }
@@ -3023,8 +3023,8 @@ function InputWrapper({
       {
         className: cn(
           "w-full",
-          hasInsidePrefix && `[&_input]:${insidePaddingLeft[size]} [&_select]:${insidePaddingLeft[size]} [&_textarea]:${insidePaddingLeft[size]}`,
-          hasInsideSuffix && `[&_input]:${insidePaddingRight[size]} [&_select]:${insidePaddingRight[size]} [&_textarea]:${insidePaddingRight[size]}`
+          hasInsidePrefix && insidePaddingLeft[size],
+          hasInsideSuffix && insidePaddingRight[size]
         ),
         children
       }
@@ -3212,7 +3212,11 @@ var Textarea = forwardRef(
 );
 Textarea.displayName = "Textarea";
 function Portal({ children, container }) {
-  if (typeof document === "undefined") return null;
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted || typeof document === "undefined") return null;
   const target = container ?? document.body;
   return createPortal(
     /* @__PURE__ */ jsx(PortalDarkWrapper, { children }),