@pine-ds/core 3.14.2 → 3.15.1

package/dist/types/components.d.ts

@@ -9,9 +9,10 @@ import { BoxColumnType, BoxShadowSizeType, BoxSpacingType } from "./utils/types"
 import { Event } from "./stencil-public-runtime";
 import { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
 import { ChipSentimentType, ChipVariantType, PlacementType } from "./utils/types";
+import { ComboboxLoadOptionsEventDetail, ComboboxOption, ComboboxSearchEventDetail } from "./components/pds-combobox/combobox-interface";
 import { PdsFilterClearEventDetail, PdsFilterCloseEventDetail, PdsFilterOpenEventDetail, PdsFilterVariant } from "./components/pds-filters/pds-filter/filter-interface";
 import { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
-import { MultiselectChangeEventDetail, MultiselectLoadOptionsEventDetail, MultiselectOption, MultiselectSearchEventDetail } from "./components/pds-multiselect/multiselect-interface";
+import { MultiselectChangeEventDetail, MultiselectCreateEventDetail, MultiselectLoadOptionsEventDetail, MultiselectOption, MultiselectSearchEventDetail } from "./components/pds-multiselect/multiselect-interface";
 import { PdsPopoverEventDetail } from "./components/pds-popover/popover-interface";
 import { RadioGroupChangeEventDetail } from "./components/pds-radio-group/radio-group-interface";
 import { SortableEvent } from "sortablejs";
@@ -20,9 +21,10 @@ export { BoxColumnType, BoxShadowSizeType, BoxSpacingType } from "./utils/types"
 export { Event } from "./stencil-public-runtime";
 export { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
 export { ChipSentimentType, ChipVariantType, PlacementType } from "./utils/types";
+export { ComboboxLoadOptionsEventDetail, ComboboxOption, ComboboxSearchEventDetail } from "./components/pds-combobox/combobox-interface";
 export { PdsFilterClearEventDetail, PdsFilterCloseEventDetail, PdsFilterOpenEventDetail, PdsFilterVariant } from "./components/pds-filters/pds-filter/filter-interface";
 export { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
-export { MultiselectChangeEventDetail, MultiselectLoadOptionsEventDetail, MultiselectOption, MultiselectSearchEventDetail } from "./components/pds-multiselect/multiselect-interface";
+export { MultiselectChangeEventDetail, MultiselectCreateEventDetail, MultiselectLoadOptionsEventDetail, MultiselectOption, MultiselectSearchEventDetail } from "./components/pds-multiselect/multiselect-interface";
 export { PdsPopoverEventDetail } from "./components/pds-popover/popover-interface";
 export { RadioGroupChangeEventDetail } from "./components/pds-radio-group/radio-group-interface";
 export { SortableEvent } from "sortablejs";
@@ -841,6 +843,18 @@ export namespace Components {
           * @defaultValue false
          */
         "large": boolean;
+        /**
+          * HTTP method to use for the remove action. Adds data-method and data-turbo-method attributes for Rails/Turbo compatibility. Only applies when removeUrl is provided.
+         */
+        "removeHttpMethod"?: 'get' | 'post' | 'put' | 'patch' | 'delete';
+        /**
+          * Specifies where to open the linked document when removeUrl is provided. Only applies when removeUrl is set.
+         */
+        "removeTarget"?: '_blank' | '_self' | '_parent' | '_top';
+        /**
+          * URL to navigate to when the remove button is clicked. When provided, renders the close button as a link instead of a button. Only applies to tag variant.
+         */
+        "removeUrl"?: string;
         /**
           * Defines the color scheme of the chip.
           * @defaultValue 'neutral'
@@ -853,6 +867,15 @@ export namespace Components {
         "variant": ChipVariantType;
     }
     interface PdsCombobox {
+        /**
+          * HTTP method for async requests.
+          * @default 'GET'
+         */
+        "asyncMethod": 'GET' | 'POST';
+        /**
+          * URL endpoint for async data fetching.
+         */
+        "asyncUrl"?: string;
         /**
           * Whether a dot should be displayed on the chip trigger.
           * @default false
@@ -886,6 +909,11 @@ export namespace Components {
           * @default false
          */
         "customTriggerContent": boolean;
+        /**
+          * Debounce delay in milliseconds for search/fetch.
+          * @default 300
+         */
+        "debounce": number;
         /**
           * If true, the combobox is disabled.
           * @default false
@@ -901,6 +929,15 @@ export namespace Components {
           * @default '236px'
          */
         "dropdownWidth": string;
+        /**
+          * Timeout in milliseconds for async fetch requests.
+          * @default 30000
+         */
+        "fetchTimeout": number;
+        /**
+          * Function to format async results. Receives raw API response item.
+         */
+        "formatResult"?: (item: unknown) => ComboboxOption;
         /**
           * Gets the value of the currently selected option.
          */
@@ -914,6 +951,11 @@ export namespace Components {
           * Text to be displayed as the combobox label.
          */
         "label"?: string;
+        /**
+          * Whether the component is currently loading async options.
+          * @default false
+         */
+        "loading": boolean;
         /**
           * Maximum height of the dropdown. Can be any valid CSS height value (e.g., '200px', '10rem'). When content exceeds this height, the dropdown will scroll.
          */
@@ -927,6 +969,10 @@ export namespace Components {
           * The name of the form control. Submitted with the form as part of a name/value pair.
          */
         "name"?: string;
+        /**
+          * Options provided externally (for consumer-managed async).
+         */
+        "options"?: ComboboxOption[];
         /**
           * Placeholder text for the input field.
          */
@@ -1026,10 +1072,20 @@ export namespace Components {
           * @defaultValue false
          */
         "disabled": boolean;
+        /**
+          * Determines whether the link should open in a new tab and display an external icon. This is a simpler alternative to using `target="_blank"` for the common case.
+          * @defaultValue false
+         */
+        "external": boolean;
         /**
           * If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.
          */
         "href": string | undefined;
+        /**
+          * Specifies where to open the linked document when href is provided. Takes precedence over the `external` prop if both are set. Only applies when href is set.
+          * @defaultValue undefined
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
     }
     interface PdsDropdownMenuSeparator {
         /**
@@ -1229,6 +1285,7 @@ export namespace Components {
         /**
           * Determines whether the link should open in a new tab.
           * @defaultValue false
+          * @deprecated Consider using the `target` prop for more control. This prop will be maintained for backward compatibility.
          */
         "external": boolean;
         /**
@@ -1240,6 +1297,12 @@ export namespace Components {
           * The hyperlink's destination URL. If no text is provided in the custom slot, the href will be used.
          */
         "href": string;
+        /**
+          * Specifies where to open the linked document.
+          * @defaultValue undefined
+          * @example <pds-link href="https://example.com" target="_blank">Opens in new tab</pds-link>
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
         /**
           * Sets the link variant styles.
           * @defaultValue inline
@@ -1332,6 +1395,14 @@ export namespace Components {
           * A unique identifier used for the underlying component `id` attribute.
          */
         "componentId": string;
+        /**
+          * URL endpoint for creating new options. When set, shows "Add" option when no matches found.
+         */
+        "createUrl"?: string;
+        /**
+          * CSRF token for authenticated requests. If not provided, attempts to read from meta tag.
+         */
+        "csrfToken"?: string;
         /**
           * Debounce delay in milliseconds for search/fetch.
           * @default 300
@@ -1346,6 +1417,11 @@ export namespace Components {
           * Error message to display.
          */
         "errorMessage"?: string;
+        /**
+          * Timeout in milliseconds for async fetch requests.
+          * @default 30000
+         */
+        "fetchTimeout": number;
         /**
           * Function to format async results. Receives raw API response item.
          */
@@ -2373,6 +2449,8 @@ declare global {
     };
     interface HTMLPdsComboboxElementEventMap {
         "pdsComboboxChange": { value: string };
+        "pdsComboboxSearch": ComboboxSearchEventDetail;
+        "pdsComboboxLoadOptions": ComboboxLoadOptionsEventDetail;
     }
     interface HTMLPdsComboboxElement extends Components.PdsCombobox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsComboboxElementEventMap>(type: K, listener: (this: HTMLPdsComboboxElement, ev: PdsComboboxCustomEvent<HTMLPdsComboboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2550,6 +2628,7 @@ declare global {
         "pdsMultiselectChange": MultiselectChangeEventDetail;
         "pdsMultiselectSearch": MultiselectSearchEventDetail;
         "pdsMultiselectLoadOptions": MultiselectLoadOptionsEventDetail;
+        "pdsMultiselectCreate": MultiselectCreateEventDetail;
     }
     interface HTMLPdsMultiselectElement extends Components.PdsMultiselect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsMultiselectElementEventMap>(type: K, listener: (this: HTMLPdsMultiselectElement, ev: PdsMultiselectCustomEvent<HTMLPdsMultiselectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3738,6 +3817,18 @@ declare namespace LocalJSX {
           * Event emitted when the close button is clicked on a tag variant chip.
          */
         "onPdsTagCloseClick"?: (event: PdsChipCustomEvent<void>) => void;
+        /**
+          * HTTP method to use for the remove action. Adds data-method and data-turbo-method attributes for Rails/Turbo compatibility. Only applies when removeUrl is provided.
+         */
+        "removeHttpMethod"?: 'get' | 'post' | 'put' | 'patch' | 'delete';
+        /**
+          * Specifies where to open the linked document when removeUrl is provided. Only applies when removeUrl is set.
+         */
+        "removeTarget"?: '_blank' | '_self' | '_parent' | '_top';
+        /**
+          * URL to navigate to when the remove button is clicked. When provided, renders the close button as a link instead of a button. Only applies to tag variant.
+         */
+        "removeUrl"?: string;
         /**
           * Defines the color scheme of the chip.
           * @defaultValue 'neutral'
@@ -3750,6 +3841,15 @@ declare namespace LocalJSX {
         "variant"?: ChipVariantType;
     }
     interface PdsCombobox {
+        /**
+          * HTTP method for async requests.
+          * @default 'GET'
+         */
+        "asyncMethod"?: 'GET' | 'POST';
+        /**
+          * URL endpoint for async data fetching.
+         */
+        "asyncUrl"?: string;
         /**
           * Whether a dot should be displayed on the chip trigger.
           * @default false
@@ -3783,6 +3883,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "customTriggerContent"?: boolean;
+        /**
+          * Debounce delay in milliseconds for search/fetch.
+          * @default 300
+         */
+        "debounce"?: number;
         /**
           * If true, the combobox is disabled.
           * @default false
@@ -3798,6 +3903,15 @@ declare namespace LocalJSX {
           * @default '236px'
          */
         "dropdownWidth"?: string;
+        /**
+          * Timeout in milliseconds for async fetch requests.
+          * @default 30000
+         */
+        "fetchTimeout"?: number;
+        /**
+          * Function to format async results. Receives raw API response item.
+         */
+        "formatResult"?: (item: unknown) => ComboboxOption;
         /**
           * Visually hides the label text for instances where only the combobox should be displayed. Label remains accessible to assistive technology such as screen readers.
           * @default false
@@ -3807,6 +3921,11 @@ declare namespace LocalJSX {
           * Text to be displayed as the combobox label.
          */
         "label"?: string;
+        /**
+          * Whether the component is currently loading async options.
+          * @default false
+         */
+        "loading"?: boolean;
         /**
           * Maximum height of the dropdown. Can be any valid CSS height value (e.g., '200px', '10rem'). When content exceeds this height, the dropdown will scroll.
          */
@@ -3824,6 +3943,18 @@ declare namespace LocalJSX {
           * Emitted when the value changes.
          */
         "onPdsComboboxChange"?: (event: PdsComboboxCustomEvent<{ value: string }>) => void;
+        /**
+          * Emitted to request more options (pagination).
+         */
+        "onPdsComboboxLoadOptions"?: (event: PdsComboboxCustomEvent<ComboboxLoadOptionsEventDetail>) => void;
+        /**
+          * Emitted on search input (for consumer-managed async).
+         */
+        "onPdsComboboxSearch"?: (event: PdsComboboxCustomEvent<ComboboxSearchEventDetail>) => void;
+        /**
+          * Options provided externally (for consumer-managed async).
+         */
+        "options"?: ComboboxOption[];
         /**
           * Placeholder text for the input field.
          */
@@ -3919,6 +4050,11 @@ declare namespace LocalJSX {
           * @defaultValue false
          */
         "disabled"?: boolean;
+        /**
+          * Determines whether the link should open in a new tab and display an external icon. This is a simpler alternative to using `target="_blank"` for the common case.
+          * @defaultValue false
+         */
+        "external"?: boolean;
         /**
           * If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.
          */
@@ -3927,6 +4063,11 @@ declare namespace LocalJSX {
           * Emitted when the dropdown-item is clicked.
          */
         "onPdsClick"?: (event: PdsDropdownMenuItemCustomEvent<{itemIndex: number, item: HTMLPdsDropdownMenuItemElement, content: string}>) => void;
+        /**
+          * Specifies where to open the linked document when href is provided. Takes precedence over the `external` prop if both are set. Only applies when href is set.
+          * @defaultValue undefined
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
     }
     interface PdsDropdownMenuSeparator {
         /**
@@ -4146,6 +4287,7 @@ declare namespace LocalJSX {
         /**
           * Determines whether the link should open in a new tab.
           * @defaultValue false
+          * @deprecated Consider using the `target` prop for more control. This prop will be maintained for backward compatibility.
          */
         "external"?: boolean;
         /**
@@ -4157,6 +4299,12 @@ declare namespace LocalJSX {
           * The hyperlink's destination URL. If no text is provided in the custom slot, the href will be used.
          */
         "href": string;
+        /**
+          * Specifies where to open the linked document.
+          * @defaultValue undefined
+          * @example <pds-link href="https://example.com" target="_blank">Opens in new tab</pds-link>
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
         /**
           * Sets the link variant styles.
           * @defaultValue inline
@@ -4249,6 +4397,14 @@ declare namespace LocalJSX {
           * A unique identifier used for the underlying component `id` attribute.
          */
         "componentId": string;
+        /**
+          * URL endpoint for creating new options. When set, shows "Add" option when no matches found.
+         */
+        "createUrl"?: string;
+        /**
+          * CSRF token for authenticated requests. If not provided, attempts to read from meta tag.
+         */
+        "csrfToken"?: string;
         /**
           * Debounce delay in milliseconds for search/fetch.
           * @default 300
@@ -4263,6 +4419,11 @@ declare namespace LocalJSX {
           * Error message to display.
          */
         "errorMessage"?: string;
+        /**
+          * Timeout in milliseconds for async fetch requests.
+          * @default 30000
+         */
+        "fetchTimeout"?: number;
         /**
           * Function to format async results. Receives raw API response item.
          */
@@ -4311,6 +4472,10 @@ declare namespace LocalJSX {
           * Emitted when selection changes.
          */
         "onPdsMultiselectChange"?: (event: PdsMultiselectCustomEvent<MultiselectChangeEventDetail>) => void;
+        /**
+          * Emitted when a new option is created.
+         */
+        "onPdsMultiselectCreate"?: (event: PdsMultiselectCustomEvent<MultiselectCreateEventDetail>) => void;
         /**
           * Emitted to request more options (pagination).
          */

package/dist/vscode.html-data.json

@@ -7003,6 +7003,58 @@
             "value": "Determines whether the chip should be displayed in a larger size.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "remove-http-method",
+          "description": {
+            "kind": "markdown",
+            "value": "HTTP method to use for the remove action.\nAdds data-method and data-turbo-method attributes for Rails/Turbo compatibility.\nOnly applies when removeUrl is provided.\n\n**Type:** `\"delete\" | \"get\" | \"patch\" | \"post\" | \"put\"`"
+          },
+          "values": [
+            {
+              "name": "delete"
+            },
+            {
+              "name": "get"
+            },
+            {
+              "name": "patch"
+            },
+            {
+              "name": "post"
+            },
+            {
+              "name": "put"
+            }
+          ]
+        },
+        {
+          "name": "remove-target",
+          "description": {
+            "kind": "markdown",
+            "value": "Specifies where to open the linked document when removeUrl is provided.\nOnly applies when removeUrl is set.\n\n**Type:** `\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`"
+          },
+          "values": [
+            {
+              "name": "_blank"
+            },
+            {
+              "name": "_parent"
+            },
+            {
+              "name": "_self"
+            },
+            {
+              "name": "_top"
+            }
+          ]
+        },
+        {
+          "name": "remove-url",
+          "description": {
+            "kind": "markdown",
+            "value": "URL to navigate to when the remove button is clicked.\nWhen provided, renders the close button as a link instead of a button.\nOnly applies to tag variant."
+          }
+        },
         {
           "name": "sentiment",
           "description": {
@@ -7063,9 +7115,31 @@
       "name": "pds-combobox",
       "description": {
         "kind": "markdown",
-        "value": "A combobox is a text input with a dropdown list of options, allowing users to filter and select from a list. It is useful for searchable selects and autocomplete scenarios.\n\n**Slots:**\n- `option` - Option elements for the combobox dropdown\n- `trigger-content` - Custom content for the button trigger when customTriggerContent is true\n\n**CSS Parts:**\n- `button-trigger` - No description\n- `chip-trigger` - No description\n- `input` - No description\n\n**Events:**\n- `pdsComboboxChange` - Emitted when the value changes."
+        "value": "A combobox is a text input with a dropdown list of options, allowing users to filter and select from a list. It is useful for searchable selects and autocomplete scenarios.\n\n**Slots:**\n- `empty` - Custom empty state message when no options match\n- `loading` - Custom loading indicator\n- `option` - Option elements for the combobox dropdown\n- `trigger-content` - Custom content for the button trigger when customTriggerContent is true\n\n**CSS Parts:**\n- `button-trigger` - No description\n- `chip-trigger` - No description\n- `input` - No description\n\n**Events:**\n- `pdsComboboxChange` - Emitted when the value changes.\n- `pdsComboboxLoadOptions` - Emitted to request more options (pagination).\n- `pdsComboboxSearch` - Emitted on search input (for consumer-managed async)."
       },
       "attributes": [
+        {
+          "name": "async-method",
+          "description": {
+            "kind": "markdown",
+            "value": "HTTP method for async requests.\n\n**Type:** `\"GET\" | \"POST\"`\n\n**Default:** `'GET'`"
+          },
+          "values": [
+            {
+              "name": "GET"
+            },
+            {
+              "name": "POST"
+            }
+          ]
+        },
+        {
+          "name": "async-url",
+          "description": {
+            "kind": "markdown",
+            "value": "URL endpoint for async data fetching."
+          }
+        },
         {
           "name": "chip-dot",
           "description": {
@@ -7138,6 +7212,13 @@
             "value": "Enable custom layout content for the button trigger via the trigger-content slot.\nWhen true, uses slot content for initial state but updates dynamically with selected option layout.\n⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "debounce",
+          "description": {
+            "kind": "markdown",
+            "value": "Debounce delay in milliseconds for search/fetch.\n\n**Type:** `number`\n\n**Default:** `300`"
+          }
+        },
         {
           "name": "disabled",
           "description": {
@@ -7173,6 +7254,13 @@
             "value": "Width of the dropdown. Any valid CSS width value.\n\n**Default:** `'236px'`"
           }
         },
+        {
+          "name": "fetch-timeout",
+          "description": {
+            "kind": "markdown",
+            "value": "Timeout in milliseconds for async fetch requests.\n\n**Type:** `number`\n\n**Default:** `30000`"
+          }
+        },
         {
           "name": "hide-label",
           "description": {
@@ -7187,6 +7275,13 @@
             "value": "Text to be displayed as the combobox label."
           }
         },
+        {
+          "name": "loading",
+          "description": {
+            "kind": "markdown",
+            "value": "Whether the component is currently loading async options.\n\n**Default:** `false`"
+          }
+        },
         {
           "name": "max-height",
           "description": {
@@ -7397,7 +7492,7 @@
       "name": "pds-dropdown-menu",
       "description": {
         "kind": "markdown",
-        "value": "\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#default), [With Separator](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-separator), [With Links](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-links), [With Disabled Items](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-disabled-items), [With Custom Placement](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-custom-placement), [Scrollable Menu](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#scrollable-menu)\n\n**CSS Parts:**\n- `menu-panel` - Exposes the dropdown menu container for styling."
+        "value": "\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#default), [With Separator](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-separator), [With Icons](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-icons), [With Links](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-links), [With External Links](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-external-links), [With Disabled Items](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-disabled-items), [With Custom Placement](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-custom-placement), [Scrollable Menu](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#scrollable-menu)\n\n**CSS Parts:**\n- `menu-panel` - Exposes the dropdown menu container for styling."
       },
       "attributes": [
         {
@@ -7488,12 +7583,40 @@
             "value": "It determines whether or not the dropdown-item is disabled.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "external",
+          "description": {
+            "kind": "markdown",
+            "value": "Determines whether the link should open in a new tab and display an external icon.\nThis is a simpler alternative to using `target=\"_blank\"` for the common case.\n\n**Default:** `false`"
+          }
+        },
         {
           "name": "href",
           "description": {
             "kind": "markdown",
             "value": "If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button."
           }
+        },
+        {
+          "name": "target",
+          "description": {
+            "kind": "markdown",
+            "value": "Specifies where to open the linked document when href is provided.\nTakes precedence over the `external` prop if both are set.\nOnly applies when href is set.\n\n**Type:** `\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`"
+          },
+          "values": [
+            {
+              "name": "_blank"
+            },
+            {
+              "name": "_parent"
+            },
+            {
+              "name": "_self"
+            },
+            {
+              "name": "_top"
+            }
+          ]
         }
       ],
       "references": [
@@ -7870,7 +7993,7 @@
       "name": "pds-link",
       "description": {
         "kind": "markdown",
-        "value": "A hyperlink is used as a navigational element to direct users to another location on the website or application.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#default), [Colors](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#colors), [Plain](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#plain), [External](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#external), [Font Size](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#font-size), [Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#custom-slot-text), [No Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#no-custom-slot-text)\n\n**Slots:**\n- `(default)` - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback.\n\n**CSS Parts:**\n- `link` - Link element styles."
+        "value": "A hyperlink is used as a navigational element to direct users to another location on the website or application.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#default), [Colors](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#colors), [Plain](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#plain), [External](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#external), [Target](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#target), [Font Size](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#font-size), [Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#custom-slot-text), [No Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#no-custom-slot-text)\n\n**Slots:**\n- `(default)` - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback.\n\n**CSS Parts:**\n- `link` - Link element styles."
       },
       "attributes": [
         {
@@ -7891,7 +8014,7 @@
           "name": "external",
           "description": {
             "kind": "markdown",
-            "value": "Determines whether the link should open in a new tab.\n\n**Default:** `false`"
+            "value": "Determines whether the link should open in a new tab.\n\n**Default:** `false`\n\n⚠️ **Deprecated:** Consider using the `target` prop for more control. This prop will be maintained for backward compatibility."
           }
         },
         {
@@ -7919,6 +8042,27 @@
             "value": "The hyperlink's destination URL. If no text is provided in the custom slot, the href will be used."
           }
         },
+        {
+          "name": "target",
+          "description": {
+            "kind": "markdown",
+            "value": "Specifies where to open the linked document.\n\n**Type:** `\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`"
+          },
+          "values": [
+            {
+              "name": "_blank"
+            },
+            {
+              "name": "_parent"
+            },
+            {
+              "name": "_self"
+            },
+            {
+              "name": "_top"
+            }
+          ]
+        },
         {
           "name": "variant",
           "description": {
@@ -8125,7 +8269,7 @@
       "name": "pds-multiselect",
       "description": {
         "kind": "markdown",
-        "value": "The multiselect component allows users to select multiple options from a searchable dropdown list. It displays the selected count in the trigger and shows a searchable list of options in a dropdown panel.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#default), [With Preselected Values](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-preselected-values), [Max Selections](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#max-selections), [Custom Widths](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#custom-widths), [Async with URL](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#async-with-url), [Consumer-Managed Async](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#consumer-managed-async), [With Error State](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-error-state)\n\n**Slots:**\n- `(default)` - Static option elements for the multiselect\n- `empty` - Custom empty state message when no options match\n- `loading` - Custom loading indicator\n\n**Events:**\n- `pdsMultiselectChange` - Emitted when selection changes.\n- `pdsMultiselectLoadOptions` - Emitted to request more options (pagination).\n- `pdsMultiselectSearch` - Emitted on search input (for consumer-managed async)."
+        "value": "The multiselect component allows users to select multiple options from a searchable dropdown list. It displays the selected count in the trigger and shows a searchable list of options in a dropdown panel.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#default), [With Preselected Values](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-preselected-values), [Max Selections](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#max-selections), [Custom Widths](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#custom-widths), [Async with URL](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#async-with-url), [Consumer-Managed Async](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#consumer-managed-async), [With Error State](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-error-state), [With Create Option](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-create-option)\n\n**Slots:**\n- `(default)` - Static option elements for the multiselect\n- `empty` - Custom empty state message when no options match\n- `loading` - Custom loading indicator\n\n**Events:**\n- `pdsMultiselectChange` - Emitted when selection changes.\n- `pdsMultiselectCreate` - Emitted when a new option is created.\n- `pdsMultiselectLoadOptions` - Emitted to request more options (pagination).\n- `pdsMultiselectSearch` - Emitted on search input (for consumer-managed async)."
       },
       "attributes": [
         {
@@ -8157,6 +8301,20 @@
             "value": "A unique identifier used for the underlying component `id` attribute."
           }
         },
+        {
+          "name": "create-url",
+          "description": {
+            "kind": "markdown",
+            "value": "URL endpoint for creating new options. When set, shows \"Add\" option when no matches found."
+          }
+        },
+        {
+          "name": "csrf-token",
+          "description": {
+            "kind": "markdown",
+            "value": "CSRF token for authenticated requests. If not provided, attempts to read from meta tag."
+          }
+        },
         {
           "name": "debounce",
           "description": {
@@ -8178,6 +8336,13 @@
             "value": "Error message to display."
           }
         },
+        {
+          "name": "fetch-timeout",
+          "description": {
+            "kind": "markdown",
+            "value": "Timeout in milliseconds for async fetch requests.\n\n**Type:** `number`\n\n**Default:** `30000`"
+          }
+        },
         {
           "name": "helper-message",
           "description": {