@kyro-cms/admin 0.9.5 → 0.9.6

package/dist/index.js

@@ -1025,7 +1025,7 @@ function ListView({
     ),
     /* @__PURE__ */ jsxs("div", { className: "surface-tile p-4 flex flex-col lg:flex-row gap-4 items-start lg:items-center", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative flex-1 w-full lg:max-w-md", children: [
-        /* @__PURE__ */ jsx(Search, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--kyro-text-muted)]" }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -2735,7 +2735,7 @@ function MediaGallery({
             ] })
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0 bg-[var(--kyro-bg)]", children: [
-            /* @__PURE__ */ jsx("div", { className: `flex-1 overflow-y-auto custom-scrollbar ${pickerMode ? "px-2 py-4" : "py-8 px-4"}`, children: loading ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5", children: /* @__PURE__ */ jsx(Shimmer, { variant: "media-card", count: 12 }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-32 text-center", children: [
+            /* @__PURE__ */ jsx("div", { className: `flex-1 overflow-y-auto custom-scrollbar ${pickerMode ? "px-2 py-4" : "py-4 px-2 md:py-8 md:px-4"}`, children: loading ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5", children: /* @__PURE__ */ jsx(Shimmer, { variant: "media-card", count: 12 }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-32 text-center", children: [
               /* @__PURE__ */ jsx("div", { className: "w-24 h-24 rounded-[2rem] bg-[var(--kyro-surface-accent)] flex items-center justify-center mb-8 rotate-12 group-hover:rotate-0 transition-transform duration-500", children: /* @__PURE__ */ jsx(Grid3X3, { className: "w-10 h-10 text-[var(--kyro-text-muted)] opacity-30" }) }),
               /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold text-[var(--kyro-text-primary)] tracking-tight", children: "No assets found" }),
               /* @__PURE__ */ jsx("p", { className: "text-[var(--kyro-text-secondary)] mt-2 max-w-xs mx-auto text-sm font-medium leading-relaxed", children: "Upload your first file or create a folder to organize your media assets." }),
@@ -6294,7 +6294,7 @@ var VideoBlock = ({
           {
             type: "button",
             onClick: () => removeBlock(block3.id),
-            className: "p-1 hover:bg-red-50 rounded text-red-500",
+            className: "p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-danger)]",
             title: "Remove",
             children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
           }
@@ -6404,7 +6404,7 @@ var ListBlock = ({
           {
             type: "button",
             onClick: () => removeBlock(block3.id),
-            className: "p-1 hover:bg-red-50 rounded text-red-500",
+            className: "p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-danger)]",
             title: "Remove",
             children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
           }
@@ -6453,7 +6453,7 @@ var CodeBlock = ({
           {
             type: "button",
             onClick: () => removeBlock(block3.id),
-            className: "p-1.5 hover:bg-red-500/10 rounded-lg transition-all text-[var(--kyro-text-muted)] hover:text-red-500",
+            className: "p-1.5 hover:bg-[var(--kyro-danger-bg)] rounded-lg transition-all text-[var(--kyro-text-muted)] hover:text-[var(--kyro-danger)]",
             title: "Remove",
             children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
           }
@@ -6552,7 +6552,7 @@ var FileBlock = ({
           {
             type: "button",
             onClick: () => removeBlock(block3.id),
-            className: "p-1 hover:bg-red-50 rounded text-red-500",
+            className: "p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-danger)]",
             title: "Remove",
             children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
           }
@@ -6798,7 +6798,7 @@ var AccordionBlock = ({
           {
             type: "button",
             onClick: () => removeBlock(block3.id),
-            className: "p-1 hover:bg-red-50 rounded text-red-500",
+            className: "p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-danger)]",
             title: "Remove",
             children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
           }
@@ -6850,7 +6850,7 @@ var RichTextBlock = ({
           {
             type: "button",
             onClick: () => removeBlock(block3.id),
-            className: "p-1 hover:bg-red-50 rounded text-red-500",
+            className: "p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-danger)]",
             title: "Remove",
             children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
           }
@@ -7637,7 +7637,7 @@ var ChildBlocksTree = ({
                         handleRemoveChild(child.id);
                         setConfirmDeleteId(null);
                       },
-                      className: "px-2 py-1 text-xs bg-red-500 text-white rounded hover:bg-red-600",
+                      className: "px-2 py-1 text-xs bg-[var(--kyro-danger)] text-white rounded",
                       children: "Remove"
                     }
                   ),
@@ -7660,8 +7660,8 @@ var ChildBlocksTree = ({
                   e.stopPropagation();
                   setConfirmDeleteId(child.id);
                 },
-                className: "p-1.5 rounded-md transition-opacity cursor-pointer hover:bg-red-50",
-                children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5 text-red-500 invisible group-hover/column:visible" })
+                className: "p-1.5 rounded-md transition-opacity cursor-pointer hover:bg-[var(--kyro-danger-bg)]",
+                children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5 text-[var(--kyro-danger)] invisible group-hover/column:visible" })
               }
             )
           ]
@@ -7858,7 +7858,7 @@ var NestedChildBlocks = ({
                         handleRemoveChild(child.id);
                         setConfirmDeleteId(null);
                       },
-                      className: "px-2 py-1 text-xs bg-red-500 text-white rounded hover:bg-red-600",
+                      className: "px-2 py-1 text-xs bg-[var(--kyro-danger)] text-white rounded",
                       children: "Remove"
                     }
                   ),
@@ -7881,8 +7881,8 @@ var NestedChildBlocks = ({
                   e.stopPropagation();
                   setConfirmDeleteId(child.id);
                 },
-                className: "p-1.5 rounded-md invisible group-hover:visible transition-opacity cursor-pointer hover:bg-red-50",
-                children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5 text-red-500" })
+                className: "p-1.5 rounded-md invisible group-hover:visible transition-opacity cursor-pointer hover:bg-[var(--kyro-danger-bg)]",
+                children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5 text-[var(--kyro-danger)]" })
               }
             )
           ]
@@ -8015,7 +8015,7 @@ var HeroBlock = ({
           {
             type: "button",
             onClick: () => removeBlock(block3.id),
-            className: "p-1 hover:bg-red-50 rounded text-red-500",
+            className: "p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-danger)]",
             title: "Remove",
             children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
           }
@@ -8243,7 +8243,7 @@ var ArrayBlock = ({
           {
             type: "button",
             onClick: () => removeBlock(block3.id),
-            className: "p-1 hover:bg-red-50 rounded text-red-500",
+            className: "p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-danger)]",
             title: "Remove",
             children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
           }
@@ -8460,7 +8460,7 @@ var RelationshipBlock = ({
           {
             type: "button",
             onClick: () => removeBlock(block3.id),
-            className: "p-1 hover:bg-red-50 rounded text-red-500",
+            className: "p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-danger)]",
             title: "Remove",
             children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
           }
@@ -8660,7 +8660,7 @@ var SortableBlockComponent = ({
                     removeBlock(block3.id);
                     setShowDeleteConfirm(false);
                   },
-                  className: "px-1.5 py-0.5 text-[9px] bg-red-500 hover:bg-red-600 text-white rounded font-semibold transition-colors",
+                  className: "px-1.5 py-0.5 text-[9px] bg-[var(--kyro-danger)] text-white rounded font-semibold transition-colors hover:brightness-90",
                   children: "Remove"
                 }
               ),
@@ -8695,7 +8695,7 @@ var SortableBlockComponent = ({
                     e.stopPropagation();
                     setShowDeleteConfirm(true);
                   },
-                  className: "p-0.5 hover:bg-red-50 hover:text-red-500 rounded text-[var(--kyro-text-muted)] transition-colors",
+                  className: "p-0.5 hover:bg-[var(--kyro-danger-bg)] hover:text-[var(--kyro-danger)] rounded text-[var(--kyro-text-muted)] transition-colors",
                   title: "Remove",
                   children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
                 }
@@ -8759,7 +8759,7 @@ var SortableBlockComponent = ({
                       removeBlock(block3.id);
                       setShowDeleteConfirm(false);
                     },
-                    className: "px-2.5 py-1 text-[10px] bg-red-500 hover:bg-red-600 text-white rounded font-semibold transition-colors",
+                    className: "px-2.5 py-1 text-[10px] bg-[var(--kyro-danger)] text-white rounded font-semibold transition-colors hover:brightness-90",
                     children: "Remove"
                   }
                 ),
@@ -8796,7 +8796,7 @@ var SortableBlockComponent = ({
                   e.stopPropagation();
                   setShowDeleteConfirm(true);
                 },
-                className: "p-1 hover:bg-red-50 hover:text-red-500 rounded text-[var(--kyro-text-muted)] transition-colors",
+                className: "p-1 hover:bg-[var(--kyro-danger-bg)] hover:text-[var(--kyro-danger)] rounded text-[var(--kyro-text-muted)] transition-colors",
                 title: "Remove Block",
                 children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
               }
@@ -8986,7 +8986,7 @@ var BlocksField = ({
       }
     }
   };
-  const activeBlock = activeDrag ? blockCategories.flatMap((cat) => cat.blocks).find((b) => `drawer-${b.type}` === activeDrag.id) || blocks2.find((b) => b.id === activeDrag.id) : null;
+  const activeBlock = activeDrag ? dynamicCategories.flatMap((cat) => cat.blocks).find((b) => `drawer-${b.type}` === activeDrag.id) || blocks2.find((b) => b.id === activeDrag.id) : null;
   activeBlock ? "label" in activeBlock ? activeBlock.label : activeBlock.type : "Block";
   useEffect(() => {
     if (!isDropdownOpen) return;
@@ -11877,13 +11877,14 @@ function Toast({ type, message, onClose }) {
       onMouseEnter: () => setIsPaused(true),
       onMouseLeave: () => setIsPaused(false),
       children: [
+        /* @__PURE__ */ jsx("div", { className: "kyro-toast-accent" }),
         /* @__PURE__ */ jsx("div", { className: "kyro-toast-icon-container", children: /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4" }) }),
         /* @__PURE__ */ jsx("div", { className: "kyro-toast-content", children: /* @__PURE__ */ jsx("p", { className: "kyro-toast-message", children: message }) }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: "kyro-toast-close",
+            className: "kyro-toast-close group-hover:opacity-100 opacity-40 transition-opacity",
             onClick: onClose,
             children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
           }
@@ -14132,7 +14133,11 @@ function Admin({ config, theme = "light", onThemeChange }) {
       }
     };
     window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
+    window.openCommandPalette = () => setIsCommandPaletteOpen(true);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+      delete window.openCommandPalette;
+    };
   }, []);
   if (!authenticated) {
     return /* @__PURE__ */ jsx(