convex-cms 0.0.5-alpha.4 → 0.0.6

package/README.md

@@ -87,7 +87,7 @@ They work together through the same CMS component.
 ### 1. Install
 
 ```bash
-npm install convex-cms
+pnpm add convex-cms
 ```
 
 ### 2. Add the Component
@@ -104,7 +104,7 @@ export default app;
 
 ### 3. Choose Your Setup
 
-**For Admin UI:** Run `npx convex-cms init` then `npx convex-cms admin`
+**For Admin UI:** Run `pnpm convex-cms init` then `pnpm convex-cms admin`
 → [Full Admin UI Setup](./docs/guides/admin-ui-setup.md)
 
 **For Custom Functions:** Create a CMS client and use it in your functions
@@ -144,7 +144,7 @@ export default app;
 
 | Mode | Command | Best For |
 |------|---------|----------|
-| **CLI** | `npx convex-cms admin` | Development |
+| **CLI** | `pnpm convex-cms admin` | Development |
 | **Embed** | `<CmsAdmin api={api.admin} />` | Production |
 
 Both modes call the same functions from your `convex/admin.ts`.

package/admin/src/components/Sidebar.tsx

@@ -1,8 +1,17 @@
+import { useState } from "react";
 import { Link, useRouterState } from "@tanstack/react-router";
-import { Layers } from "lucide-react";
+import { useQuery } from "convex/react";
+import { Layers, ChevronDown } from "lucide-react";
 import { cn } from "~/lib/cn";
 import { useAdminConfig } from "~/contexts";
 import { Icon } from "~/lib/icons";
+import { api } from "../../convex/_generated/api";
+import {
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
+} from "~/components/ui/collapsible";
+import { ContentTypeFormModal } from "~/components/ContentTypeFormModal";
 import type { NavItem } from "~/lib/admin-config";
 
 export function Sidebar() {
@@ -11,6 +20,13 @@ export function Sidebar() {
   const config = useAdminConfig();
   const { navItems, branding, layout } = config;
 
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
+
+  const contentTypesResult = useQuery(api.admin.listContentTypes, {
+    isActive: true,
+  });
+  const contentTypes = contentTypesResult?.page ?? [];
+
   const isActive = (to: string, exact?: boolean) => {
     if (exact) {
       return currentPath === to;
@@ -18,73 +34,149 @@ export function Sidebar() {
     return currentPath.startsWith(to);
   };
 
-  const renderNavItem = (item: NavItem) => (
-    <Link
-      key={item.id}
-      to={item.path}
-      className={cn(
-        "flex items-center gap-3 rounded-md px-2 py-2 text-sm font-medium transition-colors",
-        isActive(item.path, item.exact)
-          ? "bg-sidebar-accent text-sidebar-accent-foreground"
-          : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground"
-      )}
-    >
-      <Icon name={item.icon} className="size-5" />
-      <span className="flex-1">{item.label}</span>
-      {item.badge && (
-        <span className="rounded-full bg-sidebar-primary px-2 py-0.5 text-xs text-sidebar-primary-foreground">
-          {item.badge}
-        </span>
-      )}
-    </Link>
+  const isContentActive =
+    currentPath === "/content" ||
+    currentPath.startsWith("/entries/type/") ||
+    currentPath.startsWith("/entries/new/") ||
+    currentPath.startsWith("/entries/");
+
+  const renderNavItem = (item: NavItem) => {
+    if (item.id === "content") {
+      return renderContentMenu(item);
+    }
+
+    return (
+      <Link
+        key={item.id}
+        to={item.path}
+        className={cn(
+          "flex items-center gap-3 rounded-md px-2 py-2 text-sm font-medium transition-colors",
+          isActive(item.path, item.exact)
+            ? "bg-sidebar-accent text-sidebar-accent-foreground"
+            : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground"
+        )}
+      >
+        <Icon name={item.icon} className="size-5" />
+        <span className="flex-1">{item.label}</span>
+        {item.badge && (
+          <span className="rounded-full bg-sidebar-primary px-2 py-0.5 text-xs text-sidebar-primary-foreground">
+            {item.badge}
+          </span>
+        )}
+      </Link>
+    );
+  };
+
+  const renderContentMenu = (item: NavItem) => (
+    <Collapsible key={item.id} defaultOpen={isContentActive}>
+      <CollapsibleTrigger
+        className={cn(
+          "flex w-full items-center gap-3 rounded-md px-2 py-2 text-sm font-medium transition-colors",
+          isContentActive
+            ? "bg-sidebar-accent text-sidebar-accent-foreground"
+            : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
+          "group"
+        )}
+      >
+        <Icon name={item.icon} className="size-5" />
+        <span className="flex-1 text-left">{item.label}</span>
+        <ChevronDown className="size-4 transition-transform duration-200 group-data-[state=open]:rotate-180" />
+      </CollapsibleTrigger>
+      <CollapsibleContent>
+        <div className="ml-5 mt-1 space-y-1 border-l border-sidebar-border pl-3">
+          <Link
+            to="/content"
+            className={cn(
+              "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors",
+              currentPath === "/content"
+                ? "bg-sidebar-accent/60 text-sidebar-accent-foreground"
+                : "text-sidebar-foreground/80 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
+            )}
+          >
+            All Entries
+          </Link>
+          {contentTypes.map((type) => (
+            <Link
+              key={type._id}
+              to="/entries/type/$contentTypeId"
+              params={{ contentTypeId: type._id }}
+              className={cn(
+                "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors",
+                currentPath === `/entries/type/${type._id}`
+                  ? "bg-sidebar-accent/60 text-sidebar-accent-foreground"
+                  : "text-sidebar-foreground/80 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
+              )}
+            >
+              {type.displayName}
+            </Link>
+          ))}
+          {contentTypes.length === 0 && contentTypesResult !== undefined && (
+            <button
+              type="button"
+              onClick={() => setIsCreateModalOpen(true)}
+              className="flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-sidebar-foreground/60 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
+            >
+              + Create content type
+            </button>
+          )}
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
   );
 
   const sidebarWidth = layout.sidebarWidth;
 
   return (
-    <aside
-      className="fixed inset-y-0 left-0 z-50 flex flex-col border-r border-sidebar-border bg-sidebar"
-      style={{ width: sidebarWidth }}
-    >
-      <div className="flex h-14 items-center gap-2 border-b border-sidebar-border px-4">
-        <Link to="/" className="flex items-center gap-2 font-semibold text-sidebar-foreground">
-          {branding.logo ? (
-            <img src={branding.logo} alt={branding.appName} className="size-8" />
-          ) : (
-            <div className="flex size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
-              <Layers className="size-4" />
+    <>
+      <aside
+        className="fixed inset-y-0 left-0 z-50 flex flex-col border-r border-sidebar-border bg-sidebar"
+        style={{ width: sidebarWidth }}
+      >
+        <div className="flex h-14 items-center gap-2 border-b border-sidebar-border px-4">
+          <Link to="/" className="flex items-center gap-2 font-semibold text-sidebar-foreground">
+            {branding.logo ? (
+              <img src={branding.logo} alt={branding.appName} className="size-8" />
+            ) : (
+              <div className="flex size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
+                <Layers className="size-4" />
+              </div>
+            )}
+            <span className="text-base">{branding.appName}</span>
+          </Link>
+        </div>
+
+        <nav className="flex-1 space-y-6 overflow-y-auto p-4">
+          {navItems.main.length > 0 && (
+            <div className="space-y-1">
+              <span className="px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60">
+                Main
+              </span>
+              <div className="space-y-1 pt-2">{navItems.main.map(renderNavItem)}</div>
             </div>
           )}
-          <span className="text-base">{branding.appName}</span>
-        </Link>
-      </div>
 
-      <nav className="flex-1 space-y-6 overflow-y-auto p-4">
-        {navItems.main.length > 0 && (
-          <div className="space-y-1">
-            <span className="px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60">
-              Main
-            </span>
-            <div className="space-y-1 pt-2">{navItems.main.map(renderNavItem)}</div>
-          </div>
-        )}
+          {navItems.config.length > 0 && (
+            <div className="space-y-1">
+              <span className="px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60">
+                Configuration
+              </span>
+              <div className="space-y-1 pt-2">{navItems.config.map(renderNavItem)}</div>
+            </div>
+          )}
+        </nav>
 
-        {navItems.config.length > 0 && (
-          <div className="space-y-1">
-            <span className="px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60">
-              Configuration
-            </span>
-            <div className="space-y-1 pt-2">{navItems.config.map(renderNavItem)}</div>
+        <div className="border-t border-sidebar-border p-4">
+          <div className="flex items-center justify-between text-xs text-sidebar-foreground/60">
+            <span>Version</span>
+            <span className="font-mono">0.1.0</span>
           </div>
-        )}
-      </nav>
-
-      <div className="border-t border-sidebar-border p-4">
-        <div className="flex items-center justify-between text-xs text-sidebar-foreground/60">
-          <span>Version</span>
-          <span className="font-mono">0.1.0</span>
         </div>
-      </div>
-    </aside>
+      </aside>
+
+      <ContentTypeFormModal
+        isOpen={isCreateModalOpen}
+        onClose={() => setIsCreateModalOpen(false)}
+      />
+    </>
   );
 }

package/admin/src/components/ui/collapsible.tsx

@@ -0,0 +1,7 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+
+const Collapsible = CollapsiblePrimitive.Root;
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/admin/src/embed/components/EmbedSidebar.tsx

@@ -5,11 +5,20 @@
  * the EmbedNavigation context for navigation instead of TanStack Router.
  */
 
-import { Layers } from "lucide-react";
+import { useState } from "react";
+import { useQuery } from "convex/react";
+import { Layers, ChevronDown } from "lucide-react";
 import { cn } from "../../lib/cn";
 import { useAdminConfig } from "../../contexts";
 import { Icon } from "../../lib/icons";
 import { useEmbedNavigation, type EmbedRoute } from "../navigation";
+import { useApi } from "../contexts/ApiContext";
+import {
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
+} from "../../components/ui/collapsible";
+import { ContentTypeFormModal } from "../../components/ContentTypeFormModal";
 import type { NavItem } from "../../lib/admin-config";
 
 function pathToRoute(path: string): EmbedRoute {
@@ -25,95 +34,181 @@ function pathToRoute(path: string): EmbedRoute {
 }
 
 export function EmbedSidebar() {
-  const { currentPath, navigate } = useEmbedNavigation();
+  const { currentPath, navigate, navigateToContentType } = useEmbedNavigation();
   const config = useAdminConfig();
   const { navItems, branding, layout } = config;
+  const api = useApi();
+
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
+
+  const contentTypesResult = useQuery(api.listContentTypes, {
+    isActive: true,
+  });
+  const contentTypes = contentTypesResult?.page ?? [];
+
+  const normalizedPath = currentPath.replace(/^\/admin/, "");
 
   const isActive = (path: string, exact?: boolean) => {
-    const normalizedCurrent = currentPath.replace(/^\/admin/, "");
     if (exact) {
-      return normalizedCurrent === path;
+      return normalizedPath === path;
     }
-    return normalizedCurrent.startsWith(path);
+    return normalizedPath.startsWith(path);
   };
 
+  const isContentActive =
+    normalizedPath === "/content" ||
+    normalizedPath.startsWith("/entries/type/") ||
+    normalizedPath.startsWith("/entries/new/") ||
+    normalizedPath.startsWith("/entries/");
+
   const handleNavClick = (item: NavItem) => {
     const route = pathToRoute(item.path);
     navigate(route);
   };
 
-  const renderNavItem = (item: NavItem) => (
-    <button
-      key={item.id}
-      type="button"
-      onClick={() => handleNavClick(item)}
-      className={cn(
-        "flex w-full items-center gap-3 rounded-md px-2 py-2 text-left text-sm font-medium transition-colors",
-        isActive(item.path, item.exact)
-          ? "bg-sidebar-accent text-sidebar-accent-foreground"
-          : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground"
-      )}
-    >
-      <Icon name={item.icon} className="size-5" />
-      <span className="flex-1">{item.label}</span>
-      {item.badge && (
-        <span className="rounded-full bg-sidebar-primary px-2 py-0.5 text-xs text-sidebar-primary-foreground">
-          {item.badge}
-        </span>
-      )}
-    </button>
+  const renderNavItem = (item: NavItem) => {
+    if (item.id === "content") {
+      return renderContentMenu(item);
+    }
+
+    return (
+      <button
+        key={item.id}
+        type="button"
+        onClick={() => handleNavClick(item)}
+        className={cn(
+          "flex w-full items-center gap-3 rounded-md px-2 py-2 text-left text-sm font-medium transition-colors",
+          isActive(item.path, item.exact)
+            ? "bg-sidebar-accent text-sidebar-accent-foreground"
+            : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground"
+        )}
+      >
+        <Icon name={item.icon} className="size-5" />
+        <span className="flex-1">{item.label}</span>
+        {item.badge && (
+          <span className="rounded-full bg-sidebar-primary px-2 py-0.5 text-xs text-sidebar-primary-foreground">
+            {item.badge}
+          </span>
+        )}
+      </button>
+    );
+  };
+
+  const renderContentMenu = (item: NavItem) => (
+    <Collapsible key={item.id} defaultOpen={isContentActive}>
+      <CollapsibleTrigger
+        className={cn(
+          "flex w-full items-center gap-3 rounded-md px-2 py-2 text-sm font-medium transition-colors",
+          isContentActive
+            ? "bg-sidebar-accent text-sidebar-accent-foreground"
+            : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
+          "group"
+        )}
+      >
+        <Icon name={item.icon} className="size-5" />
+        <span className="flex-1 text-left">{item.label}</span>
+        <ChevronDown className="size-4 transition-transform duration-200 group-data-[state=open]:rotate-180" />
+      </CollapsibleTrigger>
+      <CollapsibleContent>
+        <div className="ml-5 mt-1 space-y-1 border-l border-sidebar-border pl-3">
+          <button
+            type="button"
+            onClick={() => navigate("content")}
+            className={cn(
+              "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",
+              normalizedPath === "/content"
+                ? "bg-sidebar-accent/60 text-sidebar-accent-foreground"
+                : "text-sidebar-foreground/80 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
+            )}
+          >
+            All Entries
+          </button>
+          {contentTypes.map((type) => (
+            <button
+              key={type._id}
+              type="button"
+              onClick={() => navigateToContentType(type._id)}
+              className={cn(
+                "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",
+                normalizedPath === `/entries/type/${type._id}`
+                  ? "bg-sidebar-accent/60 text-sidebar-accent-foreground"
+                  : "text-sidebar-foreground/80 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
+              )}
+            >
+              {type.displayName}
+            </button>
+          ))}
+          {contentTypes.length === 0 && contentTypesResult !== undefined && (
+            <button
+              type="button"
+              onClick={() => setIsCreateModalOpen(true)}
+              className="flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-sidebar-foreground/60 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
+            >
+              + Create content type
+            </button>
+          )}
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
   );
 
   const sidebarWidth = layout.sidebarWidth;
 
   return (
-    <aside
-      className="fixed inset-y-0 left-0 z-50 flex flex-col border-r border-sidebar-border bg-sidebar"
-      style={{ width: sidebarWidth }}
-    >
-      <div className="flex h-14 items-center gap-2 border-b border-sidebar-border px-4">
-        <button
-          type="button"
-          onClick={() => navigate("dashboard")}
-          className="flex items-center gap-2 font-semibold text-sidebar-foreground"
-        >
-          {branding.logo ? (
-            <img src={branding.logo} alt={branding.appName} className="size-8" />
-          ) : (
-            <div className="flex size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
-              <Layers className="size-4" />
+    <>
+      <aside
+        className="fixed inset-y-0 left-0 z-50 flex flex-col border-r border-sidebar-border bg-sidebar"
+        style={{ width: sidebarWidth }}
+      >
+        <div className="flex h-14 items-center gap-2 border-b border-sidebar-border px-4">
+          <button
+            type="button"
+            onClick={() => navigate("dashboard")}
+            className="flex items-center gap-2 font-semibold text-sidebar-foreground"
+          >
+            {branding.logo ? (
+              <img src={branding.logo} alt={branding.appName} className="size-8" />
+            ) : (
+              <div className="flex size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
+                <Layers className="size-4" />
+              </div>
+            )}
+            <span className="text-base">{branding.appName}</span>
+          </button>
+        </div>
+
+        <nav className="flex-1 space-y-6 overflow-y-auto p-4">
+          {navItems.main.length > 0 && (
+            <div className="space-y-1">
+              <span className="px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60">
+                Main
+              </span>
+              <div className="space-y-1 pt-2">{navItems.main.map(renderNavItem)}</div>
             </div>
           )}
-          <span className="text-base">{branding.appName}</span>
-        </button>
-      </div>
-
-      <nav className="flex-1 space-y-6 overflow-y-auto p-4">
-        {navItems.main.length > 0 && (
-          <div className="space-y-1">
-            <span className="px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60">
-              Main
-            </span>
-            <div className="space-y-1 pt-2">{navItems.main.map(renderNavItem)}</div>
-          </div>
-        )}
 
-        {navItems.config.length > 0 && (
-          <div className="space-y-1">
-            <span className="px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60">
-              Configuration
-            </span>
-            <div className="space-y-1 pt-2">{navItems.config.map(renderNavItem)}</div>
-          </div>
-        )}
-      </nav>
+          {navItems.config.length > 0 && (
+            <div className="space-y-1">
+              <span className="px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60">
+                Configuration
+              </span>
+              <div className="space-y-1 pt-2">{navItems.config.map(renderNavItem)}</div>
+            </div>
+          )}
+        </nav>
 
-      <div className="border-t border-sidebar-border p-4">
-        <div className="flex items-center justify-between text-xs text-sidebar-foreground/60">
-          <span>Version</span>
-          <span className="font-mono">0.1.0</span>
+        <div className="border-t border-sidebar-border p-4">
+          <div className="flex items-center justify-between text-xs text-sidebar-foreground/60">
+            <span>Version</span>
+            <span className="font-mono">0.1.0</span>
+          </div>
         </div>
-      </div>
-    </aside>
+      </aside>
+
+      <ContentTypeFormModal
+        isOpen={isCreateModalOpen}
+        onClose={() => setIsCreateModalOpen(false)}
+      />
+    </>
   );
 }

package/admin-dist/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2026-01-24T17:01:45.627Z",
+  "date": "2026-01-25T00:44:46.445Z",
   "preset": "node-server",
   "framework": {
     "name": "nitro",

package/admin-dist/public/assets/{CmsEmptyState-CkqBIab3.js → CmsEmptyState-Do_erIgn.js}

@@ -1,4 +1,4 @@
-import{r as i,j as o,af as ge,a8 as L,aa as A,a3 as I,a2 as D,a5 as k,ag as me,a0 as _,ah as xe,a4 as z,ai as he,aj as be,ak as ve,al as Ce,am as ye,c as b,a9 as De}from"./main-CjQ2VI9L.js";import{X as je,C as T,u as ke,a as Ne}from"./badge-CmuOIVKp.js";function Re(e){const t=_e(e),r=i.forwardRef((s,a)=>{const{children:n,...c}=s,l=i.Children.toArray(n),d=l.find(Ie);if(d){const u=d.props.children,p=l.map(f=>f===d?i.Children.count(u)>1?i.Children.only(null):i.isValidElement(u)?u.props.children:null:f);return o.jsx(t,{...c,ref:a,children:i.isValidElement(u)?i.cloneElement(u,void 0,p):null})}return o.jsx(t,{...c,ref:a,children:n})});return r.displayName=`${e}.Slot`,r}function _e(e){const t=i.forwardRef((r,s)=>{const{children:a,...n}=r;if(i.isValidElement(a)){const c=we(a),l=Pe(n,a.props);return a.type!==i.Fragment&&(l.ref=s?ge(s,c):c),i.cloneElement(a,l)}return i.Children.count(a)>1?i.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Ee=Symbol("radix.slottable");function Ie(e){return i.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Ee}function Pe(e,t){const r={...t};for(const s in t){const a=e[s],n=t[s];/^on[A-Z]/.test(s)?a&&n?r[s]=(...l)=>{const d=n(...l);return a(...l),d}:a&&(r[s]=a):s==="style"?r[s]={...a,...n}:s==="className"&&(r[s]=[a,n].filter(Boolean).join(" "))}return{...e,...r}}function we(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var P="Dialog",[G]=z(P),[Oe,h]=G(P),V=e=>{const{__scopeDialog:t,children:r,open:s,defaultOpen:a,onOpenChange:n,modal:c=!0}=e,l=i.useRef(null),d=i.useRef(null),[u,p]=L({prop:s,defaultProp:a??!1,onChange:n,caller:P});return o.jsx(Oe,{scope:t,triggerRef:l,contentRef:d,contentId:A(),titleId:A(),descriptionId:A(),open:u,onOpenChange:p,onOpenToggle:i.useCallback(()=>p(f=>!f),[p]),modal:c,children:r})};V.displayName=P;var H="DialogTrigger",Se=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(H,r),n=_(t,a.triggerRef);return o.jsx(D.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":W(a.open),...s,ref:n,onClick:k(e.onClick,a.onOpenToggle)})});Se.displayName=H;var M="DialogPortal",[Ae,q]=G(M,{forceMount:void 0}),K=e=>{const{__scopeDialog:t,forceMount:r,children:s,container:a}=e,n=h(M,t);return o.jsx(Ae,{scope:t,forceMount:r,children:i.Children.map(s,c=>o.jsx(I,{present:r||n.open,children:o.jsx(me,{asChild:!0,container:a,children:c})}))})};K.displayName=M;var E="DialogOverlay",U=i.forwardRef((e,t)=>{const r=q(E,e.__scopeDialog),{forceMount:s=r.forceMount,...a}=e,n=h(E,e.__scopeDialog);return n.modal?o.jsx(I,{present:s||n.open,children:o.jsx(Me,{...a,ref:t})}):null});U.displayName=E;var Te=Re("DialogOverlay.RemoveScroll"),Me=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(E,r);return o.jsx(he,{as:Te,allowPinchZoom:!0,shards:[a.contentRef],children:o.jsx(D.div,{"data-state":W(a.open),...s,ref:t,style:{pointerEvents:"auto",...s.style}})})}),N="DialogContent",X=i.forwardRef((e,t)=>{const r=q(N,e.__scopeDialog),{forceMount:s=r.forceMount,...a}=e,n=h(N,e.__scopeDialog);return o.jsx(I,{present:s||n.open,children:n.modal?o.jsx(Fe,{...a,ref:t}):o.jsx(We,{...a,ref:t})})});X.displayName=N;var Fe=i.forwardRef((e,t)=>{const r=h(N,e.__scopeDialog),s=i.useRef(null),a=_(t,r.contentRef,s);return i.useEffect(()=>{const n=s.current;if(n)return xe(n)},[]),o.jsx(Z,{...e,ref:a,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:k(e.onCloseAutoFocus,n=>{n.preventDefault(),r.triggerRef.current?.focus()}),onPointerDownOutside:k(e.onPointerDownOutside,n=>{const c=n.detail.originalEvent,l=c.button===0&&c.ctrlKey===!0;(c.button===2||l)&&n.preventDefault()}),onFocusOutside:k(e.onFocusOutside,n=>n.preventDefault())})}),We=i.forwardRef((e,t)=>{const r=h(N,e.__scopeDialog),s=i.useRef(!1),a=i.useRef(!1);return o.jsx(Z,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:n=>{e.onCloseAutoFocus?.(n),n.defaultPrevented||(s.current||r.triggerRef.current?.focus(),n.preventDefault()),s.current=!1,a.current=!1},onInteractOutside:n=>{e.onInteractOutside?.(n),n.defaultPrevented||(s.current=!0,n.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const c=n.target;r.triggerRef.current?.contains(c)&&n.preventDefault(),n.detail.originalEvent.type==="focusin"&&a.current&&n.preventDefault()}})}),Z=i.forwardRef((e,t)=>{const{__scopeDialog:r,trapFocus:s,onOpenAutoFocus:a,onCloseAutoFocus:n,...c}=e,l=h(N,r),d=i.useRef(null),u=_(t,d);return be(),o.jsxs(o.Fragment,{children:[o.jsx(ve,{asChild:!0,loop:!0,trapped:s,onMountAutoFocus:a,onUnmountAutoFocus:n,children:o.jsx(Ce,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":W(l.open),...c,ref:u,onDismiss:()=>l.onOpenChange(!1)})}),o.jsxs(o.Fragment,{children:[o.jsx($e,{titleId:l.titleId}),o.jsx(Le,{contentRef:d,descriptionId:l.descriptionId})]})]})}),F="DialogTitle",Y=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(F,r);return o.jsx(D.h2,{id:a.titleId,...s,ref:t})});Y.displayName=F;var J="DialogDescription",Q=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(J,r);return o.jsx(D.p,{id:a.descriptionId,...s,ref:t})});Q.displayName=J;var ee="DialogClose",te=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(ee,r);return o.jsx(D.button,{type:"button",...s,ref:t,onClick:k(e.onClick,()=>a.onOpenChange(!1))})});te.displayName=ee;function W(e){return e?"open":"closed"}var ne="DialogTitleWarning",[ut,oe]=ye(ne,{contentName:N,titleName:F,docsSlug:"dialog"}),$e=({titleId:e})=>{const t=oe(ne),r=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+import{r as i,j as o,ah as ge,aa as L,ac as A,a5 as I,a4 as D,a7 as k,ai as me,a2 as _,aj as xe,a6 as z,ak as he,al as be,am as ve,an as Ce,ao as ye,c as b,ab as De}from"./main-dZT72bAG.js";import{X as je,C as T,u as ke,a as Ne}from"./badge-BAlGIjop.js";function Re(e){const t=_e(e),r=i.forwardRef((s,a)=>{const{children:n,...c}=s,l=i.Children.toArray(n),d=l.find(Ie);if(d){const u=d.props.children,p=l.map(f=>f===d?i.Children.count(u)>1?i.Children.only(null):i.isValidElement(u)?u.props.children:null:f);return o.jsx(t,{...c,ref:a,children:i.isValidElement(u)?i.cloneElement(u,void 0,p):null})}return o.jsx(t,{...c,ref:a,children:n})});return r.displayName=`${e}.Slot`,r}function _e(e){const t=i.forwardRef((r,s)=>{const{children:a,...n}=r;if(i.isValidElement(a)){const c=we(a),l=Pe(n,a.props);return a.type!==i.Fragment&&(l.ref=s?ge(s,c):c),i.cloneElement(a,l)}return i.Children.count(a)>1?i.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Ee=Symbol("radix.slottable");function Ie(e){return i.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Ee}function Pe(e,t){const r={...t};for(const s in t){const a=e[s],n=t[s];/^on[A-Z]/.test(s)?a&&n?r[s]=(...l)=>{const d=n(...l);return a(...l),d}:a&&(r[s]=a):s==="style"?r[s]={...a,...n}:s==="className"&&(r[s]=[a,n].filter(Boolean).join(" "))}return{...e,...r}}function we(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var P="Dialog",[G]=z(P),[Oe,h]=G(P),V=e=>{const{__scopeDialog:t,children:r,open:s,defaultOpen:a,onOpenChange:n,modal:c=!0}=e,l=i.useRef(null),d=i.useRef(null),[u,p]=L({prop:s,defaultProp:a??!1,onChange:n,caller:P});return o.jsx(Oe,{scope:t,triggerRef:l,contentRef:d,contentId:A(),titleId:A(),descriptionId:A(),open:u,onOpenChange:p,onOpenToggle:i.useCallback(()=>p(f=>!f),[p]),modal:c,children:r})};V.displayName=P;var H="DialogTrigger",Se=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(H,r),n=_(t,a.triggerRef);return o.jsx(D.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":W(a.open),...s,ref:n,onClick:k(e.onClick,a.onOpenToggle)})});Se.displayName=H;var M="DialogPortal",[Ae,q]=G(M,{forceMount:void 0}),K=e=>{const{__scopeDialog:t,forceMount:r,children:s,container:a}=e,n=h(M,t);return o.jsx(Ae,{scope:t,forceMount:r,children:i.Children.map(s,c=>o.jsx(I,{present:r||n.open,children:o.jsx(me,{asChild:!0,container:a,children:c})}))})};K.displayName=M;var E="DialogOverlay",U=i.forwardRef((e,t)=>{const r=q(E,e.__scopeDialog),{forceMount:s=r.forceMount,...a}=e,n=h(E,e.__scopeDialog);return n.modal?o.jsx(I,{present:s||n.open,children:o.jsx(Me,{...a,ref:t})}):null});U.displayName=E;var Te=Re("DialogOverlay.RemoveScroll"),Me=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(E,r);return o.jsx(he,{as:Te,allowPinchZoom:!0,shards:[a.contentRef],children:o.jsx(D.div,{"data-state":W(a.open),...s,ref:t,style:{pointerEvents:"auto",...s.style}})})}),N="DialogContent",X=i.forwardRef((e,t)=>{const r=q(N,e.__scopeDialog),{forceMount:s=r.forceMount,...a}=e,n=h(N,e.__scopeDialog);return o.jsx(I,{present:s||n.open,children:n.modal?o.jsx(Fe,{...a,ref:t}):o.jsx(We,{...a,ref:t})})});X.displayName=N;var Fe=i.forwardRef((e,t)=>{const r=h(N,e.__scopeDialog),s=i.useRef(null),a=_(t,r.contentRef,s);return i.useEffect(()=>{const n=s.current;if(n)return xe(n)},[]),o.jsx(Z,{...e,ref:a,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:k(e.onCloseAutoFocus,n=>{n.preventDefault(),r.triggerRef.current?.focus()}),onPointerDownOutside:k(e.onPointerDownOutside,n=>{const c=n.detail.originalEvent,l=c.button===0&&c.ctrlKey===!0;(c.button===2||l)&&n.preventDefault()}),onFocusOutside:k(e.onFocusOutside,n=>n.preventDefault())})}),We=i.forwardRef((e,t)=>{const r=h(N,e.__scopeDialog),s=i.useRef(!1),a=i.useRef(!1);return o.jsx(Z,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:n=>{e.onCloseAutoFocus?.(n),n.defaultPrevented||(s.current||r.triggerRef.current?.focus(),n.preventDefault()),s.current=!1,a.current=!1},onInteractOutside:n=>{e.onInteractOutside?.(n),n.defaultPrevented||(s.current=!0,n.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const c=n.target;r.triggerRef.current?.contains(c)&&n.preventDefault(),n.detail.originalEvent.type==="focusin"&&a.current&&n.preventDefault()}})}),Z=i.forwardRef((e,t)=>{const{__scopeDialog:r,trapFocus:s,onOpenAutoFocus:a,onCloseAutoFocus:n,...c}=e,l=h(N,r),d=i.useRef(null),u=_(t,d);return be(),o.jsxs(o.Fragment,{children:[o.jsx(ve,{asChild:!0,loop:!0,trapped:s,onMountAutoFocus:a,onUnmountAutoFocus:n,children:o.jsx(Ce,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":W(l.open),...c,ref:u,onDismiss:()=>l.onOpenChange(!1)})}),o.jsxs(o.Fragment,{children:[o.jsx($e,{titleId:l.titleId}),o.jsx(Le,{contentRef:d,descriptionId:l.descriptionId})]})]})}),F="DialogTitle",Y=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(F,r);return o.jsx(D.h2,{id:a.titleId,...s,ref:t})});Y.displayName=F;var J="DialogDescription",Q=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(J,r);return o.jsx(D.p,{id:a.descriptionId,...s,ref:t})});Q.displayName=J;var ee="DialogClose",te=i.forwardRef((e,t)=>{const{__scopeDialog:r,...s}=e,a=h(ee,r);return o.jsx(D.button,{type:"button",...s,ref:t,onClick:k(e.onClick,()=>a.onOpenChange(!1))})});te.displayName=ee;function W(e){return e?"open":"closed"}var ne="DialogTitleWarning",[ut,oe]=ye(ne,{contentName:N,titleName:F,docsSlug:"dialog"}),$e=({titleId:e})=>{const t=oe(ne),r=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 

package/admin-dist/public/assets/{CmsPageHeader-CUtl5MMG.js → CmsPageHeader-qDwPGi48.js}

@@ -1 +1 @@
-import{j as e,c}from"./main-CjQ2VI9L.js";function x({title:i,description:s,actions:t,breadcrumbs:a,className:l,...r}){return e.jsxs("div",{className:c("mb-6",l),...r,children:[a&&e.jsx("div",{className:"mb-2",children:a}),e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("h1",{className:"text-2xl font-semibold tracking-tight text-foreground",children:i}),s&&e.jsx("p",{className:"text-sm text-muted-foreground",children:s})]}),t&&e.jsx("div",{className:"flex items-center gap-2",children:t})]})]})}export{x as C};
+import{j as e,c}from"./main-dZT72bAG.js";function x({title:i,description:s,actions:t,breadcrumbs:a,className:l,...r}){return e.jsxs("div",{className:c("mb-6",l),...r,children:[a&&e.jsx("div",{className:"mb-2",children:a}),e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("h1",{className:"text-2xl font-semibold tracking-tight text-foreground",children:i}),s&&e.jsx("p",{className:"text-sm text-muted-foreground",children:s})]}),t&&e.jsx("div",{className:"flex items-center gap-2",children:t})]})]})}export{x as C};

package/admin-dist/public/assets/{CmsStatusBadge-CUYFgEe-.js → CmsStatusBadge-Dd9uToHE.js}

@@ -1 +1 @@
-import{j as e,c as l}from"./main-CjQ2VI9L.js";import{B as o}from"./badge-CmuOIVKp.js";const i={draft:{label:"Draft",className:"status-draft",icon:e.jsx("svg",{className:"size-3",fill:"currentColor",viewBox:"0 0 8 8",children:e.jsx("circle",{cx:"4",cy:"4",r:"3"})})},published:{label:"Published",className:"status-published",icon:e.jsx("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})},scheduled:{label:"Scheduled",className:"status-scheduled",icon:e.jsxs("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("path",{strokeLinecap:"round",d:"M12 6v6l4 2"})]})},archived:{label:"Archived",className:"status-archived",icon:e.jsx("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"})})}},c={gray:"bg-muted text-muted-foreground",yellow:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",blue:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",green:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",red:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",purple:"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400",orange:"bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-400"};function d(){return e.jsx("svg",{className:"size-3",fill:"currentColor",viewBox:"0 0 8 8",children:e.jsx("circle",{cx:"4",cy:"4",r:"3"})})}function g({status:n,customConfig:s,className:a,...t}){if(s)return e.jsxs(o,{variant:"secondary",className:l("gap-1.5 px-2 py-0.5 text-xs font-medium",c[s.color],a),...t,children:[d(),s.displayName]});const r=i[n];return r?e.jsxs(o,{variant:"secondary",className:l("gap-1.5 px-2 py-0.5 text-xs font-medium",r.className,a),...t,children:[r.icon,r.label]}):e.jsxs(o,{variant:"secondary",className:l("gap-1.5 px-2 py-0.5 text-xs font-medium",c.gray,a),...t,children:[d(),n]})}export{g as C};
+import{j as e,c as l}from"./main-dZT72bAG.js";import{B as o}from"./badge-BAlGIjop.js";const i={draft:{label:"Draft",className:"status-draft",icon:e.jsx("svg",{className:"size-3",fill:"currentColor",viewBox:"0 0 8 8",children:e.jsx("circle",{cx:"4",cy:"4",r:"3"})})},published:{label:"Published",className:"status-published",icon:e.jsx("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})},scheduled:{label:"Scheduled",className:"status-scheduled",icon:e.jsxs("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("path",{strokeLinecap:"round",d:"M12 6v6l4 2"})]})},archived:{label:"Archived",className:"status-archived",icon:e.jsx("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"})})}},c={gray:"bg-muted text-muted-foreground",yellow:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",blue:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",green:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",red:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",purple:"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400",orange:"bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-400"};function d(){return e.jsx("svg",{className:"size-3",fill:"currentColor",viewBox:"0 0 8 8",children:e.jsx("circle",{cx:"4",cy:"4",r:"3"})})}function g({status:n,customConfig:s,className:a,...t}){if(s)return e.jsxs(o,{variant:"secondary",className:l("gap-1.5 px-2 py-0.5 text-xs font-medium",c[s.color],a),...t,children:[d(),s.displayName]});const r=i[n];return r?e.jsxs(o,{variant:"secondary",className:l("gap-1.5 px-2 py-0.5 text-xs font-medium",r.className,a),...t,children:[r.icon,r.label]}):e.jsxs(o,{variant:"secondary",className:l("gap-1.5 px-2 py-0.5 text-xs font-medium",c.gray,a),...t,children:[d(),n]})}export{g as C};

package/admin-dist/public/assets/{CmsSurface-CsJfAVa3.js → CmsSurface-DBy5Lumx.js}

@@ -1 +1 @@
-import{j as r,c as t}from"./main-CjQ2VI9L.js";const l={base:"surface-base",elevated:"surface-elevated",floating:"surface-floating"},m={none:"",sm:"p-3",md:"p-4",lg:"p-6"},u={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg"};function f({elevation:e="base",padding:s="md",rounded:n="lg",className:a,children:d,...o}){return r.jsx("div",{className:t(l[e],m[s],u[n],a),...o,children:d})}export{f as C};
+import{j as r,c as t}from"./main-dZT72bAG.js";const l={base:"surface-base",elevated:"surface-elevated",floating:"surface-floating"},m={none:"",sm:"p-3",md:"p-4",lg:"p-6"},u={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg"};function f({elevation:e="base",padding:s="md",rounded:n="lg",className:a,children:d,...o}){return r.jsx("div",{className:t(l[e],m[s],u[n],a),...o,children:d})}export{f as C};

package/admin-dist/public/assets/{CmsToolbar-CnfbcxeP.js → CmsToolbar-D1-Y-7SK.js}

@@ -1 +1 @@
-import{j as e,c}from"./main-CjQ2VI9L.js";import{I as i}from"./CmsEmptyState-CkqBIab3.js";import{S as p}from"./search-DwoUV2pv.js";function j({left:t,right:s,search:a,filters:r,actions:l,className:m,children:n,...o}){return e.jsxs("div",{className:c("flex flex-wrap items-center justify-between gap-3 pb-4",m),...o,children:[e.jsxs("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[a&&e.jsxs("div",{className:"relative w-full max-w-xs",children:[e.jsx(p,{className:"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(i,{type:"search",placeholder:a.placeholder??"Search...",value:a.value,onChange:x=>a.onChange(x.target.value),className:"pl-9"})]}),r,t,n]}),(s||l)&&e.jsx("div",{className:"flex items-center gap-2",children:s??l})]})}export{j as C};
+import{j as e,c}from"./main-dZT72bAG.js";import{I as i}from"./CmsEmptyState-Do_erIgn.js";import{S as p}from"./search-BvgYr-c9.js";function j({left:t,right:s,search:a,filters:r,actions:l,className:m,children:n,...o}){return e.jsxs("div",{className:c("flex flex-wrap items-center justify-between gap-3 pb-4",m),...o,children:[e.jsxs("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[a&&e.jsxs("div",{className:"relative w-full max-w-xs",children:[e.jsx(p,{className:"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(i,{type:"search",placeholder:a.placeholder??"Search...",value:a.value,onChange:x=>a.onChange(x.target.value),className:"pl-9"})]}),r,t,n]}),(s||l)&&e.jsx("div",{className:"flex items-center gap-2",children:s??l})]})}export{j as C};