@lumx/vue 4.11.0 → 4.12.0-next.1

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

@@ -109,6 +109,7 @@ export declare const ComboboxWithEmptyState: {
         value: string;
     };
     decorators: ((story: any, context: any) => any)[];
+    play({ canvas }: any): Promise<void>;
     render: ({ value, onChange }: {
         value: string;
         onChange: (v: string) => void;

package/components/combobox/ComboboxProvider.d.ts

@@ -12,5 +12,9 @@ export interface ComboboxProviderProps {
  * @param props Component props.
  * @return Vue element.
  */
-declare const ComboboxProvider: import('vue').DefineSetupFnComponent<ComboboxProviderProps, {}, {}, ComboboxProviderProps & {}, import('vue').PublicProps>;
+declare const ComboboxProvider: import('vue').DefineSetupFnComponent<ComboboxProviderProps, {
+    open: (isOpen: boolean) => true;
+}, {}, ComboboxProviderProps & {
+    onOpen?: ((isOpen: boolean) => any) | undefined;
+}, import('vue').PublicProps>;
 export default ComboboxProvider;

package/components/combobox/index.d.ts

@@ -17,7 +17,11 @@ export type { ComboboxHandle, ComboboxCallbacks } from '@lumx/core/js/components
  */
 export declare const Combobox: {
     /** Provides shared combobox context (handle, listbox ID, anchor ref) to all sub-components. */
-    Provider: import('vue').DefineSetupFnComponent<import('./ComboboxProvider').ComboboxProviderProps, {}, {}, import('./ComboboxProvider').ComboboxProviderProps & {}, import('vue').PublicProps>;
+    Provider: import('vue').DefineSetupFnComponent<import('./ComboboxProvider').ComboboxProviderProps, {
+        open: (isOpen: boolean) => true;
+    }, {}, import('./ComboboxProvider').ComboboxProviderProps & {
+        onOpen?: ((isOpen: boolean) => any) | undefined;
+    }, import('vue').PublicProps>;
     /** Button trigger for select-only combobox mode with keyboard navigation and typeahead. */
     Button: import('vue').DefineSetupFnComponent<import('./ComboboxButton').ComboboxButtonProps, {
         select: (option: {

package/components/lightbox/Lightbox.d.ts

@@ -0,0 +1,28 @@
+import { BaseLightboxProps } from '@lumx/core/js/components/Lightbox';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type LightboxProps = VueToJSXProps<BaseLightboxProps, 'theme' | 'aria-label' | 'aria-labelledby'> & {
+    /** Reference to the element that triggered lightbox opening (gets focus back on close). */
+    parentElement?: HTMLElement;
+    /** Element that should receive focus when the lightbox opens. By default the first focusable child. */
+    focusElement?: HTMLElement;
+    /** Props to pass to the close button. */
+    closeButtonProps?: any;
+};
+export declare const emitSchema: {
+    close: () => boolean;
+};
+declare const Lightbox: import('vue').DefineSetupFnComponent<LightboxProps, {
+    close: () => boolean;
+}, {}, Omit<BaseLightboxProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-label" | "theme" | "aria-labelledby"> & {
+    class?: string;
+} & {
+    /** Reference to the element that triggered lightbox opening (gets focus back on close). */
+    parentElement?: HTMLElement;
+    /** Element that should receive focus when the lightbox opens. By default the first focusable child. */
+    focusElement?: HTMLElement;
+    /** Props to pass to the close button. */
+    closeButtonProps?: any;
+} & {
+    onClose?: (() => any) | undefined;
+}, import('vue').PublicProps>;
+export default Lightbox;

package/components/lightbox/Lightbox.stories.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    component: any;
+    render: any;
+    play: ({ canvas }: any) => Promise<void>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Image: {
+    render: ({ children, ...args }: any) => any;
+    args: {
+        'aria-label': string;
+    };
+};
+export declare const WithCloseButton: {
+    render: ({ children, ...args }: any) => any;
+    args: {
+        closeButtonProps: {
+            label: string;
+        };
+        'aria-label': string;
+    };
+};

package/components/lightbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Lightbox, type LightboxProps } from './Lightbox';

package/index.d.ts

@@ -8,6 +8,7 @@ export * from './components/button';
 export * from './components/checkbox';
 export * from './components/chip';
 export * from './components/dialog';
+export * from './components/lightbox';
 export * from './components/divider';
 export * from './components/drag-handle';
 export * from './components/expansion-panel';