comark-time 0.0.0 → 0.10.0

package/LICENSE

@@ -0,0 +1,69 @@
+MIT License
+
+Copyright (c) 2026 onmax
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
+The icons are Lucide's (https://lucide.dev), under its license:
+
+ISC License
+
+Copyright (c) 2026 Lucide Icons and Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+---
+
+The following Lucide icons are derived from the Feather project:
+
+airplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out
+
+The MIT License (MIT) (for the icons listed above)
+
+Copyright (c) 2013-present Cole Bemis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,43 @@
+# comark-time
+
+[![npm version](https://comark-ui.onmax.me/badge.svg?source=npm-version&package=comark-time&icon=npm)](https://npmx.dev/package/comark-time)
+[![npm downloads](https://comark-ui.onmax.me/badge.svg?source=npm-downloads&package=comark-time&period=month&icon=npm)](https://npmx.dev/package/comark-time)
+[![license](https://comark-ui.onmax.me/badge.svg?label=license&value=MIT)](https://npmx.dev/package/comark-time)
+[![docs](https://comark-ui.onmax.me/badge.svg?label=docs&value=comark-ui.onmax.me)](https://comark-ui.onmax.me/time/)
+
+Dates as relative time: "today", "2 days ago", "in 3 weeks". Past a threshold, 4 weeks by default, the text becomes a date, and hover or focus opens a tooltip with the full date and time. A [Comark](https://comark.dev) plugin for HTML, Vue, React, and Svelte.
+
+```sh
+pnpm add comark comark-time
+```
+
+```ts
+import { createHtmlRenderer } from "@comark/html";
+import time, { components } from "comark-time/html";
+
+const render = createHtmlRenderer({ plugins: [time()], components });
+```
+
+```md
+Opened :time[2026-11-02], last touched :time[2026-11-04T11:59:56Z], due :time[2026-11-25].
+
+The first sighting was :time[2026-09-30]{threshold="8w"}.
+```
+
+`:time[2026-11-02]` reads "2 days ago" and opens "Mon, Nov 2, 2026" in a tooltip. A date alone counts whole days from today; with a time of day, it counts down to the second. The plugin works out the words, the date, and the tooltip while parsing, so it needs no script, and every `:time` in a document is measured from one `now`. Pass `now` to pin it, `locale` and `timeZone` to set the words and the day, and `threshold` to move the switch to a date or write `threshold="none"` to keep a date relative.
+
+> [!NOTE]
+> Rendered HTML keeps the words it was parsed with. Re-render cached pages, or render in the reader's browser with Vue, React, or Svelte.
+
+The plugin adds every problem to `meta.issues`, so a host can reject a document before publishing it: a `:time` with no date, a date that isn't ISO, a `threshold` that isn't a number and a unit, and a prop it doesn't read. Each issue names its block and says how to fix it.
+
+## Renderers
+
+| Renderer | Import |
+| --- | --- |
+| `@comark/html` | `comark-time/html`: the styles are inlined |
+| `@comark/vue` | `comark-time/vue` |
+| `@comark/react` | `comark-time/react` |
+| `@comark/svelte` | `comark-time/svelte` |
+
+Each entry exports the parse plugin as `default` and the renderer's `components`. The Vue, React, and Svelte components add the styles when they mount; import `comark-time/style.css` with your styles so a server-rendered page doesn't shift. The styles read the shared `--comark-*` tokens and sit in a `comark` CSS layer, so any plain rule of your own wins.

package/dist/client-CNlaCtxa.mjs

@@ -0,0 +1,20 @@
+import { t as css } from "./styles-DQyyDP4r.mjs";
+//#region ../../shared/styles.ts
+/**
+* Adds a package's styles to the page once, unless the page already carries them as a `style` or a `link` with
+* `data-comark-<name>`, which is how the HTML renderer inlines them and how an app that imports `style.css` marks them.
+*/
+function addStyles$1(name, css) {
+	const attribute = `data-comark-${name}`;
+	if (document.querySelector(`style[${attribute}],link[${attribute}]`)) return;
+	const style = document.createElement("style");
+	style.setAttribute(attribute, "");
+	style.textContent = css;
+	document.head.append(style);
+}
+//#endregion
+//#region src/client.ts
+/** Adds the time styles to the page once. The Vue, React, and Svelte components call it when they mount. */
+const addStyles = () => addStyles$1("time", css);
+//#endregion
+export { addStyles as t };

package/dist/client.d.mts

@@ -0,0 +1,14 @@
+//#region src/styles.d.ts
+/**
+ * A time as plain text that tints on hover. Its tooltip is a pill that opens above the text, or below it where the
+ * page has no room, and grows from the edge that touches the text: the browser's anchor positioning places it and
+ * flips it, and an anchored container query turns the origin and the nudge around with it. Hover waits 300ms and focus
+ * doesn't, and a tap on a touch screen focuses. Override `--ctm-enter` and `--ctm-exit`, the durations. The rules sit
+ * in the `comark` layer, so any unlayered rule of the host's wins.
+ */
+export declare const css: string;
+//#endregion
+//#region src/client.d.ts
+/** Adds the time styles to the page once. The Vue, React, and Svelte components call it when they mount. */
+export declare const addStyles: () => void;
+//#endregion

package/dist/client.mjs

@@ -0,0 +1,3 @@
+import { t as css } from "./styles-DQyyDP4r.mjs";
+import { t as addStyles } from "./client-CNlaCtxa.mjs";
+export { addStyles, css };

package/dist/html.d.mts

@@ -0,0 +1,7 @@
+import _default, { TIME_TAG, TimeAttributes, TimeMeta, TimeOptions } from "./index.mjs";
+import { NodeHandler } from "comark";
+//#region src/html.d.ts
+/** The HTML renderer for `:time`. Pass it as `components`; it inlines the styles once per document. */
+export declare const components: Record<"relative-time", NodeHandler>;
+//#endregion
+export { TIME_TAG, type TimeAttributes, type TimeMeta, type TimeOptions, _default as default };

package/dist/html.mjs

@@ -0,0 +1,23 @@
+import { n as src_default, r as rawText, t as TIME_TAG } from "./src-ukyJ5xwD.mjs";
+import { t as css } from "./styles-DQyyDP4r.mjs";
+import { escapeHtml } from "comark/utils";
+//#region ../../shared/html.ts
+/** A value as the inside of a double-quoted HTML attribute. */
+const attr = (value) => escapeHtml(rawText(value), { "\"": """ });
+//#endregion
+//#region src/html.ts
+const styled = /* @__PURE__ */ new WeakSet();
+const styles = ({ context }) => {
+	if (styled.has(context)) return "";
+	styled.add(context);
+	return `<style data-comark-time>${css}</style>`;
+};
+const time = ([, attrs], state) => {
+	const { id, datetime, mode, label, tip } = attrs;
+	if (!datetime || !label) return "";
+	return `${styles(state)}<time class="ctm" datetime="${attr(datetime)}" data-mode="${attr(mode)}" tabindex="0" aria-describedby="${attr(id)}">${attr(label)}<span class="ctm-tip" role="tooltip" id="${attr(id)}"><span class="ctm-pill">${attr(tip)}</span></span></time>`;
+};
+/** The HTML renderer for `:time`. Pass it as `components`; it inlines the styles once per document. */
+const components = { "relative-time": time };
+//#endregion
+export { TIME_TAG, components, src_default as default };

package/dist/index.d.mts

@@ -0,0 +1,44 @@
+//#region src/index.d.ts
+export type TimeMeta = {
+  /** One readable sentence per problem with a `:time`. Other plugins add theirs too. */
+  issues: string[];
+  /** The comark-linter rule of each issue, by its sentence, so the linter reports it under its own code. */
+  issueRules: Record<string, string>;
+};
+export type TimeOptions = {
+  /**
+   * When parsing starts, as a date, an ISO string, or milliseconds. Every `:time` in a document is measured against
+   * it, so the output is the same each time it's rendered. Defaults to the moment the document is parsed.
+   */
+  now?: Date | string | number;
+  /** How far from now a date stops reading as relative, as a number and a unit (`3w`), or `none`. Default `4w`. */
+  threshold?: string;
+  /** A BCP 47 tag for the words and the date format. Defaults to the runtime's locale. */
+  locale?: string;
+  /**
+   * An IANA zone for the time of day and for which day is today. Defaults to the runtime's zone.
+   * Local times in a clock gap are invalid; repeated times use the earlier instant.
+   */
+  timeZone?: string;
+};
+/**
+ * What a `:time` becomes. `datetime` is the ISO date (or the UTC instant, with a time), `label` what the page shows,
+ * `tip` the text of the tooltip, and `mode` whether `label` is relative or a date.
+ */
+export type TimeAttributes = {
+  id?: string;
+  datetime?: string;
+  mode?: "relative" | "absolute";
+  label?: string;
+  tip?: string;
+};
+/** The tag a `:time` becomes, so a `<time>` that another plugin or the author writes never reaches its components. */
+export declare const TIME_TAG = "relative-time";
+/**
+ * Turns `:time[2026-10-12]` into a `relative-time` node that reads "3 days ago" and, from `threshold` on, "Oct 12" or
+ * "Oct 12, 2025", with the full date as its tooltip. Everything is worked out against one `now` per document, so
+ * rendering twice gives the same words. Problems are added to `meta.issues`.
+ */
+declare const _default: import("comark").ComarkPluginFactory<TimeOptions, TimeMeta, {}>;
+//#endregion
+export { _default as default };

package/dist/index.mjs

@@ -0,0 +1 @@
+export { t as TIME_TAG, n as default } from "./src-ukyJ5xwD.mjs";

package/dist/react.d.mts

@@ -0,0 +1,16 @@
+import _default, { TIME_TAG, TimeAttributes, TimeMeta, TimeOptions } from "./index.mjs";
+//#region src/react.d.ts
+/** `:time` for `@comark/react`. */
+export declare function RelativeTime({ id, datetime, mode, label, tip }: TimeAttributes): import("react").DetailedReactHTMLElement<{
+  className: string;
+  dateTime: string;
+  "data-mode": "relative" | "absolute" | undefined;
+  tabIndex: number;
+  "aria-describedby": string | undefined;
+}, HTMLElement> | null;
+/** Pass these as `components` to `@comark/react`. */
+export declare const components: {
+  RelativeTime: typeof RelativeTime;
+};
+//#endregion
+export { TIME_TAG, type TimeAttributes, type TimeMeta, type TimeOptions, _default as default };

package/dist/react.mjs

@@ -0,0 +1,24 @@
+import { n as src_default, t as TIME_TAG } from "./src-ukyJ5xwD.mjs";
+import { t as addStyles } from "./client-CNlaCtxa.mjs";
+import { createElement, useEffect } from "react";
+//#region src/react.ts
+/** `:time` for `@comark/react`. */
+function RelativeTime({ id, datetime, mode, label, tip }) {
+	useEffect(addStyles, []);
+	if (!datetime || !label) return null;
+	return createElement("time", {
+		className: "ctm",
+		dateTime: datetime,
+		"data-mode": mode,
+		tabIndex: 0,
+		"aria-describedby": id
+	}, label, createElement("span", {
+		className: "ctm-tip",
+		role: "tooltip",
+		id
+	}, createElement("span", { className: "ctm-pill" }, tip)));
+}
+/** Pass these as `components` to `@comark/react`. */
+const components = { RelativeTime };
+//#endregion
+export { RelativeTime, TIME_TAG, components, src_default as default };

package/dist/src-ukyJ5xwD.mjs

@@ -0,0 +1,267 @@
+import { defineComarkPlugin } from "comark";
+import { resolveAttributes } from "comark/render";
+//#region ../../shared/nodes.ts
+const isElement = (node) => Array.isArray(node) && node[0] !== null;
+const childrenOf = ([, , ...rest]) => rest;
+//#endregion
+//#region ../../shared/text.ts
+/**
+* A prop value as text. Comark writes strings, numbers, and booleans, so an object, array, function, or missing value
+* is no text. The `typeof` check, unlike `instanceof`, can't throw on a revoked proxy.
+*/
+function scalar(value) {
+	switch (typeof value) {
+		case "string": return value;
+		case "number":
+		case "boolean":
+		case "bigint":
+		case "symbol": return String(value);
+		default: return;
+	}
+}
+/** A prop value as text, without its surrounding whitespace, or empty when it has none. */
+const text = (value) => scalar(value)?.trim() ?? "";
+/** A prop value as text exactly as written, or empty when it has none. */
+const rawText = (value) => scalar(value) ?? "";
+/** FNV-1a, in base 36: short, and the same every time the same text is hashed, so ids derived from it are stable. */
+function hash(source) {
+	let value = 2166136261;
+	for (let at = 0; at < source.length; at++) value = Math.imul(value ^ source.charCodeAt(at), 16777619);
+	return (value >>> 0).toString(36);
+}
+//#endregion
+//#region src/index.ts
+/** The tag a `:time` becomes, so a `<time>` that another plugin or the author writes never reaches its components. */
+const TIME_TAG = "relative-time";
+const DAY = 864e5;
+const UNITS = {
+	s: 1e3,
+	m: 6e4,
+	h: 36e5,
+	d: DAY,
+	w: 7 * DAY,
+	mo: 30 * DAY,
+	y: 365 * DAY
+};
+const THRESHOLD = /^(\d+(?:\.\d+)?)\s*(s|m|h|d|w|mo|y)$/i;
+const DATE = /^(\d{4})-(\d{2})-(\d{2})(?:[T ](\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?\s*(Z|[+-]\d{2}:?\d{2})?)?$/i;
+const PROPS = ["threshold"];
+/** `3w` or `12h` in milliseconds, `Infinity` for `none`, and `undefined` for anything else. */
+function duration(value) {
+	if (/^(none|never)$/i.test(value)) return Number.POSITIVE_INFINITY;
+	const [, amount, unit] = THRESHOLD.exec(value) ?? [];
+	const per = new Map(Object.entries(UNITS)).get(unit?.toLowerCase() ?? "");
+	return amount && per ? Number(amount) * per : void 0;
+}
+const parts = (zone, at) => {
+	return Object.fromEntries(new Intl.DateTimeFormat("en-US", {
+		timeZone: zone,
+		hourCycle: "h23",
+		year: "numeric",
+		month: "numeric",
+		day: "numeric",
+		hour: "numeric",
+		minute: "numeric",
+		second: "numeric"
+	}).formatToParts(at).map((part) => [part.type, Number(part.value)]));
+};
+/** How far `zone` is ahead of UTC at `at`, in milliseconds. */
+function offsetAt(zone, at) {
+	const p = parts(zone, at);
+	return Date.UTC(p.year, p.month - 1, p.day, p.hour, p.minute, p.second) - Math.floor(at / 1e3) * 1e3;
+}
+/** A date or date and time as written. A date alone is a calendar day (`wall`), and a time with no offset is `zone`'s. */
+function moment(value, zone) {
+	const match = DATE.exec(value);
+	if (!match) return void 0;
+	const field = (at) => Number(match[at] ?? 0);
+	const [year, month, day, hour, minute, second] = [
+		field(1),
+		field(2),
+		field(3),
+		field(4),
+		field(5),
+		field(6)
+	];
+	const millisecond = Number((match[7] ?? "").padEnd(3, "0"));
+	const stamp = Date.UTC(year, month - 1, day, hour, minute, second, millisecond);
+	const check = new Date(stamp);
+	if (check.getUTCFullYear() !== year || check.getUTCMonth() !== month - 1 || check.getUTCDate() !== day || hour > 23 || minute > 59 || second > 59) return void 0;
+	if (match[4] === void 0) return {
+		at: Math.floor(stamp / DAY) * DAY,
+		wall: true
+	};
+	const offset = match[8];
+	if (offset?.toUpperCase() === "Z") return {
+		at: stamp,
+		wall: false
+	};
+	if (offset) {
+		const digits = offset.replace(/\D/g, "");
+		const hours = Number(digits.slice(0, 2));
+		const part = Number(digits.slice(2));
+		if (hours > 23 || part > 59) return void 0;
+		const minutes = hours * 60 + part;
+		return {
+			at: stamp - (offset.startsWith("-") ? -1 : 1) * minutes * 6e4,
+			wall: false
+		};
+	}
+	const at = [...new Set([
+		stamp - DAY,
+		stamp,
+		stamp + DAY
+	].map((at) => stamp - offsetAt(zone, at)))].filter((at) => at + offsetAt(zone, at) === stamp).sort((a, b) => a - b)[0];
+	return at === void 0 ? void 0 : {
+		at,
+		wall: false
+	};
+}
+const iso = (when) => when.wall ? new Date(when.at).toISOString().slice(0, 10) : new Date(when.at).toISOString().replace(/\.000Z$/, "Z");
+/**
+* Every formatter, built once when the plugin is created: a bad `locale` or `timeZone` throws there, where the
+* developer sees it, rather than in the middle of a document. A date alone is formatted in UTC, so no zone moves its day.
+*/
+function formatters(locale, zone) {
+	const date = (timeZone, extra) => new Intl.DateTimeFormat(locale, {
+		timeZone,
+		...extra
+	});
+	const both = (extra) => ({
+		wall: date("UTC", extra),
+		zoned: date(zone, extra)
+	});
+	const short = {
+		day: "numeric",
+		month: "short"
+	};
+	return {
+		relative: new Intl.RelativeTimeFormat(locale, { numeric: "auto" }),
+		short: both(short),
+		shortYear: both({
+			...short,
+			year: "numeric"
+		}),
+		day: date("UTC", {
+			weekday: "short",
+			...short,
+			year: "numeric"
+		}),
+		full: date(zone, {
+			weekday: "short",
+			...short,
+			year: "numeric",
+			hour: "numeric",
+			minute: "2-digit",
+			timeZoneName: "short"
+		}),
+		clock: date(zone, {
+			hour: "numeric",
+			minute: "2-digit",
+			timeZoneName: "short"
+		})
+	};
+}
+/** The distance to `ms` from now in the largest unit it fills, rounded toward now: "2 days ago", "in 3 weeks". */
+function ago(relative, ms, wall) {
+	const size = wall ? Math.max(Math.abs(ms), DAY) : Math.abs(ms);
+	const [unit, per] = size < UNITS.m ? ["second", UNITS.s] : size < UNITS.h ? ["minute", UNITS.m] : size < DAY ? ["hour", UNITS.h] : size < UNITS.w ? ["day", DAY] : size < UNITS.mo ? ["week", UNITS.w] : size < UNITS.y ? ["month", UNITS.mo] : ["year", UNITS.y];
+	return relative.format(Math.trunc(ms / per) || 0, unit);
+}
+function props(node, name, issues) {
+	for (const key of Object.keys(node[1])) {
+		const prop = key.replace(/^:/, "");
+		if (!PROPS.includes(prop) && prop !== "id" && prop !== "class") issues.push({
+			rule: "comark/time/unknown-prop",
+			message: `${name}: \`${prop}\` isn't a prop of \`:time\`, so it's ignored. Use \`threshold\`.`
+		});
+	}
+}
+const textOf = (node) => !Array.isArray(node) ? node : isElement(node) ? childrenOf(node).map(textOf).join("") : "";
+/**
+* Turns `:time[2026-10-12]` into a `relative-time` node that reads "3 days ago" and, from `threshold` on, "Oct 12" or
+* "Oct 12, 2025", with the full date as its tooltip. Everything is worked out against one `now` per document, so
+* rendering twice gives the same words. Problems are added to `meta.issues`.
+*/
+var src_default = defineComarkPlugin((settings = {}) => {
+	const zone = settings.timeZone ?? new Intl.DateTimeFormat().resolvedOptions().timeZone;
+	const format = formatters(settings.locale, zone);
+	const fallback = duration(settings.threshold ?? "4w");
+	if (fallback === void 0) throw new RangeError(`comark-time: threshold "${settings.threshold}" isn't a duration. Write a number and a unit, such as "3w", or "none".`);
+	const configuredNow = settings.now === void 0 ? void 0 : new Date(settings.now).getTime();
+	if (configuredNow !== void 0 && !Number.isFinite(configuredNow)) throw new RangeError("comark-time: now isn't a valid date. Use a date, an ISO string, or milliseconds.");
+	return {
+		name: "comark-time",
+		post(state) {
+			const { tree } = state;
+			const data = {
+				frontmatter: tree.frontmatter,
+				meta: tree.meta,
+				data: {},
+				props: {}
+			};
+			const now = configuredNow ?? Date.now();
+			const today = Math.floor((now + offsetAt(zone, now)) / DAY);
+			const year = parts(zone, now).year;
+			const issues = [];
+			const prefix = `ctm-${hash(state.markdown)}`;
+			let count = 0;
+			const asWritten = (node, shown) => void node.splice(0, node.length, "span", {}, ...shown ? [shown] : []);
+			const read = (node) => {
+				const name = `\`:time\` ${++count}`;
+				const shown = textOf(node).trim();
+				props(node, name, issues);
+				const attrs = resolveAttributes(node[1], data, { parseJson: true });
+				const wanted = text(attrs.threshold);
+				const limit = wanted ? duration(wanted) : fallback;
+				if (limit === void 0) issues.push({
+					rule: "comark/time/invalid-threshold",
+					message: `${name}: \`threshold="${wanted}"\` isn't a duration. Write a number and a unit, such as \`threshold="3w"\`, or \`none\` to keep it relative.`
+				});
+				if (!shown) {
+					issues.push({
+						rule: "comark/time/missing-date",
+						message: `${name} has no date. Write the date in brackets, such as \`:time[2026-10-12]\`.`
+					});
+					return asWritten(node, "");
+				}
+				const when = moment(shown, zone);
+				if (!when) {
+					issues.push({
+						rule: "comark/time/invalid-date",
+						message: `${name}: "${shown}" isn't a date, so it's shown as written. Write it as \`2026-10-12\` or \`2026-10-12T14:03:00Z\`.`
+					});
+					return asWritten(node, shown);
+				}
+				const distance = when.wall ? (when.at / DAY - today) * DAY : when.at - now;
+				const relative = ago(format.relative, distance, when.wall);
+				const absolute = Math.abs(distance) >= (limit ?? fallback);
+				const sameYear = (when.wall ? new Date(when.at).getUTCFullYear() : parts(zone, when.at).year) === year;
+				const label = absolute ? (sameYear ? format.short : format.shortYear)[when.wall ? "wall" : "zoned"].format(when.at) : relative;
+				const tip = !absolute ? (when.wall ? format.day : format.full).format(when.at) : when.wall ? relative : `${relative} · ${format.clock.format(when.at)}`;
+				node.splice(0, node.length, TIME_TAG, {
+					id: `${prefix}-${count}`,
+					datetime: iso(when),
+					mode: absolute ? "absolute" : "relative",
+					label,
+					tip
+				});
+			};
+			const walk = (nodes) => {
+				for (const node of nodes) {
+					if (!isElement(node) || node[1].$?.html) continue;
+					if (node[0] === "time" && node[1].datetime === void 0) read(node);
+					else walk(childrenOf(node));
+				}
+			};
+			walk(tree.nodes);
+			tree.meta.issues = [...tree.meta.issues ?? [], ...issues.map((issue) => issue.message)];
+			tree.meta.issueRules = {
+				...tree.meta.issueRules,
+				...Object.fromEntries(issues.map((issue) => [issue.message, issue.rule]))
+			};
+		}
+	};
+});
+//#endregion
+export { src_default as n, rawText as r, TIME_TAG as t };

package/dist/style.css

@@ -0,0 +1 @@
+@layer comark{:where(.ctm){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#fff)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#0a0a0a)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#737373)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,#e5e5e5)));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#f5f5f5)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#a1a1a1)));--_comark-shadow:var(--comark-shadow,0 4px 12px rgb(0 0 0/.12));--_comark-radius:var(--comark-radius,calc(var(--ui-radius,calc(var(--radius,.625rem)/2))*2));--_comark-font:var(--comark-font,var(--font-sans,ui-sans-serif,system-ui,sans-serif))}@media (prefers-color-scheme:dark){:where(:not(.light,.light *)):is(:where(.ctm)){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#0a0a0a)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#fafafa)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#a1a1a1)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,rgb(255 255 255/.1))));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#262626)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#737373)));--_comark-shadow:var(--comark-shadow,0 4px 12px rgb(0 0 0/.5))}}:where(.dark,.dark *):is(:where(.ctm)){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#0a0a0a)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#fafafa)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#a1a1a1)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,rgb(255 255 255/.1))));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#262626)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#737373)));--_comark-shadow:var(--comark-shadow,0 4px 12px rgb(0 0 0/.5))}:where(.ctm){--ctm-enter:140ms;--ctm-exit:100ms}.ctm{display:inline;margin:0 -.125rem;padding:0 .125rem;border-radius:calc(var(--_comark-radius) / 2);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default;transition:background-color 150ms ease-out}.ctm:focus{outline:2px solid var(--_comark-ring);outline-offset:1px}.ctm:focus:not(:focus-visible){outline:0}.ctm:focus{background:var(--_comark-accent)}@media (hover:hover) and (pointer:fine){.ctm:hover{background:var(--_comark-accent)}}.ctm-tip{position:fixed;z-index:10;display:block;width:max-content;max-width:min(24rem,calc(100vw - 1rem));margin:0;padding:0;visibility:hidden;pointer-events:none;white-space:normal;transition:visibility 0s linear var(--ctm-exit)}.ctm-pill{display:block;padding:.25rem .5rem;border:1px solid var(--_comark-border);border-radius:calc(var(--_comark-radius) - 2px);background:var(--_comark-background);box-shadow:var(--_comark-shadow);color:var(--_comark-foreground);font:400 .8125rem/1.4 var(--_comark-font);text-align:center;opacity:0;scale:.97;translate:0 calc(var(--ctm-dir,1) * 4px);transform-origin:50% 100%;transition:opacity var(--ctm-exit) ease-in,scale var(--ctm-exit) ease-in,translate var(--ctm-exit) ease-in}.ctm:focus .ctm-tip{visibility:visible;transition-delay:0s}.ctm:focus .ctm-pill{opacity:1;scale:1;translate:0 0;transition:opacity var(--ctm-enter) cubic-bezier(.32,.72,0,1),scale var(--ctm-enter) cubic-bezier(.32,.72,0,1),translate var(--ctm-enter) cubic-bezier(.32,.72,0,1)}@media (hover:hover) and (pointer:fine){.ctm:hover .ctm-tip{visibility:visible;transition-delay:0s}.ctm:hover .ctm-pill{opacity:1;scale:1;translate:0 0;transition:opacity var(--ctm-enter) cubic-bezier(.32,.72,0,1) 300ms,scale var(--ctm-enter) cubic-bezier(.32,.72,0,1) 300ms,translate var(--ctm-enter) cubic-bezier(.32,.72,0,1) 300ms}.ctm:focus .ctm-pill{transition-delay:0s}}@supports (anchor-scope:all){.ctm{anchor-name:--ctm;anchor-scope:--ctm}.ctm-tip{position-anchor:--ctm;position-area:top;justify-self:anchor-center;position-try-fallbacks:--ctm-end,--ctm-start,--ctm-below,--ctm-below-end,--ctm-below-start;margin:.375rem .25rem;container-type:anchored}@position-try --ctm-end{position-area:top span-left;justify-self:end}@position-try --ctm-start{position-area:top span-right;justify-self:start}@position-try --ctm-below{position-area:bottom;justify-self:anchor-center}@position-try --ctm-below-end{position-area:bottom span-left;justify-self:end}@position-try --ctm-below-start{position-area:bottom span-right;justify-self:start}@container anchored(fallback:--ctm-below) or anchored(fallback:--ctm-below-end) or anchored(fallback:--ctm-below-start){.ctm-pill{--ctm-dir:-1;transform-origin:50% 0}}}@supports not (anchor-scope:all){.ctm{position:relative}.ctm-tip{position:absolute;bottom:100%;left:0;margin-bottom:.375rem}}@media (prefers-reduced-motion:reduce){.ctm,.ctm-tip,.ctm-pill{transition:none!important}.ctm-pill{scale:1;translate:none}}}

package/dist/styles-DQyyDP4r.mjs

@@ -0,0 +1,165 @@
+//#region ../zoom/dist/theme.mjs
+const tokens = [
+	[
+		"background",
+		"ui-bg",
+		"background",
+		"#fff",
+		"#0a0a0a"
+	],
+	[
+		"foreground",
+		"ui-text-highlighted",
+		"foreground",
+		"#0a0a0a",
+		"#fafafa"
+	],
+	[
+		"muted",
+		"ui-text-muted",
+		"muted-foreground",
+		"#737373",
+		"#a1a1a1"
+	],
+	[
+		"border",
+		"ui-border",
+		"border",
+		"#e5e5e5",
+		"rgb(255 255 255/.1)"
+	],
+	[
+		"accent",
+		"ui-bg-elevated",
+		"accent",
+		"#f5f5f5",
+		"#262626"
+	],
+	[
+		"ring",
+		"ui-primary",
+		"ring",
+		"#a1a1a1",
+		"#737373"
+	]
+];
+const groups = {
+	status: Object.values({
+		success: [
+			"success",
+			"ui-success",
+			"success",
+			"#259f56",
+			"#59d38c"
+		],
+		danger: [
+			"danger",
+			"ui-error",
+			"destructive",
+			"#ee3533",
+			"#fd736d"
+		],
+		warning: [
+			"warning",
+			"ui-warning",
+			"",
+			"#d57506",
+			"#fbbf24"
+		],
+		info: [
+			"info",
+			"ui-info",
+			"",
+			"#2563eb",
+			"#60a5fa"
+		]
+	}),
+	primary: [
+		[
+			"primary",
+			"ui-primary",
+			"primary",
+			"var(--_comark-foreground)",
+			"var(--_comark-foreground)"
+		],
+		[
+			"primary-foreground",
+			"ui-text-inverted",
+			"primary-foreground",
+			"var(--_comark-background)",
+			"var(--_comark-background)"
+		],
+		[
+			"secondary",
+			"ui-secondary",
+			"",
+			"var(--_comark-muted)",
+			"var(--_comark-muted)"
+		]
+	],
+	shadow: [[
+		"shadow",
+		"",
+		"",
+		"0 4px 12px rgb(0 0 0/.12)",
+		"0 4px 12px rgb(0 0 0/.5)"
+	]]
+};
+const chain = (token, scheme) => {
+	const shadcn = token[2] ? `var(--${token[2]},${token[scheme]})` : token[scheme];
+	const nuxt = token[1] ? `var(--${token[1]},${shadcn})` : shadcn;
+	return `var(--comark-${token[0]},${nuxt})`;
+};
+const resolve = (list, scheme) => list.map((token) => `--_comark-${token[0]}:${chain(token, scheme)}`).join(";");
+/**
+* `declarations` on `selector` in dark mode: the system's, unless a `.light` class sits on the element or above it, or
+* a `.dark` class there whatever the system says. Either class pins a page's scheme.
+*/
+function dark(selector, declarations) {
+	return `@media (prefers-color-scheme:dark){:where(:not(.light,.light *)):is(${selector}){${declarations}}}:where(.dark,.dark *):is(${selector}){${declarations}}`;
+}
+/**
+* Resolves the `--comark-*` tokens on `selector`, falling back to Nuxt UI's variables, then shadcn/ui's, then shadcn's
+* neutral theme. Nuxt UI's corners are twice its `--ui-radius`, so the radius halves shadcn's to double it back.
+* They resolve on the component rather than `:root`, so a `--comark-*` set on any ancestor still inherits down.
+* `:where()` keeps them at zero specificity. The neutral theme follows the system's color mode, and a `.light` or
+* `.dark` class on the component or above it pins one (see `dark()`).
+*
+* Every block gets the core tokens. Name `"status"` for `--comark-success`, `-danger`, `-warning`, and `-info`,
+* `"primary"` for `--comark-primary`, `-primary-foreground`, and `-secondary`, and `"shadow"` for `--comark-shadow`, so
+* a block that never draws them doesn't carry them.
+*/
+function theme(selector, ...extras) {
+	const where = `:where(${selector})`;
+	const list = [...tokens, ...extras.flatMap((name) => groups[name])];
+	return `${where}{${resolve(list, 3)};--_comark-radius:var(--comark-radius,calc(var(--ui-radius,calc(var(--radius,.625rem)/2))*2));--_comark-font:var(--comark-font,var(--font-sans,ui-sans-serif,system-ui,sans-serif))}` + dark(where, resolve(list, 4));
+}
+//#endregion
+//#region src/styles.ts
+const ease = "cubic-bezier(.32,.72,0,1)";
+/**
+* A time as plain text that tints on hover. Its tooltip is a pill that opens above the text, or below it where the
+* page has no room, and grows from the edge that touches the text: the browser's anchor positioning places it and
+* flips it, and an anchored container query turns the origin and the nudge around with it. Hover waits 300ms and focus
+* doesn't, and a tap on a touch screen focuses. Override `--ctm-enter` and `--ctm-exit`, the durations. The rules sit
+* in the `comark` layer, so any unlayered rule of the host's wins.
+*/
+const css = `@layer comark{${[
+	theme(".ctm", "shadow"),
+	":where(.ctm){--ctm-enter:140ms;--ctm-exit:100ms}",
+	".ctm{display:inline;margin:0 -.125rem;padding:0 .125rem;border-radius:calc(var(--_comark-radius) / 2);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default;transition:background-color 150ms ease-out}",
+	".ctm:focus{outline:2px solid var(--_comark-ring);outline-offset:1px}",
+	".ctm:focus:not(:focus-visible){outline:0}",
+	".ctm:focus{background:var(--_comark-accent)}",
+	"@media (hover:hover) and (pointer:fine){.ctm:hover{background:var(--_comark-accent)}}",
+	`.ctm-tip{position:fixed;z-index:10;display:block;width:max-content;max-width:min(24rem,calc(100vw - 1rem));margin:0;padding:0;visibility:hidden;pointer-events:none;white-space:normal;transition:visibility 0s linear var(--ctm-exit)}`,
+	`.ctm-pill{display:block;padding:.25rem .5rem;border:1px solid var(--_comark-border);border-radius:calc(var(--_comark-radius) - 2px);background:var(--_comark-background);box-shadow:var(--_comark-shadow);color:var(--_comark-foreground);font:400 .8125rem/1.4 var(--_comark-font);text-align:center;opacity:0;scale:.97;translate:0 calc(var(--ctm-dir,1) * 4px);transform-origin:50% 100%;transition:opacity var(--ctm-exit) ease-in,scale var(--ctm-exit) ease-in,translate var(--ctm-exit) ease-in}`,
+	".ctm:focus .ctm-tip{visibility:visible;transition-delay:0s}",
+	`.ctm:focus .ctm-pill{opacity:1;scale:1;translate:0 0;transition:opacity var(--ctm-enter) ${ease},scale var(--ctm-enter) ${ease},translate var(--ctm-enter) ${ease}}`,
+	`@media (hover:hover) and (pointer:fine){.ctm:hover .ctm-tip{visibility:visible;transition-delay:0s}.ctm:hover .ctm-pill{opacity:1;scale:1;translate:0 0;transition:opacity var(--ctm-enter) ${ease} 300ms,scale var(--ctm-enter) ${ease} 300ms,translate var(--ctm-enter) ${ease} 300ms}.ctm:focus .ctm-pill{transition-delay:0s}}`,
+	"@supports (anchor-scope:all){.ctm{anchor-name:--ctm;anchor-scope:--ctm}.ctm-tip{position-anchor:--ctm;position-area:top;justify-self:anchor-center;position-try-fallbacks:--ctm-end,--ctm-start,--ctm-below,--ctm-below-end,--ctm-below-start;margin:.375rem .25rem;container-type:anchored}@position-try --ctm-end{position-area:top span-left;justify-self:end}@position-try --ctm-start{position-area:top span-right;justify-self:start}@position-try --ctm-below{position-area:bottom;justify-self:anchor-center}@position-try --ctm-below-end{position-area:bottom span-left;justify-self:end}@position-try --ctm-below-start{position-area:bottom span-right;justify-self:start}@container anchored(fallback:--ctm-below) or anchored(fallback:--ctm-below-end) or anchored(fallback:--ctm-below-start){.ctm-pill{--ctm-dir:-1;transform-origin:50% 0}}}",
+	"@supports not (anchor-scope:all){.ctm{position:relative}.ctm-tip{position:absolute;bottom:100%;left:0;margin-bottom:.375rem}}",
+	"@media (prefers-reduced-motion:reduce){.ctm,.ctm-tip,.ctm-pill{transition:none!important}.ctm-pill{scale:1;translate:none}}"
+].join("")}}`;
+//#endregion
+export { css as t };

package/dist/svelte/RelativeTime.svelte

@@ -0,0 +1,12 @@
+<!-- `:time` for `@comark/svelte`. -->
+<script>
+  import { onMount } from "svelte";
+  import { addStyles } from "comark-time/client";
+
+  let { id = undefined, datetime = undefined, mode = undefined, label = undefined, tip = undefined } = $props();
+  onMount(addStyles);
+</script>
+
+{#if datetime && label}
+  <time class="ctm" {datetime} data-mode={mode} tabindex="0" aria-describedby={id}>{label}<span class="ctm-tip" role="tooltip" {id}><span class="ctm-pill">{tip}</span></span></time>
+{/if}

package/dist/svelte/index.d.ts

@@ -0,0 +1,8 @@
+import type { Component } from "svelte";
+import type { TimeAttributes } from "comark-time";
+
+export { default, TIME_TAG } from "comark-time";
+export type { TimeAttributes, TimeMeta, TimeOptions } from "comark-time";
+
+export declare const RelativeTime: Component<TimeAttributes>;
+export declare const components: { RelativeTime: typeof RelativeTime };

package/dist/svelte/index.js

@@ -0,0 +1,6 @@
+// `:time` for `@comark/svelte`. Pass `components` to it; the parse plugin comes from `comark-time`.
+import RelativeTime from "./RelativeTime.svelte";
+
+export { default, TIME_TAG } from "comark-time";
+export { RelativeTime };
+export const components = { RelativeTime };

package/dist/vue.d.mts

@@ -0,0 +1,38 @@
+import _default, { TIME_TAG, TimeAttributes, TimeMeta, TimeOptions } from "./index.mjs";
+//#region src/vue.d.ts
+/** `:time` for `@comark/vue`. */
+export declare const RelativeTime: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  id: StringConstructor;
+  datetime: StringConstructor;
+  mode: StringConstructor;
+  label: StringConstructor;
+  tip: StringConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  id: StringConstructor;
+  datetime: StringConstructor;
+  mode: StringConstructor;
+  label: StringConstructor;
+  tip: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Pass these as `components` to `@comark/vue`. */
+export declare const components: {
+  RelativeTime: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    datetime: StringConstructor;
+    mode: StringConstructor;
+    label: StringConstructor;
+    tip: StringConstructor;
+  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    datetime: StringConstructor;
+    mode: StringConstructor;
+    label: StringConstructor;
+    tip: StringConstructor;
+  }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+//#endregion
+export { TIME_TAG, type TimeAttributes, type TimeMeta, type TimeOptions, _default as default };

package/dist/vue.mjs

@@ -0,0 +1,34 @@
+import { n as src_default, t as TIME_TAG } from "./src-ukyJ5xwD.mjs";
+import { t as addStyles } from "./client-CNlaCtxa.mjs";
+import { defineComponent, h, onMounted } from "vue";
+//#region src/vue.ts
+/** `:time` for `@comark/vue`. */
+const RelativeTime = defineComponent({
+	name: "RelativeTime",
+	inheritAttrs: false,
+	props: {
+		id: String,
+		datetime: String,
+		mode: String,
+		label: String,
+		tip: String
+	},
+	setup(props) {
+		onMounted(addStyles);
+		return () => props.datetime && props.label ? h("time", {
+			class: "ctm",
+			datetime: props.datetime,
+			"data-mode": props.mode,
+			tabindex: 0,
+			"aria-describedby": props.id
+		}, [props.label, h("span", {
+			class: "ctm-tip",
+			role: "tooltip",
+			id: props.id
+		}, [h("span", { class: "ctm-pill" }, props.tip)])]) : null;
+	}
+});
+/** Pass these as `components` to `@comark/vue`. */
+const components = { RelativeTime };
+//#endregion
+export { RelativeTime, TIME_TAG, components, src_default as default };

package/package.json

@@ -1,11 +1,92 @@
 {
   "name": "comark-time",
-  "version": "0.0.0",
-  "description": "Placeholder to claim the name. The real package is in https://github.com/onmax/comark-ui/tree/main/packages/time",
+  "version": "0.10.0",
+  "description": "Dates as relative time that turn into a date past a threshold, with the full date in a tooltip. A Comark plugin.",
+  "keywords": [
+    "ago",
+    "comark",
+    "date",
+    "datetime",
+    "markdown",
+    "mdc",
+    "plugin",
+    "relative",
+    "time"
+  ],
+  "homepage": "https://comark-ui.onmax.me/time",
+  "bugs": "https://github.com/onmax/comark-ui/issues",
   "license": "MIT",
+  "author": "onmax",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/onmax/comark-ui.git",
     "directory": "packages/time"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./client": "./dist/client.mjs",
+    "./html": "./dist/html.mjs",
+    "./react": "./dist/react.mjs",
+    "./style.css": "./dist/style.css",
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "svelte": "./dist/svelte/index.js",
+      "default": "./dist/svelte/index.js"
+    },
+    "./vue": "./dist/vue.mjs",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "devDependencies": {
+    "@comark/html": "^0.9.0",
+    "@comark/react": "^0.9.0",
+    "@comark/vue": "^0.9.0",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "comark": "^0.9.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "svelte": "^5.57.2",
+    "vue": "^3.5.44",
+    "comark-zoom": "0.10.0"
+  },
+  "peerDependencies": {
+    "@comark/html": "^0.9.0",
+    "comark": "^0.9.0",
+    "react": ">=18",
+    "svelte": ">=5",
+    "vue": ">=3.5"
+  },
+  "peerDependenciesMeta": {
+    "@comark/html": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "doctor": "vite-doctor . --no-cache --max-warnings 0 --format text"
   }
-}
+}