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

package/dist/lib/client/checkbox-DOXtzBhA.js

@@ -1,425 +0,0 @@
-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 { w as r } from "./reasons-Co5CzjKq.js";
-import { n as i, t as a } from "./resolveStyle-XcgAuaKR.js";
-import { createChangeEventDetails as o } from "./internals/createBaseUIEventDetails.js";
-import { transitionStatusMapping as s } from "./internals/stateAttributesMapping.js";
-import { composeEventHandlers as c } from "./internals/composeEventHandlers.js";
-import { t as ee } from "./runOnceAnimationsFinish-CFADb4CN.js";
-import { t as te } from "./createTransitionStatus-BL_cPSEA.js";
-import { fieldStateAttributesMapping as l } from "./internals/field-constants.js";
-import { n as ne } from "./FieldRootContext-izCEh80D.js";
-import { n as u } from "./FormContext-CwLBtm_d.js";
-import { r as d } from "./LabelableContext-CmQF-TX2.js";
-import { t as f } from "./createLabelableId-DxJRwMUJ.js";
-import { n as p } from "./FieldItemContext-Bwzf-4tL.js";
-import { n as re } from "./CheckboxGroupContext-1CRRHK0T.js";
-import { createComponent as m, effect as ie, getNextElement as h, memo as g, mergeProps as _, ref as ae, runHydrationEvents as v, setAttribute as y, setProperty as oe, spread as b, template as x } from "@solidjs/web";
-import { Show as se, createContext as S, createEffect as C, createMemo as w, createSignal as T, createUniqueId as E, omit as ce, onCleanup as le, onSettled as ue, untrack as D, useContext as de } from "solid-js";
-//#region src/checkbox/utils/getCheckboxStateAttributesMapping.ts
-function fe(e) {
-	return {
-		...l,
-		checked(t) {
-			return e.indeterminate ? null : t ? { "data-checked": "" } : { "data-unchecked": "" };
-		}
-	};
-}
-//#endregion
-//#region src/checkbox/root/CheckboxRootContext.ts
-var O = Symbol("CheckboxRootContext"), pe = S(O);
-function me() {
-	let e = de(pe);
-	if (e === O) throw Error("Base UI: CheckboxRootContext is missing. Checkbox parts must be placed within <Checkbox.Root>.");
-	return e;
-}
-//#endregion
-//#region src/checkbox/root/CheckboxRoot.tsx
-var he = /* @__PURE__ */ x("<span>"), ge = /* @__PURE__ */ x("<input type=hidden>"), _e = /* @__PURE__ */ x("<input>"), ve = {
-	"clip-path": "inset(50%)",
-	overflow: "hidden",
-	"white-space": "nowrap",
-	border: "0",
-	padding: "0",
-	width: "1px",
-	height: "1px",
-	margin: "-1px",
-	position: "fixed",
-	top: "0",
-	left: "0"
-}, ye = {
-	...ve,
-	position: "absolute",
-	top: "auto",
-	left: "auto"
-};
-function k(e) {
-	let s = ne(!0), ee = u(), te = p(), l = d(), x = re(), S = e, de = e, O = Symbol("Checkbox"), me = Symbol("CheckboxGroupItem"), k = `base-ui-${E()}`, A = `base-ui-${E()}`, j = `base-ui-${E()}`, M = l.defaultControlId, Se = typeof M == "string" ? M : k, N = D(() => S.checked !== void 0), [Ce, we] = T(D(() => S.defaultChecked ?? !1)), [P, Te] = T(), [F, Ee] = T(), [De, I] = T(), Oe = D(() => N ? !!S.checked : Ce()), L = !1, R = !1, z, B = () => void 0, ke = ce(de, "aria-describedby", "aria-labelledby", "render", "checked", "class", "defaultChecked", "disabled", "form", "id", "indeterminate", "inputRef", "name", "nativeButton", "onBlur", "onChange", "onCheckedChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "parent", "readOnly", "ref", "required", "style", "uncheckedValue", "value"), V = w(() => S.nativeButton ?? !1), H = w(() => S.parent ?? !1), U = w(() => x?.allValues() !== void 0), W = w(() => s.disabled() || te.disabled() || (x?.disabled() ?? !1) || (S.disabled ?? !1)), G = w(() => S.readOnly ?? !1), K = w(() => S.required ?? !1), q = w(() => s.name() ?? S.name), J = w(() => S.value ?? q()), Ae = w(() => N ? !!S.checked : Ce()), Y = w(() => !x || J() === void 0 || H() ? U() && H() ? x?.parent.checked() ?? !1 : Ae() : x.value().includes(J())), X = w(() => U() && H() && (x?.parent.indeterminate() ?? !1) || (S.indeterminate ?? !1)), je = () => x?.registerControlId !== l.registerControlId, Me = f(() => S.id || void 0, je() ? Se : k, je), Ne = w(() => V() ? Me() : A), Z = w(() => ({
-		...s.state(),
-		checked: Y(),
-		disabled: W(),
-		readOnly: G(),
-		required: K(),
-		indeterminate: X()
-	})), Pe = w(() => i(e.class, Z())), Fe = t(e, () => Z(), (e) => (() => {
-		var t = h(he);
-		return b(t, e, !1), v(), t;
-	})()), Ie = w(() => a(e.style, Z())), Le = w(() => n(Z(), fe(Z()))), Re = w(() => S["aria-labelledby"] ?? l.labelId() ?? De()), ze = w(() => l.getAriaDescribedBy(S["aria-describedby"])), Be = {
-		token: me,
-		id: Ne,
-		disabled: W,
-		element: P,
-		input: F,
-		parent: H,
-		value: J
-	}, Ve = {
-		id: A,
-		name: S.name,
-		value: Y,
-		getControl: () => P() ?? null
-	}, He = c(() => S.onBlur), Ue = c(() => S.onClick), We = c(() => S.onFocus), Ge = c(() => S.onKeyDown), Ke = c(() => S.onKeyUp);
-	function qe(e) {
-		if (R) {
-			e.preventDefault(), e.stopPropagation();
-			return;
-		}
-		if (Ue.call(e.currentTarget, e), e.baseUIHandlerPrevented || G() || W()) return;
-		e.preventDefault();
-		let t = F();
-		t && be(t, e);
-	}
-	function Je(e) {
-		We.call(e.currentTarget, e), !e.baseUIHandlerPrevented && !W() && s.setFocused(!0);
-	}
-	function Ye(e) {
-		He.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (s.setTouched(!0), s.setFocused(!1), s.validationMode() === "onBlur" && s.validation.commit(x ? x.value() : Y()));
-	}
-	function Xe(e) {
-		Ge.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (e.key === "Enter" ? (V() && nt(e.currentTarget), xe(e, F()?.form ?? null)) : !V() && e.key === " " && e.preventDefault());
-	}
-	function Ze(e) {
-		Ke.call(e.currentTarget, e), !(e.baseUIHandlerPrevented || V() || e.defaultPrevented || e.key !== " " || W() || G()) && be(e.currentTarget, e);
-	}
-	function Qe(e) {
-		if (e.stopPropagation(), e.defaultPrevented) {
-			queueMicrotask(Q);
-			return;
-		}
-		L = !0, et(e.currentTarget.checked, e), setTimeout(() => {
-			L = !1;
-		}, 0), queueMicrotask(Q);
-	}
-	function $e(e) {
-		if (L && e.isTrusted) {
-			L = !1;
-			return;
-		}
-		if (e.defaultPrevented) {
-			queueMicrotask(Q);
-			return;
-		}
-		et(e.currentTarget.checked, e), queueMicrotask(Q);
-	}
-	function et(e, t) {
-		if (G() || W()) {
-			t.preventDefault();
-			return;
-		}
-		let n = o(r, t);
-		if (S.onCheckedChange?.(e, n), n.isCanceled) {
-			t.preventDefault();
-			return;
-		}
-		let i = J();
-		if (U() && H()) {
-			x?.parent.changeParent(n) || t.preventDefault();
-			return;
-		}
-		if (U() && x && i !== void 0) {
-			x.parent.changeChild(i, e, n) || t.preventDefault();
-			return;
-		}
-		if (x && i !== void 0 && !H()) {
-			let r = e ? [...x.getValue(), i] : x.getValue().filter((e) => e !== i);
-			x.setValue(r, n) || t.preventDefault();
-			return;
-		}
-		N || we(e);
-	}
-	function Q() {
-		let e = F();
-		e && (e.checked = D(Y), e.indeterminate = D(X));
-	}
-	function tt() {
-		return P() ?? null;
-	}
-	function nt(e) {
-		B(), R = !0;
-		let t = e.ownerDocument, n = t.defaultView, r, i = n?.setTimeout(a, 1e3);
-		function a() {
-			R = !1, t.removeEventListener("keyup", o, !0), n?.removeEventListener("blur", a), r !== void 0 && clearTimeout(r), i !== void 0 && clearTimeout(i), B = () => void 0;
-		}
-		function o(e) {
-			e.key === "Enter" && (r = setTimeout(a, 0));
-		}
-		t.addEventListener("keyup", o, !0), n?.addEventListener("blur", a, { once: !0 }), B = a;
-	}
-	function $(e) {
-		z && z !== e && z.id === j && z.removeAttribute("id"), z !== e && (z = void 0);
-	}
-	return C(() => ({
-		explicit: S["aria-labelledby"],
-		fieldLabel: l.labelId(),
-		input: F(),
-		inputId: Me(),
-		nativeButton: V()
-	}), (e) => {
-		function t() {
-			if (e.explicit || e.fieldLabel || e.nativeButton || !e.input) {
-				$(), I(void 0);
-				return;
-			}
-			let t = e.input.closest("label") ?? e.input.labels?.[0];
-			if (!t) {
-				$(), I(void 0);
-				return;
-			}
-			$(t), t.id || (t.id = j, z = t), I(t.id || void 0);
-		}
-		if (t(), e.explicit || e.fieldLabel || e.nativeButton || !e.input || typeof MutationObserver > "u") return;
-		let n, r = new MutationObserver(() => {
-			t(), i();
-		});
-		function i() {
-			let t = e.input?.getRootNode();
-			!t || t === n || (r.disconnect(), n = t, r.observe(t, {
-				attributes: !0,
-				attributeFilter: ["for", "id"],
-				childList: !0,
-				subtree: !0
-			}));
-		}
-		return i(), () => {
-			r.disconnect(), $();
-		};
-	}), C(() => x, (e) => e?.registerCheckbox(Be)), C(() => ({
-		group: x,
-		input: F(),
-		parent: H()
-	}), (e) => {
-		if (!e.input || e.parent) return;
-		let t = e.group?.fieldControlSource ?? O;
-		return s.validation.registerInput(t, e.input, tt);
-	}), C(() => ({
-		checked: Y(),
-		group: x,
-		indeterminate: X(),
-		input: F(),
-		name: q()
-	}), (e) => {
-		e.input && (e.input.indeterminate = e.indeterminate), e.group || s.setFilled(e.checked), !(e.group || e.checked === Oe) && (Oe = e.checked, D(() => {
-			ee.clearError(e.name), s.setDirty(e.checked !== s.validityData().initialValue), s.validation.change(e.checked);
-		}));
-	}), C(() => ({
-		disabled: W(),
-		group: x,
-		name: S.name,
-		root: P()
-	}), (e) => {
-		Ve.name = e.name, s.registerFieldControl(O, !e.group && !e.disabled && e.root ? Ve : void 0);
-	}), ue(() => {
-		x || s.setFilled(Y()), P();
-	}), le(() => {
-		B(), $(), s.registerFieldControl(O, void 0);
-	}), m(pe, {
-		value: Z,
-		get children() {
-			return [
-				m(Fe, _({
-					ref: [((e) => Te(e)), S.ref],
-					get id() {
-						return Ne();
-					},
-					get class() {
-						return Pe();
-					},
-					get style() {
-						return Ie();
-					},
-					get type() {
-						return V() ? "button" : void 0;
-					},
-					role: "checkbox",
-					get tabIndex() {
-						return W() ? -1 : 0;
-					},
-					get disabled() {
-						return V() && W() ? !0 : void 0;
-					},
-					get "aria-disabled"() {
-						return !V() && W() ? "true" : void 0;
-					},
-					get "aria-checked"() {
-						return g(() => !!X())() ? "mixed" : Y() ? "true" : "false";
-					},
-					get "aria-readonly"() {
-						return G() ? "true" : void 0;
-					},
-					get "aria-required"() {
-						return K() ? "true" : void 0;
-					},
-					get "aria-labelledby"() {
-						return Re();
-					},
-					get "aria-describedby"() {
-						return ze();
-					},
-					get "aria-invalid"() {
-						return Z().valid === !1 && !W() ? "true" : void 0;
-					},
-					get "data-parent"() {
-						return H() ? "" : void 0;
-					},
-					get "aria-controls"() {
-						return g(() => !!(U() && H()))() ? x?.parent.ariaControls() : void 0;
-					},
-					onBlur: Ye,
-					onClick: qe,
-					onFocus: Je,
-					onKeyDown: Xe,
-					onKeyUp: Ze
-				}, Le, ke)),
-				m(se, {
-					get when() {
-						return g(() => !!(!Y() && !x && q() && !H()))() ? S.uncheckedValue !== void 0 : !Y() && !x && q() && !H();
-					},
-					get children() {
-						var e = h(ge);
-						return ie(() => ({
-							e: S.form,
-							t: q(),
-							a: S.uncheckedValue,
-							o: W()
-						}), ({ e: t, t: n, a: r, o: i }, a) => {
-							t !== a?.e && y(e, "form", t), n !== a?.t && y(e, "name", n), oe(e, "value", r), i !== a?.o && y(e, "disabled", i);
-						}), e;
-					}
-				}),
-				(() => {
-					var e = h(_e);
-					return ae(() => [((e) => Ee(e)), S.inputRef], e), b(e, _({
-						type: "checkbox",
-						get form() {
-							return S.form;
-						},
-						get id() {
-							return V() ? void 0 : Me();
-						},
-						get name() {
-							return H() ? void 0 : q();
-						},
-						tabindex: -1,
-						get style() {
-							return q() ? ye : ve;
-						},
-						"aria-hidden": "true",
-						get "aria-describedby"() {
-							return ze();
-						},
-						get "aria-invalid"() {
-							return Z().valid === !1 && !W() ? "true" : void 0;
-						}
-					}, () => S.value === void 0 ? {} : { value: x && !Y() ? "" : S.value }, {
-						get disabled() {
-							return W();
-						},
-						get checked() {
-							return Y();
-						},
-						get required() {
-							return K();
-						},
-						onClick: Qe,
-						onChange: $e,
-						onFocus: () => P()?.focus({ preventScroll: !0 })
-					}), !1), v(), e;
-				})()
-			];
-		}
-	});
-}
-function be(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
-	}));
-}
-function xe(e, t) {
-	e.defaultPrevented || queueMicrotask(() => {
-		e.defaultPrevented || A(t)?.click();
-	});
-}
-function A(e) {
-	if (!e) return null;
-	for (let t of e.elements) if ((t.tagName === "BUTTON" || t.tagName === "INPUT") && t.type === "submit") return t;
-	return null;
-}
-//#endregion
-//#region src/checkbox/indicator/CheckboxIndicator.tsx
-var j = /* @__PURE__ */ x("<span>");
-function M(e) {
-	let r, o = !1, c = me(), l = e, ne = ce(e, "render", "class", "keepMounted", "ref", "style"), u = w(() => c().checked || c().indeterminate), d = te(() => u()), f = w(() => (l.keepMounted ?? !1) || d.mounted()), p = w(() => ({
-		...c(),
-		transitionStatus: d.transitionStatus()
-	})), re = t(e, () => p(), (e) => (() => {
-		var t = h(j);
-		return b(t, e, !1), v(), t;
-	})()), ie = w(() => f() ? i(e.class, p()) : void 0), g = w(() => f() ? a(e.style, p()) : void 0), ae = w(() => n(p(), {
-		...fe(p()),
-		...s
-	}));
-	return C(() => ({
-		element: r,
-		rendered: u(),
-		status: d.transitionStatus()
-	}), (e) => {
-		if (o = e.rendered, e.rendered || e.status !== "ending" || !e.element) return;
-		let t = new AbortController();
-		return ee(e.element, () => {
-			o || d.setMounted(!1);
-		}, t.signal), () => t.abort();
-	}), m(se, {
-		get when() {
-			return f();
-		},
-		get children() {
-			return m(re, _({
-				ref: [l.ref, ((e) => r = e)],
-				get class() {
-					return ie();
-				},
-				get style() {
-					return g();
-				}
-			}, ae, ne));
-		}
-	});
-}
-//#endregion
-//#region src/checkbox/index.parts.ts
-var Se = /* @__PURE__ */ e({
-	Indicator: () => M,
-	Root: () => k
-});
-//#endregion
-export { Se as t };

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

@@ -1,230 +0,0 @@
-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/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;
-	},
-	...u
-}, L = {
-	open(e) {
-		return e ? F : null;
-	},
-	...u
-}, R = /* @__PURE__ */ v("<div>");
-function z(e) {
-	let r = e, i = e, c = O(() => i.open !== void 0), [u, d] = C(O(() => i.defaultOpen ?? !1)), [m, v] = C(), y = `base-ui-${w()}`, b = E(r, "render", "class", "defaultOpen", "disabled", "onOpenChange", "open", "style"), x = S(() => c ? i.open ?? !1 : u()), D = S(() => i.disabled ?? !1), k = s(() => x()), A = S(() => {
-		let e = m();
-		return e === null ? void 0 : e ?? y;
-	}), M = S(() => ({
-		disabled: D(),
-		open: x(),
-		transitionStatus: k.transitionStatus()
-	})), N = S(() => a(e.class, M())), P = S(() => o(e.style, M())), F = S(() => n(M(), I));
-	function L(e, t, n, r) {
-		let a = l(n, t);
-		return i.onOpenChange?.(e, a), !a.isCanceled && (r?.(), c || d(e), T(), !0);
-	}
-	let z = {
-		defaultPanelId: y,
-		disabled: D,
-		mounted: k.mounted,
-		open: x,
-		panelId: A,
-		requestOpenChange: L,
-		setMounted: k.setMounted,
-		setPanelIdState: v,
-		state: M,
-		transitionStatus: k.transitionStatus
-	}, B = t(e, () => M(), (e) => (() => {
-		var t = p(R);
-		return _(t, e, !1), g(), t;
-	})());
-	return f(j, {
-		value: z,
-		get children() {
-			return f(B, h({
-				get class() {
-					return N();
-				},
-				get style() {
-					return P();
-				}
-			}, F, b));
-		}
-	});
-}
-//#endregion
-//#region src/collapsible/trigger/CollapsibleTrigger.tsx
-var B = /* @__PURE__ */ v("<button>");
-function V(e) {
-	let i = M(), s = e, c = E(e, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), l = S(() => e.disabled ?? i.disabled()), u = S(() => e.nativeButton ?? !0), v = i.state, y = S(() => a(e.class, v())), b = S(() => o(e.style, v())), x = S(() => n(v(), L)), C = d(() => O(() => l() ? H : void 0), () => s.onClick, () => (e) => {
-		i.requestOpenChange(!i.open(), e, r);
-	}), w = d(() => O(() => l() ? U : void 0), () => s.onMouseDown), T = d(() => O(() => l() ? H : void 0), () => s.onPointerDown), D = d(() => O(() => l() ? W : void 0), () => s.onKeyDown, () => O(() => u() ? void 0 : G)), k = d(() => O(() => l() ? U : void 0), () => s.onKeyUp, () => O(() => u() ? void 0 : K)), A = S(() => u() ? l() ? "true" : "false" : l() ? "true" : void 0), j = S(() => i.open() ? "true" : "false"), N = t(e, () => v(), (e) => (() => {
-		var t = p(B);
-		return _(t, e, !1), g(), t;
-	})());
-	return f(N, h({
-		ref: [s.ref],
-		get class() {
-			return y();
-		},
-		get style() {
-			return b();
-		},
-		get type() {
-			return u() ? "button" : void 0;
-		},
-		get role() {
-			return u() ? void 0 : "button";
-		},
-		get tabIndex() {
-			return u() ? void 0 : 0;
-		},
-		get "aria-controls"() {
-			return m(() => !!i.open())() ? i.panelId() : void 0;
-		},
-		get "aria-disabled"() {
-			return A();
-		},
-		get "aria-expanded"() {
-			return j();
-		},
-		onClick: C,
-		onKeyDown: D,
-		onKeyUp: k,
-		onMouseDown: w,
-		onPointerDown: T
-	}, x, c));
-}
-function H(e) {
-	e.preventDefault(), e.preventBaseUIHandler();
-}
-function U(e) {
-	e.preventBaseUIHandler();
-}
-function W(e) {
-	e.key !== "Tab" && e.preventDefault(), e.preventBaseUIHandler();
-}
-function G(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(), q(e.currentTarget, e)));
-}
-function K(e) {
-	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), q(e.currentTarget, e));
-}
-function q(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 J = /* @__PURE__ */ v("<div>"), Y = "--collapsible-panel-height", X = "--collapsible-panel-width";
-function Z(e) {
-	let r = M(), s = e, l = e, [u, d] = C(), m = S(() => s.id || void 0), v = S(() => m() ?? r.defaultPanelId), b = S(() => s.hiddenUntilFound ?? !1), w = S(() => s.keepMounted ?? !1), T = E(l, "render", "class", "hiddenUntilFound", "id", "keepMounted", "ref", "style"), O = c({
-		element: u,
-		hiddenUntilFound: b,
-		keepMounted: w,
-		mounted: r.mounted,
-		open: r.open,
-		requestBeforeMatchOpen: (e, t) => r.requestOpenChange(!0, e, i, t),
-		setMounted: r.setMounted,
-		transitionStatus: r.transitionStatus
-	}), k = S(() => ({
-		...r.state(),
-		transitionStatus: O.panelTransitionStatus()
-	})), A = S(() => O.shouldRender() ? a(e.class, k()) : void 0), j = S(() => Q(O.dimensions(), O.shouldRender() ? o(e.style, k()) : void 0, O.shouldPreventOpenAnimation())), N = S(() => {
-		let e = n(k(), I);
-		return O.shouldPersistHiddenTransitionStyles() && (e["data-starting-style"] = ""), e;
-	}), P = S(() => O.hidden() ? !b() || "until-found" : void 0);
-	x(() => m(), (e) => (r.setPanelIdState((t) => e ?? (t === null ? void 0 : t)), () => {
-		r.setPanelIdState((t) => t === e ? null : t);
-	})), x(() => ({
-		hiddenUntilFound: b(),
-		keepMounted: s.keepMounted
-	}), (e) => {
-		e.hiddenUntilFound && e.keepMounted;
-	}), D(() => d(void 0));
-	let F = t(e, () => k(), (e) => (() => {
-		var t = p(J);
-		return _(t, e, !1), g(), t;
-	})());
-	return f(y, {
-		get when() {
-			return O.shouldRender();
-		},
-		get children() {
-			return f(F, h({
-				ref: [s.ref, (e) => d(e)],
-				get id() {
-					return v();
-				},
-				get class() {
-					return A();
-				},
-				get style() {
-					return j();
-				},
-				get hidden() {
-					return P();
-				}
-			}, N, T));
-		}
-	});
-}
-function Q(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" ? [
-		`${Y}:${r}`,
-		`${X}:${i}`,
-		t,
-		n ? "animation-name:none" : ""
-	].filter(Boolean).join(";") : {
-		[Y]: r,
-		[X]: i,
-		...t,
-		...n ? { "animation-name": "none" } : {}
-	};
-}
-//#endregion
-//#region src/collapsible/index.parts.ts
-var $ = /* @__PURE__ */ e({
-	Panel: () => Z,
-	Root: () => z,
-	Trigger: () => V
-});
-//#endregion
-export { $ as t };