@firecms/ui 3.0.0-alpha.71 → 3.0.0-alpha.72

package/dist/components/Avatar.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-interface AvatarProps {
+export interface AvatarProps {
     src?: string;
     alt?: string;
     children?: React.ReactNode;
     className?: string;
+    style?: React.CSSProperties;
 }
 export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/components/Badge.d.ts

@@ -1,9 +1,8 @@
 import React from "react";
 export type BadgeColor = "primary" | "secondary" | "error";
-interface BadgeProps {
+export interface BadgeProps {
     color?: BadgeColor;
     children: React.ReactNode;
     invisible?: boolean;
 }
 export declare const Badge: React.FC<BadgeProps>;
-export {};

package/dist/components/common/SelectInputLabel.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export declare function SelectInputLabel({ children, error }: {
     children: React.ReactNode;
     error?: boolean;

package/dist/index.es.js

@@ -251,28 +251,44 @@ const Un = (n) => {
       ]
     }
   );
-}, Qn = ({ src: n, alt: t, children: r, className: c, ...a }, i) => /* @__PURE__ */ e(
+}, Qn = ({
+  src: n,
+  alt: t,
+  children: r,
+  className: c,
+  style: a,
+  ...i
+}, u) => /* @__PURE__ */ e(
   "button",
   {
-    ref: i,
-    ...a,
+    ref: u,
+    style: a,
+    ...i,
     className: _(
       "rounded-full flex items-center justify-center overflow-hidden",
       A,
-      "p-1 hover:bg-gray-200 hover:dark:bg-gray-700",
-      c
+      "p-1 hover:bg-gray-200 hover:dark:bg-gray-700 w-14 h-14"
     ),
     children: n ? /* @__PURE__ */ e(
       "img",
       {
-        className: "object-cover rounded-full w-10 h-10 bg-gray-100 dark:bg-gray-800",
+        className: _(
+          "bg-gray-100 dark:bg-gray-800",
+          "w-full h-full object-cover rounded-full",
+          c
+        ),
         src: n,
         alt: t
       }
     ) : /* @__PURE__ */ e(
       "span",
       {
-        className: "py-1.5 text-lg font-medium text-gray-900 dark:text-white rounded-full w-10 h-10 bg-gray-100 dark:bg-gray-800",
+        className: _(
+          "bg-gray-100 dark:bg-gray-800",
+          "flex items-center justify-center",
+          "w-full h-full py-1.5 text-lg font-medium text-gray-900 dark:text-white rounded-full",
+          c
+        ),
         children: r
       }
     )
@@ -298,7 +314,7 @@ const Un = (n) => {
         className: _(
           u === "small" ? "w-[38px] h-[22px] min-w-[38px] min-h-[22px]" : "w-[42px] h-[26px] min-w-[42px] min-h-[26px]",
           "outline-none rounded-full relative shadow-sm",
-          t ? i ? "bg-white bg-opacity-54 dark:bg-gray-950" : "ring-secondary ring-1 bg-secondary dark:bg-secondary" : "bg-white bg-opacity-54 dark:bg-gray-900 ring-1 ring-gray-100 dark:ring-gray-700",
+          t ? i ? "bg-white bg-opacity-54 dark:bg-gray-950 border-gray-100 dark:border-gray-700 ring-1 ring-gray-100 dark:ring-gray-700" : "ring-secondary ring-1 bg-secondary dark:bg-secondary" : "bg-white bg-opacity-54 dark:bg-gray-900 ring-1 ring-gray-100 dark:ring-gray-700",
           c
         ),
         ...l,
@@ -308,7 +324,7 @@ const Un = (n) => {
             {
               className: _(
                 "block rounded-full transition-transform duration-100 transform will-change-auto",
-                i ? "bg-gray-400 dark:bg-gray-600" : "bg-gray-600 dark:bg-gray-400",
+                "bg-gray-400 dark:bg-gray-600",
                 {
                   "w-[21px] h-[10px]": u === "medium",
                   "w-[19px] h-[8px]": u === "small",
@@ -316,7 +332,8 @@ const Un = (n) => {
                   "translate-x-[9px]": u === "small"
                 }
               )
-            }
+            },
+            "knob"
           ),
           !(r && t == null) && /* @__PURE__ */ e(
             "div",
@@ -331,7 +348,8 @@ const Un = (n) => {
                   [t ? "translate-x-[17px]" : "translate-x-[2px]"]: u === "small"
                 }
               )
-            }
+            },
+            "knob"
           )
         ]
       }
@@ -14630,7 +14648,7 @@ const ue = "hover:bg-gray-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:ho
       i ? "opacity-50 pointer-events-none" : "cursor-pointer",
       u ? "outline outline-2 outline-primary" : "",
       le,
-      c === "ghost" ? "bg-transparent" : "bg-gray-50 dark:bg-gray-950",
+      c === "ghost" ? "bg-transparent" : "bg-gray-50 dark:bg-gray-900",
       _e,
       ue,
       fe[a],
@@ -16483,7 +16501,7 @@ function hon({
   }, [w]);
   const S = cn(() => {
     t && (d(""), t(void 0));
-  }, []);
+  }, [t]);
   return /* @__PURE__ */ y(
     "div",
     {
@@ -17248,7 +17266,7 @@ const Ae = `
   /* @__PURE__ */ e(
     "span",
     {
-      className: `absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 rounded-full
+      className: `absolute top-0.5 right-0.5 transform translate-x-1/2 -translate-y-1/2 rounded-full
         ${Pe(n)}
         transition-all duration-200 ease-out
         ${t ? "w-0 h-0" : "w-2 h-2"}`