@six-group/ui-library 0.0.0-insider.49c8d01 → 0.0.0-insider.4b8cb1b

package/dist/types/components/six-dropdown/six-dropdown.d.ts

@@ -20,6 +20,7 @@ export interface SixDropdownScrollPayload {
  * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
  *
  * @slot trigger - The dropdown's trigger, usually a `<six-button>` element.
+ * @slot dropdown-footer - The dropdown's footer area.
  * @slot - The dropdown's content.
  *
  * @part base - The component's base wrapper.
@@ -30,10 +31,13 @@ export declare class SixDropdown {
     private componentId;
     private isVisible;
     private panel?;
+    private scrollPanel?;
+    private panelSlot?;
     private positioner?;
     private popover?;
     private trigger?;
-    private hasBeenInitialized;
+    private triggerSlot?;
+    private resizeObserver;
     private filterInputElement?;
     host: HTMLSixDropdownElement;
     /** Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods. */
@@ -73,7 +77,7 @@ export declare class SixDropdown {
     filterPlaceholder: string;
     /** By default the search field will be focused when opening a dropdown with filtering enabled. */
     autofocusFilter: boolean;
-    get hasFilterEnabled(): boolean;
+    get filterEnabled(): boolean;
     /** The debounce for the filter callbacks. */
     filterDebounce: number;
     /** The panel can be opend/closed by pressing the spacebar or the enter key. In some cases you might want to avoid this */
@@ -83,6 +87,13 @@ export declare class SixDropdown {
     /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)
      *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */
     virtualScroll: boolean;
+    /**
+     * Determines if the dropdown panel's width should match the width of the trigger element.
+     *
+     * If set to `true`, the panel will resize its width to align with the trigger's width.
+     * If `false` or omitted, the panel will maintain its default width.
+     */
+    matchTriggerWidth: boolean;
     get container(): HTMLElement;
     /** Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened. */
     sixShow: EventEmitter<EmptyPayload>;
@@ -99,21 +110,27 @@ export declare class SixDropdown {
     /** Emitted when the user scrolls inside dropdown panel.*/
     sixScroll: EventEmitter<SixDropdownScrollPayload>;
     private eventListeners;
-    filteredOptions: SixMenuItemData[];
+    renderedOptions: SixMenuItemData[];
     handleOpenChange(): void;
     handlePopoverOptionsChange(): void;
     handleOptionsChange(): void;
-    connectedCallback(): void;
+    private validateOptions;
+    componentWillLoad(): void;
     componentDidLoad(): void;
-    private initializePopover;
-    private setupFiltering;
+    connectedCallback(): void;
+    private init;
+    private applyFilter;
+    private resetFilter;
+    private emitFilterEvents;
+    private initPopover;
     private getMenuItems;
-    private handleFilterInputChange;
-    private handleFilteringForAttributeItems;
-    private handleFilteringForSlotItems;
     disconnectedCallback(): void;
     /** Shows the dropdown panel */
     show(): Promise<void>;
+    /**
+     * Set min width of dropdown panel to the width of the trigger element
+     */
+    private updatePanelPosition;
     /** Hides the dropdown panel */
     hide(): Promise<void>;
     private focusOnTrigger;
@@ -121,6 +138,8 @@ export declare class SixDropdown {
     /**
      * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
      * is activated.
+     *
+     * @deprecated: use the property `matchTriggerWidth` instead.
      */
     reposition(): Promise<void>;
     private handleDocumentKeyDown;

package/dist/types/components/six-header/six-header.d.ts

@@ -33,6 +33,8 @@ declare enum Section {
 export declare class SixHeader {
     /** Indicates if content should be shifted down when search field is visible. */
     shiftContent: boolean;
+    /** Set whether the hamburger menu should be visible or not */
+    hideHamburgerMenu: boolean;
     /** Set the hamburger menu icon to open or closed state */
     openHamburgerMenu: boolean;
     /** Set the header search to be in an open or closed state */
@@ -59,6 +61,7 @@ export declare class SixHeader {
     host: HTMLSixHeaderElement;
     private eventListeners;
     private slots?;
+    private mutationObserver?;
     selectedApp?: string;
     selectedSection?: Section;
     private hasSlot;
@@ -72,7 +75,8 @@ export declare class SixHeader {
     private appNameClicked;
     private computeSearchOpenState;
     componentWillLoad(): void;
-    private getSelectedApp;
+    connectedCallback(): void;
+    private updateSelectedApp;
     disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/six-input/six-input.d.ts

@@ -69,6 +69,10 @@ export declare class SixInput {
     step?: number;
     /** A pattern to validate input against. */
     pattern?: string;
+    /**
+     * Internal: Styles the input for the dropdown filter search.
+     */
+    dropdownSearch: boolean;
     /** Set to true to show an asterisk beneath the label. */
     required: boolean;
     /** The input's autocaptialize attribute. */

package/dist/types/components/six-menu/six-menu.d.ts

@@ -46,6 +46,10 @@ export declare class SixMenu {
      * The lower the number the more sensitive the component reacts to scrolling changes.
      */
     scrollingDebounce: number;
+    /**
+     * Internal: Disables handling of key presses.
+     */
+    disableKeyboardHandling: boolean;
     /**
      * Used to calculate which items should be rendered in the DOM
      */

package/dist/types/components/six-menu-item/six-menu-item.d.ts

@@ -17,8 +17,13 @@
 export declare class SixMenuItem {
     private menuItem?;
     private defaultSlot?;
+    host: HTMLSixMenuItemElement;
     hasFocus: boolean;
-    /** Set to true to draw the item in a checked state. */
+    active: boolean;
+    /** Defines if the checked state is displayed as a checkbox or a check-icon */
+    checkType: 'checkbox' | 'check';
+    /** Internal: Draws the item in a checked state. CheckType needs to be set to 'checkbox' or 'check' to show the
+     * checked state */
     checked: boolean;
     /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
     value: string;
@@ -35,5 +40,6 @@ export declare class SixMenuItem {
     private handleFocus;
     private handleMouseEnter;
     private handleMouseLeave;
+    private handleCheckboxChange;
     render(): any;
 }

package/dist/types/components/six-root/six-root.d.ts

@@ -1,8 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 import { StageType } from '../six-stage-indicator/six-stage-indicator';
-export interface SixRootCollapsedPayload {
-    collapsed: boolean;
-}
 /**
  * @since 1.0
  * @status stable
@@ -15,20 +11,11 @@ export interface SixRootCollapsedPayload {
  */
 export declare class SixRoot {
     host: HTMLSixRootElement;
-    /** Breakpoint for smaller screens when the right sidebar is collapsed by default. */
-    breakpoint: number;
     /** Defines whether the content section should be padded */
     padded: boolean;
     /** Defines the stage of the application*/
     stage: StageType;
     /** Defines the version of the application*/
     version: string;
-    /** Emitted when display size is updated. */
-    collapsedEvent: EventEmitter<SixRootCollapsedPayload>;
-    collapse: boolean;
-    private resizeObserver;
-    handleCollapsed(collapsed: boolean): void;
-    componentWillLoad(): void;
-    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/six-select/six-select.d.ts

@@ -28,29 +28,40 @@ export interface SixSelectChangePayload {
  */
 export declare class SixSelect {
     private box?;
+    private menu?;
     private dropdown?;
-    private input?;
+    private displayValuesContainer?;
+    private overflowCount?;
+    private autocompleteInput?;
     private inputId;
     private labelId;
     private helpTextId;
     private errorTextId;
-    private menu?;
-    private resizeObserver?;
-    private touched;
     private eventListeners;
+    private activeItemIndex;
+    private resizeObserver;
     host: HTMLSixSelectElement;
     hasFocus: boolean;
     hasHelpTextSlot: boolean;
     hasLabelSlot: boolean;
     hasErrorTextSlot: boolean;
     isOpen: boolean;
-    displayLabel: string;
-    displayTags: HTMLSixTagElement[];
+    displayedValues: string[];
+    /** Menu items shown in the selection container.  */
+    selectionContainerItems: HTMLSixMenuItemElement[];
     /** Set to true to enable multiselect. */
     multiple: boolean;
+    /** Enables the select all button. */
+    selectAllButton: boolean;
+    /**
+     * Custom text for the "select all" button. Defaults to "Select all" and equivalents in supported languages.
+     */
+    selectAllText?: string;
     /**
      * The maximum number of tags to show when `multiple` is true. After the maximum, "+n" will be shown to indicate the
      * number of additional items that are selected. Set to -1 to remove the limit.
+     *
+     * @deprecated: This property is ignored. The component now displays as many items as possible and computes the "+n" dynamically.
      */
     maxTagsVisible: number;
     /** Set to true to disable the select control. */
@@ -62,7 +73,7 @@ export declare class SixSelect {
     /** The filter's placeholder text. */
     filterPlaceholder?: string;
     /** The debounce for the filter callbacks. */
-    filterDebounce: number;
+    filterDebounce?: number;
     /** The select's size. */
     size: 'small' | 'medium' | 'large';
     /**
@@ -125,26 +136,30 @@ export declare class SixSelect {
     disconnectedCallback(): void;
     /** Sets focus on the select. */
     setFocus(options?: FocusOptions): Promise<void>;
+    private init;
     private getItemLabel;
     private getItems;
-    private hasMenuItems;
+    private getVisibleItems;
+    private getSelectionContainerItems;
     private getValueAsArray;
     private handleBlur;
     private handleFocus;
     private handleClearClick;
     private clearValues;
-    private handleSelectAll;
     private handleKeyDown;
+    private selectAll;
     private handleLabelClick;
     private handleMenuSelect;
     private handleMenuShow;
     private handleMenuHide;
     private handleSlotChange;
-    private handleTagInteraction;
-    private resizeMenu;
+    /**
+     * Sets the checked state of menu items and renders the displayed values.
+     */
     private syncItemsFromValue;
-    private extractLabelForSelectedItem;
     private syncValueFromItems;
+    private updateDisplayedValues;
     render(): any;
     private hasSelection;
+    private hasDeselectedOptions;
 }

package/dist/types/components/six-spinner/six-spinner.d.ts

@@ -5,6 +5,7 @@
  * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
  *
  * @part base - The component's base wrapper.
+ * @part svg - The spinner icon
  */
 export declare class SixSpinner {
     /** Indicates if the spinner is shown as animated SIX logo or simple spinner. */

package/dist/types/components.d.ts

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { AlertType } from "./components/six-alert/six-alert";
 import { EmptyPayload } from "./utils/types";
 import { SixDateFormats } from "./components/six-datepicker/six-date-formats";
 import { SixDatepickerSelectPayload } from "./components/six-datepicker/six-datepicker";
@@ -18,13 +19,13 @@ import { SixItemPickerChangePayload } from "./components/six-item-picker/six-ite
 import { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
 import { SixMenuItemData as SixMenuItemData1, SixMenuItemSelectedPayload } from "./components/six-menu/six-menu";
 import { StageType } from "./components/six-stage-indicator/six-stage-indicator";
-import { SixRootCollapsedPayload } from "./components/six-root/six-root";
 import { SixSearchFieldChangePayload } from "./components/six-search-field/six-search-field";
 import { SixSelectChangePayload } from "./components/six-select/six-select";
 import { StageType as StageType1 } from "./components/six-stage-indicator/six-stage-indicator";
 import { SixTabHidePayload, SixTabShowPayload } from "./components/six-tab-group/six-tab-group";
 import { TimeFormat } from "./utils/time.util";
 import { SixTimepickerChange } from "./components/six-timepicker/six-timepicker";
+export { AlertType } from "./components/six-alert/six-alert";
 export { EmptyPayload } from "./utils/types";
 export { SixDateFormats } from "./components/six-datepicker/six-date-formats";
 export { SixDatepickerSelectPayload } from "./components/six-datepicker/six-datepicker";
@@ -38,7 +39,6 @@ export { SixItemPickerChangePayload } from "./components/six-item-picker/six-ite
 export { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
 export { SixMenuItemData as SixMenuItemData1, SixMenuItemSelectedPayload } from "./components/six-menu/six-menu";
 export { StageType } from "./components/six-stage-indicator/six-stage-indicator";
-export { SixRootCollapsedPayload } from "./components/six-root/six-root";
 export { SixSearchFieldChangePayload } from "./components/six-search-field/six-search-field";
 export { SixSelectChangePayload } from "./components/six-select/six-select";
 export { StageType as StageType1 } from "./components/six-stage-indicator/six-stage-indicator";
@@ -46,12 +46,6 @@ export { SixTabHidePayload, SixTabShowPayload } from "./components/six-tab-group
 export { TimeFormat } from "./utils/time.util";
 export { SixTimepickerChange } from "./components/six-timepicker/six-timepicker";
 export namespace Components {
-    interface SetAttributes {
-        /**
-          * Attributes map
-         */
-        "value": {};
-    }
     /**
      * @since 1.0
      * @status stable
@@ -80,12 +74,13 @@ export namespace Components {
         "show": () => Promise<void>;
         /**
           * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by calling this method again. The returned promise will resolve after the alert is hidden.
+          * @param adjustPosition If true, the top and right position of the toast stack is shifted according to the six-root header's height and the presence of a vertical scrollbar.
          */
-        "toast": () => Promise<void>;
+        "toast": (adjustPosition?: boolean) => Promise<void>;
         /**
           * The type of alert.
          */
-        "type": 'primary' | 'success' | 'info' | 'warning' | 'danger';
+        "type": AlertType;
     }
     /**
      * @since 1.0
@@ -549,6 +544,10 @@ export namespace Components {
           * Enable this option to prevent the panel from being clipped when the component is placed inside a container with `overflow: auto|scroll`.
          */
         "hoist": boolean;
+        /**
+          * Determines if the dropdown panel's width should match the width of the trigger element.  If set to `true`, the panel will resize its width to align with the trigger's width. If `false` or omitted, the panel will maintain its default width.
+         */
+        "matchTriggerWidth": boolean;
         /**
           * Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods.
          */
@@ -574,6 +573,7 @@ export namespace Components {
     | 'left-end';
         /**
           * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu is activated.
+          * @deprecated : use the property `matchTriggerWidth` instead.
          */
         "reposition": () => Promise<void>;
         /**
@@ -728,6 +728,10 @@ export namespace Components {
           * Get open state for search
          */
         "getIsSearchOpen": () => Promise<boolean>;
+        /**
+          * Set whether the hamburger menu should be visible or not
+         */
+        "hideHamburgerMenu": boolean;
         /**
           * Set the hamburger menu icon to open or closed state
          */
@@ -823,6 +827,10 @@ export namespace Components {
           * Set to true to disable the input.
          */
         "disabled": boolean;
+        /**
+          * Internal: Styles the input for the dropdown filter search.
+         */
+        "dropdownSearch": boolean;
         /**
           * The error message shown, if `invalid` is set to true.
          */
@@ -1034,6 +1042,10 @@ export namespace Components {
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface SixMenu {
+        /**
+          * Internal: Disables handling of key presses.
+         */
+        "disableKeyboardHandling": boolean;
         /**
           * Used for virtual scrolling Define how many items should be rendered in the DOM when using virtual scrolling
          */
@@ -1077,7 +1089,11 @@ export namespace Components {
      */
     interface SixMenuItem {
         /**
-          * Set to true to draw the item in a checked state.
+          * Defines if the checked state is displayed as a checkbox or a check-icon
+         */
+        "checkType": 'checkbox' | 'check';
+        /**
+          * Internal: Draws the item in a checked state. CheckType needs to be set to 'checkbox' or 'check' to show the checked state
          */
         "checked": boolean;
         /**
@@ -1263,10 +1279,6 @@ export namespace Components {
      * @status stable
      */
     interface SixRoot {
-        /**
-          * Breakpoint for smaller screens when the right sidebar is collapsed by default.
-         */
-        "breakpoint": number;
         /**
           * Defines whether the content section should be padded
          */
@@ -1343,7 +1355,7 @@ export namespace Components {
         /**
           * The debounce for the filter callbacks.
          */
-        "filterDebounce": number;
+        "filterDebounce"?: number;
         /**
           * The filter's placeholder text.
          */
@@ -1374,6 +1386,7 @@ export namespace Components {
         "line": boolean;
         /**
           * The maximum number of tags to show when `multiple` is true. After the maximum, "+n" will be shown to indicate the number of additional items that are selected. Set to -1 to remove the limit.
+          * @deprecated : This property is ignored. The component now displays as many items as possible and computes the "+n" dynamically.
          */
         "maxTagsVisible": number;
         /**
@@ -1400,6 +1413,14 @@ export namespace Components {
           * Set to true to show an asterisk beneath the label.
          */
         "required": boolean;
+        /**
+          * Enables the select all button.
+         */
+        "selectAllButton": boolean;
+        /**
+          * Custom text for the "select all" button. Defaults to "Select all" and equivalents in supported languages.
+         */
+        "selectAllText"?: string;
         /**
           * Sets focus on the select.
          */
@@ -2049,10 +2070,6 @@ export interface SixRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixRangeElement;
 }
-export interface SixRootCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSixRootElement;
-}
 export interface SixSearchFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixSearchFieldElement;
@@ -2098,12 +2115,6 @@ export interface SixTooltipCustomEvent<T> extends CustomEvent<T> {
     target: HTMLSixTooltipElement;
 }
 declare global {
-    interface HTMLSetAttributesElement extends Components.SetAttributes, HTMLStencilElement {
-    }
-    var HTMLSetAttributesElement: {
-        prototype: HTMLSetAttributesElement;
-        new (): HTMLSetAttributesElement;
-    };
     interface HTMLSixAlertElementEventMap {
         "six-alert-show": EmptyPayload;
         "six-alert-after-show": EmptyPayload;
@@ -2695,22 +2706,11 @@ declare global {
         prototype: HTMLSixRangeElement;
         new (): HTMLSixRangeElement;
     };
-    interface HTMLSixRootElementEventMap {
-        "six-root-collapsed": SixRootCollapsedPayload;
-    }
     /**
      * @since 1.0
      * @status stable
      */
     interface HTMLSixRootElement extends Components.SixRoot, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSixRootElementEventMap>(type: K, listener: (this: HTMLSixRootElement, ev: SixRootCustomEvent<HTMLSixRootElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLSixRootElementEventMap>(type: K, listener: (this: HTMLSixRootElement, ev: SixRootCustomEvent<HTMLSixRootElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixRootElement: {
         prototype: HTMLSixRootElement;
@@ -3021,7 +3021,6 @@ declare global {
         new (): HTMLSixTooltipElement;
     };
     interface HTMLElementTagNameMap {
-        "set-attributes": HTMLSetAttributesElement;
         "six-alert": HTMLSixAlertElement;
         "six-avatar": HTMLSixAvatarElement;
         "six-badge": HTMLSixBadgeElement;
@@ -3077,12 +3076,6 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    interface SetAttributes {
-        /**
-          * Attributes map
-         */
-        "value"?: {};
-    }
     /**
      * @since 1.0
      * @status stable
@@ -3120,7 +3113,7 @@ declare namespace LocalJSX {
         /**
           * The type of alert.
          */
-        "type"?: 'primary' | 'success' | 'info' | 'warning' | 'danger';
+        "type"?: AlertType;
     }
     /**
      * @since 1.0
@@ -3628,6 +3621,10 @@ declare namespace LocalJSX {
           * Enable this option to prevent the panel from being clipped when the component is placed inside a container with `overflow: auto|scroll`.
          */
         "hoist"?: boolean;
+        /**
+          * Determines if the dropdown panel's width should match the width of the trigger element.  If set to `true`, the panel will resize its width to align with the trigger's width. If `false` or omitted, the panel will maintain its default width.
+         */
+        "matchTriggerWidth"?: boolean;
         /**
           * Emitted when the async filter is triggered
          */
@@ -3839,6 +3836,10 @@ declare namespace LocalJSX {
           * Set whether the logo should be clickable
          */
         "clickableLogo"?: boolean;
+        /**
+          * Set whether the hamburger menu should be visible or not
+         */
+        "hideHamburgerMenu"?: boolean;
         /**
           * Emitted when the name of the selected app is clicked.
          */
@@ -3954,6 +3955,10 @@ declare namespace LocalJSX {
           * Set to true to disable the input.
          */
         "disabled"?: boolean;
+        /**
+          * Internal: Styles the input for the dropdown filter search.
+         */
+        "dropdownSearch"?: boolean;
         /**
           * The error message shown, if `invalid` is set to true.
          */
@@ -4177,6 +4182,10 @@ declare namespace LocalJSX {
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface SixMenu {
+        /**
+          * Internal: Disables handling of key presses.
+         */
+        "disableKeyboardHandling"?: boolean;
         /**
           * Used for virtual scrolling Define how many items should be rendered in the DOM when using virtual scrolling
          */
@@ -4220,7 +4229,11 @@ declare namespace LocalJSX {
      */
     interface SixMenuItem {
         /**
-          * Set to true to draw the item in a checked state.
+          * Defines if the checked state is displayed as a checkbox or a check-icon
+         */
+        "checkType"?: 'checkbox' | 'check';
+        /**
+          * Internal: Draws the item in a checked state. CheckType needs to be set to 'checkbox' or 'check' to show the checked state
          */
         "checked"?: boolean;
         /**
@@ -4402,14 +4415,6 @@ declare namespace LocalJSX {
      * @status stable
      */
     interface SixRoot {
-        /**
-          * Breakpoint for smaller screens when the right sidebar is collapsed by default.
-         */
-        "breakpoint"?: number;
-        /**
-          * Emitted when display size is updated.
-         */
-        "onSix-root-collapsed"?: (event: SixRootCustomEvent<SixRootCollapsedPayload>) => void;
         /**
           * Defines whether the content section should be padded
          */
@@ -4521,6 +4526,7 @@ declare namespace LocalJSX {
         "line"?: boolean;
         /**
           * The maximum number of tags to show when `multiple` is true. After the maximum, "+n" will be shown to indicate the number of additional items that are selected. Set to -1 to remove the limit.
+          * @deprecated : This property is ignored. The component now displays as many items as possible and computes the "+n" dynamically.
          */
         "maxTagsVisible"?: number;
         /**
@@ -4559,6 +4565,14 @@ declare namespace LocalJSX {
           * Set to true to show an asterisk beneath the label.
          */
         "required"?: boolean;
+        /**
+          * Enables the select all button.
+         */
+        "selectAllButton"?: boolean;
+        /**
+          * Custom text for the "select all" button. Defaults to "Select all" and equivalents in supported languages.
+         */
+        "selectAllText"?: string;
         /**
           * The select's size.
          */
@@ -5156,7 +5170,6 @@ declare namespace LocalJSX {
         "trigger"?: string;
     }
     interface IntrinsicElements {
-        "set-attributes": SetAttributes;
         "six-alert": SixAlert;
         "six-avatar": SixAvatar;
         "six-badge": SixBadge;
@@ -5215,7 +5228,6 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "set-attributes": LocalJSX.SetAttributes & JSXBase.HTMLAttributes<HTMLSetAttributesElement>;
             /**
              * @since 1.0
              * @status stable

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export { Components, JSX } from './components';
 export * from './utils/error-messages';
+export * from './utils/alert';

package/dist/types/types.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './utils/error-messages';
+export * from './utils/alert';

package/dist/types/utils/alert.d.ts

@@ -0,0 +1,10 @@
+import { AlertType } from '../components/six-alert/six-alert';
+/**
+ * Displays an alert on the toast stack with a specified message and optional configuration.
+ *
+ * @param message - The message to be displayed in the alert.
+ * @param alertType - The type of the alert. Valid values are 'primary', 'info', 'success', 'warning', 'danger'. Default is 'info'.
+ * @param duration - The duration in milliseconds for which the alert is displayed. If not provided, a default duration is set based on the alert type.
+ * @param iconName - The name of the icon to be displayed in the alert. If not provided, a default icon is set based on the alert type.
+ */
+export declare function showAlert(message: string, alertType?: AlertType, duration?: number, iconName?: string): void;

package/dist/types/utils/error-messages.d.ts

@@ -41,3 +41,4 @@ export type ValidationError = {
  * Returns an error message for the given language and error.
  */
 export declare function getErrorMessage(language: Language, error: ValidationError): string | undefined;
+export declare function getLanguage(): Language;

package/dist/types/utils/slot.d.ts

@@ -1,4 +1,3 @@
 export declare function getTextContent(slot?: HTMLSlotElement): string;
 export declare function hasSlot(el: HTMLElement, name?: string): boolean;
-export declare const getSlotChildren: <T extends HTMLElement>(el: HTMLElement) => T[];
 export declare function getSlot(element: ParentNode | null | undefined, slotName: string): HTMLElement | null;