@underverse-ui/underverse 1.0.99 → 1.0.100

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.99",
+  "version": "1.0.100",
   "sourceEntry": "src/index.ts",
   "totalExports": 225,
   "exports": [

package/dist/index.cjs

@@ -22844,7 +22844,7 @@ var useFormField = () => {
 var FormItemContext = React63.createContext({});
 var FormItem = React63.forwardRef(({ className, ...props }, ref) => {
   const id = React63.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref, className: cn("group space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
 var FormLabel = React63.forwardRef(
@@ -22852,10 +22852,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__ */ (0, import_jsx_runtime68.jsxs)(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
-      children,
-      required && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-destructive ml-1", children: "*" })
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+      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__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+        ]
+      }
+    );
   }
 );
 FormLabel.displayName = "FormLabel";