@pine-ds/core 3.17.0 → 3.19.0

package/dist/types/components.d.ts

@@ -8,7 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 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 { ChipSentimentType, ChipSizeType, 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";
@@ -20,7 +20,7 @@ import { TextareaChangeEventDetail, TextareaInputEventDetail } from "./component
 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 { ChipSentimentType, ChipSizeType, 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";
@@ -719,7 +719,11 @@ export namespace Components {
           * Determines the button's disabled state.
           * @defaultValue false
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download. Only applies when href is set.
+         */
+        "download"?: string;
         /**
           * Determines if the button should take up the full width of its container.
           * @defaultValue false
@@ -839,8 +843,9 @@ export namespace Components {
          */
         "icon"?: string;
         /**
-          * Determines whether the chip should be displayed in a larger size.
+          * Determines whether the chip should be displayed in a larger size. DEPRECATED.
           * @defaultValue false
+          * @deprecated Use `size` prop instead. Set `size="lg"` for the large variant.
          */
         "large": boolean;
         /**
@@ -860,6 +865,11 @@ export namespace Components {
           * @defaultValue 'neutral'
          */
         "sentiment": ChipSentimentType;
+        /**
+          * Sets the size of the chip.
+          * @defaultValue 'md'
+         */
+        "size"?: ChipSizeType;
         /**
           * Sets the style variant of the chip. Note: This prop is ignored when sentiment is 'brand'.
           * @defaultValue 'text'
@@ -1018,7 +1028,7 @@ export namespace Components {
          */
         "fullWidth": boolean;
         /**
-          * Determines whether the `value` should truncate and display with an ellipsis.
+          * Determines whether the `value` should truncate and display with an ellipsis. When text overflows, a tooltip showing the full value will appear on hover/focus.
           * @defaultValue false
          */
         "truncate": boolean;
@@ -1072,6 +1082,10 @@ export namespace Components {
           * @defaultValue false
          */
         "disabled": boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download. Only applies when href is set.
+         */
+        "download"?: string;
         /**
           * 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
@@ -1282,6 +1296,10 @@ export namespace Components {
           * A unique identifier used for the underlying component `id` attribute.
          */
         "componentId": string;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download.
+         */
+        "download"?: string;
         /**
           * Determines whether the link should open in a new tab.
           * @defaultValue false
@@ -1391,6 +1409,15 @@ export namespace Components {
           * URL endpoint for async data fetching.
          */
         "asyncUrl"?: string;
+        /**
+          * Clears all selected values and resets the component.
+         */
+        "clear": () => Promise<void>;
+        /**
+          * Whether to close the panel after an option is selected. Defaults to `false` (panel stays open for multi-select).
+          * @default false
+         */
+        "closePanelOnSelect": boolean;
         /**
           * A unique identifier used for the underlying component `id` attribute.
          */
@@ -1494,6 +1521,11 @@ export namespace Components {
           * @default false
          */
         "required": boolean;
+        /**
+          * Placeholder text for the search input inside the dropdown panel.
+          * @default 'Find...'
+         */
+        "searchPlaceholder": string;
         /**
           * Sets focus on the trigger button.
          */
@@ -1912,6 +1944,11 @@ export namespace Components {
           * @defaultValue 'asc'
          */
         "defaultSortDirection"?: 'asc' | 'desc';
+        /**
+          * Hides the select-all checkbox in the table header while keeping individual row checkboxes functional. Only applies when `selectable` is true.
+          * @defaultValue false
+         */
+        "disableSelectAll": boolean;
         /**
           * Determines if the should display a fixed first column.
          */
@@ -1938,7 +1975,7 @@ export namespace Components {
          */
         "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
-          * Truncates content to a max width of 100px and adds an ellipsis.
+          * Truncates content to a max width and adds an ellipsis. When text overflows, a tooltip showing the full text will appear on hover/focus. Note: When truncate is enabled, the element automatically receives tabindex="0" for keyboard accessibility.
          */
         "truncate": boolean;
     }
@@ -2083,7 +2120,7 @@ export namespace Components {
   | 'strong'
   | 'em';
         /**
-          * If set or `true`, the text will be truncated. Must add a `width` to the element.
+          * If set or `true`, the text will be truncated. Must add a `width` to the element. When text overflows, a tooltip showing the full text will appear on hover/focus. Note: When truncate is enabled, the element automatically receives tabindex="0" for keyboard accessibility.
          */
         "truncate"?: boolean;
         /**
@@ -2639,6 +2676,7 @@ declare global {
         "pdsMultiselectSearch": MultiselectSearchEventDetail;
         "pdsMultiselectLoadOptions": MultiselectLoadOptionsEventDetail;
         "pdsMultiselectCreate": MultiselectCreateEventDetail;
+        "pdsMultiselectDismiss": void;
     }
     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;
@@ -2802,7 +2840,6 @@ declare global {
         new (): HTMLPdsTabElement;
     };
     interface HTMLPdsTableElementEventMap {
-        "pdsTableSelect": { rowIndex: number; isSelected: boolean };
         "pdsTableSelectAll": { isSelected: boolean };
     }
     interface HTMLPdsTableElement extends Components.PdsTable, HTMLStencilElement {
@@ -3694,6 +3731,10 @@ declare namespace LocalJSX {
           * @defaultValue false
          */
         "disabled"?: boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download. Only applies when href is set.
+         */
+        "download"?: string;
         /**
           * Determines if the button should take up the full width of its container.
           * @defaultValue false
@@ -3819,8 +3860,9 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * Determines whether the chip should be displayed in a larger size.
+          * Determines whether the chip should be displayed in a larger size. DEPRECATED.
           * @defaultValue false
+          * @deprecated Use `size` prop instead. Set `size="lg"` for the large variant.
          */
         "large"?: boolean;
         /**
@@ -3844,6 +3886,11 @@ declare namespace LocalJSX {
           * @defaultValue 'neutral'
          */
         "sentiment"?: ChipSentimentType;
+        /**
+          * Sets the size of the chip.
+          * @defaultValue 'md'
+         */
+        "size"?: ChipSizeType;
         /**
           * Sets the style variant of the chip. Note: This prop is ignored when sentiment is 'brand'.
           * @defaultValue 'text'
@@ -4010,7 +4057,7 @@ declare namespace LocalJSX {
          */
         "onPdsCopyTextClick"?: (event: PdsCopytextCustomEvent<string>) => void;
         /**
-          * Determines whether the `value` should truncate and display with an ellipsis.
+          * Determines whether the `value` should truncate and display with an ellipsis. When text overflows, a tooltip showing the full value will appear on hover/focus.
           * @defaultValue false
          */
         "truncate"?: boolean;
@@ -4060,6 +4107,10 @@ declare namespace LocalJSX {
           * @defaultValue false
          */
         "disabled"?: boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download. Only applies when href is set.
+         */
+        "download"?: string;
         /**
           * 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
@@ -4294,6 +4345,10 @@ declare namespace LocalJSX {
           * A unique identifier used for the underlying component `id` attribute.
          */
         "componentId"?: string;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download.
+         */
+        "download"?: string;
         /**
           * Determines whether the link should open in a new tab.
           * @defaultValue false
@@ -4403,6 +4458,11 @@ declare namespace LocalJSX {
           * URL endpoint for async data fetching.
          */
         "asyncUrl"?: string;
+        /**
+          * Whether to close the panel after an option is selected. Defaults to `false` (panel stays open for multi-select).
+          * @default false
+         */
+        "closePanelOnSelect"?: boolean;
         /**
           * A unique identifier used for the underlying component `id` attribute.
          */
@@ -4496,6 +4556,10 @@ declare namespace LocalJSX {
           * Emitted when a new option is created.
          */
         "onPdsMultiselectCreate"?: (event: PdsMultiselectCustomEvent<MultiselectCreateEventDetail>) => void;
+        /**
+          * Emitted when the dropdown is dismissed via Escape key or click outside.  This event fires only when the user explicitly dismisses the panel without making a selection: - ✅ Fires: Pressing Escape key while dropdown is open - ✅ Fires: Clicking outside the component while dropdown is open - ❌ Does NOT fire: When panel closes due to selection (including when `closePanelOnSelect` is true) - ❌ Does NOT fire: When panel closes programmatically via `closeDropdown()`  Equivalent to Sage's `onEscapeHook`. Use this to restore parent UI state or run cleanup when the user cancels their interaction.
+         */
+        "onPdsMultiselectDismiss"?: (event: PdsMultiselectCustomEvent<void>) => void;
         /**
           * Emitted to request more options (pagination).
          */
@@ -4522,6 +4586,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "required"?: boolean;
+        /**
+          * Placeholder text for the search input inside the dropdown panel.
+          * @default 'Find...'
+         */
+        "searchPlaceholder"?: string;
         /**
           * Width of the trigger button (and reference for dropdown positioning).
           * @default '100%'
@@ -4958,13 +5027,14 @@ declare namespace LocalJSX {
          */
         "defaultSortDirection"?: 'asc' | 'desc';
         /**
-          * Determines if the should display a fixed first column.
+          * Hides the select-all checkbox in the table header while keeping individual row checkboxes functional. Only applies when `selectable` is true.
+          * @defaultValue false
          */
-        "fixedColumn"?: boolean;
+        "disableSelectAll"?: boolean;
         /**
-          * Event that is emitted when the checkbox is clicked, carrying the rowIndex and selected value.
+          * Determines if the should display a fixed first column.
          */
-        "onPdsTableSelect"?: (event: PdsTableCustomEvent<{ rowIndex: number; isSelected: boolean }>) => void;
+        "fixedColumn"?: boolean;
         /**
           * Event that is emitted when the select all checkbox is clicked, carrying the selected value.
          */
@@ -4991,7 +5061,7 @@ declare namespace LocalJSX {
          */
         "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
-          * Truncates content to a max width of 100px and adds an ellipsis.
+          * Truncates content to a max width and adds an ellipsis. When text overflows, a tooltip showing the full text will appear on hover/focus. Note: When truncate is enabled, the element automatically receives tabindex="0" for keyboard accessibility.
          */
         "truncate"?: boolean;
     }
@@ -5132,7 +5202,7 @@ declare namespace LocalJSX {
   | 'strong'
   | 'em';
         /**
-          * If set or `true`, the text will be truncated. Must add a `width` to the element.
+          * If set or `true`, the text will be truncated. Must add a `width` to the element. When text overflows, a tooltip showing the full text will appear on hover/focus. Note: When truncate is enabled, the element automatically receives tabindex="0" for keyboard accessibility.
          */
         "truncate"?: boolean;
         /**

package/dist/types/utils/truncation-tooltip.d.ts

@@ -0,0 +1,21 @@
+import { PlacementType } from './types';
+export interface TruncationTooltipOptions {
+    /** The host element (for hover/focus listeners and positioning anchor) */
+    hostEl: HTMLElement;
+    /** The inner element where overflow actually occurs (inside shadow root) */
+    contentEl: HTMLElement;
+    /** Function that returns the full text to display in the tooltip */
+    getTooltipText: () => string;
+    /** Tooltip placement preference (default: 'top') */
+    placement?: PlacementType;
+}
+/**
+ * Sets up automatic tooltip behavior for a truncated element.
+ *
+ * When the element's text overflows, hovering or focusing the host element
+ * will display a tooltip showing the full text content. The tooltip is
+ * rendered as a portal on document.body and positioned with Floating UI.
+ *
+ * @returns A cleanup function that removes all listeners, observers, and DOM elements.
+ */
+export declare function setupTruncationTooltip(options: TruncationTooltipOptions): () => void;

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

@@ -3,4 +3,5 @@ export type BoxColumnType = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8'
 export type BoxSpacingType = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | '025' | '050' | '100' | '125' | '150' | '200' | '250' | '300' | '350' | '400' | '450' | '500' | '550' | '600' | '650' | '700' | '750' | '800';
 export type BoxShadowSizeType = 'none' | '050' | '100' | '150' | '200' | '300' | '400' | '500';
 export type ChipSentimentType = 'accent' | 'brand' | 'danger' | 'info' | 'neutral' | 'success' | 'warning';
+export type ChipSizeType = 'sm' | 'md' | 'lg';
 export type ChipVariantType = 'text' | 'tag' | 'dropdown';

package/dist/vscode.html-data.json

@@ -6722,6 +6722,13 @@
             "value": "Determines the button's disabled state.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "download",
+          "description": {
+            "kind": "markdown",
+            "value": "Prompts the user to save the linked URL instead of navigating to it.\nIt can be used without a value to download with the default filename,\nor with a string value to suggest a specific filename for the download.\nOnly applies when href is set."
+          }
+        },
         {
           "name": "full-width",
           "description": {
@@ -6972,7 +6979,7 @@
       "name": "pds-chip",
       "description": {
         "kind": "markdown",
-        "value": "Chips are used to inform users about the status of an object or to associate properties with a parent. Commonly used in tabular data to indicate status.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#default), [Sentiment](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sentiment), [Dot](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dot), [Icon](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#icon), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dropdown), [Tag](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#tag), [Large](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#large)\n\n**Slots:**\n- `(default)` - The chip's label text.\n\n**Events:**\n- `pdsTagCloseClick` - Event emitted when the close button is clicked on a tag variant chip."
+        "value": "Chips are used to inform users about the status of an object or to associate properties with a parent. Commonly used in tabular data to indicate status.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#default), [Sentiment](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sentiment), [Dot](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dot), [Icon](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#icon), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dropdown), [Tag](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#tag), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sizes)\n\n**Slots:**\n- `(default)` - The chip's label text.\n\n**Events:**\n- `pdsTagCloseClick` - Event emitted when the close button is clicked on a tag variant chip."
       },
       "attributes": [
         {
@@ -7000,7 +7007,7 @@
           "name": "large",
           "description": {
             "kind": "markdown",
-            "value": "Determines whether the chip should be displayed in a larger size.\n\n**Default:** `false`"
+            "value": "Determines whether the chip should be displayed in a larger size. DEPRECATED.\n\n**Default:** `false`\n\n⚠️ **Deprecated:** Use `size` prop instead. Set `size=\"lg\"` for the large variant."
           }
         },
         {
@@ -7085,6 +7092,24 @@
             }
           ]
         },
+        {
+          "name": "size",
+          "description": {
+            "kind": "markdown",
+            "value": "Sets the size of the chip.\n\n**Type:** `\"lg\" | \"md\" | \"sm\"`"
+          },
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            }
+          ]
+        },
         {
           "name": "variant",
           "description": {
@@ -7115,7 +7140,7 @@
       "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- `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)."
+        "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- `combobox` - 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": [
         {
@@ -7411,7 +7436,7 @@
           "name": "truncate",
           "description": {
             "kind": "markdown",
-            "value": "Determines whether the `value` should truncate and display with an ellipsis.\n\n**Default:** `false`"
+            "value": "Determines whether the `value` should truncate and display with an ellipsis.\nWhen text overflows, a tooltip showing the full value will appear on hover/focus.\n\n**Default:** `false`"
           }
         },
         {
@@ -7583,6 +7608,13 @@
             "value": "It determines whether or not the dropdown-item is disabled.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "download",
+          "description": {
+            "kind": "markdown",
+            "value": "Prompts the user to save the linked URL instead of navigating to it.\nIt can be used without a value to download with the default filename,\nor with a string value to suggest a specific filename for the download.\nOnly applies when href is set."
+          }
+        },
         {
           "name": "external",
           "description": {
@@ -8010,6 +8042,13 @@
             "value": "A unique identifier used for the underlying component `id` attribute."
           }
         },
+        {
+          "name": "download",
+          "description": {
+            "kind": "markdown",
+            "value": "Prompts the user to save the linked URL instead of navigating to it.\nIt can be used without a value to download with the default filename,\nor with a string value to suggest a specific filename for the download."
+          }
+        },
         {
           "name": "external",
           "description": {
@@ -8269,7 +8308,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), [Hidden Selected Items](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#hidden-selected-items), [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)."
+        "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), [Hidden Selected Items](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#hidden-selected-items), [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- `pdsMultiselectDismiss` - Emitted when the dropdown is dismissed via Escape key or click outside.\n\nThis event fires only when the user explicitly dismisses the panel without making a selection:\n- ✅ Fires: Pressing Escape key while dropdown is open\n- ✅ Fires: Clicking outside the component while dropdown is open\n- ❌ Does NOT fire: When panel closes due to selection (including when `closePanelOnSelect` is true)\n- ❌ Does NOT fire: When panel closes programmatically via `closeDropdown()`\n\nEquivalent to Sage's `onEscapeHook`. Use this to restore parent UI state or run cleanup when the user cancels their interaction.\n- `pdsMultiselectLoadOptions` - Emitted to request more options (pagination).\n- `pdsMultiselectSearch` - Emitted on search input (for consumer-managed async)."
       },
       "attributes": [
         {
@@ -8294,6 +8333,13 @@
             "value": "URL endpoint for async data fetching."
           }
         },
+        {
+          "name": "close-panel-on-select",
+          "description": {
+            "kind": "markdown",
+            "value": "Whether to close the panel after an option is selected.\nDefaults to `false` (panel stays open for multi-select).\n\n**Default:** `false`"
+          }
+        },
         {
           "name": "component-id",
           "description": {
@@ -8441,6 +8487,13 @@
             "value": "If true, the multiselect is required.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "search-placeholder",
+          "description": {
+            "kind": "markdown",
+            "value": "Placeholder text for the search input inside the dropdown panel.\n\n**Default:** `'Find...'`"
+          }
+        },
         {
           "name": "trigger-width",
           "description": {
@@ -9511,7 +9564,7 @@
       "name": "pds-table",
       "description": {
         "kind": "markdown",
-        "value": "The table (`pds-table`), consisting of rows and columns, is used to display and organize tabular data.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default), [Compact](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#compact), [Head Background and Row Dividers](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#head-background-and-row-dividers), [Selectable](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#selectable), [Responsive](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#responsive), [Fixed Column](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-column), [Fixed w/ Checkbox](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-w/-checkbox), [Cell Truncation](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-truncation), [Cell Alignment](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-alignment), [Sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#sorting), [Event payload](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#event-payload), [Preventing built-in sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#preventing-built-in-sorting), [Default Sort](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default-sort)\n\n**CSS Parts:**\n- `responsive-container` - No description\n- `responsive-table` - No description\n- `responsive-wrapper` - No description\n- `scroll-shadow-left` - No description\n- `scroll-shadow-right` - No description\n- `table` - No description\n- `table-inner` - No description\n\n**Events:**\n- `pdsTableSelect` - Event that is emitted when the checkbox is clicked, carrying the rowIndex and selected value.\n- `pdsTableSelectAll` - Event that is emitted when the select all checkbox is clicked, carrying the selected value."
+        "value": "The table (`pds-table`), consisting of rows and columns, is used to display and organize tabular data.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default), [Compact](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#compact), [Head Background and Row Dividers](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#head-background-and-row-dividers), [Selectable](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#selectable), [Selectable without Select All](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#selectable-without-select-all), [Responsive](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#responsive), [Fixed Column](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-column), [Fixed w/ Checkbox](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-w/-checkbox), [Cell Truncation](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-truncation), [Cell Alignment](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-alignment), [Sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#sorting), [Event payload](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#event-payload), [Preventing built-in sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#preventing-built-in-sorting), [Default Sort](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default-sort)\n\n**CSS Parts:**\n- `responsive-container` - No description\n- `responsive-table` - No description\n- `responsive-wrapper` - No description\n- `scroll-shadow-left` - No description\n- `scroll-shadow-right` - No description\n- `table` - No description\n- `table-inner` - No description\n\n**Events:**\n- `pdsTableSelectAll` - Event that is emitted when the select all checkbox is clicked, carrying the selected value."
       },
       "attributes": [
         {
@@ -9550,6 +9603,13 @@
             }
           ]
         },
+        {
+          "name": "disable-select-all",
+          "description": {
+            "kind": "markdown",
+            "value": "Hides the select-all checkbox in the table header while keeping individual row checkboxes functional.\nOnly applies when `selectable` is true.\n\n**Default:** `false`"
+          }
+        },
         {
           "name": "fixed-column",
           "description": {
@@ -9632,7 +9692,7 @@
           "name": "truncate",
           "description": {
             "kind": "markdown",
-            "value": "Truncates content to a max width of 100px and adds an ellipsis."
+            "value": "Truncates content to a max width and adds an ellipsis.\nWhen text overflows, a tooltip showing the full text will appear on hover/focus.\nNote: When truncate is enabled, the element automatically receives tabindex=\"0\" for keyboard accessibility."
           }
         }
       ],
@@ -10018,7 +10078,7 @@
           "name": "truncate",
           "description": {
             "kind": "markdown",
-            "value": "If set or `true`, the text will be truncated. Must add a `width` to the element."
+            "value": "If set or `true`, the text will be truncated. Must add a `width` to the element.\nWhen text overflows, a tooltip showing the full text will appear on hover/focus.\nNote: When truncate is enabled, the element automatically receives tabindex=\"0\" for keyboard accessibility."
           }
         },
         {