haze-ui 1.34.1 → 1.35.0

package/dist/components/DataTable/DataTable.js

@@ -94,7 +94,7 @@ var we = "calc(var(--haze-space-3) * 2 + var(--haze-space-5))", Te = "(var(--haz
 	sm: 23,
 	md: 34,
 	lg: 39
-}, C = "__selection__", De = "Use the arrow keys to move between cells. Home and End go to the start or end of the row; PageUp and PageDown go to the first or last row.", Oe = " Press Enter or F2 to edit the focused cell; Escape cancels and returns to navigation.", ke = " Focus a column reorder grip and press Alt with the left or right arrow key to move its column.", Ae = "haze-DataTable__root", je = "haze-DataTable__scrollArea", Me = "haze-DataTable__stickyScrollArea", Ne = "haze-DataTable__virtualArea", w = "haze-DataTable__fixedLayout", Pe = "haze-DataTable__virtualRowTable", T = "haze-DataTable__tableBase", Fe = "haze-DataTable__stickyHead", Ie = "haze-DataTable__sortButton", Le = "haze-DataTable__sortIcon", Re = "haze-DataTable__rowHover", ze = "haze-DataTable__rowSelected", Be = "haze-DataTable__clickableRow", Ve = "haze-DataTable__checkCell", He = "haze-DataTable__checkCellCol", E = "haze-DataTable__fixedCell", Ue = "haze-DataTable__fixedCellSelected", We = "haze-DataTable__fixedHeadCell", Ge = "haze-DataTable__fixedLeftEdge", Ke = "haze-DataTable__fixedRightEdge", qe = "haze-DataTable__emptyCell", Je = "haze-DataTable__footer", Ye = "haze-DataTable__toolbar", Xe = "haze-DataTable__footerMenu", Ze = "haze-DataTable__columnsTrigger", Qe = "haze-DataTable__toggleRow", $e = "haze-DataTable__resizableHead", et = "haze-DataTable__resizeHandle", D = "haze-DataTable__reorderGripClass", tt = "haze-DataTable__reorderItemClass", nt = "haze-DataTable__endSentinelClass", rt = "haze-DataTable__expander", it = "haze-DataTable__expanderIcon", at = "haze-DataTable__panelCell", ot = "haze-DataTable__treeIndent", st = "haze-DataTable__summaryFoot", ct = "haze-DataTable__stickyFoot", lt = "haze-DataTable__editableCell", ut = "haze-DataTable__navCell", dt = "haze-DataTable__sizeSm", ft = "haze-DataTable__sizeLg";
+}, C = "__selection__", De = "Use the arrow keys to move between cells. Home and End go to the start or end of the row; PageUp and PageDown go to the first or last row.", Oe = " Press Enter or F2 to edit the focused cell; Escape cancels and returns to navigation.", ke = " Focus a column reorder grip and press Alt with the left or right arrow key to move its column.", Ae = "haze-DataTable__root", je = "haze-DataTable__scrollArea", Me = "haze-DataTable__stickyScrollArea", Ne = "haze-DataTable__virtualArea", w = "haze-DataTable__fixedLayout", Pe = "haze-DataTable__virtualRowTable", T = "haze-DataTable__tableBase", Fe = "haze-DataTable__stickyHead", Ie = "haze-DataTable__sortButton", Le = "haze-DataTable__sortIcon", Re = "haze-DataTable__rowHover", ze = "haze-DataTable__rowSelected", Be = "haze-DataTable__clickableRow", Ve = "haze-DataTable__checkCell", He = "haze-DataTable__checkCellCol", Ue = "haze-DataTable__resizableHead", E = "haze-DataTable__fixedCell", We = "haze-DataTable__fixedCellSelected", Ge = "haze-DataTable__fixedHeadCell", Ke = "haze-DataTable__fixedLeftEdge", qe = "haze-DataTable__fixedRightEdge", Je = "haze-DataTable__emptyCell", Ye = "haze-DataTable__footer", Xe = "haze-DataTable__toolbar", Ze = "haze-DataTable__footerMenu", Qe = "haze-DataTable__columnsTrigger", $e = "haze-DataTable__toggleRow", et = "haze-DataTable__resizeHandle", D = "haze-DataTable__reorderGripClass", tt = "haze-DataTable__reorderItemClass", nt = "haze-DataTable__endSentinelClass", rt = "haze-DataTable__expander", it = "haze-DataTable__expanderIcon", at = "haze-DataTable__panelCell", ot = "haze-DataTable__treeIndent", st = "haze-DataTable__summaryFoot", ct = "haze-DataTable__stickyFoot", lt = "haze-DataTable__editableCell", ut = "haze-DataTable__navCell", dt = "haze-DataTable__sizeSm", ft = "haze-DataTable__sizeLg";
 function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSelection: pt, sorting: mt, pageSize: O, page: ht, manual: gt = !1, pageCount: _t, onPageChange: vt, onSortChange: yt, loading: k = !1, stickyHeader: bt = !1, virtualized: A, getRowId: xt, onRowClick: St, empty: Ct, resizable: j = !1, expanded: wt, getRowCanExpand: Tt, renderExpandedRow: M, subRowsKey: Et = "subRows", columnVisibility: Dt, columnToggle: Ot = !1, filterable: N = !1, filters: kt, onFiltersChange: At, summary: jt, stickyFooter: Mt = !1, editable: Nt = !1, onCellEdit: Pt, toolbar: Ft, size: It = "md", columnReorderable: Lt = !1, onColumnOrderChange: Rt, onEndReached: P, endReachedThreshold: zt, classNames: F, className: Bt, ref: I, ...Vt }) {
 	let Ht = ge(mt), [Ut, Wt] = y(b(Ht ? mt : void 0, _e((e) => yt?.(e))), Ht ? [] : mt ?? []), [Gt, Kt] = y(pt, {}), qt = ge(ht), [Jt, Yt, Xt] = y(b(qt ? ht : void 0, _e((e) => vt?.(e))), qt ? 1 : ht ?? 1), [Zt, Qt] = y(wt, {}), [$t, en] = y(Dt, {}), [tn, nn] = y(b(void 0, _e((e) => Rt?.(e))), []), rn = ge(kt), [an, on] = y(b(rn ? kt : void 0, _e((e) => At?.(e))), rn ? {} : kt ?? {}), [sn, L] = g(null), [R, z] = g(null), cn = h(null), ln = h(null), un = fe((e) => {
 		ln.current = e, typeof I == "function" ? I(e) : I && (I.current = e);
@@ -355,7 +355,7 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 				className: e([
 					Kn,
 					Y && E,
-					Y && We
+					Y && Ge
 				]),
 				children: /* @__PURE__ */ _("span", {
 					ref: wn,
@@ -393,8 +393,8 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 					"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : void 0,
 					className: e([
 						i && E,
-						i && We,
-						a && $e
+						i && Ge,
+						a && Ue
 					]),
 					children: [
 						s,
@@ -466,8 +466,8 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 			className: e([
 				Kn,
 				Y && E,
-				Y?.edge && Ge,
-				t.getIsSelected() && Ue,
+				Y?.edge && Ke,
+				t.getIsSelected() && We,
 				ut
 			]),
 			children: /* @__PURE__ */ _(o, {
@@ -508,8 +508,8 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 				}, o && !s),
 				className: e([
 					i && E,
-					i?.edge && (i.side === "left" ? Ge : Ke),
-					t.getIsSelected() && Ue,
+					i?.edge && (i.side === "left" ? Ke : qe),
+					t.getIsSelected() && We,
 					o && lt,
 					ut
 				]),
@@ -568,7 +568,7 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 			className: e([
 				Kn,
 				Y && E,
-				Y?.edge && Ge
+				Y?.edge && Ke
 			]),
 			children: /* @__PURE__ */ _(l, {})
 		}), W.map((t) => {
@@ -576,7 +576,7 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 			return /* @__PURE__ */ _(f, {
 				"data-slot": "cell",
 				style: S(n),
-				className: e([n && E, n?.edge && (n.side === "left" ? Ge : Ke)]),
+				className: e([n && E, n?.edge && (n.side === "left" ? Ke : qe)]),
 				children: /* @__PURE__ */ _(l, {})
 			}, t.id);
 		})]
@@ -586,7 +586,7 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 		children: _(f, {
 			colSpan: kn,
 			"data-slot": "empty-cell",
-			className: e([qe]),
+			className: e([Je]),
 			children: Ct ?? /* @__PURE__ */ _(p, {})
 		})
 	}), er = N ? /* @__PURE__ */ _(d, { children: v("tr", {
@@ -627,15 +627,15 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 			})]
 		}, `summary-${n}`))
 	}) : void 0, ir = Ot ? /* @__PURE__ */ v(ae, {
-		className: O === void 0 ? void 0 : Xe,
+		className: O === void 0 ? void 0 : Ze,
 		children: [/* @__PURE__ */ _(ie, {
-			className: e([Ze]),
+			className: e([Qe]),
 			children: "Columns"
 		}), /* @__PURE__ */ _(re, {
 			align: "end",
 			children: H.getAllLeafColumns().filter((e) => e.getCanHide()).map((t) => /* @__PURE__ */ v("label", {
 				"data-slot": "column-toggle-item",
-				className: e([Qe]),
+				className: e([$e]),
 				children: [/* @__PURE__ */ _(o, {
 					role: "menuitemcheckbox",
 					"aria-checked": t.getIsVisible(),
@@ -655,7 +655,7 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 		}),
 		ar && /* @__PURE__ */ v("div", {
 			"data-slot": "toolbar",
-			className: e([Ye, F?.toolbar]),
+			className: e([Xe, F?.toolbar]),
 			children: [Ft, ir !== void 0 && O === void 0 ? ir : null]
 		}),
 		B ? /* @__PURE__ */ v("div", {
@@ -746,7 +746,7 @@ function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSel
 		}),
 		O !== void 0 && /* @__PURE__ */ v("div", {
 			"data-slot": "pagination",
-			className: e([Je, F?.footer]),
+			className: e([Ye, F?.footer]),
 			children: [ir, /* @__PURE__ */ _(ne, {
 				page: Xt,
 				total: gt && _t !== void 0 ? Math.max(0, _t) * O : Sn.length,

package/dist/components/FloatButton/FloatButton.js

@@ -5,8 +5,8 @@ import { PlusGlyph as a } from "./float-button-glyphs.js";
 import { useFloatButtonGroup as o } from "./float-button-context.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/lib/components/FloatButton/FloatButton.tsx
-function u({ icon: u, description: d, shape: f = "circle", variant: p = "solid", href: m, className: h, onClick: g, ..._ }) {
-	let v = o(), y = /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+function u({ icon: u, description: d, shape: f = "circle", variant: p = "solid", href: m, as: h, className: g, onClick: _, ...v }) {
+	let y = o(), b = h ?? (m == null ? "button" : "a"), x = h === void 0 ? m == null : h === "button", S = /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 		"data-slot": "icon",
 		"aria-hidden": "true",
 		className: e([n]),
@@ -15,31 +15,23 @@ function u({ icon: u, description: d, shape: f = "circle", variant: p = "solid",
 		"data-slot": "description",
 		className: e(["haze-float-button-styles__descBox"]),
 		children: d
-	})] }), b = [
+	})] }), C = [
 		t,
 		r[f],
 		i[p],
-		!v && "haze-float-button-styles__anchored",
-		h
+		!y && "haze-float-button-styles__anchored",
+		g
 	];
-	return m == null ? /* @__PURE__ */ c("button", {
-		type: "button",
-		"data-slot": "float-button",
-		..._,
-		onClick: (e) => {
-			g?.(e), v?.closeMenu();
-		},
-		className: e(b),
-		children: y
-	}) : /* @__PURE__ */ c("a", {
+	return /* @__PURE__ */ c(b, {
+		...x ? { type: "button" } : {},
 		href: m,
 		"data-slot": "float-button",
-		..._,
+		...v,
 		onClick: (e) => {
-			g?.(e), v?.closeMenu();
+			_?.(e), y?.closeMenu();
 		},
-		className: e(b),
-		children: y
+		className: e(C),
+		children: S
 	});
 }
 //#endregion

package/dist/components/FollowUpSuggestions/FollowUpSuggestions.js

@@ -0,0 +1,45 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import t from "../Button/Button.js";
+import n from "../Skeleton/Skeleton.js";
+/* empty css                              */
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/components/FollowUpSuggestions/FollowUpSuggestions.tsx
+var i = "haze-FollowUpSuggestions__list", a = "haze-FollowUpSuggestions__item", o = [
+	"calc(var(--haze-text-sm) * 6)",
+	"calc(var(--haze-text-sm) * 9)",
+	"calc(var(--haze-text-sm) * 12)"
+], s = "calc(var(--haze-text-sm) * var(--haze-leading-tight) + var(--haze-space-2))", c = 3;
+function l({ suggestions: l, onSelect: u, disabled: d = !1, loading: f = !1, className: p, ref: m, ...h }) {
+	return /* @__PURE__ */ r("div", {
+		ref: m,
+		"data-slot": "follow-up-suggestions",
+		role: "list",
+		...h,
+		className: e([i, p]),
+		children: f ? Array.from({ length: l.length > 0 ? l.length : c }, (t, i) => /* @__PURE__ */ r("div", {
+			"data-slot": "follow-up-suggestion-skeleton",
+			"aria-hidden": "true",
+			className: e([a]),
+			children: /* @__PURE__ */ r(n, {
+				variant: "rectangular",
+				width: o[i % o.length],
+				height: s
+			})
+		}, i)) : l.map((n, i) => /* @__PURE__ */ r("div", {
+			"data-slot": "follow-up-suggestion",
+			role: "listitem",
+			className: e([a]),
+			children: /* @__PURE__ */ r(t, {
+				variant: "outline",
+				size: "sm",
+				disabled: d,
+				onClick: () => u?.(n),
+				children: n
+			})
+		}, `${n}-${i}`))
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/FollowUpSuggestions/index.js

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

package/dist/components/LocaleProvider/ar-sa.js

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "لا توجد مطابقات"
 	},
 	modelPicker: { label: "النموذج" },
+	notificationCenter: {
+		triggerLabel: "الإشعارات",
+		triggerLabelUnread: "الإشعارات ({count} غير مقروءة)",
+		panelTitle: "الإشعارات",
+		markAllRead: "وضع علامة مقروء على الكل",
+		clearAll: "مسح الكل",
+		empty: "لا توجد إشعارات",
+		unreadLabel: "غير مقروء"
+	},
 	numberInput: {
 		decrease: "إنقاص",
 		increase: "زيادة"

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

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "Keine Übereinstimmungen"
 	},
 	modelPicker: { label: "Modell" },
+	notificationCenter: {
+		triggerLabel: "Benachrichtigungen",
+		triggerLabelUnread: "Benachrichtigungen ({count} ungelesen)",
+		panelTitle: "Benachrichtigungen",
+		markAllRead: "Alle als gelesen markieren",
+		clearAll: "Alle löschen",
+		empty: "Keine Benachrichtigungen",
+		unreadLabel: "Ungelesen"
+	},
 	numberInput: {
 		decrease: "Verringern",
 		increase: "Erhöhen"

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

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "Sin coincidencias"
 	},
 	modelPicker: { label: "Modelo" },
+	notificationCenter: {
+		triggerLabel: "Notificaciones",
+		triggerLabelUnread: "Notificaciones ({count} sin leer)",
+		panelTitle: "Notificaciones",
+		markAllRead: "Marcar todo como leído",
+		clearAll: "Borrar todo",
+		empty: "Sin notificaciones",
+		unreadLabel: "Sin leer"
+	},
 	numberInput: {
 		decrease: "Reducir",
 		increase: "Aumentar"

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

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "Aucune correspondance"
 	},
 	modelPicker: { label: "Modèle" },
+	notificationCenter: {
+		triggerLabel: "Notifications",
+		triggerLabelUnread: "Notifications ({count} non lues)",
+		panelTitle: "Notifications",
+		markAllRead: "Tout marquer comme lu",
+		clearAll: "Tout effacer",
+		empty: "Aucune notification",
+		unreadLabel: "Non lue"
+	},
 	numberInput: {
 		decrease: "Diminuer",
 		increase: "Augmenter"

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

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "Nessuna corrispondenza"
 	},
 	modelPicker: { label: "Modello" },
+	notificationCenter: {
+		triggerLabel: "Notifiche",
+		triggerLabelUnread: "Notifiche ({count} non lette)",
+		panelTitle: "Notifiche",
+		markAllRead: "Segna tutte come lette",
+		clearAll: "Cancella tutto",
+		empty: "Nessuna notifica",
+		unreadLabel: "Non letta"
+	},
 	numberInput: {
 		decrease: "Diminuisci",
 		increase: "Aumenta"

package/dist/components/LocaleProvider/ja-jp.js

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "該当なし"
 	},
 	modelPicker: { label: "モデル" },
+	notificationCenter: {
+		triggerLabel: "通知",
+		triggerLabelUnread: "通知（未読 {count} 件）",
+		panelTitle: "通知",
+		markAllRead: "すべて既読にする",
+		clearAll: "すべて消去",
+		empty: "通知はありません",
+		unreadLabel: "未読"
+	},
 	numberInput: {
 		decrease: "減らす",
 		increase: "増やす"

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

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "일치 항목 없음"
 	},
 	modelPicker: { label: "모델" },
+	notificationCenter: {
+		triggerLabel: "알림",
+		triggerLabelUnread: "알림 ({count}개 읽지 않음)",
+		panelTitle: "알림",
+		markAllRead: "모두 읽음으로 표시",
+		clearAll: "모두 지우기",
+		empty: "알림이 없습니다",
+		unreadLabel: "읽지 않음"
+	},
 	numberInput: {
 		decrease: "감소",
 		increase: "증가"

package/dist/components/LocaleProvider/locale.js

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "No matches"
 	},
 	modelPicker: { label: "Model" },
+	notificationCenter: {
+		triggerLabel: "Notifications",
+		triggerLabelUnread: "Notifications ({count} unread)",
+		panelTitle: "Notifications",
+		markAllRead: "Mark all as read",
+		clearAll: "Clear all",
+		empty: "No notifications",
+		unreadLabel: "Unread"
+	},
 	numberInput: {
 		decrease: "Decrease",
 		increase: "Increase"

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

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "Nenhuma correspondência"
 	},
 	modelPicker: { label: "Modelo" },
+	notificationCenter: {
+		triggerLabel: "Notificações",
+		triggerLabelUnread: "Notificações ({count} não lidas)",
+		panelTitle: "Notificações",
+		markAllRead: "Marcar todas como lidas",
+		clearAll: "Limpar tudo",
+		empty: "Nenhuma notificação",
+		unreadLabel: "Não lida"
+	},
 	numberInput: {
 		decrease: "Diminuir",
 		increase: "Aumentar"

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

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "Совпадений нет"
 	},
 	modelPicker: { label: "Модель" },
+	notificationCenter: {
+		triggerLabel: "Уведомления",
+		triggerLabelUnread: "Уведомления ({count} непрочитанных)",
+		panelTitle: "Уведомления",
+		markAllRead: "Отметить все как прочитанные",
+		clearAll: "Очистить все",
+		empty: "Нет уведомлений",
+		unreadLabel: "Непрочитано"
+	},
 	numberInput: {
 		decrease: "Уменьшить",
 		increase: "Увеличить"

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

@@ -151,6 +151,15 @@ var e = {
 		noMatch: "无匹配项"
 	},
 	modelPicker: { label: "模型" },
+	notificationCenter: {
+		triggerLabel: "通知",
+		triggerLabelUnread: "通知（{count} 条未读）",
+		panelTitle: "通知",
+		markAllRead: "全部标为已读",
+		clearAll: "清空全部",
+		empty: "暂无通知",
+		unreadLabel: "未读"
+	},
 	numberInput: {
 		decrease: "减少",
 		increase: "增加"

package/dist/components/NavigationBar/NavLink.js

@@ -1,27 +1,26 @@
 
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                  */
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/NavigationBar/NavLink.tsx
-var r = "haze-NavLink__link", i = "haze-NavLink__activeLink", a = t(function({ href: t = "#", active: a, children: o, onClick: s, className: c, "aria-current": l, ...u }, d) {
-	let f = a ?? l === "page";
-	return /* @__PURE__ */ n("a", {
-		ref: d,
+var n = "haze-NavLink__link", r = "haze-NavLink__activeLink";
+function i({ href: i = "#", active: a, as: o, className: s, "aria-current": c, onClick: l, children: u, ...d }) {
+	let f = o ?? "a", p = a ?? c === "page";
+	return /* @__PURE__ */ t(f, {
 		"data-slot": "nav-link",
-		href: t,
-		"aria-current": f ? "page" : l,
+		href: i,
+		"aria-current": p ? "page" : c,
+		...d,
 		onClick: (e) => {
-			t === "#" && e.preventDefault(), s?.(e);
+			i === "#" && e.preventDefault(), l?.(e);
 		},
-		...u,
 		className: e([
-			r,
-			f && i,
-			c
+			n,
+			p && r,
+			s
 		]),
-		children: o
+		children: u
 	});
-});
+}
 //#endregion
-export { a as default };
+export { i as default };