@lumx/vue 4.18.0-next.0 → 4.18.0-next.1

package/components/popover/Popover.d.ts

@@ -1,12 +1,13 @@
 import { Ref } from 'vue';
 import { PopoverProps as CorePopoverProps } from '@lumx/core/js/components/Popover';
+import { PopoverSizes } from '@lumx/core/js/components/Popover/types';
 import { VueToJSXProps } from '../../utils/VueToJSX';
 /**
  * Vue Popover props derived from core PopoverProps.
  * Omits framework-specific props and narrows element ref types to raw HTMLElement.
  * `isOpen` is made optional (defaults to false at runtime via keysOf).
  */
-export type PopoverProps = VueToJSXProps<CorePopoverProps, 'anchorRef' | 'boundaryRef' | 'focusElement' | 'parentElement' | 'focusTrapZoneElement' | 'isOpen'> & {
+export type PopoverProps = VueToJSXProps<CorePopoverProps, 'anchorRef' | 'boundaryRef' | 'focusElement' | 'parentElement' | 'focusTrapZoneElement' | 'isOpen'> & PopoverSizes & {
     /** Reference to the DOM element used to set the position of the popover. Accepts a Vue Ref for reactive positioning. */
     anchorRef?: Ref<HTMLElement | undefined> | HTMLElement;
     /** Element which will act as boundary when opening the popover. Accepts a Vue Ref for reactive positioning. */
@@ -27,7 +28,7 @@ declare const Popover: import('vue').DefineSetupFnComponent<PopoverProps, {
     close: () => boolean;
 }, {}, Omit<CorePopoverProps, "className" | import('@lumx/core/js/types').PropsToOverride | "isOpen" | "focusElement" | "children" | "parentElement" | "anchorRef" | "boundaryRef" | "focusTrapZoneElement"> & {
     class?: import('../../utils/VueToJSX').ClassValue;
-} & {
+} & PopoverSizes & {
     /** Reference to the DOM element used to set the position of the popover. Accepts a Vue Ref for reactive positioning. */
     anchorRef?: Ref<HTMLElement | undefined> | HTMLElement;
     /** Element which will act as boundary when opening the popover. Accepts a Vue Ref for reactive positioning. */

package/components/popover/Popover.stories.d.ts

@@ -120,3 +120,19 @@ export declare const FitToAnchorWidth: {
     };
     decorators: ((story: any, context: any) => any)[];
 };
+export declare const Width: {
+    args: {
+        anchorClassName: string;
+        popoverClassName: string;
+        placement: "bottom";
+    };
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const Height: {
+    args: {
+        anchorClassName: string;
+        popoverClassName: string;
+        placement: "bottom";
+    };
+    decorators: ((story: any, context: any) => any)[];
+};

package/components/popover/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Popover, type PopoverProps } from './Popover';
-export { Placement, type Offset, type Elevation } from '@lumx/core/js/components/Popover/constants';
+export { Placement } from '@lumx/core/js/components/Popover/constants';
+export type { Offset, Elevation, PopoverHeight, PopoverWidth } from '@lumx/core/js/components/Popover/types';

package/components/popover/usePopoverStyle.d.ts

@@ -1,11 +1,18 @@
 import { Ref, CSSProperties } from 'vue';
-import { Placement, Offset } from '@lumx/core/js/components/Popover/constants';
+import { Placement } from '@lumx/core/js/components/Popover/constants';
+import { Offset, PopoverSizes } from '@lumx/core/js/components/Popover/types';
 export interface UsePopoverStyleOptions {
     anchorRef: Ref<HTMLElement | undefined>;
     offset?: Ref<Offset | undefined>;
     hasArrow?: Ref<boolean | undefined>;
     fitToAnchorWidth?: Ref<string | boolean | undefined>;
     fitWithinViewportHeight?: Ref<boolean | undefined>;
+    width?: Ref<PopoverSizes['width']>;
+    minWidth?: Ref<PopoverSizes['minWidth']>;
+    maxWidth?: Ref<PopoverSizes['maxWidth']>;
+    height?: Ref<PopoverSizes['height']>;
+    minHeight?: Ref<PopoverSizes['minHeight']>;
+    maxHeight?: Ref<PopoverSizes['maxHeight']>;
     boundaryRef?: Ref<HTMLElement | undefined>;
     placement?: Ref<Placement | undefined>;
     style?: Ref<CSSProperties | undefined>;

package/components/popover-dialog/PopoverDialog.d.ts

@@ -13,7 +13,7 @@ declare const PopoverDialog: import('vue').DefineSetupFnComponent<PopoverDialogP
     close: () => boolean;
 }, {}, Omit<CorePopoverProps, "className" | import('@lumx/core/js/types').PropsToOverride | "isOpen" | "focusElement" | "children" | "parentElement" | "anchorRef" | "boundaryRef" | "focusTrapZoneElement"> & {
     class?: import('../../utils/VueToJSX').ClassValue;
-} & {
+} & import('@lumx/core/js/components/Popover/types').PopoverSizes & {
     anchorRef?: import('vue').Ref<HTMLElement | undefined> | HTMLElement;
     boundaryRef?: import('vue').Ref<HTMLElement | undefined> | HTMLElement;
     focusElement?: HTMLElement;

package/components/popover-dialog/PopoverDialog.test.stories.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
         close: () => boolean;
     }, {}, Omit<import('@lumx/core/js/components/Popover').PopoverProps, "className" | import('../..').PropsToOverride | "isOpen" | "focusElement" | "children" | "parentElement" | "anchorRef" | "boundaryRef" | "focusTrapZoneElement"> & {
         class?: import('../../utils/VueToJSX').ClassValue;
-    } & {
+    } & import('@lumx/core/js/components/Popover/types').PopoverSizes & {
         anchorRef?: import('vue').Ref<HTMLElement | undefined> | HTMLElement;
         boundaryRef?: import('vue').Ref<HTMLElement | undefined> | HTMLElement;
         focusElement?: HTMLElement;