haze-ui 1.32.0 → 1.34.0

package/dist/components/Sidebar/Sidebar.js

@@ -4,55 +4,62 @@ import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import n from "../Tooltip/Tooltip.js";
 /* empty css                  */
-import { createContext as r, forwardRef as i, useContext as a, useId as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useControl as l } from "react-use-control";
+import { c as r } from "react/compiler-runtime";
+import { createContext as i, forwardRef as a, useContext as o, useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useControl as u } from "react-use-control";
 //#region src/lib/components/Sidebar/Sidebar.tsx
-var u = r(void 0);
-function d() {
-	let e = a(u);
+var d = i(void 0);
+function f() {
+	let e = o(d);
 	if (!e) throw Error("Sidebar compound components must be used within <Sidebar>");
 	return e;
 }
-var f = "haze-Sidebar__sidebar", p = "haze-Sidebar__nav";
-function m({ collapsed: t, defaultCollapsed: n = !1, className: r, children: i, ...a }) {
-	let [c, d] = l(t, n), m = o();
-	return /* @__PURE__ */ s(u.Provider, {
+var p = "haze-Sidebar__sidebar", m = "haze-Sidebar__nav";
+function h({ collapsed: t, defaultCollapsed: n = !1, className: r, children: i, ...a }) {
+	let [o, l] = u(t, n), f = s();
+	return /* @__PURE__ */ c(d.Provider, {
 		value: {
-			collapsed: c,
-			setCollapsed: d,
-			navId: m
+			collapsed: o,
+			setCollapsed: l,
+			navId: f
 		},
-		children: s("aside", {
+		children: c("aside", {
 			"data-slot": "sidebar",
-			"data-state": c ? "collapsed" : "expanded",
+			"data-state": o ? "collapsed" : "expanded",
 			...a,
-			className: e([f, r]),
-			children: /* @__PURE__ */ s("nav", {
+			className: e([p, r]),
+			children: /* @__PURE__ */ c("nav", {
 				"data-slot": "viewport",
-				id: m,
-				className: e(p),
+				id: f,
+				className: e(m),
 				children: i
 			})
 		})
 	});
 }
-var h = "haze-Sidebar__group", g = "haze-Sidebar__groupTitle";
-function _({ title: t, className: n, children: r, ...i }) {
-	let { collapsed: a } = d();
-	return /* @__PURE__ */ c("div", {
+var g = "haze-Sidebar__group", _ = "haze-Sidebar__groupTitle";
+function v(t) {
+	let n = r(15), i, a, o, s;
+	n[0] === t ? (i = n[1], a = n[2], o = n[3], s = n[4]) : ({title: s, className: a, children: i, ...o} = t, n[0] = t, n[1] = i, n[2] = a, n[3] = o, n[4] = s);
+	let { collapsed: u } = f(), d;
+	n[5] === a ? d = n[6] : (d = [g, a], n[5] = a, n[6] = d);
+	let p;
+	n[7] !== u || n[8] !== s ? (p = s && !u && /* @__PURE__ */ c("div", {
+		"data-slot": "group-label",
+		className: e(_),
+		children: s
+	}), n[7] = u, n[8] = s, n[9] = p) : p = n[9];
+	let m;
+	return n[10] !== i || n[11] !== o || n[12] !== d || n[13] !== p ? (m = /* @__PURE__ */ l("div", {
 		"data-slot": "group",
-		...i,
-		className: e([h, n]),
-		children: [t && !a && /* @__PURE__ */ s("div", {
-			"data-slot": "group-label",
-			className: e(g),
-			children: t
-		}), r]
-	});
+		...o,
+		className: e(d),
+		children: [p, i]
+	}), n[10] = i, n[11] = o, n[12] = d, n[13] = p, n[14] = m) : m = n[14], m;
 }
-var v = "haze-Sidebar__item", y = "haze-Sidebar__itemActive", b = "haze-Sidebar__itemIcon", x = "haze-Sidebar__itemLabel", S = i(function({ icon: t, active: r, href: i = "#", onClick: a, className: o, children: l, "aria-current": u, ...f }, p) {
-	let { collapsed: m } = d(), h = r ?? u === "page", g = /* @__PURE__ */ c("a", {
+var y = "haze-Sidebar__item", b = "haze-Sidebar__itemActive", x = "haze-Sidebar__itemIcon", S = "haze-Sidebar__itemLabel", C = a(function({ icon: t, active: r, href: i = "#", onClick: a, className: o, children: s, "aria-current": u, ...d }, p) {
+	let { collapsed: m } = f(), h = r ?? u === "page", g = /* @__PURE__ */ l("a", {
 		ref: p,
 		"data-slot": "item",
 		href: i,
@@ -60,64 +67,83 @@ var v = "haze-Sidebar__item", y = "haze-Sidebar__itemActive", b = "haze-Sidebar_
 		onClick: (e) => {
 			i === "#" && e.preventDefault(), a?.(e);
 		},
-		...f,
+		...d,
 		className: e([
-			v,
-			h && y,
+			y,
+			h && b,
 			o
 		]),
-		children: [t && /* @__PURE__ */ s("span", {
+		children: [t && /* @__PURE__ */ c("span", {
 			"data-slot": "icon",
 			"aria-hidden": "true",
-			className: e(b),
+			className: e(x),
 			children: t
-		}), /* @__PURE__ */ s("span", {
+		}), /* @__PURE__ */ c("span", {
 			"data-slot": "label",
-			className: e(x),
-			children: l
+			className: e(S),
+			children: s
 		})]
 	});
-	return m ? /* @__PURE__ */ s(n, {
-		content: l,
+	return m ? /* @__PURE__ */ c(n, {
+		content: s,
 		position: "right",
 		children: g
 	}) : g;
-}), C = "haze-Sidebar__footer";
-function w({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ s("div", {
+}), w = "haze-Sidebar__footer";
+function T(t) {
+	let n = r(10), i, a, o;
+	n[0] === t ? (i = n[1], a = n[2], o = n[3]) : ({className: a, children: i, ...o} = t, n[0] = t, n[1] = i, n[2] = a, n[3] = o);
+	let s;
+	n[4] === a ? s = n[5] : (s = [w, a], n[4] = a, n[5] = s);
+	let l;
+	return n[6] !== i || n[7] !== o || n[8] !== s ? (l = /* @__PURE__ */ c("div", {
 		"data-slot": "footer",
-		...r,
-		className: e([C, t]),
-		children: n
-	});
+		...o,
+		className: e(s),
+		children: i
+	}), n[6] = i, n[7] = o, n[8] = s, n[9] = l) : l = n[9], l;
 }
-var T = "haze-Sidebar__toggle", E = "haze-Sidebar__toggleIcon", D = () => /* @__PURE__ */ s("svg", {
-	"data-slot": "icon",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	"aria-hidden": "true",
-	className: e(E),
-	children: s("path", { d: "M15 18l-6-6 6-6" })
-});
-function O({ onClick: n, className: r, ...i }) {
-	let { collapsed: a, setCollapsed: o, navId: c } = d(), l = t("sidebar");
-	return /* @__PURE__ */ s("button", {
+var E = "haze-Sidebar__toggle", D = "haze-Sidebar__toggleIcon", O = () => {
+	let t = r(1), n;
+	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ c("svg", {
+		"data-slot": "icon",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		className: e(D),
+		children: c("path", { d: "M15 18l-6-6 6-6" })
+	}), t[0] = n) : n = t[0], n;
+};
+function k(n) {
+	let i = r(17), a, o, s;
+	i[0] === n ? (a = i[1], o = i[2], s = i[3]) : ({onClick: o, className: a, ...s} = n, i[0] = n, i[1] = a, i[2] = o, i[3] = s);
+	let { collapsed: l, setCollapsed: u, navId: d } = f(), p = t("sidebar"), m;
+	i[4] === a ? m = i[5] : (m = [E, a], i[4] = a, i[5] = m);
+	let h = l ? p.expand : p.collapse, g = !l, _;
+	i[6] !== o || i[7] !== u ? (_ = (e) => {
+		u(A), o?.(e);
+	}, i[6] = o, i[7] = u, i[8] = _) : _ = i[8];
+	let v;
+	i[9] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ c(O, {}), i[9] = v) : v = i[9];
+	let y;
+	return i[10] !== d || i[11] !== s || i[12] !== m || i[13] !== h || i[14] !== g || i[15] !== _ ? (y = /* @__PURE__ */ c("button", {
 		type: "button",
 		"data-slot": "toggle-button",
-		"aria-label": a ? l.expand : l.collapse,
-		"aria-expanded": !a,
-		"aria-controls": c,
-		onClick: (e) => {
-			o((e) => !e), n?.(e);
-		},
-		...i,
-		className: e([T, r]),
-		children: s(D, {})
-	});
+		"aria-label": h,
+		"aria-expanded": g,
+		"aria-controls": d,
+		onClick: _,
+		...s,
+		className: e(m),
+		children: v
+	}), i[10] = d, i[11] = s, i[12] = m, i[13] = h, i[14] = g, i[15] = _, i[16] = y) : y = i[16], y;
+}
+function A(e) {
+	return !e;
 }
 //#endregion
-export { w as SidebarFooter, _ as SidebarGroup, S as SidebarItem, O as SidebarToggle, m as default };
+export { T as SidebarFooter, v as SidebarGroup, C as SidebarItem, k as SidebarToggle, h as default };

package/dist/components/Sources/Sources.js

@@ -3,52 +3,56 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                  */
-import { useId as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useControl as o } from "react-use-control";
+import { c as n } from "react/compiler-runtime";
+import { useId as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useControl as s } from "react-use-control";
 //#region src/lib/components/Sources/Sources.tsx
-var s = "haze-Sources__list", c = "haze-Sources__item", l = "haze-Sources__badge", u = "haze-Sources__link", d = "haze-Sources__title", f = "haze-Sources__toggleBtn", p = "haze-Sources__snippetBase", m = "haze-Sources__snippetHidden", h = "haze-Sources__snippetShown", g = "haze-Sources__compactNav", _ = "haze-Sources__compactBadge", v = () => /* @__PURE__ */ i("svg", {
-	width: "10",
-	height: "10",
-	viewBox: "0 0 10 10",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "1.5",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	"aria-hidden": "true",
-	focusable: "false",
-	style: { transition: "transform var(--haze-duration-fast) var(--haze-ease)" },
-	children: i("path", { d: "M3 1.5 6.5 5 3 8.5" })
-});
-function y(e, t) {
+var c = "haze-Sources__list", l = "haze-Sources__item", u = "haze-Sources__badge", d = "haze-Sources__link", f = "haze-Sources__title", p = "haze-Sources__toggleBtn", m = "haze-Sources__snippetBase", h = "haze-Sources__snippetHidden", g = "haze-Sources__snippetShown", _ = "haze-Sources__compactNav", v = "haze-Sources__compactBadge", y = () => {
+	let e = n(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ a("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 10 10",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		style: { transition: "transform var(--haze-duration-fast) var(--haze-ease)" },
+		children: a("path", { d: "M3 1.5 6.5 5 3 8.5" })
+	}), e[0] = t) : t = e[0], t;
+};
+function b(e, t) {
 	return typeof e == "string" ? `${t}. ${e}` : `[${t}]`;
 }
-function b({ items: b, compact: x = !1, expanded: S, label: C, expandLabel: w, collapseLabel: T, className: E, ...D }) {
-	let O = t("sources"), k = C ?? O.label, A = w ?? O.expand, j = T ?? O.collapse, M = n(), [N, P] = o(S, []);
-	if (x) return /* @__PURE__ */ i("nav", {
+function x({ items: n, compact: x = !1, expanded: S, label: C, expandLabel: w, collapseLabel: T, className: E, ...D }) {
+	let O = t("sources"), k = C ?? O.label, A = w ?? O.expand, j = T ?? O.collapse, M = r(), [N, P] = s(S, []);
+	if (x) return /* @__PURE__ */ a("nav", {
 		"data-slot": "sources",
 		"aria-label": k,
 		...D,
-		className: e([g, E]),
-		children: b.map((t, n) => {
-			let r = n + 1, i = y(t.title, r);
-			return t.url ? /* @__PURE__ */ a("a", {
+		className: e([_, E]),
+		children: n.map((t, n) => {
+			let r = n + 1, i = b(t.title, r);
+			return t.url ? /* @__PURE__ */ o("a", {
 				"data-slot": "source-item",
 				href: t.url,
 				target: "_blank",
 				rel: "noopener noreferrer",
 				"aria-label": i,
-				className: e([_]),
+				className: e([v]),
 				children: [
 					"[",
 					r,
 					"]"
 				]
-			}, t.id) : /* @__PURE__ */ a("span", {
+			}, t.id) : /* @__PURE__ */ o("span", {
 				"data-slot": "source-item",
 				"aria-label": i,
-				className: e([_]),
+				className: e([v]),
 				children: [
 					"[",
 					r,
@@ -60,54 +64,54 @@ function b({ items: b, compact: x = !1, expanded: S, label: C, expandLabel: w, c
 	let F = (e) => N.includes(e), I = (e) => {
 		P((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	};
-	return /* @__PURE__ */ i("ol", {
+	return /* @__PURE__ */ a("ol", {
 		"data-slot": "sources",
 		"aria-label": k,
 		...D,
-		className: e([s, E]),
-		children: b.map((t, n) => {
-			let o = n + 1, s = `${M}-snippet-${t.id}`, g = F(t.id);
-			return /* @__PURE__ */ a("li", {
+		className: e([c, E]),
+		children: n.map((t, n) => {
+			let r = n + 1, s = `${M}-snippet-${t.id}`, c = F(t.id);
+			return /* @__PURE__ */ o("li", {
 				"data-slot": "source-item",
 				"data-haze-sources-item": "",
-				"data-state": g ? "expanded" : "collapsed",
-				className: e([c]),
+				"data-state": c ? "expanded" : "collapsed",
+				className: e([l]),
 				children: [
-					/* @__PURE__ */ a("span", {
+					/* @__PURE__ */ o("span", {
 						"data-slot": "index",
 						"aria-hidden": "true",
-						className: e([l]),
+						className: e([u]),
 						children: [
 							"[",
-							o,
+							r,
 							"]"
 						]
 					}),
-					t.url ? /* @__PURE__ */ i("a", {
+					t.url ? /* @__PURE__ */ a("a", {
 						"data-slot": "link",
 						href: t.url,
 						target: "_blank",
 						rel: "noopener noreferrer",
-						className: e([u]),
+						className: e([d]),
 						children: t.title
-					}) : /* @__PURE__ */ i("span", {
+					}) : /* @__PURE__ */ a("span", {
 						"data-slot": "title",
-						className: e([d]),
+						className: e([f]),
 						children: t.title
 					}),
-					t.snippet != null && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("button", {
+					t.snippet != null && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("button", {
 						type: "button",
 						"data-slot": "expand-button",
-						"aria-expanded": g,
+						"aria-expanded": c,
 						"aria-controls": s,
-						"aria-label": g ? j : A,
+						"aria-label": c ? j : A,
 						onClick: () => I(t.id),
-						className: e([f]),
-						children: /* @__PURE__ */ i(v, {})
-					}), /* @__PURE__ */ i("div", {
+						className: e([p]),
+						children: /* @__PURE__ */ a(y, {})
+					}), /* @__PURE__ */ a("div", {
 						id: s,
 						"data-slot": "snippet",
-						className: e([p, g ? h : m]),
+						className: e([m, c ? g : h]),
 						children: t.snippet
 					})] })
 				]
@@ -116,4 +120,4 @@ function b({ items: b, compact: x = !1, expanded: S, label: C, expandLabel: w, c
 	});
 }
 //#endregion
-export { b as default };
+export { x as default };

package/dist/components/Sparkline/Sparkline.js

@@ -1,5 +1,5 @@
 import { classnames as e } from "../../utils/classnames.js";
-import { base as t, toneFills as n, toneStrokes as r } from "./sparkline-styles.js";
+import { base as t, colorFills as n, colorStrokes as r } from "./sparkline-styles.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/lib/components/Sparkline/Sparkline.tsx
 var o = 100, s = 2;
@@ -14,7 +14,7 @@ function l(e) {
 	let t = o.toFixed(2);
 	return `${e} L${t} ${t} L0.00 ${t} Z`;
 }
-function u({ data: u, width: d = 96, height: f = 28, variant: p = "line", tone: m = "primary", className: h, ...g }) {
+function u({ data: u, width: d = 96, height: f = 28, variant: p = "line", color: m = "primary", className: h, ...g }) {
 	let _ = g["aria-label"], v = g["aria-labelledby"], y = typeof _ == "string" && _.length > 0 || typeof v == "string" && v.length > 0, b = u.length >= s, x = b ? c(u) : "";
 	return /* @__PURE__ */ a("svg", {
 		...g,

package/dist/components/Sparkline/index.js

@@ -1,3 +1,3 @@
-import { toneFills as e, toneStrokes as t } from "./sparkline-styles.js";
+import { colorFills as e, colorStrokes as t } from "./sparkline-styles.js";
 import n from "./Sparkline.js";
 export { n as Sparkline, e as sparklineToneFills, t as sparklineToneStrokes };

package/dist/components/Sparkline/sparkline-styles.js

@@ -2,12 +2,14 @@
 /* empty css                           */
 //#region src/lib/components/Sparkline/sparkline-styles.ts
 var e = "haze-sparkline-styles__base", t = {
+	default: "haze-sparkline-styles__default",
 	primary: "haze-sparkline-styles__primary",
 	success: "haze-sparkline-styles__success",
 	danger: "haze-sparkline-styles__danger",
 	warning: "haze-sparkline-styles__warning",
 	info: "haze-sparkline-styles__info"
 }, n = {
+	default: "haze-sparkline-styles__default",
 	primary: "haze-sparkline-styles__primary",
 	success: "haze-sparkline-styles__success",
 	danger: "haze-sparkline-styles__danger",
@@ -15,4 +17,4 @@ var e = "haze-sparkline-styles__base", t = {
 	info: "haze-sparkline-styles__info"
 };
 //#endregion
-export { e as base, n as toneFills, t as toneStrokes };
+export { e as base, n as colorFills, t as colorStrokes };

package/dist/components/Spinner/Spinner.js

@@ -10,12 +10,13 @@ var i = "haze-Spinner__base", a = {
 	md: "haze-Spinner__md",
 	lg: "haze-Spinner__lg"
 };
-function o({ size: o = "md", className: s }) {
-	let c = t("spinner");
+function o({ size: o = "md", className: s, ref: c }) {
+	let l = t("spinner");
 	return /* @__PURE__ */ n("span", {
+		ref: c,
 		"data-slot": "spinner",
 		role: "status",
-		"aria-label": c.loading,
+		"aria-label": l.loading,
 		className: e([
 			i,
 			a[o],

package/dist/components/Splitter/Splitter.js

@@ -0,0 +1,209 @@
+
+"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 { c as r } from "react/compiler-runtime";
+import { Children as i, cloneElement as a, createContext as o, isValidElement as s, useContext as c, useRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { isControl as ee, useControl as te, useThru as f, watch as p } from "react-use-control";
+//#region src/lib/components/Splitter/Splitter.tsx
+var m = o(null);
+function h() {
+	if (c(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 ne = "haze-Splitter__splitterBase", re = "haze-Splitter__splitterHorizontal", x = "haze-Splitter__splitterVertical";
+function S({ orientation: r = "horizontal", sizes: o, onSizesChange: c, children: h, className: S, ...C }) {
+	let P = i.toArray(h).filter(s).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 = ee(o), [ae, R] = te(f(L ? o : void 0, p((e) => c?.(e))), L ? I : o ?? I), z = (e) => {
+		let t = ae[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 = l(null), H = l(null), U = n("splitter"), W = l(/* @__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 = () => r === "horizontal" && t(V.current) === "rtl", X = (e, t, n) => {
+		let r = v(t), i = v(n - r);
+		R((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) => r === "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 += r === "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 = r === "horizontal" ? "ArrowRight" : "ArrowDown", i = r === "horizontal" ? "ArrowLeft" : "ArrowUp", { key: a } = t;
+		if (a !== n && a !== i && a !== "Home" && a !== "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 + (a === n ? u ? -5 : g : a === i ? u ? g : -5 : a === "Home" ? -_ : _), s, c);
+		d !== l && X(e, d, o);
+	}, $ = [];
+	return P.forEach((t, n) => {
+		if (n > 0) {
+			let t = n - 1, i = z(t) + z(n), { lo: a, hi: o } = b(q(t), q(n), i);
+			$.push(/* @__PURE__ */ d("div", {
+				"data-slot": "divider",
+				className: e([T, r === "horizontal" ? E : D]),
+				children: [
+					/* @__PURE__ */ u("div", {
+						"data-slot": "divider-handle",
+						role: "separator",
+						"aria-orientation": r === "horizontal" ? "vertical" : "horizontal",
+						tabIndex: 0,
+						"aria-valuenow": Math.round(z(t)),
+						"aria-valuemin": Math.round(a),
+						"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__ */ u("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([k, r === "horizontal" ? A : M]),
+						children: O
+					}, `splitter-collapse-lead-${n}`),
+					G(n) && /* @__PURE__ */ u("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([k, r === "horizontal" ? j : N]),
+						children: O
+					}, `splitter-collapse-trail-${n}`)
+				]
+			}, `splitter-divider-${n}`));
+		}
+		$.push(a(t, { style: {
+			...t.props.style,
+			flexGrow: z(n)
+		} }));
+	}), /* @__PURE__ */ u(m.Provider, {
+		value: !0,
+		children: u("div", {
+			ref: V,
+			"data-slot": "splitter",
+			...C,
+			className: e([
+				ne,
+				r === "horizontal" ? re : x,
+				S
+			]),
+			children: $
+		})
+	});
+}
+var C = "haze-Splitter__paneBase";
+function w(t) {
+	let n = r(10), i, a, o;
+	if (n[0] !== t) {
+		let { min: e, max: r, collapsible: s, children: c, className: l, ...u } = t;
+		i = c, a = l, o = u, n[0] = t, n[1] = i, n[2] = a, n[3] = o;
+	} else i = n[1], a = n[2], o = n[3];
+	h();
+	let s;
+	n[4] === a ? s = n[5] : (s = [C, a], n[4] = a, n[5] = s);
+	let c;
+	return n[6] !== i || n[7] !== o || n[8] !== s ? (c = /* @__PURE__ */ u("div", {
+		"data-slot": "pane",
+		...o,
+		className: e(s),
+		children: i
+	}), n[6] = i, n[7] = o, n[8] = s, n[9] = c) : c = n[9], c;
+}
+var T = "haze-Splitter__dividerBase", E = "haze-Splitter__dividerHorizontal", D = "haze-Splitter__dividerVertical", ie = "haze-Splitter__dividerHandle", O = /* @__PURE__ */ u("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true",
+	focusable: "false",
+	children: u("path", {
+		d: "M10.5 3 5.5 8l5 5",
+		stroke: "currentColor",
+		strokeWidth: "1.75",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+}), k = "haze-Splitter__collapseButtonBase", A = "haze-Splitter__collapseLeadHorizontal", j = "haze-Splitter__collapseTrailHorizontal", M = "haze-Splitter__collapseLeadVertical", N = "haze-Splitter__collapseTrailVertical";
+//#endregion
+export { S as Splitter, w as SplitterPane };