@jant/core 0.3.24 → 0.3.26

package/dist/{theme/components → ui/dash}/PostForm.js

@@ -13,7 +13,6 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
         body: post?.body ?? "",
         url: post?.url ?? "",
         quoteText: post?.quoteText ?? "",
-        slug: post?.slug ?? "",
         status: post?.status ?? "published",
         featured: post?.featured === 1,
         pinned: post?.pinned === 1,
@@ -170,7 +169,7 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                         class: "grid grid-cols-4 sm:grid-cols-6 gap-2 mb-2",
                         children: mediaAttachments.map((m)=>{
                             const pUrl = getPublicUrlForProvider(m.provider, r2PublicUrl, s3PublicUrl);
-                            const mUrl = getMediaUrl(m.id, m.storageKey, pUrl);
+                            const mUrl = getMediaUrl(m.storageKey, pUrl);
                             const thumbUrl = getImageUrl(mUrl, imageTransformUrl, {
                                 width: 150,
                                 quality: 80,
@@ -309,56 +308,36 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                     })
                 ]
             }),
-            /*#__PURE__*/ _jsxs("div", {
-                class: "field",
-                children: [
-                    /*#__PURE__*/ _jsx("label", {
-                        class: "label",
-                        children: $__i18n._({
-                            id: "quFPTj",
-                            message: "Custom Slug (optional)"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("input", {
-                        type: "text",
-                        "data-bind": "slug",
-                        class: "input",
-                        placeholder: "my-custom-url",
-                        pattern: "[a-z0-9-]*"
-                    }),
-                    /*#__PURE__*/ _jsx("p", {
-                        class: "text-xs text-muted-foreground mt-1",
-                        children: $__i18n._({
-                            id: "iBc+/N",
-                            message: "Custom URL path. Leave empty to use default /p/ID format."
-                        })
-                    })
-                ]
-            }),
             /*#__PURE__*/ _jsxs("div", {
                 class: "flex gap-2",
                 children: [
                     /*#__PURE__*/ _jsxs("button", {
                         type: "submit",
                         class: "btn",
-                        "data-attr-disabled": "$_loading",
+                        "data-attr:disabled": "$_loading",
                         children: [
-                            /*#__PURE__*/ _jsx("span", {
-                                "data-show": "!$_loading",
-                                children: isEdit ? $__i18n._({
-                                    id: "EkH9pt",
-                                    message: "Update"
-                                }) : $__i18n._({
-                                    id: "EEYbdt",
-                                    message: "Publish"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("span", {
+                            /*#__PURE__*/ _jsx("svg", {
                                 "data-show": "$_loading",
-                                children: $__i18n._({
-                                    id: "k1ifdL",
-                                    message: "Processing..."
+                                style: "display:none",
+                                class: "animate-spin size-4",
+                                xmlns: "http://www.w3.org/2000/svg",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2",
+                                "stroke-linecap": "round",
+                                "stroke-linejoin": "round",
+                                role: "status",
+                                children: /*#__PURE__*/ _jsx("path", {
+                                    d: "M21 12a9 9 0 1 1-6.219-8.56"
                                 })
+                            }),
+                            isEdit ? $__i18n._({
+                                id: "EkH9pt",
+                                message: "Update"
+                            }) : $__i18n._({
+                                id: "EEYbdt",
+                                message: "Publish"
                             })
                         ]
                     }),

package/dist/{theme/components → ui/dash}/PostList.js

@@ -4,9 +4,9 @@
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import * as sqid from "../../lib/sqid.js";
 import * as time from "../../lib/time.js";
-import { VisibilityBadge } from "./VisibilityBadge.js";
-import { TypeBadge } from "./TypeBadge.js";
-import { EmptyState } from "./EmptyState.js";
+import { StatusBadge } from "./StatusBadge.js";
+import { FormatBadge } from "./FormatBadge.js";
+import { EmptyState } from "../shared/EmptyState.js";
 import { ListItemRow } from "./ListItemRow.js";
 import { ActionButtons } from "./ActionButtons.js";
 export const PostList = ({ posts })=>{
@@ -27,7 +27,7 @@ export const PostList = ({ posts })=>{
     return /*#__PURE__*/ _jsx("div", {
         class: "flex flex-col divide-y",
         children: posts.map((post)=>{
-            const permalink = post.slug ? `/${post.slug}` : `/p/${sqid.encode(post.id)}`;
+            const permalink = post.path ? `/${post.path}` : `/p/${sqid.encode(post.id)}`;
             return /*#__PURE__*/ _jsxs(ListItemRow, {
                 actions: /*#__PURE__*/ _jsx(ActionButtons, {
                     editHref: `/dash/posts/${sqid.encode(post.id)}/edit`,
@@ -50,10 +50,10 @@ export const PostList = ({ posts })=>{
                     /*#__PURE__*/ _jsxs("div", {
                         class: "flex items-center gap-2 mb-1",
                         children: [
-                            /*#__PURE__*/ _jsx(TypeBadge, {
+                            /*#__PURE__*/ _jsx(FormatBadge, {
                                 type: post.format
                             }),
-                            /*#__PURE__*/ _jsx(VisibilityBadge, {
+                            /*#__PURE__*/ _jsx(StatusBadge, {
                                 status: post.status,
                                 featured: post.featured === 1,
                                 pinned: post.pinned === 1

package/dist/{theme/components/VisibilityBadge.js → ui/dash/StatusBadge.js}

@@ -2,10 +2,9 @@
  * Status Badge Component
  *
  * Displays badges for post status, featured, and pinned state.
- * Named VisibilityBadge for backward compatibility with theme overrides.
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const VisibilityBadge = ({ status, featured, pinned })=>{
+export const StatusBadge = ({ status, featured, pinned })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const statusVariants = {
         published: "badge-secondary",

package/dist/ui/dash/collections/CollectionForm.js

@@ -0,0 +1,152 @@
+/**
+ * Shared collection form (new + edit)
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export function CollectionForm({ collection, isEdit }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const signals = JSON.stringify({
+        title: collection?.title ?? "",
+        slug: collection?.slug ?? "",
+        description: collection?.description ?? ""
+    }).replace(/</g, "\\u003c");
+    const action = isEdit ? `/dash/collections/${collection?.id}` : "/dash/collections";
+    const heading = isEdit ? $__i18n._({
+        id: "/0D1Xp",
+        message: "Edit Collection"
+    }) : $__i18n._({
+        id: "vzU4k9",
+        message: "New Collection"
+    });
+    const submitLabel = isEdit ? $__i18n._({
+        id: "7Mk+/h",
+        message: "Update Collection"
+    }) : $__i18n._({
+        id: "Pbm2/N",
+        message: "Create Collection"
+    });
+    const cancelHref = isEdit ? `/dash/collections/${collection?.id}` : "/dash/collections";
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                class: "text-2xl font-semibold mb-6",
+                children: heading
+            }),
+            /*#__PURE__*/ _jsxs("form", {
+                "data-signals": signals,
+                "data-on:submit__prevent": `@post('${action}')`,
+                "data-indicator": "_loading",
+                class: "flex flex-col gap-4 max-w-lg",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "MHrjPM",
+                                    message: "Title"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                "data-bind": "title",
+                                class: "input",
+                                required: true,
+                                placeholder: isEdit ? undefined : $__i18n._({
+                                    id: "fttd2R",
+                                    message: "My Collection"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "L85WcV",
+                                    message: "Slug"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                "data-bind": "slug",
+                                class: "input",
+                                required: true,
+                                pattern: "[a-z0-9-]+",
+                                placeholder: isEdit ? undefined : "my-collection"
+                            }),
+                            !isEdit && /*#__PURE__*/ _jsx("p", {
+                                class: "text-xs text-muted-foreground mt-1",
+                                children: $__i18n._({
+                                    id: "1CU1Td",
+                                    message: "URL-safe identifier (lowercase, numbers, hyphens)"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "Fxf4jq",
+                                    message: "Description (optional)"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("textarea", {
+                                "data-bind": "description",
+                                class: "textarea",
+                                rows: 3,
+                                placeholder: isEdit ? undefined : $__i18n._({
+                                    id: "AyHO4m",
+                                    message: "What's this collection about?"
+                                }),
+                                children: collection?.description ?? ""
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsxs("button", {
+                                type: "submit",
+                                class: "btn",
+                                "data-attr:disabled": "$_loading",
+                                children: [
+                                    /*#__PURE__*/ _jsx("svg", {
+                                        "data-show": "$_loading",
+                                        style: "display:none",
+                                        class: "animate-spin size-4",
+                                        xmlns: "http://www.w3.org/2000/svg",
+                                        viewBox: "0 0 24 24",
+                                        fill: "none",
+                                        stroke: "currentColor",
+                                        "stroke-width": "2",
+                                        "stroke-linecap": "round",
+                                        "stroke-linejoin": "round",
+                                        role: "status",
+                                        children: /*#__PURE__*/ _jsx("path", {
+                                            d: "M21 12a9 9 0 1 1-6.219-8.56"
+                                        })
+                                    }),
+                                    submitLabel
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: cancelHref,
+                                class: "btn-outline",
+                                children: $__i18n._({
+                                    id: "dEgA5A",
+                                    message: "Cancel"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}

package/dist/ui/dash/collections/CollectionsListContent.js

@@ -0,0 +1,68 @@
+/**
+ * Collections list view
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader } from "../index.js";
+export function CollectionsListContent({ collections }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(CrudPageHeader, {
+                title: $__i18n._({
+                    id: "DoJzLz",
+                    message: "Collections"
+                }),
+                ctaLabel: $__i18n._({
+                    id: "vzU4k9",
+                    message: "New Collection"
+                }),
+                ctaHref: "/dash/collections/new"
+            }),
+            collections.length === 0 ? /*#__PURE__*/ _jsx(EmptyState, {
+                message: $__i18n._({
+                    id: "+MACwa",
+                    message: "No collections yet."
+                }),
+                ctaText: $__i18n._({
+                    id: "vzU4k9",
+                    message: "New Collection"
+                }),
+                ctaHref: "/dash/collections/new"
+            }) : /*#__PURE__*/ _jsx("div", {
+                class: "flex flex-col divide-y",
+                children: collections.map((col)=>/*#__PURE__*/ _jsxs(ListItemRow, {
+                        actions: /*#__PURE__*/ _jsx(ActionButtons, {
+                            editHref: `/dash/collections/${col.id}/edit`,
+                            editLabel: $__i18n._({
+                                id: "ePK91l",
+                                message: "Edit"
+                            }),
+                            viewHref: `/c/${col.slug}`,
+                            viewLabel: $__i18n._({
+                                id: "jpctdh",
+                                message: "View"
+                            })
+                        }),
+                        children: [
+                            /*#__PURE__*/ _jsx("a", {
+                                href: `/dash/collections/${col.id}`,
+                                class: "font-medium hover:underline",
+                                children: col.title
+                            }),
+                            /*#__PURE__*/ _jsxs("p", {
+                                class: "text-sm text-muted-foreground",
+                                children: [
+                                    "/",
+                                    col.slug
+                                ]
+                            }),
+                            col.description && /*#__PURE__*/ _jsx("p", {
+                                class: "text-sm text-muted-foreground mt-1",
+                                children: col.description
+                            })
+                        ]
+                    }, col.id))
+            })
+        ]
+    });
+}

package/dist/ui/dash/collections/ViewCollectionContent.js

@@ -0,0 +1,96 @@
+/**
+ * Single collection detail view
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { ActionButtons } from "../index.js";
+import { encode } from "../../../lib/sqid.js";
+export function ViewCollectionContent({ collection, posts }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const postsHeader = $__i18n._({
+        id: "pRhYH2",
+        message: "Posts in Collection ({count})"
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                class: "flex items-center justify-between mb-6",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx("h1", {
+                                class: "text-2xl font-semibold",
+                                children: collection.title
+                            }),
+                            /*#__PURE__*/ _jsxs("p", {
+                                class: "text-sm text-muted-foreground",
+                                children: [
+                                    "/",
+                                    collection.slug
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(ActionButtons, {
+                        editHref: `/dash/collections/${collection.id}/edit`,
+                        editLabel: $__i18n._({
+                            id: "ePK91l",
+                            message: "Edit"
+                        }),
+                        viewHref: `/c/${collection.slug}`,
+                        viewLabel: $__i18n._({
+                            id: "jpctdh",
+                            message: "View"
+                        })
+                    })
+                ]
+            }),
+            collection.description && /*#__PURE__*/ _jsx("p", {
+                class: "text-muted-foreground mb-6",
+                children: collection.description
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "card",
+                children: [
+                    /*#__PURE__*/ _jsx("header", {
+                        children: /*#__PURE__*/ _jsx("h2", {
+                            children: postsHeader
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("section", {
+                        children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                            class: "text-muted-foreground",
+                            children: $__i18n._({
+                                id: "J4FNfC",
+                                message: "No posts in this collection."
+                            })
+                        }) : /*#__PURE__*/ _jsx("div", {
+                            class: "flex flex-col divide-y",
+                            children: posts.map((post)=>/*#__PURE__*/ _jsx("div", {
+                                    class: "py-3 flex items-center gap-4",
+                                    children: /*#__PURE__*/ _jsx("div", {
+                                        class: "flex-1 min-w-0",
+                                        children: /*#__PURE__*/ _jsx("a", {
+                                            href: `/dash/posts/${encode(post.id)}`,
+                                            class: "font-medium hover:underline",
+                                            children: post.title || post.excerpt?.slice(0, 50) || `Post #${post.id}`
+                                        })
+                                    })
+                                }, post.id))
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                class: "mt-6",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: "/dash/collections",
+                    class: "text-sm hover:underline",
+                    children: $__i18n._({
+                        id: "e6Jr7Q",
+                        message: "← Back to Collections"
+                    })
+                })
+            })
+        ]
+    });
+}

package/dist/{theme/components → ui/dash}/index.js

@@ -1,13 +1,10 @@
 export { ActionButtons } from "./ActionButtons.js";
 export { CrudPageHeader } from "./CrudPageHeader.js";
 export { DangerZone } from "./DangerZone.js";
-export { EmptyState } from "./EmptyState.js";
+export { EmptyState } from "../shared/EmptyState.js";
+export { FormatBadge } from "./FormatBadge.js";
 export { ListItemRow } from "./ListItemRow.js";
-export { MediaGallery } from "./MediaGallery.js";
 export { PageForm } from "./PageForm.js";
-export { Pagination, LoadMore, PagePagination } from "./Pagination.js";
 export { PostForm } from "./PostForm.js";
 export { PostList } from "./PostList.js";
-export { ThreadView } from "./ThreadView.js";
-export { TypeBadge } from "./TypeBadge.js";
-export { VisibilityBadge } from "./VisibilityBadge.js";
+export { StatusBadge } from "./StatusBadge.js";

package/dist/ui/dash/media/MediaListContent.js

@@ -0,0 +1,166 @@
+/**
+ * Media grid list with upload UI
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { EmptyState } from "../index.js";
+import { getMediaUrl, getImageUrl, getPublicUrlForProvider } from "../../../lib/image.js";
+function formatSize(bytes) {
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function MediaCard({ media, r2PublicUrl, imageTransformUrl, s3PublicUrl }) {
+    const publicUrl = getPublicUrlForProvider(media.provider, r2PublicUrl, s3PublicUrl);
+    const fullUrl = getMediaUrl(media.storageKey, publicUrl);
+    const thumbnailUrl = getImageUrl(fullUrl, imageTransformUrl, {
+        width: 300,
+        quality: 80,
+        format: "auto",
+        fit: "cover"
+    });
+    const isImage = media.mimeType.startsWith("image/");
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "group relative",
+        "data-media-id": media.id,
+        children: [
+            isImage ? /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                class: "block w-full aspect-square bg-muted rounded-lg overflow-hidden border hover:border-primary cursor-pointer",
+                onclick: `document.getElementById('lightbox-img').src = '${fullUrl}'; document.getElementById('lightbox').showModal()`,
+                children: /*#__PURE__*/ _jsx("img", {
+                    src: thumbnailUrl,
+                    alt: media.alt || media.originalName,
+                    class: "w-full h-full object-cover",
+                    loading: "lazy"
+                })
+            }) : /*#__PURE__*/ _jsx("a", {
+                href: `/dash/media/${media.id}`,
+                class: "block aspect-square bg-muted rounded-lg overflow-hidden border hover:border-primary",
+                children: /*#__PURE__*/ _jsx("div", {
+                    class: "w-full h-full flex items-center justify-center text-muted-foreground",
+                    children: /*#__PURE__*/ _jsx("span", {
+                        class: "text-xs",
+                        children: media.mimeType
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx("a", {
+                href: `/dash/media/${media.id}`,
+                class: "block mt-2 text-xs truncate hover:underline",
+                title: media.originalName,
+                children: media.originalName
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                class: "text-xs text-muted-foreground",
+                children: formatSize(media.size)
+            })
+        ]
+    });
+}
+export function MediaListContent({ mediaList, r2PublicUrl, imageTransformUrl, s3PublicUrl }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const processingText = $__i18n._({
+        id: "k1ifdL",
+        message: "Processing..."
+    });
+    const uploadingText = $__i18n._({
+        id: "GxkJXS",
+        message: "Uploading..."
+    });
+    const uploadText = $__i18n._({
+        id: "ONWvwQ",
+        message: "Upload"
+    });
+    const errorText = $__i18n._({
+        id: "pZq3aX",
+        message: "Upload failed. Please try again."
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("form", {
+                id: "upload-form",
+                class: "hidden",
+                enctype: "multipart/form-data",
+                "data-on:submit__prevent": "@post('/api/upload', {contentType: 'form'})",
+                children: /*#__PURE__*/ _jsx("input", {
+                    id: "upload-file-input",
+                    type: "file",
+                    name: "file"
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "flex items-center justify-between mb-6",
+                children: [
+                    /*#__PURE__*/ _jsx("h1", {
+                        class: "text-2xl font-semibold",
+                        children: $__i18n._({
+                            id: "xYilR2",
+                            message: "Media"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("label", {
+                        class: "btn cursor-pointer",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                children: uploadText
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "file",
+                                class: "hidden",
+                                accept: "image/*",
+                                "data-media-upload": true,
+                                "data-text-processing": processingText,
+                                "data-text-uploading": uploadingText,
+                                "data-text-error": errorText
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                class: "card mb-6",
+                children: /*#__PURE__*/ _jsx("section", {
+                    class: "text-sm text-muted-foreground",
+                    children: /*#__PURE__*/ _jsx("p", {
+                        children: $__i18n._({
+                            id: "x+doid",
+                            message: "Images are automatically optimized: resized to max 1920px, converted to WebP, and metadata stripped."
+                        })
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                id: "media-content",
+                children: mediaList.length === 0 ? /*#__PURE__*/ _jsx("div", {
+                    id: "empty-state",
+                    children: /*#__PURE__*/ _jsx(EmptyState, {
+                        message: $__i18n._({
+                            id: "ST+lN2",
+                            message: "No media uploaded yet."
+                        })
+                    })
+                }) : /*#__PURE__*/ _jsx("div", {
+                    id: "media-grid",
+                    class: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4",
+                    children: mediaList.map((m)=>/*#__PURE__*/ _jsx(MediaCard, {
+                            media: m,
+                            r2PublicUrl: r2PublicUrl,
+                            imageTransformUrl: imageTransformUrl,
+                            s3PublicUrl: s3PublicUrl
+                        }, m.id))
+                })
+            }),
+            /*#__PURE__*/ _jsx("dialog", {
+                id: "lightbox",
+                class: "p-0 m-auto bg-transparent backdrop:bg-black/80",
+                onclick: "event.target === this && this.close()",
+                children: /*#__PURE__*/ _jsx("img", {
+                    id: "lightbox-img",
+                    src: "",
+                    alt: "",
+                    class: "max-w-[90vw] max-h-[90vh] object-contain rounded-lg"
+                })
+            })
+        ]
+    });
+}