@firecms/ui 3.0.0-canary.209 → 3.0.0-canary.210

package/dist/components/Button.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export type ButtonProps<P extends React.ElementType> = Omit<(P extends "button" ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.ComponentProps<P>), "onClick"> & {
+export type ButtonProps<C extends React.ElementType = "button"> = {
     children?: React.ReactNode;
     variant?: "filled" | "neutral" | "outlined" | "text";
     disabled?: boolean;
@@ -8,6 +8,7 @@ export type ButtonProps<P extends React.ElementType> = Omit<(P extends "button"
     startIcon?: React.ReactNode;
     fullWidth?: boolean;
     className?: string;
+    component?: C;
     onClick?: React.MouseEventHandler<any>;
-};
+} & React.ComponentPropsWithoutRef<C>;
 export declare const Button: React.FC<ButtonProps<any>>;

package/dist/components/IconButton.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 export type IconButtonProps<C extends React.ElementType> = Omit<(C extends "button" ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.ComponentProps<C>), "onClick"> & {
-    children?: React.ReactNode;
     size?: "medium" | "small" | "smallest" | "large";
     variant?: "ghost" | "filled";
     shape?: "circular" | "square";

package/dist/index.es.js

@@ -859,8 +859,8 @@ const ButtonInner = React__default.forwardRef((t0, ref) => {
         "border border-secondary bg-secondary focus:ring-secondary shadow hover:ring-1 hover:ring-secondary text-white hover:text-white": t9,
         "border border-red-500 bg-red-500 hover:bg-red-500 focus:ring-red-500 shadow hover:ring-1 hover:ring-red-600 text-white hover:text-white": t10,
         "border border-surface-accent-200 bg-surface-accent-200 hover:bg-surface-accent-300 focus:ring-surface-accent-400 shadow hover:ring-1 hover:ring-surface-accent-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark": t11,
-        "border border-transparent text-primary hover:text-primary hover:bg-surface-accent-200 dark:hover:bg-surface-900": t12,
-        "border border-transparent text-secondary hover:text-secondary hover:bg-secondary-bg": t13,
+        "border border-transparent text-primary hover:text-primary hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800": t12,
+        "border border-transparent text-secondary hover:text-secondary hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800": t13,
         "border border-transparent text-red-500 hover:text-red-500 hover:bg-red-500 hover:bg-opacity-10": t14,
         "border border-transparent text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark hover:bg-surface-accent-200 hover:dark:bg-surface-700": t15,
         "border border-primary text-primary hover:text-primary hover:bg-primary-bg": t16,
@@ -28956,7 +28956,7 @@ function MenubarTrigger(t0) {
   } = t0;
   let t1;
   if ($[0] !== className) {
-    t1 = cls("py-2 px-3 outline-none select-none font-medium leading-none rounded text-text-primary dark:text-text-primary-dark text-[13px] flex items-center justify-between gap-[2px] data-[highlighted]:bg-surface-accent-100 data-[highlighted]:dark:bg-surface-800 data-[state=open]:bg-surface-accent-100 data-[state=open]:dark:bg-surface-800 hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-700 dark:hover:bg-opacity-50", className);
+    t1 = cls("py-2 px-3 outline-none select-none font-medium leading-none rounded text-text-primary dark:text-text-primary-dark text-[13px] flex items-center justify-between gap-[2px] data-[highlighted]:bg-surface-accent-100 data-[highlighted]:dark:bg-surface-800 data-[state=open]:bg-surface-accent-100 data-[state=open]:dark:bg-surface-800 hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800", className);
     $[0] = className;
     $[1] = t1;
   } else {