@mozaic-ds/vue 2.17.0 → 2.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/mozaic-vue.css +1 -1
  2. package/dist/mozaic-vue.d.ts +133 -55
  3. package/dist/mozaic-vue.js +1533 -4663
  4. package/dist/mozaic-vue.js.map +1 -1
  5. package/dist/mozaic-vue.umd.cjs +6 -25
  6. package/dist/mozaic-vue.umd.cjs.map +1 -1
  7. package/package.json +14 -8
  8. package/src/components/Migration.mdx +651 -0
  9. package/src/components/accordionlistitem/MAccordionListItem.spec.ts +22 -3
  10. package/src/components/accordionlistitem/MAccordionListItem.vue +38 -28
  11. package/src/components/builtinmenu/MBuiltInMenu.spec.ts +30 -1
  12. package/src/components/builtinmenu/MBuiltInMenu.vue +26 -17
  13. package/src/components/builtinmenu/README.md +2 -0
  14. package/src/components/callout/MCallout.spec.ts +35 -0
  15. package/src/components/callout/MCallout.vue +22 -4
  16. package/src/components/callout/README.md +2 -0
  17. package/src/components/checklistmenu/MCheckListMenu.spec.ts +12 -1
  18. package/src/components/checklistmenu/MCheckListMenu.vue +6 -0
  19. package/src/components/checklistmenu/README.md +2 -0
  20. package/src/components/datatable/datatable.mdx +3 -2
  21. package/src/components/navigationindicator/MNavigationIndicator.spec.ts +75 -18
  22. package/src/components/navigationindicator/MNavigationIndicator.vue +10 -12
  23. package/src/components/optionListbox/MOptionListbox.vue +16 -1
  24. package/src/components/popover/MPopover.spec.ts +126 -0
  25. package/src/components/popover/MPopover.vue +36 -1
  26. package/src/components/segmentedcontrol/MSegmentedControl.spec.ts +92 -0
  27. package/src/components/segmentedcontrol/MSegmentedControl.vue +61 -2
  28. package/src/components/starrating/MStarRating.spec.ts +19 -22
  29. package/src/components/starrating/MStarRating.vue +3 -2
  30. package/src/components/tabs/MTabs.vue +90 -4
  31. package/src/components/tabs/Mtabs.spec.ts +162 -0
  32. package/src/main.ts +1 -0
  33. package/src/components/ComponentsMapping.mdx +0 -98
@@ -103,7 +103,9 @@ scroll: boolean;
103
103
  closable: boolean;
104
104
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
105
105
 
106
- declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
106
+ declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
107
+ tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
108
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
107
109
 
108
110
  declare const __VLS_component_20: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
109
111
 
@@ -121,7 +123,9 @@ size: "s" | "m" | "l";
121
123
  position: "top" | "right" | "bottom" | "left";
122
124
  closable: boolean;
123
125
  pointer: boolean;
124
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
126
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {
127
+ popoverRef: HTMLDivElement;
128
+ }, any>;
125
129
 
126
130
  declare const __VLS_component_23: DefineComponent<__VLS_Props_46, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
127
131
  "update:modelValue": (value: boolean) => any;
@@ -229,10 +233,10 @@ onClose?: (() => any) | undefined;
229
233
  status: "info" | "success" | "warning" | "error";
230
234
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
231
235
 
232
- declare const __VLS_component_28: DefineComponent<__VLS_Props_62, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
236
+ declare const __VLS_component_28: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
233
237
  "update:modelValue": (value: boolean) => any;
234
238
  "remove-tag": (id: string) => any;
235
- }, string, PublicProps, Readonly<__VLS_Props_62> & Readonly<{
239
+ }, string, PublicProps, Readonly<__VLS_Props_63> & Readonly<{
236
240
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
237
241
  "onRemove-tag"?: ((id: string) => any) | undefined;
238
242
  }>, {
@@ -241,11 +245,11 @@ contextualisedNumber: number;
241
245
  removableLabel: string;
242
246
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
243
247
 
244
- declare const __VLS_component_29: DefineComponent<__VLS_Props_64, {
248
+ declare const __VLS_component_29: DefineComponent<__VLS_Props_65, {
245
249
  focus: typeof focus_2;
246
250
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
247
251
  "update:modelValue": (value: string | number) => any;
248
- }, string, PublicProps, Readonly<__VLS_Props_64> & Readonly<{
252
+ }, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{
249
253
  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
250
254
  }>, {
251
255
  size: "s" | "m";
@@ -257,14 +261,14 @@ textInput: HTMLInputElement;
257
261
 
258
262
  declare const __VLS_component_3: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
259
263
 
260
- declare const __VLS_component_30: DefineComponent<__VLS_Props_65, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{}>, {
264
+ declare const __VLS_component_30: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_66> & Readonly<{}>, {
261
265
  appearance: "primary" | "secondary" | "inverse";
262
266
  bordered: boolean;
263
267
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
264
268
 
265
- declare const __VLS_component_31: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
269
+ declare const __VLS_component_31: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
266
270
  action: () => any;
267
- }, string, PublicProps, Readonly<__VLS_Props_66> & Readonly<{
271
+ }, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{
268
272
  onAction?: (() => any) | undefined;
269
273
  }>, {
270
274
  appearance: "primary" | "secondary" | "inverse";
@@ -272,16 +276,16 @@ iconPosition: "bottom" | "right";
272
276
  bordered: boolean;
273
277
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
274
278
 
275
- declare const __VLS_component_32: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{}>, {
279
+ declare const __VLS_component_32: DefineComponent<__VLS_Props_68, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_68> & Readonly<{}>, {
276
280
  appearance: "primary" | "secondary";
277
281
  label: string;
278
282
  trigger: "container" | "icon" | "button";
279
283
  bordered: boolean;
280
284
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
281
285
 
282
- declare const __VLS_component_33: DefineComponent<__VLS_Props_68, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
286
+ declare const __VLS_component_33: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
283
287
  "update:modelValue": (value: boolean) => any;
284
- }, string, PublicProps, Readonly<__VLS_Props_68> & Readonly<{
288
+ }, string, PublicProps, Readonly<__VLS_Props_69> & Readonly<{
285
289
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
286
290
  }>, {
287
291
  inputType: "checkbox" | "radio";
@@ -289,16 +293,16 @@ bordered: boolean;
289
293
  inputPosition: "left" | "right";
290
294
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
291
295
 
292
- declare const __VLS_component_34: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
296
+ declare const __VLS_component_34: DefineComponent<__VLS_Props_70, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
293
297
  "update:open": (value: boolean) => any;
294
- }, string, PublicProps, Readonly<__VLS_Props_69> & Readonly<{
298
+ }, string, PublicProps, Readonly<__VLS_Props_70> & Readonly<{
295
299
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
296
300
  }>, {
297
301
  status: "info" | "success" | "warning" | "error";
298
302
  closable: boolean;
299
303
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
300
304
 
301
- declare const __VLS_component_35: DefineComponent<__VLS_Props_72, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_72> & Readonly<{}>, {
305
+ declare const __VLS_component_35: DefineComponent<__VLS_Props_73, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_73> & Readonly<{}>, {
302
306
  position: "top" | "bottom" | "left" | "right";
303
307
  pointer: boolean;
304
308
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -327,6 +331,7 @@ size: "s" | "m" | "l";
327
331
 
328
332
  declare const __VLS_component_7: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{}>, {
329
333
  appearance: "standard" | "accent" | "tips" | "inverse";
334
+ tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
330
335
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
331
336
 
332
337
  declare const __VLS_component_8: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {
@@ -695,6 +700,11 @@ declare type __VLS_Props_13 = {
695
700
  * When enabled, adds a visible border around the wrapper to highlight or separate its content.
696
701
  */
697
702
  outlined?: boolean;
703
+ /**
704
+ * Accessible label for the navigation landmark. Should describe the purpose
705
+ * of this menu to distinguish it from other navigations on the page.
706
+ */
707
+ label?: string;
698
708
  };
699
709
 
700
710
  /**
@@ -925,6 +935,11 @@ declare type __VLS_Props_2 = {
925
935
  * Icon component to display before the item title.
926
936
  */
927
937
  icon?: Component;
938
+ /**
939
+ * Heading level for the accordion trigger (h2–h6). Adjust to match the
940
+ * heading hierarchy of the page where the accordion is used.
941
+ */
942
+ tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
928
943
  };
929
944
 
930
945
  /**
@@ -2144,9 +2159,40 @@ declare type __VLS_Props_60 = {
2144
2159
  };
2145
2160
 
2146
2161
  /**
2147
- * Tabs are a navigation component that allows users to switch between different sections within the same context. They help organize content efficiently by displaying only one section at a time, reducing clutter and improving accessibility. Tabs can include icons, labels, and notification badges to provide additional context. They are commonly used in dashboards, product management, and settings interfaces.
2162
+ * A stepper is a navigation component that guides users through a sequence of steps in a structured process. It visually represents progress, completed steps, and upcoming steps, helping users understand their position within a workflow. Steppers are commonly used in multi-step forms, onboarding flows, checkout processes, and task completion sequences to improve clarity and reduce cognitive load.
2148
2163
  */
2149
2164
  declare type __VLS_Props_61 = {
2165
+ /**
2166
+ * Defines the currently active step.
2167
+ *
2168
+ * - If a `number` is provided, it represents the 1-based position of the step
2169
+ * in the `steps` array (e.g. `1` for the first step).
2170
+ * - If a `string` is provided, it must match the `id` of one of the steps.
2171
+ */
2172
+ currentStep?: string | number;
2173
+ /**
2174
+ * Steps of the stepper inline.
2175
+ */
2176
+ steps?: Array<{
2177
+ /**
2178
+ * Unique identifier for the step.
2179
+ */
2180
+ id?: string;
2181
+ /**
2182
+ * Label of the step.
2183
+ */
2184
+ label: string;
2185
+ /**
2186
+ * Optional additional information under the label.
2187
+ */
2188
+ additionalInfo?: string;
2189
+ }>;
2190
+ };
2191
+
2192
+ /**
2193
+ * Tabs are a navigation component that allows users to switch between different sections within the same context. They help organize content efficiently by displaying only one section at a time, reducing clutter and improving accessibility. Tabs can include icons, labels, and notification badges to provide additional context. They are commonly used in dashboards, product management, and settings interfaces.
2194
+ */
2195
+ declare type __VLS_Props_62 = {
2150
2196
  /**
2151
2197
  * A description indicating the purpose of the set of tabs. Useful for improving the accessibility of the component.
2152
2198
  */
@@ -2196,7 +2242,7 @@ declare type __VLS_Props_61 = {
2196
2242
  /**
2197
2243
  * A Tag is a UI element used to filter data, categorize, select or deselect an option. It can appear standalone, in a group, or embedded within other components. Depending on its use, a tag can be interactive (clickable, removable, selectable) or static (serving as a visual indicator).
2198
2244
  */
2199
- declare type __VLS_Props_62 = {
2245
+ declare type __VLS_Props_63 = {
2200
2246
  /**
2201
2247
  * Defines the behavior and layout of the tag.
2202
2248
  */
@@ -2238,7 +2284,7 @@ declare type __VLS_Props_62 = {
2238
2284
  /**
2239
2285
  * A text area is an input designed for multi-line text entry, allowing users to input longer content compared to a standard text input. It is commonly used for comments, feedback, descriptions, and messaging. Text areas can be resizable or fixed in height, depending on the context, and often include placeholder text, character limits, and validation messages to guide users.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#textarea).
2240
2286
  */
2241
- declare type __VLS_Props_63 = {
2287
+ declare type __VLS_Props_64 = {
2242
2288
  /**
2243
2289
  * A unique identifier for the textarea, used to associate the label with the form element.
2244
2290
  */
@@ -2284,7 +2330,7 @@ declare type __VLS_Props_63 = {
2284
2330
  /**
2285
2331
  * A text input is a single-line input that allows users to enter and edit short text-based content. It is commonly used for names, email addresses, search queries, and form entries. Text Inputs often include placeholders, validation rules, and assistive text to guide users and ensure accurate data entry.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#input).
2286
2332
  */
2287
- declare type __VLS_Props_64 = {
2333
+ declare type __VLS_Props_65 = {
2288
2334
  /**
2289
2335
  * A unique identifier for the input element, used to associate the label with the form element.
2290
2336
  */
@@ -2342,7 +2388,7 @@ declare type __VLS_Props_64 = {
2342
2388
  /**
2343
2389
  * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
2344
2390
  */
2345
- declare type __VLS_Props_65 = {
2391
+ declare type __VLS_Props_66 = {
2346
2392
  /**
2347
2393
  * Defines the visual style of the tile.
2348
2394
  */
@@ -2356,7 +2402,7 @@ declare type __VLS_Props_65 = {
2356
2402
  /**
2357
2403
  * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
2358
2404
  */
2359
- declare type __VLS_Props_66 = {
2405
+ declare type __VLS_Props_67 = {
2360
2406
  /**
2361
2407
  * Defines the visual style of the tile.
2362
2408
  */
@@ -2388,7 +2434,7 @@ declare type __VLS_Props_66 = {
2388
2434
  /**
2389
2435
  * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
2390
2436
  */
2391
- declare type __VLS_Props_67 = {
2437
+ declare type __VLS_Props_68 = {
2392
2438
  /**
2393
2439
  * Defines the visual style of the tile.
2394
2440
  */
@@ -2410,7 +2456,7 @@ declare type __VLS_Props_67 = {
2410
2456
  /**
2411
2457
  * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
2412
2458
  */
2413
- declare type __VLS_Props_68 = {
2459
+ declare type __VLS_Props_69 = {
2414
2460
  /**
2415
2461
  * The current value of the tile (selected or not).
2416
2462
  */
@@ -2437,10 +2483,30 @@ declare type __VLS_Props_68 = {
2437
2483
  hideInput?: boolean;
2438
2484
  };
2439
2485
 
2486
+ declare type __VLS_Props_7 = {
2487
+ /**
2488
+ * Specifies the key of the currently selected menu item. It allows the component to highlight or style the corresponding item to indicate it is selected or currently in use.
2489
+ */
2490
+ modelValue?: number;
2491
+ /**
2492
+ * Defines the menu items, each of which can include an icon and act as a button, link, or router-link.
2493
+ */
2494
+ items: MenuItem[];
2495
+ /**
2496
+ * When enabled, adds a visible border around the wrapper to highlight or separate its content.
2497
+ */
2498
+ outlined?: boolean;
2499
+ /**
2500
+ * Accessible label for the navigation landmark. Should describe the purpose
2501
+ * of this menu to distinguish it from other navigations on the page.
2502
+ */
2503
+ label?: string;
2504
+ };
2505
+
2440
2506
  /**
2441
2507
  * A toaster is a temporary notification that appears briefly on the screen to provide feedback or updates without interrupting the user’s workflow. It is commonly used for success messages, warnings, errors, or informational updates. Toasters can disappear automatically after a few seconds, be dismissed manually via a close button, or be removed when the user performs a relevant action. They typically include an icon, a short message, and an optional close button for better usability.
2442
2508
  */
2443
- declare type __VLS_Props_69 = {
2509
+ declare type __VLS_Props_70 = {
2444
2510
  /**
2445
2511
  * If `true`, display the Toaster.
2446
2512
  */
@@ -2471,25 +2537,10 @@ declare type __VLS_Props_69 = {
2471
2537
  timeout?: number;
2472
2538
  };
2473
2539
 
2474
- declare type __VLS_Props_7 = {
2475
- /**
2476
- * Specifies the key of the currently selected menu item. It allows the component to highlight or style the corresponding item to indicate it is selected or currently in use.
2477
- */
2478
- modelValue?: number;
2479
- /**
2480
- * Defines the menu items, each of which can include an icon and act as a button, link, or router-link.
2481
- */
2482
- items: MenuItem[];
2483
- /**
2484
- * When enabled, adds a visible border around the wrapper to highlight or separate its content.
2485
- */
2486
- outlined?: boolean;
2487
- };
2488
-
2489
2540
  /**
2490
2541
  * A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.
2491
2542
  */
2492
- declare type __VLS_Props_70 = {
2543
+ declare type __VLS_Props_71 = {
2493
2544
  /**
2494
2545
  * A unique identifier for the toggle, used to associate the label with the form element.
2495
2546
  */
@@ -2519,7 +2570,7 @@ declare type __VLS_Props_70 = {
2519
2570
  /**
2520
2571
  * A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field Group section](/docs/form-elements-field-group--docs#toggle-group).
2521
2572
  */
2522
- declare type __VLS_Props_71 = {
2573
+ declare type __VLS_Props_72 = {
2523
2574
  /**
2524
2575
  * The name attribute for the toggle element, typically used for form submission.
2525
2576
  */
@@ -2548,7 +2599,7 @@ declare type __VLS_Props_71 = {
2548
2599
  /**
2549
2600
  * A tooltip is a small, contextual message that appears when users hover over, focus on, or tap an element, providing additional information or guidance without cluttering the interface. Tooltips are commonly used to explain icons, abbreviations, or complex actions. They typically disappear automatically when the user moves away from the trigger element.
2550
2601
  */
2551
- declare type __VLS_Props_72 = {
2602
+ declare type __VLS_Props_73 = {
2552
2603
  /**
2553
2604
  * A unique identifier for the tooltip, used to describe the tooltip.
2554
2605
  */
@@ -2625,6 +2676,11 @@ declare type __VLS_Props_9 = {
2625
2676
  * Allows to define the callout appearance.
2626
2677
  */
2627
2678
  appearance?: 'standard' | 'accent' | 'tips' | 'inverse';
2679
+ /**
2680
+ * Heading level for the callout title (h2–h6). Adjust to match the
2681
+ * heading hierarchy of the page where the callout is used.
2682
+ */
2683
+ tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
2628
2684
  };
2629
2685
 
2630
2686
  declare type __VLS_PublicProps = {
@@ -3010,7 +3066,9 @@ declare function __VLS_template_22(): {
3010
3066
  */
3011
3067
  footer?: VNode;
3012
3068
  };
3013
- refs: {};
3069
+ refs: {
3070
+ popoverRef: HTMLDivElement;
3071
+ };
3014
3072
  rootEl: any;
3015
3073
  };
3016
3074
 
@@ -4163,7 +4221,9 @@ export declare const MBuiltInMenu: DefineComponent<__VLS_Props_7, {}, {}, {}, {}
4163
4221
  "update:modelValue": (value: number) => any;
4164
4222
  }, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{
4165
4223
  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
4166
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
4224
+ }>, {
4225
+ label: string;
4226
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
4167
4227
 
4168
4228
  export declare const MButton: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
4169
4229
 
@@ -4267,7 +4327,7 @@ onAction?: (() => any) | undefined;
4267
4327
  }>, {
4268
4328
  action: "pause" | "resume";
4269
4329
  player: boolean;
4270
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
4330
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
4271
4331
 
4272
4332
  export declare const MNumberBadge: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{}>, {
4273
4333
  appearance: "danger" | "accent" | "inverse" | "standard";
@@ -4409,8 +4469,8 @@ export declare const MQuantitySelector: DefineComponent<__VLS_Props_41, {}, {},
4409
4469
  }>, {
4410
4470
  modelValue: number;
4411
4471
  size: "s" | "m";
4412
- step: number;
4413
4472
  name: string;
4473
+ step: number;
4414
4474
  min: number;
4415
4475
  max: number;
4416
4476
  incrementlabel: string;
@@ -4436,7 +4496,7 @@ export declare const MSegmentedControl: DefineComponent<__VLS_Props_44, {}, {},
4436
4496
  }>, {
4437
4497
  modelValue: string | number;
4438
4498
  size: "s" | "m";
4439
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
4499
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
4440
4500
 
4441
4501
  export declare const MSelect: DefineComponent<__VLS_Props_45, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4442
4502
  "update:modelValue": (value: string | number) => any;
@@ -4534,9 +4594,27 @@ additionalInfo?: string;
4534
4594
  currentStep: string | number;
4535
4595
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
4536
4596
 
4537
- export declare const MTabs: DefineComponent<__VLS_Props_61, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4597
+ export declare const MStepperStacked: DefineComponent<__VLS_Props_61, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_61> & Readonly<{}>, {
4598
+ steps: Array<{
4599
+ /**
4600
+ * Unique identifier for the step.
4601
+ */
4602
+ id?: string;
4603
+ /**
4604
+ * Label of the step.
4605
+ */
4606
+ label: string;
4607
+ /**
4608
+ * Optional additional information under the label.
4609
+ */
4610
+ additionalInfo?: string;
4611
+ }>;
4612
+ currentStep: string | number;
4613
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
4614
+
4615
+ export declare const MTabs: DefineComponent<__VLS_Props_62, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4538
4616
  "update:modelValue": (value?: string | number | undefined) => any;
4539
- }, string, PublicProps, Readonly<__VLS_Props_61> & Readonly<{
4617
+ }, string, PublicProps, Readonly<__VLS_Props_62> & Readonly<{
4540
4618
  "onUpdate:modelValue"?: ((value?: string | number | undefined) => any) | undefined;
4541
4619
  }>, {
4542
4620
  modelValue: string | number;
@@ -4547,9 +4625,9 @@ tab: HTMLButtonElement;
4547
4625
 
4548
4626
  export declare const MTag: __VLS_WithTemplateSlots_28<typeof __VLS_component_28, __VLS_TemplateResult_28["slots"]>;
4549
4627
 
4550
- export declare const MTextArea: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4628
+ export declare const MTextArea: DefineComponent<__VLS_Props_64, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4551
4629
  "update:modelValue": (value: string | number) => any;
4552
- }, string, PublicProps, Readonly<__VLS_Props_63> & Readonly<{
4630
+ }, string, PublicProps, Readonly<__VLS_Props_64> & Readonly<{
4553
4631
  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
4554
4632
  }>, {
4555
4633
  rows: number;
@@ -4567,17 +4645,17 @@ export declare const MTileSelectable: __VLS_WithTemplateSlots_33<typeof __VLS_co
4567
4645
 
4568
4646
  export declare const MToaster: __VLS_WithTemplateSlots_34<typeof __VLS_component_34, __VLS_TemplateResult_34["slots"]>;
4569
4647
 
4570
- export declare const MToggle: DefineComponent<__VLS_Props_70, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4648
+ export declare const MToggle: DefineComponent<__VLS_Props_71, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4571
4649
  "update:modelValue": (value: boolean) => any;
4572
- }, string, PublicProps, Readonly<__VLS_Props_70> & Readonly<{
4650
+ }, string, PublicProps, Readonly<__VLS_Props_71> & Readonly<{
4573
4651
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
4574
4652
  }>, {
4575
4653
  size: "s" | "m";
4576
4654
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
4577
4655
 
4578
- export declare const MToggleGroup: DefineComponent<__VLS_Props_71, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4656
+ export declare const MToggleGroup: DefineComponent<__VLS_Props_72, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4579
4657
  "update:modelValue": (value: string[]) => any;
4580
- }, string, PublicProps, Readonly<__VLS_Props_71> & Readonly<{
4658
+ }, string, PublicProps, Readonly<__VLS_Props_72> & Readonly<{
4581
4659
  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
4582
4660
  }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
4583
4661