@pine-ds/core 3.14.0 → 3.14.2-dev.0

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-01-15T23:29:36",
+  "timestamp": "2026-01-27T19:15:11",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -12418,6 +12418,7 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "pds-multiselect",
         "pds-table-head",
         "pds-table-row"
       ],
@@ -12428,6 +12429,9 @@
         "pds-checkbox": [
           "pds-icon"
         ],
+        "pds-multiselect": [
+          "pds-checkbox"
+        ],
         "pds-table-head": [
           "pds-checkbox"
         ],
@@ -15881,12 +15885,16 @@
         }
       ],
       "dependents": [
-        "pds-button"
+        "pds-button",
+        "pds-multiselect"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "pds-button": [
           "pds-loader"
+        ],
+        "pds-multiselect": [
+          "pds-loader"
         ]
       }
     },
@@ -15962,7 +15970,818 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": false,
-          "docs": "Whether the modal is open",
+          "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": "scrollable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "scrollable",
+          "reflectToAttr": false,
+          "docs": "Whether the modal content should be scrollable",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "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": true,
+          "attr": "border",
+          "reflectToAttr": true,
+          "docs": "The border style for the content area. When not explicitly set, automatically determined based on scroll state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
+          "values": [
+            {
+              "value": "both",
+              "type": "string"
+            },
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "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-multiselect/pds-multiselect.tsx",
+      "encapsulation": "shadow",
+      "tag": "pds-multiselect",
+      "readme": "# pds-multiselect\n\nA multiselect component that allows users to select multiple options from a searchable dropdown list. Selected items are displayed as removable chips in a Select2-style pillbox interface.\n\n## Features\n\n- **Pillbox UI**: Selected items appear as removable chips inside the input container\n- **Typeahead Search**: Filter options as you type\n- **Checkbox Options**: Clear selection state with real checkboxes in the dropdown\n- **Async Support**: Fetch options from a URL endpoint or manage data externally\n- **Infinite Scroll**: Automatic pagination when scrolling to the bottom\n- **Keyboard Navigation**: Full keyboard support for accessibility\n- **Form Integration**: Works with native forms and FormData\n",
+      "docs": "A multiselect component that allows users to select multiple options from a searchable dropdown list. Selected items are displayed as removable chips in a Select2-style pillbox interface.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "(default) - Static option elements for the multiselect"
+        },
+        {
+          "name": "slot",
+          "text": "empty - Custom empty state message when no options match"
+        },
+        {
+          "name": "slot",
+          "text": "loading - Custom loading indicator"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "asyncMethod",
+          "type": "\"GET\" | \"POST\"",
+          "complexType": {
+            "original": "'GET' | 'POST'",
+            "resolved": "\"GET\" | \"POST\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "async-method",
+          "reflectToAttr": false,
+          "docs": "HTTP method for async requests.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'GET'"
+            }
+          ],
+          "default": "'GET'",
+          "values": [
+            {
+              "value": "GET",
+              "type": "string"
+            },
+            {
+              "value": "POST",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "asyncUrl",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "async-url",
+          "reflectToAttr": false,
+          "docs": "URL endpoint for async data fetching.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "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": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "debounce",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "debounce",
+          "reflectToAttr": false,
+          "docs": "Debounce delay in milliseconds for search/fetch.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "300"
+            }
+          ],
+          "default": "300",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "Determines whether or not the multiselect is disabled.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "errorMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-message",
+          "reflectToAttr": false,
+          "docs": "Error message to display.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "formatResult",
+          "type": "(item: unknown) => MultiselectOption",
+          "complexType": {
+            "original": "(item: unknown) => MultiselectOption",
+            "resolved": "(item: unknown) => MultiselectOption",
+            "references": {
+              "MultiselectOption": {
+                "location": "import",
+                "path": "./multiselect-interface",
+                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectOption"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Function to format async results. Receives raw API response item.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(item: unknown) => MultiselectOption"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "helperMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "helper-message",
+          "reflectToAttr": false,
+          "docs": "Helper message to display below the input.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "hideLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hide-label",
+          "reflectToAttr": false,
+          "docs": "Visually hides the label but keeps it accessible.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": false,
+          "docs": "If true, the multiselect is in an invalid state.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Text to be displayed as the multiselect label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "loading",
+          "reflectToAttr": false,
+          "docs": "Whether the component is currently loading async options.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "maxHeight",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "max-height",
+          "reflectToAttr": false,
+          "docs": "Maximum height of the dropdown before scrolling.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'300px'"
+            }
+          ],
+          "default": "'300px'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "maxSelections",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "max-selections",
+          "reflectToAttr": false,
+          "docs": "Maximum number of selections allowed.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "minWidth",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "min-width",
+          "reflectToAttr": false,
+          "docs": "Minimum width of the dropdown panel.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'250px'"
+            }
+          ],
+          "default": "'250px'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "Specifies the name. Submitted with the form as part of a name/value pair.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "options",
+          "type": "MultiselectOption[]",
+          "complexType": {
+            "original": "MultiselectOption[]",
+            "resolved": "MultiselectOption[]",
+            "references": {
+              "MultiselectOption": {
+                "location": "import",
+                "path": "./multiselect-interface",
+                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectOption"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Options provided externally (for consumer-managed async).",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "MultiselectOption[]"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "panelWidth",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "panel-width",
+          "reflectToAttr": false,
+          "docs": "Width of the dropdown panel. Defaults to the trigger width.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "placeholder",
+          "reflectToAttr": false,
+          "docs": "Placeholder text for the input field.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Select...'"
+            }
+          ],
+          "default": "'Select...'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": false,
+          "docs": "If true, the multiselect is required.",
           "docsTags": [
             {
               "name": "default",
@@ -15981,27 +16800,27 @@
           "setter": false
         },
         {
-          "name": "scrollable",
-          "type": "boolean",
+          "name": "triggerWidth",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "scrollable",
+          "attr": "trigger-width",
           "reflectToAttr": false,
-          "docs": "Whether the modal content should be scrollable",
+          "docs": "Width of the trigger button (and reference for dropdown positioning).",
           "docsTags": [
             {
               "name": "default",
-              "text": "true"
+              "text": "'100%'"
             }
           ],
-          "default": "true",
+          "default": "'100%'",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -16010,40 +16829,26 @@
           "setter": false
         },
         {
-          "name": "size",
-          "type": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
+          "name": "value",
+          "type": "string[]",
           "complexType": {
-            "original": "'sm' | 'md' | 'lg' | 'fullscreen'",
-            "resolved": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
+            "original": "string[]",
+            "resolved": "string[]",
             "references": {}
           },
-          "mutable": false,
-          "attr": "size",
+          "mutable": true,
           "reflectToAttr": false,
-          "docs": "The size of the modal",
+          "docs": "Array of selected option values.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'md'"
+              "text": "[]"
             }
           ],
-          "default": "'md'",
+          "default": "[]",
           "values": [
             {
-              "value": "fullscreen",
-              "type": "string"
-            },
-            {
-              "value": "lg",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "sm",
-              "type": "string"
+              "type": "string[]"
             }
           ],
           "optional": false,
@@ -16054,7 +16859,7 @@
       ],
       "methods": [
         {
-          "name": "hideModal",
+          "name": "setFocus",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
@@ -16070,175 +16875,114 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "hideModal() => Promise<void>",
+          "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Closes the modal",
+          "docs": "Sets focus on the trigger button.",
           "docsTags": []
-        },
+        }
+      ],
+      "events": [
         {
-          "name": "showModal",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
+          "event": "pdsMultiselectChange",
+          "detail": "MultiselectChangeEventDetail",
+          "bubbles": true,
           "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
+            "original": "MultiselectChangeEventDetail",
+            "resolved": "MultiselectChangeEventDetail",
             "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
+              "MultiselectChangeEventDetail": {
+                "location": "import",
+                "path": "./multiselect-interface",
+                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectChangeEventDetail"
               }
-            },
-            "return": "Promise<void>"
+            }
           },
-          "signature": "showModal() => Promise<void>",
-          "parameters": [],
-          "docs": "Opens the modal",
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when selection changes.",
           "docsTags": []
-        }
-      ],
-      "events": [
+        },
         {
-          "event": "pdsModalClose",
-          "detail": "void",
+          "event": "pdsMultiselectLoadOptions",
+          "detail": "MultiselectLoadOptionsEventDetail",
           "bubbles": true,
           "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
+            "original": "MultiselectLoadOptionsEventDetail",
+            "resolved": "MultiselectLoadOptionsEventDetail",
+            "references": {
+              "MultiselectLoadOptionsEventDetail": {
+                "location": "import",
+                "path": "./multiselect-interface",
+                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectLoadOptionsEventDetail"
+              }
+            }
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when the modal is closed",
+          "docs": "Emitted to request more options (pagination).",
           "docsTags": []
         },
         {
-          "event": "pdsModalOpen",
-          "detail": "void",
+          "event": "pdsMultiselectSearch",
+          "detail": "MultiselectSearchEventDetail",
           "bubbles": true,
           "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
+            "original": "MultiselectSearchEventDetail",
+            "resolved": "MultiselectSearchEventDetail",
+            "references": {
+              "MultiselectSearchEventDetail": {
+                "location": "import",
+                "path": "./multiselect-interface",
+                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectSearchEventDetail"
+              }
+            }
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when the modal is opened",
+          "docs": "Emitted on search input (for consumer-managed async).",
           "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": [
+      "listeners": [
         {
-          "name": "border",
-          "type": "\"both\" | \"bottom\" | \"none\" | \"top\"",
-          "complexType": {
-            "original": "'none' | 'both' | 'top' | 'bottom'",
-            "resolved": "\"both\" | \"bottom\" | \"none\" | \"top\"",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "border",
-          "reflectToAttr": true,
-          "docs": "The border style for the content area. When not explicitly set, automatically determined based on scroll state.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'none'"
-            }
-          ],
-          "default": "'none'",
-          "values": [
-            {
-              "value": "both",
-              "type": "string"
-            },
-            {
-              "value": "bottom",
-              "type": "string"
-            },
-            {
-              "value": "none",
-              "type": "string"
-            },
-            {
-              "value": "top",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
+          "event": "keydown",
+          "target": "window",
+          "capture": false,
+          "passive": false
         }
       ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "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": [],
+      "slots": [
+        {
+          "name": "(default)",
+          "docs": "Static option elements for the multiselect"
+        },
+        {
+          "name": "empty",
+          "docs": "Custom empty state message when no options match"
+        },
+        {
+          "name": "loading",
+          "docs": "Custom loading indicator"
+        }
+      ],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "pds-icon",
+        "pds-loader",
+        "pds-checkbox"
+      ],
+      "dependencyGraph": {
+        "pds-multiselect": [
+          "pds-icon",
+          "pds-loader",
+          "pds-checkbox"
+        ],
+        "pds-checkbox": [
+          "pds-icon"
+        ]
+      }
     },
     {
       "filePath": "src/components/pds-popover/pds-popover.tsx",
@@ -19915,6 +20659,28 @@
         }
       ],
       "methods": [
+        {
+          "name": "clearActiveSort",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "clearActiveSort() => Promise<void>",
+          "parameters": [],
+          "docs": "Clears the active sort state from this column.\nUsed internally when another column becomes active.",
+          "docsTags": []
+        },
         {
           "name": "setActiveSort",
           "returns": {
@@ -21913,6 +22679,26 @@
       "docstring": "",
       "path": "src/components/pds-input/input-interface.ts"
     },
+    "src/components/pds-multiselect/multiselect-interface.ts::MultiselectOption": {
+      "declaration": "export interface MultiselectOption {\n  id: string | number;\n  text: string;\n  [key: string]: unknown;\n}",
+      "docstring": "",
+      "path": "src/components/pds-multiselect/multiselect-interface.ts"
+    },
+    "src/components/pds-multiselect/multiselect-interface.ts::MultiselectChangeEventDetail": {
+      "declaration": "export interface MultiselectChangeEventDetail {\n  values: string[];\n  items: MultiselectOption[];\n}",
+      "docstring": "",
+      "path": "src/components/pds-multiselect/multiselect-interface.ts"
+    },
+    "src/components/pds-multiselect/multiselect-interface.ts::MultiselectSearchEventDetail": {
+      "declaration": "export interface MultiselectSearchEventDetail {\n  query: string;\n}",
+      "docstring": "",
+      "path": "src/components/pds-multiselect/multiselect-interface.ts"
+    },
+    "src/components/pds-multiselect/multiselect-interface.ts::MultiselectLoadOptionsEventDetail": {
+      "declaration": "export interface MultiselectLoadOptionsEventDetail {\n  query: string;\n  page: number;\n}",
+      "docstring": "",
+      "path": "src/components/pds-multiselect/multiselect-interface.ts"
+    },
     "src/components/pds-popover/popover-interface.ts::PdsPopoverEventDetail": {
       "declaration": "export interface PdsPopoverEventDetail {\n  componentId: string;\n  popoverType: 'auto' | 'manual';\n}",
       "docstring": "",