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

package/dist/lib/client/checkbox-group-CSSp_805.js

@@ -1,128 +0,0 @@
-import { getStateAttributesProps as e } from "./internals/getStateAttributesProps.js";
-import { n as t, t as n } from "./resolveStyle-XcgAuaKR.js";
-import { fieldStateAttributesMapping as r } from "./internals/field-constants.js";
-import { n as i } from "./FieldRootContext-izCEh80D.js";
-import { n as a } from "./FormContext-BB05lWOI.js";
-import { r as o } from "./LabelableContext-DKsB0fIx.js";
-import { t as ee } from "./CheckboxGroupContext-1CRRHK0T.js";
-import { Dynamic as s, createComponent as c, mergeProps as te } from "@solidjs/web";
-import { createEffect as l, createMemo as u, createSignal as d, createUniqueId as f, omit as ne, onCleanup as p, onSettled as m, untrack as h } from "solid-js";
-//#region src/checkbox-group/CheckboxGroup.tsx
-var g = [];
-function _(_) {
-	let b = i(!0), x = a(), S = o(), C = _, w = _, T = Symbol("CheckboxGroup"), E = `base-ui-${f()}`, D = `base-ui-${f()}`, O = h(() => C.value !== void 0), [k, A] = d(() => [...h(() => C.defaultValue) ?? g]), [re, j] = d(), [M, N] = d("mixed"), P = /* @__PURE__ */ new Map(), F = h(() => O ? C.value ?? g : k()), I = F, L = F, R = ne(w, "aria-describedby", "aria-labelledby", "allValues", "as", "class", "defaultValue", "disabled", "onValueChange", "ref", "style", "value"), z = u(() => O ? C.value ?? g : k()), B = u(() => b.disabled() || (C.disabled ?? !1)), V = u(() => ({
-		...b.state(),
-		disabled: B()
-	})), H = u(() => t(_.class, V())), U = u(() => n(_.style, V())), W = u(() => e(V(), r)), G = u(() => C["aria-labelledby"] ?? S.labelId()), K = u(() => S.getAriaDescribedBy(C["aria-describedby"])), q = u(() => z().length === (C.allValues ?? g).length), J = u(() => z().length > 0 && z().length !== (C.allValues ?? g).length), Y = u(() => (C.allValues ?? g).map((e) => `${D}-${e}`).join(" "));
-	function ie(e) {
-		return P.set(e.token, e), () => P.delete(e.token);
-	}
-	function X(e, t) {
-		return C.onValueChange?.(e, t), !t.isCanceled && (O || (I = e, A(e)), !0);
-	}
-	function Z(e) {
-		for (let t of P.values()) if (!t.parent() && t.value() === e) return t.disabled();
-		return !1;
-	}
-	function ae(e) {
-		let t = C.allValues ?? g, n = t.filter((e) => Z(e) && F.includes(e)), r = t.filter((e) => !Z(e) || F.includes(e)), i = F.length === r.length || F.length === 0, a, o = "mixed";
-		return i ? a = Q().length === r.length ? n : r : M() === "mixed" ? (a = r, o = "on") : M() === "on" ? (a = n, o = "off") : a = F, X(a, e) ? (i || N(o), !0) : !1;
-	}
-	function oe(e, t, n) {
-		let r = Q().slice();
-		if (t) r.push(e);
-		else {
-			let t = r.indexOf(e);
-			t !== -1 && r.splice(t, 1);
-		}
-		return X(r, n) ? (F = r, N("mixed"), !0) : !1;
-	}
-	function se() {
-		let e = x.formElement();
-		if (!e) return Q();
-		let t = /* @__PURE__ */ new Set();
-		for (let n of P.values()) {
-			let r = n.input(), i = n.value();
-			r && !n.parent() && i !== void 0 && r.checked && y(r, e) && t.add(i);
-		}
-		return Q().filter((e) => t.has(e));
-	}
-	function Q() {
-		return O ? z() : I;
-	}
-	let $ = {
-		id: E,
-		name: void 0,
-		value: z,
-		getValue: se,
-		getControl: () => b.validation.getInputControl()
-	}, ce = {
-		allValues: () => C.allValues,
-		disabled: B,
-		fieldControlSource: T,
-		getValue: Q,
-		parent: {
-			id: D,
-			checked: q,
-			indeterminate: J,
-			ariaControls: Y,
-			changeParent: ae,
-			changeChild: oe
-		},
-		registerCheckbox: ie,
-		setValue: X,
-		value: z
-	};
-	return l(() => ({
-		disabled: B(),
-		element: re(),
-		id: C.id ?? E,
-		name: b.name()
-	}), (e) => {
-		$.id = e.id, $.name = e.name, b.registerFieldControl(T, e.name && !e.disabled && e.element ? $ : void 0);
-	}), l(() => ({
-		initialValue: b.validityData().initialValue,
-		name: b.name(),
-		value: z()
-	}), (e) => {
-		e.value !== L && (L = e.value, I = e.value, h(() => {
-			x.clearError(e.name), b.setFilled(e.value.length > 0), b.setDirty(!v(e.value, e.initialValue)), b.validation.change(e.value);
-		}));
-	}), m(() => {
-		b.setFilled(z().length > 0);
-	}), p(() => b.registerFieldControl(T, void 0)), c(ee, {
-		value: ce,
-		get children() {
-			return c(s, te({
-				get component() {
-					return _.as ?? "div";
-				},
-				ref: [((e) => j(e)), C.ref],
-				get class() {
-					return H();
-				},
-				get style() {
-					return U();
-				},
-				role: "group",
-				get "aria-labelledby"() {
-					return G();
-				},
-				get "aria-describedby"() {
-					return K();
-				},
-				get "aria-invalid"() {
-					return V().valid === !1 && !B() ? "true" : void 0;
-				}
-			}, W, R));
-		}
-	});
-}
-function v(e, t) {
-	return !Array.isArray(t) || e.length !== t.length ? !1 : e.every((e, n) => e === t[n]);
-}
-function y(e, t) {
-	return e.matches(":disabled") ? !1 : e.form === t || e.form === null && !e.hasAttribute("form");
-}
-//#endregion
-export { _ as t };

package/dist/lib/client/collapsible-BIbje_ub.js

@@ -1,232 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
-import { P as n, w as r } from "./reasons-Co5CzjKq.js";
-import { n as i, t as a } from "./resolveStyle-XcgAuaKR.js";
-import { n as o, t as s } from "./createCollapsiblePanel-DeDu0O2t.js";
-import { createChangeEventDetails as c } from "./internals/createBaseUIEventDetails.js";
-import { transitionStatusMapping as l } from "./internals/stateAttributesMapping.js";
-import { composeEventHandlers as u } from "./internals/composeEventHandlers.js";
-import { Dynamic as d, 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/collapsible/root/CollapsibleRootContext.ts
-var A = Symbol("CollapsibleRootContext"), j = b(A);
-function M() {
-	let e = k(j);
-	if (e === A) throw Error("Base UI: CollapsibleRootContext is missing. Collapsible parts must be placed within <Collapsible.Root>.");
-	return e;
-}
-//#endregion
-//#region src/collapsible/root/stateAttributesMapping.ts
-var N = { "data-open": "" }, P = { "data-closed": "" }, F = { "data-panel-open": "" }, I = {
-	open(e) {
-		return e ? N : P;
-	},
-	...l
-}, L = {
-	open(e) {
-		return e ? F : null;
-	},
-	...l
-};
-//#endregion
-//#region src/collapsible/root/CollapsibleRoot.tsx
-function R(e) {
-	let n = e, r = e, s = O(() => r.open !== void 0), [l, u] = C(O(() => r.defaultOpen ?? !1)), [p, m] = C(), g = `base-ui-${w()}`, _ = E(n, "as", "class", "defaultOpen", "disabled", "onOpenChange", "open", "style"), v = S(() => s ? r.open ?? !1 : l()), y = S(() => r.disabled ?? !1), b = o(() => v()), x = S(() => {
-		let e = p();
-		return e === null ? void 0 : e ?? g;
-	}), D = S(() => ({
-		disabled: y(),
-		open: v(),
-		transitionStatus: b.transitionStatus()
-	})), k = S(() => i(e.class, D())), A = S(() => a(e.style, D())), M = S(() => t(D(), I));
-	function N(e, t, n, i) {
-		let a = c(n, t);
-		return r.onOpenChange?.(e, a), !a.isCanceled && (i?.(), s || u(e), T(), !0);
-	}
-	let P = {
-		defaultPanelId: g,
-		disabled: y,
-		mounted: b.mounted,
-		open: v,
-		panelId: x,
-		requestOpenChange: N,
-		setMounted: b.setMounted,
-		setPanelIdState: m,
-		state: D,
-		transitionStatus: b.transitionStatus
-	};
-	return f(j, {
-		value: P,
-		get children() {
-			return f(d, h({
-				get component() {
-					return e.as ?? "div";
-				},
-				get class() {
-					return k();
-				},
-				get style() {
-					return A();
-				}
-			}, M, _));
-		}
-	});
-}
-//#endregion
-//#region src/collapsible/trigger/CollapsibleTrigger.tsx
-function z(e) {
-	let r = M(), o = e, s = E(e, "as", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), c = S(() => e.disabled ?? r.disabled()), l = S(() => e.nativeButton ?? !0), p = r.state, g = S(() => i(e.class, p())), _ = S(() => a(e.style, p())), v = S(() => t(p(), L)), y = u(() => O(() => c() ? B : void 0), () => o.onClick, () => (e) => {
-		r.requestOpenChange(!r.open(), e, n);
-	}), b = u(() => O(() => c() ? V : void 0), () => o.onMouseDown), x = u(() => O(() => c() ? B : void 0), () => o.onPointerDown), C = u(() => O(() => c() ? H : void 0), () => o.onKeyDown, () => O(() => l() ? void 0 : U)), w = u(() => O(() => c() ? V : void 0), () => o.onKeyUp, () => O(() => l() ? void 0 : W)), T = S(() => l() ? c() ? "true" : "false" : c() ? "true" : void 0), D = S(() => r.open() ? "true" : "false");
-	return f(d, h({
-		get component() {
-			return e.as ?? "button";
-		},
-		ref: [o.ref],
-		get class() {
-			return g();
-		},
-		get style() {
-			return _();
-		},
-		get type() {
-			return l() ? "button" : void 0;
-		},
-		get role() {
-			return l() ? void 0 : "button";
-		},
-		get tabIndex() {
-			return l() ? void 0 : 0;
-		},
-		get "aria-controls"() {
-			return m(() => !!r.open())() ? r.panelId() : void 0;
-		},
-		get "aria-disabled"() {
-			return T();
-		},
-		get "aria-expanded"() {
-			return D();
-		},
-		onClick: y,
-		onKeyDown: C,
-		onKeyUp: w,
-		onMouseDown: b,
-		onPointerDown: x
-	}, v, s));
-}
-function B(e) {
-	e.preventDefault(), e.preventBaseUIHandler();
-}
-function V(e) {
-	e.preventBaseUIHandler();
-}
-function H(e) {
-	e.key !== "Tab" && e.preventDefault(), e.preventBaseUIHandler();
-}
-function U(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(), G(e.currentTarget, e)));
-}
-function W(e) {
-	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), G(e.currentTarget, e));
-}
-function G(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/collapsible/panel/CollapsiblePanel.tsx
-var K = /* @__PURE__ */ v("<div>"), q = "--collapsible-panel-height", J = "--collapsible-panel-width";
-function Y(e) {
-	let n = M(), o = e, c = e, [l, u] = C(), m = S(() => o.id || void 0), v = S(() => m() ?? n.defaultPanelId), b = S(() => o.hiddenUntilFound ?? !1), w = S(() => o.keepMounted ?? !1), T = E(c, "as", "class", "hiddenUntilFound", "id", "keepMounted", "ref", "style"), O = s({
-		element: l,
-		hiddenUntilFound: b,
-		keepMounted: w,
-		mounted: n.mounted,
-		open: n.open,
-		requestBeforeMatchOpen: (e, t) => n.requestOpenChange(!0, e, r, t),
-		setMounted: n.setMounted,
-		transitionStatus: n.transitionStatus
-	}), k = S(() => ({
-		...n.state(),
-		transitionStatus: O.panelTransitionStatus()
-	})), A = S(() => O.shouldRender() ? i(e.class, k()) : void 0), j = S(() => X(O.dimensions(), O.shouldRender() ? a(e.style, k()) : void 0, O.shouldPreventOpenAnimation())), N = S(() => {
-		let e = t(k(), I);
-		return O.shouldPersistHiddenTransitionStyles() && (e["data-starting-style"] = ""), e;
-	}), P = S(() => O.hidden() ? !b() || "until-found" : void 0);
-	x(() => m(), (e) => (n.setPanelIdState((t) => e ?? (t === null ? void 0 : t)), () => {
-		n.setPanelIdState((t) => t === e ? null : t);
-	})), x(() => ({
-		hiddenUntilFound: b(),
-		keepMounted: o.keepMounted
-	}), (e) => {
-		e.hiddenUntilFound && e.keepMounted;
-	}), D(() => u(void 0));
-	let F = () => ({
-		ref: [o.ref, ((e) => u(e))],
-		id: v(),
-		class: A(),
-		style: j(),
-		hidden: P(),
-		...N(),
-		...T
-	});
-	return f(y, {
-		get when() {
-			return O.shouldRender();
-		},
-		get children() {
-			return f(y, {
-				get when() {
-					return e.as;
-				},
-				get fallback() {
-					var e = p(K);
-					return _(e, h(F), !1), g(), e;
-				},
-				children: (e) => f(d, h({ get component() {
-					return e();
-				} }, F))
-			});
-		}
-	});
-}
-function X(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" ? [
-		`${q}:${r}`,
-		`${J}:${i}`,
-		t,
-		n ? "animation-name:none" : ""
-	].filter(Boolean).join(";") : {
-		[q]: r,
-		[J]: i,
-		...t,
-		...n ? { "animation-name": "none" } : {}
-	};
-}
-//#endregion
-//#region src/collapsible/index.parts.ts
-var Z = /* @__PURE__ */ e({
-	Panel: () => Y,
-	Root: () => R,
-	Trigger: () => z
-});
-//#endregion
-export { Z as t };