@pine-ds/core 4.8.0 → 4.9.1

package/dist/collection/utils/aria-references.js

@@ -0,0 +1,42 @@
+/**
+ * The ARIA attributes that take ID references, and the element-reflection property each is forwarded
+ * through. An ID on a host can't reach an element inside its shadow root, so a component that
+ * delegates focus forwards the elements the IDs point at instead. A browser without ARIA element
+ * reflection gets none of them.
+ */
+export const ARIA_REFERENCE_PROPERTIES = {
+    'aria-controls': 'ariaControlsElements',
+    'aria-describedby': 'ariaDescribedByElements',
+    'aria-labelledby': 'ariaLabelledByElements',
+};
+export const ARIA_REFERENCE_ATTRIBUTES = Object.keys(ARIA_REFERENCE_PROPERTIES);
+/**
+ * Finds an element by ID in the host's tree, then in each shadow root that contains it, so a host
+ * inside another component's shadow root still reaches, say, a popover portal on document.body.
+ * The closest root wins when an ID repeats.
+ */
+export const findInAncestorRoots = (host, id) => {
+    let root = host.getRootNode();
+    while (root instanceof ShadowRoot) {
+        const found = root.getElementById(id);
+        if (found)
+            return found;
+        root = root.host.getRootNode();
+    }
+    return root instanceof Document ? root.getElementById(id) : null;
+};
+/**
+ * Points the target's reflected ARIA properties at the elements the host's ID-reference attributes
+ * name, or clears them. Run it again whenever the attributes or the referenced elements may have
+ * changed: element references don't follow an ID to a node added or replaced later.
+ */
+export const forwardAriaReferences = (host, target) => {
+    Object.entries(ARIA_REFERENCE_PROPERTIES).forEach(([attribute, property]) => {
+        var _a, _b;
+        if (!(property in target))
+            return;
+        const ids = (_b = (_a = host.getAttribute(attribute)) === null || _a === void 0 ? void 0 : _a.split(/\s+/).filter(Boolean)) !== null && _b !== void 0 ? _b : [];
+        const referenced = ids.map((id) => findInAncestorRoots(host, id)).filter((el) => el !== null);
+        target[property] = referenced.length > 0 ? referenced : null;
+    });
+};

package/dist/collection/utils/portal-target.js

@@ -0,0 +1,64 @@
+/**
+ * The native `<dialog>` or open `popover` (as pds-filter's) an element sits in, so a popup portaled
+ * there shares its top layer and a click in it isn't outside it; otherwise `document.body`.
+ * `closest()` stops at shadow boundaries and misses one that only wraps slotted content, so this
+ * walks assigned slots and shadow hosts, as pds-combobox does. `isHost` picks which ancestor counts.
+ */
+export function findPortalTarget(from, isHost = isOpenDialogOrPopover) {
+    const seen = new Set();
+    let current = from;
+    while (current && !seen.has(current)) {
+        seen.add(current);
+        if (current.nodeType === Node.ELEMENT_NODE && isHost(current)) {
+            return current;
+        }
+        const assigned = current.nodeType === Node.ELEMENT_NODE ? current.assignedSlot : null;
+        if (assigned) {
+            current = assigned;
+            continue;
+        }
+        const parent = current.parentNode;
+        current = parent instanceof ShadowRoot ? parent.host : parent;
+    }
+    return document.body;
+}
+/**
+ * A modal dialog or open popover, which paints in the top layer above anything in the body, that
+ * sits in the document itself: the document's stylesheets don't reach into a shadow root.
+ */
+export function isTopLayerInDocument(el) {
+    if (el.getRootNode() !== el.ownerDocument)
+        return false;
+    return matchesSafely(el, ':modal') || matchesSafely(el, ':popover-open');
+}
+/**
+ * Calls `onClose` once `host` leaves the top layer (its dialog closes or its popover hides), and
+ * returns a function that stops listening.
+ */
+export function onTopLayerClose(host, onClose) {
+    const check = () => {
+        if (!isTopLayerInDocument(host))
+            onClose();
+    };
+    host.addEventListener('close', check);
+    host.addEventListener('toggle', check);
+    return () => {
+        host.removeEventListener('close', check);
+        host.removeEventListener('toggle', check);
+    };
+}
+function isOpenDialogOrPopover(el) {
+    // Only an open dialog: inside a closed one, the popup would be hidden with it.
+    if (el.localName === 'dialog')
+        return el.open;
+    return el.hasAttribute('popover') && matchesSafely(el, ':popover-open');
+}
+function matchesSafely(el, selector) {
+    try {
+        return el.matches(selector);
+    }
+    catch (_a) {
+        // A browser without the selector (no Popover API, or no :modal): no top layer to share.
+        return false;
+    }
+}

package/dist/collection/utils/tabbable.js

@@ -0,0 +1,82 @@
+const TABBABLE = [
+    'a[href]',
+    'area[href]',
+    'button',
+    'input:not([type="hidden"])',
+    'select',
+    'textarea',
+    'iframe',
+    'summary',
+    '[contenteditable]:not([contenteditable="false"])',
+    '[tabindex]',
+].join(',');
+/**
+ * Collects the tabbable elements under `root` in focus order, walking into open shadow roots and
+ * following slots, so a component's own controls (the input inside pds-combobox or pds-textarea)
+ * count without being registered here by tag name. Positive tabindex values are not reordered,
+ * and a closed shadow root can't be seen into.
+ */
+function collectTabbable(root, found) {
+    for (const child of Array.from(root.children))
+        visitTabbable(child, found);
+}
+// An editing host reports tabIndex -1 but is still a Tab stop; editable content inside it is not.
+const isTabStop = (el) => { var _a; return el.tabIndex >= 0 || (el.isContentEditable && !el.hasAttribute('tabindex') && !((_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.isContentEditable)); };
+function visitTabbable(el, found) {
+    var _a, _b, _c, _d;
+    // A tooltip portaled into a dialog only describes the control that has focus; it's never a stop of its own.
+    if (el.hasAttribute('inert') || el.getAttribute('role') === 'tooltip')
+        return;
+    if (el.localName === 'slot') {
+        const slot = el;
+        // Fallback content renders only when nothing at all is assigned, text included.
+        if (((_b = (_a = slot.assignedNodes) === null || _a === void 0 ? void 0 : _a.call(slot, { flatten: true })) !== null && _b !== void 0 ? _b : []).length === 0)
+            return collectTabbable(el, found);
+        for (const slotted of slot.assignedElements({ flatten: true }))
+            visitTabbable(slotted, found);
+        return;
+    }
+    // A delegatesFocus host passes focus to its first control, which the walk below finds.
+    const delegates = ((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.delegatesFocus) === true;
+    if (el instanceof HTMLElement && !delegates && isTabStop(el) && el.matches(TABBABLE) && !el.matches(':disabled')) {
+        found.push(el);
+    }
+    // A shadow host's light children render only through its slots, which the walk reaches.
+    collectTabbable((_d = el.shadowRoot) !== null && _d !== void 0 ? _d : el, found);
+}
+/** The element as a radio in a named group, or `null`. */
+const groupedRadio = (el) => el instanceof HTMLInputElement && el.type === 'radio' && el.name !== '' ? el : null;
+/**
+ * Keeps one radio per named group, as the browser does: the checked one, or the first. The others
+ * are reached with the arrow keys, so they can't be the first or last stop of the trap.
+ */
+function oneRadioPerGroup(elements) {
+    // Radios group by name and form within one tree, so each shadow root starts its own groups.
+    const groups = [];
+    for (const el of elements) {
+        const radio = groupedRadio(el);
+        if (radio === null)
+            continue;
+        const group = groups.find(([first]) => first.name === radio.name && first.form === radio.form && first.getRootNode() === radio.getRootNode());
+        if (group)
+            group.push(radio);
+        else
+            groups.push([radio]);
+    }
+    const stops = new Set(groups.map((radios) => { var _a; return (_a = radios.find((radio) => radio.checked)) !== null && _a !== void 0 ? _a : radios[0]; }));
+    return elements.filter((el) => groupedRadio(el) === null || stops.has(el));
+}
+/** The controls Tab reaches in `root`, in order: visible ones, and one radio per group. */
+export function tabbableIn(root) {
+    const found = [];
+    collectTabbable(root, found);
+    // checkVisibility() also drops an element inside a hidden ancestor, whose own computed
+    // display isn't none; such an element can't take focus.
+    const visible = found.filter(el => {
+        if (typeof el.checkVisibility === 'function')
+            return el.checkVisibility({ checkVisibilityCSS: true });
+        const style = window.getComputedStyle(el);
+        return style.display !== 'none' && style.visibility !== 'hidden';
+    });
+    return oneRadioPerGroup(visible);
+}

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

@@ -1,4 +1,8 @@
 import { computePosition, flip, offset, shift, } from "@floating-ui/dom";
+import { findPortalTarget, isTopLayerInDocument, onTopLayerClose } from "./portal-target";
+// Controls that clipped text can sit inside that already take focus, so the text adds no tab stop of its own.
+// Not any `[tabindex]`: a focusable scroll region full of chips would show every chip's tooltip at once.
+export const FOCUSABLE_WRAPPER = 'a[href], button, summary, pds-button, pds-link, pds-tab, pds-dropdown-menu-item, [role="option"]';
 /** CSS class prefix used for truncation tooltip portal elements */
 const TOOLTIP_CLASS = 'pds-truncation-tooltip';
 /**
@@ -8,7 +12,8 @@ const TOOLTIP_CLASS = 'pds-truncation-tooltip';
  *
  * Z-Index Strategy:
  * Uses --pine-z-index-nuclear (9999) to ensure tooltips appear above all other UI elements.
- * This is necessary because tooltips are portaled to document.body and must overlay:
+ * This is necessary because tooltips are portaled to document.body, or into the modal dialog or
+ * open popover around the host (the top layer, which no z-index reaches from the body), and must overlay:
  * - Modal dialogs
  * - Dropdown menus
  * - Other floating UI elements
@@ -48,6 +53,15 @@ function injectStyles() {
       opacity: 1;
       visibility: visible;
     }
+    :is(dialog, [popover]) > .${TOOLTIP_CLASS} {
+      font-style: normal;
+      font-weight: normal;
+      text-align: start;
+      text-indent: 0;
+      text-transform: none;
+      white-space: normal;
+      word-spacing: normal;
+    }
   `;
     document.head.appendChild(style);
 }
@@ -74,7 +88,8 @@ function isFocusVisible(el) {
  *
  * When the element's text overflows, hovering the host element or giving it
  * keyboard focus will display a tooltip showing the full text content. The
- * tooltip is rendered as a portal on document.body and positioned with Floating UI.
+ * tooltip is rendered as a portal on document.body, or in the modal dialog or open popover around
+ * the host, and positioned with Floating UI.
  *
  * Also owns the element's `tabindex` while it is clipped — see syncTabIndex.
  *
@@ -84,6 +99,7 @@ export function setupTruncationTooltip(options) {
     const { hostEl, contentEl, getTooltipText, placement = 'top', reference = hostEl, manageTabIndex = true, focusEl = hostEl } = options;
     injectStyles();
     let portalEl = null;
+    let stopWatchingPortalHost = null;
     let isHovering = false;
     let isHoveringPortal = false;
     let isFocused = false;
@@ -162,7 +178,11 @@ export function setupTruncationTooltip(options) {
         contentDiv.className = `${TOOLTIP_CLASS}__content`;
         contentDiv.textContent = text.trim();
         portalEl.appendChild(contentDiv);
-        document.body.appendChild(portalEl);
+        const portalHost = findPortalTarget(hostEl, isTopLayerInDocument);
+        portalHost.appendChild(portalEl);
+        // Closing that host moves no pointer, so a tooltip opened by touch would outlive it unseen.
+        if (portalHost !== document.body)
+            stopWatchingPortalHost = onTopLayerClose(portalHost, closeWithPortalHost);
         // Allow the user to hover into the tooltip to select/copy text
         portalEl.addEventListener('mouseenter', handlePortalMouseEnter);
         portalEl.addEventListener('mouseleave', handlePortalMouseLeave);
@@ -201,6 +221,10 @@ export function setupTruncationTooltip(options) {
         }
     }
     function removePortal() {
+        if (stopWatchingPortalHost !== null) {
+            stopWatchingPortalHost();
+            stopWatchingPortalHost = null;
+        }
         if (portalEl) {
             portalEl.removeEventListener('mouseenter', handlePortalMouseEnter);
             portalEl.removeEventListener('mouseleave', handlePortalMouseLeave);
@@ -234,6 +258,14 @@ export function setupTruncationTooltip(options) {
             return;
         removePortal();
     }
+    // Hover and focus can't outlast a host that's no longer shown, so none of them keeps it open.
+    function closeWithPortalHost() {
+        isHovering = false;
+        isHoveringPortal = false;
+        isFocused = false;
+        cancelHideTimeout();
+        removePortal();
+    }
     /**
      * Schedules tooltip removal after a short delay.
      *
@@ -265,11 +297,18 @@ export function setupTruncationTooltip(options) {
         isHoveringPortal = false;
         scheduleHide();
     }
+    // A second tab stop inside focusEl, such as another clipped text, bubbles its focus here too. Its event.target is
+    // retargeted to the stop's outermost element in focusEl's tree, which sits beside hostEl rather than around or in it.
+    function isFocusForHost(target) {
+        return focusEl === hostEl || target === focusEl || target.contains(hostEl) || hostEl.contains(target);
+    }
     // Keyboard focus only: focus from a click would pin the tooltip open after the pointer leaves.
     // Events from inside a shadow root arrive retargeted to its host, so test the innermost target.
     function showForVisibleFocus(event) {
         if (!isFocusVisible(event.composedPath()[0]))
             return;
+        if (!isFocusForHost(event.target))
+            return;
         isFocused = true;
         showTooltip();
     }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-27T18:27:39",
+  "timestamp": "2026-11-04T18:16:35",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -565,6 +565,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "severityLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "severity-label",
+          "reflectToAttr": false,
+          "docs": "Accessible label announcing the alert's severity, read before the heading\nand message. Pass a translated string to localize it; defaults to English\nfor each variant (`Error`, `Info`, `Success`, `Warning`). The `default`\nvariant has no severity and announces none unless this is set; pass an\nempty string to announce none for any variant.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "undefined"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "small",
           "type": "boolean",
@@ -771,6 +799,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "badgeLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "badge-label",
+          "reflectToAttr": false,
+          "docs": "Accessible label for the badge icon. Pass a translated string to localize\nit; defaults to English. Pass an empty string to make the badge\ndecorative. Has no effect on dropdown avatars, where the trigger's\n`triggerLabel` owns the accessible name.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "'Verified'"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "componentId",
           "type": "string",
@@ -12663,7 +12719,7 @@
           "mutable": false,
           "attr": "hide-label",
           "reflectToAttr": false,
-          "docs": "Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.",
+          "docs": "Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers. Ignored when `variant` is `pill`.",
           "docsTags": [],
           "values": [
             {
@@ -12686,7 +12742,7 @@
           "mutable": true,
           "attr": "indeterminate",
           "reflectToAttr": false,
-          "docs": "If `true`, the checkbox will visually appear as indeterminate.\nOnly JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).",
+          "docs": "If `true`, the checkbox will visually appear as indeterminate.\nOnly JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).\nHas no visual style when `variant` is `pill`.",
           "docsTags": [],
           "values": [
             {
@@ -12812,6 +12868,40 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"default\" | \"pill\"",
+          "complexType": {
+            "original": "'default' | 'pill'",
+            "resolved": "\"default\" | \"pill\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "Sets the style variant of the checkbox. `pill` renders the label as a pill-shaped choice; the native input still handles keyboard, form, and screen reader behavior.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "default"
+            }
+          ],
+          "default": "'default'",
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "pill",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -14609,6 +14699,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "truncate",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "truncate",
+          "reflectToAttr": true,
+          "docs": "Determines whether the button trigger's label and the option labels should truncate and display with an ellipsis.\nWhen a label overflows, a `title` showing the full label will appear on hover.\nChip options, custom layouts and group rows aren't affected.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -17435,6 +17554,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "externalLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "external-label",
+          "reflectToAttr": false,
+          "docs": "Accessible label for the external-link icon, passed to the inner\n`pds-link`. Pass a translated string to localize it; defaults to English.\nPass an empty string to make the icon decorative.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "'(opens in a new tab)'"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "href",
           "type": "string",
@@ -19200,6 +19347,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "externalLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "external-label",
+          "reflectToAttr": false,
+          "docs": "Accessible label for the icon that `external` shows, appended to the\nlink's name. It isn't announced when `target` keeps the link in the same\ntab. Pass a translated string to localize it; defaults to English. Pass an\nempty string to make the icon decorative.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "'(opens in a new tab)'"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "fontSize",
           "type": "\"lg\" | \"md\" | \"sm\"",
@@ -22576,7 +22751,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "image - Custom image content to display instead of the default radio input"
+          "text": "image - Custom image content to display instead of the default radio input. Ignored when `variant` is `pill`."
         },
         {
           "name": "part",
@@ -22704,7 +22879,7 @@
           "mutable": false,
           "attr": "has-border",
           "reflectToAttr": false,
-          "docs": "Adds a border around the radio component for better visual separation.",
+          "docs": "Adds a border around the radio component for better visual separation. Ignored when `variant` is `pill`.",
           "docsTags": [
             {
               "name": "defaultValue",
@@ -22756,7 +22931,7 @@
           "mutable": false,
           "attr": "hide-label",
           "reflectToAttr": false,
-          "docs": "Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.",
+          "docs": "Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers. Ignored when `variant` is `pill`.",
           "docsTags": [],
           "values": [
             {
@@ -22894,6 +23069,40 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"default\" | \"pill\"",
+          "complexType": {
+            "original": "'default' | 'pill'",
+            "resolved": "\"default\" | \"pill\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "Sets the style variant of the radio. `pill` renders the label as a pill-shaped choice; the native input still handles keyboard, form, and screen reader behavior.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "default"
+            }
+          ],
+          "default": "'default'",
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "pill",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -22918,7 +23127,7 @@
       "slots": [
         {
           "name": "image",
-          "docs": "Custom image content to display instead of the default radio input"
+          "docs": "Custom image content to display instead of the default radio input. Ignored when `variant` is `pill`."
         }
       ],
       "parts": [
@@ -26715,7 +26924,7 @@
           "mutable": false,
           "attr": "truncate",
           "reflectToAttr": true,
-          "docs": "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: While the text is overflowing, the element receives tabindex=\"0\" so the\ntooltip can be reached by keyboard. Text that fits is left out of the tab order.",
+          "docs": "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: While the text is overflowing, the element receives tabindex=\"0\" so the\ntooltip can be reached by keyboard. Text that fits is left out of the tab order.\nInside a link or button (including `pds-button`, `pds-link`, `pds-tab`, and\n`pds-dropdown-menu-item`) that holds no other truncated text or `pds-chip` with a\n`max-width`, no tab stop is added; the tooltip appears when that control receives\nkeyboard focus.",
           "docsTags": [],
           "values": [
             {
@@ -27566,6 +27775,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "severityLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "severity-label",
+          "reflectToAttr": false,
+          "docs": "Accessible label announcing the toast's severity, read before the message.\nPass a translated string to localize it; defaults to English (`Error`) for\nthe `danger` type. Other types announce none unless this is set; pass an\nempty string to announce none.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "undefined"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "type",
           "type": "\"danger\" | \"default\" | \"loading\"",

package/dist/esm/{attributes-WXw_I_uJ.js → attributes-DkeVeN0g.js}

@@ -1,4 +1,4 @@
-import { c as classNamesOf, l as limitRestores, H as HOST_RESTORE, s as stencilClassesOf } from './keep-hydrated-BLG6RDBt.js';
+import { c as classNamesOf, l as limitRestores, H as HOST_RESTORE, s as stencilClassesOf } from './keep-hydrated-BgNaWLoS.js';
 
 /**
  * Sets each attribute whose current value differs, and leaves the rest alone. A `MutationObserver`

package/dist/esm/{floating-ui.dom-BPqJgIq6.js → floating-ui.dom-Cuc0DYlm.js}

@@ -1703,4 +1703,4 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-export { autoUpdate as a, size as b, computePosition as c, flip as f, hide as h, offset as o, shift as s };
+export { autoUpdate as a, size as b, computePosition as c, flip as f, hide as h, offset as o, platform as p, shift as s };