@lumx/vue 4.17.0 → 4.17.1-alpha.1

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

@@ -20,7 +20,7 @@ export declare const MouseHoverDoesNotActivateOption: {
         onChange: (v: string) => void;
         onSelect?: (option: {
             value: string;
-        }) => void;
+        }) => boolean | void;
     }) => import("vue/jsx-runtime").JSX.Element;
 };
 export declare const ClickAwayClosesPopup: {
@@ -42,7 +42,7 @@ export declare const MouseHoverThenKeyboardNav: {
         onChange: (v: string) => void;
         onSelect?: (option: {
             value: string;
-        }) => void;
+        }) => boolean | void;
     }) => import("vue/jsx-runtime").JSX.Element;
 };
 export declare const OptionMoreInfoKeyboardHighlight: {
@@ -106,7 +106,7 @@ export declare const ButtonTypeaheadFromClosed: {
         value: string;
         onSelect: (option: {
             value: string;
-        }) => void;
+        }) => boolean | void;
     }) => import("vue/jsx-runtime").JSX.Element;
 };
 export declare const ButtonTypeaheadWhileOpen: {
@@ -119,7 +119,7 @@ export declare const ButtonTypeaheadWhileOpen: {
         value: string;
         onSelect: (option: {
             value: string;
-        }) => void;
+        }) => boolean | void;
     }) => import("vue/jsx-runtime").JSX.Element;
 };
 export declare const ButtonEndFromClosed: {
@@ -132,7 +132,7 @@ export declare const ButtonEndFromClosed: {
         value: string;
         onSelect: (option: {
             value: string;
-        }) => void;
+        }) => boolean | void;
     }) => import("vue/jsx-runtime").JSX.Element;
 };
 export declare const ButtonHomeFromClosed: {
@@ -145,7 +145,7 @@ export declare const ButtonHomeFromClosed: {
         value: string;
         onSelect: (option: {
             value: string;
-        }) => void;
+        }) => boolean | void;
     }) => import("vue/jsx-runtime").JSX.Element;
 };
 export declare const ButtonArrowDownFromClosed: {
@@ -158,6 +158,6 @@ export declare const ButtonArrowDownFromClosed: {
         value: string;
         onSelect: (option: {
             value: string;
-        }) => void;
+        }) => boolean | void;
     }) => import("vue/jsx-runtime").JSX.Element;
 };

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;

package/components/select-button/SelectButton.d.ts

@@ -1,6 +1,6 @@
 import { EmitFn, EmitsToProps, PublicProps, SlotsType } from 'vue';
 import { BaseSelectButtonWrapperProps } from '@lumx/core/js/utils/select/types';
-import { SelectButtonProps as UIProps } from '@lumx/core/js/components/SelectButton';
+import { DEFAULT_PROPS, CLASSNAME, SelectButtonProps as UIProps } from '@lumx/core/js/components/SelectButton';
 import { EmitsOf } from '../../utils/VueToJSX';
 /**
  * Props exposed to the `#button` scoped slot of `<SelectButton>`.
@@ -173,3 +173,4 @@ declare const SelectButton: import('vue').DefineSetupFnComponent<SelectButtonPro
 }, PublicProps>;
 declare const _default: SelectButtonConstructor & typeof SelectButton;
 export default _default;
+export { DEFAULT_PROPS, CLASSNAME };

package/components/select-text-field/SelectTextField.d.ts

@@ -25,7 +25,11 @@ export interface MultipleSelectTextFieldProps<O = any> extends BaseSelectTextFie
 }
 /**
  * SelectTextField props — supports both single and multiple selection.
- * Discriminated on `selectionType`: when `'multiple'`, `value` is `O[]`.
+ * Discriminated on `selectionType`:
+ * - `'single'` → `value?: O`, emits `change` with `O | undefined`.
+ * - `'multiple'` → `value?: O[]`, emits `change` with `O[] | undefined`.
+ *
+ * @typeParam O - Option object type, inferred from `options` / `getOptionId`.
  */
 export type SelectTextFieldProps<O = any> = SingleSelectTextFieldProps<O> | MultipleSelectTextFieldProps<O>;
 /**

package/components/time-picker-field/TimePickerField.stories.d.ts

@@ -39,6 +39,13 @@ export declare const French: {
         value: Date;
     };
 };
+export declare const WithBoundsMode: {
+    args: {
+        value: Date;
+        maxTime: Date;
+        boundsMode: string;
+    };
+};
 export declare const Disabled: {
     args: {
         value: Date;