haze-ui 1.30.0 → 1.32.0

package/dist/components/TagInput/SortableTagInputCore.js

@@ -1,24 +1,24 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { sortableItemStyle as t } from "../../utils/sortable-shared.js";
-import { removeBtn as n, tag as r, tagHandle as i } from "./tag-input-styles.js";
-import a from "./TagInputCore.js";
-import { SortableRegion as o } from "../../utils/sortable.js";
+import { SortableRegion as n } from "../../utils/sortable.js";
+import { removeBtn as r, tag as i, tagHandle as a } from "./tag-input-styles.js";
+import o from "./TagInputCore.js";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { rectSortingStrategy as l, useSortable as u } from "@dnd-kit/sortable";
 //#region src/lib/components/TagInput/SortableTagInputCore.tsx
-function d({ id: a, label: o, removeLabel: l, onRemove: d }) {
-	let { attributes: f, listeners: p, setNodeRef: m, transform: h, transition: g, isDragging: _ } = u({ id: a });
+function d({ id: n, label: o, removeLabel: l, onRemove: d }) {
+	let { attributes: f, listeners: p, setNodeRef: m, transform: h, transition: g, isDragging: _ } = u({ id: n });
 	return /* @__PURE__ */ c("li", {
 		ref: m,
 		"data-slot": "item",
 		style: t(h, g),
-		className: e([r, _ && "haze-tag-input-styles__tagDragging"]),
+		className: e([i, _ && "haze-tag-input-styles__tagDragging"]),
 		children: [/* @__PURE__ */ s("span", {
 			"data-slot": "handle",
 			...f,
 			...p,
-			className: e([i]),
+			className: e([a]),
 			children: o
 		}), /* @__PURE__ */ s("button", {
 			"data-slot": "remove-button",
@@ -28,14 +28,14 @@ function d({ id: a, label: o, removeLabel: l, onRemove: d }) {
 				e.key === "Backspace" && (e.preventDefault(), d());
 			},
 			"aria-label": l,
-			className: e([n]),
+			className: e([r]),
 			children: "x"
 		})]
 	});
 }
 function f(e) {
 	let { disabled: t } = e;
-	return /* @__PURE__ */ s(a, {
+	return /* @__PURE__ */ s(o, {
 		...e,
 		renderTag: t ? void 0 : (e) => /* @__PURE__ */ s(d, {
 			id: e.index,
@@ -43,10 +43,10 @@ function f(e) {
 			removeLabel: e.removeLabel,
 			onRemove: e.onRemove
 		}, e.index),
-		wrapTagList: t ? void 0 : (e, { count: t, onMove: n }) => /* @__PURE__ */ s(o, {
+		wrapTagList: t ? void 0 : (e, { count: t, onMove: r }) => /* @__PURE__ */ s(n, {
 			ids: Array.from({ length: t }, (e, t) => t),
 			strategy: l,
-			onMove: n,
+			onMove: r,
 			children: e
 		})
 	});

package/dist/components/TagInput/TagInputCore.js

@@ -1,9 +1,9 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { formatString as n } from "../LocaleProvider/locale.js";
-import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { formatString as t } from "../LocaleProvider/locale.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as r } from "../../utils/refs.js";
 import { listWrap as i, removeBtn as a, tag as o } from "./tag-input-styles.js";
 /* empty css                       */
 import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
@@ -11,7 +11,7 @@ import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/lib/components/TagInput/TagInputCore.tsx
 var p = "haze-TagInputCore__container", m = "haze-TagInputCore__inputEl";
 function h({ value: h, onChange: g, placeholder: _, maxTags: v, disabled: y, renderTag: b, wrapTagList: x, className: S, id: C, "aria-invalid": w, "aria-describedby": T, ref: E }) {
-	let [D, O] = u(""), k = l(null), A = l(null), j = s((e) => t(A, E)(e), [A, E]), M = l(null);
+	let [D, O] = u(""), k = l(null), A = l(null), j = s((e) => r(A, E)(e), [A, E]), M = l(null);
 	c(() => {
 		let e = M.current;
 		if (e === null) return;
@@ -38,25 +38,25 @@ function h({ value: h, onChange: g, placeholder: _, maxTags: v, disabled: y, ren
 		r !== void 0 && (n.splice(t, 0, r), g(n));
 	}, [h, g]), I = (e) => {
 		e.key === "Enter" || e.key === "," ? (e.preventDefault(), N(D)) : e.key === "Backspace" && !D && h.length > 0 && P(h.length - 1);
-	}, L = r("tagInput"), R = _ || L.placeholder, z = n(h.length === 1 ? L.tagCountSingular : L.tagCount, { count: h.length }), B = /* @__PURE__ */ d("ul", {
+	}, L = n("tagInput"), R = _ || L.placeholder, z = t(h.length === 1 ? L.tagCountSingular : L.tagCount, { count: h.length }), B = /* @__PURE__ */ d("ul", {
 		"data-slot": "list",
 		className: e([i]),
-		children: h.map((t, r) => b ? b({
-			tag: t,
+		children: h.map((n, r) => b ? b({
+			tag: n,
 			index: r,
-			removeLabel: n(L.removeTag, { tag: t }),
+			removeLabel: t(L.removeTag, { tag: n }),
 			onRemove: () => P(r)
 		}) : /* @__PURE__ */ f("li", {
 			"data-slot": "item",
 			className: e([o]),
-			children: [t, /* @__PURE__ */ d("button", {
+			children: [n, /* @__PURE__ */ d("button", {
 				"data-slot": "remove-button",
 				type: "button",
 				onClick: () => P(r),
 				onKeyDown: (e) => {
 					e.key === "Backspace" && (e.preventDefault(), P(r));
 				},
-				"aria-label": n(L.removeTag, { tag: t }),
+				"aria-label": t(L.removeTag, { tag: n }),
 				disabled: y,
 				className: e([a]),
 				children: "x"

package/dist/components/TimePicker/TimePickerPanel.js

@@ -1,7 +1,7 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as n } from "../../utils/refs.js";
 import { FloatingPanel as r, useFloating as i } from "../../utils/floating.js";
 import { columnList as ee, columnOption as a, columnWrap as te, columns as ne, footer as re, nowButton as ie, panel as ae, trigger as oe, wrapper as se } from "./time-picker-styles.js";
 import { formatTimeValue as o, from12Hour as s, hour12Values as ce, pad2 as c, parseTimeValue as l, stepValue as u, stepValues as d, to12Hour as f } from "./time.js";
@@ -9,7 +9,7 @@ import { useCallback as p, useEffect as m, useId as h, useRef as g } from "react
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/lib/components/TimePicker/TimePickerPanel.tsx
 function y({ value: y, onChange: b, open: x, onOpenChange: S, format: C, hourStep: w, minuteStep: T, secondStep: E, use12Hours: D, disabledTime: O, placeholder: k, className: A, onKeyDown: j, ref: M, ...le }) {
-	let N = n("timePicker"), P = g(null), F = p((e) => t(P, M)(e), [P, M]), I = g(null), L = g(null), R = g(null), z = g(null), B = g(null), V = h(), H = p((e) => S(typeof e == "function" ? e(x) : e), [S, x]), U = i({
+	let N = t("timePicker"), P = g(null), F = p((e) => n(P, M)(e), [P, M]), I = g(null), L = g(null), R = g(null), z = g(null), B = g(null), V = h(), H = p((e) => S(typeof e == "function" ? e(x) : e), [S, x]), U = i({
 		open: x,
 		setOpen: H,
 		triggerRef: P,

package/dist/components/Toast/ToastContainer.js

@@ -1,12 +1,12 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { useConfigDefaults as t } from "../ConfigProvider/useConfigDefaults.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { useConfigDefaults as n } from "../ConfigProvider/useConfigDefaults.js";
 import { Presence as r } from "../../utils/presence.js";
 import i from "./Toast.js";
 import { ToastProvider as a, applyToastPatch as o, deferredCopyKey as s } from "./ToastContext.js";
-import { nextToastId as c, subscribeToastChannel as l } from "./toast2.js";
+import { nextToastId as c, subscribeToastChannel as l } from "./toast-channel.js";
 /* empty css                         */
 import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -18,7 +18,7 @@ var g = "haze-ToastContainer__containerBase", _ = {
 	"bottom-right": "haze-ToastContainer__bottom-right"
 };
 function v({ children: v, maxCount: y, placement: b, classNames: x }) {
-	let S = t("Toast"), C = b ?? S.placement ?? "bottom-right", w = y ?? S.maxCount, [T, E] = p([]), [D, O] = p([]), k = f([]);
+	let S = n("Toast"), C = b ?? S.placement ?? "bottom-right", w = y ?? S.maxCount, [T, E] = p([]), [D, O] = p([]), k = f([]);
 	d(() => {
 		k.current = T;
 	}, [T]);
@@ -55,7 +55,7 @@ function v({ children: v, maxCount: y, placement: b, classNames: x }) {
 		F,
 		M
 	]);
-	let I = n("toast");
+	let I = t("toast");
 	return /* @__PURE__ */ h(a, {
 		value: {
 			toasts: T,

package/dist/components/Toast/index.js

@@ -1,6 +1,6 @@
 "use client";
 import e from "./Toast.js";
-import { toast as t } from "./toast2.js";
+import { toast as t } from "./toast-channel.js";
 import n from "./ToastContainer.js";
 import r from "./useToast.js";
 export { e as Toast, n as ToastContainer, t as toast, r as useToast };

package/dist/components/Toast/{toast2.js → toast-channel.js}

@@ -1,6 +1,6 @@
 "use client";
 import { applyToastPatch as e, deferredToastCopy as t } from "./ToastContext.js";
-//#region src/lib/components/Toast/toast.ts
+//#region src/lib/components/Toast/toast-channel.ts
 var n = 100, r = [], i = /* @__PURE__ */ new Set(), a = 0;
 function o() {
 	return a += 1, a;

package/dist/components/Toast/useToast.js

@@ -1,7 +1,7 @@
 "use client";
 import { useConfigDefaults as e } from "../ConfigProvider/useConfigDefaults.js";
 import { useToastContext as t } from "./ToastContext.js";
-import { driveToastPromise as n } from "./toast2.js";
+import { driveToastPromise as n } from "./toast-channel.js";
 import { useMemo as r } from "react";
 //#region src/lib/components/Toast/useToast.ts
 function i() {

package/dist/components/Tree/SortableTree.js

@@ -1,15 +1,15 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { filterTreeByQuery as t, findNodeByKey as n, flattenVisibleTree as r } from "./utils.js";
-import i from "./Tree.js";
-import { SortableHandleContext as a, useSortableHandle as o } from "../../utils/sortable-handle.js";
-import { sortableItemStyle as s, useSortableSensors as c } from "../../utils/sortable-shared.js";
+import { SortableHandleContext as t, useSortableHandle as n } from "../../utils/sortable-handle.js";
+import { sortableItemStyle as r, useSortableSensors as i } from "../../utils/sortable-shared.js";
+import { filterTreeByQuery as a, findNodeByKey as o, flattenVisibleTree as s } from "./utils.js";
+import c from "./Tree.js";
 import { resolveTreeMove as l, subtreeKeys as u } from "./sortable-tree-utils.js";
 import { grip as d, row as f } from "./sortable-tree-styles.js";
 import { useCallback as p, useMemo as m, useRef as h, useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { DndContext as b, closestCenter as x } from "@dnd-kit/core";
-import { SortableContext as S, useSortable as C, verticalListSortingStrategy as w } from "@dnd-kit/sortable";
+import { SortableContext as b, useSortable as x, verticalListSortingStrategy as S } from "@dnd-kit/sortable";
+import { DndContext as C, closestCenter as w } from "@dnd-kit/core";
 //#region src/lib/components/Tree/SortableTree.tsx
 var T = () => /* @__PURE__ */ y("svg", {
 	viewBox: "0 0 10 16",
@@ -48,27 +48,27 @@ var T = () => /* @__PURE__ */ y("svg", {
 	]
 });
 function E() {
-	let t = o();
+	let t = n();
 	if (!t) return null;
-	let n = t.listeners?.onPointerDown;
+	let r = t.listeners?.onPointerDown;
 	return /* @__PURE__ */ v("span", {
 		"aria-hidden": "true",
 		"data-slot": "drag-handle",
-		onPointerDown: n,
+		onPointerDown: r,
 		className: e([d]),
 		children: /* @__PURE__ */ v(T, {})
 	});
 }
-function D({ node: t, treeDisabled: n, inDraggedSubtree: r, handleMode: i, children: o }) {
-	let { attributes: c, listeners: l, setNodeRef: u, transform: d, transition: p, isDragging: m } = C({
-		id: t.key,
-		disabled: n || !!t.disabled
+function D({ node: n, treeDisabled: i, inDraggedSubtree: a, handleMode: o, children: s }) {
+	let { attributes: c, listeners: l, setNodeRef: u, transform: d, transition: p, isDragging: m } = x({
+		id: n.key,
+		disabled: i || !!n.disabled
 	});
 	function h(e) {
 		let t = l?.onKeyDown;
 		t?.(e), e.defaultPrevented && e.stopPropagation();
 	}
-	return /* @__PURE__ */ v(a.Provider, {
+	return /* @__PURE__ */ v(t.Provider, {
 		value: {
 			attributes: c,
 			listeners: l
@@ -77,31 +77,31 @@ function D({ node: t, treeDisabled: n, inDraggedSubtree: r, handleMode: i, child
 			ref: u,
 			"data-slot": "sortable-row",
 			"data-sortable-row": "",
-			style: s(d, p),
-			...i ? void 0 : l,
+			style: r(d, p),
+			...o ? void 0 : l,
 			onKeyDown: h,
 			className: e([
 				f,
-				!i && "haze-sortable-tree-styles__rowDraggable",
+				!o && "haze-sortable-tree-styles__rowDraggable",
 				m && "haze-sortable-tree-styles__rowDragging",
-				r && "haze-sortable-tree-styles__rowInSubtree"
+				a && "haze-sortable-tree-styles__rowInSubtree"
 			]),
-			children: o
+			children: s
 		})
 	});
 }
-function O({ treeData: e, disabled: a = !1, dragHandle: o = !1, titleRender: s, searchValue: d, expandedKeys: f, onExpand: C, onMove: T, className: O, ...k }) {
-	let A = c(), [j, M] = g(null), N = h(/* @__PURE__ */ new Set()), [P, F] = g([]), I = p((e, t) => {
-		F(e), C?.(e, t);
-	}, [C]), L = m(() => t(e, d), [e, d]), R = Array.isArray(f) ? f : P, z = m(() => !L || L.ancestorKeys.length === 0 ? R : Array.from(/* @__PURE__ */ new Set([...R, ...L.ancestorKeys])), [R, L]), B = L ? L.tree : e, V = m(() => r(B, z, !1).map((e) => e.key), [B, z]), H = p((e) => {
+function O({ treeData: e, disabled: t = !1, dragHandle: n = !1, titleRender: r, searchValue: d, expandedKeys: f, onExpand: x, onMove: T, className: O, ...k }) {
+	let A = i(), [j, M] = g(null), N = h(/* @__PURE__ */ new Set()), [P, F] = g([]), I = p((e, t) => {
+		F(e), x?.(e, t);
+	}, [x]), L = m(() => a(e, d), [e, d]), R = Array.isArray(f) ? f : P, z = m(() => !L || L.ancestorKeys.length === 0 ? R : Array.from(/* @__PURE__ */ new Set([...R, ...L.ancestorKeys])), [R, L]), B = L ? L.tree : e, V = m(() => s(B, z, !1).map((e) => e.key), [B, z]), H = p((e) => {
 		let t = j === null ? e.droppableContainers : e.droppableContainers.filter((e) => String(e.id) === j || !N.current.has(String(e.id)));
-		return x({
+		return w({
 			...e,
 			droppableContainers: t
 		});
 	}, [j]), U = p((t) => {
-		let r = String(t.active.id), i = n(e, r);
-		N.current = i ? u(i) : /* @__PURE__ */ new Set(), M(r);
+		let n = String(t.active.id), r = o(e, n);
+		N.current = r ? u(r) : /* @__PURE__ */ new Set(), M(n);
 	}, [e]), W = p(() => {
 		N.current = /* @__PURE__ */ new Set(), M(null);
 	}, []), G = p((t) => {
@@ -112,31 +112,31 @@ function O({ treeData: e, disabled: a = !1, dragHandle: o = !1, titleRender: s,
 		W,
 		T,
 		e
-	]), K = p((e, t) => /* @__PURE__ */ v(D, {
-		node: t,
-		treeDisabled: a,
-		handleMode: o,
-		inDraggedSubtree: j !== null && j !== t.key && N.current.has(t.key),
+	]), K = p((e, r) => /* @__PURE__ */ v(D, {
+		node: r,
+		treeDisabled: t,
+		handleMode: n,
+		inDraggedSubtree: j !== null && j !== r.key && N.current.has(r.key),
 		children: e
 	}), [
 		j,
-		a,
-		o
+		t,
+		n
 	]);
-	return /* @__PURE__ */ v(b, {
+	return /* @__PURE__ */ v(C, {
 		sensors: A,
 		collisionDetection: H,
 		onDragStart: U,
 		onDragEnd: G,
 		onDragCancel: W,
-		children: /* @__PURE__ */ v(S, {
+		children: /* @__PURE__ */ v(b, {
 			items: V,
-			strategy: w,
-			children: /* @__PURE__ */ v(i, {
+			strategy: S,
+			children: /* @__PURE__ */ v(c, {
 				treeData: e,
-				disabled: a,
+				disabled: t,
 				searchValue: d,
-				titleRender: o || s ? (e) => /* @__PURE__ */ y(_, { children: [o && /* @__PURE__ */ v(E, {}), s ? s(e) : e.title] }) : void 0,
+				titleRender: n || r ? (e) => /* @__PURE__ */ y(_, { children: [n && /* @__PURE__ */ v(E, {}), r ? r(e) : e.title] }) : void 0,
 				expandedKeys: f,
 				onExpand: I,
 				rowWrap: K,

package/dist/components/TreeSelect/TreeSelect.js

@@ -1,9 +1,9 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { formatString as n } from "../LocaleProvider/locale.js";
-import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { formatString as t } from "../LocaleProvider/locale.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as r } from "../../utils/refs.js";
 import { FloatingPanel as i, useFloating as a } from "../../utils/floating.js";
 import o from "../Chip/Chip.js";
 import { useFocusScope as ee } from "../../utils/focus-scope.js";
@@ -57,7 +57,7 @@ function be(e, t) {
 	}];
 }
 function b({ treeData: s, value: b, onChange: xe, placeholder: x, multiple: S = !1, checkStrictly: C = !1, allowClear: w = !1, showSearch: T = !1, treeDefaultExpandAll: Se = !1, treeExpandedKeys: Ce, onTreeExpand: we, maxTagCount: E, virtualized: Te, loadData: D, disabled: O = !1, className: Ee, ref: k, ...De }) {
-	let A = r("treeSelect"), [j, M] = m(!1, !1), [N, Oe] = d({}), ke = l(() => D ? (e) => D(e).then((t) => (Oe((n) => ({
+	let A = n("treeSelect"), [j, M] = m(!1, !1), [N, Oe] = d({}), ke = l(() => D ? (e) => D(e).then((t) => (Oe((n) => ({
 		...n,
 		[e.key]: t
 	})), t)) : void 0, [D]), P = l(() => te(s, N), [s, N]), F = l(() => {
@@ -71,7 +71,7 @@ function b({ treeData: s, value: b, onChange: xe, placeholder: x, multiple: S =
 		data: P
 	}))), I ? [] : y(b, P, S, C)), [B, V] = d("");
 	!j && B !== "" && V("");
-	let H = ie(), U = u(null), Ae = c((e) => t(U, k)(e), [U, k]), W = u(null), G = u(null), K = a({
+	let H = ie(), U = u(null), Ae = c((e) => r(U, k)(e), [U, k]), W = u(null), G = u(null), K = a({
 		open: j,
 		setOpen: M,
 		triggerRef: U,
@@ -150,7 +150,7 @@ function b({ treeData: s, value: b, onChange: xe, placeholder: x, multiple: S =
 		"data-slot": "overflow-badge",
 		title: Z.map($).join(", "),
 		className: e(fe),
-		children: n(A.moreTags, { count: Z.length })
+		children: t(A.moreTags, { count: Z.length })
 	})] }) : Y ? /* @__PURE__ */ f("span", {
 		"data-slot": "value",
 		className: e(g),