Merge branch 'master' of https://github.com/primefaces/primevue into radio-button-pt-fix

api-generator/components/accordion.js

@@ -45,7 +45,7 @@ const AccordionProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/accordiontab.js

@@ -21,13 +21,13 @@ const AccordionTabProps = [
         name: 'headerProps',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLDivElement to the tab header.'
+        description: 'Used to pass all properties of the HTMLDivElement to the tab header.'
     },
     {
         name: 'headerActionProps',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.'
+        description: 'Used to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.'
     },
     {
         name: 'contentStyle',
@@ -45,7 +45,7 @@ const AccordionTabProps = [
         name: 'contentProps',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLDivElement to the tab content.'
+        description: 'Used to pass all properties of the HTMLDivElement to the tab content.'
     },
     {
         name: 'disabled',
@@ -57,7 +57,7 @@ const AccordionTabProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     }
 ];
 

api-generator/components/autocomplete.js

@@ -141,7 +141,7 @@ const AutoCompleteProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
     },
     {
         name: 'panelStyle',
@@ -159,7 +159,7 @@ const AutoCompleteProps = [
         name: 'panelProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
+        description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
     },
     {
         name: 'dropdownIcon',
@@ -255,7 +255,7 @@ const AutoCompleteProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/avatar.js

@@ -33,7 +33,7 @@ const AvatarProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/avatargroup.js

@@ -33,7 +33,7 @@ const AvatarGroupProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/badge.js

@@ -21,7 +21,7 @@ const BadgeProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/blockui.js

@@ -27,7 +27,7 @@ const BlockUIProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/breadcrumb.js

@@ -21,7 +21,7 @@ const BreadcrumbProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/button.js

@@ -99,7 +99,7 @@ const ButtonProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/calendar.js

@@ -297,7 +297,7 @@ const CalendarProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'panelClass',
@@ -315,13 +315,13 @@ const CalendarProps = [
         name: 'panelProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
+        description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
     },
     {
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/card.js

@@ -3,7 +3,7 @@ const CardProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/carousel.js

@@ -87,7 +87,7 @@ const CarouselProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/cascadeselect.js

@@ -75,7 +75,7 @@ const CascadeSelectProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
     },
     {
         name: 'panelStyle',
@@ -93,7 +93,7 @@ const CascadeSelectProps = [
         name: 'panelProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
+        description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
     },
     {
         name: 'appendTo',
@@ -189,7 +189,7 @@ const CascadeSelectProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/chart.js

@@ -39,7 +39,7 @@ const ChartProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/checkbox.js

@@ -75,7 +75,7 @@ const CheckboxProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'aria-labelledby',
@@ -93,7 +93,7 @@ const CheckboxProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/chip.js

@@ -33,7 +33,7 @@ const ChipProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/chips.js

@@ -63,13 +63,13 @@ const ChipsProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/colorpicker.js

@@ -75,7 +75,7 @@ const ColorPickerProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/column.js

@@ -255,7 +255,7 @@ const ColumnProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     }
 ];
 

api-generator/components/columngroup.js

@@ -9,7 +9,7 @@ const ColumnGroupProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     }
 ];
 

api-generator/components/confirmdialog.js

@@ -21,7 +21,7 @@ const ConfirmDialogProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/confirmpopup.js

@@ -9,7 +9,7 @@ const ConfirmPopupProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/contextmenu.js

@@ -39,7 +39,7 @@ const ContextMenuProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/datatable.js

@@ -388,7 +388,7 @@ const DataTableProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/dataview.js

@@ -99,7 +99,7 @@ const DataViewProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/dataviewlayoutoptions.js

@@ -9,7 +9,7 @@ const DataViewLayoutOptionsProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     }
 ];
 

api-generator/components/deferredcontent.js

@@ -3,7 +3,7 @@ const DeferredContentProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/dialog.js

@@ -135,7 +135,7 @@ const DialogProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/divider.js

@@ -21,7 +21,7 @@ const DividerProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/dock.js

@@ -39,7 +39,7 @@ const DockProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/dropdown.js

@@ -129,7 +129,7 @@ const DropdownProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
     },
     {
         name: 'panelStyle',
@@ -147,19 +147,19 @@ const DropdownProps = [
         name: 'panelProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
+        description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
     },
     {
         name: 'filterInputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the filter input inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the filter input inside the component.'
     },
     {
         name: 'clearIconProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLElement to the clear icon inside the component.'
+        description: 'Used to pass all properties of the HTMLElement to the clear icon inside the component.'
     },
     {
         name: 'appendTo',
@@ -261,7 +261,7 @@ const DropdownProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/editor.js

@@ -39,7 +39,7 @@ const EditorProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/fieldset.js

@@ -21,13 +21,13 @@ const FieldsetProps = [
         name: 'toggleButtonProps',
         type: 'string',
         default: 'null',
-        description: 'Uses to pass the custom value to read for the AnchorHTMLAttributes inside the component.'
+        description: 'Used to pass the custom value to read for the AnchorHTMLAttributes inside the component.'
     },
     {
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/fileupload.js

@@ -147,7 +147,7 @@ const FileUploadProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/galleria.js

@@ -147,7 +147,7 @@ const GalleriaProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/image.js

@@ -27,7 +27,7 @@ const ImageProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/inlinemessage.js

@@ -15,7 +15,7 @@ const InlineMessageProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/inplace.js

@@ -21,7 +21,7 @@ const InplaceProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/inputmask.js

@@ -33,7 +33,7 @@ const InputMaskProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/inputnumber.js

@@ -169,25 +169,25 @@ const InputNumberProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'incrementButtonProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLButtonElement to increment button inside the component.'
+        description: 'Used to pass all properties of the HTMLButtonElement to increment button inside the component.'
     },
     {
         name: 'decrementButtonProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLButtonElement to decrement button inside the component.'
+        description: 'Used to pass all properties of the HTMLButtonElement to decrement button inside the component.'
     },
     {
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/inputswitch.js

@@ -39,13 +39,13 @@ const InputSwitchProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/inputtext.js

@@ -15,7 +15,7 @@ const InputTextProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/knob.js

@@ -99,7 +99,7 @@ const KnobProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/listbox.js

@@ -106,7 +106,7 @@ const ListboxProps = [
         name: 'filterInputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the filter input inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the filter input inside the component.'
     },
     {
         name: 'virtualScrollerOptions',
@@ -178,7 +178,7 @@ const ListboxProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/megamenu.js

@@ -21,7 +21,7 @@ const MegaMenuProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/menu.js

@@ -39,7 +39,7 @@ const MenuProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/menubar.js

@@ -15,7 +15,7 @@ const MenubarProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/message.js

@@ -39,7 +39,7 @@ const MessageProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/multiselect.js

@@ -69,7 +69,7 @@ const MultiSelectProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'panelStyle',
@@ -87,19 +87,19 @@ const MultiSelectProps = [
         name: 'panelProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel.'
+        description: 'Used to pass all properties of the HTMLDivElement to the overlay panel.'
     },
     {
         name: 'filterInputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the filter input inside the overlay panel.'
+        description: 'Used to pass all properties of the HTMLInputElement to the filter input inside the overlay panel.'
     },
     {
         name: 'closeButtonProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLButtonElement to the close button inside the overlay panel.'
+        description: 'Used to pass all properties of the HTMLButtonElement to the close button inside the overlay panel.'
     },
     {
         name: 'dataKey',
@@ -297,7 +297,7 @@ const MultiSelectProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/orderlist.js

@@ -52,7 +52,7 @@ const OrderListProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/organizationchart.js

@@ -33,7 +33,7 @@ const OrganizationChartProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/overlaypanel.js

@@ -51,7 +51,7 @@ const OverlayPanelProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/paginator.js

@@ -51,7 +51,7 @@ const PaginatorProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/panel.js

@@ -21,13 +21,13 @@ const PanelProps = [
         name: 'toggleButtonProps',
         type: 'string',
         default: 'null',
-        description: 'Uses to pass the custom value to read for the anchor inside the component.'
+        description: 'Used to pass the custom value to read for the anchor inside the component.'
     },
     {
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/panelmenu.js

@@ -21,7 +21,7 @@ const PanelMenuProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/password.js

@@ -111,7 +111,7 @@ const PasswordProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'panelId',
@@ -135,13 +135,13 @@ const PasswordProps = [
         name: 'panelProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
+        description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
     },
     {
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/picklist.js

@@ -64,7 +64,7 @@ const PickListProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/progressbar.js

@@ -21,7 +21,7 @@ const ProgressbarProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/progressspinner.js

@@ -21,7 +21,7 @@ const ProgressSpinnerProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/radiobutton.js

@@ -45,7 +45,7 @@ const RadioButtonProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'aria-labelledby',
@@ -63,7 +63,7 @@ const RadioButtonProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/rating.js

@@ -51,7 +51,7 @@ const RatingProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/row.js

@@ -9,7 +9,7 @@ const RowProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     }
 ];
 

api-generator/components/scrollpanel.js

@@ -9,7 +9,7 @@ const ScrollPanelProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/scrolltop.js

@@ -27,7 +27,7 @@ const ScrollTopProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/selectbutton.js

@@ -63,7 +63,7 @@ const SelectButtonProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/sidebar.js

@@ -63,7 +63,7 @@ const SidebarProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/skeleton.js

@@ -39,7 +39,7 @@ const SkeletonProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/slider.js

@@ -63,7 +63,7 @@ const SliderProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/speeddial.js

@@ -111,7 +111,7 @@ const SpeedDialProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/splitbutton.js

@@ -105,7 +105,7 @@ const SplitButtonProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/splitter.js

@@ -33,7 +33,7 @@ const SplitterProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/splitterpanel.js

@@ -15,7 +15,7 @@ const SplitterPanelProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     }
 ];
 

api-generator/components/steps.js

@@ -27,7 +27,7 @@ const StepsProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/tabmenu.js

@@ -21,7 +21,7 @@ const TabMenuProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/tabpanel.js

@@ -21,13 +21,13 @@ const TabPanelProps = [
         name: 'headerProps',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLLiElement to the tab header.'
+        description: 'Used to pass all properties of the HTMLLiElement to the tab header.'
     },
     {
         name: 'headerActionProps',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.'
+        description: 'Used to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.'
     },
     {
         name: 'contentStyle',
@@ -45,7 +45,7 @@ const TabPanelProps = [
         name: 'contentProps',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLDivElement to the tab content.'
+        description: 'Used to pass all properties of the HTMLDivElement to the tab content.'
     },
     {
         name: 'disabled',
@@ -57,7 +57,7 @@ const TabPanelProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     }
 ];
 

api-generator/components/tabview.js

@@ -33,13 +33,13 @@ const TabViewProps = [
         name: 'previousButtonProps',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLButtonElement to the previous button.'
+        description: 'Used to pass all properties of the HTMLButtonElement to the previous button.'
     },
     {
         name: 'nextButtonProps',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLButtonElement to the next button.'
+        description: 'Used to pass all properties of the HTMLButtonElement to the next button.'
     },
     {
         name: 'prevIcon',
@@ -57,7 +57,7 @@ const TabViewProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/tag.js

@@ -27,7 +27,7 @@ const TagProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/terminal.js

@@ -15,7 +15,7 @@ const TerminalProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/textarea.js

@@ -15,7 +15,7 @@ const TextareaProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/tieredmenu.js

@@ -39,7 +39,7 @@ const TieredMenuProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/timeline.js

@@ -27,7 +27,7 @@ const TimelineProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/toast.js

@@ -33,7 +33,7 @@ const ToastProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/togglebutton.js

@@ -69,13 +69,13 @@ const ToggleButtonProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/toolbar.js

@@ -9,7 +9,7 @@ const ToolbarProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/tree.js

@@ -82,7 +82,7 @@ const TreeProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/treeselect.js

@@ -106,7 +106,7 @@ const TreeSelectProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/treetable.js

@@ -232,7 +232,7 @@ const TreeTableProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/tristatecheckbox.js

@@ -27,7 +27,7 @@ const TriStateCheckboxProps = [
         name: 'inputProps',
         type: 'object',
         default: 'null',
-        description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
+        description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
     },
     {
         name: 'aria-labelledby',
@@ -45,7 +45,7 @@ const TriStateCheckboxProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     },
     {
         name: 'unstyled',

api-generator/components/virtualscroller.js

@@ -106,7 +106,7 @@ const VirtualScrollerProps = [
         name: 'pt',
         type: 'any',
         default: 'null',
-        description: 'Uses to pass attributes to DOM elements inside the component.'
+        description: 'Used to pass attributes to DOM elements inside the component.'
     }
 ];
 

assets/data/news.json

@@ -1,8 +1,8 @@
 {
-    "id": 40,
+    "id": 50,
-    "content": "Introducing the new Unstyled Mode",
+    "content": "90+ UI Components for Tailwind CSS",
     "linkText": "Learn More",
-    "linkHref": "https://primevue.org/unstyled",
+    "linkHref": "https://primevue.org/tailwind",
     "backgroundStyle": "background-color:#4f8ff7",
     "textStyle": "color:#ffffff;font-weight:500",
     "linkStyle": "color:#ffffff;font-weight:700;text-decoration: underline;"

components/doc/DocComponent.vue

@@ -12,7 +12,7 @@
             <li :class="{ 'doc-tabmenu-active': tab === 1 }">
                 <button type="button" @click="tab = 1">API</button>
             </li>
-            <li :class="{ 'doc-tabmenu-active': tab === 2 }">
+            <li v-if="themingDocs" :class="{ 'doc-tabmenu-active': tab === 2 }">
                 <button type="button" @click="tab = 2">THEMING</button>
             </li>
             <li v-if="ptTabComponent" :class="{ 'doc-tabmenu-active': tab === 3 }">

components/lib/accordion/Accordion.d.ts

@@ -58,20 +58,20 @@ export interface AccordionClickEvent extends AccordionTabOpenEvent {}
  */
 export interface AccordionPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: AccordionPassThroughOptionType;
     /**
-     * Uses to pass attributes to AccordionTab helper components.
+     * Used to pass attributes to AccordionTab helper components.
      * @deprecated since v3.30.1. Use 'accordiontab' property instead.
      */
     tab?: AccordionTabPassThroughOptionType;
     /**
-     * Uses to pass attributes to AccordionTab helper components.
+     * Used to pass attributes to AccordionTab helper components.
      */
     accordiontab?: AccordionTabPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -136,7 +136,7 @@ export interface AccordionProps {
      */
     selectOnFocus?: boolean | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {AccordionPassThroughOptions}
      */
     pt?: AccordionPassThroughOptions;

components/lib/accordiontab/AccordionTab.d.ts

@@ -29,31 +29,31 @@ export interface AccordionTabPassThroughMethodOptions {
  */
 export interface AccordionTabPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: AccordionTabPassThroughOptionType;
     /**
-     * Uses to pass attributes to the header's DOM element.
+     * Used to pass attributes to the header's DOM element.
      */
     header?: AccordionTabPassThroughOptionType;
     /**
-     * Uses to pass attributes to the headeraction's DOM element.
+     * Used to pass attributes to the headeraction's DOM element.
      */
     headerAction?: AccordionTabPassThroughOptionType;
     /**
-     * Uses to pass attributes to the headericon's DOM element.
+     * Used to pass attributes to the headericon's DOM element.
      */
     headerIcon?: AccordionTabPassThroughOptionType;
     /**
-     * Uses to pass attributes to the headertitle's DOM element.
+     * Used to pass attributes to the headertitle's DOM element.
      */
     headerTitle?: AccordionTabPassThroughOptionType;
     /**
-     * Uses to pass attributes to the toggleablecontent's DOM element.
+     * Used to pass attributes to the toggleablecontent's DOM element.
      */
     toggleableContent?: AccordionTabPassThroughOptionType;
     /**
-     * Uses to pass attributes to the content's DOM element.
+     * Used to pass attributes to the content's DOM element.
      */
     content?: AccordionTabPassThroughOptionType;
 }
@@ -82,12 +82,12 @@ export interface AccordionTabProps {
      */
     headerClass?: any;
     /**
-     * Uses to pass all properties of the HTMLDivElement to the tab header.
+     * Used to pass all properties of the HTMLDivElement to the tab header.
      * @deprecated since v3.26.0. Use 'pt' property instead.
      */
     headerProps?: HTMLAttributes | undefined;
     /**
-     * Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.
+     * Used to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.
      * @deprecated since v3.26.0. Use 'pt' property instead.
      */
     headerActionProps?: AnchorHTMLAttributes | undefined;
@@ -100,7 +100,7 @@ export interface AccordionTabProps {
      */
     contentClass?: any;
     /**
-     * Uses to pass all properties of the HTMLDivElement to the tab content.
+     * Used to pass all properties of the HTMLDivElement to the tab content.
      * @deprecated since v3.26.0. Use 'pt' property instead.
      */
     contentProps?: HTMLAttributes | undefined;
@@ -110,7 +110,7 @@ export interface AccordionTabProps {
      */
     disabled?: boolean | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {AccordionTabPassThroughOptions}
      */
     pt?: AccordionTabPassThroughOptions;

components/lib/autocomplete/AutoComplete.d.ts

@@ -98,76 +98,76 @@ export interface AutoCompleteCompleteEvent {
  */
 export interface AutoCompletePassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the input's DOM element.
+     * Used to pass attributes to the input's DOM element.
      */
     input?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the container's DOM element.
+     * Used to pass attributes to the container's DOM element.
      */
     container?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the token's DOM element.
+     * Used to pass attributes to the token's DOM element.
      */
     token?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the token label's DOM element.
+     * Used to pass attributes to the token label's DOM element.
      */
     tokenLabel?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the remove token icon's DOM element.
+     * Used to pass attributes to the remove token icon's DOM element.
      */
     removeTokenIcon?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the input token's DOM element.
+     * Used to pass attributes to the input token's DOM element.
      */
     inputToken?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the loading icon's DOM element.
+     * Used to pass attributes to the loading icon's DOM element.
      */
     loadingIcon?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the Button component.
+     * Used to pass attributes to the Button component.
      */
     dropdownButton?: ButtonPassThroughOptionType;
     /**
-     * Uses to pass attributes to the panel's DOM element.
+     * Used to pass attributes to the panel's DOM element.
      */
     panel?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the VirtualScroller component.
+     * Used to pass attributes to the VirtualScroller component.
      * @see {@link VirtualScrollerPassThroughOptionType}
      */
     virtualScroller?: VirtualScrollerPassThroughOptionType;
     /**
-     * Uses to pass attributes to the list's DOM element.
+     * Used to pass attributes to the list's DOM element.
      */
     list?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the item group's DOM element.
+     * Used to pass attributes to the item group's DOM element.
      */
     itemGroup?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the item's DOM element.
+     * Used to pass attributes to the item's DOM element.
      */
     item?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the empty message's DOM element.
+     * Used to pass attributes to the empty message's DOM element.
      */
     emptyMessage?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the search result message's DOM element.
+     * Used to pass attributes to the search result message's DOM element.
      */
     searchResultMessage?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to pass attributes to the selected message's DOM element.
+     * Used to pass attributes to the selected message's DOM element.
      */
     selectedMessage?: AutoCompletePassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -347,7 +347,7 @@ export interface AutoCompleteProps {
      */
     inputClass?: string | object | undefined;
     /**
-     * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
+     * Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */
     inputProps?: InputHTMLAttributes | undefined;
     /**
@@ -359,7 +359,7 @@ export interface AutoCompleteProps {
      */
     panelClass?: string | object | undefined;
     /**
-     * Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
+     * Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.
      */
     panelProps?: HTMLAttributes | undefined;
     /**
@@ -433,7 +433,7 @@ export interface AutoCompleteProps {
      */
     'aria-labelledby'?: string | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {AutoCompletePassThroughOptions}
      */
     pt?: AutoCompletePassThroughOptions;

components/lib/avatar/Avatar.d.ts

@@ -35,23 +35,23 @@ export interface AvatarPassThroughAttributes {
  */
 export interface AvatarPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: AvatarPassThroughOptionType;
     /**
-     * Uses to pass attributes to the label's DOM element.
+     * Used to pass attributes to the label's DOM element.
      */
     label?: AvatarPassThroughOptionType;
     /**
-     * Uses to pass attributes to the icon's DOM element.
+     * Used to pass attributes to the icon's DOM element.
      */
     icon?: AvatarPassThroughOptionType;
     /**
-     * Uses to pass attributes to the image's DOM element.
+     * Used to pass attributes to the image's DOM element.
      */
     image?: AvatarPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -93,7 +93,7 @@ export interface AvatarProps {
      */
     'aria-labelledby'?: string | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {AvatarPassThroughOptions}
      */
     pt?: AvatarPassThroughOptions;

components/lib/avatargroup/AvatarGroup.d.ts

@@ -25,11 +25,11 @@ export interface AvatarGroupPassThroughAttributes {
  */
 export interface AvatarGroupPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: AvatarGroupPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -40,7 +40,7 @@ export interface AvatarGroupPassThroughOptions {
  */
 export interface AvatarGroupProps {
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {AvatarGroupPassThroughOptions}
      */
     pt?: AvatarGroupPassThroughOptions;

components/lib/badge/Badge.d.ts

@@ -34,11 +34,11 @@ export interface BadgePassThroughAttributes {
  */
 export interface BadgePassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: BadgePassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -61,7 +61,7 @@ export interface BadgeProps {
      */
     size?: 'large' | 'xlarge' | null | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {BadgePassThroughOptions}
      */
     pt?: BadgePassThroughOptions;

components/lib/badgedirective/BadgeDirective.d.ts

@@ -9,14 +9,21 @@
 import { DirectiveBinding, ObjectDirective } from 'vue';
 import { DirectiveHooks } from '../basedirective';
 
-export declare type BadgeDirectivePassThroughOptionType = BadgeDirectivePassThroughAttributes | null | undefined;
+export declare type BadgeDirectivePassThroughOptionType = BadgeDirectivePassThroughAttributes | ((options: BadgePassThroughMethodOptions) => BadgeDirectivePassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface BadgePassThroughMethodOptions {
+    context: BadgeContext;
+}
 
 /**
  * Defines options of Badge.
  */
 export interface BadgeDirectiveOptions {
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {BadgeDirectivePassThroughOptions}
      */
     pt?: BadgeDirectivePassThroughOptions;
@@ -33,11 +40,11 @@ export interface BadgeDirectiveOptions {
  */
 export interface BadgeDirectivePassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: BadgeDirectivePassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseDirective.DirectiveHooks}
      */
     hooks?: DirectiveHooks;
@@ -50,6 +57,40 @@ export interface BadgeDirectivePassThroughAttributes {
     [key: string]: any;
 }
 
+/**
+ * Defines current options in Badge directive.
+ */
+export interface BadgeContext {
+    /**
+     * Current info state as a boolean.
+     * @defaultValue true
+     */
+    info: boolean;
+    /**
+     * Current success state as a boolean.
+     * @defaultValue false
+     */
+    success: boolean;
+    /**
+     * Current warning state as a boolean.
+     * @defaultValue false
+     */
+    warning: boolean;
+    /**
+     * Current danger state as a boolean.
+     * @defaultValue false
+     */
+    danger: boolean;
+    /**
+     * Current gutter state as a boolean.
+     */
+    nogutter: boolean;
+    /**
+     * Current dot state as a boolean.
+     */
+    dot: boolean;
+}
+
 /**
  * Defines modifiers of Badge directive.
  */

components/lib/badgedirective/BadgeDirective.js

@@ -10,7 +10,13 @@ const BadgeDirective = BaseBadgeDirective.extend('badge', {
         const badge = DomHandler.createElement('span', {
             id,
             class: !el.unstyled && this.cx('root'),
-            'p-bind': this.ptm('root')
+            'p-bind': this.ptm('root', {
+                context: {
+                    ...binding.modifiers,
+                    nogutter: String(binding.value).length === 1,
+                    dot: binding.value == null
+                }
+            })
         });
 
         el.$_pbadgeId = badge.getAttribute('id');

components/lib/blockui/BlockUI.d.ts

@@ -28,11 +28,11 @@ export interface BlockUIPassThroughMethodOptions {
  */
 export interface BlockUIPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: BlockUIPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -81,7 +81,7 @@ export interface BlockUIProps {
      */
     autoZIndex?: boolean | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {BlockUIPassThroughOptions}
      */
     pt?: BlockUIPassThroughOptions;