@ng-primitives/mcp 0.95.0

package/src/generated/api-data.json

@@ -0,0 +1,2802 @@
+{
+  "NgpVisuallyHidden": {
+    "name": "NgpVisuallyHidden",
+    "description": "Hide an element visually while keeping it present in the DOM.",
+    "selector": "[ngpVisuallyHidden]",
+    "exportAs": [
+      "ngpVisuallyHidden"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpAccordionContent": {
+    "name": "NgpAccordionContent",
+    "description": "Apply the `ngpAccordionContent` directive to an element that represents the content of an accordion item.",
+    "selector": "[ngpAccordionContent]",
+    "exportAs": [
+      "ngpAccordionContent"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpAccordionTrigger": {
+    "name": "NgpAccordionTrigger",
+    "description": "Apply the `ngpAccordionTrigger` directive to an element that represents the trigger for an accordion item, such as a button.",
+    "selector": "[ngpAccordionTrigger]",
+    "exportAs": [
+      "ngpAccordionTrigger"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpAccordionItem": {
+    "name": "NgpAccordionItem",
+    "description": "Apply the `ngpAccordionItem` directive to an element that represents an accordion item.",
+    "selector": "[ngpAccordionItem]",
+    "exportAs": [
+      "ngpAccordionItem"
+    ],
+    "inputs": [
+      {
+        "name": "ngpAccordionItemValue",
+        "type": "T",
+        "description": "The value of the accordion item.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpAccordionItemDisabled",
+        "type": "boolean",
+        "description": "Whether the accordion item is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpAccordion": {
+    "name": "NgpAccordion",
+    "description": "Apply the `ngpAccordion` directive to an element that represents the group of accordion items.",
+    "selector": "[ngpAccordion]",
+    "exportAs": [
+      "ngpAccordion"
+    ],
+    "inputs": [
+      {
+        "name": "ngpAccordionType",
+        "type": "NgpAccordionType",
+        "description": "The type of the accordion.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpAccordionCollapsible",
+        "type": "boolean",
+        "description": "Whether the accordion is collapsible.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpAccordionValue",
+        "type": "T | T[] | null",
+        "description": "The value of the accordion.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpAccordionDisabled",
+        "type": "boolean",
+        "description": "Whether the accordion is disabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpAccordionOrientation",
+        "type": "NgpOrientation",
+        "description": "The accordion orientation.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpAccordionValueChange",
+        "type": "T | T[] | null",
+        "description": "Event emitted when the accordion value changes."
+      }
+    ]
+  },
+  "NgpThread": {
+    "name": "NgpThread",
+    "description": "",
+    "selector": "[ngpThread]",
+    "exportAs": [
+      "ngpThread"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpPromptComposer": {
+    "name": "NgpPromptComposer",
+    "description": "",
+    "selector": "[ngpPromptComposer]",
+    "exportAs": [
+      "ngpPromptComposer"
+    ],
+    "inputs": [],
+    "outputs": [
+      {
+        "name": "ngpPromptComposerSubmit",
+        "type": "string",
+        "description": "Emits whenever the user submits the prompt."
+      }
+    ]
+  },
+  "NgpThreadSuggestion": {
+    "name": "NgpThreadSuggestion",
+    "description": "",
+    "selector": "button[ngpThreadSuggestion]",
+    "exportAs": [
+      "ngpThreadSuggestion"
+    ],
+    "inputs": [
+      {
+        "name": "ngpThreadSuggestion",
+        "type": "string",
+        "description": "The suggested text to display in the input field.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpThreadSuggestionSetPromptOnClick",
+        "type": "boolean",
+        "description": "Whether the suggestion should populate the prompt when clicked.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpThreadMessage": {
+    "name": "NgpThreadMessage",
+    "description": "",
+    "selector": "[ngpThreadMessage]",
+    "exportAs": [
+      "ngpThreadMessage"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpPromptComposerSubmit": {
+    "name": "NgpPromptComposerSubmit",
+    "description": "",
+    "selector": "button[ngpPromptComposerSubmit]",
+    "exportAs": [
+      "ngpPromptComposerSubmit"
+    ],
+    "inputs": [
+      {
+        "name": "disabled",
+        "type": "boolean",
+        "description": "Whether the submit button should be disabled",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpThreadViewport": {
+    "name": "NgpThreadViewport",
+    "description": "",
+    "selector": "[ngpThreadViewport]",
+    "exportAs": [
+      "ngpThreadViewport"
+    ],
+    "inputs": [
+      {
+        "name": "ngpThreadViewportThreshold",
+        "type": "number",
+        "description": "The distance in pixels from the bottom of the scrollable container that is considered \"at the bottom\".\nWhen the user scrolls within this threshold, the thread is treated as being at the bottom.\nThis value is used to determine whether automatic scrolling to the bottom should occur,\nfor example when new content is added or the container is resized.",
+        "isRequired": false,
+        "defaultValue": "70"
+      },
+      {
+        "name": "ngpThreadViewportAutoScroll",
+        "type": "boolean",
+        "description": "Whether the thread should automatically scroll to the bottom when new content is added.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpPromptComposerInput": {
+    "name": "NgpPromptComposerInput",
+    "description": "",
+    "selector": "input[ngpPromptComposerInput], textarea[ngpPromptComposerInput]",
+    "exportAs": [
+      "ngpPromptComposerInput"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpPromptComposerDictation": {
+    "name": "NgpPromptComposerDictation",
+    "description": "",
+    "selector": "button[ngpPromptComposerDictation]",
+    "exportAs": [
+      "ngpPromptComposerDictation"
+    ],
+    "inputs": [
+      {
+        "name": "disabled",
+        "type": "boolean",
+        "description": "Whether the submit button should be disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpAutofill": {
+    "name": "NgpAutofill",
+    "description": "Apply the `ngpAutofill` directive to an element to detect browser autofill.",
+    "selector": "[ngpAutofill]",
+    "exportAs": [
+      "ngpAutofill"
+    ],
+    "inputs": [],
+    "outputs": [
+      {
+        "name": "ngpAutofill",
+        "type": "boolean",
+        "description": "Event emitted when the autofill state changes."
+      }
+    ]
+  },
+  "NgpAvatarImage": {
+    "name": "NgpAvatarImage",
+    "description": "Apply the `ngpAvatarImage` directive to an element that represents the avatar image. This would typically be an `img` element or a `div` with a background image.",
+    "selector": "img[ngpAvatarImage]",
+    "exportAs": [
+      "ngpAvatarImage"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpAvatar": {
+    "name": "NgpAvatar",
+    "description": "Apply the `ngpAvatar` directive to an element that represents the avatar. This directive is a container for the image and/or fallback.",
+    "selector": "[ngpAvatar]",
+    "exportAs": [
+      "ngpAvatar"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpAvatarFallback": {
+    "name": "NgpAvatarFallback",
+    "description": "Apply the `ngpAvatarFallback` directive to an element that represents the user in the absence of an image. This is typically the user's initials.",
+    "selector": "[ngpAvatarFallback]",
+    "exportAs": [
+      "ngpAvatarFallback"
+    ],
+    "inputs": [
+      {
+        "name": "ngpAvatarFallbackDelay",
+        "type": "number",
+        "description": "Define a delay before the fallback is shown. This is useful to only show the fallback for those with slower connections.",
+        "isRequired": false,
+        "defaultValue": "0"
+      }
+    ],
+    "outputs": []
+  },
+  "NgpBreadcrumbs": {
+    "name": "NgpBreadcrumbs",
+    "description": "Apply `ngpBreadcrumbs` to the navigation element that wraps the breadcrumb trail.",
+    "selector": "[ngpBreadcrumbs]",
+    "exportAs": [
+      "ngpBreadcrumbs"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpBreadcrumbItem": {
+    "name": "NgpBreadcrumbItem",
+    "description": "Apply `ngpBreadcrumbItem` to each list item in the breadcrumb trail.",
+    "selector": "[ngpBreadcrumbItem]",
+    "exportAs": [
+      "ngpBreadcrumbItem"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpBreadcrumbLink": {
+    "name": "NgpBreadcrumbLink",
+    "description": "Apply `ngpBreadcrumbLink` to anchors or buttons that navigate to a breadcrumb destination.",
+    "selector": "[ngpBreadcrumbLink]",
+    "exportAs": [
+      "ngpBreadcrumbLink"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpBreadcrumbList": {
+    "name": "NgpBreadcrumbList",
+    "description": "Apply `ngpBreadcrumbList` to the ordered list that groups breadcrumb items.",
+    "selector": "[ngpBreadcrumbList]",
+    "exportAs": [
+      "ngpBreadcrumbList"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpBreadcrumbPage": {
+    "name": "NgpBreadcrumbPage",
+    "description": "Apply `ngpBreadcrumbPage` to non-link content that represents the active page.",
+    "selector": "[ngpBreadcrumbPage]",
+    "exportAs": [
+      "ngpBreadcrumbPage"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpBreadcrumbEllipsis": {
+    "name": "NgpBreadcrumbEllipsis",
+    "description": "Apply `ngpBreadcrumbEllipsis` to elements that represent collapsed breadcrumb items.",
+    "selector": "[ngpBreadcrumbEllipsis]",
+    "exportAs": [
+      "ngpBreadcrumbEllipsis"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpBreadcrumbSeparator": {
+    "name": "NgpBreadcrumbSeparator",
+    "description": "Apply `ngpBreadcrumbSeparator` between breadcrumb items to render a visual divider.",
+    "selector": "[ngpBreadcrumbSeparator]",
+    "exportAs": [
+      "ngpBreadcrumbSeparator"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpButton": {
+    "name": "NgpButton",
+    "description": "",
+    "selector": "[ngpButton]",
+    "exportAs": [
+      "ngpButton"
+    ],
+    "inputs": [
+      {
+        "name": "disabled",
+        "type": "boolean",
+        "description": "Whether the button is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpCheckbox": {
+    "name": "NgpCheckbox",
+    "description": "Apply the `ngpCheckbox` directive to an element to that represents the checkbox, such as a `button`.",
+    "selector": "[ngpCheckbox]",
+    "exportAs": [],
+    "inputs": [
+      {
+        "name": "ngpCheckboxChecked",
+        "type": "boolean",
+        "description": "Defines whether the checkbox is checked.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpCheckboxIndeterminate",
+        "type": "boolean",
+        "description": "Defines whether the checkbox is indeterminate.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpCheckboxRequired",
+        "type": "boolean",
+        "description": "Whether the checkbox is required.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpCheckboxDisabled",
+        "type": "boolean",
+        "description": "Defines whether the checkbox is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpCheckboxCheckedChange",
+        "type": "boolean",
+        "description": "The event that is emitted when the checkbox value changes."
+      },
+      {
+        "name": "ngpCheckboxIndeterminateChange",
+        "type": "boolean",
+        "description": "The event that is emitted when the indeterminate value changes."
+      }
+    ]
+  },
+  "NgpComboboxDropdown": {
+    "name": "NgpComboboxDropdown",
+    "description": "",
+    "selector": "[ngpComboboxDropdown]",
+    "exportAs": [
+      "ngpComboboxDropdown"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpComboboxPortal": {
+    "name": "NgpComboboxPortal",
+    "description": "",
+    "selector": "[ngpComboboxPortal]",
+    "exportAs": [
+      "ngpComboboxPortal"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpComboboxButton": {
+    "name": "NgpComboboxButton",
+    "description": "",
+    "selector": "button[ngpComboboxButton]",
+    "exportAs": [
+      "ngpComboboxButton"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpComboboxInput": {
+    "name": "NgpComboboxInput",
+    "description": "",
+    "selector": "input[ngpComboboxInput]",
+    "exportAs": [
+      "ngpComboboxInput"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpComboboxOption": {
+    "name": "NgpComboboxOption",
+    "description": "",
+    "selector": "[ngpComboboxOption]",
+    "exportAs": [
+      "ngpComboboxOption"
+    ],
+    "inputs": [
+      {
+        "name": "ngpComboboxOptionValue",
+        "type": "any",
+        "description": "",
+        "isRequired": true
+      },
+      {
+        "name": "ngpComboboxOptionDisabled",
+        "type": "boolean",
+        "description": "The disabled state of the option.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpCombobox": {
+    "name": "NgpCombobox",
+    "description": "",
+    "selector": "[ngpCombobox]",
+    "exportAs": [
+      "ngpCombobox"
+    ],
+    "inputs": [
+      {
+        "name": "ngpComboboxValue",
+        "type": "any",
+        "description": "The value of the combobox.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpComboboxMultiple",
+        "type": "boolean",
+        "description": "Whether the combobox is multiple selection.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpComboboxDisabled",
+        "type": "boolean",
+        "description": "Whether the combobox is disabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpComboboxAllowDeselect",
+        "type": "boolean",
+        "description": "Whether the combobox allows deselection in single selection mode.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpComboboxCompareWith",
+        "type": "(a: any, b: any) => boolean",
+        "description": "The comparator function used to compare options.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpComboboxDropdownPlacement",
+        "type": "NgpComboboxPlacement",
+        "description": "The position of the dropdown.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpComboboxDropdownContainer",
+        "type": "string | HTMLElement | null",
+        "description": "The container for the dropdown.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpComboboxValueChange",
+        "type": "any",
+        "description": "Event emitted when the value changes."
+      },
+      {
+        "name": "ngpComboboxOpenChange",
+        "type": "boolean",
+        "description": "Emit when the dropdown open state changes."
+      }
+    ]
+  },
+  "NgpHeader": {
+    "name": "NgpHeader",
+    "description": "",
+    "selector": "[ngpHeader]",
+    "exportAs": [
+      "ngpHeader"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDatePickerGrid": {
+    "name": "NgpDatePickerGrid",
+    "description": "The grid that contains the days of the month.",
+    "selector": "[ngpDatePickerGrid]",
+    "exportAs": [
+      "ngpDatePickerGrid"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDatePickerLabel": {
+    "name": "NgpDatePickerLabel",
+    "description": "The label that displays the current month and year typically in the header of the date picker. This will be announced by screen readers when the date changes.",
+    "selector": "[ngpDatePickerLabel]",
+    "exportAs": [
+      "ngpDatePickerLabel"
+    ],
+    "inputs": [
+      {
+        "name": "aria-live",
+        "type": "string",
+        "description": "Define the aria live attribute.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpDatePickerCell": {
+    "name": "NgpDatePickerCell",
+    "description": "A cell in the date picker grid.",
+    "selector": "[ngpDatePickerCell]",
+    "exportAs": [
+      "ngpDatePickerCell"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDatePickerNextMonth": {
+    "name": "NgpDatePickerNextMonth",
+    "description": "A button that navigates to the next month.",
+    "selector": "[ngpDatePickerNextMonth]",
+    "exportAs": [
+      "ngpDatePickerNextMonth"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDatePickerPreviousMonth": {
+    "name": "NgpDatePickerPreviousMonth",
+    "description": "A button that navigates to the previous month.",
+    "selector": "[ngpDatePickerPreviousMonth]",
+    "exportAs": [
+      "ngpDatePickerPreviousMonth"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDatePickerCellRender": {
+    "name": "NgpDatePickerCellRender",
+    "description": "A structural directive that renders a cell in the date picker grid.",
+    "selector": "[ngpDatePickerCellRender]",
+    "exportAs": [
+      "ngpDatePickerCellRender"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDatePickerDateButton": {
+    "name": "NgpDatePickerDateButton",
+    "description": "A button that represents a date in the date picker grid.",
+    "selector": "[ngpDatePickerDateButton]",
+    "exportAs": [
+      "ngpDatePickerDateButton"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDatePickerRowRender": {
+    "name": "NgpDatePickerRowRender",
+    "description": "A structural directive that renders a row of weekdays in the date picker grid.",
+    "selector": "[ngpDatePickerRowRender]",
+    "exportAs": [
+      "ngpDatePickerRowRender"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDatePicker": {
+    "name": "NgpDatePicker",
+    "description": "The outermost container for the date picker.",
+    "selector": "[ngpDatePicker]",
+    "exportAs": [
+      "ngpDatePicker"
+    ],
+    "inputs": [
+      {
+        "name": "ngpDatePickerMin",
+        "type": "T | undefined",
+        "description": "The minimum date that can be selected.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDatePickerMax",
+        "type": "T | undefined",
+        "description": "The maximum date that can be selected.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDatePickerDisabled",
+        "type": "boolean",
+        "description": "Determine if the date picker is disabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDatePickerDateDisabled",
+        "type": "(date: T) => boolean",
+        "description": "A function that is called to determine if a specific date should be disabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDatePickerFirstDayOfWeek",
+        "type": "NgpDatePickerFirstDayOfWeekNumber",
+        "description": "Sets which day starts the week in the calendar.\nAccepts 0-7 where 1=Monday, 2=Tuesday, 3=Wednesday, 4=Thursday, 5=Friday, 6=Saturday, 7=Sunday.\nDefaults to NgpDatePickerConfig.firstDayOfWeek (default 7 if not overridden).\nNote: Update calendar header column order when changing from Sunday start.",
+        "isRequired": false,
+        "defaultValue": "7 (Sunday)"
+      },
+      {
+        "name": "ngpDatePickerDate",
+        "type": "T | undefined",
+        "description": "The selected value.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDatePickerFocusedDate",
+        "type": "T",
+        "description": "The focused value.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpDatePickerDateChange",
+        "type": "T | undefined",
+        "description": "Emit when the date changes."
+      },
+      {
+        "name": "ngpDatePickerFocusedDateChange",
+        "type": "T",
+        "description": "Emit when the focused date changes."
+      }
+    ]
+  },
+  "NgpDateRangePicker": {
+    "name": "NgpDateRangePicker",
+    "description": "",
+    "selector": "[ngpDateRangePicker]",
+    "exportAs": [
+      "ngpDateRangePicker"
+    ],
+    "inputs": [
+      {
+        "name": "ngpDateRangePickerMin",
+        "type": "T | undefined",
+        "description": "The minimum date that can be selected.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDateRangePickerMax",
+        "type": "T | undefined",
+        "description": "The maximum date that can be selected.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDateRangePickerDisabled",
+        "type": "boolean",
+        "description": "Determine if the date picker is disabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDateRangePickerDateDisabled",
+        "type": "(date: T) => boolean",
+        "description": "A function that is called to determine if a specific date should be disabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDateRangePickerFirstDayOfWeek",
+        "type": "NgpDatePickerFirstDayOfWeekNumber",
+        "description": "Sets which day starts the week in the calendar.\nAccepts 0-7 where 1=Monday, 2=Tuesday, 3=Wednesday, 4=Thursday, 5=Friday, 6=Saturday, 7=Sunday.\nDefaults to NgpDatePickerConfig.firstDayOfWeek (default 7 if not overridden).\nNote: Update calendar header column order when changing from Sunday start.",
+        "isRequired": false,
+        "defaultValue": "7 (Sunday)"
+      },
+      {
+        "name": "ngpDateRangePickerStartDate",
+        "type": "T | undefined",
+        "description": "The selected start date",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDateRangePickerEndDate",
+        "type": "T | undefined",
+        "description": "The selected end date",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDateRangePickerFocusedDate",
+        "type": "T",
+        "description": "The focused value.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpDateRangePickerStartDateChange",
+        "type": "T | undefined",
+        "description": "Emit when the date changes."
+      },
+      {
+        "name": "ngpDateRangePickerEndDateChange",
+        "type": "T | undefined",
+        "description": "Emit when the end date changes."
+      },
+      {
+        "name": "ngpDateRangePickerFocusedDateChange",
+        "type": "T",
+        "description": "Emit when the focused date changes."
+      }
+    ]
+  },
+  "NgpDialogDescription": {
+    "name": "NgpDialogDescription",
+    "description": "",
+    "selector": "[ngpDialogDescription]",
+    "exportAs": [
+      "ngpDialogDescription"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDialogTitle": {
+    "name": "NgpDialogTitle",
+    "description": "",
+    "selector": "[ngpDialogTitle]",
+    "exportAs": [
+      "ngpDialogTitle"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDialogOverlay": {
+    "name": "NgpDialogOverlay",
+    "description": "",
+    "selector": "[ngpDialogOverlay]",
+    "exportAs": [
+      "ngpDialogOverlay"
+    ],
+    "inputs": [
+      {
+        "name": "ngpDialogOverlayCloseOnClick",
+        "type": "boolean | undefined",
+        "description": "Whether the dialog should close on backdrop click.",
+        "isRequired": false,
+        "defaultValue": "`true`"
+      }
+    ],
+    "outputs": []
+  },
+  "NgpDialogTrigger": {
+    "name": "NgpDialogTrigger",
+    "description": "",
+    "selector": "[ngpDialogTrigger]",
+    "exportAs": [
+      "ngpDialogTrigger"
+    ],
+    "inputs": [
+      {
+        "name": "ngpDialogTrigger",
+        "type": "TemplateRef<NgpDialogContext<unknown",
+        "description": "The template to launch.",
+        "isRequired": true
+      },
+      {
+        "name": "ngpDialogTriggerCloseOnEscape",
+        "type": "boolean | undefined",
+        "description": "Whether the dialog should close on escape.",
+        "isRequired": false,
+        "defaultValue": "`true`"
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpDialogTriggerClosed",
+        "type": "T",
+        "description": "Emits whenever the dialog is closed with the given result."
+      }
+    ]
+  },
+  "NgpDialog": {
+    "name": "NgpDialog",
+    "description": "",
+    "selector": "[ngpDialog]",
+    "exportAs": [
+      "ngpDialog"
+    ],
+    "inputs": [
+      {
+        "name": "ngpDialogRole",
+        "type": "NgpDialogRole | undefined",
+        "description": "The dialog role.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpDialogModal",
+        "type": "boolean",
+        "description": "Whether the dialog is a modal.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpDialogPanel": {
+    "name": "NgpDialogPanel",
+    "description": "",
+    "selector": "[ngpDialogPanel]",
+    "exportAs": [
+      "ngpDialogPanel"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpFileUpload": {
+    "name": "NgpFileUpload",
+    "description": "A directive that allows you to turn any element into a file upload trigger.",
+    "selector": "[ngpFileUpload]",
+    "exportAs": [
+      "ngpFileUpload"
+    ],
+    "inputs": [
+      {
+        "name": "ngpFileUploadFileTypes",
+        "type": "string[] | undefined",
+        "description": "The accepted file types. This can be an array of strings or a comma-separated string.\nAccepted types can either be file extensions (e.g. `.jpg`) or MIME types (e.g. `image/jpeg`).",
+        "isRequired": false
+      },
+      {
+        "name": "ngpFileUploadMultiple",
+        "type": "boolean",
+        "description": "Whether to allow multiple files to be selected.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpFileUploadDirectory",
+        "type": "boolean",
+        "description": "Whether to allow the user to select directories.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpFileUploadDragDrop",
+        "type": "boolean",
+        "description": "Whether drag-and-drop is enabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpFileUploadDisabled",
+        "type": "boolean",
+        "description": "Whether the file upload is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpFileUploadSelected",
+        "type": "FileList | null",
+        "description": "Emits when the user selects files."
+      },
+      {
+        "name": "ngpFileUploadCanceled",
+        "type": "void",
+        "description": "Emits when the user cancel the file selection."
+      },
+      {
+        "name": "ngpFileUploadRejected",
+        "type": "void",
+        "description": "Emits when uploaded files are rejected because they do not match the allowed {@link fileTypes}."
+      },
+      {
+        "name": "ngpFileUploadDragOver",
+        "type": "boolean",
+        "description": "Emits when the user drags a file over the file upload."
+      }
+    ]
+  },
+  "NgpFileDropzone": {
+    "name": "NgpFileDropzone",
+    "description": "Capture files dropped on the element.",
+    "selector": "[ngpFileDropzone]",
+    "exportAs": [
+      "ngpFileDropzone"
+    ],
+    "inputs": [
+      {
+        "name": "ngpFileDropzoneFileTypes",
+        "type": "string[] | undefined",
+        "description": "The accepted file types. This can be an array of strings or a comma-separated string.\nAccepted types can either be file extensions (e.g. `.jpg`) or MIME types (e.g. `image/jpeg`).",
+        "isRequired": false
+      },
+      {
+        "name": "ngpFileDropzoneMultiple",
+        "type": "boolean",
+        "description": "Whether to allow multiple files to be selected.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpFileDropzoneDirectory",
+        "type": "boolean",
+        "description": "Whether to allow the user to select directories.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpFileDropzoneDisabled",
+        "type": "boolean",
+        "description": "Whether the file upload is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpFileDropzoneSelected",
+        "type": "FileList | null",
+        "description": "Emits when the user selects files."
+      },
+      {
+        "name": "ngpFileDropzoneRejected",
+        "type": "void",
+        "description": "Emits when uploaded files are rejected because they do not match the allowed {@link fileTypes}."
+      },
+      {
+        "name": "ngpFileDropzoneDragOver",
+        "type": "boolean",
+        "description": "Emits when the user drags a file over the file upload."
+      }
+    ]
+  },
+  "NgpFocusTrap": {
+    "name": "NgpFocusTrap",
+    "description": "The `NgpFocusTrap` directive traps focus within the host element.",
+    "selector": "[ngpFocusTrap]",
+    "exportAs": [
+      "ngpFocusTrap"
+    ],
+    "inputs": [
+      {
+        "name": "ngpFocusTrapDisabled",
+        "type": "boolean",
+        "description": "Whether the focus trap is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpError": {
+    "name": "NgpError",
+    "description": "The `NgpError` directive is used to mark an error message element within a form field. There may be multiple error messages associated with a form control.",
+    "selector": "[ngpError]",
+    "exportAs": [
+      "ngpError"
+    ],
+    "inputs": [
+      {
+        "name": "ngpErrorValidator",
+        "type": "string | null",
+        "description": "The validator associated with the error message.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpLabel": {
+    "name": "NgpLabel",
+    "description": "The `NgpLabel` directive is used to mark a label element within a form field. Preferably, there should use an HTML `<label>` element.",
+    "selector": "[ngpLabel]",
+    "exportAs": [
+      "ngpLabel"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpFormField": {
+    "name": "NgpFormField",
+    "description": "The `NgpFormField` directive is a container for form field elements. Any labels, form controls, or descriptions should be placed within this directive.",
+    "selector": "[ngpFormField]",
+    "exportAs": [
+      "ngpFormField"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpDescription": {
+    "name": "NgpDescription",
+    "description": "The `NgpDescription` directive is used to mark a description element within a form field. There may be multiple descriptions associated with a form control.",
+    "selector": "[ngpDescription]",
+    "exportAs": [
+      "ngpDescription"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpFormControl": {
+    "name": "NgpFormControl",
+    "description": "Typically this primitive would be not be used directly, but instead a more specific form control primitive would be used (e.g. `ngpInput`). All of our form control primitives use `ngpFormControl` internally so they will have the same accessibility features as described below.\n\nThe `NgpFormControl` directive is used to mark a form control element within a form field. This element will have an `aria-labelledby` attribute set to the ID of the label element within the form field and an `aria-describedby` attribute set to the ID of the description elements within the form field.",
+    "selector": "[ngpFormControl]",
+    "exportAs": [
+      "ngpFormControl"
+    ],
+    "inputs": [
+      {
+        "name": "ngpFormControlDisabled",
+        "type": "boolean",
+        "description": "Whether the form control is disabled by a parent.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpInput": {
+    "name": "NgpInput",
+    "description": "",
+    "selector": "input[ngpInput]",
+    "exportAs": [
+      "ngpInput"
+    ],
+    "inputs": [
+      {
+        "name": "disabled",
+        "type": "boolean",
+        "description": "Whether the element is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpInputOtpSlot": {
+    "name": "NgpInputOtpSlot",
+    "description": "",
+    "selector": "[ngpInputOtpSlot]",
+    "exportAs": [
+      "ngpInputOtpSlot"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpInputOtpInput": {
+    "name": "NgpInputOtpInput",
+    "description": "",
+    "selector": "input[ngpInputOtpInput]",
+    "exportAs": [
+      "ngpInputOtpInput"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpInputOtp": {
+    "name": "NgpInputOtp",
+    "description": "",
+    "selector": "[ngpInputOtp]",
+    "exportAs": [
+      "ngpInputOtp"
+    ],
+    "inputs": [
+      {
+        "name": "ngpInputOtpValue",
+        "type": "string",
+        "description": "The current value of the OTP.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpInputOtpPattern",
+        "type": "string",
+        "description": "The regex pattern for allowed characters.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpInputOtpInputMode",
+        "type": "NgpInputOtpInputMode",
+        "description": "The input mode for the hidden input.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpInputOtpPasteTransformer",
+        "type": "((text: string) => string) | undefined",
+        "description": "Function to transform pasted text.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpInputOtpDisabled",
+        "type": "boolean",
+        "description": "Whether the input-otp is disabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpInputOtpPlaceholder",
+        "type": "string",
+        "description": "The placeholder character to display when a slot is empty.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpInputOtpValueChange",
+        "type": "string",
+        "description": "Event emitted when the value changes."
+      },
+      {
+        "name": "ngpInputOtpComplete",
+        "type": "string",
+        "description": "Event emitted when the OTP is complete (maxLength characters entered)."
+      }
+    ]
+  },
+  "NgpFocus": {
+    "name": "NgpFocus",
+    "description": "This was inspired by the React Aria useFocus hook.\nhttps://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/interactions/src/useFocus.ts#L20",
+    "selector": "[ngpFocus]",
+    "exportAs": [
+      "ngpFocus"
+    ],
+    "inputs": [
+      {
+        "name": "ngpFocusDisabled",
+        "type": "boolean",
+        "description": "Whether listening for focus events is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpFocus",
+        "type": "boolean",
+        "description": "Emit when the focus state changes."
+      }
+    ]
+  },
+  "NgpPress": {
+    "name": "NgpPress",
+    "description": "The `ngpPress` directive listens for press events on an element. This is particularly useful for supporting press events on touch devices, where press events are not handled consistently.",
+    "selector": "[ngpPress]",
+    "exportAs": [
+      "ngpPress"
+    ],
+    "inputs": [
+      {
+        "name": "ngpPressDisabled",
+        "type": "boolean",
+        "description": "Whether listening for press events is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpPressStart",
+        "type": "void",
+        "description": "Emit when the press begins."
+      },
+      {
+        "name": "ngpPressEnd",
+        "type": "void",
+        "description": "Emit when the press ends."
+      },
+      {
+        "name": "ngpPress",
+        "type": "boolean",
+        "description": "Emit when the press changes."
+      }
+    ]
+  },
+  "NgpHover": {
+    "name": "NgpHover",
+    "description": "Apply the `ngpHover` directive to an element that you want to listen for hover events. T\nhis is particulaly useful for supporting hover events on touch devices, where hover events are not handled consistently.\nOn iOS relying on the `:hover` pseudo-class can result in the hover state being stuck until the user taps elsewhere on the screen.",
+    "selector": "[ngpHover]",
+    "exportAs": [
+      "ngpHover"
+    ],
+    "inputs": [
+      {
+        "name": "ngpHoverDisabled",
+        "type": "boolean",
+        "description": "Whether hoving should be disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpHoverStart",
+        "type": "void",
+        "description": "Emit an event when hovering starts."
+      },
+      {
+        "name": "ngpHoverEnd",
+        "type": "void",
+        "description": "Emit an event when hovering ends."
+      },
+      {
+        "name": "ngpHover",
+        "type": "boolean",
+        "description": "Emit an event when the hover state changes."
+      }
+    ]
+  },
+  "NgpFocusVisible": {
+    "name": "NgpFocusVisible",
+    "description": "Apply the `ngpFocusVisible` directive to an element that should be visually focused. This is similar to `ngpFocus`\nbut it will only apply the focus visible styles when the element is focused via keyboard navigation.",
+    "selector": "[ngpFocusVisible]",
+    "exportAs": [
+      "ngpFocusVisible"
+    ],
+    "inputs": [
+      {
+        "name": "ngpFocusVisibleDisabled",
+        "type": "boolean",
+        "description": "Whether focus events are listened to.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpFocusVisible",
+        "type": "boolean",
+        "description": "Emit when the element is visually focused."
+      }
+    ]
+  },
+  "NgpMove": {
+    "name": "NgpMove",
+    "description": "The `NgpMove` directive is used to enable the pointer and keyboard move interactions on an element.",
+    "selector": "[ngpMove]",
+    "exportAs": [
+      "ngpMove"
+    ],
+    "inputs": [
+      {
+        "name": "ngpMoveDisabled",
+        "type": "boolean",
+        "description": "Whether movement is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpMoveStart",
+        "type": "NgpMoveBaseEvent",
+        "description": "Emit when the move event begins."
+      },
+      {
+        "name": "ngpMove",
+        "type": "NgpMoveEvent",
+        "description": "Emit when the element is moved."
+      },
+      {
+        "name": "ngpMoveEnd",
+        "type": "NgpMoveBaseEvent",
+        "description": "Emit when the move event ends."
+      }
+    ]
+  },
+  "NgpExitAnimation": {
+    "name": "NgpExitAnimation",
+    "description": "",
+    "selector": "[ngpExitAnimation]",
+    "exportAs": [
+      "ngpExitAnimation"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpListboxSection": {
+    "name": "NgpListboxSection",
+    "description": "",
+    "selector": "[ngpListboxSection]",
+    "exportAs": [
+      "ngpListboxSection"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpListboxTrigger": {
+    "name": "NgpListboxTrigger",
+    "description": "",
+    "selector": "[ngpListboxTrigger]",
+    "exportAs": [
+      "ngpListboxTrigger"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpListboxHeader": {
+    "name": "NgpListboxHeader",
+    "description": "",
+    "selector": "[ngpListboxHeader]",
+    "exportAs": [
+      "ngpListboxHeader"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpListboxOption": {
+    "name": "NgpListboxOption",
+    "description": "",
+    "selector": "[ngpListboxOption]",
+    "exportAs": [
+      "ngpListboxOption"
+    ],
+    "inputs": [
+      {
+        "name": "ngpListboxOptionValue",
+        "type": "T",
+        "description": "The value of the option.",
+        "isRequired": true
+      },
+      {
+        "name": "ngpListboxOptionDisabled",
+        "type": "boolean",
+        "description": "Whether the option is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpListbox": {
+    "name": "NgpListbox",
+    "description": "",
+    "selector": "[ngpListbox]",
+    "exportAs": [
+      "ngpListbox"
+    ],
+    "inputs": [
+      {
+        "name": "ngpListboxMode",
+        "type": "NgpSelectionMode",
+        "description": "The listbox selection mode.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpListboxValue",
+        "type": "T[]",
+        "description": "The listbox selection.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpListboxDisabled",
+        "type": "boolean",
+        "description": "The listbox disabled state.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpListboxCompareWith",
+        "type": "(a: T, b: T) => boolean",
+        "description": "The comparator function to use when comparing values.\nIf not provided, strict equality (===) is used.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpListboxValueChange",
+        "type": "T[]",
+        "description": "Emits when the listbox selection changes."
+      }
+    ]
+  },
+  "NgpMenuItem": {
+    "name": "NgpMenuItem",
+    "description": "The `NgpMenuItem` directive represents a menu item.",
+    "selector": "[ngpMenuItem]",
+    "exportAs": [
+      "ngpMenuItem"
+    ],
+    "inputs": [
+      {
+        "name": "ngpMenuItemDisabled",
+        "type": "boolean",
+        "description": "Whether the menu item is disabled",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpMenu": {
+    "name": "NgpMenu",
+    "description": "The `NgpMenu` is a container for menu items.",
+    "selector": "[ngpMenu]",
+    "exportAs": [
+      "ngpMenu"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpMenuTrigger": {
+    "name": "NgpMenuTrigger",
+    "description": "The `NgpMenuTrigger` directive allows you to turn an element into a menu trigger.",
+    "selector": "[ngpMenuTrigger]",
+    "exportAs": [
+      "ngpMenuTrigger"
+    ],
+    "inputs": [
+      {
+        "name": "ngpMenuTrigger",
+        "type": "NgpOverlayContent<T> | undefined",
+        "description": "Access the menu template ref or ComponentType.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpMenuTriggerDisabled",
+        "type": "boolean",
+        "description": "Define if the trigger should be disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      },
+      {
+        "name": "ngpMenuTriggerPlacement",
+        "type": "NgpMenuPlacement",
+        "description": "Define the placement of the menu relative to the trigger.",
+        "isRequired": false,
+        "defaultValue": "'bottom-start'"
+      },
+      {
+        "name": "ngpMenuTriggerOffset",
+        "type": "NgpOffset",
+        "description": "Define the offset of the menu relative to the trigger.\nCan be a number (applies to mainAxis) or an object with mainAxis, crossAxis, and alignmentAxis.",
+        "isRequired": false,
+        "defaultValue": "4"
+      },
+      {
+        "name": "ngpMenuTriggerFlip",
+        "type": "boolean",
+        "description": "Define whether the menu should flip when there is not enough space for the menu.",
+        "isRequired": false,
+        "defaultValue": "true"
+      },
+      {
+        "name": "ngpMenuTriggerContainer",
+        "type": "string | HTMLElement | null",
+        "description": "Define the container in which the menu should be attached.",
+        "isRequired": false,
+        "defaultValue": "document.body"
+      },
+      {
+        "name": "ngpMenuTriggerScrollBehavior",
+        "type": "\"block\" | \"reposition\"",
+        "description": "Defines how the menu behaves when the window is scrolled.",
+        "isRequired": false,
+        "defaultValue": "'block'"
+      },
+      {
+        "name": "ngpMenuTriggerContext",
+        "type": "T | undefined",
+        "description": "Provide context to the menu. This can be used to pass data to the menu content.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpSubmenuTrigger": {
+    "name": "NgpSubmenuTrigger",
+    "description": "",
+    "selector": "[ngpSubmenuTrigger]",
+    "exportAs": [
+      "ngpSubmenuTrigger"
+    ],
+    "inputs": [
+      {
+        "name": "ngpSubmenuTrigger",
+        "type": "NgpOverlayContent<T> | undefined",
+        "description": "Access the submenu template ref.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSubmenuTriggerDisabled",
+        "type": "boolean",
+        "description": "Define if the trigger should be disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      },
+      {
+        "name": "ngpSubmenuTriggerPlacement",
+        "type": "NgpMenuPlacement",
+        "description": "Define the placement of the menu relative to the trigger.",
+        "isRequired": false,
+        "defaultValue": "'right-start'"
+      },
+      {
+        "name": "ngpSubmenuTriggerOffset",
+        "type": "NgpOffset",
+        "description": "Define the offset of the menu relative to the trigger.\nCan be a number (applies to mainAxis) or an object with mainAxis, crossAxis, and alignmentAxis.",
+        "isRequired": false,
+        "defaultValue": "0"
+      },
+      {
+        "name": "ngpSubmenuTriggerFlip",
+        "type": "boolean",
+        "description": "Define whether the menu should flip when there is not enough space for the menu.",
+        "isRequired": false,
+        "defaultValue": "true"
+      }
+    ],
+    "outputs": []
+  },
+  "NgpMeterTrack": {
+    "name": "NgpMeterTrack",
+    "description": "",
+    "selector": "[ngpMeterTrack]",
+    "exportAs": [
+      "ngpMeterTrack"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpMeterValue": {
+    "name": "NgpMeterValue",
+    "description": "",
+    "selector": "[ngpMeterValue]",
+    "exportAs": [
+      "ngpMeterValue"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpMeterIndicator": {
+    "name": "NgpMeterIndicator",
+    "description": "",
+    "selector": "[ngpMeterIndicator]",
+    "exportAs": [
+      "ngpMeterIndicator"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpMeterLabel": {
+    "name": "NgpMeterLabel",
+    "description": "",
+    "selector": "[ngpMeterLabel]",
+    "exportAs": [
+      "ngpMeterLabel"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpMeter": {
+    "name": "NgpMeter",
+    "description": "",
+    "selector": "[ngpMeter]",
+    "exportAs": [
+      "ngpMeter"
+    ],
+    "inputs": [
+      {
+        "name": "ngpMeterValue",
+        "type": "number",
+        "description": "The value of the meter.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpMeterMin",
+        "type": "number",
+        "description": "The minimum value of the meter.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpMeterMax",
+        "type": "number",
+        "description": "The maximum value of the meter.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpMeterValueLabel",
+        "type": "NgpMeterValueTextFn",
+        "description": "Define a function that returns the meter value label.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpPagination": {
+    "name": "NgpPagination",
+    "description": "The `NgpPagination` directive is used to create a pagination control.",
+    "selector": "[ngpPagination]",
+    "exportAs": [
+      "ngpPagination"
+    ],
+    "inputs": [
+      {
+        "name": "ngpPaginationPage",
+        "type": "number",
+        "description": "The currently selected page.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpPaginationPageCount",
+        "type": "number",
+        "description": "The total number of pages.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpPaginationDisabled",
+        "type": "boolean",
+        "description": "Whether the pagination is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpPaginationPageChange",
+        "type": "number",
+        "description": "The event that is fired when the page changes."
+      }
+    ]
+  },
+  "NgpPaginationFirst": {
+    "name": "NgpPaginationFirst",
+    "description": "The `NgpPaginationFirst` directive is used to create a pagination button that navigates to the first page.",
+    "selector": "[ngpPaginationFirst]",
+    "exportAs": [
+      "ngpPaginationFirst"
+    ],
+    "inputs": [
+      {
+        "name": "ngpPaginationFirstDisabled",
+        "type": "boolean",
+        "description": "Whether the button is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpPaginationLast": {
+    "name": "NgpPaginationLast",
+    "description": "The `NgpPaginationLast` directive is used to create a pagination button that navigates to the last page.",
+    "selector": "[ngpPaginationLast]",
+    "exportAs": [
+      "ngpPaginationLast"
+    ],
+    "inputs": [
+      {
+        "name": "ngpPaginationLastDisabled",
+        "type": "boolean",
+        "description": "Whether the button is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpPaginationNext": {
+    "name": "NgpPaginationNext",
+    "description": "The `NgpPaginationNext` directive is used to create a pagination button that navigates to the next page.",
+    "selector": "[ngpPaginationNext]",
+    "exportAs": [
+      "ngpPaginationNext"
+    ],
+    "inputs": [
+      {
+        "name": "ngpPaginationNextDisabled",
+        "type": "boolean",
+        "description": "Whether the button is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpPaginationPrevious": {
+    "name": "NgpPaginationPrevious",
+    "description": "The `NgpPaginationPrevious` directive is used to create a pagination button that navigates to the previous page.",
+    "selector": "[ngpPaginationPrevious]",
+    "exportAs": [
+      "ngpPaginationPrevious"
+    ],
+    "inputs": [
+      {
+        "name": "ngpPaginationPreviousDisabled",
+        "type": "boolean",
+        "description": "Whether the button is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpPaginationButton": {
+    "name": "NgpPaginationButton",
+    "description": "The `NgpPaginationButton` directive is used to create a pagination button.",
+    "selector": "[ngpPaginationButton]",
+    "exportAs": [
+      "ngpPaginationButton"
+    ],
+    "inputs": [
+      {
+        "name": "ngpPaginationButtonPage",
+        "type": "number",
+        "description": "Define the page this button represents.",
+        "isRequired": true
+      },
+      {
+        "name": "ngpPaginationButtonDisabled",
+        "type": "boolean",
+        "description": "Whether the button is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpPopoverArrow": {
+    "name": "NgpPopoverArrow",
+    "description": "",
+    "selector": "[ngpPopoverArrow]",
+    "exportAs": [
+      "ngpPopoverArrow"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpPopover": {
+    "name": "NgpPopover",
+    "description": "Apply the `ngpPopover` directive to an element that represents the popover. This typically would be a `div` inside an `ng-template`.",
+    "selector": "[ngpPopover]",
+    "exportAs": [
+      "ngpPopover"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpPopoverTrigger": {
+    "name": "NgpPopoverTrigger",
+    "description": "Apply the `ngpPopoverTrigger` directive to an element that triggers the popover to show.",
+    "selector": "[ngpPopoverTrigger]",
+    "exportAs": [
+      "ngpPopoverTrigger"
+    ],
+    "inputs": [
+      {
+        "name": "ngpPopoverTrigger",
+        "type": "NgpOverlayContent<T> | undefined",
+        "description": "Access the popover template ref.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpPopoverTriggerDisabled",
+        "type": "boolean",
+        "description": "Define if the trigger should be disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      },
+      {
+        "name": "ngpPopoverTriggerPlacement",
+        "type": "NgpPopoverPlacement",
+        "description": "Define the placement of the popover relative to the trigger.",
+        "isRequired": false,
+        "defaultValue": "'top'"
+      },
+      {
+        "name": "ngpPopoverTriggerOffset",
+        "type": "NgpOffset",
+        "description": "Define the offset of the popover relative to the trigger.\nCan be a number (applies to mainAxis) or an object with mainAxis, crossAxis, and alignmentAxis.",
+        "isRequired": false,
+        "defaultValue": "0"
+      },
+      {
+        "name": "ngpPopoverTriggerShowDelay",
+        "type": "number",
+        "description": "Define the delay before the popover is displayed.",
+        "isRequired": false,
+        "defaultValue": "0"
+      },
+      {
+        "name": "ngpPopoverTriggerHideDelay",
+        "type": "number",
+        "description": "Define the delay before the popover is hidden.",
+        "isRequired": false,
+        "defaultValue": "0"
+      },
+      {
+        "name": "ngpPopoverTriggerFlip",
+        "type": "boolean",
+        "description": "Define whether the popover should flip when there is not enough space for the popover.",
+        "isRequired": false,
+        "defaultValue": "true"
+      },
+      {
+        "name": "ngpPopoverTriggerContainer",
+        "type": "string | HTMLElement | null",
+        "description": "Define the container in which the popover should be attached.",
+        "isRequired": false,
+        "defaultValue": "document.body"
+      },
+      {
+        "name": "ngpPopoverTriggerCloseOnOutsideClick",
+        "type": "boolean",
+        "description": "Define whether the popover should close when clicking outside of it.",
+        "isRequired": false,
+        "defaultValue": "true"
+      },
+      {
+        "name": "ngpPopoverTriggerCloseOnEscape",
+        "type": "boolean",
+        "description": "Define whether the popover should close when the escape key is pressed.",
+        "isRequired": false,
+        "defaultValue": "true"
+      },
+      {
+        "name": "ngpPopoverTriggerScrollBehavior",
+        "type": "\"block\" | \"reposition\"",
+        "description": "Defines how the popover behaves when the window is scrolled.",
+        "isRequired": false,
+        "defaultValue": "'reposition'"
+      },
+      {
+        "name": "ngpPopoverTriggerContext",
+        "type": "T | undefined",
+        "description": "Provide context to the popover. This can be used to pass data to the popover content.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpPopoverTriggerAnchor",
+        "type": "HTMLElement | null",
+        "description": "Define an anchor element for positioning the popover.\nIf provided, the popover will be positioned relative to this element instead of the trigger.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpPopoverTriggerOpenChange",
+        "type": "boolean",
+        "description": "Event emitted when the popover open state changes."
+      }
+    ]
+  },
+  "NgpProgressTrack": {
+    "name": "NgpProgressTrack",
+    "description": "",
+    "selector": "[ngpProgressTrack]",
+    "exportAs": [
+      "ngpProgressTrack"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpProgressValue": {
+    "name": "NgpProgressValue",
+    "description": "",
+    "selector": "[ngpProgressValue]",
+    "exportAs": [
+      "ngpProgressValue"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpProgressIndicator": {
+    "name": "NgpProgressIndicator",
+    "description": "Apply the `ngpProgressIndicator` directive to an element that represents the current progress.\nThe width of this element can be set to the percentage of the progress value.",
+    "selector": "[ngpProgressIndicator]",
+    "exportAs": [],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpProgressLabel": {
+    "name": "NgpProgressLabel",
+    "description": "",
+    "selector": "[ngpProgressLabel]",
+    "exportAs": [
+      "ngpProgressLabel"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpProgress": {
+    "name": "NgpProgress",
+    "description": "Apply the `ngpProgress` directive to an element that represents the progress bar.",
+    "selector": "[ngpProgress]",
+    "exportAs": [],
+    "inputs": [
+      {
+        "name": "ngpProgressValue",
+        "type": "number | null",
+        "description": "Define the progress value.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpProgressMin",
+        "type": "number",
+        "description": "Define the progress min value.",
+        "isRequired": false,
+        "defaultValue": "'0'"
+      },
+      {
+        "name": "ngpProgressMax",
+        "type": "number",
+        "description": "Define the progress max value.",
+        "isRequired": false,
+        "defaultValue": "100"
+      },
+      {
+        "name": "ngpProgressValueLabel",
+        "type": "NgpProgressValueTextFn",
+        "description": "Define a function that returns the progress value label.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpRadioIndicator": {
+    "name": "NgpRadioIndicator",
+    "description": "Apply the `ngpRadioIndicator` directive to an element that represents the radio indicator (i.e. the dot).",
+    "selector": "[ngpRadioIndicator]",
+    "exportAs": [],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpRadioItem": {
+    "name": "NgpRadioItem",
+    "description": "Apply the `ngpRadioItem` directive to an element that represents a radio item. This would typically be a `button` element.",
+    "selector": "[ngpRadioItem]",
+    "exportAs": [],
+    "inputs": [
+      {
+        "name": "ngpRadioItemValue",
+        "type": "T | undefined",
+        "description": "The value of the radio item.",
+        "isRequired": true
+      },
+      {
+        "name": "ngpRadioItemDisabled",
+        "type": "boolean",
+        "description": "Whether the radio item is disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      }
+    ],
+    "outputs": []
+  },
+  "NgpRadioGroup": {
+    "name": "NgpRadioGroup",
+    "description": "Apply the `ngpRadioGroup` directive to an element that represents the group of radio items.",
+    "selector": "[ngpRadioGroup]",
+    "exportAs": [],
+    "inputs": [
+      {
+        "name": "ngpRadioGroupValue",
+        "type": "T | null",
+        "description": "The value of the radio group.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRadioGroupDisabled",
+        "type": "boolean",
+        "description": "Whether the radio group is disabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRadioGroupOrientation",
+        "type": "NgpOrientation",
+        "description": "The orientation of the radio group.",
+        "isRequired": false,
+        "defaultValue": "'horizontal'"
+      },
+      {
+        "name": "ngpRadioGroupCompareWith",
+        "type": "(a: T | null, b: T | null) => boolean",
+        "description": "The comparator function for the radio group. This is useful if values are objects and you want to compare them by value, not by reference.",
+        "isRequired": false,
+        "defaultValue": "(a, b) => a === b"
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpRadioGroupValueChange",
+        "type": "T | null",
+        "description": "Event emitted when the radio group value changes."
+      }
+    ]
+  },
+  "NgpResize": {
+    "name": "NgpResize",
+    "description": "Apply the `ngpResize` directive to an element to listen for resize events.",
+    "selector": "[ngpResize]",
+    "exportAs": [],
+    "inputs": [],
+    "outputs": [
+      {
+        "name": "ngpResize",
+        "type": "Dimensions",
+        "description": "Emits when the element is resized."
+      }
+    ]
+  },
+  "NgpRovingFocusItem": {
+    "name": "NgpRovingFocusItem",
+    "description": "Apply the `ngpRovingFocusItem` directive to an element within a roving focus group to automatically manage focus.",
+    "selector": "[ngpRovingFocusItem]",
+    "exportAs": [
+      "ngpRovingFocusItem"
+    ],
+    "inputs": [
+      {
+        "name": "ngpRovingFocusItemDisabled",
+        "type": "boolean",
+        "description": "Define if the item is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpRovingFocusGroup": {
+    "name": "NgpRovingFocusGroup",
+    "description": "Apply the `ngpRovingFocusGroup` directive to an element to manage focus for a group of child elements.",
+    "selector": "[ngpRovingFocusGroup]",
+    "exportAs": [
+      "ngpRovingFocusGroup"
+    ],
+    "inputs": [
+      {
+        "name": "ngpRovingFocusGroupOrientation",
+        "type": "NgpOrientation",
+        "description": "Determine the orientation of the roving focus group.",
+        "isRequired": false,
+        "defaultValue": "'vertical'"
+      },
+      {
+        "name": "ngpRovingFocusGroupWrap",
+        "type": "boolean",
+        "description": "Determine if focus should wrap when the end or beginning is reached.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRovingFocusGroupHomeEnd",
+        "type": "boolean",
+        "description": "Determine if the home and end keys should navigate to the first and last items.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRovingFocusGroupDisabled",
+        "type": "boolean",
+        "description": "Determine if the roving focus group is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpSearchClear": {
+    "name": "NgpSearchClear",
+    "description": "The `NgpSearchClear` directive is can be added to a button to clear the search field on click.",
+    "selector": "[ngpSearchClear]",
+    "exportAs": [
+      "ngpSearchClear"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpSearch": {
+    "name": "NgpSearch",
+    "description": "The `NgpSearch` directive is a container for the search field components.",
+    "selector": "[ngpSearch]",
+    "exportAs": [
+      "ngpSearch"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpSelectDropdown": {
+    "name": "NgpSelectDropdown",
+    "description": "",
+    "selector": "[ngpSelectDropdown]",
+    "exportAs": [
+      "ngpSelectDropdown"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpSelectPortal": {
+    "name": "NgpSelectPortal",
+    "description": "",
+    "selector": "[ngpSelectPortal]",
+    "exportAs": [
+      "ngpSelectPortal"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpNativeSelect": {
+    "name": "NgpNativeSelect",
+    "description": "Apply the `ngpNativeSelect` directive to a select element that you want to enhance.",
+    "selector": "select[ngpNativeSelect]",
+    "exportAs": [
+      "ngpNativeSelect"
+    ],
+    "inputs": [
+      {
+        "name": "ngpNativeSelectDisabled",
+        "type": "boolean",
+        "description": "Whether the select is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpSelectOption": {
+    "name": "NgpSelectOption",
+    "description": "",
+    "selector": "[ngpSelectOption]",
+    "exportAs": [
+      "ngpSelectOption"
+    ],
+    "inputs": [
+      {
+        "name": "ngpSelectOptionValue",
+        "type": "any",
+        "description": "",
+        "isRequired": true
+      },
+      {
+        "name": "ngpSelectOptionDisabled",
+        "type": "boolean",
+        "description": "The disabled state of the option.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpSelect": {
+    "name": "NgpSelect",
+    "description": "",
+    "selector": "[ngpSelect]",
+    "exportAs": [
+      "ngpSelect"
+    ],
+    "inputs": [
+      {
+        "name": "ngpSelectValue",
+        "type": "any",
+        "description": "The value of the select.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSelectMultiple",
+        "type": "boolean",
+        "description": "Whether the select is multiple selection.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSelectDisabled",
+        "type": "boolean",
+        "description": "Whether the select is disabled.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSelectCompareWith",
+        "type": "(a: any, b: any) => boolean",
+        "description": "The comparator function used to compare options.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSelectDropdownPlacement",
+        "type": "Placement",
+        "description": "The position of the dropdown.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSelectDropdownContainer",
+        "type": "string | HTMLElement | null",
+        "description": "The container for the dropdown.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpSelectValueChange",
+        "type": "any",
+        "description": "Event emitted when the value changes."
+      },
+      {
+        "name": "ngpSelectOpenChange",
+        "type": "boolean",
+        "description": "Emit when the dropdown open state changes."
+      }
+    ]
+  },
+  "NgpSeparator": {
+    "name": "NgpSeparator",
+    "description": "",
+    "selector": "[ngpSeparator]",
+    "exportAs": [
+      "ngpSeparator"
+    ],
+    "inputs": [
+      {
+        "name": "ngpSeparatorOrientation",
+        "type": "NgpOrientation",
+        "description": "The orientation of the separator.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpRangeSliderRange": {
+    "name": "NgpRangeSliderRange",
+    "description": "Apply the `ngpRangeSliderRange` directive to an element that represents the range between the low and high values.",
+    "selector": "[ngpRangeSliderRange]",
+    "exportAs": [
+      "ngpRangeSliderRange"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpSliderRange": {
+    "name": "NgpSliderRange",
+    "description": "Apply the `ngpSliderRange` directive to an element that represents the range of the slider.",
+    "selector": "[ngpSliderRange]",
+    "exportAs": [
+      "ngpSliderRange"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpSliderThumb": {
+    "name": "NgpSliderThumb",
+    "description": "Apply the `ngpSliderThumb` directive to an element that represents the thumb of the slider.",
+    "selector": "[ngpSliderThumb]",
+    "exportAs": [
+      "ngpSliderThumb"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpSliderTrack": {
+    "name": "NgpSliderTrack",
+    "description": "Apply the `ngpSliderTrack` directive to an element that represents the track of the slider.",
+    "selector": "[ngpSliderTrack]",
+    "exportAs": [
+      "ngpSliderTrack"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpRangeSliderTrack": {
+    "name": "NgpRangeSliderTrack",
+    "description": "Apply the `ngpRangeSliderTrack` directive to an element that represents the track of the range slider.",
+    "selector": "[ngpRangeSliderTrack]",
+    "exportAs": [
+      "ngpRangeSliderTrack"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpRangeSliderThumb": {
+    "name": "NgpRangeSliderThumb",
+    "description": "Apply the `ngpRangeSliderThumb` directive to an element that represents a thumb of the range slider.\nEach thumb can be configured to control either the 'low' or 'high' value.",
+    "selector": "[ngpRangeSliderThumb]",
+    "exportAs": [
+      "ngpRangeSliderThumb"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpSlider": {
+    "name": "NgpSlider",
+    "description": "Apply the `ngpSlider` directive to an element that represents the slider and contains the track, range, and thumb.",
+    "selector": "[ngpSlider]",
+    "exportAs": [
+      "ngpSlider"
+    ],
+    "inputs": [
+      {
+        "name": "ngpSliderValue",
+        "type": "number",
+        "description": "The value of the slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSliderMin",
+        "type": "number",
+        "description": "The minimum value of the slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSliderMax",
+        "type": "number",
+        "description": "The maximum value of the slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSliderStep",
+        "type": "number",
+        "description": "The step value of the slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSliderOrientation",
+        "type": "NgpOrientation",
+        "description": "The orientation of the slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpSliderDisabled",
+        "type": "boolean",
+        "description": "The disabled state of the slider.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpSliderValueChange",
+        "type": "number",
+        "description": "Emits when the value changes."
+      }
+    ]
+  },
+  "NgpRangeSlider": {
+    "name": "NgpRangeSlider",
+    "description": "Apply the `ngpRangeSlider` directive to an element that represents the range slider and contains the track, range, and thumbs.",
+    "selector": "[ngpRangeSlider]",
+    "exportAs": [
+      "ngpRangeSlider"
+    ],
+    "inputs": [
+      {
+        "name": "ngpRangeSliderLow",
+        "type": "number",
+        "description": "The low value of the range slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRangeSliderHigh",
+        "type": "number",
+        "description": "The high value of the range slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRangeSliderMin",
+        "type": "number",
+        "description": "The minimum value of the range slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRangeSliderMax",
+        "type": "number",
+        "description": "The maximum value of the range slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRangeSliderStep",
+        "type": "number",
+        "description": "The step value of the range slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRangeSliderOrientation",
+        "type": "NgpOrientation",
+        "description": "The orientation of the range slider.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpRangeSliderDisabled",
+        "type": "boolean",
+        "description": "The disabled state of the range slider.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpRangeSliderLowChange",
+        "type": "number",
+        "description": "Emits when the low value changes."
+      },
+      {
+        "name": "ngpRangeSliderHighChange",
+        "type": "number",
+        "description": "Emits when the high value changes."
+      }
+    ]
+  },
+  "NgpSwitchThumb": {
+    "name": "NgpSwitchThumb",
+    "description": "Apply the `ngpSwitchThumb` directive to an element within a switch to represent the thumb.",
+    "selector": "[ngpSwitchThumb]",
+    "exportAs": [],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpSwitch": {
+    "name": "NgpSwitch",
+    "description": "Apply the `ngpSwitch` directive to an element to manage the checked state.",
+    "selector": "[ngpSwitch]",
+    "exportAs": [
+      "ngpSwitch"
+    ],
+    "inputs": [
+      {
+        "name": "ngpSwitchChecked",
+        "type": "boolean",
+        "description": "Determine if the switch is checked.",
+        "isRequired": false,
+        "defaultValue": "false"
+      },
+      {
+        "name": "ngpSwitchDisabled",
+        "type": "boolean",
+        "description": "Determine if the switch is disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpSwitchCheckedChange",
+        "type": "boolean",
+        "description": "Emits when the checked state changes."
+      }
+    ]
+  },
+  "NgpTabList": {
+    "name": "NgpTabList",
+    "description": "Apply the `ngpTabList` directive to an element that represents the list of tab buttons.",
+    "selector": "[ngpTabList]",
+    "exportAs": [
+      "ngpTabList"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpTabPanel": {
+    "name": "NgpTabPanel",
+    "description": "Apply the `ngpTabPanel` directive to an element that represents the content of a tab.",
+    "selector": "[ngpTabPanel]",
+    "exportAs": [
+      "ngpTabPanel"
+    ],
+    "inputs": [
+      {
+        "name": "ngpTabPanelValue",
+        "type": "string | undefined",
+        "description": "The value of the tab",
+        "isRequired": true
+      }
+    ],
+    "outputs": []
+  },
+  "NgpTabButton": {
+    "name": "NgpTabButton",
+    "description": "Apply the `ngpTabButton` directive to an element within a tab list to represent a tab button. This directive should be applied to a button element.",
+    "selector": "[ngpTabButton]",
+    "exportAs": [
+      "ngpTabButton"
+    ],
+    "inputs": [
+      {
+        "name": "ngpTabButtonValue",
+        "type": "string | undefined",
+        "description": "The value of the tab this trigger controls",
+        "isRequired": true
+      },
+      {
+        "name": "ngpTabButtonDisabled",
+        "type": "boolean",
+        "description": "Whether the tab is disabled",
+        "isRequired": false,
+        "defaultValue": "false"
+      }
+    ],
+    "outputs": []
+  },
+  "NgpTabset": {
+    "name": "NgpTabset",
+    "description": "Apply the `ngpTabset` directive to an element to manage the tabs.",
+    "selector": "[ngpTabset]",
+    "exportAs": [
+      "ngpTabset"
+    ],
+    "inputs": [
+      {
+        "name": "ngpTabsetValue",
+        "type": "string | undefined",
+        "description": "Define the active tab",
+        "isRequired": false
+      },
+      {
+        "name": "ngpTabsetOrientation",
+        "type": "NgpOrientation",
+        "description": "The orientation of the tabset",
+        "isRequired": false,
+        "defaultValue": "'horizontal'"
+      },
+      {
+        "name": "ngpTabsetActivateOnFocus",
+        "type": "boolean",
+        "description": "Whether tabs should activate on focus",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpTabsetValueChange",
+        "type": "string | undefined",
+        "description": "Emit the value of the selected tab when it changes"
+      }
+    ]
+  },
+  "NgpTextarea": {
+    "name": "NgpTextarea",
+    "description": "",
+    "selector": "[ngpTextarea]",
+    "exportAs": [
+      "ngpTextarea"
+    ],
+    "inputs": [
+      {
+        "name": "disabled",
+        "type": "boolean",
+        "description": "Whether the element is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpToast": {
+    "name": "NgpToast",
+    "description": "",
+    "selector": "[ngpToast]",
+    "exportAs": [
+      "ngpToast"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpToggle": {
+    "name": "NgpToggle",
+    "description": "Apply the `ngpToggle` directive to an element to manage the toggle state. This must be applied to a `button` element.",
+    "selector": "[ngpToggle]",
+    "exportAs": [
+      "ngpToggle"
+    ],
+    "inputs": [
+      {
+        "name": "ngpToggleSelected",
+        "type": "boolean",
+        "description": "Whether the toggle is selected.",
+        "isRequired": false,
+        "defaultValue": "false"
+      },
+      {
+        "name": "ngpToggleDisabled",
+        "type": "boolean",
+        "description": "Whether the toggle is disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpToggleSelectedChange",
+        "type": "boolean",
+        "description": "Emits when the selected state changes."
+      }
+    ]
+  },
+  "NgpToggleGroupItem": {
+    "name": "NgpToggleGroupItem",
+    "description": "",
+    "selector": "[ngpToggleGroupItem]",
+    "exportAs": [
+      "ngpToggleGroupItem"
+    ],
+    "inputs": [
+      {
+        "name": "ngpToggleGroupItemValue",
+        "type": "string | undefined",
+        "description": "The value of the item.",
+        "isRequired": true
+      },
+      {
+        "name": "ngpToggleGroupItemDisabled",
+        "type": "boolean",
+        "description": "Whether the item is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpToggleGroup": {
+    "name": "NgpToggleGroup",
+    "description": "",
+    "selector": "[ngpToggleGroup]",
+    "exportAs": [
+      "ngpToggleGroup"
+    ],
+    "inputs": [
+      {
+        "name": "ngpToggleGroupOrientation",
+        "type": "NgpOrientation",
+        "description": "The orientation of the toggle group.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpToggleGroupAllowDeselection",
+        "type": "boolean",
+        "description": "Whether toggle buttons can be deselected. If set to `false`, clicking a selected toggle button will not deselect it.",
+        "isRequired": false,
+        "defaultValue": "true"
+      },
+      {
+        "name": "ngpToggleGroupType",
+        "type": "\"single\" | \"multiple\"",
+        "description": "The type of the toggle group, whether only one item can be selected or multiple.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpToggleGroupValue",
+        "type": "string[]",
+        "description": "The selected value(s) of the toggle group.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpToggleGroupDisabled",
+        "type": "boolean",
+        "description": "Whether the toggle group is disabled.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpToggleGroupValueChange",
+        "type": "string[]",
+        "description": "Emits when the value of the toggle group changes."
+      }
+    ]
+  },
+  "NgpToolbar": {
+    "name": "NgpToolbar",
+    "description": "",
+    "selector": "[ngpToolbar]",
+    "exportAs": [
+      "ngpToolbar"
+    ],
+    "inputs": [
+      {
+        "name": "ngpToolbarOrientation",
+        "type": "NgpOrientation",
+        "description": "The orientation of the toolbar.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpTooltipArrow": {
+    "name": "NgpTooltipArrow",
+    "description": "",
+    "selector": "[ngpTooltipArrow]",
+    "exportAs": [
+      "ngpTooltipArrow"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpTooltip": {
+    "name": "NgpTooltip",
+    "description": "Apply the `ngpTooltip` directive to an element that represents the tooltip. This typically would be a `div` inside an `ng-template`.",
+    "selector": "[ngpTooltip]",
+    "exportAs": [
+      "ngpTooltip"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
+  "NgpTooltipTrigger": {
+    "name": "NgpTooltipTrigger",
+    "description": "Apply the `ngpTooltipTrigger` directive to an element that triggers the tooltip to show.",
+    "selector": "[ngpTooltipTrigger]",
+    "exportAs": [
+      "ngpTooltipTrigger"
+    ],
+    "inputs": [
+      {
+        "name": "ngpTooltipTrigger",
+        "type": "string | NgpOverlayContent<T> | null",
+        "description": "Access the tooltip template ref.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpTooltipTriggerDisabled",
+        "type": "boolean",
+        "description": "Define if the trigger should be disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      },
+      {
+        "name": "ngpTooltipTriggerPlacement",
+        "type": "NgpTooltipPlacement",
+        "description": "Define the placement of the tooltip relative to the trigger.",
+        "isRequired": false,
+        "defaultValue": "'top'"
+      },
+      {
+        "name": "ngpTooltipTriggerOffset",
+        "type": "NgpOffset",
+        "description": "Define the offset of the tooltip relative to the trigger.\nCan be a number (applies to mainAxis) or an object with mainAxis, crossAxis, and alignmentAxis.",
+        "isRequired": false,
+        "defaultValue": "0"
+      },
+      {
+        "name": "ngpTooltipTriggerShowDelay",
+        "type": "number",
+        "description": "Define the delay before the tooltip is displayed.",
+        "isRequired": false,
+        "defaultValue": "500"
+      },
+      {
+        "name": "ngpTooltipTriggerHideDelay",
+        "type": "number",
+        "description": "Define the delay before the tooltip is hidden.",
+        "isRequired": false,
+        "defaultValue": "0"
+      },
+      {
+        "name": "ngpTooltipTriggerFlip",
+        "type": "boolean",
+        "description": "Define whether the tooltip should flip when there is not enough space for the tooltip.",
+        "isRequired": false,
+        "defaultValue": "true"
+      },
+      {
+        "name": "ngpTooltipTriggerContainer",
+        "type": "string | HTMLElement | null",
+        "description": "Define the container in which the tooltip should be attached.",
+        "isRequired": false,
+        "defaultValue": "document.body"
+      },
+      {
+        "name": "ngpTooltipTriggerShowOnOverflow",
+        "type": "boolean",
+        "description": "Define whether the tooltip should only show when the trigger element overflows.",
+        "isRequired": false,
+        "defaultValue": "false"
+      },
+      {
+        "name": "ngpTooltipTriggerContext",
+        "type": "T | undefined",
+        "description": "Provide context to the tooltip. This can be used to pass data to the tooltip content.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpTooltipTriggerUseTextContent",
+        "type": "boolean",
+        "description": "Define whether to use the text content of the trigger element as the tooltip content.\nWhen enabled, the tooltip will display the text content of the trigger element.",
+        "isRequired": false,
+        "defaultValue": "true"
+      }
+    ],
+    "outputs": []
+  }
+}