solid-baseui 0.1.0-alpha.0

package/dist/lib/server/withoutComponentBinding-BHaWr5kU.js

@@ -0,0 +1,20 @@
+//#region src/internals/withoutComponentBinding.ts
+var wrappers = /* @__PURE__ */ new WeakMap();
+var COMPONENT_BINDING = Symbol.for("dom-expressions.component-binding");
+/**
+* Solid 2 transport bindings recurse when one polymorphic component is passed
+* directly to another Dynamic. A stable unbranded wrapper keeps ordinary
+* client-side component composition on the component's public function.
+*/
+function withoutComponentBinding(component) {
+	if (typeof component !== "function") return component;
+	let wrapper = wrappers.get(component);
+	if (!wrapper) {
+		const binding = component[COMPONENT_BINDING];
+		wrapper = binding ? (props) => binding.component(props, binding.address) : (props) => Reflect.apply(component, void 0, [props]);
+		wrappers.set(component, wrapper);
+	}
+	return wrapper;
+}
+//#endregion
+export { withoutComponentBinding as t };

package/dist/lib/types/accordion/header/AccordionHeader.d.ts

@@ -0,0 +1,12 @@
+import { type ValidComponent } from '@solidjs/web';
+import type { BaseUIComponentProps } from '../../types/index.js';
+import type { AccordionItemState } from '../item/AccordionItem.js';
+export interface AccordionHeaderState extends AccordionItemState {
+}
+export type AccordionHeaderProps<Component extends ValidComponent = 'h3'> = BaseUIComponentProps<Component, AccordionHeaderState>;
+/** A heading that labels the corresponding panel. */
+export declare function AccordionHeader<Component extends ValidComponent = 'h3'>(props: AccordionHeader.Props<Component>): import("@solidjs/web").JSX.Element;
+export declare namespace AccordionHeader {
+    type State = AccordionHeaderState;
+    type Props<Component extends ValidComponent = 'h3'> = AccordionHeaderProps<Component>;
+}

package/dist/lib/types/accordion/index.d.ts

@@ -0,0 +1,6 @@
+export * as Accordion from './index.parts.js';
+export type * from './root/AccordionRoot.js';
+export type * from './item/AccordionItem.js';
+export type * from './header/AccordionHeader.js';
+export type * from './trigger/AccordionTrigger.js';
+export type * from './panel/AccordionPanel.js';

package/dist/lib/types/accordion/index.parts.d.ts

@@ -0,0 +1,5 @@
+export { AccordionRoot as Root } from './root/AccordionRoot.js';
+export { AccordionItem as Item } from './item/AccordionItem.js';
+export { AccordionHeader as Header } from './header/AccordionHeader.js';
+export { AccordionTrigger as Trigger } from './trigger/AccordionTrigger.js';
+export { AccordionPanel as Panel } from './panel/AccordionPanel.js';

package/dist/lib/types/accordion/item/AccordionItem.d.ts

@@ -0,0 +1,29 @@
+import { type ValidComponent } from '@solidjs/web';
+import { REASONS } from '../../internals/reasons.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+import type { AccordionRootState } from '../root/AccordionRoot.js';
+export interface AccordionItemState extends AccordionRootState {
+    /** Whether the panel is both closed and no longer retained for a transition. */
+    hidden: boolean;
+    /** The item's current DOM index. */
+    index: number;
+    /** Whether the item is currently open. */
+    open: boolean;
+}
+interface AccordionItemOwnProps {
+    disabled?: boolean | undefined;
+    onOpenChange?: ((open: boolean, details: AccordionItemChangeEventDetails) => void) | undefined;
+    value?: any;
+}
+export type AccordionItemProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, AccordionItemState, AccordionItemOwnProps>;
+/** Groups an accordion header with its corresponding panel. */
+export declare function AccordionItem<Component extends ValidComponent = 'div'>(props: AccordionItem.Props<Component>): import("@solidjs/web").JSX.Element;
+export type AccordionItemChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.none;
+export type AccordionItemChangeEventDetails = import('../../types/index.js').BaseUIChangeEventDetails<AccordionItemChangeEventReason>;
+export declare namespace AccordionItem {
+    type State = AccordionItemState;
+    type Props<Component extends ValidComponent = 'div'> = AccordionItemProps<Component>;
+    type ChangeEventReason = AccordionItemChangeEventReason;
+    type ChangeEventDetails = AccordionItemChangeEventDetails;
+}
+export {};

package/dist/lib/types/accordion/item/AccordionItemContext.d.ts

@@ -0,0 +1,22 @@
+import { type Accessor, type Setter } from 'solid-js';
+import type { TransitionStatus } from '../../internals/stateAttributesMapping.js';
+import type { AccordionItemChangeEventReason, AccordionItemState } from './AccordionItem.js';
+export interface AccordionItemContextValue {
+    defaultPanelId: string;
+    defaultTriggerId: string;
+    disabled: Accessor<boolean>;
+    mounted: Accessor<boolean>;
+    open: Accessor<boolean>;
+    panelId: Accessor<string | undefined>;
+    requestOpenChange: (open: boolean, event: Event, reason: AccordionItemChangeEventReason, beforeCommit?: (() => void) | undefined) => boolean;
+    setMounted: Setter<boolean>;
+    setPanelIdState: Setter<string | null | undefined>;
+    setTriggerIdState: Setter<string | null | undefined>;
+    state: Accessor<AccordionItemState>;
+    transitionStatus: Accessor<TransitionStatus>;
+    triggerId: Accessor<string | undefined>;
+}
+declare const MISSING_CONTEXT: unique symbol;
+export declare const AccordionItemContext: import("solid-js").Context<AccordionItemContextValue | typeof MISSING_CONTEXT>;
+export declare function useAccordionItemContext(): AccordionItemContextValue;
+export {};

package/dist/lib/types/accordion/item/AccordionItemDataAttributes.d.ts

@@ -0,0 +1,5 @@
+export declare enum AccordionItemDataAttributes {
+    index = "data-index",
+    disabled = "data-disabled",
+    open = "data-open"
+}

package/dist/lib/types/accordion/item/stateAttributesMapping.d.ts

@@ -0,0 +1,13 @@
+import { type TransitionStatus } from '../../internals/stateAttributesMapping.js';
+export declare const accordionStateAttributesMapping: {
+    value: () => null;
+    transitionStatus(value: TransitionStatus): Record<string, string> | null;
+    open(value: boolean): {
+        'data-open': string;
+    } | {
+        'data-closed': string;
+    };
+    index(value: number): {
+        "data-index": string;
+    };
+};

package/dist/lib/types/accordion/panel/AccordionPanel.d.ts

@@ -0,0 +1,20 @@
+import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { TransitionStatus } from '../../internals/stateAttributesMapping.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+import type { AccordionItemState } from '../item/AccordionItem.js';
+export interface AccordionPanelState extends AccordionItemState {
+    /** The current CSS transition phase. */
+    transitionStatus: TransitionStatus;
+}
+interface AccordionPanelOwnProps {
+    hiddenUntilFound?: boolean | undefined;
+    keepMounted?: boolean | undefined;
+}
+export type AccordionPanelProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, AccordionPanelState, AccordionPanelOwnProps>;
+/** A collapsible panel containing the accordion item contents. */
+export declare function AccordionPanel<Component extends ValidComponent = 'div'>(props: AccordionPanel.Props<Component>): JSX.Element;
+export declare namespace AccordionPanel {
+    type State = AccordionPanelState;
+    type Props<Component extends ValidComponent = 'div'> = AccordionPanelProps<Component>;
+}
+export {};

package/dist/lib/types/accordion/panel/AccordionPanelCssVars.d.ts

@@ -0,0 +1,4 @@
+export declare enum AccordionPanelCssVars {
+    accordionPanelHeight = "--accordion-panel-height",
+    accordionPanelWidth = "--accordion-panel-width"
+}

package/dist/lib/types/accordion/root/AccordionRoot.d.ts

@@ -0,0 +1,46 @@
+import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { BaseUIChangeEventDetails } from '../../internals/createBaseUIEventDetails.js';
+import { REASONS } from '../../internals/reasons.js';
+import type { Orientation } from '../../internals/types.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export type AccordionValue<Value = any> = Value[];
+export interface AccordionRootState<Value = any> {
+    /** The values of the currently expanded items. */
+    value: AccordionValue<Value>;
+    /** Whether the component should ignore user interaction. */
+    disabled: boolean;
+    /** The visual orientation. This no longer affects keyboard focus behavior. */
+    orientation: Orientation;
+}
+interface AccordionRootOwnProps<Value> {
+    value?: AccordionValue<Value> | undefined;
+    defaultValue?: AccordionValue<Value> | undefined;
+    disabled?: boolean | undefined;
+    hiddenUntilFound?: boolean | undefined;
+    keepMounted?: boolean | undefined;
+    /** @deprecated This prop no longer affects keyboard focus behavior. */
+    loopFocus?: boolean | undefined;
+    multiple?: boolean | undefined;
+    onValueChange?: ((value: AccordionValue<Value>, details: AccordionRootChangeEventDetails) => void) | undefined;
+    /** @deprecated This prop no longer affects keyboard focus behavior. */
+    orientation?: Orientation | undefined;
+}
+export type AccordionRootProps<Value = any, Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, AccordionRootState<Value>, AccordionRootOwnProps<Value>>;
+type AccordionRootIntrinsicProps<Value> = {
+    [Component in keyof JSX.IntrinsicElements]: Omit<AccordionRootProps<Value, Component>, 'as'> & {
+        as: Component;
+    };
+}[keyof JSX.IntrinsicElements];
+/** Groups all parts of the accordion. Renders a `<div>` element by default. */
+export declare function AccordionRoot<Value = any>(props: AccordionRootProps<Value, 'div'> | AccordionRootIntrinsicProps<Value>): JSX.Element;
+export declare function AccordionRoot<Value = any, Component extends ValidComponent = 'div'>(props: AccordionRoot.Props<Value, Component>): JSX.Element;
+export type AccordionRootChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.none;
+export type AccordionRootChangeEventDetails = BaseUIChangeEventDetails<AccordionRootChangeEventReason>;
+export declare namespace AccordionRoot {
+    type Value<TValue = any> = AccordionValue<TValue>;
+    type State<TValue = any> = AccordionRootState<TValue>;
+    type Props<TValue = any, Component extends ValidComponent = 'div'> = AccordionRootProps<TValue, Component>;
+    type ChangeEventReason = AccordionRootChangeEventReason;
+    type ChangeEventDetails = AccordionRootChangeEventDetails;
+}
+export {};

package/dist/lib/types/accordion/root/AccordionRootContext.d.ts

@@ -0,0 +1,22 @@
+import { type Accessor } from 'solid-js';
+import type { AccordionRootChangeEventDetails, AccordionRootState, AccordionValue } from './AccordionRoot.js';
+export interface AccordionItemRegistration {
+    token: symbol;
+    order: number;
+    element: Accessor<HTMLElement | undefined>;
+}
+export interface AccordionRootContextValue<Value = any> {
+    disabled: Accessor<boolean>;
+    getItemIndex: (registration: AccordionItemRegistration) => number;
+    handleValueChange: (value: Value, open: boolean, details: AccordionRootChangeEventDetails, beforeCommit?: (() => void) | undefined) => boolean;
+    hiddenUntilFound: Accessor<boolean>;
+    keepMounted: Accessor<boolean>;
+    notifyItemChange: () => void;
+    registerItem: (registration: AccordionItemRegistration) => () => void;
+    state: Accessor<AccordionRootState<Value>>;
+    value: Accessor<AccordionValue<Value>>;
+}
+declare const MISSING_CONTEXT: unique symbol;
+export declare const AccordionRootContext: import("solid-js").Context<typeof MISSING_CONTEXT | AccordionRootContextValue<any>>;
+export declare function useAccordionRootContext<Value = any>(): AccordionRootContextValue<Value>;
+export {};

package/dist/lib/types/accordion/root/stateAttributesMapping.d.ts

@@ -0,0 +1,3 @@
+export declare const accordionRootStateAttributesMapping: {
+    value: () => null;
+};

package/dist/lib/types/accordion/trigger/AccordionTrigger.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentProps, type JSX, type ValidComponent } from '@solidjs/web';
+import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+import type { AccordionItemState } from '../item/AccordionItem.js';
+export interface AccordionTriggerState extends AccordionItemState {
+}
+type TriggerEventTarget<Component extends ValidComponent> = ComponentProps<Component> extends {
+    onClick?: JSX.EventHandlerUnion<infer Target, MouseEvent> | undefined;
+} ? Target extends HTMLElement ? Target : HTMLElement : HTMLElement;
+interface AccordionTriggerOwnProps<Component extends ValidComponent> {
+    disabled?: boolean | undefined;
+    nativeButton?: boolean | undefined;
+    onClick?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, MouseEvent> | undefined;
+    onKeyDown?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, KeyboardEvent> | undefined;
+    onKeyUp?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, KeyboardEvent> | undefined;
+    onMouseDown?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, MouseEvent> | undefined;
+    onMouseUp?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, MouseEvent> | undefined;
+    onPointerDown?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, PointerEvent> | undefined;
+}
+export type AccordionTriggerProps<Component extends ValidComponent = 'button'> = BaseUIComponentProps<Component, AccordionTriggerState, AccordionTriggerOwnProps<Component>>;
+/** A button that opens and closes the corresponding panel. */
+export declare function AccordionTrigger<Component extends ValidComponent = 'button'>(props: AccordionTrigger.Props<Component>): JSX.Element;
+export declare namespace AccordionTrigger {
+    type State = AccordionTriggerState;
+    type Props<Component extends ValidComponent = 'button'> = AccordionTriggerProps<Component>;
+}
+export {};

package/dist/lib/types/accordion/trigger/AccordionTriggerDataAttributes.d.ts

@@ -0,0 +1,4 @@
+export declare enum AccordionTriggerDataAttributes {
+    panelOpen = "data-panel-open",
+    disabled = "data-disabled"
+}

package/dist/lib/types/alert-dialog/handle.d.ts

@@ -0,0 +1,6 @@
+import { DialogHandle } from '../dialog/store/DialogHandle.js';
+/** Imperatively controls an Alert Dialog and connects detached triggers to its Root. */
+export declare class AlertDialogHandle<Payload = unknown> extends DialogHandle<Payload> {
+    private readonly __alertDialogBrand;
+}
+export declare function createAlertDialogHandle<Payload = unknown>(): AlertDialogHandle<Payload>;

package/dist/lib/types/alert-dialog/index.d.ts

@@ -0,0 +1,10 @@
+export * as AlertDialog from './index.parts.js';
+export type * from './root/AlertDialogRoot.js';
+export type { DialogBackdropProps as AlertDialogBackdropProps, DialogBackdropState as AlertDialogBackdropState, } from '../dialog/backdrop/DialogBackdrop.js';
+export type { DialogCloseProps as AlertDialogCloseProps, DialogCloseState as AlertDialogCloseState, } from '../dialog/close/DialogClose.js';
+export type { DialogDescriptionProps as AlertDialogDescriptionProps, DialogDescriptionState as AlertDialogDescriptionState, } from '../dialog/description/DialogDescription.js';
+export type { DialogPopupProps as AlertDialogPopupProps, DialogPopupState as AlertDialogPopupState, } from '../dialog/popup/DialogPopup.js';
+export type { DialogPortalProps as AlertDialogPortalProps, DialogPortalState as AlertDialogPortalState, } from '../dialog/portal/DialogPortal.js';
+export type { DialogTitleProps as AlertDialogTitleProps, DialogTitleState as AlertDialogTitleState, } from '../dialog/title/DialogTitle.js';
+export type * from './trigger/AlertDialogTrigger.js';
+export type { DialogViewportProps as AlertDialogViewportProps, DialogViewportState as AlertDialogViewportState, } from '../dialog/viewport/DialogViewport.js';

package/dist/lib/types/alert-dialog/index.parts.d.ts

@@ -0,0 +1,10 @@
+export { AlertDialogRoot as Root } from './root/AlertDialogRoot.js';
+export { DialogBackdrop as Backdrop } from '../dialog/backdrop/DialogBackdrop.js';
+export { DialogClose as Close } from '../dialog/close/DialogClose.js';
+export { DialogDescription as Description } from '../dialog/description/DialogDescription.js';
+export { DialogPopup as Popup } from '../dialog/popup/DialogPopup.js';
+export { DialogPortal as Portal } from '../dialog/portal/DialogPortal.js';
+export { DialogTitle as Title } from '../dialog/title/DialogTitle.js';
+export { AlertDialogTrigger as Trigger } from './trigger/AlertDialogTrigger.js';
+export { DialogViewport as Viewport } from '../dialog/viewport/DialogViewport.js';
+export { AlertDialogHandle as Handle, createAlertDialogHandle as createHandle, } from './handle.js';

package/dist/lib/types/alert-dialog/root/AlertDialogRoot.d.ts

@@ -0,0 +1,29 @@
+import type { JSX } from '@solidjs/web';
+import type { Accessor } from 'solid-js';
+import type { BaseUIChangeEventDetails } from '../../internals/createBaseUIEventDetails.js';
+import type { DialogRootActions, DialogRootChangeEventReason, DialogRootProps } from '../../dialog/root/DialogRoot.js';
+import type { AlertDialogHandle } from '../handle.js';
+export interface AlertDialogRootState {
+}
+export type AlertDialogRootActions = DialogRootActions;
+export type AlertDialogRootChangeEventReason = DialogRootChangeEventReason;
+export type AlertDialogRootChangeEventDetails = BaseUIChangeEventDetails<AlertDialogRootChangeEventReason> & {
+    preventUnmountOnClose(): void;
+};
+export interface AlertDialogRootProps<Payload = unknown> extends Omit<DialogRootProps<Payload>, 'actionsRef' | 'disablePointerDismissal' | 'handle' | 'modal' | 'onOpenChange'> {
+    onOpenChange?: ((open: boolean, details: AlertDialogRootChangeEventDetails) => void) | undefined;
+    actionsRef?: ((actions: AlertDialogRootActions) => void) | undefined;
+    handle?: AlertDialogHandle<Payload> | undefined;
+    children?: JSX.Element | ((state: {
+        payload: Accessor<Payload | undefined>;
+    }) => JSX.Element);
+}
+/** Groups all parts of the alert dialog without rendering an element. */
+export declare function AlertDialogRoot<Payload = unknown>(props: AlertDialogRoot.Props<Payload>): JSX.Element;
+export declare namespace AlertDialogRoot {
+    type State = AlertDialogRootState;
+    type Props<Payload = unknown> = AlertDialogRootProps<Payload>;
+    type Actions = AlertDialogRootActions;
+    type ChangeEventReason = AlertDialogRootChangeEventReason;
+    type ChangeEventDetails = AlertDialogRootChangeEventDetails;
+}

package/dist/lib/types/alert-dialog/trigger/AlertDialogTrigger.d.ts

@@ -0,0 +1,19 @@
+import type { JSX, ValidComponent } from '@solidjs/web';
+import { type DialogTriggerProps, type DialogTriggerState } from '../../dialog/trigger/DialogTrigger.js';
+import type { AlertDialogHandle } from '../handle.js';
+export type AlertDialogTriggerProps<Payload = unknown, Component extends ValidComponent = 'button'> = Omit<DialogTriggerProps<Payload, Component>, 'as' | 'handle'> & {
+    as?: Component | undefined;
+    handle?: AlertDialogHandle<Payload> | undefined;
+};
+export interface AlertDialogTriggerState extends DialogTriggerState {
+}
+interface AlertDialogTriggerComponent {
+    <Payload = unknown, Component extends ValidComponent = 'button'>(props: AlertDialogTriggerProps<Payload, Component>): JSX.Element;
+}
+/** A button that opens the alert dialog. */
+export declare const AlertDialogTrigger: AlertDialogTriggerComponent;
+export declare namespace AlertDialogTrigger {
+    type Props<Payload = unknown, Component extends ValidComponent = 'button'> = AlertDialogTriggerProps<Payload, Component>;
+    type State = AlertDialogTriggerState;
+}
+export {};

package/dist/lib/types/autocomplete/index.d.ts

@@ -0,0 +1,24 @@
+export * as Autocomplete from './index.parts.js';
+export type * from './root/AutocompleteRoot.js';
+export type * from './value/AutocompleteValue.js';
+export type * from './trigger/AutocompleteTrigger.js';
+export type * from './input-group/AutocompleteInputGroup.js';
+export type * from './item/AutocompleteItem.js';
+export type * from './separator/AutocompleteSeparator.js';
+export type { ComboboxInputProps as AutocompleteInputProps, ComboboxInputState as AutocompleteInputState, } from '../combobox/input/ComboboxInput.js';
+export type { ComboboxIconProps as AutocompleteIconProps, ComboboxIconState as AutocompleteIconState, } from '../combobox/icon/ComboboxIcon.js';
+export type { ComboboxClearProps as AutocompleteClearProps, ComboboxClearState as AutocompleteClearState, } from '../combobox/clear/ComboboxClear.js';
+export type { ComboboxListProps as AutocompleteListProps, ComboboxListState as AutocompleteListState, } from '../combobox/list/ComboboxList.js';
+export type { ComboboxStatusProps as AutocompleteStatusProps, ComboboxStatusState as AutocompleteStatusState, } from '../combobox/status/ComboboxStatus.js';
+export type { ComboboxPortalProps as AutocompletePortalProps, ComboboxPortalState as AutocompletePortalState, } from '../combobox/portal/ComboboxPortal.js';
+export type { ComboboxBackdropProps as AutocompleteBackdropProps, ComboboxBackdropState as AutocompleteBackdropState, } from '../combobox/backdrop/ComboboxBackdrop.js';
+export type { ComboboxPositionerProps as AutocompletePositionerProps, ComboboxPositionerState as AutocompletePositionerState, } from '../combobox/positioner/ComboboxPositioner.js';
+export type { ComboboxPopupProps as AutocompletePopupProps, ComboboxPopupState as AutocompletePopupState, } from '../combobox/popup/ComboboxPopup.js';
+export type { ComboboxArrowProps as AutocompleteArrowProps, ComboboxArrowState as AutocompleteArrowState, } from '../combobox/arrow/ComboboxArrow.js';
+export type { ComboboxGroupProps as AutocompleteGroupProps, ComboboxGroupState as AutocompleteGroupState, } from '../combobox/group/ComboboxGroup.js';
+export type { ComboboxGroupLabelProps as AutocompleteGroupLabelProps, ComboboxGroupLabelState as AutocompleteGroupLabelState, } from '../combobox/group-label/ComboboxGroupLabel.js';
+export type { ComboboxRowProps as AutocompleteRowProps, ComboboxRowState as AutocompleteRowState, } from '../combobox/row/ComboboxRow.js';
+export type { ComboboxCollectionProps as AutocompleteCollectionProps, ComboboxCollectionState as AutocompleteCollectionState, } from '../combobox/collection/ComboboxCollection.js';
+export type { ComboboxEmptyProps as AutocompleteEmptyProps, ComboboxEmptyState as AutocompleteEmptyState, } from '../combobox/empty/ComboboxEmpty.js';
+export type { ComboboxItemGroup as AutocompleteItemGroup, ComboboxItems as AutocompleteItems, ComboboxItemsInput as AutocompleteItemsInput, ComboboxItemFilter as AutocompleteItemFilter, } from '../combobox/types.js';
+export type { AutocompleteFilterOptions, Filter as AutocompleteFilter, } from './root/utils/useFilter.js';

package/dist/lib/types/autocomplete/index.parts.d.ts

@@ -0,0 +1,23 @@
+export { AutocompleteRoot as Root } from './root/AutocompleteRoot.js';
+export { AutocompleteValue as Value } from './value/AutocompleteValue.js';
+export { AutocompleteTrigger as Trigger } from './trigger/AutocompleteTrigger.js';
+export { ComboboxInput as Input } from '../combobox/input/ComboboxInput.js';
+export { AutocompleteInputGroup as InputGroup } from './input-group/AutocompleteInputGroup.js';
+export { ComboboxIcon as Icon } from '../combobox/icon/ComboboxIcon.js';
+export { ComboboxClear as Clear } from '../combobox/clear/ComboboxClear.js';
+export { ComboboxList as List } from '../combobox/list/ComboboxList.js';
+export { ComboboxStatus as Status } from '../combobox/status/ComboboxStatus.js';
+export { ComboboxPortal as Portal } from '../combobox/portal/ComboboxPortal.js';
+export { ComboboxBackdrop as Backdrop } from '../combobox/backdrop/ComboboxBackdrop.js';
+export { ComboboxPositioner as Positioner } from '../combobox/positioner/ComboboxPositioner.js';
+export { ComboboxPopup as Popup } from '../combobox/popup/ComboboxPopup.js';
+export { ComboboxArrow as Arrow } from '../combobox/arrow/ComboboxArrow.js';
+export { ComboboxGroup as Group } from '../combobox/group/ComboboxGroup.js';
+export { ComboboxGroupLabel as GroupLabel } from '../combobox/group-label/ComboboxGroupLabel.js';
+export { AutocompleteItem as Item } from './item/AutocompleteItem.js';
+export { ComboboxRow as Row } from '../combobox/row/ComboboxRow.js';
+export { ComboboxCollection as Collection } from '../combobox/collection/ComboboxCollection.js';
+export { ComboboxEmpty as Empty } from '../combobox/empty/ComboboxEmpty.js';
+export { AutocompleteSeparator as Separator } from './separator/AutocompleteSeparator.js';
+export { useFilter } from './root/utils/useFilter.js';
+export { useFilteredItems } from '../combobox/root/utils/useFilteredItems.js';

package/dist/lib/types/autocomplete/input-group/AutocompleteInputGroup.d.ts

@@ -0,0 +1,26 @@
+import type { ValidComponent } from '@solidjs/web';
+import type { FieldState } from '../../internals/field-constants.js';
+import type { AnchorSide } from '../../internals/overlay/index.js';
+import { ComboboxInputGroup, type ComboboxInputGroupProps } from '../../combobox/input-group/ComboboxInputGroup.js';
+export interface AutocompleteInputGroupState extends FieldState {
+    /** Whether the corresponding popup is open. */
+    open: boolean;
+    /** Whether the component should ignore user interaction. */
+    disabled: boolean;
+    /** Whether the component should ignore user edits. */
+    readOnly: boolean;
+    /** Indicates which side the popup is positioned relative to its anchor. */
+    popupSide: AnchorSide | null;
+    /** Whether the corresponding items list is empty. */
+    listEmpty: boolean;
+}
+export type AutocompleteInputGroupProps<Component extends ValidComponent = 'div'> = ComboboxInputGroupProps<Component>;
+/**
+ * A wrapper for the input and its associated controls.
+ * Renders a `<div>` element.
+ */
+export declare const AutocompleteInputGroup: typeof ComboboxInputGroup;
+export declare namespace AutocompleteInputGroup {
+    type State = AutocompleteInputGroupState;
+    type Props<Component extends ValidComponent = 'div'> = AutocompleteInputGroupProps<Component>;
+}

package/dist/lib/types/autocomplete/item/AutocompleteItem.d.ts

@@ -0,0 +1,18 @@
+import type { ValidComponent } from '@solidjs/web';
+import { ComboboxItem, type ComboboxItemProps } from '../../combobox/item/ComboboxItem.js';
+export interface AutocompleteItemState {
+    /** Whether the item should ignore user interaction. */
+    disabled: boolean;
+    /** Whether the item is highlighted. */
+    highlighted: boolean;
+}
+export type AutocompleteItemProps<Value = unknown, Component extends ValidComponent = 'div'> = ComboboxItemProps<Value, Component>;
+/**
+ * An individual item in the list.
+ * Renders a `<div>` element.
+ */
+export declare const AutocompleteItem: typeof ComboboxItem;
+export declare namespace AutocompleteItem {
+    type State = AutocompleteItemState;
+    type Props<Value = unknown, Component extends ValidComponent = 'div'> = AutocompleteItemProps<Value, Component>;
+}