@septkit/ui 0.0.17 → 0.0.19

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Teleport/Teleport.js

@@ -0,0 +1,40 @@
+import { useMounted as e } from "../../../../../@vueuse_core@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
+import { Teleport as t, createBlock as n, createCommentVNode as r, defineComponent as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Teleport/Teleport.js
+var c = /* @__PURE__ */ i({
+	__name: "Teleport",
+	props: {
+		to: {
+			type: null,
+			required: !1,
+			default: "body"
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		defer: {
+			type: Boolean,
+			required: !1
+		},
+		forceMount: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	setup(i) {
+		let c = e();
+		return (e, i) => s(c) || e.forceMount ? (a(), n(t, {
+			key: 0,
+			to: e.to,
+			disabled: e.disabled,
+			defer: e.defer
+		}, [o(e.$slots, "default")], 8, [
+			"to",
+			"disabled",
+			"defer"
+		])) : r("v-if", !0);
+	}
+});
+//#endregion
+export { c as Teleport_default };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/TreeItem.js

@@ -0,0 +1,136 @@
+import { getActiveElement as e } from "../shared/getActiveElement.js";
+import { handleAndDispatchCustomEvent as t } from "../shared/handleAndDispatchCustomEvent.js";
+import { Primitive as n } from "../Primitive/Primitive.js";
+import { useCollection as r } from "../Collection/Collection.js";
+import { RovingFocusItem_default as i } from "../RovingFocus/RovingFocusItem.js";
+import { flatten as a } from "./utils.js";
+import { injectTreeRootContext as o } from "./TreeRoot.js";
+import { computed as s, createBlock as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderSlot as p, unref as m, withCtx as h, withKeys as g, withModifiers as _ } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/TreeItem.js
+var v = "tree.select", y = "tree.toggle", b = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "TreeItem",
+	props: {
+		value: {
+			type: null,
+			required: !0
+		},
+		level: {
+			type: Number,
+			required: !0
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "li"
+		}
+	},
+	emits: ["select", "toggle"],
+	setup(u, { expose: b, emit: x }) {
+		let S = u, C = x, w = o(), { getItems: T } = r(), E = s(() => !!w.getChildren(S.value)), D = s(() => {
+			let e = w.getKey(S.value);
+			return w.expanded.value.includes(e);
+		}), O = s(() => {
+			let e = w.getKey(S.value);
+			return w.selectedKeys.value.includes(e);
+		}), k = s(() => {
+			if (w.bubbleSelect.value && E.value && Array.isArray(w.modelValue.value)) {
+				let e = a(w.getChildren(S.value) || []);
+				return e.some((e) => w.modelValue.value.find((t) => w.getKey(t) === w.getKey(e))) && !e.every((e) => w.modelValue.value.find((t) => w.getKey(t) === w.getKey(e)));
+			} else if (w.propagateSelect.value && O.value && E.value && Array.isArray(w.modelValue.value)) return !a(w.getChildren(S.value) || []).every((e) => w.modelValue.value.find((t) => w.getKey(t) === w.getKey(e)));
+			else return;
+		});
+		function A(t) {
+			if (E.value) if (D.value) {
+				let t = T().map((e) => e.ref), n = e(), r = t.indexOf(n), i = [...t].slice(r).find((e) => Number(e.getAttribute("data-indent")) === S.level + 1);
+				i && i.focus();
+			} else F(t);
+		}
+		function j(t) {
+			if (D.value) F(t);
+			else {
+				let t = T().map((e) => e.ref), n = e(), r = t.indexOf(n), i = [...t].slice(0, r).reverse().find((e) => Number(e.getAttribute("data-indent")) === S.level - 1);
+				i && i.focus();
+			}
+		}
+		async function M(e) {
+			C("select", e), !e?.defaultPrevented && w.onSelect(S.value);
+		}
+		async function N(e) {
+			C("toggle", e), !e?.defaultPrevented && w.onToggle(S.value);
+		}
+		async function P(e) {
+			e && t(v, M, {
+				originalEvent: e,
+				value: S.value,
+				isExpanded: D.value,
+				isSelected: O.value
+			});
+		}
+		async function F(e) {
+			e && t(y, N, {
+				originalEvent: e,
+				value: S.value,
+				isExpanded: D.value,
+				isSelected: O.value
+			});
+		}
+		return b({
+			isExpanded: D,
+			isSelected: O,
+			isIndeterminate: k,
+			handleToggle: () => w.onToggle(S.value),
+			handleSelect: () => w.onSelect(S.value)
+		}), (e, t) => (f(), c(m(i), {
+			"as-child": "",
+			value: e.value,
+			"allow-shift-key": ""
+		}, {
+			default: h(() => [l(m(n), d(e.$attrs, {
+				role: "treeitem",
+				as: e.as,
+				"as-child": e.asChild,
+				"aria-selected": O.value,
+				"aria-expanded": E.value ? D.value : void 0,
+				"aria-level": e.level,
+				"data-indent": e.level,
+				"data-selected": O.value ? "" : void 0,
+				"data-expanded": D.value ? "" : void 0,
+				onKeydown: [
+					g(_(P, ["self", "prevent"]), ["enter", "space"]),
+					t[0] ||= g(_((e) => m(w).dir.value === "ltr" ? A(e) : j(e), ["prevent"]), ["right"]),
+					t[1] ||= g(_((e) => m(w).dir.value === "ltr" ? j(e) : A(e), ["prevent"]), ["left"])
+				],
+				onClick: t[2] ||= _((e) => {
+					P(e), F(e);
+				}, ["stop"])
+			}), {
+				default: h(() => [p(e.$slots, "default", {
+					isExpanded: D.value,
+					isSelected: O.value,
+					isIndeterminate: k.value,
+					handleSelect: () => m(w).onSelect(e.value),
+					handleToggle: () => m(w).onToggle(e.value)
+				})]),
+				_: 3
+			}, 16, [
+				"as",
+				"as-child",
+				"aria-selected",
+				"aria-expanded",
+				"aria-level",
+				"data-indent",
+				"data-selected",
+				"data-expanded",
+				"onKeydown"
+			])]),
+			_: 3
+		}, 8, ["value"]));
+	}
+});
+//#endregion
+export { b as TreeItem_default };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/TreeRoot.js

@@ -0,0 +1,199 @@
+import { createContext as e } from "../shared/createContext.js";
+import { getActiveElement as t } from "../shared/getActiveElement.js";
+import { createEventHook as n } from "../../../../../@vueuse_shared@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/shared/dist/index.js";
+import { useVModel as r } from "../../../../../@vueuse_core@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
+import { useDirection as i } from "../shared/useDirection.js";
+import { useSelectionBehavior as a } from "../shared/useSelectionBehavior.js";
+import { useTypeahead as o } from "../shared/useTypeahead.js";
+import { Primitive as s } from "../Primitive/Primitive.js";
+import { MAP_KEY_TO_FOCUS_INTENT as c } from "../RovingFocus/utils.js";
+import { RovingFocusGroup_default as l } from "../RovingFocus/RovingFocusGroup.js";
+import { flatten as u } from "./utils.js";
+import { computed as d, createBlock as f, createVNode as p, defineComponent as m, nextTick as h, openBlock as g, ref as _, renderSlot as v, toRefs as y, unref as b, withCtx as x, withKeys as S, withModifiers as C } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/TreeRoot.js
+var [w, T] = /* @__PURE__ */ e("TreeRoot"), E = /* @__PURE__ */ m({
+	__name: "TreeRoot",
+	props: {
+		modelValue: {
+			type: null,
+			required: !1
+		},
+		defaultValue: {
+			type: null,
+			required: !1
+		},
+		items: {
+			type: Array,
+			required: !1
+		},
+		expanded: {
+			type: Array,
+			required: !1
+		},
+		defaultExpanded: {
+			type: Array,
+			required: !1
+		},
+		getKey: {
+			type: Function,
+			required: !0
+		},
+		getChildren: {
+			type: Function,
+			required: !1,
+			default: (e) => e.children
+		},
+		selectionBehavior: {
+			type: String,
+			required: !1,
+			default: "toggle"
+		},
+		multiple: {
+			type: Boolean,
+			required: !1,
+			skipCheck: !0
+		},
+		dir: {
+			type: String,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		propagateSelect: {
+			type: Boolean,
+			required: !1
+		},
+		bubbleSelect: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "ul"
+		}
+	},
+	emits: ["update:modelValue", "update:expanded"],
+	setup(e, { emit: m }) {
+		let w = e, E = m, { items: D, multiple: O, disabled: k, propagateSelect: A, dir: j, bubbleSelect: M } = y(w), { handleTypeaheadSearch: N } = o(), P = i(j), F = _(), I = _(!1), L = n(), R = r(w, "modelValue", E, {
+			defaultValue: w.defaultValue ?? (O.value ? [] : void 0),
+			passive: !0,
+			deep: !0
+		}), z = r(w, "expanded", E, {
+			defaultValue: w.defaultExpanded ?? [],
+			passive: w.expanded === void 0,
+			deep: !0
+		}), { onSelectItem: B, handleMultipleReplace: V } = a(R, w), H = d(() => O.value && Array.isArray(R.value) ? R.value.map((e) => w.getKey(e)) : [w.getKey(R.value ?? {})]);
+		function U(e, t = 1, n) {
+			return e.reduce((r, i, a) => {
+				let o = w.getKey(i), s = w.getChildren(i), c = z.value.includes(o), l = {
+					_id: o,
+					value: i,
+					index: a,
+					level: t,
+					parentItem: n,
+					hasChildren: !!s,
+					bind: {
+						value: i,
+						level: t,
+						"aria-setsize": e.length,
+						"aria-posinset": a + 1
+					}
+				};
+				return r.push(l), s && c && r.push(...U(s, t + 1, i)), r;
+			}, []);
+		}
+		let W = d(() => {
+			let e = w.items;
+			return z.value.map((e) => e), U(e ?? []);
+		});
+		function G(e) {
+			if (I.value) L.trigger(e);
+			else {
+				let t = F.value?.getItems() ?? [];
+				N(e.key, t);
+			}
+		}
+		function K(e) {
+			if (I.value) return;
+			let n = c[e.key];
+			h(() => {
+				V(n, t(), F.value?.getItems, W.value.map((e) => e.value));
+			});
+		}
+		function q(e) {
+			if (e.parentItem != null && Array.isArray(R.value) && w.multiple) {
+				let t = W.value.find((t) => e.parentItem != null && w.getKey(t.value) === w.getKey(e.parentItem));
+				t != null && (w.getChildren(t.value)?.every((e) => R.value.find((t) => w.getKey(t) === w.getKey(e))) ? R.value = [...R.value, t.value] : R.value = R.value.filter((e) => w.getKey(e) !== w.getKey(t.value)), q(t));
+			}
+		}
+		return T({
+			modelValue: R,
+			selectedKeys: H,
+			onSelect: (e) => {
+				let t = (t) => w.getKey(t ?? {}) === w.getKey(e), n = w.multiple && Array.isArray(R.value) ? R.value?.findIndex(t) !== -1 : void 0;
+				if (B(e, t), w.bubbleSelect && w.multiple && Array.isArray(R.value)) {
+					let t = W.value.find((t) => w.getKey(t.value) === w.getKey(e));
+					t != null && q(t);
+				}
+				if (w.propagateSelect && w.multiple && Array.isArray(R.value)) {
+					let t = u(w.getChildren(e) ?? []);
+					n ? R.value = [...R.value].filter((e) => !t.some((t) => w.getKey(e ?? {}) === w.getKey(t))) : R.value = [...R.value, ...t];
+				}
+			},
+			expanded: z,
+			onToggle(e) {
+				if (!(e && w.getChildren(e))) return;
+				let t = w.getKey(e) ?? e;
+				z.value.includes(t) ? z.value = z.value.filter((e) => e !== t) : z.value = [...z.value, t];
+			},
+			getKey: w.getKey,
+			getChildren: w.getChildren,
+			items: D,
+			expandedItems: W,
+			disabled: k,
+			multiple: O,
+			dir: P,
+			propagateSelect: A,
+			bubbleSelect: M,
+			isVirtual: I,
+			virtualKeydownHook: L,
+			handleMultipleReplace: V
+		}), (e, t) => (g(), f(b(l), {
+			ref_key: "rovingFocusGroupRef",
+			ref: F,
+			"as-child": "",
+			orientation: "vertical",
+			dir: b(P)
+		}, {
+			default: x(() => [p(b(s), {
+				role: "tree",
+				as: e.as,
+				"as-child": e.asChild,
+				"aria-multiselectable": b(O) ? !0 : void 0,
+				onKeydown: [G, S(C(K, ["shift"]), ["up", "down"])]
+			}, {
+				default: x(() => [v(e.$slots, "default", {
+					flattenItems: W.value,
+					modelValue: b(R),
+					expanded: b(z)
+				})]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"aria-multiselectable",
+				"onKeydown"
+			])]),
+			_: 3
+		}, 8, ["dir"]));
+	}
+});
+//#endregion
+export { E as TreeRoot_default, w as injectTreeRootContext };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/utils.js

@@ -0,0 +1,6 @@
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/utils.js
+function e(t) {
+	return t.reduce((t, n) => (t.push(n), n.children && t.push(...e(n.children)), t), []);
+}
+//#endregion
+export { e as flatten };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useSelectionBehavior.js

@@ -0,0 +1,40 @@
+import { findValuesBetween as e } from "./arrays.js";
+import { ref as t } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useSelectionBehavior.js
+function n(n, r) {
+	let i = t(), a = (e, t) => {
+		if (r.multiple && Array.isArray(n.value)) if (r.selectionBehavior === "replace") n.value = [e], i.value = e;
+		else {
+			let r = n.value.findIndex((e) => t(e));
+			r === -1 ? n.value = [...n.value, e] : n.value = n.value.filter((e, t) => t !== r);
+		}
+		else r.selectionBehavior === "replace" ? n.value = { ...e } : !Array.isArray(n.value) && t(n.value) ? n.value = void 0 : n.value = { ...e };
+		return n.value;
+	};
+	function o(t, a, o, s) {
+		if (!i?.value || !r.multiple || !Array.isArray(n.value)) return;
+		let c = o().filter((e) => e.ref.dataset.disabled !== "").find((e) => e.ref === a)?.value;
+		if (!c) return;
+		let l = null;
+		switch (t) {
+			case "prev":
+			case "next":
+				l = e(s, i.value, c);
+				break;
+			case "first":
+				l = e(s, i.value, s?.[0]);
+				break;
+			case "last":
+				l = e(s, i.value, s.at(-1));
+				break;
+		}
+		n.value = l;
+	}
+	return {
+		firstValue: i,
+		onSelectItem: a,
+		handleMultipleReplace: o
+	};
+}
+//#endregion
+export { n as useSelectionBehavior };

package/dist/index.d.ts

@@ -76,6 +76,12 @@ declare type __VLS_Props_3 = {
     disabled?: boolean;
 };
 
+declare type __VLS_Props_4 = {
+    items: ExplorerNode[];
+    defaultExpandedItems?: string[];
+    ariaLabel?: string;
+};
+
 declare type __VLS_PublicProps = {
     modelValue?: AcceptableValue;
 } & __VLS_Props_3;
@@ -158,4 +164,21 @@ export declare interface ElementColor {
     background: string;
 }
 
+export declare type ExplorerNode = {
+    tag: string;
+    id: string;
+    name: string;
+    selectable?: boolean;
+    children?: ExplorerNode[];
+};
+
+export declare const SclExplorer: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+select: (node: ExplorerNode) => any;
+}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
+onSelect?: ((node: ExplorerNode) => any) | undefined;
+}>, {
+defaultExpandedItems: string[];
+ariaLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 export { }

package/dist/index.js

@@ -4,4 +4,6 @@ import n from "./dropdown/combobox.js";
 import "./dropdown/index.js";
 import { CATEGORY_ELEMENTS as r, ELEMENT_TO_COLOR as i, ELEMENT_TO_ICON as a } from "./icons/element-icon-mapper.js";
 import "./icons/index.js";
-export { e as Button, r as CATEGORY_ELEMENTS, n as Combobox, t as Dropdown, i as ELEMENT_TO_COLOR, a as ELEMENT_TO_ICON };
+import o from "./explorer/explorer.js";
+import "./explorer/index.js";
+export { e as Button, r as CATEGORY_ELEMENTS, n as Combobox, t as Dropdown, i as ELEMENT_TO_COLOR, a as ELEMENT_TO_ICON, o as SclExplorer };