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

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 };

package/dist/lib/client/combobox-8O-vgTLL.js

@@ -1,352 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
-import { E as n, S as r, b as i, n as a, w as o } from "./reasons-Co5CzjKq.js";
-import { n as s, t as c } from "./resolveStyle-XcgAuaKR.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 { t as f } from "./runOnceAnimationsFinish-15EM-Z4l.js";
-import { A as p, C as m, D as h, E as g, M as _, N as v, O as y, P as b, S as x, T as S, _ as C, a as w, b as T, c as E, d as D, f as O, g as k, h as ee, i as te, j as ne, k as A, l as re, m as ie, n as ae, o as oe, p as se, r as ce, s as le, t as ue, u as de, v as fe, w as j, x as M, y as N } from "./useFilteredItems-DTekHz39.js";
-import { t as P } from "./createTransitionStatus-B1L-whed.js";
-import { a as F, n as I, r as L, t as R } from "./buttonSemantics-paljfpOX.js";
-import { n as z } from "./DirectionContext-BwMabICS.js";
-import { fieldStateAttributesMapping as B } from "./internals/field-constants.js";
-import { n as V, o as pe } from "./mergeStyleValue-C4ITiiIV.js";
-import { r as me } from "./LabelableContext-DKsB0fIx.js";
-import { Dynamic as H, createComponent as U, mergeProps as W } from "@solidjs/web";
-import { Show as he, createContext as ge, createEffect as G, createMemo as K, createSignal as q, flush as _e, omit as J, onCleanup as Y, untrack as X, useContext as ve } from "solid-js";
-//#region src/combobox/root/ComboboxRoot.tsx
-function ye(e) {
-	let t = J(e, "multiple", "value", "defaultValue", "onValueChange", "autoComplete");
-	return U(y, W({
-		get selectionMode() {
-			return e.multiple ? "multiple" : "single";
-		},
-		get selectedValue() {
-			return e.value;
-		},
-		get defaultSelectedValue() {
-			return e.defaultValue;
-		},
-		get onSelectedValueChange() {
-			return e.onValueChange;
-		},
-		get formAutoComplete() {
-			return e.autoComplete;
-		}
-	}, t));
-}
-//#endregion
-//#region src/combobox/label/ComboboxLabel.tsx
-function be(e) {
-	let n = A(), r = me(), i = e, a = e, o = K(() => `${n.id()}-label`), l = K(() => n.field.state()), u = K(() => s(e.class, l())), f = K(() => c(e.style, l())), p = K(() => t(l(), B)), m = J(a, "as", "class", "id", "onClick", "onPointerDown", "ref", "style");
-	function h(e) {
-		let t = e.composedPath()[0];
-		t instanceof Element && t.closest("button,input,select,textarea,a[href]") || (!e.defaultPrevented && e.detail > 1 && e.preventDefault(), (n.store.inputInsidePopup() ? n.triggerElement() : n.inputElement() ?? n.triggerElement())?.focus({ focusVisible: !0 }));
-	}
-	function g(e) {
-		e.preventDefault();
-	}
-	let _ = d(() => i.onClick, () => h), v = d(() => i.onPointerDown, () => g);
-	return G(o, (e) => {
-		n.store.setLabelId(e);
-		let t = r.registerLabelId(e);
-		return () => {
-			t(), X(() => n.store.labelId()) === e && n.store.setLabelId(void 0);
-		};
-	}), U(H, W({
-		get component() {
-			return e.as ?? "div";
-		},
-		ref: [i.ref],
-		get id() {
-			return o();
-		},
-		get class() {
-			return u();
-		},
-		get style() {
-			return f();
-		},
-		onClick: _,
-		onPointerDown: v
-	}, p, m));
-}
-//#endregion
-//#region src/combobox/value/ComboboxValue.tsx
-function xe(e) {
-	let t = A();
-	return K(() => {
-		let n = e.children;
-		if (typeof n == "function") return V(n) ? X(() => n()) : n(t.selectedValue());
-		if (n != null) return n;
-		if (!t.hasSelectedValue() && e.placeholder != null && !ne(t.items())) return e.placeholder;
-		let r = t.selectedValue();
-		return t.multiple() && Array.isArray(r) ? _(r, t.items(), t.itemToStringLabel()) : v(r, t.items(), t.itemToStringLabel());
-	});
-}
-//#endregion
-//#region src/combobox/item-indicator/ComboboxItemIndicator.tsx
-function Se(e) {
-	let n = oe(), r = e, i = e, a = P(n.selected), o = K(() => (r.keepMounted ?? !1) || a.mounted()), l = K(() => ({
-		selected: n.selected(),
-		transitionStatus: a.transitionStatus()
-	})), d = K(() => s(e.class, l())), p = K(() => c(e.style, l())), m = K(() => t(l(), u)), h = J(i, "as", "class", "keepMounted", "ref", "style"), g;
-	return G(() => ({
-		selected: n.selected(),
-		status: a.transitionStatus(),
-		element: g
-	}), (e) => {
-		if (e.selected || e.status !== "ending" || !e.element) return;
-		let t = new AbortController();
-		return f(e.element, () => {
-			X(n.selected) || a.setMounted(!1);
-		}, t.signal), () => t.abort();
-	}), U(he, {
-		get when() {
-			return o();
-		},
-		get children() {
-			return U(H, W({
-				get component() {
-					return e.as ?? "span";
-				},
-				ref: [((e) => g = e), r.ref],
-				"aria-hidden": "true",
-				get class() {
-					return d();
-				},
-				get style() {
-					return p();
-				}
-			}, m, h, { get children() {
-				return e.children ?? "✔️";
-			} }));
-		}
-	});
-}
-//#endregion
-//#region src/combobox/chips/ComboboxChips.tsx
-function Z(e) {
-	let t = A(), n = e, r = e, [i, a] = q(void 0), o = new j(), l = {}, u = K(() => s(e.class, l)), f = K(() => c(e.style, l)), p = J(r, "as", "class", "onMouseDown", "ref", "style"), m = d(() => n.onMouseDown, () => (e) => T(e, t, t.disabled(), t.readOnly()));
-	G(() => t.store.open(), (e) => {
-		e && a(void 0);
-	});
-	let h = null;
-	return Y(() => {
-		t.store.chipsContainerElement === h && (t.store.chipsContainerElement = null);
-	}), U(S, {
-		value: {
-			highlightedChipIndex: i,
-			setHighlightedChipIndex: (e) => a(() => e),
-			chips: o
-		},
-		get children() {
-			return U(H, W({
-				get component() {
-					return e.as ?? "div";
-				},
-				ref: [((e) => {
-					h = e, t.store.chipsContainerElement = e;
-				}), n.ref],
-				get role() {
-					return t.hasSelectionChips() ? "toolbar" : void 0;
-				},
-				get class() {
-					return u();
-				},
-				get style() {
-					return f();
-				},
-				onMouseDown: m
-			}, p));
-		}
-	});
-}
-//#endregion
-//#region src/combobox/chip/ComboboxChipContext.ts
-var Q = Symbol("ComboboxChipContext"), $ = ge(Q);
-function Ce() {
-	let e = ve($);
-	if (e === Q) throw Error("Base UI: ComboboxChipContext is missing. ComboboxChip parts must be placed within <Combobox.Chip>.");
-	return e;
-}
-//#endregion
-//#region src/combobox/chip/ComboboxChip.tsx
-function we(e) {
-	let n = A(), a = g(), u = z(), f = e, p = e, h = Symbol("ComboboxChip"), [_, v] = q(null, { ownedWrite: !0 }), y = a.chips.register(h, _);
-	Y(y);
-	let b = K(() => a.chips.indexOf(h)), S = K(() => ({ disabled: n.disabled() })), C = K(() => s(e.class, S())), w = K(() => c(e.style, S())), T = K(() => t(S())), E = J(p, "as", "class", "onKeyDown", "ref", "style");
-	function D(e) {
-		let t = b(), [s, c] = x(u()), d = n.selectedValue(), f = Array.isArray(d) ? d : [];
-		if (e.key === s) return e.preventDefault(), t > 0 ? t - 1 : void 0;
-		if (e.key === c) return e.preventDefault(), t < a.chips.size() - 1 ? t + 1 : void 0;
-		if (e.key === "Backspace" || e.key === "Delete") {
-			e.preventDefault(), e.stopPropagation();
-			let r = m(t, f.length);
-			return n.setIndices({
-				activeIndex: null,
-				selectedIndex: null,
-				type: i
-			}), n.setSelectedValue(f.filter((e, n) => n !== t), l(o, e)), r;
-		}
-		if (e.key === "Enter" || e.key === " ") {
-			e.preventDefault(), e.stopPropagation();
-			return;
-		}
-		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-			e.preventDefault(), e.stopPropagation(), n.setOpen(!0, l(r, e));
-			return;
-		}
-		if (!(e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey)) return t;
-	}
-	function O(e) {
-		if (n.disabled() || n.readOnly()) return;
-		let t = D(e);
-		a.setHighlightedChipIndex(t), _e(), t === void 0 ? n.focusInput() : a.chips.elements()[t]?.focus();
-	}
-	let k = d(() => f.onKeyDown, () => O);
-	return U($, {
-		value: { index: b },
-		get children() {
-			return U(H, W({
-				get component() {
-					return e.as ?? "div";
-				},
-				ref: [((e) => {
-					v(e), a.chips.touch();
-				}), f.ref],
-				tabindex: -1,
-				get "aria-disabled"() {
-					return n.disabled() ? "true" : void 0;
-				},
-				get "aria-readonly"() {
-					return n.readOnly() ? "true" : void 0;
-				},
-				get class() {
-					return C();
-				},
-				get style() {
-					return w();
-				},
-				onKeyDown: k
-			}, T, E));
-		}
-	});
-}
-//#endregion
-//#region src/combobox/chip-remove/ComboboxChipRemove.tsx
-function Te(e) {
-	let r = A(), o = Ce(), u = e, f = e, p = K(() => u.nativeButton ?? !0), m = K(() => r.disabled() || (u.disabled ?? !1)), h = K(() => ({ disabled: m() })), g = K(() => s(e.class, h())), _ = K(() => c(e.style, h())), v = K(() => t(h())), y = J(f, "as", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "ref", "style");
-	function b(e) {
-		let t = r.store.activeIndex();
-		if (t == null) return;
-		let a = pe(r.itemValues(), e, r.comparator());
-		a !== -1 && t === a && r.setIndices({
-			activeIndex: null,
-			type: r.store.keyboardActive ? i : n
-		});
-	}
-	function x(e) {
-		let t = l(a, e), n = r.selectedValue(), i = Array.isArray(n) ? n : [], s = o.index();
-		return b(i[s]), r.setSelectedValue(i.filter((e, t) => t !== s), t), r.focusInput(), t;
-	}
-	function S(e) {
-		m() || r.readOnly() || x(e).isPropagationAllowed || e.stopPropagation();
-	}
-	function C(e) {
-		if (m() || r.readOnly() || e.key !== "Enter" && e.key !== " ") return;
-		let t = x(e);
-		e.preventDefault(), t.isPropagationAllowed || e.stopPropagation();
-	}
-	let w = d(() => X(() => m() ? L : void 0), () => u.onClick, () => S), T = d(() => u.onKeyDown, () => C, () => X(() => p() ? void 0 : R)), E = d(() => X(() => m() ? F : void 0), () => u.onKeyUp, () => X(() => p() ? void 0 : I)), D = d(() => u.onMouseDown, () => (e) => e.preventDefault());
-	return U(H, W({
-		get component() {
-			return e.as ?? "button";
-		},
-		ref: [u.ref],
-		get type() {
-			return p() ? "button" : void 0;
-		},
-		tabindex: -1,
-		get "aria-disabled"() {
-			return !p() && m() ? "true" : void 0;
-		},
-		get class() {
-			return g();
-		},
-		get style() {
-			return _();
-		},
-		onClick: w,
-		onKeyDown: T,
-		onKeyUp: E,
-		onMouseDown: D
-	}, v, y));
-}
-//#endregion
-//#region src/combobox/root/utils/useFilter.ts
-function Ee(e, t) {
-	return (n, r) => n != null && e.contains(n, r, t);
-}
-function De(e, t, n) {
-	return (r, i) => {
-		if (r == null) return !1;
-		if (!i) return !0;
-		let a = n == null ? "" : b(n, t);
-		return a && a.length === i.length && e.contains(a, i) ? !0 : e.contains(r, i, t);
-	};
-}
-function Oe(e = {}) {
-	let t = () => typeof e == "function" ? e() : e;
-	function n() {
-		let { multiple: e, value: n, ...r } = t();
-		return p(r);
-	}
-	return {
-		contains(e, r, i) {
-			let { multiple: a = !1, value: o } = t(), s = n();
-			return a ? Ee(s, i)(e, r) : De(s, i, o)(e, r);
-		},
-		startsWith(e, t, r) {
-			return n().startsWith(e, t, r);
-		},
-		endsWith(e, t, r) {
-			return n().endsWith(e, t, r);
-		}
-	};
-}
-//#endregion
-//#region src/combobox/index.parts.ts
-var ke = /* @__PURE__ */ e({
-	Arrow: () => re,
-	Backdrop: () => O,
-	Chip: () => we,
-	ChipRemove: () => Te,
-	Chips: () => Z,
-	Clear: () => C,
-	Collection: () => k,
-	Empty: () => ce,
-	Group: () => E,
-	GroupLabel: () => le,
-	Icon: () => fe,
-	Input: () => M,
-	InputGroup: () => N,
-	Item: () => w,
-	ItemIndicator: () => Se,
-	Label: () => be,
-	List: () => ee,
-	Popup: () => de,
-	Portal: () => se,
-	Positioner: () => D,
-	Root: () => ye,
-	Row: () => te,
-	Separator: () => ae,
-	Status: () => ie,
-	Trigger: () => h,
-	Value: () => xe,
-	useFilter: () => Oe,
-	useFilteredItems: () => ue
-});
-//#endregion
-export { ke as t };