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

package/dist/components/Button.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export type ButtonProps<P extends React.ElementType> = Omit<(P extends "button" ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.ComponentProps<P>), "onClick"> & {
-    variant?: "filled" | "outlined" | "text";
+    variant?: "filled" | "neutral" | "outlined" | "text";
     disabled?: boolean;
     color?: "primary" | "secondary" | "text" | "error";
     size?: "small" | "medium" | "large" | "xl" | "2xl";

package/dist/components/Tabs.d.ts

@@ -2,14 +2,16 @@ import React from "react";
 export type TabsProps = {
     value: string;
     children: React.ReactNode;
+    innerClassName?: string;
     className?: string;
     onValueChange: (value: string) => void;
 };
-export declare function Tabs({ value, onValueChange, className, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ value, onValueChange, className, innerClassName, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export type TabProps = {
     value: string;
     className?: string;
+    innerClassName?: string;
     children: React.ReactNode;
     disabled?: boolean;
 };
-export declare function Tab({ value, className, children, disabled }: TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tab({ value, className, innerClassName, children, disabled }: TabProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.es.js

@@ -585,10 +585,14 @@ const ButtonInner = React__default.forwardRef(({
     "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(
     {
@@ -13663,7 +13667,7 @@ function Chip({
     }
   );
 }
-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 = {
@@ -14835,6 +14839,7 @@ const MultiSelect = React.forwardRef(
       } else {
         updateValues(allValues);
       }
+      onPopoverOpenChange(false);
     };
     useInjectStyles("MultiSelect", `
 [cmdk-group] {
@@ -14953,7 +14958,7 @@ const MultiSelect = React.forwardRef(
                         /* @__PURE__ */ jsx(
                           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
                           }
@@ -16034,16 +16039,18 @@ function Tabs({
   value,
   onValueChange,
   className,
+  innerClassName,
   children
 }) {
-  return /* @__PURE__ */ jsx(TabsPrimitive.Root, { value, onValueChange, children: /* @__PURE__ */ jsx(TabsPrimitive.List, { className: cls(
+  return /* @__PURE__ */ jsx(TabsPrimitive.Root, { value, onValueChange, className, children: /* @__PURE__ */ jsx(TabsPrimitive.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
 }) {
@@ -16066,7 +16073,8 @@ function Tab({
       ),
       children: /* @__PURE__ */ 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 })
     }
   );