@firecms/ui 3.0.0-canary.54 → 3.0.0-canary.56

package/dist/index.es.js

@@ -22,7 +22,7 @@ import * as $n from "react-dom";
 import * as $ from "@radix-ui/react-tooltip";
 import * as ln from "@radix-ui/react-tabs";
 import * as Y from "@radix-ui/react-popover";
-const P = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent", In = "focus:bg-opacity-70 focus:bg-slate-100 focus:dark:bg-gray-800 focus:dark:bg-opacity-60", hn = "z-30 outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent ", V = "bg-opacity-50 bg-slate-200 dark:bg-gray-700 dark:bg-opacity-40 transition duration-100 ease-in-out", kn = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0 transition duration-100 ease-in-out", j = "dark:bg-gray-800 bg-opacity-80 dark:bg-opacity-90", q = "hover:bg-opacity-70 dark:hover:bg-opacity-60", U = "border-gray-100 dark:border-gray-800 dark:border-opacity-80", J = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-80 border-gray-100", Yn = "bg-white border border-gray-100 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 transition duration-100 ease-in-out m-1 -p-1", Zn = "hover:bg-primary-bg dark:hover:bg-primary-bg hover:bg-opacity-20 dark:hover:bg-opacity-20 hover:ring-2 hover:ring-primary cursor-pointer", ro = "bg-primary-bg dark:bg-primary-bg bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
+const P = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent", In = "focus:bg-opacity-70 focus:bg-slate-100 focus:dark:bg-gray-800 focus:dark:bg-opacity-60", hn = "z-30 outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent ", V = "bg-opacity-50 bg-slate-200 dark:bg-gray-700 dark:bg-opacity-40", kn = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0", j = "dark:bg-gray-800 bg-opacity-80 dark:bg-opacity-90", q = "hover:bg-opacity-70 dark:hover:bg-opacity-60", U = "border-gray-100 dark:border-gray-800 dark:border-opacity-80", J = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-80 border-gray-100", Yn = "bg-white border border-gray-100 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 m-1 -p-1", Zn = "hover:bg-primary-bg dark:hover:bg-primary-bg hover:bg-opacity-20 dark:hover:bg-opacity-20 hover:ring-2 hover:ring-primary cursor-pointer", ro = "bg-primary-bg dark:bg-primary-bg bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
 function _(...n) {
   return zn(Wn(n));
 }
@@ -16485,7 +16485,7 @@ function Non({
       className: _(
         "relative",
         a ? "h-14" : "h-[42px]",
-        "bg-slate-50 dark:bg-gray-800 transition duration-150 ease-in-out border",
+        "bg-slate-50 dark:bg-gray-800 border",
         U,
         "rounded",
         u
@@ -16494,7 +16494,7 @@ function Non({
         /* @__PURE__ */ e(
           "div",
           {
-            className: "absolute p-0 px-4 h-full absolute pointer-events-none flex items-center justify-center top-0",
+            className: "absolute p-0 px-4 h-full pointer-events-none flex items-center justify-center top-0",
             children: f ? /* @__PURE__ */ e(Sn, { size: "small" }) : /* @__PURE__ */ e(Ie, { className: "text-slate-500 dark:text-gray-500" })
           }
         ),
@@ -17449,7 +17449,7 @@ const je = `
   color: n = "primary",
   invisible: t = !1,
   children: r
-}) => /* @__PURE__ */ p("div", { className: "relative inline-block", children: [
+}) => /* @__PURE__ */ p("div", { className: "relative inline-block w-fit", children: [
   r,
   /* @__PURE__ */ e(
     "span",
@@ -17485,15 +17485,22 @@ function ntn({
   height: t,
   className: r
 }) {
-  return /* @__PURE__ */ e("span", { className: _(
-    "block",
-    "bg-slate-200 dark:bg-slate-800 rounded",
-    "animate-pulse",
-    n ? `w-[${n}px]` : "w-full",
-    t ? `h-[${t}px]` : "h-3",
-    "max-w-full max-h-full",
-    r
-  ) });
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      style: {
+        width: n ? `${n}px` : "100%",
+        height: t ? `${t}px` : "12px"
+      },
+      className: _(
+        "block",
+        "bg-slate-200 dark:bg-slate-800 rounded",
+        "animate-pulse",
+        "max-w-full max-h-full",
+        r
+      )
+    }
+  );
 }
 export {
   Pt as AbcIcon,