@book.dev/ui 1.60.0 → 1.64.0

package/dist/{format-CLQoRoYP.js → format-D9FO3jG9.js}

@@ -1,4 +1,4 @@
-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 { B as e, Mt as t, V as n, a as r, g as i, kt as a, p as o, r as s, tt as c } from "./lucideIcons-Dv5yzk2L.js";
 import { i as l } from "./pageIcon-BWTy7hAh.js";
 import { t as u } from "./exportBlocks-33D7P_8Q.js";
 import * as d from "react";
@@ -12,24 +12,24 @@ import { BadgeCheck as ge, Check as _e, ChevronDown as ve, ExternalLink as ye, M
 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, {
+function A({ value: e, fallback: n = "📄", className: i }) {
+	if (e && r(e)) {
+		let r = s(e);
+		return r ? /* @__PURE__ */ v(r, {
 			"aria-hidden": !0,
-			className: n("inline-block shrink-0 align-[-0.125em]", r),
+			className: t("inline-block shrink-0 align-[-0.125em]", i),
 			style: {
 				width: "1em",
 				height: "1em"
 			}
-		}) : t ? /* @__PURE__ */ v("span", {
-			className: r,
-			children: t
+		}) : n ? /* @__PURE__ */ v("span", {
+			className: i,
+			children: n
 		}) : null;
 	}
-	let a = e || t;
+	let a = e || n;
 	return a ? /* @__PURE__ */ v("span", {
-		className: r,
+		className: i,
 		children: a
 	}) : null;
 }
@@ -41,77 +41,77 @@ var xe = he("inline-flex shrink-0 items-center justify-center rounded-md text-mu
 		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", {
+}), j = d.forwardRef(({ className: e, size: n, 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),
+	className: t(xe({ size: n }), 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, {
+var M = O.Root, N = O.Trigger, Se = O.Sub, Ce = O.RadioGroup, we = d.forwardRef(({ className: e, inset: n, 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),
+	className: t("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", n && "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, {
+var Te = d.forwardRef(({ className: e, ...n }, 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
+	className: t("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),
+	...n
 }));
 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, {
+var P = d.forwardRef(({ className: e, sideOffset: n = 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),
+	sideOffset: n,
+	className: t("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, {
+var F = d.forwardRef(({ className: e, inset: n, ...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),
+	className: t("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", n && "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, {
+var Ee = d.forwardRef(({ className: e, children: n, 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),
+	className: t("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]
+	}), n]
 }));
 Ee.displayName = O.CheckboxItem.displayName;
-var De = d.forwardRef(({ className: e, children: t, ...r }, i) => /* @__PURE__ */ y(O.RadioItem, {
+var De = d.forwardRef(({ className: e, children: n, ...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),
+	className: t("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]
+	}), n]
 }));
 De.displayName = O.RadioItem.displayName;
-var Oe = d.forwardRef(({ className: e, inset: t, ...r }, i) => /* @__PURE__ */ v(O.Label, {
+var Oe = d.forwardRef(({ className: e, inset: n, ...r }, i) => /* @__PURE__ */ v(O.Label, {
 	ref: i,
-	className: n("px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
+	className: t("px-2 py-1.5 text-sm font-semibold", n && "pl-8", e),
 	...r
 }));
 Oe.displayName = O.Label.displayName;
-var I = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ v(O.Separator, {
+var I = d.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ v(O.Separator, {
 	ref: r,
-	className: n("-mx-1 my-1 h-px bg-muted", e),
-	...t
+	className: t("-mx-1 my-1 h-px bg-muted", e),
+	...n
 }));
 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
+var ke = ({ className: e, ...n }) => /* @__PURE__ */ v("span", {
+	className: t("ml-auto text-xs tracking-widest opacity-60", e),
+	...n
 });
 ke.displayName = "DropdownMenuShortcut";
 //#endregion
@@ -162,7 +162,7 @@ function Re(e) {
 }
 function ze(e) {
 	if (!e || typeof e != "object") return null;
-	let t = s(e);
+	let t = o(e);
 	return t && Object.keys(t).length > 0 ? t : null;
 }
 function Be(e, t) {
@@ -208,12 +208,12 @@ function We(e, t) {
 }
 //#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, {
+var W = k.Root, G = k.Trigger, K = d.forwardRef(({ className: e, align: n = "center", sideOffset: r = 4, collisionPadding: i = 8, ...a }, o) => /* @__PURE__ */ v(k.Portal, { children: /* @__PURE__ */ v(k.Content, {
 	ref: o,
-	align: t,
+	align: n,
 	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),
+	className: t("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;
@@ -301,7 +301,7 @@ function Xe(e) {
 }
 //#endregion
 //#region src/components/database/DatabaseCard.tsx
-var Ze = ({ data: e, onOpen: t }) => /* @__PURE__ */ y("div", {
+var Ze = ({ data: e, onOpen: n }) => /* @__PURE__ */ y("div", {
 	className: "w-full overflow-hidden",
 	children: [e.cover && /* @__PURE__ */ v("div", {
 		className: "h-14 w-full",
@@ -311,9 +311,9 @@ var Ze = ({ data: e, onOpen: t }) => /* @__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"),
+			onClick: n,
+			disabled: !n,
+			className: t("flex items-center gap-1.5 text-left text-sm font-medium", n && "cursor-pointer hover:underline"),
 			children: [e.icon && /* @__PURE__ */ v(A, {
 				value: e.icon,
 				className: "shrink-0 leading-none"
@@ -386,27 +386,27 @@ function $e(t, n) {
 	}
 }
 var et = /* @__PURE__ */ new Map();
-function tt(e, n) {
-	let r = t(), [i, a] = h(() => et.get(e) ?? null);
+function tt(e, t) {
+	let n = c(), [r, i] = h(() => et.get(e) ?? null);
 	return p(() => {
-		if (!n || i) return;
-		let t = !0;
+		if (!t || r) return;
+		let a = !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) {
+			let t = await n.getPage(e);
+			if (!t || !a) return;
+			let r = t.databaseId ? (await n.getDatabase(t.databaseId))?.schema.properties ?? [] : [], o = Je(e), s = [];
+			for (let e of r) {
 				if (s.length >= 5) break;
 				if (e.id === ie || e.pageHidden) continue;
-				let t = $e(e, n.properties[e.id]);
-				t != null && s.push({
+				let n = $e(e, t.properties[e.id]);
+				n != null && s.push({
 					id: e.id,
 					label: e.name,
-					node: t
+					node: n
 				});
 			}
 			let c = {
-				title: n.name?.trim() || "Untitled",
+				title: t.name?.trim() || "Untitled",
 				icon: l(e),
 				cover: o?.kind === "gradient" ? { background: o.css } : o?.kind === "image" ? {
 					backgroundImage: `url("${o.url}")`,
@@ -415,16 +415,16 @@ function tt(e, n) {
 				} : void 0,
 				fields: s
 			};
-			et.set(e, c), t && a(c);
+			et.set(e, c), a && i(c);
 		})(), () => {
-			t = !1;
+			a = !1;
 		};
 	}, [
-		n,
+		t,
 		e,
-		i,
-		r
-	]), i;
+		r,
+		n
+	]), r;
 }
 var nt = ({ rowId: t, children: n, openDelay: r = 280 }) => {
 	let [i, a] = h(!1), o = m(void 0), s = tt(t, i), c = () => {
@@ -464,7 +464,7 @@ 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();
+	let { preferences: e } = a();
 	return e.profile.displayName.trim() || e.profile.name.trim() || "You";
 }
 var at = ({ name: e }) => /* @__PURE__ */ y("span", {
@@ -477,10 +477,10 @@ var at = ({ name: e }) => /* @__PURE__ */ y("span", {
 		children: e
 	})]
 }), ot = ({ value: e }) => {
-	let t = ue(e);
+	let n = 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"]
+		className: t("inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs", n ? "text-green-700 dark:text-green-300" : "text-muted-foreground"),
+		children: [/* @__PURE__ */ v(ge, { className: t("h-3.5 w-3.5", n ? "text-green-600 dark:text-green-400" : "text-muted-foreground/50") }), n ? "Verified" : "Unverified"]
 	});
 }, st = {
 	gray: "bg-zinc-200 text-zinc-700 dark:bg-zinc-700/60 dark:text-zinc-200",
@@ -493,7 +493,7 @@ var at = ({ name: e }) => /* @__PURE__ */ y("span", {
 	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)),
+	className: t("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) {
@@ -581,7 +581,7 @@ function _t(e) {
 	}
 	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 }) => {
+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: n, 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",
@@ -589,14 +589,14 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 			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)
+			className: t("px-2 py-1 text-sm tabular-nums", n instanceof C ? "text-destructive" : "text-foreground/80"),
+			title: n instanceof C ? n.message : "Computed from other properties",
+			children: pt(n, 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", {
+			children: ft(e, n) || /* @__PURE__ */ v("span", {
 				className: "text-muted-foreground/40",
 				children: "—"
 			})
@@ -605,7 +605,7 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 			className: "flex items-center px-2 py-1",
 			children: /* @__PURE__ */ v("input", {
 				type: "checkbox",
-				checked: t === !0,
+				checked: n === !0,
 				onChange: (e) => i(e.target.checked),
 				className: "h-4 w-4 cursor-pointer accent-primary",
 				"aria-label": e.name
@@ -613,85 +613,85 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 		});
 		case "number": return /* @__PURE__ */ v(xt, {
 			property: e,
-			value: t,
+			value: n,
 			onChange: i
 		});
 		case "rating": return /* @__PURE__ */ v(St, {
 			property: e,
-			value: t,
+			value: n,
 			onChange: i
 		});
 		case "date": return /* @__PURE__ */ v(Tt, {
 			property: e,
-			value: t,
+			value: n,
 			onChange: i
 		});
 		case "select": return /* @__PURE__ */ v(Nt, {
 			property: e,
-			value: t,
+			value: n,
 			onChange: i,
 			onAddOption: a
 		});
 		case "status": return /* @__PURE__ */ v(Pt, {
 			property: e,
-			value: t,
+			value: n,
 			onChange: i
 		});
 		case "multi_select": return /* @__PURE__ */ v(jt, {
 			property: e,
-			value: t,
+			value: n,
 			onChange: i,
 			onAddOption: a
 		});
 		case "relation": return /* @__PURE__ */ v(Mt, {
 			property: e,
-			value: t,
+			value: n,
 			onChange: i
 		});
 		case "dependency": return /* @__PURE__ */ v(Et, {
-			value: t,
+			value: n,
 			onChange: i,
 			rowOptions: o ?? []
 		});
 		case "files": return /* @__PURE__ */ v(Ot, {
-			value: t,
+			value: n,
 			onChange: i
 		});
 		case "url":
 		case "email":
 		case "phone": return /* @__PURE__ */ v(kt, {
 			kind: e.type,
-			value: t,
+			value: n,
 			onChange: i
 		});
 		case "location": return /* @__PURE__ */ v(At, {
-			value: t,
+			value: n,
 			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)
+			children: Y(e, n)
 		});
 		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", {
+			children: ce(n, 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),
+			defaultValue: typeof n == "string" ? n : n == null ? "" : String(n),
 			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,
+			value: n,
 			onChange: i
 		});
 		case "backlinks": return /* @__PURE__ */ v("div", {
@@ -700,7 +700,7 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 		});
 		default: return /* @__PURE__ */ v("input", {
 			type: "text",
-			defaultValue: typeof t == "string" ? t : t == null ? "" : String(t),
+			defaultValue: typeof n == "string" ? n : n == null ? "" : String(n),
 			onBlur: (e) => i(e.target.value),
 			className: X,
 			placeholder: "Empty"
@@ -740,17 +740,17 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 			strokeDashoffset: t * (1 - e)
 		})]
 	});
-}, xt = ({ property: e, value: t, onChange: r }) => {
+}, xt = ({ property: e, value: n, onChange: r }) => {
 	let i = /* @__PURE__ */ v("input", {
 		type: "number",
-		defaultValue: t == null ? "" : String(t),
+		defaultValue: n == null ? "" : String(n),
 		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"),
+		className: t(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);
+	let a = fe(n, e.numberTarget);
 	return /* @__PURE__ */ y("div", {
 		className: "flex items-center gap-2 pr-2",
 		"data-number-display": e.numberDisplay,
@@ -763,8 +763,8 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 			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;
+}, St = ({ property: e, value: n, onChange: r }) => {
+	let i = e.numberTarget && e.numberTarget > 0 ? Math.min(10, Math.round(e.numberTarget)) : 5, a = typeof n == "number" ? n : typeof n == "string" && n.trim() !== "" ? Number(n) : 0;
 	return /* @__PURE__ */ v("div", {
 		className: "flex items-center gap-0.5 px-2 py-1",
 		role: "group",
@@ -772,7 +772,7 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 		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"),
+			className: t("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: "★"
@@ -793,15 +793,15 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 	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);
+}, Tt = ({ property: e, value: n, onChange: r }) => {
+	let i = e.includeTime ? "datetime-local" : "date", [a, o] = h(!1), s = se(n), c = oe(n);
 	if ((s ?? c) && !a) {
-		let n = Y(e, t);
+		let t = Y(e, n);
 		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", {
+			children: t || /* @__PURE__ */ v("span", {
 				className: Z,
 				children: "Empty"
 			})
@@ -816,7 +816,7 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 		onFocus: l,
 		onChange: (e) => r(e.target.value || null),
 		onBlur: u,
-		className: n(X, "ob-date-empty"),
+		className: t(X, "ob-date-empty"),
 		"aria-label": e.name
 	});
 	let d = (e) => r(e.start || e.end ? e : null);
@@ -838,7 +838,7 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 				"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"),
+				className: t("text-muted-foreground/50", !s && !c && "opacity-0 transition-opacity group-hover:opacity-100 group-focus-within/dates:opacity-100"),
 				children: "→"
 			}),
 			/* @__PURE__ */ v("input", {
@@ -1145,10 +1145,10 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 			})]
 		})] })]
 	})] });
-}, 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;
+}, Mt = ({ property: t, value: r, onChange: a }) => {
+	let o = Array.isArray(r) ? r : [], [s, l] = h(""), [u, d] = h(!1), [p, m] = h(null), g = c(), { setPageHint: _ } = i(), b = t.relationDatabaseId, x = !!t.relationSingle, [, ee] = f.useReducer((e) => e + 1, 0);
+	f.useEffect(() => n(ee), []), f.useEffect(() => {
+		if (!b || p !== null || !u && o.length === 0) return;
 		let t = !0;
 		return g.listRows(b).then((n) => {
 			if (!t) return;
@@ -1164,17 +1164,17 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 	}, [
 		u,
 		b,
-		s.length,
+		o.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";
+	let te = (t) => p?.find((e) => e.id === t)?.label ?? e.label(t), ne = s.trim().toLowerCase(), S = b ? (p ?? []).filter((e) => !o.includes(e.id) && (!ne || e.label.toLowerCase().includes(ne))) : e.searchPages(s).filter((e) => !o.includes(e.id)), C = (e) => {
+		a(x ? [e] : [...o, e]), l(""), x && d(!1);
+	}, re = (e) => a(o.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", {
+		children: [o.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,
@@ -1195,7 +1195,7 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 				"aria-label": "Remove link",
 				children: /* @__PURE__ */ v(D, { className: "h-3 w-3" })
 			})]
-		}, t)), (!x || s.length === 0) && /* @__PURE__ */ y(W, {
+		}, t)), (!x || o.length === 0) && /* @__PURE__ */ y(W, {
 			open: u,
 			onOpenChange: d,
 			children: [/* @__PURE__ */ v(G, {
@@ -1211,7 +1211,7 @@ var X = "w-full bg-transparent px-2 py-1 text-sm outline-hidden placeholder:text
 				className: "w-60 p-1",
 				children: [/* @__PURE__ */ v("input", {
 					autoFocus: !0,
-					value: c,
+					value: s,
 					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"