@pine-ds/core 3.26.4 → 3.28.0

package/dist/collection/components/pds-row/pds-row.js

@@ -117,12 +117,13 @@ export class PdsRow {
                 "mutable": false,
                 "complexType": {
                     "original": "BoxSpacingType | null",
-                    "resolved": "\"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\"",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
                         "BoxSpacingType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxSpacingType",
+                            "referenceLocation": "BoxSpacingType"
                         }
                     }
                 },
@@ -142,12 +143,13 @@ export class PdsRow {
                 "mutable": false,
                 "complexType": {
                     "original": "BoxSpacingType | null",
-                    "resolved": "\"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\"",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
                         "BoxSpacingType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxSpacingType",
+                            "referenceLocation": "BoxSpacingType"
                         }
                     }
                 },
@@ -167,12 +169,13 @@ export class PdsRow {
                 "mutable": false,
                 "complexType": {
                     "original": "BoxSpacingType | null",
-                    "resolved": "\"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\"",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
                         "BoxSpacingType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxSpacingType",
+                            "referenceLocation": "BoxSpacingType"
                         }
                     }
                 },
@@ -270,4 +273,3 @@ export class PdsRow {
         };
     }
 }
-//# sourceMappingURL=pds-row.js.map

package/dist/collection/components/pds-select/pds-select.js

@@ -133,7 +133,7 @@ export class PdsSelect {
         return this.helperMessage && (h("p", { class: "pds-select__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage));
     }
     getErrorMessage() {
-        return this.errorMessage && (h("p", { class: "pds-select__error-message", id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, h("pds-icon", { icon: danger, size: "small" }), this.errorMessage));
+        return this.errorMessage && (h("p", { class: "pds-select__error-message", id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, h("pds-icon", { "aria-hidden": "true", icon: danger, size: "small" }), this.errorMessage));
     }
     renderMessages() {
         if (!this.helperMessage && !this.errorMessage)
@@ -223,7 +223,7 @@ export class PdsSelect {
     }
     render() {
         const hasAction = this.el.querySelector('[slot="action"]') !== null;
-        return (h(Host, { key: '28292440973cbb60c63a296415a617e05fc9c5ce', "aria-disabled": this.disabled ? 'true' : null, class: this.classNames(), "has-action": hasAction && !this.hideLabel ? 'true' : null }, h("div", { key: '4a0f255ecc75c9fcedfc933c0a728d26918d9a9c', class: "pds-select" }, !this.hideLabel && (h("div", { key: '1f0b2a9ccf4ce2b79d5bb4dd40ff076b415bc6ac', class: "pds-select__label-wrapper" }, h("label", { key: '9e30b1b0266981f73f0821c05e833cb66a3caf3c', htmlFor: this.componentId }, h("span", { key: '7790be41907be6c5e3b460aa84b7ea54773cc14d', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), hasAction && this.renderAction())), h("select", { key: 'd66b39ee412bfbf3c6dfff722cb061f24ba82df6', "aria-label": this.hideLabel ? this.label : undefined, autocomplete: this.autocomplete || undefined, class: "pds-select__field", disabled: this.disabled, id: this.componentId, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onSelectUpdate, onFocus: this.onFocus, onKeyDown: this.onKeyDown, part: "select", required: this.required, ref: (el) => (this.selectEl = el) }), h("div", { key: 'daf4846494666ebade54249c8d925423e71e7d33', "aria-hidden": "true", class: "hidden", ref: (el) => (this.slotContainer = el) }, h("slot", { key: '545f421fd2679d4bb6ee34658f7dd4089ece4f81', onSlotchange: this.handleSlotChange })), this.renderMessages(), !this.multiple && h("pds-icon", { key: '0b3bcd3ceee6e6b2ab24b52f16f6cbd89ae88322', class: "pds-select__select-icon", icon: enlarge }))));
+        return (h(Host, { key: '71f6bfba3361eaac3459c1b30b23183503b57ae5', "aria-disabled": this.disabled ? 'true' : null, class: this.classNames(), "has-action": hasAction && !this.hideLabel ? 'true' : null }, h("div", { key: 'cbd0059fc405179a59c29f81510d2948e358531c', class: "pds-select" }, !this.hideLabel && (h("div", { key: '87d42d145ec0a46a474bb599e46226efc72d1acb', class: "pds-select__label-wrapper" }, h("label", { key: '23e4b10a8b99023d1779de0eb6c56ff31189dce1', htmlFor: this.componentId }, h("span", { key: 'b655a0850ce9ce173fbd814461df8529c9c150d9', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), hasAction && this.renderAction())), h("select", { key: 'a9f2cd048cdea6f0a44305a2760c418617d7c0eb', "aria-label": this.hideLabel ? this.label : undefined, autocomplete: this.autocomplete || undefined, class: "pds-select__field", disabled: this.disabled, id: this.componentId, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onSelectUpdate, onFocus: this.onFocus, onKeyDown: this.onKeyDown, part: "select", required: this.required, ref: (el) => (this.selectEl = el) }), h("div", { key: 'cca5b1b634d1d77bc4164cb196fdd1c4ffcb888e', "aria-hidden": "true", class: "hidden", ref: (el) => (this.slotContainer = el) }, h("slot", { key: '018780883212786a89c5e6f776dc8c69853bf732', onSlotchange: this.handleSlotChange })), this.renderMessages(), !this.multiple && h("pds-icon", { key: '10e82ad220b4e9d8d9c0710a14335d5603bd6164', "aria-hidden": "true", class: "pds-select__select-icon", icon: enlarge }))));
     }
     static get is() { return "pds-select"; }
     static get encapsulation() { return "shadow"; }
@@ -595,4 +595,3 @@ export class PdsSelect {
             }];
     }
 }
-//# sourceMappingURL=pds-select.js.map

package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js

@@ -25,7 +25,7 @@ export class PdsSortableItem {
         }
     }
     render() {
-        return (h(Host, { key: '631a0c1150226256cdb47d1a7bc6635144bb56d0', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (h("div", { key: 'bdb6ff779a5d750b75d404521bc91cad02176ea8', class: "pds-sortable-item__handle" }, h("pds-icon", { key: '144f4b6fe33a3a3a864ac48041fc93935fbf99c3', icon: handleIcon }))), h("slot", { key: 'cdddce9c5fa3fde34481c41c46c5f6504e33a358' }), this.enableActions && (h("div", { key: '527e1d22f20223a850dbd956dea4db93878fd9f9', class: "pds-sortable-item__actions" }, h("slot", { key: '85ea35dbfdf0393721471dd229e80e9e57f58230', name: "sortable-item-actions" })))));
+        return (h(Host, { key: '631a0c1150226256cdb47d1a7bc6635144bb56d0', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (h("div", { key: 'bdb6ff779a5d750b75d404521bc91cad02176ea8', class: "pds-sortable-item__handle" }, h("pds-icon", { key: '8a2d151607015d853b240517c0a1930e8c5efabb', "aria-hidden": "true", icon: handleIcon }))), h("slot", { key: '2749b15b7ec10bcd2e99677a59772107295a20e2' }), this.enableActions && (h("div", { key: '9019a0736eec7f62c5a1d25d92071fddd79a5c37', class: "pds-sortable-item__actions" }, h("slot", { key: '6645aca60484b591231f91e4a846dbe29ccca7a7', name: "sortable-item-actions" })))));
     }
     static get is() { return "pds-sortable-item"; }
     static get encapsulation() { return "scoped"; }
@@ -110,4 +110,3 @@ export class PdsSortableItem {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=pds-sortable-item.js.map

package/dist/collection/components/pds-sortable/pds-sortable.js

@@ -198,7 +198,8 @@ export class PdsSortable {
                         "SortableEvent": {
                             "location": "import",
                             "path": "sortablejs",
-                            "id": "../../node_modules/@types/sortablejs/index.d.ts::SortableEvent"
+                            "id": "../../node_modules/@types/sortablejs/index.d.ts::SortableEvent",
+                            "referenceLocation": "SortableEvent"
                         }
                     }
                 }
@@ -212,4 +213,3 @@ export class PdsSortable {
             }];
     }
 }
-//# sourceMappingURL=pds-sortable.js.map

package/dist/collection/components/pds-sortable/sortable-interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=sortable-interface.js.map

package/dist/collection/components/pds-switch/pds-switch.js

@@ -347,4 +347,3 @@ export class PdsSwitch {
             }];
     }
 }
-//# sourceMappingURL=pds-switch.js.map

package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js

@@ -16,4 +16,3 @@ export class PdsTableBody {
         };
     }
 }
-//# sourceMappingURL=pds-table-body.js.map

package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js

@@ -196,4 +196,3 @@ export class PdsTableCell {
             }];
     }
 }
-//# sourceMappingURL=pds-table-cell.js.map

package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js

@@ -167,4 +167,3 @@ export class PdsTableHead {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=pds-table-head.js.map

package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js

@@ -334,4 +334,3 @@ export class PdsTableHeadCell {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=pds-table-head-cell.js.map

package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js

@@ -219,4 +219,3 @@ export class PdsTableRow {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=pds-table-row.js.map

package/dist/collection/components/pds-table/pds-table.css

@@ -75,6 +75,7 @@
   pointer-events: none;
   position: absolute;
   top: 0;
+  /* stylelint-disable-next-line pine-design-system/no-hardcoded-motion -- 0.1s off-grid micro-transition; no exact motion token */
   transition: opacity 0.1s ease;
   width: 4px;
   z-index: var(--pine-z-index);

package/dist/collection/components/pds-table/pds-table.js

@@ -490,4 +490,3 @@ export class PdsTable {
             }];
     }
 }
-//# sourceMappingURL=pds-table.js.map

package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js

@@ -199,4 +199,3 @@ export class PdsTab {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=pds-tab.js.map

package/dist/collection/components/pds-tabs/pds-tabpanel/pds-tabpanel.js

@@ -113,4 +113,3 @@ export class PdsTabpanel {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=pds-tabpanel.js.map

package/dist/collection/components/pds-tabs/pds-tabs.js

@@ -220,4 +220,3 @@ export class PdsTabs {
             }];
     }
 }
-//# sourceMappingURL=pds-tabs.js.map

package/dist/collection/components/pds-text/pds-text.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { setColor } from "../../utils/utils";
 import { setupTruncationTooltip } from "../../utils/truncation-tooltip";
+import { TEXT_SIZES } from "../../utils/types";
 /**
  * @part content - The text content container
  */
@@ -20,6 +21,23 @@ export class PdsText {
             this.destroyTruncationTooltip();
         }
     }
+    validateSize(newValue) {
+        // Skip when the prop is omitted or explicitly cleared (an empty string is a
+        // common "unset" sentinel). Any other unsupported value — including a
+        // whitespace-only string — is a developer mistake worth warning about.
+        if (newValue === undefined || newValue === '') {
+            return;
+        }
+        if (!TEXT_SIZES.includes(newValue)) {
+            const display = newValue.length > 80 ? `${newValue.slice(0, 80)}…` : newValue;
+            console.warn(`pds-text: invalid size "${display}". Valid values are: ${TEXT_SIZES.join(', ')}.`);
+        }
+    }
+    componentWillLoad() {
+        // Validate the initial value before the first render so the warning precedes
+        // any attempt to apply an unknown size class. @Watch covers later changes.
+        this.validateSize(this.size);
+    }
     componentDidLoad() {
         if (this.truncate) {
             this.initTruncationTooltip();
@@ -65,7 +83,7 @@ export class PdsText {
             ? `pds-text--decoration-${this.decoration}`
             : ''}
     `;
-        return (h(Tag, { key: '1d4952d18c09b26a5f2c7f64574be86c90cca553', ref: (el) => (this.contentEl = el), style: this.color && setColor(this.color), class: typeClasses, part: "content", tabIndex: this.truncate ? 0 : undefined }, h("slot", { key: '62a5caff5274601b79f35025c9382e2430118cdc' })));
+        return (h(Tag, { key: '36278c42c1669a3d2ff3ac2973727c03f2498023', ref: (el) => (this.contentEl = el), style: this.color && setColor(this.color), class: typeClasses, part: "content", tabIndex: this.truncate ? 0 : undefined }, h("slot", { key: 'cb3c83b54cb84fe485fd14c7073148fc037d78cd' })));
     }
     static get is() { return "pds-text"; }
     static get encapsulation() { return "shadow"; }
@@ -180,9 +198,16 @@ export class PdsText {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "| '2xl'\n    | 'xl'\n    | 'lg'\n    | 'md'\n    | 'sm'\n    | 'xs'\n    | '2xs'\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'",
+                    "original": "TextSizeType",
                     "resolved": "\"2xl\" | \"2xs\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
-                    "references": {}
+                    "references": {
+                        "TextSizeType": {
+                            "location": "import",
+                            "path": "../../utils/types",
+                            "id": "src/utils/types.ts::TextSizeType",
+                            "referenceLocation": "TextSizeType"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
@@ -260,7 +285,9 @@ export class PdsText {
         return [{
                 "propName": "truncate",
                 "methodName": "handleTruncateChange"
+            }, {
+                "propName": "size",
+                "methodName": "validateSize"
             }];
     }
 }
-//# sourceMappingURL=pds-text.js.map

package/dist/collection/components/pds-textarea/pds-textarea.js

@@ -3,6 +3,7 @@ import { assignDescription, isRequired, isSpecTest, messageId, exposeTypePropert
 import { debounceEvent } from "../../utils/utils";
 import { inheritAttributes, inheritAriaAttributes } from "../../utils/attributes";
 import { danger } from "@pine-ds/icons/icons";
+import { formatMessage } from "../../i18n";
 /**
  * @slot action - Content to be displayed in the label area, typically for help icons or links
  */
@@ -43,6 +44,12 @@ export class PdsTextarea {
          * If true, the textarea has action content in the label area
          */
         this.hasAction = false;
+        /**
+         * Template for the character-counter's accessible label. Pass a translated
+         * string to localize it; `{current}` and `{max}` are interpolated.
+         * @defaultValue '{current} of {max} characters'
+         */
+        this.characterCountLabel = '{current} of {max} characters';
         this.onBlur = (ev) => {
             this.hasFocus = false;
             if (this.focusedValue !== this.value) {
@@ -240,7 +247,7 @@ export class PdsTextarea {
             return null;
         }
         const currentLength = this.getValue().length;
-        return (h("div", { class: "pds-textarea__character-counter", ref: (el) => this.characterCounter = el, role: "status", "aria-live": "polite", "aria-label": `${currentLength} of ${this.maxLength} characters` }, currentLength, " / ", this.maxLength));
+        return (h("div", { class: "pds-textarea__character-counter", ref: (el) => this.characterCounter = el, role: "status", "aria-live": "polite", "aria-label": formatMessage(this.characterCountLabel, { current: currentLength, max: this.maxLength }) }, currentLength, " / ", this.maxLength));
     }
     renderAction() {
         const hasAction = this.el.querySelector('[slot="action"]') !== null;
@@ -294,10 +301,10 @@ export class PdsTextarea {
     }
     render() {
         const value = this.getValue();
-        return (h(Host, { key: '09726ef6454fe84a5c8d0ea25c6e8a7a6da128f9', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null }, h("div", { key: '6244104f11d26b25a908fbaf13a815988a3c33d9', class: "pds-textarea" }, this.label &&
-            h("div", { key: '5dd7f6caedd7ebf5ecaacf8d111ec5e2426e84ae', class: "pds-textarea__label-wrapper" }, h("label", { key: 'd19f62cd28612423abf0d5696ff1cd88f39d32fe', htmlFor: this.componentId }, h("span", { key: '37f4e9e34ae3205bafa5f1bc8574a98d3a90060d', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), !this.hideLabel && this.renderAction()), h("div", { key: '4c3c8fadc5596630485ee1775f5d87d77c11d95b', class: "pds-textarea__field-wrapper" }, h("textarea", Object.assign({ key: 'a60be5f3d362cb9bcd2ecf5af16ffc467fc8322a', ref: (el) => this.nativeTextarea = el, "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, autocomplete: this.autocomplete, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, maxlength: this.maxLength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onBlur: this.onBlur, onChange: this.onTextareaChange, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value), this.renderCharacterCounter()), this.helperMessage &&
-            h("p", { key: 'ae03337ef85ac2a3995e967fe671e0ad2c352710', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
-            h("p", { key: 'a2bda9a477e7d2b81862833da43158a626d8cc6f', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, h("pds-icon", { key: '5ac785e8012aeb49dd0b1c5823233671531b0a7a', icon: danger, size: "small" }), this.errorMessage))));
+        return (h(Host, { key: '838d12ba686fb041996c44522d3fd30e1b56c610', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null }, h("div", { key: 'bd3eef138a5c8f2cd4e48c007561bb1b12f4e575', class: "pds-textarea" }, this.label &&
+            h("div", { key: 'f83f23b17cd157d48bb5c0c5067ca5f611d73529', class: "pds-textarea__label-wrapper" }, h("label", { key: '896b7b495ad6f7deb8d4738e623f0676f0a98c1f', htmlFor: this.componentId }, h("span", { key: '02b06db969467f6c4e83e0f713bee0be76f8dfff', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), !this.hideLabel && this.renderAction()), h("div", { key: '15c5964576e73db36cee4a9ca868c28571250a27', class: "pds-textarea__field-wrapper" }, h("textarea", Object.assign({ key: '74713a5d438fc01103ca99f0c77abd84b7d2d16a', ref: (el) => this.nativeTextarea = el, "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, autocomplete: this.autocomplete, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, maxlength: this.maxLength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onBlur: this.onBlur, onChange: this.onTextareaChange, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value), this.renderCharacterCounter()), this.helperMessage &&
+            h("p", { key: 'e42f174f4153363ce745db264fd3a9ee46178a03', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
+            h("p", { key: '44189515611ff9fa51d2815a7066626b6ba5df2c', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, h("pds-icon", { key: '64d275da09cdf1c2cc27d4c0a780dd414c265534', icon: danger, size: "small" }), this.errorMessage))));
     }
     static get is() { return "pds-textarea"; }
     static get encapsulation() { return "shadow"; }
@@ -654,6 +661,29 @@ export class PdsTextarea {
                 "reflect": false,
                 "attribute": "value",
                 "defaultValue": "''"
+            },
+            "characterCountLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "defaultValue",
+                            "text": "'{current} of {max} characters'"
+                        }],
+                    "text": "Template for the character-counter's accessible label. Pass a translated\nstring to localize it; `{current}` and `{max}` are interpolated."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "character-count-label",
+                "defaultValue": "'{current} of {max} characters'"
             }
         };
     }
@@ -721,7 +751,8 @@ export class PdsTextarea {
                         "TextareaInputEventDetail": {
                             "location": "import",
                             "path": "./textarea-interface",
-                            "id": "src/components/pds-textarea/textarea-interface.ts::TextareaInputEventDetail"
+                            "id": "src/components/pds-textarea/textarea-interface.ts::TextareaInputEventDetail",
+                            "referenceLocation": "TextareaInputEventDetail"
                         }
                     }
                 }
@@ -742,7 +773,8 @@ export class PdsTextarea {
                         "TextareaChangeEventDetail": {
                             "location": "import",
                             "path": "./textarea-interface",
-                            "id": "src/components/pds-textarea/textarea-interface.ts::TextareaChangeEventDetail"
+                            "id": "src/components/pds-textarea/textarea-interface.ts::TextareaChangeEventDetail",
+                            "referenceLocation": "TextareaChangeEventDetail"
                         }
                     }
                 }
@@ -803,4 +835,3 @@ export class PdsTextarea {
             }];
     }
 }
-//# sourceMappingURL=pds-textarea.js.map

package/dist/collection/components/pds-textarea/textarea-interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=textarea-interface.js.map

package/dist/collection/components/pds-toast/pds-toast.js

@@ -26,6 +26,12 @@ export class PdsToast {
          * @default 'default'
          */
         this.type = 'default';
+        /**
+         * Accessible label for the dismiss button. Pass a translated string to
+         * localize it; defaults to English.
+         * @defaultValue 'Dismiss message'
+         */
+        this.dismissLabel = 'Dismiss message';
         /**
          * Whether the toast is currently visible.
          */
@@ -115,13 +121,13 @@ export class PdsToast {
         return this.icon && h("pds-icon", { name: this.icon, class: "pds-toast__icon" });
     }
     render() {
-        return (h(Host, { key: '7768cbf398d4592b774734abdf5e9f1f4d4fb7e8', hidden: !this.isVisible }, h("div", { key: 'c17b00c76bd42d1040b8ef08a354e10346a79aa4', class: {
+        return (h(Host, { key: 'a1ec97158a6665aa25b58b1954b4b5c622590615', hidden: !this.isVisible }, h("div", { key: 'd9b01164364c76512852a260cede50000b73a563', class: {
                 'pds-toast': true,
                 [`pds-toast--${this.type}`]: this.type !== 'default',
                 'pds-toast--animating-out': this.isAnimatingOut
-            }, role: "alert", "aria-live": "polite" }, this.renderIcon(), h("span", { key: 'cb7066fd49ae8674d5de80ecde21e63eecbcdf29', class: "pds-toast__message" }, h("slot", { key: '5c08d8b5cc54e02bed2906c2d52b894301fdca5d' })), this.dismissible && (h("button", { key: '4edd83a8521f76a2abddfe64caaac932962745ff', type: "button", part: "dismiss", class: "pds-toast__button", onClick: () => {
+            }, role: "alert", "aria-live": "polite" }, this.renderIcon(), h("span", { key: '1f581c7c29ea3fc795dfca061d3575c5a9895b3c', class: "pds-toast__message" }, h("slot", { key: '645b31eae3be23de63ab2562234caf0be2510645' })), this.dismissible && (h("button", { key: '44a62b304468c0fca0b8d490ad9c8b5932176ac9', type: "button", part: "dismiss", class: "pds-toast__button", onClick: () => {
                 this.dismiss();
-            }, "aria-label": "Dismiss message" }, h("pds-icon", { key: 'c5cf65f889bfcd85e3fdab437539e7ee3f6e0465', name: "remove" }))))));
+            }, "aria-label": this.dismissLabel }, h("pds-icon", { key: 'fde63f279f696d9f02875cc1beee3542c97f0c7e', name: "remove" }))))));
     }
     static get is() { return "pds-toast"; }
     static get encapsulation() { return "shadow"; }
@@ -243,6 +249,29 @@ export class PdsToast {
                 "reflect": false,
                 "attribute": "type",
                 "defaultValue": "'default'"
+            },
+            "dismissLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "defaultValue",
+                            "text": "'Dismiss message'"
+                        }],
+                    "text": "Accessible label for the dismiss button. Pass a translated string to\nlocalize it; defaults to English."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dismiss-label",
+                "defaultValue": "'Dismiss message'"
             }
         };
     }
@@ -299,4 +328,3 @@ export class PdsToast {
             }];
     }
 }
-//# sourceMappingURL=pds-toast.js.map

package/dist/collection/components/pds-tooltip/pds-tooltip.js

@@ -423,7 +423,8 @@ export class PdsTooltip {
                         "PlacementType": {
                             "location": "import",
                             "path": "@utils/types",
-                            "id": "src/utils/types.ts::PlacementType"
+                            "id": "src/utils/types.ts::PlacementType",
+                            "referenceLocation": "PlacementType"
                         }
                     }
                 },
@@ -542,4 +543,3 @@ export class PdsTooltip {
     }
 }
 PdsTooltip.instanceCounter = 0;
-//# sourceMappingURL=pds-tooltip.js.map

package/dist/collection/global/pine-ui-global.js

@@ -1,2 +1 @@
 import "@pine-ds/icons";
-//# sourceMappingURL=pine-ui-global.js.map

package/dist/collection/i18n/i18n-format.js

@@ -0,0 +1,59 @@
+/**
+ * i18n formatting helpers for Pine components.
+ *
+ * Pine stays string-agnostic: user-facing text is supplied by the consumer as
+ * props (English-defaulted). These helpers only handle the two things a prop
+ * value can't express on its own — interpolating live component state into a
+ * translated template, and picking the right plural form. No stored strings, no
+ * locale registry; the locale is read from the DOM (`lang`), the web-standard
+ * signal a consumer already sets.
+ *
+ * Two limitations of DOM-`lang` locale resolution, both inherent to inferring
+ * locale from the DOM rather than being told it:
+ *
+ * 1. Not reactive. `resolveLocale` is read during render; Stencil has no
+ *    reactive dependency on a DOM attribute, so changing `lang` at runtime
+ *    (`document.documentElement.lang = 'pl'`) does NOT re-render mounted
+ *    components — the plural form stays stale until unrelated state forces a
+ *    render. Fine when locale changes via full-page navigation; a consumer that
+ *    switches locale client-side should pass the already-formatted/pluralized
+ *    string as the prop instead.
+ * 2. Does not cross shadow boundaries. `el.closest('[lang]')` stops at the host's
+ *    shadow root. A Pine component nested inside another custom element whose
+ *    `lang` sits on that outer host will not see it and falls back to
+ *    `document.documentElement.lang`. Set `lang` on (or above) the Pine element
+ *    in the same tree, or pass a pre-formatted string, when that matters.
+ */
+/** Replace `{token}` placeholders with `vars`; unknown tokens stay literal. */
+export function formatMessage(template, vars) {
+    if (!vars)
+        return template;
+    return template.replace(/\{(\w+)\}/g, (_match, key) => key in vars ? String(vars[key]) : `{${key}}`);
+}
+/** Nearest `[lang]` ancestor, then `<html lang>`, then `'en'`. */
+export function resolveLocale(el) {
+    var _a;
+    const fromEl = el && typeof el.closest === 'function' ? (_a = el.closest('[lang]')) === null || _a === void 0 ? void 0 : _a.getAttribute('lang') : null;
+    const fromDoc = typeof document !== 'undefined' ? document.documentElement.lang : '';
+    return fromEl || fromDoc || 'en';
+}
+/**
+ * Pick the CLDR plural form for `count` in the element's locale (via the
+ * platform `Intl.PluralRules`) and interpolate `{count}`. `forms` come from the
+ * caller — component props, English-defaulted — and fall back to `other`.
+ */
+export function pluralize(el, count, forms, vars) {
+    let category = 'other';
+    try {
+        category = new Intl.PluralRules(resolveLocale(el)).select(count);
+    }
+    catch (_a) {
+        /* invalid locale tag → fall back to 'other' */
+    }
+    // Prefer the selected category, then the required `other`, then `one`; never
+    // return empty. `||` (not `??`) so an empty-string form is skipped too, not
+    // treated as present — a bare `{count}` still shows the number rather than
+    // leaving the trigger with no accessible name.
+    const template = forms[category] || forms.other || forms.one || '{count}';
+    return formatMessage(template, Object.assign({ count }, vars));
+}

package/dist/collection/i18n/index.js

@@ -0,0 +1 @@
+export { formatMessage, pluralize, resolveLocale } from './i18n-format';

package/dist/collection/index.js

@@ -1,3 +1,2 @@
 export * from './components';
 import "@pine-ds/icons";
-//# sourceMappingURL=index.js.map

package/dist/collection/utils/attributes.js

@@ -81,4 +81,3 @@ export const inheritAriaAttributes = (el, ignoreList) => {
     }
     return inheritAttributes(el, attributesToInherit);
 };
-//# sourceMappingURL=attributes.js.map

package/dist/collection/utils/closest.js

@@ -5,4 +5,3 @@ export const closest = (selector, el) => {
         (('closest' in el && el.closest(selector)) ||
             closest(selector, el.getRootNode().host)));
 };
-//# sourceMappingURL=closest.js.map

package/dist/collection/utils/form.js

@@ -55,4 +55,3 @@ export const isSpecTest = () => {
     var _a;
     return typeof process !== 'undefined' && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.__STENCIL_SPEC_TESTS__) === 'true';
 };
-//# sourceMappingURL=form.js.map

package/dist/collection/utils/interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=interfaces.js.map

package/dist/collection/utils/overlay.js

@@ -82,4 +82,3 @@ export const positionTooltip = ({ elem, elemPlacement, overlay, offset = 8 }) =>
     }
     return true;
 };
-//# sourceMappingURL=overlay.js.map

package/dist/collection/utils/scroll.js

@@ -75,4 +75,3 @@ export function getScrollOffsetFromStart(container) {
 export function isScrolledFromInlineStart(container) {
     return getScrollOffsetFromStart(container) > 0;
 }
-//# sourceMappingURL=scroll.js.map

package/dist/collection/utils/test/axe.js

@@ -5,9 +5,10 @@
 export const DEFAULT_AXE_TAGS = ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'];
 /**
  * Page-level axe rules that fire on the bare HTML harness Stencil's E2E
- * provides (no `<title>`, no `<html lang>`, no landmarks, no `<h1>`).
- * They are disabled by default because they describe document chrome,
- * not component behavior — flagging them at component scope yields noise.
+ * provides (no `<title>`, no `<html lang>`, no landmarks, no `<h1>`, and
+ * often without the full theme/global stylesheet).
+ * They are disabled by default because they describe document chrome or
+ * need themed context — flagging them at component scope yields noise or flakes.
  *
  * Tests can opt back in for a specific case:
  *
@@ -21,6 +22,11 @@ export const DEFAULT_DISABLED_RULES = [
     'landmark-one-main',
     'page-has-heading-one',
     'region',
+    // `color-contrast` cannot be measured reliably on the bare E2E harness: it
+    // renders without the full theme/global stylesheet and with fonts that may
+    // fail to load, so axe computes contrast against incidental colors (results
+    // are flaky run-to-run). Verify contrast in a themed context (Storybook).
+    'color-contrast',
 ];
 /**
  * Injects axe-core into an active Stencil E2EPage and returns any
@@ -98,4 +104,3 @@ export function formatViolations(violations) {
     })
         .join('\n\n');
 }
-//# sourceMappingURL=axe.js.map

package/dist/collection/utils/truncation-tooltip.js

@@ -239,4 +239,3 @@ export function setupTruncationTooltip(options) {
         removePortal();
     };
 }
-//# sourceMappingURL=truncation-tooltip.js.map

package/dist/collection/utils/types.js

@@ -1,2 +1,18 @@
-export {};
-//# sourceMappingURL=types.js.map
+// Single source of truth for `pds-text` `size` values. The `as const` tuple is
+// readable at runtime (for validation) and `TextSizeType` is derived from it,
+// so the supported list and the prop type cannot drift apart.
+export const TEXT_SIZES = [
+    '2xl',
+    'xl',
+    'lg',
+    'md',
+    'sm',
+    'xs',
+    '2xs',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+];