solid-baseui 0.1.0-alpha.0

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

@@ -0,0 +1,30 @@
+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";
+//#region src/alert-dialog/root/AlertDialogRoot.tsx
+function d(e) {
+	return a("alert-dialog", e);
+}
+//#endregion
+//#region src/alert-dialog/trigger/AlertDialogTrigger.tsx
+var f = r, p = class extends c {};
+function m() {
+	return new p();
+}
+//#endregion
+//#region src/alert-dialog/index.parts.ts
+var h = /* @__PURE__ */ e({
+	Backdrop: () => l,
+	Close: () => i,
+	Description: () => n,
+	Handle: () => p,
+	Popup: () => u,
+	Portal: () => o,
+	Root: () => d,
+	Title: () => t,
+	Trigger: () => f,
+	Viewport: () => s,
+	createHandle: () => m
+});
+//#endregion
+export { h as t };

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

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

package/dist/lib/client/autocomplete-Cob_FZEP.js

@@ -0,0 +1,113 @@
+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";
+//#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(() => {
+		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(() => {
+		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);
+	}
+	function x(t, n) {
+		if (e.onItemHighlighted?.(t, n), n.reason !== "pointer") {
+			if (n.reason === "none" && u) {
+				u = !1;
+				return;
+			}
+			u = !1, c(f() && t != null ? i(t, e.itemToStringValue) : "");
+		}
+	}
+	let S = j(e, "defaultValue", "filter", "itemToStringValue", "mode", "onItemHighlighted", "onValueChange", "openOnInputClick", "value"), C = E(r, D({
+		selectionMode: "none",
+		fillInputOnItemPress: !0,
+		get autoComplete() {
+			return d();
+		},
+		get filter() {
+			return y();
+		},
+		get inputValue() {
+			return h();
+		},
+		get defaultInputValue() {
+			return e.defaultValue;
+		},
+		get itemToStringLabel() {
+			return e.itemToStringValue;
+		},
+		get openOnInputClick() {
+			return e.openOnInputClick ?? !1;
+		},
+		onInputValueChange: b,
+		onItemHighlighted: x
+	}, S));
+	return O(() => e.value, (e) => {
+		!n || e === l || (l = e, c(""), u = !0);
+	}), C;
+}
+//#endregion
+//#region src/autocomplete/value/AutocompleteValue.tsx
+function P(e) {
+	let t = p();
+	return k(() => {
+		let n = e.children;
+		return typeof n == "function" ? T(n) ? M(() => n()) : n(String(t.inputValue())) : n ?? t.inputValue();
+	});
+}
+//#endregion
+//#region src/autocomplete/trigger/AutocompleteTrigger.tsx
+var F = n, I = w, L = o, R = g;
+//#endregion
+//#region src/autocomplete/root/utils/useFilter.ts
+function z(e = {}) {
+	let n = () => t(typeof e == "function" ? e() : e);
+	return {
+		contains(e, t, r) {
+			return n().contains(e, t, r);
+		},
+		startsWith(e, t, r) {
+			return n().startsWith(e, t, r);
+		},
+		endsWith(e, t, r) {
+			return n().endsWith(e, t, r);
+		}
+	};
+}
+//#endregion
+//#region src/autocomplete/index.parts.ts
+var B = /* @__PURE__ */ e({
+	Arrow: () => m,
+	Backdrop: () => l,
+	Clear: () => a,
+	Collection: () => u,
+	Empty: () => v,
+	Group: () => s,
+	GroupLabel: () => y,
+	Icon: () => S,
+	Input: () => C,
+	InputGroup: () => I,
+	Item: () => L,
+	List: () => d,
+	Popup: () => x,
+	Portal: () => _,
+	Positioner: () => c,
+	Root: () => N,
+	Row: () => f,
+	Separator: () => R,
+	Status: () => h,
+	Trigger: () => F,
+	Value: () => P,
+	useFilter: () => z,
+	useFilteredItems: () => b
+});
+//#endregion
+export { B as t };

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

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

package/dist/lib/client/avatar-AF9vyD4q.js

@@ -0,0 +1,146 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { n as t, t as n } from "./resolveStyle-XcgAuaKR.js";
+import { t as r } from "./runOnceAnimationsFinish-15EM-Z4l.js";
+import { t as i } from "./createTransitionStatus-B1L-whed.js";
+import { Dynamic as a, createComponent as o, getNextElement as s, isServer as c, mergeProps as l, ref as u, runHydrationEvents as d, spread as f, template as p } from "@solidjs/web";
+import { Show as m, createContext as h, createEffect as g, createMemo as _, createSignal as v, omit as y, onCleanup as b, untrack as x, useContext as S } from "solid-js";
+//#region src/avatar/root/AvatarRootContext.ts
+var C = Symbol("AvatarRootContext"), w = h(C);
+function T() {
+	let e = S(w);
+	if (e === C) throw Error("Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>.");
+	return e;
+}
+//#endregion
+//#region src/avatar/root/AvatarRoot.tsx
+function E(e) {
+	let [r, i] = v("idle"), s = y(e, "as", "class", "style"), c = _(() => ({ imageLoadingStatus: r() })), u = _(() => t(e.class, c())), d = _(() => n(e.style, c()));
+	return o(w, {
+		value: {
+			imageLoadingStatus: r,
+			setImageLoadingStatus: i
+		},
+		get children() {
+			return o(a, l({
+				get component() {
+					return e.as ?? "span";
+				},
+				get class() {
+					return u();
+				},
+				get style() {
+					return d();
+				}
+			}, s));
+		}
+	});
+}
+//#endregion
+//#region src/avatar/image/createImageLoadingStatus.ts
+function D(e) {
+	let [t, n] = v("idle");
+	return g(e, (e) => {
+		if (c) return;
+		if (!e.src && !e.srcset) {
+			n("error");
+			return;
+		}
+		let t = !0, r = new window.Image(), i = (e) => {
+			t && n(e);
+		};
+		return n("loading"), r.onload = () => i("loaded"), r.onerror = () => i("error"), e.referrerpolicy && (r.referrerPolicy = e.referrerpolicy), r.crossOrigin = e.crossorigin ?? null, e.sizes && (r.sizes = e.sizes), e.srcset && (r.srcset = e.srcset), e.src && (r.src = e.src), r.complete && n(r.naturalWidth > 0 ? "loaded" : "error"), () => {
+			t = !1, r.onload = null, r.onerror = null;
+		};
+	}), t;
+}
+//#endregion
+//#region src/avatar/image/AvatarImage.tsx
+var O = /* @__PURE__ */ p("<img>");
+function k(e) {
+	let a = T(), c, p = !1, h = "idle", v = y(e, "class", "style", "onLoadingStatusChange", "ref"), x = D(() => ({
+		src: typeof e.src == "string" ? e.src : void 0,
+		srcset: typeof e.srcset == "string" ? e.srcset : void 0,
+		sizes: typeof e.sizes == "string" ? e.sizes : void 0,
+		crossorigin: typeof e.crossorigin == "string" ? e.crossorigin : void 0,
+		referrerpolicy: typeof e.referrerpolicy == "string" ? e.referrerpolicy : void 0
+	})), S = _(() => x() === "loaded"), C = i(() => S()), w = _(() => ({
+		imageLoadingStatus: x(),
+		transitionStatus: C.transitionStatus()
+	})), E = _(() => C.mounted() ? t(e.class, w()) : void 0), k = _(() => C.mounted() ? n(e.style, w()) : void 0);
+	return g(() => ({
+		status: x(),
+		onLoadingStatusChange: e.onLoadingStatusChange
+	}), (e) => {
+		e.status !== h && (h = e.status, e.status !== "idle" && (e.onLoadingStatusChange?.(e.status), a.setImageLoadingStatus(e.status)));
+	}), g(() => ({
+		visible: S(),
+		transitionStatus: C.transitionStatus(),
+		element: c
+	}), (e) => {
+		if (p = e.visible, e.visible || e.transitionStatus !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return r(e.element, () => {
+			p || (c = void 0, C.setMounted(!1));
+		}, t.signal), () => t.abort();
+	}), b(() => a.setImageLoadingStatus("idle")), o(m, {
+		get when() {
+			return C.mounted();
+		},
+		get children() {
+			var t = s(O);
+			return u(() => [e.ref, (e) => c = e], t), f(t, l({
+				alt: "",
+				get class() {
+					return E();
+				},
+				get style() {
+					return k();
+				},
+				get "data-starting-style"() {
+					return C.transitionStatus() === "starting" ? "" : void 0;
+				},
+				get "data-ending-style"() {
+					return C.transitionStatus() === "ending" ? "" : void 0;
+				}
+			}, v), !1), d(), t;
+		}
+	});
+}
+//#endregion
+//#region src/avatar/fallback/AvatarFallback.tsx
+var A = /* @__PURE__ */ p("<span>");
+function j(e) {
+	let r = T(), i = _(() => e.delay ?? 0), [a, c] = v(x(i) === 0), u = y(e, "class", "style", "delay"), p = _(() => ({ imageLoadingStatus: r.imageLoadingStatus() })), h = _(() => r.imageLoadingStatus() !== "loaded" && (i() === 0 || a())), b = _(() => h() ? t(e.class, p()) : void 0), S = _(() => h() ? n(e.style, p()) : void 0);
+	return g(i, (e) => {
+		if (e <= 0) {
+			c(!0);
+			return;
+		}
+		let t = setTimeout(() => c(!0), e);
+		return () => clearTimeout(t);
+	}), o(m, {
+		get when() {
+			return h();
+		},
+		get children() {
+			var e = s(A);
+			return f(e, l({
+				get class() {
+					return b();
+				},
+				get style() {
+					return S();
+				}
+			}, u), !1), d(), e;
+		}
+	});
+}
+//#endregion
+//#region src/avatar/index.parts.ts
+var M = /* @__PURE__ */ e({
+	Fallback: () => j,
+	Image: () => k,
+	Root: () => E
+});
+//#endregion
+export { M as t };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../button-DpUi-2g8.js";
+export { e as Button };

package/dist/lib/client/button-DpUi-2g8.js

@@ -0,0 +1,82 @@
+import { getStateAttributesProps as e } from "./internals/getStateAttributesProps.js";
+import { n as t, t as n } from "./resolveStyle-XcgAuaKR.js";
+import { composeEventHandlers as r } from "./internals/composeEventHandlers.js";
+import { Dynamic as i, createComponent as a, mergeProps as o } from "@solidjs/web";
+import { createMemo as s, omit as c, onSettled as l, untrack as u } from "solid-js";
+//#region src/button/Button.tsx
+function d(d) {
+	let f = d, v = c(d, "as", "class", "disabled", "focusableWhenDisabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), y = s(() => d.disabled ?? !1), b = s(() => d.focusableWhenDisabled ?? !1), x = s(() => d.nativeButton ?? !0), S = s(() => ({ disabled: y() })), C = s(() => t(d.class, S())), w = s(() => n(d.style, S())), T = s(() => e(S())), E = s(() => x() && y() && !b()), D = s(() => x() ? b() ? y() ? "true" : "false" : void 0 : y() ? "true" : void 0), O = s(() => !x() && y() && !b() ? -1 : 0), k = r(() => u(() => d.disabled ?? !1 ? p : void 0), () => f.onClick), A = r(() => u(() => d.disabled ?? !1 ? m : void 0), () => f.onMouseDown), j = r(() => u(() => d.disabled ?? !1 ? p : void 0), () => f.onPointerDown), M = r(() => u(() => d.disabled ?? !1 ? d.focusableWhenDisabled ?? !1 ? h : m : void 0), () => f.onKeyDown, () => u(() => d.nativeButton ?? !0 ? void 0 : g)), N = r(() => u(() => d.disabled ?? !1 ? m : void 0), () => f.onKeyUp, () => u(() => d.nativeButton ?? !0 ? void 0 : _));
+	return l(() => {}), a(i, o({
+		get component() {
+			return d.as ?? "button";
+		},
+		ref: [((e) => e), f.ref],
+		get class() {
+			return C();
+		},
+		get style() {
+			return w();
+		},
+		get type() {
+			return x() ? "button" : void 0;
+		},
+		get role() {
+			return x() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return O();
+		},
+		get disabled() {
+			return E();
+		},
+		get "aria-disabled"() {
+			return D();
+		},
+		onClick: k,
+		onMouseDown: A,
+		onPointerDown: j,
+		onKeyDown: M,
+		onKeyUp: N
+	}, T, v));
+}
+function f(e) {
+	return e.tagName === "A" && !!e.href;
+}
+function p(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function m(e) {
+	e.preventBaseUIHandler();
+}
+function h(e) {
+	e.key !== "Tab" && e.preventDefault(), e.preventBaseUIHandler();
+}
+function g(e) {
+	if (e.target !== e.currentTarget) return;
+	let t = e.currentTarget, n = f(t), r = e.key === "Enter", i = e.key === " ";
+	if (n || !i && !r) {
+		n && i && e.preventDefault();
+		return;
+	}
+	e.defaultPrevented || (e.preventDefault(), r && (e.preventBaseUIHandler(), v(t, e)));
+}
+function _(e) {
+	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), v(e.currentTarget, e));
+}
+function v(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
+export { d as t };

package/dist/lib/client/buttonSemantics-paljfpOX.js

@@ -0,0 +1,39 @@
+//#region src/internals/buttonSemantics.ts
+function e(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function t(e) {
+	e.preventBaseUIHandler();
+}
+function n(e) {
+	e.key !== "Tab" && e.preventDefault(), e.preventBaseUIHandler();
+}
+function r(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(), a(e.currentTarget, e)));
+}
+function i(e) {
+	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), a(e.currentTarget, e));
+}
+function a(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
+export { t as a, n as i, i as n, e as r, r as t };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../checkbox-BbAwOptH.js";
+export { e as Checkbox };