@lumx/vue 4.25.1-next.2 → 4.26.0-next.1

package/components/combobox/Combobox.stories.d.ts

@@ -66,6 +66,26 @@ export declare const ComboboxWithOptionMoreInfo: {
         onChange: (v: string) => void;
     }) => import("vue/jsx-runtime").JSX.Element;
 };
+export declare const ComboboxWithSelectionIconSingle: {
+    args: {
+        value: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+    render: ({ value, onChange }: {
+        value: string;
+        onChange: (v: string) => void;
+    }) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const ComboboxWithSelectionIconMultiple: {
+    args: {
+        value: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+    render: ({ value, onChange }: {
+        value: string;
+        onChange: (v: string) => void;
+    }) => import("vue/jsx-runtime").JSX.Element;
+};
 export declare const GridComboboxWithInput: {
     args: {
         value: string;
@@ -161,3 +181,13 @@ export declare const ComboboxWithOptionTooltips: {
         onChange: (v: string) => void;
     }) => import("vue/jsx-runtime").JSX.Element;
 };
+export declare const ComboboxWithTruncatedOption: {
+    args: {
+        value: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+    render: ({ value, onChange }: {
+        value: string;
+        onChange: (v: string) => void;
+    }) => import("vue/jsx-runtime").JSX.Element;
+};

package/components/combobox/ComboboxList.d.ts

@@ -1,6 +1,6 @@
 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' | 'id'>;
+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.
@@ -8,7 +8,7 @@ export type ComboboxListProps = VueToJSXProps<UIProps, 'aria-label' | 'aria-busy
  * @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-busy"> & {
+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 };

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/context/ComboboxListContext.d.ts

@@ -2,6 +2,8 @@
 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.

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

@@ -2,6 +2,8 @@
 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.

package/components/combobox/index.d.ts

@@ -61,7 +61,7 @@ export declare const Combobox: {
         onClear?: ((_event?: MouseEvent | undefined) => any) | undefined;
     }, import('vue').PublicProps>;
     /** 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-busy"> & {
+    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. */
@@ -93,6 +93,8 @@ export declare const Combobox: {
     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;