@underverse-ui/underverse 2.0.5 → 2.0.7

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   extractImageSrcsFromHtml,
   normalizeImageUrl,
   prepareUEditorContentForSave
-} from "./chunk-2UQ7H5GR.js";
+} from "./chunk-XE3RJHVX.js";
 import {
   EmojiPicker_default
 } from "./chunk-A7XL4RDV.js";
@@ -16,7 +16,7 @@ import {
 import "./chunk-4TYW5K4J.js";
 import {
   Modal_default
-} from "./chunk-OZH3EDGZ.js";
+} from "./chunk-JINSMREP.js";
 import {
   DropdownMenuItem,
   DropdownMenuSeparator,
@@ -25,6 +25,7 @@ import {
   SelectDropdown,
   UnderverseConfigProvider,
   formControlFixedClass,
+  formControlLabelClass,
   formControlSizeStyles,
   formControlValueClass,
   getAnimationStyles,
@@ -34,7 +35,7 @@ import {
   shadcnAnimationStyles,
   useShadCNAnimations,
   useUnderverseUIConfig
-} from "./chunk-JXE7JBQV.js";
+} from "./chunk-TETMVVUP.js";
 import {
   ForceInternalTranslationsProvider,
   NextIntlAdapter,
@@ -591,7 +592,7 @@ var Checkbox = React3.forwardRef(
           children: isChecked && /* @__PURE__ */ jsx4(Check, { className: "w-4 h-4" })
         }
       ),
-      label && /* @__PURE__ */ jsx4("span", { className: cn("text-sm text-foreground", labelClassName), children: label })
+      label && /* @__PURE__ */ jsx4("span", { className: cn("text-sm text-foreground", formControlLabelClass, labelClassName), children: label })
     ] });
   }
 );
@@ -975,7 +976,8 @@ var Input = forwardRef3(
             className: cn(
               // Label size follows input size
               sizeStyles7[size].label,
-              "font-medium transition-colors duration-200",
+              formControlLabelClass,
+              "transition-colors duration-200",
               // default color and highlight while any descendant focused
               disabled ? "text-muted-foreground" : cn("text-foreground group-focus-within:text-primary", success && "text-primary"),
               errMsg && "text-destructive",
@@ -1393,7 +1395,8 @@ var Textarea = forwardRef3(
           "label",
           {
             className: cn(
-              "text-sm font-medium transition-colors duration-200",
+              "text-sm transition-colors duration-200",
+              formControlLabelClass,
               isFocused ? "text-primary" : "text-foreground",
               error && "text-destructive",
               labelClassName
@@ -2344,7 +2347,8 @@ var TagInput = forwardRef4(
         {
           htmlFor: inputId,
           className: cn(
-            "block font-medium transition-colors duration-200",
+            "block transition-colors duration-200",
+            formControlLabelClass,
             formControlSizeStyles[size].label,
             disabled ? "text-muted-foreground" : isFocused ? "text-primary" : "text-foreground",
             labelClassName
@@ -2618,7 +2622,7 @@ var Switch = ({
         ]
       }
     ),
-    label && /* @__PURE__ */ jsx10("span", { className: cn("text-sm font-medium text-foreground transition-colors", disabled && "text-muted-foreground", labelClassName), children: label })
+    label && /* @__PURE__ */ jsx10("span", { className: cn("text-sm text-foreground transition-colors", formControlLabelClass, disabled && "text-muted-foreground", labelClassName), children: label })
   ] });
 };
 Switch.displayName = "Switch";
@@ -2629,7 +2633,7 @@ import * as React10 from "react";
 import { cva } from "class-variance-authority";
 import { jsx as jsx11 } from "react/jsx-runtime";
 var labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+  `text-sm ${formControlLabelClass} leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70`
 );
 var Label = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "label",
@@ -4957,7 +4961,7 @@ var Combobox = ({
       variantStyles5[variant],
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:border-primary",
       "disabled:cursor-not-allowed disabled:opacity-50",
-      open && "ring-2 ring-primary/20 border-primary",
+      open && "border-primary",
       !!effectiveError && "border-destructive focus-visible:ring-destructive/30",
       className
     )
@@ -5021,7 +5025,8 @@ var Combobox = ({
         onClick: () => triggerRef.current?.focus(),
         className: cn(
           labelSize,
-          "font-medium transition-colors duration-200",
+          formControlLabelClass,
+          "transition-colors duration-200",
           disabled ? "text-muted-foreground" : "text-foreground group-focus-within:text-primary",
           effectiveError && "text-destructive",
           labelClassName
@@ -6289,7 +6294,8 @@ var DatePicker = ({
         onClick: () => inputRef.current?.focus(),
         className: cn(
           labelSize,
-          "font-semibold transition-colors duration-300 cursor-pointer",
+          formControlLabelClass,
+          "transition-colors duration-300 cursor-pointer",
           disabled ? "text-muted-foreground" : "text-foreground group-focus-within:text-primary hover:text-primary",
           effectiveError && "text-destructive",
           labelClassName
@@ -6347,11 +6353,11 @@ var DatePicker = ({
               formControlSizeStyles[requestedSize].control,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
-                "focus-within:ring-2 focus-within:ring-primary/50 focus-within:ring-offset-2 focus-within:ring-offset-background focus-within:border-transparent focus-within:hover:border-transparent",
-                "hover:bg-accent/10 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5"
+                "focus-within:border-primary focus-within:ring-0",
+                "hover:bg-accent/10"
               ],
               "transition-all duration-300 ease-out",
-              isOpen && !isFocused && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && !isFocused && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive/60 focus-within:ring-destructive/50 bg-destructive/5",
               className
             ),
@@ -7048,7 +7054,8 @@ var DateRangePicker = ({
         onClick: () => inputRef.current?.focus(),
         className: cn(
           size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm",
-          "font-medium transition-colors duration-300",
+          formControlLabelClass,
+          "transition-colors duration-300",
           disabled ? "text-muted-foreground cursor-not-allowed" : "text-foreground group-focus-within:text-primary hover:text-primary cursor-pointer",
           effectiveError && "text-destructive",
           labelClassName
@@ -7105,11 +7112,11 @@ var DateRangePicker = ({
               formControlSizeStyles[requestedSize].control,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
-                "focus-within:ring-2 focus-within:ring-primary/50 focus-within:ring-offset-2 focus-within:ring-offset-background focus-within:border-transparent focus-within:hover:border-transparent",
-                "hover:bg-accent/10 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5"
+                "focus-within:border-primary focus-within:ring-0",
+                "hover:bg-accent/10"
               ],
               "transition-all duration-300 ease-out",
-              isOpen && !isFocused && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && !isFocused && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive/60 focus-within:ring-destructive/50 bg-destructive/5"
             ),
             children: [
@@ -7986,7 +7993,8 @@ var LunarDatePicker = ({
         onClick: () => inputRef.current?.focus(),
         className: cn(
           labelSize,
-          "font-semibold transition-colors duration-300 cursor-pointer",
+          formControlLabelClass,
+          "transition-colors duration-300 cursor-pointer",
           disabled ? "text-muted-foreground" : "text-foreground group-focus-within:text-primary hover:text-primary",
           effectiveError && "text-destructive",
           labelClassName
@@ -8044,11 +8052,11 @@ var LunarDatePicker = ({
               formControlSizeStyles[requestedSize].control,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
-                "focus-within:ring-2 focus-within:ring-primary/50 focus-within:ring-offset-2 focus-within:ring-offset-background focus-within:border-transparent focus-within:hover:border-transparent",
-                "hover:bg-accent/10 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5"
+                "focus-within:border-primary focus-within:ring-0",
+                "hover:bg-accent/10"
               ],
               "transition-all duration-300 ease-out",
-              isOpen && !isFocused && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && !isFocused && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive/60 focus-within:ring-destructive/50 bg-destructive/5",
               className
             ),
@@ -8615,7 +8623,8 @@ var LunarDateRangePicker = ({
         onClick: () => setIsOpen(true),
         className: cn(
           size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm",
-          "font-medium transition-colors duration-300",
+          formControlLabelClass,
+          "transition-colors duration-300",
           disabled ? "text-muted-foreground cursor-not-allowed" : "text-foreground group-focus-within:text-primary hover:text-primary cursor-pointer",
           effectiveError && "text-destructive",
           labelClassName
@@ -8683,11 +8692,11 @@ var LunarDateRangePicker = ({
               formControlSizeStyles[requestedSize].control,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
-                "focus-within:ring-2 focus-within:ring-primary/50 focus-within:ring-offset-2 focus-within:ring-offset-background focus-within:border-transparent focus-within:hover:border-transparent",
-                "hover:bg-accent/10 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5"
+                "focus-within:border-primary focus-within:ring-0",
+                "hover:bg-accent/10"
               ],
               "transition-all duration-300 ease-out text-left",
-              isOpen && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive/60 focus-within:ring-destructive/50 bg-destructive/5"
             ),
             children: [
@@ -9378,8 +9387,7 @@ function MonthYearPicker({
         effectiveError && "border-destructive/60 focus-visible:ring-destructive/50 bg-destructive/5",
         success && !effectiveError && "border-success/60 focus-visible:ring-success/50 bg-success/5",
         !effectiveError && !success && "border-border/60 hover:border-primary/40 hover:bg-accent/10",
-        animate && !disabled && "hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5",
-        open && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+        open && "border-primary shadow-lg shadow-primary/10",
         className
       ),
       children: [
@@ -9524,7 +9532,7 @@ function MonthYearPicker({
   ] });
   if (variant === "inline") {
     return /* @__PURE__ */ jsxs22("div", { className: cn("w-full", className), ...rest, children: [
-      label && /* @__PURE__ */ jsxs22("label", { className: cn(sz.label, "block mb-1.5 font-medium text-foreground/80", effectiveError && "text-destructive", labelClassName), children: [
+      label && /* @__PURE__ */ jsxs22("label", { className: cn(sz.label, "block mb-1.5 text-foreground/80", formControlLabelClass, effectiveError && "text-destructive", labelClassName), children: [
         label,
         required && /* @__PURE__ */ jsx29("span", { className: "text-destructive ml-0.5", children: "*" })
       ] }),
@@ -9561,7 +9569,7 @@ function MonthYearPicker({
     ] });
   }
   return /* @__PURE__ */ jsxs22("div", { className: cn("w-full", className), ...rest, children: [
-    label && /* @__PURE__ */ jsxs22("label", { className: cn(sz.label, "block mb-1.5 font-medium text-foreground/80", effectiveError && "text-destructive", labelClassName), children: [
+    label && /* @__PURE__ */ jsxs22("label", { className: cn(sz.label, "block mb-1.5 text-foreground/80", formControlLabelClass, effectiveError && "text-destructive", labelClassName), children: [
       label,
       required && /* @__PURE__ */ jsx29("span", { className: "text-destructive ml-0.5", children: "*" })
     ] }),
@@ -11094,8 +11102,7 @@ function TimePicker({
         effectiveError && "border-destructive/60 focus-visible:ring-destructive/50 bg-destructive/5",
         success && !effectiveError && "border-success/60 focus-visible:ring-success/50 bg-success/5",
         !effectiveError && !success && "border-border/60 hover:border-primary/40 hover:bg-accent/10",
-        animate && !disabled && "hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5",
-        open && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+        open && "border-primary shadow-lg shadow-primary/10",
         className
       ),
       children: [
@@ -11437,7 +11444,7 @@ function TimePicker({
         "label",
         {
           id: labelId,
-          className: cn(sz.label, "font-semibold", disabled ? "text-muted-foreground" : "text-foreground", effectiveError && "text-destructive"),
+          className: cn(sz.label, formControlLabelClass, disabled ? "text-muted-foreground" : "text-foreground", effectiveError && "text-destructive"),
           children: [
             label,
             required && /* @__PURE__ */ jsx31("span", { className: "text-destructive ml-1", children: "*" })
@@ -11485,7 +11492,7 @@ function TimePicker({
         htmlFor: triggerId,
         className: cn(
           sz.label,
-          "font-semibold",
+          formControlLabelClass,
           disabled ? "text-muted-foreground" : "text-foreground",
           effectiveError && "text-destructive",
           "cursor-pointer transition-colors hover:text-primary"
@@ -11726,7 +11733,13 @@ var DateTimePicker = ({
       {
         id: labelId,
         htmlFor: triggerId,
-        className: cn(sizeStyles7[size].label, "font-medium text-foreground flex items-center gap-1", effectiveError && "text-destructive", labelClassName),
+        className: cn(
+          sizeStyles7[size].label,
+          formControlLabelClass,
+          "text-foreground flex items-center gap-1",
+          effectiveError && "text-destructive",
+          labelClassName
+        ),
         children: [
           label,
           " ",
@@ -15254,7 +15267,7 @@ var MultiCombobox = ({
         variantStyles5[variant],
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:border-primary",
         "disabled:cursor-not-allowed disabled:opacity-50",
-        open && "ring-2 ring-primary/20 border-primary",
+        open && "border-primary",
         !!effectiveError && "border-destructive focus-visible:ring-destructive/30"
       ),
       children: [
@@ -15340,7 +15353,8 @@ var MultiCombobox = ({
       {
         className: cn(
           size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm",
-          "font-medium transition-colors duration-200",
+          formControlLabelClass,
+          "transition-colors duration-200",
           disabled ? "text-muted-foreground" : "text-foreground group-focus-within:text-primary",
           effectiveError && "text-destructive",
           labelClassName
@@ -15358,7 +15372,8 @@ var MultiCombobox = ({
         onClick: () => triggerRef.current?.focus(),
         className: cn(
           labelSize,
-          "font-medium transition-colors duration-200",
+          formControlLabelClass,
+          "transition-colors duration-200",
           disabled ? "text-muted-foreground" : "text-foreground group-focus-within:text-primary",
           effectiveError && "text-destructive",
           labelClassName
@@ -15576,7 +15591,7 @@ var RadioGroupItem = React36.forwardRef(
               /* @__PURE__ */ jsxs33("div", { className: "flex-1 min-w-0", children: [
                 /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
                   Icon && /* @__PURE__ */ jsx40(Icon, { className: "h-4 w-4 text-foreground" }),
-                  /* @__PURE__ */ jsx40("label", { htmlFor: radioId, className: cn("font-medium text-foreground cursor-pointer", sizeStyles6[size].text, labelClassName), children: label || children })
+                  /* @__PURE__ */ jsx40("label", { htmlFor: radioId, className: cn(formControlLabelClass, "text-foreground cursor-pointer", sizeStyles6[size].text, labelClassName), children: label || children })
                 ] }),
                 description && /* @__PURE__ */ jsx40("p", { className: "text-muted-foreground mt-1 text-xs", children: description })
               ] })
@@ -15611,7 +15626,8 @@ var RadioGroupItem = React36.forwardRef(
           id: radioId,
           disabled: isDisabled,
           className: cn(
-            "inline-flex items-center justify-center gap-2 border font-medium transition-all duration-200",
+            "inline-flex items-center justify-center gap-2 border transition-all duration-200",
+            formControlLabelClass,
             getBorderRadiusClass(borderMode ?? "lg"),
             "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
@@ -15669,7 +15685,8 @@ var RadioGroupItem = React36.forwardRef(
         {
           htmlFor: radioId,
           className: cn(
-            "font-medium text-foreground cursor-pointer flex-1",
+            formControlLabelClass,
+            "text-foreground cursor-pointer flex-1",
             "disabled:cursor-not-allowed disabled:opacity-50",
             sizeStyles6[size].text,
             isDisabled && "cursor-not-allowed opacity-50",
@@ -16074,7 +16091,7 @@ var Slider = React37.forwardRef(
     }
     return /* @__PURE__ */ jsxs34("div", { className: cn("w-full space-y-2", containerClassName), children: [
       (label || showValue) && /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between", children: [
-        label && /* @__PURE__ */ jsx41("label", { className: cn("text-sm font-medium text-foreground", labelClassName), children: label }),
+        label && /* @__PURE__ */ jsx41("label", { className: cn("text-sm text-foreground", formControlLabelClass, labelClassName), children: label }),
         showValue && /* @__PURE__ */ jsx41("span", { className: cn("text-xs font-mono text-muted-foreground min-w-8 text-right", valueClassName), children: displayValue })
       ] }),
       /* @__PURE__ */ jsxs34(
@@ -17614,7 +17631,7 @@ function CategoryTreeSelect(props) {
               triggerVariantStyles[variant],
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
               disabled && "opacity-50 cursor-not-allowed hover:transform-none hover:shadow-none",
-              isOpen && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive focus-visible:ring-destructive/30"
             ),
             children: [