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

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

@@ -0,0 +1,191 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
+import { composeEventHandlers as i } from "./internals/composeEventHandlers.js";
+import { t as a } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { t as o } from "./createTransitionStatus-BL_cPSEA.js";
+import { createComponent as s, getNextElement as c, isServer as l, mergeProps 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
+var E = /* @__PURE__ */ p("<span>");
+function D(e) {
+	let [i, a] = v("idle"), o = y(e, "render", "class", "style"), l = _(() => ({ imageLoadingStatus: i() })), p = _(() => n(e.class, l())), m = _(() => r(e.style, l())), h = {
+		imageLoadingStatus: i,
+		setImageLoadingStatus: a
+	}, g = t(e, () => l(), (e) => (() => {
+		var t = c(E);
+		return f(t, e, !1), d(), t;
+	})());
+	return s(w, {
+		value: h,
+		get children() {
+			return s(g, u({
+				get class() {
+					return p();
+				},
+				get style() {
+					return m();
+				}
+			}, o));
+		}
+	});
+}
+//#endregion
+//#region src/avatar/image/createImageLoadingStatus.ts
+function O(e, t, n) {
+	let [r, i] = v("idle"), a = !0;
+	return g(e, (e) => {
+		if (l) return;
+		if (e.keepMounted) {
+			let e = t(), r = a;
+			if (a = !1, !e) return;
+			let o = e.complete ? e.naturalWidth > 0 ? "loaded" : "error" : "loading";
+			i(o), r && o === "loaded" && n();
+			return;
+		}
+		if (!e.src && !e.srcset) {
+			i("error");
+			return;
+		}
+		let r = !0, o = new window.Image(), s = (e) => {
+			r && i(e);
+		};
+		return i("loading"), o.onload = () => s("loaded"), o.onerror = () => s("error"), e.referrerpolicy && (o.referrerPolicy = e.referrerpolicy), o.crossOrigin = e.crossorigin ?? null, e.sizes && (o.sizes = e.sizes), e.srcset && (o.srcset = e.srcset), e.src && (o.src = e.src), o.complete && i(o.naturalWidth > 0 ? "loaded" : "error"), () => {
+			r = !1, o.onload = null, o.onerror = null;
+		};
+	}), [r, i];
+}
+//#endregion
+//#region src/avatar/image/AvatarImage.tsx
+var k = /* @__PURE__ */ p("<img>");
+function A(e) {
+	let l = T(), p, h = !1, v = "idle", S = y(e, "render", "class", "style", "onLoadingStatusChange", "ref", "keepMounted", "onLoad", "onError", "sizes", "srcset", "src"), [C, w] = O(() => ({
+		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,
+		keepMounted: e.keepMounted ?? !1
+	}), () => p, () => D.setMounted(!0)), E = _(() => C() === "loaded"), D = o(() => E()), A = _(() => ({
+		imageLoadingStatus: C(),
+		transitionStatus: e.keepMounted && D.transitionStatus() === "ending" ? void 0 : D.transitionStatus()
+	})), j = _(() => e.keepMounted || D.mounted() ? n(e.class, A()) : void 0), M = _(() => e.keepMounted || D.mounted() ? r(e.style, A()) : void 0), N = i(() => e.onLoad, () => () => {
+		e.keepMounted && w("loaded");
+	}), P = i(() => e.onError, () => () => {
+		e.keepMounted && w("error");
+	});
+	g(() => ({
+		status: C(),
+		onLoadingStatusChange: e.onLoadingStatusChange
+	}), (e) => {
+		e.status !== v && (v = e.status, e.status !== "idle" && (e.onLoadingStatusChange?.(e.status), l.setImageLoadingStatus(e.status)));
+	}), g(() => ({
+		visible: E(),
+		transitionStatus: D.transitionStatus(),
+		element: p
+	}), (t) => {
+		if (h = t.visible, t.visible || t.transitionStatus !== "ending" || !t.element) return;
+		let n = new AbortController();
+		return a(t.element, () => {
+			h || (x(() => e.keepMounted) || (p = void 0), D.setMounted(!1));
+		}, n.signal), () => n.abort();
+	}), b(() => l.setImageLoadingStatus("idle"));
+	let F = t(e, () => A(), (e) => (() => {
+		var t = c(k);
+		return f(t, e, !1), d(), t;
+	})());
+	return s(m, {
+		get when() {
+			return e.keepMounted || D.mounted();
+		},
+		get children() {
+			return s(F, u({
+				ref: [e.ref, (e) => p = e],
+				alt: "",
+				get class() {
+					return j();
+				},
+				get style() {
+					return M();
+				},
+				get "data-starting-style"() {
+					return A().transitionStatus === "starting" ? "" : void 0;
+				},
+				get "data-ending-style"() {
+					return A().transitionStatus === "ending" ? "" : void 0;
+				},
+				get "data-loading"() {
+					return e.keepMounted && C() === "loading" ? "" : void 0;
+				},
+				get "data-error"() {
+					return e.keepMounted && C() === "error" ? "" : void 0;
+				},
+				get "aria-hidden"() {
+					return e.keepMounted && C() !== "loaded" ? "true" : void 0;
+				},
+				onLoad: N,
+				onError: P
+			}, S, {
+				get sizes() {
+					return e.sizes;
+				},
+				get srcset() {
+					return e.srcset;
+				},
+				get src() {
+					return e.src;
+				}
+			}));
+		}
+	});
+}
+//#endregion
+//#region src/avatar/fallback/AvatarFallback.tsx
+var j = /* @__PURE__ */ p("<span>");
+function M(e) {
+	let i = T(), a = _(() => e.delay ?? 0), [o, l] = v(x(a) === 0), p = y(e, "render", "class", "style", "delay"), h = _(() => ({ imageLoadingStatus: i.imageLoadingStatus() })), b = _(() => i.imageLoadingStatus() !== "loaded" && (a() === 0 || o())), S = _(() => b() ? n(e.class, h()) : void 0), C = _(() => b() ? r(e.style, h()) : void 0);
+	g(a, (e) => {
+		if (e <= 0) {
+			l(!0);
+			return;
+		}
+		let t = setTimeout(() => l(!0), e);
+		return () => clearTimeout(t);
+	});
+	let w = t(e, () => h(), (e) => (() => {
+		var t = c(j);
+		return f(t, e, !1), d(), t;
+	})());
+	return s(m, {
+		get when() {
+			return b();
+		},
+		get children() {
+			return s(w, u({
+				get class() {
+					return S();
+				},
+				get style() {
+					return C();
+				}
+			}, p));
+		}
+	});
+}
+//#endregion
+//#region src/avatar/index.parts.ts
+var N = /* @__PURE__ */ e({
+	Fallback: () => M,
+	Image: () => A,
+	Root: () => D
+});
+//#endregion
+export { N as t };

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

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

package/dist/lib/client/button-akYS6FyY.js

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

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

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