@book.dev/ui 1.60.0

package/dist/format-CLQoRoYP.js

@@ -0,0 +1,1646 @@
+import { B as e, G as t, Mt as n, V as r, a as i, g as a, kt as o, p as s, r as c } from "./lucideIcons-B6pmC-WQ.js";
+import { i as l } from "./pageIcon-BWTy7hAh.js";
+import { t as u } from "./exportBlocks-33D7P_8Q.js";
+import * as d from "react";
+import f, { useEffect as p, useRef as m, useState as h, useSyncExternalStore as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CheckIcon as b, ChevronRightIcon as x, DotFilledIcon as ee } from "@radix-ui/react-icons";
+import { COVER_PROPERTY_ID as te, FONTS_PROPERTY_ID as ne, FULLWIDTH_PROPERTY_ID as S, FormulaError as C, STATUS_GROUPS as re, THEME_PROPERTY_ID as w, TITLE_PROPERTY_ID as ie, asLocation as ae, dateEnd as oe, dateStart as se, formatNumber as T, formatUniqueId as ce, isImageUrl as le, isVerified as ue, makeVerification as de, numberProgress as fe, rowValue as pe } from "@book.dev/sdk";
+import { Slot as me } from "@radix-ui/react-slot";
+import { cva as he } from "class-variance-authority";
+import { BadgeCheck as ge, Check as _e, ChevronDown as ve, ExternalLink as ye, MapPin as be, Plus as E, X as D } from "lucide-react";
+import * as O from "@radix-ui/react-dropdown-menu";
+import * as k from "@radix-ui/react-popover";
+//#region src/components/PageIcon.tsx
+function A({ value: e, fallback: t = "📄", className: r }) {
+	if (e && i(e)) {
+		let i = c(e);
+		return i ? /* @__PURE__ */ v(i, {
+			"aria-hidden": !0,
+			className: n("inline-block shrink-0 align-[-0.125em]", r),
+			style: {
+				width: "1em",
+				height: "1em"
+			}
+		}) : t ? /* @__PURE__ */ v("span", {
+			className: r,
+			children: t
+		}) : null;
+	}
+	let a = e || t;
+	return a ? /* @__PURE__ */ v("span", {
+		className: r,
+		children: a
+	}) : null;
+}
+//#endregion
+//#region src/components/ui/icon-button.tsx
+var xe = he("inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground transition-[color,background-color,transform] active:scale-[0.94] hover:bg-hover hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100", {
+	variants: { size: {
+		sm: "p-1",
+		md: "p-1.5"
+	} },
+	defaultVariants: { size: "md" }
+}), j = d.forwardRef(({ className: e, size: t, asChild: r = !1, type: i, ...a }, o) => /* @__PURE__ */ v(r ? me : "button", {
+	ref: o,
+	type: r ? void 0 : i ?? "button",
+	className: n(xe({ size: t }), e),
+	...a
+}));
+j.displayName = "IconButton";
+//#endregion
+//#region src/components/ui/dropdown-menu.tsx
+var M = O.Root, N = O.Trigger, Se = O.Sub, Ce = O.RadioGroup, we = d.forwardRef(({ className: e, inset: t, children: r, ...i }, a) => /* @__PURE__ */ y(O.SubTrigger, {
+	ref: a,
+	className: n("flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-hover data-[state=open]:bg-hover", t && "pl-8", e),
+	...i,
+	children: [r, /* @__PURE__ */ v(x, { className: "ml-auto h-4 w-4" })]
+}));
+we.displayName = O.SubTrigger.displayName;
+var Te = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ v(O.SubContent, {
+	ref: r,
+	className: n("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
+	...t
+}));
+Te.displayName = O.SubContent.displayName;
+var P = d.forwardRef(({ className: e, sideOffset: t = 4, ...r }, i) => /* @__PURE__ */ v(O.Portal, { children: /* @__PURE__ */ v(O.Content, {
+	ref: i,
+	sideOffset: t,
+	className: n("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-overlay", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
+	...r
+}) }));
+P.displayName = O.Content.displayName;
+var F = d.forwardRef(({ className: e, inset: t, ...r }, i) => /* @__PURE__ */ v(O.Item, {
+	ref: i,
+	className: n("relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors focus:bg-hover focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", t && "pl-8", e),
+	...r
+}));
+F.displayName = O.Item.displayName;
+var Ee = d.forwardRef(({ className: e, children: t, checked: r, ...i }, a) => /* @__PURE__ */ y(O.CheckboxItem, {
+	ref: a,
+	className: n("relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-hover focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", e),
+	checked: r,
+	...i,
+	children: [/* @__PURE__ */ v("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ v(O.ItemIndicator, { children: /* @__PURE__ */ v(b, { className: "h-4 w-4" }) })
+	}), t]
+}));
+Ee.displayName = O.CheckboxItem.displayName;
+var De = d.forwardRef(({ className: e, children: t, ...r }, i) => /* @__PURE__ */ y(O.RadioItem, {
+	ref: i,
+	className: n("relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-hover focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", e),
+	...r,
+	children: [/* @__PURE__ */ v("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ v(O.ItemIndicator, { children: /* @__PURE__ */ v(ee, { className: "h-4 w-4 fill-current" }) })
+	}), t]
+}));
+De.displayName = O.RadioItem.displayName;
+var Oe = d.forwardRef(({ className: e, inset: t, ...r }, i) => /* @__PURE__ */ v(O.Label, {
+	ref: i,
+	className: n("px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
+	...r
+}));
+Oe.displayName = O.Label.displayName;
+var I = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ v(O.Separator, {
+	ref: r,
+	className: n("-mx-1 my-1 h-px bg-muted", e),
+	...t
+}));
+I.displayName = O.Separator.displayName;
+var ke = ({ className: e, ...t }) => /* @__PURE__ */ v("span", {
+	className: n("ml-auto text-xs tracking-widest opacity-60", e),
+	...t
+});
+ke.displayName = "DropdownMenuShortcut";
+//#endregion
+//#region src/lib/pageAppearance.ts
+var L = {
+	theme: w,
+	cover: te,
+	fonts: ne,
+	fullWidth: S
+}, Ae = {
+	theme: (e) => `openbook.pagetheme.${e}`,
+	cover: (e) => `openbook.cover.${e}`,
+	fonts: (e) => `openbook.pagefont.${e}`,
+	fullWidth: (e) => `openbook.fullwidth.${e}`
+}, je = [
+	"theme",
+	"cover",
+	"fonts",
+	"fullWidth"
+], Me = () => ({
+	theme: null,
+	cover: null,
+	fonts: null,
+	fullWidth: null
+}), R = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Set(), B = /* @__PURE__ */ new Set(), Ne = () => B.forEach((e) => e()), Pe = (e) => (B.add(e), () => B.delete(e)), V = null;
+function Fe(e) {
+	V = e;
+}
+function Ie(e) {
+	!e || R.has(e) || z.has(e) || !V || (z.add(e), V.load(e));
+}
+function Le(e) {
+	if (!e || typeof e != "object") return null;
+	let t = e;
+	return t.kind === "gradient" && typeof t.css == "string" ? {
+		kind: "gradient",
+		css: t.css
+	} : t.kind === "image" && typeof t.url == "string" ? {
+		kind: "image",
+		url: t.url,
+		...typeof t.position == "number" ? { position: t.position } : {}
+	} : null;
+}
+function Re(e) {
+	if (!e || typeof e != "object") return null;
+	let t = e, n = {};
+	return typeof t.body == "string" && t.body && (n.body = t.body), typeof t.heading == "string" && t.heading && (n.heading = t.heading), n.body || n.heading ? n : null;
+}
+function ze(e) {
+	if (!e || typeof e != "object") return null;
+	let t = s(e);
+	return t && Object.keys(t).length > 0 ? t : null;
+}
+function Be(e, t) {
+	return e === "theme" ? ze(t) : e === "cover" ? Le(t) : e === "fonts" ? Re(t) : t ? !0 : null;
+}
+var H = (e) => e == null ? "null" : JSON.stringify(e);
+function Ve(e, t) {
+	if (!e) return;
+	z.add(e);
+	let n = t ?? {}, r = R.get(e) ?? Me(), i = { ...r }, a = !R.has(e);
+	for (let e of je) {
+		let t = Be(e, n[L[e]]);
+		H(t) !== H(r[e]) && (i[e] = t, a = !0);
+	}
+	R.set(e, i), a && Ne(), He(e, n);
+}
+function He(e, t) {
+	if (!(typeof localStorage > "u")) for (let n of je) {
+		if (t[L[n]] != null) continue;
+		let r = Ae[n](e), i = localStorage.getItem(r);
+		if (!i) continue;
+		let a = null;
+		try {
+			a = Be(n, JSON.parse(i));
+		} catch {
+			a = null;
+		}
+		localStorage.removeItem(r), a && U(e, n, a);
+	}
+}
+function Ue(e, t) {
+	return Ie(e), R.get(e)?.[t] ?? null;
+}
+function U(e, t, n) {
+	if (!e) return;
+	let r = n == null || typeof n == "object" && Object.keys(n).length === 0 ? null : n, i = { ...R.get(e) ?? Me() };
+	H(r) !== H(i[t]) && (i[t] = r, R.set(e, i), V?.persist(e, L[t], r), Ne());
+}
+function We(e, t) {
+	return p(() => {
+		Ie(e);
+	}, [e]), g(Pe, () => R.get(e)?.[t] ?? null, () => null);
+}
+//#endregion
+//#region src/components/ui/popover.tsx
+var W = k.Root, G = k.Trigger, K = d.forwardRef(({ className: e, align: t = "center", sideOffset: r = 4, collisionPadding: i = 8, ...a }, o) => /* @__PURE__ */ v(k.Portal, { children: /* @__PURE__ */ v(k.Content, {
+	ref: o,
+	align: t,
+	sideOffset: r,
+	collisionPadding: i,
+	className: n("z-50 max-h-[var(--radix-popover-content-available-height)] w-72 max-w-[calc(100vw-1rem)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-4 text-popover-foreground shadow-overlay outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
+	...a
+}) }));
+K.displayName = k.Content.displayName;
+//#endregion
+//#region src/components/database/databaseColors.ts
+var q = {
+	gray: "#9ca3af",
+	brown: "#b08968",
+	orange: "#f59e0b",
+	yellow: "#eab308",
+	green: "#22c55e",
+	blue: "#3b82f6",
+	purple: "#a855f7",
+	pink: "#ec4899",
+	red: "#ef4444"
+}, Ge = [
+	"#3b82f6",
+	"#22c55e",
+	"#f59e0b",
+	"#a855f7",
+	"#ec4899",
+	"#ef4444",
+	"#14b8a6",
+	"#eab308",
+	"#6366f1",
+	"#f97316"
+], Ke = (e, t) => e.color && q[e.color] || Ge[t % Ge.length], qe = [
+	{
+		id: "dawn",
+		css: "linear-gradient(120deg, #f6d365 0%, #fda085 100%)"
+	},
+	{
+		id: "ocean",
+		css: "linear-gradient(120deg, #4facfe 0%, #00f2fe 100%)"
+	},
+	{
+		id: "dusk",
+		css: "linear-gradient(120deg, #a18cd1 0%, #fbc2eb 100%)"
+	},
+	{
+		id: "forest",
+		css: "linear-gradient(120deg, #0ba360 0%, #3cba92 100%)"
+	},
+	{
+		id: "ember",
+		css: "linear-gradient(120deg, #ff6a88 0%, #ff99ac 60%, #ffc3a0 100%)"
+	},
+	{
+		id: "slate",
+		css: "linear-gradient(120deg, #2b5876 0%, #4e4376 100%)"
+	},
+	{
+		id: "citrus",
+		css: "linear-gradient(120deg, #f7971e 0%, #ffd200 100%)"
+	},
+	{
+		id: "mint",
+		css: "linear-gradient(120deg, #43e97b 0%, #38f9d7 100%)"
+	},
+	{
+		id: "grape",
+		css: "linear-gradient(120deg, #667eea 0%, #764ba2 100%)"
+	},
+	{
+		id: "sand",
+		css: "linear-gradient(120deg, #e6dada 0%, #d3a17b 100%)"
+	},
+	{
+		id: "rose",
+		css: "linear-gradient(120deg, #ee9ca7 0%, #ffdde1 100%)"
+	},
+	{
+		id: "night",
+		css: "linear-gradient(120deg, #232526 0%, #414345 100%)"
+	}
+];
+function Je(e) {
+	return Ue(e, "cover");
+}
+function Ye(e, t) {
+	U(e, "cover", t);
+}
+function Xe(e) {
+	return We(e, "cover");
+}
+//#endregion
+//#region src/components/database/DatabaseCard.tsx
+var Ze = ({ data: e, onOpen: t }) => /* @__PURE__ */ y("div", {
+	className: "w-full overflow-hidden",
+	children: [e.cover && /* @__PURE__ */ v("div", {
+		className: "h-14 w-full",
+		style: e.cover,
+		"aria-hidden": !0
+	}), /* @__PURE__ */ y("div", {
+		className: "flex flex-col gap-2 p-3",
+		children: [/* @__PURE__ */ y("button", {
+			type: "button",
+			onClick: t,
+			disabled: !t,
+			className: n("flex items-center gap-1.5 text-left text-sm font-medium", t && "cursor-pointer hover:underline"),
+			children: [e.icon && /* @__PURE__ */ v(A, {
+				value: e.icon,
+				className: "shrink-0 leading-none"
+			}), /* @__PURE__ */ v("span", {
+				className: "min-w-0 truncate",
+				children: e.title
+			})]
+		}), e.fields.length > 0 ? /* @__PURE__ */ v("dl", {
+			className: "flex flex-col gap-1",
+			children: e.fields.map((e) => /* @__PURE__ */ y("div", {
+				className: "flex items-center gap-2 text-xs",
+				children: [/* @__PURE__ */ v("dt", {
+					className: "w-20 shrink-0 truncate text-muted-foreground",
+					children: e.label
+				}), /* @__PURE__ */ v("dd", {
+					className: "min-w-0 flex-1 truncate",
+					children: e.node
+				})]
+			}, e.id))
+		}) : /* @__PURE__ */ v("p", {
+			className: "text-xs text-muted-foreground",
+			children: "No properties"
+		})]
+	})]
+}), Qe = ({ label: e, color: t }) => /* @__PURE__ */ y("span", {
+	className: "inline-flex items-center gap-1",
+	children: [t && /* @__PURE__ */ v("span", {
+		className: "h-2 w-2 shrink-0 rounded-full",
+		style: { backgroundColor: q[t] ?? t }
+	}), /* @__PURE__ */ v("span", {
+		className: "truncate",
+		children: e
+	})]
+});
+function $e(t, n) {
+	if (n == null || n === "" || Array.isArray(n) && n.length === 0) return null;
+	switch (t.type) {
+		case "select":
+		case "status": {
+			let e = t.options?.find((e) => e.id === n);
+			return e ? /* @__PURE__ */ v(Qe, {
+				label: e.label,
+				color: e.color
+			}) : null;
+		}
+		case "multi_select": {
+			let e = Array.isArray(n) ? n : [], r = (t.options ?? []).filter((t) => e.includes(t.id));
+			return r.length ? /* @__PURE__ */ v("span", {
+				className: "truncate",
+				children: r.map((e) => e.label).join(", ")
+			}) : null;
+		}
+		case "relation":
+		case "dependency": {
+			let t = Array.isArray(n) ? n : [];
+			return t.length ? /* @__PURE__ */ v("span", {
+				className: "truncate",
+				children: t.map((t) => e.label(t)).join(", ")
+			}) : null;
+		}
+		case "checkbox": return n === !0 ? "✓" : null;
+		case "date": {
+			let e = n;
+			return typeof e == "string" ? e : e.start ? e.end ? `${e.start} → ${e.end}` : e.start : null;
+		}
+		default: return /* @__PURE__ */ v("span", {
+			className: "truncate",
+			children: String(n)
+		});
+	}
+}
+var et = /* @__PURE__ */ new Map();
+function tt(e, n) {
+	let r = t(), [i, a] = h(() => et.get(e) ?? null);
+	return p(() => {
+		if (!n || i) return;
+		let t = !0;
+		return (async () => {
+			let n = await r.getPage(e);
+			if (!n || !t) return;
+			let i = n.databaseId ? (await r.getDatabase(n.databaseId))?.schema.properties ?? [] : [], o = Je(e), s = [];
+			for (let e of i) {
+				if (s.length >= 5) break;
+				if (e.id === ie || e.pageHidden) continue;
+				let t = $e(e, n.properties[e.id]);
+				t != null && s.push({
+					id: e.id,
+					label: e.name,
+					node: t
+				});
+			}
+			let c = {
+				title: n.name?.trim() || "Untitled",
+				icon: l(e),
+				cover: o?.kind === "gradient" ? { background: o.css } : o?.kind === "image" ? {
+					backgroundImage: `url("${o.url}")`,
+					backgroundSize: "cover",
+					backgroundPosition: `50% ${o.position ?? 50}%`
+				} : void 0,
+				fields: s
+			};
+			et.set(e, c), t && a(c);
+		})(), () => {
+			t = !1;
+		};
+	}, [
+		n,
+		e,
+		i,
+		r
+	]), i;
+}
+var nt = ({ rowId: t, children: n, openDelay: r = 280 }) => {
+	let [i, a] = h(!1), o = m(void 0), s = tt(t, i), c = () => {
+		clearTimeout(o.current), o.current = setTimeout(() => a(!0), r);
+	}, l = () => {
+		clearTimeout(o.current), o.current = setTimeout(() => a(!1), 140);
+	};
+	return p(() => () => clearTimeout(o.current), []), /* @__PURE__ */ y(W, {
+		open: i,
+		onOpenChange: a,
+		children: [/* @__PURE__ */ v(G, {
+			asChild: !0,
+			children: /* @__PURE__ */ v("span", {
+				onMouseEnter: c,
+				onMouseLeave: l,
+				children: n
+			})
+		}), /* @__PURE__ */ v(K, {
+			align: "start",
+			className: "w-64 p-0",
+			onMouseEnter: c,
+			onMouseLeave: l,
+			onOpenAutoFocus: (e) => e.preventDefault(),
+			children: s ? /* @__PURE__ */ v(Ze, {
+				data: s,
+				onOpen: () => e.openPage(t)
+			}) : /* @__PURE__ */ v("div", {
+				className: "p-3 text-xs text-muted-foreground",
+				children: "Loading…"
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/components/database/databaseCells.tsx
+function rt(e, t, n, r) {
+	return t.type === "expr" ? e.exports[t.cellName ?? t.name] : t.type === "formula" || t.type === "rollup" ? pe(e, t, n, r) : t.type === "created_time" ? e.createdAt : t.type === "last_edited_time" ? e.updatedAt : e.properties[t.id];
+}
+function it() {
+	let { preferences: e } = o();
+	return e.profile.displayName.trim() || e.profile.name.trim() || "You";
+}
+var at = ({ name: e }) => /* @__PURE__ */ y("span", {
+	className: "inline-flex max-w-full items-center gap-1 truncate rounded-full bg-muted px-2 py-0.5 text-xs",
+	children: [/* @__PURE__ */ v("span", {
+		className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-brand/15 text-[9px] font-semibold uppercase text-brand",
+		children: e.slice(0, 1) || "?"
+	}), /* @__PURE__ */ v("span", {
+		className: "truncate",
+		children: e
+	})]
+}), ot = ({ value: e }) => {
+	let t = ue(e);
+	return /* @__PURE__ */ y("span", {
+		className: n("inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs", t ? "text-green-700 dark:text-green-300" : "text-muted-foreground"),
+		children: [/* @__PURE__ */ v(ge, { className: n("h-3.5 w-3.5", t ? "text-green-600 dark:text-green-400" : "text-muted-foreground/50") }), t ? "Verified" : "Unverified"]
+	});
+}, st = {
+	gray: "bg-zinc-200 text-zinc-700 dark:bg-zinc-700/60 dark:text-zinc-200",
+	brown: "bg-amber-200/70 text-amber-900 dark:bg-amber-900/40 dark:text-amber-200",
+	orange: "bg-orange-200 text-orange-800 dark:bg-orange-900/40 dark:text-orange-200",
+	yellow: "bg-yellow-200 text-yellow-800 dark:bg-yellow-900/40 dark:text-yellow-200",
+	green: "bg-green-200 text-green-800 dark:bg-green-900/40 dark:text-green-200",
+	blue: "bg-blue-200 text-blue-800 dark:bg-blue-900/40 dark:text-blue-200",
+	purple: "bg-purple-200 text-purple-800 dark:bg-purple-900/40 dark:text-purple-200",
+	pink: "bg-pink-200 text-pink-800 dark:bg-pink-900/40 dark:text-pink-200",
+	red: "bg-red-200 text-red-800 dark:bg-red-900/40 dark:text-red-200"
+}, ct = (e) => st[e ?? "gray"] ?? st.gray, lt = (e, t) => e.options?.find((e) => e.id === t), J = ({ option: e }) => /* @__PURE__ */ v("span", {
+	className: n("inline-flex max-w-full items-center truncate rounded px-1.5 py-0.5 text-xs", ct(e.color)),
+	children: e.label
+});
+function ut(e) {
+	let t = e.includes("T"), n = new Date(t ? e : `${e}T00:00:00`);
+	return Number.isNaN(n.getTime()) ? e : t ? n.toLocaleString(void 0, {
+		dateStyle: "medium",
+		timeStyle: "short"
+	}) : n.toLocaleDateString();
+}
+function dt(e) {
+	let t = e.includes("T"), n = new Date(t ? e : `${e}T00:00:00`);
+	if (Number.isNaN(n.getTime())) return e;
+	let r = /* @__PURE__ */ new Date(), i = new Date(r.getFullYear(), r.getMonth(), r.getDate()).getTime(), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()).getTime(), o = Math.round((a - i) / 864e5), s;
+	if (o === 0) s = "Today";
+	else if (o === 1) s = "Tomorrow";
+	else if (o === -1) s = "Yesterday";
+	else if (o > 1 && o < 7) s = `In ${o} days`;
+	else if (o < -1 && o > -7) s = `${-o} days ago`;
+	else return ut(e);
+	return t ? `${s}, ${n.toLocaleTimeString(void 0, {
+		hour: "numeric",
+		minute: "2-digit"
+	})}` : s;
+}
+function Y(e, t) {
+	if (e.type === "verification") return ue(t) ? "Verified" : "";
+	if (e.type === "backlinks" || e.type === "relation" || e.type === "dependency" || e.type === "files") return "";
+	if (e.type === "created_time" || e.type === "last_edited_time") return t ? new Date(String(t)).toLocaleDateString() : "";
+	if (e.type === "date") {
+		let n = se(t);
+		if (!n) return "";
+		let r = oe(t), i = (t) => e.dateDisplay === "relative" ? dt(t) : ut(t);
+		return r ? `${i(n)} → ${i(r)}` : i(n);
+	}
+	if (e.type === "unique_id") return ce(t, e.idPrefix);
+	if (e.type === "formula") return pt(t, e.numberFormat);
+	if (e.type === "rollup") return ft(e, t);
+	if (e.type === "multi_select") return (Array.isArray(t) ? t : []).map((t) => e.options?.find((e) => e.id === t)?.label).filter(Boolean).join(", ");
+	if (e.type === "rating") {
+		let e = typeof t == "number" ? t : Number(t);
+		return Number.isFinite(e) && e > 0 ? "★".repeat(Math.round(e)) : "";
+	}
+	if (e.type === "location") {
+		let e = ae(t);
+		return e ? e.label ?? e.address ?? `${e.lat.toFixed(4)}, ${e.lng.toFixed(4)}` : "";
+	}
+	return t == null || t === "" ? "" : e.type === "checkbox" ? t ? "✓" : "" : e.type === "select" || e.type === "status" ? lt(e, t)?.label ?? "" : e.type === "number" ? T(t, e.numberFormat) : e.type === "expr" ? mt(t, e.numberFormat) : String(t);
+}
+function ft(e, t) {
+	return Array.isArray(t) ? t.map((e) => String(e ?? "")).filter(Boolean).join(", ") : t == null || t === "" ? "" : e.rollup?.function === "percent_checked" ? `${t}%` : typeof t == "number" ? T(t, e.numberFormat) : String(t);
+}
+function pt(e, t) {
+	return e instanceof C ? `⚠ ${e.message}` : typeof e == "number" ? T(e, t) : typeof e == "boolean" ? e ? "✓" : "✗" : mt(e, t);
+}
+function mt(e, t) {
+	if (e == null) return "";
+	if (e instanceof C) return `⚠ ${e.message}`;
+	if (typeof e == "number") return T(e, t);
+	if (typeof e == "boolean") return e ? "true" : "false";
+	if (typeof e == "string") return e;
+	if (Array.isArray(e)) return `[${e.length}]`;
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return String(e);
+	}
+}
+function ht(t, n, r, i) {
+	let a = rt(t, n, r, i);
+	return n.type === "relation" ? (Array.isArray(a) ? a : []).map((t) => e.label(t)).join("; ") : n.type === "dependency" ? (Array.isArray(a) ? a : []).map((e) => i.find((t) => t.id === e)?.name?.trim() || "Untitled").join("; ") : n.type === "files" ? (Array.isArray(a) ? a : []).join("; ") : Y(n, a);
+}
+function gt(e, t, n) {
+	let r = (e) => /[",\n]/.test(e) ? `"${e.replace(/"/g, "\"\"")}"` : e, i = [["Name", ...t.map((e) => e.name)].map(r).join(",")];
+	for (let a of e) {
+		let o = [a.name ?? "", ...t.map((t) => ht(a, t, n, e))];
+		i.push(o.map(r).join(","));
+	}
+	return i.join("\n");
+}
+function _t(e) {
+	let t = e.replace(/\r\n?/g, "\n"), n = [], r = [], i = "", a = !1;
+	for (let e = 0; e < t.length; e += 1) {
+		let o = t[e];
+		a ? o === "\"" ? t[e + 1] === "\"" ? (i += "\"", e += 1) : a = !1 : i += o : o === "\"" ? a = !0 : o === "," ? (r.push(i), i = "") : o === "\n" ? (r.push(i), n.push(r), r = [], i = "") : i += o;
+	}
+	return (i !== "" || r.length > 0) && (r.push(i), n.push(r)), n.filter((e) => e.some((e) => e !== ""));
+}
+var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text-muted-foreground/40 placeholder:opacity-0 placeholder:transition-opacity group-hover:placeholder:opacity-100 focus:placeholder:opacity-100 focus:bg-hover", Z = "text-muted-foreground/40 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100", vt = ({ property: e, value: t, exprValue: r, onChange: i, onAddOption: a, rowOptions: o }) => {
+	switch (e.type) {
+		case "expr": return /* @__PURE__ */ v("div", {
+			className: "px-2 py-1 text-sm tabular-nums text-foreground/80",
+			title: "Computed from the row's exported cell",
+			children: mt(r, e.numberFormat)
+		});
+		case "formula": return /* @__PURE__ */ v("div", {
+			className: n("px-2 py-1 text-sm tabular-nums", t instanceof C ? "text-destructive" : "text-foreground/80"),
+			title: t instanceof C ? t.message : "Computed from other properties",
+			children: pt(t, e.numberFormat)
+		});
+		case "rollup": return /* @__PURE__ */ v("div", {
+			className: "px-2 py-1 text-sm tabular-nums text-foreground/80",
+			title: "Rolled up from related rows",
+			children: ft(e, t) || /* @__PURE__ */ v("span", {
+				className: "text-muted-foreground/40",
+				children: "—"
+			})
+		});
+		case "checkbox": return /* @__PURE__ */ v("div", {
+			className: "flex items-center px-2 py-1",
+			children: /* @__PURE__ */ v("input", {
+				type: "checkbox",
+				checked: t === !0,
+				onChange: (e) => i(e.target.checked),
+				className: "h-4 w-4 cursor-pointer accent-primary",
+				"aria-label": e.name
+			})
+		});
+		case "number": return /* @__PURE__ */ v(xt, {
+			property: e,
+			value: t,
+			onChange: i
+		});
+		case "rating": return /* @__PURE__ */ v(St, {
+			property: e,
+			value: t,
+			onChange: i
+		});
+		case "date": return /* @__PURE__ */ v(Tt, {
+			property: e,
+			value: t,
+			onChange: i
+		});
+		case "select": return /* @__PURE__ */ v(Nt, {
+			property: e,
+			value: t,
+			onChange: i,
+			onAddOption: a
+		});
+		case "status": return /* @__PURE__ */ v(Pt, {
+			property: e,
+			value: t,
+			onChange: i
+		});
+		case "multi_select": return /* @__PURE__ */ v(jt, {
+			property: e,
+			value: t,
+			onChange: i,
+			onAddOption: a
+		});
+		case "relation": return /* @__PURE__ */ v(Mt, {
+			property: e,
+			value: t,
+			onChange: i
+		});
+		case "dependency": return /* @__PURE__ */ v(Et, {
+			value: t,
+			onChange: i,
+			rowOptions: o ?? []
+		});
+		case "files": return /* @__PURE__ */ v(Ot, {
+			value: t,
+			onChange: i
+		});
+		case "url":
+		case "email":
+		case "phone": return /* @__PURE__ */ v(kt, {
+			kind: e.type,
+			value: t,
+			onChange: i
+		});
+		case "location": return /* @__PURE__ */ v(At, {
+			value: t,
+			onChange: i
+		});
+		case "created_time":
+		case "last_edited_time": return /* @__PURE__ */ v("div", {
+			className: "px-2 py-1 text-sm text-muted-foreground/80",
+			title: "Set automatically",
+			children: Y(e, t)
+		});
+		case "unique_id": return /* @__PURE__ */ v("div", {
+			className: "px-2 py-1 font-mono text-xs text-muted-foreground/80 tabular-nums",
+			title: "Assigned automatically",
+			children: ce(t, e.idPrefix) || /* @__PURE__ */ v("span", {
+				className: "text-muted-foreground/40",
+				children: "—"
+			})
+		});
+		case "person": return /* @__PURE__ */ v("input", {
+			type: "text",
+			defaultValue: typeof t == "string" ? t : t == null ? "" : String(t),
+			onBlur: (e) => i(e.target.value.trim() || null),
+			className: X,
+			placeholder: "Add a person…",
+			"aria-label": e.name
+		});
+		case "verification": return /* @__PURE__ */ v(Ct, {
+			value: t,
+			onChange: i
+		});
+		case "backlinks": return /* @__PURE__ */ v("div", {
+			className: "px-2 py-1 text-xs text-muted-foreground/50",
+			children: "—"
+		});
+		default: return /* @__PURE__ */ v("input", {
+			type: "text",
+			defaultValue: typeof t == "string" ? t : t == null ? "" : String(t),
+			onBlur: (e) => i(e.target.value),
+			className: X,
+			placeholder: "Empty"
+		});
+	}
+}, yt = ({ frac: e }) => /* @__PURE__ */ v("div", {
+	className: "h-1.5 min-w-10 flex-1 overflow-hidden rounded-full bg-muted",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ v("div", {
+		className: "h-full rounded-full bg-primary transition-[width]",
+		style: { width: `${e * 100}%` }
+	})
+}), bt = ({ frac: e }) => {
+	let t = 2 * Math.PI * 6;
+	return /* @__PURE__ */ y("svg", {
+		width: 16,
+		height: 16,
+		viewBox: "0 0 16 16",
+		className: "shrink-0 -rotate-90",
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ v("circle", {
+			cx: 8,
+			cy: 8,
+			r: 6,
+			fill: "none",
+			strokeWidth: 2,
+			className: "stroke-muted"
+		}), /* @__PURE__ */ v("circle", {
+			cx: 8,
+			cy: 8,
+			r: 6,
+			fill: "none",
+			strokeWidth: 2,
+			strokeLinecap: "round",
+			className: "stroke-primary transition-[stroke-dashoffset]",
+			strokeDasharray: t,
+			strokeDashoffset: t * (1 - e)
+		})]
+	});
+}, xt = ({ property: e, value: t, onChange: r }) => {
+	let i = /* @__PURE__ */ v("input", {
+		type: "number",
+		defaultValue: t == null ? "" : String(t),
+		onBlur: (e) => r(e.target.value === "" ? null : Number(e.target.value)),
+		className: n(X, "tabular-nums", e.numberDisplay === "bar" && "w-14 flex-none", e.numberDisplay === "ring" && "flex-1"),
+		placeholder: "—",
+		"aria-label": e.name
+	});
+	if (e.numberDisplay !== "bar" && e.numberDisplay !== "ring") return i;
+	let a = fe(t, e.numberTarget);
+	return /* @__PURE__ */ y("div", {
+		className: "flex items-center gap-2 pr-2",
+		"data-number-display": e.numberDisplay,
+		children: [
+			e.numberDisplay === "ring" && /* @__PURE__ */ v("span", {
+				className: "pl-2",
+				children: /* @__PURE__ */ v(bt, { frac: a })
+			}),
+			i,
+			e.numberDisplay === "bar" && /* @__PURE__ */ v(yt, { frac: a })
+		]
+	});
+}, St = ({ property: e, value: t, onChange: r }) => {
+	let i = e.numberTarget && e.numberTarget > 0 ? Math.min(10, Math.round(e.numberTarget)) : 5, a = typeof t == "number" ? t : typeof t == "string" && t.trim() !== "" ? Number(t) : 0;
+	return /* @__PURE__ */ v("div", {
+		className: "flex items-center gap-0.5 px-2 py-1",
+		role: "group",
+		"aria-label": e.name,
+		children: Array.from({ length: i }, (e, t) => t + 1).map((e) => /* @__PURE__ */ v("button", {
+			type: "button",
+			onClick: () => r(a === e ? null : e),
+			className: n("text-base leading-none transition-colors", e <= a ? "text-amber-400" : "text-muted-foreground/30 hover:text-amber-400/60"),
+			"aria-label": `${e} ${e === 1 ? "star" : "stars"}`,
+			"aria-pressed": e <= a,
+			children: "★"
+		}, e))
+	});
+}, Ct = ({ value: e, onChange: t }) => {
+	let n = it(), r = ue(e);
+	return /* @__PURE__ */ v("button", {
+		type: "button",
+		onClick: () => {
+			t(r ? { verified: !1 } : de(n, (/* @__PURE__ */ new Date()).toISOString()));
+		},
+		className: "flex w-full items-center px-2 py-1 text-left hover:bg-hover",
+		title: r && e.by ? `Verified by ${e.by}` : "Toggle verification",
+		children: /* @__PURE__ */ v(ot, { value: e })
+	});
+}, wt = {
+	url: (e) => /^https?:\/\//i.test(e) ? e : `https://${e}`,
+	email: (e) => `mailto:${e}`,
+	phone: (e) => `tel:${e}`
+}, Tt = ({ property: e, value: t, onChange: r }) => {
+	let i = e.includeTime ? "datetime-local" : "date", [a, o] = h(!1), s = se(t), c = oe(t);
+	if ((s ?? c) && !a) {
+		let n = Y(e, t);
+		return /* @__PURE__ */ v("button", {
+			onClick: () => o(!0),
+			className: "flex w-full items-center px-2 py-1 text-left text-sm outline-hidden hover:bg-hover",
+			"aria-label": e.name,
+			children: n || /* @__PURE__ */ v("span", {
+				className: Z,
+				children: "Empty"
+			})
+		});
+	}
+	let l = () => o(!0), u = () => o(!1);
+	if (!e.dateRange) return /* @__PURE__ */ v("input", {
+		type: i,
+		autoFocus: a,
+		required: !s,
+		defaultValue: s ?? "",
+		onFocus: l,
+		onChange: (e) => r(e.target.value || null),
+		onBlur: u,
+		className: n(X, "ob-date-empty"),
+		"aria-label": e.name
+	});
+	let d = (e) => r(e.start || e.end ? e : null);
+	return /* @__PURE__ */ y("div", {
+		className: "group/dates flex items-center gap-1 px-1 text-sm",
+		onFocus: l,
+		onBlur: (e) => !e.currentTarget.contains(e.relatedTarget) && u(),
+		children: [
+			/* @__PURE__ */ v("input", {
+				type: i,
+				autoFocus: a,
+				required: !s,
+				defaultValue: s ?? "",
+				onChange: (e) => d({
+					start: e.target.value || null,
+					end: c
+				}),
+				className: "ob-date-empty bg-transparent py-1 outline-hidden focus:bg-hover",
+				"aria-label": `${e.name} start`
+			}),
+			/* @__PURE__ */ v("span", {
+				className: n("text-muted-foreground/50", !s && !c && "opacity-0 transition-opacity group-hover:opacity-100 group-focus-within/dates:opacity-100"),
+				children: "→"
+			}),
+			/* @__PURE__ */ v("input", {
+				type: i,
+				required: !c,
+				defaultValue: c ?? "",
+				onChange: (e) => d({
+					start: s,
+					end: e.target.value || null
+				}),
+				className: "ob-date-empty bg-transparent py-1 outline-hidden focus:bg-hover",
+				"aria-label": `${e.name} end`
+			})
+		]
+	});
+}, Et = ({ value: e, onChange: t, rowOptions: n }) => {
+	let r = Array.isArray(e) ? e : [], [i, a] = h(""), o = m(null), s = (e) => n.find((t) => t.id === e)?.label ?? "Untitled", c = n.filter((e) => !r.includes(e.id)).filter((e) => i ? e.label.toLowerCase().includes(i.toLowerCase()) : !0);
+	return /* @__PURE__ */ y("div", {
+		className: "flex min-h-[28px] flex-wrap items-center gap-1 px-2 py-1",
+		children: [r.map((e) => /* @__PURE__ */ y("span", {
+			className: "inline-flex max-w-full items-center gap-1 rounded-md border border-border/60 px-1.5 py-0.5 text-xs",
+			children: [/* @__PURE__ */ v("span", {
+				className: "max-w-[120px] truncate",
+				children: s(e)
+			}), /* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => t(r.filter((t) => t !== e)),
+				className: "text-muted-foreground/70 transition-colors hover:text-destructive",
+				"aria-label": "Remove dependency",
+				children: /* @__PURE__ */ v(D, { className: "h-3 w-3" })
+			})]
+		}, e)), /* @__PURE__ */ y(W, { children: [/* @__PURE__ */ v(G, {
+			asChild: !0,
+			children: /* @__PURE__ */ v("button", {
+				type: "button",
+				className: "rounded p-0.5 text-muted-foreground transition-colors hover:bg-hover hover:text-foreground",
+				"aria-label": "Add dependency",
+				children: /* @__PURE__ */ v(E, { className: "h-3.5 w-3.5" })
+			})
+		}), /* @__PURE__ */ y(K, {
+			align: "start",
+			className: "w-60 p-1",
+			onOpenAutoFocus: (e) => {
+				e.preventDefault(), o.current?.focus({ preventScroll: !0 });
+			},
+			children: [/* @__PURE__ */ v("input", {
+				ref: o,
+				value: i,
+				onChange: (e) => a(e.target.value),
+				placeholder: "Depends on…",
+				className: "mb-1 w-full rounded bg-accent/40 px-1.5 py-1 text-sm outline-hidden"
+			}), /* @__PURE__ */ y("div", {
+				className: "max-h-52 overflow-y-auto",
+				children: [c.length === 0 && /* @__PURE__ */ v("div", {
+					className: "px-1.5 py-1.5 text-xs text-muted-foreground",
+					children: "No other rows"
+				}), c.map((e) => /* @__PURE__ */ y("button", {
+					type: "button",
+					onClick: () => {
+						t([...r, e.id]), a("");
+					},
+					className: "flex w-full items-center gap-1.5 rounded px-1.5 py-1 text-left text-sm transition-colors hover:bg-hover",
+					children: [e.icon && /* @__PURE__ */ v(A, {
+						value: e.icon,
+						className: "leading-none"
+					}), /* @__PURE__ */ v("span", {
+						className: "truncate",
+						children: e.label
+					})]
+				}, e.id))]
+			})]
+		})] })]
+	});
+}, Dt = (e) => {
+	try {
+		let t = new URL(e).pathname;
+		return decodeURIComponent(t.split("/").filter(Boolean).pop() || e);
+	} catch {
+		return e.split("/").filter(Boolean).pop() || e;
+	}
+}, Ot = ({ value: e, onChange: t }) => {
+	let n = Array.isArray(e) ? e : [], [r, i] = h(""), a = () => {
+		let e = r.trim();
+		e && (t([...n, e]), i(""));
+	}, o = (e) => t(n.filter((t, n) => n !== e));
+	return /* @__PURE__ */ y("div", {
+		className: "flex min-h-[28px] flex-wrap items-center gap-1 px-2 py-1",
+		children: [n.map((e, t) => le(e) ? /* @__PURE__ */ y("span", {
+			className: "group/file relative inline-block",
+			children: [/* @__PURE__ */ v("a", {
+				href: e,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				onClick: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ v("img", {
+					src: e,
+					alt: "",
+					className: "h-7 w-7 rounded border border-border object-cover"
+				})
+			}), /* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => o(t),
+				className: "absolute -right-1 -top-1 hidden rounded-full bg-background text-muted-foreground shadow group-hover/file:block hover:text-destructive",
+				"aria-label": "Remove file",
+				children: /* @__PURE__ */ v(D, { className: "h-3 w-3" })
+			})]
+		}, t) : /* @__PURE__ */ y("span", {
+			className: "inline-flex max-w-full items-center gap-1 rounded-md border border-border/60 px-1.5 py-0.5 text-xs",
+			children: [/* @__PURE__ */ v("a", {
+				href: e,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				onClick: (e) => e.stopPropagation(),
+				className: "max-w-[120px] truncate hover:text-foreground",
+				children: Dt(e)
+			}), /* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => o(t),
+				className: "text-muted-foreground/70 transition-colors hover:text-destructive",
+				"aria-label": "Remove file",
+				children: /* @__PURE__ */ v(D, { className: "h-3 w-3" })
+			})]
+		}, t)), /* @__PURE__ */ y(W, { children: [/* @__PURE__ */ v(G, {
+			asChild: !0,
+			children: /* @__PURE__ */ v("button", {
+				type: "button",
+				className: "rounded p-0.5 text-muted-foreground transition-colors hover:bg-hover hover:text-foreground",
+				"aria-label": "Add file",
+				children: /* @__PURE__ */ v(E, { className: "h-3.5 w-3.5" })
+			})
+		}), /* @__PURE__ */ v(K, {
+			align: "start",
+			className: "w-64 p-1.5",
+			children: /* @__PURE__ */ y("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ v("input", {
+					autoFocus: !0,
+					value: r,
+					onChange: (e) => i(e.target.value),
+					onKeyDown: (e) => e.key === "Enter" && a(),
+					placeholder: "Image or file URL…",
+					className: "w-full rounded bg-accent/40 px-1.5 py-1 text-sm outline-hidden"
+				}), /* @__PURE__ */ v(j, {
+					size: "sm",
+					onClick: a,
+					"aria-label": "Add file URL",
+					children: /* @__PURE__ */ v(E, { className: "h-3.5 w-3.5" })
+				})]
+			})
+		})] })]
+	});
+}, kt = ({ kind: e, value: t, onChange: n }) => {
+	let r = typeof t == "string" ? t : "";
+	return /* @__PURE__ */ y("div", {
+		className: "flex items-center",
+		children: [/* @__PURE__ */ v("input", {
+			type: e === "phone" ? "tel" : e,
+			defaultValue: r,
+			onBlur: (e) => n(e.target.value.trim() || null),
+			className: X,
+			placeholder: "Empty",
+			"aria-label": e
+		}), r && /* @__PURE__ */ v("a", {
+			href: wt[e](r),
+			target: "_blank",
+			rel: "noopener noreferrer",
+			onClick: (e) => e.stopPropagation(),
+			className: "px-1.5 text-muted-foreground transition-colors hover:text-foreground",
+			title: "Open",
+			children: /* @__PURE__ */ v(ye, { className: "h-3.5 w-3.5" })
+		})]
+	});
+}, At = ({ value: e, onChange: t }) => {
+	let n = ae(e), r = e && typeof e == "object" ? e : {}, [i, a] = h(r.lat == null ? "" : String(r.lat)), [o, s] = h(r.lng == null ? "" : String(r.lng)), [c, l] = h(r.label ?? ""), [u, d] = h(r.address ?? ""), f = () => {
+		let e = Number(i), n = Number(o);
+		if (i.trim() === "" && o.trim() === "") {
+			t(null);
+			return;
+		}
+		!Number.isFinite(e) || !Number.isFinite(n) || t({
+			lat: e,
+			lng: n,
+			...c.trim() ? { label: c.trim() } : {},
+			...u.trim() ? { address: u.trim() } : {}
+		});
+	}, p = n ? n.label ?? n.address ?? `${n.lat.toFixed(4)}, ${n.lng.toFixed(4)}` : "";
+	return /* @__PURE__ */ y(W, { children: [/* @__PURE__ */ v(G, {
+		asChild: !0,
+		children: /* @__PURE__ */ y("button", {
+			type: "button",
+			className: "group flex w-full items-center gap-1.5 px-2 py-1 text-left text-sm transition-colors hover:bg-hover",
+			"aria-label": "Location",
+			children: [/* @__PURE__ */ v(be, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/70" }), p ? /* @__PURE__ */ v("span", {
+				className: "truncate",
+				children: p
+			}) : /* @__PURE__ */ v("span", {
+				className: Z,
+				children: "Empty"
+			})]
+		})
+	}), /* @__PURE__ */ y(K, {
+		align: "start",
+		className: "w-64 space-y-2 p-2.5",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flex gap-1.5",
+				children: [/* @__PURE__ */ y("label", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ v("span", {
+						className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/70",
+						children: "Latitude"
+					}), /* @__PURE__ */ v("input", {
+						value: i,
+						onChange: (e) => a(e.target.value),
+						onBlur: f,
+						inputMode: "decimal",
+						placeholder: "51.5074",
+						className: "mt-1 w-full rounded border border-border bg-background px-1.5 py-1 text-xs outline-hidden"
+					})]
+				}), /* @__PURE__ */ y("label", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ v("span", {
+						className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/70",
+						children: "Longitude"
+					}), /* @__PURE__ */ v("input", {
+						value: o,
+						onChange: (e) => s(e.target.value),
+						onBlur: f,
+						inputMode: "decimal",
+						placeholder: "-0.1278",
+						className: "mt-1 w-full rounded border border-border bg-background px-1.5 py-1 text-xs outline-hidden"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ y("label", {
+				className: "block",
+				children: [/* @__PURE__ */ v("span", {
+					className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/70",
+					children: "Label"
+				}), /* @__PURE__ */ v("input", {
+					value: c,
+					onChange: (e) => l(e.target.value),
+					onBlur: f,
+					placeholder: "Optional name",
+					className: "mt-1 w-full rounded border border-border bg-background px-1.5 py-1 text-xs outline-hidden"
+				})]
+			}),
+			/* @__PURE__ */ y("label", {
+				className: "block",
+				children: [/* @__PURE__ */ v("span", {
+					className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/70",
+					children: "Address"
+				}), /* @__PURE__ */ v("input", {
+					value: u,
+					onChange: (e) => d(e.target.value),
+					onBlur: f,
+					placeholder: "Optional address",
+					className: "mt-1 w-full rounded border border-border bg-background px-1.5 py-1 text-xs outline-hidden"
+				})]
+			})
+		]
+	})] });
+}, jt = ({ property: e, value: t, onChange: n, onAddOption: r }) => {
+	let [i, a] = h(""), o = Array.isArray(t) ? t : [], s = (e.options ?? []).filter((e) => o.includes(e.id)), c = (e) => n(o.includes(e) ? o.filter((t) => t !== e) : [...o, e]), l = async () => {
+		let e = await r?.(i);
+		a(""), e && n([...o, e.id]);
+	};
+	return /* @__PURE__ */ y(M, { children: [/* @__PURE__ */ v(N, {
+		asChild: !0,
+		children: /* @__PURE__ */ v("button", {
+			className: "flex min-h-[28px] w-full flex-wrap items-center gap-1 px-2 py-1 text-left text-sm hover:bg-hover",
+			children: s.length > 0 ? s.map((e) => /* @__PURE__ */ v(J, { option: e }, e.id)) : /* @__PURE__ */ v("span", {
+				className: Z,
+				children: "Empty"
+			})
+		})
+	}), /* @__PURE__ */ y(P, {
+		align: "start",
+		className: "w-52",
+		children: [(e.options ?? []).map((e) => /* @__PURE__ */ y(F, {
+			onSelect: (e) => e.preventDefault(),
+			onClick: () => c(e.id),
+			className: "gap-2",
+			children: [/* @__PURE__ */ v(J, { option: e }), o.includes(e.id) && /* @__PURE__ */ v(_e, { className: "ml-auto h-3.5 w-3.5" })]
+		}, e.id)), r && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(I, {}), /* @__PURE__ */ y("div", {
+			className: "flex items-center gap-1 px-1.5 py-1",
+			onKeyDown: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ v("input", {
+				value: i,
+				onChange: (e) => a(e.target.value),
+				onKeyDown: (e) => {
+					e.key === "Enter" && l();
+				},
+				onClick: (e) => e.stopPropagation(),
+				placeholder: "New option…",
+				className: "w-full rounded bg-accent/40 px-1.5 py-1 text-xs outline-hidden"
+			}), /* @__PURE__ */ v(j, {
+				size: "sm",
+				onClick: (e) => {
+					e.stopPropagation(), l();
+				},
+				"aria-label": "Add option",
+				children: /* @__PURE__ */ v(E, { className: "h-3.5 w-3.5" })
+			})]
+		})] })]
+	})] });
+}, Mt = ({ property: n, value: i, onChange: o }) => {
+	let s = Array.isArray(i) ? i : [], [c, l] = h(""), [u, d] = h(!1), [p, m] = h(null), g = t(), { setPageHint: _ } = a(), b = n.relationDatabaseId, x = !!n.relationSingle, [, ee] = f.useReducer((e) => e + 1, 0);
+	f.useEffect(() => r(ee), []), f.useEffect(() => {
+		if (!b || p !== null || !u && s.length === 0) return;
+		let t = !0;
+		return g.listRows(b).then((n) => {
+			if (!t) return;
+			let r = n.map((t) => ({
+				id: t.id,
+				label: t.name?.trim() || e.label(t.id),
+				icon: e.icon(t.id)
+			}));
+			m(r), r.forEach((e) => _(e.id, e.label));
+		}).catch(() => t && m([])), () => {
+			t = !1;
+		};
+	}, [
+		u,
+		b,
+		s.length,
+		p,
+		g,
+		_
+	]);
+	let te = (t) => p?.find((e) => e.id === t)?.label ?? e.label(t), ne = c.trim().toLowerCase(), S = b ? (p ?? []).filter((e) => !s.includes(e.id) && (!ne || e.label.toLowerCase().includes(ne))) : e.searchPages(c).filter((e) => !s.includes(e.id)), C = (e) => {
+		o(x ? [e] : [...s, e]), l(""), x && d(!1);
+	}, re = (e) => o(s.filter((t) => t !== e)), w = b ? "row" : "page";
+	return /* @__PURE__ */ y("div", {
+		className: "flex min-h-[28px] flex-wrap items-center gap-1 px-2 py-1",
+		children: [s.map((t) => /* @__PURE__ */ y("span", {
+			className: "inline-flex max-w-full items-center gap-1 rounded-md border border-border/60 px-1.5 py-0.5 text-xs",
+			children: [/* @__PURE__ */ v(nt, {
+				rowId: t,
+				children: /* @__PURE__ */ y("span", {
+					className: "inline-flex min-w-0 items-center gap-1",
+					children: [/* @__PURE__ */ v("span", {
+						className: "leading-none",
+						children: e.icon(t)
+					}), /* @__PURE__ */ v("span", {
+						className: "max-w-[120px] truncate",
+						children: te(t)
+					})]
+				})
+			}), /* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => re(t),
+				className: "text-muted-foreground/70 transition-colors hover:text-destructive",
+				"aria-label": "Remove link",
+				children: /* @__PURE__ */ v(D, { className: "h-3 w-3" })
+			})]
+		}, t)), (!x || s.length === 0) && /* @__PURE__ */ y(W, {
+			open: u,
+			onOpenChange: d,
+			children: [/* @__PURE__ */ v(G, {
+				asChild: !0,
+				children: /* @__PURE__ */ v("button", {
+					type: "button",
+					className: "rounded p-0.5 text-muted-foreground transition-colors hover:bg-hover hover:text-foreground",
+					"aria-label": `Link a ${w}`,
+					children: /* @__PURE__ */ v(E, { className: "h-3.5 w-3.5" })
+				})
+			}), /* @__PURE__ */ y(K, {
+				align: "start",
+				className: "w-60 p-1",
+				children: [/* @__PURE__ */ v("input", {
+					autoFocus: !0,
+					value: c,
+					onChange: (e) => l(e.target.value),
+					placeholder: `Link a ${w}…`,
+					className: "mb-1 w-full rounded bg-accent/40 px-1.5 py-1 text-sm outline-hidden"
+				}), /* @__PURE__ */ y("div", {
+					className: "max-h-52 overflow-y-auto",
+					children: [S.length === 0 && /* @__PURE__ */ v("div", {
+						className: "px-1.5 py-1.5 text-xs text-muted-foreground",
+						children: b && p === null ? "Loading…" : `No ${w}s found`
+					}), S.map((e) => /* @__PURE__ */ y("button", {
+						type: "button",
+						onClick: () => C(e.id),
+						className: "flex w-full items-center gap-1.5 rounded px-1.5 py-1 text-left text-sm transition-colors hover:bg-hover",
+						children: [/* @__PURE__ */ v(A, {
+							value: e.icon,
+							className: "leading-none"
+						}), /* @__PURE__ */ v("span", {
+							className: "truncate",
+							children: e.label
+						})]
+					}, e.id))]
+				})]
+			})]
+		})]
+	});
+}, Nt = ({ property: e, value: t, onChange: n, onAddOption: r }) => {
+	let [i, a] = h(""), o = lt(e, t), s = async () => {
+		let e = await r?.(i);
+		a(""), e && n(e.id);
+	};
+	return /* @__PURE__ */ y(M, { children: [/* @__PURE__ */ v(N, {
+		asChild: !0,
+		children: /* @__PURE__ */ y("button", {
+			className: "flex w-full items-center justify-between gap-1 px-2 py-1 text-left text-sm hover:bg-hover",
+			children: [o ? /* @__PURE__ */ v(J, { option: o }) : /* @__PURE__ */ v("span", {
+				className: Z,
+				children: "Empty"
+			}), /* @__PURE__ */ v(ve, { className: "h-3 w-3 shrink-0 text-muted-foreground/60 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100" })]
+		})
+	}), /* @__PURE__ */ y(P, {
+		align: "start",
+		className: "w-52",
+		children: [
+			(e.options ?? []).map((e) => /* @__PURE__ */ y(F, {
+				onClick: () => n(e.id),
+				className: "gap-2",
+				children: [/* @__PURE__ */ v(J, { option: e }), e.id === t && /* @__PURE__ */ v(_e, { className: "ml-auto h-3.5 w-3.5" })]
+			}, e.id)),
+			t != null && /* @__PURE__ */ v(F, {
+				onClick: () => n(null),
+				className: "text-muted-foreground",
+				children: "Clear"
+			}),
+			r && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(I, {}), /* @__PURE__ */ y("div", {
+				className: "flex items-center gap-1 px-1.5 py-1",
+				onKeyDown: (e) => e.stopPropagation(),
+				children: [/* @__PURE__ */ v("input", {
+					value: i,
+					onChange: (e) => a(e.target.value),
+					onKeyDown: (e) => {
+						e.key === "Enter" && s();
+					},
+					onClick: (e) => e.stopPropagation(),
+					placeholder: "New option…",
+					className: "w-full rounded bg-accent/40 px-1.5 py-1 text-xs outline-hidden"
+				}), /* @__PURE__ */ v(j, {
+					size: "sm",
+					onClick: (e) => {
+						e.stopPropagation(), s();
+					},
+					"aria-label": "Add option",
+					children: /* @__PURE__ */ v(E, { className: "h-3.5 w-3.5" })
+				})]
+			})] })
+		]
+	})] });
+}, Pt = ({ property: e, value: t, onChange: n }) => {
+	let r = lt(e, t), i = e.options ?? [], a = (e) => /* @__PURE__ */ v("span", {
+		className: "h-2.5 w-2.5 shrink-0 rounded-full",
+		style: { backgroundColor: q[e ?? "gray"] ?? q.gray }
+	});
+	return /* @__PURE__ */ y(M, { children: [/* @__PURE__ */ v(N, {
+		asChild: !0,
+		children: /* @__PURE__ */ y("button", {
+			className: "flex w-full items-center justify-between gap-1 px-2 py-1 text-left text-sm hover:bg-hover",
+			children: [r ? /* @__PURE__ */ y("span", {
+				className: "inline-flex items-center gap-1.5 text-xs",
+				children: [a(r.color), r.label]
+			}) : /* @__PURE__ */ v("span", {
+				className: Z,
+				children: "Empty"
+			}), /* @__PURE__ */ v(ve, { className: "h-3 w-3 shrink-0 text-muted-foreground/60 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100" })]
+		})
+	}), /* @__PURE__ */ y(P, {
+		align: "start",
+		className: "w-56",
+		children: [re.map((e) => {
+			let r = i.filter((t) => (t.group ?? "todo") === e.id);
+			return r.length === 0 ? null : /* @__PURE__ */ y(f.Fragment, { children: [/* @__PURE__ */ v("div", {
+				className: "px-2 pb-0.5 pt-1.5 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/60",
+				children: e.label
+			}), r.map((e) => /* @__PURE__ */ y(F, {
+				onClick: () => n(e.id),
+				className: "gap-2",
+				children: [
+					a(e.color),
+					/* @__PURE__ */ v("span", {
+						className: "truncate",
+						children: e.label
+					}),
+					e.id === t && /* @__PURE__ */ v(_e, { className: "ml-auto h-3.5 w-3.5" })
+				]
+			}, e.id))] }, e.id);
+		}), t != null && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(I, {}), /* @__PURE__ */ v(F, {
+			onClick: () => n(null),
+			className: "text-muted-foreground",
+			children: "Clear"
+		})] })]
+	})] });
+};
+//#endregion
+//#region src/export/chartNormalize.ts
+function Ft(e, t) {
+	if (Array.isArray(e)) {
+		let n = e.filter((e) => typeof e == "number");
+		return n.length === 0 ? [] : [{
+			name: t,
+			data: n
+		}];
+	}
+	if (e && typeof e == "object" && "series" in e) {
+		let n = e.series;
+		if (!Array.isArray(n)) return [];
+		let r = [];
+		return n.forEach((e, n) => {
+			if (!e || typeof e != "object") return;
+			let i = e, a = typeof i.name == "string" ? i.name : `${t}.${n}`, o = Array.isArray(i.data) ? i.data.filter((e) => typeof e == "number") : [];
+			o.length > 0 && r.push({
+				name: a,
+				data: o
+			});
+		}), r;
+	}
+	return [];
+}
+//#endregion
+//#region src/export/documentModel.ts
+var Q = (e) => typeof e == "string" ? e : "";
+function It(e) {
+	let t = [];
+	for (let n of e) if (n.type === "columns" && Array.isArray(n.data?.columns)) for (let e of n.data.columns) t.push(...It(e));
+	else t.push(n);
+	return t;
+}
+function $(e) {
+	if (typeof DOMParser > "u") return e ? [{ text: Lt(e) }] : [];
+	let t = new DOMParser().parseFromString(`<body>${e}</body>`, "text/html"), n = [], r = (e, t) => {
+		if (e.nodeType === 3) {
+			let r = e.textContent ?? "";
+			r && n.push({
+				...t,
+				text: r
+			});
+			return;
+		}
+		if (e.nodeType !== 1) return;
+		let i = e, a = i.tagName.toLowerCase();
+		if (a === "a" && i.classList.contains("ob-mention")) {
+			let e = i.textContent ?? "";
+			n.push({
+				text: e,
+				mention: {
+					pageId: i.getAttribute("data-page-id") ?? "",
+					label: e
+				}
+			});
+			return;
+		}
+		if (a === "br") {
+			n.push({
+				...t,
+				text: "\n"
+			});
+			return;
+		}
+		let o = { ...t }, s = i.getAttribute("style") ?? "";
+		if (a === "b" || a === "strong") o.bold = !0;
+		else if (a === "i" || a === "em") o.italic = !0;
+		else if (a === "u") o.underline = !0;
+		else if (a === "s" || a === "del" || a === "strike") o.strike = !0;
+		else if (a === "mark") {
+			o.marker = !0;
+			let e = s.match(/background(?:-color)?:\s*([^;]+)/i);
+			e && (o.markerColor = e[1].trim());
+		} else if (a === "code") o.code = !0;
+		else if (a === "span") {
+			let e = s.match(/(?:^|[^-])color:\s*([^;]+)/i);
+			e && (o.color = e[1].trim());
+		} else a === "a" && (o.link = i.getAttribute("href") ?? void 0);
+		i.childNodes.forEach((e) => r(e, o));
+	};
+	return t.body.childNodes.forEach((e) => r(e, {})), n;
+}
+function Lt(e) {
+	return e.replace(/<[^>]*>/g, "").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&nbsp;/g, " ");
+}
+function Rt(e) {
+	return Array.isArray(e) ? e.map((e) => {
+		if (typeof e == "string") return {
+			runs: $(e),
+			items: []
+		};
+		let t = e ?? {};
+		return {
+			runs: $(Q(t.content ?? t.text)),
+			items: Rt(t.items)
+		};
+	}) : [];
+}
+function zt(e) {
+	return e.map((e) => e.text).join("");
+}
+function Bt({ title: e, icon: t, snapshot: n }) {
+	let r = u(n), i = It(r.editorjs?.blocks ?? []), a = new Map(r.values), o = /* @__PURE__ */ new Map();
+	for (let [e, t] of r.names) o.set(t, e);
+	let s = [];
+	for (let e of i) {
+		let t = e.data ?? {}, n = e.id ?? "";
+		switch (e.type) {
+			case "paragraph":
+				s.push({
+					type: "paragraph",
+					runs: $(Q(t.text))
+				});
+				break;
+			case "header": {
+				let e = typeof t.level == "number" ? Math.min(6, Math.max(1, t.level)) : 2;
+				s.push({
+					type: "header",
+					level: e,
+					runs: $(Q(t.text))
+				});
+				break;
+			}
+			case "list":
+				s.push({
+					type: "list",
+					ordered: t.style === "ordered",
+					items: Rt(t.items)
+				});
+				break;
+			case "quote":
+				s.push({
+					type: "quote",
+					runs: $(Q(t.text)),
+					caption: Lt(Q(t.caption))
+				});
+				break;
+			case "code":
+				s.push({
+					type: "code",
+					code: Q(t.code)
+				});
+				break;
+			case "delimiter":
+				s.push({ type: "delimiter" });
+				break;
+			case "table": {
+				let e = (Array.isArray(t.content) ? t.content : []).map((e) => (Array.isArray(e) ? e : []).map((e) => $(Q(e))));
+				s.push({
+					type: "table",
+					withHeadings: t.withHeadings === !0,
+					rows: e
+				});
+				break;
+			}
+			case "callout":
+				s.push({
+					type: "callout",
+					variant: Q(t.variant) || "info",
+					runs: $(Q(t.text))
+				});
+				break;
+			case "accordion":
+				s.push({
+					type: "accordion",
+					title: $(Q(t.title)),
+					content: $(Q(t.content)),
+					open: t.open !== !1
+				});
+				break;
+			case "checklist": {
+				let e = Array.isArray(t.items) ? t.items : [];
+				s.push({
+					type: "checklist",
+					items: e.map((e) => ({
+						runs: $(Q(e.text)),
+						checked: e.checked === !0
+					}))
+				});
+				break;
+			}
+			case "toc":
+				s.push({
+					type: "toc",
+					entries: []
+				});
+				break;
+			case "button":
+				s.push({
+					type: "button",
+					label: Q(t.label),
+					url: Q(t.url)
+				});
+				break;
+			case "divider":
+				s.push({
+					type: "divider",
+					style: Q(t.style) || "line",
+					label: Q(t.label)
+				});
+				break;
+			case "slider":
+				s.push({
+					type: "slider",
+					name: Q(t.name) || o.get(n) || "value",
+					value: a.get(n)
+				});
+				break;
+			case "expr":
+				if (t.hidden === !0) break;
+				s.push({
+					type: "expr",
+					name: Q(t.name) || o.get(n) || "expr",
+					value: a.get(n),
+					source: Q(t.source)
+				});
+				break;
+			case "chart": {
+				let e = Array.isArray(t.refCellIds) ? t.refCellIds : t.refCellId ? [String(t.refCellId)] : [], n = [];
+				for (let t of e) n.push(...Ft(a.get(t), o.get(t) ?? t));
+				let r = Q(t.labels).split(",").map((e) => e.trim()).filter(Boolean);
+				s.push({
+					type: "chart",
+					series: n,
+					kind: Q(t.kind) || "line",
+					labels: r,
+					title: Q(t.title),
+					value: e.length ? a.get(e[0]) : void 0
+				});
+				break;
+			}
+			case "kitinput":
+				s.push({
+					type: "kvalue",
+					label: Q(t.label) || Q(t.name) || "Field",
+					value: a.has(n) ? a.get(n) : t.value
+				});
+				break;
+			case "kitlight":
+				s.push({
+					type: "light",
+					label: Q(t.label) || "Status",
+					status: Q(t.status) || "off",
+					value: a.get(Q(t.refCellId))
+				});
+				break;
+			case "kitprogress": {
+				let e = Q(t.refCellId), n = Number(t.max ?? 100) || 100, r = Q(t.format) || "percent", i = typeof a.get(e) == "boolean" ? a.get(e) ? n : 0 : Number(a.get(e) ?? 0), o = Number.isFinite(i) ? Math.max(0, Math.min(1, n === 0 ? 0 : i / n)) : 0, c = Math.round(o * 100), l = (e) => String(Number.isInteger(e) ? e : Math.round(e * 100) / 100);
+				s.push({
+					type: "progress",
+					label: Q(t.label) || "Progress",
+					pct: c,
+					readout: r === "fraction" ? `${l(i)} / ${l(n)}` : `${c}%`
+				});
+				break;
+			}
+			case "kitbutton":
+				Q(t.action) === "link" && Q(t.url) && s.push({
+					type: "button",
+					label: Q(t.label) || Q(t.url),
+					url: Q(t.url)
+				});
+				break;
+			case "subpage":
+				s.push({
+					type: "paragraph",
+					runs: [{
+						text: Q(t.pageId),
+						mention: {
+							pageId: Q(t.pageId),
+							label: Q(t.pageId)
+						}
+					}]
+				});
+				break;
+			default:
+				s.push({
+					type: "unknown",
+					raw: e.type ?? "unknown"
+				});
+				break;
+		}
+	}
+	let c = s.filter((e) => e.type === "header").map((e) => ({
+		level: e.level,
+		text: zt(e.runs)
+	}));
+	for (let e of s) e.type === "toc" && (e.entries = c);
+	return {
+		title: e.trim() || "Untitled",
+		icon: t,
+		blocks: s
+	};
+}
+//#endregion
+//#region src/export/format.ts
+function Vt(e) {
+	if (e === void 0) return "—";
+	if (e === null) return "null";
+	if (Array.isArray(e)) return e.length > 8 ? `[${e.slice(0, 8).map(Ht).join(", ")}, … (${e.length})]` : `[${e.map(Ht).join(", ")}]`;
+	if (typeof e == "object") try {
+		return JSON.stringify(e);
+	} catch {
+		return String(e);
+	}
+	return Ht(e);
+}
+function Ht(e) {
+	return String(typeof e == "number" ? Number.isInteger(e) ? e : Math.round(e * 1e3) / 1e3 : e);
+}
+//#endregion
+export { Oe as A, A as B, Fe as C, Ee as D, M as E, Se as F, Te as I, we as L, De as M, I as N, P as O, ke as P, N as R, Ue as S, U as T, Ke as _, vt as a, G as b, Y as c, it as d, nt as f, q as g, Ye as h, at as i, Ce as j, F as k, _t as l, Xe as m, Bt as n, J as o, qe as p, $ as r, rt as s, Vt as t, gt as u, W as v, We as w, Ve as x, K as y, j as z };