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

package/dist/lib/client/toolbar-BXT_g-oX.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, liveEventHandler as o } from "./internals/composeEventHandlers.js";
+import { t as s } from "./setRef-fXF6OIo3.js";
+import { n as c } from "./DirectionContext-BwMabICS.js";
+import { n as l, t as u } from "./ToolbarRootContext-88yZoAOy.js";
+import { n as d, t as f } from "./ToolbarGroupContext-Dpc3_mFx.js";
+import { t as p } from "./ToolbarItemOwnerContext-DtVqVnSE.js";
+import { claimElement as m, createComponent as h, delegateEvents as g, getNextElement as _, mergeProps as v, runHydrationEvents as y, spread as b, template as x } from "@solidjs/web";
+import { createEffect as S, createMemo as C, createSignal as w, omit as T, onCleanup as E, onSettled as D, untrack as O } from "solid-js";
+//#region src/toolbar/root/ToolbarRoot.tsx
+var k = /* @__PURE__ */ x("<div>");
+function A(e) {
+	let s = c(), l = e, d = e, [f, p] = w(), [m, g] = w(), [x, E] = w(0), D = /* @__PURE__ */ new Map(), O = 0, A = !1, I = T(d, "render", "class", "disabled", "loopFocus", "onFocus", "onFocusIn", "onKeyDown", "orientation", "ref", "style"), L = C(() => l.disabled ?? !1), R = C(() => l.orientation ?? "horizontal"), z = C(() => ({
+		disabled: L(),
+		orientation: R()
+	})), B = C(() => r(e.class, z())), V = C(() => i(e.style, z())), ee = C(() => n(z()));
+	function H() {
+		A || (A = !0, queueMicrotask(() => {
+			A = !1, E((e) => e + 1);
+		}));
+	}
+	function U(e) {
+		return e.order = O, O += 1, D.set(e.token, e), H(), () => {
+			D.delete(e.token), H();
+		};
+	}
+	function W() {
+		let e = Array.from(D.values()).sort(j), t = /* @__PURE__ */ new Set();
+		return e.filter((e) => {
+			let n = e.element();
+			return !n || t.has(n) ? !1 : (t.add(n), !0);
+		});
+	}
+	function G() {
+		return W().filter(M);
+	}
+	function K(e) {
+		x();
+		let t = G(), n = t.find((e) => e.token === m());
+		return M(e) && (n ?? t[0])?.token === e.token;
+	}
+	function q(e) {
+		M(e) && g(e.token);
+	}
+	function J(e) {
+		let t = e.composedPath(), n = t[0];
+		return W().find((e) => {
+			let r = e.element();
+			return r && (t.includes(r) || n instanceof Node && r.contains(n));
+		});
+	}
+	function Y(e) {
+		let t = J(e);
+		t && q(t);
+		let n = e.composedPath()[0];
+		N(n) && queueMicrotask(() => n.setSelectionRange(0, n.value.length));
+	}
+	function X(e) {
+		if (e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
+		let t = s() === "rtl" ? "ArrowLeft" : "ArrowRight", n = s() === "rtl" ? "ArrowRight" : "ArrowLeft", r = R() === "vertical" ? "ArrowDown" : t, i = R() === "vertical" ? "ArrowUp" : n;
+		if (e.key !== r && e.key !== i) return;
+		let a = e.composedPath()[0];
+		if (N(a) && !P(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;
+		}
+		x();
+		let o = G();
+		if (o.length === 0) return;
+		let c = J(e), u = o.findIndex((e) => e.token === (c?.token ?? m())), d = e.key === r ? 1 : -1, p = u === -1 ? d > 0 ? 0 : o.length - 1 : u + d;
+		if (p < 0 || p >= o.length) {
+			if (!(l.loopFocus ?? !0)) return;
+			p = (p + o.length) % o.length;
+		}
+		let h = o[p];
+		!h || h.token === c?.token || (e.preventDefault(), e.stopPropagation(), q(h), F(f(), h.element(), s(), R()), queueMicrotask(() => h.element()?.focus()));
+	}
+	let Z = a(o(() => l.onFocusIn), Y), Q = a(o(() => l.onKeyDown), X);
+	function $(e) {
+		Reflect.deleteProperty(e, "baseUIHandlerPrevented"), Reflect.apply(Q, e.currentTarget, [e]);
+	}
+	let te = {
+		disabled: L,
+		orientation: R,
+		isTabStop: K,
+		notifyItemChange: H,
+		registerItem: U,
+		setActiveItem: q
+	};
+	S(f, (e) => {
+		let t = e?.ownerDocument.defaultView?.MutationObserver;
+		if (!e || !t) return;
+		let n = new t(H);
+		return n.observe(e, {
+			attributes: !0,
+			childList: !0,
+			subtree: !0,
+			attributeFilter: [
+				"class",
+				"disabled",
+				"hidden",
+				"style"
+			]
+		}), () => n.disconnect();
+	});
+	let ne = t(e, () => z(), (e) => (() => {
+		var t = _(k);
+		return b(t, e, !1), y(), t;
+	})());
+	return h(u, {
+		value: te,
+		get children() {
+			return h(ne, v({
+				ref: [((e) => p(e)), l.ref],
+				get class() {
+					return B();
+				},
+				get style() {
+					return V();
+				},
+				role: "toolbar",
+				get "aria-orientation"() {
+					return R();
+				},
+				get onFocus() {
+					return l.onFocus;
+				},
+				onFocusIn: Z,
+				onKeyDown: $
+			}, ee, I));
+		}
+	});
+}
+function j(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 M(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 N(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 P(e) {
+	return e.matches(":disabled") || e.getAttribute("aria-disabled") === "true";
+}
+function F(e, t, n, r) {
+	if (!e || !t || typeof e.scrollTo != "function") return;
+	let i = e.scrollLeft, a = e.scrollTop, o = L(e), s = L(t);
+	if (r === "horizontal" && e.clientWidth < e.scrollWidth) {
+		let n = I(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 = I(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 I(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 L(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 R = /* @__PURE__ */ x("<div>");
+function z(e) {
+	let a = l(), o = e, s = T(e, "render", "class", "disabled", "ref", "style"), c = C(() => a.disabled() || (o.disabled ?? !1)), u = C(() => ({
+		disabled: c(),
+		orientation: a.orientation()
+	})), d = C(() => r(e.class, u())), p = C(() => i(e.style, u())), m = C(() => n(u())), g = { disabled: c }, x = t(e, () => u(), (e) => (() => {
+		var t = _(R);
+		return b(t, e, !1), y(), t;
+	})());
+	return h(f, {
+		value: g,
+		get children() {
+			return h(x, v({
+				ref: [o.ref],
+				get class() {
+					return d();
+				},
+				get style() {
+					return p();
+				},
+				role: "group"
+			}, m, s));
+		}
+	});
+}
+//#endregion
+//#region src/internals/installOwnedEventHandlers.ts
+function B(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 g(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 V(e) {
+	let t = l(), [n, r] = w(), i = {
+		token: Symbol("ToolbarItem"),
+		order: 0,
+		element: n,
+		disabled: e.disabled,
+		focusableWhenDisabled: e.focusableWhenDisabled
+	}, a = t.registerItem(i);
+	return S(() => ({
+		disabled: e.disabled(),
+		element: n(),
+		focusableWhenDisabled: e.focusableWhenDisabled()
+	}), () => t.notifyItemChange()), E(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__ */ x("<button>");
+function H(e) {
+	let c = l(), u = d(), f = e, m = e, [g, x] = w(!1), k = C(() => c.disabled() || (u?.disabled() ?? !1) || (f.disabled ?? !1)), A = C(() => k() || g()), j = C(() => g() && !k() ? !1 : f.focusableWhenDisabled ?? !0), M = C(() => f.nativeButton ?? !0), N = V({
+		disabled: A,
+		focusableWhenDisabled: j
+	}), P = T(m, "render", "class", "disabled", "focusableWhenDisabled", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), F = C(() => ({
+		disabled: A(),
+		focusable: j(),
+		orientation: c.orientation()
+	})), I = C(() => r(e.class, F())), L = C(() => i(e.style, F())), R = C(() => n(F())), z, H = C(() => M() && A() && !j()), q = C(() => M() && j() ? A() ? "true" : "false" : !M() && A() ? "true" : void 0);
+	function J() {
+		N.root.setActiveItem(N.registration);
+	}
+	function Y(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(), (!M() || r) && (e.preventBaseUIHandler(), K(e.currentTarget, e));
+			return;
+		}
+		!M() && !i && n && !e.defaultPrevented && (e.preventDefault(), e.preventBaseUIHandler(), K(e.currentTarget, e));
+	}
+	function X(e) {
+		e.target === e.currentTarget && e.key === " " && (!M() || e.currentTarget.tagName === "BUTTON") && (e.preventDefault(), e.preventBaseUIHandler());
+	}
+	let Z = a(o(() => O(() => A() ? U : void 0)), o(() => f.onClick)), Q = a(o(() => f.onFocus), J), $ = a(o(() => O(() => A() ? G : void 0)), o(() => O(() => A() ? void 0 : f.onKeyDown)), o(() => O(() => A() ? void 0 : Y))), te = a(o(() => O(() => A() ? W : void 0)), o(() => O(() => A() ? void 0 : f.onKeyUp)), o(() => O(() => A() ? void 0 : X))), ne = a(o(() => O(() => A() ? W : void 0)), o(() => O(() => A() ? void 0 : f.onMouseDown))), re = a(o(() => O(() => A() ? U : void 0)), o(() => f.onPointerDown));
+	D(() => {
+		N.element();
+	});
+	function ie(e) {
+		z?.(), N.setElement(e), z = B(e, [
+			["click", Z],
+			["focus", Q],
+			["keydown", $],
+			["keyup", te],
+			["mousedown", ne],
+			["pointerdown", re]
+		]), s(f.ref, e);
+	}
+	S(() => ({
+		disabled: A(),
+		element: N.element(),
+		focusableWhenDisabled: j()
+	}), (e) => {
+		e.disabled && e.focusableWhenDisabled && e.element && e.element.removeAttribute("disabled");
+	}), E(() => z?.());
+	let ae = t(e, () => F(), (e) => (() => {
+		var t = _(ee);
+		return b(t, e, !1), y(), t;
+	})());
+	return h(p, {
+		value: {
+			disabled: A,
+			focusableWhenDisabled: j,
+			setChildDisabled: x
+		},
+		get children() {
+			return h(ae, v({
+				ref: (e) => {
+					ie(e);
+				},
+				get class() {
+					return I();
+				},
+				get style() {
+					return L();
+				},
+				get type() {
+					return M() ? "button" : void 0;
+				}
+			}, () => M() ? {} : { role: "button" }, {
+				get tabIndex() {
+					return N.tabIndex();
+				},
+				get disabled() {
+					return H();
+				},
+				get "aria-disabled"() {
+					return q();
+				}
+			}, R, P));
+		}
+	});
+}
+function U(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function W(e) {
+	e.preventBaseUIHandler();
+}
+function G(e) {
+	e.key !== "Tab" && (e.preventDefault(), e.preventBaseUIHandler());
+}
+function K(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 q = /* @__PURE__ */ x("<a>"), J = () => !1, Y = () => !0;
+function X(e) {
+	let c = l(), u = e, d = e, f = V({
+		disabled: J,
+		focusableWhenDisabled: Y
+	}), p = T(d, "render", "class", "onFocus", "ref", "style"), g = C(() => ({ orientation: c.orientation() })), x = C(() => r(e.class, g())), S = C(() => i(e.style, g())), w = C(() => n(g())), E = a(o(() => u.onFocus), () => f.root.setActiveItem(f.registration)), D = t(e, () => g(), (e) => (() => {
+		var t = _(q);
+		return m(t), b(t, e, !1), y(), t;
+	})());
+	return h(D, v({
+		ref: (e) => {
+			f.setElement(e), s(u.ref, e);
+		},
+		get class() {
+			return x();
+		},
+		get style() {
+			return S();
+		},
+		get tabIndex() {
+			return f.tabIndex();
+		},
+		onFocus: E
+	}, w, p));
+}
+//#endregion
+//#region src/toolbar/input/ToolbarInput.tsx
+var Z = /* @__PURE__ */ x("<input>");
+function Q(e) {
+	let c = l(), u = d(), f = e, p = e, m = C(() => c.disabled() || (u?.disabled() ?? !1) || (f.disabled ?? !1)), g = C(() => f.focusableWhenDisabled ?? !0), x = V({
+		disabled: m,
+		focusableWhenDisabled: g
+	}), S = T(p, "render", "class", "disabled", "focusableWhenDisabled", "onClick", "onFocus", "onKeyDown", "onPointerDown", "ref", "style"), w = C(() => ({
+		disabled: m(),
+		focusable: g(),
+		orientation: c.orientation()
+	})), D = C(() => r(e.class, w())), k = C(() => i(e.style, w())), A = C(() => n(w())), j;
+	function M() {
+		x.root.setActiveItem(x.registration);
+	}
+	let N = a(o(() => f.onClick), o(() => O(() => m() ? $ : void 0))), P = a(o(() => f.onFocus), M), F = a(o(() => O(() => m() ? te : void 0)), o(() => f.onKeyDown)), I = a(o(() => f.onPointerDown), o(() => O(() => m() ? $ : void 0)));
+	function L(e) {
+		j?.(), x.setElement(e), j = B(e, [
+			["click", N],
+			["focus", P],
+			["keydown", F],
+			["pointerdown", I]
+		]), s(f.ref, e);
+	}
+	E(() => j?.());
+	let R = t(e, () => w(), (e) => (() => {
+		var t = _(Z);
+		return b(t, e, !1), y(), t;
+	})());
+	return h(R, v({
+		ref: (e) => {
+			L(e);
+		},
+		get class() {
+			return D();
+		},
+		get style() {
+			return k();
+		},
+		get tabIndex() {
+			return x.tabIndex();
+		},
+		get "aria-disabled"() {
+			return m() ? "true" : void 0;
+		}
+	}, A, S));
+}
+function $(e) {
+	e.preventDefault();
+}
+function te(e) {
+	e.key !== "Tab" && e.preventDefault();
+}
+//#endregion
+//#region src/toolbar/separator/ToolbarSeparator.tsx
+var ne = /* @__PURE__ */ x("<div>");
+function re(e) {
+	let a = l(), o = T(e, "render", "class", "orientation", "style"), s = C(() => e.orientation ?? (a.orientation() === "vertical" ? "horizontal" : "vertical")), c = C(() => ({ orientation: s() })), u = C(() => r(e.class, c())), d = C(() => i(e.style, c())), f = C(() => n(c())), p = t(e, () => c(), (e) => (() => {
+		var t = _(ne);
+		return b(t, e, !1), y(), t;
+	})());
+	return h(p, v({
+		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 ie = /* @__PURE__ */ e({
+	Button: () => H,
+	Group: () => z,
+	Input: () => Q,
+	Link: () => X,
+	Root: () => A,
+	Separator: () => re
+});
+//#endregion
+export { ie 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-h2r2_Xuo.js";
 export { e as Tooltip };