@openrails/contentkit-ui 0.98.0 → 0.98.3

package/dist/components/content/card.js

@@ -1,40 +1,42 @@
 import { RenditionImg as e } from "../rendition-img.js";
-import { useLanguageName as t, useMessages as n } from "../../i18n/context.js";
-import { ContentKitContext as r } from "../../react/context.js";
-import { HoverPreview as i } from "../hover-preview.js";
-import { Badge as a } from "../../ui/badge.js";
-import { RelativeTime as o, formatDate as s } from "../social/parts.js";
-import { GroupAvatar as c, GroupLink as l, labelOf as u } from "../groups/parts.js";
-import { priceLabel as d } from "./paywall.js";
-import { useCallback as f, useContext as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { cn as _ } from "cn";
-import { FavouriteIcon as v, LockIcon as y, ThumbsUpIcon as b } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as x } from "@hugeicons/react";
+import { ratio as t } from "../../client/aspect.js";
+import { useLanguageName as n, useMessages as r } from "../../i18n/context.js";
+import { ContentKitContext as i } from "../../react/context.js";
+import { usePresets as a } from "../../react/public.js";
+import { HoverPreview as o } from "../hover-preview.js";
+import { Badge as s } from "../../ui/badge.js";
+import { RelativeTime as c, formatDate as l } from "../social/parts.js";
+import { GroupAvatar as u, GroupLink as d, labelOf as f } from "../groups/parts.js";
+import { priceLabel as p } from "./paywall.js";
+import { useCallback as m, useContext as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { cn as y } from "cn";
+import { FavouriteIcon as b, LockIcon as x, ThumbsUpIcon as S } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as C } from "@hugeicons/react";
 //#region src/components/content/card.tsx
-function S({ card: e, decorate: t, aboveTitle: n }) {
+function w({ card: e, decorate: t, aboveTitle: n }) {
 	let r = t?.(e);
-	return r == null || r === !1 ? null : /* @__PURE__ */ h("span", {
-		className: _("pointer-events-none absolute inset-0", n && "z-20"),
+	return r == null || r === !1 ? null : /* @__PURE__ */ _("span", {
+		className: y("pointer-events-none absolute inset-0", n && "z-20"),
 		"data-ckui": "card-decorations",
 		children: r
 	});
 }
-var C = (e, t) => new Intl.NumberFormat(t, {
+var T = (e, t) => new Intl.NumberFormat(t, {
 	notation: "compact",
 	maximumFractionDigits: 1
 }).format(e);
-function w(e, t, n = [], r) {
+function E(e, t, n = [], r) {
 	if (t.allowed) return null;
 	if (t.unknown) return e.t("contents.unknownAccess");
 	let i = t.offers?.[0];
-	if (i) return i.target.kind === "group" && Number(i.terms.amount) === 0 ? e.t("contents.joinFree") : d(e, i.terms);
+	if (i) return i.target.kind === "group" && Number(i.terms.amount) === 0 ? e.t("contents.joinFree") : p(e, i.terms);
 	let a = t.sell?.find((e) => n.includes(e));
-	return a ? u(r, a) : t.sell?.some((e) => e.includes(":group:")) ? e.t("contents.members") : t.sell?.length ? e.t("contents.forSale") : e.t("contents.locked");
+	return a ? f(r, a) : t.sell?.some((e) => e.includes(":group:")) ? e.t("contents.members") : t.sell?.length ? e.t("contents.forSale") : e.t("contents.locked");
 }
-function T(e, t) {
-	let n = p(r)?.navigate;
-	return f((r) => {
+function D(e, t) {
+	let n = h(i)?.navigate;
+	return m((r) => {
 		t?.(), !(!n || !e || r.defaultPrevented || r.button !== 0 || r.metaKey || r.ctrlKey || r.shiftKey || r.altKey) && (r.preventDefault(), n(e));
 	}, [
 		n,
@@ -42,263 +44,285 @@ function T(e, t) {
 		t
 	]);
 }
-function E({ card: r, href: o, onOpen: c, shape: l = "portrait", aspectRatio: d, titlePosition: p = "below", loadMedia: E = !0, groupKinds: k, chips: A = 3, filterEntity: j, entityStyle: M = "chips", metadata: N, showCounts: ee = !0, tiers: P, labels: F, owner: I = !0, ownerHref: L, decorate: R, children: z, className: te }) {
-	let B = n(), { t: V } = B, ne = t(), H = o ? o(r) : r.path, U = T(H, f(() => c?.(r), [c, r])), W = w(B, r.access, P, F), G = r.version, K = r.viewer && r.viewer.progress_max > 0 ? Math.min(1, r.viewer.progress / r.viewer.progress_max) : 0, q = (k ?? Object.keys(r.entities)).flatMap((e) => (r.entities[e] ?? []).filter((t) => !j || j(t, e)).slice(0, A).map((t) => ({
+function O({ card: i, client: c, href: u, onOpen: d, shape: p = "portrait", aspectRatio: h, titlePosition: O = "below", loadMedia: j = !0, groupKinds: M, chips: ee = 3, filterEntity: N, entityStyle: P = "chips", entityLayout: te = "inline", metadata: F, showCounts: ne = !0, tiers: re, labels: I, owner: ie = !0, ownerHref: ae, decorate: oe, children: se, className: ce }) {
+	let L = r(), { presets: le } = a({ client: c }), R = h ?? t(le.find((e) => e.kind === i.kind && e.name === "cover")?.aspect), { t: z } = L, ue = n(), B = u ? u(i) : i.path, V = D(B, m(() => d?.(i), [d, i])), H = E(L, i.access, re, I), U = i.version, W = i.viewer && i.viewer.progress_max > 0 ? Math.min(1, i.viewer.progress / i.viewer.progress_max) : 0, G = (M ?? Object.keys(i.entities)).map((e) => ({
 		kind: e,
-		entity: t
-	}))), J = G.duration_ms ? Math.round(G.duration_ms / 6e4) : 0, Y = N?.traits, re = Y === !1 ? [] : Array.isArray(Y) ? G.traits.filter((e) => Y.includes(e)) : G.traits, X = [
-		...N?.languages === !1 ? [] : G.languages.map(ne),
-		...re.map((e) => u(F, e)),
-		N?.pages !== !1 && G.pages ? B.plural("contents.pages", G.pages) : null,
-		N?.duration !== !1 && J ? B.plural("contents.minutes", J) : null
-	].filter(Boolean), Z = r.title || r.code, Q = q.length > 0 ? /* @__PURE__ */ h("ul", {
-		className: _("flex flex-wrap", M === "text" ? "gap-x-2 gap-y-1" : "gap-1"),
+		entities: (i.entities[e] ?? []).filter((t) => !N || N(t, e)).slice(0, ee)
+	})).filter(({ entities: e }) => e.length > 0), K = U.duration_ms ? Math.round(U.duration_ms / 6e4) : 0, q = F?.traits, J = q === !1 ? [] : Array.isArray(q) ? U.traits.filter((e) => q.includes(e)) : U.traits, Y = [
+		...F?.languages === !1 ? [] : U.languages.map(ue),
+		F?.pages !== !1 && U.pages ? L.plural("contents.pages", U.pages) : null,
+		F?.duration !== !1 && K ? L.plural("contents.minutes", K) : null
+	].filter(Boolean), X = i.title || i.code, Z = y("flex flex-wrap", P === "text" ? "gap-x-2 gap-y-1" : "gap-1"), Q = (e, t) => t.map((t) => /* @__PURE__ */ _("li", {
+		"data-kind": e,
+		children: /* @__PURE__ */ _(A, {
+			url: t.path,
+			name: t.name || t.slug,
+			variant: P
+		})
+	}, `${e}:${t.id}`)), $ = G.length > 0 ? te === "rows" ? /* @__PURE__ */ _("div", {
+		className: "grid gap-1",
 		"data-ckui": "card-groups",
-		children: q.map(({ kind: e, entity: t }) => /* @__PURE__ */ h("li", {
+		"data-layout": "rows",
+		children: G.map(({ kind: e, entities: t }) => /* @__PURE__ */ _("ul", {
+			className: Z,
+			"aria-label": f(I, e),
+			"data-ckui": "card-group-row",
 			"data-kind": e,
-			children: /* @__PURE__ */ h(O, {
-				url: t.path,
-				name: t.name || t.slug,
-				variant: M
-			})
-		}, `${e}:${t.id}`))
-	}) : null, $ = /* @__PURE__ */ g("a", {
-		href: H,
-		onClick: U,
-		className: _("font-medium break-words focus-visible:underline", p === "cover" ? "absolute inset-x-0 bottom-0 z-10 bg-linear-to-t from-black/90 via-black/60 to-transparent px-3 pt-10 pb-3 text-white hover:underline" : "hover:underline"),
+			children: Q(e, t)
+		}, e))
+	}) : /* @__PURE__ */ _("ul", {
+		className: Z,
+		"data-ckui": "card-groups",
+		"data-layout": "inline",
+		children: G.flatMap(({ kind: e, entities: t }) => Q(e, t))
+	}) : null, de = /* @__PURE__ */ v("a", {
+		href: B,
+		onClick: V,
+		className: y("text-lg leading-snug font-medium break-words focus-visible:underline sm:text-xl", O === "cover" ? "absolute inset-x-0 bottom-0 z-10 bg-linear-to-t from-black/90 via-black/60 to-transparent px-3 pt-10 pb-3 text-white hover:underline" : "hover:underline"),
 		"data-ckui": "card-title",
-		children: [/* @__PURE__ */ h("span", {
+		children: [/* @__PURE__ */ _("span", {
 			className: "line-clamp-2",
-			children: Z
-		}), W && /* @__PURE__ */ g("span", {
+			children: X
+		}), H && /* @__PURE__ */ v("span", {
 			className: "sr-only",
 			children: [
 				" (",
-				W,
+				H,
 				")"
 			]
 		})]
-	}), [ie, ae] = m(null);
-	return /* @__PURE__ */ g("article", {
-		ref: ae,
-		className: _("group/card grid content-start gap-2", te),
+	}), [fe, pe] = g(null);
+	return /* @__PURE__ */ v("article", {
+		ref: pe,
+		className: y("group/card grid content-start gap-2", ce),
 		"data-ckui": "content-card",
-		"data-id": r.id,
-		"data-locked": W ? "" : void 0,
-		lang: r.language || void 0,
-		children: [/* @__PURE__ */ g("div", {
+		"data-id": i.id,
+		"data-locked": H ? "" : void 0,
+		lang: i.language || void 0,
+		children: [/* @__PURE__ */ v("div", {
 			className: "relative overflow-hidden rounded-lg",
 			"data-ckui": "card-cover",
 			children: [
-				/* @__PURE__ */ g("a", {
-					href: H,
-					onClick: U,
+				/* @__PURE__ */ v("a", {
+					href: B,
+					onClick: V,
 					className: "relative block overflow-hidden rounded-lg bg-muted",
 					tabIndex: -1,
 					"aria-hidden": !0,
 					children: [
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ _("div", {
 							"data-ckui": "card-cover-frame",
-							className: d === void 0 ? l === "landscape" ? "aspect-video" : "aspect-[3/4]" : void 0,
-							style: d === void 0 ? void 0 : { aspectRatio: d },
-							children: E ? /* @__PURE__ */ h(e, {
-								outputs: r.cover,
+							className: R === void 0 ? p === "landscape" ? "aspect-video" : "aspect-[3/4]" : void 0,
+							style: R === void 0 ? void 0 : { aspectRatio: R },
+							children: j ? /* @__PURE__ */ _(e, {
+								outputs: i.cover,
 								alt: "",
 								fit: "cover",
 								skeleton: !0,
 								loading: "lazy",
 								className: "size-full transition-transform group-hover/card:scale-[1.02]",
-								fallback: /* @__PURE__ */ h("span", {
+								fallback: /* @__PURE__ */ _("span", {
 									className: "grid size-full place-items-center text-2xl font-semibold text-muted-foreground",
-									children: Z.charAt(0).toUpperCase()
+									children: X.charAt(0).toUpperCase()
 								})
-							}) : /* @__PURE__ */ h("span", {
+							}) : /* @__PURE__ */ _("span", {
 								className: "block size-full bg-muted",
 								"aria-hidden": !0
 							})
 						}),
-						E && G.hls && /* @__PURE__ */ h(i, {
+						j && U.hls && /* @__PURE__ */ _(o, {
 							item: {
-								kind: r.kind,
-								id: r.id,
-								version: G.id
+								kind: i.kind,
+								id: i.id,
+								version: U.id
 							},
-							dir: G.hls,
-							duration: G.duration_ms ? G.duration_ms / 1e3 : void 0,
-							target: ie
+							dir: U.hls,
+							duration: U.duration_ms ? U.duration_ms / 1e3 : void 0,
+							target: fe
 						}),
-						W && /* @__PURE__ */ g("span", {
+						H && /* @__PURE__ */ v("span", {
 							className: "absolute top-2 left-2 inline-flex items-center gap-1 rounded-md bg-background/85 px-1.5 py-0.5 text-xs font-medium text-foreground shadow-sm",
 							"data-ckui": "card-lock",
-							children: [/* @__PURE__ */ h(x, {
-								icon: y,
+							children: [/* @__PURE__ */ _(C, {
+								icon: x,
 								strokeWidth: 2,
 								className: "size-3.5",
 								"aria-hidden": !0
-							}), W]
+							}), H]
 						}),
-						K > 0 && /* @__PURE__ */ h("span", {
-							className: _("absolute inset-x-0 bottom-0 h-1 bg-background/60", p === "cover" && "z-20"),
+						W > 0 && /* @__PURE__ */ _("span", {
+							className: y("absolute inset-x-0 bottom-0 h-1 bg-background/60", O === "cover" && "z-20"),
 							"data-ckui": "card-progress",
-							children: /* @__PURE__ */ h("span", {
+							children: /* @__PURE__ */ _("span", {
 								className: "block h-full bg-primary",
-								style: { width: `${Math.round(K * 100)}%` }
+								style: { width: `${Math.round(W * 100)}%` }
 							})
 						})
 					]
 				}),
-				p === "cover" && $,
-				E && /* @__PURE__ */ h(S, {
-					card: r,
-					decorate: R,
-					aboveTitle: p === "cover"
+				O === "cover" && de,
+				j && /* @__PURE__ */ _(w, {
+					card: i,
+					decorate: oe,
+					aboveTitle: O === "cover"
 				})
 			]
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ v("div", {
 			className: "grid gap-1",
 			children: [
-				p === "below" && $,
-				M === "text" && Q,
-				I && r.owner && /* @__PURE__ */ h(D, {
-					group: r.owner,
-					href: L,
-					loadMedia: E
+				O === "below" && de,
+				P === "text" && $,
+				ie && i.owner && /* @__PURE__ */ _(k, {
+					group: i.owner,
+					href: ae,
+					loadMedia: j
+				}),
+				J.length > 0 && /* @__PURE__ */ _("div", {
+					className: "flex flex-wrap gap-1",
+					"data-ckui": "card-traits",
+					children: J.map((e) => /* @__PURE__ */ _(s, {
+						variant: "outline",
+						className: "h-auto rounded-md text-sm text-muted-foreground",
+						"data-ckui": "card-trait",
+						"data-trait": e,
+						children: f(I, e)
+					}, e))
 				}),
-				X.length > 0 && /* @__PURE__ */ h("p", {
+				Y.length > 0 && /* @__PURE__ */ _("p", {
 					className: "text-xs text-muted-foreground",
-					children: X.join(" · ")
+					children: Y.join(" · ")
 				}),
-				r.viewer?.completed && /* @__PURE__ */ h(a, {
+				i.viewer?.completed && /* @__PURE__ */ _(s, {
 					variant: "secondary",
 					className: "justify-self-start",
-					children: V("contents.completed")
+					children: z("contents.completed")
 				}),
-				!r.access.allowed && r.access.free_after && /* @__PURE__ */ h("p", {
+				!i.access.allowed && i.access.free_after && /* @__PURE__ */ _("p", {
 					className: "text-xs text-muted-foreground",
-					children: V("contents.freeFrom", { date: s(B, r.access.free_after, !1) })
+					children: z("contents.freeFrom", { date: l(L, i.access.free_after, !1) })
 				}),
-				M === "chips" && Q,
-				ee && (r.counts.favorites !== void 0 || r.counts.likes !== void 0) && /* @__PURE__ */ g("p", {
+				P === "chips" && $,
+				ne && (i.counts.favorites !== void 0 || i.counts.likes !== void 0) && /* @__PURE__ */ v("p", {
 					className: "flex items-center gap-3 text-xs text-muted-foreground tabular-nums",
 					"data-ckui": "card-counts",
-					children: [r.counts.favorites !== void 0 && /* @__PURE__ */ g("span", {
+					children: [i.counts.favorites !== void 0 && /* @__PURE__ */ v("span", {
 						className: "inline-flex items-center gap-1",
-						title: V("contents.favorites"),
+						title: z("contents.favorites"),
 						children: [
-							/* @__PURE__ */ h(x, {
-								icon: v,
+							/* @__PURE__ */ _(C, {
+								icon: b,
 								strokeWidth: 2,
-								className: _("size-3.5", r.viewer?.favorited && "fill-current text-primary"),
+								className: y("size-3.5", i.viewer?.favorited && "fill-current text-primary"),
 								"aria-hidden": !0
 							}),
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ _("span", {
 								className: "sr-only",
-								children: V("contents.favorites")
+								children: z("contents.favorites")
 							}),
-							C(r.counts.favorites, B.language)
+							T(i.counts.favorites, L.language)
 						]
-					}), r.counts.likes !== void 0 && /* @__PURE__ */ g("span", {
+					}), i.counts.likes !== void 0 && /* @__PURE__ */ v("span", {
 						className: "inline-flex items-center gap-1",
-						title: V("contents.likes"),
+						title: z("contents.likes"),
 						children: [
-							/* @__PURE__ */ h(x, {
-								icon: b,
+							/* @__PURE__ */ _(C, {
+								icon: S,
 								strokeWidth: 2,
 								className: "size-3.5",
 								"aria-hidden": !0
 							}),
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ _("span", {
 								className: "sr-only",
-								children: V("contents.likes")
+								children: z("contents.likes")
 							}),
-							C(r.counts.likes, B.language)
+							T(i.counts.likes, L.language)
 						]
 					})]
 				}),
-				z
+				se
 			]
 		})]
 	});
 }
-function D({ group: e, href: t, className: n, loadMedia: r = !0 }) {
-	return /* @__PURE__ */ h("span", {
-		className: _("flex min-w-0 text-xs text-muted-foreground", n),
+function k({ group: e, href: t, className: n, loadMedia: r = !0 }) {
+	return /* @__PURE__ */ _("span", {
+		className: y("flex min-w-0 text-xs text-muted-foreground", n),
 		"data-ckui": "card-owner",
 		"data-id": e.id,
-		children: /* @__PURE__ */ g(l, {
+		children: /* @__PURE__ */ v(d, {
 			group: e,
 			href: t,
 			className: "inline-flex min-w-0 items-center gap-1.5 hover:text-foreground",
-			children: [r ? /* @__PURE__ */ h(c, {
+			children: [r ? /* @__PURE__ */ _(u, {
 				group: e,
 				className: "size-5 shrink-0 text-[0.625rem]"
-			}) : /* @__PURE__ */ h("span", {
+			}) : /* @__PURE__ */ _("span", {
 				className: "size-5 shrink-0 rounded-full bg-muted",
 				"aria-hidden": !0
-			}), /* @__PURE__ */ h("span", {
+			}), /* @__PURE__ */ _("span", {
 				className: "truncate",
 				children: e.name || e.slug
 			})]
 		})
 	});
 }
-function O({ url: e, name: t, variant: n = "chips" }) {
-	let r = T(e), i = n === "text" ? "text-sm text-muted-foreground" : "inline-block rounded-md border border-border px-1.5 py-0.5 text-xs text-muted-foreground";
-	return e ? /* @__PURE__ */ h("a", {
+function A({ url: e, name: t, variant: n = "chips" }) {
+	let r = D(e), i = n === "text" ? "text-sm text-muted-foreground" : "inline-block rounded-md border border-border px-1.5 py-0.5 text-sm text-muted-foreground";
+	return e ? /* @__PURE__ */ _("a", {
 		href: e,
 		onClick: r,
-		className: _(i, "hover:text-foreground", n === "text" ? "hover:underline" : "hover:bg-muted"),
+		className: y(i, "hover:text-foreground", n === "text" ? "hover:underline" : "hover:bg-muted"),
 		children: t
-	}) : /* @__PURE__ */ h("span", {
+	}) : /* @__PURE__ */ _("span", {
 		className: i,
 		children: t
 	});
 }
-function k({ card: t, href: r, onOpen: i, tiers: a, labels: s, byline: c, owner: l = !0, ownerHref: u, loadMedia: d = !0, showCounts: p = !0, decorate: m, children: b, className: E }) {
-	let O = n(), k = r ? r(t) : t.path, A = T(k, f(() => i?.(t), [i, t])), j = w(O, t.access, a, s), M = t.title || t.code;
-	return /* @__PURE__ */ g("article", {
-		className: _("grid gap-3 rounded-lg border border-border p-3", E),
+function j({ card: t, href: n, onOpen: i, tiers: a, labels: o, byline: s, owner: l = !0, ownerHref: u, loadMedia: d = !0, showCounts: f = !0, decorate: p, children: h, className: g }) {
+	let S = r(), O = n ? n(t) : t.path, A = D(O, m(() => i?.(t), [i, t])), j = E(S, t.access, a, o), M = t.title || t.code;
+	return /* @__PURE__ */ v("article", {
+		className: y("grid gap-3 rounded-lg border border-border p-3", g),
 		"data-ckui": "post-card",
 		"data-id": t.id,
 		"data-locked": j ? "" : void 0,
 		lang: t.language || void 0,
 		children: [
-			c ?? (l && t.owner && /* @__PURE__ */ h(D, {
+			s ?? (l && t.owner && /* @__PURE__ */ _(k, {
 				group: t.owner,
 				href: u,
 				loadMedia: d,
 				className: "text-sm"
 			})),
-			/* @__PURE__ */ g("a", {
-				href: k,
+			/* @__PURE__ */ v("a", {
+				href: O,
 				onClick: A,
 				className: "grid gap-2",
-				children: [/* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ _("span", {
 					className: "font-medium break-words hover:underline",
 					"data-ckui": "card-title",
 					children: M
-				}), t.cover.length > 0 && /* @__PURE__ */ g("span", {
+				}), t.cover.length > 0 && /* @__PURE__ */ v("span", {
 					className: "relative block aspect-video overflow-hidden rounded-md bg-muted",
 					children: [
-						d && /* @__PURE__ */ h(e, {
+						d && /* @__PURE__ */ _(e, {
 							outputs: t.cover,
 							alt: "",
 							fit: "cover",
 							skeleton: !0,
 							loading: "lazy",
-							className: _("size-full", j && "blur-md")
+							className: y("size-full", j && "blur-md")
 						}),
-						d && /* @__PURE__ */ h(S, {
+						d && /* @__PURE__ */ _(w, {
 							card: t,
-							decorate: m
+							decorate: p
 						}),
-						j && /* @__PURE__ */ h("span", {
+						j && /* @__PURE__ */ _("span", {
 							className: "absolute inset-0 grid place-items-center",
-							children: /* @__PURE__ */ g("span", {
+							children: /* @__PURE__ */ v("span", {
 								className: "inline-flex items-center gap-1 rounded-md bg-background/85 px-2 py-1 text-xs font-medium shadow-sm",
 								"data-ckui": "card-lock",
-								children: [/* @__PURE__ */ h(x, {
-									icon: y,
+								children: [/* @__PURE__ */ _(C, {
+									icon: x,
 									strokeWidth: 2,
 									className: "size-3.5",
 									"aria-hidden": !0
@@ -308,38 +332,38 @@ function k({ card: t, href: r, onOpen: i, tiers: a, labels: s, byline: c, owner:
 					]
 				})]
 			}),
-			/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ v("p", {
 				className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
 				children: [
-					t.published_at && /* @__PURE__ */ h(o, { at: t.published_at }),
-					!t.cover.length && j && /* @__PURE__ */ h("span", {
+					t.published_at && /* @__PURE__ */ _(c, { at: t.published_at }),
+					!t.cover.length && j && /* @__PURE__ */ _("span", {
 						"data-ckui": "card-lock",
 						children: j
 					}),
-					p && t.counts.favorites !== void 0 && /* @__PURE__ */ g("span", {
+					f && t.counts.favorites !== void 0 && /* @__PURE__ */ v("span", {
 						className: "inline-flex items-center gap-1 tabular-nums",
 						"data-ckui": "card-counts",
 						children: [
-							/* @__PURE__ */ h(x, {
-								icon: v,
+							/* @__PURE__ */ _(C, {
+								icon: b,
 								strokeWidth: 2,
-								className: _("size-3.5", t.viewer?.favorited && "fill-current text-primary"),
+								className: y("size-3.5", t.viewer?.favorited && "fill-current text-primary"),
 								"aria-hidden": !0
 							}),
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ _("span", {
 								className: "sr-only",
-								children: O.t("contents.favorites")
+								children: S.t("contents.favorites")
 							}),
-							C(t.counts.favorites, O.language)
+							T(t.counts.favorites, S.language)
 						]
 					})
 				]
 			}),
-			b
+			h
 		]
 	});
 }
 //#endregion
-export { E as ContentCard, D as OwnerChip, k as PostCard, w as lockLabel };
+export { O as ContentCard, k as OwnerChip, j as PostCard, E as lockLabel };
 
 //# sourceMappingURL=card.js.map