@particle-academy/react-fancy 4.4.2 → 4.4.4

package/README.md

@@ -303,3 +303,9 @@ Purely visual primitives (labels, dividers, layout shells) only owe the first bu
 - `react`, `react-dom`, and `lucide-react` are external dependencies, never bundled.
 - After any change, verify with `pnpm --filter @particle-academy/react-fancy build` before considering the work done.
 - When updating a component, update its demo page in `resources/js/react-demos/pages/` to cover all new features.
+
+---
+
+## ⭐ Star Fancy UI
+
+If this package is useful to you, a quick ⭐ on the repo really helps us build a better kit. Thank you!

package/dist/index.cjs

@@ -2975,18 +2975,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({
@@ -3025,7 +3025,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
               }
@@ -3044,8 +3044,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
       }
@@ -3233,7 +3233,11 @@ var Textarea = react.forwardRef(
 );
 Textarea.displayName = "Textarea";
 function Portal({ children, container }) {
-  if (typeof document === "undefined") return null;
+  const [mounted, setMounted] = react.useState(false);
+  react.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted || typeof document === "undefined") return null;
   const target = container ?? document.body;
   return reactDom.createPortal(
     /* @__PURE__ */ jsxRuntime.jsx(PortalDarkWrapper, { children }),