@feugene/granularity 0.2.0 → 0.3.0

package/dist/components/DsToaster/chunks/DsToaster-KO8wZChw.js

@@ -0,0 +1,159 @@
+import { n as e, r as t, t as n } from "../../../chunks/x-circle-ChJ87u1v.js";
+import { t as r } from "../../../chunks/info-CNJnuTYC.js";
+import { t as i } from "../../../chunks/x--kxrj3ez.js";
+import { t as a } from "../../DsButton/chunks/DsButton-9cB_fHZt.js";
+import { t as o } from "../../DsIcon/chunks/DsIcon-Bk6qc4Kh.js";
+import { r as s } from "../../../chunks/config-DwsSjSb4.js";
+import { Fragment as c, Teleport as l, TransitionGroup as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as y, openBlock as b, reactive as x, renderList as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
+//#region src/composables/useToast.ts
+var D = x([]), O = /* @__PURE__ */ new Map(), k = 3500;
+function A() {
+	return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+}
+function j(e) {
+	let t = O.get(e);
+	t !== void 0 && (clearTimeout(t), O.delete(e));
+}
+function M() {
+	let e = d(() => D);
+	function t(e) {
+		let t = A(), r = {
+			id: t,
+			title: e.title,
+			message: e.message,
+			variant: e.variant ?? "info"
+		};
+		D.unshift(r);
+		let i = e.timeoutMs ?? k;
+		if (i > 0 && typeof window < "u") {
+			let e = window.setTimeout(() => {
+				O.delete(t), n(t);
+			}, i);
+			O.set(t, e);
+		}
+		return t;
+	}
+	function n(e) {
+		j(e);
+		let t = D.findIndex((t) => t.id === e);
+		t >= 0 && D.splice(t, 1);
+	}
+	function r() {
+		for (let e of O.keys()) j(e);
+		D.splice(0, D.length);
+	}
+	return {
+		list: e,
+		push: t,
+		dismiss: n,
+		clear: r
+	};
+}
+//#endregion
+//#region src/components/DsToaster/DsToaster.vue?vue&type=script&setup=true&lang.ts
+var N = ["aria-label"], P = [
+	"data-variant",
+	"role",
+	"aria-live"
+], F = { class: "flex items-start gap-3" }, I = { class: "min-w-0 flex-1" }, L = { class: "text-[13px] font-700" }, R = {
+	key: 0,
+	class: "mt-0.5 text-[13px] text-[var(--muted-fg)]"
+}, z = /* @__PURE__ */ _({
+	__name: "DsToaster",
+	props: {
+		placement: { default: "top-right" },
+		dismissLabel: { default: "Dismiss" },
+		regionLabel: { default: "Notifications" }
+	},
+	setup(_) {
+		let x = {
+			info: {
+				icon: r,
+				color: "var(--ds-info)",
+				role: "status",
+				live: "polite"
+			},
+			success: {
+				icon: e,
+				color: "var(--ds-success)",
+				role: "status",
+				live: "polite"
+			},
+			warning: {
+				icon: t,
+				color: "var(--ds-warning)",
+				role: "alert",
+				live: "assertive"
+			},
+			danger: {
+				icon: n,
+				color: "var(--ds-danger)",
+				role: "alert",
+				live: "assertive"
+			}
+		}, D = _, { list: O, dismiss: k } = M(), A = typeof window < "u";
+		function j(e) {
+			return x[e] ?? x.info;
+		}
+		let z = d(() => s[D.placement]);
+		return (e, t) => (b(), f(l, {
+			to: "body",
+			disabled: !A
+		}, [h("div", {
+			"data-ds-toaster": "",
+			role: "region",
+			"aria-label": _.regionLabel,
+			class: v(["fixed z-[60] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3", z.value])
+		}, [g(u, {
+			tag: "div",
+			class: "grid gap-3",
+			"enter-active-class": "transition duration-200 ease-out",
+			"enter-from-class": "opacity-0 translate-y-2",
+			"enter-to-class": "opacity-100 translate-y-0",
+			"leave-active-class": "transition duration-150 ease-in absolute",
+			"leave-from-class": "opacity-100 translate-y-0",
+			"leave-to-class": "opacity-0 translate-y-2",
+			"move-class": "transition-transform duration-200 ease-out"
+		}, {
+			default: E(() => [(b(!0), m(c, null, S(T(O), (e) => (b(), m("div", {
+				key: e.id,
+				"data-ds-toast": "",
+				"data-variant": e.variant,
+				role: j(e.variant).role,
+				"aria-live": j(e.variant).live,
+				"aria-atomic": "true",
+				class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--ds-shadow-2)]"
+			}, [h("div", F, [
+				g(T(o), {
+					size: "md",
+					class: "mt-0.5",
+					style: y({ color: j(e.variant).color }),
+					"aria-hidden": "true"
+				}, {
+					default: E(() => [(b(), f(C(j(e.variant).icon)))]),
+					_: 2
+				}, 1032, ["style"]),
+				h("div", I, [h("div", L, w(e.title), 1), e.message ? (b(), m("div", R, w(e.message), 1)) : p("", !0)]),
+				g(T(a), {
+					variant: "ghost",
+					size: "sm",
+					square: "",
+					"aria-label": _.dismissLabel,
+					onClick: (t) => T(k)(e.id)
+				}, {
+					default: E(() => [g(T(o), {
+						size: "sm",
+						"aria-hidden": "true"
+					}, {
+						default: E(() => [g(T(i))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["aria-label", "onClick"])
+			])], 8, P))), 128))]),
+			_: 1
+		})], 10, N)], 8, ["disabled"]));
+	}
+});
+//#endregion
+export { M as n, z as t };

package/dist/components/DsToaster/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsToaster-B9u2x_Ii.js";
-import { n as t, t as n } from "../../chunks/config-BqaCteFh2.js";
+import { t as e } from "./chunks/DsToaster-KO8wZChw.js";
+import { n as t, t as n } from "../../chunks/config-DwsSjSb4.js";
 export { e as DsToaster, e as default, n as dsToasterConfig, t as dsToasterSafelist };

package/dist/components/DsTooltip/chunks/DsTooltip-BNkQOtpm.js

@@ -0,0 +1,37 @@
+import { t as e } from "../../../chunks/info-CNJnuTYC.js";
+import { t } from "../../DsIcon/chunks/DsIcon-Bk6qc4Kh.js";
+import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, useId as f, withCtx as p } from "vue";
+//#region src/components/DsTooltip/DsTooltip.vue?vue&type=script&setup=true&lang.ts
+var m = {
+	"data-ds-tooltip": "",
+	class: "group relative inline-flex"
+}, h = /* @__PURE__ */ o({
+	__name: "DsTooltip",
+	props: {
+		text: {},
+		iconColor: { default: "var(--muted-fg)" }
+	},
+	setup(o) {
+		let h = o, g = `ds-tooltip-${f()}`, _ = n(() => ({ color: h.iconColor }));
+		return (n, f) => (c(), r("span", m, [i("span", {
+			"data-ds-tooltip-trigger": "",
+			"data-testid": "ds-tooltip-trigger",
+			tabindex: "0",
+			"aria-describedby": g,
+			class: "inline-flex items-center justify-center focus:outline-none",
+			style: s(_.value)
+		}, [l(n.$slots, "default", {}, () => [a(d(t), {
+			size: "sm",
+			"aria-hidden": "true"
+		}, {
+			default: p(() => [a(d(e))]),
+			_: 1
+		})])], 4), i("span", {
+			id: g,
+			role: "tooltip",
+			class: "pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 z-10 -translate-x-1/2 whitespace-nowrap rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] opacity-0 shadow-[var(--ds-shadow-1)] transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100"
+		}, u(o.text), 1)]));
+	}
+});
+//#endregion
+export { h as t };

package/dist/components/DsTooltip/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsTooltip-BqNVJw2f.js";
-import { n as t, t as n } from "../../chunks/config-oDjY8ZrP2.js";
-export { e as DsTooltip, e as default, n as dsTooltipConfig, t as dsTooltipSafelist };
+import { t as e } from "./chunks/DsTooltip-BNkQOtpm.js";
+import { t } from "../../chunks/config-BWJ22IjI2.js";
+export { e as DsTooltip, e as default, t as dsTooltipConfig };

package/dist/{chunks/DsTree-Bz37FcIb.js → components/DsTree/chunks/DsTree-DK0aOkKS.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./_plugin-vue_export-helper-DOgycIVc.js";
+import { t as e } from "../../../chunks/_plugin-vue_export-helper-CHO2XVys.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, resolveComponent as h, shallowRef as g, toDisplayString as _, toValue as v, unref as y, watch as b, withCtx as x, withModifiers as S } from "vue";
-//#region src/components/DsTree/dsTreeDataAdapter.ts
+import '../../../DsTree.css';//#region src/components/DsTree/dsTreeDataAdapter.ts
 var C = "children", w = "label";
 function T(e) {
 	return typeof e == "string" || typeof e == "number";
@@ -266,13 +266,17 @@ function k(e) {
 }
 //#endregion
 //#region src/components/DsTree/DsTree.vue?vue&type=script&setup=true&lang.ts
-var A = ["role"], j = ["aria-level", "aria-expanded"], M = [
+var A = ["data-ds-tree", "role"], j = ["aria-level", "aria-expanded"], M = [
 	"onClick",
 	"onDrop",
 	"onDragover",
 	"onMouseenter",
 	"onMouseleave"
-], N = ["draggable", "onDragstart"], P = ["aria-label", "onClick"], F = { class: "ds-tree__label" }, I = { class: "ds-tree__label" }, L = "var(--ds-tree-branch-line-default-color, #e2e8f0)", R = /* @__PURE__ */ e(/* @__PURE__ */ s({
+], N = [
+	"aria-label",
+	"draggable",
+	"onDragstart"
+], P = ["aria-label", "onClick"], F = { class: "ds-tree__label" }, I = { class: "ds-tree__label" }, L = "var(--ds-tree-branch-line-default-color, #e2e8f0)", R = /* @__PURE__ */ e(/* @__PURE__ */ s({
 	name: "DsTree",
 	__name: "DsTree",
 	props: {
@@ -372,6 +376,9 @@ var A = ["role"], j = ["aria-level", "aria-expanded"], M = [
 			],
 			default: void 0
 		},
+		dragLabel: { default: "Drag" },
+		expandLabel: { default: "Expand" },
+		collapseLabel: { default: "Collapse" },
 		draggable: {
 			type: Boolean,
 			default: !1
@@ -521,14 +528,17 @@ var A = ["role"], j = ["aria-level", "aria-expanded"], M = [
 		}), (e, n) => {
 			let s = h("DsTree", !0);
 			return d(), i("div", {
+				"data-ds-tree": g.internalNested ? void 0 : "",
 				class: l(g.internalNested ? "ds-tree__children" : "ds-tree"),
 				role: g.internalNested ? "group" : "tree"
 			}, [(d(!0), i(t, null, p(B.value, (t) => (d(), i("div", {
 				key: t.node.key,
+				"data-ds-tree-node": "",
 				role: "treeitem",
 				"aria-level": t.node.level,
 				"aria-expanded": t.isLeaf ? void 0 : t.isExpanded
 			}, [a("div", {
+				"data-ds-tree-row": "",
 				class: l(["ds-tree__row py-2 px-2", [
 					y(T).highlightCurrent && y(E) === t.node.key ? "ds-tree__row--current" : "",
 					t.isMatched ? "ds-tree__row--matched" : "",
@@ -547,12 +557,13 @@ var A = ["role"], j = ["aria-level", "aria-expanded"], M = [
 				y(T).draggable ? (d(), i("button", {
 					key: 0,
 					type: "button",
+					"data-ds-tree-drag-handle": "",
 					class: l(["ds-tree__drag-handle", [
 						K(t.node) ? "ds-tree__drag-handle--visible" : "",
 						G(t.node) ? "" : "ds-tree__drag-handle--disabled",
 						Q(y(T).dragHandleClass, t)
 					]]),
-					"aria-label": "Drag",
+					"aria-label": y(T).dragLabel,
 					draggable: G(t.node),
 					onClick: n[0] ||= S(() => {}, ["stop"]),
 					onMousedown: n[1] ||= S(() => {}, ["stop"]),
@@ -564,9 +575,10 @@ var A = ["role"], j = ["aria-level", "aria-expanded"], M = [
 					class: l(["ds-tree__toggle-spacer", Q(y(T).toggleSpacerClass, t)])
 				}, null, 2)) : (d(), i("button", {
 					key: 1,
+					"data-ds-tree-toggle": "",
 					type: "button",
 					class: l(["ds-tree__toggle", Q(y(T).toggleClass, t)]),
-					"aria-label": t.isExpanded ? "Collapse" : "Expand",
+					"aria-label": t.isExpanded ? y(T).collapseLabel : y(T).expandLabel,
 					onClick: S((e) => W(t.node), ["stop"])
 				}, [a("span", { class: l(["ds-tree__toggle-icon", [
 					t.isExpanded ? y(T).collapseIcon : y(T).expandIcon,
@@ -597,6 +609,6 @@ var A = ["role"], j = ["aria-level", "aria-expanded"], M = [
 			])], 6)) : r("", !0)], 8, j))), 128))], 10, A);
 		};
 	}
-}), [["__scopeId", "data-v-5e92add7"]]);
+}), [["__scopeId", "data-v-b4b26a0c"]]);
 //#endregion
 export { R as t };

package/dist/components/DsTree/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsTree-Bz37FcIb.js";
-import { n as t, t as n } from "../../chunks/config-cKk87ycz2.js";
+import { t as e } from "./chunks/DsTree-DK0aOkKS.js";
+import { n as t, t as n } from "../../chunks/config-YyVxx9dW.js";
 export { e as DsTree, e as default, n as dsTreeConfig, t as dsTreeSafelist };

package/dist/components/DsTreeSelect/chunks/DsTreeSelect-BnG-oplE.js

@@ -0,0 +1,353 @@
+import { a as e } from "../../../chunks/directives-K8Vo0VhP.js";
+import { t } from "../../DsInput/chunks/DsInput-B8RhHkKQ.js";
+import { t as n } from "../../../chunks/granularityI18n-DYNnonoE.js";
+import { t as r } from "../../DsTree/chunks/DsTree-DK0aOkKS.js";
+import { i, r as a } from "../../../chunks/config-C7KNHOmN.js";
+import { Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as ee, createVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onUnmounted as te, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, vShow as ne, watch as C, withCtx as w, withDirectives as T, withModifiers as re } from "vue";
+//#region src/components/DsTreeSelect/DsTreeSelect.vue?vue&type=script&setup=true&lang.ts
+var ie = { class: "relative" }, ae = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-expanded",
+	"aria-invalid"
+], oe = ["disabled", "aria-label"], se = {
+	key: 1,
+	"data-testid": "ds-tree-select-chevron",
+	"data-ds-tree-select-chevron": "",
+	class: "absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none"
+}, ce = {
+	key: 2,
+	class: "absolute inset-y-0 left-3 right-9 flex items-center pointer-events-none"
+}, le = {
+	key: 0,
+	class: "p-2 border-b border-[var(--brd)]"
+}, ue = {
+	key: 0,
+	class: "px-3 py-2 text-[13px] text-[var(--muted-fg)]"
+}, de = { class: "flex items-center gap-2 min-w-0" }, fe = { class: "truncate" }, E = /* @__PURE__ */ m({
+	__name: "DsTreeSelect",
+	props: {
+		modelValue: {},
+		data: {},
+		props: { default: () => ({
+			children: "children",
+			label: "label"
+		}) },
+		nodeKey: { default: "id" },
+		defaultExpandedKeys: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: void 0 },
+		size: { default: "md" },
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		state: { default: "default" },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		valueDisplay: { default: "label" },
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		filterPlaceholder: { default: void 0 },
+		filterInputmode: { default: void 0 },
+		filterNodeMethod: {
+			type: Function,
+			default: void 0
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: void 0
+		},
+		dropdownMaxHeight: { default: 320 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"visibleChange",
+		"clear",
+		"nodeClick"
+	],
+	setup(m, { emit: E }) {
+		let D = m, { t: O } = n(), k = E, A = y(null), j = y(null), M = y(null), N = y(null), P = y(null), pe = [() => P.value], F = !1, I = y(!1), L = y(""), R = y({
+			left: "0px",
+			top: "0px",
+			width: "0px",
+			zIndex: "2147483647"
+		});
+		function z() {
+			if (typeof window > "u") return;
+			let e = A.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			R.value = {
+				left: `${t.left}px`,
+				top: `${t.bottom + 8}px`,
+				width: `${t.width}px`,
+				zIndex: "2147483647"
+			};
+		}
+		function me() {
+			typeof window > "u" || (window.addEventListener("resize", z), window.addEventListener("scroll", z, !0));
+		}
+		function B() {
+			typeof window > "u" || (window.removeEventListener("resize", z), window.removeEventListener("scroll", z, !0));
+		}
+		let V = c(() => D.closeOnSelect ?? !D.multiple);
+		function he() {
+			return D.props.children ?? "children";
+		}
+		function ge() {
+			return D.props.label ?? "label";
+		}
+		function H(e) {
+			let t = e[ge()];
+			return t == null ? "" : String(t);
+		}
+		function U(e) {
+			let t = e[he()];
+			return Array.isArray(t) ? t : [];
+		}
+		function W(e, t, n) {
+			return e[D.nodeKey] ?? (n == null ? t : `${String(n)}:${t}`);
+		}
+		let _e = c(() => {
+			let e = /* @__PURE__ */ new Map(), t = (n, r) => {
+				for (let i = 0; i < n.length; i++) {
+					let a = n[i], o = W(a, i, r);
+					e.set(o, H(a)), t(U(a), o);
+				}
+			};
+			return t(D.data ?? [], void 0), e;
+		}), ve = c(() => {
+			let e = /* @__PURE__ */ new Map(), t = (n, r, i) => {
+				for (let a = 0; a < n.length; a++) {
+					let o = n[a], s = W(o, a, r), c = H(o), l = [...i, c];
+					e.set(s, l), t(U(o), s, l);
+				}
+			};
+			return t(D.data ?? [], void 0, []), e;
+		}), G = c(() => {
+			if (D.multiple) return Array.isArray(D.modelValue) ? D.modelValue : [];
+			let e = D.modelValue;
+			return e == null || Array.isArray(e) ? [] : [e];
+		}), K = c(() => new Set(G.value)), q = c(() => {
+			let e = _e.value;
+			return G.value.map((t) => e.get(t) ?? String(t));
+		}), J = c(() => {
+			if (D.multiple) return;
+			let e = G.value[0];
+			if (e == null) return;
+			let t = ve.value.get(e);
+			if (t?.length) return t;
+			let n = q.value;
+			return n.length ? [n[0]] : void 0;
+		}), ye = c(() => {
+			let e = q.value;
+			if (e.length === 0) return "";
+			if (!D.multiple) {
+				if (D.valueDisplay === "path") {
+					let e = J.value;
+					if (e?.length) return e.join(" / ");
+				}
+				return e[0];
+			}
+			return e.length === 1 ? e[0] : `${e[0]} +${e.length - 1}`;
+		}), be = c(() => G.value.length > 0), xe = c(() => D.filterPlaceholder ?? O("ds.treeSelect.filterPlaceholder", "Search…")), Se = c(() => a({
+			size: D.size,
+			state: D.state,
+			invalid: D.invalid
+		})), Ce = c(() => i);
+		function Y(e) {
+			D.disabled || I.value !== e && (I.value = e, k("visibleChange", e));
+		}
+		function we() {
+			Y(!1);
+		}
+		function X() {
+			Y(!0);
+		}
+		function Z() {
+			Y(!1);
+		}
+		function Te() {
+			Y(!I.value);
+		}
+		function Ee() {
+			F = !0, typeof window < "u" ? window.setTimeout(() => {
+				F = !1;
+			}, 0) : F = !1;
+		}
+		function De() {
+			F || X();
+		}
+		function Q(e) {
+			e.key === "Escape" && (Z(), h(() => j.value?.focus()));
+		}
+		C(I, async (e) => {
+			if (!(typeof document > "u") && (document.removeEventListener("keydown", Q), B(), e && document.addEventListener("keydown", Q), e)) {
+				if (me(), await h(), z(), !D.multiple) {
+					let e = D.modelValue;
+					e != null && !Array.isArray(e) && N.value?.setCurrentKey(e);
+				}
+				D.filterable && (await h(), M.value?.focus());
+			}
+		}, { immediate: !0 }), te(() => {
+			typeof document > "u" || (document.removeEventListener("keydown", Q), B());
+		}), C(() => D.modelValue, (e) => {
+			if (!D.multiple) {
+				if (e == null || Array.isArray(e)) {
+					N.value?.setCurrentKey(void 0);
+					return;
+				}
+				N.value?.setCurrentKey(e);
+			}
+		}), C(L, (e) => {
+			N.value?.filter(e);
+		}), C(I, (e) => {
+			e || L.value.trim().length > 0 && (L.value = "");
+		});
+		function $(e) {
+			k("update:modelValue", e), k("change", e);
+		}
+		function Oe() {
+			D.disabled || ($(D.multiple ? [] : null), k("clear"), D.multiple || N.value?.setCurrentKey(void 0));
+		}
+		function ke(e) {
+			D.disabled || ((e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), X()), e.key === "Escape" && (e.preventDefault(), Z()));
+		}
+		function Ae(e, t) {
+			if (k("nodeClick", e, t), !D.disabled) {
+				if (D.multiple) {
+					let e = new Set(K.value);
+					e.has(t.key) ? e.delete(t.key) : e.add(t.key), $([...e]), V.value && Z();
+					return;
+				}
+				$(t.key), V.value && Z();
+			}
+		}
+		return (n, i) => T((v(), d("div", {
+			ref_key: "rootEl",
+			ref: A,
+			"data-ds-tree-select": "",
+			class: "relative"
+		}, [f("div", ie, [
+			f("input", {
+				ref_key: "triggerEl",
+				ref: j,
+				"data-testid": "ds-tree-select-trigger",
+				"data-ds-tree-select-trigger": "",
+				type: "text",
+				value: ye.value,
+				placeholder: m.placeholder,
+				disabled: m.disabled,
+				readonly: "",
+				role: "combobox",
+				"aria-readonly": "true",
+				"aria-expanded": I.value ? "true" : "false",
+				"aria-invalid": m.invalid ? "true" : void 0,
+				class: g(["w-full rounded-md border bg-[var(--bg)] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed", [Se.value, n.$slots.value ? "text-transparent placeholder:text-transparent" : ""]]),
+				onPointerdown: Ee,
+				onClick: Te,
+				onFocus: De,
+				onKeydown: ke
+			}, null, 42, ae),
+			m.clearable && be.value ? (v(), d("button", {
+				key: 0,
+				"data-testid": "ds-tree-select-clear",
+				"data-ds-tree-select-clear": "",
+				type: "button",
+				class: "absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50",
+				disabled: m.disabled,
+				"aria-label": S(O)("ds.common.clear", "Clear"),
+				onClick: re(Oe, ["stop"])
+			}, [...i[1] ||= [f("span", { class: "i-lucide-x h-4 w-4" }, null, -1)]], 8, oe)) : (v(), d("span", se, [f("span", { class: g(["i-lucide-chevron-down h-4 w-4 transition-transform duration-150", I.value ? "rotate-180" : ""]) }, null, 2)])),
+			n.$slots.value ? (v(), d("div", ce, [b(n.$slots, "value", {
+				value: m.modelValue,
+				labels: q.value,
+				displayValue: ye.value,
+				pathLabels: J.value
+			})])) : u("", !0)
+		]), (v(), l(o, { to: "body" }, [p(s, {
+			"enter-active-class": "transition ease-out duration-150",
+			"enter-from-class": "transform opacity-0 scale-95",
+			"enter-to-class": "transform opacity-100 scale-100",
+			"leave-active-class": "transition ease-in duration-100",
+			"leave-from-class": "transform opacity-100 scale-100",
+			"leave-to-class": "transform opacity-0 scale-95"
+		}, {
+			default: w(() => [T(f("div", {
+				ref_key: "panelEl",
+				ref: P,
+				"data-testid": "ds-tree-select-panel",
+				"data-ds-tree-select-panel": "",
+				class: "fixed w-full",
+				style: _(R.value)
+			}, [f("div", { class: g(Ce.value) }, [m.filterable ? (v(), d("div", le, [p(t, {
+				ref_key: "filterInputRef",
+				ref: M,
+				modelValue: L.value,
+				"onUpdate:modelValue": i[0] ||= (e) => L.value = e,
+				"data-testid": "ds-tree-select-filter",
+				"data-ds-tree-select-filter": "",
+				type: "search",
+				inputmode: m.filterInputmode,
+				placeholder: xe.value,
+				size: "sm"
+			}, null, 8, [
+				"modelValue",
+				"inputmode",
+				"placeholder"
+			])])) : u("", !0), f("div", {
+				class: "p-1 overflow-auto",
+				style: _({ maxHeight: `${m.dropdownMaxHeight}px` })
+			}, [(m.data?.length ?? 0) === 0 ? (v(), d("div", ue, [b(n.$slots, "empty", {}, () => [ee(x(S(O)("ds.treeSelect.empty", "No data")), 1)])])) : (v(), l(S(r), {
+				key: 1,
+				ref_key: "treeRef",
+				ref: N,
+				data: m.data,
+				props: D.props,
+				"node-key": m.nodeKey,
+				"default-expanded-keys": m.defaultExpandedKeys,
+				"filter-node-method": m.filterNodeMethod,
+				"highlight-current": !m.multiple,
+				onNodeClick: Ae
+			}, {
+				default: w(({ node: e, data: t }) => [b(n.$slots, "node", {
+					node: e,
+					data: t,
+					selected: K.value.has(e.key)
+				}, () => [f("div", de, [f("span", {
+					class: g(["h-4 w-4 shrink-0", K.value.has(e.key) ? "i-lucide-check text-[var(--primary)]" : ""]),
+					"aria-hidden": "true"
+				}, null, 2), f("span", fe, x(e.label), 1)])])]),
+				_: 3
+			}, 8, [
+				"data",
+				"props",
+				"node-key",
+				"default-expanded-keys",
+				"filter-node-method",
+				"highlight-current"
+			]))], 4)], 2)], 4), [[ne, I.value]])]),
+			_: 3
+		})]))])), [[S(e), {
+			handler: we,
+			enabled: I.value,
+			exclude: pe
+		}]]);
+	}
+});
+//#endregion
+export { E as t };

package/dist/components/DsTreeSelect/index.js

@@ -1,3 +1,3 @@
-import { i as e, t } from "../../chunks/config-CMuBf0u72.js";
-import { t as n } from "../../chunks/DsTreeSelect-CU0aC9Mz.js";
+import { n as e, t } from "../../chunks/config-C7KNHOmN.js";
+import { t as n } from "./chunks/DsTreeSelect-BnG-oplE.js";
 export { n as DsTreeSelect, n as default, t as dsTreeSelectConfig, e as dsTreeSelectSafelist };

package/dist/directives/index.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/directives-K8Vo0VhP.js";
+export { o as createLoading, a as vAutofocus, r as vAutosize, e as vClickOutside, t as vDropzone, i as vHotkey, n as vLoading };

package/dist/{fileValidation.js → fileValidation/index.js}

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./chunks/fileValidation-gR8aUBMZ.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../chunks/fileValidation-LFD-vwil.js";
 export { l as FileValidationError, a as acceptValidator, e as allowedExtensionsValidator, n as allowedMimeTypesValidator, s as matchAccept, o as maxFileSizeBytesValidator, i as maxSizeMbValidator, c as maxTotalSizeBytesValidator, t as normalizeFiles, r as runFileValidators };