@underverse-ui/underverse 1.0.99 → 1.0.100

package/dist/index.js

@@ -22675,7 +22675,7 @@ var useFormField = () => {
 var FormItemContext = React63.createContext({});
 var FormItem = React63.forwardRef(({ className, ...props }, ref) => {
   const id = React63.useId();
-  return /* @__PURE__ */ jsx68(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx68("div", { ref, className: cn("space-y-2", className), ...props }) });
+  return /* @__PURE__ */ jsx68(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx68("div", { ref, className: cn("group space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
 var FormLabel = React63.forwardRef(
@@ -22683,10 +22683,24 @@ var FormLabel = React63.forwardRef(
     const { error, formItemId } = useFormField();
     const config = React63.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
-    return /* @__PURE__ */ jsxs57(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
-      children,
-      required && /* @__PURE__ */ jsx68("span", { className: "text-destructive ml-1", children: "*" })
-    ] });
+    return /* @__PURE__ */ jsxs57(
+      Label,
+      {
+        ref,
+        className: cn(
+          sizeClass,
+          "transition-colors duration-200",
+          error ? "text-destructive" : "group-focus-within:text-primary",
+          className
+        ),
+        htmlFor: formItemId,
+        ...props,
+        children: [
+          children,
+          required && /* @__PURE__ */ jsx68("span", { className: "text-destructive ml-1", children: "*" })
+        ]
+      }
+    );
   }
 );
 FormLabel.displayName = "FormLabel";