haze-ui 1.5.5 → 1.6.0

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1,51 @@
+/* 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/ConfirmDialog/ConfirmDialog.tsx
+var i = "haze-ConfirmDialog__overlay", a = "haze-ConfirmDialog__dialog", o = "haze-ConfirmDialog__header", s = "haze-ConfirmDialog__body", c = "haze-ConfirmDialog__footer", l = "haze-ConfirmDialog__btn", u = "haze-ConfirmDialog__cancelBtn", d = "haze-ConfirmDialog__confirmBtn", f = "haze-ConfirmDialog__dangerBtn";
+function p({ open: p, onClose: m, onConfirm: h, onCancel: g, title: _, children: v, confirmText: y = "Confirm", cancelText: b = "Cancel", variant: x = "default", className: S }) {
+	let [C, w] = r(p, !1);
+	if (!C) return null;
+	let T = () => {
+		w(!1), m?.();
+	};
+	return /* @__PURE__ */ t("div", {
+		onClick: T,
+		className: e([i, S]),
+		children: /* @__PURE__ */ n("div", {
+			onClick: (e) => e.stopPropagation(),
+			className: e([a]),
+			children: [
+				_ && /* @__PURE__ */ t("div", {
+					className: e([o]),
+					children: _
+				}),
+				/* @__PURE__ */ t("div", {
+					className: e([s]),
+					children: v
+				}),
+				/* @__PURE__ */ n("div", {
+					className: e([c]),
+					children: [/* @__PURE__ */ t("button", {
+						type: "button",
+						onClick: () => {
+							g?.(), T();
+						},
+						className: e([l, u]),
+						children: b
+					}), /* @__PURE__ */ t("button", {
+						type: "button",
+						onClick: () => {
+							h?.(), T();
+						},
+						className: e([l, x === "danger" ? f : d]),
+						children: y
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { p as default };

package/dist/components/Container/Container.js

@@ -0,0 +1,23 @@
+/* empty css                    */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Container/Container.tsx
+var n = "haze-Container__container", r = {
+	sm: "haze-Container__sm",
+	md: "haze-Container__md",
+	lg: "haze-Container__lg",
+	xl: "haze-Container__xl",
+	full: "haze-Container__full"
+};
+function i({ size: i = "lg", children: a, className: o }) {
+	return /* @__PURE__ */ t("div", {
+		className: e([
+			n,
+			r[i],
+			o
+		]),
+		children: a
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,42 @@
+import { ContextMenuProvider as e } from "./ContextMenuContext.js";
+/* empty css                      */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+//#region src/lib/components/ContextMenu/ContextMenu.tsx
+var c = "haze-ContextMenu__wrapper";
+function l({ open: l, onOpenChange: u, children: d, className: f }) {
+	let [p, m] = r(l, !1), [h, g] = s(0), [_, v] = s(0), y = o(null), b = i((e) => {
+		let t = typeof e == "function" ? e(p) : e;
+		m(t), u?.(t);
+	}, [
+		p,
+		m,
+		u
+	]), x = i((e, t) => {
+		g(e), v(t);
+	}, []);
+	return a(() => {
+		if (!p) return;
+		let e = (e) => {
+			y.current && !y.current.contains(e.target) && b(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [p, b]), /* @__PURE__ */ n(e, {
+		value: {
+			open: p,
+			setOpen: b,
+			x: h,
+			y: _,
+			setPosition: x
+		},
+		children: /* @__PURE__ */ n("div", {
+			ref: y,
+			className: t([c, f]),
+			children: d
+		})
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/ContextMenu/ContextMenuContent.js

@@ -0,0 +1,19 @@
+import { useContextMenuContext as e } from "./ContextMenuContext.js";
+/* empty css                             */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/ContextMenu/ContextMenuContent.tsx
+var r = "haze-ContextMenuContent__content";
+function i({ children: i, className: a }) {
+	let { open: o, x: s, y: c } = e();
+	return o ? /* @__PURE__ */ n("div", {
+		style: {
+			left: s,
+			top: c
+		},
+		className: t([r, a]),
+		children: i
+	}) : null;
+}
+//#endregion
+export { i as default };

package/dist/components/ContextMenu/ContextMenuContext.js

@@ -0,0 +1,10 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/components/ContextMenu/ContextMenuContext.ts
+var n = e(void 0), r = n.Provider;
+function i() {
+	let e = t(n);
+	if (!e) throw Error("ContextMenu components must be used within <ContextMenu>");
+	return e;
+}
+//#endregion
+export { r as ContextMenuProvider, i as useContextMenuContext };

package/dist/components/ContextMenu/ContextMenuItem.js

@@ -0,0 +1,20 @@
+import { useContextMenuContext as e } from "./ContextMenuContext.js";
+/* empty css                          */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/ContextMenu/ContextMenuItem.tsx
+var r = "haze-ContextMenuItem__item";
+function i({ children: i, onClick: a, disabled: o, className: s }) {
+	let { setOpen: c } = e();
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		onClick: () => {
+			o || (a?.(), c(!1));
+		},
+		disabled: o,
+		className: t([r, s]),
+		children: i
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/ContextMenu/ContextMenuSeparator.js

@@ -0,0 +1,13 @@
+/* empty css                               */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/ContextMenu/ContextMenuSeparator.tsx
+var n = "haze-ContextMenuSeparator__separator";
+function r({ className: r }) {
+	return /* @__PURE__ */ t("div", {
+		role: "separator",
+		className: e([n, r])
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/ContextMenu/ContextMenuTrigger.js

@@ -0,0 +1,18 @@
+import { useContextMenuContext as e } from "./ContextMenuContext.js";
+/* empty css                             */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/ContextMenu/ContextMenuTrigger.tsx
+var r = "haze-ContextMenuTrigger__trigger";
+function i({ children: i, className: a }) {
+	let { setOpen: o, setPosition: s } = e();
+	return /* @__PURE__ */ n("div", {
+		onContextMenu: (e) => {
+			e.preventDefault(), s(e.clientX, e.clientY), o(!0);
+		},
+		className: t([r, a]),
+		children: i
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/ConversationList/ConversationItem.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";
+//#region src/lib/components/ConversationList/ConversationItem.tsx
+var r = "haze-ConversationItem__item", i = "haze-ConversationItem__activeItem", a = "haze-ConversationItem__body", o = "haze-ConversationItem__titleStyle", s = "haze-ConversationItem__subtitleStyle", c = "haze-ConversationItem__endSlot";
+function l({ title: l, subtitle: u, active: d, onClick: f, end: p, className: m }) {
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		onClick: f,
+		"aria-current": d ? "true" : void 0,
+		className: e([
+			r,
+			d && i,
+			m
+		]),
+		children: [/* @__PURE__ */ n("div", {
+			className: e([a]),
+			children: [/* @__PURE__ */ t("div", {
+				className: e([o]),
+				children: l
+			}), u && /* @__PURE__ */ t("div", {
+				className: e([s]),
+				children: u
+			})]
+		}), p && /* @__PURE__ */ t("div", {
+			className: e([c]),
+			children: p
+		})]
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/ConversationList/ConversationList.js

@@ -0,0 +1,13 @@
+/* empty css                           */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/ConversationList/ConversationList.tsx
+var n = "haze-ConversationList__list";
+function r({ children: r, className: i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e([n, i]),
+		children: r
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,38 @@
+/* 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/DateRangePicker/DateRangePicker.tsx
+var i = "haze-DateRangePicker__container", a = "haze-DateRangePicker__input", o = "haze-DateRangePicker__sep";
+function s({ startDate: s, endDate: c, onStartChange: l, onEndChange: u, separator: d = "–", className: f }) {
+	let [p, m] = r(s, ""), [h, g] = r(c, "");
+	return /* @__PURE__ */ n("div", {
+		className: e([i, f]),
+		children: [
+			/* @__PURE__ */ t("input", {
+				type: "date",
+				value: p,
+				onChange: (e) => {
+					let t = e.target.value;
+					m(t), l?.(t);
+				},
+				className: e([a])
+			}),
+			/* @__PURE__ */ t("span", {
+				className: e([o]),
+				children: d
+			}),
+			/* @__PURE__ */ t("input", {
+				type: "date",
+				value: h,
+				onChange: (e) => {
+					let t = e.target.value;
+					g(t), u?.(t);
+				},
+				className: e([a])
+			})
+		]
+	});
+}
+//#endregion
+export { s as default };

package/dist/components/Datepicker/Datepicker.js

@@ -3,30 +3,30 @@ import e from "./Calendar.js";
 import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { useControl as i } from "react-use-control";
-import { useEffect as a, useRef as o, useState as s } from "react";
+import { useEffect as a, useRef as o } from "react";
 //#region src/lib/components/Datepicker/Datepicker.tsx
-var c = "haze-Datepicker__wrapper", l = "haze-Datepicker__input", u = "haze-Datepicker__dropdown", d = "haze-Datepicker__hiddenStyle";
-function f({ value: f, min: p, max: m, placeholder: h = "Select date", className: g }) {
-	let [_, v] = i(f, ""), [y, b] = s(!1), x = o(null);
+var s = "haze-Datepicker__wrapper", c = "haze-Datepicker__input", l = "haze-Datepicker__dropdown", u = "haze-Datepicker__hiddenStyle";
+function d({ value: d, open: f, min: p, max: m, placeholder: h = "Select date", className: g }) {
+	let [_, v] = i(d, ""), [y, b] = i(f, !1), x = o(null);
 	return a(() => {
 		if (!y) return;
 		let e = (e) => {
 			x.current && !x.current.contains(e.target) && b(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [y]), /* @__PURE__ */ r("div", {
+	}, [y, b]), /* @__PURE__ */ r("div", {
 		ref: x,
-		className: t([c, g]),
+		className: t([s, g]),
 		children: [/* @__PURE__ */ n("input", {
 			readOnly: !0,
-			className: l,
+			className: c,
 			value: _,
 			placeholder: h,
 			onClick: () => b((e) => !e),
 			"aria-haspopup": "dialog",
 			"aria-expanded": y
 		}), /* @__PURE__ */ n("div", {
-			className: t([u, !y && d]),
+			className: t([l, !y && u]),
 			children: /* @__PURE__ */ n(e, {
 				value: _,
 				min: p,
@@ -39,4 +39,4 @@ function f({ value: f, min: p, max: m, placeholder: h = "Select date", className
 	});
 }
 //#endregion
-export { f as default };
+export { d as default };

package/dist/components/DiffViewer/DiffViewer.js

@@ -0,0 +1,81 @@
+/* empty css                     */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useMemo as r } from "react";
+//#region src/lib/components/DiffViewer/DiffViewer.tsx
+var i = "haze-DiffViewer__wrapper", a = "haze-DiffViewer__header", o = "haze-DiffViewer__body", s = "haze-DiffViewer__line", c = "haze-DiffViewer__lineNum", l = "haze-DiffViewer__lineContent", u = "haze-DiffViewer__added", d = "haze-DiffViewer__removed", f = "haze-DiffViewer__addedPrefix", p = "haze-DiffViewer__removedPrefix";
+function m(e, t) {
+	let n = e.split("\n"), r = t.split("\n"), i = [], a = 0, o = 0;
+	for (; a < n.length || o < r.length;) {
+		let e = n[a], t = r[o];
+		a >= n.length ? (i.push({
+			type: "added",
+			content: t,
+			newLine: o + 1
+		}), o++) : o >= r.length ? (i.push({
+			type: "removed",
+			content: e,
+			oldLine: a + 1
+		}), a++) : e === t ? (i.push({
+			type: "unchanged",
+			content: e,
+			oldLine: a + 1,
+			newLine: o + 1
+		}), a++, o++) : (i.push({
+			type: "removed",
+			content: e,
+			oldLine: a + 1
+		}), i.push({
+			type: "added",
+			content: t,
+			newLine: o + 1
+		}), a++, o++);
+	}
+	return i;
+}
+function h({ oldValue: s, newValue: h, className: _ }) {
+	let v = r(() => m(s, h), [s, h]);
+	return /* @__PURE__ */ n("div", {
+		className: e([i, _]),
+		children: [/* @__PURE__ */ t("div", {
+			className: e([a]),
+			children: "Diff"
+		}), /* @__PURE__ */ t("div", {
+			className: e([o]),
+			children: v.map((r, i) => /* @__PURE__ */ n("div", {
+				className: e([
+					g,
+					r.type === "added" && u,
+					r.type === "removed" && d
+				]),
+				children: [
+					/* @__PURE__ */ t("span", {
+						className: e([c]),
+						children: r.oldLine ?? ""
+					}),
+					/* @__PURE__ */ t("span", {
+						className: e([c]),
+						children: r.newLine ?? ""
+					}),
+					/* @__PURE__ */ n("span", {
+						className: e([l]),
+						children: [
+							r.type === "added" && /* @__PURE__ */ t("span", {
+								className: e([f]),
+								children: "+ "
+							}),
+							r.type === "removed" && /* @__PURE__ */ t("span", {
+								className: e([p]),
+								children: "- "
+							}),
+							r.content
+						]
+					})
+				]
+			}, i))
+		})]
+	});
+}
+var g = s;
+//#endregion
+export { h as default };

package/dist/components/Divider/Divider.js

@@ -0,0 +1,25 @@
+/* empty css                  */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Divider/Divider.tsx
+var n = "haze-Divider__base", r = "haze-Divider__horizontal", i = "haze-Divider__vertical";
+function a({ orientation: a = "horizontal", className: o }) {
+	return a === "vertical" ? /* @__PURE__ */ t("div", {
+		role: "separator",
+		"aria-orientation": "vertical",
+		className: e([
+			n,
+			i,
+			o
+		])
+	}) : /* @__PURE__ */ t("hr", {
+		role: "separator",
+		className: e([
+			n,
+			r,
+			o
+		])
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,35 @@
+/* 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 } from "react";
+//#region src/lib/components/Drawer/Drawer.tsx
+var a = "haze-Drawer__overlay", o = {
+	left: "haze-Drawer__left",
+	right: "haze-Drawer__right",
+	top: "haze-Drawer__top",
+	bottom: "haze-Drawer__bottom"
+};
+function s({ open: s, placement: c = "right", onClose: l, className: u, children: d }) {
+	let [f, p] = n(s, !1), m = i(null);
+	return r(() => {
+		let e = m.current;
+		e && (f && !e.open ? e.showModal() : !f && e.open && e.close());
+	}, [f]), /* @__PURE__ */ t("dialog", {
+		ref: m,
+		onClose: () => {
+			p(!1), l?.();
+		},
+		onClick: (e) => {
+			e.target === m.current && (p(!1), l?.());
+		},
+		className: e([
+			a,
+			o[c],
+			u
+		]),
+		children: d
+	});
+}
+//#endregion
+export { s as default };

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,37 @@
+import { DropdownMenuProvider as e } from "./DropdownMenuContext.js";
+/* empty css                       */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+import { useCallback as i, useEffect as a, useRef as o } from "react";
+//#region src/lib/components/DropdownMenu/DropdownMenu.tsx
+var s = "haze-DropdownMenu__wrapper";
+function c({ open: c, onOpenChange: l, children: u, className: d }) {
+	let [f, p] = r(c, !1), m = o(null), h = i((e) => {
+		let t = typeof e == "function" ? e(f) : e;
+		p(t), l?.(t);
+	}, [
+		f,
+		p,
+		l
+	]);
+	return a(() => {
+		if (!f) return;
+		let e = (e) => {
+			m.current && !m.current.contains(e.target) && h(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [f, h]), /* @__PURE__ */ n(e, {
+		value: {
+			open: f,
+			setOpen: h
+		},
+		children: /* @__PURE__ */ n("div", {
+			ref: m,
+			className: t([s, d]),
+			children: u
+		})
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/DropdownMenu/DropdownMenuContent.js

@@ -0,0 +1,23 @@
+import { useDropdownMenuContext as e } from "./DropdownMenuContext.js";
+/* empty css                              */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/DropdownMenu/DropdownMenuContent.tsx
+var r = "haze-DropdownMenuContent__content", i = {
+	start: "haze-DropdownMenuContent__alignStart",
+	center: "haze-DropdownMenuContent__alignCenter",
+	end: "haze-DropdownMenuContent__alignEnd"
+};
+function a({ children: a, align: o = "start", className: s }) {
+	let { open: c } = e();
+	return c ? /* @__PURE__ */ n("div", {
+		className: t([
+			r,
+			i[o],
+			s
+		]),
+		children: a
+	}) : null;
+}
+//#endregion
+export { a as default };

package/dist/components/DropdownMenu/DropdownMenuContext.js

@@ -0,0 +1,10 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/components/DropdownMenu/DropdownMenuContext.ts
+var n = e(void 0), r = n.Provider;
+function i() {
+	let e = t(n);
+	if (!e) throw Error("DropdownMenu components must be used within <DropdownMenu>");
+	return e;
+}
+//#endregion
+export { r as DropdownMenuProvider, i as useDropdownMenuContext };

package/dist/components/DropdownMenu/DropdownMenuItem.js

@@ -0,0 +1,20 @@
+import { useDropdownMenuContext as e } from "./DropdownMenuContext.js";
+/* empty css                           */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/DropdownMenu/DropdownMenuItem.tsx
+var r = "haze-DropdownMenuItem__item";
+function i({ children: i, onClick: a, disabled: o, className: s }) {
+	let { setOpen: c } = e();
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		onClick: () => {
+			o || (a?.(), c(!1));
+		},
+		disabled: o,
+		className: t([r, s]),
+		children: i
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/DropdownMenu/DropdownMenuSeparator.js

@@ -0,0 +1,13 @@
+/* empty css                                */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/DropdownMenu/DropdownMenuSeparator.tsx
+var n = "haze-DropdownMenuSeparator__separator";
+function r({ className: r }) {
+	return /* @__PURE__ */ t("div", {
+		role: "separator",
+		className: e([n, r])
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/DropdownMenu/DropdownMenuTrigger.js

@@ -0,0 +1,17 @@
+import { useDropdownMenuContext as e } from "./DropdownMenuContext.js";
+/* empty css                              */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/DropdownMenu/DropdownMenuTrigger.tsx
+var r = "haze-DropdownMenuTrigger__trigger";
+function i({ children: i, className: a }) {
+	let { setOpen: o } = e();
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		onClick: () => o((e) => !e),
+		className: t([r, a]),
+		children: i
+	});
+}
+//#endregion
+export { i as default };