haze-ui 1.5.6 → 1.6.0

package/dist/components/Empty/Empty.js

@@ -0,0 +1,67 @@
+/* empty css                */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/lib/components/Empty/Empty.tsx
+var r = "haze-Empty__base", i = "haze-Empty__imageStyle", a = "haze-Empty__descStyle", o = "haze-Empty__actionStyle", s = /* @__PURE__ */ n("svg", {
+	width: "64",
+	height: "64",
+	viewBox: "0 0 64 64",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [
+		/* @__PURE__ */ t("rect", {
+			x: "8",
+			y: "16",
+			width: "48",
+			height: "36",
+			rx: "4",
+			stroke: "var(--haze-color-border)",
+			strokeWidth: "2"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M8 28h48",
+			stroke: "var(--haze-color-border)",
+			strokeWidth: "2"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "20",
+			cy: "22",
+			r: "2",
+			fill: "var(--haze-color-border)"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "28",
+			cy: "22",
+			r: "2",
+			fill: "var(--haze-color-border)"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M24 38l6-6 4 4 8-8",
+			stroke: "var(--haze-color-border)",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+});
+function c({ description: c = "No data", image: l, className: u, children: d }) {
+	return /* @__PURE__ */ n("div", {
+		className: e([r, u]),
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: e([i]),
+				children: l ?? s
+			}),
+			/* @__PURE__ */ t("div", {
+				className: e([a]),
+				children: c
+			}),
+			d && /* @__PURE__ */ t("div", {
+				className: e([o]),
+				children: d
+			})
+		]
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/Grid/Grid.js

@@ -0,0 +1,17 @@
+/* empty css               */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Grid/Grid.tsx
+var n = "haze-Grid__base";
+function r({ columns: r = 12, gap: i = 4, className: a, children: o }) {
+	return /* @__PURE__ */ t("div", {
+		style: {
+			gridTemplateColumns: `repeat(${r}, 1fr)`,
+			gap: `var(--haze-space-${i})`
+		},
+		className: e([n, a]),
+		children: o
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/Grid/GridItem.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/components/Grid/GridItem.tsx
+function t({ span: t = 1, start: n, className: r, children: i }) {
+	return /* @__PURE__ */ e("div", {
+		className: r,
+		style: { gridColumn: n ? `${n} / span ${t}` : `span ${t}` },
+		children: i
+	});
+}
+//#endregion
+export { t as default };

package/dist/components/InlineEdit/InlineEdit.js

@@ -0,0 +1,45 @@
+/* empty css                     */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+import { useEffect as r, useRef as i, useState as a } from "react";
+//#region src/lib/components/InlineEdit/InlineEdit.tsx
+var o = "haze-InlineEdit__display", s = "haze-InlineEdit__editing", c = "haze-InlineEdit__placeholderStyle";
+function l({ value: l, onChange: u, placeholder: d = "Click to edit", disabled: f, className: p }) {
+	let [m, h] = n(l, ""), [g, _] = a(!1), [v, y] = a(m), b = i(null);
+	r(() => {
+		g && (b.current?.focus(), b.current?.select());
+	}, [g]);
+	let x = () => {
+		f || (y(m), _(!0));
+	}, S = () => {
+		_(!1), v !== m && (h(v), u?.(v));
+	}, C = () => {
+		_(!1), y(m);
+	};
+	return g ? /* @__PURE__ */ t("input", {
+		ref: b,
+		value: v,
+		onChange: (e) => y(e.target.value),
+		onBlur: S,
+		onKeyDown: (e) => {
+			e.key === "Enter" && S(), e.key === "Escape" && C();
+		},
+		className: e([s, p])
+	}) : /* @__PURE__ */ t("span", {
+		onClick: x,
+		role: "button",
+		tabIndex: 0,
+		onKeyDown: (e) => {
+			e.key === "Enter" && x();
+		},
+		className: e([
+			o,
+			!m && c,
+			p
+		]),
+		children: m || d
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/LogViewer/LogViewer.js

@@ -0,0 +1,65 @@
+/* empty css                    */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+import { useMemo as i } from "react";
+//#region src/lib/components/LogViewer/LogViewer.tsx
+var a = "haze-LogViewer__wrapper", o = "haze-LogViewer__toolbar", s = "haze-LogViewer__filterBtn", c = "haze-LogViewer__filterActive", l = "haze-LogViewer__body", u = "haze-LogViewer__entry", d = "haze-LogViewer__timestamp", f = "haze-LogViewer__levelBadge", p = "haze-LogViewer__levelDebug", m = "haze-LogViewer__levelInfo", h = "haze-LogViewer__levelWarn", g = "haze-LogViewer__levelError", _ = "haze-LogViewer__messageStyle", v = {
+	debug: p,
+	info: m,
+	warn: h,
+	error: g
+}, y = [
+	"debug",
+	"info",
+	"warn",
+	"error"
+];
+function b({ logs: p, filter: m, className: h }) {
+	let [g, b] = r(m, null), x = i(() => g ? p.filter((e) => e.level === g) : p, [p, g]);
+	return /* @__PURE__ */ n("div", {
+		className: e([a, h]),
+		children: [/* @__PURE__ */ n("div", {
+			className: e([o]),
+			children: [/* @__PURE__ */ t("button", {
+				type: "button",
+				onClick: () => b(null),
+				className: e([s, !g && c]),
+				children: "All"
+			}), y.map((n) => /* @__PURE__ */ t("button", {
+				type: "button",
+				onClick: () => b(n),
+				className: e([s, g === n && c]),
+				children: n
+			}, n))]
+		}), /* @__PURE__ */ n("div", {
+			className: e([l]),
+			children: [x.map((r, i) => /* @__PURE__ */ n("div", {
+				className: e([u]),
+				children: [
+					r.timestamp && /* @__PURE__ */ t("span", {
+						className: e([d]),
+						children: r.timestamp
+					}),
+					/* @__PURE__ */ t("span", {
+						className: e([f, v[r.level]]),
+						children: r.level
+					}),
+					/* @__PURE__ */ t("span", {
+						className: e([_]),
+						children: r.message
+					})
+				]
+			}, i)), x.length === 0 && /* @__PURE__ */ t("div", {
+				className: e([u]),
+				children: /* @__PURE__ */ t("span", {
+					style: { color: "var(--haze-color-text-muted)" },
+					className: e([_]),
+					children: "No logs"
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+export { b as default };

package/dist/components/MarkdownRenderer/MarkdownRenderer.js

@@ -0,0 +1,24 @@
+/* empty css                           */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+//#region src/lib/components/MarkdownRenderer/MarkdownRenderer.tsx
+var r = "haze-MarkdownRenderer__wrapper";
+function i(e) {
+	let t = e;
+	return t = t.replace(/```(\w*)\n([\s\S]*?)```/g, (e, t, n) => `<pre><code class="lang-${t}">${a(n.trim())}</code></pre>`), t = t.replace(/`([^`]+)`/g, "<code>$1</code>"), t = t.replace(/^######\s+(.+)$/gm, "<h6>$1</h6>"), t = t.replace(/^#####\s+(.+)$/gm, "<h5>$1</h5>"), t = t.replace(/^####\s+(.+)$/gm, "<h4>$1</h4>"), t = t.replace(/^###\s+(.+)$/gm, "<h3>$1</h3>"), t = t.replace(/^##\s+(.+)$/gm, "<h2>$1</h2>"), t = t.replace(/^#\s+(.+)$/gm, "<h1>$1</h1>"), t = t.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/^>\s+(.+)$/gm, "<blockquote>$1</blockquote>"), t = t.replace(/^[-*]\s+(.+)$/gm, "<li>$1</li>"), t = t.replace(/((?:<li>.*<\/li>\n?)+)/g, "<ul>$1</ul>"), t = t.replace(/^\d+\.\s+(.+)$/gm, "<oli>$1</oli>"), t = t.replace(/((?:<oli>.*<\/oli>\n?)+)/g, (e) => "<ol>" + e.replace(/<\/?oli>/g, (e) => e.replace("oli", "li")) + "</ol>"), t = t.replace(/^---$/gm, "<hr />"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener\">$1</a>"), t = t.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, "<img alt=\"$1\" src=\"$2\" />"), t = t.replace(/^(?!<[a-z])((?!<\/).+)$/gm, (e) => {
+		let t = e.trim();
+		return t ? `<p>${t}</p>` : "";
+	}), t = t.replace(/\n{2,}/g, "\n"), t;
+}
+function a(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function o({ content: a, className: o }) {
+	return /* @__PURE__ */ t("div", {
+		dangerouslySetInnerHTML: { __html: n(() => i(a), [a]) },
+		className: e([r, o])
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/ModelPicker/ModelPicker.js

@@ -0,0 +1,26 @@
+/* empty css                      */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+//#region src/lib/components/ModelPicker/ModelPicker.tsx
+var i = "haze-ModelPicker__wrapper", a = "haze-ModelPicker__select";
+function o({ value: o, onChange: s, options: c, disabled: l, className: u }) {
+	let [d, f] = r(o, "");
+	return /* @__PURE__ */ t("div", {
+		className: e([i, u]),
+		children: /* @__PURE__ */ t("select", {
+			value: d,
+			onChange: (e) => {
+				f(e.target.value), s?.(e.target.value);
+			},
+			disabled: l,
+			className: e([a]),
+			children: c.map((e) => /* @__PURE__ */ n("option", {
+				value: e.value,
+				children: [e.label, e.contextLength ? ` (${e.contextLength})` : ""]
+			}, e.value))
+		})
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/NavigationBar/NavLink.js

@@ -0,0 +1,22 @@
+/* empty css                  */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/NavigationBar/NavLink.tsx
+var n = "haze-NavLink__link", r = "haze-NavLink__activeLink";
+function i({ href: i = "#", active: a, children: o, onClick: s, className: c }) {
+	return /* @__PURE__ */ t("a", {
+		href: i,
+		onClick: (e) => {
+			s && (e.preventDefault(), s());
+		},
+		"aria-current": a ? "page" : void 0,
+		className: e([
+			n,
+			a && r,
+			c
+		]),
+		children: o
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/NavigationBar/NavigationBar.js

@@ -0,0 +1,26 @@
+/* empty css                        */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/lib/components/NavigationBar/NavigationBar.tsx
+var r = "haze-NavigationBar__nav", i = "haze-NavigationBar__brand", a = "haze-NavigationBar__links", o = "haze-NavigationBar__endSlot";
+function s({ brand: s, children: c, end: l, className: u }) {
+	return /* @__PURE__ */ n("nav", {
+		className: e([r, u]),
+		children: [
+			s && /* @__PURE__ */ t("div", {
+				className: e([i]),
+				children: s
+			}),
+			/* @__PURE__ */ t("div", {
+				className: e([a]),
+				children: c
+			}),
+			l && /* @__PURE__ */ t("div", {
+				className: e([o]),
+				children: l
+			})
+		]
+	});
+}
+//#endregion
+export { s as default };

package/dist/components/OTPInput/OTPInput.js

@@ -0,0 +1,50 @@
+/* empty css                   */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+import { useCallback as r, useRef as i } from "react";
+//#region src/lib/components/OTPInput/OTPInput.tsx
+var a = "haze-OTPInput__container", o = "haze-OTPInput__cell";
+function s({ length: s = 6, value: c, onChange: l, className: u }) {
+	let [d, f] = n(c, ""), p = i([]), m = r((e, t) => {
+		let n = d.split("");
+		n[e] = t.slice(-1);
+		let r = n.join("").slice(0, s);
+		f(r), l?.(r), t && e < s - 1 && p.current[e + 1]?.focus();
+	}, [
+		d,
+		s,
+		f,
+		l
+	]), h = r((e, t) => {
+		t.key === "Backspace" && !d[e] && e > 0 && p.current[e - 1]?.focus();
+	}, [d]), g = r((e) => {
+		e.preventDefault();
+		let t = e.clipboardData.getData("text").slice(0, s);
+		f(t), l?.(t);
+		let n = Math.min(t.length, s - 1);
+		p.current[n]?.focus();
+	}, [
+		s,
+		f,
+		l
+	]);
+	return /* @__PURE__ */ t("div", {
+		className: e([a, u]),
+		children: Array.from({ length: s }, (n, r) => /* @__PURE__ */ t("input", {
+			ref: (e) => {
+				p.current[r] = e;
+			},
+			type: "text",
+			inputMode: "numeric",
+			maxLength: 1,
+			value: d[r] ?? "",
+			onChange: (e) => m(r, e.target.value),
+			onKeyDown: (e) => h(r, e),
+			onPaste: g,
+			className: e([o])
+		}, r))
+	});
+}
+//#endregion
+export { s as default };

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,58 @@
+/* empty css                     */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+//#region src/lib/components/Pagination/Pagination.tsx
+var i = "haze-Pagination__nav", a = "haze-Pagination__btn", o = "haze-Pagination__activeBtn", s = "haze-Pagination__ellipsis", c = {
+	sm: "haze-Pagination__sm",
+	md: "haze-Pagination__md",
+	lg: "haze-Pagination__lg"
+};
+function l(e, t) {
+	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
+	let n = [1];
+	e > 3 && n.push("...");
+	for (let r = Math.max(2, e - 1); r <= Math.min(t - 1, e + 1); r++) n.push(r);
+	return e < t - 2 && n.push("..."), n.push(t), n;
+}
+function u({ page: u, total: d, pageSize: f = 10, size: p = "md", className: m, ...h }) {
+	let [g, _] = r(u, 1), v = Math.max(1, Math.ceil(d / f)), y = l(g, v);
+	return /* @__PURE__ */ n("nav", {
+		...h,
+		className: e([
+			i,
+			c[p],
+			m
+		]),
+		children: [
+			/* @__PURE__ */ t("button", {
+				type: "button",
+				disabled: g <= 1,
+				onClick: () => _((e) => Math.max(1, e - 1)),
+				"aria-label": "Previous",
+				className: e([a]),
+				children: "‹"
+			}),
+			y.map((n, r) => n === "..." ? /* @__PURE__ */ t("span", {
+				className: e([s]),
+				children: "…"
+			}, `e${r}`) : /* @__PURE__ */ t("button", {
+				type: "button",
+				"aria-current": n === g ? "page" : void 0,
+				onClick: () => _(n),
+				className: e([a, n === g && o]),
+				children: n
+			}, n)),
+			/* @__PURE__ */ t("button", {
+				type: "button",
+				disabled: g >= v,
+				onClick: () => _((e) => Math.min(v, e + 1)),
+				"aria-label": "Next",
+				className: e([a]),
+				children: "›"
+			})
+		]
+	});
+}
+//#endregion
+export { u as default };

package/dist/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,32 @@
+/* empty css                        */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+import { useState as i } from "react";
+//#region src/lib/components/PasswordInput/PasswordInput.tsx
+var a = "haze-PasswordInput__wrapper", o = "haze-PasswordInput__input", s = "haze-PasswordInput__toggle";
+function c({ value: c, onChange: l, placeholder: u, disabled: d, className: f }) {
+	let [p, m] = r(c, ""), [h, g] = i(!1);
+	return /* @__PURE__ */ n("div", {
+		className: e([a, f]),
+		children: [/* @__PURE__ */ t("input", {
+			type: h ? "text" : "password",
+			value: p,
+			onChange: (e) => {
+				m(e.target.value), l?.(e.target.value);
+			},
+			placeholder: u,
+			disabled: d,
+			className: e([o])
+		}), /* @__PURE__ */ t("button", {
+			type: "button",
+			onClick: () => g(!h),
+			tabIndex: -1,
+			"aria-label": h ? "Hide password" : "Show password",
+			className: e([s]),
+			children: h ? "🙈" : "👁"
+		})]
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/Progress/Progress.js

@@ -0,0 +1,83 @@
+/* empty css                   */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/lib/components/Progress/Progress.tsx
+var r = "haze-Progress__barBase", i = {
+	sm: "haze-Progress__sm",
+	md: "haze-Progress__md",
+	lg: "haze-Progress__lg"
+}, a = "haze-Progress__barFill", o = {
+	primary: "haze-Progress__primary",
+	success: "haze-Progress__success",
+	warning: "haze-Progress__warning",
+	danger: "haze-Progress__danger"
+}, s = "haze-Progress__circleBase", c = {
+	sm: "haze-Progress__sm",
+	md: "haze-Progress__md",
+	lg: "haze-Progress__lg"
+}, l = "haze-Progress__circleBg", u = "haze-Progress__circleFill", d = {
+	primary: "haze-Progress__primary",
+	success: "haze-Progress__success",
+	warning: "haze-Progress__warning",
+	danger: "haze-Progress__danger"
+}, f = {
+	sm: 3,
+	md: 4,
+	lg: 5
+}, p = {
+	sm: 13,
+	md: 20,
+	lg: 27
+};
+function m({ value: m = 0, variant: h = "bar", size: g = "md", color: _ = "primary", className: v }) {
+	let y = Math.max(0, Math.min(100, m));
+	if (h === "circle") {
+		let r = p[g], i = f[g], a = 2 * Math.PI * r, o = a - y / 100 * a;
+		return /* @__PURE__ */ t("div", {
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-valuenow": y,
+			className: e([
+				s,
+				c[g],
+				v
+			]),
+			children: /* @__PURE__ */ n("svg", {
+				viewBox: `0 0 ${(r + i) * 2} ${(r + i) * 2}`,
+				children: [/* @__PURE__ */ t("circle", {
+					cx: r + i,
+					cy: r + i,
+					r,
+					strokeWidth: i,
+					className: e([l])
+				}), /* @__PURE__ */ t("circle", {
+					cx: r + i,
+					cy: r + i,
+					r,
+					strokeWidth: i,
+					strokeDasharray: a,
+					strokeDashoffset: o,
+					className: e([u, d[_]])
+				})]
+			})
+		});
+	}
+	return /* @__PURE__ */ t("div", {
+		role: "progressbar",
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": y,
+		className: e([
+			r,
+			i[g],
+			v
+		]),
+		children: /* @__PURE__ */ t("div", {
+			style: { width: `${y}%` },
+			className: e([a, o[_]])
+		})
+	});
+}
+//#endregion
+export { m as default };

package/dist/components/Rating/Rating.js

@@ -0,0 +1,49 @@
+/* empty css                 */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+import { useState as i } from "react";
+//#region src/lib/components/Rating/Rating.tsx
+var a = "haze-Rating__container", o = "haze-Rating__star", s = "haze-Rating__starActive";
+function c({ value: c, count: l = 5, allowHalf: u = !1, onChange: d, className: f }) {
+	let [p, m] = r(c, 0), [h, g] = i(null), _ = (e) => {
+		let t = e + 1;
+		m(t), d?.(t);
+	}, v = h ?? p;
+	return /* @__PURE__ */ t("div", {
+		role: "radiogroup",
+		className: e([a, f]),
+		children: Array.from({ length: l }, (r, i) => {
+			let a = v >= i + 1, c = u && v >= i + .5 && v < i + 1;
+			return /* @__PURE__ */ t("span", {
+				role: "radio",
+				"aria-checked": p >= i + 1 ? "true" : "false",
+				"aria-label": `${i + 1} star${i > 0 ? "s" : ""}`,
+				onClick: () => _(i),
+				onMouseEnter: () => g(i + 1),
+				onMouseLeave: () => g(null),
+				className: e([o, (a || c) && s]),
+				children: /* @__PURE__ */ n("svg", {
+					width: "18",
+					height: "18",
+					viewBox: "0 0 24 24",
+					fill: a ? "currentColor" : c ? "url(#half)" : "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: [c && /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("linearGradient", {
+						id: "half",
+						children: [/* @__PURE__ */ t("stop", {
+							offset: "50%",
+							stopColor: "currentColor"
+						}), /* @__PURE__ */ t("stop", {
+							offset: "50%",
+							stopColor: "transparent"
+						})]
+					}) }), /* @__PURE__ */ t("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })]
+				})
+			}, i);
+		})
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/Resizable/Resizable.js

@@ -0,0 +1,56 @@
+/* empty css                    */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { createContext as n, useContext as r, useState as i } from "react";
+//#region src/lib/components/Resizable/Resizable.tsx
+var a = n(void 0);
+function o() {
+	let e = r(a);
+	if (!e) throw Error("Resizable sub-components must be used within <ResizableGroup>");
+	return e;
+}
+var s = "haze-Resizable__groupBase", c = "haze-Resizable__groupHorizontal", l = "haze-Resizable__groupVertical";
+function u({ direction: n = "horizontal", children: r, className: o }) {
+	let [u, d] = i([]), [f, p] = i(null);
+	return /* @__PURE__ */ t(a.Provider, {
+		value: {
+			direction: n,
+			sizes: u,
+			setSizes: d,
+			dragging: f,
+			setDragging: p
+		},
+		children: /* @__PURE__ */ t("div", {
+			className: e([
+				s,
+				n === "horizontal" ? c : l,
+				o
+			]),
+			children: r
+		})
+	});
+}
+var d = "haze-Resizable__panelStyle";
+function f({ defaultSize: n = 50, children: r, className: i }) {
+	let { direction: a } = o();
+	return /* @__PURE__ */ t("div", {
+		style: { flex: `0 0 ${n}%` },
+		className: e([d, i]),
+		children: r
+	});
+}
+var p = "haze-Resizable__handleBase", m = "haze-Resizable__handleHorizontal", h = "haze-Resizable__handleVertical";
+function g({ className: n }) {
+	let { direction: r } = o();
+	return /* @__PURE__ */ t("div", {
+		role: "separator",
+		"aria-orientation": r,
+		className: e([
+			p,
+			r === "horizontal" ? m : h,
+			n
+		])
+	});
+}
+//#endregion
+export { u as ResizableGroup, g as ResizableHandle, f as ResizablePanel };

package/dist/components/ScrollArea/ScrollArea.js

@@ -0,0 +1,14 @@
+/* empty css                     */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/ScrollArea/ScrollArea.tsx
+var n = "haze-ScrollArea__base";
+function r({ maxHeight: r, className: i, children: a }) {
+	return /* @__PURE__ */ t("div", {
+		style: r === void 0 ? void 0 : { maxHeight: typeof r == "number" ? `${r}px` : r },
+		className: e([n, i]),
+		children: a
+	});
+}
+//#endregion
+export { r as default };