@pine-ds/core 3.3.0 → 3.4.1

package/dist/pine-core/pine-core.js

@@ -115,7 +115,7 @@ DOMTokenList
     var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
     var start = function() {
       // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-      var url = new URL('./p-BsL2GDnH.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-De9tROL-.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

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

@@ -0,0 +1,153 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { BasePdsProps } from "../../utils/interfaces";
+/**
+ * @slot option - Option elements for the combobox dropdown
+ * @slot trigger-content - Custom content for the button trigger when customTriggerContent is true
+ */
+export declare class PdsCombobox implements BasePdsProps {
+    /** Reference to the host element */
+    el: HTMLPdsComboboxElement;
+    /**
+     * A unique identifier used for the underlying component `id` attribute.
+     */
+    componentId: string;
+    /**
+     * Enable custom layout content for options. Options with data-layout attribute will render their HTML content.
+     * ⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.
+     * @default false
+     */
+    customOptionLayouts: boolean;
+    /**
+     * Enable custom layout content for the button trigger via the trigger-content slot.
+     * When true, uses slot content for initial state but updates dynamically with selected option layout.
+     * ⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.
+     * @default false
+     */
+    customTriggerContent: boolean;
+    /**
+     * If true, the combobox is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Placement of the dropdown relative to the trigger.
+     * @default 'bottom-start'
+     */
+    dropdownPlacement: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+    /**
+     * Width of the dropdown. Any valid CSS width value.
+     * @default '236px'
+     */
+    dropdownWidth: string;
+    /**
+     * Visually hides the label text for instances where only the combobox should be displayed.
+     * Label remains accessible to assistive technology such as screen readers.
+     */
+    hideLabel: boolean;
+    /**
+     * Text to be displayed as the combobox label.
+     */
+    label?: string;
+    /**
+     * Maximum height of the dropdown. Can be any valid CSS height value (e.g., '200px', '10rem').
+     * When content exceeds this height, the dropdown will scroll.
+     */
+    maxHeight?: string;
+    /**
+     * Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).
+     * @default 'filter'
+     */
+    mode: 'filter' | 'select-only';
+    /**
+     * Placeholder text for the input field.
+     */
+    placeholder?: string;
+    /**
+     * Determines the combobox trigger: 'input' (editable input) or 'button' (button-like, non-editable).
+     * @default 'input'
+     */
+    trigger: 'input' | 'button';
+    /**
+     * Width of the trigger (button or input). Any valid CSS width value.
+     * @default 'fit-content'
+     */
+    triggerWidth: string;
+    /**
+     * The visual variant for the button trigger. Matches Pine button variants.
+     * @default 'secondary'
+     */
+    triggerVariant: 'secondary' | 'primary' | 'accent' | 'destructive';
+    /**
+     * The value of the combobox input.
+     */
+    value: string;
+    /**
+     * Emitted when the value changes.
+     */
+    pdsComboboxChange: EventEmitter<{
+        value: string;
+    }>;
+    /**
+     * Internal state for filtered options
+     */
+    filteredOptions: HTMLOptionElement[];
+    /**
+     * Internal state for the currently highlighted option index
+     */
+    highlightedIndex: number;
+    /**
+     * Internal state for dropdown open/close
+     */
+    isOpen: boolean;
+    /**
+     * Internal state for the currently selected option
+     */
+    selectedOption: HTMLOptionElement | null;
+    /**
+     * Internal state for the sanitized layout content of the selected option
+     */
+    selectedOptionLayoutContent: string;
+    private inputEl?;
+    private optionEls;
+    private triggerEl?;
+    private listboxEl?;
+    componentWillLoad(): void;
+    handleValueChange(): void;
+    handleSelectedOptionChange(): void;
+    private updateOptions;
+    private getOptionLabel;
+    private getOptionLayoutContent;
+    private sanitizeHtml;
+    private isOptionLayout;
+    private isOptionSelected;
+    private setSelectedOption;
+    private filterOptions;
+    private openDropdownPositioning;
+    private handleInput;
+    private handleFocus;
+    private handleKeyDown;
+    /**
+     * Sets focus on the native input element.
+     */
+    setFocus(): Promise<void>;
+    /**
+     * Gets the value of the currently selected option.
+     */
+    getSelectedValue(): Promise<string | null>;
+    private onOptionClick;
+    private onOptionMouseEnter;
+    private onOptionMouseDown;
+    private get selectedLabel();
+    private get selectedLayoutContent();
+    private get selectedHasLayout();
+    private onButtonTriggerClick;
+    private onButtonTriggerKeyDown;
+    private onComboboxFocusOut;
+    private handleOptionClick;
+    private renderDropdown;
+    private renderCaretIcon;
+    private renderLayoutContent;
+    private renderDefaultContent;
+    private shouldShowLayoutContent;
+    private renderButtonTriggerContent;
+    render(): any;
+}

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

@@ -5,6 +5,7 @@ import { InputChangeEventDetail, InputInputEventDetail } from './input-interface
  * @slot prefix - Content that is displayed visually within the input field before the input field
  * @slot prepend - Content to be displayed before the input field
  * @slot suffix - Content that is displayed visually within the input field after the input field
+ * @slot action - Content to be displayed in the label area, typically for help icons or links
  */
 export declare class PdsInput {
     private nativeInput?;
@@ -14,6 +15,7 @@ export declare class PdsInput {
     private suffixEl?;
     private focusedValue?;
     private originalPdsInput?;
+    private internals?;
     el: HTMLPdsInputElement;
     /**
      * If true, the input has prefix content (non-focusable)
@@ -31,6 +33,10 @@ export declare class PdsInput {
      * If true, the input has append content (focusable)
      */
     hasAppend: boolean;
+    /**
+     * If true, the input has action content in the label area
+     */
+    hasAction: boolean;
     /**
      * Emitted when the input loses focus.
      */
@@ -136,6 +142,10 @@ export declare class PdsInput {
      * The value of the input.
      */
     value?: string | number | null;
+    /**
+     * Determines whether or not the input field takes full width of its container.
+     */
+    fullWidth?: boolean;
     /**
      * Determines if the input has focus.
      */
@@ -145,7 +155,9 @@ export declare class PdsInput {
     private renderSuffix;
     private renderPrepend;
     private renderAppend;
+    private renderAction;
     componentWillLoad(): void;
+    connectedCallback(): void;
     componentDidLoad(): void;
     componentDidUpdate(): void;
     protected debounceChanged(): void;
@@ -165,5 +177,21 @@ export declare class PdsInput {
      * Emits a `pdsInput` event
      */
     private emitInputChange;
+    /**
+     * Updates the form value using ElementInternals API
+     */
+    private updateFormValue;
+    /**
+     * Form Associated Custom Elements API: Called when the form is reset
+     */
+    formResetCallback(): void;
+    /**
+     * Form Associated Custom Elements API: Called when the form is disabled
+     */
+    formDisabledCallback(disabled: boolean): void;
+    /**
+     * Form Associated Custom Elements API: Called to restore form state
+     */
+    formStateRestoreCallback(state: string | FormData | null): void;
     render(): any;
 }

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

@@ -0,0 +1,14 @@
+/**
+ * @slot (default) - The property text content.
+ */
+export declare class PdsProperty {
+    /**
+     * A unique identifier used for the underlying component `id` attribute.
+     */
+    componentId: string;
+    /**
+     * The name of the icon to display before the property text.
+     */
+    icon: string;
+    render(): any;
+}

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

@@ -1,7 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot action - Content to be displayed in the label area, typically for help icons or links
+ */
 export declare class PdsSelect {
     private selectEl;
     private slotContainer;
+    private internals?;
+    el: HTMLPdsSelectElement;
     /**
      * Specifies if and how the browser provides `autocomplete` assistance for the field.
      */
@@ -64,7 +69,9 @@ export declare class PdsSelect {
      * It updates the selected option accordingly.
      */
     valueChanged(): void;
+    connectedCallback(): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     /**
      * Updates the selected option in the select element based on the current value.
      *
@@ -91,5 +98,22 @@ export declare class PdsSelect {
     private getErrorMessage;
     private renderMessages;
     private classNames;
+    private renderAction;
+    /**
+     * Updates the form value using ElementInternals API
+     */
+    private updateFormValue;
+    /**
+     * Form Associated Custom Elements API: Called when the form is reset
+     */
+    formResetCallback(): void;
+    /**
+     * Form Associated Custom Elements API: Called when the form is disabled
+     */
+    formDisabledCallback(disabled: boolean): void;
+    /**
+     * Form Associated Custom Elements API: Called to restore form state
+     */
+    formStateRestoreCallback(state: string | FormData | null): void;
     render(): any;
 }

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

@@ -1,3 +1,6 @@
+/**
+ * @part content - The text content container
+ */
 export declare class PdsText {
     el: HTMLPdsTextElement;
     /**

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

@@ -1,10 +1,14 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { TextareaChangeEventDetail, TextareaInputEventDetail } from './textarea-interface';
+/**
+ * @slot action - Content to be displayed in the label area, typically for help icons or links
+ */
 export declare class PdsTextarea {
     private nativeTextarea?;
     private focusedValue?;
     private inheritedAttributes;
     private originalPdsInput?;
+    private internals?;
     el: HTMLPdsTextareaElement;
     /**
      * Emitted when the input loses focus.
@@ -95,6 +99,10 @@ export declare class PdsTextarea {
      */
     value?: string | null;
     hasFocus: boolean;
+    /**
+     * If true, the textarea has action content in the label area
+     */
+    hasAction: boolean;
     protected debounceChanged(): void;
     /**
      * Update the native input element when the value changes
@@ -117,5 +125,22 @@ export declare class PdsTextarea {
     connectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    private renderAction;
+    /**
+     * Updates the form value using ElementInternals API
+     */
+    private updateFormValue;
+    /**
+     * Form Associated Custom Elements API: Called when the form is reset
+     */
+    formResetCallback(): void;
+    /**
+     * Form Associated Custom Elements API: Called when the form is disabled
+     */
+    formDisabledCallback(disabled: boolean): void;
+    /**
+     * Form Associated Custom Elements API: Called to restore form state
+     */
+    formStateRestoreCallback(state: string | FormData | null): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -428,6 +428,84 @@ export namespace Components {
          */
         "variant": 'text' | 'tag' | 'dropdown';
     }
+    interface PdsCombobox {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * Enable custom layout content for options. Options with data-layout attribute will render their HTML content. ⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.
+          * @default false
+         */
+        "customOptionLayouts": boolean;
+        /**
+          * Enable custom layout content for the button trigger via the trigger-content slot. When true, uses slot content for initial state but updates dynamically with selected option layout. ⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.
+          * @default false
+         */
+        "customTriggerContent": boolean;
+        /**
+          * If true, the combobox is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Placement of the dropdown relative to the trigger.
+          * @default 'bottom-start'
+         */
+        "dropdownPlacement": 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+        /**
+          * Width of the dropdown. Any valid CSS width value.
+          * @default '236px'
+         */
+        "dropdownWidth": string;
+        /**
+          * Gets the value of the currently selected option.
+         */
+        "getSelectedValue": () => Promise<string | null>;
+        /**
+          * Visually hides the label text for instances where only the combobox should be displayed. Label remains accessible to assistive technology such as screen readers.
+         */
+        "hideLabel": boolean;
+        /**
+          * Text to be displayed as the combobox label.
+         */
+        "label"?: string;
+        /**
+          * Maximum height of the dropdown. Can be any valid CSS height value (e.g., '200px', '10rem'). When content exceeds this height, the dropdown will scroll.
+         */
+        "maxHeight"?: string;
+        /**
+          * Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).
+          * @default 'filter'
+         */
+        "mode": 'filter' | 'select-only';
+        /**
+          * Placeholder text for the input field.
+         */
+        "placeholder"?: string;
+        /**
+          * Sets focus on the native input element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Determines the combobox trigger: 'input' (editable input) or 'button' (button-like, non-editable).
+          * @default 'input'
+         */
+        "trigger": 'input' | 'button';
+        /**
+          * The visual variant for the button trigger. Matches Pine button variants.
+          * @default 'secondary'
+         */
+        "triggerVariant": 'secondary' | 'primary' | 'accent' | 'destructive';
+        /**
+          * Width of the trigger (button or input). Any valid CSS width value.
+          * @default 'fit-content'
+         */
+        "triggerWidth": string;
+        /**
+          * The value of the combobox input.
+         */
+        "value": string;
+    }
     interface PdsCopytext {
         /**
           * Determines whether `copytext` should have a visible border.
@@ -570,6 +648,10 @@ export namespace Components {
           * Specifies the error message and provides an error-themed treatment to the field.
          */
         "errorMessage"?: string;
+        /**
+          * Determines whether or not the input field takes full width of its container.
+         */
+        "fullWidth"?: boolean;
         /**
           * Displays a message or hint below the input field.
          */
@@ -787,6 +869,16 @@ export namespace Components {
          */
         "showPercent": boolean;
     }
+    interface PdsProperty {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * The name of the icon to display before the property text.
+         */
+        "icon": string;
+    }
     interface PdsRadio {
         /**
           * Determines whether or not the radio is checked.
@@ -1337,6 +1429,10 @@ export interface PdsChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsChipElement;
 }
+export interface PdsComboboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPdsComboboxElement;
+}
 export interface PdsCopytextCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsCopytextElement;
@@ -1508,6 +1604,23 @@ declare global {
         prototype: HTMLPdsChipElement;
         new (): HTMLPdsChipElement;
     };
+    interface HTMLPdsComboboxElementEventMap {
+        "pdsComboboxChange": { value: string };
+    }
+    interface HTMLPdsComboboxElement extends Components.PdsCombobox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPdsComboboxElementEventMap>(type: K, listener: (this: HTMLPdsComboboxElement, ev: PdsComboboxCustomEvent<HTMLPdsComboboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPdsComboboxElementEventMap>(type: K, listener: (this: HTMLPdsComboboxElement, ev: PdsComboboxCustomEvent<HTMLPdsComboboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPdsComboboxElement: {
+        prototype: HTMLPdsComboboxElement;
+        new (): HTMLPdsComboboxElement;
+    };
     interface HTMLPdsCopytextElementEventMap {
         "pdsCopyTextClick": any;
     }
@@ -1646,6 +1759,12 @@ declare global {
         prototype: HTMLPdsProgressElement;
         new (): HTMLPdsProgressElement;
     };
+    interface HTMLPdsPropertyElement extends Components.PdsProperty, HTMLStencilElement {
+    }
+    var HTMLPdsPropertyElement: {
+        prototype: HTMLPdsPropertyElement;
+        new (): HTMLPdsPropertyElement;
+    };
     interface HTMLPdsRadioElementEventMap {
         "pdsRadioChange": boolean;
     }
@@ -1894,6 +2013,7 @@ declare global {
         "pds-button": HTMLPdsButtonElement;
         "pds-checkbox": HTMLPdsCheckboxElement;
         "pds-chip": HTMLPdsChipElement;
+        "pds-combobox": HTMLPdsComboboxElement;
         "pds-copytext": HTMLPdsCopytextElement;
         "pds-divider": HTMLPdsDividerElement;
         "pds-dropdown-menu": HTMLPdsDropdownMenuElement;
@@ -1909,6 +2029,7 @@ declare global {
         "pds-modal-header": HTMLPdsModalHeaderElement;
         "pds-popover": HTMLPdsPopoverElement;
         "pds-progress": HTMLPdsProgressElement;
+        "pds-property": HTMLPdsPropertyElement;
         "pds-radio": HTMLPdsRadioElement;
         "pds-row": HTMLPdsRowElement;
         "pds-select": HTMLPdsSelectElement;
@@ -2361,6 +2482,80 @@ declare namespace LocalJSX {
          */
         "variant"?: 'text' | 'tag' | 'dropdown';
     }
+    interface PdsCombobox {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * Enable custom layout content for options. Options with data-layout attribute will render their HTML content. ⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.
+          * @default false
+         */
+        "customOptionLayouts"?: boolean;
+        /**
+          * Enable custom layout content for the button trigger via the trigger-content slot. When true, uses slot content for initial state but updates dynamically with selected option layout. ⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.
+          * @default false
+         */
+        "customTriggerContent"?: boolean;
+        /**
+          * If true, the combobox is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Placement of the dropdown relative to the trigger.
+          * @default 'bottom-start'
+         */
+        "dropdownPlacement"?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+        /**
+          * Width of the dropdown. Any valid CSS width value.
+          * @default '236px'
+         */
+        "dropdownWidth"?: string;
+        /**
+          * Visually hides the label text for instances where only the combobox should be displayed. Label remains accessible to assistive technology such as screen readers.
+         */
+        "hideLabel"?: boolean;
+        /**
+          * Text to be displayed as the combobox label.
+         */
+        "label"?: string;
+        /**
+          * Maximum height of the dropdown. Can be any valid CSS height value (e.g., '200px', '10rem'). When content exceeds this height, the dropdown will scroll.
+         */
+        "maxHeight"?: string;
+        /**
+          * Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).
+          * @default 'filter'
+         */
+        "mode"?: 'filter' | 'select-only';
+        /**
+          * Emitted when the value changes.
+         */
+        "onPdsComboboxChange"?: (event: PdsComboboxCustomEvent<{ value: string }>) => void;
+        /**
+          * Placeholder text for the input field.
+         */
+        "placeholder"?: string;
+        /**
+          * Determines the combobox trigger: 'input' (editable input) or 'button' (button-like, non-editable).
+          * @default 'input'
+         */
+        "trigger"?: 'input' | 'button';
+        /**
+          * The visual variant for the button trigger. Matches Pine button variants.
+          * @default 'secondary'
+         */
+        "triggerVariant"?: 'secondary' | 'primary' | 'accent' | 'destructive';
+        /**
+          * Width of the trigger (button or input). Any valid CSS width value.
+          * @default 'fit-content'
+         */
+        "triggerWidth"?: string;
+        /**
+          * The value of the combobox input.
+         */
+        "value"?: string;
+    }
     interface PdsCopytext {
         /**
           * Determines whether `copytext` should have a visible border.
@@ -2507,6 +2702,10 @@ declare namespace LocalJSX {
           * Specifies the error message and provides an error-themed treatment to the field.
          */
         "errorMessage"?: string;
+        /**
+          * Determines whether or not the input field takes full width of its container.
+         */
+        "fullWidth"?: boolean;
         /**
           * Displays a message or hint below the input field.
          */
@@ -2736,6 +2935,16 @@ declare namespace LocalJSX {
          */
         "showPercent"?: boolean;
     }
+    interface PdsProperty {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId"?: string;
+        /**
+          * The name of the icon to display before the property text.
+         */
+        "icon"?: string;
+    }
     interface PdsRadio {
         /**
           * Determines whether or not the radio is checked.
@@ -3309,6 +3518,7 @@ declare namespace LocalJSX {
         "pds-button": PdsButton;
         "pds-checkbox": PdsCheckbox;
         "pds-chip": PdsChip;
+        "pds-combobox": PdsCombobox;
         "pds-copytext": PdsCopytext;
         "pds-divider": PdsDivider;
         "pds-dropdown-menu": PdsDropdownMenu;
@@ -3324,6 +3534,7 @@ declare namespace LocalJSX {
         "pds-modal-header": PdsModalHeader;
         "pds-popover": PdsPopover;
         "pds-progress": PdsProgress;
+        "pds-property": PdsProperty;
         "pds-radio": PdsRadio;
         "pds-row": PdsRow;
         "pds-select": PdsSelect;
@@ -3361,6 +3572,7 @@ declare module "@stencil/core" {
             "pds-button": LocalJSX.PdsButton & JSXBase.HTMLAttributes<HTMLPdsButtonElement>;
             "pds-checkbox": LocalJSX.PdsCheckbox & JSXBase.HTMLAttributes<HTMLPdsCheckboxElement>;
             "pds-chip": LocalJSX.PdsChip & JSXBase.HTMLAttributes<HTMLPdsChipElement>;
+            "pds-combobox": LocalJSX.PdsCombobox & JSXBase.HTMLAttributes<HTMLPdsComboboxElement>;
             "pds-copytext": LocalJSX.PdsCopytext & JSXBase.HTMLAttributes<HTMLPdsCopytextElement>;
             "pds-divider": LocalJSX.PdsDivider & JSXBase.HTMLAttributes<HTMLPdsDividerElement>;
             "pds-dropdown-menu": LocalJSX.PdsDropdownMenu & JSXBase.HTMLAttributes<HTMLPdsDropdownMenuElement>;
@@ -3376,6 +3588,7 @@ declare module "@stencil/core" {
             "pds-modal-header": LocalJSX.PdsModalHeader & JSXBase.HTMLAttributes<HTMLPdsModalHeaderElement>;
             "pds-popover": LocalJSX.PdsPopover & JSXBase.HTMLAttributes<HTMLPdsPopoverElement>;
             "pds-progress": LocalJSX.PdsProgress & JSXBase.HTMLAttributes<HTMLPdsProgressElement>;
+            "pds-property": LocalJSX.PdsProperty & JSXBase.HTMLAttributes<HTMLPdsPropertyElement>;
             "pds-radio": LocalJSX.PdsRadio & JSXBase.HTMLAttributes<HTMLPdsRadioElement>;
             "pds-row": LocalJSX.PdsRow & JSXBase.HTMLAttributes<HTMLPdsRowElement>;
             "pds-select": LocalJSX.PdsSelect & JSXBase.HTMLAttributes<HTMLPdsSelectElement>;