@slotted/react 0.1.0-beta.10 → 0.1.0-beta.11

package/dist/cascader-BbajBwsX.js

@@ -0,0 +1,1157 @@
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+/* empty css                 */
+import { t as i } from "./spinner-ring-DyfaYloA.js";
+import { n as a } from "./icon-button-DbSZKGT4.js";
+/* empty css                  */
+import { b as o } from "./field-tnEZiRLg.js";
+import { t as s } from "./select-tags-CMe5rzql.js";
+import { t as c } from "./highlight-9lRPIZ9O.js";
+import { withSelectorKey as l } from "@slotted/core/selector-key";
+import { createControllable as ee } from "@slotted/core/state";
+import { createContext as te, useCallback as u, useContext as d, useEffect as f, useId as ne, useImperativeHandle as re, useLayoutEffect 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 { createPresence as b } from "@slotted/core/presence";
+import { cascaderMessages as ie } from "@slotted/core/i18n";
+import { createPortalRoot as ae } from "@slotted/core/portal";
+import { createDismissableLayer as x } from "@slotted/core/dismissable-layer";
+import { createPositioner as S } from "@slotted/core/positioner";
+import { createTypeahead as oe, isPrintable as C } from "@slotted/core/typeahead";
+import { createPortal as w } from "react-dom";
+import { cascaderFit as se, cascaderKey as ce, cascaderLayout as le, cascaderMeasure as T, cascaderSelection as ue, cascaderValue as de, cascaderView as fe, flatToTree as pe, pathTo as me } from "@slotted/core/cascader";
+import { cascadeSelection as he, createTreeCollection as ge } from "@slotted/core/collection";
+import { matchRanges as E } from "@slotted/core/highlight";
+//#region src/cascader/cascader-defaults.tsx
+var D = {
+	size: "md",
+	variant: "outline",
+	fullWidth: !0,
+	layout: "auto",
+	selectionMode: "single",
+	selectable: "leaf",
+	checkedStrategy: "all",
+	expandOn: "press",
+	closeOnSelect: !0,
+	search: !1,
+	clearable: !0,
+	portal: !0,
+	disabled: !1,
+	readOnly: !1,
+	required: !1,
+	invalid: !1,
+	separator: "/",
+	hoverDelay: 150,
+	maxColumns: 3,
+	maxCrumbs: 4
+}, O = te(D);
+function k() {
+	return d(O);
+}
+function _e({ children: e, ...t }) {
+	let n = { ...k() };
+	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
+	return /* @__PURE__ */ v(O.Provider, {
+		value: n,
+		children: e
+	});
+}
+//#endregion
+//#region src/cascader/cascader-state.ts
+function A(e, t, n, r) {
+	let [i, a] = g(t), o = e === void 0 ? i : e, s = h({
+		controlled: e,
+		current: o,
+		onRequest: n
+	});
+	return s.current = {
+		controlled: e,
+		current: o,
+		onRequest: n
+	}, [o, u((e, t, n) => {
+		let i = s.current;
+		return r(e, i.current) ? !1 : ee({
+			controlled: i.controlled,
+			initial: i.current,
+			equals: () => !1,
+			onRequest: (e) => i.onRequest?.(e.value, e)
+		}).request(e, t, n) ? (a(e), !0) : i.controlled !== void 0;
+	}, [])];
+}
+var ve = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), ye = (e, t) => Array.isArray(e) && Array.isArray(t) ? ve(e, t) : e === t, be = (e, t) => e === t;
+function xe(e) {
+	return e == null ? [] : typeof e == "string" ? [e] : e;
+}
+function Se(n) {
+	let { defaults: r, getKey: i, getLabel: a, getChildren: o, getParent: s, hasChildren: c, getChildrenCount: l } = n, ee = t(ie, n.messages), te = e(), d = n.locale ?? te, re = ne(), p = m(() => {
+		let e = s === void 0 ? void 0 : pe(n.nodes, {
+			getKey: i,
+			getParent: s
+		});
+		return ge({
+			roots: e?.roots ?? n.nodes,
+			getKey: i,
+			getLabel: a,
+			getChildren: e?.getChildren ?? o,
+			hasChildren: c ?? ((t) => ((e?.getChildren ?? o)?.(t)?.length ?? 0) > 0),
+			getChildrenCount: l,
+			isDisabled: n.isNodeDisabled
+		});
+	}, [
+		o,
+		l,
+		i,
+		a,
+		s,
+		c,
+		n.isNodeDisabled,
+		n.nodes
+	]), g = u((e) => p.nodeFor(e)?.item, [p]), _ = (n.selectionMode ?? r.selectionMode) === "multiple", v = n.selectable ?? r.selectable, y = n.checkedStrategy ?? r.checkedStrategy, b = n.disabled ?? r.disabled, ae = n.readOnly ?? r.readOnly, x = n.search ?? r.search, S = u((e) => {
+		let t = p.nodeFor(e);
+		return t === void 0 || t.disabled ? !1 : _ ? !0 : typeof v == "function" ? v(t.item) : v === "any" || !t.hasChildren;
+	}, [
+		p,
+		_,
+		v
+	]), [oe, C] = A(n.value, n.defaultValue ?? (_ ? [] : null), n.onValueChange, ye), [w, T] = A(n.path, n.defaultPath ?? [], n.onPathChange, ve), [E, D] = A(n.activeKey, n.defaultActiveKey ?? null, n.onActiveKeyChange, be), [O, k] = A(n.expandedKeys, n.defaultExpandedKeys ?? [], n.onExpandedKeysChange, ve), [_e, Se] = A(n.searchValue, n.defaultSearchValue ?? "", n.onSearchValueChange, be), j = x ? _e : "", M = xe(oe), N = m(() => _ ? ue(p, M) : M, [
+		p,
+		_,
+		M.join("\0")
+	]), P = le({
+		layout: n.layout ?? r.layout,
+		available: n.available,
+		columnMeasure: n.columnMeasure,
+		inset: n.inset
+	}), Ce = se({
+		available: n.available,
+		columnMeasure: n.columnMeasure,
+		inset: n.inset,
+		maxColumns: n.maxColumns ?? r.maxColumns
+	}), F = n.filter, I = m(() => fe({
+		collection: p,
+		layout: P,
+		path: w,
+		activeKey: E,
+		expandedKeys: O,
+		query: j,
+		selected: N,
+		selectionMode: _ ? "multiple" : "single",
+		isSelectable: S,
+		isLoading: (e) => {
+			let t = p.nodeFor(e)?.item;
+			return t !== void 0 && (n.isNodeLoading?.(t) ?? !1);
+		},
+		isFailed: (e) => {
+			let t = p.nodeFor(e)?.item;
+			return t !== void 0 && (n.isNodeFailed?.(t) ?? !1);
+		},
+		fit: Ce,
+		maxCrumbs: n.maxCrumbs ?? r.maxCrumbs,
+		filter: F === void 0 ? void 0 : (e, t) => {
+			let n = p.nodeFor(e)?.item;
+			return n !== void 0 && F(n, t);
+		},
+		locale: d
+	}), [
+		E,
+		p,
+		r.maxCrumbs,
+		O,
+		F,
+		Ce,
+		S,
+		P,
+		_,
+		n.isNodeFailed,
+		n.isNodeLoading,
+		d,
+		n.maxCrumbs,
+		w,
+		j,
+		N
+	]), we = u((e) => `${re}node-${encodeURIComponent(e)}`, [re]), L = h({
+		options: n,
+		view: I,
+		selected: N,
+		multiple: _,
+		strategy: y,
+		path: w,
+		emitted: M,
+		layout: P
+	});
+	L.current = {
+		options: n,
+		view: I,
+		selected: N,
+		multiple: _,
+		strategy: y,
+		path: w,
+		emitted: M,
+		layout: P
+	};
+	let Te = u((e, t, n) => {
+		D(e, t, n);
+	}, [D]), R = u((e, t, n) => {
+		T(me(p, e), t, n);
+	}, [p, T]), Ee = u((e, t, n) => {
+		let r = e === void 0 ? [] : me(p, e), i = L.current.path[r.length];
+		T(r, t === "pointer" ? "pointer" : "back", n), i !== void 0 && D(i, t, n);
+	}, [
+		p,
+		D,
+		T
+	]), z = u((e, t, n) => {
+		let r = L.current.options.expandedKeys ?? O;
+		k(r.includes(e) ? r.filter((t) => t !== e) : [...r, e], t, n);
+	}, [O, k]), De = u((e, t, n) => {
+		Se(e, t, n);
+	}, [Se]), B = u((e, t, n, i = {}) => {
+		let a = L.current;
+		if (!S(e) || (a.options.readOnly ?? r.readOnly)) return;
+		if (!a.multiple) {
+			C(e, t === "keyboard" ? "keyboard" : "pointer", n), a.options.closeOnSelect && i.close !== !1 && a.options.onCommitted?.();
+			return;
+		}
+		let o = he({
+			collection: p,
+			selected: a.selected,
+			key: e,
+			action: "toggle"
+		});
+		o.changed && C(de({
+			collection: p,
+			selected: o.selected,
+			strategy: a.strategy
+		}), t, n);
+	}, [
+		p,
+		r.readOnly,
+		S,
+		C
+	]), Oe = u((e, t) => {
+		let n = L.current;
+		if (!n.multiple) {
+			C(null, "remove", t);
+			return;
+		}
+		let r = he({
+			collection: p,
+			selected: n.selected,
+			key: e,
+			action: "deselect"
+		});
+		C(de({
+			collection: p,
+			selected: r.selected,
+			strategy: n.strategy
+		}), "remove", t);
+	}, [p, C]), V = u((e) => C(L.current.multiple ? [] : null, "clear", e), [C]), ke = u(() => {
+		let e = L.current.emitted[0];
+		if (e === void 0 || p.nodeFor(e) === void 0) {
+			D(p.roots[0] ?? null, "programmatic");
+			return;
+		}
+		let t = me(p, e);
+		T(t.slice(0, -1), "programmatic"), k(t.slice(0, -1), "programmatic"), D(e, "programmatic");
+	}, [
+		p,
+		D,
+		k,
+		T
+	]), Ae = u((e, t, n) => {
+		let r = L.current, i = r.view.searching;
+		if (n && i) {
+			let t = r.view.results.map((e) => e.key), n = E === null ? -1 : t.indexOf(E);
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				let r = e.key === "ArrowDown" ? 1 : -1, i = t[Math.min(t.length - 1, Math.max(0, n + r))];
+				return i !== void 0 && D(i, "keyboard", e.source), { type: "handled" };
+			}
+			if (e.key === "Enter" && E !== null) {
+				if (S(E)) B(E, "keyboard", e.source);
+				else if (p.nodeFor(E)?.hasChildren) {
+					De("", "select", e.source), R(E, "keyboard", e.source);
+					let t = p.nodeFor(E)?.children[0];
+					t !== void 0 && D(t, "keyboard", e.source);
+				}
+				return { type: "handled" };
+			}
+			return { type: "none" };
+		}
+		let a = ce({
+			key: e.key,
+			dir: t,
+			layout: r.layout,
+			open: n,
+			active: E ?? void 0,
+			path: r.path,
+			expandedKeys: O,
+			collection: p,
+			selectionMode: r.multiple ? "multiple" : "single",
+			isSelectable: S,
+			search: x,
+			hasQuery: j !== ""
+		});
+		switch (a.type) {
+			case "move":
+				D(a.key, "keyboard", e.source);
+				break;
+			case "enter":
+				T(a.path, "keyboard", e.source), a.key !== void 0 && D(a.key, "keyboard", e.source);
+				break;
+			case "back":
+				T(a.path, "back", e.source), D(a.key, "keyboard", e.source);
+				break;
+			case "expand":
+			case "collapse":
+				z(a.key, "keyboard", e.source);
+				break;
+			case "commit":
+			case "toggle": B(a.key, "keyboard", e.source);
+		}
+		return a;
+	}, [
+		E,
+		B,
+		p,
+		O,
+		S,
+		j,
+		x,
+		D,
+		T,
+		De,
+		R,
+		z
+	]), H = h(/* @__PURE__ */ new Map()), je = (n.showing ? I.columns.filter((e) => e.pending && !e.failed && e.parent !== void 0).map((e) => e.parent).concat(P === "tree" ? O.filter((e) => {
+		let t = p.nodeFor(e);
+		return t !== void 0 && t.hasChildren && t.children.length === 0;
+	}) : []) : []).join("\0");
+	return f(() => {
+		let e = new Set(je === "" ? [] : je.split("\0"));
+		for (let [t, n] of H.current) e.has(t) || (n.abort(), H.current.delete(t));
+		for (let t of e) {
+			if (H.current.has(t)) continue;
+			let e = p.nodeFor(t)?.item;
+			if (e !== void 0 && L.current.options.isNodeLoading?.(e)) continue;
+			let n = new AbortController();
+			H.current.set(t, n), L.current.options.onLoadChildren?.({
+				key: t,
+				signal: n.signal
+			});
+		}
+	}, [p, je]), f(() => () => {
+		for (let e of H.current.values()) e.abort();
+		H.current.clear();
+	}, []), {
+		baseId: re,
+		collection: p,
+		itemFor: g,
+		t: ee,
+		locale: d,
+		layout: P,
+		multiple: _,
+		disabled: b,
+		readOnly: ae,
+		search: x,
+		view: m(() => n.loading === !0 && p.roots.length === 0 && !I.searching ? {
+			...I,
+			columns: [{
+				parent: void 0,
+				level: 1,
+				pending: !0,
+				failed: !1,
+				nodes: []
+			}]
+		} : I, [
+			p.roots.length,
+			n.loading,
+			I
+		]),
+		value: oe,
+		emitted: M,
+		path: w,
+		activeKey: E,
+		query: j,
+		nodeId: we,
+		setActive: Te,
+		setQuery: De,
+		showLevel: R,
+		goTo: Ee,
+		toggleExpanded: z,
+		choose: B,
+		remove: Oe,
+		clear: V,
+		reveal: ke,
+		handleKey: Ae
+	};
+}
+//#endregion
+//#region src/cascader/cascader-surface.tsx
+function j({ data: e, expandOn: t, hoverDelay: o, label: s, labelledBy: ee, separator: te, state: u, treeId: d, treeProps: ne, treeRef: re }) {
+	let { t: p, view: m } = u, g = h(void 0);
+	f(() => () => clearTimeout(g.current), []);
+	let b = (e) => e === void 0 ? p("root") : u.collection.nodeFor(e)?.label ?? e, ie = (e, t) => {
+		if (e.disabled) return;
+		let n = t.detail === 0 ? "keyboard" : "pointer", r = t.target.closest("[data-part='indicator']") !== null, i = t.target.closest("[data-part='expander']") !== null;
+		if (m.searching) {
+			e.selectable ? u.choose(e.key, n, t.nativeEvent) : e.branch && (u.setQuery("", "select", t.nativeEvent), u.showLevel(e.key, n, t.nativeEvent));
+			return;
+		}
+		if (u.layout === "tree") {
+			if (e.branch && (i || !e.selectable)) {
+				u.toggleExpanded(e.key, n, t.nativeEvent);
+				return;
+			}
+			u.choose(e.key, n, t.nativeEvent);
+			return;
+		}
+		if (u.multiple && r) {
+			u.choose(e.key, n, t.nativeEvent);
+			return;
+		}
+		if (e.branch) {
+			u.showLevel(e.key, n, t.nativeEvent), u.setActive(e.key, n, t.nativeEvent), e.selectable && !u.multiple && u.choose(e.key, n, t.nativeEvent, { close: !1 });
+			return;
+		}
+		u.choose(e.key, n, t.nativeEvent);
+	}, ae = (e) => {
+		clearTimeout(g.current), t === "hover" && e.branch && !e.disabled && u.layout !== "tree" && (m.searching || (g.current = setTimeout(() => u.showLevel(e.key, "pointer"), o)));
+	}, x = (t) => {
+		let n = u.itemFor(t.key);
+		if (n !== void 0 && e.renderNode !== void 0) return e.renderNode(n, t);
+		if (!m.searching || u.query === "") return t.label;
+		let r = E(t.label, u.query, { locale: u.locale });
+		return /* @__PURE__ */ v(c, {
+			ranges: r,
+			text: t.label
+		});
+	}, S = (t) => {
+		let a = u.itemFor(t.key), o = m.searching ? t.trail.map(b).join(` ${te} `) : a === void 0 ? void 0 : e.getDescription?.(a), s = a === void 0 ? void 0 : e.renderIcon?.(a), c = t.branch ? u.multiple && t.selectedInside > 0 ? t.selectedInside : t.childrenCount : void 0, l = u.layout === "tree" && !m.searching ? { "--slotted-cascader-depth": t.depth } : void 0;
+		return /* @__PURE__ */ y("div", {
+			"aria-busy": t.loading ? !0 : void 0,
+			"aria-checked": u.multiple ? t.indeterminate ? "mixed" : t.selected : void 0,
+			"aria-disabled": t.disabled ? !0 : void 0,
+			"aria-expanded": t.branch && !m.searching ? t.expanded : void 0,
+			"aria-level": m.searching ? void 0 : t.level,
+			"aria-posinset": m.searching ? void 0 : t.posInSet,
+			"aria-selected": u.multiple ? void 0 : t.selected,
+			"aria-setsize": m.searching ? void 0 : t.setSize,
+			"data-current": t.current ? "" : void 0,
+			"data-disabled": t.disabled ? "" : void 0,
+			"data-expanded": t.expanded && !m.searching ? "" : void 0,
+			"data-indeterminate": t.indeterminate ? "" : void 0,
+			"data-loading": t.loading ? "" : void 0,
+			"data-part": "node",
+			"data-part-node": "",
+			"data-selected": t.selected ? "" : void 0,
+			id: u.nodeId(t.key),
+			onClick: (e) => ie(t, e),
+			onPointerEnter: () => ae(t),
+			onPointerLeave: () => clearTimeout(g.current),
+			onPointerMove: (e) => {
+				t.current || u.setActive(t.key, "pointer", e.nativeEvent);
+			},
+			role: "treeitem",
+			style: l,
+			children: [
+				u.multiple ? /* @__PURE__ */ v("span", {
+					"data-part": "indicator",
+					"data-part-indicator": "",
+					children: /* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(n, { name: t.indeterminate ? "minus" : "check" }) })
+				}) : null,
+				s === void 0 ? null : /* @__PURE__ */ v("span", {
+					"data-part": "icon",
+					"data-part-icon": "",
+					children: s
+				}),
+				/* @__PURE__ */ v("span", {
+					"data-part": "label",
+					"data-part-label": "",
+					children: x(t)
+				}),
+				o === void 0 || o === "" ? null : /* @__PURE__ */ v("span", {
+					"data-part": "description",
+					"data-part-description": "",
+					children: o
+				}),
+				c === void 0 ? null : /* @__PURE__ */ v("span", {
+					"aria-hidden": "true",
+					"data-part": "meta",
+					"data-part-meta": "",
+					children: c
+				}),
+				t.branch ? /* @__PURE__ */ v("span", {
+					"aria-hidden": "true",
+					"data-part": "expander",
+					"data-part-expander": "",
+					children: t.loading ? /* @__PURE__ */ v("span", {
+						"data-part": "root",
+						"data-part-root": "",
+						"data-ui": "spinner",
+						"data-ui-spinner": "",
+						children: i
+					}) : /* @__PURE__ */ v(r, {
+						directional: !0,
+						children: /* @__PURE__ */ v(n, { name: "chevron-right" })
+					})
+				}) : u.multiple ? null : /* @__PURE__ */ v("span", {
+					"data-part": "indicator",
+					"data-part-indicator": "",
+					children: /* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(n, { name: "check" }) })
+				})
+			]
+		}, t.key);
+	}, oe = (t, n) => {
+		let r = b(t.parent), i = t.parent === void 0 ? void 0 : u.itemFor(t.parent);
+		return /* @__PURE__ */ y("div", {
+			"aria-busy": t.pending && !t.failed ? !0 : void 0,
+			"aria-label": r,
+			"data-part": "column",
+			"data-part-column": "",
+			role: "group",
+			children: [
+				t.nodes.map(S),
+				t.pending && !t.failed ? [
+					0,
+					1,
+					2
+				].map((e) => /* @__PURE__ */ v("div", {
+					"aria-hidden": "true",
+					"data-part": "loader",
+					"data-part-loader": "",
+					children: /* @__PURE__ */ v("span", {
+						"data-loading": "",
+						"data-part": "root",
+						"data-part-root": "",
+						"data-shape": "text",
+						"data-ui": "skeleton",
+						"data-ui-skeleton": ""
+					})
+				}, e)) : null,
+				t.failed && t.parent !== void 0 ? /* @__PURE__ */ y("div", {
+					"data-part": "status",
+					"data-part-status": "",
+					role: "status",
+					children: [p("failed", { label: r }), /* @__PURE__ */ v(a, {
+						onClick: () => {
+							let n = t.parent;
+							i !== void 0 && e.onRetry?.(n);
+						},
+						size: "sm",
+						variant: "outline",
+						children: p("retry")
+					})]
+				}) : null,
+				!t.pending && !t.failed && t.nodes.length === 0 ? /* @__PURE__ */ v("div", {
+					"data-part": "empty",
+					"data-part-empty": "",
+					children: p("empty")
+				}) : null
+			]
+		}, t.parent ?? `root-${n}`);
+	}, C = (e, t) => {
+		let i = t === 0 ? null : /* @__PURE__ */ v(r, {
+			directional: !0,
+			children: /* @__PURE__ */ v(n, { name: "chevron-right" })
+		}, `separator-${t}`);
+		return e.type === "collapsed" ? [i, /* @__PURE__ */ v("button", {
+			"aria-label": p("back", { label: b(e.target) }),
+			"data-collapsed": "",
+			"data-part": "crumb",
+			"data-part-crumb": "",
+			onClick: (t) => u.goTo(e.target, t.detail === 0 ? "keyboard" : "pointer", t.nativeEvent),
+			type: "button",
+			children: "…"
+		}, "collapsed")] : [i, /* @__PURE__ */ v("button", {
+			"aria-current": e.current ? "location" : void 0,
+			"data-part": "crumb",
+			"data-part-crumb": "",
+			onClick: (t) => {
+				e.current || u.goTo(e.key, t.detail === 0 ? "keyboard" : "pointer", t.nativeEvent);
+			},
+			type: "button",
+			children: b(e.key)
+		}, e.key ?? "root")];
+	}, w = m.crumbs;
+	return /* @__PURE__ */ y(_, { children: [w.length > 0 ? /* @__PURE__ */ y("nav", {
+		"aria-label": p("breadcrumb"),
+		"data-part": "breadcrumb",
+		"data-part-breadcrumb": "",
+		children: [w.flatMap(C), u.layout === "columns" ? /* @__PURE__ */ v(r, {
+			directional: !0,
+			children: /* @__PURE__ */ v(n, { name: "chevron-right" })
+		}) : null]
+	}) : null, /* @__PURE__ */ v("div", {
+		...l(ne, "part", "panel"),
+		"aria-activedescendant": ne?.tabIndex !== void 0 && u.activeKey !== null ? u.nodeId(u.activeKey) : void 0,
+		"aria-label": s,
+		"aria-labelledby": ee,
+		"aria-multiselectable": u.multiple ? !0 : void 0,
+		id: d,
+		ref: re,
+		role: "tree",
+		children: m.searching ? /* @__PURE__ */ y("div", {
+			"aria-label": p("search"),
+			"data-part": "column",
+			"data-part-column": "",
+			role: "group",
+			children: [
+				m.results.map(S),
+				m.results.length === 0 ? /* @__PURE__ */ v("div", {
+					"data-part": "empty",
+					"data-part-empty": "",
+					children: p("noResults", { query: u.query })
+				}) : null,
+				/* @__PURE__ */ v("div", {
+					"data-part": "status",
+					"data-part-status": "",
+					role: "status",
+					children: m.results.length === 0 ? "" : p("results", { count: m.results.length })
+				})
+			]
+		}) : m.columns.map(oe)
+	})] });
+}
+function M(e, t) {
+	f(() => {
+		e !== null && t !== null && e.ownerDocument.getElementById(t)?.scrollIntoView?.({ block: "nearest" });
+	}, [e, t]);
+}
+//#endregion
+//#region src/cascader/cascader.tsx
+var N = (e) => e !== null && e.ownerDocument.defaultView?.getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr";
+function P(e) {
+	let t = h(null);
+	return f(() => (t.current = oe({ timeout: 500 }), () => t.current?.destroy()), []), (n, r) => {
+		let i = t.current;
+		if (i === null || !C(n, i.query.length > 0)) return !1;
+		let a = e.activeKey, o = a === null ? void 0 : e.collection.nodeFor(a), s = e.layout === "tree" ? e.view.columns[0]?.nodes.map((e) => e.key) ?? [] : o === void 0 ? e.collection.roots : e.collection.siblingsOf(o.key), c = s.map((t) => e.collection.nodeFor(t)?.label ?? ""), l = s[i.match(n, c, a === null ? -1 : s.indexOf(a))];
+		return l !== void 0 && e.setActive(l, "keyboard", r), !0;
+	};
+}
+function Ce(e) {
+	let { nodes: t, getKey: a, getLabel: c, getChildren: ee, getParent: te, hasChildren: d, getChildrenCount: m, isNodeDisabled: _, isNodeLoading: ie, isNodeFailed: oe, loading: ce, getDescription: le, renderIcon: ue, renderNode: de, onLoadChildren: fe, onRetry: pe, filter: he, locale: ge, selectionMode: E, value: D, defaultValue: O, onValueChange: _e, path: A, defaultPath: ve, onPathChange: ye, activeKey: be, defaultActiveKey: xe, onActiveKeyChange: Ce, expandedKeys: F, defaultExpandedKeys: I, onExpandedKeysChange: we, searchValue: L, defaultSearchValue: Te, onSearchValueChange: R, layout: Ee, selectable: z, checkedStrategy: De, expandOn: B, search: Oe, size: V, maxColumns: ke, maxCrumbs: Ae, hoverDelay: H, disabled: je, readOnly: Me, messages: Ne, open: Pe, defaultOpen: Fe, onOpenChange: Ie, closeOnSelect: Le, clearable: Re, variant: ze, fullWidth: Be, portal: Ve, required: He, invalid: Ue, separator: We, renderValue: Ge, name: Ke, form: qe, handleRef: Je, ref: Ye, "aria-label": Xe, "aria-labelledby": Ze, ...Qe } = e, U = k(), W = o(), $e = ne(), et = `${$e}content`, tt = `${$e}tree`, [nt, rt] = g(Fe ?? !1), G = je ?? W?.disabled ?? U.disabled, it = Me ?? W?.readOnly ?? U.readOnly, K = (Pe ?? nt) && !G, at = Le ?? U.closeOnSelect, [ot, st] = g(null), [q, ct] = g(null), [J, lt] = g(null), [ut, dt] = g(null), [ft, pt] = g(null), [mt, ht] = g(null), [gt, _t] = g("unmounted"), [vt, yt] = g(!1), [bt, xt] = g(!1), [Y, St] = g({
+		available: void 0,
+		columnMeasure: 192,
+		inset: 2
+	}), X = h({
+		open: Pe,
+		currentOpen: K,
+		onOpenChange: Ie,
+		trigger: q
+	});
+	X.current = {
+		open: Pe,
+		currentOpen: K,
+		onOpenChange: Ie,
+		trigger: q
+	};
+	let Z = u((e, t, n) => {
+		let r = X.current;
+		if (e === r.currentOpen) return;
+		let i = !1;
+		r.onOpenChange?.(e, {
+			value: e,
+			previous: r.currentOpen,
+			reason: t,
+			source: n,
+			get cancelled() {
+				return i;
+			},
+			cancel: () => {
+				i = !0;
+			}
+		}), !(i || r.open !== void 0) && rt(e);
+	}, []), Q = Se({
+		nodes: t,
+		getKey: a,
+		getLabel: c,
+		getChildren: ee,
+		getParent: te,
+		hasChildren: d,
+		getChildrenCount: m,
+		isNodeDisabled: _,
+		isNodeLoading: ie,
+		isNodeFailed: oe,
+		loading: ce,
+		getDescription: le,
+		renderIcon: ue,
+		renderNode: de,
+		onLoadChildren: fe,
+		onRetry: pe,
+		filter: he,
+		locale: ge,
+		selectionMode: E,
+		value: D,
+		defaultValue: O,
+		onValueChange: _e,
+		path: A,
+		defaultPath: ve,
+		onPathChange: ye,
+		activeKey: be,
+		defaultActiveKey: xe,
+		onActiveKeyChange: Ce,
+		expandedKeys: F,
+		defaultExpandedKeys: I,
+		onExpandedKeysChange: we,
+		searchValue: L,
+		defaultSearchValue: Te,
+		onSearchValueChange: R,
+		layout: Ee,
+		selectable: z,
+		checkedStrategy: De,
+		expandOn: B,
+		search: Oe,
+		size: V,
+		maxColumns: ke,
+		maxCrumbs: Ae,
+		hoverDelay: H,
+		disabled: G,
+		readOnly: it,
+		messages: Ne,
+		defaults: U,
+		showing: K,
+		available: Y.available,
+		columnMeasure: Y.columnMeasure,
+		inset: Y.inset,
+		closeOnSelect: at,
+		onCommitted: () => {
+			Z(!1, "select"), X.current.trigger?.focus({ preventScroll: !0 });
+		}
+	}), Ct = V ?? W?.size ?? U.size, $ = Q.search, wt = We ?? U.separator, Tt = P(Q), Et = h(!1);
+	p(() => {
+		K && !Et.current && Q.reveal(), !K && Et.current && Q.setQuery("", "clear"), Et.current = K;
+	});
+	let Dt = h(null);
+	f(() => {
+		let e = b({
+			present: K,
+			onStatusChange: _t
+		});
+		return Dt.current = e, _t(e.status), () => {
+			e.destroy(), Dt.current = null;
+		};
+	}, []), f(() => Dt.current?.sync(K), [K]), f(() => Dt.current?.setNode(J), [J]);
+	let Ot = K || gt !== "unmounted", kt = Ve ?? U.portal;
+	f(() => {
+		if (q === null || vt) return;
+		let e = () => yt(!0);
+		return q.addEventListener("focusin", e), q.addEventListener("pointerdown", e), () => {
+			q.removeEventListener("focusin", e), q.removeEventListener("pointerdown", e);
+		};
+	}, [q, vt]);
+	let At = Ot || vt;
+	p(() => {
+		if (!At) {
+			ht(null);
+			return;
+		}
+		let e = ae({
+			origin: q,
+			disabled: !kt
+		});
+		return ht(e.container), () => e.release();
+	}, [
+		At,
+		kt,
+		q
+	]), p(() => {
+		if (ut === null) return;
+		let e = T(ut);
+		St((t) => t.columnMeasure === e.columnMeasure && t.inset === e.inset ? t : {
+			...t,
+			...e
+		});
+	}, [ut, Ct]);
+	let jt = Q.layout, Mt = h(null), Nt = u((e, t) => {
+		e.update().then(() => {
+			Mt.current === e && X.current.currentOpen && t.setAttribute("data-open", "");
+		});
+	}, []);
+	p(() => {
+		if (J === null || ot === null) return;
+		let e = S(ot, J, {
+			align: "start",
+			side: "bottom",
+			sideOffset: 4,
+			boundaryPadding: 8,
+			matchWidth: jt !== "columns",
+			onPositioned: (e) => {
+				St((t) => t.available === e.availableWidth ? t : {
+					...t,
+					available: e.availableWidth
+				});
+			}
+		});
+		return Mt.current = e, X.current.currentOpen && Nt(e, J), () => {
+			e.destroy(), Mt.current = null, J.removeAttribute("data-open");
+		};
+	}, [
+		ot,
+		J,
+		jt,
+		Nt
+	]), p(() => {
+		let e = Mt.current;
+		e !== null && J !== null && (K ? Nt(e, J) : J.removeAttribute("data-open"));
+	}, [
+		K,
+		J,
+		Nt
+	]), p(() => {
+		if (J === null) return;
+		if (Q.layout !== "columns") {
+			J.style.removeProperty("inline-size");
+			return;
+		}
+		let e = se({
+			...Y,
+			maxColumns: ke ?? U.maxColumns
+		});
+		J.style.inlineSize = `${e * Y.columnMeasure + Y.inset}px`;
+	}, [
+		U.maxColumns,
+		J,
+		ke,
+		Y,
+		Q.layout
+	]);
+	let Pt = h(Q);
+	Pt.current = Q, f(() => {
+		if (J === null || !K) return;
+		let e = x(J, {
+			branches: [ot].filter((e) => e !== null),
+			escape: !0,
+			focusOutside: !1,
+			modal: !1,
+			outsidePress: !0,
+			scrollLock: !1,
+			onDismiss: (e) => {
+				let t = Pt.current;
+				if (e.reason === "escape" && t.query !== "") {
+					t.setQuery("", "clear", e.source);
+					return;
+				}
+				Z(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && X.current.trigger?.focus({ preventScroll: !0 });
+			}
+		});
+		return () => e.destroy();
+	}, [
+		K,
+		ot,
+		J,
+		Z
+	]), f(() => {
+		K && $ && ft !== null && ft.focus({ preventScroll: !0 });
+	}, [
+		K,
+		$,
+		ft
+	]), M(ut, Q.activeKey === null ? null : Q.nodeId(Q.activeKey)), re(Je, () => ({
+		open: () => Z(!0, "programmatic"),
+		close: () => Z(!1, "programmatic"),
+		focus: () => X.current.trigger?.focus({ preventScroll: !0 }),
+		revealValue: () => Q.reveal()
+	}), [Z, Q]), f(() => W?.registerControl(), [W]);
+	let Ft = (e, t) => {
+		if (!G) {
+			if (e.key === "Tab") {
+				K && Z(!1, "blur", e.nativeEvent);
+				return;
+			}
+			if (!K) {
+				(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), Z(!0, "keyboard", e.nativeEvent));
+				return;
+			}
+			if (e.key !== "Escape") {
+				if (!t && !$ && Tt(e.key, e.nativeEvent)) {
+					e.preventDefault();
+					return;
+				}
+				(!t || e.key !== "Home" && e.key !== "End") && (!t || e.key !== " " && !C(e.key, !1)) && Q.handleKey({
+					key: e.key,
+					source: e.nativeEvent
+				}, N(e.currentTarget), !0).type !== "none" && e.preventDefault();
+			}
+		}
+	}, It = Q.emitted.length === 1 && !Q.multiple ? me(Q.collection, Q.emitted[0]).map((e) => Q.itemFor(e)).filter((e) => e !== void 0) : [], Lt = Q.multiple ? /* @__PURE__ */ v("span", {
+		"data-part": "value",
+		"data-part-value": "",
+		children: /* @__PURE__ */ v("span", {
+			"data-part": "summary",
+			"data-part-summary": "",
+			children: Q.emitted.length === 0 ? "" : Q.t("summary", { count: Q.emitted.length })
+		})
+	}) : Q.emitted.length === 0 ? /* @__PURE__ */ v("span", {
+		"data-part": "placeholder",
+		"data-part-placeholder": "",
+		children: Q.t("placeholder")
+	}) : Ge === void 0 ? /* @__PURE__ */ v("span", {
+		"data-part": "value",
+		"data-part-value": "",
+		children: It.length === 0 ? /* @__PURE__ */ v("span", {
+			"data-part": "value-segment",
+			"data-part-value-segment": "",
+			children: Q.emitted[0]
+		}) : It.flatMap((e, t) => [t === 0 ? null : /* @__PURE__ */ v("span", {
+			"aria-hidden": "true",
+			"data-part": "value-separator",
+			"data-part-value-separator": "",
+			children: wt
+		}, `s${t}`), /* @__PURE__ */ v("span", {
+			"data-part": "value-segment",
+			"data-part-value-segment": "",
+			children: c(e)
+		}, a(e))])
+	}) : /* @__PURE__ */ v("span", {
+		"data-part": "value",
+		"data-part-value": "",
+		children: Ge(It)
+	}), Rt = (Re ?? U.clearable) && Q.emitted.length > 0 && !G && !it, zt = [Qe["aria-describedby"], W?.describedBy].filter(Boolean).join(" "), Bt = Ue ?? W?.invalid ?? U.invalid, Vt = He ?? W?.required ?? U.required, Ht = ce === !0, Ut = (e) => {
+		G || Z(!K, e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent);
+	}, Wt = /* @__PURE__ */ y("div", {
+		"aria-label": $ ? Xe ?? Q.t("search") : void 0,
+		"data-part": "content",
+		"data-part-content": "",
+		id: et,
+		ref: dt,
+		role: $ ? "dialog" : void 0,
+		children: [$ ? /* @__PURE__ */ y("div", {
+			"data-part": "search",
+			"data-part-search": "",
+			children: [/* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(n, { name: "search" }) }), /* @__PURE__ */ v("input", {
+				"aria-activedescendant": Q.activeKey === null ? void 0 : Q.nodeId(Q.activeKey),
+				"aria-autocomplete": "list",
+				"aria-controls": tt,
+				"aria-expanded": !0,
+				"aria-label": Q.t("search"),
+				"data-part": "search-input",
+				"data-part-search-input": "",
+				onChange: (e) => Q.setQuery(e.target.value, "keyboard", e.nativeEvent),
+				onKeyDown: (e) => Ft(e, !0),
+				placeholder: Q.t("searchPlaceholder"),
+				ref: pt,
+				role: "combobox",
+				value: Q.query
+			})]
+		}) : null, /* @__PURE__ */ v(j, {
+			data: e,
+			expandOn: B ?? U.expandOn,
+			hoverDelay: H ?? U.hoverDelay,
+			label: Xe,
+			labelledBy: Xe === void 0 ? Ze ?? W?.ids.label : void 0,
+			separator: wt,
+			state: Q,
+			treeId: tt
+		})]
+	}), Gt = Ot ? /* @__PURE__ */ v("div", {
+		"data-layout": Q.layout,
+		"data-part": "positioner",
+		"data-part-positioner": "",
+		"data-selection": Q.multiple ? "multiple" : void 0,
+		"data-size": Ct,
+		"data-ui": "cascader",
+		"data-ui-cascader": "",
+		inert: !K || void 0,
+		ref: lt,
+		children: Wt
+	}) : null;
+	return /* @__PURE__ */ y("div", {
+		...l(Qe, "part", "root"),
+		"data-disabled": G ? "" : void 0,
+		"data-full-width": Be ?? U.fullWidth ? "" : void 0,
+		"data-invalid": Bt ? "" : void 0,
+		"data-narrow": bt ? "" : void 0,
+		"data-open": K ? "" : void 0,
+		"data-readonly": it ? "" : void 0,
+		"data-required": Vt ? "" : void 0,
+		"data-size": Ct,
+		"data-ui": "cascader",
+		"data-ui-cascader": "",
+		"data-variant": ze ?? U.variant,
+		ref: (e) => {
+			st(e), typeof Ye == "function" ? Ye(e) : Ye != null && (Ye.current = e);
+		},
+		children: [
+			/* @__PURE__ */ v("button", {
+				"aria-activedescendant": K && !$ && Q.activeKey !== null ? Q.nodeId(Q.activeKey) : void 0,
+				"aria-controls": K ? $ ? et : tt : void 0,
+				"aria-describedby": zt === "" ? void 0 : zt,
+				"aria-expanded": K,
+				"aria-haspopup": $ ? "dialog" : "tree",
+				"aria-invalid": Bt ? !0 : void 0,
+				"aria-label": Xe,
+				"aria-labelledby": Xe === void 0 ? Ze ?? W?.ids.label : void 0,
+				"aria-readonly": it ? !0 : void 0,
+				"aria-required": Vt ? !0 : void 0,
+				"data-part": "trigger",
+				"data-part-trigger": "",
+				disabled: G,
+				id: W?.ids.control,
+				onClick: Ut,
+				onKeyDown: (e) => Ft(e, !1),
+				ref: ct,
+				role: "combobox",
+				type: "button",
+				children: Lt
+			}),
+			Q.multiple && Q.emitted.length > 0 ? /* @__PURE__ */ v(s, {
+				disabled: G || it,
+				frame: ot,
+				labelFor: (e) => Q.collection.nodeFor(e)?.label,
+				onNarrow: xt,
+				onRemove: (e, t) => {
+					Q.remove(e, t.nativeEvent), q?.focus({ preventScroll: !0 });
+				},
+				removeLabel: (e) => Q.t("remove", { label: e }),
+				values: Q.emitted
+			}) : null,
+			Rt ? /* @__PURE__ */ v("button", {
+				"aria-label": Q.t("clear"),
+				"data-part": "clear",
+				"data-part-clear": "",
+				onClick: (e) => {
+					Q.clear(e.nativeEvent), q?.focus({ preventScroll: !0 });
+				},
+				type: "button",
+				children: /* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(n, { name: "x" }) })
+			}) : null,
+			Ht ? /* @__PURE__ */ v("span", {
+				"aria-hidden": "true",
+				"data-part": "busy",
+				"data-part-busy": "",
+				"data-ui": "spinner",
+				"data-ui-spinner": "",
+				children: i
+			}) : /* @__PURE__ */ v("span", {
+				"aria-hidden": "true",
+				"data-part": "arrow",
+				"data-part-arrow": "",
+				children: /* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(n, { name: "chevron-down" }) })
+			}),
+			Ke === void 0 ? null : Q.emitted.map((e) => /* @__PURE__ */ v("input", {
+				form: qe,
+				name: Ke,
+				type: "hidden",
+				value: e
+			}, e)),
+			Gt === null ? null : mt === null ? Gt : w(Gt, mt)
+		]
+	});
+}
+function F(e) {
+	let { nodes: t, getKey: n, getLabel: r, getChildren: i, getParent: a, hasChildren: o, getChildrenCount: s, isNodeDisabled: c, isNodeLoading: ee, isNodeFailed: te, loading: u, getDescription: d, renderIcon: f, renderNode: re, onLoadChildren: m, onRetry: _, filter: y, locale: b, selectionMode: ie, value: ae, defaultValue: x, onValueChange: S, path: oe, defaultPath: C, onPathChange: w, activeKey: se, defaultActiveKey: ce, onActiveKeyChange: le, expandedKeys: ue, defaultExpandedKeys: de, onExpandedKeysChange: fe, searchValue: pe, defaultSearchValue: me, onSearchValueChange: he, layout: ge, selectable: E, checkedStrategy: D, expandOn: O, search: _e, size: A, maxColumns: ve, maxCrumbs: ye, hoverDelay: be, disabled: xe, readOnly: Ce, messages: F, ref: I, "aria-label": we, "aria-labelledby": L, ...Te } = e, R = k(), Ee = `${ne()}tree`, [z, De] = g(null), [B, Oe] = g({
+		available: void 0,
+		columnMeasure: 192,
+		inset: 2
+	});
+	p(() => {
+		if (z === null) return;
+		let e = z.parentElement ?? z, t = () => {
+			let t = T(z), n = e.getBoundingClientRect().width;
+			Oe((e) => e.available === n && e.columnMeasure === t.columnMeasure && e.inset === t.inset ? e : {
+				available: n,
+				...t
+			});
+		};
+		t();
+		let n = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(t);
+		return n?.observe(e), () => n?.disconnect();
+	}, [z]);
+	let V = Se({
+		nodes: t,
+		getKey: n,
+		getLabel: r,
+		getChildren: i,
+		getParent: a,
+		hasChildren: o,
+		getChildrenCount: s,
+		isNodeDisabled: c,
+		isNodeLoading: ee,
+		isNodeFailed: te,
+		loading: u,
+		getDescription: d,
+		renderIcon: f,
+		renderNode: re,
+		onLoadChildren: m,
+		onRetry: _,
+		filter: y,
+		locale: b,
+		selectionMode: ie,
+		value: ae,
+		defaultValue: x,
+		onValueChange: S,
+		path: oe,
+		defaultPath: C,
+		onPathChange: w,
+		activeKey: se,
+		defaultActiveKey: ce,
+		onActiveKeyChange: le,
+		expandedKeys: ue,
+		defaultExpandedKeys: de,
+		onExpandedKeysChange: fe,
+		searchValue: pe,
+		defaultSearchValue: me,
+		onSearchValueChange: he,
+		layout: ge,
+		selectable: E,
+		checkedStrategy: D,
+		expandOn: O,
+		search: _e,
+		size: A,
+		maxColumns: ve,
+		maxCrumbs: ye,
+		hoverDelay: be,
+		disabled: xe,
+		readOnly: Ce,
+		messages: F,
+		defaults: R,
+		showing: !0,
+		available: B.available,
+		columnMeasure: B.columnMeasure,
+		inset: B.inset,
+		closeOnSelect: !1
+	}), ke = P(V), Ae = h(!1);
+	p(() => {
+		Ae.current || (Ae.current = !0, V.activeKey === null && V.reveal());
+	}), M(z, V.activeKey === null ? null : V.nodeId(V.activeKey));
+	let H = (e) => {
+		if (V.disabled) return;
+		if (ke(e.key, e.nativeEvent)) {
+			e.preventDefault();
+			return;
+		}
+		let t = V.handleKey({
+			key: e.key,
+			source: e.nativeEvent
+		}, N(e.currentTarget), !0);
+		t.type !== "none" && t.type !== "close" && e.preventDefault();
+	};
+	return /* @__PURE__ */ v("div", {
+		...l(Te, "part", "content"),
+		"data-disabled": V.disabled ? "" : void 0,
+		"data-layout": V.layout,
+		"data-selection": V.multiple ? "multiple" : void 0,
+		"data-size": A ?? R.size,
+		"data-ui": "cascader",
+		"data-ui-cascader": "",
+		ref: (e) => {
+			De(e), typeof I == "function" ? I(e) : I != null && (I.current = e);
+		},
+		children: /* @__PURE__ */ v(j, {
+			data: e,
+			expandOn: O ?? R.expandOn,
+			hoverDelay: be ?? R.hoverDelay,
+			label: we,
+			labelledBy: L,
+			separator: R.separator,
+			state: V,
+			treeId: Ee,
+			treeProps: {
+				tabIndex: V.disabled ? -1 : 0,
+				onKeyDown: H
+			}
+		})
+	});
+}
+//#endregion
+export { k as a, _e as i, F as n, D as r, Ce as t };