solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.2

package/dist/lib/client/combobox-BGH8QLXH.js

@@ -0,0 +1,401 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { E as r, S as i, b as a, n as o, w as s } from "./reasons-Co5CzjKq.js";
+import { n as c, t as l } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as u } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as d } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as f, liveEventHandler as p } from "./internals/composeEventHandlers.js";
+import { t as m } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { A as h, C as g, D as _, E as v, F as y, M as b, N as x, O as S, P as C, S as w, T, _ as E, a as D, b as O, c as k, d as A, f as j, g as M, h as N, i as P, j as ee, k as F, l as te, m as ne, n as re, o as ie, p as ae, r as oe, s as se, t as ce, u as le, v as ue, w as de, x as fe, y as pe } from "./useFilteredItems-BX0BEuSI.js";
+import { t as me } from "./createTransitionStatus-BL_cPSEA.js";
+import { a as he, n as ge, r as I, t as L } from "./buttonSemantics-paljfpOX.js";
+import { n as _e } from "./DirectionContext-BwMabICS.js";
+import { fieldStateAttributesMapping as ve } from "./internals/field-constants.js";
+import { a as ye, i as be, r as xe, t as Se } from "./isSolidAccessor-BH_FevwH.js";
+import { r as Ce } from "./LabelableContext-CmQF-TX2.js";
+import { createComponent as R, getNextElement as z, memo as we, mergeProps as B, runHydrationEvents as V, spread as H, template as U } from "@solidjs/web";
+import { Show as Te, createContext as Ee, createEffect as W, createMemo as G, createSignal as K, flush as De, omit as q, onCleanup as J, untrack as Y, useContext as Oe } from "solid-js";
+//#region src/combobox/root/ComboboxRoot.tsx
+function ke(e) {
+	let t = e, n = q(t, "multiple", "value", "defaultValue", "onValueChange", "autoComplete", "items"), r = G(() => t.items && !Array.isArray(t.items) ? t.items : void 0);
+	return R(S, B({
+		get selectionMode() {
+			return t.multiple ? "multiple" : "single";
+		},
+		get selectedValue() {
+			return t.value;
+		},
+		get defaultSelectedValue() {
+			return t.defaultValue;
+		},
+		get onSelectedValueChange() {
+			return t.onValueChange;
+		},
+		get formAutoComplete() {
+			return t.autoComplete;
+		},
+		get items() {
+			return we(() => !!r())() ? r().data : t.items;
+		},
+		get itemCollection() {
+			return r();
+		}
+	}, n));
+}
+//#endregion
+//#region src/combobox/label/ComboboxLabel.tsx
+var Ae = /* @__PURE__ */ U("<div>");
+function je(e) {
+	let r = F(), i = Ce(), a = e, o = e, s = G(() => `${r.id()}-label`), u = G(() => r.field.state()), d = G(() => c(e.class, u())), m = G(() => l(e.style, u())), h = G(() => n(u(), ve)), g = q(o, "render", "class", "id", "onClick", "onPointerDown", "ref", "style");
+	function _(e) {
+		let t = e.composedPath()[0];
+		t instanceof Element && t.closest("button,input,select,textarea,a[href]") || (!e.defaultPrevented && e.detail > 1 && e.preventDefault(), (r.store.inputInsidePopup() ? r.triggerElement() : r.inputElement() ?? r.triggerElement())?.focus({ focusVisible: !0 }));
+	}
+	function v(e) {
+		e.preventDefault();
+	}
+	let y = f(p(() => a.onClick), _), b = f(p(() => a.onPointerDown), v);
+	W(s, (e) => {
+		r.store.setLabelId(e);
+		let t = i.registerLabelId(e);
+		return () => {
+			t(), Y(() => r.store.labelId()) === e && r.store.setLabelId(void 0);
+		};
+	});
+	let x = t(e, () => u(), (e) => (() => {
+		var t = z(Ae);
+		return H(t, e, !1), V(), t;
+	})());
+	return R(x, B({
+		ref: [a.ref],
+		get id() {
+			return s();
+		},
+		get class() {
+			return d();
+		},
+		get style() {
+			return m();
+		},
+		onClick: y,
+		onPointerDown: b
+	}, h, g));
+}
+//#endregion
+//#region src/combobox/value/ComboboxValue.tsx
+function Me(e) {
+	let t = F();
+	return G(() => {
+		let n = e.children;
+		if (typeof n == "function") return Se(n) ? Y(() => n()) : n(t.selectedValue());
+		if (n != null) return n;
+		if (!t.hasSelectedValue() && e.placeholder != null && (t.hasItemCollection() || !b(t.items()))) return e.placeholder;
+		let r = t.selectedValue();
+		return t.hasItemCollection() && r == null ? "" : t.multiple() && Array.isArray(r) ? x(r, t.items(), t.itemToStringLabel()) : C(r, t.items(), t.itemToStringLabel());
+	});
+}
+//#endregion
+//#region src/combobox/item-indicator/ComboboxItemIndicator.tsx
+var Ne = /* @__PURE__ */ U("<span>");
+function Pe(e) {
+	let r = ie(), i = e, a = e, o = me(r.selected), s = G(() => (i.keepMounted ?? !1) || o.mounted()), u = G(() => ({
+		selected: r.selected(),
+		transitionStatus: o.transitionStatus()
+	})), f = G(() => c(e.class, u())), p = G(() => l(e.style, u())), h = G(() => n(u(), d)), g = q(a, "render", "class", "keepMounted", "ref", "style"), _;
+	W(() => ({
+		selected: r.selected(),
+		status: o.transitionStatus(),
+		element: _
+	}), (e) => {
+		if (e.selected || e.status !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return m(e.element, () => {
+			Y(r.selected) || o.setMounted(!1);
+		}, t.signal), () => t.abort();
+	});
+	let v = t(e, () => u(), (e) => (() => {
+		var t = z(Ne);
+		return H(t, e, !1), V(), t;
+	})());
+	return R(Te, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return R(v, B({
+				ref: [((e) => _ = e), i.ref],
+				"aria-hidden": "true",
+				get class() {
+					return f();
+				},
+				get style() {
+					return p();
+				}
+			}, h, g, { get children() {
+				return e.children ?? "✔️";
+			} }));
+		}
+	});
+}
+//#endregion
+//#region src/combobox/chips/ComboboxChips.tsx
+var Fe = /* @__PURE__ */ U("<div>");
+function Ie(e) {
+	let n = F(), r = e, i = e, [a, o] = K(void 0), s = new de(), u = {}, d = G(() => c(e.class, u)), m = G(() => l(e.style, u)), h = q(i, "render", "class", "onMouseDown", "ref", "style"), g = f(p(() => r.onMouseDown), (e) => O(e, n, n.disabled()));
+	W(() => n.store.open(), (e) => {
+		e && o(void 0);
+	});
+	let _ = null;
+	J(() => {
+		n.store.chipsContainerElement === _ && (n.store.chipsContainerElement = null);
+	});
+	let v = t(e, () => u, (e) => (() => {
+		var t = z(Fe);
+		return H(t, e, !1), V(), t;
+	})());
+	return R(T, {
+		value: {
+			highlightedChipIndex: a,
+			setHighlightedChipIndex: (e) => o(() => e),
+			chips: s
+		},
+		get children() {
+			return R(v, B({
+				ref: [((e) => {
+					_ = e, n.store.chipsContainerElement = e;
+				}), r.ref],
+				get role() {
+					return n.hasSelectionChips() ? "toolbar" : void 0;
+				},
+				get class() {
+					return d();
+				},
+				get style() {
+					return m();
+				},
+				onMouseDown: g
+			}, h));
+		}
+	});
+}
+//#endregion
+//#region src/combobox/chip/ComboboxChipContext.ts
+var X = Symbol("ComboboxChipContext"), Z = Ee(X);
+function Le() {
+	let e = Oe(Z);
+	if (e === X) throw Error("Base UI: ComboboxChipContext is missing. ComboboxChip parts must be placed within <Combobox.Chip>.");
+	return e;
+}
+//#endregion
+//#region src/combobox/chip/ComboboxChip.tsx
+var Re = /* @__PURE__ */ U("<div>");
+function Q(e) {
+	let r = F(), o = v(), d = _e(), m = e, h = e, _ = Symbol("ComboboxChip"), [y, b] = K(null, { ownedWrite: !0 }), x = o.chips.register(_, y);
+	J(x);
+	let S = G(() => o.chips.indexOf(_)), C = G(() => ({ disabled: r.disabled() })), T = G(() => c(e.class, C())), E = G(() => l(e.style, C())), D = G(() => n(C())), O = q(h, "render", "class", "onContextMenu", "onKeyDown", "onMouseDown", "ref", "style");
+	function k(e) {
+		let t = S(), [n, c] = w(d()), l = r.selectedValue(), f = Array.isArray(l) ? l : [];
+		if (e.key === n) return e.preventDefault(), t > 0 ? t - 1 : void 0;
+		if (e.key === c) return e.preventDefault(), t < o.chips.size() - 1 ? t + 1 : void 0;
+		if (e.key === "Backspace" || e.key === "Delete") {
+			e.preventDefault(), e.stopPropagation();
+			let n = g(t, f.length);
+			return r.setIndices({
+				activeIndex: null,
+				selectedIndex: null,
+				type: a
+			}), r.setSelectedValue(f.filter((e, n) => n !== t), u(s, e)), n;
+		}
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+			e.preventDefault(), e.stopPropagation(), r.setOpen(!0, u(i, e));
+			return;
+		}
+		if (!(e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey)) return t;
+	}
+	function A(e) {
+		if (r.disabled() || r.readOnly()) return;
+		let t = k(e);
+		o.setHighlightedChipIndex(t), De(), t === void 0 ? r.focusInput() : o.chips.elements()[t]?.focus();
+	}
+	let j = f(p(() => m.onKeyDown), A), M = f(p(() => m.onMouseDown)), N = f(p(() => m.onContextMenu)), P = t(e, () => C(), (e) => (() => {
+		var t = z(Re);
+		return H(t, e, !1), V(), t;
+	})());
+	return R(Z, {
+		value: { index: S },
+		get children() {
+			return R(P, B({
+				ref: [((e) => {
+					b(e), o.chips.touch();
+				}), m.ref],
+				tabindex: -1,
+				get "aria-disabled"() {
+					return r.disabled() ? "true" : void 0;
+				},
+				get "aria-readonly"() {
+					return r.readOnly() ? "true" : void 0;
+				},
+				get class() {
+					return T();
+				},
+				get style() {
+					return E();
+				},
+				onKeyDown: j,
+				onMouseDown: M,
+				onContextMenu: N
+			}, D, O));
+		}
+	});
+}
+//#endregion
+//#region src/combobox/chip-remove/ComboboxChipRemove.tsx
+var ze = /* @__PURE__ */ U("<button>");
+function Be(e) {
+	let i = F(), s = Le(), d = e, m = e, h = G(() => d.nativeButton ?? !0), g = G(() => i.disabled() || (d.disabled ?? !1)), _ = G(() => ({ disabled: g() })), v = G(() => c(e.class, _())), y = G(() => l(e.style, _())), b = G(() => n(_())), x = q(m, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "ref", "style");
+	function S(e) {
+		let t = i.store.activeIndex();
+		if (t == null) return;
+		let n = ye(i.itemValues(), e, i.comparator());
+		n !== -1 && t === n && i.setIndices({
+			activeIndex: null,
+			type: i.store.keyboardActive ? a : r
+		});
+	}
+	function C(e) {
+		let t = u(o, e), n = i.selectedValue(), r = Array.isArray(n) ? n : [], a = s.index();
+		return S(r[a]), i.setSelectedValue(r.filter((e, t) => t !== a), t), i.focusInput(), t;
+	}
+	function w(e) {
+		g() || i.readOnly() || C(e).isPropagationAllowed || e.stopPropagation();
+	}
+	function T(e) {
+		if (g() || i.readOnly() || e.key !== "Enter" && e.key !== " ") return;
+		let t = C(e);
+		e.preventDefault(), t.isPropagationAllowed || e.stopPropagation();
+	}
+	let E = f(p(() => Y(() => g() ? I : void 0)), p(() => d.onClick), w), D = f(p(() => d.onKeyDown), T, p(() => Y(() => h() ? void 0 : L))), O = f(p(() => Y(() => g() ? he : void 0)), p(() => d.onKeyUp), p(() => Y(() => h() ? void 0 : ge))), k = f(p(() => d.onMouseDown), (e) => e.preventDefault()), A = t(e, () => _(), (e) => (() => {
+		var t = z(ze);
+		return H(t, e, !1), V(), t;
+	})());
+	return R(A, B({
+		ref: [d.ref],
+		get type() {
+			return h() ? "button" : void 0;
+		},
+		tabindex: -1,
+		get "aria-disabled"() {
+			return g() || i.readOnly() ? "true" : void 0;
+		},
+		get class() {
+			return v();
+		},
+		get style() {
+			return y();
+		},
+		onClick: E,
+		onKeyDown: D,
+		onKeyUp: O,
+		onMouseDown: k
+	}, b, x));
+}
+//#endregion
+//#region src/combobox/root/utils/useFilter.ts
+function Ve(e, t) {
+	return (n, r) => n != null && e.contains(n, r, t);
+}
+function He(e, t, n) {
+	return (r, i) => {
+		if (r == null) return !1;
+		if (!i) return !0;
+		let a = n == null ? "" : y(n, t);
+		return a && a.length === i.length && e.contains(a, i) ? !0 : e.contains(r, i, t);
+	};
+}
+function Ue(e = {}) {
+	let t = () => typeof e == "function" ? e() : e;
+	function n() {
+		let { multiple: e, value: n, ...r } = t();
+		return h(r);
+	}
+	return {
+		contains(e, r, i) {
+			let { multiple: a = !1, value: o } = t(), s = n();
+			return a ? Ve(s, i)(e, r) : He(s, i, o)(e, r);
+		},
+		startsWith(e, t, r) {
+			return n().startsWith(e, t, r);
+		},
+		endsWith(e, t, r) {
+			return n().endsWith(e, t, r);
+		}
+	};
+}
+//#endregion
+//#region src/combobox/items/createItems.ts
+function $(e, t) {
+	let n;
+	function r(r, i) {
+		if (!n) {
+			n = /* @__PURE__ */ new Map();
+			for (let r of ee(e)) {
+				if (r == null) continue;
+				let e = t.getValue(r);
+				n.has(e) || n.set(e, r);
+			}
+		}
+		let a = n.get(r);
+		if (a !== void 0 || i === be) return a;
+		for (let [e, t] of n) if (xe(e, r, i)) return t;
+	}
+	return {
+		data: e,
+		value: (e) => e == null ? e : t.getValue(e),
+		itemLabel: t.getLabel,
+		hasValue: (e, t) => r(e, t) !== void 0,
+		label(e, n, i) {
+			let a = r(e, n);
+			return a === void 0 ? y(e, i) : t.getLabel(a);
+		}
+	};
+}
+//#endregion
+//#region src/combobox/index.parts.ts
+var We = /* @__PURE__ */ e({
+	Arrow: () => te,
+	Backdrop: () => j,
+	Chip: () => Q,
+	ChipRemove: () => Be,
+	Chips: () => Ie,
+	Clear: () => E,
+	Collection: () => M,
+	Empty: () => oe,
+	Group: () => k,
+	GroupLabel: () => se,
+	Icon: () => ue,
+	Input: () => fe,
+	InputGroup: () => pe,
+	Item: () => D,
+	ItemIndicator: () => Pe,
+	Label: () => je,
+	List: () => N,
+	Popup: () => le,
+	Portal: () => ae,
+	Positioner: () => A,
+	Root: () => ke,
+	Row: () => P,
+	Separator: () => re,
+	Status: () => ne,
+	Trigger: () => _,
+	Value: () => Me,
+	createItems: () => $,
+	useFilter: () => Ue,
+	useFilteredItems: () => ce
+});
+//#endregion
+export { $ as n, We as t };

package/dist/lib/client/compositeNavigation-DCt1sQon.js

@@ -0,0 +1,82 @@
+import { s as e } from "./dom-lDdayFF_.js";
+//#region src/internals/overlay/compositeNavigation.ts
+function t(t, n, r) {
+	if (typeof r == "function" ? r(n) : r?.includes(n) ?? !1) return !0;
+	let i = t[n];
+	return i ? !e(i) || i.matches(":disabled") ? !0 : r === void 0 && (i.hasAttribute("disabled") || i.getAttribute("aria-disabled") === "true") : !1;
+}
+function n(e, n = {}) {
+	let { startingIndex: r = -1, decrement: i = !1, amount: a = 1, disabledIndices: o } = n, s = r;
+	do
+		s += i ? -a : a;
+	while (s >= 0 && s < e.length && t(e, s, o));
+	return s;
+}
+function r(e, t) {
+	return n(e, { disabledIndices: t });
+}
+function i(e, t) {
+	return n(e, {
+		startingIndex: e.length,
+		decrement: !0,
+		disabledIndices: t
+	});
+}
+function a(e) {
+	let { list: a, currentIndex: o, key: s, orientation: c = "vertical", rtl: l = !1, loop: u = !1, cols: d = 1, disabledIndices: f } = e, p = r(a, f), m = i(a, f);
+	if (s === "Home") return p;
+	if (s === "End") return m;
+	let h, g = 1;
+	if (c !== "horizontal" && (s === "ArrowDown" || s === "ArrowUp") ? (h = s === "ArrowDown" ? 1 : -1, g = c === "both" ? d : 1) : c !== "vertical" && (s === "ArrowRight" || s === "ArrowLeft") && (h = s === "ArrowRight" === l ? -1 : 1), !h) return o;
+	if (o === -1) return h === 1 ? p : m;
+	if (c === "both" && (s === "ArrowDown" || s === "ArrowUp")) {
+		let e = [], n = null, r = !1;
+		a.forEach((t, i) => {
+			if (!t) return;
+			let a = t.closest("[role=\"row\"]");
+			r ||= a !== null, (a !== n || e.length === 0) && e.push([]), e[e.length - 1].push(i), n = a;
+		});
+		let i = e.findIndex((e) => e.includes(o));
+		if (r && i !== -1) {
+			let n = e[i].indexOf(o), r = i;
+			for (let i = e.length; i > 0; i--) {
+				if (r += h, r < 0 || r >= e.length) {
+					if (!u || a.some((e) => !e)) return o;
+					r = r < 0 ? e.length - 1 : 0;
+				}
+				let i = e[r];
+				for (let e = Math.min(n, i.length - 1); e >= 0; e--) {
+					let n = i[e];
+					if (!t(a, n, f)) return n;
+				}
+			}
+			return o;
+		}
+	}
+	let _ = n(a, {
+		startingIndex: o,
+		decrement: h === -1,
+		amount: g,
+		disabledIndices: f
+	});
+	if (_ >= p && _ <= m) return _;
+	if (!u) return o;
+	if (c === "both" && g > 1) {
+		let e = Math.max(0, o) % d;
+		if (h === 1) return n(a, {
+			startingIndex: e - d,
+			amount: d,
+			disabledIndices: f
+		});
+		let t = m - m % d;
+		return n(a, {
+			startingIndex: Math.min(t + e, m) + d,
+			decrement: !0,
+			amount: d,
+			disabledIndices: f
+		});
+	}
+	return h === 1 ? p : m;
+}
+//#endregion
+export { t as i, r as n, a as r, i as t };