@underverse-ui/underverse 2.0.5 → 2.0.7

package/dist/{chunk-2UQ7H5GR.js → chunk-XE3RJHVX.js}

@@ -53,7 +53,7 @@ import {
   sanitizeUEditorUrl,
   useEditorColors,
   useSharedEditorUiRenderState
-} from "./chunk-JXE7JBQV.js";
+} from "./chunk-TETMVVUP.js";
 import {
   Tooltip,
   cn,
@@ -14303,7 +14303,7 @@ function useUEditorOutput({
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var LazyMenuBar = React15.lazy(async () => {
-  const { MenuBar } = await import("./menu-bar-6HZDCX44.js");
+  const { MenuBar } = await import("./menu-bar-NFEW4FOJ.js");
   return { default: MenuBar };
 });
 var UEditor = React15.forwardRef(({
@@ -14753,4 +14753,4 @@ export {
   prepareUEditorContentForSave,
   UEditor_default
 };
-//# sourceMappingURL=chunk-2UQ7H5GR.js.map
+//# sourceMappingURL=chunk-XE3RJHVX.js.map

package/dist/index.cjs

@@ -31,7 +31,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/constants/form-control-size.ts
-var formControlSizeStyles, formControlFixedClass, formControlValueClass;
+var formControlSizeStyles, formControlLabelClass, formControlFixedClass, formControlValueClass;
 var init_form_control_size = __esm({
   "src/constants/form-control-size.ts"() {
     "use strict";
@@ -82,6 +82,7 @@ var init_form_control_size = __esm({
         tag: "h-8 max-w-36 px-3 text-sm leading-none"
       }
     };
+    formControlLabelClass = "font-medium";
     formControlFixedClass = "min-h-0 overflow-hidden";
     formControlValueClass = "max-h-full min-w-0 flex-1 truncate whitespace-nowrap";
   }
@@ -10039,6 +10040,7 @@ var Card_default = Card;
 var React5 = __toESM(require("react"), 1);
 init_cn();
 var import_lucide_react2 = require("lucide-react");
+init_form_control_size();
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var Checkbox = React5.forwardRef(
   ({ className, label, labelClassName, containerClassName, checked, defaultChecked, onChange, ...props }, ref) => {
@@ -10064,7 +10066,7 @@ var Checkbox = React5.forwardRef(
           children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Check, { className: "w-4 h-4" })
         }
       ),
-      label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn("text-sm text-foreground", labelClassName), children: label })
+      label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn("text-sm text-foreground", formControlLabelClass, labelClassName), children: label })
     ] });
   }
 );
@@ -10454,7 +10456,8 @@ var Input = (0, import_react4.forwardRef)(
             className: cn(
               // Label size follows input size
               sizeStyles8[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",
@@ -10872,7 +10875,8 @@ var Textarea = (0, import_react4.forwardRef)(
           "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
@@ -11837,7 +11841,8 @@ var TagInput = (0, import_react10.forwardRef)(
         {
           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
@@ -12012,6 +12017,7 @@ var TagInput_default = TagInput;
 // src/components/Switch.tsx
 var React17 = __toESM(require("react"), 1);
 init_cn();
+init_form_control_size();
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var Switch = ({
   checked,
@@ -12112,7 +12118,7 @@ var Switch = ({
         ]
       }
     ),
-    label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: cn("text-sm font-medium text-foreground transition-colors", disabled && "text-muted-foreground", labelClassName), children: label })
+    label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: cn("text-sm text-foreground transition-colors", formControlLabelClass, disabled && "text-muted-foreground", labelClassName), children: label })
   ] });
 };
 Switch.displayName = "Switch";
@@ -12122,9 +12128,10 @@ var Switch_default = Switch;
 var React18 = __toESM(require("react"), 1);
 var import_class_variance_authority = require("class-variance-authority");
 init_cn();
+init_form_control_size();
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority.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 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   "label",
@@ -14490,7 +14497,7 @@ var Combobox = ({
       variantStyles6[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
     )
@@ -14554,7 +14561,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
@@ -15835,7 +15843,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
@@ -15893,11 +15902,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
             ),
@@ -16594,7 +16603,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
@@ -16651,11 +16661,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: [
@@ -17539,7 +17549,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
@@ -17597,11 +17608,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
             ),
@@ -18168,7 +18179,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
@@ -18236,11 +18248,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: [
@@ -18941,8 +18953,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: [
@@ -19087,7 +19098,7 @@ function MonthYearPicker({
   ] });
   if (variant === "inline") {
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("w-full", className), ...rest, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { className: cn(sz.label, "block mb-1.5 font-medium text-foreground/80", effectiveError && "text-destructive", labelClassName), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { className: cn(sz.label, "block mb-1.5 text-foreground/80", formControlLabelClass, effectiveError && "text-destructive", labelClassName), children: [
         label,
         required && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-destructive ml-0.5", children: "*" })
       ] }),
@@ -19124,7 +19135,7 @@ function MonthYearPicker({
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("w-full", className), ...rest, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { className: cn(sz.label, "block mb-1.5 font-medium text-foreground/80", effectiveError && "text-destructive", labelClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { className: cn(sz.label, "block mb-1.5 text-foreground/80", formControlLabelClass, effectiveError && "text-destructive", labelClassName), children: [
       label,
       required && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-destructive ml-0.5", children: "*" })
     ] }),
@@ -20664,8 +20675,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: [
@@ -21007,7 +21017,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__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-destructive ml-1", children: "*" })
@@ -21055,7 +21065,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"
@@ -21300,7 +21310,13 @@ var DateTimePicker = ({
       {
         id: labelId,
         htmlFor: triggerId,
-        className: cn(sizeStyles8[size].label, "font-medium text-foreground flex items-center gap-1", effectiveError && "text-destructive", labelClassName),
+        className: cn(
+          sizeStyles8[size].label,
+          formControlLabelClass,
+          "text-foreground flex items-center gap-1",
+          effectiveError && "text-destructive",
+          labelClassName
+        ),
         children: [
           label,
           " ",
@@ -24847,7 +24863,7 @@ var MultiCombobox = ({
         variantStyles6[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: [
@@ -24933,7 +24949,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
@@ -24951,7 +24968,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
@@ -25021,6 +25039,7 @@ var React47 = __toESM(require("react"), 1);
 init_cn();
 init_radius();
 init_UnderverseConfigContext();
+init_form_control_size();
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var RadioGroupContext = React47.createContext(void 0);
 var useRadioGroup = () => {
@@ -25172,7 +25191,7 @@ var RadioGroupItem = React47.forwardRef(
               /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex-1 min-w-0", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
                   Icon && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { className: "h-4 w-4 text-foreground" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { htmlFor: radioId, className: cn("font-medium text-foreground cursor-pointer", sizeStyles7[size].text, labelClassName), children: label || children })
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { htmlFor: radioId, className: cn(formControlLabelClass, "text-foreground cursor-pointer", sizeStyles7[size].text, labelClassName), children: label || children })
                 ] }),
                 description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-muted-foreground mt-1 text-xs", children: description })
               ] })
@@ -25207,7 +25226,8 @@ var RadioGroupItem = React47.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",
@@ -25265,7 +25285,8 @@ var RadioGroupItem = React47.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",
             sizeStyles7[size].text,
             isDisabled && "cursor-not-allowed opacity-50",
@@ -25454,6 +25475,7 @@ var ToggleGroup = (props) => {
 var React48 = __toESM(require("react"), 1);
 init_cn();
 init_GlobalI18nContext();
+init_form_control_size();
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var SIZE_STYLES = {
   sm: {
@@ -25672,7 +25694,7 @@ var Slider = React48.forwardRef(
     }
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cn("w-full space-y-2", containerClassName), children: [
       (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center justify-between", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { className: cn("text-sm font-medium text-foreground", labelClassName), children: label }),
+        label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { className: cn("text-sm text-foreground", formControlLabelClass, labelClassName), children: label }),
         showValue && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: cn("text-xs font-mono text-muted-foreground min-w-8 text-right", valueClassName), children: displayValue })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
@@ -27220,7 +27242,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: [