@lumx/vue 4.11.0-next.5 → 4.11.0-next.7

package/components/chip/SelectionChipGroup.d.ts

@@ -0,0 +1,30 @@
+import { SelectionChipGroupProps as UIProps } from '@lumx/core/js/components/Chip/SelectionChipGroup';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+/**
+ * Props omit 'ref' (handled internally).
+ * inputRef is added here for Vue (ref to an associated input element for backspace focus handling).
+ */
+export type SelectionChipGroupProps = VueToJSXProps<UIProps<any>> & {
+    /** Ref to the associated input element (for focus restoration on backspace) */
+    inputRef?: HTMLInputElement | null;
+};
+export declare const emitSchema: {
+    change: (_newValue?: any[]) => boolean;
+};
+/**
+ * SelectionChipGroup component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const SelectionChipGroup: import('vue').DefineSetupFnComponent<SelectionChipGroupProps, {
+    change: (_newValue?: any[]) => boolean;
+}, {}, Omit<UIProps<any>, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    class?: string;
+} & {
+    /** Ref to the associated input element (for focus restoration on backspace) */
+    inputRef?: HTMLInputElement | null;
+} & {
+    onChange?: ((_newValue?: any[] | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default SelectionChipGroup;

package/components/chip/SelectionChipGroup.stories.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    component: any;
+    args: {
+        value: {
+            id: string;
+            name: string;
+        }[];
+        getOptionId: string;
+        getOptionName: string;
+        label: string;
+        chipRemoveLabel: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const Disabled: {
+    args: {
+        isDisabled: boolean;
+    };
+};
+export declare const IndividuallyDisabled: {
+    args: {
+        getChipProps: (option: {
+            id: string;
+            name: string;
+        }) => {
+            isDisabled: boolean;
+        };
+    };
+};
+export declare const Empty: {
+    args: {
+        value: never[];
+    };
+};
+export declare const ConstrainedSpace: {
+    decorators: ((story: any, context: any) => any)[];
+    args: {
+        value: ({
+            id: string;
+            name: string;
+        } | {
+            name: string;
+        })[];
+    };
+};
+/** Selection chip group with custom chip render */
+export declare const CustomRender: {
+    render: () => {
+        components: {
+            StoryCustomRender: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        template: string;
+    };
+};
+/** Selection chip group inside a TextField chips slot with inputRef for keyboard navigation */
+export declare const InTextField: {
+    render: () => {
+        components: {
+            StoryInTextField: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        template: string;
+    };
+};

package/components/chip/Stories/CustomRender.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/chip/Stories/InTextField.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/chip/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Chip, type ChipProps } from './Chip';
 export { default as ChipGroup, type ChipGroupProps } from './ChipGroup';
+export { default as SelectionChipGroup, type SelectionChipGroupProps } from './SelectionChipGroup';

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

@@ -9,6 +9,28 @@ declare const _default: {
     title: string;
 };
 export default _default;
+export declare const AutoFilterOptions: {
+    play: ({ canvasElement }: any) => Promise<void>;
+    args: {
+        value: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+    render: ({ value, onChange, onSelect, }: {
+        value: string;
+        onChange: (v: string) => void;
+        onSelect?: (option: {
+            value: string;
+        }) => void;
+    }) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const FilterOffOpenOnFocus: {
+    play: ({ canvasElement }: any) => Promise<void>;
+    args: {
+        value: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+    render: ({ value, onChange, onSelect }: any) => import("vue/jsx-runtime").JSX.Element;
+};
 export declare const SelectOptionUpdatesInput: {
     play: ({ canvasElement }: any) => Promise<void>;
     args: {

package/components/combobox/ComboboxInput.d.ts

@@ -18,10 +18,22 @@ export type ComboboxInputProps = VueToJSXProps<TextFieldProps, 'inputRef' | 'tex
         value: string;
     }) => void;
     /**
-     * When true (default), the combobox automatically filters options as the user types.
-     * Set to false when you handle filtering yourself (e.g. async search).
+     * Controls how the combobox filters options as the user types.
+     *
+     * - `'auto'` (default) — Options are automatically filtered client-side.
+     * - `'manual'` — Filtering is the consumer's responsibility.
+     * - `'off'` — Like `'manual'`, but the input is rendered as `readOnly`
+     *   and `openOnFocus` defaults to `true`.
      */
-    autoFilter?: boolean;
+    filter?: 'auto' | 'manual' | 'off';
+    /**
+     * When true, the combobox opens automatically when the input receives focus.
+     * When false (default, unless `filter` is `'off'`), the combobox only opens
+     * on click, typing, or keyboard navigation.
+     *
+     * @default false (true when filter is 'off')
+     */
+    openOnFocus?: boolean;
 };
 /**
  * Combobox.Input component - wraps TextField with combobox ARIA attributes.
@@ -51,10 +63,22 @@ declare const ComboboxInput: import('vue').DefineSetupFnComponent<ComboboxInputP
         value: string;
     }) => void;
     /**
-     * When true (default), the combobox automatically filters options as the user types.
-     * Set to false when you handle filtering yourself (e.g. async search).
+     * Controls how the combobox filters options as the user types.
+     *
+     * - `'auto'` (default) — Options are automatically filtered client-side.
+     * - `'manual'` — Filtering is the consumer's responsibility.
+     * - `'off'` — Like `'manual'`, but the input is rendered as `readOnly`
+     *   and `openOnFocus` defaults to `true`.
+     */
+    filter?: "auto" | "manual" | "off";
+    /**
+     * When true, the combobox opens automatically when the input receives focus.
+     * When false (default, unless `filter` is `'off'`), the combobox only opens
+     * on click, typing, or keyboard navigation.
+     *
+     * @default false (true when filter is 'off')
      */
-    autoFilter?: boolean;
+    openOnFocus?: boolean;
 } & {
     onSelect?: ((option: {
         value: string;

package/components/combobox/index.d.ts

@@ -53,7 +53,8 @@ export declare const Combobox: {
         onSelect?: (option: {
             value: string;
         }) => void;
-        autoFilter?: boolean;
+        filter?: "auto" | "manual" | "off";
+        openOnFocus?: boolean;
     } & {
         onSelect?: ((option: {
             value: string;