@solid2-aria/stately 0.0.0-stage → 0.0.1

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

@@ -0,0 +1,55 @@
+/*
+ * Copyright 2024 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/toggle/useToggleGroupState.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 { Key } from "@solid2-aria/types-shared";
+export interface ToggleGroupProps {
+  /**
+   * Whether single or multiple selection is enabled.
+   *
+   * @default 'single'
+   */
+  selectionMode?: "single" | "multiple";
+  /** Whether the collection allows empty selection. */
+  disallowEmptySelection?: boolean;
+  /** The currently selected keys in the collection (controlled). */
+  selectedKeys?: Iterable<Key>;
+  /** The initial selected keys in the collection (uncontrolled). */
+  defaultSelectedKeys?: Iterable<Key>;
+  /** Handler that is called when the selection changes. */
+  onSelectionChange?: (keys: Set<Key>) => void;
+  /** Whether all items are disabled. */
+  isDisabled?: boolean;
+}
+export interface ToggleGroupState {
+  /** Whether single or multiple selection is enabled. */
+  readonly selectionMode: "single" | "multiple";
+  /** Whether all items are disabled. */
+  readonly isDisabled: boolean;
+  /** A set of keys for items that are selected. */
+  readonly selectedKeys: Set<Key>;
+  /** Toggles the selected state for an item by its key. */
+  toggleKey: (key: Key) => void;
+  /** Sets whether the given key is selected. */
+  setSelected: (key: Key, isSelected: boolean) => void;
+  /** Replaces the set of selected keys. */
+  setSelectedKeys: (keys: Set<Key>) => void;
+}
+/**
+ * Manages state for a group of toggles.
+ * It supports both single and multiple selected items.
+ */
+export declare function createToggleGroupState(props: ToggleGroupProps): ToggleGroupState;
+//# sourceMappingURL=create-toggle-group-state.d.ts.map

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

@@ -0,0 +1,62 @@
+/*
+ * Copyright 2024 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/toggle/useToggleGroupState.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 { createMemo, untrack } from "solid-js";
+// src/toggle/create-toggle-group-state.ts
+/**
+* Manages state for a group of toggles.
+* It supports both single and multiple selected items.
+*/
+function createToggleGroupState(props) {
+	const controlled = createMemo(() => props.selectedKeys ? new Set(props.selectedKeys) : void 0);
+	const [selectedKeys, setSelectedKeys] = createControlledSignal(controlled, untrack(() => new Set(props.defaultSelectedKeys)), (keys) => props.onSelectionChange?.(keys));
+	function toggleKey(key) {
+		setSelectedKeys((previous) => {
+			if (props.selectionMode !== "multiple") return new Set(previous.has(key) && !(props.disallowEmptySelection === true) ? [] : [key]);
+			const keys = new Set(previous);
+			if (keys.has(key) && (!(props.disallowEmptySelection === true) || keys.size > 1)) keys.delete(key);
+			else keys.add(key);
+			return keys;
+		});
+	}
+	return {
+		get isDisabled() {
+			return props.isDisabled ?? false;
+		},
+		get selectedKeys() {
+			return selectedKeys();
+		},
+		get selectionMode() {
+			return props.selectionMode ?? "single";
+		},
+		setSelected(key, isSelected) {
+			setSelectedKeys((previous) => {
+				if (previous.has(key) === isSelected) return previous;
+				if (props.selectionMode !== "multiple") return new Set(!isSelected && !(props.disallowEmptySelection === true) ? [] : [key]);
+				const keys = new Set(previous);
+				if (isSelected) keys.add(key);
+				else if (!(props.disallowEmptySelection === true) || keys.size > 1) keys.delete(key);
+				return keys;
+			});
+		},
+		setSelectedKeys,
+		toggleKey
+	};
+}
+export { createToggleGroupState };
+
+//# sourceMappingURL=create-toggle-group-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-toggle-group-state.js","names":[],"sources":["../../src/toggle/create-toggle-group-state.ts"],"sourcesContent":["/*\n * Copyright 2024 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/toggle/useToggleGroupState.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 { Key } from \"@solid2-aria/types-shared\";\nimport { createMemo, untrack } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\n\nexport interface ToggleGroupProps {\n  /**\n   * Whether single or multiple selection is enabled.\n   *\n   * @default 'single'\n   */\n  selectionMode?: \"single\" | \"multiple\";\n  /** Whether the collection allows empty selection. */\n  disallowEmptySelection?: boolean;\n  /** The currently selected keys in the collection (controlled). */\n  selectedKeys?: Iterable<Key>;\n  /** The initial selected keys in the collection (uncontrolled). */\n  defaultSelectedKeys?: Iterable<Key>;\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (keys: Set<Key>) => void;\n  /** Whether all items are disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface ToggleGroupState {\n  /** Whether single or multiple selection is enabled. */\n  readonly selectionMode: \"single\" | \"multiple\";\n  /** Whether all items are disabled. */\n  readonly isDisabled: boolean;\n  /** A set of keys for items that are selected. */\n  readonly selectedKeys: Set<Key>;\n  /** Toggles the selected state for an item by its key. */\n  toggleKey: (key: Key) => void;\n  /** Sets whether the given key is selected. */\n  setSelected: (key: Key, isSelected: boolean) => void;\n  /** Replaces the set of selected keys. */\n  setSelectedKeys: (keys: Set<Key>) => void;\n}\n\n/**\n * Manages state for a group of toggles.\n * It supports both single and multiple selected items.\n */\nexport function createToggleGroupState(\n  props: ToggleGroupProps\n): ToggleGroupState {\n  const controlled = createMemo(() =>\n    props.selectedKeys ? new Set(props.selectedKeys) : undefined\n  );\n\n  const [selectedKeys, setSelectedKeys] = createControlledSignal(\n    controlled,\n    untrack(() => new Set<Key>(props.defaultSelectedKeys)),\n    (keys) => props.onSelectionChange?.(keys)\n  );\n\n  function toggleKey(key: Key) {\n    setSelectedKeys((previous) => {\n      if (props.selectionMode !== \"multiple\") {\n        return new Set(\n          previous.has(key) && !(props.disallowEmptySelection === true)\n            ? []\n            : [key]\n        );\n      }\n\n      const keys = new Set(previous);\n\n      if (\n        keys.has(key) &&\n        (!(props.disallowEmptySelection === true) || keys.size > 1)\n      ) {\n        keys.delete(key);\n      } else {\n        keys.add(key);\n      }\n\n      return keys;\n    });\n  }\n\n  return {\n    get isDisabled() {\n      return props.isDisabled ?? false;\n    },\n    get selectedKeys() {\n      return selectedKeys();\n    },\n    get selectionMode() {\n      return props.selectionMode ?? \"single\";\n    },\n    setSelected(key, isSelected) {\n      setSelectedKeys((previous) => {\n        if (previous.has(key) === isSelected) {\n          return previous;\n        }\n\n        if (props.selectionMode !== \"multiple\") {\n          return new Set(\n            !isSelected && !(props.disallowEmptySelection === true) ? [] : [key]\n          );\n        }\n\n        const keys = new Set(previous);\n\n        if (isSelected) {\n          keys.add(key);\n        } else if (!(props.disallowEmptySelection === true) || keys.size > 1) {\n          keys.delete(key);\n        }\n\n        return keys;\n      });\n    },\n    setSelectedKeys,\n    toggleKey,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,uBACd,OACkB;CAClB,MAAM,aAAa,iBACjB,MAAM,eAAe,IAAI,IAAI,MAAM,YAAY,IAAI,KAAA,CACrD;CAEA,MAAM,CAAC,cAAc,mBAAmB,uBACtC,YACA,cAAc,IAAI,IAAS,MAAM,mBAAmB,CAAC,IACpD,SAAS,MAAM,oBAAoB,IAAI,CAC1C;CAEA,SAAS,UAAU,KAAU;EAC3B,iBAAiB,aAAa;GAC5B,IAAI,MAAM,kBAAkB,YAC1B,OAAO,IAAI,IACT,SAAS,IAAI,GAAG,KAAK,EAAE,MAAM,2BAA2B,QACpD,CAAC,IACD,CAAC,GAAG,CACV;GAGF,MAAM,OAAO,IAAI,IAAI,QAAQ;GAE7B,IACE,KAAK,IAAI,GAAG,MACX,EAAE,MAAM,2BAA2B,SAAS,KAAK,OAAO,IAEzD,KAAK,OAAO,GAAG;QAEf,KAAK,IAAI,GAAG;GAGd,OAAO;EACT,CAAC;CACH;CAEA,OAAO;EACL,IAAI,aAAa;GACf,OAAO,MAAM,cAAc;EAC7B;EACA,IAAI,eAAe;GACjB,OAAO,aAAa;EACtB;EACA,IAAI,gBAAgB;GAClB,OAAO,MAAM,iBAAiB;EAChC;EACA,YAAY,KAAK,YAAY;GAC3B,iBAAiB,aAAa;IAC5B,IAAI,SAAS,IAAI,GAAG,MAAM,YACxB,OAAO;IAGT,IAAI,MAAM,kBAAkB,YAC1B,OAAO,IAAI,IACT,CAAC,cAAc,EAAE,MAAM,2BAA2B,QAAQ,CAAC,IAAI,CAAC,GAAG,CACrE;IAGF,MAAM,OAAO,IAAI,IAAI,QAAQ;IAE7B,IAAI,YACF,KAAK,IAAI,GAAG;SACP,IAAI,EAAE,MAAM,2BAA2B,SAAS,KAAK,OAAO,GACjE,KAAK,OAAO,GAAG;IAGjB,OAAO;GACT,CAAC;EACH;EACA;EACA;CACF;AACF"}

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

@@ -0,0 +1,58 @@
+/*
+ * 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/toggle/useToggleState.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 { Element } from "solid-js";
+import { FocusableProps, InputBase, Validation } from "@solid2-aria/types-shared";
+export interface ToggleStateOptions extends InputBase {
+  /**
+   * Whether the element should be selected (uncontrolled).
+   */
+  defaultSelected?: boolean;
+  /**
+   * Whether the element should be selected (controlled).
+   */
+  isSelected?: boolean;
+  /**
+   * Handler that is called when the element's selection state changes.
+   */
+  onChange?: (isSelected: boolean) => void;
+}
+export interface ToggleProps extends ToggleStateOptions, Validation<boolean>, FocusableProps {
+  /**
+   * The label for the element.
+   */
+  children?: Element;
+  /**
+   * The value of the input element, used when submitting an HTML form. See
+   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue).
+   */
+  value?: string;
+}
+export interface ToggleState {
+  /** Whether the toggle is selected. */
+  readonly isSelected: boolean;
+  /** Whether the toggle is selected by default. */
+  readonly defaultSelected: boolean;
+  /** Updates selection state. */
+  setSelected: (isSelected: boolean) => void;
+  /** Toggle the selection state. */
+  toggle: () => void;
+}
+/**
+ * Provides state management for toggle components like checkboxes and switches.
+ */
+export declare function createToggleState(props?: ToggleStateOptions): ToggleState;
+//# sourceMappingURL=create-toggle-state.d.ts.map

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

@@ -0,0 +1,43 @@
+/*
+ * 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/toggle/useToggleState.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/toggle/create-toggle-state.ts
+/**
+* Provides state management for toggle components like checkboxes and switches.
+*/
+function createToggleState(props = {}) {
+	const [isSelected, setSelected] = createControlledSignal(() => props.isSelected, untrack(() => props.defaultSelected ?? false), (value) => props.onChange?.(value));
+	const initialValue = untrack(isSelected);
+	return {
+		get defaultSelected() {
+			return props.defaultSelected ?? initialValue;
+		},
+		get isSelected() {
+			return isSelected();
+		},
+		setSelected(value) {
+			if (!(props.isReadOnly === true)) setSelected(value);
+		},
+		toggle() {
+			if (!(props.isReadOnly === true)) setSelected((value) => !value);
+		}
+	};
+}
+export { createToggleState };
+
+//# sourceMappingURL=create-toggle-state.js.map

package/dist/toggle/create-toggle-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-toggle-state.js","names":[],"sources":["../../src/toggle/create-toggle-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/toggle/useToggleState.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  InputBase,\n  Validation,\n} from \"@solid2-aria/types-shared\";\nimport type { Element as SolidElement } from \"solid-js\";\nimport { untrack } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\n\nexport interface ToggleStateOptions extends InputBase {\n  /**\n   * Whether the element should be selected (uncontrolled).\n   */\n  defaultSelected?: boolean;\n  /**\n   * Whether the element should be selected (controlled).\n   */\n  isSelected?: boolean;\n  /**\n   * Handler that is called when the element's selection state changes.\n   */\n  onChange?: (isSelected: boolean) => void;\n}\n\nexport interface ToggleProps\n  extends ToggleStateOptions, Validation<boolean>, FocusableProps {\n  /**\n   * The label for the element.\n   */\n  children?: SolidElement;\n  /**\n   * The value of the input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue).\n   */\n  value?: string;\n}\n\nexport interface ToggleState {\n  /** Whether the toggle is selected. */\n  readonly isSelected: boolean;\n  /** Whether the toggle is selected by default. */\n  readonly defaultSelected: boolean;\n  /** Updates selection state. */\n  setSelected: (isSelected: boolean) => void;\n  /** Toggle the selection state. */\n  toggle: () => void;\n}\n\n/**\n * Provides state management for toggle components like checkboxes and switches.\n */\nexport function createToggleState(props: ToggleStateOptions = {}): ToggleState {\n  const [isSelected, setSelected] = createControlledSignal(\n    () => props.isSelected,\n    untrack(() => props.defaultSelected ?? false),\n    (value) => props.onChange?.(value)\n  );\n\n  const initialValue = untrack(isSelected);\n\n  return {\n    get defaultSelected() {\n      return props.defaultSelected ?? initialValue;\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    setSelected(value) {\n      if (!(props.isReadOnly === true)) {\n        setSelected(value);\n      }\n    },\n    toggle() {\n      if (!(props.isReadOnly === true)) {\n        setSelected((value) => !value);\n      }\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqEA,SAAgB,kBAAkB,QAA4B,CAAC,GAAgB;CAC7E,MAAM,CAAC,YAAY,eAAe,6BAC1B,MAAM,YACZ,cAAc,MAAM,mBAAmB,KAAK,IAC3C,UAAU,MAAM,WAAW,KAAK,CACnC;CAEA,MAAM,eAAe,QAAQ,UAAU;CAEvC,OAAO;EACL,IAAI,kBAAkB;GACpB,OAAO,MAAM,mBAAmB;EAClC;EACA,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA,YAAY,OAAO;GACjB,IAAI,EAAE,MAAM,eAAe,OACzB,YAAY,KAAK;EAErB;EACA,SAAS;GACP,IAAI,EAAE,MAAM,eAAe,OACzB,aAAa,UAAU,CAAC,KAAK;EAEjC;CACF;AACF"}

package/dist/tokenfield/create-token-field-state.d.ts

@@ -0,0 +1,39 @@
+/*
+ * Copyright 2026 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/tokenfield/useTokenFieldState.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 { TokenFieldValue } from "./token-field-value.js";
+import { ValueBase } from "@solid2-aria/types-shared";
+export type TokenFieldProps<T extends TokenFieldValue = TokenFieldValue> = ValueBase<T> & (TokenFieldValue extends T ? unknown : {
+  value: T;
+} | {
+  defaultValue: T;
+});
+export interface TokenFieldState<T extends TokenFieldValue = TokenFieldValue> {
+  /** The current value of the token field. */
+  value: T;
+  /** Sets the value of the token field. */
+  setValue: (fn: T | ((value: T) => T)) => void;
+  /** Whether the token field is composing. */
+  isComposing: boolean;
+  /** Sets the composing state of the token field. */
+  setComposing: (isComposing: boolean) => void;
+}
+/**
+ * Provides state management for a token field. Tracks the field value and the
+ * composition state.
+ */
+export declare function createTokenFieldState<T extends TokenFieldValue = TokenFieldValue>(props: TokenFieldProps<T>): TokenFieldState<T>;
+//# sourceMappingURL=create-token-field-state.d.ts.map

package/dist/tokenfield/create-token-field-state.js

@@ -0,0 +1,44 @@
+/*
+ * Copyright 2026 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/tokenfield/useTokenFieldState.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 { TokenFieldValue } from "./token-field-value.js";
+import { createSignal, untrack } from "solid-js";
+// src/tokenfield/create-token-field-state.ts
+/**
+* Provides state management for a token field. Tracks the field value and the
+* composition state.
+*/
+function createTokenFieldState(props) {
+	const fallback = untrack(() => props.defaultValue ?? props.value ?? new TokenFieldValue([]));
+	const [value, setValue] = createControlledSignal(() => props.value, fallback, (localValue) => props.onChange?.(localValue));
+	const [isComposing, setComposing] = createSignal(false, { ownedWrite: true });
+	return {
+		get isComposing() {
+			return isComposing();
+		},
+		setComposing(next) {
+			setComposing(next);
+		},
+		setValue,
+		get value() {
+			return value();
+		}
+	};
+}
+export { createTokenFieldState };
+
+//# sourceMappingURL=create-token-field-state.js.map

package/dist/tokenfield/create-token-field-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-token-field-state.js","names":[],"sources":["../../src/tokenfield/create-token-field-state.ts"],"sourcesContent":["/*\n * Copyright 2026 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/tokenfield/useTokenFieldState.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 { ValueBase } from \"@solid2-aria/types-shared\";\nimport { createSignal, untrack } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport { TokenFieldValue } from \"./token-field-value\";\n\nexport type TokenFieldProps<T extends TokenFieldValue = TokenFieldValue> =\n  ValueBase<T> &\n    (TokenFieldValue extends T ? unknown : { value: T } | { defaultValue: T });\n\nexport interface TokenFieldState<T extends TokenFieldValue = TokenFieldValue> {\n  /** The current value of the token field. */\n  value: T;\n  /** Sets the value of the token field. */\n  setValue: (fn: T | ((value: T) => T)) => void;\n  /** Whether the token field is composing. */\n  isComposing: boolean;\n  /** Sets the composing state of the token field. */\n  setComposing: (isComposing: boolean) => void;\n}\n\n/**\n * Provides state management for a token field. Tracks the field value and the\n * composition state.\n */\nexport function createTokenFieldState<\n  T extends TokenFieldValue = TokenFieldValue,\n>(props: TokenFieldProps<T>): TokenFieldState<T> {\n  // SAFETY: TokenFieldProps requires an initial value for specialized T; only the base value type may use the empty fallback.\n  // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n  const fallback = untrack(\n    () => props.defaultValue ?? props.value ?? new TokenFieldValue([])\n  ) as T;\n\n  const [value, setValue] = createControlledSignal(\n    () => props.value,\n    fallback,\n    (localValue) => props.onChange?.(localValue)\n  );\n\n  const [isComposing, setComposing] = createSignal(false, { ownedWrite: true });\n\n  return {\n    get isComposing() {\n      return isComposing();\n    },\n    setComposing(next) {\n      setComposing(next);\n    },\n    setValue,\n    get value() {\n      return value();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAgB,sBAEd,OAA+C;CAG/C,MAAM,WAAW,cACT,MAAM,gBAAgB,MAAM,SAAS,IAAI,gBAAgB,CAAC,CAAC,CACnE;CAEA,MAAM,CAAC,OAAO,YAAY,6BAClB,MAAM,OACZ,WACC,eAAe,MAAM,WAAW,UAAU,CAC7C;CAEA,MAAM,CAAC,aAAa,gBAAgB,aAAa,OAAO,EAAE,YAAY,KAAK,CAAC;CAE5E,OAAO;EACL,IAAI,cAAc;GAChB,OAAO,YAAY;EACrB;EACA,aAAa,MAAM;GACjB,aAAa,IAAI;EACnB;EACA;EACA,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;CACF;AACF"}

package/dist/tokenfield/token-field-value.d.ts

@@ -0,0 +1,111 @@
+/*
+ * Copyright 2026 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/tokenfield/TokenFieldValue.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.
+ */
+export type TokenFieldSegment<T = unknown> = TextSegment | TokenSegment<T>;
+export interface TextSegment {
+  type: "text";
+  text: string;
+}
+export interface TokenSegment<T = unknown> {
+  type: "token";
+  text: string;
+  /** An arbitrary value associated with the token. */
+  value?: T;
+}
+export interface Position {
+  /** Index of the segment in the list. */
+  index: number;
+  /** Text offset within the segment in UTF-16 code units. */
+  offset: number;
+}
+/** Represents a text selection in a TokenField. */
+export declare class SelectedRange {
+  /** The anchor position. */
+  anchor: Position;
+  /** The current (i.e. caret) position. */
+  current: Position;
+  /**
+   * Creates a new selection range. If only a single position is provided, the selection is
+   * collapsed.
+   */
+  constructor(anchor: Position, current?: Position);
+  /** Whether the selection is collapsed to a single caret position. */
+  get isCollapsed(): boolean;
+  /** The side of the selection closest to the start of the value. */
+  get start(): Position;
+  /** The side of the selection closest to the end of the value. */
+  get end(): Position;
+  /** Returns whether this selection is equal to another. */
+  isEqual(other: SelectedRange): boolean;
+}
+declare enum Direction {
+  Forward = 1,
+  Backward = -1
+}
+export interface TokenFieldValueOptions {
+  selectedRange?: SelectedRange | null;
+}
+/**
+ * A list of segments containing editable text and non-editable tokens.
+ */
+export declare class TokenFieldValue<T = unknown> {
+  static readonly Direction: typeof Direction;
+  static readonly SelectedRange: typeof SelectedRange;
+  /** The text and token segments in the list. */
+  readonly segments: readonly TokenFieldSegment<T>[];
+  /** The selected range. */
+  selectedRange: SelectedRange;
+  private previous;
+  private next;
+  private isCoalescing;
+  /** Create a new list with the given segments. */
+  constructor(tokens: readonly TokenFieldSegment<T>[], options?: TokenFieldValueOptions);
+  protected createFieldValue(segments: readonly TokenFieldSegment<T>[]): this;
+  get caretPosition(): Position;
+  /** Create a new list with the caret position set to the given position. */
+  withSelectedRange(selectedRange: SelectedRange): this;
+  withCaretPosition(position: Position): this;
+  private static splitSegment;
+  private static createTextSegment;
+  protected tokenize(text: string): TokenFieldSegment<T>[];
+  private clampPosition;
+  /** Replace the text between two positions with new text. */
+  replaceRange(start: Position, end: Position, text: string, coalesce?: boolean): this;
+  /** Replace the text between two positions with new segments. */
+  replaceRangeWithSegments(initialStart: Position, initialEnd: Position, insert: TokenFieldSegment<T>[], coalesce?: boolean): this;
+  /** Find the boundary before or after a position using an Intl.Segmenter. */
+  findBoundaryWithSegmenter(initialPosition: Position, segmenter: Intl.Segmenter, direction: Direction): Position | null;
+  /** Find a line boundary before or after a position. */
+  findLineBoundary(position: Position, direction: Direction): Position | null;
+  /** Find a string or regular expression match before or after a position. */
+  findText(position: Position, direction: Direction, search: string | RegExp): Position | null;
+  /** Delete text at a position using a segmenter. */
+  delete(position: Position, segmenter: Intl.Segmenter, direction: Direction, coalesce?: boolean): this;
+  /** Delete text to the next or previous line break. */
+  deleteLine(position: Position, direction: Direction, coalesce?: boolean): this;
+  /** Create a new list containing a subset of the segments. */
+  slice(initialStart: Position, initialEnd: Position): this;
+  /** Convert the list to a string. */
+  toString(): string;
+  /** Returns the previous list in the undo history. */
+  undo(): this;
+  /** Returns the next list in the redo history. */
+  redo(): this;
+  /** End coalescing undo/redo history. */
+  endCoalescing(): void;
+}
+export {};
+//# sourceMappingURL=token-field-value.d.ts.map