@proyecto-viviana/solid-stately 0.2.7 → 0.4.0

package/dist/table/types.d.ts

@@ -2,12 +2,12 @@
  * Table state types for Table components.
  * Based on @react-stately/table and @react-types/table.
  */
-import type { Key } from '../collections/types';
-import type { GridState, GridCollection, GridNode } from '../grid/types';
+import type { Key } from "../collections/types";
+import type { GridState, GridCollection, GridNode } from "../grid/types";
 /**
  * Sort direction for table columns.
  */
-export type SortDirection = 'ascending' | 'descending';
+export type SortDirection = "ascending" | "descending";
 /**
  * Describes which column to sort by and in what direction.
  */
@@ -41,12 +41,14 @@ export interface TableCollection<T = unknown> extends GridCollection<T> {
     readonly head?: GridNode<T>;
     /** The node that makes up the body of the table. */
     readonly body: GridNode<T>;
+    /** The key of the column that renders the tree-grid expand/collapse affordance, if any. */
+    readonly treeColumn?: Key | null;
 }
 /**
  * State for a table component.
  * Extends GridState with table-specific functionality.
  */
-export interface TableState<T, C extends TableCollection<T> = TableCollection<T>> extends Omit<GridState<T, GridCollection<T>>, 'collection'> {
+export interface TableState<T, C extends TableCollection<T> = TableCollection<T>> extends Omit<GridState<T, GridCollection<T>>, "collection"> {
     /** The table collection. */
     readonly collection: C;
     /** Whether the row selection checkboxes should be displayed. */
@@ -55,6 +57,51 @@ export interface TableState<T, C extends TableCollection<T> = TableCollection<T>
     readonly sortDescriptor: SortDescriptor | null;
     /** Sort by the given column and direction. */
     sort(columnKey: Key, direction?: SortDirection): void;
+    /**
+     * The set of expanded row keys for tree grids. A plain table reports an empty set.
+     */
+    readonly expandedKeys: "all" | Set<Key>;
+    /**
+     * The key of the column that renders the expand/collapse affordance, or `null` for a
+     * plain (non-tree) table.
+     */
+    readonly treeColumn: Key | null;
+    /** Toggles the expanded state of a row by its key (no-op for a plain table). */
+    toggleKey(key: Key): void;
+}
+/**
+ * State for a tree grid (expandable rows). Mirrors `@react-stately/table`'s
+ * `UNSTABLE_useTreeGridState` return value.
+ */
+export interface TreeGridState<T, C extends TableCollection<T> = TableCollection<T>> extends TableState<T, C> {
+    /** A set of keys for rows that are expanded. */
+    readonly expandedKeys: "all" | Set<Key>;
+    /** The key map containing nodes representing the collection's tree grid structure. */
+    readonly keyMap: Map<Key, GridNode<T>>;
+    /** The number of leaf columns provided by the user (excludes selection/drag columns). */
+    readonly userColumnCount: number;
+}
+/**
+ * Options for creating tree grid state. Mirrors `TreeGridStateProps` upstream; the
+ * expansion props keep the `UNSTABLE_` prefix while the feature is unstable.
+ */
+export interface TreeGridStateOptions<T, C extends TableCollection<T> = TableCollection<T>> extends Omit<TableStateOptions<T, C>, "collection"> {
+    /** Column definitions. */
+    columns: ColumnDefinition<T>[];
+    /** Row definitions (may contain `childRows` for nested rows). */
+    rows: RowDefinition<T>[];
+    /** Function to get the key from a data item. */
+    getKey?: (item: T) => Key;
+    /** Function to get the text value from a data item. */
+    getTextValue?: (item: T, column: ColumnDefinition<T>) => string;
+    /** Set of column keys that serve as row headers. */
+    rowHeaderColumnKeys?: Set<Key>;
+    /** The currently expanded keys in the collection (controlled). */
+    UNSTABLE_expandedKeys?: "all" | Iterable<Key>;
+    /** The initial expanded keys in the collection (uncontrolled). */
+    UNSTABLE_defaultExpandedKeys?: "all" | Iterable<Key>;
+    /** Handler that is called when rows are expanded or collapsed. */
+    UNSTABLE_onExpandedChange?: (keys: Set<Key>) => void;
 }
 /**
  * Options for creating table state.
@@ -64,20 +111,22 @@ export interface TableStateOptions<T, C extends TableCollection<T> = TableCollec
     collection: C;
     /** Keys of disabled rows. */
     disabledKeys?: Iterable<Key>;
+    /** Whether `disabledKeys` applies to all interactions, or only selection. @default "all" */
+    disabledBehavior?: "selection" | "all";
     /** Focus mode: 'row' or 'cell'. */
-    focusMode?: 'row' | 'cell';
+    focusMode?: "row" | "cell";
     /** Selection mode. */
-    selectionMode?: 'none' | 'single' | 'multiple';
+    selectionMode?: "none" | "single" | "multiple";
     /** Selection behavior. */
-    selectionBehavior?: 'toggle' | 'replace';
+    selectionBehavior?: "toggle" | "replace";
     /** Whether empty selection is disallowed. */
     disallowEmptySelection?: boolean;
     /** Currently selected keys (controlled). */
-    selectedKeys?: 'all' | Iterable<Key>;
+    selectedKeys?: "all" | Iterable<Key>;
     /** Default selected keys (uncontrolled). */
-    defaultSelectedKeys?: 'all' | Iterable<Key>;
+    defaultSelectedKeys?: "all" | Iterable<Key>;
     /** Handler for selection changes. */
-    onSelectionChange?: (keys: 'all' | Set<Key>) => void;
+    onSelectionChange?: (keys: "all" | Set<Key>) => void;
     /** Whether the row selection checkboxes should be displayed. */
     showSelectionCheckboxes?: boolean;
 }
@@ -135,4 +184,13 @@ export interface TableCollectionOptions<T = unknown> {
     showSelectionCheckboxes?: boolean;
     /** Set of column keys that serve as row headers. */
     rowHeaderColumnKeys?: Set<Key>;
+    /**
+     * The set of expanded row keys. Passing this (even an empty set) builds the collection
+     * in tree-grid mode: `childRows` are walked recursively, only rows whose ancestors are
+     * all expanded are flattened into the navigable body, and {@link TableCollection.treeColumn}
+     * resolves to a real column. Omit it for a plain (non-tree) table.
+     */
+    expandedKeys?: "all" | Set<Key>;
+    /** Explicit tree column key. Defaults to the first row-header column in tree-grid mode. */
+    treeColumn?: Key | null;
 }

package/dist/tabs/createTabListState.d.ts

@@ -2,11 +2,11 @@
  * State management for tab components.
  * Based on @react-stately/tabs.
  */
-import { type Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-import type { Collection, CollectionNode, Key, FocusStrategy } from '../collections/types';
-export type KeyboardActivation = 'automatic' | 'manual';
-export type TabOrientation = 'horizontal' | 'vertical';
+import { type Accessor } from "solid-js";
+import { type MaybeAccessor } from "../utils";
+import type { Collection, CollectionNode, Key, FocusStrategy } from "../collections/types";
+export type KeyboardActivation = "automatic" | "manual";
+export type TabOrientation = "horizontal" | "vertical";
 export interface TabListStateProps<T = unknown> {
     /** The items in the tab list. */
     items?: T[];

package/dist/tabs/index.d.ts

@@ -1 +1 @@
-export { createTabListState, type TabListStateProps, type TabListState, type KeyboardActivation, type TabOrientation, } from './createTabListState';
+export { createTabListState, type TabListStateProps, type TabListState, type KeyboardActivation, type TabOrientation, } from "./createTabListState";

package/dist/textfield/createTextFieldState.d.ts

@@ -6,8 +6,8 @@
  * This is a port of @react-stately/utils's useControlledState pattern
  * as used by @react-aria/textfield.
  */
-import { Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
+import { Accessor } from "solid-js";
+import { type MaybeAccessor } from "../utils";
 export interface TextFieldStateOptions {
     /** The current value (controlled). */
     value?: string;

package/dist/textfield/index.d.ts

@@ -1 +1 @@
-export { createTextFieldState, type TextFieldStateOptions, type TextFieldState, } from './createTextFieldState';
+export { createTextFieldState, type TextFieldStateOptions, type TextFieldState, } from "./createTextFieldState";

package/dist/toast/createToastState.d.ts

@@ -2,7 +2,7 @@
  * Toast state management for SolidJS
  * Based on @react-stately/toast useToastState
  */
-import { type Accessor } from 'solid-js';
+import { type Accessor } from "solid-js";
 export interface ToastOptions {
     /** A timeout to automatically close the toast, in milliseconds. */
     timeout?: number;
@@ -19,7 +19,7 @@ export interface QueuedToast<T> {
     /** The timer for the toast. */
     timer: Timer | null;
     /** Whether the toast should be animated. */
-    animation?: 'entering' | 'exiting' | 'queued';
+    animation?: "entering" | "exiting" | "queued";
     /** The priority of the toast. */
     priority: number;
     /** Handler called when the toast is closed. */
@@ -27,11 +27,19 @@ export interface QueuedToast<T> {
     /** The timeout for the toast. */
     timeout?: number;
 }
+/** The kind of queue mutation that triggered a notification, passed to `wrapUpdate`. */
+export type ToastAction = "add" | "remove" | "clear";
 export interface ToastQueueOptions {
     /** The maximum number of toasts to display at once. */
     maxVisibleToasts?: number;
     /** Whether toasts should stack (true) or queue (false). */
     hasExitAnimation?: boolean;
+    /**
+     * Wraps each update to the visible toasts (e.g. in `document.startViewTransition()`),
+     * so the resulting re-render can be animated. Receives the action that triggered the
+     * update. Mirrors `@react-stately/toast`'s `wrapUpdate`.
+     */
+    wrapUpdate?: (fn: () => void, action: ToastAction) => void;
 }
 export interface ToastStateProps<T> {
     /** The toast queue to use. */
@@ -50,6 +58,8 @@ export interface ToastState<T> {
      * If hasExitAnimation is false, close() removes immediately and this is not needed.
      */
     remove: (key: string) => void;
+    /** Clears all queued and visible toasts. */
+    clear: () => void;
     /** Pauses all toast timers. */
     pauseAll: () => void;
     /** Resumes all toast timers. */
@@ -80,7 +90,15 @@ export declare class ToastQueue<T> {
     private maxVisibleToasts;
     private hasExitAnimation;
     private keyCounter;
+    private wrapUpdate?;
     constructor(options?: ToastQueueOptions);
+    /**
+     * Installs (or clears) the function that wraps visible-toast updates, so the
+     * resulting re-render can be animated. Used to attach `document.startViewTransition`
+     * to a shared queue (e.g. the global queue) after construction.
+     */
+    setWrapUpdate(wrapUpdate?: (fn: () => void, action: ToastAction) => void): void;
+    private runWithWrapUpdate;
     /**
      * Subscribe to queue changes.
      */
@@ -97,6 +115,10 @@ export declare class ToastQueue<T> {
      * Remove a toast after exit animation completes.
      */
     remove(key: string): void;
+    /**
+     * Clear all queued and visible toasts.
+     */
+    clear(): void;
     /**
      * Pause all toast timers.
      */

package/dist/toast/index.d.ts

@@ -1 +1 @@
-export { createToastState, createToastQueue, ToastQueue, Timer, type ToastOptions, type QueuedToast, type ToastQueueOptions, type ToastStateProps, type ToastState, } from './createToastState';
+export { createToastState, createToastQueue, ToastQueue, Timer, type ToastOptions, type QueuedToast, type ToastQueueOptions, type ToastAction, type ToastStateProps, type ToastState, } from "./createToastState";

package/dist/toggle/createToggleGroupState.d.ts

@@ -6,14 +6,14 @@
  *
  * This is a port of @react-stately/toggle's useToggleGroupState.
  */
-import type { Key } from '../collections';
-import { type MaybeAccessor } from '../utils';
+import type { Key } from "../collections";
+import { type MaybeAccessor } from "../utils";
 export interface ToggleGroupProps {
     /**
      * Whether single or multiple selection is enabled.
      * @default 'single'
      */
-    selectionMode?: 'single' | 'multiple';
+    selectionMode?: "single" | "multiple";
     /** Whether empty selection is disallowed. */
     disallowEmptySelection?: boolean;
     /** Controlled selected keys. */
@@ -27,7 +27,7 @@ export interface ToggleGroupProps {
 }
 export interface ToggleGroupState {
     /** Whether single or multiple selection is enabled. */
-    readonly selectionMode: 'single' | 'multiple';
+    readonly selectionMode: "single" | "multiple";
     /** Whether all items are disabled. */
     readonly isDisabled: boolean;
     /** Current selected keys. */

package/dist/toggle/createToggleState.d.ts

@@ -5,8 +5,8 @@
  *
  * This is a 1:1 port of @react-stately/toggle's useToggleState.
  */
-import { Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
+import { Accessor } from "solid-js";
+import { type MaybeAccessor } from "../utils";
 export interface ToggleStateOptions {
     /** Whether the element should be selected (controlled). */
     isSelected?: boolean;

package/dist/toggle/index.d.ts

@@ -1,2 +1,2 @@
-export { createToggleState, type ToggleStateOptions, type ToggleState, } from './createToggleState';
-export { createToggleGroupState, type ToggleGroupProps, type ToggleGroupState, } from './createToggleGroupState';
+export { createToggleState, type ToggleStateOptions, type ToggleState } from "./createToggleState";
+export { createToggleGroupState, type ToggleGroupProps, type ToggleGroupState, } from "./createToggleGroupState";

package/dist/tooltip/createTooltipTriggerState.d.ts

@@ -5,8 +5,8 @@
  * Tracks whether the tooltip is open, and provides methods to toggle this state.
  * Ensures only one tooltip is open at a time and controls the delay for showing a tooltip.
  */
-import { type Accessor } from 'solid-js';
-import { type OverlayTriggerProps } from '../overlays';
+import { type Accessor } from "solid-js";
+import { type OverlayTriggerProps } from "../overlays";
 export interface TooltipTriggerProps extends OverlayTriggerProps {
     /** The delay time in milliseconds for the tooltip to show up. */
     delay?: number;

package/dist/tooltip/index.d.ts

@@ -1 +1 @@
-export { createTooltipTriggerState, resetTooltipState, type TooltipTriggerProps, type TooltipTriggerState, } from './createTooltipTriggerState';
+export { createTooltipTriggerState, resetTooltipState, type TooltipTriggerProps, type TooltipTriggerState, } from "./createTooltipTriggerState";

package/dist/tree/TreeCollection.d.ts

@@ -5,8 +5,8 @@
  * A flattened view of tree nodes that respects expanded state.
  * Only visible nodes (root + expanded children) are included in iteration.
  */
-import type { Key } from '../collections/types';
-import type { TreeCollection as ITreeCollection, TreeNode, TreeItemData } from './types';
+import type { Key } from "../collections/types";
+import type { TreeCollection as ITreeCollection, TreeNode, TreeItemData } from "./types";
 /**
  * Creates a TreeCollection from hierarchical data.
  * The collection is flattened based on expanded keys.

package/dist/tree/createTreeState.d.ts

@@ -4,8 +4,8 @@
  *
  * Manages expansion state, selection, and focus for hierarchical tree data.
  */
-import { type Accessor } from 'solid-js';
-import type { TreeState, TreeStateOptions, TreeCollection } from './types';
+import { type Accessor } from "solid-js";
+import type { TreeState, TreeStateOptions, TreeCollection } from "./types";
 /**
  * Creates state management for a tree component.
  * Handles expansion, selection, focus management, and keyboard navigation state.

package/dist/tree/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Tree state management exports.
  */
-export { createTreeState } from './createTreeState';
-export { TreeCollection, createTreeCollection } from './TreeCollection';
-export type { TreeState, TreeStateOptions, TreeCollection as TreeCollectionInterface, TreeNode, TreeItemData, } from './types';
+export { createTreeState } from "./createTreeState";
+export { TreeCollection, createTreeCollection } from "./TreeCollection";
+export type { TreeState, TreeStateOptions, TreeCollection as TreeCollectionInterface, TreeNode, TreeItemData, } from "./types";

package/dist/tree/types.d.ts

@@ -2,8 +2,8 @@
  * Tree collection types for Tree components.
  * Based on @react-stately/tree.
  */
-import type { Key, FocusStrategy } from '../collections/types';
-import type { GridNode, GridCollection } from '../grid/types';
+import type { Key, FocusStrategy, Selection, SelectionBehavior } from "../collections/types";
+import type { GridNode, GridCollection } from "../grid/types";
 /**
  * Represents a node in a tree collection.
  * Extends GridNode with tree-specific properties.
@@ -26,7 +26,7 @@ export interface TreeNode<T = unknown> extends GridNode<T> {
  * A collection of tree nodes with tree-specific navigation.
  * Only includes visible nodes (respects expanded state).
  */
-export interface TreeCollection<T = unknown> extends Omit<GridCollection<T>, 'rows' | 'columns' | 'headerRows' | 'columnCount' | 'getCell'> {
+export interface TreeCollection<T = unknown> extends Omit<GridCollection<T>, "rows" | "columns" | "headerRows" | "columnCount" | "getCell"> {
     /** All visible rows in the tree (respects expanded state). */
     readonly rows: TreeNode<T>[];
     /** Number of visible rows. */
@@ -63,6 +63,8 @@ export interface TreeState<T, C extends TreeCollection<T> = TreeCollection<T>> {
     readonly collection: C;
     /** Keys of disabled items. */
     readonly disabledKeys: Set<Key>;
+    /** Whether `disabledKeys` applies to all interactions, or only selection. */
+    readonly disabledBehavior: "selection" | "all";
     /** Keys of expanded items. */
     readonly expandedKeys: Set<Key>;
     /** Whether keyboard navigation is disabled. */
@@ -74,9 +76,13 @@ export interface TreeState<T, C extends TreeCollection<T> = TreeCollection<T>> {
     /** Whether the tree is focused. */
     readonly isFocused: boolean;
     /** The selection mode. */
-    readonly selectionMode: 'none' | 'single' | 'multiple';
+    readonly selectionMode: "none" | "single" | "multiple";
+    /** How selection behaves when pressing an item. */
+    readonly selectionBehavior: SelectionBehavior;
+    /** Whether empty selection is disallowed. */
+    readonly disallowEmptySelection: boolean;
     /** The currently selected keys. */
-    readonly selectedKeys: 'all' | Set<Key>;
+    readonly selectedKeys: Selection;
     /** Check if a key is selected. */
     isSelected(key: Key): boolean;
     /** Check if a key is disabled. */
@@ -91,6 +97,10 @@ export interface TreeState<T, C extends TreeCollection<T> = TreeCollection<T>> {
     toggleSelection(key: Key): void;
     /** Replace selection with a key. */
     replaceSelection(key: Key): void;
+    /** Set the selected keys directly. */
+    setSelectedKeys(keys: Selection | Iterable<Key>): void;
+    /** Set how selection behaves when pressing an item. */
+    setSelectionBehavior(behavior: SelectionBehavior): void;
     /** Extend selection to a key (shift-click). */
     extendSelection(toKey: Key): void;
     /** Select all visible items. */
@@ -119,19 +129,19 @@ export interface TreeStateOptions<T, C extends TreeCollection<T> = TreeCollectio
     /** Keys of disabled items. */
     disabledKeys?: Iterable<Key>;
     /** Disabled behavior: 'selection' only or 'all' interactions. */
-    disabledBehavior?: 'selection' | 'all';
+    disabledBehavior?: "selection" | "all";
     /** Selection mode. */
-    selectionMode?: 'none' | 'single' | 'multiple';
+    selectionMode?: "none" | "single" | "multiple";
     /** Selection behavior. */
-    selectionBehavior?: 'toggle' | 'replace';
+    selectionBehavior?: SelectionBehavior;
     /** Whether empty selection is disallowed. */
     disallowEmptySelection?: boolean;
     /** Currently selected keys (controlled). */
-    selectedKeys?: 'all' | Iterable<Key>;
+    selectedKeys?: Selection | Iterable<Key>;
     /** Default selected keys (uncontrolled). */
-    defaultSelectedKeys?: 'all' | Iterable<Key>;
+    defaultSelectedKeys?: Selection | Iterable<Key>;
     /** Handler for selection changes. */
-    onSelectionChange?: (keys: 'all' | Set<Key>) => void;
+    onSelectionChange?: (keys: "all" | Set<Key>) => void;
     /** Currently expanded keys (controlled). */
     expandedKeys?: Iterable<Key>;
     /** Default expanded keys (uncontrolled). */
@@ -144,13 +154,17 @@ export interface TreeStateOptions<T, C extends TreeCollection<T> = TreeCollectio
  */
 export interface TreeItemData<T = unknown> {
     /** Unique key for this item. */
-    key: Key;
+    key?: Key;
+    /** S2/React Aria-compatible unique id alias. */
+    id?: Key;
     /** The data value for this item. */
-    value: T;
+    value?: T;
     /** Text content for accessibility and search. */
     textValue?: string;
     /** Child items (makes this item expandable). */
     children?: TreeItemData<T>[];
+    /** Whether this item has children that may not be loaded yet. */
+    hasChildItems?: boolean;
     /** Whether this item is disabled. */
     isDisabled?: boolean;
 }

package/dist/utils/index.d.ts

@@ -1 +1 @@
-export { access, isAccessor, type MaybeAccessor, type MaybeAccessorValue } from './reactivity';
+export { access, isAccessor, type MaybeAccessor, type MaybeAccessorValue } from "./reactivity";

package/dist/utils/reactivity.d.ts

@@ -3,7 +3,7 @@
  *
  * Provides type-safe utilities for working with SolidJS reactivity patterns.
  */
-import { Accessor } from 'solid-js';
+import { Accessor } from "solid-js";
 /**
  * A value that may be either a raw value or an accessor function.
  * This is a common pattern in SolidJS for props that may be reactive.

package/package.json

@@ -1,31 +1,40 @@
 {
   "name": "@proyecto-viviana/solid-stately",
-  "version": "0.2.7",
+  "version": "0.4.0",
   "description": "A 1-1 SolidJS port of React Stately - headless state management for UI components",
+  "keywords": [
+    "headless",
+    "react-stately",
+    "solid",
+    "solidjs",
+    "state",
+    "stately"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/proyecto-viviana/ui.git",
+    "directory": "packages/solid-stately"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
   "type": "module",
+  "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "solid": "./src/index.ts",
+      "solid": "./dist/index.js",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     }
   },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "build": "tsup && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
-    "dev": "tsup --watch",
-    "prepublishOnly": "echo 'Use the root Changesets npm release workflow'"
-  },
-  "peerDependencies": {
-    "solid-js": "^1.9.0"
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
     "@internationalized/date": "^3.8.0"
@@ -33,21 +42,11 @@
   "devDependencies": {
     "solid-js": "^1.9.11"
   },
-  "keywords": [
-    "solid",
-    "solidjs",
-    "stately",
-    "state",
-    "headless",
-    "react-stately"
-  ],
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/proyecto-viviana/proyecto-viviana.git",
-    "directory": "packages/solid-stately"
+  "peerDependencies": {
+    "solid-js": "^1.9.0"
   },
-  "publishConfig": {
-    "access": "public"
+  "scripts": {
+    "build": "rm -rf dist && tsdown && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
+    "dev": "tsup --watch"
   }
-}
+}

package/src/autocomplete/createAutocompleteState.d.ts

@@ -3,24 +3,24 @@
  *
  * Based on @react-stately/autocomplete useAutocompleteState.
  */
-import { type Accessor } from 'solid-js';
+import { type Accessor } from "solid-js";
 export interface AutocompleteState {
-    /** The current value of the autocomplete input. */
-    inputValue: Accessor<string>;
-    /** Sets the value of the autocomplete input. */
-    setInputValue(value: string): void;
-    /** The id of the current aria-activedescendant of the autocomplete input. */
-    focusedNodeId: Accessor<string | null>;
-    /** Sets the id of the current aria-activedescendant of the autocomplete input. */
-    setFocusedNodeId(value: string | null): void;
+  /** The current value of the autocomplete input. */
+  inputValue: Accessor<string>;
+  /** Sets the value of the autocomplete input. */
+  setInputValue(value: string): void;
+  /** The id of the current aria-activedescendant of the autocomplete input. */
+  focusedNodeId: Accessor<string | null>;
+  /** Sets the id of the current aria-activedescendant of the autocomplete input. */
+  setFocusedNodeId(value: string | null): void;
 }
 export interface AutocompleteStateOptions {
-    /** The value of the autocomplete input (controlled). */
-    inputValue?: string;
-    /** The default value of the autocomplete input (uncontrolled). */
-    defaultInputValue?: string;
-    /** Handler that is called when the autocomplete input value changes. */
-    onInputChange?: (value: string) => void;
+  /** The value of the autocomplete input (controlled). */
+  inputValue?: string;
+  /** The default value of the autocomplete input (uncontrolled). */
+  defaultInputValue?: string;
+  /** Handler that is called when the autocomplete input value changes. */
+  onInputChange?: (value: string) => void;
 }
 /**
  * Provides state management for an autocomplete component.
@@ -42,5 +42,7 @@ export interface AutocompleteStateOptions {
  * state.setFocusedNodeId('item-1');
  * ```
  */
-export declare function createAutocompleteState(props?: AutocompleteStateOptions): AutocompleteState;
-//# sourceMappingURL=createAutocompleteState.d.ts.map
+export declare function createAutocompleteState(
+  props?: AutocompleteStateOptions,
+): AutocompleteState;
+//# sourceMappingURL=createAutocompleteState.d.ts.map