convex-cms 0.0.9-alpha.8 → 0.0.10

package/admin/src/pages/DashboardPage.tsx

@@ -13,8 +13,7 @@ import {
 	CardHeader,
 	CardTitle,
 } from "~/components/ui/card";
-import { Skeleton } from "~/components/ui/skeleton";
-import { CmsPageHeader } from "~/components/cmsds";
+import { CmsPageHeader, CmsStatCard } from "~/components/cmsds";
 import { SchemaDriftWarning } from "~/components/SchemaDriftWarning";
 import { FileText, Image, Layers, Settings, TrendingUp } from "lucide-react";
 import type { AdminNavigation } from "~/lib/navigation";
@@ -72,40 +71,24 @@ export function DashboardPage({ api, navigation }: DashboardPageProps) {
 					<h2 className="text-lg font-semibold">Quick Stats</h2>
 				</div>
 				<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
-					<StatCard
-						label="Content Types"
-						value={
-							isLoading
-								? undefined
-								: hasError
-								? "—"
-								: String(stats.contentTypes)
-						}
+					<CmsStatCard
+						title="Content Types"
+						value={hasError ? "—" : String(stats?.contentTypes ?? 0)}
 						isLoading={isLoading}
 					/>
-					<StatCard
-						label="Content Entries"
-						value={
-							isLoading
-								? undefined
-								: hasError
-								? "—"
-								: String(stats.contentEntries)
-						}
+					<CmsStatCard
+						title="Content Entries"
+						value={hasError ? "—" : String(stats?.contentEntries ?? 0)}
 						isLoading={isLoading}
 					/>
-					<StatCard
-						label="Media Assets"
-						value={
-							isLoading ? undefined : hasError ? "—" : String(stats.mediaAssets)
-						}
+					<CmsStatCard
+						title="Media Assets"
+						value={hasError ? "—" : String(stats?.mediaAssets ?? 0)}
 						isLoading={isLoading}
 					/>
-					<StatCard
-						label="Published"
-						value={
-							isLoading ? undefined : hasError ? "—" : String(stats.published)
-						}
+					<CmsStatCard
+						title="Published"
+						value={hasError ? "—" : String(stats?.published ?? 0)}
 						isLoading={isLoading}
 					/>
 				</div>
@@ -127,9 +110,9 @@ function DashboardCard({
 }) {
 	return (
 		<button type="button" onClick={onClick} className="text-left">
-			<Card className="h-full transition-colors hover:bg-accent/50">
+			<Card className="h-full transition-colors hover:border-primary/75 hover:cursor-pointer">
 				<CardHeader className="pb-2">
-					<div className="mb-2 flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary">
+					<div className="mb-2 flex size-10 items-center justify-center rounded-lg bg-primary/5 text-primary">
 						{icon}
 					</div>
 					<CardTitle className="text-base">{title}</CardTitle>
@@ -141,26 +124,3 @@ function DashboardCard({
 		</button>
 	);
 }
-
-function StatCard({
-	label,
-	value,
-	isLoading = false,
-}: {
-	label: string;
-	value?: string;
-	isLoading?: boolean;
-}) {
-	return (
-		<Card>
-			<CardContent className="p-4">
-				{isLoading ? (
-					<Skeleton className="mb-1 h-8 w-16" />
-				) : (
-					<div className="text-2xl font-bold">{value}</div>
-				)}
-				<div className="text-sm text-muted-foreground">{label}</div>
-			</CardContent>
-		</Card>
-	);
-}

package/admin/src/pages/MediaPage.tsx

@@ -8,10 +8,12 @@
 import { useState, useMemo, useCallback, useEffect } from "react";
 import { useQuery, useMutation } from "convex/react";
 import { UploadDropzone, type UploadedFile } from "~/components/UploadDropzone";
-import { CmsPageHeader } from "~/components/cmsds/CmsPageHeader";
-import { CmsToolbar } from "~/components/cmsds/CmsToolbar";
-import { CmsEmptyState } from "~/components/cmsds/CmsEmptyState";
-import { CmsButton } from "~/components/cmsds/CmsButton";
+import {
+  CmsPageHeader,
+  CmsEmptyState,
+  CmsButton,
+  CmsFilterBar,
+} from "~/components/cmsds";
 import { TaxonomyFilter } from "~/components/filters/TaxonomyFilter";
 import {
   Dialog,
@@ -22,13 +24,6 @@ import {
 } from "~/components/ui/dialog";
 import { Input } from "~/components/ui/input";
 import { Label } from "~/components/ui/label";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "~/components/ui/select";
 import { Checkbox } from "~/components/ui/checkbox";
 import { cn } from "~/lib/cn";
 import {
@@ -43,7 +38,6 @@ import {
   FolderPlus,
   Upload,
   Search,
-  X,
   Trash2,
   RotateCcw,
 } from "lucide-react";
@@ -544,48 +538,31 @@ export function MediaPage({ api, navigation, settings }: MediaPageProps) {
         </nav>
       )}
 
-      <CmsToolbar
-        left={
+      <CmsFilterBar
+        search={{
+          value: searchQuery,
+          onChange: setSearchQuery,
+          placeholder: "Search files...",
+          className: "w-64",
+        }}
+        filters={[
+          {
+            key: "type",
+            value: typeFilter || "all",
+            onChange: (v) => setTypeFilter(v === "all" ? "" : (v as MediaType)),
+            options: [
+              { value: "all", label: "All Types" },
+              { value: "image", label: "Images" },
+              { value: "video", label: "Videos" },
+              { value: "audio", label: "Audio" },
+              { value: "document", label: "Documents" },
+              { value: "other", label: "Other" },
+            ],
+            className: "w-36",
+          },
+        ]}
+        actions={
           <div className="flex items-center gap-3">
-            <div className="relative">
-              <Search className="absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
-              <Input
-                type="search"
-                placeholder="Search files..."
-                value={searchQuery}
-                onChange={(e) => setSearchQuery(e.target.value)}
-                className="w-64 pl-9"
-              />
-              {searchQuery && (
-                <button
-                  className="absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 hover:bg-muted"
-                  onClick={() => setSearchQuery("")}
-                  aria-label="Clear search"
-                >
-                  <X className="size-4 text-muted-foreground" />
-                </button>
-              )}
-            </div>
-
-            <Select
-              value={typeFilter || "all"}
-              onValueChange={(v) =>
-                setTypeFilter(v === "all" ? "" : (v as MediaType))
-              }
-            >
-              <SelectTrigger className="w-36">
-                <SelectValue placeholder="All Types" />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="all">All Types</SelectItem>
-                <SelectItem value="image">Images</SelectItem>
-                <SelectItem value="video">Videos</SelectItem>
-                <SelectItem value="audio">Audio</SelectItem>
-                <SelectItem value="document">Documents</SelectItem>
-                <SelectItem value="other">Other</SelectItem>
-              </SelectContent>
-            </Select>
-
             <TaxonomyFilter
               selectedTermIds={selectedTermIds}
               onChange={setSelectedTermIds}
@@ -606,10 +583,7 @@ export function MediaPage({ api, navigation, settings }: MediaPageProps) {
                 Selection Mode
               </label>
             )}
-          </div>
-        }
-        right={
-          <div className="flex items-center gap-2">
+
             {isSelectionMode && selectedAssets.size > 0 && (
               <span className="text-sm text-muted-foreground">
                 {selectedAssets.size} selected

package/admin/src/pages/SettingsPage.tsx

@@ -84,7 +84,11 @@ const THEME_OPTIONS: {
 ];
 
 function AppearanceSection() {
-	const { theme, setTheme } = useTheme();
+	const { theme, setTheme, canToggleDarkMode } = useTheme();
+
+	if (!canToggleDarkMode) {
+		return null;
+	}
 
 	return (
 		<CmsSurface elevation="base" className="p-6">

package/admin/src/pages/TrashPage.tsx

@@ -5,27 +5,21 @@
  * Used by both CLI routes and embed pages.
  */
 
-import { useState, useCallback } from "react";
+import { useState, useCallback, useMemo } from "react";
 import { useQuery, useMutation } from "convex/react";
-import { CmsPageHeader } from "~/components/cmsds/CmsPageHeader";
-import { CmsToolbar } from "~/components/cmsds/CmsToolbar";
-import { CmsEmptyState } from "~/components/cmsds/CmsEmptyState";
-import { CmsSurface } from "~/components/cmsds/CmsSurface";
-import { CmsButton } from "~/components/cmsds/CmsButton";
-import { CmsConfirmDialog } from "~/components/cmsds/CmsDialog";
-import { Input } from "~/components/ui/input";
 import {
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-} from "~/components/ui/select";
-import { Checkbox } from "~/components/ui/checkbox";
+	CmsPageHeader,
+	CmsEmptyState,
+	CmsSurface,
+	CmsButton,
+	CmsConfirmDialog,
+	CmsFilterBar,
+	CmsTable,
+	type CmsTableColumn,
+} from "~/components/cmsds";
 import { Badge } from "~/components/ui/badge";
 import { Alert, AlertDescription } from "~/components/ui/alert";
-import { cn } from "~/lib/cn";
-import { Search, Trash2, RotateCcw, AlertTriangle, X } from "lucide-react";
+import { Trash2, RotateCcw, AlertTriangle, X } from "lucide-react";
 import type { AdminNavigation } from "~/lib/navigation";
 import { CmsAdminApi } from "~/embed/contexts/ApiContext";
 
@@ -77,26 +71,6 @@ export function TrashPage({ api, navigation: _navigation }: TrashPageProps) {
 	const config = configQuery;
 	const stats = statsQuery;
 
-	const handleSelectItem = useCallback((itemId: string, selected: boolean) => {
-		setSelectedItems((prev) => {
-			const next = new Set(prev);
-			if (selected) {
-				next.add(itemId);
-			} else {
-				next.delete(itemId);
-			}
-			return next;
-		});
-	}, []);
-
-	const handleSelectAll = useCallback(() => {
-		if (selectedItems.size === trashItems.length) {
-			setSelectedItems(new Set());
-		} else {
-			setSelectedItems(new Set(trashItems.map((item) => item._id)));
-		}
-	}, [selectedItems.size, trashItems]);
-
 	const handleRestore = useCallback(
 		async (ids: string[]) => {
 			setIsRestoring(true);
@@ -166,6 +140,79 @@ export function TrashPage({ api, navigation: _navigation }: TrashPageProps) {
 		return item.slug || item._id;
 	};
 
+	const trashColumns: CmsTableColumn<TrashItem>[] = useMemo(
+		() => [
+			{
+				key: "name",
+				header: "Name",
+				cell: (item) => (
+					<>
+						<span className="font-medium text-foreground">{getItemTitle(item)}</span>
+						{item.slug && (
+							<span className="block text-xs text-muted-foreground">{item.slug}</span>
+						)}
+					</>
+				),
+			},
+			{
+				key: "type",
+				header: "Type",
+				cell: (item) => (
+					<span className="text-sm text-muted-foreground">
+						{item.contentTypeName || "Unknown"}
+					</span>
+				),
+			},
+			{
+				key: "deleted",
+				header: "Deleted",
+				cell: (item) => (
+					<>
+						<span className="text-sm text-muted-foreground">
+							{formatDate(item.deletedAt)}
+						</span>
+						{item.deletedBy && (
+							<span className="block text-xs text-muted-foreground">
+								by {item.deletedBy}
+							</span>
+						)}
+					</>
+				),
+			},
+			{
+				key: "expires",
+				header: "Expires In",
+				cell: (item) => {
+					const daysLeft = getDaysUntilDeletion(item.deletedAt);
+					return daysLeft !== null ? (
+						<Badge
+							variant={daysLeft <= 3 ? "destructive" : "secondary"}
+							className="font-normal"
+						>
+							{daysLeft} {daysLeft === 1 ? "day" : "days"}
+						</Badge>
+					) : null;
+				},
+			},
+			{
+				key: "actions",
+				header: "Actions",
+				cell: (item) => (
+					<CmsButton
+						variant="outline"
+						size="sm"
+						onClick={() => handleRestore([item._id])}
+						loading={isRestoring}
+					>
+						<RotateCcw className="size-4" />
+						Restore
+					</CmsButton>
+				),
+			},
+		],
+		[isRestoring, handleRestore, config?.retentionDays]
+	);
+
 	return (
 		<div className="space-y-6 p-6">
 			<div className="flex items-start justify-between">
@@ -200,39 +247,28 @@ export function TrashPage({ api, navigation: _navigation }: TrashPageProps) {
 				</div>
 			)}
 
-			<CmsToolbar
-				left={
-					<div className="flex items-center gap-3">
-						<div className="relative">
-							<Search className="absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
-							<Input
-								type="text"
-								placeholder="Search deleted items..."
-								value={searchQuery}
-								onChange={(e) => setSearchQuery(e.target.value)}
-								className="w-64 pl-9"
-							/>
-						</div>
-						<Select
-							value={selectedContentType || "all"}
-							onValueChange={(v) =>
-								setSelectedContentType(v === "all" ? "" : v)
-							}
-						>
-							<SelectTrigger className="w-48">
-								<SelectValue placeholder="All Content Types" />
-							</SelectTrigger>
-							<SelectContent>
-								<SelectItem value="all">All Content Types</SelectItem>
-								{contentTypes.map((type: any) => (
-									<SelectItem key={type._id} value={type._id}>
-										{type.displayName}
-									</SelectItem>
-								))}
-							</SelectContent>
-						</Select>
-					</div>
-				}
+			<CmsFilterBar
+				search={{
+					value: searchQuery,
+					onChange: setSearchQuery,
+					placeholder: "Search deleted items...",
+					className: "w-64",
+				}}
+				filters={[
+					{
+						key: "contentType",
+						value: selectedContentType || "all",
+						onChange: (v) => setSelectedContentType(v === "all" ? "" : v),
+						options: [
+							{ value: "all", label: "All Content Types" },
+							...contentTypes.map((type: { _id: string; displayName: string }) => ({
+								value: type._id,
+								label: type.displayName,
+							})),
+						],
+						className: "w-48",
+					},
+				]}
 			/>
 
 			{restoreError && (
@@ -304,106 +340,15 @@ export function TrashPage({ api, navigation: _navigation }: TrashPageProps) {
 					description="Deleted items will appear here"
 				/>
 			) : (
-				<div className="rounded-lg border bg-card">
-					<table className="w-full">
-						<thead>
-							<tr className="border-b">
-								<th className="w-10 p-3 text-left">
-									<Checkbox
-										checked={
-											selectedItems.size === trashItems.length &&
-											trashItems.length > 0
-										}
-										onCheckedChange={handleSelectAll}
-									/>
-								</th>
-								<th className="p-3 text-left text-sm font-medium text-muted-foreground">
-									Name
-								</th>
-								<th className="p-3 text-left text-sm font-medium text-muted-foreground">
-									Type
-								</th>
-								<th className="p-3 text-left text-sm font-medium text-muted-foreground">
-									Deleted
-								</th>
-								<th className="p-3 text-left text-sm font-medium text-muted-foreground">
-									Expires In
-								</th>
-								<th className="p-3 text-left text-sm font-medium text-muted-foreground">
-									Actions
-								</th>
-							</tr>
-						</thead>
-						<tbody>
-							{trashItems.map((item) => {
-								const daysLeft = getDaysUntilDeletion(item.deletedAt);
-
-								return (
-									<tr
-										key={item._id}
-										className={cn(
-											"border-b last:border-0 transition-colors hover:bg-muted/50",
-											selectedItems.has(item._id) && "bg-primary/5",
-										)}
-									>
-										<td className="p-3">
-											<Checkbox
-												checked={selectedItems.has(item._id)}
-												onCheckedChange={(checked) =>
-													handleSelectItem(item._id, checked as boolean)
-												}
-											/>
-										</td>
-										<td className="p-3">
-											<span className="font-medium text-foreground">
-												{getItemTitle(item)}
-											</span>
-											{item.slug && (
-												<span className="block text-xs text-muted-foreground">
-													{item.slug}
-												</span>
-											)}
-										</td>
-										<td className="p-3 text-sm text-muted-foreground">
-											{item.contentTypeName || "Unknown"}
-										</td>
-										<td className="p-3">
-											<span className="text-sm text-muted-foreground">
-												{formatDate(item.deletedAt)}
-											</span>
-											{item.deletedBy && (
-												<span className="block text-xs text-muted-foreground">
-													by {item.deletedBy}
-												</span>
-											)}
-										</td>
-										<td className="p-3">
-											{daysLeft !== null && (
-												<Badge
-													variant={daysLeft <= 3 ? "destructive" : "secondary"}
-													className="font-normal"
-												>
-													{daysLeft} {daysLeft === 1 ? "day" : "days"}
-												</Badge>
-											)}
-										</td>
-										<td className="p-3">
-											<CmsButton
-												variant="outline"
-												size="sm"
-												onClick={() => handleRestore([item._id])}
-												loading={isRestoring}
-											>
-												<RotateCcw className="size-4" />
-												Restore
-											</CmsButton>
-										</td>
-									</tr>
-								);
-							})}
-						</tbody>
-					</table>
-				</div>
+				<CmsTable
+					columns={trashColumns}
+					data={trashItems}
+					getRowId={(item) => item._id}
+					selectable
+					selectedIds={selectedItems}
+					onSelectionChange={setSelectedItems}
+					emptyMessage="No items in trash"
+				/>
 			)}
 
 			<CmsConfirmDialog

package/admin/src/routes/__root.tsx

@@ -6,7 +6,7 @@ import {
 } from "@tanstack/react-router";
 import { ConvexProvider, ConvexReactClient } from "convex/react";
 import { useMemo, type ReactNode } from "react";
-import globalsCss from "~/styles/globals.css?url";
+import globalsCss from "~/index.css?url";
 import { AdminLayout, RouteGuard } from "~/components";
 import {
   AuthProvider,

package/admin-dist/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2026-01-28T14:07:30.300Z",
+  "date": "2026-01-29T00:22:17.698Z",
   "preset": "node-server",
   "framework": {
     "name": "nitro",

package/admin-dist/public/assets/{CmsEmptyState-DTlpzjOI.js → CmsEmptyState-BKeL4DBB.js}

@@ -1 +1 @@
-import{j as e,C as n,h as x}from"./main-CA-4LyFT.js";function d({icon:s,title:m,description:r,action:t,className:l,...a}){return e.jsxs("div",{className:x("flex flex-col items-center justify-center py-12 text-center",l),...a,children:[s&&e.jsx("div",{className:"mb-4 flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground",children:s}),e.jsx("h3",{className:"text-base font-semibold text-foreground",children:m}),r&&e.jsx("p",{className:"mt-1 max-w-sm text-sm text-muted-foreground",children:r}),t&&e.jsx(n,{variant:t.variant??"primary",onClick:t.onClick,className:"mt-4",children:t.label})]})}export{d as C};
+import{j as e,C as a,n as x}from"./main-B-6700eG.js";function d({icon:s,title:m,description:r,action:t,className:l,...n}){return e.jsxs("div",{className:x("flex flex-col items-center justify-center py-12 text-center",l),...n,children:[s&&e.jsx("div",{className:"mb-4 flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground",children:s}),e.jsx("h3",{className:"text-base font-semibold text-foreground",children:m}),r&&e.jsx("p",{className:"mt-1 max-w-sm text-sm text-muted-foreground",children:r}),t&&e.jsx(a,{variant:t.variant??"primary",onClick:t.onClick,className:"mt-4",children:t.label})]})}export{d as C};

package/admin-dist/public/assets/CmsFilterBar-CEpMHd_c.js

@@ -0,0 +1 @@
+import{j as e,S as d,s as x,t as u,n,v as o,w as p,C as v,X as h}from"./main-B-6700eG.js";import{C as j}from"./tanstack-adapter-KSm-nO5L.js";import{S as g}from"./search-DlwBH4C5.js";function C({value:a,onValueChange:m,options:l,placeholder:t="Select...",disabled:i,error:c,className:s}){return e.jsxs(d,{value:a,onValueChange:m,disabled:i,children:[e.jsx(x,{className:n(c&&"border-destructive focus:ring-destructive",s),"aria-invalid":c,children:e.jsx(u,{placeholder:t})}),e.jsx(o,{children:l.map(r=>e.jsx(p,{value:r.value,disabled:r.disabled,children:r.label},r.value))})]})}function b({search:a,filters:m,actions:l,onClearFilters:t,hasActiveFilters:i,className:c}){return e.jsxs("div",{className:n("flex flex-wrap items-center gap-3 pb-4",c),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(g,{className:"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(j,{type:"search",placeholder:a.placeholder??"Search...",value:a.value,onChange:s=>a.onChange(s.target.value),className:n("pl-9",a.className)})]}),m?.map(s=>e.jsx(C,{value:s.value,onValueChange:s.onChange,options:s.options,placeholder:s.placeholder,className:n("w-[150px]",s.className)},s.key)),i&&t&&e.jsxs(v,{variant:"ghost",size:"sm",onClick:t,children:[e.jsx(h,{className:"mr-1 size-4"}),"Clear"]})]}),l&&e.jsx("div",{className:"flex items-center gap-2",children:l})]})}export{b as C};

package/admin-dist/public/assets/{CmsPageHeader-0REGRH4X.js → CmsPageHeader-CIEkTbyH.js}

@@ -1 +1 @@
-import{j as e,h as m}from"./main-CA-4LyFT.js";function c({title:i,description:s,actions:t,breadcrumbs:a,className:l,...r}){return e.jsxs("div",{className:m("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{c as C};
+import{j as e,n as m}from"./main-B-6700eG.js";function x({title:i,description:s,actions:t,breadcrumbs:a,className:l,...r}){return e.jsxs("div",{className:m("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-D_n8u8xa.js → CmsStatusBadge-BFMOsfMW.js}

@@ -1 +1 @@
-import{j as e,h as t}from"./main-CA-4LyFT.js";import{B as a}from"./badge-C6qt24oj.js";const c={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"})})}},n={gray:"bg-muted text-muted-foreground",yellow:"bg-diff-modified-bg text-diff-modified-foreground",blue:"bg-info-bg text-info-foreground",green:"bg-diff-added-bg text-diff-added-foreground",red:"bg-diff-removed-bg text-diff-removed-foreground",purple:"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400",orange:"bg-diff-modified-bg text-diff-modified-foreground"};function l(){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 x({status:d,customConfig:s,className:o,...i}){if(s)return e.jsxs(a,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",n[s.color],o),...i,children:[l(),s.displayName]});const r=c[d];return r?e.jsxs(a,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",r.className,o),...i,children:[r.icon,r.label]}):e.jsxs(a,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",n.gray,o),...i,children:[l(),d]})}export{x as C};
+import{j as e,n as t}from"./main-B-6700eG.js";import{B as d}from"./badge-BQAotc5B.js";const c={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"})})}},n={gray:"bg-muted text-muted-foreground",yellow:"bg-diff-modified-bg text-diff-modified-foreground",blue:"bg-info-bg text-info-foreground",green:"bg-diff-added-bg text-diff-added-foreground",red:"bg-diff-removed-bg text-diff-removed-foreground",purple:"bg-purple-bg text-purple-foreground",orange:"bg-diff-modified-bg text-diff-modified-foreground"};function l(){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 x({status:a,customConfig:s,className:o,...i}){if(s)return e.jsxs(d,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",n[s.color],o),...i,children:[l(),s.displayName]});const r=c[a];return r?e.jsxs(d,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",r.className,o),...i,children:[r.icon,r.label]}):e.jsxs(d,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",n.gray,o),...i,children:[l(),a]})}export{x as C};

package/admin-dist/public/assets/{CmsSurface-BHmvNai4.js → CmsSurface-kqqaFKUI.js}

@@ -1 +1 @@
-import{j as r,h as t}from"./main-CA-4LyFT.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,n as t}from"./main-B-6700eG.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/CmsTable-Db53Exq0.js

@@ -0,0 +1 @@
+import{e as T,j as e,n as r,i as u,a9 as _,l as z}from"./main-B-6700eG.js";const D=[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]],H=T("chevrons-up-down",D);function U({className:s,...t}){return e.jsx("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:e.jsx("table",{"data-slot":"table",className:r("w-full caption-bottom text-sm",s),...t})})}function A({className:s,...t}){return e.jsx("thead",{"data-slot":"table-header",className:r("[&_tr]:border-b",s),...t})}function B({className:s,...t}){return e.jsx("tbody",{"data-slot":"table-body",className:r("[&_tr:last-child]:border-0",s),...t})}function x({className:s,...t}){return e.jsx("tr",{"data-slot":"table-row",className:r("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",s),...t})}function p({className:s,...t}){return e.jsx("th",{"data-slot":"table-head",className:r("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",s),...t})}function m({className:s,...t}){return e.jsx("td",{"data-slot":"table-cell",className:r("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",s),...t})}function L({columns:s,data:t,getRowId:i,selectable:h,selectedIds:d=new Set,onSelectionChange:o,sortColumn:j,sortDirection:f,onSort:N,onRowClick:b,emptyMessage:k="No items found",className:w}){const y=t.length>0&&t.every(a=>d.has(i(a))),v=t.some(a=>d.has(i(a))),g=a=>{o&&o(a?new Set(t.map(i)):new Set)},S=(a,n)=>{if(!o)return;const c=new Set(d);n?c.add(a):c.delete(a),o(c)},C=a=>a.sortable?j!==a.key?e.jsx(H,{className:"ml-1 inline size-3.5 text-muted-foreground"}):f==="asc"?e.jsx(_,{className:"ml-1 inline size-3.5"}):e.jsx(z,{className:"ml-1 inline size-3.5"}):null;return e.jsx("div",{className:r("rounded-lg border",w),children:e.jsxs(U,{children:[e.jsx(A,{children:e.jsxs(x,{className:"hover:bg-transparent",children:[h&&e.jsx(p,{className:"w-12",children:e.jsx(u,{checked:y?!0:v?"indeterminate":!1,onCheckedChange:g,"aria-label":"Select all"})}),s.map(a=>e.jsxs(p,{className:r(a.sortable&&"cursor-pointer select-none",a.className),onClick:()=>a.sortable&&N?.(a.key),children:[a.header,C(a)]},a.key))]})}),e.jsx(B,{children:t.length===0?e.jsx(x,{children:e.jsx(m,{colSpan:s.length+(h?1:0),className:"h-24 text-center text-muted-foreground",children:k})}):t.map(a=>{const n=i(a),c=d.has(n);return e.jsxs(x,{"data-state":c&&"selected",className:r(b&&"cursor-pointer"),onClick:()=>b?.(a),children:[h&&e.jsx(m,{onClick:l=>l.stopPropagation(),className:"w-12",children:e.jsx(u,{checked:c,onCheckedChange:l=>S(n,l===!0),"aria-label":`Select row ${n}`})}),s.map(l=>e.jsx(m,{className:l.className,children:l.cell(a)},l.key))]},n)})})]})})}export{L as C};