@lumx/vue 4.25.1-alpha.2 → 4.25.1-alpha.3

package/components/combobox/ComboboxList.d.ts

@@ -0,0 +1,15 @@
+import { ComboboxListProps as UIProps, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxList';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ComboboxListProps = VueToJSXProps<UIProps, 'aria-label' | 'aria-busy' | 'aria-multiselectable' | 'id'>;
+/**
+ * Combobox.List component - wraps List with listbox ARIA attributes.
+ * Registers itself as the combobox listbox on mount.
+ *
+ * @param props Component props.
+ * @return Vue element.
+ */
+declare const ComboboxList: import('vue').DefineSetupFnComponent<ComboboxListProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-label" | "id" | "aria-multiselectable" | "aria-busy"> & {
+    class?: import('../../utils/VueToJSX').ClassValue;
+} & {}, import('vue').PublicProps>;
+export { COMPONENT_NAME, CLASSNAME };
+export default ComboboxList;

package/components/{listbox/ListboxOption.d.ts → combobox/ComboboxOption.d.ts}

@@ -1,7 +1,7 @@
-import { ListboxOptionProps as UIProps, ListboxOptionPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Listbox/ListboxOption';
+import { ComboboxOptionProps as UIProps, ComboboxOptionPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxOption';
 import { VueToJSXProps } from '../../utils/VueToJSX';
 import { TooltipProps } from '../tooltip/Tooltip';
-export type ListboxOptionProps = VueToJSXProps<UIProps, ListboxOptionPropsToOverride | 'descriptionId' | 'hidden' | 'isGrid' | 'id'> & {
+export type ComboboxOptionProps = VueToJSXProps<UIProps, ComboboxOptionPropsToOverride | 'descriptionId' | 'hidden' | 'isGrid' | 'id'> & {
     /** Props forwarded to a Tooltip wrapping the option trigger element. */
     tooltipProps?: Partial<TooltipProps>;
     /** Props forwarded to the inner action element (e.g. `{ as: 'a', href: '/foo' }`). */
@@ -16,9 +16,9 @@ export declare const emitSchema: {
  * @param props Component props.
  * @return Vue element.
  */
-declare const ListboxOption: import('vue').DefineSetupFnComponent<ListboxOptionProps, {
+declare const ComboboxOption: import('vue').DefineSetupFnComponent<ComboboxOptionProps, {
     click: () => boolean;
-}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "id" | "hidden" | "descriptionId" | "isGrid" | ListboxOptionPropsToOverride> & {
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "id" | "hidden" | "descriptionId" | "isGrid" | ComboboxOptionPropsToOverride> & {
     class?: import('../../utils/VueToJSX').ClassValue;
 } & {
     /** Props forwarded to a Tooltip wrapping the option trigger element. */
@@ -29,4 +29,4 @@ declare const ListboxOption: import('vue').DefineSetupFnComponent<ListboxOptionP
     onClick?: (() => any) | undefined;
 }, import('vue').PublicProps>;
 export { COMPONENT_NAME, CLASSNAME };
-export default ListboxOption;
+export default ComboboxOption;

package/components/combobox/ComboboxOptionAction.d.ts

@@ -0,0 +1,20 @@
+import { ComboboxOptionActionProps as UIProps, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxOptionAction';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ComboboxOptionActionProps = Pick<VueToJSXProps<UIProps>, 'isDisabled' | 'class'> & {
+    /** On click callback. */
+    onClick?: (evt: MouseEvent) => void;
+};
+/**
+ * Combobox.OptionAction sub-component.
+ *
+ * Renders a secondary action button within a combobox option row (grid mode).
+ *
+ * @param props Component props.
+ * @return Vue element.
+ */
+declare const ComboboxOptionAction: import('vue').DefineSetupFnComponent<ComboboxOptionActionProps, {}, {}, Pick<VueToJSXProps<UIProps>, "class" | "isDisabled"> & {
+    /** On click callback. */
+    onClick?: (evt: MouseEvent) => void;
+} & {}, import('vue').PublicProps>;
+export { COMPONENT_NAME, CLASSNAME };
+export default ComboboxOptionAction;

package/components/{listbox/ListboxOptionMoreInfo.d.ts → combobox/ComboboxOptionMoreInfo.d.ts}

@@ -1,6 +1,6 @@
-import { ListboxOptionMoreInfoProps as UIProps, ListboxOptionMoreInfoPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Listbox/ListboxOptionMoreInfo';
+import { ComboboxOptionMoreInfoProps as UIProps, ComboboxOptionMoreInfoPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxOptionMoreInfo';
 import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ListboxOptionMoreInfoProps = VueToJSXProps<UIProps, ListboxOptionMoreInfoPropsToOverride | 'onMouseEnter' | 'onMouseLeave' | 'buttonProps'> & {
+export type ComboboxOptionMoreInfoProps = VueToJSXProps<UIProps, ComboboxOptionMoreInfoPropsToOverride | 'onMouseEnter' | 'onMouseLeave' | 'buttonProps'> & {
     /** Callback when the popover opens or closes. */
     onToggle?: (isOpen: boolean) => void;
 };
@@ -15,9 +15,9 @@ export type ListboxOptionMoreInfoProps = VueToJSXProps<UIProps, ListboxOptionMor
  * @param props Component props.
  * @return Vue element.
  */
-declare const ListboxOptionMoreInfo: import('vue').DefineSetupFnComponent<ListboxOptionMoreInfoProps, {
+declare const ComboboxOptionMoreInfo: import('vue').DefineSetupFnComponent<ComboboxOptionMoreInfoProps, {
     toggle: (isOpen: boolean) => boolean;
-}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "onMouseEnter" | "onMouseLeave" | "buttonProps" | ListboxOptionMoreInfoPropsToOverride> & {
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "onMouseEnter" | "onMouseLeave" | "buttonProps" | ComboboxOptionMoreInfoPropsToOverride> & {
     class?: import('../../utils/VueToJSX').ClassValue;
 } & {
     /** Callback when the popover opens or closes. */
@@ -26,4 +26,4 @@ declare const ListboxOptionMoreInfo: import('vue').DefineSetupFnComponent<Listbo
     onToggle?: ((isOpen: boolean) => any) | undefined;
 }, import('vue').PublicProps>;
 export { COMPONENT_NAME, CLASSNAME };
-export default ListboxOptionMoreInfo;
+export default ComboboxOptionMoreInfo;

package/components/combobox/ComboboxOptionSkeleton.d.ts

@@ -0,0 +1,14 @@
+import { ComboboxOptionSkeletonProps as UIProps, ComboboxOptionSkeletonPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxOptionSkeleton';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ComboboxOptionSkeletonProps = VueToJSXProps<UIProps, ComboboxOptionSkeletonPropsToOverride>;
+/**
+ * Combobox.OptionSkeleton component — renders skeleton placeholder(s) inside a combobox list.
+ *
+ * @param props Component props.
+ * @return Vue element.
+ */
+declare const ComboboxOptionSkeleton: import('vue').DefineSetupFnComponent<ComboboxOptionSkeletonProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | ComboboxOptionSkeletonPropsToOverride> & {
+    class?: import('../../utils/VueToJSX').ClassValue;
+} & {}, import('vue').PublicProps>;
+export { COMPONENT_NAME, CLASSNAME };
+export default ComboboxOptionSkeleton;

package/components/combobox/ComboboxSection.d.ts

@@ -0,0 +1,14 @@
+import { ComboboxSectionProps as UIProps, ComboboxSectionPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxSection';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ComboboxSectionProps = VueToJSXProps<UIProps, ComboboxSectionPropsToOverride | 'hidden' | 'aria-hidden'>;
+/**
+ * Combobox.Section component - groups Combobox.Option items under a labelled section.
+ *
+ * @param props Component props.
+ * @return Vue element.
+ */
+declare const ComboboxSection: import('vue').DefineSetupFnComponent<ComboboxSectionProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-hidden" | "hidden"> & {
+    class?: import('../../utils/VueToJSX').ClassValue;
+} & {}, import('vue').PublicProps>;
+export { COMPONENT_NAME, CLASSNAME };
+export default ComboboxSection;

package/components/combobox/ComboboxSelectionIcon.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Combobox.SelectionIcon component.
+ *
+ * Displays the selection state icon of an option (the same icon as in `SelectTextField` and `SelectButton`):
+ * - `single` list: a check circle icon when selected, a blank radio icon otherwise.
+ * - `multiple` list (`aria-multiselectable` on `Combobox.List`): a checkbox icon, marked or blank.
+ *
+ * The option selected state (`isSelected`) and the list selection type are read from the parent context.
+ * Must be placed in the `after` slot of a `Combobox.Option`.
+ *
+ * @return Vue element.
+ */
+declare const ComboboxSelectionIcon: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+export default ComboboxSelectionIcon;

package/components/combobox/ComboboxState.d.ts

@@ -0,0 +1,14 @@
+import { ComboboxStateProps as UIProps, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxState';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ComboboxStateProps = VueToJSXProps<UIProps, 'state'>;
+/**
+ * Combobox.State component - displays empty and error states for the combobox list.
+ *
+ * @param props Component props.
+ * @return Vue element.
+ */
+declare const ComboboxState: import('vue').DefineSetupFnComponent<ComboboxStateProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "state"> & {
+    class?: import('../../utils/VueToJSX').ClassValue;
+} & {}, import('vue').PublicProps>;
+export { COMPONENT_NAME, CLASSNAME };
+export default ComboboxState;

package/components/combobox/context/ComboboxListContext.d.ts

@@ -0,0 +1,16 @@
+/** Context value for the Combobox.List sub-tree. */
+export interface ComboboxListContextValue {
+    /** The popup type. "grid" enables 2D keyboard navigation and action buttons on options. */
+    type: 'listbox' | 'grid';
+    /** The selection type of the list (from `aria-multiselectable`). */
+    selectionType?: 'single' | 'multiple';
+}
+/**
+ * Provides the combobox list context.
+ */
+export declare function provideComboboxListContext(value: ComboboxListContextValue): void;
+/**
+ * Hook to access the Combobox.List context (provides the `type`).
+ * @returns The list context value.
+ */
+export declare function useComboboxListContext(): ComboboxListContextValue;

package/components/{listbox/context/ListboxOptionContext.d.ts → combobox/context/ComboboxOptionContext.d.ts}

@@ -1,16 +1,18 @@
 /** Context value provided by Combobox.Option to its `after` slot children. */
-export interface ListboxOptionContextValue {
+export interface ComboboxOptionContextValue {
     /** The ID of the parent option element (matches the aria-activedescendant value when highlighted). */
     optionId: string;
+    /** Whether the parent option is selected. */
+    isSelected: boolean;
 }
 /**
  * Provides the combobox option context.
  */
-export declare function provideListboxOptionContext(value: ListboxOptionContextValue): void;
+export declare function provideComboboxOptionContext(value: ComboboxOptionContextValue): void;
 /**
  * Hook to access the Combobox.Option context.
  * Must be used within a Combobox.Option's `after` slot.
  * @throws Error if used outside of a Combobox.Option.
  * @returns The option context value.
  */
-export declare function useListboxOptionContext(): ListboxOptionContextValue;
+export declare function useComboboxOptionContext(): ComboboxOptionContextValue;

package/components/combobox/context/useComboboxEvent.d.ts

@@ -1,10 +1,7 @@
 import { Ref } from 'vue';
-import { ListboxEventMap } from '@lumx/core/js/components/Listbox/types';
+import { ComboboxEventMap } from '@lumx/core/js/components/Combobox/types';
 /**
- * Composable to subscribe to a combobox event (`open`, `optionsChange`, `loadingChange`,
- * `activeDescendantChange`, …). Must be used within a `Combobox.Provider`.
- *
- * The events are dispatched by the listbox handle of the combobox (see {@link useListboxEvent}).
+ * Composable to subscribe to a combobox event via the handle's subscriber system.
  *
  * `optionsChange` updates are coalesced into a microtask. Mounting a large option list fires one
  * `optionsChange` per option registration; applying each synchronously makes a consumer that both
@@ -14,5 +11,7 @@ import { ListboxEventMap } from '@lumx/core/js/components/Listbox/types';
  *
  * (React does not need this: it batches synchronous store updates itself, and coalescing there
  * would defer the update into a microtask that fires outside `act` in consumers' unit tests.)
+ *
+ * Re-subscribes when the handle changes (e.g. trigger mount/unmount).
  */
-export declare function useComboboxEvent<K extends keyof ListboxEventMap>(event: K, initialValue: ListboxEventMap[K]): Ref<ListboxEventMap[K]>;
+export declare function useComboboxEvent<K extends keyof ComboboxEventMap>(event: K, initialValue: ComboboxEventMap[K]): Ref<ComboboxEventMap[K]>;

package/components/combobox/index.d.ts

@@ -1,16 +1,17 @@
 export type { ComboboxProviderProps } from './ComboboxProvider';
+export type { ComboboxListProps } from './ComboboxList';
 export type { ComboboxPopoverProps } from './ComboboxPopover';
 export type { ComboboxButtonProps } from './ComboboxButton';
 export type { ComboboxInputProps } from './ComboboxInput';
-export type { ListboxListProps as ComboboxListProps } from '../listbox/ListboxList';
-export type { ListboxOptionProps as ComboboxOptionProps } from '../listbox/ListboxOption';
-export type { ListboxOptionActionProps as ComboboxOptionActionProps } from '../listbox/ListboxOptionAction';
-export type { ListboxOptionMoreInfoProps as ComboboxOptionMoreInfoProps } from '../listbox/ListboxOptionMoreInfo';
-export type { ListboxOptionSkeletonProps as ComboboxOptionSkeletonProps } from '../listbox/ListboxOptionSkeleton';
-export type { ListboxSectionProps as ComboboxSectionProps } from '../listbox/ListboxSection';
-export type { ListboxStateProps as ComboboxStateProps } from '../listbox/ListboxState';
+export type { ComboboxOptionProps } from './ComboboxOption';
+export type { ComboboxOptionActionProps } from './ComboboxOptionAction';
+export type { ComboboxOptionMoreInfoProps } from './ComboboxOptionMoreInfo';
+export type { ComboboxOptionSkeletonProps } from './ComboboxOptionSkeleton';
+export type { ComboboxSectionProps } from './ComboboxSection';
+export type { ComboboxStateProps } from './ComboboxState';
 export type { ComboboxButtonLabelDisplayMode } from '@lumx/core/js/components/Combobox/ComboboxButton';
-export type { ListboxListType as ComboboxListType } from '@lumx/core/js/components/Listbox/ListboxList';
+export type { ComboboxListType } from '@lumx/core/js/components/Combobox/ComboboxList';
+export type { ComboboxHandle, ComboboxCallbacks } from '@lumx/core/js/components/Combobox/types';
 /**
  * Combobox compound component namespace.
  */
@@ -59,14 +60,14 @@ export declare const Combobox: {
         onFocus?: ((_event?: FocusEvent | undefined) => any) | undefined;
         onClear?: ((_event?: MouseEvent | undefined) => any) | undefined;
     }, import('vue').PublicProps>;
-    /** Listbox container linked to the combobox trigger (must be rendered inside `Combobox.Provider`). */
-    List: import('vue').DefineSetupFnComponent<import('.').ComboboxListProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxList').ListboxListProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-label" | "id" | "aria-busy"> & {
+    /** Listbox container that registers with the combobox handle and tracks loading state. */
+    List: import('vue').DefineSetupFnComponent<import('./ComboboxList').ComboboxListProps, {}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxList').ComboboxListProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-label" | "id" | "aria-multiselectable" | "aria-busy"> & {
         class?: import('../../utils/VueToJSX').ClassValue;
     } & {}, import('vue').PublicProps>;
     /** Selectable option item with filtering and keyboard navigation support. */
-    Option: import('vue').DefineSetupFnComponent<import('.').ComboboxOptionProps, {
+    Option: import('vue').DefineSetupFnComponent<import('./ComboboxOption').ComboboxOptionProps, {
         click: () => boolean;
-    }, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxOption').ListboxOptionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "id" | "hidden" | "descriptionId" | "isGrid" | import('@lumx/core/js/components/Listbox/ListboxOption').ListboxOptionPropsToOverride> & {
+    }, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxOption').ComboboxOptionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "id" | "hidden" | "descriptionId" | "isGrid" | import('@lumx/core/js/components/Combobox/ComboboxOption').ComboboxOptionPropsToOverride> & {
         class?: import('../../utils/VueToJSX').ClassValue;
     } & {
         tooltipProps?: Partial<import('../tooltip').TooltipProps>;
@@ -75,13 +76,13 @@ export declare const Combobox: {
         onClick?: (() => any) | undefined;
     }, import('vue').PublicProps>;
     /** Secondary action button within a grid-mode option row, rendered as an independent gridcell. */
-    OptionAction: import('vue').DefineSetupFnComponent<import('.').ComboboxOptionActionProps, {}, {}, Pick<import('../../utils/VueToJSX').VueToJSXProps<import('@lumx/core/js/components/Listbox/ListboxOptionAction').ListboxOptionActionProps>, "class" | "isDisabled"> & {
+    OptionAction: import('vue').DefineSetupFnComponent<import('./ComboboxOptionAction').ComboboxOptionActionProps, {}, {}, Pick<import('../../utils/VueToJSX').VueToJSXProps<import('@lumx/core/js/components/Combobox/ComboboxOptionAction').ComboboxOptionActionProps>, "class" | "isDisabled"> & {
         onClick?: (evt: MouseEvent) => void;
     } & {}, import('vue').PublicProps>;
     /** Info button on an option that shows a popover on hover or keyboard highlight. */
-    OptionMoreInfo: import('vue').DefineSetupFnComponent<import('.').ComboboxOptionMoreInfoProps, {
+    OptionMoreInfo: import('vue').DefineSetupFnComponent<import('./ComboboxOptionMoreInfo').ComboboxOptionMoreInfoProps, {
         toggle: (isOpen: boolean) => boolean;
-    }, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxOptionMoreInfo').ListboxOptionMoreInfoProps, "className" | import('@lumx/core/js/types').PropsToOverride | "onMouseEnter" | "onMouseLeave" | "buttonProps" | import('@lumx/core/js/components/Listbox/ListboxOptionMoreInfo').ListboxOptionMoreInfoPropsToOverride> & {
+    }, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxOptionMoreInfo').ComboboxOptionMoreInfoProps, "className" | import('@lumx/core/js/types').PropsToOverride | "onMouseEnter" | "onMouseLeave" | "buttonProps" | import('@lumx/core/js/components/Combobox/ComboboxOptionMoreInfo').ComboboxOptionMoreInfoPropsToOverride> & {
         class?: import('../../utils/VueToJSX').ClassValue;
     } & {
         onToggle?: (isOpen: boolean) => void;
@@ -89,19 +90,21 @@ export declare const Combobox: {
         onToggle?: ((isOpen: boolean) => any) | undefined;
     }, import('vue').PublicProps>;
     /** Loading placeholder skeleton(s) that auto-register loading state with the combobox handle. */
-    OptionSkeleton: import('vue').DefineSetupFnComponent<import('.').ComboboxOptionSkeletonProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxOptionSkeleton').ListboxOptionSkeletonProps, "className" | import('@lumx/core/js/types').PropsToOverride | import('@lumx/core/js/components/Listbox/ListboxOptionSkeleton').ListboxOptionSkeletonPropsToOverride> & {
+    OptionSkeleton: import('vue').DefineSetupFnComponent<import('./ComboboxOptionSkeleton').ComboboxOptionSkeletonProps, {}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxOptionSkeleton').ComboboxOptionSkeletonProps, "className" | import('@lumx/core/js/types').PropsToOverride | import('@lumx/core/js/components/Combobox/ComboboxOptionSkeleton').ComboboxOptionSkeletonPropsToOverride> & {
         class?: import('../../utils/VueToJSX').ClassValue;
     } & {}, import('vue').PublicProps>;
+    /** Selection state icon (check circle / radio, or checkbox in multiple lists) for the `after` slot of an option. Reads the option `isSelected` and the list `aria-multiselectable`. */
+    SelectionIcon: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
     /** Floating popover container that auto-binds to the combobox anchor and open/close state. */
     Popover: import('vue').DefineSetupFnComponent<import('./ComboboxPopover').ComboboxPopoverProps, {}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxPopover').ComboboxPopoverProps, "className" | import('@lumx/core/js/types').PropsToOverride | "isOpen" | "children" | "anchorRef"> & {
         class?: import('../../utils/VueToJSX').ClassValue;
     } & Partial<Omit<import('../popover').PopoverProps, "isOpen" | "class" | "onClose" | "anchorRef">> & {}, import('vue').PublicProps>;
     /** Labelled group of options that auto-hides when all its child options are filtered out. */
-    Section: import('vue').DefineSetupFnComponent<import('.').ComboboxSectionProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxSection').ListboxSectionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-hidden" | "hidden"> & {
+    Section: import('vue').DefineSetupFnComponent<import('./ComboboxSection').ComboboxSectionProps, {}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxSection').ComboboxSectionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-hidden" | "hidden"> & {
         class?: import('../../utils/VueToJSX').ClassValue;
     } & {}, import('vue').PublicProps>;
     /** Displays empty, error, and loading state messages for the combobox list. */
-    State: import('vue').DefineSetupFnComponent<import('.').ComboboxStateProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxState').ListboxStateProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "state"> & {
+    State: import('vue').DefineSetupFnComponent<import('./ComboboxState').ComboboxStateProps, {}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxState').ComboboxStateProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "state"> & {
         class?: import('../../utils/VueToJSX').ClassValue;
     } & {}, import('vue').PublicProps>;
     /** Visual separator between option groups (alias for ListDivider). Purely decorative — invisible to screen readers. */

package/components/combobox/useWrappedRenderOptionSlot.d.ts

@@ -4,7 +4,7 @@ import { RenderOptionContext } from '@lumx/core/js/utils/select/types';
 /** Render function passed as `renderOption` to a core Select* template. */
 type WrappedRenderOption = (option: unknown, context: RenderOptionContext) => JSXElement;
 /**
- * Adapts a Vue scoped slot returning a `<ListboxOption>` into the `renderOption`
+ * Adapts a Vue scoped slot returning a `<ComboboxOption>` into the `renderOption`
  * callback shape expected by the core Select* templates.
  */
 export declare function useWrappedRenderOptionSlot(slot: Slot | undefined): ComputedRef<WrappedRenderOption | undefined>;

package/components/select-button/index.d.ts

@@ -3,7 +3,7 @@ export type { SelectListStatus, SelectListStatus as SelectButtonStatus, SelectBu
 /** Selectable option within the dropdown list. */
 export declare const SelectButtonOption: import('vue').DefineSetupFnComponent<import('../combobox').ComboboxOptionProps, {
     click: () => boolean;
-}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxOption').ListboxOptionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "id" | "hidden" | "descriptionId" | "isGrid" | import('@lumx/core/js/components/Listbox/ListboxOption').ListboxOptionPropsToOverride> & {
+}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxOption').ComboboxOptionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "id" | "hidden" | "descriptionId" | "isGrid" | import('@lumx/core/js/components/Combobox/ComboboxOption').ComboboxOptionPropsToOverride> & {
     class?: import('../../utils/VueToJSX').ClassValue;
 } & {
     tooltipProps?: Partial<import('../tooltip').TooltipProps>;

package/components/select-text-field/index.d.ts

@@ -4,7 +4,7 @@ export type { SelectTextFieldTranslations } from '@lumx/core/js/utils/select/typ
 /** Selectable option within the dropdown list. */
 export declare const SelectTextFieldOption: import('vue').DefineSetupFnComponent<import('../combobox').ComboboxOptionProps, {
     click: () => boolean;
-}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxOption').ListboxOptionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "id" | "hidden" | "descriptionId" | "isGrid" | import('@lumx/core/js/components/Listbox/ListboxOption').ListboxOptionPropsToOverride> & {
+}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxOption').ComboboxOptionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "id" | "hidden" | "descriptionId" | "isGrid" | import('@lumx/core/js/components/Combobox/ComboboxOption').ComboboxOptionPropsToOverride> & {
     class?: import('../../utils/VueToJSX').ClassValue;
 } & {
     tooltipProps?: Partial<import('../tooltip').TooltipProps>;
@@ -13,13 +13,13 @@ export declare const SelectTextFieldOption: import('vue').DefineSetupFnComponent
     onClick?: (() => any) | undefined;
 }, import('vue').PublicProps>;
 /** Labelled group of options. */
-export declare const SelectTextFieldSection: import('vue').DefineSetupFnComponent<import('../combobox').ComboboxSectionProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxSection').ListboxSectionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-hidden" | "hidden"> & {
+export declare const SelectTextFieldSection: import('vue').DefineSetupFnComponent<import('../combobox').ComboboxSectionProps, {}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxSection').ComboboxSectionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-hidden" | "hidden"> & {
     class?: import('../../utils/VueToJSX').ClassValue;
 } & {}, import('vue').PublicProps>;
 /** Info icon on an option that reveals a popover with additional details. */
 export declare const SelectTextFieldOptionMoreInfo: import('vue').DefineSetupFnComponent<import('../combobox').ComboboxOptionMoreInfoProps, {
     toggle: (isOpen: boolean) => boolean;
-}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxOptionMoreInfo').ListboxOptionMoreInfoProps, "className" | import('@lumx/core/js/types').PropsToOverride | "onMouseEnter" | "onMouseLeave" | "buttonProps" | import('@lumx/core/js/components/Listbox/ListboxOptionMoreInfo').ListboxOptionMoreInfoPropsToOverride> & {
+}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxOptionMoreInfo').ComboboxOptionMoreInfoProps, "className" | import('@lumx/core/js/types').PropsToOverride | "onMouseEnter" | "onMouseLeave" | "buttonProps" | import('@lumx/core/js/components/Combobox/ComboboxOptionMoreInfo').ComboboxOptionMoreInfoPropsToOverride> & {
     class?: import('../../utils/VueToJSX').ClassValue;
 } & {
     onToggle?: (isOpen: boolean) => void;
@@ -27,7 +27,7 @@ export declare const SelectTextFieldOptionMoreInfo: import('vue').DefineSetupFnC
     onToggle?: ((isOpen: boolean) => any) | undefined;
 }, import('vue').PublicProps>;
 /** Skeleton loading placeholder for options being fetched. */
-export declare const SelectTextFieldOptionSkeleton: import('vue').DefineSetupFnComponent<import('../combobox').ComboboxOptionSkeletonProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxOptionSkeleton').ListboxOptionSkeletonProps, "className" | import('@lumx/core/js/types').PropsToOverride | import('@lumx/core/js/components/Listbox/ListboxOptionSkeleton').ListboxOptionSkeletonPropsToOverride> & {
+export declare const SelectTextFieldOptionSkeleton: import('vue').DefineSetupFnComponent<import('../combobox').ComboboxOptionSkeletonProps, {}, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxOptionSkeleton').ComboboxOptionSkeletonProps, "className" | import('@lumx/core/js/types').PropsToOverride | import('@lumx/core/js/components/Combobox/ComboboxOptionSkeleton').ComboboxOptionSkeletonPropsToOverride> & {
     class?: import('../../utils/VueToJSX').ClassValue;
 } & {}, import('vue').PublicProps>;
 /** Visual separator between option groups (alias for ListDivider). Purely decorative — invisible to screen readers. */