@book.dev/ui 1.65.0 → 1.66.0

package/dist/{EmojiGrid-BjFEmkhL.js → EmojiGrid-CyfYclJK.js}

@@ -1,4 +1,4 @@
-import { Nt as e, U as t, i as n, n as r, t as i } from "./lucideIcons-DvomlmkS.js";
+import { Nt as e, U as t, i as n, n as r, t as i } from "./lucideIcons-hxipmfOS.js";
 import { t as a } from "./emoji-Bmft6RPl.js";
 import { useMemo as o, useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";

package/dist/{format-BXeG5xQH.js → format-Bjlb4Y0K.js}

@@ -1,4 +1,4 @@
-import { At as e, B as t, Nt as n, V as r, a as i, g as a, p as o, r as s, tt as c } from "./lucideIcons-DvomlmkS.js";
+import { At as e, B as t, Nt as n, V as r, a as i, g as a, p as o, r as s, tt as c } from "./lucideIcons-hxipmfOS.js";
 import { i as l } from "./pageIcon-BWTy7hAh.js";
 import { t as u } from "./exportBlocks-33D7P_8Q.js";
 import * as d from "react";
@@ -35,7 +35,7 @@ function A({ value: e, fallback: t = "📄", className: r }) {
 }
 //#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", {
+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:shadow-[var(--ring-control)] disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100", {
 	variants: { size: {
 		sm: "p-1",
 		md: "p-1.5"

package/dist/index.js

@@ -1,6 +1,6 @@
-import { $ as e, A as t, At as n, B as r, C as i, Ct as a, D as o, Dt as s, E as c, Et as l, F as u, G as d, H as f, I as p, J as m, K as h, L as g, M as _, Mt as v, N as y, Nt as b, O as x, Ot as S, P as C, Q as w, R as T, S as E, St as D, T as O, Tt as ee, U as k, V as A, W as te, X as ne, Y as re, Z as ie, _ as ae, _t as oe, at as j, b as se, bt as ce, c as le, ct as ue, d as de, dt as fe, et as pe, f as me, ft as he, g as M, gt as ge, h as _e, ht as ve, it as ye, j as be, jt as xe, k as Se, kt as Ce, l as we, lt as Te, m as Ee, mt as De, nt as Oe, o as ke, ot as Ae, pt as je, q as Me, rt as Ne, s as Pe, st as Fe, tt as N, u as Ie, ut as Le, v as Re, vt as ze, w as Be, wt as Ve, x as He, xt as Ue, y as We, yt as Ge, z as Ke } from "./lucideIcons-DvomlmkS.js";
+import { $ as e, A as t, At as n, B as r, C as i, Ct as a, D as o, Dt as s, E as c, Et as l, F as u, G as d, H as f, I as p, J as m, K as h, L as g, M as _, Mt as v, N as y, Nt as b, O as x, Ot as S, P as C, Q as w, R as T, S as E, St as D, T as O, Tt as ee, U as k, V as A, W as te, X as ne, Y as re, Z as ie, _ as ae, _t as oe, at as j, b as se, bt as ce, c as le, ct as ue, d as de, dt as fe, et as pe, f as me, ft as he, g as M, gt as ge, h as _e, ht as ve, it as ye, j as be, jt as xe, k as Se, kt as Ce, l as we, lt as Te, m as Ee, mt as De, nt as Oe, o as ke, ot as Ae, pt as je, q as Me, rt as Ne, s as Pe, st as Fe, tt as N, u as Ie, ut as Le, v as Re, vt as ze, w as Be, wt as Ve, x as He, xt as Ue, y as We, yt as Ge, z as Ke } from "./lucideIcons-hxipmfOS.js";
 import { c as qe, i as Je, l as Ye, n as Xe, o as Ze, r as Qe, s as $e } from "./pageIcon-BWTy7hAh.js";
-import { A as et, B as tt, C as nt, D as rt, E as it, F as at, I as ot, L as st, M as ct, N as lt, O as ut, P as dt, R as ft, S as pt, T as mt, _ as ht, a as gt, b as _t, c as vt, d as yt, f as bt, g as xt, h as St, i as Ct, j as wt, k as P, l as Tt, m as Et, n as Dt, o as Ot, p as kt, s as At, t as jt, u as Mt, v as Nt, w as Pt, x as Ft, y as It, z as Lt } from "./format-BXeG5xQH.js";
+import { A as et, B as tt, C as nt, D as rt, E as it, F as at, I as ot, L as st, M as ct, N as lt, O as ut, P as dt, R as ft, S as pt, T as mt, _ as ht, a as gt, b as _t, c as vt, d as yt, f as bt, g as xt, h as St, i as Ct, j as wt, k as P, l as Tt, m as Et, n as Dt, o as Ot, p as kt, s as At, t as jt, u as Mt, v as Nt, w as Pt, x as Ft, y as It, z as Lt } from "./format-Bjlb4Y0K.js";
 import { A as Rt, C as zt, D as Bt, E as Vt, F as Ht, I as Ut, L as Wt, M as Gt, N as Kt, O as qt, P as Jt, R as Yt, S as Xt, T as Zt, _ as Qt, a as F, b as $t, c as en, d as tn, f as nn, g as rn, h as an, i as on, j as sn, k as cn, l as ln, m as un, n as dn, o as fn, p as pn, r as I, s as mn, t as hn, u as gn, v as _n, w as vn, x as yn, y as L, z as bn } from "./model-CBxw8JNb.js";
 import { C as xn, S as Sn, _ as Cn, a as wn, b as Tn, c as En, d as Dn, f as On, g as kn, h as An, i as jn, l as Mn, m as Nn, n as Pn, o as Fn, p as In, r as Ln, s as Rn, t as zn, u as Bn, v as Vn, y as Hn } from "./exportBlocks-33D7P_8Q.js";
 import { t as Un } from "./emoji-Bmft6RPl.js";
@@ -430,7 +430,7 @@ function uc({ pageId: e } = {}) {
 }
 //#endregion
 //#region src/components/ui/input.tsx
-var dc = vi("w-full rounded-md border border-input bg-transparent text-sm text-foreground transition-[color,border-color,box-shadow] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50", {
+var dc = vi("w-full rounded-md border border-input bg-transparent text-sm text-foreground transition-[color,border-color,box-shadow] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:border-ring focus-visible:shadow-[var(--ring-field)] disabled:cursor-not-allowed disabled:opacity-50", {
 	variants: { inputSize: {
 		default: "flex h-9 px-3 py-1 shadow-xs",
 		sm: "h-8 px-2.5 py-1"
@@ -5449,7 +5449,7 @@ var rd = ({ db: e, rowId: t, children: n }) => /* @__PURE__ */ q(pl, { children:
 					d && re(e.key) && (t.preventDefault(), m(fd(e.key, null)));
 				},
 				onDrop: () => d && j(d, e.key),
-				className: b("flex shrink-0 items-center gap-1.5 rounded-md bg-muted/30 px-2 py-1.5 text-xs font-medium", t ? "w-11 justify-center" : "w-64", re(e.key) && "cursor-grab active:cursor-grabbing", p === fd(e.key, null) && "ring-1 ring-brand/40"),
+				className: b("flex shrink-0 items-center gap-1.5 rounded-md bg-muted/30 px-2 py-1.5 text-xs font-medium", t ? "w-11 justify-center" : "w-64", re(e.key) && "cursor-grab active:cursor-grabbing", d === e.key && "opacity-40", p === fd(e.key, null) && "ring-1 ring-brand/40"),
 				children: [
 					e.color && /* @__PURE__ */ K("span", {
 						className: "h-2.5 w-2.5 shrink-0 rounded-full",
@@ -5620,7 +5620,7 @@ var rd = ({ db: e, rowId: t, children: n }) => /* @__PURE__ */ q(pl, { children:
 					onDragEnd: () => {
 						f(null), m(null);
 					},
-					className: b("flex items-center gap-1.5 px-1 text-xs font-medium", re(r.key) && "cursor-grab active:cursor-grabbing"),
+					className: b("flex items-center gap-1.5 px-1 text-xs font-medium", re(r.key) && "cursor-grab active:cursor-grabbing", d === r.key && "opacity-40"),
 					children: [
 						r.color && /* @__PURE__ */ K("span", {
 							className: "h-2.5 w-2.5 rounded-full",
@@ -16400,13 +16400,13 @@ var uy = ({ onSave: e, onLoad: t, title: r = "", onTitleChange: i, icon: a = "
 				snapshot: t
 			})), "text/markdown");
 			else if (e === "pdf-paged" || e === "pdf-continuous" || e === "pdf-slides") {
-				let [{ toPdf: i, toPdfSlides: o }, { toHtml: s, toSlideDeck: c }] = await Promise.all([import("./toPdf-DGtKQSRA.js"), import("./toHtml-B6gQeUnu.js")]), l = e === "pdf-slides" ? await o(c(t, r, a)) : await i(s(t, r, a), e === "pdf-continuous" ? "continuous" : "paged");
+				let [{ toPdf: i, toPdfSlides: o }, { toHtml: s, toSlideDeck: c }] = await Promise.all([import("./toPdf-DGtKQSRA.js"), import("./toHtml-Dv_ydwAi.js")]), l = e === "pdf-slides" ? await o(c(t, r, a)) : await i(s(t, r, a), e === "pdf-continuous" ? "continuous" : "paged");
 				tu(`${n}${e === "pdf-slides" ? "-slides" : ""}.pdf`, l);
 			} else if (e === "html-slides") {
-				let { toSlideDeck: e } = await import("./toHtml-B6gQeUnu.js");
+				let { toSlideDeck: e } = await import("./toHtml-Dv_ydwAi.js");
 				nu(`${n}-slides.html`, e(t, r, a), "text/html");
 			} else {
-				let [{ toHtmlSite: e }, { gatherSite: i }] = await Promise.all([import("./toHtml-B6gQeUnu.js"), import("./exportSite-DlRm4u7W.js")]), o = d ? await i(h, d, {
+				let [{ toHtmlSite: e }, { gatherSite: i }] = await Promise.all([import("./toHtml-Dv_ydwAi.js"), import("./exportSite-DlRm4u7W.js")]), o = d ? await i(h, d, {
 					snapshot: t,
 					title: r,
 					icon: a
@@ -16517,24 +16517,30 @@ var uy = ({ onSave: e, onLoad: t, title: r = "", onTitleChange: i, icon: a = "
 		children: ue
 	}) : ue;
 }, dy = ({ pageId: e }) => {
-	let t = N(), r = ye(), { preferences: i } = n(), { t: a } = k(), { pages: o, deletePage: s, setPageHint: c, closePage: l } = M(), [u, d] = W(""), f = qe(e), [p, m] = W(void 0), [h, g] = W(void 0), _ = U(null), v = U(null), y = U(""), b = U(!1), x = U(0), S = B((t) => {
-		t.updatedAt <= y.current || (y.current = t.updatedAt, b.current || (d(t.name ?? ""), _.current = t.name ?? null, c(e, t.name)), g(t.hostedDatabaseId), Qe([{
+	let t = N(), r = ye(), { preferences: i } = n(), { t: a } = k(), { pages: o, deletePage: s, setPageHint: c, closePage: l } = M(), [u, d] = W(""), f = qe(e), [p, m] = W(void 0), [h, g] = W(void 0), _ = U(null), v = U(null), y = U(!1), b = U(""), x = U(!1), S = U(0), C = B((t) => {
+		t.updatedAt <= b.current || (b.current = t.updatedAt, !x.current && !y.current && (d(t.name ?? ""), _.current = t.name ?? null, c(e, t.name)), g(t.hostedDatabaseId), Qe([{
 			id: t.id,
 			icon: t.properties[Cr]
-		}]), x.current += 1, m({
+		}]), S.current += 1, m({
 			data: t.data,
-			version: x.current
+			version: S.current
 		}));
-	}, [e, c]), C = U(o);
-	C.current = o, V(() => {
-		let t = C.current.find((t) => t.id === e);
-		return d(t?.name ?? ""), _.current = t?.name ?? null, m(void 0), g(t ? t.hostedDatabaseId : void 0), y.current = t?.updatedAt ?? "", () => {
+	}, [e, c]), w = U(o);
+	w.current = o;
+	let T = B(() => {
+		v.current &&= (clearTimeout(v.current), null), y.current && t.renamePage(e, _.current).then((e) => {
+			b.current = e.updatedAt, (e.name ?? null) === _.current && (y.current = !1);
+		}).catch(() => void 0);
+	}, [t, e]);
+	V(() => {
+		let t = w.current.find((t) => t.id === e);
+		return d(t?.name ?? ""), _.current = t?.name ?? null, y.current = !1, m(void 0), g(t ? t.hostedDatabaseId : void 0), b.current = t?.updatedAt ?? "", () => {
 			v.current && clearTimeout(v.current);
 		};
 	}, [e]);
-	let w = B(async () => {
+	let E = B(async () => {
 		let n = await t.getPage(e);
-		return _.current = n?.name ?? null, d(n?.name ?? ""), c(e, n?.name ?? null), n && (y.current = n.updatedAt, g(n.hostedDatabaseId), Qe([{
+		return y.current || (_.current = n?.name ?? null, d(n?.name ?? ""), c(e, n?.name ?? null)), n && (b.current = n.updatedAt, g(n.hostedDatabaseId), Qe([{
 			id: n.id,
 			icon: n.properties[Cr]
 		}])), n ? n.data : null;
@@ -16542,21 +16548,21 @@ var uy = ({ onSave: e, onLoad: t, title: r = "", onTitleChange: i, icon: a = "
 		t,
 		e,
 		c
-	]), T = B(async (n) => {
-		y.current = (await t.savePage({
+	]), D = B(async (n) => {
+		b.current = (await t.savePage({
 			id: e,
 			name: _.current,
 			data: n
 		})).updatedAt;
-	}, [t, e]), E = B((n) => {
-		d(n), _.current = n.trim().length > 0 ? n : null, c(e, _.current), v.current && clearTimeout(v.current), v.current = setTimeout(() => {
-			t.renamePage(e, _.current).then((e) => {
-				y.current = e.updatedAt;
-			}).catch(() => void 0);
-		}, 600);
-	}, [t, e]), D = B((t) => {
+	}, [t, e]), O = B((t) => {
+		d(t), _.current = t.trim().length > 0 ? t : null, y.current = !0, c(e, _.current), v.current && clearTimeout(v.current), v.current = setTimeout(T, 600);
+	}, [
+		e,
+		c,
+		T
+	]), ee = B((t) => {
 		Ye(e, t);
-	}, [e]), O = B(async () => {
+	}, [e]), A = B(async () => {
 		i.general.confirmOnTrash && !await r({
 			title: a("confirm.trashTitle"),
 			description: a("confirm.trashBody"),
@@ -16569,34 +16575,34 @@ var uy = ({ onSave: e, onLoad: t, title: r = "", onTitleChange: i, icon: a = "
 		r,
 		i.general.confirmOnTrash,
 		a
-	]), ee = B((e) => {
-		b.current = e;
-	}, []);
+	]), te = B((e) => {
+		x.current = e, e || T();
+	}, [T]);
 	V(() => t.subscribePage(e, {
-		onPage: (e) => S(e),
+		onPage: (e) => C(e),
 		onDeleted: () => l(e)
 	}), [
 		t,
 		e,
-		S,
+		C,
 		l
 	]);
-	let A = o.find((t) => t.id === e), te = A ? A.hostedDatabaseId : h;
+	let ne = o.find((t) => t.id === e), re = ne ? ne.hostedDatabaseId : h;
 	return /* @__PURE__ */ K(uy, {
 		title: u,
 		icon: f,
 		incoming: p,
-		onTitleChange: E,
-		onTitleActiveChange: ee,
-		onIconChange: D,
-		onDelete: O,
-		onLoad: w,
-		onSave: T,
+		onTitleChange: O,
+		onTitleActiveChange: te,
+		onIconChange: ee,
+		onDelete: A,
+		onLoad: E,
+		onSave: D,
 		pageId: e,
-		hasDatabase: !!te,
+		hasDatabase: !!re,
 		footer: /* @__PURE__ */ K(np, {
 			pageId: e,
-			databaseIdHint: te
+			databaseIdHint: re
 		})
 	}, e);
 }, fy = (e) => e && e.trim().length > 0 ? e : Ue("common.untitled");
@@ -17275,7 +17281,7 @@ function My() {
 //#endregion
 //#region src/components/ui/switch.tsx
 var Ny = R.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ K(Cs.Root, {
-	className: b("peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", e),
+	className: b("peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:outline-hidden focus-visible:shadow-[var(--ring-control)] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", e),
 	...t,
 	ref: n,
 	children: /* @__PURE__ */ K(Cs.Thumb, { className: b("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") })
@@ -22061,7 +22067,7 @@ var Qx = () => {
 			String(n % 60).padStart(2, "0")
 		]
 	});
-}, $x = qn(() => import("./EmojiGrid-BjFEmkhL.js"));
+}, $x = qn(() => import("./EmojiGrid-CyfYclJK.js"));
 function eS() {
 	let { open: e, anchor: t, value: n, onPick: r } = $n(ll.subscribe, ll.getState, ll.getState);
 	return /* @__PURE__ */ q(Wo.Root, {

package/dist/{lucideIcons-DvomlmkS.js → lucideIcons-hxipmfOS.js}

@@ -4304,7 +4304,7 @@ var yi = i.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ *
 		className: q("relative grid w-full max-w-lg gap-4 border bg-background p-6 shadow-overlay duration-200 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 sm:rounded-lg", e),
 		...n,
 		children: [t, /* @__PURE__ */ m(D.Close, {
-			className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-hover data-[state=open]:text-muted-foreground",
+			className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-hidden focus-visible:shadow-[var(--ring-control)] disabled:pointer-events-none data-[state=open]:bg-hover data-[state=open]:text-muted-foreground",
 			children: [/* @__PURE__ */ p(_, { className: "h-4 w-4" }), /* @__PURE__ */ p("span", {
 				className: "sr-only",
 				children: "Close"
@@ -4337,13 +4337,13 @@ var Ci = i.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ p(D.Descrip
 Ci.displayName = D.Description.displayName;
 //#endregion
 //#region src/components/ui/button.tsx
-var wi = k("inline-flex items-center justify-center rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow,transform] active:scale-[0.97] 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", {
+var wi = k("inline-flex items-center justify-center rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow,transform] active:scale-[0.97] focus-visible:outline-hidden focus-visible:shadow-[var(--ring-control)] disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100", {
 	variants: {
 		variant: {
-			default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
-			destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",
+			default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[color-mix(in_srgb,hsl(var(--primary)),var(--press-ink)_8%)]",
+			destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 active:bg-[color-mix(in_srgb,hsl(var(--destructive)),var(--press-ink)_8%)]",
 			outline: "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-accent-foreground",
-			secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+			secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80 active:bg-[color-mix(in_srgb,hsl(var(--secondary)),var(--press-ink)_8%)]",
 			ghost: "hover:bg-hover hover:text-accent-foreground",
 			link: "text-primary underline-offset-4 hover:underline"
 		},