@pine-ds/core 3.12.1 → 3.14.0

package/dist/types/components/pds-textarea/pds-textarea.d.ts

@@ -36,6 +36,10 @@ export declare class PdsTextarea {
      * This event will not emit when programmatically setting the `value` property.
      */
     pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;
+    /**
+     * Emitted when a key is pressed down in the textarea.
+     */
+    pdsKeyDown: EventEmitter<KeyboardEvent>;
     /**
      * Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global
      * `textarea.focus()`.
@@ -138,6 +142,7 @@ export declare class PdsTextarea {
     private onFocus;
     private onInput;
     private onTextareaChange;
+    private onKeyDown;
     private textareaClassNames;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/types/components.d.ts

@@ -32,7 +32,7 @@ export namespace Components {
      */
     interface MockPdsModal {
         /**
-          * Whether the modal can be dismissed by clicking the backdrop
+          * Whether the modal can be dismissed by clicking the backdrop or pressing Escape
           * @default true
          */
         "backdropDismiss": boolean;
@@ -126,6 +126,11 @@ export namespace Components {
           * @defaultValue null
          */
         "image"?: string | null;
+        /**
+          * The initials to display in the avatar when no image is provided.
+          * @defaultValue null
+         */
+        "initials"?: string | null;
         /**
           * Size of the avatar. Value can be preset or custom.
           * @defaultValue lg
@@ -1679,6 +1684,11 @@ export namespace Components {
         "value": string;
     }
     interface PdsTab {
+        /**
+          * Determines the tab's disabled state.
+          * @defaultValue false
+         */
+        "disabled"?: boolean;
         "index": number;
         /**
           * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property
@@ -1700,6 +1710,15 @@ export namespace Components {
           * A unique identifier used for the table `id` attribute.
          */
         "componentId": string;
+        /**
+          * The name of the column to sort by on initial load. Must match the text content of a sortable column header.
+         */
+        "defaultSortColumn"?: string;
+        /**
+          * The direction to sort the default column on initial load. Only applies if `defaultSortColumn` is set.
+          * @defaultValue 'asc'
+         */
+        "defaultSortDirection"?: 'asc' | 'desc';
         /**
           * Determines if the should display a fixed first column.
          */
@@ -1708,6 +1727,11 @@ export namespace Components {
           * Enables the table to be responsive by horizontally scrolling on smaller screens.
          */
         "responsive": boolean;
+        /**
+          * Adds divider borders between table rows. The last row will not have a bottom border.
+          * @defaultValue false
+         */
+        "rowDividers": boolean;
         /**
           * Determines if the table displays checkboxes for selectable rows.
          */
@@ -1726,6 +1750,16 @@ export namespace Components {
         "truncate": boolean;
     }
     interface PdsTableHead {
+        /**
+          * Adds a subtle background color to the table head.
+          * @defaultValue false
+         */
+        "background": boolean;
+        /**
+          * Adds top and bottom borders to the table head.
+          * @defaultValue false
+         */
+        "border": boolean;
         /**
           * Determines if the select all checkbox is in an indeterminate state.
          */
@@ -1741,6 +1775,11 @@ export namespace Components {
           * Sets the text alignment within the head cell.
          */
         "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
+        /**
+          * Programmatically sets this column as the active sort column with the specified direction. Used by pds-table to apply a default sort on initial load.
+          * @param direction - The sort direction to apply ('asc' or 'desc')
+         */
+        "setActiveSort": (direction: "asc" | "desc") => Promise<void>;
         /**
           * Determines whether the table column is sortable when set to `true`.
          */
@@ -2328,6 +2367,7 @@ declare global {
         "pdsChange": InputChangeEventDetail;
         "pdsFocus": FocusEvent;
         "pdsInput": InputInputEventDetail;
+        "pdsKeyDown": KeyboardEvent;
     }
     interface HTMLPdsInputElement extends Components.PdsInput, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsInputElementEventMap>(type: K, listener: (this: HTMLPdsInputElement, ev: PdsInputCustomEvent<HTMLPdsInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2463,6 +2503,9 @@ declare global {
     };
     interface HTMLPdsSelectElementEventMap {
         "pdsSelectChange": InputEvent;
+        "pdsBlur": FocusEvent;
+        "pdsFocus": FocusEvent;
+        "pdsKeyDown": KeyboardEvent;
     }
     interface HTMLPdsSelectElement extends Components.PdsSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsSelectElementEventMap>(type: K, listener: (this: HTMLPdsSelectElement, ev: PdsSelectCustomEvent<HTMLPdsSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2639,6 +2682,7 @@ declare global {
         "pdsFocus": FocusEvent;
         "pdsInput": TextareaInputEventDetail;
         "pdsTextareaChange": TextareaChangeEventDetail;
+        "pdsKeyDown": KeyboardEvent;
     }
     interface HTMLPdsTextareaElement extends Components.PdsTextarea, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsTextareaElementEventMap>(type: K, listener: (this: HTMLPdsTextareaElement, ev: PdsTextareaCustomEvent<HTMLPdsTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2734,7 +2778,7 @@ declare namespace LocalJSX {
      */
     interface MockPdsModal {
         /**
-          * Whether the modal can be dismissed by clicking the backdrop
+          * Whether the modal can be dismissed by clicking the backdrop or pressing Escape
           * @default true
          */
         "backdropDismiss"?: boolean;
@@ -2836,6 +2880,11 @@ declare namespace LocalJSX {
           * @defaultValue null
          */
         "image"?: string | null;
+        /**
+          * The initials to display in the avatar when no image is provided.
+          * @defaultValue null
+         */
+        "initials"?: string | null;
         /**
           * Size of the avatar. Value can be preset or custom.
           * @defaultValue lg
@@ -3915,6 +3964,10 @@ declare namespace LocalJSX {
           * Emitted when a keyboard input occurs.
          */
         "onPdsInput"?: (event: PdsInputCustomEvent<InputInputEventDetail>) => void;
+        /**
+          * Emitted when a key is pressed down in the input.
+         */
+        "onPdsKeyDown"?: (event: PdsInputCustomEvent<KeyboardEvent>) => void;
         /**
           * Specifies the regular expression that the input value is checked against.
          */
@@ -4322,7 +4375,19 @@ declare namespace LocalJSX {
          */
         "name": string;
         /**
-          * Emitted when a keyboard input occurs.
+          * Emitted when the select loses focus.
+         */
+        "onPdsBlur"?: (event: PdsSelectCustomEvent<FocusEvent>) => void;
+        /**
+          * Emitted when the select gains focus.
+         */
+        "onPdsFocus"?: (event: PdsSelectCustomEvent<FocusEvent>) => void;
+        /**
+          * Emitted when a key is pressed down in the select.
+         */
+        "onPdsKeyDown"?: (event: PdsSelectCustomEvent<KeyboardEvent>) => void;
+        /**
+          * Emitted when the select value changes.
          */
         "onPdsSelectChange"?: (event: PdsSelectCustomEvent<InputEvent>) => void;
         /**
@@ -4431,6 +4496,11 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface PdsTab {
+        /**
+          * Determines the tab's disabled state.
+          * @defaultValue false
+         */
+        "disabled"?: boolean;
         /**
           * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property
          */
@@ -4445,6 +4515,15 @@ declare namespace LocalJSX {
           * A unique identifier used for the table `id` attribute.
          */
         "componentId": string;
+        /**
+          * The name of the column to sort by on initial load. Must match the text content of a sortable column header.
+         */
+        "defaultSortColumn"?: string;
+        /**
+          * The direction to sort the default column on initial load. Only applies if `defaultSortColumn` is set.
+          * @defaultValue 'asc'
+         */
+        "defaultSortDirection"?: 'asc' | 'desc';
         /**
           * Determines if the should display a fixed first column.
          */
@@ -4461,6 +4540,11 @@ declare namespace LocalJSX {
           * Enables the table to be responsive by horizontally scrolling on smaller screens.
          */
         "responsive"?: boolean;
+        /**
+          * Adds divider borders between table rows. The last row will not have a bottom border.
+          * @defaultValue false
+         */
+        "rowDividers"?: boolean;
         /**
           * Determines if the table displays checkboxes for selectable rows.
          */
@@ -4479,6 +4563,16 @@ declare namespace LocalJSX {
         "truncate"?: boolean;
     }
     interface PdsTableHead {
+        /**
+          * Adds a subtle background color to the table head.
+          * @defaultValue false
+         */
+        "background"?: boolean;
+        /**
+          * Adds top and bottom borders to the table head.
+          * @defaultValue false
+         */
+        "border"?: boolean;
         /**
           * Determines if the select all checkbox is in an indeterminate state.
          */
@@ -4682,6 +4776,10 @@ declare namespace LocalJSX {
           * Emitted when a keyboard input occurs.  For elements that accept text input (`type=text`, `type=tel`, etc.), the interface is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others, the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If the input is cleared on edit, the type is `null`.
          */
         "onPdsInput"?: (event: PdsTextareaCustomEvent<TextareaInputEventDetail>) => void;
+        /**
+          * Emitted when a key is pressed down in the textarea.
+         */
+        "onPdsKeyDown"?: (event: PdsTextareaCustomEvent<KeyboardEvent>) => void;
         /**
           * Event emitted whenever the value of the textarea changes.  This event will not emit when programmatically setting the `value` property.
          */

package/dist/vscode.html-data.json

@@ -101,7 +101,7 @@
       "name": "pds-avatar",
       "description": {
         "kind": "markdown",
-        "value": "The avatar component is used to display a thumbnail representation of an admin, customer, or business.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#default), [Admin](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#admin), [Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#badge), [Custom Sizes](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#custom-sizes), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#dropdown), [Image](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#image)\n\n**CSS Parts:**\n- `asset-wrapper` - No description\n- `image` - The main image element that represents the avatar component."
+        "value": "The avatar component is used to display a thumbnail representation of an admin, customer, or business.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#default), [Admin](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#admin), [Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#badge), [Custom Sizes](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#custom-sizes), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#dropdown), [Image](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#image), [Initials](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#initials), [Initials with Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#initials-with-badge)\n\n**CSS Parts:**\n- `asset-wrapper` - No description\n- `image` - The main image element that represents the avatar component."
       },
       "attributes": [
         {
@@ -139,6 +139,13 @@
             "value": "The src for a custom user image.\n\n**Default:** `null`"
           }
         },
+        {
+          "name": "initials",
+          "description": {
+            "kind": "markdown",
+            "value": "The initials to display in the avatar when no image is provided.\n\n**Default:** `null`"
+          }
+        },
         {
           "name": "size",
           "description": {
@@ -7687,7 +7694,7 @@
       "name": "pds-input",
       "description": {
         "kind": "markdown",
-        "value": "An input field coupled with a label and supplemental helper text that aids in user input and feedback.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#default), [Input Types](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#input-types), [Required](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#required), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#placeholder), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#disabled), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#highlight), [Full Width](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#full-width), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#helper-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#invalid), [Prefix and Suffix](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prefix-and-suffix), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#action-slot), [Prepend and Append](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prepend-and-append), [Usage Guidelines](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#usage-guidelines)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n- `append` - Content to be displayed after the input field\n- `prefix` - Content that is displayed visually within the input field before the input field\n- `prepend` - Content to be displayed before the input field\n- `suffix` - Content that is displayed visually within the input field after the input field\n\n**CSS Parts:**\n- `action` - No description\n- `append` - No description\n- `prefix` - No description\n- `prepend` - No description\n- `suffix` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsChange` - Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs."
+        "value": "An input field coupled with a label and supplemental helper text that aids in user input and feedback.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#default), [Input Types](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#input-types), [Required](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#required), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#placeholder), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#disabled), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#highlight), [Full Width](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#full-width), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#helper-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#invalid), [Prefix and Suffix](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prefix-and-suffix), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#action-slot), [Prepend and Append](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prepend-and-append), [Usage Guidelines](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#usage-guidelines)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n- `append` - Content to be displayed after the input field\n- `prefix` - Content that is displayed visually within the input field before the input field\n- `prepend` - Content to be displayed before the input field\n- `suffix` - Content that is displayed visually within the input field after the input field\n\n**CSS Parts:**\n- `action` - No description\n- `append` - No description\n- `prefix` - No description\n- `prepend` - No description\n- `suffix` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsChange` - Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs.\n- `pdsKeyDown` - Emitted when a key is pressed down in the input."
       },
       "attributes": [
         {
@@ -8855,7 +8862,7 @@
       "name": "pds-select",
       "description": {
         "kind": "markdown",
-        "value": "The select component provides a dropdown list of options, allowing users to make a selection from a predefined set.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#disabled), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#highlight), [With Message](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#invalid), [Autocomplete](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#autocomplete), [Multiple](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#multiple), [With Optgroup](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-optgroup), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n- `select` - No description\n\n**Events:**\n- `pdsSelectChange` - Emitted when a keyboard input occurs."
+        "value": "The select component provides a dropdown list of options, allowing users to make a selection from a predefined set.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#disabled), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#highlight), [With Message](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#invalid), [Autocomplete](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#autocomplete), [Multiple](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#multiple), [With Optgroup](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-optgroup), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n- `select` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the select loses focus.\n- `pdsFocus` - Emitted when the select gains focus.\n- `pdsKeyDown` - Emitted when a key is pressed down in the select.\n- `pdsSelectChange` - Emitted when the select value changes."
       },
       "attributes": [
         {
@@ -9143,6 +9150,13 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "disabled",
+          "description": {
+            "kind": "markdown",
+            "value": "Determines the tab's disabled state.\n\n**Default:** `false`"
+          }
+        },
         {
           "name": "name",
           "description": {
@@ -9162,7 +9176,7 @@
       "name": "pds-table",
       "description": {
         "kind": "markdown",
-        "value": "The 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), [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)\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), [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."
       },
       "attributes": [
         {
@@ -9179,6 +9193,28 @@
             "value": "A unique identifier used for the table `id` attribute."
           }
         },
+        {
+          "name": "default-sort-column",
+          "description": {
+            "kind": "markdown",
+            "value": "The name of the column to sort by on initial load.\nMust match the text content of a sortable column header."
+          }
+        },
+        {
+          "name": "default-sort-direction",
+          "description": {
+            "kind": "markdown",
+            "value": "The direction to sort the default column on initial load.\nOnly applies if `defaultSortColumn` is set.\n\n**Type:** `\"asc\" | \"desc\"`\n\n**Default:** `'asc'`"
+          },
+          "values": [
+            {
+              "name": "asc"
+            },
+            {
+              "name": "desc"
+            }
+          ]
+        },
         {
           "name": "fixed-column",
           "description": {
@@ -9193,6 +9229,13 @@
             "value": "Enables the table to be responsive by horizontally scrolling on smaller screens."
           }
         },
+        {
+          "name": "row-dividers",
+          "description": {
+            "kind": "markdown",
+            "value": "Adds divider borders between table rows. The last row will not have a bottom border.\n\n**Default:** `false`"
+          }
+        },
         {
           "name": "selectable",
           "description": {
@@ -9272,6 +9315,20 @@
         "value": "\n\n**CSS Parts:**\n- `head` - No description\n- `select-all-checkbox` - No description\n\n**Events:**\n- `pdsTableSelectAll` - Event that is emitted when the select all checkbox is clicked, carrying the selected value."
       },
       "attributes": [
+        {
+          "name": "background",
+          "description": {
+            "kind": "markdown",
+            "value": "Adds a subtle background color to the table head.\n\n**Default:** `false`"
+          }
+        },
+        {
+          "name": "border",
+          "description": {
+            "kind": "markdown",
+            "value": "Adds top and bottom borders to the table head.\n\n**Default:** `false`"
+          }
+        },
         {
           "name": "indeterminate",
           "description": {
@@ -9392,7 +9449,7 @@
       "name": "pds-tabs",
       "description": {
         "kind": "markdown",
-        "value": "The Tabs component is used to separate and display different panels of related content activated by tab buttons.\n\n**Examples:**\n[Variant](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#variant), [Primary](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#primary), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#pill), [Availability](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#availability), [Filter](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#filter)\n\n**Slots:**\n- `tabpanels` - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n- `tabs` - Content is placed within the `div[role=\"tablist\"]` element as children\n\n**CSS Parts:**\n- `tab-list` - Exposes the container element that holds all the tab buttons for styling."
+        "value": "The Tabs component is used to separate and display different panels of related content activated by tab buttons.\n\n**Examples:**\n[Variant](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#variant), [Primary](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#primary), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#pill), [Availability](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#availability), [Filter](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#filter), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#disabled)\n\n**Slots:**\n- `tabpanels` - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n- `tabs` - Content is placed within the `div[role=\"tablist\"]` element as children\n\n**CSS Parts:**\n- `tab-list` - Exposes the container element that holds all the tab buttons for styling."
       },
       "attributes": [
         {
@@ -9668,7 +9725,7 @@
       "name": "pds-textarea",
       "description": {
         "kind": "markdown",
-        "value": "A textarea field coupled with a label and supplemental helper text that aids in user input and feedback.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#disabled), [Error Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#error-message), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#helper-message), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#placeholder), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#highlight), [Required](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#required), [Rows](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#rows), [Max Length](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#max-length), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs.\n\nFor elements that accept text input (`type=text`, `type=tel`, etc.), the interface\nis [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\nthe interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\nthe input is cleared on edit, the type is `null`.\n- `pdsTextareaChange` - Event emitted whenever the value of the textarea changes.\n\nThis event will not emit when programmatically setting the `value` property."
+        "value": "A textarea field coupled with a label and supplemental helper text that aids in user input and feedback.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#disabled), [Error Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#error-message), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#helper-message), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#placeholder), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#highlight), [Required](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#required), [Rows](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#rows), [Max Length](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#max-length), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs.\n\nFor elements that accept text input (`type=text`, `type=tel`, etc.), the interface\nis [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\nthe interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\nthe input is cleared on edit, the type is `null`.\n- `pdsKeyDown` - Emitted when a key is pressed down in the textarea.\n- `pdsTextareaChange` - Event emitted whenever the value of the textarea changes.\n\nThis event will not emit when programmatically setting the `value` property."
       },
       "attributes": [
         {