haze-ui 1.26.0 → 1.28.0

package/dist/components/Upload/UploadList.js

@@ -0,0 +1,300 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import n from "../Progress/Progress.js";
+/* empty css                     */
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useEffect as o, useState as s } from "react";
+//#region src/lib/components/Upload/UploadList.tsx
+var c = "haze-UploadList__listBase", l = "haze-UploadList__itemBase", u = "haze-UploadList__rowBase", d = "haze-UploadList__nameClass", f = "haze-UploadList__statusIcon", p = "haze-UploadList__successIcon", m = "haze-UploadList__errorIcon", h = "haze-UploadList__percentClass", g = "haze-UploadList__actionButton", _ = "haze-UploadList__cardGrid", v = "haze-UploadList__cardRemove", y = "haze-UploadList__cardBase", b = "haze-UploadList__cardImage", x = "haze-UploadList__cardFallback", S = "haze-UploadList__cardFallbackName", C = "haze-UploadList__cardMask", w = "haze-UploadList__cardMaskPercent", T = "haze-UploadList__cardErrorOverlay";
+function E(e, t, n, r) {
+	return {
+		remove: () => t(e.file),
+		retry: () => n(e.file),
+		cancel: () => r(e.file)
+	};
+}
+function D({ entry: o, actions: s, removeLabel: c }) {
+	let l = t("upload"), { file: _, status: v, percent: y } = o;
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+		className: e([u]),
+		children: [
+			v === "success" && /* @__PURE__ */ i("span", {
+				role: "img",
+				"aria-label": l.success,
+				className: e([f, p]),
+				children: /* @__PURE__ */ i("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ i("polyline", { points: "20 6 9 17 4 12" })
+				})
+			}),
+			v === "error" && /* @__PURE__ */ i("span", {
+				role: "img",
+				"aria-label": l.error,
+				className: e([f, m]),
+				children: /* @__PURE__ */ a("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [
+						/* @__PURE__ */ i("circle", {
+							cx: "12",
+							cy: "12",
+							r: "10"
+						}),
+						/* @__PURE__ */ i("line", {
+							x1: "12",
+							y1: "8",
+							x2: "12",
+							y2: "12"
+						}),
+						/* @__PURE__ */ i("line", {
+							x1: "12",
+							y1: "16",
+							x2: "12.01",
+							y2: "16"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ i("span", {
+				title: _.name,
+				className: e([d]),
+				children: _.name
+			}),
+			v === "uploading" && /* @__PURE__ */ a("span", {
+				className: e([h]),
+				children: [
+					l.uploading,
+					" ",
+					y,
+					"%"
+				]
+			}),
+			v === "uploading" ? /* @__PURE__ */ i("button", {
+				type: "button",
+				"aria-label": l.cancel,
+				"data-action": "cancel",
+				onClick: s.cancel,
+				className: e([g]),
+				children: /* @__PURE__ */ a("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ i("line", {
+						x1: "18",
+						y1: "6",
+						x2: "6",
+						y2: "18"
+					}), /* @__PURE__ */ i("line", {
+						x1: "6",
+						y1: "6",
+						x2: "18",
+						y2: "18"
+					})]
+				})
+			}) : /* @__PURE__ */ a(r, { children: [v === "error" && /* @__PURE__ */ i("button", {
+				type: "button",
+				"aria-label": l.retry,
+				"data-action": "retry",
+				onClick: s.retry,
+				className: e([g]),
+				children: /* @__PURE__ */ a("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ i("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ i("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })]
+				})
+			}), /* @__PURE__ */ i("button", {
+				type: "button",
+				"aria-label": c ?? l.remove,
+				"data-action": "remove",
+				onClick: s.remove,
+				className: e([g]),
+				children: /* @__PURE__ */ a("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ i("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ i("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })]
+				})
+			})] })
+		]
+	}), (v === "uploading" || v === "error") && /* @__PURE__ */ i(n, {
+		value: y,
+		size: "sm",
+		color: v === "error" ? "danger" : "primary"
+	})] });
+}
+function O({ entry: c, actions: l, removeLabel: u }) {
+	let d = t("upload"), { file: f, status: p, percent: m } = c, h = f.type.startsWith("image/"), [_, y] = s(null);
+	return o(() => {
+		if (!h) return;
+		let e = URL.createObjectURL(f);
+		return y(e), () => URL.revokeObjectURL(e);
+	}, [f, h]), /* @__PURE__ */ a(r, { children: [
+		_ ? /* @__PURE__ */ i("img", {
+			src: _,
+			alt: f.name,
+			className: e([b])
+		}) : /* @__PURE__ */ a("span", {
+			role: "img",
+			"aria-label": f.name,
+			className: e([x]),
+			children: [/* @__PURE__ */ a("svg", {
+				width: "24",
+				height: "24",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [/* @__PURE__ */ i("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ i("polyline", { points: "14 2 14 8 20 8" })]
+			}), /* @__PURE__ */ i("span", {
+				title: f.name,
+				className: e([S]),
+				children: f.name
+			})]
+		}),
+		p === "uploading" && /* @__PURE__ */ a("div", {
+			className: e([C]),
+			children: [/* @__PURE__ */ i(n, {
+				value: m,
+				size: "sm"
+			}), /* @__PURE__ */ a("span", {
+				className: e([w]),
+				children: [m, "%"]
+			})]
+		}),
+		p === "error" && /* @__PURE__ */ a("div", {
+			className: e([T]),
+			children: [
+				/* @__PURE__ */ a("svg", {
+					width: "20",
+					height: "20",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [
+						/* @__PURE__ */ i("circle", {
+							cx: "12",
+							cy: "12",
+							r: "10"
+						}),
+						/* @__PURE__ */ i("line", {
+							x1: "12",
+							y1: "8",
+							x2: "12",
+							y2: "12"
+						}),
+						/* @__PURE__ */ i("line", {
+							x1: "12",
+							y1: "16",
+							x2: "12.01",
+							y2: "16"
+						})
+					]
+				}),
+				/* @__PURE__ */ i("span", { children: d.error }),
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					"aria-label": d.retry,
+					"data-action": "retry",
+					onClick: l.retry,
+					className: e([g]),
+					children: /* @__PURE__ */ a("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ i("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ i("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })]
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ i("button", {
+			type: "button",
+			"data-card-remove": !0,
+			"aria-label": u ?? d.remove,
+			"data-action": "remove",
+			onClick: l.remove,
+			className: e([v]),
+			children: /* @__PURE__ */ a("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [/* @__PURE__ */ i("line", {
+					x1: "18",
+					y1: "6",
+					x2: "6",
+					y2: "18"
+				}), /* @__PURE__ */ i("line", {
+					x1: "6",
+					y1: "6",
+					x2: "18",
+					y2: "18"
+				})]
+			})
+		})
+	] });
+}
+function k({ entries: t, listType: n = "text", removeLabel: r, itemRender: a, onRemove: o, onRetry: s, onCancel: u }) {
+	let d = n === "picture-card";
+	return /* @__PURE__ */ i("ul", {
+		className: e([d ? _ : c]),
+		children: t.map((t) => {
+			let n = E(t, o, s, u);
+			return /* @__PURE__ */ i("li", {
+				"data-status": t.status,
+				className: e([d ? y : l]),
+				children: a ? a(t.file, t.status, t.percent, n) : i(d ? O : D, {
+					entry: t,
+					actions: n,
+					removeLabel: r
+				})
+			}, t.uid);
+		})
+	});
+}
+//#endregion
+export { k as default };

package/dist/components/Upload/xhr-upload.js

@@ -0,0 +1,22 @@
+"use client";
+//#region src/lib/components/Upload/xhr-upload.ts
+function e(e) {
+	return (t, n) => new Promise((r, i) => {
+		if (n.signal.aborted) {
+			i(new DOMException("Aborted", "AbortError"));
+			return;
+		}
+		let a = new XMLHttpRequest(), o = new FormData();
+		if (o.append(e.name ?? "file", t), e.data) for (let [t, n] of Object.entries(e.data)) o.append(t, n);
+		if (a.open(e.method ?? "POST", e.action), e.headers) for (let [t, n] of Object.entries(e.headers)) a.setRequestHeader(t, n);
+		a.upload.onprogress = (e) => {
+			e.lengthComputable && e.total > 0 && n.onProgress(Math.round(e.loaded / e.total * 100));
+		}, a.onload = () => {
+			a.status >= 200 && a.status < 300 ? r() : i(/* @__PURE__ */ Error(`Upload failed with status ${a.status}`));
+		}, a.onerror = () => i(/* @__PURE__ */ TypeError("Network error")), a.onabort = () => i(new DOMException("Aborted", "AbortError")), n.signal.addEventListener("abort", () => {
+			a.abort();
+		}, { once: !0 }), a.send(o);
+	});
+}
+//#endregion
+export { e as createXhrRequest };

package/dist/components/VirtualList/VirtualList.js

@@ -25,118 +25,146 @@ function f(e, t, n) {
 function p(e, t, n) {
 	return e[Math.max(0, Math.min(t, n))] ?? 0;
 }
-function m({ items: m, height: h, itemHeight: g, estimatedItemHeight: _, groups: v, renderItem: y, overscan: b = 5, className: x, style: S, ref: C, ...w }) {
-	let T = _ !== void 0, E = v !== void 0 && v.length > 0, D = _ ?? g, [O, k] = s(0), [A, j] = s(0), M = o(null), N = o(/* @__PURE__ */ new Map()), P = o(/* @__PURE__ */ new Map()), F = o(null), I = o(null), L = r(() => {
-		M.current && k(M.current.scrollTop);
-	}, []);
+function m({ items: m, height: h, itemHeight: g, estimatedItemHeight: _, groups: v, renderItem: y, overscan: b = 5, reverse: x = !1, className: S, style: C, ref: w, ...T }) {
+	let E = _ !== void 0, D = v !== void 0 && v.length > 0, O = _ ?? g, [k, A] = s(0), [j, M] = s(0), N = o(null), P = o(!0), F = o(/* @__PURE__ */ new Map()), I = o(/* @__PURE__ */ new Map()), L = o(null), R = o(null), z = r(() => {
+		let e = N.current;
+		if (e && (A(e.scrollTop), x)) {
+			let t = e.clientHeight || h;
+			P.current = e.scrollHeight - e.scrollTop - t <= 1;
+		}
+	}, [x, h]);
 	i(() => {
-		let e = M.current;
-		if (e) return e.addEventListener("scroll", L, { passive: !0 }), () => e.removeEventListener("scroll", L);
-	}, [L]);
-	let R = (() => {
-		let e = I.current;
-		if (e?.items === m && e.version === A && e.itemHeight === g && e.estimated === _ && e.dynamic === T) return e.sums;
+		let e = N.current;
+		if (e) return e.addEventListener("scroll", z, { passive: !0 }), () => e.removeEventListener("scroll", z);
+	}, [z]), i(() => {
+		let e = N.current;
+		if (!e || !x || !P.current) return;
+		let t = e.clientHeight || h;
+		e.scrollTop = Math.max(0, e.scrollHeight - t), A(e.scrollTop);
+	}, [
+		x,
+		m,
+		j,
+		h
+	]);
+	let B = (() => {
+		let e = R.current;
+		if (e?.items === m && e.version === j && e.itemHeight === g && e.estimated === _ && e.dynamic === E) return e.sums;
 		let t = new Float64Array(m.length + 1);
-		for (let e = 0; e < m.length; e++) t[e + 1] = (t[e] ?? 0) + (T ? N.current.get(e) ?? D : g);
-		return I.current = {
+		for (let e = 0; e < m.length; e++) t[e + 1] = (t[e] ?? 0) + (E ? F.current.get(e) ?? O : g);
+		return R.current = {
 			items: m,
-			version: A,
+			version: j,
 			itemHeight: g,
 			estimated: _,
-			dynamic: T,
+			dynamic: E,
 			sums: t
 		}, t;
-	})(), z = R[m.length] ?? 0, B = Math.max(0, d(R, m.length, O) - b), V = Math.min(m.length, f(R, m.length, O + h) + b);
+	})(), V = B[m.length] ?? 0, H = x ? Math.max(0, V - h - k) : k, U = Math.max(0, d(B, m.length, H) - b), W = Math.min(m.length, f(B, m.length, H + h) + b);
 	i(() => {
-		let e = N.current;
+		let e = F.current;
 		for (let t of e.keys()) t >= m.length && e.delete(t);
 	}, [m.length]), i(() => {
 		if (!v) return;
-		let e = P.current, t = new Set(v.map((e) => e.key));
+		let e = I.current, t = new Set(v.map((e) => e.key));
 		for (let n of e.keys()) t.has(n) || e.delete(n);
 	}, [v]), i(() => {
-		if (!T && !E) return;
+		if (!E && !D) return;
 		let e = new ResizeObserver((e) => {
 			let t = !1;
 			for (let n of e) {
 				let e = n.target, { index: r, groupKey: i } = e.dataset, a = e.getBoundingClientRect().height;
 				if (r !== void 0) {
 					let e = Number(r);
-					N.current.get(e) !== a && (N.current.set(e, a), t = !0);
-				} else i !== void 0 && P.current.get(i) !== a && (P.current.set(i, a), t = !0);
+					F.current.get(e) !== a && (F.current.set(e, a), t = !0);
+				} else i !== void 0 && I.current.get(i) !== a && (I.current.set(i, a), t = !0);
 			}
-			t && j((e) => e + 1);
+			t && M((e) => e + 1);
 		});
-		return F.current = e, () => {
-			F.current = null, e.disconnect();
+		return L.current = e, () => {
+			L.current = null, e.disconnect();
 		};
-	}, [T, E]), i(() => {
-		let e = F.current, t = M.current;
+	}, [E, D]), i(() => {
+		let e = L.current, t = N.current;
 		e && t && t.querySelectorAll("[data-index], [data-group-key]").forEach((t) => {
 			e.observe(t);
 		});
 	}, [
-		B,
-		V,
-		A,
+		U,
+		W,
+		j,
 		v,
-		T,
-		E
+		E,
+		D
 	]);
-	let H = (() => {
+	let G = (() => {
 		if (!v) return null;
-		let n = O + h, r = [];
+		let n = H + h, r = [];
 		for (let i = 0; i < v.length; i++) {
 			let a = v[i];
 			if (!a) continue;
-			let o = i + 1 < v.length ? v[i + 1] : void 0, s = p(R, m.length, a.startIndex), c = o ? p(R, m.length, o.startIndex) : z;
-			if (c <= O || s >= n) continue;
-			let l = P.current.get(a.key) ?? D, d = Math.max(s, Math.min(O, c - l));
+			let o = i + 1 < v.length ? v[i + 1] : void 0, s = p(B, m.length, a.startIndex), c = o ? p(B, m.length, o.startIndex) : V;
+			if (c <= H || s >= n) continue;
+			let l = I.current.get(a.key) ?? O, d = Math.max(s, Math.min(H, c - l));
 			r.push(/* @__PURE__ */ t("div", {
 				"data-group-key": a.key,
-				style: { top: d },
+				style: x ? { bottom: d } : { top: d },
 				className: e([u]),
 				children: a.render()
 			}, a.key));
 		}
 		return r;
-	})(), U = r((e, t = "auto") => {
-		let n = M.current;
+	})(), K = r((e, t = "auto") => {
+		let n = N.current;
 		if (!n || m.length === 0) return;
-		let r = Math.max(0, Math.min(m.length - 1, Math.floor(e))), i = R[r] ?? 0, a = T ? N.current.get(r) ?? D : g, o = n.clientHeight || h, s = (e) => e === "start" ? i : e === "end" ? i + a - o : i + a / 2 - o / 2, c;
+		let r = Math.max(0, Math.min(m.length - 1, Math.floor(e))), i = B[r] ?? 0, a = E ? F.current.get(r) ?? O : g, o = n.clientHeight || h, s = (e) => e === "start" ? i : e === "end" ? i + a - o : i + a / 2 - o / 2;
+		if (x) {
+			let e = Math.max(0, n.scrollHeight - o), r = Math.max(0, e - n.scrollTop);
+			if (t === "auto") {
+				if (i >= r && i + a <= r + o) return;
+				let t = s(i < r ? "end" : "start");
+				n.scrollTop = e - Math.max(0, Math.min(t, e));
+			} else {
+				let r = s(t);
+				n.scrollTop = e - Math.max(0, Math.min(r, e));
+			}
+			A(n.scrollTop);
+			return;
+		}
+		let c;
 		if (t === "auto") {
 			let e = n.scrollTop;
 			if (i >= e && i + a <= e + o) return;
 			c = s(i < e ? "end" : "start");
 		} else c = s(t);
-		n.scrollTop = Math.max(0, Math.min(c, n.scrollHeight - o)), k(n.scrollTop);
+		n.scrollTop = Math.max(0, Math.min(c, n.scrollHeight - o)), A(n.scrollTop);
 	}, [
-		R,
+		B,
 		m.length,
-		T,
-		D,
+		E,
+		O,
 		g,
-		h
+		h,
+		x
 	]);
-	return a(C, () => ({ scrollToIndex: U }), [U]), /* @__PURE__ */ t("div", {
-		ref: M,
+	return a(w, () => ({ scrollToIndex: K }), [K]), /* @__PURE__ */ t("div", {
+		ref: N,
 		style: {
 			height: h,
-			...S
+			...C
 		},
-		...w,
-		className: e([c, x]),
+		...T,
+		className: e([c, S]),
 		children: n("div", {
-			style: { height: z },
+			style: { height: V },
 			className: e([l]),
-			children: [m.slice(B, V).map((e, n) => {
-				let r = B + n, i = {
+			children: [m.slice(U, W).map((e, n) => {
+				let r = U + n, i = {
 					position: "absolute",
-					top: R[r],
 					width: "100%"
 				};
-				if (T) {
-					let e = N.current.get(r);
+				if (x ? i.bottom = B[r] : i.top = B[r], E) {
+					let e = F.current.get(r);
 					e !== void 0 && (i.height = e);
 				} else i.height = g;
 				return /* @__PURE__ */ t("div", {
@@ -144,7 +172,7 @@ function m({ items: m, height: h, itemHeight: g, estimatedItemHeight: _, groups:
 					style: i,
 					children: y(e, r)
 				}, r);
-			}), H]
+			}), G]
 		})
 	});
 }

package/dist/components/Watermark/Watermark.js

@@ -0,0 +1,55 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                    */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useEffect as r, useRef as i, useState as a } from "react";
+//#region src/lib/components/Watermark/Watermark.tsx
+function o({ lines: e, font: t, rotate: n, gapX: r, gapY: i, probe: a }) {
+	if (typeof document > "u") return null;
+	let o = document.createElement("canvas"), s = o.getContext("2d");
+	if (!s) return null;
+	let c = t.size ?? 14, l = a ? getComputedStyle(a) : null, u = t.color ?? l?.getPropertyValue("--haze-color-text-muted").trim() ?? "", d = t.family ?? "sans-serif";
+	s.font = `${t.weight ?? 400} ${c}px ${d}`, s.fillStyle = u || "rgba(0, 0, 0, 0.15)";
+	let f = c * 1.3, p = Math.max(0, ...e.map((e) => s.measureText(e).width)), m = e.length * f, h = typeof window > "u" ? 1 : window.devicePixelRatio || 1;
+	return o.width = Math.ceil((p + r) * h), o.height = Math.ceil((m + i) * h), s.scale(h, h), s.translate((p + r) / 2, (m + i) / 2), s.rotate(n * Math.PI / 180), s.textAlign = "center", s.textBaseline = "middle", e.forEach((t, n) => {
+		s.fillText(t, 0, (n - (e.length - 1) / 2) * f);
+	}), o.toDataURL();
+}
+var s = "haze-Watermark__container", c = "haze-Watermark__overlay";
+function l({ content: l, font: u, rotate: d = -22, gap: f = 100, offset: p = [0, 0], zIndex: m = 9, fullscreen: h = !1, children: g, className: _, style: v, ...y }) {
+	let b = i(null), [x, S] = a(null), C = Array.isArray(l) ? l : [l], w = Array.isArray(f) ? f[0] : f, T = Array.isArray(f) ? f[1] : f, E = C.join("\n"), D = u ? `${u.size ?? ""}/${u.color ?? ""}/${u.weight ?? ""}/${u.family ?? ""}` : "";
+	return r(() => {
+		S(o({
+			lines: C,
+			font: u ?? {},
+			rotate: d,
+			gapX: w,
+			gapY: T,
+			probe: b.current
+		}));
+	}, [
+		E,
+		D,
+		d,
+		w,
+		T
+	]), /* @__PURE__ */ n("div", {
+		ref: b,
+		style: v,
+		...y,
+		className: e([s, _]),
+		children: [g, x && /* @__PURE__ */ t("div", {
+			"aria-hidden": "true",
+			style: {
+				backgroundImage: `url(${x})`,
+				backgroundPosition: `${p[0]}px ${p[1]}px`,
+				zIndex: m,
+				...h ? { position: "fixed" } : void 0
+			},
+			className: e([c])
+		})]
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/Watermark/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e from "./Watermark.js";
+export { e as Watermark };

package/dist/css/anchor.css

@@ -0,0 +1,2 @@
+/* haze-ui anchor — generated by scripts/split-css.mjs, do not edit */
+.haze-Anchor__nav{font-size:var(--haze-text-sm);position:sticky;top:0}.haze-Anchor__list{gap:var(--haze-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.haze-Anchor__link{padding:var(--haze-space-1) var(--haze-space-2);border-inline-start:var(--haze-space-1) solid transparent;border-radius:0 var(--haze-radius-sm) var(--haze-radius-sm) 0;color:var(--haze-color-text-muted);-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);-webkit-text-decoration:none;text-decoration:none;display:block}.haze-Anchor__link:hover{color:var(--haze-color-text)}.haze-Anchor__linkActive{border-inline-start-color:var(--haze-color-primary);color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}

package/dist/css/app-shell.css

@@ -0,0 +1,2 @@
+/* haze-ui app-shell — generated by scripts/split-css.mjs, do not edit */
+.haze-AppShell__shell{display:-ms-grid;-ms-grid-rows:auto minmax(0, 1fr) auto;-ms-grid-columns:minmax(0, 1fr);grid-template:"header""content"minmax(0,1fr)"footer"/minmax(0,1fr);min-height:100dvh;display:grid;position:relative}.haze-AppShell__withSidebar{-ms-grid-columns:auto minmax(0, 1fr);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"header header""sidebar content""footer footer"}@media (width<=768px){.haze-AppShell__withSidebar{-ms-grid-columns:minmax(0, 1fr);grid-template-columns:minmax(0,1fr);grid-template-areas:"header""content""footer"}}.haze-AppShell__header{z-index:1;align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-block-end:1px solid var(--haze-color-border);grid-area:header;display:flex;position:sticky;top:0}.haze-AppShell__sidebar{width:var(--haze-appshell-sidebar-width,calc(var(--haze-space-16) * 4));background:var(--haze-color-bg-subtle);min-height:0;-webkit-transition:width var(--haze-duration-normal) var(--haze-ease),-webkit-transform var(--haze-duration-normal) var(--haze-ease);transition:width var(--haze-duration-normal) var(--haze-ease),transform var(--haze-duration-normal) var(--haze-ease);grid-area:sidebar;overflow:hidden}.haze-AppShell__sidebar[data-state=collapsed]{width:var(--haze-appshell-sidebar-width-collapsed,var(--haze-space-16))}@media (width<=768px){.haze-AppShell__sidebar{z-index:2;box-shadow:var(--haze-shadow-lg);position:absolute;inset-block:0;inset-inline-start:0}.haze-AppShell__sidebar[data-state=collapsed]{width:var(--haze-appshell-sidebar-width,calc(var(--haze-space-16) * 4));transform:translate(-100%)}}.haze-AppShell__content{grid-area:content;min-width:0}.haze-AppShell__footer{padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-block-start:1px solid var(--haze-color-border);grid-area:footer}

package/dist/css/badge.css

@@ -1,2 +1,2 @@
 /* haze-ui badge — generated by scripts/split-css.mjs, do not edit */
-.haze-Badge__base{border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.haze-Badge__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-Badge__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-Badge__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-Badge__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-Badge__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-Badge__sm{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-Badge__md{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}
+.haze-badge-styles__base{border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.haze-badge-styles__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-badge-styles__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-badge-styles__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-badge-styles__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-badge-styles__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-badge-styles__sm{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-badge-styles__md{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}

package/dist/css/bottom-sheet.css

@@ -1,2 +1,2 @@
 /* haze-ui bottom-sheet — generated by scripts/split-css.mjs, do not edit */
-.haze-BottomSheet__overlay{z-index:100;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.haze-BottomSheet__overlay[data-state=open]{-webkit-animation:haze-sheet-backdrop-in-haze-BottomSheet__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-sheet-backdrop-in-haze-BottomSheet__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-BottomSheet__overlay[data-state=closed]{-webkit-animation:haze-sheet-backdrop-out-haze-BottomSheet__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-sheet-backdrop-out-haze-BottomSheet__overlay var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-sheet-backdrop-in-haze-BottomSheet__overlay{0%{opacity:0}}@keyframes haze-sheet-backdrop-out-haze-BottomSheet__overlay{to{opacity:0}}.haze-BottomSheet__sheet{background:var(--haze-color-bg);border-radius:var(--haze-radius-xl) var(--haze-radius-xl) 0 0;padding:var(--haze-space-4) var(--haze-space-6) calc(var(--haze-space-4) + env(safe-area-inset-bottom));width:100%;max-width:640px;max-height:80vh;font-family:var(--haze-font-sans);color:var(--haze-color-text);box-shadow:var(--haze-shadow-xl);overflow-y:auto}[data-state=open] .haze-BottomSheet__sheet{-webkit-animation:haze-sheet-in-haze-BottomSheet__sheet var(--haze-duration-normal) var(--haze-ease);animation:haze-sheet-in-haze-BottomSheet__sheet var(--haze-duration-normal) var(--haze-ease)}[data-state=closed] .haze-BottomSheet__sheet{-webkit-animation:haze-sheet-out-haze-BottomSheet__sheet var(--haze-duration-fast) var(--haze-ease);animation:haze-sheet-out-haze-BottomSheet__sheet var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-sheet-in-haze-BottomSheet__sheet{0%{transform:translateY(100%)}}@keyframes haze-sheet-out-haze-BottomSheet__sheet{to{transform:translateY(100%)}}.haze-BottomSheet__handle{background:var(--haze-color-border);border-radius:var(--haze-radius-full);width:2rem;height:.25rem;margin:0 auto var(--haze-space-4)}
+.haze-BottomSheet__overlay{z-index:100;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.haze-BottomSheet__overlay[data-state=open]{-webkit-animation:haze-sheet-backdrop-in-haze-BottomSheet__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-sheet-backdrop-in-haze-BottomSheet__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-BottomSheet__overlay[data-state=closed]{-webkit-animation:haze-sheet-backdrop-out-haze-BottomSheet__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-sheet-backdrop-out-haze-BottomSheet__overlay var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-sheet-backdrop-in-haze-BottomSheet__overlay{0%{opacity:0}}@keyframes haze-sheet-backdrop-out-haze-BottomSheet__overlay{to{opacity:0}}.haze-BottomSheet__sheet{box-sizing:border-box;background:var(--haze-color-bg);border-radius:var(--haze-radius-xl) var(--haze-radius-xl) 0 0;padding:var(--haze-space-4) var(--haze-space-6) calc(var(--haze-space-4) + env(safe-area-inset-bottom));width:100%;max-width:640px;max-height:80vh;font-family:var(--haze-font-sans);color:var(--haze-color-text);box-shadow:var(--haze-shadow-xl);overflow-y:auto}[data-state=open] .haze-BottomSheet__sheet{-webkit-animation:haze-sheet-in-haze-BottomSheet__sheet var(--haze-duration-normal) var(--haze-ease);animation:haze-sheet-in-haze-BottomSheet__sheet var(--haze-duration-normal) var(--haze-ease)}[data-state=closed] .haze-BottomSheet__sheet{-webkit-animation:haze-sheet-out-haze-BottomSheet__sheet var(--haze-duration-fast) var(--haze-ease);animation:haze-sheet-out-haze-BottomSheet__sheet var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-sheet-in-haze-BottomSheet__sheet{0%{transform:translateY(100%)}}@keyframes haze-sheet-out-haze-BottomSheet__sheet{to{transform:translateY(100%)}}.haze-BottomSheet__handle{background:var(--haze-color-border);border-radius:var(--haze-radius-full);width:2rem;height:.25rem;margin:0 auto var(--haze-space-4)}.haze-BottomSheet__swipeable{touch-action:pan-y;overscroll-behavior-y:none}

package/dist/css/button.css

@@ -1,3 +1,3 @@
 /* haze-ui button — generated by scripts/split-css.mjs, do not edit */
 .haze-ButtonLink__link{-webkit-text-decoration:none;text-decoration:none}.haze-ButtonLink__link[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}
-.haze-styles__base{justify-content:center;align-items:center;gap:var(--haze-space-2);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex}.haze-styles__base:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-styles__base:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.haze-styles__solid{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-styles__solid:hover{background:var(--haze-color-primary-hover)}.haze-styles__solid:active{background:var(--haze-color-primary-active)}.haze-styles__outline{border-color:var(--haze-color-border);color:var(--haze-color-text);background:0 0}.haze-styles__outline:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-styles__outline:active{background:var(--haze-color-bg-muted)}.haze-styles__ghost{color:var(--haze-color-text);background:0 0}.haze-styles__ghost:hover{background:var(--haze-color-bg-subtle)}.haze-styles__ghost:active{background:var(--haze-color-bg-muted)}.haze-styles__sizeSm{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-styles__sizeMd{padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-text-sm)}.haze-styles__sizeLg{padding:var(--haze-space-3) var(--haze-space-6);font-size:var(--haze-text-base)}.haze-styles__squareSm{padding:var(--haze-space-1);font-size:var(--haze-text-sm)}.haze-styles__squareMd{padding:var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-styles__squareLg{padding:var(--haze-space-3);font-size:var(--haze-text-base)}
+.haze-styles__base{justify-content:center;align-items:center;gap:var(--haze-space-2);border-radius:var(--haze-button-radius,var(--haze-radius-md));font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex}.haze-styles__base:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-styles__base:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.haze-styles__solid{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-styles__solid:hover{background:var(--haze-color-primary-hover)}.haze-styles__solid:active{background:var(--haze-color-primary-active)}.haze-styles__outline{border-color:var(--haze-color-border);color:var(--haze-color-text);background:0 0}.haze-styles__outline:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-styles__outline:active{background:var(--haze-color-bg-muted)}.haze-styles__ghost{color:var(--haze-color-text);background:0 0}.haze-styles__ghost:hover{background:var(--haze-color-bg-subtle)}.haze-styles__ghost:active{background:var(--haze-color-bg-muted)}.haze-styles__sizeSm{height:var(--haze-button-height-sm,auto);padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-button-font-size-sm,var(--haze-text-sm))}.haze-styles__sizeMd{height:var(--haze-button-height-md,auto);padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-button-font-size-md,var(--haze-text-sm))}.haze-styles__sizeLg{height:var(--haze-button-height-lg,auto);padding:var(--haze-space-3) var(--haze-space-6);font-size:var(--haze-button-font-size-lg,var(--haze-text-base))}.haze-styles__squareSm{height:var(--haze-button-height-sm,auto);padding:var(--haze-space-1);font-size:var(--haze-button-font-size-sm,var(--haze-text-sm))}.haze-styles__squareMd{height:var(--haze-button-height-md,auto);padding:var(--haze-space-2);font-size:var(--haze-button-font-size-md,var(--haze-text-sm))}.haze-styles__squareLg{height:var(--haze-button-height-lg,auto);padding:var(--haze-space-3);font-size:var(--haze-button-font-size-lg,var(--haze-text-base))}

package/dist/css/calendar.css

@@ -1,2 +1,2 @@
 /* haze-ui calendar — generated by scripts/split-css.mjs, do not edit */
-.haze-Calendar__calendarWrapper{padding:var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.haze-Calendar__header{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;justify-content:space-between;gap:var(--haze-space-2);margin-block-end:var(--haze-space-2);display:flex}.haze-Calendar__headerBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);background:0 0;border:none;line-height:1}.haze-Calendar__headerBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__headerBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__headerTitle{font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-Calendar__headerTrailing{align-items:center;gap:var(--haze-space-1);display:inline-flex}.haze-Calendar__grid{display:-ms-grid;-ms-grid-columns:repeat(7, 1fr);text-align:center;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.haze-Calendar__rowContents,.haze-Calendar__cellContents{display:contents}.haze-Calendar__weekday{padding:var(--haze-space-1);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-Calendar__dayBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);-webkit-transition:background var(--haze-duration-fast) var(--haze-ease);transition:background var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;line-height:1.5}.haze-Calendar__dayBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__dayBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__dayBtn:disabled{opacity:.3;cursor:not-allowed}.haze-Calendar__daySelected{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-Calendar__daySelected:hover{background:var(--haze-color-primary-hover)}.haze-Calendar__dayOutside{color:var(--haze-color-text-muted)}
+.haze-Calendar__calendarWrapper{padding:var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.haze-Calendar__header{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;justify-content:space-between;gap:var(--haze-space-2);margin-block-end:var(--haze-space-2);display:flex}.haze-Calendar__headerBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);background:0 0;border:none;line-height:1}.haze-Calendar__headerBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__headerBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__headerTitle{font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-Calendar__titleBtn{appearance:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border-radius:var(--haze-radius-sm);background:0 0;border:none;margin:0;padding:0}.haze-Calendar__titleBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__titleBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__headerTrailing{align-items:center;gap:var(--haze-space-1);display:inline-flex}.haze-Calendar__grid{display:-ms-grid;-ms-grid-columns:repeat(7, 1fr);text-align:center;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.haze-Calendar__rowContents,.haze-Calendar__cellContents{display:contents}.haze-Calendar__weekday{padding:var(--haze-space-1);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-Calendar__weekNumber{padding:var(--haze-space-2);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-Calendar__dayBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);-webkit-transition:background var(--haze-duration-fast) var(--haze-ease);transition:background var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;line-height:1.5}.haze-Calendar__dayBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__dayBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__dayBtn:disabled{opacity:.3;cursor:not-allowed}.haze-Calendar__daySelected{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-Calendar__daySelected:hover{background:var(--haze-color-primary-hover)}.haze-Calendar__dayInRange{background:var(--haze-color-primary-subtle)}.haze-Calendar__dayOutside{color:var(--haze-color-text-muted)}.haze-Calendar__monthPanels{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-4);display:flex}.haze-Calendar__monthPanel{flex-direction:column;display:flex}.haze-Calendar__paneHeader{justify-content:center;align-items:center;gap:var(--haze-space-2);margin-block-end:var(--haze-space-2);display:flex}.haze-Calendar__quickSelect{flex-direction:column;display:flex}.haze-Calendar__quickToolbar{justify-content:center;align-items:center;gap:var(--haze-space-2);margin-block-end:var(--haze-space-2);display:flex}.haze-Calendar__quickGrid{display:-ms-grid;-ms-grid-columns:repeat(3, 1fr);text-align:center;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.haze-Calendar__quarterGrid{display:-ms-grid;-ms-grid-columns:repeat(4, 1fr);text-align:center;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}