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

package/dist/lib/client/accordion-BFeZFpJZ.js

@@ -0,0 +1,381 @@
+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 { P as r, w as i } from "./reasons-Co5CzjKq.js";
+import { n as a, t as o } from "./resolveStyle-XcgAuaKR.js";
+import { n as s, t as c } from "./createCollapsiblePanel-BQ8r4RTi.js";
+import { createChangeEventDetails as l } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as u } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as d } from "./internals/composeEventHandlers.js";
+import { createComponent as f, getNextElement as p, memo as m, mergeProps as h, runHydrationEvents as g, spread as _, template as v } from "@solidjs/web";
+import { Show as y, createContext as b, createEffect as x, createMemo as S, createSignal as C, createUniqueId as w, flush as T, omit as E, onCleanup as D, untrack as O, useContext as k } from "solid-js";
+//#region src/accordion/root/AccordionRootContext.ts
+var A = Symbol("AccordionRootContext"), j = b(A);
+function M() {
+	let e = k(j);
+	if (e === A) throw Error("Base UI: AccordionRootContext is missing. Accordion parts must be placed within <Accordion.Root>.");
+	return e;
+}
+//#endregion
+//#region src/accordion/root/stateAttributesMapping.ts
+var N = { value: () => null }, P = /* @__PURE__ */ v("<div>"), F = [];
+function I(e) {
+	let r = e, i = e, s = O(() => r.value !== void 0), [c, l] = C(() => O(() => r.defaultValue ?? [])), u = O(c), [d, m] = C(), [v, y] = C(0), b = /* @__PURE__ */ new Map(), w = 0, k = !1, A = !1, M = E(i, "render", "class", "defaultValue", "disabled", "hiddenUntilFound", "keepMounted", "loopFocus", "multiple", "onValueChange", "orientation", "ref", "style", "value"), I = S(() => s ? r.value ?? F : c()), R = S(() => r.disabled ?? !1), z = S(() => r.hiddenUntilFound ?? !1), B = S(() => r.keepMounted ?? !1), V = S(() => r.multiple ?? !1), H = S(() => r.orientation ?? "vertical"), U = S(() => ({
+		value: I(),
+		disabled: R(),
+		orientation: H()
+	})), W = S(() => a(e.class, U())), G = S(() => o(e.style, U())), K = S(() => n(U(), N));
+	function q() {
+		A || (A = !0, queueMicrotask(() => {
+			A = !1, k || y((e) => e + 1);
+		}));
+	}
+	function J(e) {
+		return e.order = w, w += 1, b.set(e.token, e), q(), () => {
+			b.delete(e.token), q();
+		};
+	}
+	function Y() {
+		return Array.from(b.values()).sort(L);
+	}
+	function X(e) {
+		return v(), Y().indexOf(e);
+	}
+	function Z(e, t, n, i) {
+		let a = s ? r.value ?? F : u, o;
+		return V() ? t ? (o = a.slice(), o.push(e)) : o = a.filter((t) => t !== e) : o = a[0] === e ? [] : [e], r.onValueChange?.(o, n), !n.isCanceled && (i?.(), s || (u = o, l(() => o)), T(), !0);
+	}
+	let ee = {
+		disabled: R,
+		getItemIndex: X,
+		handleValueChange: Z,
+		hiddenUntilFound: z,
+		keepMounted: B,
+		notifyItemChange: q,
+		registerItem: J,
+		state: U,
+		value: I
+	};
+	x(() => ({
+		hiddenUntilFound: r.hiddenUntilFound,
+		keepMounted: r.keepMounted
+	}), (e) => {
+		e.hiddenUntilFound && e.keepMounted;
+	}), x(d, (e) => {
+		let t = e?.ownerDocument.defaultView?.MutationObserver;
+		if (!e || !t) return;
+		let n = new t(q);
+		return n.observe(e, {
+			childList: !0,
+			subtree: !0
+		}), () => n.disconnect();
+	}), D(() => {
+		k = !0;
+	});
+	let Q = t(e, () => U(), (e) => (() => {
+		var t = p(P);
+		return _(t, e, !1), g(), t;
+	})());
+	return f(j, {
+		value: ee,
+		get children() {
+			return f(Q, h({
+				ref: [((e) => m(e)), r.ref],
+				get class() {
+					return W();
+				},
+				get style() {
+					return G();
+				}
+			}, K, M));
+		}
+	});
+}
+function L(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;
+}
+//#endregion
+//#region src/accordion/item/AccordionItemContext.ts
+var R = Symbol("AccordionItemContext"), z = b(R);
+function B() {
+	let e = k(z);
+	if (e === R) throw Error("Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>.");
+	return e;
+}
+//#endregion
+//#region src/accordion/item/AccordionItemDataAttributes.ts
+var V = /* @__PURE__ */ function(e) {
+	return e.index = "data-index", e.disabled = "data-disabled", e.open = "data-open", e;
+}({}), H = { "data-open": "" }, U = { "data-closed": "" }, W = {
+	open(e) {
+		return e ? H : U;
+	},
+	index(e) {
+		return { [V.index]: String(e) };
+	},
+	...u,
+	value: () => null
+}, G = /* @__PURE__ */ v("<div>");
+function K(e) {
+	let r = M(), i = e, c = e, u = `base-ui-${w()}`, d = `base-ui-${w()}`, m = `base-ui-${w()}`, v = Symbol("AccordionItem"), [y, b] = C(), [T, O] = C(), [k, A] = C(), j = S(() => i.value === void 0 ? u : i.value), N = S(() => (i.disabled ?? !1) || r.disabled()), P = S(() => r.value().indexOf(j()) !== -1), F = s(() => P()), I = {
+		token: v,
+		order: 0,
+		element: y
+	}, L = r.registerItem(I), R = S(() => {
+		let e = T();
+		return e === null ? void 0 : e ?? d;
+	}), B = S(() => {
+		let e = k();
+		return e === null ? void 0 : e ?? m;
+	}), V = E(c, "render", "class", "disabled", "onOpenChange", "ref", "style", "value"), H = S(() => ({
+		...r.state(),
+		hidden: !P() && !F.mounted(),
+		index: r.getItemIndex(I),
+		disabled: N(),
+		open: P()
+	})), U = S(() => a(e.class, H())), K = S(() => o(e.style, H())), q = S(() => n(H(), W));
+	function J(e, t, n, a) {
+		let o = l(n, t);
+		return i.onOpenChange?.(e, o), !o.isCanceled && r.handleValueChange(j(), e, o, a);
+	}
+	let Y = {
+		defaultPanelId: d,
+		defaultTriggerId: m,
+		disabled: N,
+		mounted: F.mounted,
+		open: P,
+		panelId: R,
+		requestOpenChange: J,
+		setMounted: F.setMounted,
+		setPanelIdState: O,
+		setTriggerIdState: A,
+		state: H,
+		transitionStatus: F.transitionStatus,
+		triggerId: B
+	};
+	x(() => ({
+		element: y(),
+		value: j()
+	}), () => r.notifyItemChange()), D(() => {
+		L(), b(void 0);
+	});
+	let X = t(e, () => H(), (e) => (() => {
+		var t = p(G);
+		return _(t, e, !1), g(), t;
+	})());
+	return f(z, {
+		value: Y,
+		get children() {
+			return f(X, h({
+				ref: [((e) => b(e)), i.ref],
+				get class() {
+					return U();
+				},
+				get style() {
+					return K();
+				}
+			}, q, V));
+		}
+	});
+}
+//#endregion
+//#region src/accordion/header/AccordionHeader.tsx
+var q = /* @__PURE__ */ v("<h3>");
+function J(e) {
+	let r = B(), i = e, s = E(e, "render", "class", "ref", "style"), c = r.state, l = S(() => a(e.class, c())), u = S(() => o(e.style, c())), d = S(() => n(c(), W)), m = t(e, () => c(), (e) => (() => {
+		var t = p(q);
+		return _(t, e, !1), g(), t;
+	})());
+	return f(m, h({
+		ref: [i.ref],
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, d, s));
+}
+//#endregion
+//#region src/accordion/trigger/AccordionTriggerDataAttributes.ts
+var Y = /* @__PURE__ */ function(e) {
+	return e.panelOpen = "data-panel-open", e.disabled = "data-disabled", e;
+}({}), X = /* @__PURE__ */ v("<button>"), Z = { open(e) {
+	return e ? { [Y.panelOpen]: "" } : null;
+} };
+function ee(e) {
+	let i = B(), s = e, c = e, l = S(() => s.id || void 0), u = S(() => l() ?? i.defaultTriggerId), v = S(() => (s.disabled ?? !1) || i.disabled()), y = S(() => s.nativeButton ?? !0), b = E(c, "render", "class", "disabled", "id", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "ref", "style"), C = i.state, w = S(() => a(e.class, C())), T = S(() => o(e.style, C())), D = S(() => n(C(), Z)), k = S(() => y() ? v() ? "true" : "false" : v() ? "true" : void 0), A = d(() => O(() => v() ? Q : void 0), () => s.onClick, () => (e) => {
+		i.requestOpenChange(!i.open(), e, r);
+	}), j = d(() => O(() => v() ? te : void 0), () => s.onMouseDown), M = d(() => s.onMouseUp), N = d(() => O(() => v() ? Q : void 0), () => s.onPointerDown), P = d(() => O(() => v() ? ne : void 0), () => s.onKeyDown, () => O(() => y() ? void 0 : re)), F = d(() => O(() => v() ? te : void 0), () => s.onKeyUp, () => O(() => y() ? void 0 : ie));
+	x(() => l(), (e) => (i.setTriggerIdState((t) => e ?? (t === null ? void 0 : t)), () => {
+		i.setTriggerIdState((t) => t === e ? null : t);
+	}));
+	let I = t(e, () => C(), (e) => (() => {
+		var t = p(X);
+		return _(t, e, !1), g(), t;
+	})());
+	return f(I, h({
+		ref: [s.ref],
+		get id() {
+			return u();
+		},
+		get class() {
+			return w();
+		},
+		get style() {
+			return T();
+		},
+		get type() {
+			return y() ? "button" : void 0;
+		},
+		get role() {
+			return y() ? void 0 : "button";
+		},
+		tabIndex: 0,
+		get "aria-controls"() {
+			return m(() => !!i.open())() ? i.panelId() : void 0;
+		},
+		get "aria-disabled"() {
+			return k();
+		},
+		get "aria-expanded"() {
+			return i.open() ? "true" : "false";
+		},
+		onClick: A,
+		onKeyDown: P,
+		onKeyUp: F,
+		onMouseDown: j,
+		onMouseUp: M,
+		onPointerDown: N
+	}, D, b));
+}
+function Q(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function te(e) {
+	e.preventBaseUIHandler();
+}
+function ne(e) {
+	e.key !== "Tab" && e.preventDefault(), e.preventBaseUIHandler();
+}
+function re(e) {
+	if (e.target !== e.currentTarget) return;
+	let t = e.currentTarget.tagName === "A" && !!e.currentTarget.href;
+	if (t || e.key !== "Enter" && e.key !== " ") {
+		t && e.key === " " && e.preventDefault();
+		return;
+	}
+	e.defaultPrevented || (e.preventDefault(), e.key === "Enter" && (e.preventBaseUIHandler(), ae(e.currentTarget, e)));
+}
+function ie(e) {
+	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), ae(e.currentTarget, e));
+}
+function ae(e, t) {
+	let n = e.ownerDocument.defaultView;
+	if (!n) return;
+	let r = n.PointerEvent ?? n.MouseEvent;
+	e.dispatchEvent(new r("click", {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !0,
+		detail: 0,
+		shiftKey: t.shiftKey,
+		ctrlKey: t.ctrlKey,
+		altKey: t.altKey,
+		metaKey: t.metaKey
+	}));
+}
+//#endregion
+//#region src/accordion/panel/AccordionPanelCssVars.ts
+var $ = /* @__PURE__ */ function(e) {
+	return e.accordionPanelHeight = "--accordion-panel-height", e.accordionPanelWidth = "--accordion-panel-width", e;
+}({}), oe = /* @__PURE__ */ v("<div>");
+function se(e) {
+	let r = M(), s = B(), l = e, u = e, [d, m] = C(), v = S(() => l.hiddenUntilFound ?? r.hiddenUntilFound()), b = S(() => l.keepMounted ?? r.keepMounted()), w = S(() => l.id || void 0), T = S(() => l.id ?? s.defaultPanelId), O = E(u, "render", "class", "hiddenUntilFound", "id", "keepMounted", "ref", "style"), k = c({
+		element: d,
+		hiddenUntilFound: v,
+		keepMounted: b,
+		mounted: s.mounted,
+		open: s.open,
+		requestBeforeMatchOpen: (e, t) => s.requestOpenChange(!0, e, i, t),
+		setMounted: s.setMounted,
+		transitionStatus: s.transitionStatus
+	}), A = S(() => ({
+		...s.state(),
+		transitionStatus: k.panelTransitionStatus()
+	})), j = S(() => k.shouldRender() ? a(e.class, A()) : void 0), N = S(() => ce(k.dimensions(), k.shouldRender() ? o(e.style, A()) : void 0, k.shouldPreventOpenAnimation())), P = S(() => {
+		let e = n(A(), W);
+		return k.shouldPersistHiddenTransitionStyles() && (e["data-starting-style"] = ""), e;
+	}), F = S(() => k.hidden() ? !v() || "until-found" : void 0);
+	x(() => w(), (e) => (s.setPanelIdState((t) => e ?? (t === null ? void 0 : t)), () => {
+		s.setPanelIdState((t) => t === e ? null : t);
+	})), x(() => ({
+		hiddenUntilFound: v(),
+		keepMounted: l.keepMounted
+	}), (e) => {
+		e.hiddenUntilFound && e.keepMounted;
+	}), D(() => m(void 0));
+	let I = t(e, () => A(), (e) => (() => {
+		var t = p(oe);
+		return _(t, e, !1), g(), t;
+	})());
+	return f(y, {
+		get when() {
+			return k.shouldRender();
+		},
+		get children() {
+			return f(I, h({
+				ref: [l.ref, ((e) => m(e))],
+				get id() {
+					return T();
+				},
+				get class() {
+					return j();
+				},
+				get style() {
+					return N();
+				},
+				get hidden() {
+					return F();
+				},
+				role: "region",
+				get "aria-labelledby"() {
+					return s.triggerId();
+				}
+			}, P, O));
+		}
+	});
+}
+function ce(e, t, n) {
+	let r = e.height === void 0 ? "auto" : `${e.height}px`, i = e.width === void 0 ? "auto" : `${e.width}px`;
+	return typeof t == "string" ? [
+		`${$.accordionPanelHeight}:${r}`,
+		`${$.accordionPanelWidth}:${i}`,
+		t,
+		n ? "animation-name:none" : ""
+	].filter(Boolean).join(";") : {
+		[$.accordionPanelHeight]: r,
+		[$.accordionPanelWidth]: i,
+		...t,
+		...n ? { "animation-name": "none" } : {}
+	};
+}
+//#endregion
+//#region src/accordion/index.parts.ts
+var le = /* @__PURE__ */ e({
+	Header: () => J,
+	Item: () => K,
+	Panel: () => se,
+	Root: () => I,
+	Trigger: () => ee
+});
+//#endregion
+export { le as t };

package/dist/lib/client/alert-dialog/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../alert-dialog-BH_3ndio.js";
+import { t as e } from "../alert-dialog-BxGUF8_Q.js";
 export { e as AlertDialog };

package/dist/lib/client/{alert-dialog-BH_3ndio.js → alert-dialog-BxGUF8_Q.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { a as t, c as n, i as r, l as i, m as a, o, r as s, t as c } from "./DialogHandle-DrN2YWCv.js";
-import { n as l, t as u } from "./DialogPopup-ZlqmGfdk.js";
+import { a as t, c as n, i as r, l as i, m as a, o, r as s, t as c } from "./DialogHandle-BGyIbcvg.js";
+import { n as l, t as u } from "./DialogPopup-Df7MC358.js";
 //#region src/alert-dialog/root/AlertDialogRoot.tsx
 function d(e) {
 	return a("alert-dialog", e);

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

@@ -1,2 +1,2 @@
-import { t as e } from "../autocomplete-Cob_FZEP.js";
+import { t as e } from "../autocomplete-C9QA98XD.js";
 export { e as Autocomplete };

package/dist/lib/client/{autocomplete-Cob_FZEP.js → autocomplete-C9QA98XD.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import "./reasons-Co5CzjKq.js";
-import { A as t, D as n, O as r, P as i, _ as a, a as o, c as s, d as c, f as l, g as u, h as d, i as f, k as p, l as m, m as h, n as g, p as _, r as v, s as y, t as b, u as x, v as S, x as C, y as w } from "./useFilteredItems-DTekHz39.js";
-import { n as T } from "./mergeStyleValue-C4ITiiIV.js";
-import { createComponent as E, mergeProps as D } from "@solidjs/web";
-import { createEffect as O, createMemo as k, createSignal as A, omit as j, untrack as M } from "solid-js";
+import { A as t, D as n, F as r, O as i, _ as a, a as o, c as s, d as c, f as l, g as u, h as d, i as f, k as p, l as m, m as h, n as g, p as _, r as v, s as y, t as b, u as x, v as S, x as C, y as w } from "./useFilteredItems-B7z2CGMV.js";
+import { n as T } from "./mergeStyleValue-DhTA9Nwe.js";
+import { createComponent as E, memo as D, mergeProps as O } from "@solidjs/web";
+import { createEffect as k, createMemo as A, createSignal as j, omit as M, untrack as N } from "solid-js";
 //#region src/autocomplete/root/AutocompleteRoot.tsx
-function N(e) {
-	let n = M(() => e.value !== void 0), [a, o] = A(M(() => e.defaultValue ?? ""), { ownedWrite: !0 }), [s, c] = A("", { ownedWrite: !0 }), l = M(() => e.value), u = !1, d = k(() => e.mode ?? "list"), f = k(() => d() === "inline" || d() === "both"), p = k(() => d() === "inline" || d() === "none"), m = k(() => n ? e.value ?? "" : a()), h = k(() => {
+function P(e) {
+	let n = N(() => e.value !== void 0), [a, o] = j(N(() => e.defaultValue ?? ""), { ownedWrite: !0 }), [s, c] = j("", { ownedWrite: !0 }), l = N(() => e.value), u = !1, d = A(() => e.mode ?? "list"), f = A(() => !e.readOnly && (d() === "inline" || d() === "both")), p = A(() => d() === "inline" || d() === "none"), m = A(() => n ? e.value ?? "" : a()), h = A(() => {
 		let e = s();
 		return f() && e !== "" ? e : m();
-	}), g = k(() => String(m()).trim()), _ = k(() => t({ locale: e.locale })), v = k(() => e.filter === void 0 ? _().contains : e.filter), y = k(() => {
+	}), g = A(() => String(m()).trim()), _ = A(() => t({ locale: e.locale })), v = A(() => e.filter === void 0 ? _().contains : e.filter), y = A(() => {
 		if (d() !== "both") return p() ? null : v();
 		let e = v();
 		return e === null ? null : (t, n, r) => e(t, g(), r);
 	});
 	function b(t, r) {
-		u = !1, c(""), n || o(t), e.onValueChange?.(t, r);
+		e.onValueChange?.(t, r), !r.isCanceled && (u = !1, c(""), n || o(t));
 	}
 	function x(t, n) {
 		if (e.onItemHighlighted?.(t, n), n.reason !== "pointer") {
@@ -23,15 +23,18 @@ function N(e) {
 				u = !1;
 				return;
 			}
-			u = !1, c(f() && t != null ? i(t, e.itemToStringValue) : "");
+			u = !1, c(f() && t != null ? r(t, e.itemToStringValue) : "");
 		}
 	}
-	let S = j(e, "defaultValue", "filter", "itemToStringValue", "mode", "onItemHighlighted", "onValueChange", "openOnInputClick", "value"), C = E(r, D({
+	let S = M(e, "defaultValue", "filter", "itemToStringValue", "mode", "onItemHighlighted", "onValueChange", "openOnInputClick", "value"), C = E(i, O({
 		selectionMode: "none",
 		fillInputOnItemPress: !0,
 		get autoComplete() {
 			return d();
 		},
+		get filterQuery() {
+			return D(() => d() === "both")() ? g() : void 0;
+		},
 		get filter() {
 			return y();
 		},
@@ -50,25 +53,27 @@ function N(e) {
 		onInputValueChange: b,
 		onItemHighlighted: x
 	}, S));
-	return O(() => e.value, (e) => {
+	return k(f, (e) => {
+		e || c("");
+	}), k(() => e.value, (e) => {
 		!n || e === l || (l = e, c(""), u = !0);
 	}), C;
 }
 //#endregion
 //#region src/autocomplete/value/AutocompleteValue.tsx
-function P(e) {
+function F(e) {
 	let t = p();
-	return k(() => {
+	return A(() => {
 		let n = e.children;
-		return typeof n == "function" ? T(n) ? M(() => n()) : n(String(t.inputValue())) : n ?? t.inputValue();
+		return typeof n == "function" ? T(n) ? N(() => n()) : n(String(t.inputValue())) : n ?? t.inputValue();
 	});
 }
 //#endregion
 //#region src/autocomplete/trigger/AutocompleteTrigger.tsx
-var F = n, I = w, L = o, R = g;
+var I = n, L = w, R = o, z = g;
 //#endregion
 //#region src/autocomplete/root/utils/useFilter.ts
-function z(e = {}) {
+function B(e = {}) {
 	let n = () => t(typeof e == "function" ? e() : e);
 	return {
 		contains(e, t, r) {
@@ -84,7 +89,7 @@ function z(e = {}) {
 }
 //#endregion
 //#region src/autocomplete/index.parts.ts
-var B = /* @__PURE__ */ e({
+var V = /* @__PURE__ */ e({
 	Arrow: () => m,
 	Backdrop: () => l,
 	Clear: () => a,
@@ -94,20 +99,20 @@ var B = /* @__PURE__ */ e({
 	GroupLabel: () => y,
 	Icon: () => S,
 	Input: () => C,
-	InputGroup: () => I,
-	Item: () => L,
+	InputGroup: () => L,
+	Item: () => R,
 	List: () => d,
 	Popup: () => x,
 	Portal: () => _,
 	Positioner: () => c,
-	Root: () => N,
+	Root: () => P,
 	Row: () => f,
-	Separator: () => R,
+	Separator: () => z,
 	Status: () => h,
-	Trigger: () => F,
-	Value: () => P,
-	useFilter: () => z,
+	Trigger: () => I,
+	Value: () => F,
+	useFilter: () => B,
 	useFilteredItems: () => b
 });
 //#endregion
-export { B as t };
+export { V as t };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../avatar-AF9vyD4q.js";
+import { t as e } from "../avatar-BQoEzzav.js";
 export { e as Avatar };