@solid2-aria/stately 0.0.0-stage → 0.0.1

package/dist/color/create-color-wheel-state.js

@@ -0,0 +1,130 @@
+/*
+ * 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/color/useColorWheelState.ts.
+ * Modified for Solid Aria: adapted reactive state and public 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 { normalizeColor, parseColor } from "./color.js";
+import { createMemo, createSignal, untrack } from "solid-js";
+// src/color/create-color-wheel-state.ts
+const DEFAULT_COLOR = parseColor("hsl(0, 100%, 50%)");
+function roundToStep(value, step) {
+	return Math.round(value / step) * step;
+}
+function mod(n, m) {
+	return (n % m + m) % m;
+}
+function roundDown(v) {
+	const r = Math.floor(v);
+	if (r === v) return v - 1;
+	return r;
+}
+function degToRad(deg) {
+	return deg * Math.PI / 180;
+}
+function radToDeg(rad) {
+	return rad * 180 / Math.PI;
+}
+function angleToCartesian(angle, radius) {
+	const rad = degToRad(360 - angle + 90);
+	return {
+		x: Math.sin(rad) * radius,
+		y: Math.cos(rad) * radius
+	};
+}
+function cartesianToAngle(x, y, radius) {
+	return (radToDeg(Math.atan2(y / radius, x / radius)) + 360) % 360;
+}
+/**
+* Provides state management for a color wheel component.
+* Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
+*/
+function createColorWheelState(props) {
+	const defaultValue = () => props.defaultValue !== void 0 && props.defaultValue !== "" ? normalizeColor(props.defaultValue) : DEFAULT_COLOR;
+	const controlledValue = createMemo(() => props.value !== void 0 && props.value !== "" ? normalizeColor(props.value) : void 0);
+	const [stateValue, setValueState] = createControlledSignal(controlledValue, untrack(defaultValue), (v) => props.onChange?.(v));
+	const initialValue = untrack(stateValue);
+	const value = createMemo(() => {
+		const c = stateValue();
+		return c.getColorSpace() === "rgb" ? c.toFormat("hsl") : c;
+	});
+	const range = () => value().getChannelRange("hue");
+	const hue = () => value().getChannelValue("hue");
+	const [isDragging, setDragging] = createSignal(false);
+	let dragging = false;
+	let lastValue = untrack(value);
+	const setValue = (v) => {
+		lastValue = v;
+		setValueState(v);
+	};
+	function setHue(input) {
+		const v = roundToStep(mod(input > 360 ? 0 : input, 360), range().step);
+		if (v !== hue()) setValue(value().withChannelValue("hue", v));
+	}
+	return {
+		decrement(stepSize = 1) {
+			const s = Math.max(stepSize, range().step);
+			setHue(hue() === 0 ? roundDown(360 / s) * s : roundToStep(mod(hue() - s, 360), s));
+		},
+		get defaultValue() {
+			return props.value === void 0 ? defaultValue() : initialValue;
+		},
+		getDisplayColor() {
+			return value().toFormat("hsl").withChannelValue("saturation", 100).withChannelValue("lightness", 50).withChannelValue("alpha", 1);
+		},
+		getThumbPosition(radius) {
+			return angleToCartesian(hue(), radius);
+		},
+		get hue() {
+			return hue();
+		},
+		increment(stepSize = 1) {
+			const s = Math.max(stepSize, range().step);
+			let v = hue() + s;
+			if (v >= range().maxValue) v = range().minValue;
+			setHue(roundToStep(mod(v, 360), s));
+		},
+		get isDisabled() {
+			return props.isDisabled ?? false;
+		},
+		get isDragging() {
+			return isDragging();
+		},
+		get pageStep() {
+			return range().pageSize;
+		},
+		setDragging(v) {
+			const wasDragging = dragging;
+			dragging = v;
+			if (wasDragging && !v) props.onChangeEnd?.(lastValue);
+			setDragging(v);
+		},
+		setHue,
+		setHueFromPoint(x, y, radius) {
+			setHue(cartesianToAngle(x, y, radius));
+		},
+		setValue(v) {
+			setValue(normalizeColor(v));
+		},
+		get step() {
+			return range().step;
+		},
+		get value() {
+			return value();
+		}
+	};
+}
+export { createColorWheelState };
+
+//# sourceMappingURL=create-color-wheel-state.js.map

package/dist/color/create-color-wheel-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-color-wheel-state.js","names":[],"sources":["../../src/color/create-color-wheel-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/color/useColorWheelState.ts.\n * Modified for Solid Aria: adapted reactive state and public 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 { ValueBase } from \"@solid2-aria/types-shared\";\nimport { createMemo, createSignal, untrack } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport { normalizeColor, parseColor } from \"./color\";\nimport type { Color } from \"./types\";\n\nexport interface ColorWheelProps extends Omit<\n  ValueBase<string | Color>,\n  \"onChange\"\n> {\n  /** Whether the ColorWheel is disabled. */\n  isDisabled?: boolean;\n  /** Handler that is called when the value changes, as the user drags. */\n  onChange?: (value: Color) => void;\n  /** Handler that is called when the user stops dragging. */\n  onChangeEnd?: (value: Color) => void;\n  /**\n   * The default value (uncontrolled).\n   *\n   * @default 'hsl(0, 100%, 50%)'\n   */\n  defaultValue?: string | Color;\n}\n\nexport interface ColorWheelState {\n  /** The current color value represented by the color wheel. */\n  readonly value: Color;\n  /** The default color value. */\n  readonly defaultValue: Color;\n  /** Sets the color value represented by the color wheel, and triggers `onChange`. */\n  setValue: (value: string | Color) => void;\n\n  /** The current value of the hue channel displayed by the color wheel. */\n  readonly hue: number;\n  /** Sets the hue channel of the current color value and triggers `onChange`. */\n  setHue: (value: number) => void;\n\n  /**\n   * Sets the hue channel of the current color value based on the given coordinates and radius of\n   * the color wheel, and triggers `onChange`.\n   */\n  setHueFromPoint: (x: number, y: number, radius: number) => void;\n  /** Returns the coordinates of the thumb relative to the center point of the color wheel. */\n  getThumbPosition: (radius: number) => { x: number; y: number };\n\n  /** Increments the hue by the given amount (defaults to 1). */\n  increment: (stepSize?: number) => void;\n  /** Decrements the hue by the given amount (defaults to 1). */\n  decrement: (stepSize?: number) => void;\n\n  /** Whether the color wheel is currently being dragged. */\n  readonly isDragging: boolean;\n  /** Sets whether the color wheel is being dragged. */\n  setDragging: (value: boolean) => void;\n  /** Returns the color that should be displayed in the color wheel instead of `value`. */\n  getDisplayColor: () => Color;\n  /** The step value of the hue channel, used when incrementing and decrementing. */\n  step: number;\n  /** The page step value of the hue channel, used when incrementing and decrementing. */\n  pageStep: number;\n\n  /** Whether the color wheel is disabled. */\n  readonly isDisabled: boolean;\n}\n\nconst DEFAULT_COLOR = parseColor(\"hsl(0, 100%, 50%)\");\n\nfunction roundToStep(value: number, step: number): number {\n  return Math.round(value / step) * step;\n}\n\nfunction mod(n: number, m: number) {\n  return ((n % m) + m) % m;\n}\n\nfunction roundDown(v: number) {\n  const r = Math.floor(v);\n\n  if (r === v) {\n    return v - 1;\n  }\n\n  return r;\n}\n\nfunction degToRad(deg: number) {\n  return (deg * Math.PI) / 180;\n}\n\nfunction radToDeg(rad: number) {\n  return (rad * 180) / Math.PI;\n}\n\n// 0deg = 3 o'clock. increases clockwise\nfunction angleToCartesian(angle: number, radius: number) {\n  const rad = degToRad(360 - angle + 90);\n  const x = Math.sin(rad) * radius;\n  const y = Math.cos(rad) * radius;\n\n  return { x, y };\n}\n\nfunction cartesianToAngle(x: number, y: number, radius: number): number {\n  const deg = radToDeg(Math.atan2(y / radius, x / radius));\n\n  return (deg + 360) % 360;\n}\n\n/**\n * Provides state management for a color wheel component.\n * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n */\n\nexport function createColorWheelState(props: ColorWheelProps): ColorWheelState {\n  const defaultValue = () =>\n    props.defaultValue !== undefined && props.defaultValue !== \"\"\n      ? normalizeColor(props.defaultValue)\n      : DEFAULT_COLOR;\n\n  const controlledValue = createMemo(() =>\n    props.value !== undefined && props.value !== \"\"\n      ? normalizeColor(props.value)\n      : undefined\n  );\n\n  const [stateValue, setValueState] = createControlledSignal(\n    controlledValue,\n    untrack(defaultValue),\n    (v) => props.onChange?.(v)\n  );\n\n  const initialValue = untrack(stateValue);\n\n  const value = createMemo(() => {\n    const c = stateValue();\n\n    return c.getColorSpace() === \"rgb\" ? c.toFormat(\"hsl\") : c;\n  });\n\n  const range = () => value().getChannelRange(\"hue\");\n  const hue = () => value().getChannelValue(\"hue\");\n  const [isDragging, setDragging] = createSignal(false);\n  let dragging = false;\n  let lastValue = untrack(value);\n\n  const setValue = (v: Color) => {\n    lastValue = v;\n    setValueState(v);\n  };\n\n  function setHue(input: number) {\n    const v = roundToStep(mod(input > 360 ? 0 : input, 360), range().step);\n\n    if (v !== hue()) {\n      setValue(value().withChannelValue(\"hue\", v));\n    }\n  }\n\n  return {\n    decrement(stepSize = 1) {\n      const s = Math.max(stepSize, range().step);\n      setHue(\n        hue() === 0\n          ? roundDown(360 / s) * s\n          : roundToStep(mod(hue() - s, 360), s)\n      );\n    },\n    get defaultValue() {\n      return props.value === undefined ? defaultValue() : initialValue;\n    },\n    getDisplayColor() {\n      return value()\n        .toFormat(\"hsl\")\n        .withChannelValue(\"saturation\", 100)\n        .withChannelValue(\"lightness\", 50)\n        .withChannelValue(\"alpha\", 1);\n    },\n    getThumbPosition(radius) {\n      return angleToCartesian(hue(), radius);\n    },\n    get hue() {\n      return hue();\n    },\n    increment(stepSize = 1) {\n      const s = Math.max(stepSize, range().step);\n      let v = hue() + s;\n\n      if (v >= range().maxValue) {\n        v = range().minValue;\n      }\n\n      setHue(roundToStep(mod(v, 360), s));\n    },\n    get isDisabled() {\n      return props.isDisabled ?? false;\n    },\n    get isDragging() {\n      return isDragging();\n    },\n    get pageStep() {\n      return range().pageSize;\n    },\n    setDragging(v) {\n      const wasDragging = dragging;\n      dragging = v;\n\n      if (wasDragging && !v) {\n        props.onChangeEnd?.(lastValue);\n      }\n\n      setDragging(v);\n    },\n    setHue,\n    setHueFromPoint(x, y, radius) {\n      setHue(cartesianToAngle(x, y, radius));\n    },\n    setValue(v) {\n      setValue(normalizeColor(v));\n    },\n    get step() {\n      return range().step;\n    },\n    get value() {\n      return value();\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/color/create-color.d.ts

@@ -0,0 +1,20 @@
+/*
+ * 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/color/useColor.ts.
+ * Modified for Solid Aria: adapted reactive state and public APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { Color } from "./types.js";
+import { Accessor } from "solid-js";
+export declare function createColor(value: string | Color | undefined | null | Accessor<string | Color | undefined | null>): Accessor<Color | undefined | null>;
+//# sourceMappingURL=create-color.d.ts.map

package/dist/color/create-color.js

@@ -0,0 +1,33 @@
+/*
+ * 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/color/useColor.ts.
+ * Modified for Solid Aria: adapted reactive state and public APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { parseColor } from "./color.js";
+import { createMemo } from "solid-js";
+// src/color/create-color.ts
+function createColor(value) {
+	return createMemo(() => {
+		const current = typeof value === "function" ? value() : value;
+		if (typeof current === "string") try {
+			return parseColor(current);
+		} catch {
+			return;
+		}
+		return current;
+	});
+}
+export { createColor };
+
+//# sourceMappingURL=create-color.js.map

package/dist/color/create-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-color.js","names":[],"sources":["../../src/color/create-color.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/color/useColor.ts.\n * Modified for Solid Aria: adapted reactive state and public 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 { createMemo } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { parseColor } from \"./color\";\nimport type { Color } from \"./types\";\n\nexport function createColor(\n  value:\n    | string\n    | Color\n    | undefined\n    | null\n    | Accessor<string | Color | undefined | null>\n): Accessor<Color | undefined | null> {\n  return createMemo(() => {\n    const current = typeof value === \"function\" ? value() : value;\n\n    if (typeof current === \"string\") {\n      try {\n        return parseColor(current);\n      } catch {\n        // oxlint-disable-next-line typescript/consistent-return\n        return;\n      }\n    }\n\n    return current;\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,YACd,OAMoC;CACpC,OAAO,iBAAiB;EACtB,MAAM,UAAU,OAAO,UAAU,aAAa,MAAM,IAAI;EAExD,IAAI,OAAO,YAAY,UACrB,IAAI;GACF,OAAO,WAAW,OAAO;EAC3B,QAAQ;GAEN;EACF;EAGF,OAAO;CACT,CAAC;AACH"}

package/dist/color/types.d.ts

@@ -0,0 +1,87 @@
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/color/types.ts.
+ * Modified for Solid Aria: reorganized color code, type declarations, imports, and formatting.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+/** A list of supported color formats. */
+export type ColorFormat = "hex" | "hexa" | "rgb" | "rgba" | "hsl" | "hsla" | "hsb" | "hsba";
+export type ColorSpace = "rgb" | "hsl" | "hsb";
+/** A list of color channels. */
+export type ColorChannel = "hue" | "saturation" | "brightness" | "lightness" | "red" | "green" | "blue" | "alpha";
+export interface ColorAxes {
+  xChannel: ColorChannel;
+  yChannel: ColorChannel;
+  zChannel: ColorChannel;
+}
+export interface ColorChannelRange {
+  /** The minimum value of the color channel. */
+  minValue: number;
+  /** The maximum value of the color channel. */
+  maxValue: number;
+  /** The step value of the color channel, used when incrementing and decrementing. */
+  step: number;
+  /** The page step value of the color channel, used when incrementing and decrementing. */
+  pageSize: number;
+}
+/** Represents a color value. */
+export interface Color {
+  /** Converts the color to the given color format, and returns a new Color object. */
+  toFormat: (format: ColorFormat) => Color;
+  /** Converts the color to a string in the given format. */
+  toString: (format?: ColorFormat | "css") => string;
+  /** Returns a duplicate of the color value. */
+  clone: () => Color;
+  /** Converts the color to hex, and returns an integer representation. */
+  toHexInt: () => number;
+  /**
+   * Returns the numeric value for a given channel.
+   * Throws an error if the channel is unsupported in the current color format.
+   */
+  getChannelValue: (channel: ColorChannel) => number;
+  /**
+   * Sets the numeric value for a given channel, and returns a new Color object.
+   * Throws an error if the channel is unsupported in the current color format.
+   */
+  withChannelValue: (channel: ColorChannel, value: number) => Color;
+  /**
+   * Returns the minimum, maximum, and step values for a given channel.
+   */
+  getChannelRange: (channel: ColorChannel) => ColorChannelRange;
+  /**
+   * Returns a localized color channel name for a given channel and locale,
+   * for use in visual or accessibility labels.
+   */
+  getChannelName: (channel: ColorChannel, locale: string) => string;
+  /**
+   * Returns the number formatting options for the given channel.
+   */
+  getChannelFormatOptions: (channel: ColorChannel) => Intl.NumberFormatOptions;
+  /**
+   * Formats the numeric value for a given channel for display according to the provided locale.
+   */
+  formatChannelValue: (channel: ColorChannel, locale: string) => string;
+  /**
+   * Returns the color space, 'rgb', 'hsb' or 'hsl', for the current color.
+   */
+  getColorSpace: () => ColorSpace;
+  /**
+   * Returns the color space axes, xChannel, yChannel, zChannel.
+   */
+  getColorSpaceAxes: (xyChannels: {
+    xChannel?: ColorChannel;
+    yChannel?: ColorChannel;
+  }) => ColorAxes;
+  /**
+   * Returns an array of the color channels within the current color space space.
+   */
+  getColorChannels: () => [ColorChannel, ColorChannel, ColorChannel];
+  /**
+   * Returns a localized name for the color, for use in visual or accessibility labels.
+   */
+  getColorName: (locale: string) => string;
+  /**
+   * Returns a localized name for the hue, for use in visual or accessibility labels.
+   */
+  getHueName: (locale: string) => string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/color/types.js

@@ -0,0 +1,5 @@
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/color/types.ts.
+ * Modified for Solid Aria: reorganized color code, type declarations, imports, and formatting.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */

package/dist/combobox/create-combo-box-state.d.ts

@@ -0,0 +1,157 @@
+/*
+ * 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/combobox/useComboBoxState.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 { 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 MenuTriggerAction = "focus" | "input" | "manual";
+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 | null : Key[];
+export interface ComboBoxValidationValue<M extends SelectionMode = "single"> {
+  /**
+   * The selected key in the ComboBox.
+   *
+   * @deprecated
+   */
+  selectedKey: Key | null;
+  /** The keys of the currently selected items. */
+  value: ValidationType<M>;
+  /** The value of the ComboBox input. */
+  inputValue: string;
+}
+export interface ComboBoxProps<T, M extends SelectionMode = "single"> extends CollectionBase<T>, InputBase, ValueBase<ValueType<M>, ChangeValueType<M>>, TextInputBase, Validation<ComboBoxValidationValue<M>>, FocusableProps<HTMLInputElement>, LabelableProps, HelpTextProps {
+  /** The list of ComboBox items (uncontrolled). */
+  defaultItems?: Iterable<T>;
+  /** The list of ComboBox items (controlled). */
+  items?: Iterable<T>;
+  /**
+   * Method that is called when the open state of the menu changes. Returns the new open state and
+   * the action that caused the opening of the menu.
+   */
+  onOpenChange?: (isOpen: boolean, menuTrigger?: MenuTriggerAction) => void;
+  /**
+   * 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;
+  /** The value of the ComboBox input (controlled). */
+  inputValue?: string;
+  /** The default value of the ComboBox input (uncontrolled). */
+  defaultInputValue?: string;
+  /** Handler that is called when the ComboBox input value changes. */
+  onInputChange?: (value: string) => void;
+  /** Whether the ComboBox allows a non-item matching input value to be set. */
+  allowsCustomValue?: boolean;
+  /**
+   * The interaction required to display the ComboBox menu.
+   *
+   * @default 'input'
+   */
+  menuTrigger?: MenuTriggerAction;
+}
+export interface ComboBoxState<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 combobox value. */
+  readonly value: ValueType<M>;
+  /** The default combobox value. */
+  readonly defaultValue: ValueType<M>;
+  /** Sets the combobox 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>[];
+  /** The current value of the combo box input. */
+  inputValue: string;
+  /** The default value of the combo box input. */
+  defaultInputValue: string;
+  /** Sets the value of the combo box input. */
+  setInputValue: (value: string) => void;
+  /** Selects the currently focused item and updates the input value. */
+  commit: () => void;
+  /** Controls which item will be auto focused when the menu opens. */
+  readonly focusStrategy: FocusStrategy | null;
+  /** Whether the select is currently focused. */
+  readonly isFocused: boolean;
+  /** Sets whether the select is focused. */
+  setFocused: (isFocused: boolean) => void;
+  /** Opens the menu. */
+  open: (focusStrategy?: FocusStrategy | null, trigger?: MenuTriggerAction) => void;
+  /** Toggles the menu. */
+  toggle: (focusStrategy?: FocusStrategy | null, trigger?: MenuTriggerAction) => void;
+  /** Resets the input value to the previously selected item's text if any and closes the menu. */
+  revert: () => void;
+}
+type FilterFn = (textValue: string, inputValue: string) => boolean;
+export interface ComboBoxStateOptions<T, M extends SelectionMode = "single"> extends Omit<ComboBoxProps<T, M>, "children">, CollectionStateBase<T> {
+  /** The filter function used to determine if a option should be included in the combo box list. */
+  defaultFilter?: FilterFn;
+  /** Whether the combo box allows the menu to be open when the collection is empty. */
+  allowsEmptyCollection?: boolean;
+  /** Whether the combo box menu should close on blur. */
+  shouldCloseOnBlur?: boolean;
+}
+/**
+ * Provides state management for a combo box component. Handles building a collection of items from
+ * props and manages the option selection state of the combo box. In addition, it tracks the input
+ * value, focus state, and other properties of the combo box.
+ */
+export declare function createComboBoxState<T extends object, M extends SelectionMode = "single">(props: ComboBoxStateOptions<T, M>): ComboBoxState<T, M>;
+export {};
+//# sourceMappingURL=create-combo-box-state.d.ts.map