@lumx/vue 4.11.0 → 4.12.0-next.0

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';