@porsche-design-system/components-angular 4.2.0-rc.0 → 4.2.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1639,6 +1639,72 @@ type WordmarkSize = (typeof WORDMARK_SIZES)[number];
1639
1639
  type WordmarkTarget = LinkTarget;
1640
1640
  type WordmarkAriaAttribute = LinkAriaAttribute;
1641
1641
 
1642
+ type PCheckboxProps = {
1643
+ /**
1644
+ * Reflects the checkbox current checked state and allows setting the initial checked state.
1645
+ * @default false
1646
+ */
1647
+ checked?: boolean;
1648
+ /**
1649
+ * Displays the checkbox in compact mode.
1650
+ * @default false
1651
+ */
1652
+ compact?: boolean;
1653
+ /**
1654
+ * Marks the checkbox as disabled.
1655
+ * @default false
1656
+ */
1657
+ disabled?: boolean;
1658
+ /**
1659
+ * The id of a form element the checkbox should be associated with.
1660
+ */
1661
+ form?: string;
1662
+ /**
1663
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
1664
+ * @default false
1665
+ */
1666
+ hideLabel?: BreakpointCustomizable<boolean>;
1667
+ /**
1668
+ * Marks the checkbox as indeterminate.
1669
+ * @default false
1670
+ */
1671
+ indeterminate?: boolean;
1672
+ /**
1673
+ * Text content for a user-facing label.
1674
+ * @default ''
1675
+ */
1676
+ label?: string;
1677
+ /**
1678
+ * @experimental Disables the checkbox and shows a loading indicator.
1679
+ * @default false
1680
+ */
1681
+ loading?: boolean;
1682
+ /**
1683
+ * The message styled depending on validation state.
1684
+ * @default ''
1685
+ */
1686
+ message?: string;
1687
+ /**
1688
+ * The name of the checkbox.
1689
+ * @default ''
1690
+ */
1691
+ name?: string;
1692
+ /**
1693
+ * Marks the checkbox as required.
1694
+ * @default false
1695
+ */
1696
+ required?: boolean;
1697
+ /**
1698
+ * The validation state.
1699
+ * @default 'none'
1700
+ */
1701
+ state?: CheckboxState;
1702
+ /**
1703
+ * The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
1704
+ * @default 'on'
1705
+ */
1706
+ value?: string;
1707
+ };
1642
1708
  declare class PCheckbox extends BaseComponent implements ControlValueAccessor {
1643
1709
  private _renderer;
1644
1710
  private _elementRef;
@@ -1669,6 +1735,88 @@ declare class PCheckbox extends BaseComponent implements ControlValueAccessor {
1669
1735
  static ɵcmp: i0.ɵɵComponentDeclaration<PCheckbox, "p-checkbox,[p-checkbox]", never, { "checked": { "alias": "checked"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
1670
1736
  }
1671
1737
 
1738
+ type PInputDateProps = {
1739
+ /**
1740
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='bday' for a birthday).
1741
+ */
1742
+ autoComplete?: string;
1743
+ /**
1744
+ * Displays the input field in compact mode.
1745
+ * @default false
1746
+ */
1747
+ compact?: boolean;
1748
+ /**
1749
+ * Supplementary text providing more context or explanation for the input.
1750
+ * @default ''
1751
+ */
1752
+ description?: string;
1753
+ /**
1754
+ * Disables the input field. The value will not be submitted with the form.
1755
+ * @default false
1756
+ */
1757
+ disabled?: boolean;
1758
+ /**
1759
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
1760
+ */
1761
+ form?: string;
1762
+ /**
1763
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
1764
+ * @default false
1765
+ */
1766
+ hideLabel?: BreakpointCustomizable<boolean>;
1767
+ /**
1768
+ * Text content for a user-facing label.
1769
+ * @default ''
1770
+ */
1771
+ label?: string;
1772
+ /**
1773
+ * @experimental Shows a loading indicator.
1774
+ * @default false
1775
+ */
1776
+ loading?: boolean;
1777
+ /**
1778
+ * Specifies the latest date that can be selected. The value must be a date string in YYYY-MM-DD format (e.g., max='2024-12-31').
1779
+ */
1780
+ max?: string;
1781
+ /**
1782
+ * Dynamic feedback text for validation or status.
1783
+ * @default ''
1784
+ */
1785
+ message?: string;
1786
+ /**
1787
+ * Specifies the earliest date that can be selected. The value must be a date string in YYYY-MM-DD format (e.g., min='2023-01-01').
1788
+ */
1789
+ min?: string;
1790
+ /**
1791
+ * The name of the input field, used when submitting the form data.
1792
+ */
1793
+ name: string;
1794
+ /**
1795
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
1796
+ * @default false
1797
+ */
1798
+ readOnly?: boolean;
1799
+ /**
1800
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
1801
+ * @default false
1802
+ */
1803
+ required?: boolean;
1804
+ /**
1805
+ * Indicates the validation or overall status of the input component.
1806
+ * @default 'none'
1807
+ */
1808
+ state?: InputDateState;
1809
+ /**
1810
+ * Defines the granularity of the date input. This value is given in days. The default is 1 (one day).
1811
+ * @default 1
1812
+ */
1813
+ step?: number;
1814
+ /**
1815
+ * The default date value for the input, in YYYY-MM-DD format (e.g., value='2025-07-02').
1816
+ * @default ''
1817
+ */
1818
+ value?: string;
1819
+ };
1672
1820
  declare class PInputDate extends BaseComponent implements ControlValueAccessor {
1673
1821
  private _renderer;
1674
1822
  private _elementRef;
@@ -1704,6 +1852,102 @@ declare class PInputDate extends BaseComponent implements ControlValueAccessor {
1704
1852
  static ɵcmp: i0.ɵɵComponentDeclaration<PInputDate, "p-input-date,[p-input-date]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
1705
1853
  }
1706
1854
 
1855
+ type PInputEmailProps = {
1856
+ /**
1857
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='email').
1858
+ */
1859
+ autoComplete?: string;
1860
+ /**
1861
+ * Displays the input field in compact mode.
1862
+ * @default false
1863
+ */
1864
+ compact?: boolean;
1865
+ /**
1866
+ * Supplementary text providing more context or explanation for the input.
1867
+ * @default ''
1868
+ */
1869
+ description?: string;
1870
+ /**
1871
+ * Disables the input field. The value will not be submitted with the form.
1872
+ * @default false
1873
+ */
1874
+ disabled?: boolean;
1875
+ /**
1876
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
1877
+ */
1878
+ form?: string;
1879
+ /**
1880
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
1881
+ * @default false
1882
+ */
1883
+ hideLabel?: BreakpointCustomizable<boolean>;
1884
+ /**
1885
+ * Controls the visibility of the email icon.
1886
+ * @default false
1887
+ */
1888
+ indicator?: boolean;
1889
+ /**
1890
+ * Text content for a user-facing label.
1891
+ * @default ''
1892
+ */
1893
+ label?: string;
1894
+ /**
1895
+ * @experimental Shows a loading indicator.
1896
+ * @default false
1897
+ */
1898
+ loading?: boolean;
1899
+ /**
1900
+ * A non-negative integer specifying the maximum number of characters the user can enter into the input.
1901
+ */
1902
+ maxLength?: number;
1903
+ /**
1904
+ * Dynamic feedback text for validation or status.
1905
+ * @default ''
1906
+ */
1907
+ message?: string;
1908
+ /**
1909
+ * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
1910
+ */
1911
+ minLength?: number;
1912
+ /**
1913
+ * Allows the user to enter a list of email addresses separated by commas (and optional whitespace). The browser validates each email address in the list.
1914
+ * @default false
1915
+ */
1916
+ multiple?: boolean;
1917
+ /**
1918
+ * The name of the input field, used when submitting the form data.
1919
+ */
1920
+ name: string;
1921
+ /**
1922
+ * Specifies a regular expression that the input's value must match for the value to pass constraint validation. This allows for more specific email validation rules than the browser's default (e.g., restricting to a specific domain). If provided, it overrides the browser's default email validation.
1923
+ */
1924
+ pattern?: string;
1925
+ /**
1926
+ * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='you@example.com'). This text is displayed when the input field is empty.
1927
+ * @default ''
1928
+ */
1929
+ placeholder?: string;
1930
+ /**
1931
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
1932
+ * @default false
1933
+ */
1934
+ readOnly?: boolean;
1935
+ /**
1936
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
1937
+ * @default false
1938
+ */
1939
+ required?: boolean;
1940
+ /**
1941
+ * Indicates the validation or overall status of the input component.
1942
+ * @default 'none'
1943
+ */
1944
+ state?: InputEmailState;
1945
+ /**
1946
+ * The default email address (or comma-separated list of addresses) for the input.
1947
+ * @default ''
1948
+ */
1949
+ value?: string;
1950
+ };
1707
1951
  declare class PInputEmail extends BaseComponent implements ControlValueAccessor {
1708
1952
  private _renderer;
1709
1953
  private _elementRef;
@@ -1742,62 +1986,107 @@ declare class PInputEmail extends BaseComponent implements ControlValueAccessor
1742
1986
  static ɵcmp: i0.ɵɵComponentDeclaration<PInputEmail, "p-input-email,[p-input-email]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
1743
1987
  }
1744
1988
 
1745
- declare class PInputMonth extends BaseComponent implements ControlValueAccessor {
1746
- private _renderer;
1747
- private _elementRef;
1748
- private _cdr;
1989
+ type PInputMonthProps = {
1990
+ /**
1991
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features.
1992
+ */
1749
1993
  autoComplete?: string;
1994
+ /**
1995
+ * Displays the input field in compact mode.
1996
+ * @default false
1997
+ */
1750
1998
  compact?: boolean;
1999
+ /**
2000
+ * Supplementary text providing more context or explanation for the input.
2001
+ * @default ''
2002
+ */
1751
2003
  description?: string;
2004
+ /**
2005
+ * Disables the input field. The value will not be submitted with the form.
2006
+ * @default false
2007
+ */
1752
2008
  disabled?: boolean;
2009
+ /**
2010
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
2011
+ */
1753
2012
  form?: string;
2013
+ /**
2014
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
2015
+ * @default false
2016
+ */
1754
2017
  hideLabel?: BreakpointCustomizable<boolean>;
2018
+ /**
2019
+ * Text content for a user-facing label.
2020
+ * @default ''
2021
+ */
1755
2022
  label?: string;
2023
+ /**
2024
+ * @experimental Shows a loading indicator.
2025
+ * @default false
2026
+ */
1756
2027
  loading?: boolean;
2028
+ /**
2029
+ * Specifies the latest month that can be selected. The value must be a month string in YYYY-MM format (e.g., max='2024-12').
2030
+ */
1757
2031
  max?: string;
2032
+ /**
2033
+ * Dynamic feedback text for validation or status.
2034
+ * @default ''
2035
+ */
1758
2036
  message?: string;
2037
+ /**
2038
+ * Specifies the earliest month that can be selected. The value must be a month string in YYYY-MM format (e.g., min='2023-01').
2039
+ */
1759
2040
  min?: string;
2041
+ /**
2042
+ * The name of the input field, used when submitting the form data.
2043
+ */
1760
2044
  name: string;
2045
+ /**
2046
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
2047
+ * @default false
2048
+ */
1761
2049
  readOnly?: boolean;
2050
+ /**
2051
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
2052
+ * @default false
2053
+ */
1762
2054
  required?: boolean;
2055
+ /**
2056
+ * Indicates the validation or overall status of the input component.
2057
+ * @default 'none'
2058
+ */
1763
2059
  state?: InputMonthState;
2060
+ /**
2061
+ * Defines the stepping interval in months. For example, step="1" increments by 1 month, step="12" by 1 year. The default is 1 month.
2062
+ * @default 1
2063
+ */
1764
2064
  step?: number;
2065
+ /**
2066
+ * The default month value for the input, in YYYY-MM format (e.g., value='2025-07').
2067
+ * @default ''
2068
+ */
1765
2069
  value?: string;
1766
- blur: EventEmitter<CustomEvent<Event>>;
1767
- change: EventEmitter<CustomEvent<Event>>;
1768
- input: EventEmitter<CustomEvent<InputEvent>>;
1769
- constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
1770
- _onChange: (value: any) => void;
1771
- _onTouched: () => void;
1772
- writeValue(value: any): void;
1773
- registerOnChange(fn: any): void;
1774
- registerOnTouched(fn: any): void;
1775
- setDisabledState(isDisabled: boolean): void;
1776
- static ɵfac: i0.ɵɵFactoryDeclaration<PInputMonth, never>;
1777
- static ɵcmp: i0.ɵɵComponentDeclaration<PInputMonth, "p-input-month,[p-input-month]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
1778
- }
1779
-
1780
- declare class PInputNumber extends BaseComponent implements ControlValueAccessor {
2070
+ };
2071
+ declare class PInputMonth extends BaseComponent implements ControlValueAccessor {
1781
2072
  private _renderer;
1782
2073
  private _elementRef;
1783
2074
  private _cdr;
1784
2075
  autoComplete?: string;
1785
2076
  compact?: boolean;
1786
- controls?: boolean;
1787
2077
  description?: string;
1788
2078
  disabled?: boolean;
1789
2079
  form?: string;
1790
2080
  hideLabel?: BreakpointCustomizable<boolean>;
1791
2081
  label?: string;
1792
2082
  loading?: boolean;
1793
- max?: number;
2083
+ max?: string;
1794
2084
  message?: string;
1795
- min?: number;
2085
+ min?: string;
1796
2086
  name: string;
1797
- placeholder?: string;
1798
2087
  readOnly?: boolean;
1799
2088
  required?: boolean;
1800
- state?: InputNumberState;
2089
+ state?: InputMonthState;
1801
2090
  step?: number;
1802
2091
  value?: string;
1803
2092
  blur: EventEmitter<CustomEvent<Event>>;
@@ -1810,27 +2099,243 @@ declare class PInputNumber extends BaseComponent implements ControlValueAccessor
1810
2099
  registerOnChange(fn: any): void;
1811
2100
  registerOnTouched(fn: any): void;
1812
2101
  setDisabledState(isDisabled: boolean): void;
1813
- static ɵfac: i0.ɵɵFactoryDeclaration<PInputNumber, never>;
1814
- static ɵcmp: i0.ɵɵComponentDeclaration<PInputNumber, "p-input-number,[p-input-number]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
2102
+ static ɵfac: i0.ɵɵFactoryDeclaration<PInputMonth, never>;
2103
+ static ɵcmp: i0.ɵɵComponentDeclaration<PInputMonth, "p-input-month,[p-input-month]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
1815
2104
  }
1816
2105
 
1817
- declare class PInputPassword extends BaseComponent implements ControlValueAccessor {
1818
- private _renderer;
1819
- private _elementRef;
1820
- private _cdr;
2106
+ type PInputNumberProps = {
2107
+ /**
2108
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='postal-code').
2109
+ */
1821
2110
  autoComplete?: string;
2111
+ /**
2112
+ * Displays the input field in compact mode.
2113
+ * @default false
2114
+ */
1822
2115
  compact?: boolean;
2116
+ /**
2117
+ * Show or hide the increment/decrement stepper controls.
2118
+ * @default false
2119
+ */
2120
+ controls?: boolean;
2121
+ /**
2122
+ * Supplementary text providing more context or explanation for the input.
2123
+ * @default ''
2124
+ */
1823
2125
  description?: string;
2126
+ /**
2127
+ * Disables the input field. The value will not be submitted with the form.
2128
+ * @default false
2129
+ */
1824
2130
  disabled?: boolean;
2131
+ /**
2132
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
2133
+ */
1825
2134
  form?: string;
2135
+ /**
2136
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
2137
+ * @default false
2138
+ */
1826
2139
  hideLabel?: BreakpointCustomizable<boolean>;
2140
+ /**
2141
+ * Text content for a user-facing label.
2142
+ * @default ''
2143
+ */
1827
2144
  label?: string;
2145
+ /**
2146
+ * @experimental Shows a loading indicator.
2147
+ * @default false
2148
+ */
1828
2149
  loading?: boolean;
1829
- maxLength?: number;
2150
+ /**
2151
+ * The max value of the number input.
2152
+ */
2153
+ max?: number;
2154
+ /**
2155
+ * Dynamic feedback text for validation or status.
2156
+ * @default ''
2157
+ */
1830
2158
  message?: string;
1831
- minLength?: number;
2159
+ /**
2160
+ * The min value of the number input.
2161
+ */
2162
+ min?: number;
2163
+ /**
2164
+ * The name of the input field, used when submitting the form data.
2165
+ */
1832
2166
  name: string;
1833
- placeholder?: string;
2167
+ /**
2168
+ * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter a number'). This text is displayed when the input field is empty.
2169
+ * @default ''
2170
+ */
2171
+ placeholder?: string;
2172
+ /**
2173
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
2174
+ * @default false
2175
+ */
2176
+ readOnly?: boolean;
2177
+ /**
2178
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
2179
+ * @default false
2180
+ */
2181
+ required?: boolean;
2182
+ /**
2183
+ * Indicates the validation or overall status of the input component.
2184
+ * @default 'none'
2185
+ */
2186
+ state?: InputNumberState;
2187
+ /**
2188
+ * The granularity that the value must adhere to.
2189
+ * @default 1
2190
+ */
2191
+ step?: number;
2192
+ /**
2193
+ * The value of the number input.
2194
+ * @default ''
2195
+ */
2196
+ value?: string;
2197
+ };
2198
+ declare class PInputNumber extends BaseComponent implements ControlValueAccessor {
2199
+ private _renderer;
2200
+ private _elementRef;
2201
+ private _cdr;
2202
+ autoComplete?: string;
2203
+ compact?: boolean;
2204
+ controls?: boolean;
2205
+ description?: string;
2206
+ disabled?: boolean;
2207
+ form?: string;
2208
+ hideLabel?: BreakpointCustomizable<boolean>;
2209
+ label?: string;
2210
+ loading?: boolean;
2211
+ max?: number;
2212
+ message?: string;
2213
+ min?: number;
2214
+ name: string;
2215
+ placeholder?: string;
2216
+ readOnly?: boolean;
2217
+ required?: boolean;
2218
+ state?: InputNumberState;
2219
+ step?: number;
2220
+ value?: string;
2221
+ blur: EventEmitter<CustomEvent<Event>>;
2222
+ change: EventEmitter<CustomEvent<Event>>;
2223
+ input: EventEmitter<CustomEvent<InputEvent>>;
2224
+ constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
2225
+ _onChange: (value: any) => void;
2226
+ _onTouched: () => void;
2227
+ writeValue(value: any): void;
2228
+ registerOnChange(fn: any): void;
2229
+ registerOnTouched(fn: any): void;
2230
+ setDisabledState(isDisabled: boolean): void;
2231
+ static ɵfac: i0.ɵɵFactoryDeclaration<PInputNumber, never>;
2232
+ static ɵcmp: i0.ɵɵComponentDeclaration<PInputNumber, "p-input-number,[p-input-number]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
2233
+ }
2234
+
2235
+ type PInputPasswordProps = {
2236
+ /**
2237
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='current-password', autocomplete='new-password').
2238
+ */
2239
+ autoComplete?: string;
2240
+ /**
2241
+ * Displays the input field in compact mode.
2242
+ * @default false
2243
+ */
2244
+ compact?: boolean;
2245
+ /**
2246
+ * Supplementary text providing more context or explanation for the input.
2247
+ * @default ''
2248
+ */
2249
+ description?: string;
2250
+ /**
2251
+ * Disables the input field. The value will not be submitted with the form.
2252
+ * @default false
2253
+ */
2254
+ disabled?: boolean;
2255
+ /**
2256
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
2257
+ */
2258
+ form?: string;
2259
+ /**
2260
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
2261
+ * @default false
2262
+ */
2263
+ hideLabel?: BreakpointCustomizable<boolean>;
2264
+ /**
2265
+ * Text content for a user-facing label.
2266
+ * @default ''
2267
+ */
2268
+ label?: string;
2269
+ /**
2270
+ * @experimental Shows a loading indicator.
2271
+ * @default false
2272
+ */
2273
+ loading?: boolean;
2274
+ /**
2275
+ * A non-negative integer specifying the maximum number of characters the user can enter into the input.
2276
+ */
2277
+ maxLength?: number;
2278
+ /**
2279
+ * Dynamic feedback text for validation or status.
2280
+ * @default ''
2281
+ */
2282
+ message?: string;
2283
+ /**
2284
+ * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
2285
+ */
2286
+ minLength?: number;
2287
+ /**
2288
+ * The name of the input field, used when submitting the form data.
2289
+ */
2290
+ name: string;
2291
+ /**
2292
+ * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter your password'). This text is displayed when the input field is empty.
2293
+ * @default ''
2294
+ */
2295
+ placeholder?: string;
2296
+ /**
2297
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
2298
+ * @default false
2299
+ */
2300
+ readOnly?: boolean;
2301
+ /**
2302
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
2303
+ * @default false
2304
+ */
2305
+ required?: boolean;
2306
+ /**
2307
+ * Indicates the validation or overall status of the input component.
2308
+ * @default 'none'
2309
+ */
2310
+ state?: InputPasswordState;
2311
+ /**
2312
+ * Show or hide password toggle for `input type="password"`.
2313
+ * @default false
2314
+ */
2315
+ toggle?: boolean;
2316
+ /**
2317
+ * The password input value.
2318
+ * @default ''
2319
+ */
2320
+ value?: string;
2321
+ };
2322
+ declare class PInputPassword extends BaseComponent implements ControlValueAccessor {
2323
+ private _renderer;
2324
+ private _elementRef;
2325
+ private _cdr;
2326
+ autoComplete?: string;
2327
+ compact?: boolean;
2328
+ description?: string;
2329
+ disabled?: boolean;
2330
+ form?: string;
2331
+ hideLabel?: BreakpointCustomizable<boolean>;
2332
+ label?: string;
2333
+ loading?: boolean;
2334
+ maxLength?: number;
2335
+ message?: string;
2336
+ minLength?: number;
2337
+ name: string;
2338
+ placeholder?: string;
1834
2339
  readOnly?: boolean;
1835
2340
  required?: boolean;
1836
2341
  state?: InputPasswordState;
@@ -1850,6 +2355,102 @@ declare class PInputPassword extends BaseComponent implements ControlValueAccess
1850
2355
  static ɵcmp: i0.ɵɵComponentDeclaration<PInputPassword, "p-input-password,[p-input-password]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
1851
2356
  }
1852
2357
 
2358
+ type PInputSearchProps = {
2359
+ /**
2360
+ * Additional ARIA attributes for the native search input (e.g. `role="combobox"`, `aria-expanded`).
2361
+ */
2362
+ aria?: SelectedAriaAttributes<InputSearchAriaAttribute>;
2363
+ /**
2364
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
2365
+ */
2366
+ autoComplete?: string;
2367
+ /**
2368
+ * Show clear input value button
2369
+ * @default false
2370
+ */
2371
+ clear?: boolean;
2372
+ /**
2373
+ * Displays the input field in compact mode.
2374
+ * @default false
2375
+ */
2376
+ compact?: boolean;
2377
+ /**
2378
+ * Supplementary text providing more context or explanation for the input.
2379
+ * @default ''
2380
+ */
2381
+ description?: string;
2382
+ /**
2383
+ * Disables the input field. The value will not be submitted with the form.
2384
+ * @default false
2385
+ */
2386
+ disabled?: boolean;
2387
+ /**
2388
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
2389
+ */
2390
+ form?: string;
2391
+ /**
2392
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
2393
+ * @default false
2394
+ */
2395
+ hideLabel?: BreakpointCustomizable<boolean>;
2396
+ /**
2397
+ * Show search indicator icon
2398
+ * @default false
2399
+ */
2400
+ indicator?: boolean;
2401
+ /**
2402
+ * Text content for a user-facing label.
2403
+ * @default ''
2404
+ */
2405
+ label?: string;
2406
+ /**
2407
+ * @experimental Shows a loading indicator.
2408
+ * @default false
2409
+ */
2410
+ loading?: boolean;
2411
+ /**
2412
+ * A non-negative integer specifying the maximum number of characters the user can enter into the input.
2413
+ */
2414
+ maxLength?: number;
2415
+ /**
2416
+ * Dynamic feedback text for validation or status.
2417
+ * @default ''
2418
+ */
2419
+ message?: string;
2420
+ /**
2421
+ * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
2422
+ */
2423
+ minLength?: number;
2424
+ /**
2425
+ * The name of the input field, used when submitting the form data.
2426
+ */
2427
+ name: string;
2428
+ /**
2429
+ * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Search...'). This text is displayed when the input field is empty.
2430
+ * @default ''
2431
+ */
2432
+ placeholder?: string;
2433
+ /**
2434
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
2435
+ * @default false
2436
+ */
2437
+ readOnly?: boolean;
2438
+ /**
2439
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
2440
+ * @default false
2441
+ */
2442
+ required?: boolean;
2443
+ /**
2444
+ * Indicates the validation or overall status of the input component.
2445
+ * @default 'none'
2446
+ */
2447
+ state?: InputSearchState;
2448
+ /**
2449
+ * The search input value.
2450
+ * @default ''
2451
+ */
2452
+ value?: string;
2453
+ };
1853
2454
  declare class PInputSearch extends BaseComponent implements ControlValueAccessor {
1854
2455
  private _renderer;
1855
2456
  private _elementRef;
@@ -1888,6 +2489,97 @@ declare class PInputSearch extends BaseComponent implements ControlValueAccessor
1888
2489
  static ɵcmp: i0.ɵɵComponentDeclaration<PInputSearch, "p-input-search,[p-input-search]", never, { "aria": { "alias": "aria"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "clear": { "alias": "clear"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
1889
2490
  }
1890
2491
 
2492
+ type PInputTelProps = {
2493
+ /**
2494
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='tel').
2495
+ */
2496
+ autoComplete?: string;
2497
+ /**
2498
+ * Displays the input field in compact mode.
2499
+ * @default false
2500
+ */
2501
+ compact?: boolean;
2502
+ /**
2503
+ * Supplementary text providing more context or explanation for the input.
2504
+ * @default ''
2505
+ */
2506
+ description?: string;
2507
+ /**
2508
+ * Disables the input field. The value will not be submitted with the form.
2509
+ * @default false
2510
+ */
2511
+ disabled?: boolean;
2512
+ /**
2513
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
2514
+ */
2515
+ form?: string;
2516
+ /**
2517
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
2518
+ * @default false
2519
+ */
2520
+ hideLabel?: BreakpointCustomizable<boolean>;
2521
+ /**
2522
+ * Controls the visibility of the phone icon.
2523
+ * @default false
2524
+ */
2525
+ indicator?: boolean;
2526
+ /**
2527
+ * Text content for a user-facing label.
2528
+ * @default ''
2529
+ */
2530
+ label?: string;
2531
+ /**
2532
+ * @experimental Shows a loading indicator.
2533
+ * @default false
2534
+ */
2535
+ loading?: boolean;
2536
+ /**
2537
+ * A non-negative integer specifying the maximum number of characters the user can enter into the input.
2538
+ */
2539
+ maxLength?: number;
2540
+ /**
2541
+ * Dynamic feedback text for validation or status.
2542
+ * @default ''
2543
+ */
2544
+ message?: string;
2545
+ /**
2546
+ * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
2547
+ */
2548
+ minLength?: number;
2549
+ /**
2550
+ * The name of the input field, used when submitting the form data.
2551
+ */
2552
+ name: string;
2553
+ /**
2554
+ * Specifies a regular expression that the input's value must match for the value to pass constraint validation. This allows for more specific tel validation rules than the browser's default. If provided, it overrides the browser's default tel validation.
2555
+ */
2556
+ pattern?: string;
2557
+ /**
2558
+ * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='(123) 456-7890')
2559
+ * @default ''
2560
+ */
2561
+ placeholder?: string;
2562
+ /**
2563
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
2564
+ * @default false
2565
+ */
2566
+ readOnly?: boolean;
2567
+ /**
2568
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
2569
+ * @default false
2570
+ */
2571
+ required?: boolean;
2572
+ /**
2573
+ * Indicates the validation or overall status of the input component.
2574
+ * @default 'none'
2575
+ */
2576
+ state?: InputTelState;
2577
+ /**
2578
+ * The tel input value.
2579
+ * @default ''
2580
+ */
2581
+ value?: string;
2582
+ };
1891
2583
  declare class PInputTel extends BaseComponent implements ControlValueAccessor {
1892
2584
  private _renderer;
1893
2585
  private _elementRef;
@@ -1925,6 +2617,97 @@ declare class PInputTel extends BaseComponent implements ControlValueAccessor {
1925
2617
  static ɵcmp: i0.ɵɵComponentDeclaration<PInputTel, "p-input-tel,[p-input-tel]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
1926
2618
  }
1927
2619
 
2620
+ type PInputTextProps = {
2621
+ /**
2622
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='name').
2623
+ */
2624
+ autoComplete?: string;
2625
+ /**
2626
+ * Displays the input field in compact mode.
2627
+ * @default false
2628
+ */
2629
+ compact?: boolean;
2630
+ /**
2631
+ * Show or hide the character counter.
2632
+ * @default false
2633
+ */
2634
+ counter?: boolean;
2635
+ /**
2636
+ * Supplementary text providing more context or explanation for the input.
2637
+ * @default ''
2638
+ */
2639
+ description?: string;
2640
+ /**
2641
+ * Disables the input field. The value will not be submitted with the form.
2642
+ * @default false
2643
+ */
2644
+ disabled?: boolean;
2645
+ /**
2646
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
2647
+ */
2648
+ form?: string;
2649
+ /**
2650
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
2651
+ * @default false
2652
+ */
2653
+ hideLabel?: BreakpointCustomizable<boolean>;
2654
+ /**
2655
+ * Text content for a user-facing label.
2656
+ * @default ''
2657
+ */
2658
+ label?: string;
2659
+ /**
2660
+ * @experimental Shows a loading indicator.
2661
+ * @default false
2662
+ */
2663
+ loading?: boolean;
2664
+ /**
2665
+ * A non-negative integer specifying the maximum number of characters the user can enter into the input.
2666
+ */
2667
+ maxLength?: number;
2668
+ /**
2669
+ * Dynamic feedback text for validation or status.
2670
+ * @default ''
2671
+ */
2672
+ message?: string;
2673
+ /**
2674
+ * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
2675
+ */
2676
+ minLength?: number;
2677
+ /**
2678
+ * The name of the input field, used when submitting the form data.
2679
+ */
2680
+ name: string;
2681
+ /**
2682
+ * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter your full name'). This text is displayed when the input field is empty.
2683
+ * @default ''
2684
+ */
2685
+ placeholder?: string;
2686
+ /**
2687
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
2688
+ * @default false
2689
+ */
2690
+ readOnly?: boolean;
2691
+ /**
2692
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
2693
+ * @default false
2694
+ */
2695
+ required?: boolean;
2696
+ /**
2697
+ * Indicate whether to enable spell-checking.
2698
+ */
2699
+ spellCheck?: boolean;
2700
+ /**
2701
+ * Indicates the validation or overall status of the input component.
2702
+ * @default 'none'
2703
+ */
2704
+ state?: InputTextState;
2705
+ /**
2706
+ * The text input value.
2707
+ * @default ''
2708
+ */
2709
+ value?: string;
2710
+ };
1928
2711
  declare class PInputText extends BaseComponent implements ControlValueAccessor {
1929
2712
  private _renderer;
1930
2713
  private _elementRef;
@@ -1962,6 +2745,88 @@ declare class PInputText extends BaseComponent implements ControlValueAccessor {
1962
2745
  static ɵcmp: i0.ɵɵComponentDeclaration<PInputText, "p-input-text,[p-input-text]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
1963
2746
  }
1964
2747
 
2748
+ type PInputTimeProps = {
2749
+ /**
2750
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
2751
+ */
2752
+ autoComplete?: string;
2753
+ /**
2754
+ * Displays the input field in compact mode.
2755
+ * @default false
2756
+ */
2757
+ compact?: boolean;
2758
+ /**
2759
+ * Supplementary text providing more context or explanation for the input.
2760
+ * @default ''
2761
+ */
2762
+ description?: string;
2763
+ /**
2764
+ * Disables the input field. The value will not be submitted with the form.
2765
+ * @default false
2766
+ */
2767
+ disabled?: boolean;
2768
+ /**
2769
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
2770
+ */
2771
+ form?: string;
2772
+ /**
2773
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
2774
+ * @default false
2775
+ */
2776
+ hideLabel?: BreakpointCustomizable<boolean>;
2777
+ /**
2778
+ * Text content for a user-facing label.
2779
+ * @default ''
2780
+ */
2781
+ label?: string;
2782
+ /**
2783
+ * @experimental Shows a loading indicator.
2784
+ * @default false
2785
+ */
2786
+ loading?: boolean;
2787
+ /**
2788
+ * Specifies the latest time that can be selected. The value must be a time string in hh:mm or hh:mm:ss format (e.g., max='17:30').
2789
+ */
2790
+ max?: string;
2791
+ /**
2792
+ * Dynamic feedback text for validation or status.
2793
+ * @default ''
2794
+ */
2795
+ message?: string;
2796
+ /**
2797
+ * Specifies the earliest time that can be selected. The value must be a time string in hh:mm or hh:mm:ss format (e.g., min='09:00').
2798
+ */
2799
+ min?: string;
2800
+ /**
2801
+ * The name of the input field, used when submitting the form data.
2802
+ */
2803
+ name: string;
2804
+ /**
2805
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
2806
+ * @default false
2807
+ */
2808
+ readOnly?: boolean;
2809
+ /**
2810
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
2811
+ * @default false
2812
+ */
2813
+ required?: boolean;
2814
+ /**
2815
+ * Indicates the validation or overall status of the input component.
2816
+ * @default 'none'
2817
+ */
2818
+ state?: InputTimeState;
2819
+ /**
2820
+ * Defines the granularity of the time input. The step value is given in seconds. The default is 60 (one minute). You can also specify smaller increments (e.g., step='1' for seconds, step='0.001' for milliseconds).
2821
+ * @default 60
2822
+ */
2823
+ step?: number;
2824
+ /**
2825
+ * The default time value for the input, in hh:mm or hh:mm:ss format (e.g., value='14:00').
2826
+ * @default ''
2827
+ */
2828
+ value?: string;
2829
+ };
1965
2830
  declare class PInputTime extends BaseComponent implements ControlValueAccessor {
1966
2831
  private _renderer;
1967
2832
  private _elementRef;
@@ -1997,6 +2862,97 @@ declare class PInputTime extends BaseComponent implements ControlValueAccessor {
1997
2862
  static ɵcmp: i0.ɵɵComponentDeclaration<PInputTime, "p-input-time,[p-input-time]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
1998
2863
  }
1999
2864
 
2865
+ type PInputUrlProps = {
2866
+ /**
2867
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='url').
2868
+ */
2869
+ autoComplete?: string;
2870
+ /**
2871
+ * Displays the input field in compact mode.
2872
+ * @default false
2873
+ */
2874
+ compact?: boolean;
2875
+ /**
2876
+ * Supplementary text providing more context or explanation for the input.
2877
+ * @default ''
2878
+ */
2879
+ description?: string;
2880
+ /**
2881
+ * Disables the input field. The value will not be submitted with the form.
2882
+ * @default false
2883
+ */
2884
+ disabled?: boolean;
2885
+ /**
2886
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
2887
+ */
2888
+ form?: string;
2889
+ /**
2890
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
2891
+ * @default false
2892
+ */
2893
+ hideLabel?: BreakpointCustomizable<boolean>;
2894
+ /**
2895
+ * Controls the visibility of the URL icon.
2896
+ * @default false
2897
+ */
2898
+ indicator?: boolean;
2899
+ /**
2900
+ * Text content for a user-facing label.
2901
+ * @default ''
2902
+ */
2903
+ label?: string;
2904
+ /**
2905
+ * @experimental Shows a loading indicator.
2906
+ * @default false
2907
+ */
2908
+ loading?: boolean;
2909
+ /**
2910
+ * A non-negative integer specifying the maximum number of characters the user can enter into the input.
2911
+ */
2912
+ maxLength?: number;
2913
+ /**
2914
+ * Dynamic feedback text for validation or status.
2915
+ * @default ''
2916
+ */
2917
+ message?: string;
2918
+ /**
2919
+ * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
2920
+ */
2921
+ minLength?: number;
2922
+ /**
2923
+ * The name of the input field, used when submitting the form data.
2924
+ */
2925
+ name: string;
2926
+ /**
2927
+ * Specifies a regular expression that the input's value must match to pass constraint validation. This allows for more specific URL validation rules than the browser's default. If provided, it overrides the browser's default URL validation.
2928
+ */
2929
+ pattern?: string;
2930
+ /**
2931
+ * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='https://porsche.com/')
2932
+ * @default ''
2933
+ */
2934
+ placeholder?: string;
2935
+ /**
2936
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
2937
+ * @default false
2938
+ */
2939
+ readOnly?: boolean;
2940
+ /**
2941
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
2942
+ * @default false
2943
+ */
2944
+ required?: boolean;
2945
+ /**
2946
+ * Indicates the validation or overall status of the input component.
2947
+ * @default 'none'
2948
+ */
2949
+ state?: InputUrlState;
2950
+ /**
2951
+ * The URL input value.
2952
+ * @default ''
2953
+ */
2954
+ value?: string;
2955
+ };
2000
2956
  declare class PInputUrl extends BaseComponent implements ControlValueAccessor {
2001
2957
  private _renderer;
2002
2958
  private _elementRef;
@@ -2034,6 +2990,88 @@ declare class PInputUrl extends BaseComponent implements ControlValueAccessor {
2034
2990
  static ɵcmp: i0.ɵɵComponentDeclaration<PInputUrl, "p-input-url,[p-input-url]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
2035
2991
  }
2036
2992
 
2993
+ type PInputWeekProps = {
2994
+ /**
2995
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features.
2996
+ */
2997
+ autoComplete?: string;
2998
+ /**
2999
+ * Displays the input field in compact mode.
3000
+ * @default false
3001
+ */
3002
+ compact?: boolean;
3003
+ /**
3004
+ * Supplementary text providing more context or explanation for the input.
3005
+ * @default ''
3006
+ */
3007
+ description?: string;
3008
+ /**
3009
+ * Disables the input field. The value will not be submitted with the form.
3010
+ * @default false
3011
+ */
3012
+ disabled?: boolean;
3013
+ /**
3014
+ * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
3015
+ */
3016
+ form?: string;
3017
+ /**
3018
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
3019
+ * @default false
3020
+ */
3021
+ hideLabel?: BreakpointCustomizable<boolean>;
3022
+ /**
3023
+ * Text content for a user-facing label.
3024
+ * @default ''
3025
+ */
3026
+ label?: string;
3027
+ /**
3028
+ * @experimental Shows a loading indicator.
3029
+ * @default false
3030
+ */
3031
+ loading?: boolean;
3032
+ /**
3033
+ * Specifies the latest week that can be selected. The value must be a week string in YYYY-Www format (e.g., max='2024-W52').
3034
+ */
3035
+ max?: string;
3036
+ /**
3037
+ * Dynamic feedback text for validation or status.
3038
+ * @default ''
3039
+ */
3040
+ message?: string;
3041
+ /**
3042
+ * Specifies the earliest week that can be selected. The value must be a week string in YYYY-Www format (e.g., min='2024-W01').
3043
+ */
3044
+ min?: string;
3045
+ /**
3046
+ * The name of the input field, used when submitting the form data.
3047
+ */
3048
+ name: string;
3049
+ /**
3050
+ * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
3051
+ * @default false
3052
+ */
3053
+ readOnly?: boolean;
3054
+ /**
3055
+ * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
3056
+ * @default false
3057
+ */
3058
+ required?: boolean;
3059
+ /**
3060
+ * Indicates the validation or overall status of the input component.
3061
+ * @default 'none'
3062
+ */
3063
+ state?: InputWeekState;
3064
+ /**
3065
+ * Defines the stepping interval in weeks. For example, step="1" increments by 1 week. The default is 1 week.
3066
+ * @default 1
3067
+ */
3068
+ step?: number;
3069
+ /**
3070
+ * The default week value for the input, in YYYY-Www format (e.g., value='2025-W27').
3071
+ * @default ''
3072
+ */
3073
+ value?: string;
3074
+ };
2037
3075
  declare class PInputWeek extends BaseComponent implements ControlValueAccessor {
2038
3076
  private _renderer;
2039
3077
  private _elementRef;
@@ -2069,6 +3107,66 @@ declare class PInputWeek extends BaseComponent implements ControlValueAccessor {
2069
3107
  static ɵcmp: i0.ɵɵComponentDeclaration<PInputWeek, "p-input-week,[p-input-week]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
2070
3108
  }
2071
3109
 
3110
+ type PMultiSelectProps = {
3111
+ /**
3112
+ * Displays the multi-select in compact mode.
3113
+ * @default false
3114
+ */
3115
+ compact?: boolean;
3116
+ /**
3117
+ * Supplementary text providing more context or explanation for the multi-select.
3118
+ * @default ''
3119
+ */
3120
+ description?: string;
3121
+ /**
3122
+ * Disables the multi-select
3123
+ * @default false
3124
+ */
3125
+ disabled?: boolean;
3126
+ /**
3127
+ * Changes the direction to which the dropdown list appears.
3128
+ * @default 'auto'
3129
+ */
3130
+ dropdownDirection?: MultiSelectDropdownDirection;
3131
+ /**
3132
+ * The id of a form element the multi-select should be associated with.
3133
+ */
3134
+ form?: string;
3135
+ /**
3136
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
3137
+ * @default false
3138
+ */
3139
+ hideLabel?: BreakpointCustomizable<boolean>;
3140
+ /**
3141
+ * Text content for a user-facing label.
3142
+ * @default ''
3143
+ */
3144
+ label?: string;
3145
+ /**
3146
+ * The message styled depending on validation state.
3147
+ * @default ''
3148
+ */
3149
+ message?: string;
3150
+ /**
3151
+ * The name of the control.
3152
+ */
3153
+ name: string;
3154
+ /**
3155
+ * Requires an option with a non-empty string value to be selected.
3156
+ * @default false
3157
+ */
3158
+ required?: boolean;
3159
+ /**
3160
+ * The validation state.
3161
+ * @default 'none'
3162
+ */
3163
+ state?: MultiSelectState;
3164
+ /**
3165
+ * The selected values.
3166
+ * @default []
3167
+ */
3168
+ value?: string[];
3169
+ };
2072
3170
  declare class PMultiSelect extends BaseComponent implements ControlValueAccessor {
2073
3171
  private _renderer;
2074
3172
  private _elementRef;
@@ -2099,6 +3197,76 @@ declare class PMultiSelect extends BaseComponent implements ControlValueAccessor
2099
3197
  static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelect, "p-multi-select,[p-multi-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "toggle": "toggle"; }, never, ["*"], false, never>;
2100
3198
  }
2101
3199
 
3200
+ type PPinCodeProps = {
3201
+ /**
3202
+ * Displays the pin code in compact mode.
3203
+ * @default false
3204
+ */
3205
+ compact?: boolean;
3206
+ /**
3207
+ * Supplementary text providing more context or explanation for the pin code.
3208
+ * @default ''
3209
+ */
3210
+ description?: string;
3211
+ /**
3212
+ * Disables the Pin Code. No events will be triggered while disabled state is active.
3213
+ * @default false
3214
+ */
3215
+ disabled?: boolean;
3216
+ /**
3217
+ * The id of a form element the pin-code should be associated with.
3218
+ */
3219
+ form?: string;
3220
+ /**
3221
+ * Shows or hides the label and description. For better accessibility, it is recommended to show the label.
3222
+ * @default false
3223
+ */
3224
+ hideLabel?: BreakpointCustomizable<boolean>;
3225
+ /**
3226
+ * Text content for a user-facing label.
3227
+ * @default ''
3228
+ */
3229
+ label?: string;
3230
+ /**
3231
+ * Number of characters of the Pin Code.
3232
+ * @default 4
3233
+ */
3234
+ length?: PinCodeLength;
3235
+ /**
3236
+ * Disables the Pin Code and shows a loading indicator. No events will be triggered while loading state is active.
3237
+ * @default false
3238
+ */
3239
+ loading?: boolean;
3240
+ /**
3241
+ * The message styled depending on validation state.
3242
+ * @default ''
3243
+ */
3244
+ message?: string;
3245
+ /**
3246
+ * Name of the control.
3247
+ */
3248
+ name?: string;
3249
+ /**
3250
+ * Marks the Pin Code as required.
3251
+ * @default false
3252
+ */
3253
+ required?: boolean;
3254
+ /**
3255
+ * The validation state.
3256
+ * @default 'none'
3257
+ */
3258
+ state?: PinCodeState;
3259
+ /**
3260
+ * Pin Code type.
3261
+ * @default 'number'
3262
+ */
3263
+ type?: PinCodeType;
3264
+ /**
3265
+ * Sets the initial value of the Pin Code.
3266
+ * @default ''
3267
+ */
3268
+ value?: string;
3269
+ };
2102
3270
  declare class PPinCode extends BaseComponent implements ControlValueAccessor {
2103
3271
  private _renderer;
2104
3272
  private _elementRef;
@@ -2130,6 +3298,71 @@ declare class PPinCode extends BaseComponent implements ControlValueAccessor {
2130
3298
  static ɵcmp: i0.ɵɵComponentDeclaration<PPinCode, "p-pin-code,[p-pin-code]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "length": { "alias": "length"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
2131
3299
  }
2132
3300
 
3301
+ type PRadioGroupProps = {
3302
+ /**
3303
+ * Displays the radio group in compact mode.
3304
+ * @default false
3305
+ */
3306
+ compact?: boolean;
3307
+ /**
3308
+ * Supplementary text providing more context or explanation for the radio group.
3309
+ * @default ''
3310
+ */
3311
+ description?: string;
3312
+ /**
3313
+ * Defines the direction of the main and cross-axis. The default is `column`, which stacks the options vertically. You always need to provide a base value when using breakpoints.
3314
+ * @default 'column'
3315
+ */
3316
+ direction?: BreakpointCustomizable<RadioGroupDirection>;
3317
+ /**
3318
+ * Disables the radio group. The value will not be submitted with the form.
3319
+ * @default false
3320
+ */
3321
+ disabled?: boolean;
3322
+ /**
3323
+ * Specifies the id of the <form> element that the radio group belongs to (useful if the radio group is not a direct descendant of the form).
3324
+ */
3325
+ form?: string;
3326
+ /**
3327
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
3328
+ * @default false
3329
+ */
3330
+ hideLabel?: BreakpointCustomizable<boolean>;
3331
+ /**
3332
+ * Text content for a user-facing label.
3333
+ * @default ''
3334
+ */
3335
+ label?: string;
3336
+ /**
3337
+ * @experimental Shows a loading indicator.
3338
+ * @default false
3339
+ */
3340
+ loading?: boolean;
3341
+ /**
3342
+ * Dynamic feedback text for validation or status.
3343
+ * @default ''
3344
+ */
3345
+ message?: string;
3346
+ /**
3347
+ * The name of the group of radio buttons, used when submitting the form data.
3348
+ */
3349
+ name: string;
3350
+ /**
3351
+ * A boolean value that specifies a selection must be made from the group before the form can be submitted.
3352
+ * @default false
3353
+ */
3354
+ required?: boolean;
3355
+ /**
3356
+ * Indicates the validation or overall status of the radio group component.
3357
+ * @default 'none'
3358
+ */
3359
+ state?: RadioGroupState;
3360
+ /**
3361
+ * The default value for the radio-group.
3362
+ * @default ''
3363
+ */
3364
+ value?: string;
3365
+ };
2133
3366
  declare class PRadioGroup extends BaseComponent implements ControlValueAccessor {
2134
3367
  private _renderer;
2135
3368
  private _elementRef;
@@ -2160,6 +3393,70 @@ declare class PRadioGroup extends BaseComponent implements ControlValueAccessor
2160
3393
  static ɵcmp: i0.ɵɵComponentDeclaration<PRadioGroup, "p-radio-group,[p-radio-group]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
2161
3394
  }
2162
3395
 
3396
+ type PSegmentedControlProps = {
3397
+ /**
3398
+ * Sets the amount of columns.
3399
+ * @default 'auto'
3400
+ */
3401
+ columns?: BreakpointCustomizable<SegmentedControlColumns>;
3402
+ /**
3403
+ * Displays the segmented control in compact mode.
3404
+ * @default false
3405
+ */
3406
+ compact?: boolean;
3407
+ /**
3408
+ * Supplementary text providing more context or explanation for the segmented-control.
3409
+ * @default ''
3410
+ */
3411
+ description?: string;
3412
+ /**
3413
+ * Disables the segmented-control.
3414
+ * @default false
3415
+ */
3416
+ disabled?: boolean;
3417
+ /**
3418
+ * The id of a form element the segmented-control should be associated with.
3419
+ */
3420
+ form?: string;
3421
+ /**
3422
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
3423
+ * @default false
3424
+ */
3425
+ hideLabel?: BreakpointCustomizable<boolean>;
3426
+ /**
3427
+ * Text content for a user-facing label.
3428
+ * @default ''
3429
+ */
3430
+ label?: string;
3431
+ /**
3432
+ * Dynamic feedback text for validation or status.
3433
+ * @default ''
3434
+ */
3435
+ message?: string;
3436
+ /**
3437
+ * The name of the segmented-control.
3438
+ */
3439
+ name?: string;
3440
+ /**
3441
+ * If true, prevents items from wrapping to new rows and renders them in a single scrollable row instead.
3442
+ * @default false
3443
+ */
3444
+ noWrap?: boolean;
3445
+ /**
3446
+ * A boolean value that specifies a selection must be made from the group before the form can be submitted.
3447
+ * @default false
3448
+ */
3449
+ required?: boolean;
3450
+ /**
3451
+ * Indicates the validation or overall status of the component.
3452
+ * @default 'none'
3453
+ */
3454
+ state?: SegmentedControlState;
3455
+ /**
3456
+ * Sets the initial value of the segmented-control.
3457
+ */
3458
+ value?: string | number;
3459
+ };
2163
3460
  declare class PSegmentedControl extends BaseComponent implements ControlValueAccessor {
2164
3461
  private _renderer;
2165
3462
  private _elementRef;
@@ -2190,6 +3487,70 @@ declare class PSegmentedControl extends BaseComponent implements ControlValueAcc
2190
3487
  static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "columns": { "alias": "columns"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
2191
3488
  }
2192
3489
 
3490
+ type PSelectProps = {
3491
+ /**
3492
+ * Displays the select in compact mode.
3493
+ * @default false
3494
+ */
3495
+ compact?: boolean;
3496
+ /**
3497
+ * Supplementary text providing more context or explanation for the select.
3498
+ * @default ''
3499
+ */
3500
+ description?: string;
3501
+ /**
3502
+ * Disables the select.
3503
+ * @default false
3504
+ */
3505
+ disabled?: boolean;
3506
+ /**
3507
+ * Changes the direction to which the dropdown list appears.
3508
+ * @default 'auto'
3509
+ */
3510
+ dropdownDirection?: SelectDropdownDirection;
3511
+ /**
3512
+ * Shows an input in the dropdown allowing options to be filtered. Will be ignored if the `filter` slot is used.
3513
+ * @default false
3514
+ */
3515
+ filter?: boolean;
3516
+ /**
3517
+ * The id of a form element the select should be associated with.
3518
+ */
3519
+ form?: string;
3520
+ /**
3521
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
3522
+ * @default false
3523
+ */
3524
+ hideLabel?: BreakpointCustomizable<boolean>;
3525
+ /**
3526
+ * Text content for a user-facing label.
3527
+ * @default ''
3528
+ */
3529
+ label?: string;
3530
+ /**
3531
+ * The message styled depending on validation state.
3532
+ * @default ''
3533
+ */
3534
+ message?: string;
3535
+ /**
3536
+ * The name of the control.
3537
+ */
3538
+ name: string;
3539
+ /**
3540
+ * Requires an option with a non-empty string value to be selected.
3541
+ * @default false
3542
+ */
3543
+ required?: boolean;
3544
+ /**
3545
+ * The validation state.
3546
+ * @default 'none'
3547
+ */
3548
+ state?: SelectState;
3549
+ /**
3550
+ * The selected value.
3551
+ */
3552
+ value?: string;
3553
+ };
2193
3554
  declare class PSelect extends BaseComponent implements ControlValueAccessor {
2194
3555
  private _renderer;
2195
3556
  private _elementRef;
@@ -2221,11 +3582,113 @@ declare class PSelect extends BaseComponent implements ControlValueAccessor {
2221
3582
  static ɵcmp: i0.ɵɵComponentDeclaration<PSelect, "p-select,[p-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "toggle": "toggle"; }, never, ["*"], false, never>;
2222
3583
  }
2223
3584
 
3585
+ type PTableBodyProps = {};
2224
3586
  declare class PTableBody extends BaseComponent {
2225
3587
  static ɵfac: i0.ɵɵFactoryDeclaration<PTableBody, never>;
2226
3588
  static ɵcmp: i0.ɵɵComponentDeclaration<PTableBody, "p-table-body,[p-table-body]", never, {}, {}, never, ["*"], false, never>;
2227
3589
  }
2228
3590
 
3591
+ type PTextareaProps = {
3592
+ /**
3593
+ * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
3594
+ */
3595
+ autoComplete?: string;
3596
+ /**
3597
+ * Displays the textarea in compact mode.
3598
+ * @default false
3599
+ */
3600
+ compact?: boolean;
3601
+ /**
3602
+ * Show or hide the character counter.
3603
+ * @default false
3604
+ */
3605
+ counter?: boolean;
3606
+ /**
3607
+ * Supplementary text providing more context or explanation for the textarea.
3608
+ * @default ''
3609
+ */
3610
+ description?: string;
3611
+ /**
3612
+ * Disables the textarea. The value will not be submitted with the form.
3613
+ * @default false
3614
+ */
3615
+ disabled?: boolean;
3616
+ /**
3617
+ * Specifies the id of the <form> element that the textarea belongs to (useful if the textarea is not a direct descendant of the form).
3618
+ */
3619
+ form?: string;
3620
+ /**
3621
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
3622
+ * @default false
3623
+ */
3624
+ hideLabel?: BreakpointCustomizable<boolean>;
3625
+ /**
3626
+ * Text content for a user-facing label.
3627
+ * @default ''
3628
+ */
3629
+ label?: string;
3630
+ /**
3631
+ * A non-negative integer specifying the maximum number of characters the user can enter into the textarea.
3632
+ */
3633
+ maxLength?: number;
3634
+ /**
3635
+ * Dynamic feedback text for validation or status.
3636
+ * @default ''
3637
+ */
3638
+ message?: string;
3639
+ /**
3640
+ * A non-negative integer specifying the minimum number of characters required for the textarea's value to be considered valid.
3641
+ */
3642
+ minLength?: number;
3643
+ /**
3644
+ * The name of the textarea, used when submitting the form data.
3645
+ */
3646
+ name: string;
3647
+ /**
3648
+ * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Write your message here...'). This text is displayed when the textarea is empty.
3649
+ * @default ''
3650
+ */
3651
+ placeholder?: string;
3652
+ /**
3653
+ * A boolean value that, if present, makes the textarea uneditable by the user, but its value will still be submitted with the form.
3654
+ * @default false
3655
+ */
3656
+ readOnly?: boolean;
3657
+ /**
3658
+ * A boolean value that, if present, indicates that the textarea must be filled out before the form can be submitted.
3659
+ * @default false
3660
+ */
3661
+ required?: boolean;
3662
+ /**
3663
+ * Controls whether the textarea is resizable and in which direction.
3664
+ * @default 'vertical'
3665
+ */
3666
+ resize?: TextareaResize;
3667
+ /**
3668
+ * The number of rows. Has no effect when field-sizing CSS Variable '--p-textarea-field-sizing' is set to 'content'.
3669
+ * @default 7
3670
+ */
3671
+ rows?: number;
3672
+ /**
3673
+ * Specifies whether the textarea should have its spelling and grammar checked
3674
+ */
3675
+ spellCheck?: boolean;
3676
+ /**
3677
+ * Indicates the validation or overall status of the textarea component.
3678
+ * @default 'none'
3679
+ */
3680
+ state?: TextareaState;
3681
+ /**
3682
+ * The textarea value.
3683
+ * @default ''
3684
+ */
3685
+ value?: string;
3686
+ /**
3687
+ * Handles wrapping behavior of elements.
3688
+ * @default 'soft'
3689
+ */
3690
+ wrap?: TextareaWrap;
3691
+ };
2229
3692
  declare class PTextarea extends BaseComponent implements ControlValueAccessor {
2230
3693
  private _renderer;
2231
3694
  private _elementRef;
@@ -2265,6 +3728,44 @@ declare class PTextarea extends BaseComponent implements ControlValueAccessor {
2265
3728
  static ɵcmp: i0.ɵɵComponentDeclaration<PTextarea, "p-textarea,[p-textarea]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
2266
3729
  }
2267
3730
 
3731
+ type PAccordionProps = {
3732
+ /**
3733
+ * Aligns the marker within the summary section.
3734
+ * @default 'end'
3735
+ */
3736
+ alignMarker?: AccordionAlignMarker;
3737
+ /**
3738
+ * Defines the background color. Use `frosted` only on images, videos or gradients.
3739
+ * @default 'none'
3740
+ */
3741
+ background?: AccordionBackground;
3742
+ /**
3743
+ * Displays the accordion in compact mode.
3744
+ */
3745
+ compact?: boolean;
3746
+ /**
3747
+ * @deprecated Will be removed in the next major release. Use the `summary` slot instead. Sets the heading text within the summary section.
3748
+ */
3749
+ heading?: string;
3750
+ /**
3751
+ * @deprecated Will be removed in the next major release. Use the `summary` slot instead. Sets the heading tag for proper semantic structure within the page.
3752
+ * @default 'h2'
3753
+ */
3754
+ headingTag?: AccordionHeadingTag;
3755
+ /**
3756
+ * Controls whether the accordion is open or closed.
3757
+ */
3758
+ open?: boolean;
3759
+ /**
3760
+ * @deprecated Will be removed in the next major release. Use the `summary` slot instead. Controls the heading size in the summary section (only applies when using the `heading` prop or `heading` slot).
3761
+ * @default 'small'
3762
+ */
3763
+ size?: BreakpointCustomizable<AccordionSize>;
3764
+ /**
3765
+ * @experimental Makes the summary section sticky at the top while scrolling. Only works with `background="canvas"` or `background="surface"`. Not compatible with `summary-before` or `summary-after` slots.
3766
+ */
3767
+ sticky?: boolean;
3768
+ };
2268
3769
  declare class PAccordion extends BaseComponent {
2269
3770
  alignMarker?: AccordionAlignMarker;
2270
3771
  background?: AccordionBackground;
@@ -2282,6 +3783,43 @@ declare class PAccordion extends BaseComponent {
2282
3783
  static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "alignMarker": { "alias": "alignMarker"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
2283
3784
  }
2284
3785
 
3786
+ type PBannerProps = {
3787
+ /**
3788
+ * Sets the description text of the banner.
3789
+ * @default ''
3790
+ */
3791
+ description?: string;
3792
+ /**
3793
+ * Shows a dismiss button allowing the banner to be closed.
3794
+ * @default true
3795
+ */
3796
+ dismissButton?: boolean;
3797
+ /**
3798
+ * Sets the heading text of the banner.
3799
+ * @default ''
3800
+ */
3801
+ heading?: string;
3802
+ /**
3803
+ * Sets the heading tag for proper semantic structure within the page.
3804
+ * @default 'h5'
3805
+ */
3806
+ headingTag?: BannerHeadingTag;
3807
+ /**
3808
+ * Controls whether the banner is open or closed.
3809
+ * @default false
3810
+ */
3811
+ open: boolean;
3812
+ /**
3813
+ * Sets the position of the banner.
3814
+ * @default { base: 'bottom', s: 'top' }
3815
+ */
3816
+ position?: BreakpointCustomizable<BannerPosition>;
3817
+ /**
3818
+ * Defines the visual state of the banner.
3819
+ * @default 'info'
3820
+ */
3821
+ state?: BannerState;
3822
+ };
2285
3823
  declare class PBanner extends BaseComponent {
2286
3824
  description?: string;
2287
3825
  dismissButton?: boolean;
@@ -2295,6 +3833,63 @@ declare class PBanner extends BaseComponent {
2295
3833
  static ɵcmp: i0.ɵɵComponentDeclaration<PBanner, "p-banner,[p-banner]", never, { "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], false, never>;
2296
3834
  }
2297
3835
 
3836
+ type PButtonProps = {
3837
+ /**
3838
+ * Sets ARIA attributes.
3839
+ */
3840
+ aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
3841
+ /**
3842
+ * Displays the button in compact mode.
3843
+ * @default false
3844
+ */
3845
+ compact?: BreakpointCustomizable<boolean>;
3846
+ /**
3847
+ * Disables the button. No events will be triggered while disabled state is active.
3848
+ * @default false
3849
+ */
3850
+ disabled?: boolean;
3851
+ /**
3852
+ * The id of a form element the button should be associated with.
3853
+ */
3854
+ form?: string;
3855
+ /**
3856
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
3857
+ * @default false
3858
+ */
3859
+ hideLabel?: BreakpointCustomizable<boolean>;
3860
+ /**
3861
+ * The icon shown. By choosing 'none', no icon is displayed.
3862
+ * @default 'none'
3863
+ */
3864
+ icon?: ButtonIcon;
3865
+ /**
3866
+ * A URL path to a custom icon.
3867
+ */
3868
+ iconSource?: string;
3869
+ /**
3870
+ * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
3871
+ * @default false
3872
+ */
3873
+ loading?: boolean;
3874
+ /**
3875
+ * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
3876
+ */
3877
+ name?: string;
3878
+ /**
3879
+ * Specifies the type of the button.
3880
+ * @default 'submit'
3881
+ */
3882
+ type?: ButtonType;
3883
+ /**
3884
+ * Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
3885
+ */
3886
+ value?: string;
3887
+ /**
3888
+ * The style variant of the button.
3889
+ * @default 'primary'
3890
+ */
3891
+ variant?: ButtonVariant;
3892
+ };
2298
3893
  declare class PButton extends BaseComponent {
2299
3894
  aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
2300
3895
  compact?: BreakpointCustomizable<boolean>;
@@ -2307,11 +3902,88 @@ declare class PButton extends BaseComponent {
2307
3902
  name?: string;
2308
3903
  type?: ButtonType;
2309
3904
  value?: string;
2310
- variant?: ButtonVariant;
2311
- static ɵfac: i0.ɵɵFactoryDeclaration<PButton, never>;
2312
- static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
2313
- }
2314
-
3905
+ variant?: ButtonVariant;
3906
+ static ɵfac: i0.ɵɵFactoryDeclaration<PButton, never>;
3907
+ static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
3908
+ }
3909
+
3910
+ type PButtonPureProps = {
3911
+ /**
3912
+ * Displays the button in its active state.
3913
+ * @default false
3914
+ */
3915
+ active?: boolean;
3916
+ /**
3917
+ * Aligns the label.
3918
+ * @default 'end'
3919
+ */
3920
+ alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
3921
+ /**
3922
+ * Sets ARIA attributes.
3923
+ */
3924
+ aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
3925
+ /**
3926
+ * The color.
3927
+ * @default 'primary'
3928
+ */
3929
+ color?: ButtonPureColor;
3930
+ /**
3931
+ * Disables the button. No events will be triggered while disabled state is active.
3932
+ * @default false
3933
+ */
3934
+ disabled?: boolean;
3935
+ /**
3936
+ * The id of a form element the button should be associated with.
3937
+ */
3938
+ form?: string;
3939
+ /**
3940
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
3941
+ * @default false
3942
+ */
3943
+ hideLabel?: BreakpointCustomizable<boolean>;
3944
+ /**
3945
+ * The icon shown.
3946
+ * @default 'arrow-right'
3947
+ */
3948
+ icon?: ButtonPureIcon;
3949
+ /**
3950
+ * A URL path to a custom icon.
3951
+ */
3952
+ iconSource?: string;
3953
+ /**
3954
+ * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
3955
+ * @default false
3956
+ */
3957
+ loading?: boolean;
3958
+ /**
3959
+ * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
3960
+ */
3961
+ name?: string;
3962
+ /**
3963
+ * Size of the button.
3964
+ * @default 'sm'
3965
+ */
3966
+ size?: BreakpointCustomizable<ButtonPureSize>;
3967
+ /**
3968
+ * Stretches the area between icon and label to max available space.
3969
+ * @default false
3970
+ */
3971
+ stretch?: BreakpointCustomizable<boolean>;
3972
+ /**
3973
+ * Specifies the type of the button.
3974
+ * @default 'submit'
3975
+ */
3976
+ type?: ButtonPureType;
3977
+ /**
3978
+ * Shows an underline under the label.
3979
+ * @default false
3980
+ */
3981
+ underline?: boolean;
3982
+ /**
3983
+ * Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
3984
+ */
3985
+ value?: string;
3986
+ };
2315
3987
  declare class PButtonPure extends BaseComponent {
2316
3988
  active?: boolean;
2317
3989
  alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
@@ -2333,6 +4005,74 @@ declare class PButtonPure extends BaseComponent {
2333
4005
  static ɵcmp: i0.ɵɵComponentDeclaration<PButtonPure, "p-button-pure,[p-button-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "type": { "alias": "type"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
2334
4006
  }
2335
4007
 
4008
+ type PButtonTileProps = {
4009
+ /**
4010
+ * Alignment of button and description.
4011
+ * @default 'bottom'
4012
+ */
4013
+ align?: ButtonTileAlign;
4014
+ /**
4015
+ * Sets ARIA attributes.
4016
+ */
4017
+ aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
4018
+ /**
4019
+ * Aspect ratio of the button-tile.
4020
+ * @default '4/3'
4021
+ */
4022
+ aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
4023
+ /**
4024
+ * Displays the button-tile as compact version with description and button icon only.
4025
+ * @default false
4026
+ */
4027
+ compact?: BreakpointCustomizable<boolean>;
4028
+ /**
4029
+ * Description text.
4030
+ */
4031
+ description: string;
4032
+ /**
4033
+ * Disables the button. No events will be triggered while disabled state is active.
4034
+ * @default false
4035
+ */
4036
+ disabled?: boolean;
4037
+ /**
4038
+ * Show gradient.
4039
+ * @default false
4040
+ */
4041
+ gradient?: boolean;
4042
+ /**
4043
+ * The icon shown. By choosing 'none', no icon is displayed.
4044
+ * @default 'none'
4045
+ */
4046
+ icon?: ButtonTileIcon;
4047
+ /**
4048
+ * A URL path to a custom icon.
4049
+ */
4050
+ iconSource?: string;
4051
+ /**
4052
+ * Label of the button.
4053
+ */
4054
+ label: string;
4055
+ /**
4056
+ * Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
4057
+ * @default false
4058
+ */
4059
+ loading?: boolean;
4060
+ /**
4061
+ * Font size of the description.
4062
+ * @default 'medium'
4063
+ */
4064
+ size?: BreakpointCustomizable<ButtonTileSize>;
4065
+ /**
4066
+ * Specifies the type of the button.
4067
+ * @default 'submit'
4068
+ */
4069
+ type?: ButtonTileType;
4070
+ /**
4071
+ * Font weight of the description.
4072
+ * @default 'semi-bold'
4073
+ */
4074
+ weight?: BreakpointCustomizable<ButtonTileWeight>;
4075
+ };
2336
4076
  declare class PButtonTile extends BaseComponent {
2337
4077
  align?: ButtonTileAlign;
2338
4078
  aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
@@ -2352,6 +4092,23 @@ declare class PButtonTile extends BaseComponent {
2352
4092
  static ɵcmp: i0.ɵɵComponentDeclaration<PButtonTile, "p-button-tile,[p-button-tile]", never, { "align": { "alias": "align"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
2353
4093
  }
2354
4094
 
4095
+ type PCanvasProps = {
4096
+ /**
4097
+ * Defines the background color of the main section and auto adjust it for the sidebar
4098
+ * @default 'canvas'
4099
+ */
4100
+ background?: CanvasBackground;
4101
+ /**
4102
+ * Open the sidebar on the end side
4103
+ * @default false
4104
+ */
4105
+ sidebarEndOpen?: boolean;
4106
+ /**
4107
+ * Open the sidebar on the start side
4108
+ * @default false
4109
+ */
4110
+ sidebarStartOpen?: boolean;
4111
+ };
2355
4112
  declare class PCanvas extends BaseComponent {
2356
4113
  background?: CanvasBackground;
2357
4114
  sidebarEndOpen?: boolean;
@@ -2362,6 +4119,83 @@ declare class PCanvas extends BaseComponent {
2362
4119
  static ɵcmp: i0.ɵɵComponentDeclaration<PCanvas, "p-canvas,[p-canvas]", never, { "background": { "alias": "background"; "required": false; }; "sidebarEndOpen": { "alias": "sidebarEndOpen"; "required": false; }; "sidebarStartOpen": { "alias": "sidebarStartOpen"; "required": false; }; }, { "sidebarEndDismiss": "sidebarEndDismiss"; "sidebarStartUpdate": "sidebarStartUpdate"; }, never, ["*"], false, never>;
2363
4120
  }
2364
4121
 
4122
+ type PCarouselProps = {
4123
+ /**
4124
+ * Defines which slide is active (zero-based numbering).
4125
+ * @default 0
4126
+ */
4127
+ activeSlideIndex?: number;
4128
+ /**
4129
+ * Aligns the slotted controls.
4130
+ * @default 'auto'
4131
+ */
4132
+ alignControls?: CarouselAlignControls;
4133
+ /**
4134
+ * Aligns the heading and description.
4135
+ * @default 'start'
4136
+ */
4137
+ alignHeader?: CarouselAlignHeader;
4138
+ /**
4139
+ * Sets ARIA attributes.
4140
+ */
4141
+ aria?: SelectedAriaAttributes<CarouselAriaAttribute>;
4142
+ /**
4143
+ * Defines the description used in the carousel.
4144
+ */
4145
+ description?: string;
4146
+ /**
4147
+ * Indicates whether focus should be set on the center slide. If true, the carousel loops by individual slide; otherwise, it loops by page.
4148
+ * @default false
4149
+ */
4150
+ focusOnCenterSlide?: boolean;
4151
+ /**
4152
+ * Fades the slides out.
4153
+ * @default false
4154
+ */
4155
+ gradient?: boolean;
4156
+ /**
4157
+ * Defines the heading used in the carousel.
4158
+ */
4159
+ heading?: string;
4160
+ /**
4161
+ * Defines the heading size used in the carousel.
4162
+ * @default 'x-large'
4163
+ */
4164
+ headingSize?: CarouselHeadingSize;
4165
+ /**
4166
+ * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
4167
+ */
4168
+ intl?: CarouselInternationalization;
4169
+ /**
4170
+ * If false, the carousel will not show pagination bullets at the bottom.
4171
+ * @default false
4172
+ */
4173
+ pagination?: BreakpointCustomizable<boolean>;
4174
+ /**
4175
+ * Whether the slides should rewind from last to first slide and vice versa.
4176
+ * @default false
4177
+ */
4178
+ rewind?: boolean;
4179
+ /**
4180
+ * Defines the skip link target used to skip carousel entries.
4181
+ */
4182
+ skipLinkTarget?: string;
4183
+ /**
4184
+ * Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
4185
+ * @default 1
4186
+ */
4187
+ slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;
4188
+ /**
4189
+ * Determines whether to trim spaces before/after the carousel if `focusOnCenterSlide` option is true.
4190
+ * @default false
4191
+ */
4192
+ trimSpace?: boolean;
4193
+ /**
4194
+ * Defines the outer spacings between the carousel and the left and right screen sides.
4195
+ * @default 'basic'
4196
+ */
4197
+ width?: CarouselWidth;
4198
+ };
2365
4199
  declare class PCarousel extends BaseComponent {
2366
4200
  activeSlideIndex?: number;
2367
4201
  alignControls?: CarouselAlignControls;
@@ -2384,6 +4218,21 @@ declare class PCarousel extends BaseComponent {
2384
4218
  static ɵcmp: i0.ɵɵComponentDeclaration<PCarousel, "p-carousel,[p-carousel]", never, { "activeSlideIndex": { "alias": "activeSlideIndex"; "required": false; }; "alignControls": { "alias": "alignControls"; "required": false; }; "alignHeader": { "alias": "alignHeader"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "focusOnCenterSlide": { "alias": "focusOnCenterSlide"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingSize": { "alias": "headingSize"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "rewind": { "alias": "rewind"; "required": false; }; "skipLinkTarget": { "alias": "skipLinkTarget"; "required": false; }; "slidesPerPage": { "alias": "slidesPerPage"; "required": false; }; "trimSpace": { "alias": "trimSpace"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
2385
4219
  }
2386
4220
 
4221
+ type PCrestProps = {
4222
+ /**
4223
+ * Sets ARIA attributes.
4224
+ */
4225
+ aria?: SelectedAriaAttributes<CrestAriaAttribute>;
4226
+ /**
4227
+ * When `href` is provided, the component renders as an `<a>` element.
4228
+ */
4229
+ href?: string;
4230
+ /**
4231
+ * Specifies where to open the linked document.
4232
+ * @default '_self'
4233
+ */
4234
+ target?: CrestTarget;
4235
+ };
2387
4236
  declare class PCrest extends BaseComponent {
2388
4237
  aria?: SelectedAriaAttributes<CrestAriaAttribute>;
2389
4238
  href?: string;
@@ -2392,6 +4241,32 @@ declare class PCrest extends BaseComponent {
2392
4241
  static ɵcmp: i0.ɵɵComponentDeclaration<PCrest, "p-crest,[p-crest]", never, { "aria": { "alias": "aria"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
2393
4242
  }
2394
4243
 
4244
+ type PDisplayProps = {
4245
+ /**
4246
+ * Text alignment of the component.
4247
+ * @default 'start'
4248
+ */
4249
+ align?: DisplayAlign;
4250
+ /**
4251
+ * Basic text color variations.
4252
+ * @default 'primary'
4253
+ */
4254
+ color?: DisplayColor;
4255
+ /**
4256
+ * Adds an ellipsis to a single line of text if it overflows.
4257
+ * @default false
4258
+ */
4259
+ ellipsis?: boolean;
4260
+ /**
4261
+ * Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
4262
+ * @default 'large'
4263
+ */
4264
+ size?: BreakpointCustomizable<DisplaySize>;
4265
+ /**
4266
+ * Sets a heading tag, so it fits correctly within the outline of the page.
4267
+ */
4268
+ tag?: DisplayTag;
4269
+ };
2395
4270
  /** @deprecated since v4.0.0, will be removed with next major release. Please use `p-heading` instead. */
2396
4271
  declare class PDisplay extends BaseComponent {
2397
4272
  align?: DisplayAlign;
@@ -2403,6 +4278,18 @@ declare class PDisplay extends BaseComponent {
2403
4278
  static ɵcmp: i0.ɵɵComponentDeclaration<PDisplay, "p-display,[p-display]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; }, {}, never, ["*"], false, never>;
2404
4279
  }
2405
4280
 
4281
+ type PDividerProps = {
4282
+ /**
4283
+ * Defines color.
4284
+ * @default 'contrast-lower'
4285
+ */
4286
+ color?: DividerColor;
4287
+ /**
4288
+ * Defines direction.
4289
+ * @default 'horizontal'
4290
+ */
4291
+ direction?: BreakpointCustomizable<DividerDirection>;
4292
+ };
2406
4293
  declare class PDivider extends BaseComponent {
2407
4294
  color?: DividerColor;
2408
4295
  direction?: BreakpointCustomizable<DividerDirection>;
@@ -2410,6 +4297,21 @@ declare class PDivider extends BaseComponent {
2410
4297
  static ɵcmp: i0.ɵɵComponentDeclaration<PDivider, "p-divider,[p-divider]", never, { "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
2411
4298
  }
2412
4299
 
4300
+ type PDrilldownProps = {
4301
+ /**
4302
+ * Defines which `p-drilldown-item` is shown as open.
4303
+ */
4304
+ activeIdentifier?: string | undefined;
4305
+ /**
4306
+ * Sets ARIA attributes.
4307
+ */
4308
+ aria?: SelectedAriaAttributes<DrilldownAriaAttribute>;
4309
+ /**
4310
+ * If `true`, the drilldown is shown as open.
4311
+ * @default false
4312
+ */
4313
+ open?: boolean;
4314
+ };
2413
4315
  declare class PDrilldown extends BaseComponent {
2414
4316
  activeIdentifier?: string | undefined;
2415
4317
  aria?: SelectedAriaAttributes<DrilldownAriaAttribute>;
@@ -2420,6 +4322,31 @@ declare class PDrilldown extends BaseComponent {
2420
4322
  static ɵcmp: i0.ɵɵComponentDeclaration<PDrilldown, "p-drilldown,[p-drilldown]", never, { "activeIdentifier": { "alias": "activeIdentifier"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dismiss": "dismiss"; "update": "update"; }, never, ["*"], false, never>;
2421
4323
  }
2422
4324
 
4325
+ type PDrilldownItemProps = {
4326
+ /**
4327
+ * Private property set by the component itself.
4328
+ * @default false
4329
+ */
4330
+ cascade?: boolean;
4331
+ /**
4332
+ * Unique identifier which controls if this item should be shown when the active-identifier on the drilldown is set to this value.
4333
+ */
4334
+ identifier: string;
4335
+ /**
4336
+ * Renders back button, header section on mobile view and cascade button to reach a deeper level of the navigation structure.
4337
+ */
4338
+ label?: string;
4339
+ /**
4340
+ * Private property set by the component itself.
4341
+ * @default false
4342
+ */
4343
+ primary?: boolean;
4344
+ /**
4345
+ * Private property set by the component itself.
4346
+ * @default false
4347
+ */
4348
+ secondary?: boolean;
4349
+ };
2423
4350
  declare class PDrilldownItem extends BaseComponent {
2424
4351
  cascade?: boolean;
2425
4352
  identifier: string;
@@ -2430,6 +4357,34 @@ declare class PDrilldownItem extends BaseComponent {
2430
4357
  static ɵcmp: i0.ɵɵComponentDeclaration<PDrilldownItem, "p-drilldown-item,[p-drilldown-item]", never, { "cascade": { "alias": "cascade"; "required": false; }; "identifier": { "alias": "identifier"; "required": false; }; "label": { "alias": "label"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; }, {}, never, ["*"], false, never>;
2431
4358
  }
2432
4359
 
4360
+ type PDrilldownLinkProps = {
4361
+ /**
4362
+ * Displays the link in its active state.
4363
+ * @default false
4364
+ */
4365
+ active?: boolean;
4366
+ /**
4367
+ * Add ARIA attributes (only has effect when `href` is defined and no slotted anchor is used).
4368
+ */
4369
+ aria?: SelectedAriaAttributes<DrilldownLinkAriaAttribute>;
4370
+ /**
4371
+ * Sets the native `download` attribute when the target URL points to a downloadable file (only has effect when `href` is defined and no slotted anchor is used).
4372
+ */
4373
+ download?: string;
4374
+ /**
4375
+ * When `href` is provided, the component renders as an `<a>` element. Otherwise, provide a slotted anchor element.
4376
+ */
4377
+ href?: string;
4378
+ /**
4379
+ * Sets the `rel` attribute on the link (only has effect when `href` is defined and no slotted anchor is used).
4380
+ */
4381
+ rel?: string;
4382
+ /**
4383
+ * Target attribute where the link should be opened (only has effect when `href` is defined and no slotted anchor is used).
4384
+ * @default '_self'
4385
+ */
4386
+ target?: DrilldownLinkTarget;
4387
+ };
2433
4388
  declare class PDrilldownLink extends BaseComponent {
2434
4389
  active?: boolean;
2435
4390
  aria?: SelectedAriaAttributes<DrilldownLinkAriaAttribute>;
@@ -2441,6 +4396,37 @@ declare class PDrilldownLink extends BaseComponent {
2441
4396
  static ɵcmp: i0.ɵɵComponentDeclaration<PDrilldownLink, "p-drilldown-link,[p-drilldown-link]", never, { "active": { "alias": "active"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
2442
4397
  }
2443
4398
 
4399
+ type PFieldsetProps = {
4400
+ /**
4401
+ * Sets ARIA attributes.
4402
+ */
4403
+ aria?: SelectedAriaRole<"radiogroup">;
4404
+ /**
4405
+ * Text content for a user-facing label.
4406
+ * @default ''
4407
+ */
4408
+ label?: string;
4409
+ /**
4410
+ * Controls the size of the label text.
4411
+ * @default 'medium'
4412
+ */
4413
+ labelSize?: FieldsetLabelSize;
4414
+ /**
4415
+ * The message styled depending on validation state.
4416
+ * @default ''
4417
+ */
4418
+ message?: string;
4419
+ /**
4420
+ * Marks the Fieldset as required.
4421
+ * @default false
4422
+ */
4423
+ required?: boolean;
4424
+ /**
4425
+ * The validation state.
4426
+ * @default 'none'
4427
+ */
4428
+ state?: FieldsetState;
4429
+ };
2444
4430
  declare class PFieldset extends BaseComponent {
2445
4431
  aria?: SelectedAriaRole<"radiogroup">;
2446
4432
  label?: string;
@@ -2452,6 +4438,22 @@ declare class PFieldset extends BaseComponent {
2452
4438
  static ɵcmp: i0.ɵɵComponentDeclaration<PFieldset, "p-fieldset,[p-fieldset]", never, { "aria": { "alias": "aria"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "message": { "alias": "message"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], false, never>;
2453
4439
  }
2454
4440
 
4441
+ type PFlagProps = {
4442
+ /**
4443
+ * A map of ARIA attributes to enhance the flag's accessibility. For example, use `{ 'aria-label': 'German flag' }` to provide a descriptive label for screen readers.
4444
+ */
4445
+ aria?: SelectedAriaAttributes<FlagAriaAttribute>;
4446
+ /**
4447
+ * Specifies the country flag to display. Use the two-letter ISO 3166-1 alpha-2 country code. For example, use `us` for the United States, `de` for Germany, `gb` for Great Britain.
4448
+ * @default 'de'
4449
+ */
4450
+ name?: FlagName;
4451
+ /**
4452
+ * Defines the size of the flag, aligned with the typographic scale used by components such as p-icon, p-spinner, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
4453
+ * @default 'sm'
4454
+ */
4455
+ size?: BreakpointCustomizable<FlagSize>;
4456
+ };
2455
4457
  declare class PFlag extends BaseComponent {
2456
4458
  aria?: SelectedAriaAttributes<FlagAriaAttribute>;
2457
4459
  name?: FlagName;
@@ -2460,6 +4462,42 @@ declare class PFlag extends BaseComponent {
2460
4462
  static ɵcmp: i0.ɵɵComponentDeclaration<PFlag, "p-flag,[p-flag]", never, { "aria": { "alias": "aria"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
2461
4463
  }
2462
4464
 
4465
+ type PFlyoutProps = {
4466
+ /**
4467
+ * Sets ARIA attributes.
4468
+ */
4469
+ aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;
4470
+ /**
4471
+ * Defines the backdrop, 'blur' (should be used when the underlying content is not relevant for users) and 'shading' (should be used when the user still needs a visual connection to the underlying content).
4472
+ * @default 'blur'
4473
+ */
4474
+ backdrop?: FlyoutBackdrop;
4475
+ /**
4476
+ * Defines the background color
4477
+ * @default 'canvas'
4478
+ */
4479
+ background?: FlyoutBackground;
4480
+ /**
4481
+ * If true, the flyout will not be closable via backdrop click.
4482
+ * @default false
4483
+ */
4484
+ disableBackdropClick?: boolean;
4485
+ /**
4486
+ * Determines the footer's position behavior. When set to "fixed," the flyout content stretches to fill the full height, keeping the footer permanently at the bottom. When set to "sticky," the footer flows beneath the content and only becomes fixed if the content overflows.
4487
+ * @default 'sticky'
4488
+ */
4489
+ footerBehavior?: FlyoutFooterBehavior;
4490
+ /**
4491
+ * If true, the flyout is open.
4492
+ * @default false
4493
+ */
4494
+ open: boolean;
4495
+ /**
4496
+ * The position of the flyout
4497
+ * @default 'end'
4498
+ */
4499
+ position?: FlyoutPosition;
4500
+ };
2463
4501
  declare class PFlyout extends BaseComponent {
2464
4502
  aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;
2465
4503
  backdrop?: FlyoutBackdrop;
@@ -2475,6 +4513,42 @@ declare class PFlyout extends BaseComponent {
2475
4513
  static ɵcmp: i0.ɵɵComponentDeclaration<PFlyout, "p-flyout,[p-flyout]", never, { "aria": { "alias": "aria"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "footerBehavior": { "alias": "footerBehavior"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
2476
4514
  }
2477
4515
 
4516
+ type PHeadingProps = {
4517
+ /**
4518
+ * Text alignment of the heading. Use 'start' for left-aligned text (in LTR), 'center' for centered, 'end' for right-aligned (in LTR), or 'inherit' to adopt the parent's alignment.
4519
+ * @default 'start'
4520
+ */
4521
+ align?: HeadingAlign;
4522
+ /**
4523
+ * Text color of the heading. Use 'primary' for default, 'contrast-higher' / 'contrast-high' / 'contrast-medium' for alternative emphasis levels, or 'inherit' to adopt the parent's color.
4524
+ * @default 'primary'
4525
+ */
4526
+ color?: HeadingColor;
4527
+ /**
4528
+ * Adds an ellipsis to a single line of text if it overflows the container width. When enabled, the text is truncated to a single line with `text-overflow: ellipsis`. Cannot be combined with multi-line content.
4529
+ * @default false
4530
+ */
4531
+ ellipsis?: boolean;
4532
+ /**
4533
+ * Controls the hyphenation behavior of the heading. Use 'auto' to let the browser automatically hyphenate words at appropriate points, 'manual' to only hyphenate at manually inserted hyphenation points (e.g. `&shy;`), 'none' to disable hyphenation entirely, or 'inherit' to adopt the parent's hyphenation setting.
4534
+ * @default 'none'
4535
+ */
4536
+ hyphens?: HeadingHyphens;
4537
+ /**
4538
+ * Size of the heading. Also defines the size for specific breakpoints, like {base: "md", l: "2xl"}. You always need to provide a base value when doing this. Use 'inherit' to adopt the parent's font size.
4539
+ * @default '2xl'
4540
+ */
4541
+ size?: BreakpointCustomizable<HeadingSize>;
4542
+ /**
4543
+ * Sets the HTML heading tag (h1 - h6) to ensure the correct document outline and semantic hierarchy. If not set, the tag is automatically inferred from the `size` property (e.g. '2xl' maps to 'h2', 'md' to 'h5', 'sm' to 'h6').
4544
+ */
4545
+ tag?: HeadingTag;
4546
+ /**
4547
+ * The font weight of the heading. Use 'normal' for regular weight, 'semibold' for slightly emphasized text, or 'bold' for strong emphasis. For `size` values of 'sm' or smaller, it's recommended to use 'semibold' for better readability.
4548
+ * @default 'normal'
4549
+ */
4550
+ weight?: HeadingWeight;
4551
+ };
2478
4552
  declare class PHeading extends BaseComponent {
2479
4553
  align?: HeadingAlign;
2480
4554
  color?: HeadingColor;
@@ -2487,6 +4561,31 @@ declare class PHeading extends BaseComponent {
2487
4561
  static ɵcmp: i0.ɵɵComponentDeclaration<PHeading, "p-heading,[p-heading]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "hyphens": { "alias": "hyphens"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
2488
4562
  }
2489
4563
 
4564
+ type PIconProps = {
4565
+ /**
4566
+ * Sets ARIA attributes.
4567
+ */
4568
+ aria?: SelectedAriaAttributes<IconAriaAttribute>;
4569
+ /**
4570
+ * Basic color variations.
4571
+ * @default 'primary'
4572
+ */
4573
+ color?: IconColor;
4574
+ /**
4575
+ * Specifies which icon to use.
4576
+ * @default 'arrow-right'
4577
+ */
4578
+ name?: IconName;
4579
+ /**
4580
+ * Defines the size of the icon, aligned with the typographic scale used by components such as p-spinner, p-flag, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
4581
+ * @default 'sm'
4582
+ */
4583
+ size?: BreakpointCustomizable<IconSize>;
4584
+ /**
4585
+ * Specifies a whole icon path which can be used for custom icons.
4586
+ */
4587
+ source?: string;
4588
+ };
2490
4589
  declare class PIcon extends BaseComponent {
2491
4590
  aria?: SelectedAriaAttributes<IconAriaAttribute>;
2492
4591
  color?: IconColor;
@@ -2497,6 +4596,47 @@ declare class PIcon extends BaseComponent {
2497
4596
  static ɵcmp: i0.ɵɵComponentDeclaration<PIcon, "p-icon,[p-icon]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "source": { "alias": "source"; "required": false; }; }, {}, never, ["*"], false, never>;
2498
4597
  }
2499
4598
 
4599
+ type PInlineNotificationProps = {
4600
+ /**
4601
+ * Action icon of the inline-notification.
4602
+ * @default 'arrow-right'
4603
+ */
4604
+ actionIcon?: InlineNotificationActionIcon;
4605
+ /**
4606
+ * Action label of the inline-notification.
4607
+ */
4608
+ actionLabel?: string;
4609
+ /**
4610
+ * Disables the action button and shows a loading indicator. No events will be triggered while loading state is active.
4611
+ * @default false
4612
+ */
4613
+ actionLoading?: boolean;
4614
+ /**
4615
+ * Description of the inline-notification.
4616
+ * @default ''
4617
+ */
4618
+ description?: string;
4619
+ /**
4620
+ * If false, the inline-notification will not have a dismiss button.
4621
+ * @default true
4622
+ */
4623
+ dismissButton?: boolean;
4624
+ /**
4625
+ * Heading of the inline-notification.
4626
+ * @default ''
4627
+ */
4628
+ heading?: string;
4629
+ /**
4630
+ * Sets a heading tag, so it fits correctly within the outline of the page.
4631
+ * @default 'h5'
4632
+ */
4633
+ headingTag?: InlineNotificationHeadingTag;
4634
+ /**
4635
+ * State of the inline-notification.
4636
+ * @default 'info'
4637
+ */
4638
+ state?: InlineNotificationState;
4639
+ };
2500
4640
  declare class PInlineNotification extends BaseComponent {
2501
4641
  actionIcon?: InlineNotificationActionIcon;
2502
4642
  actionLabel?: string;
@@ -2512,6 +4652,53 @@ declare class PInlineNotification extends BaseComponent {
2512
4652
  static ɵcmp: i0.ɵɵComponentDeclaration<PInlineNotification, "p-inline-notification,[p-inline-notification]", never, { "actionIcon": { "alias": "actionIcon"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; "actionLoading": { "alias": "actionLoading"; "required": false; }; "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "action": "action"; "dismiss": "dismiss"; }, never, ["*"], false, never>;
2513
4653
  }
2514
4654
 
4655
+ type PLinkProps = {
4656
+ /**
4657
+ * Sets ARIA attributes.
4658
+ */
4659
+ aria?: SelectedAriaAttributes<LinkAriaAttribute>;
4660
+ /**
4661
+ * Displays the link in compact mode.
4662
+ * @default false
4663
+ */
4664
+ compact?: BreakpointCustomizable<boolean>;
4665
+ /**
4666
+ * Sets the native `download` attribute when the target URL points to a downloadable file.
4667
+ */
4668
+ download?: string;
4669
+ /**
4670
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
4671
+ * @default false
4672
+ */
4673
+ hideLabel?: BreakpointCustomizable<boolean>;
4674
+ /**
4675
+ * When `href` is provided, the component renders as an `<a>` element.
4676
+ */
4677
+ href?: string;
4678
+ /**
4679
+ * The icon shown. By choosing 'none', no icon is displayed.
4680
+ * @default 'none'
4681
+ */
4682
+ icon?: LinkIcon;
4683
+ /**
4684
+ * A URL path to a custom icon.
4685
+ */
4686
+ iconSource?: string;
4687
+ /**
4688
+ * Sets the `rel` attribute on the link.
4689
+ */
4690
+ rel?: string;
4691
+ /**
4692
+ * Specifies where to open the linked document.
4693
+ * @default '_self'
4694
+ */
4695
+ target?: LinkTarget;
4696
+ /**
4697
+ * The style variant of the link.
4698
+ * @default 'primary'
4699
+ */
4700
+ variant?: LinkVariant;
4701
+ };
2515
4702
  declare class PLink extends BaseComponent {
2516
4703
  aria?: SelectedAriaAttributes<LinkAriaAttribute>;
2517
4704
  compact?: BreakpointCustomizable<boolean>;
@@ -2527,6 +4714,73 @@ declare class PLink extends BaseComponent {
2527
4714
  static ɵcmp: i0.ɵɵComponentDeclaration<PLink, "p-link,[p-link]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "download": { "alias": "download"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
2528
4715
  }
2529
4716
 
4717
+ type PLinkPureProps = {
4718
+ /**
4719
+ * Displays the link in its active state.
4720
+ * @default false
4721
+ */
4722
+ active?: boolean;
4723
+ /**
4724
+ * Aligns the label.
4725
+ * @default 'end'
4726
+ */
4727
+ alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
4728
+ /**
4729
+ * Sets ARIA attributes.
4730
+ */
4731
+ aria?: SelectedAriaAttributes<LinkPureAriaAttribute>;
4732
+ /**
4733
+ * The color.
4734
+ * @default 'primary'
4735
+ */
4736
+ color?: LinkPureColor;
4737
+ /**
4738
+ * Sets the native `download` attribute when the target URL points to a downloadable file.
4739
+ */
4740
+ download?: string;
4741
+ /**
4742
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
4743
+ * @default false
4744
+ */
4745
+ hideLabel?: BreakpointCustomizable<boolean>;
4746
+ /**
4747
+ * When `href` is provided, the component renders as an `<a>` element.
4748
+ */
4749
+ href?: string;
4750
+ /**
4751
+ * The icon shown. By choosing 'none', no icon is displayed
4752
+ * @default 'arrow-right'
4753
+ */
4754
+ icon?: LinkPureIcon;
4755
+ /**
4756
+ * A URL path to a custom icon.
4757
+ */
4758
+ iconSource?: string;
4759
+ /**
4760
+ * Sets the `rel` attribute on the link.
4761
+ */
4762
+ rel?: string;
4763
+ /**
4764
+ * Size of the link.
4765
+ * @default 'sm'
4766
+ */
4767
+ size?: BreakpointCustomizable<LinkPureSize>;
4768
+ /**
4769
+ * Stretches the area between icon and label to max available space.
4770
+ * @default false
4771
+ */
4772
+ stretch?: BreakpointCustomizable<boolean>;
4773
+ /**
4774
+ * Specifies where to open the linked document.
4775
+ * @default '_self'
4776
+ */
4777
+ target?: LinkPureTarget;
4778
+ /**
4779
+ * Shows an underline under the label.
4780
+ * @default false
4781
+ */
4782
+ underline?: boolean;
4783
+ };
2530
4784
  declare class PLinkPure extends BaseComponent {
2531
4785
  active?: boolean;
2532
4786
  alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
@@ -2546,6 +4800,67 @@ declare class PLinkPure extends BaseComponent {
2546
4800
  static ɵcmp: i0.ɵɵComponentDeclaration<PLinkPure, "p-link-pure,[p-link-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "download": { "alias": "download"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "target": { "alias": "target"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; }, {}, never, ["*"], false, never>;
2547
4801
  }
2548
4802
 
4803
+ type PLinkTileProps = {
4804
+ /**
4805
+ * Alignment of link and description.
4806
+ * @default 'bottom'
4807
+ */
4808
+ align?: LinkTileAlign;
4809
+ /**
4810
+ * Sets ARIA attributes.
4811
+ */
4812
+ aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
4813
+ /**
4814
+ * Aspect ratio of the link-tile.
4815
+ * @default '4/3'
4816
+ */
4817
+ aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
4818
+ /**
4819
+ * Displays the link-tile as compact version with description and link icon only.
4820
+ * @default false
4821
+ */
4822
+ compact?: BreakpointCustomizable<boolean>;
4823
+ /**
4824
+ * Description text.
4825
+ */
4826
+ description: string;
4827
+ /**
4828
+ * Sets the native `download` attribute when the target URL points to a downloadable file.
4829
+ */
4830
+ download?: string;
4831
+ /**
4832
+ * Show gradient.
4833
+ * @default false
4834
+ */
4835
+ gradient?: boolean;
4836
+ /**
4837
+ * href of the `<a>`.
4838
+ */
4839
+ href: string;
4840
+ /**
4841
+ * Label of the <a />.
4842
+ */
4843
+ label: string;
4844
+ /**
4845
+ * Sets the `rel` attribute on the link.
4846
+ */
4847
+ rel?: string;
4848
+ /**
4849
+ * Font size of the description.
4850
+ * @default 'medium'
4851
+ */
4852
+ size?: BreakpointCustomizable<LinkTileSize>;
4853
+ /**
4854
+ * Specifies where to open the linked document.
4855
+ * @default '_self'
4856
+ */
4857
+ target?: LinkTileTarget;
4858
+ /**
4859
+ * Font weight of the description.
4860
+ * @default 'semi-bold'
4861
+ */
4862
+ weight?: BreakpointCustomizable<LinkTileWeight>;
4863
+ };
2549
4864
  declare class PLinkTile extends BaseComponent {
2550
4865
  align?: LinkTileAlign;
2551
4866
  aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
@@ -2564,6 +4879,52 @@ declare class PLinkTile extends BaseComponent {
2564
4879
  static ɵcmp: i0.ɵɵComponentDeclaration<PLinkTile, "p-link-tile,[p-link-tile]", never, { "align": { "alias": "align"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "download": { "alias": "download"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "href": { "alias": "href"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
2565
4880
  }
2566
4881
 
4882
+ type PLinkTileProductProps = {
4883
+ /**
4884
+ * Aspect ratio of the link-tile-product.
4885
+ * @default '3/4'
4886
+ */
4887
+ aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
4888
+ /**
4889
+ * Additional product description.
4890
+ */
4891
+ description?: string;
4892
+ /**
4893
+ * Product heading.
4894
+ */
4895
+ heading: string;
4896
+ /**
4897
+ * href of the `<a>`.
4898
+ */
4899
+ href?: string;
4900
+ /**
4901
+ * Shows a like button.
4902
+ * @default true
4903
+ */
4904
+ likeButton?: boolean;
4905
+ /**
4906
+ * Indicates whether the product is liked.
4907
+ * @default false
4908
+ */
4909
+ liked?: boolean;
4910
+ /**
4911
+ * Product retail price (with or without discount).
4912
+ */
4913
+ price: string;
4914
+ /**
4915
+ * Shows original price (recommended retail price) with line-through. Needs prop "price" to be defined, otherwise this prop has no effect.
4916
+ */
4917
+ priceOriginal?: string;
4918
+ /**
4919
+ * Sets the `rel` attribute on the link.
4920
+ */
4921
+ rel?: string;
4922
+ /**
4923
+ * Specifies where to open the linked document.
4924
+ * @default '_self'
4925
+ */
4926
+ target?: LinkTileProductTarget;
4927
+ };
2567
4928
  declare class PLinkTileProduct extends BaseComponent {
2568
4929
  aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
2569
4930
  description?: string;
@@ -2580,6 +4941,42 @@ declare class PLinkTileProduct extends BaseComponent {
2580
4941
  static ɵcmp: i0.ɵɵComponentDeclaration<PLinkTileProduct, "p-link-tile-product,[p-link-tile-product]", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "description": { "alias": "description"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "href": { "alias": "href"; "required": false; }; "likeButton": { "alias": "likeButton"; "required": false; }; "liked": { "alias": "liked"; "required": false; }; "price": { "alias": "price"; "required": false; }; "priceOriginal": { "alias": "priceOriginal"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "like": "like"; }, never, ["*"], false, never>;
2581
4942
  }
2582
4943
 
4944
+ type PModalProps = {
4945
+ /**
4946
+ * Sets ARIA attributes.
4947
+ */
4948
+ aria?: SelectedAriaAttributes<ModalAriaAttribute>;
4949
+ /**
4950
+ * Defines the backdrop, 'blur' (should be used when Modal is opened by user interaction, e.g. after a click on a button) and 'shading' (should be used when Modal gets opened automatically, e.g. Cookie Consent).
4951
+ * @default 'blur'
4952
+ */
4953
+ backdrop?: ModalBackdrop;
4954
+ /**
4955
+ * Defines the background color
4956
+ * @default 'canvas'
4957
+ */
4958
+ background?: ModalBackground;
4959
+ /**
4960
+ * If true, the modal will not be closable via backdrop click.
4961
+ * @default false
4962
+ */
4963
+ disableBackdropClick?: boolean;
4964
+ /**
4965
+ * If false, the modal will not have a dismiss button.
4966
+ * @default true
4967
+ */
4968
+ dismissButton?: boolean;
4969
+ /**
4970
+ * If true the modal uses max viewport height and width. Should only be used for mobile.
4971
+ * @default false
4972
+ */
4973
+ fullscreen?: BreakpointCustomizable<boolean>;
4974
+ /**
4975
+ * If true, the modal is open.
4976
+ * @default false
4977
+ */
4978
+ open: boolean;
4979
+ };
2583
4980
  declare class PModal extends BaseComponent {
2584
4981
  aria?: SelectedAriaAttributes<ModalAriaAttribute>;
2585
4982
  backdrop?: ModalBackdrop;
@@ -2595,6 +4992,38 @@ declare class PModal extends BaseComponent {
2595
4992
  static ɵcmp: i0.ɵɵComponentDeclaration<PModal, "p-modal,[p-modal]", never, { "aria": { "alias": "aria"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
2596
4993
  }
2597
4994
 
4995
+ type PModelSignatureProps = {
4996
+ /**
4997
+ * Adapts the color of the component.
4998
+ * @default 'primary'
4999
+ */
5000
+ color?: ModelSignatureColor;
5001
+ /**
5002
+ * Sets the browser's fetch priority hint for the model signature asset.
5003
+ * @default 'auto'
5004
+ */
5005
+ fetchPriority?: ModelSignatureFetchPriority;
5006
+ /**
5007
+ * Defines whether the model signature is always loaded or only loaded when it is in the viewport (this feature may not work reliably).
5008
+ * @default false
5009
+ */
5010
+ lazy?: boolean;
5011
+ /**
5012
+ * Adapts the model of the component.
5013
+ * @default '911'
5014
+ */
5015
+ model?: ModelSignatureModel;
5016
+ /**
5017
+ * When set to `true`, then all model signatures are visually aligned with each other. When set to `false` the model signature comes without any safe zone.
5018
+ * @default true
5019
+ */
5020
+ safeZone?: boolean;
5021
+ /**
5022
+ * Adapts the size of the component. When set to `inherit` a CSS `width` or `height` needs to be defined on the host but not both.
5023
+ * @default 'small'
5024
+ */
5025
+ size?: ModelSignatureSize;
5026
+ };
2598
5027
  declare class PModelSignature extends BaseComponent {
2599
5028
  color?: ModelSignatureColor;
2600
5029
  fetchPriority?: ModelSignatureFetchPriority;
@@ -2606,6 +5035,17 @@ declare class PModelSignature extends BaseComponent {
2606
5035
  static ɵcmp: i0.ɵɵComponentDeclaration<PModelSignature, "p-model-signature,[p-model-signature]", never, { "color": { "alias": "color"; "required": false; }; "fetchPriority": { "alias": "fetchPriority"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "model": { "alias": "model"; "required": false; }; "safeZone": { "alias": "safeZone"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
2607
5036
  }
2608
5037
 
5038
+ type PMultiSelectOptionProps = {
5039
+ /**
5040
+ * Disables the option.
5041
+ * @default false
5042
+ */
5043
+ disabled?: boolean;
5044
+ /**
5045
+ * The option value.
5046
+ */
5047
+ value: string;
5048
+ };
2609
5049
  declare class PMultiSelectOption extends BaseComponent {
2610
5050
  disabled?: boolean;
2611
5051
  value: string;
@@ -2613,6 +5053,17 @@ declare class PMultiSelectOption extends BaseComponent {
2613
5053
  static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelectOption, "p-multi-select-option,[p-multi-select-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
2614
5054
  }
2615
5055
 
5056
+ type POptgroupProps = {
5057
+ /**
5058
+ * Disables the optgroup.
5059
+ * @default false
5060
+ */
5061
+ disabled?: boolean;
5062
+ /**
5063
+ * The optgroup label.
5064
+ */
5065
+ label?: string;
5066
+ };
2616
5067
  declare class POptgroup extends BaseComponent {
2617
5068
  disabled?: boolean;
2618
5069
  label?: string;
@@ -2620,6 +5071,33 @@ declare class POptgroup extends BaseComponent {
2620
5071
  static ɵcmp: i0.ɵɵComponentDeclaration<POptgroup, "p-optgroup,[p-optgroup]", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
2621
5072
  }
2622
5073
 
5074
+ type PPaginationProps = {
5075
+ /**
5076
+ * Index of the currently active page.
5077
+ * @default 1
5078
+ */
5079
+ activePage: number;
5080
+ /**
5081
+ * Override the default wordings that are used for aria-labels on the next/prev and page buttons.
5082
+ * @default { root: 'Pagination', prev: 'Previous page', next: 'Next page', page: 'Page', }
5083
+ */
5084
+ intl?: PaginationInternationalization;
5085
+ /**
5086
+ * The total count of items which should be shown per page.
5087
+ * @default 1
5088
+ */
5089
+ itemsPerPage?: number;
5090
+ /**
5091
+ * Show or hide the button to jump to the last page.
5092
+ * @default true
5093
+ */
5094
+ showLastPage?: boolean;
5095
+ /**
5096
+ * The total count of items.
5097
+ * @default 1
5098
+ */
5099
+ totalItemsCount: number;
5100
+ };
2623
5101
  declare class PPagination extends BaseComponent {
2624
5102
  activePage: number;
2625
5103
  intl?: PaginationInternationalization;
@@ -2631,6 +5109,21 @@ declare class PPagination extends BaseComponent {
2631
5109
  static ɵcmp: i0.ɵɵComponentDeclaration<PPagination, "p-pagination,[p-pagination]", never, { "activePage": { "alias": "activePage"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "showLastPage": { "alias": "showLastPage"; "required": false; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
2632
5110
  }
2633
5111
 
5112
+ type PPopoverProps = {
5113
+ /**
5114
+ * Sets ARIA attributes.
5115
+ */
5116
+ aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
5117
+ /**
5118
+ * Descriptive text shown when the popover is open.
5119
+ */
5120
+ description?: string;
5121
+ /**
5122
+ * Preferred direction in which the popover should open when there is enough space in the viewport. Otherwise, it opens in the direction with the most available space.
5123
+ * @default 'bottom'
5124
+ */
5125
+ direction?: PopoverDirection;
5126
+ };
2634
5127
  declare class PPopover extends BaseComponent {
2635
5128
  aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
2636
5129
  description?: string;
@@ -2639,6 +5132,26 @@ declare class PPopover extends BaseComponent {
2639
5132
  static ɵcmp: i0.ɵɵComponentDeclaration<PPopover, "p-popover,[p-popover]", never, { "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
2640
5133
  }
2641
5134
 
5135
+ type PRadioGroupOptionProps = {
5136
+ /**
5137
+ * Disables the radio group option. The value will not be submitted with the form.
5138
+ * @default false
5139
+ */
5140
+ disabled?: boolean;
5141
+ /**
5142
+ * Text content for a user-facing label.
5143
+ */
5144
+ label?: string;
5145
+ /**
5146
+ * @experimental Shows a loading indicator.
5147
+ * @default false
5148
+ */
5149
+ loading?: boolean;
5150
+ /**
5151
+ * The value for the input.
5152
+ */
5153
+ value?: string;
5154
+ };
2642
5155
  declare class PRadioGroupOption extends BaseComponent {
2643
5156
  disabled?: boolean;
2644
5157
  label?: string;
@@ -2648,6 +5161,35 @@ declare class PRadioGroupOption extends BaseComponent {
2648
5161
  static ɵcmp: i0.ɵɵComponentDeclaration<PRadioGroupOption, "p-radio-group-option,[p-radio-group-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
2649
5162
  }
2650
5163
 
5164
+ type PScrollerProps = {
5165
+ /**
5166
+ * @deprecated since v4.0.0, will be removed with next major release, has no effect anymore.
5167
+ * @default 'center'
5168
+ */
5169
+ alignScrollIndicator?: ScrollerAlignScrollIndicator;
5170
+ /**
5171
+ * Add ARIA role.
5172
+ */
5173
+ aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
5174
+ /**
5175
+ * Displays with reduced spacing and smaller padding for a more condensed layout.
5176
+ */
5177
+ compact?: boolean;
5178
+ /**
5179
+ * @deprecated since v4.0.0, use native `scrollIntoView()` on the slotted element itself.
5180
+ */
5181
+ scrollToPosition?: ScrollerScrollToPosition;
5182
+ /**
5183
+ * Specifies if scrollbar should be shown.
5184
+ * @default false
5185
+ */
5186
+ scrollbar?: boolean;
5187
+ /**
5188
+ * @experimental Makes the indicator sticky at the top or bottom while scrolling depending on the scroll direction.
5189
+ * @default false
5190
+ */
5191
+ sticky?: boolean;
5192
+ };
2651
5193
  declare class PScroller extends BaseComponent {
2652
5194
  /** @deprecated */
2653
5195
  alignScrollIndicator?: ScrollerAlignScrollIndicator;
@@ -2661,6 +5203,33 @@ declare class PScroller extends BaseComponent {
2661
5203
  static ɵcmp: i0.ɵɵComponentDeclaration<PScroller, "p-scroller,[p-scroller]", never, { "alignScrollIndicator": { "alias": "alignScrollIndicator"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "scrollToPosition": { "alias": "scrollToPosition"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, {}, never, ["*"], false, never>;
2662
5204
  }
2663
5205
 
5206
+ type PSegmentedControlItemProps = {
5207
+ /**
5208
+ * Sets ARIA attributes.
5209
+ */
5210
+ aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
5211
+ /**
5212
+ * Disables the button. No events will be triggered while disabled state is active.
5213
+ * @default false
5214
+ */
5215
+ disabled?: boolean;
5216
+ /**
5217
+ * The icon shown.
5218
+ */
5219
+ icon?: SegmentedControlItemIcon;
5220
+ /**
5221
+ * A URL path to a custom icon.
5222
+ */
5223
+ iconSource?: string;
5224
+ /**
5225
+ * Text content for a user-facing label.
5226
+ */
5227
+ label?: string;
5228
+ /**
5229
+ * The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
5230
+ */
5231
+ value: string | number;
5232
+ };
2664
5233
  declare class PSegmentedControlItem extends BaseComponent {
2665
5234
  aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
2666
5235
  disabled?: boolean;
@@ -2672,6 +5241,17 @@ declare class PSegmentedControlItem extends BaseComponent {
2672
5241
  static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControlItem, "p-segmented-control-item,[p-segmented-control-item]", never, { "aria": { "alias": "aria"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
2673
5242
  }
2674
5243
 
5244
+ type PSelectOptionProps = {
5245
+ /**
5246
+ * Disables the option.
5247
+ * @default false
5248
+ */
5249
+ disabled?: boolean;
5250
+ /**
5251
+ * The option value.
5252
+ */
5253
+ value?: string;
5254
+ };
2675
5255
  declare class PSelectOption extends BaseComponent {
2676
5256
  disabled?: boolean;
2677
5257
  value?: string;
@@ -2679,6 +5259,32 @@ declare class PSelectOption extends BaseComponent {
2679
5259
  static ɵcmp: i0.ɵɵComponentDeclaration<PSelectOption, "p-select-option,[p-select-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
2680
5260
  }
2681
5261
 
5262
+ type PSheetProps = {
5263
+ /**
5264
+ * Sets ARIA attributes.
5265
+ */
5266
+ aria?: SelectedAriaAttributes<SheetAriaAttribute>;
5267
+ /**
5268
+ * Defines the background color
5269
+ * @default 'canvas'
5270
+ */
5271
+ background?: SheetBackground;
5272
+ /**
5273
+ * If true, the sheet will not be closable via backdrop click.
5274
+ * @default false
5275
+ */
5276
+ disableBackdropClick?: boolean;
5277
+ /**
5278
+ * If false, the sheet will not have a dismiss button.
5279
+ * @default true
5280
+ */
5281
+ dismissButton?: boolean;
5282
+ /**
5283
+ * If true, the sheet is open.
5284
+ * @default false
5285
+ */
5286
+ open: boolean;
5287
+ };
2682
5288
  declare class PSheet extends BaseComponent {
2683
5289
  aria?: SelectedAriaAttributes<SheetAriaAttribute>;
2684
5290
  background?: SheetBackground;
@@ -2692,6 +5298,22 @@ declare class PSheet extends BaseComponent {
2692
5298
  static ɵcmp: i0.ɵɵComponentDeclaration<PSheet, "p-sheet,[p-sheet]", never, { "aria": { "alias": "aria"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
2693
5299
  }
2694
5300
 
5301
+ type PSpinnerProps = {
5302
+ /**
5303
+ * Sets ARIA attributes.
5304
+ */
5305
+ aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
5306
+ /**
5307
+ * Basic color variations.
5308
+ * @default 'primary'
5309
+ */
5310
+ color?: SpinnerColor;
5311
+ /**
5312
+ * Defines the size of the spinner, aligned with the typographic scale used by components such as p-icon, p-flag, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
5313
+ * @default 'sm'
5314
+ */
5315
+ size?: BreakpointCustomizable<SpinnerSize>;
5316
+ };
2695
5317
  declare class PSpinner extends BaseComponent {
2696
5318
  aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
2697
5319
  color?: SpinnerColor;
@@ -2700,6 +5322,9 @@ declare class PSpinner extends BaseComponent {
2700
5322
  static ɵcmp: i0.ɵɵComponentDeclaration<PSpinner, "p-spinner,[p-spinner]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
2701
5323
  }
2702
5324
 
5325
+ type PStepperHorizontalProps = {
5326
+ size?: BreakpointCustomizable<StepperHorizontalSize>;
5327
+ };
2703
5328
  declare class PStepperHorizontal extends BaseComponent {
2704
5329
  size?: BreakpointCustomizable<StepperHorizontalSize>;
2705
5330
  update: EventEmitter<CustomEvent<StepperHorizontalUpdateEventDetail>>;
@@ -2707,6 +5332,17 @@ declare class PStepperHorizontal extends BaseComponent {
2707
5332
  static ɵcmp: i0.ɵɵComponentDeclaration<PStepperHorizontal, "p-stepper-horizontal,[p-stepper-horizontal]", never, { "size": { "alias": "size"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
2708
5333
  }
2709
5334
 
5335
+ type PStepperHorizontalItemProps = {
5336
+ /**
5337
+ * Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
5338
+ * @default false
5339
+ */
5340
+ disabled?: boolean;
5341
+ /**
5342
+ * The validation state.
5343
+ */
5344
+ state?: StepperHorizontalItemState;
5345
+ };
2710
5346
  declare class PStepperHorizontalItem extends BaseComponent {
2711
5347
  disabled?: boolean;
2712
5348
  state?: StepperHorizontalItemState;
@@ -2714,6 +5350,43 @@ declare class PStepperHorizontalItem extends BaseComponent {
2714
5350
  static ɵcmp: i0.ɵɵComponentDeclaration<PStepperHorizontalItem, "p-stepper-horizontal-item,[p-stepper-horizontal-item]", never, { "disabled": { "alias": "disabled"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], false, never>;
2715
5351
  }
2716
5352
 
5353
+ type PSwitchProps = {
5354
+ /**
5355
+ * Aligns the label.
5356
+ * @default 'end'
5357
+ */
5358
+ alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
5359
+ /**
5360
+ * Visualize the switch with on/off status.
5361
+ * @default false
5362
+ */
5363
+ checked?: boolean;
5364
+ /**
5365
+ * Displays the switch in compact mode.
5366
+ * @default false
5367
+ */
5368
+ compact?: boolean;
5369
+ /**
5370
+ * Disables the switch. No events will be triggered while disabled state is active.
5371
+ * @default false
5372
+ */
5373
+ disabled?: boolean;
5374
+ /**
5375
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
5376
+ * @default false
5377
+ */
5378
+ hideLabel?: BreakpointCustomizable<boolean>;
5379
+ /**
5380
+ * Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
5381
+ * @default false
5382
+ */
5383
+ loading?: boolean;
5384
+ /**
5385
+ * Stretches the contents to max available space.
5386
+ * @default false
5387
+ */
5388
+ stretch?: BreakpointCustomizable<boolean>;
5389
+ };
2717
5390
  declare class PSwitch extends BaseComponent {
2718
5391
  alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
2719
5392
  checked?: boolean;
@@ -2727,6 +5400,27 @@ declare class PSwitch extends BaseComponent {
2727
5400
  static ɵcmp: i0.ɵɵComponentDeclaration<PSwitch, "p-switch,[p-switch]", never, { "alignLabel": { "alias": "alignLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
2728
5401
  }
2729
5402
 
5403
+ type PTableProps = {
5404
+ /**
5405
+ * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
5406
+ */
5407
+ caption?: string;
5408
+ /**
5409
+ * Displays with reduced spacing and smaller padding for a more condensed layout.
5410
+ * @default false
5411
+ */
5412
+ compact?: boolean;
5413
+ /**
5414
+ * Controls the layout behavior of the table.
5415
+ * @default 'auto'
5416
+ */
5417
+ layout?: TableLayout;
5418
+ /**
5419
+ * @experimental Makes the scroll indicator sticky at the top or bottom while scrolling depending on the scroll direction.
5420
+ * @default false
5421
+ */
5422
+ sticky?: boolean;
5423
+ };
2730
5424
  declare class PTable extends BaseComponent {
2731
5425
  caption?: string;
2732
5426
  compact?: boolean;
@@ -2737,17 +5431,41 @@ declare class PTable extends BaseComponent {
2737
5431
  static ɵcmp: i0.ɵɵComponentDeclaration<PTable, "p-table,[p-table]", never, { "caption": { "alias": "caption"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
2738
5432
  }
2739
5433
 
5434
+ type PTableCellProps = {
5435
+ /**
5436
+ * Allows slotted text to wrap onto multiple lines instead of being forced onto a single line.
5437
+ * @default false
5438
+ */
5439
+ multiline?: boolean;
5440
+ };
2740
5441
  declare class PTableCell extends BaseComponent {
2741
5442
  multiline?: boolean;
2742
5443
  static ɵfac: i0.ɵɵFactoryDeclaration<PTableCell, never>;
2743
5444
  static ɵcmp: i0.ɵɵComponentDeclaration<PTableCell, "p-table-cell,[p-table-cell]", never, { "multiline": { "alias": "multiline"; "required": false; }; }, {}, never, ["*"], false, never>;
2744
5445
  }
2745
5446
 
5447
+ type PTableHeadProps = {};
2746
5448
  declare class PTableHead extends BaseComponent {
2747
5449
  static ɵfac: i0.ɵɵFactoryDeclaration<PTableHead, never>;
2748
5450
  static ɵcmp: i0.ɵɵComponentDeclaration<PTableHead, "p-table-head,[p-table-head]", never, {}, {}, never, ["*"], false, never>;
2749
5451
  }
2750
5452
 
5453
+ type PTableHeadCellProps = {
5454
+ /**
5455
+ * Hides the label but keeps it accessible for screen readers. This property only takes effect when the `sort` prop is not set.
5456
+ * @default false
5457
+ */
5458
+ hideLabel?: boolean;
5459
+ /**
5460
+ * Allows slotted text to wrap onto multiple lines instead of being forced onto a single line.
5461
+ * @default false
5462
+ */
5463
+ multiline?: boolean;
5464
+ /**
5465
+ * Defines sortability properties.
5466
+ */
5467
+ sort?: TableHeadCellSort;
5468
+ };
2751
5469
  declare class PTableHeadCell extends BaseComponent {
2752
5470
  hideLabel?: boolean;
2753
5471
  multiline?: boolean;
@@ -2756,16 +5474,44 @@ declare class PTableHeadCell extends BaseComponent {
2756
5474
  static ɵcmp: i0.ɵɵComponentDeclaration<PTableHeadCell, "p-table-head-cell,[p-table-head-cell]", never, { "hideLabel": { "alias": "hideLabel"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, {}, never, ["*"], false, never>;
2757
5475
  }
2758
5476
 
5477
+ type PTableHeadRowProps = {};
2759
5478
  declare class PTableHeadRow extends BaseComponent {
2760
5479
  static ɵfac: i0.ɵɵFactoryDeclaration<PTableHeadRow, never>;
2761
5480
  static ɵcmp: i0.ɵɵComponentDeclaration<PTableHeadRow, "p-table-head-row,[p-table-head-row]", never, {}, {}, never, ["*"], false, never>;
2762
5481
  }
2763
5482
 
5483
+ type PTableRowProps = {};
2764
5484
  declare class PTableRow extends BaseComponent {
2765
5485
  static ɵfac: i0.ɵɵFactoryDeclaration<PTableRow, never>;
2766
5486
  static ɵcmp: i0.ɵɵComponentDeclaration<PTableRow, "p-table-row,[p-table-row]", never, {}, {}, never, ["*"], false, never>;
2767
5487
  }
2768
5488
 
5489
+ type PTabsProps = {
5490
+ /**
5491
+ * Defines which tab is shown as selected (zero-based numbering).
5492
+ * @default 0
5493
+ */
5494
+ activeTabIndex?: number;
5495
+ /**
5496
+ * Defines the background color. Use `frosted` only on images, videos or gradients.
5497
+ * @default 'none'
5498
+ */
5499
+ background?: TabsBackground;
5500
+ /**
5501
+ * Displays with reduced spacing and smaller padding for a more condensed layout.
5502
+ */
5503
+ compact?: boolean;
5504
+ /**
5505
+ * The text size.
5506
+ * @default 'small'
5507
+ */
5508
+ size?: BreakpointCustomizable<TabsSize>;
5509
+ /**
5510
+ * @deprecated Will be removed in the next major release. Has no effect anymore.
5511
+ * @default 'regular'
5512
+ */
5513
+ weight?: TabsWeight;
5514
+ };
2769
5515
  declare class PTabs extends BaseComponent {
2770
5516
  activeTabIndex?: number;
2771
5517
  background?: TabsBackground;
@@ -2778,6 +5524,31 @@ declare class PTabs extends BaseComponent {
2778
5524
  static ɵcmp: i0.ɵɵComponentDeclaration<PTabs, "p-tabs,[p-tabs]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
2779
5525
  }
2780
5526
 
5527
+ type PTabsBarProps = {
5528
+ /**
5529
+ * Defines which tab is shown as selected (zero-based numbering), or `undefined` if none should be selected.
5530
+ */
5531
+ activeTabIndex?: number | undefined;
5532
+ /**
5533
+ * Defines the background color. Use `frosted` only on images, videos or gradients.
5534
+ * @default 'none'
5535
+ */
5536
+ background?: TabsBarBackground;
5537
+ /**
5538
+ * Displays with reduced spacing and smaller padding for a more condensed layout.
5539
+ */
5540
+ compact?: boolean;
5541
+ /**
5542
+ * The text size.
5543
+ * @default 'small'
5544
+ */
5545
+ size?: BreakpointCustomizable<TabsBarSize>;
5546
+ /**
5547
+ * @deprecated Will be removed in the next major release. Has no effect anymore.
5548
+ * @default 'regular'
5549
+ */
5550
+ weight?: TabsBarWeight;
5551
+ };
2781
5552
  declare class PTabsBar extends BaseComponent {
2782
5553
  activeTabIndex?: number | undefined;
2783
5554
  background?: TabsBarBackground;
@@ -2790,12 +5561,39 @@ declare class PTabsBar extends BaseComponent {
2790
5561
  static ɵcmp: i0.ɵɵComponentDeclaration<PTabsBar, "p-tabs-bar,[p-tabs-bar]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
2791
5562
  }
2792
5563
 
5564
+ type PTabsItemProps = {
5565
+ /**
5566
+ * Defines the label used in tabs.
5567
+ */
5568
+ label: string;
5569
+ };
2793
5570
  declare class PTabsItem extends BaseComponent {
2794
5571
  label: string;
2795
5572
  static ɵfac: i0.ɵɵFactoryDeclaration<PTabsItem, never>;
2796
5573
  static ɵcmp: i0.ɵɵComponentDeclaration<PTabsItem, "p-tabs-item,[p-tabs-item]", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
2797
5574
  }
2798
5575
 
5576
+ type PTagProps = {
5577
+ /**
5578
+ * Displays the tag in compact mode.
5579
+ * @default false
5580
+ */
5581
+ compact?: boolean;
5582
+ /**
5583
+ * The icon shown.
5584
+ * @default 'none'
5585
+ */
5586
+ icon?: TagIcon;
5587
+ /**
5588
+ * A URL path to a custom icon.
5589
+ */
5590
+ iconSource?: string;
5591
+ /**
5592
+ * Background color variations.
5593
+ * @default 'secondary'
5594
+ */
5595
+ variant?: TagVariant;
5596
+ };
2799
5597
  declare class PTag extends BaseComponent {
2800
5598
  compact?: boolean;
2801
5599
  icon?: TagIcon;
@@ -2805,6 +5603,21 @@ declare class PTag extends BaseComponent {
2805
5603
  static ɵcmp: i0.ɵɵComponentDeclaration<PTag, "p-tag,[p-tag]", never, { "compact": { "alias": "compact"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
2806
5604
  }
2807
5605
 
5606
+ type PTagDismissibleProps = {
5607
+ /**
5608
+ * Sets ARIA attributes.
5609
+ */
5610
+ aria?: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
5611
+ /**
5612
+ * Displays the dismissible tag in compact mode.
5613
+ * @default false
5614
+ */
5615
+ compact?: boolean;
5616
+ /**
5617
+ * Text content for a user-facing label.
5618
+ */
5619
+ label?: string;
5620
+ };
2808
5621
  declare class PTagDismissible extends BaseComponent {
2809
5622
  aria?: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
2810
5623
  compact?: boolean;
@@ -2813,6 +5626,43 @@ declare class PTagDismissible extends BaseComponent {
2813
5626
  static ɵcmp: i0.ɵɵComponentDeclaration<PTagDismissible, "p-tag-dismissible,[p-tag-dismissible]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
2814
5627
  }
2815
5628
 
5629
+ type PTextProps = {
5630
+ /**
5631
+ * Text alignment of the text. Use 'start' for left-aligned text (in LTR), 'center' for centered, 'end' for right-aligned (in LTR), or 'inherit' to adopt the parent's alignment.
5632
+ * @default 'start'
5633
+ */
5634
+ align?: TextAlign;
5635
+ /**
5636
+ * Text color of the text. Use 'primary' for default, 'contrast-higher' / 'contrast-high' / 'contrast-medium' for alternative emphasis levels, 'success' / 'warning' / 'error' / 'info' for status messages, or 'inherit' to adopt the parent's color.
5637
+ * @default 'primary'
5638
+ */
5639
+ color?: TextColor;
5640
+ /**
5641
+ * Adds an ellipsis to a single line of text if it overflows the container width. When enabled, the text is truncated to a single line with `text-overflow: ellipsis`. Cannot be combined with multi-line content.
5642
+ * @default false
5643
+ */
5644
+ ellipsis?: boolean;
5645
+ /**
5646
+ * Controls the hyphenation behavior of the text. Use 'auto' to let the browser automatically hyphenate words at appropriate points, 'manual' to only hyphenate at manually inserted hyphenation points (e.g. `&shy;`), 'none' to disable hyphenation entirely, or 'inherit' to adopt the parent's hyphenation setting.
5647
+ * @default 'inherit'
5648
+ */
5649
+ hyphens?: TextHyphens;
5650
+ /**
5651
+ * Size of the text. Also defines the size for specific breakpoints, like {base: "sm", l: "md"}. You always need to provide a base value when doing this. Use 'inherit' to adopt the parent's font size.
5652
+ * @default 'sm'
5653
+ */
5654
+ size?: BreakpointCustomizable<TextSize>;
5655
+ /**
5656
+ * Sets the HTML tag of the rendered element to ensure correct semantic meaning (e.g. 'p' for paragraphs, 'blockquote' for quotes, 'time' for dates).
5657
+ * @default 'p'
5658
+ */
5659
+ tag?: TextTag;
5660
+ /**
5661
+ * The font weight of the text. Use 'normal' for regular body text, 'semibold' for slightly emphasized text, or 'bold' for strong emphasis.
5662
+ * @default 'normal'
5663
+ */
5664
+ weight?: TextWeight;
5665
+ };
2816
5666
  declare class PText extends BaseComponent {
2817
5667
  align?: TextAlign;
2818
5668
  color?: TextColor;
@@ -2825,22 +5675,51 @@ declare class PText extends BaseComponent {
2825
5675
  static ɵcmp: i0.ɵɵComponentDeclaration<PText, "p-text,[p-text]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "hyphens": { "alias": "hyphens"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
2826
5676
  }
2827
5677
 
5678
+ type PTextListProps = {
5679
+ /**
5680
+ * The list style type.
5681
+ * @default 'unordered'
5682
+ */
5683
+ type?: TextListType;
5684
+ };
2828
5685
  declare class PTextList extends BaseComponent {
2829
5686
  type?: TextListType;
2830
5687
  static ɵfac: i0.ɵɵFactoryDeclaration<PTextList, never>;
2831
5688
  static ɵcmp: i0.ɵɵComponentDeclaration<PTextList, "p-text-list,[p-text-list]", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
2832
5689
  }
2833
5690
 
5691
+ type PTextListItemProps = {};
2834
5692
  declare class PTextListItem extends BaseComponent {
2835
5693
  static ɵfac: i0.ɵɵFactoryDeclaration<PTextListItem, never>;
2836
5694
  static ɵcmp: i0.ɵɵComponentDeclaration<PTextListItem, "p-text-list-item,[p-text-list-item]", never, {}, {}, never, ["*"], false, never>;
2837
5695
  }
2838
5696
 
5697
+ type PToastProps = {};
2839
5698
  declare class PToast extends BaseComponent {
2840
5699
  static ɵfac: i0.ɵɵFactoryDeclaration<PToast, never>;
2841
5700
  static ɵcmp: i0.ɵɵComponentDeclaration<PToast, "p-toast,[p-toast]", never, {}, {}, never, ["*"], false, never>;
2842
5701
  }
2843
5702
 
5703
+ type PWordmarkProps = {
5704
+ /**
5705
+ * Sets ARIA attributes.
5706
+ */
5707
+ aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
5708
+ /**
5709
+ * When `href` is provided, the component renders as an `<a>` element.
5710
+ */
5711
+ href?: string;
5712
+ /**
5713
+ * Controls the size of the wordmark.
5714
+ * @default 'small'
5715
+ */
5716
+ size?: WordmarkSize;
5717
+ /**
5718
+ * Specifies where to open the linked document.
5719
+ * @default '_self'
5720
+ */
5721
+ target?: WordmarkTarget;
5722
+ };
2844
5723
  declare class PWordmark extends BaseComponent {
2845
5724
  aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
2846
5725
  href?: string;
@@ -2874,4 +5753,4 @@ declare class ToastManager {
2874
5753
  }
2875
5754
 
2876
5755
  export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFlag, PFlyout, PHeading, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkTile, PLinkTileProduct, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextList, PTextListItem, PTextarea, PToast, PWordmark, PorscheDesignSystemModule, ToastManager };
2877
- export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
5756
+ export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PAccordionProps, PBannerProps, PButtonProps, PButtonPureProps, PButtonTileProps, PCanvasProps, PCarouselProps, PCheckboxProps, PCrestProps, PDisplayProps, PDividerProps, PDrilldownItemProps, PDrilldownLinkProps, PDrilldownProps, PFieldsetProps, PFlagProps, PFlyoutProps, PHeadingProps, PIconProps, PInlineNotificationProps, PInputDateProps, PInputEmailProps, PInputMonthProps, PInputNumberProps, PInputPasswordProps, PInputSearchProps, PInputTelProps, PInputTextProps, PInputTimeProps, PInputUrlProps, PInputWeekProps, PLinkProps, PLinkPureProps, PLinkTileProductProps, PLinkTileProps, PModalProps, PModelSignatureProps, PMultiSelectOptionProps, PMultiSelectProps, POptgroupProps, PPaginationProps, PPinCodeProps, PPopoverProps, PRadioGroupOptionProps, PRadioGroupProps, PScrollerProps, PSegmentedControlItemProps, PSegmentedControlProps, PSelectOptionProps, PSelectProps, PSheetProps, PSpinnerProps, PStepperHorizontalItemProps, PStepperHorizontalProps, PSwitchProps, PTableBodyProps, PTableCellProps, PTableHeadCellProps, PTableHeadProps, PTableHeadRowProps, PTableProps, PTableRowProps, PTabsBarProps, PTabsItemProps, PTabsProps, PTagDismissibleProps, PTagProps, PTextListItemProps, PTextListProps, PTextProps, PTextareaProps, PToastProps, PWordmarkProps, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };