@slotted/react 0.1.0-beta.2 → 0.1.0-beta.4

package/dist/cascader-CARCYdHh.js

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