haze-ui 1.32.0 → 1.33.0

package/dist/components/LocaleProvider/ko-kr.js

@@ -184,6 +184,12 @@ var e = {
 		moreTags: "+{count}"
 	},
 	spinner: { loading: "불러오는 중" },
+	splitter: {
+		collapseLead: "앞쪽 창 접기",
+		expandLead: "앞쪽 창 펼치기",
+		collapseTrail: "뒤쪽 창 접기",
+		expandTrail: "뒤쪽 창 펼치기"
+	},
 	sources: {
 		label: "출처",
 		expand: "발췌 보기",

package/dist/components/LocaleProvider/locale.js

@@ -184,6 +184,12 @@ var e = {
 		moreTags: "+{count}"
 	},
 	spinner: { loading: "Loading" },
+	splitter: {
+		collapseLead: "Collapse leading pane",
+		expandLead: "Expand leading pane",
+		collapseTrail: "Collapse trailing pane",
+		expandTrail: "Expand trailing pane"
+	},
 	sources: {
 		label: "Sources",
 		expand: "Show excerpt",

package/dist/components/LocaleProvider/pt-br.js

@@ -184,6 +184,12 @@ var e = {
 		moreTags: "+{count}"
 	},
 	spinner: { loading: "Carregando" },
+	splitter: {
+		collapseLead: "Recolher o painel anterior",
+		expandLead: "Expandir o painel anterior",
+		collapseTrail: "Recolher o painel seguinte",
+		expandTrail: "Expandir o painel seguinte"
+	},
 	sources: {
 		label: "Fontes",
 		expand: "Mostrar trecho",

package/dist/components/LocaleProvider/ru-ru.js

@@ -184,6 +184,12 @@ var e = {
 		moreTags: "+{count}"
 	},
 	spinner: { loading: "Загрузка" },
+	splitter: {
+		collapseLead: "Свернуть переднюю панель",
+		expandLead: "Развернуть переднюю панель",
+		collapseTrail: "Свернуть заднюю панель",
+		expandTrail: "Развернуть заднюю панель"
+	},
 	sources: {
 		label: "Источники",
 		expand: "Показать отрывок",

package/dist/components/LocaleProvider/zh-cn.js

@@ -184,6 +184,12 @@ var e = {
 		moreTags: "+{count}"
 	},
 	spinner: { loading: "加载中" },
+	splitter: {
+		collapseLead: "收起前侧窗格",
+		expandLead: "展开前侧窗格",
+		collapseTrail: "收起后侧窗格",
+		expandTrail: "展开后侧窗格"
+	},
 	sources: {
 		label: "引用来源",
 		expand: "展开摘录",

package/dist/components/Resizable/index.js

@@ -1,3 +1,3 @@
 "use client";
 import { ResizableGroup as e, ResizableHandle as t, ResizablePanel as n } from "./Resizable.js";
-export { e as ResizableGroup, t as ResizableHandle, n as ResizablePanel, e as SplitterGroup, t as SplitterHandle, n as SplitterPanel };
+export { e as ResizableGroup, t as ResizableHandle, n as ResizablePanel };

package/dist/components/Splitter/Splitter.js

@@ -0,0 +1,199 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { getDirection as t } from "../../utils/direction.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+/* empty css                   */
+import { Children as r, cloneElement as i, createContext as a, isValidElement as o, useContext as s, useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { isControl as d, useControl as ee, useThru as f, watch as p } from "react-use-control";
+//#region src/lib/components/Splitter/Splitter.tsx
+var m = a(null);
+function h() {
+	if (s(m) === null) throw Error("SplitterPane must be used within <Splitter>");
+}
+var g = 5, _ = 2 ** 53 - 1, v = (e) => Math.round(e * 100) / 100;
+function y(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function b(e, t, n) {
+	return {
+		lo: Math.max(e.min, n - t.max),
+		hi: Math.min(e.max, n - t.min)
+	};
+}
+var te = "haze-Splitter__splitterBase", ne = "haze-Splitter__splitterHorizontal", x = "haze-Splitter__splitterVertical";
+function S({ orientation: a = "horizontal", sizes: s, onSizesChange: h, children: S, className: C, ...N }) {
+	let P = r.toArray(S).filter(o).map((e) => {
+		if (e.type !== w) throw Error("Splitter children must be <SplitterPane> elements");
+		return e;
+	}), F = P.length, I = () => Array.from({ length: F }, () => 100 / F), L = d(s), [R, ae] = ee(f(L ? s : void 0, p((e) => h?.(e))), L ? I : s ?? I), z = (e) => {
+		let t = R[e];
+		return t === void 0 ? 100 / F : t;
+	}, B = (e) => {
+		let t = P[e]?.props;
+		return {
+			min: t?.min ?? 0,
+			max: t?.max ?? Infinity
+		};
+	}, V = c(null), H = c(null), U = n("splitter"), W = c(/* @__PURE__ */ new Map()), G = (e) => P[e]?.props.collapsible === !0, K = (e) => z(e) === 0, q = (e) => {
+		let t = B(e);
+		return K(e) ? {
+			...t,
+			min: 0
+		} : t;
+	}, J = (e, t) => {
+		let n = Math.min(e, t), r = z(n) + z(n + 1);
+		if (K(e)) {
+			let { lo: i, hi: a } = b(B(e), B(t), r), o = y(W.current.get(e) ?? r / 2, i, a);
+			W.current.delete(e);
+			let s = e === n ? o : r - o;
+			X(n, s, r);
+		} else W.current.set(e, z(e)), X(n, e === n ? 0 : r, r);
+	}, Y = () => a === "horizontal" && t(V.current) === "rtl", X = (e, t, n) => {
+		let r = v(t), i = v(n - r);
+		ae((t) => {
+			if (e + 1 >= t.length || t[e] === r) return t;
+			let n = t.slice();
+			return n[e] = r, n[e + 1] = i, n;
+		});
+	}, Z = (e) => a === "horizontal" ? e.clientX : e.clientY, oe = () => {
+		let e = V.current;
+		if (e === null) return 0;
+		let t = 0;
+		for (let n of e.querySelectorAll("[data-slot='pane']")) {
+			let e = n.getBoundingClientRect();
+			t += a === "horizontal" ? e.width : e.height;
+		}
+		return t;
+	}, se = (e, t) => {
+		if (t.button !== 0) return;
+		let n = oe();
+		if (!(n > 0)) return;
+		let r = z(e) + z(e + 1), { lo: i, hi: a } = b(q(e), q(e + 1), r);
+		t.preventDefault();
+		let o = t.currentTarget;
+		if (H.current = {
+			pointerId: t.pointerId,
+			origin: Z(t),
+			extent: n,
+			leadIndex: e,
+			startLead: z(e),
+			pairSum: r,
+			lo: i,
+			hi: a,
+			lastLead: z(e)
+		}, typeof o.setPointerCapture == "function") try {
+			o.setPointerCapture(t.pointerId);
+		} catch {}
+	}, ce = (e) => {
+		let t = H.current;
+		if (t?.pointerId !== e.pointerId) return;
+		K(t.leadIndex) && W.current.delete(t.leadIndex), K(t.leadIndex + 1) && W.current.delete(t.leadIndex + 1);
+		let n = Z(e) - t.origin, r = (Y() ? -n : n) / t.extent * 100, i = y(t.startLead + r, t.lo, t.hi);
+		v(i) !== v(t.lastLead) && (t.lastLead = i, X(t.leadIndex, i, t.pairSum));
+	}, Q = (e) => {
+		if (H.current?.pointerId !== e.pointerId) return;
+		H.current = null;
+		let t = e.currentTarget;
+		if (typeof t.releasePointerCapture == "function") try {
+			t.releasePointerCapture(e.pointerId);
+		} catch {}
+	}, le = (e, t) => {
+		let n = a === "horizontal" ? "ArrowRight" : "ArrowDown", r = a === "horizontal" ? "ArrowLeft" : "ArrowUp", { key: i } = t;
+		if (i !== n && i !== r && i !== "Home" && i !== "End") return;
+		let o = z(e) + z(e + 1), { lo: s, hi: c } = b(q(e), q(e + 1), o), l = z(e);
+		t.preventDefault();
+		let u = Y(), d = y(l + (i === n ? u ? -5 : g : i === r ? u ? g : -5 : i === "Home" ? -_ : _), s, c);
+		d !== l && X(e, d, o);
+	}, $ = [];
+	return P.forEach((t, n) => {
+		if (n > 0) {
+			let t = n - 1, r = z(t) + z(n), { lo: i, hi: o } = b(q(t), q(n), r);
+			$.push(/* @__PURE__ */ u("div", {
+				"data-slot": "divider",
+				className: e([T, a === "horizontal" ? re : E]),
+				children: [
+					/* @__PURE__ */ l("div", {
+						"data-slot": "divider-handle",
+						role: "separator",
+						"aria-orientation": a === "horizontal" ? "vertical" : "horizontal",
+						tabIndex: 0,
+						"aria-valuenow": Math.round(z(t)),
+						"aria-valuemin": Math.round(i),
+						"aria-valuemax": Math.round(o),
+						onKeyDown: (e) => le(t, e),
+						onPointerDown: (e) => se(t, e),
+						onPointerMove: ce,
+						onPointerUp: Q,
+						onPointerCancel: Q,
+						className: e([ie])
+					}),
+					G(t) && /* @__PURE__ */ l("button", {
+						type: "button",
+						"data-slot": "divider-collapse",
+						"data-side": "lead",
+						"aria-expanded": !K(t),
+						"aria-label": K(t) ? U.expandLead : U.collapseLead,
+						onClick: () => J(t, n),
+						className: e([O, a === "horizontal" ? k : j]),
+						children: D
+					}, `splitter-collapse-lead-${n}`),
+					G(n) && /* @__PURE__ */ l("button", {
+						type: "button",
+						"data-slot": "divider-collapse",
+						"data-side": "trail",
+						"aria-expanded": !K(n),
+						"aria-label": K(n) ? U.expandTrail : U.collapseTrail,
+						onClick: () => J(n, t),
+						className: e([O, a === "horizontal" ? A : M]),
+						children: D
+					}, `splitter-collapse-trail-${n}`)
+				]
+			}, `splitter-divider-${n}`));
+		}
+		$.push(i(t, { style: {
+			...t.props.style,
+			flexGrow: z(n)
+		} }));
+	}), /* @__PURE__ */ l(m.Provider, {
+		value: !0,
+		children: l("div", {
+			ref: V,
+			"data-slot": "splitter",
+			...N,
+			className: e([
+				te,
+				a === "horizontal" ? ne : x,
+				C
+			]),
+			children: $
+		})
+	});
+}
+var C = "haze-Splitter__paneBase";
+function w({ min: t, max: n, collapsible: r, children: i, className: a, ...o }) {
+	return h(), /* @__PURE__ */ l("div", {
+		"data-slot": "pane",
+		...o,
+		className: e([C, a]),
+		children: i
+	});
+}
+var T = "haze-Splitter__dividerBase", re = "haze-Splitter__dividerHorizontal", E = "haze-Splitter__dividerVertical", ie = "haze-Splitter__dividerHandle", D = /* @__PURE__ */ l("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true",
+	focusable: "false",
+	children: l("path", {
+		d: "M10.5 3 5.5 8l5 5",
+		stroke: "currentColor",
+		strokeWidth: "1.75",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+}), O = "haze-Splitter__collapseButtonBase", k = "haze-Splitter__collapseLeadHorizontal", A = "haze-Splitter__collapseTrailHorizontal", j = "haze-Splitter__collapseLeadVertical", M = "haze-Splitter__collapseTrailVertical";
+//#endregion
+export { S as Splitter, w as SplitterPane };

package/dist/components/Splitter/index.js

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

package/dist/css/countdown.css

@@ -0,0 +1,4 @@
+/* haze-ui countdown — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
+.haze-Countdown__base{font-variant-numeric:tabular-nums;font-family:var(--haze-font-sans);font-size:inherit;color:inherit}
+}

package/dist/css/image-crop.css

@@ -0,0 +1,4 @@
+/* haze-ui image-crop — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
+.haze-ImageCrop__root{max-width:100%;font-family:var(--haze-font-sans);display:block}.haze-ImageCrop__sourceClass{display:none}.haze-ImageCrop__frame{border-radius:var(--haze-radius-md);background:var(--haze-color-bg-muted);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.haze-ImageCrop__canvasClass{width:100%;height:auto;display:block}.haze-ImageCrop__loading{box-sizing:border-box;aspect-ratio:4/3;border-radius:var(--haze-radius-md);background:var(--haze-color-bg-subtle);width:100%}.haze-ImageCrop__cropBox{box-sizing:border-box;border:1px solid var(--haze-color-primary);border-radius:var(--haze-radius-sm);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #00000073}.haze-ImageCrop__cropBox:focus-visible{box-shadow:0 0 0 9999px #00000073,inset 0 0 0 var(--haze-space-1) var(--haze-color-focus-ring);outline:none}.haze-ImageCrop__cropBox[aria-disabled=true]{cursor:not-allowed}@media (forced-colors:active){.haze-ImageCrop__cropBox{box-shadow:none;border-color:highlight}.haze-ImageCrop__cropBox:focus-visible{box-shadow:inset 0 0 0 var(--haze-space-1) Highlight}}.haze-ImageCrop__cropCircle{border-radius:var(--haze-radius-full)}.haze-ImageCrop__handleBase{width:var(--haze-space-6);height:var(--haze-space-6);touch-action:none;position:absolute}.haze-ImageCrop__handleBase:before{content:"";inset:calc((var(--haze-space-6) - var(--haze-space-2)) / 2);box-sizing:border-box;border:1px solid var(--haze-color-primary);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);position:absolute}@media (forced-colors:active){.haze-ImageCrop__handleBase:before{background:canvastext;border-color:canvastext}}.haze-ImageCrop__nw{top:calc(var(--haze-space-6) / -2);left:calc(var(--haze-space-6) / -2);cursor:nw-resize}.haze-ImageCrop__ne{top:calc(var(--haze-space-6) / -2);right:calc(var(--haze-space-6) / -2);cursor:ne-resize}.haze-ImageCrop__sw{bottom:calc(var(--haze-space-6) / -2);left:calc(var(--haze-space-6) / -2);cursor:sw-resize}.haze-ImageCrop__se{bottom:calc(var(--haze-space-6) / -2);right:calc(var(--haze-space-6) / -2);cursor:se-resize}.haze-ImageCrop__notice{box-sizing:border-box;aspect-ratio:4/3;border:1px dashed var(--haze-color-border);border-radius:var(--haze-radius-md);width:100%;color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);justify-content:center;align-items:center;display:flex}.haze-ImageCrop__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
+}

package/dist/css/splitter.css

@@ -0,0 +1,4 @@
+/* haze-ui splitter — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
+.haze-Splitter__splitterBase{box-sizing:border-box;min-width:0;min-height:0;display:flex;overflow:hidden}.haze-Splitter__splitterHorizontal{flex-direction:row;height:100%}.haze-Splitter__splitterVertical{flex-direction:column;width:100%}.haze-Splitter__paneBase{box-sizing:border-box;flex-shrink:0;flex-basis:0;min-width:0;min-height:0;overflow:auto}.haze-Splitter__dividerBase{background:var(--haze-color-border);-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);-webkit-background-clip:content-box;background-clip:content-box;flex:none;position:relative}.haze-Splitter__dividerBase:hover{background:linear-gradient(to right, transparent 0, var(--haze-color-primary) 50%, transparent 100%) center/2px 100% no-repeat,var(--haze-color-bg-subtle)}.haze-Splitter__dividerBase:has(>:focus-visible){background:linear-gradient(to right, transparent 0, var(--haze-color-primary) 50%, transparent 100%) center/2px 100% no-repeat,var(--haze-color-bg-subtle)}.haze-Splitter__dividerBase:has(>:focus-visible){box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-Splitter__dividerBase:hover>[data-slot=divider-collapse],.haze-Splitter__dividerBase:focus-within>[data-slot=divider-collapse],.haze-Splitter__dividerBase>[data-slot=divider-collapse]:focus-visible{opacity:1;pointer-events:auto}@media (forced-colors:active){.haze-Splitter__dividerBase{background:canvastext;-webkit-background-clip:content-box;background-clip:content-box}.haze-Splitter__dividerBase:hover{background:highlight;-webkit-background-clip:content-box;background-clip:content-box}.haze-Splitter__dividerBase:has(>:focus-visible){background:highlight;-webkit-background-clip:content-box;background-clip:content-box}.haze-Splitter__dividerBase:has(>:focus-visible){outline-offset:-2px;outline:2px solid highlight}}.haze-Splitter__dividerHorizontal{width:2px;height:100%;padding-inline:calc((var(--haze-space-6) - 2px) / 2);cursor:col-resize}@media (pointer:coarse){.haze-Splitter__dividerHorizontal{padding-inline:21px}}.haze-Splitter__dividerVertical{width:100%;height:2px;padding-block:calc((var(--haze-space-6) - 2px) / 2);cursor:row-resize}.haze-Splitter__dividerVertical:hover,.haze-Splitter__dividerVertical:focus-visible{background:linear-gradient(to bottom, transparent 0, var(--haze-color-primary) 50%, transparent 100%) center/100% 2px no-repeat,var(--haze-color-bg-subtle)}@media (pointer:coarse){.haze-Splitter__dividerVertical{padding-block:21px}}.haze-Splitter__dividerHandle{touch-action:none;position:absolute;inset:0}.haze-Splitter__dividerHandle:focus-visible{outline:none}.haze-Splitter__collapseButtonBase{box-sizing:border-box;width:var(--haze-space-6);height:var(--haze-space-6);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);cursor:pointer;opacity:0;pointer-events:none;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.haze-Splitter__collapseButtonBase:hover{color:var(--haze-color-text)}.haze-Splitter__collapseButtonBase:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}@media (forced-colors:active){.haze-Splitter__collapseButtonBase{background:canvas;border:1px solid buttonborder}}.haze-Splitter__collapseLeadHorizontal{top:var(--haze-space-1);left:50%;transform:translate(-50%)}.haze-Splitter__collapseLeadHorizontal svg{transform:rotate(0)}html[dir=rtl] .haze-Splitter__collapseLeadHorizontal svg{transform:rotate(180deg)}.haze-Splitter__collapseTrailHorizontal{bottom:var(--haze-space-1);left:50%;transform:translate(-50%)}.haze-Splitter__collapseTrailHorizontal svg{transform:rotate(180deg)}html[dir=rtl] .haze-Splitter__collapseTrailHorizontal svg{transform:rotate(0)}.haze-Splitter__collapseLeadVertical{inset-inline-start:var(--haze-space-1);top:50%;transform:translateY(-50%)}.haze-Splitter__collapseLeadVertical svg{transform:rotate(90deg)}.haze-Splitter__collapseTrailVertical{inset-inline-end:var(--haze-space-1);top:50%;transform:translateY(-50%)}.haze-Splitter__collapseTrailVertical svg{transform:rotate(-90deg)}
+}

package/dist/css-manifest.json

@@ -58,6 +58,7 @@
     "ConversationItem": "conversation-list",
     "ConversationList": "conversation-list",
     "CountUp": "count-up",
+    "Countdown": "countdown",
     "DataTable": "data-table",
     "DateRangePicker": "date-range-picker",
     "DateRangePickerCore": "date-range-picker",
@@ -97,6 +98,7 @@
     "HoverCard": "hover-card",
     "Icon": "icon",
     "Image": "image",
+    "ImageCrop": "image-crop",
     "Indicator": "indicator",
     "InlineCompletion": "inline-completion",
     "InlineEdit": "inline-edit",
@@ -171,9 +173,8 @@
     "Sources": "sources",
     "Sparkline": "sparkline",
     "Spinner": "spinner",
-    "SplitterGroup": "resizable",
-    "SplitterHandle": "resizable",
-    "SplitterPanel": "resizable",
+    "Splitter": "splitter",
+    "SplitterPane": "splitter",
     "Spoiler": "spoiler",
     "Stat": "stat",
     "StatGroup": "stat",

package/dist/haze-ui.css

@@ -170,6 +170,10 @@
 .haze-CountUp__base{font-variant-numeric:tabular-nums;font-family:var(--haze-font-sans);font-size:inherit;color:inherit}
 }
 
+@layer haze {
+.haze-Countdown__base{font-variant-numeric:tabular-nums;font-family:var(--haze-font-sans);font-size:inherit;color:inherit}
+}
+
 @layer haze {
 .haze-CellEditor__editorInput{min-width:0;margin-block:calc(-1 * var(--haze-space-1))}
 .haze-DataTable__root{flex-direction:column;display:flex}.haze-DataTable__scrollArea{overflow-x:auto}.haze-DataTable__stickyScrollArea{flex:1;min-height:0;overflow:auto}.haze-DataTable__virtualArea{-webkit-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto hidden}.haze-DataTable__fixedLayout{table-layout:fixed}.haze-DataTable__virtualRowTable{height:100%}.haze-DataTable__tableBase{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-DataTable__stickyHead th{z-index:2;background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;top:0}.haze-DataTable__sortButton{align-items:center;gap:var(--haze-space-1);font:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.haze-DataTable__sortButton:hover{color:var(--haze-color-primary)}.haze-DataTable__sortButton:focus-visible{border-radius:var(--haze-radius-sm);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sortIcon{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-DataTable__rowHover:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__rowSelected,.haze-DataTable__rowSelected:hover{background:var(--haze-color-primary-subtle)}.haze-DataTable__clickableRow{cursor:pointer}.haze-DataTable__checkCell{white-space:nowrap;width:1%}.haze-DataTable__checkCellCol{white-space:nowrap}.haze-DataTable__fixedCell{z-index:1;background:var(--haze-color-bg);position:sticky}tr:hover .haze-DataTable__fixedCell{background:var(--haze-color-bg-subtle)}tr .haze-DataTable__fixedCellSelected,tr:hover .haze-DataTable__fixedCellSelected{background:var(--haze-color-primary-subtle)}.haze-DataTable__fixedHeadCell{z-index:3}.haze-DataTable__fixedLeftEdge{clip-path:inset(0 -8px 0 0);box-shadow:6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__fixedRightEdge{clip-path:inset(0 0 0 -8px);box-shadow:-6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__emptyCell{padding:0}.haze-DataTable__footer{margin-top:var(--haze-space-3);justify-content:flex-end;align-items:center;display:flex}.haze-DataTable__toolbar{margin-bottom:var(--haze-space-3);justify-content:flex-end;display:flex}.haze-DataTable__footerMenu{-webkit-margin-end:auto;margin-inline-end:auto}.haze-DataTable__columnsTrigger{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);display:inline-flex}.haze-DataTable__columnsTrigger:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-DataTable__toggleRow{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-sm);align-items:center;display:flex}.haze-DataTable__toggleRow:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__resizableHead{position:relative}.haze-DataTable__resizeHandle{top:0;bottom:0;z-index:1;cursor:col-resize;touch-action:none;border-radius:var(--haze-radius-sm);width:6px;position:absolute;inset-inline-end:-3px}.haze-DataTable__resizeHandle:after{content:"";top:25%;bottom:25%;background:var(--haze-color-border);width:1px;position:absolute;inset-inline-end:2.5px}.haze-DataTable__resizeHandle:hover:after,.haze-DataTable__resizeHandle:focus-visible:after{background:var(--haze-color-primary);top:0;bottom:0}.haze-DataTable__resizeHandle:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__expander{width:var(--haze-space-5);height:var(--haze-space-5);-webkit-margin-end:var(--haze-space-1);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);vertical-align:middle;cursor:pointer;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;display:inline-flex}.haze-DataTable__expander:hover{color:var(--haze-color-text);background:var(--haze-color-bg-subtle)}.haze-DataTable__expander:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__expanderIcon{-webkit-transition:-webkit-transform var(--haze-duration-fast) var(--haze-ease);transition:transform var(--haze-duration-fast) var(--haze-ease)}[aria-expanded=true] .haze-DataTable__expanderIcon{transform:rotate(90deg)}.haze-DataTable__panelCell{padding:var(--haze-space-3);background:var(--haze-color-bg-subtle)}.haze-DataTable__treeIndent{vertical-align:middle;display:inline-block}.haze-DataTable__summaryFoot td{padding:var(--haze-space-2) var(--haze-space-3);border-top:2px solid var(--haze-color-border);color:var(--haze-color-text);font-weight:var(--haze-weight-semibold);white-space:nowrap}.haze-DataTable__stickyFoot td{z-index:2;background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;bottom:0}.haze-DataTable__editableCell{cursor:text}.haze-DataTable__editableCell:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-primary);outline:none}
@@ -275,6 +279,10 @@
 .haze-ImagePreview__overlay{border-radius:var(--haze-radius-none);color:var(--haze-color-text);font-family:var(--haze-font-sans);background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;overflow:hidden}.haze-ImagePreview__overlay[open]{justify-content:center;align-items:center;display:flex}.haze-ImagePreview__overlay::backdrop{background:#000000b8}.haze-ImagePreview__overlay[open][data-state=open]{-webkit-animation:haze-image-preview-in-haze-ImagePreview__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-image-preview-in-haze-ImagePreview__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-ImagePreview__overlay[open][data-state=closed]{-webkit-animation:haze-image-preview-out-haze-ImagePreview__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-image-preview-out-haze-ImagePreview__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-ImagePreview__overlay[open][data-state=open]::backdrop{-webkit-animation:haze-image-backdrop-in-haze-ImagePreview__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-image-backdrop-in-haze-ImagePreview__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-ImagePreview__overlay[open][data-state=closed]::backdrop{-webkit-animation:haze-image-backdrop-out-haze-ImagePreview__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-image-backdrop-out-haze-ImagePreview__overlay var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-image-preview-in-haze-ImagePreview__overlay{0%{opacity:0}}@keyframes haze-image-preview-out-haze-ImagePreview__overlay{to{opacity:0}}@keyframes haze-image-backdrop-in-haze-ImagePreview__overlay{0%{opacity:0}}@keyframes haze-image-backdrop-out-haze-ImagePreview__overlay{to{opacity:0}}.haze-ImagePreview__previewImg{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;touch-action:none;max-width:90%;max-height:90%}.haze-ImagePreview__imgPannable{cursor:-webkit-grab;cursor:grab}.haze-ImagePreview__imgPanning{cursor:-webkit-grabbing;cursor:grabbing}.haze-ImagePreview__imgAnimated{-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease);transition:transform var(--haze-duration-normal) var(--haze-ease)}.haze-ImagePreview__toolbar{top:var(--haze-space-4);align-items:center;gap:var(--haze-space-1);width:fit-content;padding:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);margin-inline:auto;display:flex;position:absolute;left:0;right:0}.haze-ImagePreview__toolButton{width:var(--haze-space-8);height:var(--haze-space-8);border-radius:var(--haze-radius-md);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.haze-ImagePreview__toolButton svg{width:var(--haze-space-5);height:var(--haze-space-5)}.haze-ImagePreview__toolButton:hover:not(:disabled){background:var(--haze-color-bg-muted)}.haze-ImagePreview__toolButton:disabled{color:var(--haze-color-text-muted);cursor:not-allowed}.haze-ImagePreview__toolButton:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
 }
 
+@layer haze {
+.haze-ImageCrop__root{max-width:100%;font-family:var(--haze-font-sans);display:block}.haze-ImageCrop__sourceClass{display:none}.haze-ImageCrop__frame{border-radius:var(--haze-radius-md);background:var(--haze-color-bg-muted);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.haze-ImageCrop__canvasClass{width:100%;height:auto;display:block}.haze-ImageCrop__loading{box-sizing:border-box;aspect-ratio:4/3;border-radius:var(--haze-radius-md);background:var(--haze-color-bg-subtle);width:100%}.haze-ImageCrop__cropBox{box-sizing:border-box;border:1px solid var(--haze-color-primary);border-radius:var(--haze-radius-sm);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #00000073}.haze-ImageCrop__cropBox:focus-visible{box-shadow:0 0 0 9999px #00000073,inset 0 0 0 var(--haze-space-1) var(--haze-color-focus-ring);outline:none}.haze-ImageCrop__cropBox[aria-disabled=true]{cursor:not-allowed}@media (forced-colors:active){.haze-ImageCrop__cropBox{box-shadow:none;border-color:highlight}.haze-ImageCrop__cropBox:focus-visible{box-shadow:inset 0 0 0 var(--haze-space-1) Highlight}}.haze-ImageCrop__cropCircle{border-radius:var(--haze-radius-full)}.haze-ImageCrop__handleBase{width:var(--haze-space-6);height:var(--haze-space-6);touch-action:none;position:absolute}.haze-ImageCrop__handleBase:before{content:"";inset:calc((var(--haze-space-6) - var(--haze-space-2)) / 2);box-sizing:border-box;border:1px solid var(--haze-color-primary);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);position:absolute}@media (forced-colors:active){.haze-ImageCrop__handleBase:before{background:canvastext;border-color:canvastext}}.haze-ImageCrop__nw{top:calc(var(--haze-space-6) / -2);left:calc(var(--haze-space-6) / -2);cursor:nw-resize}.haze-ImageCrop__ne{top:calc(var(--haze-space-6) / -2);right:calc(var(--haze-space-6) / -2);cursor:ne-resize}.haze-ImageCrop__sw{bottom:calc(var(--haze-space-6) / -2);left:calc(var(--haze-space-6) / -2);cursor:sw-resize}.haze-ImageCrop__se{bottom:calc(var(--haze-space-6) / -2);right:calc(var(--haze-space-6) / -2);cursor:se-resize}.haze-ImageCrop__notice{box-sizing:border-box;aspect-ratio:4/3;border:1px dashed var(--haze-color-border);border-radius:var(--haze-radius-md);width:100%;color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);justify-content:center;align-items:center;display:flex}.haze-ImageCrop__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
+}
+
 @layer haze {
 .haze-Indicator__host{display:inline-flex;position:relative}.haze-Indicator__badge{top:0;-webkit-translate:50% -50%;-moz-translate:50% -50%;-ms-translate:50% -50%;min-width:var(--haze-space-4);height:var(--haze-space-4);padding-inline:var(--haze-space-1);border-radius:var(--haze-radius-full);border:var(--haze-indicator-ring-width,2px) solid var(--haze-color-bg);background:var(--haze-color-danger);color:var(--haze-color-text-inverse);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);pointer-events:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;inset-inline-end:0;translate:50% -50%}@media (forced-colors:active){.haze-Indicator__badge{color:marktext;background:mark;border-color:canvas}}.haze-Indicator__dot{min-width:var(--haze-space-2);height:var(--haze-space-2);border-radius:var(--haze-radius-full);padding-inline:0}.haze-Indicator__top-start{-webkit-translate:-50% -50%;-moz-translate:-50% -50%;-ms-translate:-50% -50%;inset-inline:0 auto;translate:-50% -50%}.haze-Indicator__bottom-start{top:auto;bottom:0;-webkit-translate:-50% 50%;-moz-translate:-50% 50%;-ms-translate:-50% 50%;inset-inline:0 auto;translate:-50% 50%}.haze-Indicator__bottom-end{-webkit-translate:50% 50%;-moz-translate:50% 50%;-ms-translate:50% 50%;top:auto;bottom:0;translate:50% 50%}.haze-Indicator__primary{background:var(--haze-color-primary)}.haze-Indicator__danger{background:var(--haze-color-danger)}.haze-Indicator__success{background:var(--haze-color-success)}.haze-Indicator__warning{background:var(--haze-color-warning);color:var(--haze-color-text)}
 }
@@ -444,6 +452,10 @@
 .haze-Spinner__base{animation:.8s linear infinite spin-haze-Spinner__base;display:inline-flex}@media (prefers-reduced-motion:reduce){.haze-Spinner__base{animation-duration:.01ms;animation-iteration-count:1}}@keyframes spin-haze-Spinner__base{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (forced-colors:active){.haze-Spinner__base svg circle{stroke:graytext}.haze-Spinner__base svg path{stroke:canvastext}}.haze-Spinner__sm{width:16px;height:16px}.haze-Spinner__md{width:24px;height:24px}.haze-Spinner__lg{width:32px;height:32px}
 }
 
+@layer haze {
+.haze-Splitter__splitterBase{box-sizing:border-box;min-width:0;min-height:0;display:flex;overflow:hidden}.haze-Splitter__splitterHorizontal{flex-direction:row;height:100%}.haze-Splitter__splitterVertical{flex-direction:column;width:100%}.haze-Splitter__paneBase{box-sizing:border-box;flex-shrink:0;flex-basis:0;min-width:0;min-height:0;overflow:auto}.haze-Splitter__dividerBase{background:var(--haze-color-border);-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);-webkit-background-clip:content-box;background-clip:content-box;flex:none;position:relative}.haze-Splitter__dividerBase:hover{background:linear-gradient(to right, transparent 0, var(--haze-color-primary) 50%, transparent 100%) center/2px 100% no-repeat,var(--haze-color-bg-subtle)}.haze-Splitter__dividerBase:has(>:focus-visible){background:linear-gradient(to right, transparent 0, var(--haze-color-primary) 50%, transparent 100%) center/2px 100% no-repeat,var(--haze-color-bg-subtle)}.haze-Splitter__dividerBase:has(>:focus-visible){box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-Splitter__dividerBase:hover>[data-slot=divider-collapse],.haze-Splitter__dividerBase:focus-within>[data-slot=divider-collapse],.haze-Splitter__dividerBase>[data-slot=divider-collapse]:focus-visible{opacity:1;pointer-events:auto}@media (forced-colors:active){.haze-Splitter__dividerBase{background:canvastext;-webkit-background-clip:content-box;background-clip:content-box}.haze-Splitter__dividerBase:hover{background:highlight;-webkit-background-clip:content-box;background-clip:content-box}.haze-Splitter__dividerBase:has(>:focus-visible){background:highlight;-webkit-background-clip:content-box;background-clip:content-box}.haze-Splitter__dividerBase:has(>:focus-visible){outline-offset:-2px;outline:2px solid highlight}}.haze-Splitter__dividerHorizontal{width:2px;height:100%;padding-inline:calc((var(--haze-space-6) - 2px) / 2);cursor:col-resize}@media (pointer:coarse){.haze-Splitter__dividerHorizontal{padding-inline:21px}}.haze-Splitter__dividerVertical{width:100%;height:2px;padding-block:calc((var(--haze-space-6) - 2px) / 2);cursor:row-resize}.haze-Splitter__dividerVertical:hover,.haze-Splitter__dividerVertical:focus-visible{background:linear-gradient(to bottom, transparent 0, var(--haze-color-primary) 50%, transparent 100%) center/100% 2px no-repeat,var(--haze-color-bg-subtle)}@media (pointer:coarse){.haze-Splitter__dividerVertical{padding-block:21px}}.haze-Splitter__dividerHandle{touch-action:none;position:absolute;inset:0}.haze-Splitter__dividerHandle:focus-visible{outline:none}.haze-Splitter__collapseButtonBase{box-sizing:border-box;width:var(--haze-space-6);height:var(--haze-space-6);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);cursor:pointer;opacity:0;pointer-events:none;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.haze-Splitter__collapseButtonBase:hover{color:var(--haze-color-text)}.haze-Splitter__collapseButtonBase:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}@media (forced-colors:active){.haze-Splitter__collapseButtonBase{background:canvas;border:1px solid buttonborder}}.haze-Splitter__collapseLeadHorizontal{top:var(--haze-space-1);left:50%;transform:translate(-50%)}.haze-Splitter__collapseLeadHorizontal svg{transform:rotate(0)}html[dir=rtl] .haze-Splitter__collapseLeadHorizontal svg{transform:rotate(180deg)}.haze-Splitter__collapseTrailHorizontal{bottom:var(--haze-space-1);left:50%;transform:translate(-50%)}.haze-Splitter__collapseTrailHorizontal svg{transform:rotate(180deg)}html[dir=rtl] .haze-Splitter__collapseTrailHorizontal svg{transform:rotate(0)}.haze-Splitter__collapseLeadVertical{inset-inline-start:var(--haze-space-1);top:50%;transform:translateY(-50%)}.haze-Splitter__collapseLeadVertical svg{transform:rotate(90deg)}.haze-Splitter__collapseTrailVertical{inset-inline-end:var(--haze-space-1);top:50%;transform:translateY(-50%)}.haze-Splitter__collapseTrailVertical svg{transform:rotate(-90deg)}
+}
+
 @layer haze {
 .haze-Spoiler__root{display:block}.haze-Spoiler__clip{position:relative;overflow:hidden}.haze-Spoiler__clip:after{content:"";inset-inline:0;height:var(--haze-space-8);background:linear-gradient(transparent, var(--haze-spoiler-fade-bg,var(--haze-color-bg)));pointer-events:none;position:absolute;bottom:0}@media (forced-colors:active){.haze-Spoiler__clip:after{background:0 0;border-top:1px dotted graytext}}.haze-Spoiler__toggle{appearance:none;padding:var(--haze-space-1) 0;margin-top:var(--haze-space-1);cursor:pointer;color:var(--haze-color-primary);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);background:0 0;border:none}.haze-Spoiler__toggle:hover{color:var(--haze-color-primary-hover);-webkit-text-decoration:underline;text-decoration:underline}
 }

package/dist/hooks/useHotkeys.js

@@ -33,45 +33,99 @@ function i(e) {
 }
 function a(e, t) {
 	let n = i(e);
-	if (n === null) return !1;
-	let { modifiers: r, key: a } = n;
-	return r.has("ctrl") && !t.ctrlKey || r.has("shift") && !t.shiftKey || r.has("alt") && !t.altKey || r.has("meta") && !t.metaKey || !r.has("ctrl") && t.ctrlKey || !r.has("alt") && t.altKey || !r.has("meta") && t.metaKey ? !1 : a.length === 1 ? t.key.toLowerCase() === a.toLowerCase() : t.key === a;
+	return n !== null && o(n, t);
 }
-function o(e) {
+function o(e, t) {
+	let { modifiers: n, key: r } = e;
+	return n.has("ctrl") && !t.ctrlKey || n.has("shift") && !t.shiftKey || n.has("alt") && !t.altKey || n.has("meta") && !t.metaKey || !n.has("ctrl") && t.ctrlKey || !n.has("alt") && t.altKey || !n.has("meta") && t.metaKey ? !1 : r.length === 1 ? t.key.toLowerCase() === r.toLowerCase() : t.key === r;
+}
+function s(e) {
+	let t = [];
+	for (let n of e.split(/\s+/)) {
+		if (n === "") continue;
+		let e = i(n);
+		if (e === null) return null;
+		t.push(e);
+	}
+	return t.length >= 2 ? t : null;
+}
+function c(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	if (e.isContentEditable) return !0;
 	let t = e.tagName;
 	return t === "INPUT" || t === "TEXTAREA" || t === "SELECT";
 }
-function s(...e) {
+function l(...e) {
 	return e.join(",");
 }
-function c(n, r = {}) {
-	let { enabled: i = !0, target: s, eventName: c = "keydown", allowInInput: l = !1 } = r, u = t(n);
+function u(n, r = {}) {
+	let { enabled: i = !0, target: l, eventName: u = "keydown", allowInInput: d = !1, sequenceTimeout: f = 1e3 } = r, p = t(n);
+	e(() => {
+		p.current = n;
+	});
+	let m = t({
+		progress: /* @__PURE__ */ new Map(),
+		timer: null
+	});
 	e(() => {
-		u.current = n;
-	}), e(() => {
 		if (!i) return;
-		let e = s === void 0 ? window : "current" in s ? s.current : s;
+		let e = l === void 0 ? window : "current" in l ? l.current : l;
 		if (e === null) return;
-		let t = (e) => {
-			let t = e;
-			if (!l && o(t.target)) return;
-			let n = u.current;
-			for (let e of Object.keys(n)) if (e.split(",").some((e) => a(e.trim(), t))) {
-				let r = n[e];
-				if (!r) continue;
-				t.preventDefault(), t.stopPropagation(), r(t);
-				return;
+		let t = () => {
+			let e = m.current;
+			e.timer !== null && (clearTimeout(e.timer), e.timer = null);
+		}, n = () => {
+			t(), m.current.progress.clear();
+		}, r = (e) => {
+			let r = e;
+			if (!d && c(r.target)) return;
+			let i = p.current, l = /* @__PURE__ */ new Map();
+			for (let e of Object.keys(i)) {
+				let t = !1;
+				for (let n of e.split(",")) {
+					let e = n.trim();
+					if (!/\s/.test(e)) {
+						if (a(e, r)) {
+							t = !0;
+							break;
+						}
+						continue;
+					}
+					let i = s(e);
+					if (i === null) continue;
+					let c = m.current.progress.get(e) ?? 0, u = i[c];
+					if (u !== void 0 && o(u, r)) {
+						if (c + 1 === i.length) {
+							t = !0;
+							break;
+						}
+						l.set(e, c + 1);
+					} else {
+						let t = i[0];
+						t !== void 0 && o(t, r) && l.set(e, 1);
+					}
+				}
+				if (t) {
+					let t = i[e];
+					if (!t) continue;
+					n(), r.preventDefault(), r.stopPropagation(), t(r);
+					return;
+				}
 			}
+			l.size > 0 ? (t(), m.current.progress = l, m.current.timer = setTimeout(() => {
+				m.current.progress.clear(), m.current.timer = null;
+			}, f)) : n();
+		};
+		return e.addEventListener(u, r), () => {
+			e.removeEventListener(u, r), n();
 		};
-		return e.addEventListener(c, t), () => e.removeEventListener(c, t);
 	}, [
 		i,
-		s,
-		c,
-		l
+		l,
+		u,
+		d,
+		f
 	]);
 }
 //#endregion
-export { s as hotkey, c as useHotkeys };
+export { l as hotkey, u as useHotkeys };