@pine-ds/core 3.0.3 → 3.2.0

package/dist/docs.json

@@ -1,11 +1,227 @@
 {
-  "timestamp": "2025-04-29T15:45:15",
+  "timestamp": "2025-06-06T16:11:04",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.28.2",
     "typescriptVersion": "5.5.4"
   },
   "components": [
+    {
+      "filePath": "src/components/pds-modal/test/mock-pds-modal.tsx",
+      "encapsulation": "none",
+      "tag": "mock-pds-modal",
+      "readme": "# mock-pds-modal\n\n\n",
+      "docs": "Mock PdsModal component for testing purposes\nThis component mimics the real PdsModal but without using the Popover API",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "backdropDismiss",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "backdrop-dismiss",
+          "reflectToAttr": false,
+          "docs": "Whether the modal can be dismissed by clicking the backdrop",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "componentId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "component-id",
+          "reflectToAttr": false,
+          "docs": "The ID of the modal component",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": false,
+          "docs": "Whether the modal is open",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "'sm' | 'md' | 'lg' | 'fullscreen'",
+            "resolved": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "The size of the modal",
+          "docsTags": [],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "fullscreen",
+              "type": "string"
+            },
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "hideModal",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "hideModal() => Promise<void>",
+          "parameters": [],
+          "docs": "Hides the modal",
+          "docsTags": []
+        },
+        {
+          "name": "showModal",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "showModal() => Promise<void>",
+          "parameters": [],
+          "docs": "Shows the modal",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "pdsModalBackdropClick",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the backdrop is clicked",
+          "docsTags": []
+        },
+        {
+          "event": "pdsModalClose",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the modal is closed",
+          "docsTags": []
+        },
+        {
+          "event": "pdsModalOpen",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the modal is opened",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/pds-accordion/pds-accordion.tsx",
       "encapsulation": "shadow",
@@ -125,50 +341,44 @@
       }
     },
     {
-      "filePath": "src/components/pds-avatar/pds-avatar.tsx",
+      "filePath": "src/components/pds-alert/pds-alert.tsx",
       "encapsulation": "shadow",
-      "tag": "pds-avatar",
-      "readme": "# pds-avatar\n\n\n",
+      "tag": "pds-alert",
+      "readme": "# pds-alert\n\n\n",
       "docs": "",
       "docsTags": [
         {
-          "name": "part",
-          "text": "image - The main image element that represents the avatar component."
+          "name": "slot",
+          "text": "actions - Slot for alert actions."
         }
       ],
       "usage": {},
       "props": [
         {
-          "name": "alt",
+          "name": "componentId",
           "type": "string",
           "complexType": {
-            "original": "string | null",
+            "original": "string",
             "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "alt",
+          "attr": "component-id",
           "reflectToAttr": false,
-          "docs": "The alt for a custom user image.",
-          "docsTags": [
-            {
-              "name": "defaultValue",
-              "text": "null"
-            }
-          ],
-          "default": "null",
+          "docs": "A unique identifier used for the underlying component `id` attribute.",
+          "docsTags": [],
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "badge",
+          "name": "dismissible",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -176,9 +386,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "badge",
+          "attr": "dismissible",
           "reflectToAttr": false,
-          "docs": "Determines whether the badge is visible or not.",
+          "docs": "If true, shows the dismiss button. If false, the dismiss button is hidden.",
           "docsTags": [
             {
               "name": "defaultValue",
@@ -191,13 +401,13 @@
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "componentId",
+          "name": "heading",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -205,9 +415,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "component-id",
+          "attr": "heading",
           "reflectToAttr": false,
-          "docs": "A unique identifier used for the underlying component `id` attribute.",
+          "docs": "Text displayed as the heading of the alert.",
           "docsTags": [],
           "values": [
             {
@@ -220,7 +430,7 @@
           "setter": false
         },
         {
-          "name": "dropdown",
+          "name": "small",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -228,60 +438,266 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "dropdown",
+          "attr": "small",
           "reflectToAttr": false,
-          "docs": "Determines whether the avatar functions as a dropdown trigger.",
-          "docsTags": [
-            {
-              "name": "defaultValue",
-              "text": "false"
-            }
-          ],
+          "docs": "If true, the alert is displayed in a smaller size and description text is truncated. Heading is not displayed.",
+          "docsTags": [],
           "default": "false",
           "values": [
             {
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "image",
-          "type": "string",
+          "name": "variant",
+          "type": "\"danger\" | \"default\" | \"info\" | \"success\" | \"warning\"",
           "complexType": {
-            "original": "string | null",
-            "resolved": "string",
+            "original": "'default' | 'danger' | 'info' | 'success' | 'warning'",
+            "resolved": "\"danger\" | \"default\" | \"info\" | \"success\" | \"warning\"",
             "references": {}
           },
           "mutable": false,
-          "attr": "image",
+          "attr": "variant",
           "reflectToAttr": false,
-          "docs": "The src for a custom user image.",
+          "docs": "Sets the style variant of the alert.",
           "docsTags": [
             {
               "name": "defaultValue",
-              "text": "null"
+              "text": "'default'"
             }
           ],
-          "default": "null",
+          "default": "'default'",
           "values": [
             {
+              "value": "danger",
               "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "size",
-          "type": "string",
-          "complexType": {
-            "original": "| 'xl' // 64px\n  | 'lg' // 56px\n  | 'md' // 40px\n  | 'sm' // 32px\n  | 'xs' // 24px\n  | string",
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "pdsAlertDismissClick",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the dismiss button is clicked.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "actions",
+          "docs": "Slot for alert actions."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "pds-box",
+        "pds-text",
+        "pds-icon"
+      ],
+      "dependencyGraph": {
+        "pds-alert": [
+          "pds-box",
+          "pds-text",
+          "pds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/pds-avatar/pds-avatar.tsx",
+      "encapsulation": "shadow",
+      "tag": "pds-avatar",
+      "readme": "# pds-avatar\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "part",
+          "text": "image - The main image element that represents the avatar component."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "alt",
+          "type": "string",
+          "complexType": {
+            "original": "string | null",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "alt",
+          "reflectToAttr": false,
+          "docs": "The alt for a custom user image.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "badge",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "badge",
+          "reflectToAttr": false,
+          "docs": "Determines whether the badge is visible or not.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "componentId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "component-id",
+          "reflectToAttr": false,
+          "docs": "A unique identifier used for the underlying component `id` attribute.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dropdown",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "dropdown",
+          "reflectToAttr": false,
+          "docs": "Determines whether the avatar functions as a dropdown trigger.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "complexType": {
+            "original": "string | null",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "image",
+          "reflectToAttr": false,
+          "docs": "The src for a custom user image.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "complexType": {
+            "original": "| 'xl' // 64px\n  | 'lg' // 56px\n  | 'md' // 40px\n  | 'sm' // 32px\n  | 'xs' // 24px\n  | string",
             "resolved": "string",
             "references": {}
           },
@@ -2010,7 +2426,7 @@
           "mutable": false,
           "attr": "size",
           "reflectToAttr": false,
-          "docs": "Size of the column for all screen sizes that are not explicitly set.",
+          "docs": "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.",
           "docsTags": [],
           "values": [
             {
@@ -2088,7 +2504,7 @@
           "mutable": false,
           "attr": "size-lg",
           "reflectToAttr": false,
-          "docs": "At screen sizes greater than the `LG` breakpoint, this will take the number of columns specified.",
+          "docs": "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.",
           "docsTags": [],
           "values": [
             {
@@ -2166,7 +2582,7 @@
           "mutable": false,
           "attr": "size-md",
           "reflectToAttr": false,
-          "docs": "At screen sizes greater than the `MD` breakpoint, this will take the number of columns specified.",
+          "docs": "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.",
           "docsTags": [],
           "values": [
             {
@@ -2244,7 +2660,7 @@
           "mutable": false,
           "attr": "size-sm",
           "reflectToAttr": false,
-          "docs": "At screen sizes greater than the `SM` breakpoint, this will take the number of columns specified.",
+          "docs": "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.",
           "docsTags": [],
           "values": [
             {
@@ -2322,7 +2738,7 @@
           "mutable": false,
           "attr": "size-xl",
           "reflectToAttr": false,
-          "docs": "At screen sizes greater than the `XL` breakpoint, this will take the number of columns specified.",
+          "docs": "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.",
           "docsTags": [],
           "values": [
             {
@@ -2400,7 +2816,7 @@
           "mutable": false,
           "attr": "size-xs",
           "reflectToAttr": false,
-          "docs": "At screen sizes less than the `XS` breakpoint, this will take the number of columns specified.",
+          "docs": "At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.",
           "docsTags": [],
           "values": [
             {
@@ -2468,9 +2884,19 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "pds-alert",
+        "pds-dropdown-menu"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "pds-alert": [
+          "pds-box"
+        ],
+        "pds-dropdown-menu": [
+          "pds-box"
+        ]
+      }
     },
     {
       "filePath": "src/components/pds-button/pds-button.tsx",
@@ -2498,6 +2924,18 @@
         {
           "name": "part",
           "text": "icon - Exposes the icon component for styling."
+        },
+        {
+          "name": "slot",
+          "text": "(default) - Button text."
+        },
+        {
+          "name": "slot",
+          "text": "start - Content to display before the button text."
+        },
+        {
+          "name": "slot",
+          "text": "end - Content to display after the button text."
         }
       ],
       "usage": {},
@@ -2617,14 +3055,19 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Displays an icon in the button.",
+          "docs": "Displays a leading icon in the button. DEPRECATED.",
           "docsTags": [
             {
               "name": "defaultValue",
               "text": "null"
+            },
+            {
+              "name": "deprecated",
+              "text": "Use `start` slot instead."
             }
           ],
           "default": "null",
+          "deprecation": "Use `start` slot instead.",
           "values": [
             {
               "type": "string"
@@ -2878,7 +3321,20 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "(default)",
+          "docs": "Button text."
+        },
+        {
+          "name": "end",
+          "docs": "Content to display after the button text."
+        },
+        {
+          "name": "start",
+          "docs": "Content to display before the button text."
+        }
+      ],
       "parts": [
         {
           "name": "button",
@@ -3387,65 +3843,509 @@
           "default": "'neutral'",
           "values": [
             {
-              "value": "accent",
+              "value": "accent",
+              "type": "string"
+            },
+            {
+              "value": "danger",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "neutral",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"dropdown\" | \"tag\" | \"text\"",
+          "complexType": {
+            "original": "'text' | 'tag' | 'dropdown'",
+            "resolved": "\"dropdown\" | \"tag\" | \"text\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "Sets the style variant of the chip.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "'text'"
+            }
+          ],
+          "default": "'text'",
+          "values": [
+            {
+              "value": "dropdown",
+              "type": "string"
+            },
+            {
+              "value": "tag",
+              "type": "string"
+            },
+            {
+              "value": "text",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "pdsTagCloseClick",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the close button is clicked on a tag variant chip.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "(default)",
+          "docs": "The chip's label text."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "pds-icon"
+      ],
+      "dependencyGraph": {
+        "pds-chip": [
+          "pds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/pds-copytext/pds-copytext.tsx",
+      "encapsulation": "shadow",
+      "tag": "pds-copytext",
+      "readme": "# pds-copytext\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "border",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "border",
+          "reflectToAttr": true,
+          "docs": "Determines whether `copytext` should have a visible border.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "componentId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "component-id",
+          "reflectToAttr": false,
+          "docs": "A unique identifier used for the underlying component `id` attribute.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "fullWidth",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "full-width",
+          "reflectToAttr": false,
+          "docs": "Determines whether `copytext` should expand to the full width of its container.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "truncate",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "truncate",
+          "reflectToAttr": false,
+          "docs": "Determines whether the `value` should truncate and display with an ellipsis.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "The string displayed that is also copied to the clipboard upon interaction.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "pdsCopyTextClick",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when copyText button is clicked.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "pds-button",
+        "pds-icon"
+      ],
+      "dependencyGraph": {
+        "pds-copytext": [
+          "pds-button",
+          "pds-icon"
+        ],
+        "pds-button": [
+          "pds-icon",
+          "pds-loader"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/pds-divider/pds-divider.tsx",
+      "encapsulation": "shadow",
+      "tag": "pds-divider",
+      "readme": "# pds-divider\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "componentId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "component-id",
+          "reflectToAttr": false,
+          "docs": "A unique identifier used for the underlying component `id` attribute.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "offset",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+          "complexType": {
+            "original": "'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'",
+            "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "offset",
+          "reflectToAttr": false,
+          "docs": "Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xl",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            },
+            {
+              "value": "xxl",
+              "type": "string"
+            },
+            {
+              "value": "xxs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "vertical",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "vertical",
+          "reflectToAttr": false,
+          "docs": "Sets divider to display vertically.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/pds-dropdown-menu/pds-dropdown-menu.tsx",
+      "encapsulation": "shadow",
+      "tag": "pds-dropdown-menu",
+      "readme": "# pds-dropdown\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "componentId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "component-id",
+          "reflectToAttr": false,
+          "docs": "A unique identifier used for the underlying component `id` attribute.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "placement",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+          "complexType": {
+            "original": "PlacementType",
+            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+            "references": {
+              "PlacementType": {
+                "location": "import",
+                "path": "@utils/types",
+                "id": "src/utils/types.ts::PlacementType"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "placement",
+          "reflectToAttr": false,
+          "docs": "The placement of the dropdown panel relative to the trigger.",
+          "docsTags": [],
+          "default": "'bottom-start'",
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "bottom-end",
+              "type": "string"
+            },
+            {
+              "value": "bottom-start",
               "type": "string"
             },
             {
-              "value": "danger",
+              "value": "left",
               "type": "string"
             },
             {
-              "value": "info",
+              "value": "left-end",
               "type": "string"
             },
             {
-              "value": "neutral",
+              "value": "left-start",
               "type": "string"
             },
             {
-              "value": "success",
+              "value": "right",
               "type": "string"
             },
             {
-              "value": "warning",
+              "value": "right-end",
               "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "variant",
-          "type": "\"dropdown\" | \"tag\" | \"text\"",
-          "complexType": {
-            "original": "'text' | 'tag' | 'dropdown'",
-            "resolved": "\"dropdown\" | \"tag\" | \"text\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "variant",
-          "reflectToAttr": false,
-          "docs": "Sets the style variant of the chip.",
-          "docsTags": [
+            },
             {
-              "name": "defaultValue",
-              "text": "'text'"
-            }
-          ],
-          "default": "'text'",
-          "values": [
+              "value": "right-start",
+              "type": "string"
+            },
             {
-              "value": "dropdown",
+              "value": "top",
               "type": "string"
             },
             {
-              "value": "tag",
+              "value": "top-end",
               "type": "string"
             },
             {
-              "value": "text",
+              "value": "top-start",
               "type": "string"
             }
           ],
@@ -3456,79 +4356,43 @@
         }
       ],
       "methods": [],
-      "events": [
+      "events": [],
+      "listeners": [
         {
-          "event": "pdsTagCloseClick",
-          "detail": "any",
-          "bubbles": true,
-          "complexType": {
-            "original": "any",
-            "resolved": "any",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event emitted when the close button is clicked on a tag variant chip.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
+          "event": "keydown",
+          "target": "window",
+          "capture": false,
+          "passive": false
+        },
         {
-          "name": "(default)",
-          "docs": "The chip's label text."
+          "event": "click",
+          "target": "window",
+          "capture": false,
+          "passive": false
         }
       ],
+      "styles": [],
+      "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "pds-icon"
+        "pds-box"
       ],
       "dependencyGraph": {
-        "pds-chip": [
-          "pds-icon"
+        "pds-dropdown-menu": [
+          "pds-box"
         ]
       }
     },
     {
-      "filePath": "src/components/pds-copytext/pds-copytext.tsx",
+      "filePath": "src/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.tsx",
       "encapsulation": "shadow",
-      "tag": "pds-copytext",
-      "readme": "# pds-copytext\n\n\n",
+      "tag": "pds-dropdown-menu-item",
+      "readme": "# pds-dropdown-item\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "border",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "border",
-          "reflectToAttr": true,
-          "docs": "Determines whether `copytext` should have a visible border.",
-          "docsTags": [
-            {
-              "name": "defaultValue",
-              "text": "true"
-            }
-          ],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "componentId",
           "type": "string",
@@ -3553,7 +4417,7 @@
           "setter": false
         },
         {
-          "name": "fullWidth",
+          "name": "destructive",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -3561,9 +4425,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "full-width",
+          "attr": "destructive",
           "reflectToAttr": false,
-          "docs": "Determines whether `copytext` should expand to the full width of its container.",
+          "docs": "It determines whether or not the dropdown-item is destructive.",
           "docsTags": [
             {
               "name": "defaultValue",
@@ -3582,7 +4446,7 @@
           "setter": false
         },
         {
-          "name": "truncate",
+          "name": "disabled",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -3590,9 +4454,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "truncate",
+          "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "Determines whether the `value` should truncate and display with an ellipsis.",
+          "docs": "It determines whether or not the dropdown-item is disabled.",
           "docsTags": [
             {
               "name": "defaultValue",
@@ -3611,17 +4475,17 @@
           "setter": false
         },
         {
-          "name": "value",
+          "name": "href",
           "type": "string",
           "complexType": {
-            "original": "string",
+            "original": "string | undefined",
             "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "value",
+          "attr": "href",
           "reflectToAttr": false,
-          "docs": "The string displayed that is also copied to the clipboard upon interaction.",
+          "docs": "If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.",
           "docsTags": [],
           "values": [
             {
@@ -3629,25 +4493,53 @@
             }
           ],
           "optional": false,
-          "required": true,
+          "required": false,
           "getter": false,
           "setter": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "clickItem",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "clickItem() => Promise<void>",
+          "parameters": [],
+          "docs": "Trigger the click event",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
-          "event": "pdsCopyTextClick",
-          "detail": "any",
+          "event": "pdsClick",
+          "detail": "{ itemIndex: number; item: HTMLPdsDropdownMenuItemElement; content: string; }",
           "bubbles": true,
           "complexType": {
-            "original": "any",
-            "resolved": "any",
-            "references": {}
+            "original": "{itemIndex: number, item: HTMLPdsDropdownMenuItemElement, content: string}",
+            "resolved": "{ itemIndex: number; item: HTMLPdsDropdownMenuItemElement; content: string; }",
+            "references": {
+              "HTMLPdsDropdownMenuItemElement": {
+                "location": "global",
+                "id": "global::HTMLPdsDropdownMenuItemElement"
+              }
+            }
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when copyText button is clicked.",
+          "docs": "Emitted when the dropdown-item is clicked.",
           "docsTags": []
         }
       ],
@@ -3657,25 +4549,22 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "pds-button",
-        "pds-icon"
+        "pds-link"
       ],
       "dependencyGraph": {
-        "pds-copytext": [
-          "pds-button",
-          "pds-icon"
+        "pds-dropdown-menu-item": [
+          "pds-link"
         ],
-        "pds-button": [
-          "pds-icon",
-          "pds-loader"
+        "pds-link": [
+          "pds-icon"
         ]
       }
     },
     {
-      "filePath": "src/components/pds-divider/pds-divider.tsx",
+      "filePath": "src/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.tsx",
       "encapsulation": "shadow",
-      "tag": "pds-divider",
-      "readme": "# pds-divider\n\n\n",
+      "tag": "pds-dropdown-menu-separator",
+      "readme": "# pds-dropdown-item\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -3704,55 +4593,7 @@
           "setter": false
         },
         {
-          "name": "offset",
-          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
-          "complexType": {
-            "original": "'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'",
-            "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "offset",
-          "reflectToAttr": false,
-          "docs": "Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "lg",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "sm",
-              "type": "string"
-            },
-            {
-              "value": "xl",
-              "type": "string"
-            },
-            {
-              "value": "xs",
-              "type": "string"
-            },
-            {
-              "value": "xxl",
-              "type": "string"
-            },
-            {
-              "value": "xxs",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "vertical",
+          "name": "disabled",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -3760,9 +4601,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "vertical",
+          "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "Sets divider to display vertically.",
+          "docs": "It determines whether or not the dropdown-item is disabled.",
           "docsTags": [
             {
               "name": "defaultValue",
@@ -4489,13 +5330,36 @@
           "name": "part",
           "text": "link - Link element styles."
         },
-        {
-          "name": "slot",
-          "text": "(default) - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback."
-        }
-      ],
-      "usage": {},
-      "props": [
+        {
+          "name": "slot",
+          "text": "(default) - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "Sets the link color.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "componentId",
           "type": "string",
@@ -4660,13 +5524,18 @@
           "docs": "Link element styles."
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "pds-dropdown-menu-item"
+      ],
       "dependencies": [
         "pds-icon"
       ],
       "dependencyGraph": {
         "pds-link": [
           "pds-icon"
+        ],
+        "pds-dropdown-menu-item": [
+          "pds-link"
         ]
       }
     },
@@ -4772,11 +5641,305 @@
           "default": "'spinner'",
           "values": [
             {
-              "value": "spinner",
+              "value": "spinner",
+              "type": "string"
+            },
+            {
+              "value": "typing",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "label",
+          "docs": "Default slot for Loader label text."
+        }
+      ],
+      "parts": [],
+      "dependents": [
+        "pds-button"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "pds-button": [
+          "pds-loader"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/pds-modal/pds-modal.tsx",
+      "encapsulation": "none",
+      "tag": "pds-modal",
+      "readme": "# pds-modal\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "backdropDismiss",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "backdrop-dismiss",
+          "reflectToAttr": false,
+          "docs": "Whether the modal can be dismissed by clicking the backdrop",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "componentId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "component-id",
+          "reflectToAttr": false,
+          "docs": "A unique identifier used for the underlying component `id` attribute.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": false,
+          "docs": "Whether the modal is open",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "'sm' | 'md' | 'lg' | 'fullscreen'",
+            "resolved": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "The size of the modal",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "fullscreen",
+              "type": "string"
+            },
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "hideModal",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "hideModal() => Promise<void>",
+          "parameters": [],
+          "docs": "Closes the modal",
+          "docsTags": []
+        },
+        {
+          "name": "showModal",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "showModal() => Promise<void>",
+          "parameters": [],
+          "docs": "Opens the modal",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "pdsModalClose",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the modal is closed",
+          "docsTags": []
+        },
+        {
+          "event": "pdsModalOpen",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the modal is opened",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/pds-modal/pds-modal-content/pds-modal-content.tsx",
+      "encapsulation": "none",
+      "tag": "pds-modal-content",
+      "readme": "# pds-modal-content\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "border",
+          "type": "\"both\" | \"bottom\" | \"none\" | \"top\"",
+          "complexType": {
+            "original": "'none' | 'both' | 'top' | 'bottom'",
+            "resolved": "\"both\" | \"bottom\" | \"none\" | \"top\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "border",
+          "reflectToAttr": true,
+          "docs": "The border style for the content area. Automatically set based on available space of the modal content.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
+          "values": [
+            {
+              "value": "both",
               "type": "string"
             },
             {
-              "value": "typing",
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "top",
               "type": "string"
             }
           ],
@@ -4790,22 +5953,49 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [
-        {
-          "name": "label",
-          "docs": "Default slot for Loader label text."
-        }
-      ],
+      "slots": [],
       "parts": [],
-      "dependents": [
-        "pds-button"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "pds-button": [
-          "pds-loader"
-        ]
-      }
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/pds-modal/pds-modal-footer/pds-modal-footer.tsx",
+      "encapsulation": "none",
+      "tag": "pds-modal-footer",
+      "readme": "# pds-modal-footer\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/pds-modal/pds-modal-header/pds-modal-header.tsx",
+      "encapsulation": "none",
+      "tag": "pds-modal-header",
+      "readme": "# pds-modal-header\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/pds-popover/pds-popover.tsx",
@@ -7777,7 +8967,7 @@
           },
           "mutable": false,
           "attr": "truncate",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "If set or `true`, the text will be truncated. Must add a `width` to the element.",
           "docsTags": [],
           "values": [
@@ -7841,9 +9031,15 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "pds-alert"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "pds-alert": [
+          "pds-text"
+        ]
+      }
     },
     {
       "filePath": "src/components/pds-textarea/pds-textarea.tsx",
@@ -8322,8 +9518,214 @@
       }
     },
     {
-      "filePath": "src/components/pds-tooltip/pds-tooltip.tsx",
+      "filePath": "src/components/pds-toast/pds-toast.tsx",
       "encapsulation": "shadow",
+      "tag": "pds-toast",
+      "readme": "# pds-toast\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "componentId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "component-id",
+          "reflectToAttr": false,
+          "docs": "A unique identifier used for the underlying component `id` attribute.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dismissible",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "dismissible",
+          "reflectToAttr": false,
+          "docs": "Whether the toast can be dismissed manually via the close button.\nNote: This only controls manual dismissal. Auto-dismissal via duration still applies.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "duration",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "duration",
+          "reflectToAttr": false,
+          "docs": "The duration in milliseconds to show the toast before auto-dismissing.\nSet to 0 to disable auto-dismiss.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "4500"
+            }
+          ],
+          "default": "4500",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": false,
+          "docs": "The name of the icon to display in the toast.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "type",
+          "type": "\"danger\" | \"default\" | \"loading\"",
+          "complexType": {
+            "original": "'default' | 'danger' | 'loading'",
+            "resolved": "\"danger\" | \"default\" | \"loading\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "The type of toast to display.\n- default: Grey background (default)\n- danger: Red background\n- loading: With spinner animation",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'default'"
+            }
+          ],
+          "default": "'default'",
+          "values": [
+            {
+              "value": "danger",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "dismiss",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "dismiss() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "pdsToastDismissed",
+          "detail": "{ componentId?: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ componentId?: string }",
+            "resolved": "{ componentId?: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the toast is dismissed, either manually or automatically.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "pds-icon"
+      ],
+      "dependencyGraph": {
+        "pds-toast": [
+          "pds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/pds-tooltip/pds-tooltip.tsx",
+      "encapsulation": "none",
       "tag": "pds-tooltip",
       "readme": "# pds-tooltip\n\n\n",
       "docs": "",
@@ -8662,6 +10064,11 @@
       "docstring": "",
       "path": "src/components/pds-checkbox/checkbox-interface.ts"
     },
+    "src/utils/types.ts::PlacementType": {
+      "declaration": "export type PlacementType =\n  | 'top-start'\n  | 'top'\n  | 'top-end'\n  | 'left-start'\n  | 'left'\n  | 'left-end'\n  | 'right-start'\n  | 'right'\n  | 'right-end'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-end';",
+      "docstring": "",
+      "path": "src/utils/types.ts"
+    },
     "src/components/pds-input/input-interface.ts::InputChangeEventDetail": {
       "declaration": "export interface InputChangeEventDetail {\n  value?: string | number | null;\n  event?: Event;\n}",
       "docstring": "",
@@ -8672,11 +10079,6 @@
       "docstring": "",
       "path": "src/components/pds-input/input-interface.ts"
     },
-    "src/utils/types.ts::PlacementType": {
-      "declaration": "export type PlacementType =\n  | 'top-start'\n  | 'top'\n  | 'top-end'\n  | 'left-start'\n  | 'left'\n  | 'left-end'\n  | 'right-start'\n  | 'right'\n  | 'right-end'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-end';",
-      "docstring": "",
-      "path": "src/utils/types.ts"
-    },
     "src/components/pds-textarea/textarea-interface.ts::TextareaInputEventDetail": {
       "declaration": "export interface TextareaInputEventDetail {\n  event?: Event;\n  value?: string | null;\n}",
       "docstring": "",