@solid2-aria/stately 0.0.0-stage → 0.0.1

package/dist/numberfield/create-number-field-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-number-field-state.js","names":[],"sources":["../../src/numberfield/create-number-field-state.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/numberfield/useNumberFieldState.ts.\n * Modified for Solid Aria: adapted state handling, APIs, or formatting for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { NumberFormatter, NumberParser } from \"@internationalized/number\";\nimport type {\n  FocusableProps,\n  HelpTextProps,\n  InputBase,\n  LabelableProps,\n  RangeInputBase,\n  TextInputBase,\n  Validation,\n  ValueBase,\n} from \"@solid2-aria/types-shared\";\nimport {\n  createMemo,\n  createSignal,\n  createRenderEffect,\n  merge,\n  untrack,\n} from \"solid-js\";\n\nimport { createFormValidationState } from \"../form/create-form-validation-state\";\nimport type { FormValidationState } from \"../form/create-form-validation-state\";\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport { clamp, snapValueToStep } from \"../utils/number\";\n\nexport interface NumberFieldProps\n  extends\n    InputBase,\n    Validation<number>,\n    FocusableProps,\n    TextInputBase,\n    ValueBase<number>,\n    RangeInputBase<number>,\n    LabelableProps,\n    HelpTextProps {\n  /**\n   * Formatting options for the value displayed in the number field.\n   * This also affects what characters are allowed to be typed by the user.\n   */\n  formatOptions?: Intl.NumberFormatOptions;\n  /**\n   * Controls the behavior of the number field when the user blurs the field after editing. 'snap'\n   * will clamp the value to the min/max values, and snap to the nearest step value. 'validate' will\n   * not clamp the value, and will validate that the value is within the min/max range and on a\n   * valid step.\n   *\n   * @default 'snap'\n   */\n  commitBehavior?: \"snap\" | \"validate\";\n}\n\nexport interface NumberFieldState extends FormValidationState {\n  /**\n   * The current text value of the input. Updated as the user types,\n   * and formatted according to `formatOptions` on blur.\n   */\n  inputValue: string;\n  /**\n   * The currently parsed number value, or Number.NaN if a valid number could not be parsed.\n   * Updated based on the `inputValue` as the user types.\n   */\n  numberValue: number;\n  /** The default value of the input. */\n  defaultNumberValue: number;\n  /** The minimum value of the number field. */\n  minValue?: number;\n  /** The maximum value of the number field. */\n  maxValue?: number;\n  /** Whether the current value can be incremented according to the maximum value and step. */\n  canIncrement: boolean;\n  /** Whether the current value can be decremented according to the minimum value and step. */\n  canDecrement: boolean;\n  /**\n   * Validates a user input string according to the current locale and format options. Values can be\n   * partially entered, and may be valid even if they cannot currently be parsed to a number. Can be\n   * used to implement validation as a user types.\n   */\n  validate: (value: string) => boolean;\n  /** Sets the current text value of the input. */\n  setInputValue: (val: string) => void;\n  /** Sets the number value. */\n  setNumberValue: (val: number) => void;\n  /**\n   * Commits the current input value. The value is parsed to a number, clamped according to the\n   * minimum and maximum values of the field, and snapped to the nearest step value. This will fire\n   * the `onChange` prop with the new value, and if uncontrolled, update the `numberValue`.\n   * Typically this is called when the field is blurred.\n   *\n   * @param value - The value to commit. If not provided, the current input value is used.\n   */\n  commit: (value?: string) => void;\n  /** Increments the current input value to the next step boundary, and fires `onChange`. */\n  increment: () => void;\n  /** Decrements the current input value to the next step boundary, and fires `onChange`. */\n  decrement: () => void;\n  /** Sets the current value to the `maxValue` if any, and fires `onChange`. */\n  incrementToMax: () => void;\n  /** Sets the current value to the `minValue` if any, and fires `onChange`. */\n  decrementToMin: () => void;\n}\n\nexport interface NumberFieldStateOptions extends NumberFieldProps {\n  /**\n   * The locale that should be used for parsing.\n   *\n   * @default 'en-US'\n   */\n  locale: string;\n}\n\nexport function createNumberFieldState(\n  props: NumberFieldStateOptions\n): NumberFieldState {\n  const snap = (v: number) =>\n    props.step === undefined || Number.isNaN(props.step)\n      ? clamp(v, props.minValue, props.maxValue)\n      : snapValueToStep(v, props.minValue, props.maxValue, props.step);\n\n  const normalize = (v: number) =>\n    props.commitBehavior === \"validate\" || Number.isNaN(v) ? v : snap(v);\n\n  const defaults = () => normalize(props.defaultValue ?? Number.NaN);\n\n  const [numberValue, setNumberValue] = createControlledSignal(\n    () => (props.value === undefined ? undefined : normalize(props.value)),\n    untrack(defaults),\n    (v) => props.onChange?.(v)\n  );\n\n  const initial = untrack(numberValue);\n\n  const parser = createMemo(\n    () => new NumberParser(props.locale, props.formatOptions)\n  );\n\n  const [inputValue, setInputValue] = createSignal(\n    untrack(() =>\n      Number.isNaN(initial)\n        ? \"\"\n        : new NumberFormatter(props.locale, props.formatOptions).format(initial)\n    ),\n    { ownedWrite: true }\n  );\n\n  const formatter = createMemo(\n    () =>\n      new NumberFormatter(props.locale, {\n        ...props.formatOptions,\n        numberingSystem: parser().getNumberingSystem(inputValue()),\n      })\n  );\n\n  const format = (v: number) => (Number.isNaN(v) ? \"\" : formatter().format(v));\n  let previous = initial;\n  let previousLocale = untrack(() => props.locale);\n  let previousOptions = JSON.stringify(untrack(() => props.formatOptions));\n  createRenderEffect(\n    () => ({\n      formatted: format(numberValue()),\n      locale: props.locale,\n      options: JSON.stringify(props.formatOptions),\n      v: numberValue(),\n    }),\n    (current) => {\n      if (\n        !Object.is(previous, current.v) ||\n        previousLocale !== current.locale ||\n        previousOptions !== current.options\n      ) {\n        previous = current.v;\n        previousLocale = current.locale;\n        previousOptions = current.options;\n        setInputValue(current.formatted);\n      }\n    }\n  );\n\n  const parsed = createMemo(() =>\n    inputValue().length === 0 ? Number.NaN : parser().parse(inputValue())\n  );\n\n  const validation = createFormValidationState(\n    merge(props, {\n      get value() {\n        return numberValue();\n      },\n    })\n  );\n\n  const step = () => {\n    if (props.step !== undefined && !Number.isNaN(props.step)) {\n      return props.step;\n    }\n\n    return formatter().resolvedOptions().style === \"percent\" ? 0.01 : 1;\n  };\n\n  const nextStep = (direction: 1 | -1) => {\n    const v = parsed();\n\n    if (Number.isNaN(v)) {\n      return snapValueToStep(\n        (direction === 1 ? props.minValue : props.maxValue) ?? 0,\n        props.minValue,\n        props.maxValue,\n        step()\n      );\n    }\n\n    const n = snapValueToStep(v, props.minValue, props.maxValue, step());\n\n    return direction * (n - v) > 0\n      ? n\n      : snapValueToStep(\n          Number((v + direction * step()).toPrecision(15)),\n          props.minValue,\n          props.maxValue,\n          step()\n        );\n  };\n\n  const move = (direction: 1 | -1) => {\n    const v = nextStep(direction);\n\n    if (v === numberValue()) {\n      setInputValue(format(v));\n    }\n\n    setNumberValue(v);\n    validation.commitValidation();\n  };\n\n  return merge(validation, {\n    get canDecrement() {\n      return (\n        props.isDisabled !== true &&\n        props.isReadOnly !== true &&\n        (Number.isNaN(parsed()) ||\n          props.minValue === undefined ||\n          Number.isNaN(props.minValue) ||\n          nextStep(-1) < parsed())\n      );\n    },\n    get canIncrement() {\n      return (\n        props.isDisabled !== true &&\n        props.isReadOnly !== true &&\n        (Number.isNaN(parsed()) ||\n          props.maxValue === undefined ||\n          Number.isNaN(props.maxValue) ||\n          nextStep(1) > parsed())\n      );\n    },\n    commit(override?: string) {\n      const text = override ?? inputValue();\n\n      if (!text.length) {\n        setNumberValue(Number.NaN);\n        setInputValue(props.value === undefined ? \"\" : format(numberValue()));\n\n        return;\n      }\n\n      const v = parser().parse(text);\n\n      if (Number.isNaN(v)) {\n        setInputValue(format(numberValue()));\n\n        return;\n      }\n\n      const n = parser().parse(format(normalize(v)));\n      const changed = n !== numberValue();\n      setNumberValue(n);\n      setInputValue(format(props.value === undefined ? n : numberValue()));\n\n      if (changed) {\n        validation.commitValidation();\n      }\n    },\n    decrement() {\n      move(-1);\n    },\n    decrementToMin() {\n      if (props.minValue !== undefined) {\n        setNumberValue(props.minValue);\n        validation.commitValidation();\n      }\n    },\n    get defaultNumberValue() {\n      return Number.isNaN(defaults()) ? initial : defaults();\n    },\n    increment() {\n      move(1);\n    },\n    incrementToMax() {\n      if (props.maxValue !== undefined) {\n        setNumberValue(\n          snapValueToStep(\n            props.maxValue,\n            props.minValue,\n            props.maxValue,\n            step()\n          )\n        );\n        validation.commitValidation();\n      }\n    },\n    get inputValue() {\n      return inputValue();\n    },\n    get maxValue() {\n      return props.maxValue;\n    },\n    get minValue() {\n      return props.minValue;\n    },\n    get numberValue() {\n      return parsed();\n    },\n    setInputValue,\n    setNumberValue,\n    validate(v: string) {\n      return parser().isValidPartialNumber(v, props.minValue, props.maxValue);\n    },\n  });\n}\n"],"mappings":"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"}

package/dist/overlays/create-overlay-trigger-state.d.ts

@@ -0,0 +1,51 @@
+/*
+ * Copyright 2020 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-stately/src/overlays/useOverlayTriggerState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+export interface OverlayTriggerProps {
+  /** Whether the overlay is open by default (controlled). */
+  isOpen?: boolean;
+  /** Whether the overlay is open by default (uncontrolled). */
+  defaultOpen?: boolean;
+  /** Handler that is called when the overlay's open state changes. */
+  onOpenChange?: (isOpen: boolean) => void;
+}
+interface Point {
+  x: number;
+  y: number;
+}
+export interface OverlayTriggerState {
+  /** Whether the overlay is currently open. */
+  readonly isOpen: boolean;
+  /** Sets whether the overlay is open. */
+  setOpen: (isOpen: boolean) => void;
+  /** Opens the overlay. */
+  open: () => void;
+  /** Closes the overlay. */
+  close: () => void;
+  /** Toggles the overlay's visibility. */
+  toggle: () => void;
+  /** The cursor position when the overlay was triggered, relative to the window viewport. */
+  readonly point: Point | null;
+  /** Sets the cursor position relative to the window viewport. */
+  setPoint: (point: Point) => void;
+}
+/**
+ * Manages state for an overlay trigger. Tracks whether the overlay is open, and provides
+ * methods to toggle this state.
+ */
+export declare function createOverlayTriggerState(props: OverlayTriggerProps): OverlayTriggerState;
+export {};
+//# sourceMappingURL=create-overlay-trigger-state.d.ts.map

package/dist/overlays/create-overlay-trigger-state.js

@@ -0,0 +1,56 @@
+/*
+ * Copyright 2020 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-stately/src/overlays/useOverlayTriggerState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createControlledSignal } from "../utils/create-controlled-signal.js";
+import { createSignal, untrack } from "solid-js";
+// src/overlays/create-overlay-trigger-state.ts
+/**
+* Manages state for an overlay trigger. Tracks whether the overlay is open, and provides
+* methods to toggle this state.
+*/
+function createOverlayTriggerState(props) {
+	const [isOpen, setOpen] = createControlledSignal(() => props.isOpen, untrack(() => props.defaultOpen ?? false), (value) => {
+		props.onOpenChange?.(value);
+	});
+	const [point, setPoint] = createSignal(null, { ownedWrite: true });
+	const open = () => {
+		setOpen(true);
+	};
+	const close = () => {
+		setOpen(false);
+	};
+	const toggle = () => {
+		setOpen((previous) => !previous);
+	};
+	return {
+		close,
+		get isOpen() {
+			return isOpen();
+		},
+		open,
+		get point() {
+			return point();
+		},
+		setOpen,
+		setPoint: (value) => {
+			setPoint(value);
+		},
+		toggle
+	};
+}
+export { createOverlayTriggerState };
+
+//# sourceMappingURL=create-overlay-trigger-state.js.map

package/dist/overlays/create-overlay-trigger-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-overlay-trigger-state.js","names":[],"sources":["../../src/overlays/create-overlay-trigger-state.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/overlays/useOverlayTriggerState.ts.\n * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createSignal, untrack } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\n\nexport interface OverlayTriggerProps {\n  /** Whether the overlay is open by default (controlled). */\n  isOpen?: boolean;\n  /** Whether the overlay is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Handler that is called when the overlay's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\ninterface Point {\n  x: number;\n  y: number;\n}\n\nexport interface OverlayTriggerState {\n  /** Whether the overlay is currently open. */\n  readonly isOpen: boolean;\n  /** Sets whether the overlay is open. */\n  setOpen: (isOpen: boolean) => void;\n  /** Opens the overlay. */\n  open: () => void;\n  /** Closes the overlay. */\n  close: () => void;\n  /** Toggles the overlay's visibility. */\n  toggle: () => void;\n  /** The cursor position when the overlay was triggered, relative to the window viewport. */\n  readonly point: Point | null;\n  /** Sets the cursor position relative to the window viewport. */\n  setPoint: (point: Point) => void;\n}\n\n/**\n * Manages state for an overlay trigger. Tracks whether the overlay is open, and provides\n * methods to toggle this state.\n */\nexport function createOverlayTriggerState(\n  props: OverlayTriggerProps\n): OverlayTriggerState {\n  const [isOpen, setOpen] = createControlledSignal(\n    () => props.isOpen,\n    untrack(() => props.defaultOpen ?? false),\n    (value) => {\n      props.onOpenChange?.(value);\n    }\n  );\n\n  const [point, setPoint] = createSignal<Point | null>(null, {\n    ownedWrite: true,\n  });\n\n  const open = () => {\n    setOpen(true);\n  };\n\n  const close = () => {\n    setOpen(false);\n  };\n\n  const toggle = () => {\n    setOpen((previous) => !previous);\n  };\n\n  return {\n    close,\n    get isOpen() {\n      return isOpen();\n    },\n    open,\n    get point() {\n      return point();\n    },\n    setOpen,\n    setPoint: (value) => {\n      setPoint(value);\n    },\n    toggle,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAgB,0BACd,OACqB;CACrB,MAAM,CAAC,QAAQ,WAAW,6BAClB,MAAM,QACZ,cAAc,MAAM,eAAe,KAAK,IACvC,UAAU;EACT,MAAM,eAAe,KAAK;CAC5B,CACF;CAEA,MAAM,CAAC,OAAO,YAAY,aAA2B,MAAM,EACzD,YAAY,KACd,CAAC;CAED,MAAM,aAAa;EACjB,QAAQ,IAAI;CACd;CAEA,MAAM,cAAc;EAClB,QAAQ,KAAK;CACf;CAEA,MAAM,eAAe;EACnB,SAAS,aAAa,CAAC,QAAQ;CACjC;CAEA,OAAO;EACL;EACA,IAAI,SAAS;GACX,OAAO,OAAO;EAChB;EACA;EACA,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA;EACA,WAAW,UAAU;GACnB,SAAS,KAAK;EAChB;EACA;CACF;AACF"}

package/dist/radio/create-radio-group-state.d.ts

@@ -0,0 +1,61 @@
+/*
+ * Copyright 2020 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-stately/src/radio/useRadioGroupState.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { FormValidationState } from "../form/create-form-validation-state.js";
+import { FocusEvents, HelpTextProps, InputBase, InputDOMProps, LabelableProps, Orientation, Validation, ValidationState, ValueBase } from "@solid2-aria/types-shared";
+export interface RadioGroupProps extends ValueBase<string | null, string>, InputBase, Pick<InputDOMProps, "name">, Validation<string>, LabelableProps, HelpTextProps, FocusEvents {
+  /**
+   * The axis the Radio Button(s) should align with.
+   *
+   * @default 'vertical'
+   */
+  orientation?: Orientation;
+}
+export interface RadioGroupState extends FormValidationState {
+  /**
+   * The name for the group, used for native form submission.
+   *
+   * @private
+   * @deprecated
+   */
+  readonly name: string;
+  /** Whether the radio group is disabled. */
+  readonly isDisabled: boolean;
+  /** Whether the radio group is read only. */
+  readonly isReadOnly: boolean;
+  /** Whether the radio group is required. */
+  readonly isRequired: boolean;
+  /**
+   * Whether the radio group is valid or invalid.
+   *
+   * @deprecated Use `isInvalid` instead.
+   */
+  readonly validationState: ValidationState | null;
+  /** Whether the radio group is invalid. */
+  readonly isInvalid: boolean;
+  /** The currently selected value. */
+  readonly selectedValue: string | null;
+  /** The default selected value. */
+  readonly defaultSelectedValue: string | null;
+  /** Sets the selected value. */
+  setSelectedValue: (value: string | null) => void;
+  /** The value of the last focused radio. */
+  readonly lastFocusedValue: string | null;
+  /** Sets the last focused value. */
+  setLastFocusedValue: (value: string | null) => void;
+}
+export declare function createRadioGroupState(props: RadioGroupProps): RadioGroupState;
+//# sourceMappingURL=create-radio-group-state.d.ts.map

package/dist/radio/create-radio-group-state.js

@@ -0,0 +1,71 @@
+/*
+ * Copyright 2020 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-stately/src/radio/useRadioGroupState.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createControlledSignal } from "../utils/create-controlled-signal.js";
+import { getLegacyValidationState } from "../utils/legacy-props.js";
+import { createFormValidationState } from "../form/create-form-validation-state.js";
+import { createSignal, createUniqueId, merge, untrack } from "solid-js";
+// src/radio/create-radio-group-state.ts
+function createRadioGroupState(props) {
+	const id = createUniqueId();
+	const [selectedValue, setSelected] = createControlledSignal(() => props.value, untrack(() => props.defaultValue ?? null), (value) => {
+		if (value !== null) props.onChange?.(value);
+	});
+	const initialValue = untrack(selectedValue);
+	const [lastFocusedValue, setLastFocusedValue] = createSignal(null, { ownedWrite: true });
+	const validation = createFormValidationState(merge(props, { get value() {
+		return selectedValue();
+	} }));
+	return merge(validation, {
+		get defaultSelectedValue() {
+			return props.value === void 0 ? props.defaultValue ?? null : initialValue;
+		},
+		get isDisabled() {
+			return props.isDisabled ?? false;
+		},
+		get isInvalid() {
+			return validation.displayValidation.isInvalid;
+		},
+		get isReadOnly() {
+			return props.isReadOnly ?? false;
+		},
+		get isRequired() {
+			return props.isRequired ?? false;
+		},
+		get lastFocusedValue() {
+			return lastFocusedValue();
+		},
+		get name() {
+			return props.name !== void 0 && props.name !== "" ? props.name : `radio-group-${id}`;
+		},
+		get selectedValue() {
+			return selectedValue();
+		},
+		setLastFocusedValue,
+		setSelectedValue(value) {
+			if (!(props.isReadOnly === true) && !(props.isDisabled === true)) {
+				setSelected(value);
+				validation.commitValidation();
+			}
+		},
+		get validationState() {
+			return getLegacyValidationState(props) ?? (validation.displayValidation.isInvalid ? "invalid" : null);
+		}
+	});
+}
+export { createRadioGroupState };
+
+//# sourceMappingURL=create-radio-group-state.js.map

package/dist/radio/create-radio-group-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-radio-group-state.js","names":[],"sources":["../../src/radio/create-radio-group-state.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/radio/useRadioGroupState.ts.\n * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type {\n  FocusEvents,\n  HelpTextProps,\n  InputBase,\n  InputDOMProps,\n  LabelableProps,\n  Orientation,\n  Validation,\n  ValidationState,\n  ValueBase,\n} from \"@solid2-aria/types-shared\";\nimport { createSignal, createUniqueId, merge, untrack } from \"solid-js\";\n\nimport { createFormValidationState } from \"../form/create-form-validation-state\";\nimport type { FormValidationState } from \"../form/create-form-validation-state\";\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport { getLegacyValidationState } from \"../utils/legacy-props\";\n\nexport interface RadioGroupProps\n  extends\n    ValueBase<string | null, string>,\n    InputBase,\n    Pick<InputDOMProps, \"name\">,\n    Validation<string>,\n    LabelableProps,\n    HelpTextProps,\n    FocusEvents {\n  /**\n   * The axis the Radio Button(s) should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation;\n}\n\nexport interface RadioGroupState extends FormValidationState {\n  /**\n   * The name for the group, used for native form submission.\n   *\n   * @private\n   * @deprecated\n   */\n  readonly name: string;\n  /** Whether the radio group is disabled. */\n  readonly isDisabled: boolean;\n  /** Whether the radio group is read only. */\n  readonly isReadOnly: boolean;\n  /** Whether the radio group is required. */\n  readonly isRequired: boolean;\n  /**\n   * Whether the radio group is valid or invalid.\n   *\n   * @deprecated Use `isInvalid` instead.\n   */\n  readonly validationState: ValidationState | null;\n  /** Whether the radio group is invalid. */\n  readonly isInvalid: boolean;\n  /** The currently selected value. */\n  readonly selectedValue: string | null;\n  /** The default selected value. */\n  readonly defaultSelectedValue: string | null;\n  /** Sets the selected value. */\n  setSelectedValue: (value: string | null) => void;\n  /** The value of the last focused radio. */\n  readonly lastFocusedValue: string | null;\n  /** Sets the last focused value. */\n  setLastFocusedValue: (value: string | null) => void;\n}\n\nexport function createRadioGroupState(props: RadioGroupProps): RadioGroupState {\n  const id = createUniqueId();\n\n  const [selectedValue, setSelected] = createControlledSignal(\n    () => props.value,\n    untrack(() => props.defaultValue ?? null),\n    (value) => {\n      if (value !== null) {\n        props.onChange?.(value);\n      }\n    }\n  );\n\n  const initialValue = untrack(selectedValue);\n\n  const [lastFocusedValue, setLastFocusedValue] = createSignal<string | null>(\n    null,\n    { ownedWrite: true }\n  );\n\n  const validation = createFormValidationState(\n    merge(props, {\n      get value() {\n        return selectedValue();\n      },\n    })\n  );\n\n  return merge(validation, {\n    get defaultSelectedValue() {\n      return props.value === undefined\n        ? (props.defaultValue ?? null)\n        : initialValue;\n    },\n    get isDisabled() {\n      return props.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return validation.displayValidation.isInvalid;\n    },\n    get isReadOnly() {\n      return props.isReadOnly ?? false;\n    },\n    get isRequired() {\n      return props.isRequired ?? false;\n    },\n    get lastFocusedValue() {\n      return lastFocusedValue();\n    },\n    get name() {\n      return props.name !== undefined && props.name !== \"\"\n        ? props.name\n        : `radio-group-${id}`;\n    },\n    get selectedValue() {\n      return selectedValue();\n    },\n    setLastFocusedValue,\n    setSelectedValue(value: string | null) {\n      if (!(props.isReadOnly === true) && !(props.isDisabled === true)) {\n        setSelected(value);\n        validation.commitValidation();\n      }\n    },\n    get validationState() {\n      return (\n        getLegacyValidationState(props) ??\n        (validation.displayValidation.isInvalid ? (\"invalid\" as const) : null)\n      );\n    },\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsFA,SAAgB,sBAAsB,OAAyC;CAC7E,MAAM,KAAK,eAAe;CAE1B,MAAM,CAAC,eAAe,eAAe,6BAC7B,MAAM,OACZ,cAAc,MAAM,gBAAgB,IAAI,IACvC,UAAU;EACT,IAAI,UAAU,MACZ,MAAM,WAAW,KAAK;CAE1B,CACF;CAEA,MAAM,eAAe,QAAQ,aAAa;CAE1C,MAAM,CAAC,kBAAkB,uBAAuB,aAC9C,MACA,EAAE,YAAY,KAAK,CACrB;CAEA,MAAM,aAAa,0BACjB,MAAM,OAAO,EACX,IAAI,QAAQ;EACV,OAAO,cAAc;CACvB,EACF,CAAC,CACH;CAEA,OAAO,MAAM,YAAY;EACvB,IAAI,uBAAuB;GACzB,OAAO,MAAM,UAAU,KAAA,IAClB,MAAM,gBAAgB,OACvB;EACN;EACA,IAAI,aAAa;GACf,OAAO,MAAM,cAAc;EAC7B;EACA,IAAI,YAAY;GACd,OAAO,WAAW,kBAAkB;EACtC;EACA,IAAI,aAAa;GACf,OAAO,MAAM,cAAc;EAC7B;EACA,IAAI,aAAa;GACf,OAAO,MAAM,cAAc;EAC7B;EACA,IAAI,mBAAmB;GACrB,OAAO,iBAAiB;EAC1B;EACA,IAAI,OAAO;GACT,OAAO,MAAM,SAAS,KAAA,KAAa,MAAM,SAAS,KAC9C,MAAM,OACN,eAAe;EACrB;EACA,IAAI,gBAAgB;GAClB,OAAO,cAAc;EACvB;EACA;EACA,iBAAiB,OAAsB;GACrC,IAAI,EAAE,MAAM,eAAe,SAAS,EAAE,MAAM,eAAe,OAAO;IAChE,YAAY,KAAK;IACjB,WAAW,iBAAiB;GAC9B;EACF;EACA,IAAI,kBAAkB;GACpB,OACE,yBAAyB,KAAK,MAC7B,WAAW,kBAAkB,YAAa,YAAsB;EAErE;CACF,CAAC;AACH"}

package/dist/searchfield/create-search-field-state.d.ts

@@ -0,0 +1,35 @@
+/*
+ * Copyright 2020 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-stately/src/searchfield/useSearchFieldState.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { FocusableProps, HelpTextProps, InputBase, LabelableProps, TextInputBase, Validation, ValueBase } from "@solid2-aria/types-shared";
+export interface TextFieldProps<T = HTMLInputElement> extends InputBase, Validation<string>, HelpTextProps, FocusableProps<T>, TextInputBase, ValueBase<string>, LabelableProps {}
+export interface SearchFieldProps extends TextFieldProps {
+  /** Handler that is called when the SearchField is submitted. */
+  onSubmit?: (value: string) => void;
+  /** Handler that is called when the clear button is pressed. */
+  onClear?: () => void;
+}
+export interface SearchFieldState {
+  /** The current value of the search field. */
+  readonly value: string;
+  /** Sets the value of the search field. */
+  setValue: (value: string) => void;
+}
+/**
+ * Provides state management for a search field.
+ */
+export declare function createSearchFieldState(props: SearchFieldProps): SearchFieldState;
+//# sourceMappingURL=create-search-field-state.d.ts.map

package/dist/searchfield/create-search-field-state.js

@@ -0,0 +1,34 @@
+/*
+ * Copyright 2020 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-stately/src/searchfield/useSearchFieldState.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createControlledSignal } from "../utils/create-controlled-signal.js";
+import { untrack } from "solid-js";
+// src/searchfield/create-search-field-state.ts
+/**
+* Provides state management for a search field.
+*/
+function createSearchFieldState(props) {
+	const [value, setValue] = createControlledSignal(() => props.value ?? void 0, untrack(() => props.defaultValue ?? ""), (localValue) => props.onChange?.(localValue));
+	return {
+		setValue,
+		get value() {
+			return value();
+		}
+	};
+}
+export { createSearchFieldState };
+
+//# sourceMappingURL=create-search-field-state.js.map

package/dist/searchfield/create-search-field-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-search-field-state.js","names":[],"sources":["../../src/searchfield/create-search-field-state.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/searchfield/useSearchFieldState.ts.\n * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type {\n  FocusableProps,\n  HelpTextProps,\n  InputBase,\n  LabelableProps,\n  TextInputBase,\n  Validation,\n  ValueBase,\n} from \"@solid2-aria/types-shared\";\nimport { untrack } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\n\n// Copied here to avoid depending on @react-aria/textfield from stately.\nexport interface TextFieldProps<T = HTMLInputElement>\n  extends\n    InputBase,\n    Validation<string>,\n    HelpTextProps,\n    FocusableProps<T>,\n    TextInputBase,\n    ValueBase<string>,\n    LabelableProps {}\n\nexport interface SearchFieldProps extends TextFieldProps {\n  /** Handler that is called when the SearchField is submitted. */\n  onSubmit?: (value: string) => void;\n  /** Handler that is called when the clear button is pressed. */\n  onClear?: () => void;\n}\n\nexport interface SearchFieldState {\n  /** The current value of the search field. */\n  readonly value: string;\n  /** Sets the value of the search field. */\n  setValue: (value: string) => void;\n}\n\n/**\n * Provides state management for a search field.\n */\nexport function createSearchFieldState(\n  props: SearchFieldProps\n): SearchFieldState {\n  const [value, setValue] = createControlledSignal(\n    () => props.value ?? undefined,\n    untrack(() => props.defaultValue ?? \"\"),\n    (localValue) => props.onChange?.(localValue)\n  );\n\n  return {\n    setValue,\n    get value() {\n      return value();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0DA,SAAgB,uBACd,OACkB;CAClB,MAAM,CAAC,OAAO,YAAY,6BAClB,MAAM,SAAS,KAAA,GACrB,cAAc,MAAM,gBAAgB,EAAE,IACrC,eAAe,MAAM,WAAW,UAAU,CAC7C;CAEA,OAAO;EACL;EACA,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;CACF;AACF"}

package/dist/select/create-select-state.d.ts

@@ -0,0 +1,116 @@
+/*
+ * Copyright 2020 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-stately/src/select/useSelectState.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { FormValidationState } from "../form/create-form-validation-state.js";
+import { ListState } from "../list/create-list-state.js";
+import { OverlayTriggerState } from "../overlays/create-overlay-trigger-state.js";
+import { CollectionBase, CollectionStateBase, FocusStrategy, FocusableProps, HelpTextProps, InputBase, Key, LabelableProps, Node, TextInputBase, Validation, ValueBase } from "@solid2-aria/types-shared";
+export type SelectionMode = "single" | "multiple";
+export type ValueType<M extends SelectionMode> = M extends "single" ? Key | null : readonly Key[];
+export type ChangeValueType<M extends SelectionMode> = M extends "single" ? Key | null : Key[];
+type ValidationType<M extends SelectionMode> = M extends "single" ? Key : Key[];
+export interface SelectProps<T, M extends SelectionMode = "single"> extends CollectionBase<T>, Omit<InputBase, "isReadOnly">, ValueBase<ValueType<M>, ChangeValueType<M>>, Validation<ValidationType<M>>, HelpTextProps, LabelableProps, TextInputBase, FocusableProps {
+  /**
+   * Whether single or multiple selection is enabled.
+   *
+   * @default 'single'
+   */
+  selectionMode?: M;
+  /**
+   * The currently selected key in the collection (controlled).
+   *
+   * @deprecated
+   */
+  selectedKey?: Key | null;
+  /**
+   * The initial selected key in the collection (uncontrolled).
+   *
+   * @deprecated
+   */
+  defaultSelectedKey?: Key | null;
+  /**
+   * Handler that is called when the selection changes.
+   *
+   * @deprecated
+   */
+  onSelectionChange?: (key: Key | null) => void;
+  /** Sets the open state of the menu. */
+  isOpen?: boolean;
+  /** Sets the default open state of the menu. */
+  defaultOpen?: boolean;
+  /** Method that is called when the open state of the menu changes. */
+  onOpenChange?: (isOpen: boolean) => void;
+  /**
+   * Whether the Select should close when an item is selected. Defaults to true if selectionMode is
+   * single, false otherwise.
+   */
+  shouldCloseOnSelect?: boolean;
+  /** Whether the select should be allowed to be open when the collection is empty. */
+  allowsEmptyCollection?: boolean;
+}
+export interface SelectStateOptions<T, M extends SelectionMode = "single"> extends Omit<SelectProps<T, M>, "children">, CollectionStateBase<T> {}
+export interface SelectState<T, M extends SelectionMode = "single"> extends ListState<T>, OverlayTriggerState, FormValidationState {
+  /**
+   * The key for the first selected item.
+   *
+   * @deprecated
+   */
+  readonly selectedKey: Key | null;
+  /**
+   * The default selected key.
+   *
+   * @deprecated
+   */
+  readonly defaultSelectedKey: Key | null;
+  /**
+   * Sets the selected key.
+   *
+   * @deprecated
+   */
+  setSelectedKey: (key: Key | null) => void;
+  /** The current select value. */
+  readonly value: ValueType<M>;
+  /** The default select value. */
+  readonly defaultValue: ValueType<M>;
+  /** Sets the select value. */
+  setValue: (value: Key | readonly Key[] | null) => void;
+  /**
+   * The value of the first selected item.
+   *
+   * @deprecated
+   */
+  readonly selectedItem: Node<T> | null;
+  /** The value of the selected items. */
+  readonly selectedItems: Node<T>[];
+  /** Whether the select is currently focused. */
+  readonly isFocused: boolean;
+  /** Sets whether the select is focused. */
+  setFocused: (isFocused: boolean) => void;
+  /** Controls which item will be auto focused when the menu opens. */
+  readonly focusStrategy: FocusStrategy | null;
+  /** Opens the menu. */
+  open: (focusStrategy?: FocusStrategy | null) => void;
+  /** Toggles the menu. */
+  toggle: (focusStrategy?: FocusStrategy | null) => void;
+}
+/**
+ * Provides state management for a select component. Handles building a collection
+ * of items from props, handles the open state for the popup menu, and manages
+ * multiple selection state.
+ */
+export declare function createSelectState<T extends object, M extends SelectionMode = "single">(props: SelectStateOptions<T, M>): SelectState<T, M>;
+export {};
+//# sourceMappingURL=create-select-state.d.ts.map

package/dist/select/create-select-state.js

@@ -0,0 +1,151 @@
+/*
+ * Copyright 2020 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-stately/src/select/useSelectState.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createControlledSignal } from "../utils/create-controlled-signal.js";
+import { getLegacyDefaultSelectedKey, getLegacySelectedKey, notifyLegacySelectionChange } from "../utils/legacy-props.js";
+import { createFormValidationState } from "../form/create-form-validation-state.js";
+import { createListState } from "../list/create-list-state.js";
+import { createOverlayTriggerState } from "../overlays/create-overlay-trigger-state.js";
+import { createMemo, createSignal, merge, omit, untrack } from "solid-js";
+// src/select/create-select-state.ts
+/**
+* Provides state management for a select component. Handles building a collection
+* of items from props, handles the open state for the popup menu, and manages
+* multiple selection state.
+*/
+function createSelectState(props) {
+	const triggerState = createOverlayTriggerState(props);
+	const [focusStrategy, setFocusStrategy] = createSignal(null, { ownedWrite: true });
+	const defaultValue = createMemo(() => props.defaultValue ?? ((props.selectionMode ?? "single") === "single" ? getLegacyDefaultSelectedKey(props) ?? null : []));
+	const value = createMemo(() => props.value ?? ((props.selectionMode ?? "single") === "single" ? getLegacySelectedKey(props) : void 0));
+	const [controlledValue, setControlledValue] = createControlledSignal(() => value(), untrack(() => defaultValue()), (nextValue) => {
+		const change = isKeyArray(nextValue) ? [...nextValue] : nextValue;
+		props.onChange?.(change);
+	});
+	const displayValue = createMemo(() => {
+		const current = controlledValue();
+		return (props.selectionMode ?? "single") === "single" && isKeyArray(current) ? current[0] ?? null : current;
+	});
+	const setValue = (localValue) => {
+		if ((props.selectionMode ?? "single") === "single") {
+			const key = isKeyArray(localValue) ? localValue[0] ?? null : localValue;
+			setControlledValue(key);
+			if (key !== displayValue()) notifyLegacySelectionChange(props, key);
+		} else {
+			let keys = [];
+			if (isKeyArray(localValue)) keys = [...localValue];
+			else if (localValue !== null && localValue !== void 0) keys = typeof localValue === "string" || typeof localValue === "number" ? [localValue] : [...localValue];
+			setControlledValue(keys);
+		}
+	};
+	const validationState = createFormValidationState(merge(omit(props, "value"), { get value() {
+		const current = displayValue();
+		let validationValue = null;
+		if (isKeyArray(current)) validationValue = current.length === 0 ? null : [...current];
+		else validationValue = current;
+		return validationValue;
+	} }));
+	const listState = createListState(merge(props, {
+		get allowDuplicateSelectionEvents() {
+			return true;
+		},
+		get disallowEmptySelection() {
+			return (props.selectionMode ?? "single") === "single";
+		},
+		get onSelectionChange() {
+			return (keys) => {
+				if (keys === "all") return;
+				if ((props.selectionMode ?? "single") === "single") {
+					const key = keys.values().next().value ?? null;
+					setValue(key);
+				} else setValue([...keys]);
+				if (props.shouldCloseOnSelect ?? (props.selectionMode ?? "single") === "single") triggerState.close();
+				validationState.commitValidation();
+			};
+		},
+		get selectedKeys() {
+			return convertValue(displayValue());
+		},
+		get selectionMode() {
+			return props.selectionMode ?? "single";
+		}
+	}));
+	const selectedKey = createMemo(() => listState.selectionManager.firstSelectedKey);
+	const selectedItems = createMemo(() => [...listState.selectionManager.selectedKeys].flatMap((key) => {
+		const item = listState.collection.getItem(key);
+		return item === null || item === void 0 ? [] : [item];
+	}));
+	const [isFocused, setFocused] = createSignal(false, { ownedWrite: true });
+	const initialValue = untrack(() => displayValue());
+	return merge(validationState, listState, triggerState, {
+		get defaultSelectedKey() {
+			return getLegacyDefaultSelectedKey(props) ?? (props.selectionMode === "single" && (typeof initialValue === "string" || typeof initialValue === "number") ? initialValue : null);
+		},
+		get defaultValue() {
+			return defaultValue() ?? initialValue;
+		},
+		get focusStrategy() {
+			return focusStrategy();
+		},
+		get isFocused() {
+			return isFocused();
+		},
+		open(localFocusStrategy = null) {
+			if (listState.collection.size !== 0 || props.allowsEmptyCollection === true) {
+				setFocusStrategy(localFocusStrategy);
+				triggerState.open();
+			}
+		},
+		get selectedItem() {
+			return selectedItems()[0] ?? null;
+		},
+		get selectedItems() {
+			return selectedItems();
+		},
+		get selectedKey() {
+			return selectedKey();
+		},
+		get setFocused() {
+			return setFocused;
+		},
+		get setSelectedKey() {
+			return setValue;
+		},
+		get setValue() {
+			return setValue;
+		},
+		toggle(localFocusStrategy = null) {
+			if (listState.collection.size !== 0 || props.allowsEmptyCollection === true) {
+				setFocusStrategy(localFocusStrategy);
+				triggerState.toggle();
+			}
+		},
+		get value() {
+			return displayValue();
+		}
+	});
+}
+function convertValue(value) {
+	if (value === void 0) return value;
+	if (value === null) return [];
+	return isKeyArray(value) ? value : [value];
+}
+function isKeyArray(value) {
+	return Array.isArray(value);
+}
+export { createSelectState };
+
+//# sourceMappingURL=create-select-state.js.map