@firecms/ui 3.0.0-canary.147 → 3.0.0-canary.149

package/dist/index.umd.js

@@ -596,10 +596,14 @@
       "border border-secondary text-secondary hover:text-secondary hover:bg-secondary-bg": variant === "outlined" && color === "secondary" && !disabled,
       "border border-red-500 text-red-500 hover:text-red-500 hover:bg-red-500 hover:text-white": variant === "outlined" && color === "error" && !disabled,
       "border border-surface-accent-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:bg-surface-accent-200": variant === "outlined" && color === "text" && !disabled,
+      // Neutral Variants
+      "border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-primary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": variant === "neutral" && (color === "primary" || color === "text") && !disabled,
+      "border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-secondary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": variant === "neutral" && color === "secondary" && !disabled,
+      "border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-error dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-error": variant === "neutral" && color === "error" && !disabled,
       // Disabled states for all variants
       "border border-transparent opacity-50": variant === "text" && disabled,
       "border border-surface-500 opacity-50": variant === "outlined" && disabled,
-      "border border-surface-500 bg-surface-500 opacity-50": variant === "filled" && disabled
+      "border border-surface-500 bg-surface-500 opacity-50": (variant === "filled" || variant === "neutral") && disabled
     });
     const sizeClasses2 = cls(
       {
@@ -13674,7 +13678,7 @@
       }
     );
   }
-  const buttonClasses = "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800";
+  const buttonClasses = "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800 hover:scale-110 transition-transform";
   const baseClasses = "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150";
   const colorClasses$1 = "text-surface-accent-600 visited:text-surface-accent-600 dark:text-surface-accent-300 dark:visited:text-surface-300";
   const sizeClasses = {
@@ -14846,6 +14850,7 @@
         } else {
           updateValues(allValues);
         }
+        onPopoverOpenChange(false);
       };
       useInjectStyles("MultiSelect", `
 [cmdk-group] {
@@ -14964,7 +14969,7 @@
                           /* @__PURE__ */ jsxRuntime.jsx(
                             cmdk.Command.Input,
                             {
-                              className: cls(focusedDisabled, "bg-transparent outline-none flex-1 h-full w-full m-4 flex-grow"),
+                              className: cls(focusedDisabled, "bg-transparent outline-none flex-1 h-full w-full m-4 flex-grow "),
                               placeholder: "Search...",
                               onKeyDown: handleInputKeyDown
                             }
@@ -16045,16 +16050,18 @@
     value,
     onValueChange,
     className,
+    innerClassName,
     children
   }) {
-    return /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { value, onValueChange, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.List, { className: cls(
+    return /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { value, onValueChange, className, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.List, { className: cls(
       "flex text-sm font-medium text-center text-surface-accent-800 dark:text-white max-w-full overflow-auto no-scrollbar",
-      className
+      innerClassName
     ), children }) });
   }
   function Tab({
     value,
     className,
+    innerClassName,
     children,
     disabled
   }) {
@@ -16077,7 +16084,8 @@
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls(
           "uppercase inline-block p-2 px-4 m-2 rounded",
-          "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800"
+          "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800",
+          innerClassName
         ), children })
       }
     );