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

package/dist/lib/client/toolbar-DcCi3HNp.js

@@ -0,0 +1,504 @@
+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 { n as r, t as i } from "./resolveStyle-XcgAuaKR.js";
+import { composeEventHandlers as a } from "./internals/composeEventHandlers.js";
+import { t as o } from "./setRef-fXF6OIo3.js";
+import { n as s } from "./DirectionContext-BwMabICS.js";
+import { n as c, t as l } from "./ToolbarRootContext-88yZoAOy.js";
+import { n as u, t as d } from "./ToolbarGroupContext-Dpc3_mFx.js";
+import { t as f } from "./ToolbarItemOwnerContext-DtVqVnSE.js";
+import { claimElement as p, createComponent as m, delegateEvents as h, getNextElement as g, mergeProps as _, runHydrationEvents as v, spread as y, template as b } from "@solidjs/web";
+import { createEffect as x, createMemo as S, createSignal as C, omit as w, onCleanup as T, onSettled as E, untrack as D } from "solid-js";
+//#region src/toolbar/root/ToolbarRoot.tsx
+var O = /* @__PURE__ */ b("<div>");
+function k(e) {
+	let o = s(), c = e, u = e, [d, f] = C(), [p, h] = C(), [b, T] = C(0), E = /* @__PURE__ */ new Map(), D = 0, k = !1, F = w(u, "render", "class", "disabled", "loopFocus", "onFocus", "onFocusIn", "onKeyDown", "orientation", "ref", "style"), I = S(() => c.disabled ?? !1), L = S(() => c.orientation ?? "horizontal"), R = S(() => ({
+		disabled: I(),
+		orientation: L()
+	})), z = S(() => r(e.class, R())), B = S(() => i(e.style, R())), ee = S(() => n(R()));
+	function V() {
+		k || (k = !0, queueMicrotask(() => {
+			k = !1, T((e) => e + 1);
+		}));
+	}
+	function H(e) {
+		return e.order = D, D += 1, E.set(e.token, e), V(), () => {
+			E.delete(e.token), V();
+		};
+	}
+	function U() {
+		let e = Array.from(E.values()).sort(A), t = /* @__PURE__ */ new Set();
+		return e.filter((e) => {
+			let n = e.element();
+			return !n || t.has(n) ? !1 : (t.add(n), !0);
+		});
+	}
+	function W() {
+		return U().filter(j);
+	}
+	function G(e) {
+		b();
+		let t = W(), n = t.find((e) => e.token === p());
+		return j(e) && (n ?? t[0])?.token === e.token;
+	}
+	function K(e) {
+		j(e) && h(e.token);
+	}
+	function q(e) {
+		let t = e.composedPath(), n = t[0];
+		return U().find((e) => {
+			let r = e.element();
+			return r && (t.includes(r) || n instanceof Node && r.contains(n));
+		});
+	}
+	function J(e) {
+		let t = q(e);
+		t && K(t);
+		let n = e.composedPath()[0];
+		M(n) && queueMicrotask(() => n.setSelectionRange(0, n.value.length));
+	}
+	function Y(e) {
+		if (e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
+		let t = o() === "rtl" ? "ArrowLeft" : "ArrowRight", n = o() === "rtl" ? "ArrowRight" : "ArrowLeft", r = L() === "vertical" ? "ArrowDown" : t, i = L() === "vertical" ? "ArrowUp" : n;
+		if (e.key !== r && e.key !== i) return;
+		let a = e.composedPath()[0];
+		if (M(a) && !N(a)) {
+			let t = a.selectionStart, n = a.selectionEnd;
+			if (t == null || e.shiftKey || t !== n || e.key !== i && t < a.value.length || e.key !== r && t > 0) return;
+		}
+		b();
+		let s = W();
+		if (s.length === 0) return;
+		let l = q(e), u = s.findIndex((e) => e.token === (l?.token ?? p())), f = e.key === r ? 1 : -1, m = u === -1 ? f > 0 ? 0 : s.length - 1 : u + f;
+		if (m < 0 || m >= s.length) {
+			if (!(c.loopFocus ?? !0)) return;
+			m = (m + s.length) % s.length;
+		}
+		let h = s[m];
+		!h || h.token === l?.token || (e.preventDefault(), e.stopPropagation(), K(h), P(d(), h.element(), o(), L()), queueMicrotask(() => h.element()?.focus()));
+	}
+	let X = a(() => c.onFocusIn, () => J), Z = a(() => c.onKeyDown, () => Y);
+	function Q(e) {
+		Reflect.deleteProperty(e, "baseUIHandlerPrevented"), Reflect.apply(Z, e.currentTarget, [e]);
+	}
+	let $ = {
+		disabled: I,
+		orientation: L,
+		isTabStop: G,
+		notifyItemChange: V,
+		registerItem: H,
+		setActiveItem: K
+	};
+	x(d, (e) => {
+		let t = e?.ownerDocument.defaultView?.MutationObserver;
+		if (!e || !t) return;
+		let n = new t(V);
+		return n.observe(e, {
+			attributes: !0,
+			childList: !0,
+			subtree: !0,
+			attributeFilter: [
+				"class",
+				"disabled",
+				"hidden",
+				"style"
+			]
+		}), () => n.disconnect();
+	});
+	let te = t(e, () => R(), (e) => (() => {
+		var t = g(O);
+		return y(t, e, !1), v(), t;
+	})());
+	return m(l, {
+		value: $,
+		get children() {
+			return m(te, _({
+				ref: [((e) => f(e)), c.ref],
+				get class() {
+					return z();
+				},
+				get style() {
+					return B();
+				},
+				role: "toolbar",
+				get "aria-orientation"() {
+					return L();
+				},
+				get onFocus() {
+					return c.onFocus;
+				},
+				onFocusIn: X,
+				onKeyDown: Q
+			}, ee, F));
+		}
+	});
+}
+function A(e, t) {
+	let n = e.element(), r = t.element();
+	if (n && r && n !== r) {
+		let e = n.compareDocumentPosition(r);
+		if ((e & Node.DOCUMENT_POSITION_DISCONNECTED) === 0) {
+			if (e & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+			if (e & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+		}
+	}
+	return e.order - t.order;
+}
+function j(e) {
+	let t = e.element();
+	if (!t?.isConnected || e.disabled() && !e.focusableWhenDisabled() || t.matches(":disabled")) return !1;
+	let n = t.ownerDocument.defaultView?.getComputedStyle(t);
+	return !n || n.display === "none" || n.display === "contents" || n.visibility === "hidden" || n.visibility === "collapse" ? !1 : typeof t.checkVisibility != "function" || t.checkVisibility();
+}
+function M(e) {
+	if (!e || typeof e != "object" || !("tagName" in e)) return !1;
+	let t = e;
+	return t.tagName === "TEXTAREA" || t.tagName === "INPUT" && t.selectionStart != null;
+}
+function N(e) {
+	return e.matches(":disabled") || e.getAttribute("aria-disabled") === "true";
+}
+function P(e, t, n, r) {
+	if (!e || !t || typeof e.scrollTo != "function") return;
+	let i = e.scrollLeft, a = e.scrollTop, o = I(e), s = I(t);
+	if (r === "horizontal" && e.clientWidth < e.scrollWidth) {
+		let n = F(e, t, "left");
+		n - s.scrollMarginLeft < e.scrollLeft + o.scrollPaddingLeft ? i = n - s.scrollMarginLeft - o.scrollPaddingLeft : n + t.offsetWidth + s.scrollMarginRight > e.scrollLeft + e.clientWidth - o.scrollPaddingRight && (i = n + t.offsetWidth + s.scrollMarginRight - e.clientWidth + o.scrollPaddingRight);
+	}
+	if (r === "vertical" && e.scrollHeight > e.clientHeight) {
+		let n = F(e, t, "top");
+		n - s.scrollMarginTop < e.scrollTop + o.scrollPaddingTop ? a = n - s.scrollMarginTop - o.scrollPaddingTop : n + t.offsetHeight + s.scrollMarginBottom > e.scrollTop + e.clientHeight - o.scrollPaddingBottom && (a = n + t.offsetHeight + s.scrollMarginBottom - e.clientHeight + o.scrollPaddingBottom);
+	}
+	e.scrollTo({
+		behavior: "auto",
+		left: i,
+		top: a
+	});
+}
+function F(e, t, n) {
+	let r = n === "left" ? "offsetLeft" : "offsetTop", i = t, a = 0;
+	for (; i.offsetParent && (a += i[r], i.offsetParent !== e);) i = i.offsetParent;
+	return a;
+}
+function I(e) {
+	let t = e.ownerDocument.defaultView?.getComputedStyle(e);
+	return {
+		scrollMarginTop: Number.parseFloat(t?.scrollMarginTop ?? "") || 0,
+		scrollMarginRight: Number.parseFloat(t?.scrollMarginRight ?? "") || 0,
+		scrollMarginBottom: Number.parseFloat(t?.scrollMarginBottom ?? "") || 0,
+		scrollMarginLeft: Number.parseFloat(t?.scrollMarginLeft ?? "") || 0,
+		scrollPaddingTop: Number.parseFloat(t?.scrollPaddingTop ?? "") || 0,
+		scrollPaddingRight: Number.parseFloat(t?.scrollPaddingRight ?? "") || 0,
+		scrollPaddingBottom: Number.parseFloat(t?.scrollPaddingBottom ?? "") || 0,
+		scrollPaddingLeft: Number.parseFloat(t?.scrollPaddingLeft ?? "") || 0
+	};
+}
+//#endregion
+//#region src/toolbar/group/ToolbarGroup.tsx
+var L = /* @__PURE__ */ b("<div>");
+function R(e) {
+	let a = c(), o = e, s = w(e, "render", "class", "disabled", "ref", "style"), l = S(() => a.disabled() || (o.disabled ?? !1)), u = S(() => ({
+		disabled: l(),
+		orientation: a.orientation()
+	})), f = S(() => r(e.class, u())), p = S(() => i(e.style, u())), h = S(() => n(u())), b = { disabled: l }, x = t(e, () => u(), (e) => (() => {
+		var t = g(L);
+		return y(t, e, !1), v(), t;
+	})());
+	return m(d, {
+		value: b,
+		get children() {
+			return m(x, _({
+				ref: [o.ref],
+				get class() {
+					return f();
+				},
+				get style() {
+					return p();
+				},
+				role: "group"
+			}, h, s));
+		}
+	});
+}
+//#endregion
+//#region src/internals/installOwnedEventHandlers.ts
+function z(e, t) {
+	let n = /* @__PURE__ */ new WeakSet(), r = /* @__PURE__ */ new WeakSet(), i = [], a = [];
+	for (let [a, o] of t) {
+		let t = (t) => {
+			n.add(t), Reflect.apply(o, e, [t]), t.baseUIHandlerPrevented && r.add(t);
+		};
+		e.addEventListener(a, t), i.push([a, t]);
+	}
+	for (let [i, o] of t) {
+		let t = `$$${i}`, s = `${t}Data`, c = e, l = c[t], u = c[s], d = (t) => {
+			n.has(t) || (n.add(t), Reflect.apply(o, e, [t]), t.baseUIHandlerPrevented && r.add(t)), !(r.has(t) || typeof l != "function") && (u === void 0 ? Reflect.apply(l, e, [t]) : Reflect.apply(l, e, [u, t]));
+		};
+		Object.defineProperty(c, t, {
+			configurable: !0,
+			enumerable: !0,
+			get: () => d,
+			set: (e) => {
+				l = e;
+			}
+		}), Object.defineProperty(c, s, {
+			configurable: !0,
+			enumerable: !0,
+			get: () => void 0,
+			set: (e) => {
+				u = e;
+			}
+		}), a.push(() => {
+			Reflect.deleteProperty(c, t), Reflect.deleteProperty(c, s), c[t] = l, c[s] = u;
+		});
+	}
+	return h(t.map(([e]) => e)), () => {
+		for (let [t, n] of i) e.removeEventListener(t, n);
+		for (let e of a) e();
+	};
+}
+//#endregion
+//#region src/toolbar/createToolbarItem.ts
+function B(e) {
+	let t = c(), [n, r] = C(), i = {
+		token: Symbol("ToolbarItem"),
+		order: 0,
+		element: n,
+		disabled: e.disabled,
+		focusableWhenDisabled: e.focusableWhenDisabled
+	}, a = t.registerItem(i);
+	return x(() => ({
+		disabled: e.disabled(),
+		element: n(),
+		focusableWhenDisabled: e.focusableWhenDisabled()
+	}), () => t.notifyItemChange()), T(a), {
+		element: n,
+		registration: i,
+		root: t,
+		setElement: r,
+		tabIndex: () => t.isTabStop(i) ? 0 : -1
+	};
+}
+//#endregion
+//#region src/toolbar/button/ToolbarButton.tsx
+var ee = /* @__PURE__ */ b("<button>");
+function V(e) {
+	let s = c(), l = u(), d = e, p = e, [h, b] = C(!1), O = S(() => s.disabled() || (l?.disabled() ?? !1) || (d.disabled ?? !1)), k = S(() => O() || h()), A = S(() => h() && !O() ? !1 : d.focusableWhenDisabled ?? !0), j = S(() => d.nativeButton ?? !0), M = B({
+		disabled: k,
+		focusableWhenDisabled: A
+	}), N = w(p, "render", "class", "disabled", "focusableWhenDisabled", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), P = S(() => ({
+		disabled: k(),
+		focusable: A(),
+		orientation: s.orientation()
+	})), F = S(() => r(e.class, P())), I = S(() => i(e.style, P())), L = S(() => n(P())), R, V = S(() => j() && k() && !A()), K = S(() => j() && A() ? k() ? "true" : "false" : !j() && k() ? "true" : void 0);
+	function q() {
+		M.root.setActiveItem(M.registration);
+	}
+	function J(e) {
+		if (e.target !== e.currentTarget) return;
+		let t = e.key === " ", n = e.key === "Enter", r = e.currentTarget.tagName === "BUTTON", i = e.currentTarget.tagName === "A" && !!e.currentTarget.href, a = e.currentTarget.getAttribute("role"), o = a?.startsWith("menuitem") || a === "option" || a === "gridcell";
+		if (t) {
+			if (e.defaultPrevented && o) return;
+			e.preventDefault(), (!j() || r) && (e.preventBaseUIHandler(), G(e.currentTarget, e));
+			return;
+		}
+		!j() && !i && n && !e.defaultPrevented && (e.preventDefault(), e.preventBaseUIHandler(), G(e.currentTarget, e));
+	}
+	function Y(e) {
+		e.target === e.currentTarget && e.key === " " && (!j() || e.currentTarget.tagName === "BUTTON") && (e.preventDefault(), e.preventBaseUIHandler());
+	}
+	let X = a(() => D(() => k() ? H : void 0), () => d.onClick), Z = a(() => d.onFocus, () => q), Q = a(() => D(() => k() ? W : void 0), () => D(() => k() ? void 0 : d.onKeyDown), () => D(() => k() ? void 0 : J)), $ = a(() => D(() => k() ? U : void 0), () => D(() => k() ? void 0 : d.onKeyUp), () => D(() => k() ? void 0 : Y)), te = a(() => D(() => k() ? U : void 0), () => D(() => k() ? void 0 : d.onMouseDown)), ne = a(() => D(() => k() ? H : void 0), () => d.onPointerDown);
+	E(() => {
+		M.element();
+	});
+	function re(e) {
+		R?.(), M.setElement(e), R = z(e, [
+			["click", X],
+			["focus", Z],
+			["keydown", Q],
+			["keyup", $],
+			["mousedown", te],
+			["pointerdown", ne]
+		]), o(d.ref, e);
+	}
+	x(() => ({
+		disabled: k(),
+		element: M.element(),
+		focusableWhenDisabled: A()
+	}), (e) => {
+		e.disabled && e.focusableWhenDisabled && e.element && e.element.removeAttribute("disabled");
+	}), T(() => R?.());
+	let ie = t(e, () => P(), (e) => (() => {
+		var t = g(ee);
+		return y(t, e, !1), v(), t;
+	})());
+	return m(f, {
+		value: {
+			disabled: k,
+			focusableWhenDisabled: A,
+			setChildDisabled: b
+		},
+		get children() {
+			return m(ie, _({
+				ref: (e) => {
+					re(e);
+				},
+				get class() {
+					return F();
+				},
+				get style() {
+					return I();
+				},
+				get type() {
+					return j() ? "button" : void 0;
+				}
+			}, () => j() ? {} : { role: "button" }, {
+				get tabIndex() {
+					return M.tabIndex();
+				},
+				get disabled() {
+					return V();
+				},
+				get "aria-disabled"() {
+					return K();
+				}
+			}, L, N));
+		}
+	});
+}
+function H(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function U(e) {
+	e.preventBaseUIHandler();
+}
+function W(e) {
+	e.key !== "Tab" && (e.preventDefault(), e.preventBaseUIHandler());
+}
+function G(e, t) {
+	let n = e.ownerDocument.defaultView;
+	n && e.dispatchEvent(new n.MouseEvent("click", {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !0,
+		detail: 0,
+		shiftKey: t.shiftKey,
+		ctrlKey: t.ctrlKey,
+		altKey: t.altKey,
+		metaKey: t.metaKey
+	}));
+}
+//#endregion
+//#region src/toolbar/link/ToolbarLink.tsx
+var K = /* @__PURE__ */ b("<a>"), q = () => !1, J = () => !0;
+function Y(e) {
+	let s = c(), l = e, u = e, d = B({
+		disabled: q,
+		focusableWhenDisabled: J
+	}), f = w(u, "render", "class", "onFocus", "ref", "style"), h = S(() => ({ orientation: s.orientation() })), b = S(() => r(e.class, h())), x = S(() => i(e.style, h())), C = S(() => n(h())), T = a(() => l.onFocus, () => () => d.root.setActiveItem(d.registration)), E = t(e, () => h(), (e) => (() => {
+		var t = g(K);
+		return p(t), y(t, e, !1), v(), t;
+	})());
+	return m(E, _({
+		ref: (e) => {
+			d.setElement(e), o(l.ref, e);
+		},
+		get class() {
+			return b();
+		},
+		get style() {
+			return x();
+		},
+		get tabIndex() {
+			return d.tabIndex();
+		},
+		onFocus: T
+	}, C, f));
+}
+//#endregion
+//#region src/toolbar/input/ToolbarInput.tsx
+var X = /* @__PURE__ */ b("<input>");
+function Z(e) {
+	let s = c(), l = u(), d = e, f = e, p = S(() => s.disabled() || (l?.disabled() ?? !1) || (d.disabled ?? !1)), h = S(() => d.focusableWhenDisabled ?? !0), b = B({
+		disabled: p,
+		focusableWhenDisabled: h
+	}), x = w(f, "render", "class", "disabled", "focusableWhenDisabled", "onClick", "onFocus", "onKeyDown", "onPointerDown", "ref", "style"), C = S(() => ({
+		disabled: p(),
+		focusable: h(),
+		orientation: s.orientation()
+	})), E = S(() => r(e.class, C())), O = S(() => i(e.style, C())), k = S(() => n(C())), A;
+	function j() {
+		b.root.setActiveItem(b.registration);
+	}
+	let M = a(() => d.onClick, () => D(() => p() ? Q : void 0)), N = a(() => d.onFocus, () => j), P = a(() => D(() => p() ? $ : void 0), () => d.onKeyDown), F = a(() => d.onPointerDown, () => D(() => p() ? Q : void 0));
+	function I(e) {
+		A?.(), b.setElement(e), A = z(e, [
+			["click", M],
+			["focus", N],
+			["keydown", P],
+			["pointerdown", F]
+		]), o(d.ref, e);
+	}
+	T(() => A?.());
+	let L = t(e, () => C(), (e) => (() => {
+		var t = g(X);
+		return y(t, e, !1), v(), t;
+	})());
+	return m(L, _({
+		ref: (e) => {
+			I(e);
+		},
+		get class() {
+			return E();
+		},
+		get style() {
+			return O();
+		},
+		get tabIndex() {
+			return b.tabIndex();
+		},
+		get "aria-disabled"() {
+			return p() ? "true" : void 0;
+		}
+	}, k, x));
+}
+function Q(e) {
+	e.preventDefault();
+}
+function $(e) {
+	e.key !== "Tab" && e.preventDefault();
+}
+//#endregion
+//#region src/toolbar/separator/ToolbarSeparator.tsx
+var te = /* @__PURE__ */ b("<div>");
+function ne(e) {
+	let a = c(), o = w(e, "render", "class", "orientation", "style"), s = S(() => e.orientation ?? (a.orientation() === "vertical" ? "horizontal" : "vertical")), l = S(() => ({ orientation: s() })), u = S(() => r(e.class, l())), d = S(() => i(e.style, l())), f = S(() => n(l())), p = t(e, () => l(), (e) => (() => {
+		var t = g(te);
+		return y(t, e, !1), v(), t;
+	})());
+	return m(p, _({
+		get class() {
+			return u();
+		},
+		get style() {
+			return d();
+		},
+		role: "separator",
+		get "aria-orientation"() {
+			return s();
+		}
+	}, f, o));
+}
+//#endregion
+//#region src/toolbar/index.parts.ts
+var re = /* @__PURE__ */ e({
+	Button: () => V,
+	Group: () => R,
+	Input: () => Z,
+	Link: () => Y,
+	Root: () => k,
+	Separator: () => ne
+});
+//#endregion
+export { re as t };

package/dist/lib/client/tooltip/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../tooltip-CyK61fl1.js";
+import { t as e } from "../tooltip-D-PkGco9.js";
 export { e as Tooltip };