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

package/package.json

@@ -30,11 +30,11 @@
         }
     },
     "sideEffects": false,
-    "version": "4.25.1-alpha.2",
+    "version": "4.25.1-alpha.3",
     "dependencies": {
         "@floating-ui/vue": "^1.1.10",
-        "@lumx/core": "^4.25.1-alpha.2",
-        "@lumx/icons": "^4.25.1-alpha.2",
+        "@lumx/core": "^4.25.1-alpha.3",
+        "@lumx/icons": "^4.25.1-alpha.3",
         "@vueuse/core": "^14.1.0"
     },
     "peerDependencies": {

package/components/listbox/ListboxList.d.ts

@@ -1,25 +0,0 @@
-import { ListboxListProps as UIProps, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Listbox/ListboxList';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ListboxListProps = VueToJSXProps<UIProps, 'aria-label' | 'aria-busy' | 'id'>;
-/**
- * List component (`Combobox.List` and `Listbox.List`): the WAI-ARIA listbox pattern by default (`role="listbox"` with
- * `role="option"` items), or the grid pattern with `type="grid"` (`role="grid"` with one
- * `role="row"` per option, made of the option `role="gridcell"` and its action cells).
- *
- * @see https://www.w3.org/WAI/ARIA/apg/patterns/listbox/
- * @see https://www.w3.org/WAI/ARIA/apg/patterns/grid/
- *
- * Mounts the listbox handle of the enclosing provider on its element:
- * - Inside a combobox (`Combobox.Provider`): renders its options only while the combobox is open.
- *   The trigger owns focus.
- * - Inside a `ListboxProvider`: a standalone list that owns focus (`tabindex="0"` +
- *   `aria-activedescendant`) and handles its own keyboard navigation.
- *
- * @param props Component props.
- * @return Vue element.
- */
-declare const ListboxList: import('vue').DefineSetupFnComponent<ListboxListProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-label" | "id" | "aria-busy"> & {
-    class?: import('../../utils/VueToJSX').ClassValue;
-} & {}, import('vue').PublicProps>;
-export { COMPONENT_NAME, CLASSNAME };
-export default ListboxList;

package/components/listbox/ListboxOptionAction.d.ts

@@ -1,23 +0,0 @@
-import { ListboxOptionActionProps as UIProps, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Listbox/ListboxOptionAction';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ListboxOptionActionProps = 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).
- *
- * Renders nothing outside grid mode (`type="grid"` on the parent list): without the grid
- * navigation, an action would not be reachable by keyboard and would break the listbox pattern.
- *
- * @param props Component props.
- * @return Vue element.
- */
-declare const ListboxOptionAction: import('vue').DefineSetupFnComponent<ListboxOptionActionProps, {}, {}, Pick<VueToJSXProps<UIProps>, "class" | "isDisabled"> & {
-    /** On click callback. */
-    onClick?: (evt: MouseEvent) => void;
-} & {}, import('vue').PublicProps>;
-export { COMPONENT_NAME, CLASSNAME };
-export default ListboxOptionAction;

package/components/listbox/ListboxOptionSkeleton.d.ts

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

package/components/listbox/ListboxProvider.d.ts

@@ -1,16 +0,0 @@
-/**
- * Internal standalone listbox provider.
- *
- * Creates the standalone listbox handle (the list owns focus) and shares it with the list,
- * the options and the list state rendered inside.
- */
-declare const ListboxProvider: import('vue').DefineSetupFnComponent<object, {
-    select: (option: {
-        value: string;
-    }) => true;
-}, {}, object & {
-    onSelect?: ((option: {
-        value: string;
-    }) => any) | undefined;
-}, import('vue').PublicProps>;
-export default ListboxProvider;

package/components/listbox/ListboxSection.d.ts

@@ -1,14 +0,0 @@
-import { ListboxSectionProps as UIProps, ListboxSectionPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Listbox/ListboxSection';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ListboxSectionProps = VueToJSXProps<UIProps, ListboxSectionPropsToOverride | 'hidden' | 'aria-hidden'>;
-/**
- * Combobox.Section component - groups Combobox.Option items under a labelled section.
- *
- * @param props Component props.
- * @return Vue element.
- */
-declare const ListboxSection: import('vue').DefineSetupFnComponent<ListboxSectionProps, {}, {}, 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 ListboxSection;

package/components/listbox/ListboxState.d.ts

@@ -1,14 +0,0 @@
-import { ListboxStateProps as UIProps, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Listbox/ListboxState';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ListboxStateProps = VueToJSXProps<UIProps, 'state'>;
-/**
- * Combobox.State component - displays empty and error states for the combobox list.
- *
- * @param props Component props.
- * @return Vue element.
- */
-declare const ListboxState: import('vue').DefineSetupFnComponent<ListboxStateProps, {}, {}, 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 ListboxState;

package/components/listbox/context/ListboxContext.d.ts

@@ -1,23 +0,0 @@
-import { Ref } from 'vue';
-import { ListboxHandle } from '@lumx/core/js/components/Listbox/types';
-/**
- * Context value shared by the listbox sub-components (list, options, sections, skeletons, state).
- *
- * Provided by `ListboxProvider` (standalone listbox) and by `Combobox.Provider` (listbox of a combobox),
- * then re-provided by the list with its `type`.
- */
-export interface ListboxContextValue {
-    /** The listbox handle (null inside a combobox until the trigger creates it). */
-    list: Readonly<Ref<ListboxHandle | null>>;
-    /** The ID of the listbox element. */
-    listboxId: string;
-    /** The pattern of the list. "grid" enables 2D keyboard navigation and action buttons on options. */
-    type: 'listbox' | 'grid';
-}
-/** Provide the listbox context (see `ListboxProvider` and `Combobox.Provider`). */
-export declare function provideListboxContext(value: ListboxContextValue): void;
-/**
- * Access the listbox context.
- * @throws Error outside a `ListboxProvider` or a `Combobox.Provider`.
- */
-export declare function useListboxContext(): ListboxContextValue;

package/components/listbox/context/useListboxEvent.d.ts

@@ -1,13 +0,0 @@
-import { Ref } from 'vue';
-import { ListboxEventMap, ListboxHandle } from '@lumx/core/js/components/Listbox/types';
-/** Minimal event source shape of the listbox handle. */
-export interface EventSource {
-    subscribe(event: string, callback: (value: unknown) => void): () => void;
-}
-/**
- * Subscribe to an event of a listbox handle. Re-subscribes when the handle changes.
- * `optionsChange` bursts are coalesced into a single deferred update.
- */
-export declare function useHandleEvent<V>(handle: Readonly<Ref<EventSource | null>>, event: string, initialValue: V): Ref<V>;
-/** Subscribe to a listbox handle event. */
-export declare function useListboxEvent<K extends keyof ListboxEventMap>(handle: Readonly<Ref<ListboxHandle | null>>, event: K, initialValue: ListboxEventMap[K]): Ref<ListboxEventMap[K]>;

package/components/listbox/index.d.ts

@@ -1,47 +0,0 @@
-export declare const Listbox: {
-    /** Standalone listbox provider (creates the listbox handle). */
-    Provider: import('vue').DefineSetupFnComponent<object, {
-        select: (option: {
-            value: string;
-        }) => true;
-    }, {}, object & {
-        onSelect?: ((option: {
-            value: string;
-        }) => any) | undefined;
-    }, import('vue').PublicProps>;
-    /** List (listbox pattern by default, grid pattern with `type="grid"` for options with actions). */
-    List: import('vue').DefineSetupFnComponent<import('./ListboxList').ListboxListProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxList').ListboxListProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-label" | "id" | "aria-busy"> & {
-        class?: import('../../utils/VueToJSX').ClassValue;
-    } & {}, import('vue').PublicProps>;
-    Option: import('vue').DefineSetupFnComponent<import('./ListboxOption').ListboxOptionProps, {
-        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> & {
-        class?: import('../../utils/VueToJSX').ClassValue;
-    } & {
-        tooltipProps?: Partial<import('../tooltip').TooltipProps>;
-        actionProps?: Record<string, any>;
-    } & {
-        onClick?: (() => any) | undefined;
-    }, import('vue').PublicProps>;
-    OptionAction: import('vue').DefineSetupFnComponent<import('./ListboxOptionAction').ListboxOptionActionProps, {}, {}, Pick<import('../../utils/VueToJSX').VueToJSXProps<import('@lumx/core/js/components/Listbox/ListboxOptionAction').ListboxOptionActionProps>, "class" | "isDisabled"> & {
-        onClick?: (evt: MouseEvent) => void;
-    } & {}, import('vue').PublicProps>;
-    OptionMoreInfo: import('vue').DefineSetupFnComponent<import('./ListboxOptionMoreInfo').ListboxOptionMoreInfoProps, {
-        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> & {
-        class?: import('../../utils/VueToJSX').ClassValue;
-    } & {
-        onToggle?: (isOpen: boolean) => void;
-    } & {
-        onToggle?: ((isOpen: boolean) => any) | undefined;
-    }, import('vue').PublicProps>;
-    OptionSkeleton: import('vue').DefineSetupFnComponent<import('./ListboxOptionSkeleton').ListboxOptionSkeletonProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxOptionSkeleton').ListboxOptionSkeletonProps, "className" | import('@lumx/core/js/types').PropsToOverride | import('@lumx/core/js/components/Listbox/ListboxOptionSkeleton').ListboxOptionSkeletonPropsToOverride> & {
-        class?: import('../../utils/VueToJSX').ClassValue;
-    } & {}, import('vue').PublicProps>;
-    Section: import('vue').DefineSetupFnComponent<import('./ListboxSection').ListboxSectionProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxSection').ListboxSectionProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-hidden" | "hidden"> & {
-        class?: import('../../utils/VueToJSX').ClassValue;
-    } & {}, import('vue').PublicProps>;
-    State: import('vue').DefineSetupFnComponent<import('./ListboxState').ListboxStateProps, {}, {}, Omit<import('@lumx/core/js/components/Listbox/ListboxState').ListboxStateProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "state"> & {
-        class?: import('../../utils/VueToJSX').ClassValue;
-    } & {}, import('vue').PublicProps>;
-};