@pine-ds/core 4.4.3 → 4.5.0

package/dist/types/components.d.ts

@@ -185,6 +185,9 @@ export namespace Components {
          */
         "variant"?: 'customer' | 'admin';
     }
+    /**
+     * @lightDom host-only
+     */
     interface PdsBox {
         /**
           * Defines how items within the box are aligned.
@@ -1081,6 +1084,11 @@ export namespace Components {
           * The name of the form control. Submitted with the form as part of a name/value pair.
          */
         "name"?: string;
+        /**
+          * Text shown when no options match the search. Pass a translated string to localize it; defaults to English.
+          * @defaultValue 'No options found'
+         */
+        "noOptionsFoundLabel": string;
         /**
           * Options provided externally (for consumer-managed async).
          */
@@ -1429,6 +1437,7 @@ export namespace Components {
      * suppressed, and adds the edge, width and dismiss behavior a side panel
      * needs on top. It does not reimplement focus, Escape or dialog semantics —
      * those come from `pds-modal` unchanged.
+     * @lightDom renders-markup
      */
     interface PdsDrawer {
         /**
@@ -1471,11 +1480,18 @@ export namespace Components {
      * which caps itself against the viewport for a centered, possibly-shorter
      * modal, a drawer panel is already edge-to-edge, so its content can simply
      * flex to fill whatever space the header and footer leave.
+     * @lightDom renders-markup
      */
     interface PdsDrawerContent {
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsDrawerFooter {
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsDrawerHeader {
     }
     interface PdsDropdownMenu {
@@ -1817,6 +1833,9 @@ export namespace Components {
          */
         "variant": 'spinner' | 'typing';
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsModal {
         /**
           * Whether the modal can be dismissed by clicking the backdrop
@@ -1861,6 +1880,9 @@ export namespace Components {
          */
         "size": ModalSizeType | (string & Record<never, never>);
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsModalContent {
         /**
           * The border style for the content area. When not explicitly set, automatically determined based on scroll state.
@@ -1868,8 +1890,14 @@ export namespace Components {
          */
         "border": 'none' | 'both' | 'top' | 'bottom';
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsModalFooter {
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsModalHeader {
     }
     interface PdsMultiselect {
@@ -2187,6 +2215,9 @@ export namespace Components {
          */
         "icon": string;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsRadio {
         /**
           * Determines whether or not the radio is checked.
@@ -2242,6 +2273,9 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsRadioGroup {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -2289,6 +2323,9 @@ export namespace Components {
          */
         "required": boolean;
     }
+    /**
+     * @lightDom host-only
+     */
     interface PdsRow {
         /**
           * Defines the vertical alignment of the row items.
@@ -2388,6 +2425,9 @@ export namespace Components {
          */
         "value"?: string | string[];
     }
+    /**
+     * @lightDom host-only
+     */
     interface PdsSortable {
         /**
           * Determines whether `sortable` should have a border.
@@ -2414,6 +2454,9 @@ export namespace Components {
          */
         "handleType": 'handle' | 'row';
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsSortableItem {
         /**
           * A unique identifier used for the sortable item `id` attribute.
@@ -2480,6 +2523,9 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsTab {
         /**
           * Marks this tab as the current one in navigation mode (`href` set). Applies the active treatment and `aria-current="page"`. Ignored in panel mode, where the active tab is derived from the parent's `activeTabName`.
@@ -2623,6 +2669,9 @@ export namespace Components {
          */
         "isSelected"?: boolean;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsTabpanel {
         /**
           * Sets the related tab name, this name must match a `pds-tab`'s tab name property
@@ -2844,6 +2893,9 @@ export namespace Components {
          */
         "type": 'default' | 'danger' | 'loading';
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsTooltip {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -3064,6 +3116,9 @@ declare global {
         prototype: HTMLPdsAvatarElement;
         new (): HTMLPdsAvatarElement;
     };
+    /**
+     * @lightDom host-only
+     */
     interface HTMLPdsBoxElement extends Components.PdsBox, HTMLStencilElement {
     }
     var HTMLPdsBoxElement: {
@@ -3206,6 +3261,7 @@ declare global {
      * suppressed, and adds the edge, width and dismiss behavior a side panel
      * needs on top. It does not reimplement focus, Escape or dialog semantics —
      * those come from `pds-modal` unchanged.
+     * @lightDom renders-markup
      */
     interface HTMLPdsDrawerElement extends Components.PdsDrawer, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsDrawerElementEventMap>(type: K, listener: (this: HTMLPdsDrawerElement, ev: PdsDrawerCustomEvent<HTMLPdsDrawerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3226,6 +3282,7 @@ declare global {
      * which caps itself against the viewport for a centered, possibly-shorter
      * modal, a drawer panel is already edge-to-edge, so its content can simply
      * flex to fill whatever space the header and footer leave.
+     * @lightDom renders-markup
      */
     interface HTMLPdsDrawerContentElement extends Components.PdsDrawerContent, HTMLStencilElement {
     }
@@ -3233,12 +3290,18 @@ declare global {
         prototype: HTMLPdsDrawerContentElement;
         new (): HTMLPdsDrawerContentElement;
     };
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsDrawerFooterElement extends Components.PdsDrawerFooter, HTMLStencilElement {
     }
     var HTMLPdsDrawerFooterElement: {
         prototype: HTMLPdsDrawerFooterElement;
         new (): HTMLPdsDrawerFooterElement;
     };
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsDrawerHeaderElement extends Components.PdsDrawerHeader, HTMLStencilElement {
     }
     var HTMLPdsDrawerHeaderElement: {
@@ -3348,6 +3411,9 @@ declare global {
         "pdsModalOpen": void;
         "pdsModalClose": void;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsModalElement extends Components.PdsModal, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsModalElementEventMap>(type: K, listener: (this: HTMLPdsModalElement, ev: PdsModalCustomEvent<HTMLPdsModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3362,18 +3428,27 @@ declare global {
         prototype: HTMLPdsModalElement;
         new (): HTMLPdsModalElement;
     };
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsModalContentElement extends Components.PdsModalContent, HTMLStencilElement {
     }
     var HTMLPdsModalContentElement: {
         prototype: HTMLPdsModalContentElement;
         new (): HTMLPdsModalContentElement;
     };
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsModalFooterElement extends Components.PdsModalFooter, HTMLStencilElement {
     }
     var HTMLPdsModalFooterElement: {
         prototype: HTMLPdsModalFooterElement;
         new (): HTMLPdsModalFooterElement;
     };
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsModalHeaderElement extends Components.PdsModalHeader, HTMLStencilElement {
     }
     var HTMLPdsModalHeaderElement: {
@@ -3435,6 +3510,9 @@ declare global {
     interface HTMLPdsRadioElementEventMap {
         "pdsRadioChange": boolean;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsRadioElement extends Components.PdsRadio, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsRadioElementEventMap>(type: K, listener: (this: HTMLPdsRadioElement, ev: PdsRadioCustomEvent<HTMLPdsRadioElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3452,6 +3530,9 @@ declare global {
     interface HTMLPdsRadioGroupElementEventMap {
         "pdsRadioGroupChange": RadioGroupChangeEventDetail;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsRadioGroupElement extends Components.PdsRadioGroup, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsRadioGroupElementEventMap>(type: K, listener: (this: HTMLPdsRadioGroupElement, ev: PdsRadioGroupCustomEvent<HTMLPdsRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3466,6 +3547,9 @@ declare global {
         prototype: HTMLPdsRadioGroupElement;
         new (): HTMLPdsRadioGroupElement;
     };
+    /**
+     * @lightDom host-only
+     */
     interface HTMLPdsRowElement extends Components.PdsRow, HTMLStencilElement {
     }
     var HTMLPdsRowElement: {
@@ -3495,6 +3579,9 @@ declare global {
     interface HTMLPdsSortableElementEventMap {
         "pdsSortableItemMoved": SortableEvent;
     }
+    /**
+     * @lightDom host-only
+     */
     interface HTMLPdsSortableElement extends Components.PdsSortable, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsSortableElementEventMap>(type: K, listener: (this: HTMLPdsSortableElement, ev: PdsSortableCustomEvent<HTMLPdsSortableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3509,6 +3596,9 @@ declare global {
         prototype: HTMLPdsSortableElement;
         new (): HTMLPdsSortableElement;
     };
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsSortableItemElement extends Components.PdsSortableItem, HTMLStencilElement {
     }
     var HTMLPdsSortableItemElement: {
@@ -3535,6 +3625,9 @@ declare global {
     interface HTMLPdsTabElementEventMap {
         "pdsTabClick": object;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsTabElement extends Components.PdsTab, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsTabElementEventMap>(type: K, listener: (this: HTMLPdsTabElement, ev: PdsTabCustomEvent<HTMLPdsTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3629,6 +3722,9 @@ declare global {
         prototype: HTMLPdsTableRowElement;
         new (): HTMLPdsTableRowElement;
     };
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsTabpanelElement extends Components.PdsTabpanel, HTMLStencilElement {
     }
     var HTMLPdsTabpanelElement: {
@@ -3685,6 +3781,9 @@ declare global {
         prototype: HTMLPdsToastElement;
         new (): HTMLPdsToastElement;
     };
+    /**
+     * @lightDom renders-markup
+     */
     interface HTMLPdsTooltipElement extends Components.PdsTooltip, HTMLStencilElement {
     }
     var HTMLPdsTooltipElement: {
@@ -3914,6 +4013,9 @@ declare namespace LocalJSX {
          */
         "variant"?: 'customer' | 'admin';
     }
+    /**
+     * @lightDom host-only
+     */
     interface PdsBox {
         /**
           * Defines how items within the box are aligned.
@@ -4820,6 +4922,11 @@ declare namespace LocalJSX {
           * The name of the form control. Submitted with the form as part of a name/value pair.
          */
         "name"?: string;
+        /**
+          * Text shown when no options match the search. Pass a translated string to localize it; defaults to English.
+          * @defaultValue 'No options found'
+         */
+        "noOptionsFoundLabel"?: string;
         /**
           * Emitted when the value changes.
          */
@@ -5184,6 +5291,7 @@ declare namespace LocalJSX {
      * suppressed, and adds the edge, width and dismiss behavior a side panel
      * needs on top. It does not reimplement focus, Escape or dialog semantics —
      * those come from `pds-modal` unchanged.
+     * @lightDom renders-markup
      */
     interface PdsDrawer {
         /**
@@ -5234,11 +5342,18 @@ declare namespace LocalJSX {
      * which caps itself against the viewport for a centered, possibly-shorter
      * modal, a drawer panel is already edge-to-edge, so its content can simply
      * flex to fill whatever space the header and footer leave.
+     * @lightDom renders-markup
      */
     interface PdsDrawerContent {
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsDrawerFooter {
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsDrawerHeader {
     }
     interface PdsDropdownMenu {
@@ -5604,6 +5719,9 @@ declare namespace LocalJSX {
          */
         "variant"?: 'spinner' | 'typing';
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsModal {
         /**
           * Whether the modal can be dismissed by clicking the backdrop
@@ -5648,6 +5766,9 @@ declare namespace LocalJSX {
          */
         "size"?: ModalSizeType | (string & Record<never, never>);
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsModalContent {
         /**
           * The border style for the content area. When not explicitly set, automatically determined based on scroll state.
@@ -5655,8 +5776,14 @@ declare namespace LocalJSX {
          */
         "border"?: 'none' | 'both' | 'top' | 'bottom';
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsModalFooter {
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsModalHeader {
     }
     interface PdsMultiselect {
@@ -5986,6 +6113,9 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsRadio {
         /**
           * Determines whether or not the radio is checked.
@@ -6045,6 +6175,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsRadioGroup {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -6096,6 +6229,9 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
     }
+    /**
+     * @lightDom host-only
+     */
     interface PdsRow {
         /**
           * Defines the vertical alignment of the row items.
@@ -6215,6 +6351,9 @@ declare namespace LocalJSX {
          */
         "value"?: string | string[];
     }
+    /**
+     * @lightDom host-only
+     */
     interface PdsSortable {
         /**
           * Determines whether `sortable` should have a border.
@@ -6245,6 +6384,9 @@ declare namespace LocalJSX {
          */
         "onPdsSortableItemMoved"?: (event: PdsSortableCustomEvent<SortableEvent>) => void;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsSortableItem {
         /**
           * A unique identifier used for the sortable item `id` attribute.
@@ -6319,6 +6461,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsTab {
         /**
           * Marks this tab as the current one in navigation mode (`href` set). Applies the active treatment and `aria-current="page"`. Ignored in panel mode, where the active tab is derived from the parent's `activeTabName`.
@@ -6461,6 +6606,9 @@ declare namespace LocalJSX {
          */
         "onPdsTableRowSelected"?: (event: PdsTableRowCustomEvent<{ rowIndex: number; isSelected: boolean; }>) => void;
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsTabpanel {
         /**
           * Sets the related tab name, this name must match a `pds-tab`'s tab name property
@@ -6694,6 +6842,9 @@ declare namespace LocalJSX {
          */
         "type"?: 'default' | 'danger' | 'loading';
     }
+    /**
+     * @lightDom renders-markup
+     */
     interface PdsTooltip {
         /**
           * A unique identifier used for the underlying component `id` attribute.
@@ -6949,6 +7100,7 @@ declare namespace LocalJSX {
         "dropdownWidth": string;
         "dropdownMount": 'host' | 'body';
         "drillInBackLabel": string;
+        "noOptionsFoundLabel": string;
         "flyoutMaxWidth": string;
         "flyoutMinWidth": string;
         "groupDisplay": 'inline' | 'flyout' | 'drill-in';
@@ -7480,6 +7632,9 @@ declare module "@stencil/core" {
             "pds-accordion": LocalJSX.IntrinsicElements["pds-accordion"] & JSXBase.HTMLAttributes<HTMLPdsAccordionElement>;
             "pds-alert": LocalJSX.IntrinsicElements["pds-alert"] & JSXBase.HTMLAttributes<HTMLPdsAlertElement>;
             "pds-avatar": LocalJSX.IntrinsicElements["pds-avatar"] & JSXBase.HTMLAttributes<HTMLPdsAvatarElement>;
+            /**
+             * @lightDom host-only
+             */
             "pds-box": LocalJSX.IntrinsicElements["pds-box"] & JSXBase.HTMLAttributes<HTMLPdsBoxElement>;
             "pds-button": LocalJSX.IntrinsicElements["pds-button"] & JSXBase.HTMLAttributes<HTMLPdsButtonElement>;
             "pds-checkbox": LocalJSX.IntrinsicElements["pds-checkbox"] & JSXBase.HTMLAttributes<HTMLPdsCheckboxElement>;
@@ -7502,6 +7657,7 @@ declare module "@stencil/core" {
              * suppressed, and adds the edge, width and dismiss behavior a side panel
              * needs on top. It does not reimplement focus, Escape or dialog semantics —
              * those come from `pds-modal` unchanged.
+             * @lightDom renders-markup
              */
             "pds-drawer": LocalJSX.IntrinsicElements["pds-drawer"] & JSXBase.HTMLAttributes<HTMLPdsDrawerElement>;
             /**
@@ -7509,9 +7665,16 @@ declare module "@stencil/core" {
              * which caps itself against the viewport for a centered, possibly-shorter
              * modal, a drawer panel is already edge-to-edge, so its content can simply
              * flex to fill whatever space the header and footer leave.
+             * @lightDom renders-markup
              */
             "pds-drawer-content": LocalJSX.IntrinsicElements["pds-drawer-content"] & JSXBase.HTMLAttributes<HTMLPdsDrawerContentElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-drawer-footer": LocalJSX.IntrinsicElements["pds-drawer-footer"] & JSXBase.HTMLAttributes<HTMLPdsDrawerFooterElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-drawer-header": LocalJSX.IntrinsicElements["pds-drawer-header"] & JSXBase.HTMLAttributes<HTMLPdsDrawerHeaderElement>;
             "pds-dropdown-menu": LocalJSX.IntrinsicElements["pds-dropdown-menu"] & JSXBase.HTMLAttributes<HTMLPdsDropdownMenuElement>;
             "pds-dropdown-menu-item": LocalJSX.IntrinsicElements["pds-dropdown-menu-item"] & JSXBase.HTMLAttributes<HTMLPdsDropdownMenuItemElement>;
@@ -7528,21 +7691,51 @@ declare module "@stencil/core" {
             "pds-input": LocalJSX.IntrinsicElements["pds-input"] & JSXBase.HTMLAttributes<HTMLPdsInputElement>;
             "pds-link": LocalJSX.IntrinsicElements["pds-link"] & JSXBase.HTMLAttributes<HTMLPdsLinkElement>;
             "pds-loader": LocalJSX.IntrinsicElements["pds-loader"] & JSXBase.HTMLAttributes<HTMLPdsLoaderElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-modal": LocalJSX.IntrinsicElements["pds-modal"] & JSXBase.HTMLAttributes<HTMLPdsModalElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-modal-content": LocalJSX.IntrinsicElements["pds-modal-content"] & JSXBase.HTMLAttributes<HTMLPdsModalContentElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-modal-footer": LocalJSX.IntrinsicElements["pds-modal-footer"] & JSXBase.HTMLAttributes<HTMLPdsModalFooterElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-modal-header": LocalJSX.IntrinsicElements["pds-modal-header"] & JSXBase.HTMLAttributes<HTMLPdsModalHeaderElement>;
             "pds-multiselect": LocalJSX.IntrinsicElements["pds-multiselect"] & JSXBase.HTMLAttributes<HTMLPdsMultiselectElement>;
             "pds-popover": LocalJSX.IntrinsicElements["pds-popover"] & JSXBase.HTMLAttributes<HTMLPdsPopoverElement>;
             "pds-progress": LocalJSX.IntrinsicElements["pds-progress"] & JSXBase.HTMLAttributes<HTMLPdsProgressElement>;
             "pds-property": LocalJSX.IntrinsicElements["pds-property"] & JSXBase.HTMLAttributes<HTMLPdsPropertyElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-radio": LocalJSX.IntrinsicElements["pds-radio"] & JSXBase.HTMLAttributes<HTMLPdsRadioElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-radio-group": LocalJSX.IntrinsicElements["pds-radio-group"] & JSXBase.HTMLAttributes<HTMLPdsRadioGroupElement>;
+            /**
+             * @lightDom host-only
+             */
             "pds-row": LocalJSX.IntrinsicElements["pds-row"] & JSXBase.HTMLAttributes<HTMLPdsRowElement>;
             "pds-select": LocalJSX.IntrinsicElements["pds-select"] & JSXBase.HTMLAttributes<HTMLPdsSelectElement>;
+            /**
+             * @lightDom host-only
+             */
             "pds-sortable": LocalJSX.IntrinsicElements["pds-sortable"] & JSXBase.HTMLAttributes<HTMLPdsSortableElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-sortable-item": LocalJSX.IntrinsicElements["pds-sortable-item"] & JSXBase.HTMLAttributes<HTMLPdsSortableItemElement>;
             "pds-switch": LocalJSX.IntrinsicElements["pds-switch"] & JSXBase.HTMLAttributes<HTMLPdsSwitchElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-tab": LocalJSX.IntrinsicElements["pds-tab"] & JSXBase.HTMLAttributes<HTMLPdsTabElement>;
             "pds-table": LocalJSX.IntrinsicElements["pds-table"] & JSXBase.HTMLAttributes<HTMLPdsTableElement>;
             "pds-table-body": LocalJSX.IntrinsicElements["pds-table-body"] & JSXBase.HTMLAttributes<HTMLPdsTableBodyElement>;
@@ -7550,11 +7743,17 @@ declare module "@stencil/core" {
             "pds-table-head": LocalJSX.IntrinsicElements["pds-table-head"] & JSXBase.HTMLAttributes<HTMLPdsTableHeadElement>;
             "pds-table-head-cell": LocalJSX.IntrinsicElements["pds-table-head-cell"] & JSXBase.HTMLAttributes<HTMLPdsTableHeadCellElement>;
             "pds-table-row": LocalJSX.IntrinsicElements["pds-table-row"] & JSXBase.HTMLAttributes<HTMLPdsTableRowElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-tabpanel": LocalJSX.IntrinsicElements["pds-tabpanel"] & JSXBase.HTMLAttributes<HTMLPdsTabpanelElement>;
             "pds-tabs": LocalJSX.IntrinsicElements["pds-tabs"] & JSXBase.HTMLAttributes<HTMLPdsTabsElement>;
             "pds-text": LocalJSX.IntrinsicElements["pds-text"] & JSXBase.HTMLAttributes<HTMLPdsTextElement>;
             "pds-textarea": LocalJSX.IntrinsicElements["pds-textarea"] & JSXBase.HTMLAttributes<HTMLPdsTextareaElement>;
             "pds-toast": LocalJSX.IntrinsicElements["pds-toast"] & JSXBase.HTMLAttributes<HTMLPdsToastElement>;
+            /**
+             * @lightDom renders-markup
+             */
             "pds-tooltip": LocalJSX.IntrinsicElements["pds-tooltip"] & JSXBase.HTMLAttributes<HTMLPdsTooltipElement>;
         }
     }

package/dist/types/global/pine-global.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export { TEXT_SIZES } from './utils/types';
+export { keepPineHydrated } from './utils/keep-hydrated';
 import '@pine-ds/icons';

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

@@ -1,6 +1,29 @@
 export type Attributes = {
     [key: string]: any;
 };
+/**
+ * Sets each attribute whose current value differs, and leaves the rest alone. A `MutationObserver`
+ * that calls this to restore attributes sees its own writes once and then settles, so it can't loop.
+ * @param el - Element to write to
+ * @param attributes - Attribute names and the values they should have
+ */
+export declare const setAttributesIfChanged: (el: Element, attributes: Record<string, string>) => void;
+/**
+ * The classes, style properties and other attributes a component renders onto its own host.
+ */
+export type HostStyling = {
+    classes: string[];
+    styles: Record<string, string>;
+    attributes?: Record<string, unknown>;
+};
+/**
+ * Puts back any of `expected`'s classes or style properties that are missing from `el`. It only
+ * adds what's missing, never rewrites a value that's there, because browsers normalize some style
+ * values (`flex: 1` reads back as `1 1 0%`): comparing values would rewrite them forever.
+ * @param el - Host element
+ * @param expected - Classes and style properties the component rendered
+ */
+export declare const restoreHostStyling: (el: HTMLElement, { classes, styles }: HostStyling) => void;
 /**
  * Inherit attributes from the host element
  * @param el - Host element
@@ -8,3 +31,14 @@ export type Attributes = {
  */
 export declare const inheritAttributes: (el: Element, attributes?: string[]) => Attributes;
 export declare const inheritAriaAttributes: (el: Element, ignoreList?: string[]) => Attributes;
+/**
+ * One component's use of `keepHostStyling`: `record` what `render()` puts on the host, `connect` in
+ * `connectedCallback` and `disconnect` in `disconnectedCallback`.
+ */
+export declare class HostStylingKeeper {
+    private styling;
+    private observer;
+    record(classes: string | Record<string, boolean>, styles?: Record<string, string>, attributes?: Record<string, unknown>): void;
+    connect(el: HTMLElement): void;
+    disconnect(): void;
+}

package/dist/types/utils/keep-hydrated.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Whether a class is one Stencil itself puts on a host: its default `hydratedFlag` (Pine doesn't
+ * change it), or a scoped component's own scope classes (`sc-pds-radio`, `sc-pds-radio-h`,
+ * `sc-pds-radio-s`), which its CSS needs. Only the host's own: another `sc-` class may be a
+ * consumer's (styled-components ids).
+ * @param el - Host element
+ * @param name - Class name
+ */
+export declare const isStencilClass: (el: Element, name: string) => boolean;
+/**
+ * The class names in a rendered `class` value: a string, or Stencil's `{ name: boolean }` form.
+ */
+export declare const classNamesOf: (classes: string | Record<string, boolean>) => string[];
+/**
+ * Puts Stencil's own classes back on any Pine component that loses them. Stencil hides a component
+ * until it has `hydrated`, so a DOM morph that strips a host's `class` makes it vanish, and nothing
+ * rewrites it. One observer on the whole document covers every component, including the ones with no
+ * host restore of their own. It only restores classes the element had, so it never runs ahead of
+ * Stencil. It can't see inside shadow roots, which a morph doesn't reach either.
+ *
+ * A script that removes `hydrated` on purpose sees it come back, and one that removes it every time it
+ * appears never settles: don't strip Pine's classes from a `MutationObserver`.
+ *
+ * Pine's global script calls this, so the CDN and `dist` builds get it on load. The custom-elements
+ * build (`@pine-ds/core/components/*`, `@pine-ds/react`) has no global script: call it once yourself.
+ * Calling it again does nothing, and without `MutationObserver` (server rendering) neither does the
+ * first call.
+ */
+export declare const keepPineHydrated: () => void;