@pine-ds/core 3.1.0 → 3.2.0

package/dist/types/components.d.ts

@@ -7,15 +7,45 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BoxColumnType, BoxShadowSizeType, BoxTShirtSizeType } from "./utils/types";
 import { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
-import { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
 import { PlacementType } from "./utils/types";
+import { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
 import { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/pds-textarea/textarea-interface";
 export { BoxColumnType, BoxShadowSizeType, BoxTShirtSizeType } from "./utils/types";
 export { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
-export { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
 export { PlacementType } from "./utils/types";
+export { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
 export { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/pds-textarea/textarea-interface";
 export namespace Components {
+    /**
+     * Mock PdsModal component for testing purposes
+     * This component mimics the real PdsModal but without using the Popover API
+     */
+    interface MockPdsModal {
+        /**
+          * Whether the modal can be dismissed by clicking the backdrop
+         */
+        "backdropDismiss": boolean;
+        /**
+          * The ID of the modal component
+         */
+        "componentId"?: string;
+        /**
+          * Hides the modal
+         */
+        "hideModal": () => Promise<void>;
+        /**
+          * Whether the modal is open
+         */
+        "open": boolean;
+        /**
+          * Shows the modal
+         */
+        "showModal": () => Promise<void>;
+        /**
+          * The size of the modal
+         */
+        "size": 'sm' | 'md' | 'lg' | 'fullscreen';
+    }
     interface PdsAccordion {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -28,6 +58,30 @@ export namespace Components {
          */
         "isOpen": boolean;
     }
+    interface PdsAlert {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * If true, shows the dismiss button. If false, the dismiss button is hidden.
+          * @defaultValue false
+         */
+        "dismissible": boolean;
+        /**
+          * Text displayed as the heading of the alert.
+         */
+        "heading": string;
+        /**
+          * If true, the alert is displayed in a smaller size and description text is truncated. Heading is not displayed.
+         */
+        "small": boolean;
+        /**
+          * Sets the style variant of the alert.
+          * @defaultValue 'default'
+         */
+        "variant": 'default' | 'danger' | 'info' | 'success' | 'warning';
+    }
     interface PdsAvatar {
         /**
           * The alt for a custom user image.
@@ -213,27 +267,27 @@ export namespace Components {
          */
         "shadow"?: BoxShadowSizeType;
         /**
-          * Size of the column for all screen sizes that are not explicitly set.
+          * Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.
          */
         "size"?: BoxColumnType;
         /**
-          * At screen sizes greater than the `LG` breakpoint, this will take the number of columns specified.
+          * At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.
          */
         "sizeLg"?: BoxColumnType;
         /**
-          * At screen sizes greater than the `MD` breakpoint, this will take the number of columns specified.
+          * At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.
          */
         "sizeMd"?: BoxColumnType;
         /**
-          * At screen sizes greater than the `SM` breakpoint, this will take the number of columns specified.
+          * At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.
          */
         "sizeSm"?: BoxColumnType;
         /**
-          * At screen sizes greater than the `XL` breakpoint, this will take the number of columns specified.
+          * At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.
          */
         "sizeXl"?: BoxColumnType;
         /**
-          * At screen sizes less than the `XS` breakpoint, this will take the number of columns specified.
+          * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.
          */
         "sizeXs"?: BoxColumnType;
     }
@@ -410,6 +464,51 @@ export namespace Components {
          */
         "vertical": boolean;
     }
+    interface PdsDropdownMenu {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * The placement of the dropdown panel relative to the trigger.
+         */
+        "placement": PlacementType;
+    }
+    interface PdsDropdownMenuItem {
+        /**
+          * Trigger the click event
+         */
+        "clickItem": () => Promise<void>;
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * It determines whether or not the dropdown-item is destructive.
+          * @defaultValue false
+         */
+        "destructive": boolean;
+        /**
+          * It determines whether or not the dropdown-item is disabled.
+          * @defaultValue false
+         */
+        "disabled": boolean;
+        /**
+          * If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.
+         */
+        "href": string | undefined;
+    }
+    interface PdsDropdownMenuSeparator {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * It determines whether or not the dropdown-item is disabled.
+          * @defaultValue false
+         */
+        "disabled": boolean;
+    }
     interface PdsImage {
         /**
           * The image's alt tag. If none is provided, it will default to an empty string, which is desired for decorative images.
@@ -510,6 +609,10 @@ export namespace Components {
         "value"?: string | number | null;
     }
     interface PdsLink {
+        /**
+          * Sets the link color.
+         */
+        "color"?: string;
         /**
           * A unique identifier used for the underlying component `id` attribute.
          */
@@ -557,6 +660,46 @@ export namespace Components {
          */
         "variant": 'spinner' | 'typing';
     }
+    interface PdsModal {
+        /**
+          * Whether the modal can be dismissed by clicking the backdrop
+          * @default true
+         */
+        "backdropDismiss": boolean;
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * Closes the modal
+         */
+        "hideModal": () => Promise<void>;
+        /**
+          * Whether the modal is open
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Opens the modal
+         */
+        "showModal": () => Promise<void>;
+        /**
+          * The size of the modal
+          * @default 'md'
+         */
+        "size": 'sm' | 'md' | 'lg' | 'fullscreen';
+    }
+    interface PdsModalContent {
+        /**
+          * The border style for the content area. Automatically set based on available space of the modal content.
+          * @default 'none'
+         */
+        "border": 'none' | 'both' | 'top' | 'bottom';
+    }
+    interface PdsModalFooter {
+    }
+    interface PdsModalHeader {
+    }
     interface PdsPopover {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -1061,6 +1204,32 @@ export namespace Components {
          */
         "value"?: string | null;
     }
+    interface PdsToast {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        "dismiss": () => Promise<void>;
+        /**
+          * Whether the toast can be dismissed manually via the close button. Note: This only controls manual dismissal. Auto-dismissal via duration still applies.
+          * @default true
+         */
+        "dismissible": boolean;
+        /**
+          * The duration in milliseconds to show the toast before auto-dismissing. Set to 0 to disable auto-dismiss.
+          * @default 4500
+         */
+        "duration": number;
+        /**
+          * The name of the icon to display in the toast.
+         */
+        "icon"?: string;
+        /**
+          * The type of toast to display. - default: Grey background (default) - danger: Red background - loading: With spinner animation
+          * @default 'default'
+         */
+        "type": 'default' | 'danger' | 'loading';
+    }
     interface PdsTooltip {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -1116,6 +1285,14 @@ export namespace Components {
         "showTooltip": () => Promise<void>;
     }
 }
+export interface MockPdsModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMockPdsModalElement;
+}
+export interface PdsAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPdsAlertElement;
+}
 export interface PdsButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsButtonElement;
@@ -1132,10 +1309,18 @@ export interface PdsCopytextCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsCopytextElement;
 }
+export interface PdsDropdownMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPdsDropdownMenuItemElement;
+}
 export interface PdsInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsInputElement;
 }
+export interface PdsModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPdsModalElement;
+}
 export interface PdsRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsRadioElement;
@@ -1176,13 +1361,57 @@ export interface PdsTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsTextareaElement;
 }
+export interface PdsToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPdsToastElement;
+}
 declare global {
+    interface HTMLMockPdsModalElementEventMap {
+        "pdsModalOpen": any;
+        "pdsModalClose": any;
+        "pdsModalBackdropClick": any;
+    }
+    /**
+     * Mock PdsModal component for testing purposes
+     * This component mimics the real PdsModal but without using the Popover API
+     */
+    interface HTMLMockPdsModalElement extends Components.MockPdsModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLMockPdsModalElementEventMap>(type: K, listener: (this: HTMLMockPdsModalElement, ev: MockPdsModalCustomEvent<HTMLMockPdsModalElementEventMap[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 HTMLMockPdsModalElementEventMap>(type: K, listener: (this: HTMLMockPdsModalElement, ev: MockPdsModalCustomEvent<HTMLMockPdsModalElementEventMap[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 HTMLMockPdsModalElement: {
+        prototype: HTMLMockPdsModalElement;
+        new (): HTMLMockPdsModalElement;
+    };
     interface HTMLPdsAccordionElement extends Components.PdsAccordion, HTMLStencilElement {
     }
     var HTMLPdsAccordionElement: {
         prototype: HTMLPdsAccordionElement;
         new (): HTMLPdsAccordionElement;
     };
+    interface HTMLPdsAlertElementEventMap {
+        "pdsAlertDismissClick": void;
+    }
+    interface HTMLPdsAlertElement extends Components.PdsAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPdsAlertElementEventMap>(type: K, listener: (this: HTMLPdsAlertElement, ev: PdsAlertCustomEvent<HTMLPdsAlertElementEventMap[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 HTMLPdsAlertElementEventMap>(type: K, listener: (this: HTMLPdsAlertElement, ev: PdsAlertCustomEvent<HTMLPdsAlertElementEventMap[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 HTMLPdsAlertElement: {
+        prototype: HTMLPdsAlertElement;
+        new (): HTMLPdsAlertElement;
+    };
     interface HTMLPdsAvatarElement extends Components.PdsAvatar, HTMLStencilElement {
     }
     var HTMLPdsAvatarElement: {
@@ -1270,6 +1499,35 @@ declare global {
         prototype: HTMLPdsDividerElement;
         new (): HTMLPdsDividerElement;
     };
+    interface HTMLPdsDropdownMenuElement extends Components.PdsDropdownMenu, HTMLStencilElement {
+    }
+    var HTMLPdsDropdownMenuElement: {
+        prototype: HTMLPdsDropdownMenuElement;
+        new (): HTMLPdsDropdownMenuElement;
+    };
+    interface HTMLPdsDropdownMenuItemElementEventMap {
+        "pdsClick": {itemIndex: number, item: HTMLPdsDropdownMenuItemElement, content: string};
+    }
+    interface HTMLPdsDropdownMenuItemElement extends Components.PdsDropdownMenuItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPdsDropdownMenuItemElementEventMap>(type: K, listener: (this: HTMLPdsDropdownMenuItemElement, ev: PdsDropdownMenuItemCustomEvent<HTMLPdsDropdownMenuItemElementEventMap[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 HTMLPdsDropdownMenuItemElementEventMap>(type: K, listener: (this: HTMLPdsDropdownMenuItemElement, ev: PdsDropdownMenuItemCustomEvent<HTMLPdsDropdownMenuItemElementEventMap[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 HTMLPdsDropdownMenuItemElement: {
+        prototype: HTMLPdsDropdownMenuItemElement;
+        new (): HTMLPdsDropdownMenuItemElement;
+    };
+    interface HTMLPdsDropdownMenuSeparatorElement extends Components.PdsDropdownMenuSeparator, HTMLStencilElement {
+    }
+    var HTMLPdsDropdownMenuSeparatorElement: {
+        prototype: HTMLPdsDropdownMenuSeparatorElement;
+        new (): HTMLPdsDropdownMenuSeparatorElement;
+    };
     interface HTMLPdsImageElement extends Components.PdsImage, HTMLStencilElement {
     }
     var HTMLPdsImageElement: {
@@ -1308,6 +1566,42 @@ declare global {
         prototype: HTMLPdsLoaderElement;
         new (): HTMLPdsLoaderElement;
     };
+    interface HTMLPdsModalElementEventMap {
+        "pdsModalOpen": void;
+        "pdsModalClose": void;
+    }
+    interface HTMLPdsModalElement extends Components.PdsModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPdsModalElementEventMap>(type: K, listener: (this: HTMLPdsModalElement, ev: PdsModalCustomEvent<HTMLPdsModalElementEventMap[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 HTMLPdsModalElementEventMap>(type: K, listener: (this: HTMLPdsModalElement, ev: PdsModalCustomEvent<HTMLPdsModalElementEventMap[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 HTMLPdsModalElement: {
+        prototype: HTMLPdsModalElement;
+        new (): HTMLPdsModalElement;
+    };
+    interface HTMLPdsModalContentElement extends Components.PdsModalContent, HTMLStencilElement {
+    }
+    var HTMLPdsModalContentElement: {
+        prototype: HTMLPdsModalContentElement;
+        new (): HTMLPdsModalContentElement;
+    };
+    interface HTMLPdsModalFooterElement extends Components.PdsModalFooter, HTMLStencilElement {
+    }
+    var HTMLPdsModalFooterElement: {
+        prototype: HTMLPdsModalFooterElement;
+        new (): HTMLPdsModalFooterElement;
+    };
+    interface HTMLPdsModalHeaderElement extends Components.PdsModalHeader, HTMLStencilElement {
+    }
+    var HTMLPdsModalHeaderElement: {
+        prototype: HTMLPdsModalHeaderElement;
+        new (): HTMLPdsModalHeaderElement;
+    };
     interface HTMLPdsPopoverElement extends Components.PdsPopover, HTMLStencilElement {
     }
     var HTMLPdsPopoverElement: {
@@ -1536,6 +1830,23 @@ declare global {
         prototype: HTMLPdsTextareaElement;
         new (): HTMLPdsTextareaElement;
     };
+    interface HTMLPdsToastElementEventMap {
+        "pdsToastDismissed": { componentId?: string };
+    }
+    interface HTMLPdsToastElement extends Components.PdsToast, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPdsToastElementEventMap>(type: K, listener: (this: HTMLPdsToastElement, ev: PdsToastCustomEvent<HTMLPdsToastElementEventMap[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 HTMLPdsToastElementEventMap>(type: K, listener: (this: HTMLPdsToastElement, ev: PdsToastCustomEvent<HTMLPdsToastElementEventMap[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 HTMLPdsToastElement: {
+        prototype: HTMLPdsToastElement;
+        new (): HTMLPdsToastElement;
+    };
     interface HTMLPdsTooltipElement extends Components.PdsTooltip, HTMLStencilElement {
     }
     var HTMLPdsTooltipElement: {
@@ -1543,7 +1854,9 @@ declare global {
         new (): HTMLPdsTooltipElement;
     };
     interface HTMLElementTagNameMap {
+        "mock-pds-modal": HTMLMockPdsModalElement;
         "pds-accordion": HTMLPdsAccordionElement;
+        "pds-alert": HTMLPdsAlertElement;
         "pds-avatar": HTMLPdsAvatarElement;
         "pds-box": HTMLPdsBoxElement;
         "pds-button": HTMLPdsButtonElement;
@@ -1551,10 +1864,17 @@ declare global {
         "pds-chip": HTMLPdsChipElement;
         "pds-copytext": HTMLPdsCopytextElement;
         "pds-divider": HTMLPdsDividerElement;
+        "pds-dropdown-menu": HTMLPdsDropdownMenuElement;
+        "pds-dropdown-menu-item": HTMLPdsDropdownMenuItemElement;
+        "pds-dropdown-menu-separator": HTMLPdsDropdownMenuSeparatorElement;
         "pds-image": HTMLPdsImageElement;
         "pds-input": HTMLPdsInputElement;
         "pds-link": HTMLPdsLinkElement;
         "pds-loader": HTMLPdsLoaderElement;
+        "pds-modal": HTMLPdsModalElement;
+        "pds-modal-content": HTMLPdsModalContentElement;
+        "pds-modal-footer": HTMLPdsModalFooterElement;
+        "pds-modal-header": HTMLPdsModalHeaderElement;
         "pds-popover": HTMLPdsPopoverElement;
         "pds-progress": HTMLPdsProgressElement;
         "pds-radio": HTMLPdsRadioElement;
@@ -1574,10 +1894,45 @@ declare global {
         "pds-tabs": HTMLPdsTabsElement;
         "pds-text": HTMLPdsTextElement;
         "pds-textarea": HTMLPdsTextareaElement;
+        "pds-toast": HTMLPdsToastElement;
         "pds-tooltip": HTMLPdsTooltipElement;
     }
 }
 declare namespace LocalJSX {
+    /**
+     * Mock PdsModal component for testing purposes
+     * This component mimics the real PdsModal but without using the Popover API
+     */
+    interface MockPdsModal {
+        /**
+          * Whether the modal can be dismissed by clicking the backdrop
+         */
+        "backdropDismiss"?: boolean;
+        /**
+          * The ID of the modal component
+         */
+        "componentId"?: string;
+        /**
+          * Event emitted when the backdrop is clicked
+         */
+        "onPdsModalBackdropClick"?: (event: MockPdsModalCustomEvent<any>) => void;
+        /**
+          * Event emitted when the modal is closed
+         */
+        "onPdsModalClose"?: (event: MockPdsModalCustomEvent<any>) => void;
+        /**
+          * Event emitted when the modal is opened
+         */
+        "onPdsModalOpen"?: (event: MockPdsModalCustomEvent<any>) => void;
+        /**
+          * Whether the modal is open
+         */
+        "open"?: boolean;
+        /**
+          * The size of the modal
+         */
+        "size"?: 'sm' | 'md' | 'lg' | 'fullscreen';
+    }
     interface PdsAccordion {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -1590,6 +1945,34 @@ declare namespace LocalJSX {
          */
         "isOpen"?: boolean;
     }
+    interface PdsAlert {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId"?: string;
+        /**
+          * If true, shows the dismiss button. If false, the dismiss button is hidden.
+          * @defaultValue false
+         */
+        "dismissible"?: boolean;
+        /**
+          * Text displayed as the heading of the alert.
+         */
+        "heading"?: string;
+        /**
+          * Event emitted when the dismiss button is clicked.
+         */
+        "onPdsAlertDismissClick"?: (event: PdsAlertCustomEvent<void>) => void;
+        /**
+          * If true, the alert is displayed in a smaller size and description text is truncated. Heading is not displayed.
+         */
+        "small"?: boolean;
+        /**
+          * Sets the style variant of the alert.
+          * @defaultValue 'default'
+         */
+        "variant"?: 'default' | 'danger' | 'info' | 'success' | 'warning';
+    }
     interface PdsAvatar {
         /**
           * The alt for a custom user image.
@@ -1775,27 +2158,27 @@ declare namespace LocalJSX {
          */
         "shadow"?: BoxShadowSizeType;
         /**
-          * Size of the column for all screen sizes that are not explicitly set.
+          * Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.
          */
         "size"?: BoxColumnType;
         /**
-          * At screen sizes greater than the `LG` breakpoint, this will take the number of columns specified.
+          * At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.
          */
         "sizeLg"?: BoxColumnType;
         /**
-          * At screen sizes greater than the `MD` breakpoint, this will take the number of columns specified.
+          * At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.
          */
         "sizeMd"?: BoxColumnType;
         /**
-          * At screen sizes greater than the `SM` breakpoint, this will take the number of columns specified.
+          * At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.
          */
         "sizeSm"?: BoxColumnType;
         /**
-          * At screen sizes greater than the `XL` breakpoint, this will take the number of columns specified.
+          * At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.
          */
         "sizeXl"?: BoxColumnType;
         /**
-          * At screen sizes less than the `XS` breakpoint, this will take the number of columns specified.
+          * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.
          */
         "sizeXs"?: BoxColumnType;
     }
@@ -1986,6 +2369,51 @@ declare namespace LocalJSX {
          */
         "vertical"?: boolean;
     }
+    interface PdsDropdownMenu {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId"?: string;
+        /**
+          * The placement of the dropdown panel relative to the trigger.
+         */
+        "placement"?: PlacementType;
+    }
+    interface PdsDropdownMenuItem {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId"?: string;
+        /**
+          * It determines whether or not the dropdown-item is destructive.
+          * @defaultValue false
+         */
+        "destructive"?: boolean;
+        /**
+          * It determines whether or not the dropdown-item is disabled.
+          * @defaultValue false
+         */
+        "disabled"?: boolean;
+        /**
+          * If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.
+         */
+        "href"?: string | undefined;
+        /**
+          * Emitted when the dropdown-item is clicked.
+         */
+        "onPdsClick"?: (event: PdsDropdownMenuItemCustomEvent<{itemIndex: number, item: HTMLPdsDropdownMenuItemElement, content: string}>) => void;
+    }
+    interface PdsDropdownMenuSeparator {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId"?: string;
+        /**
+          * It determines whether or not the dropdown-item is disabled.
+          * @defaultValue false
+         */
+        "disabled"?: boolean;
+    }
     interface PdsImage {
         /**
           * The image's alt tag. If none is provided, it will default to an empty string, which is desired for decorative images.
@@ -2098,6 +2526,10 @@ declare namespace LocalJSX {
         "value"?: string | number | null;
     }
     interface PdsLink {
+        /**
+          * Sets the link color.
+         */
+        "color"?: string;
         /**
           * A unique identifier used for the underlying component `id` attribute.
          */
@@ -2145,6 +2577,46 @@ declare namespace LocalJSX {
          */
         "variant"?: 'spinner' | 'typing';
     }
+    interface PdsModal {
+        /**
+          * Whether the modal can be dismissed by clicking the backdrop
+          * @default true
+         */
+        "backdropDismiss"?: boolean;
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId"?: string;
+        /**
+          * Emitted when the modal is closed
+         */
+        "onPdsModalClose"?: (event: PdsModalCustomEvent<void>) => void;
+        /**
+          * Emitted when the modal is opened
+         */
+        "onPdsModalOpen"?: (event: PdsModalCustomEvent<void>) => void;
+        /**
+          * Whether the modal is open
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * The size of the modal
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md' | 'lg' | 'fullscreen';
+    }
+    interface PdsModalContent {
+        /**
+          * The border style for the content area. Automatically set based on available space of the modal content.
+          * @default 'none'
+         */
+        "border"?: 'none' | 'both' | 'top' | 'bottom';
+    }
+    interface PdsModalFooter {
+    }
+    interface PdsModalHeader {
+    }
     interface PdsPopover {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -2689,6 +3161,35 @@ declare namespace LocalJSX {
          */
         "value"?: string | null;
     }
+    interface PdsToast {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * Whether the toast can be dismissed manually via the close button. Note: This only controls manual dismissal. Auto-dismissal via duration still applies.
+          * @default true
+         */
+        "dismissible"?: boolean;
+        /**
+          * The duration in milliseconds to show the toast before auto-dismissing. Set to 0 to disable auto-dismiss.
+          * @default 4500
+         */
+        "duration"?: number;
+        /**
+          * The name of the icon to display in the toast.
+         */
+        "icon"?: string;
+        /**
+          * Event emitted when the toast is dismissed, either manually or automatically.
+         */
+        "onPdsToastDismissed"?: (event: PdsToastCustomEvent<{ componentId?: string }>) => void;
+        /**
+          * The type of toast to display. - default: Grey background (default) - danger: Red background - loading: With spinner animation
+          * @default 'default'
+         */
+        "type"?: 'default' | 'danger' | 'loading';
+    }
     interface PdsTooltip {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -2736,7 +3237,9 @@ declare namespace LocalJSX {
     | 'left-end';
     }
     interface IntrinsicElements {
+        "mock-pds-modal": MockPdsModal;
         "pds-accordion": PdsAccordion;
+        "pds-alert": PdsAlert;
         "pds-avatar": PdsAvatar;
         "pds-box": PdsBox;
         "pds-button": PdsButton;
@@ -2744,10 +3247,17 @@ declare namespace LocalJSX {
         "pds-chip": PdsChip;
         "pds-copytext": PdsCopytext;
         "pds-divider": PdsDivider;
+        "pds-dropdown-menu": PdsDropdownMenu;
+        "pds-dropdown-menu-item": PdsDropdownMenuItem;
+        "pds-dropdown-menu-separator": PdsDropdownMenuSeparator;
         "pds-image": PdsImage;
         "pds-input": PdsInput;
         "pds-link": PdsLink;
         "pds-loader": PdsLoader;
+        "pds-modal": PdsModal;
+        "pds-modal-content": PdsModalContent;
+        "pds-modal-footer": PdsModalFooter;
+        "pds-modal-header": PdsModalHeader;
         "pds-popover": PdsPopover;
         "pds-progress": PdsProgress;
         "pds-radio": PdsRadio;
@@ -2767,6 +3277,7 @@ declare namespace LocalJSX {
         "pds-tabs": PdsTabs;
         "pds-text": PdsText;
         "pds-textarea": PdsTextarea;
+        "pds-toast": PdsToast;
         "pds-tooltip": PdsTooltip;
     }
 }
@@ -2774,7 +3285,13 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            /**
+             * Mock PdsModal component for testing purposes
+             * This component mimics the real PdsModal but without using the Popover API
+             */
+            "mock-pds-modal": LocalJSX.MockPdsModal & JSXBase.HTMLAttributes<HTMLMockPdsModalElement>;
             "pds-accordion": LocalJSX.PdsAccordion & JSXBase.HTMLAttributes<HTMLPdsAccordionElement>;
+            "pds-alert": LocalJSX.PdsAlert & JSXBase.HTMLAttributes<HTMLPdsAlertElement>;
             "pds-avatar": LocalJSX.PdsAvatar & JSXBase.HTMLAttributes<HTMLPdsAvatarElement>;
             "pds-box": LocalJSX.PdsBox & JSXBase.HTMLAttributes<HTMLPdsBoxElement>;
             "pds-button": LocalJSX.PdsButton & JSXBase.HTMLAttributes<HTMLPdsButtonElement>;
@@ -2782,10 +3299,17 @@ declare module "@stencil/core" {
             "pds-chip": LocalJSX.PdsChip & JSXBase.HTMLAttributes<HTMLPdsChipElement>;
             "pds-copytext": LocalJSX.PdsCopytext & JSXBase.HTMLAttributes<HTMLPdsCopytextElement>;
             "pds-divider": LocalJSX.PdsDivider & JSXBase.HTMLAttributes<HTMLPdsDividerElement>;
+            "pds-dropdown-menu": LocalJSX.PdsDropdownMenu & JSXBase.HTMLAttributes<HTMLPdsDropdownMenuElement>;
+            "pds-dropdown-menu-item": LocalJSX.PdsDropdownMenuItem & JSXBase.HTMLAttributes<HTMLPdsDropdownMenuItemElement>;
+            "pds-dropdown-menu-separator": LocalJSX.PdsDropdownMenuSeparator & JSXBase.HTMLAttributes<HTMLPdsDropdownMenuSeparatorElement>;
             "pds-image": LocalJSX.PdsImage & JSXBase.HTMLAttributes<HTMLPdsImageElement>;
             "pds-input": LocalJSX.PdsInput & JSXBase.HTMLAttributes<HTMLPdsInputElement>;
             "pds-link": LocalJSX.PdsLink & JSXBase.HTMLAttributes<HTMLPdsLinkElement>;
             "pds-loader": LocalJSX.PdsLoader & JSXBase.HTMLAttributes<HTMLPdsLoaderElement>;
+            "pds-modal": LocalJSX.PdsModal & JSXBase.HTMLAttributes<HTMLPdsModalElement>;
+            "pds-modal-content": LocalJSX.PdsModalContent & JSXBase.HTMLAttributes<HTMLPdsModalContentElement>;
+            "pds-modal-footer": LocalJSX.PdsModalFooter & JSXBase.HTMLAttributes<HTMLPdsModalFooterElement>;
+            "pds-modal-header": LocalJSX.PdsModalHeader & JSXBase.HTMLAttributes<HTMLPdsModalHeaderElement>;
             "pds-popover": LocalJSX.PdsPopover & JSXBase.HTMLAttributes<HTMLPdsPopoverElement>;
             "pds-progress": LocalJSX.PdsProgress & JSXBase.HTMLAttributes<HTMLPdsProgressElement>;
             "pds-radio": LocalJSX.PdsRadio & JSXBase.HTMLAttributes<HTMLPdsRadioElement>;
@@ -2805,6 +3329,7 @@ declare module "@stencil/core" {
             "pds-tabs": LocalJSX.PdsTabs & JSXBase.HTMLAttributes<HTMLPdsTabsElement>;
             "pds-text": LocalJSX.PdsText & JSXBase.HTMLAttributes<HTMLPdsTextElement>;
             "pds-textarea": LocalJSX.PdsTextarea & JSXBase.HTMLAttributes<HTMLPdsTextareaElement>;
+            "pds-toast": LocalJSX.PdsToast & JSXBase.HTMLAttributes<HTMLPdsToastElement>;
             "pds-tooltip": LocalJSX.PdsTooltip & JSXBase.HTMLAttributes<HTMLPdsTooltipElement>;
         }
     }