@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/select.js

@@ -0,0 +1,771 @@
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Select.tsx.
+ * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, createSlot, createSlottedContext, dom } from "./utils.js";
+import { LabelContext } from "./label.js";
+import { ButtonContext } from "./button.js";
+import { TextContext } from "./text.js";
+import { FieldErrorContext } from "./field-error.js";
+import { FormContext } from "./form.js";
+import intl_default from "./intl/index.js";
+import { ListBoxContext, ListStateContext } from "./list-box.js";
+import { OverlayTriggerStateContext } from "./overlay-contexts.js";
+import { PopoverContext } from "./popover.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createMemo, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { applyRef, memo, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { BaseCollection } from "@solid2-aria/core/collections/base-collection";
+import { CollectionBuilder } from "@solid2-aria/core/collections/collection-builder";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { createIsHidden } from "@solid2-aria/core/collections/hidden";
+import { createLocalizedStringFormatter } from "@solid2-aria/core/i18n/create-localized-string-formatter";
+import { createListFormatter } from "@solid2-aria/core/i18n/create-list-formatter";
+import { createSelect } from "@solid2-aria/core/select/create-select";
+import { HiddenSelect } from "@solid2-aria/core/select/hidden-select";
+import { createSelectState } from "@solid2-aria/stately/select/create-select-state";
+// src/select.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _m$7 = Symbol();
+var _m$8 = Symbol();
+var _m$9 = Symbol();
+var _m$10 = Symbol();
+var _m$11 = Symbol();
+var _d$ = {
+	get() {
+		const content = this[_m$];
+		return content();
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3) {
+	this[_m$] = _p;
+	this.createCollection = _p2;
+	Object.defineProperty(this, "content", _d$);
+	this.children = _p3;
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		const content = this[_m$];
+		const props = this[_m$2];
+		const setRef = this[_m$3];
+		return CollectionBuilder(new _P$(content, () => new BaseCollection(), (collection) => SelectInner({
+			props,
+			collection,
+			selectRef: setRef
+		})));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p4, _p5, _p6, _p7) {
+	this[_m$] = _p4;
+	this[_m$2] = _p5;
+	this[_m$3] = _p6;
+	this.value = _p7;
+	Object.defineProperty(this, "children", _d$2);
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		return this[_m$].autoComplete;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p8) {
+	this[_m$] = _p8;
+	Object.defineProperty(this, "autoComplete", _d$3);
+}
+_P$3.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		return this[_m$2].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$3].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		return this[_m$4].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$7 = {
+	get() {
+		return this[_m$3].isOpen || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		return this[_m$2].isDisabled ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		return this[_m$5].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		return this[_m$2].isRequired ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		const render = this[_m$6];
+		const aria = this[_m$5];
+		const props = this[_m$2];
+		return [memo(() => {
+			return render.children;
+		}), HiddenSelect(mergeProps$1(() => {
+			return aria.hiddenSelectProps;
+		}, new _P$3(props)))];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p9, _p0, _p1, _p10, _p11, _p12) {
+	this[_m$] = _p9;
+	this[_m$2] = _p0;
+	this[_m$3] = _p1;
+	this[_m$4] = _p10;
+	this[_m$5] = _p11;
+	this[_m$6] = _p12;
+	this.ref = (r$) => {
+		const input = this[_m$];
+		var _ref$ = input.selectRef;
+		typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : input.selectRef = r$;
+	};
+	Object.defineProperty(this, "slot", _d$4);
+	Object.defineProperty(this, "data-focused", _d$5);
+	Object.defineProperty(this, "data-focus-visible", _d$6);
+	Object.defineProperty(this, "data-open", _d$7);
+	Object.defineProperty(this, "data-disabled", _d$8);
+	Object.defineProperty(this, "data-invalid", _d$9);
+	Object.defineProperty(this, "data-required", _d$10);
+	Object.defineProperty(this, "children", _d$11);
+}
+_P$4.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const focus = this[_m$3];
+		const input = this[_m$4];
+		const state = this[_m$5];
+		const aria = this[_m$6];
+		return dom.div(mergeProps$1(() => {
+			return mergeProps(omit(filterDOMProps(props, { global: true }), "id"), render, merge(() => focus.focusProps ?? {}));
+		}, new _P$4(input, props, state, focus, aria, render)));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p13, _p14, _p15, _p16, _p17, _p18, _p19) {
+	this[_m$] = _p13;
+	this[_m$2] = _p14;
+	this[_m$3] = _p15;
+	this[_m$4] = _p16;
+	this[_m$5] = _p17;
+	this[_m$6] = _p18;
+	this.value = _p19;
+	Object.defineProperty(this, "children", _d$12);
+}
+_P$5.prototype = Object.prototype;
+var _d$13 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const focus = this[_m$3];
+		const input = this[_m$4];
+		const state = this[_m$5];
+		const aria = this[_m$6];
+		return FieldErrorContext(new _P$5(props, render, focus, input, state, aria, aria));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p20, _p21, _p22, _p23, _p24, _p25, _p26) {
+	this[_m$] = _p20;
+	this[_m$2] = _p21;
+	this[_m$3] = _p22;
+	this[_m$4] = _p23;
+	this[_m$5] = _p24;
+	this[_m$6] = _p25;
+	this.value = _p26;
+	Object.defineProperty(this, "children", _d$13);
+}
+_P$6.prototype = Object.prototype;
+var _d$14 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const focus = this[_m$3];
+		const input = this[_m$4];
+		const state = this[_m$5];
+		const aria = this[_m$6];
+		return TextContext(new _P$6(props, render, focus, input, state, aria, { slots: {
+			get description() {
+				return aria.descriptionProps;
+			},
+			get errorMessage() {
+				return aria.errorMessageProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p27, _p28, _p29, _p30, _p31, _p32, _p33) {
+	this[_m$] = _p27;
+	this[_m$2] = _p28;
+	this[_m$3] = _p29;
+	this[_m$4] = _p30;
+	this[_m$5] = _p31;
+	this[_m$6] = _p32;
+	this.value = _p33;
+	Object.defineProperty(this, "children", _d$14);
+}
+_P$7.prototype = Object.prototype;
+var _d$15 = {
+	get() {
+		const aria = this[_m$];
+		const setScrollRef = this[_m$2];
+		return mergeProps(merge(() => aria.menuProps ?? {}), { ref: (element) => {
+			setScrollRef(element);
+		} });
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$16 = {
+	get() {
+		const props = this[_m$3];
+		const render = this[_m$4];
+		const focus = this[_m$5];
+		const input = this[_m$6];
+		const state = this[_m$7];
+		const aria = this[_m$];
+		return ListStateContext(new _P$7(props, render, focus, input, state, aria, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p34, _p35, _p36, _p37, _p38, _p39, _p40) {
+	this[_m$] = _p34;
+	this[_m$2] = _p35;
+	this[_m$3] = _p36;
+	this[_m$4] = _p37;
+	this[_m$5] = _p38;
+	this[_m$6] = _p39;
+	this[_m$7] = _p40;
+	Object.defineProperty(this, "value", _d$15);
+	Object.defineProperty(this, "children", _d$16);
+}
+_P$8.prototype = Object.prototype;
+var _d$17 = {
+	get() {
+		const scrollRef = this[_m$];
+		const buttonRef = this[_m$2];
+		const aria = this[_m$3];
+		return mergeProps({
+			clearContexts: [
+				LabelContext,
+				ButtonContext,
+				TextContext
+			],
+			get placement() {
+				return "bottom start";
+			},
+			scrollRef,
+			trigger: "Select",
+			triggerRef: buttonRef
+		}, { get "aria-labelledby"() {
+			return aria.menuProps["aria-labelledby"];
+		} });
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$18 = {
+	get() {
+		const aria = this[_m$3];
+		const setScrollRef = this[_m$4];
+		const props = this[_m$5];
+		const render = this[_m$6];
+		const focus = this[_m$7];
+		const input = this[_m$8];
+		const state = this[_m$9];
+		return ListBoxContext(new _P$8(aria, setScrollRef, props, render, focus, input, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$9(_p41, _p42, _p43, _p44, _p45, _p46, _p47, _p48, _p49) {
+	this[_m$] = _p41;
+	this[_m$2] = _p42;
+	this[_m$3] = _p43;
+	this[_m$4] = _p44;
+	this[_m$5] = _p45;
+	this[_m$6] = _p46;
+	this[_m$7] = _p47;
+	this[_m$8] = _p48;
+	this[_m$9] = _p49;
+	Object.defineProperty(this, "value", _d$17);
+	Object.defineProperty(this, "children", _d$18);
+}
+_P$9.prototype = Object.prototype;
+var _d$19 = {
+	get() {
+		const scrollRef = this[_m$];
+		const buttonRef = this[_m$2];
+		const aria = this[_m$3];
+		const setScrollRef = this[_m$4];
+		const props = this[_m$5];
+		const render = this[_m$6];
+		const focus = this[_m$7];
+		const input = this[_m$8];
+		const state = this[_m$9];
+		return PopoverContext(new _P$9(scrollRef, buttonRef, aria, setScrollRef, props, render, focus, input, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$10(_p50, _p51, _p52, _p53, _p54, _p55, _p56, _p57, _p58, _p59) {
+	this[_m$] = _p50;
+	this[_m$2] = _p51;
+	this[_m$3] = _p52;
+	this[_m$4] = _p53;
+	this[_m$5] = _p54;
+	this[_m$6] = _p55;
+	this[_m$7] = _p56;
+	this[_m$8] = _p57;
+	this[_m$9] = _p58;
+	this.value = _p59;
+	Object.defineProperty(this, "children", _d$19);
+}
+_P$10.prototype = Object.prototype;
+var _d$20 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$2];
+		const state = this[_m$3];
+		const setButtonRef = this[_m$4];
+		return mergeProps(merge(() => aria.triggerProps ?? {}), {
+			get autoFocus() {
+				return props.autoFocus;
+			},
+			get isPressed() {
+				return state.isOpen;
+			},
+			ref: (element) => {
+				setButtonRef(element);
+			}
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$21 = {
+	get() {
+		const scrollRef = this[_m$5];
+		const buttonRef = this[_m$6];
+		const aria = this[_m$];
+		const setScrollRef = this[_m$7];
+		const props = this[_m$2];
+		const render = this[_m$8];
+		const focus = this[_m$9];
+		const input = this[_m$10];
+		const state = this[_m$3];
+		return OverlayTriggerStateContext(new _P$10(scrollRef, buttonRef, aria, setScrollRef, props, render, focus, input, state, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$11(_p60, _p61, _p62, _p63, _p64, _p65, _p66, _p67, _p68, _p69) {
+	this[_m$] = _p60;
+	this[_m$2] = _p61;
+	this[_m$3] = _p62;
+	this[_m$4] = _p63;
+	this[_m$5] = _p64;
+	this[_m$6] = _p65;
+	this[_m$7] = _p66;
+	this[_m$8] = _p67;
+	this[_m$9] = _p68;
+	this[_m$10] = _p69;
+	Object.defineProperty(this, "value", _d$20);
+	Object.defineProperty(this, "children", _d$21);
+}
+_P$11.prototype = Object.prototype;
+var _d$22 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$2];
+		return mergeProps(merge(() => aria.labelProps ?? {}), {
+			get elementType() {
+				return "span";
+			},
+			registerSlot: registerLabel
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$23 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$3];
+		const state = this[_m$4];
+		const setButtonRef = this[_m$5];
+		const scrollRef = this[_m$6];
+		const buttonRef = this[_m$7];
+		const setScrollRef = this[_m$8];
+		const render = this[_m$9];
+		const focus = this[_m$10];
+		const input = this[_m$11];
+		return ButtonContext(new _P$11(aria, props, state, setButtonRef, scrollRef, buttonRef, setScrollRef, render, focus, input));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$12(_p70, _p71, _p72, _p73, _p74, _p75, _p76, _p77, _p78, _p79, _p80) {
+	this[_m$] = _p70;
+	this[_m$2] = _p71;
+	this[_m$3] = _p72;
+	this[_m$4] = _p73;
+	this[_m$5] = _p74;
+	this[_m$6] = _p75;
+	this[_m$7] = _p76;
+	this[_m$8] = _p77;
+	this[_m$9] = _p78;
+	this[_m$10] = _p79;
+	this[_m$11] = _p80;
+	Object.defineProperty(this, "value", _d$22);
+	Object.defineProperty(this, "children", _d$23);
+}
+_P$12.prototype = Object.prototype;
+var _d$24 = {
+	get() {
+		return this[_m$].valueProps;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$25 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$2];
+		const props = this[_m$3];
+		const state = this[_m$4];
+		const setButtonRef = this[_m$5];
+		const scrollRef = this[_m$6];
+		const buttonRef = this[_m$7];
+		const setScrollRef = this[_m$8];
+		const render = this[_m$9];
+		const focus = this[_m$10];
+		const input = this[_m$11];
+		return LabelContext(new _P$12(aria, registerLabel, props, state, setButtonRef, scrollRef, buttonRef, setScrollRef, render, focus, input));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$13(_p81, _p82, _p83, _p84, _p85, _p86, _p87, _p88, _p89, _p90, _p91) {
+	this[_m$] = _p81;
+	this[_m$2] = _p82;
+	this[_m$3] = _p83;
+	this[_m$4] = _p84;
+	this[_m$5] = _p85;
+	this[_m$6] = _p86;
+	this[_m$7] = _p87;
+	this[_m$8] = _p88;
+	this[_m$9] = _p89;
+	this[_m$10] = _p90;
+	this[_m$11] = _p91;
+	Object.defineProperty(this, "value", _d$24);
+	Object.defineProperty(this, "children", _d$25);
+}
+_P$13.prototype = Object.prototype;
+var _d$26 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$2];
+		const props = this[_m$3];
+		const state = this[_m$4];
+		const setButtonRef = this[_m$5];
+		const scrollRef = this[_m$6];
+		const buttonRef = this[_m$7];
+		const setScrollRef = this[_m$8];
+		const render = this[_m$9];
+		const focus = this[_m$10];
+		const input = this[_m$11];
+		return SelectValueContext(new _P$13(aria, registerLabel, props, state, setButtonRef, scrollRef, buttonRef, setScrollRef, render, focus, input));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$14(_p92, _p93, _p94, _p95, _p96, _p97, _p98, _p99, _p100, _p101, _p102, _p103) {
+	this[_m$] = _p92;
+	this[_m$2] = _p93;
+	this[_m$3] = _p94;
+	this[_m$4] = _p95;
+	this[_m$5] = _p96;
+	this[_m$6] = _p97;
+	this[_m$7] = _p98;
+	this[_m$8] = _p99;
+	this[_m$9] = _p100;
+	this[_m$10] = _p101;
+	this[_m$11] = _p102;
+	this.value = _p103;
+	Object.defineProperty(this, "children", _d$26);
+}
+_P$14.prototype = Object.prototype;
+var _d$27 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$2];
+		const props = this[_m$3];
+		const state = this[_m$4];
+		const setButtonRef = this[_m$5];
+		const scrollRef = this[_m$6];
+		const buttonRef = this[_m$7];
+		const setScrollRef = this[_m$8];
+		const render = this[_m$9];
+		const focus = this[_m$10];
+		const input = this[_m$11];
+		return SelectStateContext(new _P$14(aria, registerLabel, props, state, setButtonRef, scrollRef, buttonRef, setScrollRef, render, focus, input, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$15(_p104, _p105, _p106, _p107, _p108, _p109, _p110, _p111, _p112, _p113, _p114, _p115) {
+	this[_m$] = _p104;
+	this[_m$2] = _p105;
+	this[_m$3] = _p106;
+	this[_m$4] = _p107;
+	this[_m$5] = _p108;
+	this[_m$6] = _p109;
+	this[_m$7] = _p110;
+	this[_m$8] = _p111;
+	this[_m$9] = _p112;
+	this[_m$10] = _p113;
+	this[_m$11] = _p114;
+	this.value = _p115;
+	Object.defineProperty(this, "children", _d$27);
+}
+_P$15.prototype = Object.prototype;
+var _d$28 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$16(_p116, _p117) {
+	this[_m$] = _p116;
+	this.value = _p117;
+	Object.defineProperty(this, "children", _d$28);
+}
+_P$16.prototype = Object.prototype;
+var _d$29 = {
+	get() {
+		return this[_m$].isPlaceholder || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$30 = {
+	get() {
+		const render = this[_m$2];
+		return TextContext(new _P$16(render, null));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$17(_p118, _p119, _p120) {
+	this[_m$] = _p118;
+	this[_m$2] = _p119;
+	this.ref = _p120;
+	Object.defineProperty(this, "data-placeholder", _d$29);
+	Object.defineProperty(this, "children", _d$30);
+}
+_P$17.prototype = Object.prototype;
+const SelectContext = createContext(null);
+const SelectStateContext = createContext(null);
+const SelectValueContext = createContext(null);
+function Select(input) {
+	if (createIsHidden()) return null;
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SelectContext);
+	const contentValues = {
+		get isDisabled() {
+			return props.isDisabled === true;
+		},
+		isFocusVisible: false,
+		isFocused: false,
+		get isInvalid() {
+			return props.isInvalid === true;
+		},
+		isOpen: false,
+		get isRequired() {
+			return props.isRequired === true;
+		}
+	};
+	const content = () => {
+		const child = props.children;
+		return typeof child === "function" ? child({
+			...contentValues,
+			defaultChildren: void 0
+		}) : child;
+	};
+	return ListStateContext(new _P$2(content, props, setRef, null));
+}
+function SelectInner(input) {
+	const [scrollRef, setScrollRef] = createSignal(null, { ownedWrite: true });
+	const { props } = untrack(() => input);
+	const form = createSlottedContext(FormContext);
+	const validationBehavior = () => props.validationBehavior ?? form?.validationBehavior ?? "native";
+	const state = createSelectState(mergeProps(props, {
+		children: void 0,
+		get collection() {
+			return input.collection;
+		},
+		get validationBehavior() {
+			return validationBehavior();
+		}
+	}));
+	const focus = createFocusRing({ within: true });
+	const [buttonRef, setButtonRef] = createSignal(null, { ownedWrite: true });
+	const [registerLabel, label] = createSlot(() => !isTruthy(props["aria-label"]) && !isTruthy(props["aria-labelledby"]));
+	const aria = createSelect(mergeProps(props, {
+		get label() {
+			return label();
+		},
+		get validationBehavior() {
+			return validationBehavior();
+		}
+	}), state, buttonRef);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-Select",
+		values: {
+			get isDisabled() {
+				return props.isDisabled === true;
+			},
+			get isFocusVisible() {
+				return focus.isFocusVisible;
+			},
+			get isFocused() {
+				return state.isFocused;
+			},
+			get isInvalid() {
+				return aria.isInvalid;
+			},
+			get isOpen() {
+				return state.isOpen;
+			},
+			get isRequired() {
+				return props.isRequired === true;
+			}
+		}
+	}));
+	return SelectContext(new _P$15(aria, registerLabel, props, state, setButtonRef, scrollRef, buttonRef, setScrollRef, render, focus, input, props));
+}
+function SelectValue(input) {
+	if (createIsHidden()) return null;
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SelectValueContext);
+	const current = useContext(SelectStateContext);
+	if (!current) throw new Error("SelectValue must be rendered in a Select.");
+	const state = current;
+	const context = createSlottedContext(SelectContext);
+	const formatter = createListFormatter();
+	const strings = createLocalizedStringFormatter(intl_default, "@solid2-aria/components");
+	const text = createMemo(() => state.selectedItems.map((item) => item.textValue));
+	const selectedText = createMemo(() => state.selectionManager.selectionMode === "single" ? text()[0] ?? "" : formatter.format(text()));
+	const defaults = createMemo(() => {
+		const rendered = state.selectedItems.map((item) => {
+			const content = item.rendered;
+			if (typeof content === "function") return content({
+				defaultChildren: void 0,
+				isDisabled: false,
+				isFocusVisible: false,
+				isFocused: false,
+				isHovered: false,
+				isPressed: false,
+				isSelected: false,
+				selectionBehavior: "toggle",
+				selectionMode: "single"
+			});
+			return item.rendered;
+		});
+		if (!rendered.length) return context?.placeholder ?? strings.format("selectPlaceholder");
+		if (state.selectionManager.selectionMode === "single") return rendered[0];
+		let index = 0;
+		return formatter.formatToParts(text()).map((part) => part.type === "element" ? rendered[index += 1] : part.value);
+	});
+	const values = {
+		get isPlaceholder() {
+			return state.selectedItems.length === 0;
+		},
+		get selectedItem() {
+			return state.selectedItems[0]?.value ?? null;
+		},
+		get selectedItems() {
+			return state.selectedItems.map((item) => item.value);
+		},
+		get selectedText() {
+			return selectedText();
+		},
+		state
+	};
+	const render = createRenderProps(mergeProps(props, {
+		get defaultChildren() {
+			return defaults();
+		},
+		defaultClass: "solid2-aria-SelectValue",
+		values
+	}));
+	return dom.span(mergeProps$1(() => {
+		return filterDOMProps(props, { global: true });
+	}, render, new _P$17(values, render, (element) => {
+		setRef(element);
+	})));
+}
+export { Select, SelectContext, SelectStateContext, SelectValue, SelectValueContext };
+
+//# sourceMappingURL=select.js.map